LAMPIRAN. Universitas Sumatera Utara

Transkripsi

1 LAMPIRAN

2 66 LAMPIRAN A : TAMPILAN PROGRAM Tampilan Halaman Utama (Home) Tampilan Halaman Buku Tamu

3 67 Tampilan Halaman Guru Dan Siswa Tampilan Halaman Portal Akademik Siswa

4 68 Tampilan Halaman Login Portal Akademik Setelah Berhasil Login Tampilan Halaman Profil Siswa

5 69 Tampilan Visi Misi Sekolah Tampilan Halaman Nilai Siswa

6 70 Tampilan Halaman Password Siswa Tampilan Halaman Administrator

7 71 Tampilan Halaman Guru Administrator

8 72 Tampilan Input Guru Administrator

9 73 LAMPIRAN B : LISTING PROGRAM Listing index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title>:::smp Negeri 3 PancurBatu:::</title> <style type="text/css">  </style> </head> <body> <div id="page"> <div class="topnaviagationlink"><a href="index.php">home</a> <div class="topnaviagationlink"><a href="profil/profil.php">profil</a> <div class="topnaviagationlink"><a href="gurusiswa/gurusiswa.php">guru & Siswa </a> <div class="topnaviagationlink"><a href="portal/portal.php">akademik </a> <div class="topnaviagationlink"><a href="bukutamu/bukutamu.php">buku Tamu </a> <div class="topnaviagationlink"><a href="admin/index.php">admin</a>

10 74 <div id="mainpicture"> <div class="picture"> <div class="contentbox"> <div class="innerbox"> <table width="656"> <td height="29" colspan="2"><div align="center"> <table align="right" width="97"> <td align="right"> <?php include"time.php";?></td> </table> </td> <td width="170"><div align="center"><img src="logo.gif" alt="" width="138" height="138" class="picture" /> <table width="138" height="138"> <th scope="col"><div align="center"> <table width="170" height="146"> <th width="162" scope="row"><div align="left" class="style8"><a href="visi.php">visi MISI </a></th> <th scope="row"><div align="left" class="style8"><a href="kurikulum.php">kurikulum</a></th> <th scope="row"><div align="left" class="style8"><a href="komponen/komponen.php">komponen</a></th>

11 75 <th scope="row"><div align="left" class="style8"><a href="struktur.php">struktur ORGANISASI</a> </th> <th height="30" scope="row"><div align="left" class="style8"><a href="galeri/galery.php">galery</a></th> </table> </th> </table> <p align="center"> </p> <p align="center"> </p></td> <td width="474" rowspan="2"><h2 align="justify"><span class="style10">selamat Datang</span></h2> <p align="justify"> </p> <p align="justify" class="style15">selamat datang di website SMP Negeri 3 Pancur Batu.</p> <p align="justify" class="style15"> Website ini menyediakan informasi seputar SMP Negeri 3 Pancur Batu.</p> <p align="justify" class="style15"> </p> <p align="justify" class="style15">era globalisasi dengan segala implikasinya menjadi salah satu pemicu cepatnya perubahan yang terjadi pada berbagai aspek kehidupan masyarakat, dan bila tidak ada upaya sungguh-sungguh untuk mengantisipasinya maka hal tersebut akan menjadi maslah yang sangat serius. Dalam hal ini dunia pendidikan mempunyai tanggung jawab yang besar, terutama dalam menyiapkan sumber daya manusia yang tangguh sehingga mampu hidup selaras didalam perubahan itu sendiri. Pendidikan merupakan investasi jangka panjang yang hasilnya tidak dapat dilihat dan dirasakan secara instan, sehingga sekolah sebagai ujung tombak dilapangan harus memiliki arah pengembangan jangka panjang dengan tahapan pencapaiannya yang jelas dan tetap mengakomodir tuntutan permasalahan faktual kekinian yang ada di masyarakat. Untuk mencapai itu kami berupaya dengan berbagai cara untuk mencapainya, salah satu cara kami dengan membuat website SMP Negeri 3 Pancur Batu Portal akademik.</p> <p align="justify" class="style15"> </p> <p align="justify" class="style15">website ini menyediakan beberapa sarana seperti Portal Akademik yang dapat dipergunakan oleh siswa untuk mendapatkan informasi yang cepat dan akurat walaupun berada di luar wilayah sekolah karena dapat di akses dari internet. </p></td> <td> </td> <td> </td>

