Index.php <html> <head> <title> <meta http-equiv="content-type" content="text/html; charset=iso ">

(1)

Listing Program

Style.css

body {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;}

td {

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;}

th {

.bodystyle {

.small {

.medium {

.big {

.xbig {

.expanded {

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;

line-height: 16px; letter-spacing: 2px;} .justified {

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: justify;}

.footer {

font-family: "Times New Roman", Times, serif; font-size: 9px; color: #999999;} .box1 { padding: 3px; border-width: thin; border-style: solid; border-color: #CCCCCC #666666 #666666 #CCCCCC;} .box2 { font-style: italic; word-spacing: 2pt; padding: 3px; border-width: thin; border-style: solid;}

Index.php

(2)

.style12 {font-family: "Arial Black"; font-size: 12px; } .style13 {color: #FF0000}

.style14 {font-size: 18px} .style15 {

font-family: "Courier New", Courier, monospace; font-size: 20px;

}

.style19 {

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold;

font-size: 14px; color: #00FF00;} .style21 {color: #0033CC}

.style23 {font-size: 14px; font-weight: bold; color: #00FFFF; } .style24 {font-size: 14px; font-weight: bold; color: #00FFCC; }

.style25 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #000000; }

.style26 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #00FF00; }

--> </style> </head>

(3)

<tr> <td background="images/header-2.png"><div align="center" class="style11"></div></td> </tr> <tr> <td background="images/header-2.png"><div align="center"><a href="index.php?hal=artikel" class="style6">ARTIKEL</a></div></td> </tr><tr> <td background="images/header-2.png"><div align="justify" class="style12">

<div align="center"><a href="index.php?hal=siswa" class="style26">DATA SISWA</a></div> </div></td> </tr> <tr> <td background="images/header-2.png"><div align="justify" class="style12">

<div align="center"><a href="admin/" class="style19">LOGIN ADMIN</a></div>

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

</table> </td>

<tr>

<td><table width="687" border="2" bgcolor="#FF0000"> <tr> <td width="83"><span class="style25"><a href="index.php?hal=beranda" class="style24">BERANDA</a></span></td> <td width="82"><div align="center"><a href="index.php?hal=profil" class="style23">PROFIL</a></div></td> <td width="101"><div align="center"><a href="index.php?hal=struktur" class="style24">STRUKTUR</a></div></td> <td width="109"><div align="center"><a href="index.php?hal=gallery" class="style24">GALLERY</a></div></td> <td width="132"><div align="center"><a

href="index.php?hal=aboutus" class="style23">GAMBARAN SEKOLAH </a></div></td>

<td width="131"><div align="center"><span class="style25"><a href="index.php?hal=pengumuman"

(4)

</tr> </table></td> <td> </td> </tr> <tr> <td width="6"></td> <td width="679"><div align="left"> <p> </p> </div></td> <td width="10"> </td> </tr> <tr><span class=menu> <td background="images/bg_garis_07.gif" width="6"> </td> </span><td background="images/bg_garis_07.gif" width="679"><span class="menu"><b> <font size="2">

</marquee> </font>

SELAMAT DATANG DI WEBSITE SMA SWASTA HKBP 2 TARUTUNG... </marquee> </b></span></td> <span class=menu><td background="images/bg_garis_07.gif" width="10"> </td> </span> </tr> <tr> <td> </td> <td><?php $hal=$_REQUEST[hal]; if (!isset($hal)) $hal="beranda"; else $hal=$hal; include $hal.".php"; ?> </td> <td> </td> </tr> <tr> <td height="24"> </td> <td> </td> <td> </td> </tr> </table> </td>

</span></b></td> </tr>

(5)

<?php include "footer.php" ?></td> </tr> </table></td> </tr> </table> </body> </html>

Beranda.php

<div align="justify"> <p>Salam Sejahtera, </p> <p><br />

Puji syukur kami panjatkan ke hadirat Tuhan Yang Maha Esa atas berkat dan rahmat-Nya kami bisa meluncurkan situs web Sekolah ini di Internet. Situs web ini bertujuan untuk memperkenalkan Sekolah sebagai lembaga pendidikan dengan memanfaatkan media teknologi internet.</p>

Dengan adanya situs web ini, kami berharap Sekolah   dapat lebih dikenal di kalangan yang lebih luas. Selain itu melalui situs web ini juga, kami berharap dapat memberi kemudahan bagi para siswa dan orang tuanya untuk mengakses informasi mengenai kegiatan belajar mengajar di Sekolah  dengan cepat, efisien dan online 24 jam.</p>

</div> </blockquote>

Akhir kata, kami berharap situs web ini dapat memberikan manfaat positif bagi siapa saja yang mengunjungi situs web kami ini.</p> <p align="justify"> </p> <p align="right">Terima kasih </p> </blockquote></td> </tr> <tr> <td height="35"><div align="right"></div></td> </tr> </table> <p> </p> <h2 align="center" class="title"> </h2>

Propil.php

.style2 {font-family: Arial, Helvetica, sans-serif} .style4 {font-size: 18px}

(6)

--> </style>

<h2 align="center" class="title"><span class="style2"></span><a href="#">Sejarah SMA SWASTA HKBP 2 TARUTUNG</a></h2>

<p align="justify">SMA SWASTA HKBP 2 Tarutung berdiri pada tahun 1956. Sekolah ini berlokasi di Jalan Jenderal Ahmad Yani II/20,

Kabupaten Tapanuli Utara. Sekolah ini adalah sekolah swasta, yang

bernaung pada Yayasan Departemen Pendidikan HKBP. Dulunya SMA ini adalah Sekolah Pendidikan Guru dan diubah menjadi Sekolah Menengah Atas karena . SMA SWASTA HKBP 2 Tarutung berdiri pada luas bangunan 6,679 m2 milik yayasan dan luas tanah 24,897m2 milik yayasan.</p>

<p align="justify">Kegiatan belajar mengajar pada sekolah ini hanya dilakukan pada pagi hari yaitu dari mulai pukul 07.40 sampai dengan pukul 13.15. Pada pagi hari dilaksanankan kebaktian pagi yang dipimpin oleh guru maupun siswa/i. Setelah kebaktiaan pagi, di lanjutkan dengan pidato berbahasa inggris. Pada hari sabtu kebaktian pagi

diilaksanakan di gereja dan latihan koor yaitu dari mulai pukul 07.15 sampai dengan pukul 09.45. Sedangkan pada sore hari sekolah ini

mengadakan kegiatan ekstrakulikuler seperti kegiatan olahraga, bimbingan belajar dan sebagainya. </p>

<p align="justify">Fasilitas yang terdapat pada sekolah ini adalah gedung sekolah, kantor dan ruang laboratorium. Gedung sekolah terdiri dari: 15 ruangan belajar, 1 ruangan perpustakaan dan 1 ruangan aula. Kantor terdiri dari: 1 ruangan kepala sekolah, 1 ruangan kantor tata usaha, 1 ruangan kantor guru, 1 ruangan OSIS dan 1 ruangan BP. Sedangkan ruang laboraorium terdiri dari: 1 ruangan laboratorium fisika, 1 ruangan laboratorium kimia, 1 ruangan laboratorium biologi dan 2 ruangan

laboratorium komputer.</p>

<h3><a href="#">VISI DAN MISI SMA SWASTA HKBP 2 TARUTUNG </a></h3> <div align="entry">

<p><strong>A. V I S

I.           &nbs p;          </strong><br />

       Sekolah berkualitas unggul didasari moralitas, cinta kasih dan sesuai dengan perkembangan

zaman.</p>

<li>Meningkatkan pelayanan pendidikan yang bermutu bagi siswa/I melalui proses belajar yang penuh kasih.</li>

<li>Mempersiapkan  siswa/I untuk melanjutkan ke jenjang pendidikan lebih tinggi </li>

<li>Membentuk generasi yang bertakwa mandiri memiliki sikap gotong-royong dan moralitas kasih.</li>

<li>Disiplin dan menanamkan rasa memiliki </li>

<li>Terampil dalam bidang sains, seni dan olah raga, khususnya paduan suara.</li>

</ul> </div>

(7)

Struktur.php

<head>

<title>www.smpn1patumbak.ac.id</title> <style type="text/css">

<!--

.style4 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .style12 {font-size: x-small}

.style13 {

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } a { font-size: 12px; color: #FFFFFF; font-weight: bold; } a:link { text-decoration: none; color: #000066; } a:visited { text-decoration: none; color: #000066; } a:hover { text-decoration: underline; color: #FF9900; } a:active { text-decoration: none; color: #000000; } body { background-color: #FFFFFF; } .style26 {font-size: 16px} .style28 {font-size: 18px} .style29 {font-size: 14px} .style30 { color: #0000CC; font-weight: bold; } .style31 {font-size: 24px} .style33 { color: #000000; font-weight: bold; font-size: 14px; }

.style34 {font-size: 18px; color: #000066; } -->

</style>

(8)

function mmLoadMenus() {

if (window.mm_menu_0402135056_0) return;

window.mm_menu_0402135056_0 = new Menu("root",136,16,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#FFFFFF","#CCCCCC","#CCCCCC","left","middle",3,0,10 00,-5,7,true,true,true,0,true,true); mm_menu_0402135056_0.addMenuItem("Sejarah","window.open('sejarahsekolah. php', '_self');"); mm_menu_0402135056_0.addMenuItem("Visi Misi","window.open('visimisi .php', '_self');"); mm_menu_0402135056_0.addMenuItem("Struktur Organisasi","window.open ('strukturorganisasi.php', '_self');"); mm_menu_0402135056_0.addMenuItem("Ekstrakulikuler","window.open('ekskul. php', '_self');"); mm_menu_0402135056_0.addMenuItem("Fasilitas","window.open('fasilitas.php ', '_self');"); mm_menu_0402135056_0.fontWeight="bold"; mm_menu_0402135056_0.hideOnMouseOut=true; mm_menu_0402135056_0.bgColor='#999999'; mm_menu_0402135056_0.menuBorder=0; mm_menu_0402135056_0.menuLiteBgColor='#FFFFFF'; mm_menu_0402135056_0.menuBorderBgColor='#000000'; window.mm_menu_0402142000_0 = new Menu("root",143,16,"Verdana, Arial, Helvetica,

sans-serif",10,"#FFFFFF","#000000","#FF3300","#FF3300","left","middle",3,0,10 00,-5,7,true,true,true,0,true,true); mm_menu_0402142000_0.addMenuItem("Lihat Daftar Guru","location ='lihat_guru.php'"); mm_menu_0402142000_0.addMenuItem("Kalender Akademik","location='kal ender.htm'"); mm_menu_0402142000_0.fontWeight="bold"; mm_menu_0402142000_0.hideOnMouseOut=true; mm_menu_0402142000_0.bgColor='#000000'; mm_menu_0402142000_0.menuBorder=1; mm_menu_0402142000_0.menuLiteBgColor='#FFFFFF'; mm_menu_0402142000_0.menuBorderBgColor='#000000'; mm_menu_0402142000_0.writeMenus(); } // mmLoadMenus() //--> </script>

<body>

<tr>

(9)

<tr>

<h1 align="center" class="style34">STRUKTUR ORGANISASI SMA SWASTA HKBP 2 TARUTUNG </h1>

<div>

</div></td> </tr> </table></td> </tr> <tr> <td height="7"></td> <td></td> </tr> </table> </div> </body> </html>

Galeri.php

src="./js/jquer.bigPicture-min.js"></script>

$(function() { $("#amazon_scroller1").amazon_scroller({ scroller_title_show: 'enable', scroller_time_interval: '5000', scroller_window_background_color: "#CCC", scroller_window_padding: '10', scroller_border_size: '1', scroller_border_color: '#000', scroller_images_width: '150', scroller_images_height: '100', scroller_title_size: '12', scroller_title_color: 'black', scroller_show_count: '2',

(10)

directory: 'images' }); $("#amazon_scroller2").amazon_scroller({ scroller_title_show: 'disable', scroller_time_interval: '5000', scroller_window_background_color: "none", scroller_window_padding: '10', scroller_border_size: '0', scroller_border_color: '#CCC', scroller_images_width: '150', scroller_images_height: '100', scroller_title_size: '12', scroller_title_color: 'black', scroller_show_count: '2', directory: 'images' }); $("#amazon_scroller3").amazon_scroller({ scroller_title_show: 'enable', scroller_time_interval: '5000', scroller_window_background_color: "none", scroller_window_padding: '10', scroller_border_size: '2', scroller_border_color: '#9C6', scroller_images_width: '150', scroller_images_height: '100', scroller_title_size: '12', scroller_title_color: 'black', scroller_show_count: '2', directory: 'images' }); }); </script> <html> <style type="text/css">  </style> <head> <title>Slideshow-Gallery</title> </head> <body> <div id="content">

<h2><marquee direction="left" scrollamount="50" behavior="slide"> <span class="style1"> Gallery </span>

</marquee> </h2>

<ul> <?php

include "koneksi.php";

$select=mysql_query("select * from galeri"); while($row=mysql_fetch_array($select)){ ?>

(11)

<li><a href="./gallery/<?php echo $row['gambar'];?>" title="<?php echo $row['keterangan'];?>"

class="info"

name="gambar"><img src="./gallery/<?php echo $row['gambar'];?>"

width="60" height="60" title="Klik Photo"/> </a> </li> <?php } ?> </ul> </div> <ul class="amazon_scroller_nav"> <li></li> <li></li> </ul>

<p><i><font color="#666666" size="2" face="verdana">*Klik gambar untuk zoom</font></i></p> <img src="images/camera.jpg" /> </div> </body></html> <script language="javascript"> $('a.info').bigPicture({ 'enableInfo': true, 'infoPosition': 'bottom' }); </script>

AboutUs.php

<h3>IDENTITAS SMA SWASTA HKBP 2 TARUTUNG </h3> </p>

<table width="451" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="183">NSS</td> <td width="288">: 304070801069</td> </tr> <tr> <td>NDS</td> <td><strong>:</strong> 3007050020</td> </tr> <tr> <td>Nama Sekolah</td>

<td><strong>: </strong>SMA SWASTA HKBP 2 TARUTUNG </td> </tr> <tr> <td>Status</td> <td><strong>: </strong>SWASTA</td> </tr> <tr>

(12)

<td>Nama Yayasan </td>

<td><strong>:</strong> DEPARTEMEN PENDIDIKAN HKBP </td> </tr>

<tr>

<td>Alamat Sekolah</td>

<td><strong>: </strong>Jln. JENDERAL AHMAD YANI II/20 </td> </tr>

<tr>

<td>Provinsi</td>

<td><strong>: </strong>SUMATERA UTARA</td> </tr>

<tr>

<td>Kabupaten / Kota</td>

<td><strong>: </strong>TAPANULI UTARA </td> </tr> <tr> <td>Kecamatan</td> <td><strong>: </strong>TARUTUNG</td> </tr> <tr>

<td>Izin Kanwi Depdiknas </td>

<td><strong>: </strong>334/ I05/ E/ 1990 </td> </tr> <tr> <td>Jenjang Akreditas </td> <td><strong>: </strong>DISAMAKAN</td> </tr> <tr> <td>Kode Pos</td> <td><strong>:</strong> 22411</td> </tr> <tr> <td>Telepon / Fax</td> <td><strong>:</strong> ( 0633 ) 21703 </td> </tr> <tr> <td>E-Mail</td> <td><strong>:</strong></td> </tr> </table> <p> </p> <p> </p>

<p><strong>BIODATA  KEPALA SEKOLAH SMA SWASTA HKBP 2 TARUTUNG </strong></p>

<tr>

<td width="450"><strong>: Sangkap Lumbantobing, S.Pd </strong></td> </tr>

<tr>

(13)

</tr> <tr>

<td><strong>Tempat / Tgl Lahir </strong></td>

<td><strong> : Pagardolok, 29 Desember 1973</strong></td> </tr>

<tr>

<td><strong>Jabatan  </strong></td>

<td><strong>: Kepala SMA SWASTA HKBP 2 TARUTUNG </strong></td> </tr> <tr> <td>5</td> <td><strong>Mulai Bertugas</strong></td> <td><strong> : </strong></td> </tr> </table> <p> </p> <h2 class="title"> </h2>

Pengumuman.php

<?php $pencarian=$_REQUEST[pencarian]; $jlh=$_REQUEST[jlh]; if(!isset($jlh)) $jlh=1;

include "koneksi.php";//mengambil file lain $halaman=5;

$brs=($jlh*$halaman)-$halaman;

$tampil=mysql_query("select*from pengumuman where pengumuman like '$pencarian%'or judul like '$pencarian%' limit $brs,$halaman"); $bagi=mysql_query("select*from pengumuman where pengumuman like '$pencarian%'or judul like '$pencarian%'");

$jumlah=mysql_num_rows($bagi); $hasil=ceil($jumlah/$halaman); for($x=1;$x<=$hasil;$x++) {

echo "<a href='index.php?hal=pengumuman&jlh=$x'>[ $x ]</a>"; }

?>

Pencarian Data

<p> </p> <?php

while($field=mysql_fetch_array($tampil)) {

echo "Tanggal Post: ".$field[tanggal]."<br>"; echo "<strong>".$field[judul]."</strong><br>"; echo $field[pengumuman]."<br><br>";

} ?>

(14)

Artikel.php

$tampil=mysql_query("select*from berita where berita like

'$pencarian%'or judul like '$pencarian%' limit $brs,$halaman");

$bagi=mysql_query("select*from berita where berita like '$pencarian%'or judul like '$pencarian%'");

echo "<a href='index.php?hal=artikel&jlh=$x'>[ $x ]</a>"; }

?>

Pencarian Data

<p> </p> <?php

while($field=mysql_fetch_array($tampil)) {

echo "Tanggal Post: ".$field[tanggal].", ".$field[sumber]."<br>"; echo "<strong>".$field[judul]."</strong><br><br>"; echo $field[berita]."<br><br><br>"; } ?>

Guru.php

$tampil=mysql_query("select*from guru where nama like '$pencarian%'or mapel like '$pencarian%' limit $brs,$halaman");

$bagi=mysql_query("select*from guru where nama like '$pencarian%'or mapel like '$pencarian%'");

echo "<a href='index.php?hal=guru&jlh=$x'>[ $x ]</a>"; }

(15)

<form id="form1" name="form1" method="post" action="index.php?hal=guru"> <p>Pencarian Data

</form>

<p align="center">DATA GURU SMA SWASTA HKBP 2 TARUTUNG </p> <table width="100%" border="1">

<tr> <td ><div align="center"><strong>NIP</strong></div></td> <td ><div align="center"><strong>NAMA</strong></div></td> <td ><div align="center"><strong>LAHIR</strong></div></td> <td ><div align="center"><strong>JABATAN</strong></div></td> <td ><div align="center"><strong>MAPEL</strong></div></td> </tr> <?php while($field=mysql_fetch_array($tampil)) { ?> <tr> <td><?php echo $field[nip];?></td> <td><?php echo $field[nama];?></td>

<tr><td colspan="5"><a href="cetak.php?brs=<?php echo $brs;?>&hal=<?php echo $halaman;?>&tipe=1"

target="_blank">Cetak</a></td></tr> </table>

Siswa.php

$tampil=mysql_query("select*from siswa where nama like '$pencarian%'or jk like '$pencarian%' limit $brs,$halaman");

$bagi=mysql_query("select*from siswa where nama like '$pencarian%'or jk like '$pencarian%'");

echo "<a href='index.php?hal=siswa&jlh=$x'>[ $x ]</a>"; }

?>

(16)

<p>Pencarian Data

</form>

<p align="center">DATA SISWA SMA SWASTA HKBP 2 TARUTUNG </p> <table width="100%" border="1">

<tr> <td ><div align="center"><strong>NIS</strong></div></td> <td ><div align="center"><strong>NAMA</strong></div></td> <td ><div align="center"><strong>JK</strong></div></td> <td ><div align="center"><strong>KELAS</strong></div></td> </tr> <?php while($field=mysql_fetch_array($tampil)) { ?> <tr> <td><?php echo $field[nis];?></td> <td><?php echo $field[nama];?></td> <td><?php echo $field[jk];?></td> <td><?php echo $field[kelas];?></td> </tr> <?php } ?>

<tr><td colspan="4"><a href="cetak.php?brs=<?php echo $brs;?>&hal=<?php echo $halaman;?>&tipe=2"

target="_blank">Cetak</a></td></tr> </table>

Bukutamu.php

$tampil=mysql_query("select*from bukutamu where NAMA like

'$pencarian%'or PESAN like '$pencarian%' limit $brs,$halaman");

$bagi=mysql_query("select*from bukutamu where NAMA like '$pencarian%'or PESAN like '$pencarian%'");

echo "<a href='index.php?hal=buku_tamu&jlh=$x'>[ $x ]</a>"; }

?>

Pencarian Data

(17)

</form>

<table width="100%" border="1"> <tr> <td width="18%" ><div align="center"><strong>TANGGAL</strong></div></td> <td width="27%" ><div align="center"><strong>NAMA</strong></div></td> <td width="55%" ><div align="center"><strong>PESAN</strong></div></td> </tr> <?php while($field=mysql_fetch_array($tampil)) { ?> <tr> <td><?php echo $field[tanggal];?></td> <td><?php echo $field[nama];?></td> <td><?php echo $field[pesan];?></td> </tr> <?php } ?> </table>

Form buku tamu.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>

<title>Untitled Document</title> </head>

<body>

<tr>

<tr>

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

<tr>

(18)

Simpan buku tamu.php

<?php

include "koneksi.php"; $tanggal=date("Y-m-d");

mysql_query("insert into bukutamu set id='', tanggal='$tanggal', nama='$_REQUEST[nama]', pesan='$_REQUEST[pesan]' "); ?>

Koneksi.php

<?php //koneksi ke mysql mysql_connect("localhost","root",""); // memilih database mysql_select_db("sekolah1"); ?>