Top Banner
LAMPIRAN A: TAMPILAN WEBSITE A1. Halaman Index.php Universitas Sumatera Utara
46

LAMPIRAN A: TAMPILAN WEBSITE

Feb 03, 2022

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: LAMPIRAN A: TAMPILAN WEBSITE

LAMPIRAN A: TAMPILAN WEBSITE

A1. Halaman Index.php

Universitas Sumatera Utara

Page 2: LAMPIRAN A: TAMPILAN WEBSITE

A2. Halaman Admin

A3. Halaman Registrasi Buku Tamu

Universitas Sumatera Utara

Page 3: LAMPIRAN A: TAMPILAN WEBSITE

A4. Halaman Registrasi Guru

A5. Halaman Registrasi Alumni

Universitas Sumatera Utara

Page 4: LAMPIRAN A: TAMPILAN WEBSITE

A6. Halaman Registrasi Siswa

Universitas Sumatera Utara

Page 5: LAMPIRAN A: TAMPILAN WEBSITE

TAMPILAN B: LISTING PROGRAM

Universitas Sumatera Utara

Page 6: LAMPIRAN A: TAMPILAN WEBSITE

B1. Listing Program Index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>SMA Negeri 1Dolok Panribuan</title> <style type="text/css"> <!-- #badan { position:absolute; width:995px; height:1008px; z-index:1; left: 103px; top: 9px; background-color: #00CC00; } #header{ position:absolute; width:1000px; height:119px; z-index:1; background-color: #00FF00; left: 101px; top: 5px; } #menu { position:absolute; width:217px; height:763px; z-index:2; left: 104px; top: 199px; background-color:#00FF00; } #content{ position:absolute; width:713px; height:1114px; z-index:3; left: 304px; top: 101px; background-color: #003300; } body { background-color:#FFFFFF; background-image: url(image/LIM%20Web%20Background_r2_c2.jpg); } #conten { position:absolute;

Universitas Sumatera Utara

Page 7: LAMPIRAN A: TAMPILAN WEBSITE

width:760px; height:766px; z-index:3; background-color: #00CC00; left: 331px; top: 198px; } #footer{ position:absolute; width:997px; height:51px; z-index:5; background-color: #CC33CC; left: 102px; top: 1018px; } #Layer1 { position:absolute; width:766px; height:774px; z-index:6; background-color: #FFFF99; left: -3px; top: -6px; background-image: url(../image/bg1.png); } .style4 { font-size: 15px; color: #000000; font-weight: bold; } .style5 {color: #000000} .style6 {font-style: italic} .style8 {color: #0000FF} .style9 {color: #FF0000} .style10 {font-size: 18px} #Layer2 { position:absolute; width:994px; height:57px; z-index:6; left: 104px; top: 133px; background-color: #00FF00; background-image: url(../image/bg2.png); } .style12 { color: #000000; font-size: 18px; font-weight: bold; } --> </style> </head>

Universitas Sumatera Utara

Page 8: LAMPIRAN A: TAMPILAN WEBSITE

<body> <div id="Layer2"> <table width="994" border="0"> <tr> <td width="192"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="130" height="22"> <param name="movie" value="text8.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#00CC00" /> <embed src="text8.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="130" height="22" bgcolor="#00CC00"></embed> </object> </td> <td width="216"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="173" height="28"> <param name="movie" value="text9.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#00CC00" /> <embed src="text9.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="173" height="28" bgcolor="#00CC00"></embed> </object></td> <td width="237"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="176" height="28"> <param name="movie" value="text10.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#00CC00" /> <embed src="text10.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="176" height="28" bgcolor="#00CC00"></embed> </object></td> <td width="305"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="196" height="28"> <param name="movie" value="text11.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#00CC00" /> <embed src="text11.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="196" height="28" bgcolor="#00CC00"></embed> </object></td> </tr> </table> </div> <div id="badan"></div>

Universitas Sumatera Utara

Page 9: LAMPIRAN A: TAMPILAN WEBSITE

<div id="header"> <table width="998" height="116" border="0"> <tr> <td width="105"><img src="../image/PEMKAB BAGUS.jpg" width="109" height="97" /></td> <td width="861"><img src="../image/header1.png" width="859" height="92" /></td> </tr> </table> </div> <div id="menu"> <table width="209" border="0"> <tr> <td width="268"><div align="center"> <img src="../image/hal utama.png" width="198" height="36" /> </div></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="198" height="30"> <param name="movie" value="button3.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#00FF00" /> <embed src="button3.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="198" height="30" bgcolor="#00FF00"></embed> </object></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="199" height="30"> <param name="movie" value="button4.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#00FF00" /> <embed src="button4.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="199" height="30" bgcolor="#00FF00"></embed> </object></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="196" height="30"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button5.swf" /> <param name="quality" value="high" />

Universitas Sumatera Utara

Page 10: LAMPIRAN A: TAMPILAN WEBSITE

<embed src="button5.swf" width="196" height="30" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object></td> </tr> <tr> <td> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="199" height="30"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button6.swf" /> <param name="quality" value="high" /> <embed src="button6.swf" width="199" height="30" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object> </td> </tr> <tr> <td><div align="center"><img src="../image/personalia.png" /></div></td> </tr> <tr> <td> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="195" height="33"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button7.swf" /> <param name="quality" value="high" /> <embed src="button7.swf" width="195" height="33" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object> </td> </tr> <tr> <td><div align="center"><img src="../image/wakasek.png" /></div></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="198" height="33"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button8.swf" /> <param name="quality" value="high" /> <embed src="button8.swf" width="198" height="33" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object></td> </tr>

Universitas Sumatera Utara

Page 11: LAMPIRAN A: TAMPILAN WEBSITE