12 76 </table> <div id="footer"> <p><span class="style4"> <marquee> <div align="center"><span class="style11"> 2011 SMPN 3 PancurBatu.</span> </marquee> </span></p> <p align="center"><span class="style10">designed by Indra Perdana </span></p> <h4><a href=" development</a> by <a href=" smith</a> <a href=" tutorials</a> <a href=" codes</a> <a href=" templates</a></h4>  </body> </html>

13 77 Listing server.php <?php $host = "localhost"; // hostname mysql $user = "root"; // username $pass = "johniewalker"; // password $db = "smp3pb"; // database yang digunakan $koneksi = mysql_connect ($host,$user,$pass) or die ("Tidak dapat terhubung ke mysql"); mysql_select_db($db,$koneksi);?> Listing time.php <?php //time.php //menampilkan tanggal sekarang $data=time(); $sekarang=date("d M Y",$data); echo" <i>$sekarang</i><br>"?> Listing style.css body margin: 0; padding: 0; text-align: left; font-family:"adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #000000; background: # url(background.png); background-repeat:repeat-x; * margin: 0 auto 0 auto; text-align:center;

14 78 #page display: block; height:auto; position: relative; overflow: hidden; width: 670px;.topNaviagationLink text-align:center; position:relative; margin-top:15px; font-size:16px; margin-left:-10px; width:121px; height: 35px; line-height: 35px; float:left; color:#000000; font-family:"adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;.topnaviagationlink a text-decoration:none; color:#000000; margin-bottom:0px;.topnaviagationlink a:hover text-align:center; color:#ffffff; display: block; width:121px; height: 35px; line-height: 35px;

15 79 background-image:url(tab.png); border-bottom:none; #mainpicture clear:both; width:670px; height:170px; background-color:#000000; #mainpicture.picture position:relative; width:650px; height:150px; top:10px; margin-left:10px; background-image:url(mainimage.jpg); background-repeat:no-repeat; #headertitle position:relative; top:14px; left:22px; font-size:27px; color:#000000; font-family:"adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif; #headersubtext position:relative; top:12px; left:40px; font-size:14px; color:#484848;

16 80 font-family:"adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;.contentbox margin-top:10px; width:670px; height:auto; background-color:#000000;.contentbox.innerbox position:relative; width:650px; height:auto; top:10px; margin-left:10px; background-image:url(contentback.png); background-color:#ffffff; background-repeat:repeat-x; h1 font-size:25px; margin-bottom:10px; padding-top:18px; margin-left:15px; margin-top:15px; color:#1f1603;.contenttext font-size:13px; line-height:24px; margin-left:13px; margin-right:13px;

17 81 h4 text-align:center; padding-top:30px; font-size:9px; font-family:arial, Helvetica, sans-serif; color:#000000; margin:0px; h4 text-decoration:none; font-size:9px; a color:#484848; border-bottom:dotted 1px; a:hover color:#000000; text-decoration:none; border-bottom:dotted 2px; a:visited color:#000000; blockquote font-size:12px; text-align:justify; width:400px;

18 82 color:#000000; padding:15px; margin:10px; font-family:arial, Helvetica, sans-serif; background-image:url(blockquote.png); background-repeat:no-repeat; border:dashed 1px; border-color:#484848; html, body text-align: center; p text-align: left; Listing bukutamu.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title>:::smp Negeri 3 PancurBatu:::</title> <style type="text/css">  </style>

19 83 </head> <body> <div id="page"> <div class="topnaviagationlink"><a href="">home</a> <div class="topnaviagationlink"><a href="">profil</a> <div class="topnaviagationlink"><a href="">guru & Siswa </a> <div class="topnaviagationlink"><a href="">akademik </a> <div class="topnaviagationlink"><a href="">buku Tamu </a> <div class="topnaviagationlink"><a href="">admin</a> <div id="mainpicture"> <div class="picture"> <div class="contentbox"> <div class="innerbox"> <div id="content"> <table width="631"> <td height="29" colspan="2"><table align="right" width="97"> <td align="right"><?php include"time.php";?> </table></td> <td width="623" rowspan="2"><table width="623"> <td width="453"><div id="left"> <div class="post"> <h2 align="center" class="style7">halama Administrasi Buku Tamu </h2> <p><br /> Anda berada pada halaman admin buku tamu, dimana dengan halaman ini anda akan dapat dengan leluasa melihat dan mengedit database buku tamu. </p> <div class="post">

