LAMPIRAN A : TAMPILAN PROGRAM

(1)

LAMPIRAN A : TAMPILAN PROGRAM

Tampilan Halaman Utama (Home)

(2)

Tampilan Halaman Guru Dan Siswa

(3)

Tampilan Halaman Login Portal Akademik Setelah Berhasil Login

(4)

Tampilan Visi, Misi & Motto Sekolah

(5)

Tampilan Halaman Password Siswa

(6)

(7)

(8)

LAMPIRAN B : LISTING PROGRAM

Listing index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<title>:::SMA Negeri 6 Medan:::</title> <style type="text/css"> <!-- .style4 {color: #FF0099} .style8 {color: #0066FF} .style10 {color: #333333; } .style11 {color: #666666} .style14 {font-size: 14px} .style15 {font-size: 16px}

.style20 {font-size: 24px; color: #333333;} .style22 { font-weight: bold; color: #333333; font-size: 24px; } --> </style> </head> <body>

(9)

<div class="topNaviagationLink"><a href="index.php">Home</a></div> <div class="topNaviagationLink"><a href="profil/profil.php">Profil</a></div>

<div class="topNaviagationLink"><a href="gurusiswa/gurusiswa.php">Guru & Siswa </a></div>

<div class="topNaviagationLink"><a href="portal/portal.php">Akademik </a></div>

<div class="topNaviagationLink"><a href="bukutamu/bukutamu.php">Buku Tamu </a></div> <div class="topNaviagationLink"><a href="admin/index.php">Admin</a></div>

</div> <div id="mainPicture"> <div class="picture"></div> </div> <div class="contentBox"> <div class="innerBox"> <table width="656"> <tr>

(10)

</tr> <tr>

<th scope="row"><div align="left" class="style8"><a href="kurikulum.php">KURIKULUM</a></div></th>

</tr> <tr>

<th scope="row"><div align="left" class="style8"><a href="komponen/komponen.php">KOMPONEN</a></div></th> </tr>

<tr>

<th scope="row"><div align="left" class="style8"><a href="struktur.php">STRUKTUR ORGANISASI</a> </div></th> </tr>

<tr>

<th height="30" scope="row"><div align="left" class="style8"><a href="galeri/galery.php">GALERY</a></div></th> </tr> </table> </div></th> </tr> </table> </div> <p align="center"> </p>

(11)

<td width="474" rowspan="2"><h2 align="justify"><span class="style10">Selamat Datang</span></h2>

<p align="justify">Selamat datang di website SMA Negeri 6 Medan.</p> <p align="justify"> </p>

<p align="justify">Website ini menyediakan informasi seputar SMA Negeri 6 Medan </p>

<p align="justify">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. </p>

<p align="justify">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. </p>

<p align="justify">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 SMA Negeri 6 Medan Portal akademik.</p>

<p align="justify">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> <p align="justify"> </p>

<p align="justify">SMA NEGERI 6 MEDAN adalah salah satu Sekolah Menengah Atas (SMA) yang ada di Medan.</p>

<p align="justify"> Sekolah ini berdiri pada tanggal 17 Juli 1965 di Medan.Sekolah ini beralamatkan di Jl. Ansari no.36 Medan dan mempunyai bangunan 3 lantai.</p>

SMA SMA NEGERI 6 MEDAN memiliki : 36 ruang sarana dan prasarana. 15 ruang belajar siswa (5 kelas X, 5 kelas XI, 5 kelas XII), 1 ruang Kepala Sekolah, 1 ruang guru, 1 ruang tata usaha, 1 ruang BP, 1 ruang Laboraturium IPA, 1 ruang keterampilan, 1 ruang Laboraturium

komputer, 1 ruang Osis, 1 ruang perpustakaan, 1 ruang musholla, 3 ruang wakasek, 1 ruang koperasi sekolah, 1 ruang UKS, 4 ruang kamar mandi, 2 kantin dan 1 ruang barang. </p>

</div> <p align="justify" class="style15"> </p> </td>

(12)

<div align="center"><span class="style11"> Copyright @ 2012 SMA Negeri 6 Medan.</span> </div>

</marquee> </span>

</p>

<p align="center"><span class="style10">Designed by Amelia Dina Syahri Siregar </span></p>

</div> </div>

<h4><a href="http://www.aszx.net">web development</a> by <a

href="http://www.bryantsmith.com">bryant smith</a> | <a href="http://www.quackit.com">web tutorials</a> | <a href="http://www.htmlcodes.me">html codes</a> | <a href="http://www.free-templates.me">free templates</a></h4>

</div>

</div> </body>

(13)

</html>

Listing server.php <?php

$host = "localhost"; // hostname mysql $user = "root"; // username

$pass = "johniewalker"; // password

$db = " sman6"; // database yang digunakan

$koneksi = mysql_connect ($host,$user,$pass) or die ("Koneksi gagal "); 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: center;

font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #000000; background: #000000 url(background.png); background-repeat:repeat-x; } * {

margin: 0 auto 0 auto; text-align:center;} #page { display: block; height:auto; position: relative; overflow: hidden; width: 670px; } .topNaviagationLink { text-align:center; position:relative;

(14)

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; background-image:url(tab.png); border-bottom:none; } #mainPicture { clear:both; width:670px; height:293px; background-color:#000000; } #mainPicture .picture { position:relative; width:650px; height:273px; 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; }