<tr> <td> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="199" height="33"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button10.swf" /> <param name="quality" value="high" /> <embed src="button10.swf" width="199" height="33" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object> </td> </tr> <tr> <td><div align="center"><img src="../image/fasilitas.png" width="200" height="39" /></div></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="201" height="31"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button11.swf" /> <param name="quality" value="high" /> <embed src="button11.swf" width="201" height="31" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object></td> </tr> </table> </div> <div id="conten"> <div id="Layer1"> <table width="758" height="248" border="0"> <tr> <td height="82"><span class="style5"> <marquee direction="left" onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="5"> </marquee> </span> <span class="style6"> <marquee direction="left" onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="5">

Universitas Sumatera Utara

Page 12: LAMPIRAN A: TAMPILAN WEBSITE

</marquee> </span> <marquee direction="left" onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="5"><div align="center" class="style12"><span class="style48 ">SELAMAT DATANG PADA SMA NEGERI 1 DOLOK PANRIBUAN</span> </div> </marquee> <div align="justify"> <p align="justify" class="style4"> Para pengunjung situs yang terhormat, kami menyadari sepenuhnya bahwa pemanfaatan Teknologi Informasi bagi kepentingan manusia dewasa ini berkembang sangat pesat. Termasuk aplikasi-aplikasi yang berkembang dalam ruang lingkup pendidikan. Tentunya hal ini merupakan peluang baru guna mempercepat upaya pemerintah dalam meningkatkan mutu pendidikan di Indonesia. SMA NEGERI 1 DOLOK PANRIBUAN sebagai lembaga pendidikan yang berdiri sejak tahun 1985, akan terus memperkembangkan ini sebagai alternatif mengejar ketertinggalan kita dalam informasi pendidikan maupun dalam cakupan yang lebih luas. Ini kami lakukan bukanlah hanya sekedar latah 'trend' di masyarakat. Tapi memang dengan kesungguhan hati adalah untuk saling memberi informasi dan berkomunikasi kami sebagai lembaga pendidikan, baik dengan orangtua siswa, para alumni maupun masyarakat luas, khususnya dalam lingkungan pendidikan.</p> <p align="justify" class="style4"> Terlebih lagi melalui media yang tidak asing dimasyarakat ini, kami akan terus memberikan layanan informasi bagi para siswa dan orang tua siswa. Diharapkan untuk ke depan, seluruh masyarakat dapat lebih dekat dengan almamater kami ini. Sebagai terobosan teknologi, untuk mempermudah para pengguna media internet dapat pula menggunakan layanan SMS melalui handphone (telepon genggam). Sehingga di manapun seseorang mengakses langsung dengan web-site ini.Akhirnya kami ucapkan ’Selamat Datang’ di situs resmi SMA NEGERI 1 DOLOK PANRIBUAN. Semoga kehadiran situs ini dapat bermanfaat bagi kita semua. </p> </div></td> </tr> <tr> <td height="142" align="center"><strong>KEPALA SEKOLAH</strong><br /> <img src="../image/100_0245.jpg" width="168" height="155"/><br /> <strong>Drs. Alberth P. Sipayung</strong><br /> Nip. 19580917 1991121 1 002</td> </tr> </table> <table width="600" height="137" border="0"> <tr> <td><marquee direction="right" height="500" width="500" truespeed="truespeed"> <img src="../image/100_0203.jpg" width="100" height="100" /><img src="../image/100_0204.jpg" width="100" height="100" /><img src="../image/100_0205.jpg" width="100" height="100" /><img src="../image/100_0206.jpg" width="100" height="100" /><img src="../image/100_0252.jpg" width="100" height="100" /><img src="../image/100_0275.jpg" width="100" height="100" /></marquee></td> </tr> </table> </div> </div> <div id="footer"><img src="../image/footer2.png" alt="gambar" width="1000" /></div> </body> </html>

Universitas Sumatera Utara

Page 13: LAMPIRAN A: TAMPILAN WEBSITE

B2. Listing Program Admin <html> <head> <title> WEB SMA NEGERI 1 DOLOK PANRIBUAN</title> <style type="text/css"> <!-- #body { position:absolute; width:942px; height:680px; z-index:1; left: 155px; top: -20px; background-color:#FFFFFF; } #header { position:absolute; width:942px; height:146px; z-index:1; background-color: #00FF00; } #Layer1 { position:absolute; width:941px; height:115px; z-index:2; background-color: #00FFFF; left: 1px; top: 161px; } #Layer2 { position:absolute; width:939px; height:39px; z-index:2; left: 1px; top: 160px; background-color: #009900; } #Layer3 { position:absolute; width:941px; height:95px; z-index:3; left: 1px; top: 202px;

Universitas Sumatera Utara

Page 14: LAMPIRAN A: TAMPILAN WEBSITE

background-color: #996699; } #Layer4 { position:absolute; width:939px; height:423px; z-index:4; left: 1px; top: 199px; background-color: #99FF00; } #footer{ position:absolute; width:939px; height:51px; z-index:5; background-color: #CC33CC; left: 1px; top: 624px; } .style1 { color: #0000FF; font-family: Verdana, Arial, Helvetica, sans-serif; } #Layer6 { position:absolute; width:354px; height:423px; z-index:2; background-color: #009900; } #Layer7 { position:absolute; width:348px; height:284px; z-index:3; left: 356px; top: 0px; background-color: #009900; background-image: url(../image/background.png); } #Layer8 { position:absolute; width:218px; height:301px; z-index:4; left: 715px; top: 1px; background-color: #990000; background-image: url(../image/background.png); } body { background-image: url(../image/background-web-2.jpg); } -->

Universitas Sumatera Utara

Page 15: LAMPIRAN A: TAMPILAN WEBSITE