20 84 <p align="justify"> </p> </td> <td width="144"><div id="right"> <p><a href="isibuku.php">database Buku Tamu</a></p> <p><a href="../menuadmin.php">kembali ke Menu Admin</a></p> <p><a href="../logout.php">logout</a></p> <h2> </h2></td> <th width="10" scope="col"> </th> </table> <h2 align="justify"> </h2> </td> </table> <div id="footer"> <p><span class="style4"> <marquee> <div align="center"><span class="style11"> 2011 SMPN 3 PancurBatu.</span> </marquee> </span></p> <p align="center"><span class="style10">designed by Indra Perdana </span></p> <h4><a href=" development</a> by <a href=" smith</a> <a href=" tutorials</a> <a href=" codes</a> <a href=" templates</a></h4>

21 85 </body> </html> Listing cek.php <? session_start(); if(!session_is_registered("password")) header("location:./error.php"); exit;?> Listing datasiswa(isi.php) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title>:::smp Negeri 3 PancurBatu:::</title> <style type="text/css">  </style> </head> <body> <div id="page"> <div class="topnaviagationlink"><a href="">home</a> <div class="topnaviagationlink"><a href="">profil</a> <div class="topnaviagationlink"><a href="">guru & Siswa </a> <div class="topnaviagationlink"><a href="">akademik </a> <div class="topnaviagationlink"><a href="">buku Tamu </a> <div class="topnaviagationlink"><a href="">admin</a> <div id="mainpicture"> <div class="picture"> <div class="contentbox"> <div class="innerbox"> <table width="656">

22 86 <td height="29" colspan="2"><table align="right" width="97"> <td align="right"> <?php include"time.php";?></td> </table></td> <td width="644" rowspan="2"><table width="635"> <td width="512"><div id="left"> <div class="post"> <h2 align="center" class="style7"> Data Pribadi Siswa </h2> <form action="input.php" method="post" id="form1"> <?php include("../server.php"); $query = mysql_query ("select * from siswa where nis='$nis'",$db) or die (mysql_error()); echo "<table border =1 align =\"center\" style=border-collapse:collapse cellpadding=5> <tr bgcolor=#cccccc> "; while ($user = mysql_fetch_array($query)) echo "<tr bgcolor = #FFFFFF><td>"; $nis=$user["nis"]; $password=$user["password"]; $nama=$user["nama"]; $tgllhr=$user["tgllhr"]; $kelamin=$user["kelamin"]; $alamat=$user["alamat"]; $ortu=$user["ortu"]; $agama=$user["agama"]; Printf("<td><STRONG> NIS </strong> </td><td><strong>:</strong></td><td>$nis </td>"); Printf("<td><strong> PASWORD </strong></td><td><strong>:</strong></td><td>$password </td>"); Printf("<td><strong> NAMA </strong></td><td><strong>:</strong></td><td>$nama </td>"); Printf("<td><strong> TANGGAL LAHIR </strong></td><td><strong>:</strong></td><td>$tgllhr</td>"); Printf("<td><strong> JENIS KELAMIN </strong></td><td><strong>:</strong></td><td>$kelamin </td>"); Printf("<td><strong> ALAMAT </strong></td><td><strong>:</strong></td><td>$alamat </td>"); Printf("<td><strong> NAMA ORANG TUA </strong></td><td><strong>:</strong></td><td>$ortu </td>"); Printf("<td><strong> AGAMA </strong></td><td><strong>:</strong></td><td>$agama </td>");