(15)

#headerSubtext { position:relative; top:12px; left:40px; font-size:14px; color:#484848;

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; } h4 { text-align:center; padding-top:30px; font-size:9px;

font-family:Arial, Helvetica, sans-serif; color:#000000;

margin:0px; }

(16)

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:auto; color:#000000; padding:5px; margin:10px;

font-family:Arial, Helvetica, sans-serif; background-image:url(blockquote.png); background-repeat:no-repeat; border:dashed 1px; border-color:#484848; height: auto; } html, body { text-align: center; } p {text-align: left;} Listing bukutamu.php

<title>:::SMA Negeri 6 Medan:::</title> <style type="text/css">

<!--

.style4 {color: #FF0099} .style8 {color: #0066FF} .style10 {color: #333333; }

(17)

.style11 {color: #666666} .style14 {font-size: 14px} .style15 {font-size: 16px}

.style20 {font-size: 24px; color: #333333;} .style22 { font-weight: bold; color: #333333; font-size: 24px; } --> </style> </head> <body> <div id="page">

<div class="topNaviagationLink"><a href="../index.php">Home</a></div> <div class="topNaviagationLink"><a href="../profil/profil.php">Profil</a></div>

<div class="topNaviagationLink"><a href="../gurusiswa/gurusiswa.php">Guru & Siswa </a></div>

<div class="topNaviagationLink"><a href="../portal/portal.php">Akademik </a></div> <div class="topNaviagationLink"><a href="bukutamu.php">Buku Tamu </a></div> <div class="topNaviagationLink"><a href="../admin/index.php">Admin</a></div> </div> <div id="mainPicture"> <div class="picture"></div> </div> <div class="contentBox"> <div class="innerBox"> <div id="content"> <table width="656"> <tr>

</tr> <tr>

<th scope="row"><div align="left" class="style8"><a href="../kurikulum.php">KURIKULUM</a></div></th>

</tr> <tr>

<th scope="row"><div align="left" class="style8"><a href="../komponen/komponen.php">KOMPONEN</a></div></th> </tr>

(18)

<tr>

<th scope="row"><div align="left" class="style8"><a href="../struktur.php">STRUKTUR ORGANISASI</a> </div></th> </tr>

<tr>

<th height="30" scope="row"><div align="left" class="style8"><a href="../galeri/galery.php">GALERY</a></div></th> </tr> </table></th> </tr> </table> <p> </p> <p> </p></td>

<tr>

<td colspan="3" align="center"><span class="style7">Kami sangat mengharapkan masukan dari anda, <br />

Silahkan anda tinggalkan pesan</span></td> </tr> <tr> <td colspan="3"> </td> </tr> <tr> <td><b>Nama</b> </td> <td><b>:</b></td>

<tr>

<td><b>Email</b></td> <td><b>:</b></td>

<tr>

<td><b>Pesan</b></td> <td><b>:</b></td>

</table> </form> <div id="right"> <h2> <br />

<span class="style7">Pesan Anda</span> <br /> <br />

(19)

include("server.php");

$query = mysql_query ("select * from tamu order by nama",$db) or die (mysql_error()); $jumlah = mysql_num_rows($query);

echo "<font size=3px>Jumlah Komentar = $jumlah Komentar</font>"; echo "<br><br>";

echo "<table border = \"0\" align =\"center\" style=border-collapse:collapse>";

while ($user = mysql_fetch_array($query)) { // echo "<tr bgcolor = #FFFFFF><td>"; $nama=$user["nama"]; $email=$user["email"]; $pesan=$user["pesan"];

Printf("<tr><td colspan=2><i><font size=4px

color=green><b>$nama</b></font></i></td></tr><tr><td ALIGN=center><font size=2px>$pesan</font></td></tr><tr><td> </td></tr>"); } echo "</table>"; ?> </h2> <h2> </h2> </div> <p> </p> </div> <div class="post"></div> </div> <tr> <th scope="col"> </th> </tr> </table> <h2 align="justify"> </h2> </td> <td> </td> <td> </td> </tr> </table> <p> </p> <p> </p> <p> </p> <p> </p> <div id="footer"> <p><span class="style4"> <marquee>

</marquee> </span>

</p>

(20)

</div>

</div> </div> </body> </html> Listing cek.php <? session_start(); if(!session_is_registered("password")){ header("location:./error.php"); exit; } ?> Listing datasiswa(isi.php)

<title>:::SMA Negeri 6 Medan:::</title> <style type="text/css"> <!-- .style4 {color: #FF0099} .style8 {color: #0066FF} .style10 {color: #333333; } .style11 {color: #666666} .style14 {font-size: 14px} .style15 {font-size: 16px}

.style20 {font-size: 24px; color: #333333;} .style22 { font-weight: bold; color: #333333; font-size: 24px; } --> </style> </head> <body> <div id="page">

<div class="topNaviagationLink"><a href="">Home</a></div> <div class="topNaviagationLink"><a href="">Profil</a></div>

<div class="topNaviagationLink"><a href="">Guru & Siswa </a></div> <div class="topNaviagationLink"><a href="">Akademik </a></div>

<div class="topNaviagationLink"><a href="">Buku Tamu </a></div> <div class="topNaviagationLink"><a href="">Admin</a></div>

(21)

</div> <div id="mainPicture"> <div class="picture"></div> </div> <div class="contentBox"> <div class="innerBox"> <table width="656"> <tr>

<tr>

<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> <tr></tr> <tr></tr> <tr></tr> </tr>";

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("<tr><td><STRONG> NIS </strong> </td><td><strong>:</strong></td><td>$nis </td></tr>");

Printf("<tr><td><strong> PASWORD </strong></td><td><strong>:</strong></td><td>$password </td></tr>");

Printf("<tr><td><strong> NAMA </strong></td><td><strong>:</strong></td><td>$nama </td></tr>");

Printf("<tr><td><strong> TANGGAL LAHIR

(22)

Printf("<tr><td><strong> JENIS KELAMIN

</strong></td><td><strong>:</strong></td><td>$kelamin </td></tr>");

Printf("<tr><td><strong> ALAMAT </strong></td><td><strong>:</strong></td><td>$alamat </td></tr>");

Printf("<tr><td><strong> NAMA ORANG TUA

</strong></td><td><strong>:</strong></td><td>$ortu </td></tr>");

Printf("<tr><td><strong> AGAMA </strong></td><td><strong>:</strong></td><td>$agama </td></tr>");

Printf("<br><tr><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> <p> </p> </div> <div class="post"></div> </div> <p> </p> <p> </p></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> </div></td> <th scope="col"> </th> </tr> </table> <h2 align="justify"> </h2> </td> <td width="2"> </td> <td width="10"> </td> </tr> </table> <p> </p> <p> </p> <p> </p> <p> </p> <div id="footer"> <p><span class="style4"> <marquee>

</marquee> </span>

</p>

</div> </div>

(23)

tutorials</a> | <a href="http://www.htmlcodes.me">html codes</a> | <a href="http://www.free-templates.me">free templates</a></h4>

</div> </div> </body> </html> Listing dataguru(isi.php)

<title>:::SMA Negeri 6 Medan:::</title> <style type="text/css">  </style> </head> <body> <div id="page">

<div class="topNaviagationLink"><a href="">Home</a></div> <div class="topNaviagationLink"><a href="">Profil</a></div>

<div class="topNaviagationLink"><a href="">Guru & Siswa </a></div> <div class="topNaviagationLink"><a href="">Akademik </a></div>

<div class="topNaviagationLink"><a href="">Buku Tamu </a></div> <div class="topNaviagationLink"><a href="">Admin</a></div> </div> <div id="mainPicture"> <div class="picture"></div> </div> <div class="contentBox"> <div class="innerBox"> <table width="641"> <tr>

(24)

<tr>

<div align="left"><span class="style24">Data Pribadi Guru </span> </div>

<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>"; $nig=$user["nig"]; $nama=$user["nama"]; $tgl_lahir=$user["tgl_lahir"]; $kelamin=$user["kelamin"]; $alamat=$user["alamat"]; $lulusan=$user["lulusan"]; $agama=$user["agama"];

Printf("<tr><td><strong> No Induk </strong></td><td><strong>:</strong></td><td>$nig </td></tr>");

Printf("<tr><td><strong> NAMA </strong></td><td><strong>:</strong></td><td>$nama </td></tr>");

Printf("<tr><td><strong> TANGGAL LAHIR

</strong></td><td><strong>:</strong></td><td>$tgl_lahir </td></tr>"); Printf("<tr><td><strong> JENIS KELAMIN

</strong></td><td><strong>:</strong></td><td>$kelamin </td></tr>");

Printf("<tr><td><strong> ALAMAT </strong></td><td><strong>:</strong></td><td>$alamat </td></tr>");

Printf("<tr><td><strong> LULUSAN </strong></td><td><strong>:</strong></td><td>$lulusan </td></tr>");

Printf("<tr><td><strong> AGAMA </strong></td><td><strong>:</strong></td><td>$agama </td></tr>");

Printf("<br><tr><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> <p> </p> </div> <div class="post"></div> </div> <p> </p></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>

</div></td>

(25)

</tr> </table> <h2 align="justify"> </h2> </td> </tr> </table> <p> </p> <p> </p> <p> </p> <p> </p> <div id="footer"> <p><span class="style4"> <marquee>

</span> </div> </marquee> </span>

</p>

</div> </div>

</div>

</div> </body> </html>