</style> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head> <body> <div id="body"> <div id="header"> <table width="941" height="144" border="0"> <tr> <td width="179"><img src="../image/PEMKAB BAGUS.jpg" width="178" height="150"></td> <td width="740"><img src="../image/header.png" width="751" height="153"></td> </tr> </table> </div> <div id="Layer2"> <table width="932" height="36"align="center" border="1" bgcolor="#666666"> <tr><th width="278"><img src="../image/selamat datang.png"></th> <th width="638" align="right"><marquee direction="left" onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="5"> <span class="style48 style1"><strong>SMA NEGERI 1 DOLOK PANRIBUAN</strong></span> </marquee></th> </tr> </table> </div> <div id="Layer4"> <div id="Layer6"> <img src="../image/100_0207.jpg" width="356" height="420"> </div> <div id="Layer7"> <table width="348" height="303" border="0"> <tr> <td height="33"> <img src="../image/login admin.png"> </td> </tr> <tr> <td height="166"> <form action="testuser.php" method="post"> <div align="center"> <table width="250" height="168"> <tr> <td height="38"><span class="style9">Nama</span></td> <td width="19">:</td> <td width="144"><input name="nama" type="text" value="" /></td> </tr> <tr> <td height="38"><span class="style6">Password</span></td> <td>:</td> <td><input name="password" type="password" value="" /></td>

Universitas Sumatera Utara

Page 16: LAMPIRAN A: TAMPILAN WEBSITE

</tr> <tr> <td height="26"><input type="submit" value="Login" /></td> <td>&nbsp;</td> <td height="26"><input type="reset" value="Hapus" /></td> </tr> </table> </div> </form> </td> </tr> <tr> <td>&nbsp;</td> </tr> </table> </div> <div id="Layer8"> <table width="218" height="246" background="../image/background.png" bgcolor="#990000"> <tr> <th height="145" background="../image/background.png" scope="col"> <?php //bulan sekarang $month=date("m"); //Tahun sekarang $year=date("Y"); //hari ini $day=date("d"); //cek jumlah hari tahun sekarang $endDate=date("t",mktime(0,0,0,$month,$day,$year)); //style untuk table echo ' <style> td { font-size:11; font-family:verdana; } </style> '; //table untuk menulis tanggal sekarang echo '<table align="center" border="0" width="100%" cellpadding=2 cellspacing=1 style=""><tr><td align=center>'; echo date("D, d M Y ",mktime(0,0,0,$month,$day,$year)); echo '</td></tr></table>'; $d=getdate(); $jam=$d["hours"]; $menit=$d["minutes"]; $detik=$d["seconds"]; $ts=$d[0]; print ("$jam :$menit :$detik <br>\n"); //table untuk menulis hari echo '

Universitas Sumatera Utara

Page 17: LAMPIRAN A: TAMPILAN WEBSITE

<table align="center" border="0" width="15%" cellpadding=2 cellspacing=1 style="border:1px solid #B3FFFF"> <tr bgcolor="#CCCCCC"> <td align=center><font color=red>Su</font></td> <td align=center>Mo</td> <td align=center>Tu</td> <td align=center>We</td> <td align=center>Th</td> <td align=center>Fr</td> <td align=center> <font color=blue>Sa</font></td></tr> '; /* mengecek tanggal 1 bulan sekarang ada pada hari ke berapa kemudian tambahkan cell td sebanyak var $s */ $s=date ("w", mktime (0,0,0,$month,1,$year)); for ($ds=1;$ds<=$s;$ds++) { echo "<td style=\"font-family:arial;color:#B3D9FF\" width=\"10%\" align=center valign=middle bgcolor=\"#D2A6A6\"> </td>"; } // memulai penulisan tanggal for ($d=1;$d<=$endDate;$d++) { // jika nilai $d (tanggal) adalah hari minggu (0) dibuat baris baru <tr> if (date("w",mktime (0,0,0,$month,$d,$year)) == 0) { echo "<tr>"; } //default warna huruf $fontColor="#000000"; // jika tanggal adalah hari minggu warna huruf merah if (date("D",mktime (0,0,0,$month,$d,$year)) == "Sun") { $fontColor="red"; } // jika tanggal adalah hari sabtu warna huruf biru if (date("D",mktime (0,0,0,$month,$d,$year)) == "Sat") { $fontColor="blue"; } //menulis tanggal echo " <td style=\"font-family:arial;color:#333333\" width=\"10%\" align=center valign=middle><span style=\"color:$fontColor\">$d</span></td>"; //jika tanggal adalah hari sabtu (6) akhiri baris </tr> if (date("w",mktime (0,0,0,$month,$d,$year)) == 6) { echo "</tr>"; } } //akhir table echo '</table>'; ?></th> </tr> <tr> <td height="95" width="188"><?php include "counter.php"; ?></td> </tr> </table>

Universitas Sumatera Utara

Page 18: LAMPIRAN A: TAMPILAN WEBSITE

</div> </div> <div id="footer"><img src="../image/footer2.png" width="943"></div> </div> </body> </html> B3. Buku Tamu <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>SMA Negeri 1Dolok Panribuan</title> <style type="text/css"> <!-- #badan { position:absolute; width:995px; height:1119px; z-index:1; left: 103px; top: 9px; background-color: #00CC00; } #header{ position:absolute; width:997px; height:157px; z-index:1; background-color: #00FF00; left: 101px; top: -22px; } #menu { position:absolute; width:217px; height:789px; z-index:2; left: 103px; top: 246px; background-color:#00FF00; } #content{ position:absolute; width:713px; height:1114px; z-index:3; left: 304px; top: 101px;

Universitas Sumatera Utara

Page 19: LAMPIRAN A: TAMPILAN WEBSITE

background-color: #003300; } body { background-color:#FFFFFF; background-image: url(image/LIM%20Web%20Background_r2_c2.jpg); } #conten { position:absolute; width:759px; height:874px; z-index:3; background-color: #9933FF; left: 325px; top: 165px; background-image: url(../image/buku1.png); } #footer{ position:absolute; width:996px; height:51px; z-index:5; background-color: #CC33CC; left: 103px; top: 1073px; } #Layer1 { position:absolute; width:751px; height:862px; z-index:1; background-color: #FFFF00; left: 7px; top: 1px; } .style1 { color: #003300; font-weight: bold; } #Layer2 { position:absolute; width:206px; height:80px; z-index:6; left: 105px; top: 164px; } --> </style> </head> <body> <div id="badan"></div> <div id="header">

Universitas Sumatera Utara

Page 20: LAMPIRAN A: TAMPILAN WEBSITE