23 87 Printf("<br><td align=center><a href=edit.php?nis=$nis>edit</a></td><td> </td><td align=\"center\"><a href=hapussiswa.php?nis=$nis>hapus</a></td>"); echo "</table>";?> </form> <div class="post"> </td> <td width="250"><div id="right"> <p><a href="inputsiswa.php">input Data Siswa/i Baru </a></p> <p><a href="editsiswa.php">edit Data Siswa/i </a></p> <p><a href="datasiswa.php">kembali ke Menu Admin</a></p> <p><a href="../logout.php">logout</a></p> </td> <th scope="col"> </th> </table> <h2 align="justify"> </h2> </td> <td width="2"> </td> <td width="1"> </td> </table> <div id="footer"> <p><span class="style4"> <marquee> <div align="center"><span class="style11"> 2011 SMPN 3 PancurBatu.</span> </marquee> </span></p> <p align="center"><span class="style10">designed by Indra Perdana </span></p> <h4><a href=" development</a> by <a href=" smith</a> <a href=" tutorials</a> <a href=" codes</a> <a href=" templates</a></h4>  </body> </html> Listing dataguru(isi.php) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "

24 88 <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title>:::smp Negeri 3 PancurBatu:::</title> <style type="text/css">  </style> </head> <body> <div id="page"> <div class="topnaviagationlink"><a href="">home</a> <div class="topnaviagationlink"><a href="">profil</a> <div class="topnaviagationlink"><a href="">guru & Siswa </a> <div class="topnaviagationlink"><a href="">akademik </a> <div class="topnaviagationlink"><a href="">buku Tamu </a> <div class="topnaviagationlink"><a href="">admin</a> <div id="mainpicture"> <div class="picture"> <div class="contentbox"> <div class="innerbox"> <table width="641"> <td height="29" colspan="2"><table align="right" width="97"> <td align="right"><?php include"time.php";?> </table></td> <td width="633" rowspan="2"><table width="542"> <td width="366"> <div id="left"> <div class="post"> <div align="left"><span class="style24">data Pribadi Guru </span> <form action="input.php" method="post" id="form1"> <?php include("../server.php"); $query = mysql_query ("select * from guru where nig='$nig'",$db) or die (mysql_error()); echo "<table border = \"0\" align =\"left\" style=border-collapse:collapse cellpadding=8>"; while ($user = mysql_fetch_array($query)) // echo "<tr bgcolor = #FFFFFF><td>";

25 89 $nig=$user["nig"]; $nama=$user["nama"]; $tgl_lahir=$user["tgl_lahir"]; $kelamin=$user["kelamin"]; $alamat=$user["alamat"]; $lulusan=$user["lulusan"]; $agama=$user["agama"]; Printf("<td><strong> No Induk </strong></td><td><strong>:</strong></td><td>$nig </td>"); Printf("<td><strong> NAMA </strong></td><td><strong>:</strong></td><td>$nama </td>"); Printf("<td><strong> TANGGAL LAHIR </strong></td><td><strong>:</strong></td><td>$tgl_lahir </td>"); Printf("<td><strong> JENIS KELAMIN </strong></td><td><strong>:</strong></td><td>$kelamin </td>"); Printf("<td><strong> ALAMAT </strong></td><td><strong>:</strong></td><td>$alamat </td>"); Printf("<td><strong> LULUSAN </strong></td><td><strong>:</strong></td><td>$lulusan </td>"); Printf("<td><strong> AGAMA </strong></td><td><strong>:</strong></td><td>$agama </td>"); Printf("<br><td align=right><a href=edit.php?nig=$nig>edit</a></td><td> </td><td align=\"left\"><a href=hapus.php?nig=$nig>hapus</a></td>"); echo "</table>";?> </form> <div class="post"> </td> <td width="164"><div id="left "> <p class="style7"><a href="inputguru.php">input Data Guru </a></p> <p class="style7"><a href="editguru.php">edit Data Guru </a></p> <p class="style7"><a href="../menuadmin.php">kembali ke Menu Admin</a></p> <p class="style7"><a href="#">logout</a></p> </td> </table> <h2 align="justify"> </h2> </td> </table> <div id="footer"> <p><span class="style4"> <marquee>

26 90 <div align="center"><span class="style11"> 2011 SMPN 3 PancurBatu.</span> </marquee> </span></p> <p align="center"><span class="style10">designed by Indra Perdana </span></p> <h4><a href=" development</a> by <a href=" smith</a> <a href=" tutorials</a> <a href=" codes</a> <a href=" templates</a></h4>  </body> </html>