PERANCANGAN WEBSITE SEKOLAH MENENGAH PERTAMA NEGERI 262 CAKUNG JAKARTA TIMUR DENGAN MENGGUNAKAN PHP DAN MySQL Erni Wigati.Department of Information Systems, Faculty of Computer Science & Information Technology, Gunadarma University, Jakarta, 2012. Abstraksi - Perancangan website Sekolah Menengah Pertama Negeri 262 Cakung Jakarta Timur menggunakan PHP dan MySQL serta Dreamweaver sebagai media untuk penulisan koding. Pembuatan isi website berfokus pada pemberian informasi yang berkenaan dengan Sekolah Menengah Pertama Negeri 262 Cakung Jakarta Timur. Website yang terdiri dari dua puluh halaman ini, berisi informasi tentang profil sekolah seperti sejarah, visi, dan misi. kemudian informasi fasilitas sekolah, kesiswaan, serta informasi tentang kurikulum Sekolah Menengah Pertama Negeri 262 Cakung Jakarta Timur. Dengan adanya website ini, dapat memberikan informasi yang dibutuhkan oleh masyarakat mengenai Sekolah Menengah Pertama Negeri 262 Cakung Jakarta Timur. Kata Kunci : Perancangan, Website, SMP Negeri 262, PHP dan MySQL. Abstract - Designing Junior High School 262 Cakung East Jakarta Website using PHP and MySQL also Dreamweaver as a media for writing coding. this website focuses on providing information relating to the Junior High School 262 Cakung East Jakarta. Website that consists of twenty pages, containing information about the profile of the school, such as history, vision, and mission. then update school facilities, student affairs, as well as information about the Junior High School 262 Cakung East Jakarta curriculum. With this website, can provide the information that needed by the people about the Junior High School 262 Cakung East Jakarta. Keywords : Design, Websites, Junior High School 262, PHP and MySQL. 1. PENDAHULUAN Penulisan skripsi ini dilatarbelakangi oleh keinginan Penulis untuk mengembangkan website di Sekolah Menengah Pertama Negeri 262 yang berlokasi di wilayah Cakung Jakarta Timur. Sekolah Negeri yang sudah berdiri sejak tahun 1990 ini, telah berhasil mencetak lulusan – lulusan berkualitas yang diharapkan kelak dapat menjadi generasi penerus yang turut serta memberikan kontribusinya terhadap kemajuan bangsa dan negara.
38
Embed
PERANCANGAN WEBSITE SEKOLAH MENENGAH · PDF fileuntuk membuat website pada Sekolah Menengah Pertama Negeri 262 Cakung Jakarta Timur sehingga ... kepustakaan yaitu dengan cara mengumpulkan
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
PERANCANGAN WEBSITE SEKOLAH MENENGAH PERTAMA
NEGERI 262 CAKUNG JAKARTA TIMUR DENGAN MENGGUNAKAN
PHP DAN MySQL
Erni Wigati.Department of Information Systems, Faculty of Computer Science &
Information Technology, Gunadarma University, Jakarta, 2012.
Abstraksi - Perancangan website
Sekolah Menengah Pertama Negeri
262 Cakung Jakarta Timur
menggunakan PHP dan MySQL serta
Dreamweaver sebagai media untuk
penulisan koding. Pembuatan isi
website berfokus pada pemberian
informasi yang berkenaan dengan
Sekolah Menengah Pertama Negeri
262 Cakung Jakarta Timur.
Website yang terdiri dari dua
puluh halaman ini, berisi informasi
tentang profil sekolah seperti sejarah,
visi, dan misi. kemudian informasi
fasilitas sekolah, kesiswaan, serta
informasi tentang kurikulum Sekolah
Menengah Pertama Negeri 262
Cakung Jakarta Timur.
Dengan adanya website ini,
dapat memberikan informasi yang
dibutuhkan oleh masyarakat
mengenai Sekolah Menengah
Pertama Negeri 262 Cakung Jakarta
Timur.
Kata Kunci : Perancangan, Website,
SMP Negeri 262, PHP dan MySQL.
Abstract - Designing Junior High
School 262 Cakung East Jakarta
Website using PHP and MySQL also
Dreamweaver as a media for writing
coding. this website focuses on
providing information relating to the
Junior High School 262 Cakung East
Jakarta.
Website that consists of twenty
pages, containing information about
the profile of the school, such as
history, vision, and mission. then
update school facilities, student
affairs, as well as information about
the Junior High School 262 Cakung
East Jakarta curriculum.
With this website, can provide
the information that needed by the
people about the Junior High School
262 Cakung East Jakarta.
Keywords : Design, Websites, Junior
High School 262, PHP and MySQL.
1. PENDAHULUAN
Penulisan skripsi ini
dilatarbelakangi oleh keinginan
Penulis untuk mengembangkan
website di Sekolah Menengah
Pertama Negeri 262 yang berlokasi
di wilayah Cakung Jakarta Timur.
Sekolah Negeri yang sudah berdiri
sejak tahun 1990 ini, telah berhasil
mencetak lulusan – lulusan
berkualitas yang diharapkan kelak
dapat menjadi generasi penerus yang
turut serta memberikan kontribusinya
terhadap kemajuan bangsa dan
negara.
Selama dua puluh satu tahun
mengabdi, terhitung dari mulai
diresmikannya pada tanggal 11
September 1990 oleh Gubernur
Jakarta yang menjabat kala itu yaitu
Bapak Wiyogo Atmo Darminto,
sudah banyak sekali prestasi –
prestasi yang diraih terutama untuk
beberapa ekstrakurikuler seperti
Paskibra yang pernah mengikuti
kejuaraan tingkat Jabotabek dan
ekstrakurikuler Rohis yang juga
pernah mengikuti kejuaraan di
tingkat DKI.
Sekolah yang memiliki Visi dan
Misi Berprestasi melalui Imtaq,
Sains, dan Akhlak Mulia serta
disiplin dalam kerja, dan
memberikan pelayanan Prima
dengan meningkatkan Silaturahim
ini, telah dilengkapi dengan Sarana
dan Prasarana yang memadai untuk
menunjang kegiatan Belajar
Mengajar di sekolah tersebut, seperti
Ruang kerja praktek (Laboratorium
IPA, Komputer, dan Keterampilan
Tata Busana), Ruang Perpustakaan,
Ruang Multimedia, Ruang Unit
Kesehatan Siswa, Ruang OSIS,
Mushola, Ruang Penyimpanan,
Kantin Sekolah, Lapangan Upacara,
Lapangan Olahraga, dan Pos Penjaga
Keamanan (Pos Satpam). Namun
sangat disayangkan sekali, sekolah
yang bisa dibilang sudah demikian
maju tersebut, belum memiliki
Website Sekolah sebagai salah satu
media Informasi Elektronik yang
dapat membantu sekolah dalam
mempromosikan sekolahnya karena
dalam hal ini Website dapat
dimanfaatkan sebagai sarana
komunikasi dalam berbagai aktivitas
masyarakat yang lebih luas, termasuk
dalam bentuk forum atau kelompok
diskusi. Dari kenyataan yang ada,
maka Penulis melihat hal tersebut
sebagai suatu kesempatan sekaligus
peluang serta tantangan bagi Penulis
untuk bisa mengembangkan, dalam
hal ini membuat website sekolah
untuk sekolah tersebut yaitu Sekolah
Menengah Pertama Negeri 262
Cakung Jakarta Timur.
Berdasarkan hal tersebut, maka
pada penulisan Tugas Akhir kali ini
Penulis mengangkat judul
“Perancangan Website Sekolah
Menengah Pertama Negeri 262
Cakumg Jakarta Timur dengan
menggunakan PHP dan MySQL”.
Pada website ini terdapat informasi
yang relevan seputar Sekolah
Menengah Pertama Negeri 262
Cakung Jakarta Timur.
1.2 Batasan Masalah
Penulisan dan pembuatan website
memfokuskan dan menitikberatkan
hanya kepada pemberian informasi
seputar lingkup Sekolah Menengah
Pertama Negeri 262 Cakung Jakarta
Timur, seperti Profil Sekolah,
Prestasi yang pernah diraih, Fasilitas
sekolah, serta informasi yang
berkaitan dengan Kurikulum dan
Kesiswaan sekolah. Pada
perancangannya website ini akan
dibuat dengan menggunakan bahasa
pemrograman web PHP dan HTML.
1.3 Tujuan Penulisan Tujuan dari penulisan ini adalah
untuk membuat website pada
Sekolah Menengah Pertama Negeri
262 Cakung Jakarta Timur sehingga
diharapkan nantinya dengan adanya
website tersebut sekolah dapat
memberikan informasi yang relevan
berkenaan dengan Sekolah
Menengah Pertama Negeri 262
Cakung Jakarta Timur kepada
masyarakat.
1.4 Metode Penelitian
Penelitian yang dilakukan pada
penulisan tugas akhir ini melalui
beberapa tahap, mulai dari tahap
pengumpulan data dan informasi
yang diperlukan sampai dengan
tahap pengujian website.
1.4.1 Studi Pustaka
Dalam memperoleh data dan
informasi, Penulis melakukan studi
kepustakaan yaitu dengan cara
mengumpulkan dan membaca
literatur – literatur dan jurnal dari
internet serta buku yang relevan
dengan penulisan tugas akhir ini.
Selain itu Penulis juga melakukan
pengambilan data melalui observasi
secara langsung di lapangan.
1.4.2 Langkah Pembuatan Website
Dalam pembuatan website ini,
Penulis menerapkan langkah –
langkah sebagai berikut :
1. Perencanaan dan Analisa, Penulis
merencanakan untuk membuat
sebuah website sekolah dan memilih
bahasa pemrograman yang akan
digunakan untuk membangun
website ini yaitu bahasa
pemrograman web seperti PHP dan
HTML, setelah itu Penulis
mengumpulkan materi – materi yang
kemudian akan digunakan dalam
pembuatan website.
2. Perancangan, Penulis membuat
rancangan tampilan atau output yang
akan disajikan seperti rancangan
interface menu – menu yang terdapat
dalam website.
3. Implementasi, Penulis
mengimplementasikan materi –
materi tersebut ke dalam bahasa
pemrograman yang telah dipilih yaitu
bahasa pemrograman PHP dan
HTML untuk pembuatan website.
4. Testing dan Validasi, Penulis
mengompilasi koding yang telah
dibuat, apakah dapat berjalan tanpa
adanya debug atau masalah dalam
emulator website ataupun dalam
pengoperasian secara online.
1.4.3 Perangkat yang Digunakan
Berikut ini spesifikasi dari
perangkat yang digunakan dalam
melakukan tahap testing dan validasi
:
A. Perangkat Keras, yaitu :
Notebook dengan
prosessor Intel(R)
Atom(TM)/ CPU N475/
AMD 1.83 GHz/ 14”
Memori RAM sebesar
1.00 GB
Printer Deskjet 2000
B. Perangkat Lunak, yaitu :
Microsoft Windows 7
Ultimate
Adobe Dreamweaver CS5
Adobe Photoshop CS5
Swish Max 4
Star UML 5.0
XAMPP Control Panel
Application 2.5
PHPMyAdmin 3.3.9
FileZilla 3.5.3
1.5 Sistematika Penulisan
Untuk lebih mempermudah dan
memahami dalam urutan setiap bab,
serta kerapian tugas akhir ini, maka
Penulis membuat susunan
sistematika penulisan sebagai berikut
:
BAB 1 PENDAHULUAN,
menguraikan pokok persoalan yang
terdiri dari latar belakang masalah,
batasan masalah, tujuan penulisan,
metode penelitian serta sistematika
penulisan.
BAB 2 TINJAUAN PUSTAKA,
menjelaskan tentang tinjauan pustaka
atau landasan teori yang menunjang
tersusunnya penulisan ini, antara lain
tentang bahasa pemrograman
berbasis web seperti PHP dan
HTML.
BAB 3 PERANCANGAN, berisi
prosedur pembuatan program yang
dibagi menjadi beberapa sub bab
mengenai perancangan dari website
yang dibuat beserta
keterangan – keterangan dari website
tersebut.
BAB 4 IMPLEMENTASI, berisi
penjelasan mengenai bagian – bagian
dari program yang dibuat, langkah –
langkah pembuatan website dengan
PHP dan HTML serta proses
implementasi.
BAB 5 PENUTUP, berisi tentang
kesimpulan dari hasil pembahasan
dalam penulisan tugas akhir ini,
saran – saran dan harapan untuk
pengembangan serta penyempurnaan
dari hasil penulisan.
2. TINJAUAN PUSTAKA
2.1 Internet
Internet (interconnection-
networking) yang pada awalnya
dikenal dengan sebutan Advanced
Research Project Agency Network
(ARPANET) yang merupakan
jaringan komputer yang dibuat oleh
Advanced Research Project Agency
(ARPA) dari Departemen Pertahanan
Amerika Serikat pada tahun 1969.
Internet sendiri merupakan sebuah
sistem global dari seluruh jaringan
komputer yang saling terhubung
menggunakan standar Internet
Protocol Suite (TCP/ IP) sebagai
protokol pertukaran paket data untuk
melayani miliaran pengguna di
seluruh dunia (Meloni, 2012).
1. WWW
www (world wide web) adalah
suatu ruang informasi di mana
sumber-sumber daya yang berguna
diidentifikasi oleh pengenal global
yang disebut Uniform Resource
Identifier (URI). www juga dapat
diartikan sebagai sekelompok
dokumen multimedia yang saling
bertautan dengan menggunakan
tautan hiperteks. www yang biasa
disebut web page ini sering dianggap
sama dengan internet secara
keseluruhan, walaupun sebenarnya ia
hanya bagian daripada internet
(Kristianto, 2002).
2. Web Browser
Web browser adalah suatu
perangkat lunak atau perangkat
navigasi dalam web yang dijalankan
pada komputer user dan digunakan
untuk menampilkan halaman-
halaman dokumen website yang
berada di internet atau server web.
Adapun salah satu contoh dari web
browser itu sendiri di antaranya
seperti, Internet Explorer (IE),
Mozilla Firefox (MF), Opera Mini,
dan masih banyak lagi. Mekanisme
dari web browser itu sendiri adalah
mula – mula user memasukkan
alamat Uniform Resource Locator
(URL) di browser, kemudian
browser menghubungi server yang
tertera pada URL, setelah terhubung
browser mengirimkan Hypertext
Transfer Protocol (HTTP) request,
yang kemudian server akan
menjawabnya dengan mengirimkan
HTTP response yang berisi Header
dan isi dokumen yang diRequest.
Untuk dokumen yang terdiri atas
beberapa file (misalnya dokumen
bergambar) maka browser harus
mengirimkan HTTP request lagi
untuk setiap filenya, jika sudah maka
browser akan menampilkan semua
isi dokumen kepada user pada web
browser (Ahira, 2012).
2.1.1 HTML
Hypertext Markup Language
(HTML) adalah bahasa
pemrograman dengan format standar
untuk membuat dokumen web yang
juga merupakan bahasa Markup
bertanda, yang menggunakan
rangkaian teks tertentu berupa kode-
kode (Tag) yang dimengerti oleh web
browser dan dapat menampilkannya
di layar monitor, serta untuk
menandai teks yang mempunyai
interpretasi khusus, HTML sendiri
merupakan subset dari Standard
Generalized Markup Language
(SGML) yang pada
perkembangannya kini HTML
merupakan standar internet yang
didefinisikan dan dikendalikan
penggunaannya oleh World Wide
Web Consortium (W3C) (Ahira,
2012).
2.1.2 Struktur Dasar HTML
Adapun struktur HTML adalah
berupa dasar – dasar penulisan skrip
pada HTML itu sendiri. Dalam hal
ini standar penulisan HTML terdiri
dari :
<html>
<head>
<title>.........................</title>
<body>
.....................................</body>
</head>
</body>
</html>
Dalam hal ini skrip <html>
berperan sebagai tanda awal
penulisan dokumen html, kemudian
<head> sebagai informasi page
header. Di dalam skrip ini
pemrogram dapat meletakkan tag –
tag title, base, isi index, link, script,
style dan meta, untuk skrip <title>
digunakan sebagai indikasi untuk
penulisan judul halaman dokumen
web yang dibuat. Pada skrip <body>
dapat diletakkan berbagai atribut
seperti warna, dan latar belakang.
2.1.2.1 Tag Gambar
Tag gambar biasa digunakan
untuk menyisipkan gambar pada
halaman web yang dibuat, adapun
struktur penulisannya adalah sebagai
berikut :
<img src=”NamaFileGambar”>
NamaFileGambar = file gambar
yang mempunyai ekstensi .GIF,
.JPG, atau .PNG.
Untuk menampilkan sebuah file
gambar.
Bentuk penulisan lain yang
dianjurkan (XML style) :
<img src=”NamaFileGambar” />
2.1.2.2 Tabel
Dalam hal ini penggunaan tabel
pada website adalah sebagai dasar
pengaturan tata letak (Layout) dan
pembuatan tabel dalam penulisan
website. Adapun standar penulisan
tag untuk pembuatan tabel adalah
sebagai berikut :
<table> definisi 6arag </table>
menampilkan data dalam bentuk
6arag
Tabel didefinisikan dengan cara
menyatakan baris-baris dan kolom-
kolom.
skrip untuk penanda baris adalah
<tr> definisi baris </tr>
skrip untuk penanda kolom adalah
<td>data</td>
2.1.2.3 Mengatur Baris dan
Paragraf
Untuk ulasan selanjutnya akan
dijelaskan mengenai pengaturan
Baris dan Paragraf dalam HTML.
Adapun untuk pengaturan baris
adalah sebagai berikut :
<br>Teks</br>
<br> : digunakan untuk pindah ke
baris berikutnya.
Sementara itu untuk pengaturan
paragraf, penulisannya adalah
sebagai berikut :
<p>6aragraph</p>
<p> : digunakan untuk menandai
suatu paragraf, dalam hal ini
6aragraph akan terlihat dibatasi oleh
satu baris kosong sebelum dan
sesudahnya.
2.1.2.4 Menyisipkan Skrip
Penyisipan skrip berkenaan
dengan penyisipan skrip di luar dari
skrip HTML itu sendiri, contoh
apabila dalam dokumen HTML
terdapat kondisi yang mengharuskan
untuk digunakan skrip PHP maka
skema penulisannya adalah sebagai
berikut :
<html>
<head>
<title>Test</title>
</head>
<body>
<h4>Example One</h4>
<p><?php echo “Hello World”; ?>
</p> </body>
</html>
Selain menyisipkan Skrip, juga
terdapat skema untuk menautkan
antara halaman dokumen web yang
satu dengan yang lain yaitu dengan
menautkan link alamat URL yang
akan disisipkan. Adapun penulisan
standar tag untuk menautkan link
adalah sebagai berikut :
<a href=”Link”>Kata yang di
klick</a>
contoh : <a
href=”www.gunadarma.ac.id”>KAM
PUS</a>
2.2 Pengenalan PHP
PHP adalah singkatan dari
Hypertext Preprocessor, yaitu bahasa
pemrograman yang digunakan secara
luas untuk penanganan pembuatan
dan pengembangan sebuah situs web
dan bisa digunakan bersamaan
dengan HTML. PHP diciptakan
pertama kali tahun 1994 oleh
Rasmus Lerdorf seorang
pemrogram C. Pada awalnya PHP
adalah singkatan dari Personal Home
Page Tools. Selanjutnya diganti
menjadi Forms Interpreter (FI).
Sejak versi 3.0, nama bahasa ini
diubah menjadi Hypertext
Preprocessor dengan singkatannya
“PHP”. PHP versi terbaru adalah
versi ke-5. Berdasarkan survey
Netcraft pada bulan Desember 1999,
lebih dari sejuta site menggunakan
PHP, di antaranya adalah NASA,
Mitsubishi, dan RedHat. Tujuan dari
penulisan PHP ini adalah
memungkinkan perancang web untuk
menulis halaman web dinamik
dengan cepat dan untuk membuat
aplikasi yang dijalankan di atas
teknologi web (Kadir, 2003).
2.2.1 Variabel dan Tipe Data
Variabel di dalam PHP diawali
dengan karakter $ dan diikuti dengan
huruf sebagai karakter pertama,
kemudian dapat diikuti dengan
kombinasi huruf dan angka, tidak
boleh ada spasi dan tanda baca,
kecuali _ (garis bawah).
contoh :
$nama
$a1
$nilai_uts
2.2.2 Konstanta
Konstanta menyatakan nilai yang
tetap di dalam program, contoh
penulisan konstanta dalam PHP :
<?
define(“nama_konstanta”,”nilai_kon
stanta”);
echo_;
?>
atau sebagai berikut :
<?
define(“NAME”,”ERNI”);
echo NAME;
?>
Pada skrip dinyatakan bahwa user
akan mendeklarasikan konstanta
“NAMA” dengan nama “ERNI”.
Pada PHP juga dikenal sejumlah
karakter yang menggunakan
penulisan secara khusus di antaranya
terdapat pada tabel 2.1 .
2.2.3 Operator
Tabel 2.1 Penulisan Khusus dalam
PHP
Adapun operator dalam PHP
terdiri dari operator Aritmatika,
operator Logika, operator
Perbandingan, operator String,
operator Increment/ Decrement,
operator Bitwise, operator Ternary,
operator Eksekusi, dan operator
Assignment, dan lain-lain.
Tabel 2.2 Operator pada PHP
Operator Prioritas
() ~,!,++,--,$,& *,/,% +,-
Tertinggi
Penulisan Karakter yang Dimaksud
\” Petik Ganda
\\ Backslash
\$ Tanda Dolar
\n Newline
\r Carriage Return
\t Tab
\x00 s/d\Xff
Karakter Heksadesimal
<>,<=,>= ==,!= ^ ! && || =, +=, -=, *=, /=, &=, |=, ^=, = AND (&&) XOR (||) OR
Terendah
Tabel 2.2 menunjukkan bahwa
kaidah dari penulisan operator
tersebut adalah harap didahulukan
mana yang menjadi prioritas, hal ini
terjadi apabila dalam penulisan
program terdapat operator yang
digunakan.
2.2.4 Pernyataan Kondisi
Dalam PHP juga dikenal istilah kondisi. Kondisi pada PHP umumnya digunakan sebagai sebuah fungsi dimana perintah hanya akan dijalankan
<head> <title>.: Selamat Datang di SMP Negeri 262 Jakarta Timur :.</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css">
align="left"><h1><center>SEKOLAH MENENGAH PERTAMA (SMP) NEGERI 262 JAKARTA</center></h1><h1><center>Jl. Kayu Tinggi, Cakung Timur, Jakarta Timur 13910</center></h1><h1><center> Telp. (021) 4612276</center></h1></td> <td width="70" rowspan="13"><h3> </h3></td>
href="Misi.html"><h3>Misi</h3></a></li> </ul> </li> </ul></td><td width="26" rowspan="8" bgcolor="#e1ebf7"> </td><td height="474" colspan="5" rowspan="7" align="center"><p><font color="#006699" size="+2">.: SELAMAT DATANG DI
WEBSITE SMP NEGERI 262 JAKARTA TIMUR :.</font></p><p align="center"><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1137" height="451"> <param name="movie" value="Content/Movie2.swf"> <param name="quality" value="high">
<param name="wmode" value="opaque"> <param name="swfversion" value="8.0.35.0"> <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don‟t want users to see the prompt. --> <param name="expressinstall"
value="../Scripts/expressInstall.swf"> <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="Content/Movie2.swf" width="1137" height="451"> <!--<![endif]-->
<param name="quality" value="high"> <param name="wmode" value="opaque"> <param name="swfversion" value="8.0.35.0"> <param name="expressinstall" value="../Scripts/expressInstall.swf"> <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div> <h4>Content on this page requires a newer version of Adobe Flash Player.</h4> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get
height="1" alt=""></td> </tr> </table> <!-- End ImageReady Slices -->
<script type="text/javascript">
var MenuBar3 = new Spry.Widget.MenuBar("MenuBar3", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar4 = new Spry.Widget.MenuBar("MenuBar4", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar5 = new Spry.Widget.MenuBar("MenuBar5", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar6 = new Spry.Widget.MenuBar("MenuBar6", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
swfobject.registerObject("FlashID"); var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"}); </script> </body> </html>
4.3.2.2 Halaman Sebelah Kiri
Halaman yang dimaksud adalah
halaman yang berada pada menu
pilihan vertikal yang berada di
sebelah kiri, seperti gambar 4.8.
Gambar 4.8 Tampilan Halaman
Sebelah kiri
Pada gambar 4.8 terlihat pada
menu sebelah kiri terdapat sub menu
yang terdiri dari tiga sub menu untuk
masing-masing menu yang tersedia.
Sub menu tersebut salah satunya
adalah sub menu visi, misi, dan
sejarah yang berada dalam menu
profil sekolah, kemudian terdapat
juga beberapa sub menu lain, yaitu
sub menu untuk menu fasilitas yang
terdiri dari ruang kerja praktek, ruang
sarana prasarna, dan kantin sekolah
dan lain-lain.
Berikut ini adalah koding halaman
navigasi sebelah kiri yaitu
sejarah.html :
<html> <head>
<title>Sejarah</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script type="text/javascript"> function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
} function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
} function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} }
<td colspan="12"> </td> </tr> <tr> <td colspan="2"> </td> <td colspan="8"><img src="foto/smpn 262.png" width="123" height="136" align="left"><h1><center>SEKOLAH MENENGAH PERTAMA (SMP) NEGERI 262
JAKARTA</center></h1><h1><center>Jl. Kayu Tinggi, Cakung Timur, Jakarta Timur 13910</center></h1><h1><center> Telp. (021) 4612276</center></h1></td> </tr> <tr> <td rowspan="4"> <td height="50" colspan="2"><a
text-indent: 0.5in;"><font size="+2">Sekolah Menengah Pertama Negeri 262 merupakan salah satu sekolah yang berlokasi di wilayah Cakung Timur, Jakarta Timur. Sekolah Negeri yang sudah berdiri sejak tahun 1990 ini, telah berhasil mencetak lulusan – lulusan berkualitas yang diharapkan kelak dapat menjadi generasi penerus yang turut serta memberikan kontribusinya
terhadap kemajuan bangsa dan negara. Selama 21 tahun mengabdi, terhitung dari mulai diresmikannya pada tanggal 11 September 1990 oleh Gubernur Jakarta yang menjabat kala itu, yaitu Bapak Wiyogo Atmo Darminto, sudah banyak sekali prestasi – prestasi yang diraih terutama untuk beberapa ekstrakurikuler seperti Paskibra yang pernah mengikuti kejuaraan tingkat
Jabotabek dan ekstrakurikuler Rohis yang juga pernah mengikuti kejuaraan di tingkat DKI.</font></p> </blockquote> <blockquote> <p class="MsoNormal" style="text-align: justify; text-indent: 0.5in;"><font size="+2">Seiring perkembangannya Sekolah
Menengah Pertama Negeri 262 Jakarta Timur kini telah banyak mengalami perubahan baik dari segi pembangunan maupun pengadaan fasilitas-fasilitas baru, terbukti dengan adanya pembangunan yang baru-baru ini dilakukan yaitu pembangunan gerbang serta pagar sekolah.sehingga tidak heran jika kini Sekolah Menengah Pertama Negeri 262 Jakarta Timur menjadi lebih megah dan juga sudah dilengkapi
dengan berbagai fasilitas sarana dan prasarana yang memadai seperti, ruang perpustakaan, ruang unit kesehatan sekolah, mushola, beberapa ruang praktek seperti ruang praktek IPA, ruang praktek tata busana, kantin dan pos keamanan sekolah. selain itu Sekolah Menengah Pertama Negeri 262 juga telah dilengkapi dengan fasilitas Wifi.</font></p></blockquote> <p> </p>
<tr> <td colspan="5"><img src="foto/smpn 262.JPG" width="123" height="136" align="left"><h2><center>SEKOLAH MENENGAH PERTAMA (SMP) NEGERI 262 JAKARTA</center></h2><h2><center>Jl. Kayu Tinggi, Cakung Timur, Jakarta Timur 13910</center></h2><h2><center>
include "session.php"; ?> <p>Halo Selamat Datang <? echo $_SESSION['username']; ?></p> <h5>Anda sekarang sudah masuk kedalam sistem <br> Silahkan anda masukan atau sisipkan program lain disini
<?php session_start(); if(!isset($_SESSION["berhasil_login"]) and !isset($_SESSION["username"]) and !isset($_SESSION["password"])){ die("<b><center><h1>Anda tidak mempunyai hak untuk mengakses halaman ini, silahkan <a href='login.php'>
LOGIN</h1></center></b></a>"); }else{ require_once('../Connections/prestasi.php'); ?> <?php if (!function_exists("GetSQLValueString")) { function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")