<table width="998" height="184" border="0"> <tr> <td width="173"><img src="../image/PEMKAB BAGUS.jpg" width="147" height="120" /></td> <td width="793"><img src="../image/header1.png" width="780" height="102" /></td> </tr> </table> </div> <div id="menu"> <table width="209" border="0"> <tr> <td width="268"><div align="center"> <img src="../image/hal utama.png" width="198" height="36" /> </div></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="198" height="30"> <param name="movie" value="button3.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#00FF00" /> <embed src="button3.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="198" height="30" bgcolor="#00FF00"></embed> </object></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="199" height="30"> <param name="movie" value="button4.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#00FF00" /> <embed src="button4.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="199" height="30" bgcolor="#00FF00"></embed> </object></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="196" height="30"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button5.swf" /> <param name="quality" value="high" /> <embed src="button5.swf" width="196" height="30" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Ve

Universitas Sumatera Utara

Page 21: LAMPIRAN A: TAMPILAN WEBSITE

rsion=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object></td> </tr> <tr> <td> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="199" height="30"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button6.swf" /> <param name="quality" value="high" /> <embed src="button6.swf" width="199" height="30" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object> </td> </tr> <tr> <td><div align="center"><img src="../image/personalia.png" /></div></td> </tr> <tr> <td> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="195" height="33"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button7.swf" /> <param name="quality" value="high" /> <embed src="button7.swf" width="195" height="33" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object> </td> </tr> <tr> <td><div align="center"><img src="../image/wakasek.png" /></div></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="198" height="33"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button8.swf" /> <param name="quality" value="high" /> <embed src="button8.swf" width="198" height="33" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object></td> </tr> <tr>

Universitas Sumatera Utara

Page 22: LAMPIRAN A: TAMPILAN WEBSITE

<td> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="199" height="33"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button10.swf" /> <param name="quality" value="high" /> <embed src="button10.swf" width="199" height="33" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object> </td> </tr> <tr> <td><div align="center"><img src="../image/fasilitas.png" width="167" /></div></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="201" height="31"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button11.swf" /> <param name="quality" value="high" /> <embed src="button11.swf" width="201" height="31" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object></td> </tr> </table> </div> <div id="Layer2"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="198" height="80"> <param name="movie" value="button39.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#009900" /> <embed src="button39.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="198" height="80" bgcolor="#009900"></embed> </object> </div> <div id="conten">

Universitas Sumatera Utara

Page 23: LAMPIRAN A: TAMPILAN WEBSITE

<div class="style6" id="Layer5"> <p> <?php include("koneksi.php"); $sql="select * from alumni"; $query=mysql_query($sql,$koneksi); ?></p> <table><tr> <td><?php //bulan sekarang $month=date("m"); //Tahun sekarang $year=date("Y"); //hari ini $day=date("d"); //cek jumlah hari tahun sekarang $endDate=date("t",mktime(0,0,0,$month,$day,$year)); //style untuk table echo ' <style> td { font-size:11; font-family:verdana; } </style> '; //table untuk menulis tanggal sekarang echo '<table align="center" border="0" width="100%" cellpadding=2 cellspacing=1 style=""><tr><td align=center>'; echo date("D, d M Y ",mktime(0,0,0,$month,$day,$year)); echo '</td></tr></table>'; $d=getdate(); $jam=$d["hours"]; $menit=$d["minutes"]; $detik=$d["seconds"]; $ts=$d[0]; print ("$jam :$menit :$detik <br>\n"); ?></td></tr></table> <table align="center"> <tr> <th width="559"> <div align="left"> <?php include("koneksi.php"); $sql="select * from alumni where nama='$_REQUEST[nama]'"; $query=mysql_query($sql,$koneksi); $result=mysql_fetch_array($query); ?> </div><form action="simpan_bukutamu.php" method="post">

Universitas Sumatera Utara

Page 24: LAMPIRAN A: TAMPILAN WEBSITE

<body> <div class="style6" id="Layer5"> <div align="center" class="style29"> <p>&nbsp;</p> <p align="center"><table> <tr> <th> <img src="../image/tabel buku tamu.png" /> </th> </tr> </table> </div> <div align="center"><br /> <table width="468" height="258"> <tr> <td width="77" height="55"><div align="center" class="style29"><span class="style6 style29 style30">Nama</span></div></td> <td width="51"><span class="style28 style29">:</span></td> <td width="324"><input name="nama" type="text" value="<?php echo $result['nama'];?>" /></td> </tr> <tr> <td height="62"><p align="center" class="style31 style29">Email</p> </td> <td><p align="left" class="style31 style29">:</p> </td> <td><p> <input type="text" name="email" value="<?php echo $result['email'];?>" /> </p> </td> </tr> <tr> <td height="60"><div align="center" class="style29"><span class="style6 style30 style29"><span class="style30 style28 style29">Pesan</span></span></div></td> <td><span class="style31 style29">:</span></td> <td><p> <input type="text" name="pesan" value="<?php echo $result['pesan'];?>" /> </p> </td> </tr> <tr> <td><input name="submit" type="submit" value="Kirim"/></td> <td><input name="reset" type="reset" value="Hapus"/></td> </tr> </table></form> </th></tr></table> <tr bgcolor="#000000"> <p></p> </div> </div> <div id="footer"><img src="../image/footer2.png" alt="gambar" width="1000" /></div> </body> </html> B4. Registrasi Guru

Universitas Sumatera Utara

Page 25: LAMPIRAN A: TAMPILAN WEBSITE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>SMA Negeri 1Dolok Panribuan</title> <style type="text/css"> <!-- #badan { position:absolute; width:995px; height:1222px; z-index:1; left: 103px; top: 9px; background-color: #00CC00; } #header{ position:absolute; width:1000px; height:187px; z-index:1; background-color: #00FF00; left: 101px; top: 5px; } #menu { position:absolute; width:217px; height:872px; z-index:2; left: 106px; top: 265px; background-color:#00FF00; } #content{ position:absolute; width:713px; height:1114px; z-index:3; left: 304px; top: 101px; background-color: #003300; } body { background-color:#FFFFFF; background-image: url(image/LIM%20Web%20Background_r2_c2.jpg); } #conten { position:absolute; width:759px; height:874px; z-index:3; background-color: #99FFCC;

