LISTING PROGRAM Halaman Utama Website
LISTING PROGRAM
Halaman Utama Website1. index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html ns="http://www.w3.org/1999/xhtml"> <head> <title>SMA Muhammadiyah 2 Medan</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link href="style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script> </head> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <body> <div class="main"> <div class="header"> <div class="header_resize"> <div class="logo"><h1><a href=""></a></h1></div> <div class="menu_nav"> <ul class="dropmenu"> <li><a href="?menu=home">BERANDA</a></li> <li><a href="">TENTANG SEKOLAH</a> <ul> <li><a href="?menu=profil">PROFIL</a></li> <li><a href="?menu=struktur">STRUKTUR ORGANISASI</a></li> <li><a href="?menu=visi">VISI DAN MISI</a></li> </ul> </li> <li><a href="">UNIT KEGIATAN</a> <ul> <li><a href="?menu=ekstra">EKTSTRAKULIKULER</a></li> <li><a href="?menu=prestasi">PRESTASI</a></li> </ul> <li><a href="?menu=galeri">GALERI</a></li> <li><a href="?menu=berita">BERITA</a></li> <li><a href="?menu=guru">DATA GURU</a></li> <li><a href="?menu=inspiratif">INSPIRATIF</a></li> <li><a href="?menu=kontak">KONTAK</a></li> </li> </ul>
</div> <div class="clr"></div> </div> </div> <div class="content"> <div class="content_resize"> <div class="mainbar"> <div class="article"> <?php error_reporting('0'); $menu =$_GET['menu']; if($_GET['menu']=='home'){ include('home.php');
} elseif($_GET['menu']=='profil'){ include('profil.php');
} elseif($_GET['menu']=='galeri'){ include('galeri.php');
} elseif($_GET['menu']=='berita'){ include('berita.php');
} elseif($_GET['menu']=='unit'){ include('unit.php');
} elseif($_GET['menu']=='guru'){ include('guru.php');
} elseif($_GET['menu']=='kontak'){ include('kontak.php'); elseif($_GET['menu']=='visi'){ include('visi.php');
} elseif($_GET['menu']=='struktur'){ include('struktur.php');
} elseif($_GET['menu']=='ipm'){ include('ipm.php'); } elseif($_GET['menu']=='prestasi'){ include('prestasi.php');
} elseif($_GET['menu']=='galeri_detil'){ include('galeri_detil.php');
} elseif($_GET['menu']=='simpan'){ include('simpan.php');
} elseif($_GET['menu']=='berita_detil'){ include('berita_detil.php');
} elseif($_GET['menu']=='inspiratif'){ include('inspiratif.php');
} elseif($_GET['menu']=='ekstra'){ include('ekstra.php');
} elseif($_GET['menu']=='galeri_detil'){ include('galeri_detil.php');
} else{ echo "<center><h1>SELAMAT DATANG DI WEBSITE</h1> <h1>SMA MUHAMMADIYAH 2 MEDAN</h1></center>";
} ?> </div> <div class="sidebar"> <div class="gadget"> <h2 class="star"></h2> <ul class="sb_menu"> <li> <div class='title-post'>
<font color=#066><img src='images/kreatif.jpg' align='left' width=30>Inspiratif</font></div>
<div class=kreatif> <p><img src='images/foto4.png' width="92" height="105" align=left class='for-images' /><strong>Kepala Sekolah Maulana Malik
Muttaqin.MA</strong><br><i>WEBSITE Sekolah ini sangat bagus dan membantu siswa-siswa maupun masyarakat yang ingin melihat informasi tentang Sekolah SMA Muhammadiyah
2 Medan.</i><br><a class='box- link'href=?menu=inspiratif>Selengkapnya</a><br><br></div> </li> </ul> </div> <div class="gadget"> <h2 class="star">KALENDER</h2> <ul class="ex_menu"> <li> <?php echo "";
?> <SCRIPT type=text/javascript> var months = new Array(); months[0] = "Januari"; months[1] = "Peburari"; months[2] = "Maret"; months[3] = "April"; months[4] = "Mei"; months[5] = "Juni"; months[6] = "Juli"; months[7] = "Agustus"; months[8] = "September"; months[9] = "Oktober"; months[10] = "Nopember"; months[11] = "Desember"; var currentDate = new Date(); var currentMonth = currentDate.getMonth(); var hariini=currentDate.getDate(); currentDate.setDate(1); document.write("<br><br><table border=1 width='200px' bgcolor='#EFCC44' cellpadding=2 cellspacing=0>"); document.write("<tr>"); document.write("<td colspan=7 bgcolor='#GGCC33' align='center'><strong>" + document.write("<tr>"); document.write("<td bgcolor='#9999CC' align='center'>M</td>"); document.write("<td bgcolor='#9999CC' align='center'>S</td>"); document.write("<td bgcolor='#9999CC' align='center'>S</td>"); document.write("<td bgcolor='#9999CC' align='center'>R</td>"); document.write("<td bgcolor='#9999CC' align='center'>K</td>"); document.write("<td bgcolor='#9999CC' align='center'>J</td>"); document.write("<td bgcolor='#9999CC' align='center'>S</td>"); document.write("</tr>"); if (currentDate.getDay() != 0) { document.write("<tr>"); for (i = 0; i < currentDate.getDay(); i++) { document.write("<td>&nbsp;</td>"); } } while (currentDate.getMonth() == currentMonth) { if (currentDate.getDay == 0) { document.write("<tr>"); } if (hariini==currentDate.getDate()) { document.write("<td align='center' bgcolor='#FF9900'> <font color='#CC0000'><strong>" + currentDate.getDate() + "</strong></font></td>");
} else { document.write("<td align='center'>" + currentDate.getDate() + "</td>"); } if (currentDate.getDay() == 6) { document.write("</tr>"); } currentDate.setDate(currentDate.getDate() + 1); } for (i = currentDate.getDay(); i <= 6; i++) { document.write("<td>&nbsp;</td>"); } document.write("</font></table>"); </SCRIPT> </li> </ul> <h3 class="star"></h3> <ul class="ex_menu"></ul> <?php include "counter.php"; ?> </li> </ul> </div>
</div> <div class="clr"></div> </div> </div> <div class="fbg"> <div class="fbg_resize"> <div class="col c1"> <a href="?menu=galeri"><h2>Galeri Foto</h2></a> <a href="#"><img src="galeri/galeri1.JPG" width="56" height="56" alt="ad" class="ad" /></a> <a href="#"><img src="galeri/galeri2.JPG" width="56" height="56" alt="ad" class="ad" /></a> <a href="#"><img src="galeri/galeri3.JPG" width="56" height="56" alt="ad" class="ad" /></a> <a href="#"><img src="galeri/galeri4.JPG" width="56" height="56" alt="ad" class="ad" /></a> <a href="#"><img src="galeri/galeri5.jpg" width="56" height="56" alt="ad" class="ad" /></a> <a href="#"><img src="galeri/galeri6.jpg" width="56" height="56" alt="ad" class="ad" /></a> <a href="#"><img src="galeri/galeri7.jpg" width="56" height="56" alt="ad" class="ad" /></a> <a href="#"><img src="galeri/galeri8.JPG" width="56" height="56" alt="ad" class="ad" /></a> <div class="clr"></div> </div> <div class="col c2"> <a href="?menu=berita"><h2>Berita Sekolah</h2></a> <p>MILAD MUHAMMADIYAH KE 104</p> <p>Kegiatan milad muhaamdiyah yang di adakan pada tanggal 24 November 2013 di hadiri langsung oleh ketua PP MUHAMMADIYAH oleh Drs,
H.A.Dahlan Rais, M.Hum dan di dampingi oleh dikdasmen muhammadiyah tanjung sari medan Bpk HERMANTO, SAg dan pimpinan cabang muhammadiyah tanjung sari Drs. NAZARUDIN AR-RASYID LUBIS. </p> </div> <div class="col c3"> <a href="?menu=kontak"><h2>Kontak</h2></a> <p>Jalan Abdul Hakim No. 2 Tanjung Sari Medan-Selayang</p> <strong>Alamat:</strong> Jl. Abdul Hakim Tj. Sari<br /> </div> <div class="clr"></div> </div> </div> <div class="footer"> <div class="footer_resize">
<p class="lf">&copy; Copyright MyWebSite. Designed by NURLELA </p> <ul class="fmenu"> <p>D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam
Sumatera Utara </ul> <div class="clr"></div> </div> </div> </div> </body> </html> 2. home.php
<div id="galeri"> <h2>Foto-Foto SMA Muhammadiyah 2 Medan</h2> <a href="?menu=galeri"><img src="galeri/galeri4.JPG" alt="four men walking" height="272" width="513" /></a></div> <div class="berita"> <h2>Berita Terbaru</h2> <h4>MILAD MUHAMMADIYAH KE 104</h4> <p>Kegiatan milad muhaamdiyah yang di adakan pada tanggal 24 November 2013 di hadiri langsung oleh ketua PP MUHAMMADIYAH oleh Drs, H.A.Dahlan Rais,
M.Hum dan di dampingi oleh dikdasmen muhammadiyah tanjung sari medan Bpk HERMANTO, SAg dan pimpinan cabang muhammadiyah tanjung sari Drs. NAZARUDIN AR-RASYID LUBIS.</p>
<a href="?menu=berita">Selengkapnya</a></p></div> <div class="divider"> <h2>Prestasi</h2> <?php error_reporting(0); mysql_connect("localhost","root",""); mysql_select_db ("muhammadiyah"); $query= "select*from prestasinon"; $tampil= mysql_query("$query"); echo"<p><p><p><h4>Prestasi yang pernah dicapai untuk Non Akademik</h4>
<table border ='1'> <tr><th>No</th><th>Nama</th><th>Kelas</th><th>Kejuaraan yong while($data=mysql_fetch_assoc($tampil)) { echo" <tr><td>$data[no]</td> <td>$data[nama]</td> <td>$data[kelas]</td> <td>$data[kejuaraan]</td> <td>$data[tingkat]</td>
<td>$data[tahun]</td>></tr>"; } echo"</table> <p></p>"; echo"*Data berdasarkan tahun"; ?> <p class="readmore"><a href="?menu=prestasi">Selengkapnya</a></p> </div> 3. profil.php
<center><img src="GALERI/galeri5.jpg"alt="" width="533" height="243"/></center> <?php mysql_connect("localhost","root",""); mysql_select_db("muhammadiyah"); $query= "select*from profil"; $tampil= mysql_query("$query"); echo"<center><h1>PROFIL SEKOLAH</h1></center>"; while($data=mysql_fetch_assoc($tampil)) { echo" <center><b><tr> <br>Nama Sekolah : $data[Nama_sekolah]</br> <br>NSS : $data[NSS]</br> <br>SK Pendiri : $data[SK_Pendiri]</br> <br>Jenjang Akreditasi : $data[Jenjang_Akreditasi]</br> <br>Alamat Sekolah : $data[Alamat_Sekolah]</br> <br>Kelurahan : $data[Kelurahan]</br> <br>Kecamatan : $data[Kecamatan]</br> <br>Kota : $data[Kota]</br> <br>Provinsi : $data[Provinsi]</br> <br>Kepala Sekolah : $data[Kepala_Sekolah]</br> <br>Wakasek Kurikulum : $data[wakasek_kuri]</br> <br>Wakasek Kesiswaan : $data[wakasek_siswa]</br> <br>Penyelenggara Sekolah : $data[Penyelenggara]</br> <br>Ketua Penyelenggara : $data[Ketua]</br> <br>Status Sekolah : $data[Status]</br> <br>Keadaan Gedung : $data[gedung]</br> <br>Luas Bangunan : $data[luas_bangunan]</br> <br>Jumlah Ruang Kelas: $data[Ruang_Kelas]</br> <br>Jumlah Kantor : $data[Jumlah_Kantor]</br> <br>Ruang Guru : $data[Ruang_Guru]</br> <br>Tata Usaha : $data[Tata_Usaha]</br> <br>Ruang Perpustakaan : $data[Perpustakaan]</br> <br>Laboratorium : $data[Laboratorium]</br> <br>Ruang UKS : $data[Ruang_UKS]</b></center>
"; } ?> 4. struktur.php
<div id="struktur"> <center><img src="images/struktur.jpg" alt="" height="552" width="623"
/></center> </div> 5. visi.php
<div id="visi"> <center><img src="images/logo1.jpg"alt="" width="271" height="264"/></center> <center><h1>VISI DAN MISI</h1></center> <center><h2>SMA MUHAMMADIYAH 2 MEDAN</h2></center> <h2>VISI</h2>
<h3>UNGGUL DALAM PRESTASI, TELADAN DALAM BERPRILAKU BERDASARKAN IMAN DAN TAQWA (IMTAQ)</h3> <h2>MISI</h2> <h3><li>MELAKSANAKAN PEMBELAJARAN SECARA EFFEKTIF SEHINGGA SISWA BERKEMBANG SECARA OPTIMAL, SEUSUAI POTENSI YANG DIMILIKI.</li></h3> <h3><li>MENUMBUHKAN SEMANGAT KEUNGGULAN SECARA
INTENSIF KEPADA SELURUH WARGASEKOLAH</li></h3> <h3><li>MEMOTIVASI DAN MEMBANTU SETIAP SISWA UNTUK MENGENALI POTENSI DIRINYA DIRINYA SEHINGGA DAPAT DIKEMBANGKAN SECARA OPTIMAL</li></h3> <h3><li>MENUMBUHKEMBANGKAN PENGHAYATAN TERHADAP NILAI-NILAI ISLAMI DAN JUGA BUDAYA BANGSA SEHINGGA MENJADI SUMBER KEARIFAN DALAM BERPRILAKU BERDASARKAN KEIMANAN DAN KETAQWAAN</li></h3>
</div> 6. ekstra.php
<h2>EKSTRAKULIKULER SMA MUHAMMADIYAH 2 MEDAN</h2> <p><h4>1. PASKIBRA</h4><img src='galeri/galeri24.jpg' width="438" height="364" align=left class='for-images' /></p> <br><br><br><br><br><br><p><p><p><p><p><p><p><p><p><p><p><p><p><p> <p><h4>2. TAPAK SUCI</h4><img src='galeri/galeri31.JPG' width="438" height="364" align=left class='for-images' /></p> </div>
7. prestasi.php
<?php error_reporting(0); mysql_connect("localhost","root",""); mysql_select_db ("muhammadiyah"); $query= "select*from prestasi09"; $tampil= mysql_query("$query"); echo"<h2>Prestasi Yang pernah Dicapai</h2> <table border ='1'> <tr><th>No</th><th>Nama</th><th>Kelas</th><th>Kejuaraan yong
Diperoleh</th><th>Tingkat Penyelenggara</th><th>Tahun</th></tr>"; while($data=mysql_fetch_assoc($tampil)) { echo" <tr><td>$data[no]</td> <td>$data[nama]</td> <td>$data[kelas]</td> <td>$data[kejuaraan]</td> <td>$data[tingkat]</td> <td>$data[tahun]</td>></tr>"; } echo"</table> <p></p>"; echo"*Data berdasarkan tahun"; ?> <?php error_reporting(0); mysql_connect("localhost","root",""); mysql_select_db ("muhammadiyah"); $query= "select*from prestasinon"; $tampil= mysql_query("$query"); echo"<br/><br/><br/><h2>Prestasi Untuk Non Akademik</h2> <table border ='1'> <tr><th>No</th><th>Nama</th><th>Kelas</th><th>Kejuaraan yong while($data=mysql_fetch_assoc($tampil)) { echo" <tr><td>$data[no]</td> <td>$data[nama]</td> <td>$data[kelas]</td> <td>$data[kejuaraan]</td> <td>$data[tingkat]</td>
<td>$data[tahun]</td>></tr>"; } echo"</table> <p></p>"; echo"*Data berdasarkan tahun"; ?> 8. galeri.php
<!---untuk zoom image--> <script type="text/javascript" src="./js/jquery.js"></script> <script type="text/javascript" src="./js/jquery.bigPicture.js"></script> <script type="text/javascript" src="./js/jquer.bigPicture-min.js"></script> <script type="text/javascript" src="./js/jquery.bigPicture-pack.js"></script> <script type="text/javascript" src="./js/jquery.easing.js"></script> <link rel="stylesheet" type="text/css" href="css/core.css"/> <link rel="stylesheet" type="text/css" href="css/skin.css"/> <!--untuk slideshow--> <link href="css/amazon_scroller.css" rel="stylesheet" type="text/css"></link> <script type="text/javascript" src="js/amazon_scroller.js"></script> <script language="javascript" type="text/javascript">
$(function() { $("#amazon_scroller1").amazon_scroller({ scroller_title_show: 'enable', scroller_time_interval: '4000', scroller_window_background_color: "#CCC", scroller_window_padding: '10', scroller_border_size: '1', scroller_border_color: '#000', scroller_images_width: '150', scroller_images_height: '100', scroller_title_size: '12', scroller_title_color: 'black', scroller_show_count: '3', directory: 'images'
}); scroller_title_show: 'disable', scroller_time_interval: '3000', scroller_window_background_color: "none", scroller_window_padding: '10', scroller_border_size: '0', scroller_border_color: '#CCC', scroller_images_width: '100', scroller_images_height: '80', scroller_title_size: '12', scroller_title_color: 'black', scroller_show_count: '3', directory: 'images'
}); $("#amazon_scroller3").amazon_scroller({ scroller_title_show: 'enable', scroller_time_interval: '3000', scroller_window_background_color: "none", scroller_window_padding: '10', scroller_border_size: '2', scroller_border_color: '#9C6', scroller_images_width: '80', scroller_images_height: '60', scroller_title_size: '11', scroller_title_color: 'black', scroller_show_count: '3', directory: 'images'
}); });
</script> <html> <head>
<title>Slideshow-Gallery-Ri32</title> </head> <body> <div id="content"> <h2>Foto-Foto SMA Muhammadiyah 2 Medan</h2>
<p>&nbsp;</p> <div id="amazon_scroller1" class="amazon_scroller"> <div class="amazon_scroller_mask">
<ul> <?php include "koneksi.php"; $select=mysql_query("select * from galeri"); while($row=mysql_fetch_array($select)){
?><li><a href="./galeri/<?php echo $row['gambar'];?>" src="./galeri/<?php echo $row['gambar'];?>" width="60" height="60" title="Klik photo"/></a></li><?php
} ?> </ul>
</div>
<ul class="amazon_scroller_nav"> <li></li> <li></li>
</ul> <div style="clear: both"></div> </div> <p><i><font color="#666666" size="2" face="verdana">*Klik gambar untuk zoom</font></i></p> <img src="images/camera.jpg" />
</div> </body> </html> <script language="javascript"> $('a.info').bigPicture({ 'enableInfo': true, 'infoPosition': 'bottom' }); </script> 9. berita.php
<html> <head> <title>Data berita</title> </head> <body> <?php include "koneksi.php"; ?> <h2>Berita Terbaru</h2> <?php $query_ambil_berita = mysql_query("SELECT * FROM berita"); //query ambil data berita.
//perulangan untuk menampilkan berita ?> <h5 style="margin-bottom: 0px"><?php echo $data_berita['judul']; ?></h5> <small>Ditulis oleh : <?php echo $data_berita['penulis']; ?>, pada : <?php echo
$data_berita['tanggal_posting']; ?></small> <p>
<?php echo substr($data_berita['isi_berita'], 0, 300); ?> ... <a href="berita_detil.php?id=<?php echo $data_berita['id_berita'];
?>">selengkapnya</a> </p> <hr style="border: dashed 1px #e9e9e9"> <?php } //penutup perulangan while ?> </body> </html> 10. berita_detil.php.php
<?php include "koneksi.php"; ?> <h3>Detail Berita</h3> <?php $query_ambil_berita = mysql_query("SELECT * FROM berita WHERE id_berita = '".$_GET['id']."'"); //query ambil data berita. $data_berita = mysql_fetch_array($query_ambil_berita); ?> <h5 style="margin-bottom: 0px"><?php echo $data_berita['judul']; ?></h5> <small>Ditulis oleh : <?php echo $data_berita['penulis']; ?>, pada : <?php echo
$data_berita['tanggal_posting']; ?></small> <p> <?php echo $data_berita['isi_berita']; ?></p> <hr> <a href="index.php?menu=berita">Back</a>
Guru.php
<?php error_reporting(0); mysql_connect("localhost","root",""); mysql_select_db ("muhammadiyah"); $query= "select*from guru"; $tampil= mysql_query("$query"); echo"<h2>Daftar Nama Guru SMA Muhammadiyah 2 Medan</h2> <table border ='2'>
<tr><th>No</th><th>Nama</th><th>Jabatan</th><th>Bidang Studi Yang Diajarkan</th><th>Alamat</th><th>Tanggal Lahir</th><th>Agama</th><th>Jenis Kelamin</th></tr>"; while($data=mysql_fetch_assoc($tampil))
{ echo" <tr> <td>$data[no]</td> <td>$data[nama]</td> <td>$data[jabatan]</td> <td>$data[bidang_studi]</td> <td>$data[alamat]</td> <td>$data[tmp_lahir]</td> <td>$data[agama]</td> <td>$data[jenis_kelamin]</td>> </tr>"; } echo"</table>"; ?> 12. inspiratif.php
<div id= "insfiratif"> <h2>APA KATA MEREKA TENTANG WEBSITE INI? <p><img src='images/foto4.png' width="92" height="105" align=left class='for- images' /><strong>Kepala Sekolah Maulana Malik
Muttaqin.MA</strong><br><i>WEBSITE Sekolah ini sangat bagus dan membantu siswa-siswa maupun masyarakat yang ingin melihat informasi tentang Sekolah SMA Muhammadiyah 2 Medan.</i></p>
<br><br><p><img src='images/mis.png' width="92" height="105" align=left class='for-images' /><strong> Pembantu Kepala Sekolah I Susilawati, S.Pd</strong><br><i>Menurut saya adanya website ini sangat membantu saya sendiri dan siswa-siwsi dalam mencari informasi tentang SMA Muhammadiyah 2 Medan.</i></p>
<br><br><p><img src='images/mis1.png' width="92" height="105" align=left M.Si</strong><br><i>Website SMA Muhammadiyah 2 Medan sangat bagus bagi saya maupun siswa-siswi atau juga masyarakat yang ingin melihat website ini.</i></p>
</div> 13. kontak.php
<div> <h1 align="center">Buku Tamu</h1> <p>Say hello, jika anda ingin tinggalkan pesan dan memberi saran serta komentar untuk SMA SMA MUHAMMADIYAH 2</p> <form method="post" action="?menu=simpan">
<table> <tr>
<td>Nama Pengunjung</td> <td>:</td> <td><input type="text" name="nama"></td>
</tr> <tr>
<td>Email</td> <td>:</td> <td><input type="text" name="email"></td>
</tr> <tr>
<td>URL</td> <td>:</td> <td><input type="text" name="url" value="http://"></td>
</tr> <tr>
<td>Komentar</td> <td>:</td> <td><textarea name="komentar"></textarea></td>
</tr> <tr>
<td></td> <td></td> <td><input type="submit" name="submit" value="submit">
<input type="reset" name="reset" value="reset"></td> </tr> </table>
</form> </div> <?php //menghubungkan ke server //memilih database yang digunakan mysql_select_db("muhammadiyah"); //query yang digunakan untuk menampilkan isi buku tamu $hasil = mysql_query("SELECT * FROM guestbook ORDER BY Id DESC"); //menampilan isi buku tamu while($data = mysql_fetch_array($hasil)) { echo "<table>"; echo "<tr>"; echo "<td>Nama</td>"; echo "<td> : </td>"; echo "<td> ".$data["nama"]."</td>"; echo "</tr>"; echo "<tr>"; echo "<td>Email</td>"; echo "<td> : </td>"; echo "<td> <a href=mailto:".$data["email"].">".$data["email"]."</a></td>"; echo "</tr>"; echo "<tr>"; echo "<td>Tanggal Kirim</td>"; echo "<td> : </td>"; echo "<td>".$data["tanggal"]."</td>"; echo "</tr>"; echo "<tr>"; echo "<td>URL</td>"; echo "<td> : </td>"; echo "<td> <a href=".$data["url"].">".$data["url"]."</a></td>"; echo "</tr>"; echo "<tr>"; echo "<td>Komentar</td>"; echo "<td> : </td>"; echo "<td> ".$data["komentar"]."</td>"; echo "</tr>"; echo "</table><hr>";
} ?> 14. koneksi.php mysql_connect("localhost", "root", "") or di (mysql_error()); mysql_select_db("muhammadiyah"); ?> 15. koneksi1.php
<?php
$h = "localhost"; $u = "root"; $p = ""; $db = "muhammadiyah"; mysql_connect($h, $u, $p) or die ("Not connected, please try again later"); mysql_select_db($db); //Fungsi Perkecil Ukuran Gambar // //penggunaan ===> perkecil("img/siswa_1.JPG", "img/small/"); (folder/file, folder/folder/) function perkecil($imgAsal, $imgTujuan) {
$pcImgAsal = explode("/", $imgAsal); $jAr = count($pcImgAsal) - 1; $namaFileAsli = $pcImgAsal[$jAr]; //identitas file asli $im_src = imagecreatefromjpeg($imgAsal); $src_width = imageSX($im_src); $src_height = imageSY($im_src); //Simpan dalam versi small 110 pixel //set ukuran gambar hasil perubahan $dst_width = 110; $dst_height = ($dst_width/$src_width)*$src_height; //proses perubahan ukuran $im = imagecreatetruecolor($dst_width,$dst_height); imagecopyresampled($im, $im_src, 0, 0, 0, 0, $dst_width, $dst_height, $src_width, $src_height); //Simpan gambar imagejpeg($im, $imgTujuan."_s_".$namaFileAsli); imagedestroy($im_src); imagedestroy($im);
} ?> <head> <script type="text/javascript" src="JS/jquery.min.js"></script> <script type="text/javascript" src="JS/fancybox/jquery.fancybox.js"></script> <script type="text/javascript" src="JS/fancybox/jquery.mousewheel.js"></script> <link rel="stylesheet" type="text/css" href="JS/fancybox/jquery.fancybox.css" media="screen" /> <script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox(); });
</script> <link href="style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="JS/tooltip.js"></script> </head> <body> 16. style.css
/* Released for free under a Creative Commons Attribution 3.0 License
- / @charset "utf-8"; body { margin:0; padding:0; width:100%; color:#5f5f5f; font:normal 12px/1.8em Arial, Helvetica, sans-serif;} html, .main { padding:0; margin:0; background: url(images/back.jpg);} .clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;} h1 { margin:0; padding:72px 0 0 24px; color:#066; font:bold 48px/1.2em Arial, Helvetica, sans-serif; letter-spacing:-3px;} h1 a, h1 a:hover { color:#066; text-decoration:none;} h2 { font:bold 24px Arial, Helvetica, sans-serif; color:#066; padding:8px 0; margin:8px 0;} p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans- serif;} a { color:#0d699e; text-decoration:underline;} .header, .hbg, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar,
.content .sidebar { margin:0; padding:0;} .content_resize, .fbg_resize, .footer_resize { margin:0 auto; padding:0 40px; width:890px;} .fbg, .footer { padding:16px 0;} .header_resize, .content_resize { background-color:#fff;} /* header */ .header { padding-top:48px;} .header_resize { margin:0 auto; padding:19px; width:932px;} .header_resize { border-top-left-radius:12px; border-top-right-radius:12px; -moz- top-left-radius:12px; -webkit-border-top-right-radius:12px;} .header .logo { width:932px; height:217px; background:url(images/logo2.jpg) no- repeat center center;} /* menu */ .dropmenu { background: #066; height: 30px; list-style-type: none; margin: 0; padding: 0px; } .dropmenu li { border-right: solid 1px white; float: left; height: 30px; }
.dropmenu li a { color: #fff; display: block; font: 12px arial, verdana, sans- serif; font-weight: bold; padding: 9px 20px; text-decoration: none; } .dropmenu li:hover { background: #778899; position: relative; } .dropmenu li:hover a { text-decoration: underline; } .dropmenu li:hover ul { background-color: #3f4a54; border: 1px solid grey; left: 0px; padding: 3px; top: 30px; width: 160px; } .dropmenu li:hover ul li { border: none; height: 18px; } .dropmenu li:hover ul li a { background-color: #066; border: 1px solid transparent; color: #fff; display: block; font-size: 11px; height: 18px; line- height: 18px; padding: 0px; text-decoration: none; text-indent: 5px; width: 158px; padding: 3px; } .dropmenu li:hover ul li a:hover { background: silver; border: solid 1px #444; color: #000; height: 18px; padding: 3px; } .dropmenu ul { left: -9999px; list-style-type: none; position: absolute; top: -9999px; } /* content */ .content { padding-bottom:16px;} .content_resize { padding:32px 40px;} .content_resize { border-bottom-left-radius:12px; border-bottom-right-radius:12px; - moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -webkit- border-bottom-left-radius:12px; -webkit-border-bottom-right-radius:12px;} .content img { padding:4px; border:1px solid #bbb;} .content img.ilf { margin-right:16px; float:left;} .content .mainbar { float:left; width:630px;} .content .mainbar .article, .content .sidebar .gadget { margin:0; padding:0 0 16px 0;} .content .sidebar { float:right; width:236px;} ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;} ul.sb_menu li, ul.ex_menu li { margin:0;} ul.sb_menu li { padding:4px 0;} ul.ex_menu li { padding:4px 0 8px;} ul.sb_menu li a, ul.ex_menu li a { color:#5f5f5f; text-decoration:none;} ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#0d699e; font-weight:bold;} ul.sb_menu li a:hover { text-decoration:underline;} ul.ex_menu li a:hover { text-decoration:none;} /* subpages */ .content .mainbar .comment { margin:0; padding:16px 0 0 0;} .content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;} .fbg_resize { background-color:#FFF; color:#000;
} .fbg_resize { border-radius:12px; -moz-border-radius:12px; -webkit-border- radius:12px;} .fbg h2, .fbg a { color:#000;
} .fbg img { padding:5px; border:1px solid #085781; background-color:#4d8fb2;} .fbg .col { margin:0; float:left;} .fbg .c1 { padding:0 16px 0 0; width:326px;} .fbg .c2 { padding:0 16px; width:276px;} .fbg .c3 { padding:0 0 0 16px; width:220px;} .fbg .c2 img { margin:8px 16px 16px 0; padding:0; float:left;} .fbg .c1 img, .fbg_resize .c3 img { margin:4px;} .fbg ul.sb_menu li { padding-left:12px; background:url(images/li.gif) no-repeat left center;} .fbg ul.sb_menu li a, .fbg ul.sb_menu li a:hover { color:#000; } /* footer */ .footer img.flogo { float:left; border:none;} .footer p.lf { margin:0; padding:4px 0; float:right; width:auto; line-height:1.5em;} ul.fmenu { margin:0; padding:2px 0; list-style:none; float:left; width:auto;} ul.fmenu li { margin:0; padding:0 4px; float:left;} ul.fmenu li a { color:#5f5f5f; text-decoration:none; padding:2px 6px;} ul.fmenu li a:hover, ul.fmenu li.active a { color:#066;} ul.fmenu li a:hover { text-decoration:underline;} /* form */ ol { list-style:none;} ol li { display:block; clear:both;} ol li label { display:block; margin:0; padding:16px 0 0 0;} ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;} ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;} ol li .send { margin:16px 0 0 0;} /*galeri*/ /*________________TOOLTIP_____________*/ #tooltip{ position:absolute; border:1px solid #333; background:#f7f5d1; color:#333; display:none; border-radius: 8px;
} /*___________END TOOLTIP_____________*/ /* produk */ #produk { list-style-position:inside; padding: 15px 0 15px 7px; border-radius: 10px; background: #DBDBDB; list-style: none; width: 553px; float: left;
} #produk .lis-produk { float: left; padding: 5px; border: dotted 1px #85A737; margin: 5px; border-radius: 10px; width: 160px;
} #produk .lis-produk h3{ font-weight: bold; font-size: 13px; margin: -4px -4px 0 -4px; text-align: center; padding: 4px; border-radius: 10px; background: #B2C290;
} #produk .lis-produk img{ margin: 13px; width: 130px; height: 150px; border: solid 5px #eee;
} #produk .lis-produk .more{ font-size: 12px; font-weight: bold; text-align: center; margin: 15px 15px auto;
} #produk .lis-produk .isi{ width: 140px; background-image:url('folder.png'); background-position:center; background-size:150px 130px; background-repeat:no-repeat; font-size: 12px; font-weight: bold; text-align: center; margin: 15px 15px auto; } #produk .lis-produk .isi img{ margin: 30px 20px 50px 20px; width: 90px; height: 75px; border: none; box-shadow:3px 3px 3px 1px #ADC2B3;
} /*KONTEN TEXT*/ .title-post{ font-family: 'Bree Serif', serif; font-weight: 100; font-size: 28px; line-height:34px; color: #4196ff; text-shadow: 1px 1px 0 rgba(256,256,256,1.0); margin-bottom: 3px; margin-top:20px;
}
Halaman Administrator 17.
login.php <?php
// memulai session session_start(); include "include/koneksi.php"; if(isset($_POST['Submit'])){ $username = $_POST['username']; $password = $_POST['pass']; if(empty($username)){ echo "<script type='text/javascript'> alert('Username belum diisi'); } </script>"; } elseif(empty($password)){ echo "<script type='text/javascript'> onload =function(){ alert('Password belum diisi');
} </script>"; } else { // query untuk mendapatkan record dari username $query = "SELECT * FROM user WHERE username = '$username'"; $hasil = mysql_query($query); $data = mysql_fetch_array($hasil); // cek kesesuaian password if ($password == $data['password']) { header("location:index.php"); // menyimpan username dan level ke dalam session $_SESSION['level'] = $data['level']; $_SESSION['username'] = $data['username']; } echo "<script type='text/javascript'> onload =function(){ alert('Username atau password salah!! Ulangi kembali'); } </script>"; } } ?> <style type="text/css"> <!-- body { background-color: #fff; background-image: url(.../images/back.jpg);
}
- > </style> <table width="622" border="2" align="center" cellpadding="1" cellspacing="0" bgcolor="#fff"> <tr> <td colspan="2"><? include "header.php"; ?></td> </tr>
<tr> <td valign="top"><h2 align="center">&nbsp;</h2> <p align="center"><img src="icon/Action-lock-icon.png" width="128" height="128" />
<form method="post" action=""> <table width="289" border="0" align="center"> <tr> <td>Username </td> <td><input name="username" type="text"></td> </tr>
<tr> <td>Password </td> <td><input name="pass" type="password"></td> </tr> <tr> <td>&nbsp;</td> <td><input type="submit" name="Submit" value="Login"></td> </tr> </table> </form>
</p> <p>&nbsp;</p> <div align="center"><a href="../?menu=home">Back to Home</a> </div></td> </tr> <tr> <td valign="top" bgcolor="#066"><p>&nbsp;</p> <p> <? include "footer.php"; ?> </p> <p>&nbsp; </p></td> </tr>
</table> 18. logout.php
<?php session_start(); session_destroy(); header("location:login.php"); ?> 19. index.php