Nama Mahasiswa : REZKI ICHAN PRATAMA SARAGIH
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA
Nomor Stambuk : 102406076
Judul Tugas Akhir : Perancangan Sistem Informasi Berbasis Web
Menggunakan PHP dan MySql pada SMP Negeri 1
Tebing-Tinggi
Dosen Pembimbing : Drs. Marihat Situmorang M.Kom
Tanggal Mulai Bimbingan :
Tanggal Selesai Bimbingan :
∗ Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai.
Diketahui, Disetujui,
Ketua Departemen Matematika Pembimbing Utama/
Penanggung Jawab
No. Tanggal Asisten Bimbingan
Pembahasan pada Asistensi Mengenai, pada Bab :
Paraf Dosen Pembimbing
Keterangan
1. Pengajuan Judul
2. ACC Judul Tugas Akhir
3. Uji Program
4. Pengajuan Bab 1 – 5
5. ACC Bab 1 – 5
Prof. Dr. Tulus, M.Si Drs. Marihat Situmorang M.Kom
Listing Program
A. Config 1. Koneksi.php
<?
$server = "localhost"; $username = "root"; $password = "12345"; $database = "dbsma";
// Koneksi dan memilih database di server
mysql_connect($server,$username,$password) or die("Koneksi gagal"); mysql_select_db($database) or die("Database tidak bisa dibuka"); ?>
2. Tanggal.php
<?php
$engDate=date("l F d, Y H:i:s A"); switch (date("w")) {
case "0" : $hari="Minggu";break; case "1" : $hari="Senin";break; case "2" : $hari="Selasa break; "; case "3" : $hari="Rabu";break; case "4" : $hari="Kamis";break; case "5" : $hari="Jumat";break; case "6" : $hari="Sabtu";break; }
switch (date("m")) {
case "11" : $bulan="November";break; case "12" : $bulan="Desember";break; }
$indDate="$hari ".", ". date("d") ." $bulan". date(" Y "); echo $indDate;
?>
3. Default.css
<html>
<head>
<title></title>
<style type="text/css">
body{
margin: 0px;
padding: 0px;
}
#wrapper{
float: left;
width: 1350px;
}
#wrapper-header {
float: left;
background: #acadb7;
width: 100%;
border-bottom: 2px solid #52585e;
border-top: 3px solid #52585e;
}
.img-header {
float: left;
width: 100%;
height: 150px;
}
.wrapper-title span {
float: left;
font-family: arial;
font-size: 20px;
margin: 10px 0px 0px 10px;
color: black;
}
.wrapper {
float: left;
background: #0c8;
width: 100%;
}
body {
margin: 0px;
padding: 0px;
background:white;
-webkit-box-shadow:0px 0px 17px #996;
}
#wrapper-content-add {
float: left;
width: 410px;
height: 428px ;
margin: 60px 20px 0px 100px;
border-top: 2px solid #52585e;
border-left: 2px solid #52585e;
border-bottom: 2px solid #52585e;
border-right: 2px solid #52585e;
}
#wrapper-content-add ul {
list-style: none;
}
#wrapper-content-add li {
float: left;
}
#wrapper-content-add a {
float: left;
width: auto;
margin:0px 30px 0px -10px;
font-family: arial;
text-decoration: none;
font-size:1em;
font-weight: bold;
border-bottom: 2px solid #52585e;
}
#wrapper-content-add li a:hover {
color: #f7941d;
}
#wrapper-content{
float: left;
background: white;
width: 1350px;
height: 60px;
color: 2px solid black;
margin: 0px 0px 20px 0px;
}
.leftcontainer {
float: left;
width: 250px;
height: 428px;
background: white;
margin: 60px 0px 0px 30px ;
border-top: 2px solid #52585e;
border-left: 2px solid #52585e;
border-bottom: 2px solid #52585e;
}
.leftcontainer a{
color: black;
text-decoration:none;
}
.title {
float: left;
border-bottom: 2px solid #52585e ;
border-top: 2px solid #52585e;
width: 175px;
font-family: arial;
font-weight: bold;
margin: 15px 0px 0px 35px;
text-align: center;
font-size: 1.2em;
padding: 10px 0px 10px 5px;
height: 25px;
}
.leftcontainer ul {
}
.list {
margin: 70px 20px 20px 20px;
}
.list li {
margin-top: 10px;
height: 10px;
width: -10px;
padding: 10px 0px 10px 0px;
font-size: 1em;
}
.list a:hover {
color: black;
}
.title2 {
float: left;
border-bottom: 2px solid #52585e ;
width: 175px;
font-family: arial;
font-weight: bold;
margin: 15px 0px 0px 35px;
text-align: center;
font-size: 1.2em;
padding: 10px 0px 10px 5px;
}
.list2 {
list-style: none;
margin: 70px 20px 20px 20px;
}
.list2 li {
list-style: circle;
margin-top: 10px;
margin-bottom: 10px;
height: 1px;
width: -10px;
padding: 25px 0px 0px 0px;
font-size: 1em;
.list2 a:hover {
color: black;
}
#sub-menu {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.wrapper-menu ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#utama li a:hover {
color:#f7941d;
}
#utama,#sub-menu ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 200px;
#utama a {
float: left;
width: auto;
height: 40px;
text-decoration: none;
display: block;
color: #fff;
padding: 10px 0px 0px 10px;
margin-right: 40px;
font-family: arial;
}
#sub-menu a {
float: left;
width: 190px;
height: auto;
text-decoration: none;
display: block;
color: #fff;
padding: 10px 0px 10px 20px;
border-bottom: 1px solid gold;
}
float: left;
width: 210px;
}
.wrapper-menu li {
float: left;
position: relative;
}
.wrapper-menu li ul {
float: left;
position: absolute;
display: none;
top: 45px;
padding: 0px;
margin: 0px;
}
#sub-menu li a:hover {
background: black;
.wrapper-menu li:hover ul, li:hover ul {
background: #10045e;
display: block;
}
.wrapper-menu{
float: left;
background: #36b6e0;
width: 100%;
height: 40px;
margin-left: 0px;
padding: 0px 0px 0px -200px;
border-bottom: 2px solid #52585e;
box-shadow: 0px 0px 10px #222;
-moz-box-shadow: 0px 0px 10px #222;
-webkit-box-shadow: 0px 0px 10px #222;
}
#wrapper-slider{
width: 500px;
height :200px;
margin : 20px 0px 100px 50px;
}
#img-header {
float: left;
width: 575px;
height: 430px;
margin: 0px 0px 0px -40px;
box-shadow: 0px 0px 10px black;
-moz-box-shadow: 0px 0px 10px #222;
-webkit-box-shadow: 0px 0px 10px #222;
background: blue;
}
.footer {
float: left;
background: #acadb7;
width: 100%;
height: 60px;
border-bottom: 2px solid #52585e;
border-top: 2px solid #52585e;
}
.footer span {
float: left;
font-family: arial;
font-size: 0.75em;
margin: 20px 0px 0px 550px;
color: black;
padding-left: 10px 0px 0px 10px;
font-weight: bold;
}
.baru {
float: left;
width: 570px;
height: 20px;
margin: 10px 0px -10px 10px;
}
#wrapper-baru{
float : left;
width: 495px;
height: 20px;
margin: 0px 30px 20px 0px;
</style>
</head>
<body>
<div id="wrapper">
<div id="wrapper-header">
<img src="img/header.jpg" class="img-header">
</div>
<div class="wrapper-menu">
<ul id="utama">
<li><a href="index.php">Home</a></li>
<li><a id="tentang"
href="index.php">Profile</a>
<ul id="sub-menu">
<li><a
href="../sekolah/visimisi.php">visi Misi</a></li>
<li><a
href="../sekolah/sarana.php">Sarana Prasarana</a></li>
<li><a
href="../sekolah/struktur.php">Struktur Organisasi</a></li>
<li><a
href="../sekolah/programkerja.php">Program Kerja</a></li>
</ul>
</li>
<li><a href="index.php">Guru</a>
<li><a href="#">Direktori
Guru</a></li>
<li><a
href="../sekolah/prestasiguru.php">Prestasi Guru</a></li>
</ul>
</li>
<li><a href="index.php">Siswa</a>
<ul id="sub-menu">
<li><a href="#">Prestasi Siswa</a></li>
<li><a
href="../sekolah/ekskul.php">Ekstrakulikuler</a></li>
<li><a
href="../sekolah/osis2.php">Osis</a></li>
</ul>
</li>
<li><a href="index.php">Galeri</a>
</li>
</ul>
</div>
<div id="wrapper-content">
<div class="leftcontainer">
<span class="title">Info Sekolah</span>
<li><a href="../sekolah/kisikisi.php">Kisi Kisi
Ulangan Semester Kelas RSBI 2012 2013</a></li>
<li><a href="../sekolah/jadwal.php">Jadwal
Ulangan Tengah Semester Ganjil 2012</a></li>
<li><a
href="../sekolah/peneriman.php">Penerimaan Peserta Didik Baru
2012</a></li>
</ul>
<span class="title2">Materi Pelajaran Terbaru</span>
<ul class="list2">
<li><a
href="../sekolah/biologi.php">Biologi</a></li>
<li><a href="#">IPS</a></li>
<li><a href="#">FISIKA</a></li>
<li><a href="#">BAHASA</a></li>
</ul>
</div>
<div id="wrapper-baru">
<div id="baru">
<span class="title baru">HOME</span>
</div>
<div id="wrapper-slider">
<img src="img/lab 2.jpg" id="img-header">
</div>
<div id="wrapper-content-add">
<p align="center">WELCOME TO SMP N 1
TEBING-TINGGI</p><br>
<p class="berita">
Assalamu'alaikum wr.wb.<br><br>
Selamat datang di website SMP Negeri 1 Tebing Tinggi.
Diharapkan web ini menjadi media informasi bagi semua pihak yang
berkepentingan.
Kami berkeinginan, keluarga besar SMP Negeri 1
Tebing Tinggi, Mulai dari siswa, dewan guru, Pegawai, Staf pimpinan, Komite
sekolah, Alumni serta Orang Tua Punya kontribusi kepada Web ini.
Saran dan Kritik yang membangun sangat kami terima
untuk kemajuan SMP Negeri 1 kedepannya nanti.<Br><br>
Wassalamu'alaikum wr.wb.<br><br>
Kepala Sekolah<br><br><br>
Dra Salamah Nasution
</p>
</div>
</div>
</div>
<div class="wrapper-bawah">
<div class="artikel">
</div>
<div class="footer">
<span>Copyright 2013 Rezki Ichan Pratama Saragih</span>
</div>
</div>
</body>
</html>
B. Menu Utama
1. Index.php
<?php header('location:media.php?media=home');?>
2. Media.php
<?php include "./config/koneksi.php"; ?>
<html> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link href="images/osis.jpg" rel="icon" type="image/jpg"/>
<title>SMP Negeri 1 Tebing-Tinggi</title> <meta name="keywords" content="" /> <meta name="Cool Black" content="" />
<link href="./default.css" rel="stylesheet" type="text/css" media="screen" /> <style type="text/css">
.style1 {color: #AF9371} </style>
</head> <body>
<div id="header"> <div id="logo">
</div>
<li class="current_page_item"><a href="index.php">Homepage</a></li>
<li><a href="?media=terbaru">Pengumuman Terbaru</a></li>
<li><a href="?media=calender">Kalender Akademik</a></li>
<li><a href="?media=gallery">Galeri Photo</a></li> <li><a href="?media=contact">Contact Us</a></li>
</ul>
<p align="right"> </div>
</div>
<div id="wrapper"> <div id="page">
<div id="sidebar1" class="sidebar"> <ul>
<li>
<h2><strong>Profil Sekolah</strong></h2> <ul>
<? include "profil.php" ?> </ul>
<h2><strong>Fasilitas SMP</strong></h2> <ul>
<? include "fasilitas.php" ?> </ul>
<h2><strong>Personalia SMP</strong></h2> <ul>
<? include "personalia.php" ?> </ul>
<h2><strong>Kesiswaan</strong></h2> <ul>
<? include "kesiswaan.php" ?> <li><a href="./files/roster.xls">Roster Pelajaran</a></li>
</ul> </li>
<div id="content">
<div class="entry">
<? include "modul.php" ?> </div>
</div>
<div id="sidebar2" class="sidebar"> <ul>
<div class="widget-content">
<?php include "./config/tanggal.php"; ?> <center>
<embed src="images/clock.swf" wmode="transparent" type="application/x-shockwave-flash" width="150" height="100">
</center> </div>
<li>
<h2>Pengumuman Terbaru</h2> <ul>
<? include "pengumuman2.php" ?> </ul>
</li> <li>
<h2>Artikel</h2> <ul>
<? include "artikel.php" ?> <center>
<embed src="images/ikram.swf"
wmode="transparent" type="application/x-shockwave-flash" width="150" height="45">
</center> </ul>
</li>
</li> </div>
<div style="clear: both;"> </div> </div>
<div id="footer">
<p class="copyright">Created by <a href="">rezkiichan» </a>Alumni 2004 SMP 1» Julok</p>
<div style="text-align: center; font-size: 0.75em;">® Tugas Akhir » " Web Sekolah </div>
</div> </body> </html>
3. fisika.php
<html> <head> <title></title>
<style type="text/css"> body{
margin: 0px; padding: 0px; }
#wrapper{ float: left; width: 100%;
}
#wrapper-header { float: left;
background: #acadb7; width: 100%;
height: 150px;
border-bottom: 2px solid #52585e; border-top: 2px solid #52585e; }
height: 150px; }
.wrapper-title span { float: left;
font-family: arial; font-size: 20px;
margin: 10px 0px 0px 10px; color: black;
}
#search {
float: right; width: 200px; height: 20px; margin-right: -320; margin-top: 15px; background: white; border-radius: 5px;
}
#search span { float: left;
font-size: 0.75em;
padding: 0px 10px 70px 10px; margin: 3px;
visibility: visible; display: block; }
#search span:hover { color: gold;
}
.wrapper { float: left;
}
body {
margin: 0px; padding: 0px; background:white;
-moz-box-shadow:0px 0px 17px #00F; -webkit-box-shadow:0px 0px 17px #996;
}
#satu {
float: left;
font-family: arial; font-size: 20px; color: black; margin-top: 10px;
}
.wrapper-title { float: left; width: 600px; margin-top: 5px; }
#wrapper-content-add { float: right;
background: #dde0f7; width: 450px;
height: 500px;
}
#wrapper-content-add ul { list-style: none;
}
#wrapper-content-add li { float: left;
}
#wrapper-content-add a { float: left;
width: auto;
margin:0px 30px 0px -10px; font-family: arial;
text-decoration: none; color: black;
font-size:1em; font-weight: bold;
border-bottom: 2px solid #52585e;
}
.berita {
float: left; width: 100%; height: 60px;
margin:-10px 0px 0px 0px; font-family: : arial;
text-align: justify; }
#wrapper-content-add li a:hover { color: #f7941d;
.tambahan { float: left;
background: #c1c1c1; width: 220px;
height :60px;
margin : -50px 0px 40px 210px;
}
}
#wrapper-content{ float: left;
background: white; width: 100%; height: 600px;
color: 2px solid black;
}
.leftcontainer { float: left; width: 250px; height: 500px;
margin: 10px 0px 0px 30px ; border-top: 2px solid #52585e; border-left: 2px solid #52585e; border-bottom: 2px solid #52585e; border-right: 2px solid #52585e;
}
.title {
float: left;
font-family: arial; font-weight: bold;
margin: 15px 0px 0px 35px; text-align: center;
font-size: 1.2em;
padding: 10px 0px 10px 5px; height: 25px;
}
.leftcontainer ul { list-style: circle; }
.leftcontainer a{ color: black;
text-decoration:none; }
.list {
margin: 70px 20px 20px 20px;
}
.list li {
margin-top: 10px; height: 10px; width: -10px;
padding: 10px 0px 10px 0px; font-size: 1em;
}
.title2 {
float: left;
border-bottom: 2px solid #52585e ; border-top: 2px solid #52585e; width: 175px;
font-family: arial; font-weight: bold;
margin: 15px 0px 0px 35px; text-align: center;
font-size: 1.2em;
padding: 10px 0px 10px 5px;
}
.list2 {
margin: 70px 20px 20px 20px;
}
.list2 li {
margin-top: 10px; margin-bottom: 10px; height: 1px;
width: -10px;
padding: 25px 0px 0px 0px; font-size: 1em;
}
.list2 a:hover { color: black; }
.centercontainer { float: left; width: 1000px; height: 500px;
border-top: 2px solid #52585e; border-left: 2px solid #52585e; border-bottom: 2px solid #52585e; border-right: 2px solid #52585e;
}
.img-cc {
float: left; width: 600px; height: 500px;
margin: 0px 0px 0px 0px;
box-shadow: 0px 0px 10px #222; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;
}
#sub-menu {
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
.wrapper-menu ul { list-style: none; margin: 0px; padding: 0px; }
#utama li a:hover { color:#f7941d;
}
#utama,#sub-menu ul {
}
#utama a { float: left; width: auto; height: 40px;
text-decoration: none; display: block;
color: #fff;
padding: 10px 0px 0px 10px; margin-right: 40px;
font-family: arial; }
#sub-menu a { float: left; width: 190px; height: auto;
text-decoration: none; display: block;
color: #fff;
padding: 10px 0px 10px 20px; border-bottom: 1px solid gold; }
#sub-menu li { float: left; width: 210px;
}
.wrapper-menu li { float: left;
position: relative;
}
float: left;
position: absolute; display: none; top: 45px; padding: 0px; margin: 0px;
}
#sub-menu li a:hover {
background: black;
}
.wrapper-menu li:hover ul, li:hover ul { background: #10045e;
display: block; }
.wrapper-menu{ float: left;
background: #36b6e0; width: 100%;
height: 40px; margin-left: 0px;
padding: 0px 0px 0px -200px; border-bottom: 2px solid #52585e; box-shadow: 0px 0px 10px #222; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;
}
width: 700px; height :700px;
margin : 0px 0px 10px 50px;
}
.footer {
float: left;
background: #acadb7; width: 100%;
height: 60px;
border-bottom: 2px solid #52585e; border-top: 2px solid #52585e; margin-top: 15px;
}
.footer span { float: left;
font-family: arial; font-size: 0.75em;
margin: 20px 0px 0px 550px; color: black;
padding-left: 10px 0px 0px 10px; font-weight: bold;
}
.baru {
float: left; width: 570px; height: 20px;
margin: 10px 50px -10px 10px; }
<div id="wrapper">
<div id="wrapper-header">
<img src="img/smp.jpg" class="img-header"> </div>
<div class="wrapper-menu"> <ul id="utama">
<li><a href="../sekolah/home1.php">Home</a></li> <li><a id="tentang" href="index.php">Profile</a> <ul id="sub-menu">
<li><a href="../sekolah/visimisi.php">visi Misi</a></li>
<li><a href="../sekolah/sarana.php">Sarana Prasarana</a></li>
<li><a href="../sekolah/struktur.php">Struktur Organisasi</a></li>
<li><a
href="../sekolah/programkerja.php">Program Kerja</a></li> </ul>
</li>
<li><a href="index.php">Guru</a> <ul id="sub-menu">
<li><a href="#">Direktori Guru</a></li> <li><a
href="../sekolah/prestasiguru.php">Prestasi Guru</a></li> </ul>
</li>
<li><a href="index.php">Siswa</a> <ul id="sub-menu">
<li><a href="#">Prestasi Siswa</a></li> <li><a
href="../sekolah/ekskul.php">Ekstrakulikuler</a></li> <li><a
href="../sekolah/osis2.php">Osis</a></li> </ul>
</li>
<li><a href="index.php">Galeri</a> <ul id="sub-menu">
<li><a href="#">Laboratorium</a></li> <li><a href="#">Arena Olahraga</a></li> </ul>
</li> </div>
<div id="wrapper-content">
<div class="leftcontainer">
<span class="title">Info Sekolah</span> <ul class="list">
<li><a href="../sekolah/kisikisi.php">Kisi Kisi Ulangan Kelas RSBI</a></li>
<li><a href="../sekolah/jadwal.php">Jadwal Ulangan Tengah Semester</a></li>
<li><a
href="../sekolah/peneriman.php">Penerimaan Peserta Didik Baru</a></li>
</ul>
<span class="title2">Materi Pelajaran Terbaru</span> <ul class="list2">
<li><a
href="../sekolah/biologi.php">Biologi</a></li>
<li><a href="../sekolah/ips.php">Ips</a></li> <li><a href="../sekolah/fisika.php">Fisika </a></li>
<li><a
href="../sekolah/bahasa.php">Bahasa</a></li> </div>
<div id="baru">
<span class="title baru">Fisika </span> </div>
<div id="wrapper-slider"> <ul>
</ul>
<p class="berita">
<p class="berita"> Molaritas Konsentrasi
Dalam mempelajari kinetika reaksi suatu zat, kita tidak memakai zat secara langsung tetapi biasanya dilarutkan kedalam suatu pelarut terlebih dahulu. Oleh
karena itu diperlukan besaran khusus yang disebut konsentrasi. Konsentrasi adalah pernyataan kepekatan dari suatu larutan. Dalam sub bab ini hanya akan dibahas mengenai kemolaran atau molaritas.
Molaritas yang dinotasikan dengan M menyatakan banyaknya mol zat terlarut dalam setiap liter larutan.<br>
Contoh :<br>
Larutan natrium klorida 1 M artinya dalam setiap satu liter larutannya terdapat 1
mol NaCl.<br>
Larutan asam klorida 2 M artinya dalam setiap satu liter larutannya terdapat 2 mol
HCl.<br>
Molaritas dapat dirumuskan sebagai berikut :<br> tan
( )
liter larut<br>
Molaritas M = mol zat terlarut
Jika diketahui volume dalam mililiter (mL) maka digunakan milimol (mmol), sehingga
mL mmol L
M = mol<br>
c. Rangkuman 1<br>
Konsentrasi adalah pernyataan kepekatan suatu larutan.
Molaritas atau kemolaran adalah salah satu jenis konsentrasi yang menyatakan banyaknya mol zat terlarut dalam setiap liter larutan.<br>
d. Tugas 1<br>
Siswa mencatat molaritas zat-zat kimia yang ada dilaboratorium dan menuliskan
artinya.<br>
e. Tes Formatif 1<br>
- Berapa kemolaran larutan jika pada 500 mL larutan terdapat 0,05 mol zat?<br>
- 30 gram urea (Mr = 60) dilarutkan dalam air hingga volumenya 200 mL.<br> Tentukan molaritas larutan urea!<br>
- Berapa gram glukosa (Mr = 180) yang terlarut dalam 500 mL larutan glukosa 0,3 M?<br>
f. Kunci Jawaban Formatif 1<br>
- Jawab : mol NaOH = M x L = 0,1 M x 2 L = 0,2 mol<br> - Jawab : 0,05 mol = 50 mmol<br>
M = mmol/mL = 50 mmol/500 mL = 0,1 M<br>
- Jawab : mol urea = gr/Mr = 30/60 = 0,5 mol = 500 mmol<br> M = mmol/mL = 500 mmol/200 mL = 2,5 M<br>
- Jawab : mol glukosa = L x M = 0,5 L x 0,3 M = 0,15 mol<br> massa glukosa = mol x Mr = 0,15 mol x 180 = 27 gram<br>
</p> </div> </div> </div>
<div class="footer">
<span>Copyright 2013 Rezki Ichan Pratama Saragih</span>
</div>
</div>
</div> </body> </html> 4. Gallery.php
<h1 class='title' align='center'>Gallery<br>SMP negeri 1</h1> <br>
<tr>
<td width="100%" align="center"><img src="images/1.jpg" name="photoslider" width="580" height="300"></td> </tr>
<tr>
<td width="100%"><form method="POST" name="rotater"> <div align="center"><center><p>
<script language="JavaScript1.1">
var photos=new Array() var which=0
var what=0
//Change the below variables to reference your own images. You may have as many images in the slider as you wish
photos[0]="images/1.jpg" photos[1]="images/2.jpg" photos[2]="images/3.jpg" photos[3]="images/4.jpg" photos[4]="images/5.jpg" photos[5]="images/6.jpg" photos[6]="images/7.jpg" photos[7]="images/8.jpg" photos[8]="images/9.jpg" photos[9]="images/10.jpg" photos[10]="images/11.jpg" photos[11]="images/12.jpg" photos[12]="images/13.jpg" photos[13]="images/14.jpg" photos[14]="images/15.jpg" photos[15]="images/16.jpg" photos[16]="images/17.jpg"
window.onload=new Function("document.rotater.description.value=text[0]")
function backward(){ if (which>0){
window.status='' which--
what--
document.rotater.description.value=text[what]; }
}
function forward(){
if (which<photos.length-1){ which++
document.images.photoslider.src=photos[which] what++
document.rotater.description.value=text[what]; }
else window.status='End of gallery' }
function type() {
alert("This textbox will only display default comments") }
</script>
<p><input type="button" value="Kembali" name="B2"
onClick="backward()"><input type="button" value="Selanjutnya" name="B1"
onClick="forward()"><br />
<a href="#" onClick="which=1;what=1;backward();return false"><blink>Mulai Dari Awal</blink></a></p>
</center></div> </form>
</tr></td>
</table>
<p> </p>
<p> </p>
1. Profil.php
<?php //profil
$profil=mysql_query("SELECT * FROM profil ORDER BY urutan"); while($r=mysql_fetch_array($profil)){
echo "<li><a href=$r[link]> $r[nama]</a></li>"; }
?>
2. Guru.php
<?php //fasilitas
$fasilitas=mysql_query("SELECT * FROM fasilitas ORDER BY urutan"); while($r=mysql_fetch_array($fasilitas)){
echo "<li><a href=$r[link]> $r[nama]</a></li>"; }
?>
3. Siswa.php
<?php //personalia
$personalia=mysql_query("SELECT * FROM personalia ORDER BY urutan");
while($r=mysql_fetch_array($personalia)){ echo "<li><a href=$r[link]> $r[nama]</a></li>"; }