Universitas Sumatera Utara

Page 26: LAMPIRAN A: TAMPILAN WEBSITE

left: 342px; top: 199px; background-image: url(../image/background.png); } #footer{ position:absolute; width:1000px; height:51px; z-index:5; background-color: #CC33CC; left: 102px; top: 1172px; } #Layer1 { position:absolute; width:751px; height:862px; z-index:1; background-color: #FFFF00; left: 7px; top: 1px; } .style1 { color: #003300; font-weight: bold; } #Layer2 { position:absolute; width:223px; height:63px; z-index:6; left: 104px; top: 194px; } --> </style> </head> <body> <div id="badan"></div> <div id="header"> <table width="998" height="184" border="0"> <tr> <td width="173"><img src="../image/PEMKAB BAGUS.jpg" width="189" height="162" /></td> <td width="793"><img src="../image/header1.png" width="780" height="144" /></td> </tr> </table> </div>

Universitas Sumatera Utara

Page 27: LAMPIRAN A: TAMPILAN WEBSITE

<div id="menu"> <table width="209" border="0"> <tr> <td width="268"><div align="center"> <img src="../image/hal utama.png" width="198" height="36" /> </div></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="198" height="30"> <param name="movie" value="button3.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#00FF00" /> <embed src="button3.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="198" height="30" bgcolor="#00FF00"></embed> </object></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="199" height="30"> <param name="movie" value="button4.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#00FF00" /> <embed src="button4.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="199" height="30" bgcolor="#00FF00"></embed> </object></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="196" height="30"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button5.swf" /> <param name="quality" value="high" /> <embed src="button5.swf" width="196" height="30" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object></td> </tr> <tr> <td> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="199" height="30"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button6.swf" /> <param name="quality" value="high" />

Universitas Sumatera Utara

Page 28: LAMPIRAN A: TAMPILAN WEBSITE

<embed src="button6.swf" width="199" height="30" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object> </td> </tr> <tr> <td><div align="center"><img src="../image/personalia.png" /></div></td> </tr> <tr> <td> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="195" height="33"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button7.swf" /> <param name="quality" value="high" /> <embed src="button7.swf" width="195" height="33" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object> </td> </tr> <tr> <td><div align="center"><img src="../image/wakasek.png" /></div></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="198" height="33"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button8.swf" /> <param name="quality" value="high" /> <embed src="button8.swf" width="198" height="33" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object></td> </tr> <tr> <td> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="199" height="33"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button10.swf" /> <param name="quality" value="high" /> <embed src="button10.swf" width="199" height="33" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object>

Universitas Sumatera Utara

Page 29: LAMPIRAN A: TAMPILAN WEBSITE

</td> </tr> <tr> <td><div align="center"><img src="../image/fasilitas.png" width="167" /></div></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="201" height="31"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button11.swf" /> <param name="quality" value="high" /> <embed src="button11.swf" width="201" height="31" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object></td> </tr> </table> </div> <div id="conten"> <div class="style6" id="Layer5"> <p> <?php include("koneksi.php"); $sql="select * from guru"; $query=mysql_query($sql,$koneksi); ?></p> <table><tr> <td><?php //bulan sekarang $month=date("m"); //Tahun sekarang $year=date("Y"); //hari ini $day=date("d"); //cek jumlah hari tahun sekarang $endDate=date("t",mktime(0,0,0,$month,$day,$year)); //style untuk table echo ' <style> td { font-size:11; font-family:verdana; } </style> ';

Universitas Sumatera Utara

Page 30: LAMPIRAN A: TAMPILAN WEBSITE

//table untuk menulis tanggal sekarang echo '<table align="center" border="0" width="100%" cellpadding=2 cellspacing=1 style=""><tr><td align=center>'; echo date("D, d M Y ",mktime(0,0,0,$month,$day,$year)); echo '</td></tr></table>'; $d=getdate(); $jam=$d["hours"]; $menit=$d["minutes"]; $detik=$d["seconds"]; $ts=$d[0]; print ("$jam :$menit :$detik <br>\n"); ?></td></tr></table> <span class="style2"><?php echo $row['jenis_kelamin'];?></span> <table width="561" align="center"> <tr> <th width="582"> <div align="center"> <?php include("koneksi.php"); $sql="select * from guru where nama='$_REQUEST[nama]'"; $query=mysql_query($sql,$koneksi); $result=mysql_fetch_array($query); ?> </div> <form action="simpan_guru.php" method="post"> <div align="center"> <table align="center"> <tr> <th width="265" height="38"><h1>Registrasi Guru </h1></th> </tr> </table> <table width="529" height="320"> <tr> <td width="260" height="18"><span class="style30"></span> <tr> <td width="260" height="32"><div align="left" class="style30">Nama</div></td> <td width="76"><div align="left" class="style30">:</div></td> <td width="177"><div align="left"> <input type="text" name="nama" value="<?php echo $result['nama']?>" /> </div></td> </tr> <tr> <td height="30"><div align="left" class="style30">Nip</div></td> <td><div align="left" class="style30">:</div></td> <td><div align="left"> <input type="text" name="nip" value="<?php echo $result['nip']?>" /> </div></td>

Universitas Sumatera Utara

Page 31: LAMPIRAN A: TAMPILAN WEBSITE

