LAMPIRAN A: TAMPILAN WEBSITE

(1)

LAMPIRAN A: TAMPILAN WEBSITE

(2)

A2. Halaman Admin

(3)

A4. Halaman Registrasi Guru

(4)

(5)

(6)

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">

(7)

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>

(8)

<body>

<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_Ve rsion=ShockwaveFlash" type="application/x-shockwave-flash" width="130" height="22" bgcolor="#00CC00"></embed>

</object> </td>

</object></td>

pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Ve rsion=ShockwaveFlash" type="application/x-shockwave-flash" width="196" height="28" bgcolor="#00CC00"></embed> </object></td> </tr> </table> </div> <div id="badan"></div>

(9)

</table>

</div>

</tr> <tr>

<td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve rsion=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 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#ve rsion=5,0,0,0" width="199" height="30">

(10)

pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Ve 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#ve rsion=5,0,0,0" width="199" height="30">

></embed> </object> </td> </tr> <tr>

<tr>

></embed> </object></td> </tr>

(11)

</tr> <tr>

></embed> </object></td> </tr> </table> </div> <div id="conten"> <div id="Layer1">

</marquee> </span>

(12)

</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>

<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>

<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>

(13)

B2. Listing Program Admin

<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;

(14)

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); } -->

(15)

</style>

</table> </div>

<span class="style48 style1"><strong>SMA NEGERI 1 DOLOK PANRIBUAN</strong></span> </marquee></th> </tr> </table> </div> <div id="Layer4"> <div id="Layer6">

</tr> <tr>

<tr>

<tr>

<td height="38"><span class="style6">Password</span></td> <td>:</td>

(16)

</tr> <tr>

<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

(17)

<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>

(18)

</div> </div>

</body> </html>

B3. Buku Tamu

(19)

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">

(20)

</table>

</div>

</tr> <tr>

(21)

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#ve rsion=5,0,0,0" width="199" height="30">

<tr>

></embed> </object></td> </tr>

<tr>

(22)

<td>

<tr>

></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#ve rsion=5,0,0,0" width="198" height="80">

<param name="bgcolor" value="#009900" /> <embed src="button39.swf" quality="high"

pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Ve rsion=ShockwaveFlash" type="application/x-shockwave-flash" width="198" height="80" bgcolor="#009900"></embed>

</object> </div>

(23)

<?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");

echo ' <style> td { font-size:11; font-family:verdana; } </style> '; //table untuk menulis tanggal sekarang

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); ?>

(24)

<body>

</table> </div>

</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>

</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>

</td> </tr> <tr>

</html>

(25)

(26)

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>

(27)

</tr> <tr>

(28)

<tr>

></embed> </object>

(29)

</td> </tr> <tr>

<tr>

></embed> </object></td> </tr> </table> </div> <div id="conten">

<?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");

(30)

//table untuk menulis tanggal sekarang

print ("$jam :$menit :$detik <br>\n"); ?></td></tr></table>

<tr>

<th width="582"> <div align="center"> <?php

include("koneksi.php");

$sql="select * from guru where nama='$_REQUEST[nama]'"; $query=mysql_query($sql,$koneksi);

</div> <form action="simpan_guru.php" method="post">

<th width="265" height="38"><h1>Registrasi Guru </h1></th> </tr>

</table>

</tr> <tr>

(31)

</tr> <tr>

<td height="30"><div align="left" class="style30">Jabatan</div></td> <td><div align="left" class="style30">:</div></td>

</tr> <tr>

<td height="30"><div align="left" class="style30">Pendidikan Terakhir</div></td> <td><div align="left" class="style30">:</div></td>

</div></td> </tr>

<tr>

<td height="30"><div align="left" class="style30">Jenis kelamin</div></td> <td><div align="left" class="style30">:</div></td>

</div></td> </tr>

<tr>

<td height="30"><div align="left" class="style30">Alamat</div></td> <td><div align="left" class="style30">:</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></td> </tr>

<tr>

<td height="30"><div align="left" class="style30">Nomor Telephone</div></td> <td><div align="left" class="style30">:</div></td>

</div></td> </tr>

(32)

<tr>

pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Ve rsion=ShockwaveFlash" type="application/x-shockwave-flash" width="220" height="64" ></embed>

</object> </div>

(33)

</body> </html>

B4.1 Edit Guru

<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);

</tr> <tr>

(34)

<tr>

<td>Jabatan</td> <td>:</td>

<tr>

<td>Pendidikan Terakhir</td> <td>:</td>

</tr> <tr>

<td>Jenis Kelamin</td> <td>:</td>

</tr> <tr>

<td>Alamat </td> <td>:</td>

<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>

</tr> <tr>

</tr> </table> </form> </td>

(35)

</tr> <tr>

pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Ve rsion=ShockwaveFlash" type="application/x-shockwave-flash" width="33" height="33" ></embed> </object></td> </tr> </table> </div> </body> </html>

B4.2. Hapus Guru

</tr> <tr>

<td height="53"> <?php

(36)

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>

<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_Ve rsion=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">  </style><head></head> <body>

<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'];

(37)

$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_telepho ne) values('$nama','$nip','$jabatan','$pendidikan_terakhir','$jenis_kelamin','$alamat','$no_handph one','$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>

<td width="57"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

</object></td>

pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Ve rsion=ShockwaveFlash" type="application/x-shockwave-flash" width="50" height="37" ></embed> </object></td> </tr> </table> </body> </html>

(38)

B4.4 Simpan Guru2.php

(39)

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;

(40)

} #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#ve rsion=5,0,0,0" width="147" height="34">

</object> </div>

</table>

</div>

</tr> <tr>