LAMPIRAN A : TAMPILAN PROGRAM
Tampilan Halaman Utama (Home)
Tampilan Halaman Guru Dan Siswa
Tampilan Halaman Login Portal Akademik Setelah Berhasil Login
Tampilan Visi, Misi & Motto Sekolah
Tampilan Halaman Password Siswa
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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<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>
<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/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>
<td height="29" colspan="2"><div align="center">
<table align="right" width="97">
<tr>
<td align="right">
<?php
include"time.php";
?></td>
</tr>
</table>
</div></td>
</tr>
<td width="170"><div align="center"><img src="logo.gif" alt="" width="138" height="138" class="picture" />
<table width="138" height="138">
<tr>
<th scope="col"><div align="center">
<table width="170" height="146">
<tr>
<th width="162" scope="row"><div align="left" class="style8"><a href="visi.php">VISI MISI </a></div></th>
</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></td>
<td width="474" rowspan="2"><h2 align="justify"><span class="style10">Selamat Datang</span></h2>
<p align="justify"> </p>
<div>
<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"> </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>
<p align="justify"><br />
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> </td>
<td> </td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div id="footer">
<p><span class="style4">
<marquee>
<div align="center"><span class="style11"> Copyright @ 2012 SMA Negeri 6 Medan.</span> </div>
</marquee>
</span>
<p><span class="style4"> </span>
</p>
</p>
<p> </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>
<!-- Please leave this in place after all of your content - thanks :) -->
</div>
</div>
</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);
margin-top:15px;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif; }
#headerSubtext
h4
.style11 {color: #666666}
<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>
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)) {
<p align="center"><span class="style10">Designed by Amelia Dina Syahri Siregar </span></p>
</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>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<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>
<div id="mainPicture"> <div class="picture"></div> </div>
$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)) {
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
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>");
<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
tutorials</a> | <a href="http://www.htmlcodes.me">html codes</a> | <a
href="http://www.free-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<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>
<tr>
$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)) {
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>");
</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>
<div align="center"><span class="style11"> Copyright @ 2012 SMA Negeri 6 Medan.
</span> </div> </marquee> </span>
<p><span class="style4"> </span> </p>
</p>
<p> </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>
<!-- Please leave this in place after all of your content - thanks :) --> </div>