</tr> <tr> <td height="30"><div align="left" class="style30">Jabatan</div></td> <td><div align="left" class="style30">:</div></td> <td><div align="left"> <input type="text" name="jabatan" value="<?php echo $result['jabatan']?>" /> </div></td> </tr> <tr> <td height="30"><div align="left" class="style30">Pendidikan Terakhir</div></td> <td><div align="left" class="style30">:</div></td> <td><div align="left"> <input type="text" name="pendidikan_terakhir" value="<?php echo $result['pendidikan_terakhir']?>" /> </div></td> </tr> <tr> <td height="30"><div align="left" class="style30">Jenis kelamin</div></td> <td><div align="left" class="style30">:</div></td> <td><div align="left"> <input type="text" name="jenis_kelamin" value="<?php echo $result['jenis_kelamin']?>" /> </div></td> </tr> <tr> <td height="30"><div align="left" class="style30">Alamat</div></td> <td><div align="left" class="style30">:</div></td> <td><div align="left"> <input type="text" name="alamat" value="<?php echo $result['alamat']?>" /> </div></td> </tr> <tr> <td height="30"><div align="left" class="style30">Nomor Handphone</div></td> <td><div align="left" class="style30">:</div></td> <td> <div align="left"> <input type="text" name="no_handphone" value="<?php echo $result['no_handphone']?>" /> </div></td> </tr> <tr> <td height="30"><div align="left" class="style30">Nomor Telephone</div></td> <td><div align="left" class="style30">:</div></td> <td><div align="left"> <input type="text" name="no_telephone" value="<?php echo $result['no_telephone']?>" /> </div></td> </tr>

Universitas Sumatera Utara

Page 32: LAMPIRAN A: TAMPILAN WEBSITE

<tr> <td><span class="style30"> <input type="submit" value="Login"/> <input type="hidden" name="id" value="<? echo $_REQUEST['nama'];?>"/> </span></td> <td><input type="reset" value="Hapus" /></td> </tr> </table> </div> </form></th></tr></table> <?php while($row=mysql_fetch_array($query)) { ?> <tr bgcolor="#000000"> <td><span class="style2"><?php echo $no;?></span></td> <td><span class="style2"><?php echo $row['nama'];?></span></td> <td><span class="style2"><?php echo $row['nip'];?></span> </td> <td><span class="style2"><?php echo $row['jabatan'];?></span> </td> <td><span class="style2"><?php echo $row['pendidikan_terakhir'];?></span> </td> <td>&nbsp;</td> <td><span class="style2"><?php echo $row['alamat'];?></span> </td> <td><span class="style2"><?php echo $row['no_telephone'];?></span> </td> <td><span class="style2"><?php echo $row['no_handphone'];?></span> </td> <?php $no++; } ?> </table> <tr bgcolor="#000000"> <p></p> </div> </div> <div id="footer"><img src="../image/footer2.png" alt="gambar" width="1000" /></div> <div id="Layer2"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="220" height="64"> <param name="movie" value="button40.swf" /> <param name="quality" value="high" /> <embed src="button40.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="220" height="64" ></embed> </object> </div>

Universitas Sumatera Utara

Page 33: LAMPIRAN A: TAMPILAN WEBSITE

</body> </html> B4.1 Edit Guru <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>SMA Negeri 1 Dolok Panribuan</title> <style type="text/css"> <!-- #Layer1 { position:absolute; width:991px; height:986px; z-index:1; background-color: #99CC00; background-image: url(../image/bg4.png); } --> </style> </head> <body> <div id="Layer1"> <table width="693" height="603" border="0" align="center"> <tr> <td width="667" height="81"><div align="center"><img src="../image/tabel Guru.png" height="67" /></div></td> </tr> <tr> <td height="442"> <?php include("koneksi.php"); $sql="select * from guru where nama='$_REQUEST[nama]'"; $query=mysql_query($sql,$koneksi); $result=mysql_fetch_array($query); ?> <form action="simpan_guru.php" method="post"> <table width="640" height="159" align="center"> <td width="198">Nama</td> <td width="74">:</td> <td width="352"><input type="text" name="nama" value="<?php echo $result['nama']?>" /></td> </tr> <tr>

Universitas Sumatera Utara

Page 34: LAMPIRAN A: TAMPILAN WEBSITE

<td>Nip</td> <td>:</td> <td><input type="text" name="nip" value="<?php echo $result['nip']?>" /></td> </tr> <tr> <td>Jabatan</td> <td>:</td> <td><input type="text" name="jabatan" value="<?php echo $result['jabatan']?>" /></td> </tr> <tr> <td>Pendidikan Terakhir</td> <td>:</td> <td><input type="text" name="pendidikan_terakhir" value="<?php echo $result['pendidikan_terakhir']?>" /></td> </tr> <tr> <td>Jenis Kelamin</td> <td>:</td> <td><input type="text" name="jenis_kelamin" value="<?php echo $result['jenis_kelamin']?>" /></td> </tr> <tr> <td>Alamat </td> <td>:</td> <td><input type="text" name="alamat" value="<?php echo $result['alamat']?>" /></td> </tr> <tr> <td>Nomor Handphone </td> <td>:</td> <td><input type="text" name="no_handphone" value="<?php echo $result['no_handphone']?>" /></td> </tr> <tr> <td>Nomor Telephone</td> <td>:</td> <td> <input type="text" name="no_telephone" value="<?php echo $result['no_telephone']?>" /></td> </tr> <tr> <td><input type="submit" value="Edit"/> <input type="hidden" name="id" value="<? echo $_REQUEST['nama'];?>"/></td> <td><input type="reset" value="hapus" /></td> </tr> </table> </form> </td>

Universitas Sumatera Utara

Page 35: LAMPIRAN A: TAMPILAN WEBSITE

</tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="33" height="33"> <param name="BGCOLOR" value="" /> <param name="movie" value="button22.swf" /> <param name="quality" value="high" /> <embed src="button22.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="33" height="33" ></embed> </object></td> </tr> </table> </div> </body> </html> B4.2. Hapus Guru <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>SMA Negeri 1 Dolok Panribuan</title> <style type="text/css"> <!-- #Layer1 { position:absolute; width:771px; height:223px; z-index:1; background-color: #99CC00; left: 85px; background-image: url(../image/bg1.png); } --> </style> </head> <body> <div id="Layer1"> <table width="693" height="214" border="0" align="center"> <tr> <td width="667" height="81"><div align="center"><img src="../image/data guru.png" /></div></td> </tr> <tr> <td height="53"> <?php

Universitas Sumatera Utara

