Sistem Informasi Penerimaan Mahasiswa Baru Berbasis Web Dengan Menggunakan PHP Dan MySQL Pada SMA Negeri 1 Talawi
KEMENTERIAN PENDIDIKAN KEBUDAYAAN UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA)
Jl. Bioteknologi No. 1 Kampus USU Telp. (061) 8211050 Fax (061) 8214290 MEDAN
- – 20155, Email : dekanat@fmipa.usu.ac.id KARTU BIMBINGAN TUGAS AKHIR MAHASISWA Nama Mahasiswa : WAHYU RAMADHAN Nomor Induk Mahasiswa : 102406085
Judul Tugas Akhir : Sistem Informasi Penerimaan Siswa Baru Berbasis Web dengan
Menggunakan PHP dan MySQL pada SMA Negeri 1 Talawi
Dosen Pembimbing : Dra. Mardiningsih, M.Si Tanggal Mulai Bimbingan : Tanggal Selesai Bimbingan :
No Tanggal Materi Paraf Dosen Keterangan Bimbingan Pembimbing
1
2
3
4
5
6 * Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai.
Diketahui: Disetujui Departemen Matematika FMIPA USU Pembimbing Utama/
Ketua, Penanggung Jawab Prof. Dr. Tulus, M.Si Dra. Mardiningsih, M.Si
NIP : 196209011988031002 NIP : 196304051988112001
SURAT KETERANGAN
Hasil Uji Program Tugas Akhir
Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma 3 Teknik Informatika/Statistika : Nama : Wahyu Ramadhan NIM : 102406085 Prog. Studi : Teknik Informatika Judul TA : Sistem Informasi Penerimaan Siswa Baru Berbasis Web dengan
Menggunakan PHP dan MySQL pada SMA Negeri 1 Talawi
Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada tanggal ……………
Dengan Hasil : Sukses / Gagal Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.
Medan, Juli 2013 Dosen Pembimbing Program Studi D3 Teknik Informatika Dra. Mardiningsih, M.Si NIP : 196304051988112001
KABUPATEN BATU BARA
SMA NEGERI 1 TALAWI
Jln. Besar Desa Pahang Kec. Talawi Kab. Batu Bara Telp. 0623-51197
S U R A T K E T E R A N G A N
Nomor: 420 / 30
- – SMA / 2013 Yang bertanda tangan di bawah ini. Kepala Sekolah SMA Negeri 1 Talawi menerangkan bahwa:
Nama : Wahyu Ramadhan Nim : 102406085 Jurusan : Diploma 3 Teknik Informatika Program Study : Teknik Informatika
Adalah benar telah mengadakan penelitian di SMA Negeri 1 Talawi pada tanggal 09 Maret 2013 s/d 17 Maret 2013 dengan judul:
“ SISTEM INFORMASI PENERIMAAN SISWA BARU BERBASIS WEB
DENGAN MENGGUNAKAN PHP DAN MYSQL PADA SMA NEGERI 1TALAWI “
Demikian Surat Keterangan ini diperbuat dengan sebenarnya untuk dipergunakan sebagaimana mestinya.
Labuhanruku, 17 Maret 2013 Kepala SMA Negeri 1 Talawi, DRS. ZAINAL ARIFIN PEMBINA NIP: 19600125 199203 1 001 home.php <html> <head>
<title></title> <link rel="stylesheet" type="text/css" href="css/style.css">
</head> <body>
<div class="wrapper"> <div class="header">
<div class="gambar-kiri"> <img width="250px" height="200px" src="gambar/mobil.jpg">
</div> <div class="judul-header">
<p class="judul-besar">PSB ONLINE</p> <p class="judul-kecil">Penerimaan Siswa Baru</p> <p class="sub-judul-menu">
<?php error_reporting('0'); echo"HOME";
?> </p>
</div> <div class="menu">
<ul class="menu-menu"> <li><a href="home.php">HOME</a></li> <li>
<a href="menu/profil/profil.php?menu=menu2">PROFIL</a> </li>
<?php include('koneksi/koneksi.php'); $query="select *from galery"; $data=mysql_query($query); $data2=mysql_fetch_array($data);
?> <li>
<a href="menu/galeri/galeri.php?gambar=<?php echo $data2['id_gambar']; ?>">GALERI</a>
</li> <li> <a href="menu/staffpengajar/staffpengajar.php?menu=menu4">
STAFF PENGAJAR
</a> </li> <li>
<a href="menu/cara-daftar/cara-daftar.php?menu=menu5"> CARA MENDAFTAR</a>
</li> <li> <a href="menu/daftar/daftar.php?menu=menu6">
DAFTAR</a> </li>
</ul> </div>
</div> <div class="gambar">
<div id="isi"> <?php include('slider.htm'); ?>
</div> </div> <div class="content">
<div class="isi"> <?php include('menu/home.php'); ?>
</div> <div class="gambar-kanan">
<img width="260px" height="250px" align="right" src="gambar/orang.jpg"> </div>
</div> <div class="footer"> copyright &copy; 2013, PSB<sub>( Penerimaan Siswa Baru ) </sub>
ONLINE SMA Negeri 1 TALAWI by: Wahyu Ramadhan, @WahyuTurtlebay
</div> </div>
</body> </html> b. profil.php
<html> <head> <title></title> <link rel="stylesheet" type="text/css" href="../../css/style.css"> </head> <body> <div class="wrapper">
<div class="header"> <div class="gambar-kiri">
<img width="250px" height="200px" src="../../gambar/mobil.jpg"> </div> <div class="judul-header">
<p class="judul-besar">PSB ONLINE</p> <p class="judul-kecil">Penerimaan Siswa Baru</p> <p class="sub-judul-menu">
<?php error_reporting('0'); echo"PROFIL";
?> </p>
</div> <div class="menu">
<ul class="menu-menu"> <li><a href="../../home.php?menu=menu1">HOME</a></li> <li><a href="profil.php?menu=menu2">PROFIL</a></li> <?php include('../../koneksi/koneksi.php');
$query="select *from galery"; $data=mysql_query($query); $data2=mysql_fetch_array($data);
?> <li>
<a href="../galeri/galeri.php?gambar=<?php echo $data2['id_gambar']; ?>">GALERI</a>
</li> <li>
<a href="../staffpengajar/staffpengajar.php?menu=menu4"> STAFF PENGAJAR</a>
</li> <li>
<a href="../cara-daftar/cara-daftar.php?menu=menu5"> CARA MENDAFTAR</a>
</li> <li>
<a href="../daftar/daftar.php?menu=menu6"> DAFTAR</a>
</li></ul>
</div> </div> <div class="content">
<div class="isi"> <?php
$menu=$_GET['menu']; if($menu=='menu2'){ include('halamanprofil.php');
} elseif ($menu=='isi' && $id==$id) { include('isi.php');
} ?>
</div> <div class="gambar-kanan">
<img width="260px" height="250px" align="right" src="../../gambar/orang.jpg"> </div>
</div> <div class="footer"> copyright &copy; 2013, PSB<sub>( Penerimaan Siswa Baru ) </sub>
ONLINE SMA Negeri 1 TALAWI by: Wahyu Ramadhan, @WahyuTurtlebay
</div> </div>
</body> </html> c. galeri.php
<html> <head>
<title></title> <link rel="stylesheet" type="text/css" href="../../css/style.css">
</head> <body>
<div class="wrapper"> <div class="header">
<div class="gambar-kiri"> <img width="250px" height="200px" src="../../gambar/mobil.jpg">
</div> <div class="judul-header">
<p class="judul-besar">PSB ONLINE</p> <p class="judul-kecil">Penerimaan Siswa Baru</p> <p class="sub-judul-menu">
<?php error_reporting(0); echo"GALERI";
?> </p>
</div> <div class="menu">
<ul class="menu-menu"> <li><a href="../../home.php?menu=menu1">HOME</a></li> <li><a href="../profil/profil.php?menu=menu2">PROFIL</a></li> <?php include('../../koneksi/koneksi.php');
$query="select *from galery"; $data=mysql_query($query); $data2=mysql_fetch_array($data);
?> <li><a href="../galeri/galeri.php?gambar=<?php echo
$data2['id_gambar']; ?>">GALERI</a> </li> <li><a href="../staffpengajar/staffpengajar.php?menu=menu4">
STAFF PENGAJAR</a> </li> <li><a href="../cara-daftar/cara-daftar.php?menu=menu5">
CARA MENDAFTAR</a></li> <li><a href="../daftar/daftar.php?menu=menu6">
DAFTAR</a> </li>
</ul> </div>
</div> <div class="garis">
</div>
<div class="content"> <div class="isi">
<div class="wrapper-galeri"> <div class="isi-galeri"> <div class="galeri-kiri"> <?php include('../../koneksi/koneksi.php');
$query="select *from galery"; $data=mysql_query($query); while ( $data2=mysql_fetch_array($data)) { echo "
<div class=\"gambar\"> <a href=\"galeri.php?gambar=".$data2['id_gambar']."\">
<img id=\"g-k\" src=\"sekolah/ ".$data2['nama_gambar']."\">
</a> </div>
"; }
?> </div> <div class="galeri-kanan">
<?php include('../../koneksi/koneksi.php'); $gambar=$_GET['gambar']; $query="select *from galery where id_gambar='$gambar'"; $data=mysql_query($query); $data2=mysql_fetch_array($data); echo "
<img width=\"100%\" heigh=\"100%\" id=\"g-ka\" src=\"sekolah/".$data2['nama_gambar']."\" > ";
?> </div>
</div> </div>
</div> <div class="gambar-kanan">
<img width="260px" height="250px" align="right" src="../../gambar/orang.jpg"> </div>
</div> <div class="footer"> copyright &copy; 2013, PSB<sub>( Penerimaan Siswa Baru ) </sub>
ONLINE SMA Negeri 1 TALAWI by: Wahyu Ramadhan, @WahyuTurtlebay </div> </div> </body> </html> d. staff-pengajar.php
<html> <head>
<title></title> <link rel="stylesheet" type="text/css" href="../../css/style.css">
</head> <body>
<div class="wrapper"> <div class="header">
<div class="gambar-kiri"> <img width="250px" height="200px" src="../../gambar/mobil.jpg">
</div> <div class="judul-header">
<p class="judul-besar">PSB ONLINE</p> <p class="judul-kecil">Penerimaan Siswa Baru</p> <p class="sub-judul-menu"> <?php error_reporting('0'); echo"STAFF PENGAJAR";
?> </p>
</div> <div class="menu">
<ul class="menu-menu"> <li><a href="../../home.php?menu=menu1">HOME</a></li> <li> <a href="../profil/profil.php?menu=menu2">PROFIL</a> </li> <?php include('../../koneksi/koneksi.php');
$query="select *from galery"; $data=mysql_query($query); $data2=mysql_fetch_array($data);
?> <li>
<a href="../galeri/galeri.php?gambar=<?php echo $data2['id_gambar']; ?>">GALERI</a>
</li> <li> <a href="staffpengajar.php?menu=menu4"> STAFF PENGAJAR</a> </li> <li><a href="../cara-daftar/cara-daftar.php?menu=menu5"> CARA MENDAFTAR</a> </li> <li>
<a href="../daftar/daftar.php?menu=menu6"> DAFTAR</a> </li></ul>
</div> </div> <div class="content">
<div class="isi"> <?php
$menu=$_GET['menu']; if ($menu=='detail') { $id=$_GET['id']; include("detailprofilstaff.php");
} else{ include('kumpulanstaff.php');
} ?>
</div> <div class="gambar-kanan">
<img width="260px" height="250px" align="right" src="../../gambar/orang.jpg"> </div>
</div> <div class="footer"> copyright &copy; 2013, PSB<sub>( Penerimaan Siswa Baru ) </sub>
ONLINE SMA Negeri 1 TALAWI by: Wahyu Ramadhan, @WahyuTurtlebay
</div> </div>
</body> </html> e. cara daftar
<html> <head>
<title></title> <link rel="stylesheet" type="text/css" href="../../css/style.css">
</head> <body>
<div class="wrapper"> <div class="header">
<div class="gambar-kiri"> <img width="250px" height="200px" src="../../gambar/mobil.jpg">
</div> <div class="judul-header">
<p class="judul-besar">PSB ONLINE</p> <p class="judul-kecil">Penerimaan Siswa Baru</p> <p class="sub-judul-menu"> <?php error_reporting('0'); echo"CARA MENDAFTAR";
?> </p>
</div> <div class="menu">
<ul class="menu-menu"> <li><a href="../../home.php?menu=menu1">HOME</a></li> <li> <a href="../../menu/profil/profil.php?menu=menu2">PROFIL</a> </li> <?php include('../../koneksi/koneksi.php');
$query="select *from galery"; $data=mysql_query($query); $data2=mysql_fetch_array($data);
?> <li>
<a href="../galeri/galeri.php?gambar=<?php echo $data2['id_gambar']; ?>">GALERI</a>
</li> <li>
<a href="../../menu/staffpengajar/staffpengajar.php? menu=menu4"> STAFF PENGAJAR</a>
</li> <li><a href="cara-daftar.php?menu=menu5">
CARA MENDAFTAR</a> </li> <li><a href="../../menu/daftar/daftar.php?menu=menu6">
DAFTAR</a></li>
</ul> </div>
</div> <div class="content">
<div class="isi"> <div class="cara-mendaftar">
<p id="judul-cara-mendaftar">CARA MENDAFTAR</p> <ol class="no">
<li>Calon Siswa SMA NEGERI 1 TALAWI harus mengisi Form pengisian Formulir Pendaftaran di menu <a class="link" href="../daftar/daftar.php">DAFTAR</a> sesuai dengan Data yang sebenar-benarnya tanpa ada data yang dimanipulasi. </li> <li>Setelah mengisi semua data-data yang diperlukan, tekan tombol "Daftar" yang ada di sebelah kanan bawah form pengisian data. </li> <li>Setelah menekan tombol Daftar, jika berhasil calon Siswa akan Mendapatkan konfirmasi bahwa telah berhasil mencalonkan diri sebagai siswa di SMA Negeri 1 Talawi, jika tidak maka akan mendapatkan konfirmasi sebaliknya yaitu gagal mencalonkan diri di SMA Negeri 1 Talawi. </li> <li>Di halaman konfirmasi, setelah siswa menekan tombol
"Daftar", siswa akan mendapatkan Informasi kapan melihat pengumuman LULUS/TIDAK nya masuk SMA Negeri 1 Talawi. </li> <li>Halaman Pengumuman Dapat Dilihat di
<a class="link" href="../pengumuman/pengumuman.php"> http://LamanPengumuman.com</a>. </li>
<li>di halaman <a class="link" href="../pengumuman/pengumuman.php">http://LamanPengumu man.com</a> Calon Siswa akan Mendapatkan Infomasi kapan harus Mendaftar Ulang ke SMA Negeri 1 Talawi
</li> <li>Itu saja Cara Mendaftar Online SMA Negeri 1 Talawi</li>
</ol> </div>
</div> <div class="gambar-kanan">
<img width="260px" height="250px" align="right" src="../../gambar/orang.jpg"> </div>
</div>
<div class="footer"> copyright &copy; 2013, PSB<sub>( Penerimaan Siswa Baru ) </sub> ONLINE SMA Negeri 1 TALAWI by: Wahyu Ramadhan, @WahyuTurtlebay
</div> </div> </body> </html> f. daftar.php
<html> <head>
<title></title> <link rel="stylesheet" type="text/css" href="../../css/style.css">
</head> <body>
<div class="wrapper"> <div class="header">
<div class="gambar-kiri"> <img width="250px" height="200px" src="gambar/mobil.jpg">
</div> <div class="judul-header">
<p class="judul-besar">PSB ONLINE</p> <p class="judul-kecil">Penerimaan Siswa Baru</p> <p class="sub-judul-menu"> <?php error_reporting('0'); echo"DAFTAR";
?> </p>
</div> <div class="menu">
<ul class="menu-menu"> <li><a href="../../home.php?menu=menu1">HOME</a></li> <li><a href="../profil/profil.php?menu=menu2">PROFIL</a></li>
<?php include('../../koneksi/koneksi.php'); $query="select *from galery"; $data=mysql_query($query); $data2=mysql_fetch_array($data);
?> <li><a href="../galeri/galeri.php?gambar=<?php echo
$data2['id_gambar']; ?>">GALERI</a></li> <li> <a href="../staffpengajar/staffpengajar.php?menu=menu4"> STAFF PENGAJAR</a> </li>
<li> <a href="../cara-daftar/cara-daftar.php?menu=menu5"> CARA MENDAFTAR</a>
} elseif ($menu=='berhasiledit') { include('berhasileditdata.php');
</div> </div>
<div class="footer"> copyright &copy; 2013, PSB<sub>( Penerimaan Siswa Baru ) </sub> ONLINE SMA Negeri 1 TALAWI by: Wahyu Ramadhan, @WahyuTurtlebay
</div> <div class="clear"></div>
<img width="260px" height="250px" align="right" src="gambar/orang.jpg"> </div>
} ?> </div> <div class="gambar-kanan">
} else{ include('formdaftar.php');
} elseif ($menu=='edit') { include('editpendaftar.php');
</li> <li><a href="daftar.php?menu=menu6">DAFTAR</a></li>
} elseif ($menu=='detail') { include('cekdata.php');
} elseif ($menu=='halaman-3') { include('databenar.php');
$menu=$_GET['menu']; if($menu=='halaman-2'){ include('berhasilDaftar.php');
<div class="isi"> <?php
</div> <div class="content">
</ul> </div>
</body> </html> g.
Style.css body{
margin: 0px; padding: 0px; } @font-face{ font-family: fontC; src: url('../font/fontC/fontC.ttf') ;
} @font-face{ font-family: fontB; src: url('../font/fontB/fontB.ttf') ;
} @font-face{ font-family: fontD; src: url('../font/fontD/fontD-Light.ttf') ;
} .wrapper{ width: 100%; height: 100%;
} .wrapper .header{ width: 1100px; height: 200px;
} .wrapper .header .gambar-kiri{ width: 250px; height: 200px; float: left;
} .wrapper .header .judul-header{ margin-left: 0px; width: 850px; height: 100px; float: left;
} .wrapper .header .judul-header p.judul-besar{ margin: 0px; padding: 0px; font-family: GulimChe; font-size: 40pt;
} .wrapper .header .judul-header p.judul-kecil{ margin: 0px; margin-left:118px; padding: 0px; font-family: GulimChe; font-size: 10pt; } .wrapper .header .judul-header p.sub-judul-menu{ margin-top: 10px; text-align: center; padding: 0px; font-family: GulimChe; font-size: 25pt;
} .wrapper .header .menu{ width: 850px; height: 100px; float: left;
} .wrapper .header .menu ul.menu-menu{ text-decoration: none; margin-left: 10px; padding: 40px 0px 0px 0px; width: 100%; height: 60px;
} .wrapper .header .menu ul.menu-menu li{ text-decoration: none; list-style-type: none; display: inline; margin: 0px 24px; font-family: GulimChe; font-size: 15pt;
} .wrapper .header .menu ul.menu-menu li a{ list-style-type: none; text-decoration: none; color: black;
} .wrapper .header .menu ul.menu-menu li a:hover{ text-decoration: underline; color: #13e8d6;
} .wrapper .gambar{ width: 100%; height: 400px; background: #34c2e0;
} .wrapper .gambar #isi{ padding-top: 25px; width: 100%; height: 350px;
}
.wrapper .garis{ width: 63%; position: absolute; border: 1px solid #d5d5d5; margin-left: 240px;
} .wrapper .content{ margin-top: 20px; width: 1110px; float: right;
} .wrapper .content .isi{ width: 850px; float: left;
} .clear{ clear: both; }
.wrapper .content .gambar-kanan{ width: 250px; height: 400px; float: right;
} .wrapper .footer{ width: 100%; height: 35px; background: #f2f2f2; float: left; text-align: center; padding-top: 20px; font-family: fontC; font-size: 15pt;
} /* Style Cara Mendaftar */ .content .isi .cara-mendaftar{ margin: auto; margin-top: 25px; width: 800px;
} .content .isi .cara-mendaftar p#judul-cara-mendaftar{ text-align: center; font-family: fontB; font-size: 20pt;
} .content .isi .cara-mendaftar ol.no{ font-size: 15pt; font-family: fontC; text-align: justify;
}
.content .isi .cara-mendaftar ol.no li{ margin-bottom: 20px; line-height: 1.5em;
} .content .isi .cara-mendaftar ol.no li a.link{ color: orange; font-family: Gulimche;
} .content .isi .cara-mendaftar ol.no li a.link:hover{ color: #13e8d6; }
/*Style Form Pendaftaran*/ .content .isi .wrapper-luar{ width: 800px; margin: auto; padding: 40px;
} .content .isi .wrapper-luar .table{ margin: auto; margin-bottom: 40px;
} .content .isi .wrapper-luar .table th#judul{ font-family: fontB; font-size: 17pt; padding-bottom: 20px;
} .content .isi .wrapper-luar .table tr{ font-family: fontC; font-size: 17pt;
} .content .isi .wrapper-luar .table tr td{ padding-bottom: 20px; }
.content .isi .wrapper-luar .table tr td#kolom1{ text-align: left; padding-right: 40px; color: #13e8d6;
} .content .isi .wrapper-luar .table tr td#kolom2 input{ font-family: fontC; font-size: 15pt; border-radius: 4px; height: 30px;
} .content .isi .wrapper-luar .table tr td#kolom2 select{ font-family: fontC; font-size: 15pt; border-radius: 4px; height: 30px; } .content .isi .wrapper-luar .table tr td#kolom2-1 input{ background: #13e8d6; border-radius: 8px; height: 40px; font-family: fontC; font-size: 15pt; padding-right: 30px; padding-left: 30px; float: right; color: white;
} .content .isi .wrapper-luar .table tr td#kolom2-1 input:hover{ background: -webkit-linear- gradient(#13e8d6,white); background: -moz-linear-gradient(#13e8d6, #64b4eb);
} .content .isi .wrapper-luar .table tr td#kolom2 textarea{ border-radius: 4px; }
.content .isi .berhasil-daftar{ width: 700px; margin: auto;
} .content .isi .berhasil-daftar p{ font-family: fontC; font-size: 25pt; text-align: center;
} .content .isi .berhasil-daftar p#nama{ text-align: center; font-size: 30pt; font-weight: bold;
} /*Style untuk Galeri*/ .content .isi .wrapper-galeri{ width: 100%; height: 75%; background: #f2f2f2; margin-top: 10px; margin-bottom: 20px; padding-top: 20px; padding-bottom: 20px; border-radius: 5px;
}
.content .isi .wrapper-galeri .isi-galeri{ width: 98%; border-radius: 4px;
} .content .isi .wrapper-galeri .galeri-kiri{ margin-left: 20px; width: 25%; height: 100%; float: left; overflow: scroll; overflow-x:hidden;
} .content .isi .wrapper-galeri .galeri-kiri .gambar{ width: 100%; height: 170px; margin-bottom: 10px;
.gambar img#g-k{ width: 200px; height: 170px; border-radius: 6px;
} .content .isi .wrapper-galeri .galeri-kanan{ width: 72%; height: 100%; float: left; background: #f2f2f2;
} .galeri-kanan img#g-ka{ width: 100%; height: 100%; border-radius: 5px;
} /*Style untuk Staff Pengajar*/ .content .isi .wrapper-staff{ width: 100%; background: #dfe3e4; margin-bottom: 20px; border-radius: 4px; padding-top: 2px; float: left;
} /*Style Staff untuk Kumpulan Staff*/ .content .isi .blok{ width: 200px; height: 200px; float: left; margin-right: 10px; margin-bottom: 10px; border-radius: 4px; text-align: left; text-transform: capitalize;
} .blok a#link-s{ text-decoration: none; color: rgb(192, 192, 192);
} .blok a#link-s:hover{ color: rgb(66, 233, 233); }
.content .isi .blok img#foto{ width: 200px; height: 150px; background: #e6e6e6; border-radius: 4px;
} /*Style Staff untuk halaman Profil*/ .content .isi .wrapper-staff .wrapper-kaca{ height: 500px; margin: 50px; width: 430px; background:#f2f2f2; border-radius: 4px; opacity: 0.6; position: relative; float: left;
} .wrapper-staff .isi-kaca{ height: 400px; margin: 50px 0px 10px 75px; width: 400px; border-radius: 4px; position: absolute; float: left;
} .wrapper-staff .isi-kaca p.judul-profil-staff{ font-family: Lucida Sans Unicode; font-size: 20pt;
} .isi-kaca table#d-s{ margin-top: 60px; height: 200px; font-family: Lucida Sans Unicode; font-size: 10pt;
} .isi-kaca table#d-s th{ font-weight: normal; text-align: left; padding-right: 40px; }
/*Style untuk PROFIL*/ .content .isi .wrapper-profil{ width: 100%; }
.wrapper-profil #kotak{ width: 100%; background: rgb(243, 242, 242); margin-bottom: 20px; float: left;
} #kotak p#judul{ text-transform: uppercase; text-align: center; font-size: 15pt;
} #kotak p{ font-family: calibri; }
#kotak button#l-b{ width: 90px; height: 30px; float: right; margin-right: 50px; margin-bottom: 10px; border: none; background: rgb(49, 228, 243); border-radius: 4px; color: white; cursor: pointer;
} #kotak button#l-b:hover{ background: red; border-radius: 4px;
} .isi-profil p#judul-isi-profil{ font-family: fontC; font-size: 15pt;
} /*Style Untuk isi Sma*/ .content .isi .isi-p{ width: 100%; font-family: fontC; font-size: 15pt;
}
.content .isi .isi-p p#judul-sejarah{ font-family: fontB; font-size: 20pt; text-align: center;
} .content .isi .isi-p p{ font-family: fontB; font-size: 15pt; text-align: justify; line-height: 2em;
} .content .isi .isi-p ol#list{ font-family: fontC; font-size: 15pt; text-align: justify; line-height: 1em;
} .content .isi .isi-p ol#list li p#head{ color: #34c2e0; margin:0px;
} /*Style Untuk isi Visi-Misi*/ .content .isi .isi-p{ width: 100%; }
.content .isi .isi-p p#judul-visi-misi{ font-family: fontB; font-size: 20pt; text-align: center;
} .content .isi .isi-p p#sub-judul-visi-misi{ font-family: fontB; font-size: 17pt; text-align: left; color: #34c2e0;
} .content .isi .isi-p p#isi-visi-misi{ font-family: fontC; font-size: 15pt; text-align: justify; line-height: 1em; color: orange;
} .content .isi .isi-p p{ font-family: fontC; font-size: 15pt; text-align: justify; line-height: 1.5em;
}
.content .isi .isi-p ol#list{ font-family: fontC; font-size: 15pt; text-align: justify; line-height: 2em; color: orange;
} /*Style Untuk Tujuan*/ .content .isi .isi-p{ width: 100%; }
.content .isi .isi-p p#judul-tujuan{ font-family: fontB; font-size: 20pt; text-align: center;
} .content .isi .isi-p p#sub-judul-tujuan{ font-family: fontB; font-size: 17pt; text-align: left; color: #34c2e0;
} .content .isi .isi-p p#isi-tujuan{ font-family: fontC; font-size: 15pt; text-align: justify; line-height: 1em; color: orange;
} .content .isi .isi-p p{ font-family: fontC; font-size: 15pt; text-align: justify; line-height: 1.5em;
} .content .isi .isi-p ol#list{ font-family: fontC; font-size: 15pt; text-align: justify; line-height: 2em;
} /*Style Untuk Cek Data Siswa*/ .content .isi .wrapper-data-siswa{ width: 99%; background: #f2f2f2; margin-bottom: 20px; border-radius: 4px;
}
.content .isi .wrapper-data-siswa p#judul-data-siswa{ text-align: center; font-family: fontB; font-size: 17pt; text-decoration: underline;
} .content .isi .wrapper-data-siswa p{ font-family: fontC; font-size: 15pt; text-align: center;
} .content .isi .wrapper-data-siswa img{ background: green; width: 20%; height: 200px; float: left; border-radius: 5px; margin-right: 5%; margin-left: 20px;
} .content .isi .wrapper-data-siswa table.tabel-cek-data{
/*border: 1px solid black;*/ width: 600px; font-family: fontC; font-size: 15pt;
} .content .isi .wrapper-data-siswa table.tabel-cek-data tr{ height: 35px; }
.content .isi .wrapper-data-siswa table.tabel-cek-data tr td#kolom1{ width: 250px;
} .content .isi .wrapper-data-siswa table.tabel-cek-data tr td#kolom2{ width: 350px;
} /*home*/ .isi #w-h{ margin: auto; width: 600px; background: #f2f2f2; border-radius: 4px; font-size: 16pt; font-family: fontB; padding: 10px 20px; margin-bottom: 20px;
}
#w-h p#judul{ font-family: fontC; font-size: 20pt; text-align: center;
} #w-h p{ line-height: 1.5em; text-align: justify;
} admin.php <?php error_reporting(0); include('fungsi.php'); session_start(); $user=$_SESSION['nama']; $passw=$_SESSION['pass']; if(!empty($user) and !empty($passw)){
?> <html> <head>
<title></title> <link rel="stylesheet" type="text/css" href="style/style-admin.css">
</head> <body>
<div class="wrapper-admin"> <div class="head">
<div id="logo"> <p>PSB ONLINE</p> <p id="sub">Penerimaan Siswa Baru</p>
</div> <div id="judul">
<p>HALAMAN ADMIN</p> </div>
</div> <div class="content">
<div id="kiri"> <div id="gambar-logout">
<a href="admin.php?logout"><img id="logout" src="gambar/shutdown.png"></a> </div> <div id="lingkaran">
<a href="menu/profil/profil.php?awal=profil"><img id="gambar" src="icon/building.png?awal=profil">Profil</a> <a id="galeri" href="menu/galery/galery.php?awal=galeri"><img id="gambar-galeri" src="icon/gallery-icon.png">Galeri</a> <a id="staff" href="menu/staff/staff.php?awal=staff"><img id="gambar-staff" src="icon/staff6.png">staff</a> <a id="cara-daftar" href="menu/daftar-ulang/daftar- ulang.php?action=daftar"><img id="gambar-cara-daftar" src="icon/cara-daftar2.png">Daftar Ulang</a> <a id="daftar" href="menu/daftar/daftar.php?awal=daftar"><img id="gambar-daftar" src="icon/icon-register.png">Daftar</a> <a id="admin" href="menu/admin/halaman- admin.php?awal=admin"><img id="gambar-admin" src="icon/robot.png">Admin</a>
<div id="lingkaran-dalam"> <a id="home" href="menu/home.php"><img id="gambar-home" src="icon/home.png?awal=home">HOME</a>
</div> </div>
</div> </div> <div class="footer">
<p>copyright &copy; 2013</p> </div>
</div> </body> </html> <?php } else{ echo "belum login"; } ?> b. fungsi.php
<?php error_reporting(0); session_start(); $username=$_SESSION['nama']; $password=$_SESSION['pass']; $logout=$_GET['logout']; if(empty($username)) echo "login dahulu";
// header('location:gagal-login/warning.php'); if(isset($logout)) { session_start(); session_destroy(); header('location: login-admin.php?logout');
} require_once '../koneksi/koneksi.php'; ?> c. login.php
<?php session_start(); include ('../koneksi/koneksi.php'); $username = $_POST['nama']; $password = $_POST['pass']; $password = md5($password);
$sql= "select * from admin where Nama='$username' and password='$password' "; $userquery = mysql_query($sql) or die(mysql_error()); if (mysql_num_rows($userquery) == 1) { header("location:admin.php"); $valid = true; session_start(); $_SESSION['nama']=$username; $_SESSION['pass']=$password;
} if ($valid == false) { echo "login dahulu"; // header("Location:gagal-login/warning.php");
} ?> d. style admin.css body{ margin: 0px; padding: 0px;
} .wrapper-admin{ width: 100%; height: 100%;
} .wrapper-admin .head{ width: 100%; height: 150px;
} .head #logo{ width: 500px; height: 150px; position: relative; float: right;
} #logo p{ margin: auto; font-size: 38pt; font-family: gulimche; text-align: right; padding-right: 100px;
} #logo p#sub{ font-size: 10pt; position: relative; left: -5px; } #logo p#sekolah{ font-size: 20pt; position: relative; left: -120px;
} .head #judul{ width: 300px; margin: auto; height: 50px; padding-top: 80px;
} #judul p{ font-size: 20pt; font-family: gulimche; text-align: center;
} .wrapper-admin .content{ width: 100%; }
.content #kiri{ margin: auto; width: 1330px; margin-top: 20px;
} #kiri #gambar-logout{ width: 50px; height: 50px; border-radius: 100px; background: rgb(70, 175, 245); float: right; margin-right: 150px;
} #gambar-logout img#logout{ width: 50px; height: 50px; position: relative;
} #kiri #lingkaran{ margin: auto; width: 500px; height: 500px; border-radius: 1000px; border:1px solid #d5d5d5; background: rgb(70, 175, 245); font-family: gulimche;
} #lingkaran a{ text-decoration: none; color: black; position: relative; margin-left: 160px; top: 75px; color: white;
} #lingkaran img#gambar{ width: 70px; height: 70px; position: relative; top: -70px; left: 55px; margin-bottom: -50px;
} #lingkaran a#galeri{ text-decoration: none; color: black; position: relative; margin-left: 340px; top: 165px; color: white;
} #lingkaran img#gambar-galeri{ width: 70px; height: 70px; position: relative; top: -70px; left: 50px; margin-bottom: -50px;
} #lingkaran a#staff{ text-decoration: none; color: black; position: relative; margin-left: 330px; top: 330px; color: white;
} #lingkaran img#gambar-staff{ width: 70px; height: 70px; position: relative; top: -70px; left: 60px; margin-bottom: -50px; }
#lingkaran a#cara-daftar{ text-decoration: none; color: black; position: relative; margin-left: 145px; top: 405px; color: white;
} #lingkaran img#gambar-cara-daftar{ width: 70px; height: 70px; position: relative; top: -65px; left: 78px; margin-bottom: -50px;
} #lingkaran a#daftar{ text-decoration: none; color: black; position: relative; margin-left: -330px; top: 308px; color: white;
} #lingkaran img#gambar-daftar{ width: 70px; height: 70px; position: relative; top: -70px; left: 52px; margin-bottom: -50px;
} #lingkaran a#admin{ text-decoration: none; color: black; position: relative; margin-left: -140px; top: 125px; color: white;
} #lingkaran img#gambar-admin{ width: 70px; height: 70px; position: relative; top: -70px; left: 60px; margin-bottom: -50px;
} #lingkaran #lingkaran-dalam{ margin: auto; width: 300px; height: 300px; border-radius: 1000px; position: relative; top: 10px; border:1px solid #d5d5d5; background: white;
} #lingkaran-dalam a#home{ text-decoration: none; color: black; position: relative; margin-left: -25px; top: 120px;
} #lingkaran-dalam img#gambar-home{ width: 160px; height: 180px; position: relative; top: -70px; left: 90px; margin-bottom: -50px;
} .wrapper-admin .footer{ width: 100%; margin-top: 50px; float: left;
} .footer p{ text-align: center; font-family: gulimche;
} /*Style Untuk Login Admin*/ #kiri #login{ margin: auto; width: 500px; height: 220px; background: rgb(70, 175, 245); margin-top: 120px; margin-bottom: 150px; padding-top: 60px; border-radius: 4px; }
#login img#gambar1{ width: 100px; height: 100px; position: relative; margin-top: -200px; top: 100px; left: 200px;
} #login #gambar-luar-login{ width: 90px; height: 90px; position: relative; top: -140px; left: 500px; border-radius: 100px; background: rgb(70, 175, 245); margin-bottom: -50px;
} #gambar-luar-login img#gambar{ width: 50px; height: 50px; position: relative; top: 20px; left: 25px;
} #login img#gambar-login{ width: 90px; height: 100px; margin-bottom: -100px; margin-left: 50px;
} #login table#isi-login{ margin: auto; padding-top: 20px; width: 400px; height: 150px;
} table#isi-login tr{ position: relative; top: -50px;
} table#isi-login td{ color: white;
} table#isi-login td#judul-isi{ font-family: gulimche; position: relative; left: 90px; top: -20px; } table#isi-login td#input{ font-family: gulimche; position: relative; left: 100px; top: -20px;
} td#input input{ border-radius: 4px; height: 30px;
} table#isi-login td#masuk{ position: relative; right: 30px;
} td#masuk input{ background: rgb(233, 233, 233); border-radius: 4px; height: 30px; width: 80px; cursor: pointer;
} td#masuk input:hover{ background: rgb(181, 240, 29);
} /*Style Untuk Galery*/ #kiri #isi{ width: 100%; padding-top: 50px;
} #kiri #gambar-galery{ width: 70px; height: 70px; border-radius: 100px;/* background: rgb(70, 175, 245);*/ float: left; margin-left: 150px;
} #gambar-galery img#galery{ width: 60px; height: 60px; position: relative;
} #kiri a#link{ text-decoration: none; color: black; float: left;
} #kiri a#link:hover{ color: rgb(70, 175, 245); } #kiri p#sub-judul{ position: relative; top: -35px; left: 220px; font-family: gulimche; font-size: 14pt; text-transform: uppercase;
} #isi #isi-dalam{ margin: auto; margin-top: 50px; width: 900px; border-top: 1px solid rgb(70, 175, 245); border-left: 1px solid rgb(70, 175, 245); padding-top: 0px; padding-bottom: 25px; float: left;
} #isi #isi-dalam-lagi{ margin: auto; width: 850px; background: white;
} #isi-dalam-lagi #kiri-isi{ width: 50px; float: left; margin-top: 180px;
} #kiri-isi p#tulisan1{ position: relative; left: -10px; margin-bottom: 20px;
} #kiri-isi p#tulisan2{ position: relative; left: -10px;
} #kiri-isi p#tulisan3{ position: relative; top: -5px;
} #isi-dalam-lagi #logo-judul{ width: 60px; height: 60px; background: rgb(70, 175, 245); border-radius: 100px; margin: auto;
} #logo-judul a#link-galery{ text-decoration: none; color: black;
} #logo-judul a#link-galery:hover{ color: rgb(70, 175, 245); } #logo-judul img#icon-galery{ width: 50px; height: 50px; position: relative; top: 5px; left: 5px;
} #logo-judul p{ position: relative; font-size: 12pt; font-family: gulimche; top: -40px; left: 70px;