Page 36: LAMPIRAN A: TAMPILAN WEBSITE

include ("koneksi.php"); $query = mysql_query ("delete from guru where nama='$_GET[nama]'") or die (mysql_error()); if ($query){ echo "penghapusan berhasil dilakukan";} else{ echo "proses penghapusan gagal";} ?> </td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="230" height="18"> <param name="movie" value="text13.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#009999" /> <embed src="text13.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="230" height="18" bgcolor="#009999"></embed> </object></td> </tr> </table> </div> </body> </html> B4.3 Simpan Guru1.php <html> <title>SMA Negeri 1 Dolok Panribuan</title> <style type="text/css"> <!-- body { background-image: url(../image/Background_Gothic_Web.jpg); } --> </style><head></head> <body> <table width="445" border="0" align="center"> <tr> <td><img src="../image/terdaftar guru.png"></td> </tr> <tr> <td> <?php include("koneksi.php"); $nama = $_POST['nama']; $nip = $_POST['nip']; $jabatan = $_POST['jabatan']; $pendidikan_terakhir = $_POST['pendidikan_terakhir']; $jenis_kelamin = $_POST['jenis_kelamin']; $alamat = $_POST['alamat'];

Universitas Sumatera Utara

Page 37: LAMPIRAN A: TAMPILAN WEBSITE

$no_handphone = $_POST['no_handphone']; $no_telephone= $_POST['no_telephone']; $sql="insert into guru(nama,nip,jabatan,pendidikan_terakhir,jenis_kelamin,alamat,no_handphone,no_telephone) values('$nama','$nip','$jabatan','$pendidikan_terakhir','$jenis_kelamin','$alamat','$no_handphone','$no_telephone')"; $query=mysql_query($sql,$koneksi); if($query==true) {echo"Terima Kasih Anda Sudah Terdaftar Pada Data Guru";} else {echo"gagal";} ?> </td> </tr> </table> <table width="130" border="0" align="center"> <tr> <td width="57"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="50" height="37"> <param name="movie" value="button26.swf"> <param name="quality" value="high"> <embed src="button26.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="50" height="37" ></embed> </object></td> <td width="111"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="50" height="37"> <param name="movie" value="button25.swf"> <param name="quality" value="high"> <embed src="button25.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="50" height="37" ></embed> </object></td> </tr> </table> </body> </html>

Universitas Sumatera Utara

Page 38: LAMPIRAN A: TAMPILAN WEBSITE

B4.4 Simpan Guru2.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>SMA Negeri 1Dolok Panribuan</title> <style type="text/css"> <!-- #badan { position:absolute; width:1205px; height:1222px; z-index:1; left: 5px; top: 2px; background-color: #00CC00; } #header{ position:absolute; width:1000px; height:187px; z-index:1; background-color: #00FF00; left: 101px; top: 5px; } #menu { position:absolute; width:190px; height:872px; z-index:2; left: 8px; top: 202px; background-color:#00FF00; } #content{ position:absolute; width:713px; height:1114px; z-index:3; left: 304px; top: 101px; background-color: #003300; } body { background-color:#FFFFFF; background-image: url(image/LIM%20Web%20Background_r2_c2.jpg); } #conten { position:absolute; width:888px; height:874px;

Universitas Sumatera Utara

Page 39: LAMPIRAN A: TAMPILAN WEBSITE

z-index:3; background-color: #99FFCC; left: 218px; top: 202px; background-image: url(../image/bg5.png); } #footer{ position:absolute; width:1098px; height:51px; z-index:5; background-color: #CC33CC; left: 7px; top: 1080px; } #Layer1 { position:absolute; width:751px; height:862px; z-index:1; background-color: #FFFF00; left: 7px; top: 1px; } #Layer2 { position:absolute; width:237px; height:30px; z-index:6; left: 664px; top: 30px; } .style2 {font-size: 10px} #Layer3 { position:absolute; width:882px; height:115px; z-index:6; } #Layer4 { position:absolute; width:200px; height:28px; z-index:7; left: 4px; top: 232px; } .style3 {font-size: 12px} #Layer6 { position:absolute; width:106px; height:22px; z-index:7; left: 779px; top: 71px;

Universitas Sumatera Utara

Page 40: LAMPIRAN A: TAMPILAN WEBSITE

} #Layer7 { position:absolute; width:148px; height:35px; z-index:6; left: 958px; top: 203px; } --> </style> </head> <body> <div id="Layer7"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="147" height="34"> <param name="movie" value="button44.swf" /> <param name="quality" value="high" /> <embed src="button44.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="147" height="34" ></embed> </object> </div> <div id="header"> <table width="998" height="184" border="0"> <tr> <td width="173"><img src="../image/PEMKAB BAGUS.jpg" width="189" height="162" /></td> <td width="793"><img src="../image/header1.png" width="780" height="144" /></td> </tr> </table> </div> <div id="menu"> <table width="209" border="0"> <tr> <td width="268"><div align="center"> <img src="../image/hal utama.png" width="198" height="36" /> </div></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="198" height="30"> <param name="movie" value="button3.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#00FF00" /> <embed src="button3.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Ve

Universitas Sumatera Utara

Page 41: LAMPIRAN A: TAMPILAN WEBSITE

rsion=ShockwaveFlash" type="application/x-shockwave-flash" width="198" height="30" bgcolor="#00FF00"></embed> </object></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="199" height="30"> <param name="movie" value="button4.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#00FF00" /> <embed src="button4.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="199" height="30" bgcolor="#00FF00"></embed> </object></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="196" height="30"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button5.swf" /> <param name="quality" value="high" /> <embed src="button5.swf" width="196" height="30" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object></td> </tr> <tr> <td> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="199" height="30"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button6.swf" /> <param name="quality" value="high" /> <embed src="button6.swf" width="199" height="30" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object> </td> </tr> <tr> <td><div align="center"><img src="../image/personalia.png" /></div></td> </tr> <tr> <td> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="195" height="33"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button7.swf" />

Universitas Sumatera Utara

Page 42: LAMPIRAN A: TAMPILAN WEBSITE

<param name="quality" value="high" /> <embed src="button7.swf" width="195" height="33" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object> </td> </tr> <tr> <td><div align="center"><img src="../image/wakasek.png" /></div></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="198" height="33"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button8.swf" /> <param name="quality" value="high" /> <embed src="button8.swf" width="198" height="33" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object></td> </tr> <tr> <td> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="199" height="33"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button10.swf" /> <param name="quality" value="high" /> <embed src="button10.swf" width="199" height="33" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object> </td> </tr> <tr> <td><div align="center"><img src="../image/fasilitas.png" width="167" /></div></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="201" height="31"> <param name="BGCOLOR" value="#00FF00" /> <param name="movie" value="button11.swf" /> <param name="quality" value="high" /> <embed src="button11.swf" width="201" height="31" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#00FF00" ></embed> </object></td>

Universitas Sumatera Utara

Page 43: LAMPIRAN A: TAMPILAN WEBSITE

</tr> </table> </div> <div id="conten"> <div id="Layer3"> <div class="style6" id="Layer5"> <table><tr> <td> <?php //bulan sekarang $month=date("m"); //Tahun sekarang $year=date("Y"); //hari ini $day=date("d"); //cek jumlah hari tahun sekarang $endDate=date("t",mktime(0,0,0,$month,$day,$year)); //style untuk table echo ' <style> td { font-size:11; font-family:verdana; } </style> '; //table untuk menulis tanggal sekarang echo '<table align="center" border="0" width="100%" cellpadding=2 cellspacing=1 style=""><tr><td align=center>'; echo date("D, d M Y ",mktime(0,0,0,$month,$day,$year)); echo '</td></tr></table>'; $d=getdate(); $jam=$d["hours"]; $menit=$d["minutes"]; $detik=$d["seconds"]; $ts=$d[0]; print ("$jam :$menit :$detik <br>\n"); ?></td></tr> </table> <table width="200" border="0" align="center"> <tr> <td> <img src="../image/data guru2.png" /> </td> </tr>

Universitas Sumatera Utara

Page 44: LAMPIRAN A: TAMPILAN WEBSITE

</table> <?php include("koneksi.php"); $sql="select * from guru"; $query=mysql_query($sql,$koneksi); ?></p><table width="880" border="1" align="left"> <tr bgcolor="#999999"> <th width="22"><span class="style39">No</span></th> <th width="148"><span class="style39">Nama</span></th> <th width="71"><span class="style39">Nip</span></th> <th width="65"><span class="style39">Jabatan</span></th> <th width="101"><span class="style39">Pendidikan Terakhir</span></th> <th width="129"><span class="style39">Alamat</span></th> <th width="103"><span class="style39">Telephonee</span></th> <th width="76"><span class="style39">Handphone</span></th> </tr> <?php $no=1; while($row=mysql_fetch_array($query)) { ?> <tr bgcolor="#000000"> <td bgcolor="#FFFFFF"><span class="style2 style33"><?php echo $no;?></span></td> <td bgcolor="#FFFFFF"><span class="style2 style33"><?php echo $row['nama'];?></span></td> <td bgcolor="#FFFFFF"><span class="style2 style33"><?php echo $row['nip'];?></span> </td> <td bgcolor="#FFFFFF"><span class="style2 style33"><?php echo $row['jabatan'];?></span> </td> <td bgcolor="#FFFFFF"><span class="style2 style33"><?php echo $row['pendidikan_terakhir'];?></span> </td> <td bgcolor="#FFFFFF"><span class="style2 style33"><?php echo $row['alamat'];?></span> </td> <td bgcolor="#FFFFFF"><span class="style2 style33"><?php echo $row['no_telephone'];?></span> </td> <td bgcolor="#FFFFFF"><span class="style2 style33"><?php echo $row['no_handphone'];?></span> </td> <td width="107" bgcolor="#FFFFFF"><span class="style33 style3"><a href="edit_guru.php ?nama=<?php echo $row['nama']; ?>">Edit ||</a><a href="hapus_guru.php ?nama=<?php echo $row['nama'];?>">Hapus</a></span></td> <?php $no++; } ?> </table> <div id="Layer8"></div> </div> </div>

Universitas Sumatera Utara

Page 45: LAMPIRAN A: TAMPILAN WEBSITE

<div id="Layer6"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="22"> <param name="movie" value="button41.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#FFFF00" /> <embed src="button41.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" bgcolor="#FFFF00"></embed> </object> </div> </div> <div id="footer"><img src="../image/footer2.png" alt="gambar" width="1099" /></div> </body> </html> B4.5 Test Guru <?php session_start(); include ("koneksi.php"); $Nama = $_POST['nama']; $Nip = $_POST['nip']; $Jabatan = $_POST['jabatan']; $Pendidikan_terakhir = $_POST['pendidikan_terakhir']; $Jenis_kelamin = $_POST['jenis_kelamin']; $Alamat = $_POST['alamat']; $No_handphone = $_POST['no_handphone']; $No_telephone = $_POST['no_telephone']; $Status = $_POST['status']; $sql="select * from guru where nama='$nama'and nip='$nip'and jabatan='$jabatan'and pendidikan_terakhir='$pendidikan_terakhir' and alamat='$alamat' and no_handphone='$no_handphone' and no_telephone='$no_telephone' and status='$status'"; $result=mysql_query($sql,$koneksi); $test=mysql_fetch_array($result); if ($Nama!="" and $Nip!="" and $Jabatan!="" and $Pendidikan_terkhir!="" and $Alamat!="" and $No_handphone!="" and $No_telephone!="" and $Status!="") { if ($test['status']=="operator") { session_start(); $_SESSION['username']=$test['nama']; header("location:admin/index.php");} else { session_start(); $_SESSION['username']=$test['nama'];

Universitas Sumatera Utara

Page 46: LAMPIRAN A: TAMPILAN WEBSITE

header("location:index.php");} } else { header ("location:guru.php");} ?>

Universitas Sumatera Utara