Perancangan Website Pada SMA Swasta Plus Al-Azhar Medan Dengan Menggunakan PHP Dan MYSQL
DENGAN MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
HANISA KUSUMA 062406060
PROGRAM STUDI D3 ILMU KOMPUTER DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA
MEDAN 2009
(2)
PERANCANGAN WEBSITE PADA SMA SWASTA PLUS AL-AZHAR MEDAN DENGAN MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
Diajukan untuk melengkapi tugas akhir dan memenuhi syarat memperoleh Ahli Madya
HANISA KUSUMA 062406060
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA
MEDAN 2009
(3)
PERSETUJUAN
JUDUL : PERANCANGAN WEBSITE PADA SMA SWASTA PLUS AL-AZHAR MEDAN DENGAN
MENGGUNAKAN PHP DAN MYSQL
Kategori : TUGAS AKHIR
Nama : HANISA KUSUMA
Nomor Induk Mahasiswa : 062406060
Program studi : DIPLOMA (D3) ILMU KOMPUTER Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM
Diluluskan di
Medan, Mei 2009
Diketahui \ Disetujui oleh
Departemen Matematika FMIPA USU
Ketua, Pembimbing
Dr.Saib Suwilo, M.Sc DR.Tulus, M.Si
(4)
PERNYATAAN
PERANCANGAN WEBSITE PADA SMA SWASTA PLUS AL-AZHAR MEDAN DENGAN MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
Saya mengakui bahwa laporan tugas akhir studi ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Mei 2009
HANISA KUSUMA 062406060
(5)
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada ALLAH SWT atas limpahan rahmat dan hidayah-Nya sehingga tugas akhir ini dapat diselesaikan dengan baik. Tugas akhir ini merupakan syarat untuk dapat menyelesaikan pendidikan di program D3 Ilmu Komputer Fakultas Matematikan dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara. Adapun judul tugas akhir ini adalah ” PERANCANGAN WEBSITE PADA SMA
SWASTA PLUS AL-AZHAR MEDAN DENGAN MENGGUNAKAN PHP DAN MYSQL”.
Pada kesempatan ini penulis juga menyampaikan terima kasih yang sebesar-besarnya kepada seluruh pihak yang sudah banyak membantu:
1. Bapak Dr.Eddy Marlianto, M.Sc, selaku Dekan Fakultas Matemátika dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara.
2. Bapak Dr.Saib Suwilo, M.Sc, selaku Ketua Departemen Matemátika di Universitas Sumatera Utara.
3. Bapak Tulus,M.Si , selaku Dosen Pembimbing yang telah memberikan saran serta bimbingan sehingga penulis dapat menyelesaikan Tugas akhir ini.
4. Bapak Drs.Sariman Al-Faruq, selaku Kepala Sekolah SMA Plus Al-azhar Medan.
5. Mama tercinta, adik tersayang dan seluruh keluarga untuk segenap doa dan dukungannya..
6. Seluruh teman-teman D3 Ilmu Komputer yang ikut memberikan saran dan kritik dalam penyusunan Tugas akhir ini.
Semoga tugas akhir ini dapat berguna bagi saya dan perusahaan.Kritik dan saran yang membangaun diharapkan penulis untuk perbaikan dan kemajuan tugas akhir ini dimasa mendatang.Terima kasih
Medan, Mei 2009
(6)
ABSTRAK
Pembuatan website yang dilakukan penulis bertujuan untuk mempermudah proses publikasi sekolah dan memberikan kemudahan bagi siswa dalam hal memperoleh informasi yang sedang berkembang di lingkungan sekolahnya. Dalam pembuatan situs sekolah ini, penulis menggunkaan PHP sabagai bahasa pemrogramannya dan MYSQL sebagai pembuatan databasenya. Sedangkan Macromedia Dreamweaver 8 penulis digunakan dalam pembuatan layout situs tersebut.
(7)
DAFTAR ISI
Halaman
PERSETUJUAN ii
PERNYATAAN iii
PENGHARGAAN iv
ABSTRAK v
DAFTAR ISI vi
DAFTAR GAMBAR viii
DAFTAR TABEL ix
BAB 1 PENDAHULUAN 1
1.1 Latar Belakang 1
1.2 Identifikasi Masalah 2
1.3 Rumusan Masalah 3
1.4 Batasan Masalah 3
1.5 Maksud dan Tujuan 4
1.6 Waktu dan Lokasi 4
1.7 Metode Penelitian 5
1.8 Kegunaan Penelitian 6
1.9 Tinjauan Pustaka 6
1.10 Sistematika Penulisan 8
BAB 2 TINJAUAN TEORITIS 10
2.1 Pengertian Komputer 10
2.2 Pengertian Internet 11
2.3 Pengenalan PHP 14
2.4 Pengenalan MySQL 18
2.5 CSS ( Cascading Style Sheet) 20
2.6 Pengenalan Macromedia Dreamweaver 8 21
2.7 Pengenalan XAMPP 22
BAB 3 DESKRIPSI SEKOLAH 22
3.1 Profil Sekolah 23
3.2 Sejarah Sekolah 24
3.3 Visi dan Misi serta Ciri Siswa 25
3.4 Struktur Organisasi 26
(8)
BAB 4 PERANCANGAN SISTEM 30
4.1 Perancangan Sistem 30
4.2 Perancangan Data Flow Diagram ( DFD) 33
4.3 Mempersiapkan Database Server 34
4.4 Desain Situs 36
4.5 Proses Upload File 38
4.6 Metode Pengembangan Sistem 38
BAB 5 IMPLEMENTASI SISTEM 40
5.1 Arti Implementasi Sistem 40
5.2 Tujuan Implementasi Sistem 40
5.3 Spesifikasi Program 41
BAB 6 KESIMPULAN DAN SARAN 43
6.1 Kesimpulan 43
6.2 Saran 44
DAFTAR PUSTAKA 45
LAMPIRAN : Tampilan Halaman Situs LAMPIRAN : Listing Program
(9)
DAFTAR GAMBAR
DAFTAR GAMBAR Halaman
1. Gambar 2.1 XAMPP Control 22
2. Gambar 3.1 Struktur Organisasi SMA Plus Al-Azhar Medan 27 3. Gambar 4.1 Algoritma situs SMA Plus Al-Azhar Medan 31 4. Gambar 4.2 Data Flow Diagram (DFD) Diagram Konteks 33
5. Gambar 4.3 Data Flow Diagram (DFD) Level 0 34
6. Gambar 4.4 Desain Area Header 37
(10)
DAFTAR TABEL
DAFTAR TABEL Halaman
1. Tabel 4.1 Tabel Administrator 35
2. Tabel 4.2 Tabel Guru 35
(11)
BAB I
PENDAHULUAN
1.1 Latar Belakang
Perkembangan internet memang sangat luar biasa dan jauh berbeda dengan masa awal berdirinya. Kini internet, dengan sumber daya yang disebut Web, telah banyak digunakan oleh berbagai organisasi untuk mendukung kelancaran usaha, dari menangani penyampaian informasi sampai ke penyelenggaraan bisnis.
Web cepat sekali popular di lingkungan pengguna internet, karena kemudahan yang diberikan kepada pengguna internet untuk melakukan pencarian infomasi. Suatu situs web akan dikenal dengan cepat apabila informasi yang disajikan selalu up to date dan lengkap.
Dewasa ini situs merupakan salah satu sarana alternatif bagi suatu perusahaan untuk mempromosikan produk yang dihasilkannya. Situs sebagai sarana promosi memberikan beberapa nilai plus pada perusahaan, yaitu biaya produksi yang rendah bila dibandingkan dengan sarana promosi lainnya seperti menggunakan media televisi atau media cetak.
(12)
Dengan melihat kondisi ini, penulis tertarik untuk mengangkat masalah ini sebagai tugas akhir penulis guna melengkapi salah satu persyaratan untuk menyelesaikan program studi D3 Ilmu komputer di Fakultas Matemátika dan Ilmu Pengetahuan Alam pada Universitas Sumatera Utara.
Dari uraian tersebut, hal inilah yang menjadi latar belakang penulis untuk mengambil judul “PERANCANGAN WEBSITE PADA SMA SWASTA PLUS
AL-AZHAR MEDAN DENGAN MENGGUNAKAN PHP DAN MYSQL”. Website ini
diharapkan dapat membantu SMA PLUS AL-AZHAR MEDAN tersebut dalam memperkenalkan dan mempromosikan sekolahnya pada media internet.
1.2 Identifikasi Masalah
Website merupakan salah satu sarana altenatif bagi suatu perusahaan, organisasi ataupun sekolah dalam mempromosikan produk yang dihasilkannya. Pentingnya pembuatan website dalam suatu perusahaan, organisasi ataupun sekolah sangatlah mutlak, sebab di sinilah para pemakai internet dapat memperoleh informasi yang dibutuhkannya. Begitu juga dengan SMA PLUS AL-AZHAR MEDAN yang merupakan salah satu lembaga pendidikan yang ingin mempublikasikan sekolahnya dalam hal kegiatan, prestasi dan fasilitas yang diberikan oleh sekolah itu sendiri.
Identifikasi masalah yaitu bagaimana merancang sebuah website untuk dapat digunakan sebagai media untuk memperkenalkan atau memberikan suatu informasi ke masyarakat luas melalui Internet.
(13)
1.3 Rumusan Masalah
Permasalahan yang dihadapi dalam penelitian ini ádalah bagaimana cara membuat suatu website sekolah sehingga dapat menarik perhatian pengunjung situs, baik dari segi kalangan masyakat umum maupun dari pihak sekolah itu sendiri.
1.4 Batasan Masalah
Batasan masalah dalam tugas akhir ini ádalah :
1. Membahas tentang pembuatan website sekolah menjadi suatu website yang memberikan informasi yang berguna bagi para user, baik dari kalangan masyarakat umum maupun dari pihak sekolah yang membutuhkan informasi yang akurat.
2. Memberikan informasi berupa fasilitas, kegiatan, staf pengajar dan data siswa. Dalam tugas akhir ini penulis tidak membahas data keuangan sekolah dan data akademik siswa.
3. Informasi yang disajikan dalam bentuk website memberikan pengaruh besar terhadap kegiatan sekolah. Sekolah tersebut dapat memberikan informasi yang perlu disampaikan pada semua orang ataupun mengabadikan setiap kegiatan dan acara yang ada di sekolah tersebut.
(14)
1.5 Maksud dan Tujuan
Maksud dari penelitian yang penulis lakukan ádalah untuk membuat suatu website pada SMA Plus AL-AZHAR MEDAN.
Adapun tujuan penulis antara lain, ádalah :
1. Untuk memenuhi salah satu syarat menyelesaikan perkuliahan di D3 Ilmu Komputer pada FMIPA USU.
2. Merancang website sehingga SMA PLUS AL-AZHAR MEDAN dapat lebih efektif dan efisien dalam mempromosikan sekolahnya pada media Internet dengan website yang saya rancang tersebut.
3. Mengaplikasikan ilmu yang telah saya peroleh selama masa perkuliahan.
1.6 Waktu dan Lokasi
Dalam menyusun tugas akhir ini penulis melakukan penerapan metode penelitian untuk memperoleh data yang dibutuhkan sehingga penyusunan tugas akhir ini dapat diselesaikan. Adapun lokasi penelitian yang penulis lakukan yakni di SMA PLUS AL-AZHAR MEDAN yang berada di Jln.Pintu Air IV No.214 Kwala Bekala Padang Bulan Medan. Untuk mengetahui sistem yang sedang berjalan pada saat ini, penulis membutuhkan waktu beberapa hari yaitu dari tanggal 13 Januari sampai dengan 17 Januari.
(15)
1.7 Metode Penelitian
Untuk melakukan tugas akhir ini, penulis melakukan penerapan metode penelitian dalam memperoleh data-data yang dibutuhkan sehingga penyusunan tugas akhir ini dapat diselesaikan dengan baik. Adapun metode penelitian yang penulis lakukan ádalah sebagai berikut.
1. Penelitian Lapangan
Penelitian ini dilakukan penulis secara langsung di lapangan, dalam hal ini penulis melakukannya pada SMA PLUS AL-AZHAR MEDAN sebagai objek penelitian khususnya dalam hal pendataan staf pengajar, data siswa siswi, data alumni dan kegiatan ektrakulikuler.
2. Penelitian Pustaka
Penelitian ini dilakukan penulis di perpustakaan untuk mendapatkan data yang teoritis. Dalam hal ini yang harus diperhatikan adalah subjek yang diteliti khususnya pada buku bacaan yanng menjadi pembahasan yang saling berhubungan dengan permasalahan yang dihadapi.
3. Wawancara
Pengumpulam data dengan wawancara ini digunakan untuk meyakinkan bahwa data yang diperoleh benar-benar akurat. Pada kesempatan ini penulis mewawancarai bagian kepegawaian untuk mengetahui data staf pengajar dan data siswa/siswi, kegiatan sekolah dan fasilitas sekolah.
(16)
4. Observasi
Observasi yang dilakukan penulis adalah untuk mengamati secara langsung jumlah data yang diperoleh dan kegiatan yang ada pada SMA AL-AZHAR MEDAN.
1.8 Kegunaan Penelitian
Kegunaan penelitian bagi penulis ádalah untuk menciptakan suatu sistem informasi yang lebih akurat, efektif dan efisien yang kemudian dapat dipergunakan sebagai media untuk mempromosikan dan memberikan informasi yanng berguna ke masyarakat luas.
1.9 Tinjauan Pustaka
Sebagia karya tulis yang ingin dinilai baik haruslah memiliki referensi yang cukup. Oleh karena itu,penulis mengumpulkan bahan bacaan guna mengumpulkan informasi yang berhubungan dengan materi yang terdapat dalam tugas akhir nantinya. Sebagai sumber bacaan atau informasi tersebut penulis mendapatkannya dari perpustakaan Universitas Sumatera Utara, koleksi buku milik sendiri serta pinjaman dari teman-teman penulis.
Adapun bahan pustaka yang penulis maksud adalah sebagai berikut .
1. Pemrograman Web Mencakup : HTML, Css, Javascript & PHP, A.Kadir, 2002, Penerbit Andi Yogyakarta. Yang mana buku ini menjadi acuan dalam pembuatan program website sekolah pada SMA Plus AL-AZHAR.
(17)
2. Penuntun Praktis Belajar SQL, A.Kadir, 2002, Penerbit Andi Yogyakarta. Yang mana buku ini menjadi acuan dalam pembuatan database.
3. Pemrograman Web dengan PHP, Sidik, 2004, Penerbit Informatika Bandung. Yang mana buku ini menjadi acuan dalam pembuatan program website tugas akhir penulis.
4. Membuat website Interaktif dengan Macromedia Dreamweaver 8, Agnes Heni Triyuliana, 2006, Penerbit Wahana Komputer Semarang. Yang mana buku ini menjadi acuan dalam pembuatan website sekolah pada SMA Al-azhar Medan. 5. Konsep dan Tuntunan Praktis Basis Data Edisi II, A.Kadir. Penerbit Andi
Yogyakarta. Yang mana buku ini menjadi acuan dalam pembuatan database. 6. Cara Cerdas Menguasai Layout, Desain dan Aplikasi Web, L.Hamni dan
Musalini Uus, 2004, Penerbit Gramedia Jakarta.Yang mana buku ini menjadi paduan dalam mendesain web.
7. Pemrograman Web dengan HTML, Betha Sidik, 2007, Penerbit Informatika Bandung. Yang mana buku ini menjadi paduan dalam mendesain web.
8. Paduan Lengkap Adobe Dreamweaver CS3 Edisi I, Penerbit Andi Yogyakarta dan Madcom Madiun.
9. PHP dan MySQL dengan Editor Dreamwaever MX, Bunafit Nugroho MX, 2004, Penerbit Andi Yogyakarta. Yang mana buku ini menjadi acuan dalam pembuatan database.
(18)
1.10 Sistematika Penulisan
Secara garis besar pembahasan tugas akhir ini terdiri dari 6 bab, yaitu :
BAB 1 PENDAHULUAN
Pada bab ini berisikan latar belakang, identifikasi masalah, rumusan masalah, batasan masalah, maksud dan tujuan, waktu dan lokasi, metode penelitian, kegunaan penelitian, tinjauan pustaka dan sistematika penulisan.
BAB 2 TINJAUAN TEORITIS
Pada bab ini berisi tentang pengertian komputer,web dan pengertian yang Berhubungan dengan sebuah situs serta aplikasi database dan server, PHP, MySQL dan Macromedia Dreamweaver 8.
BAB 3 DESKRIPSI SEKOLAH
Pada bab ini penulis menjelaskan tentang stuktur organisasi sekolah serta tugas dan tanggungjawab setiap staf pengajar.
BAB 4 PERANCANGAN SISTEM
Pada bab ini dijelaskan tentang file yang digunakan dalam perancangan sistem, perancangan database dan algoitma dari sistem yang dirancang.
(19)
BAB 5 IMPLEMENTASI SISTEM
Pada bab ini dijelaskan tentang pengertian dan tujuan implementasi sistem, perancangan sistem dan algoritma yang dirancang.
BAB 6 KESIMPULAN DAN SARAN
Sebagai bab terakhir penulis akan menguraikan beberapa kesimpulan dari uraian bab-bab sebelumnya. Dan akan berusaha memberikan saran yang bermanfaat untuk pengembangan sistem ke depan.
(20)
BAB 2
TINJAUAN TEORITIS
2.1 Pengertian Komputer
Komputer / Computer berasal dari bahasa latin yaitu Computare yang berarti menghitung / Jogiyanto Hartono,MBA,Ph.d, 1999. Komputer mempunyai arti yang sangat luas dan berbeda untuk setiap orang. Komputer adalah sistem elektronik yang mampu melakukan beberapa tugas, sebagai berikut :
1. Menerima dan menyimpan data input
2. Memproses data input sehingga menghasilkan output 3. Memanipulasi data dengan cepat dan tepat
Sedangkan yang disebut program ádalah kumpulan instruksi / perintah terperinci yang sudah dipersiapkan agar komputer dapat melakukan fungsinya dengan cara yang sudah ditentukan.
Perkembangan teknologi dan ilmu komputer selanjutnya telah memberikan berbagai kemampuan lain pada komputer, sehingga definisi komputer pun mengalami perubahan. Sekarang ini, proses menghitung hanyalah merupakan sebagian saja dari kerja yang dapat dilakukan komputer. Ada banyak fungsi lain yang dapat dilakukan komputer,
(21)
seperti pengolahan data, permainan, pengontrolan mesin, membuat grafik, melakukan analisis statistika, merancang gambar teknik dan sebagainya. Darwin Sitompul, 1994.
2.2 Pengenalan Internet
Internet / Interconnected Networking merupakan jaringan komputer yang terdiri dari jaringan independen yang dihubungkan 1 dengan lainnya. Sehingga membentuk sistem jaringan yang mencakup seluruh dunia / jaringan global dengan melalui jalur telekomunikasi seperti telepon, wireless dan lainnya. Secara etimologis, Internet berasal dari bahasa inggris yaitu Inter yang berarti antar dan net yang artinya jaringan, sehingga dapat diartikan hubungan antar jaringan. Mico Pardosi, 1994.
Jaringan Internet menyediakan beberapa aplikasi yang dapat digunakan user Internet, yaitu :
1. Email 2. Mailing List 3. Newsgroup
4. File Transfer Protocol 5. Telnet
6. Talk, Chat
7. World Wide Web Mico Pordasi, 1994.
(22)
2.2.1 Network
Network ádalah jaringan dari sistem komunikasi data yang melibatkan sebuah alat / lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunikasi membentuk 1 sistem / Mico Podasi, 1994. Dengan Network, komputer yang 1 dapat menggunakan data di komputer lainnya dan dapat mencetak laporan di printer komputer lain. Dan dapat memberi berita ke komputer lain walaupun berlainan area. Network merupakan cara yang berguna untuk mengintegreatkan sistem infomasi dan menyalurkan arus informasi dari 1 area ke area lainnya.
2.2.2 Web Server
Web Server ádalah Internet Server yang mampu untuk melayani koneksi perpindahan data dalam protokol HTTP web Server dari Internet Server di samping email atau FTP. Setiap web Server mempunyai alamat IP dan nama. Web Server dirancang untuk menampilkan data berupa teks, hypertext dan gambar. Website merupakan alamat URL yanng berfungsi sebagai tempat penyimpanan data dan informasi dengan berdasarkan topik tertentu. URL ádalah suatu sarana yang digunakan untuk menentukan lokasi informasi pada suatu web Server. Mico Pordasi, 1994.
(23)
2.2.3 World Wide Web
WWW adalah jaringan beribu-ribu kompute yang di kategorikan menjadi 2 yaitu client dan Server. Dengan menggunakan software khusus membentuk sebuah jaringan yang disebut jaringan client server
Pada prinsipnya WWW bekerja denag cara menampilkan file-file di HTML yang berasal dari server web pada program client khusus, yaitu bowser web. Program browser web pada client pengirimkan perintah kepada server web yang kemudian akan dikirimkan oleh server dalam bentuk HTML. File HTML berisi instruksi yang diperlukan untuk membuat tampilan. Perintah-perintah HTML ini kemudian diterjemahkan oleh browser web sehingga isi informasinya dapat ditampilkan secara visual kepada pengguna / user. Mico Pordasi, 1994.
2.2.4 Hyper Text Tranfer Protokol / HTTP
HTTP adalah suatu protocol yang menentukan aturan yang perlu diikuti oleh web browser dalam menyediakan dokumen yang diminta web browser. Protocol ini merupakan protokol standart yang digunakan untuk mengakses dokumen HTML. HTTP bekerja diatas protocol TCP / Tranmission Control Protocol yang menjamin sampainya data ditujuan dalam urutan yang benar. Apabila kita menjelajah web pada address tertulis
seperti HTTP
(24)
2.3 Pengenalan PHP / Personal Home Page
PHP adalah singkatan dari Personal Home Page yang merupakan bahasa standard yang digunakan dalam dunia website. PHP adalah bahasa pemrograman yang berbentuk script yang diletakan di dalam server web. PHP diciptakan oleh Rasmus Lerdoft, yaitu seorang pemrograman C yang handal.
PHP mudah dibuat dan cepat dijalankan. PHP dapat berjalan dalam web server yang berbeda dan dalam system operasi yang berbeda pula.
2.3.1 Kelebihan PHP
1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak kompilasi dalam penggunaannya.
2. Web server yang mendukung PHP dapat ditemukan dimana-mana dari mulai IIS sampai dengan Apache, dengan konfigurasi ang relatif mudah.
3. Dalam sisi pengembangan lebih mudah karena banyaknya mailist-mailist dan developer yang siap membantu dalam pengembangan.
4. Dalam sisi pemahaman PHP adalah bahasa script yang paling mudah karena memiliki banyak referensi.
5. PHP adalah bahasa open source yang dapat dipergunakan diberbagai sistem operasi seperti Linux, Unix, Windows dan dapat dijalankan secaa mutlak dengan melakukan console dan juga menjalankan perintah-perintah sistem.
(25)
2.3.2 Kelemahan PHP
1. PHP tidak ideal untuk pengembangan skala besar
2. PHP tidak bisa memisahkan antara tampilan dan logik dengan baik
3. PHP memiliki kelemahan secuity tertentu apabila programmer tidak jeli dalam melakukan pemograman dan konfigurasi PHP.
Sistem database yang didukung oleh PHP adalah :
1. MySQL
2. Oracle 3. Sysbase 4. Solid
5. Generic ODBC
2.3.3 Konsep Dasar Personal Home Page
Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan lebih dahulu memberikan tanda tag <? Kemudian ditutup dengan tanda tag ?>. Pemisah antar instruksi adalah titik koma ; dan untuk membuat atau menambahkan komenta atau standard penulisan adalah /* komentar */, // komentar, komentar. Cara penulisan dibedakan menjadi cara penulisan Embedded dan Non Embedded Script / Sutarman, S.Kom, 2003.
(26)
a. Embedded Script
Embedded Script yaitu penulisan tag PHP disela-sela tag HTML. Dengan cara ini, penulisan tag PHP digunakan untuk mengapit bagian-bagian tertentu dalam dokumen yang memerlukan script PHP dai proses didalam server. Embedded Script menempatkan sebagai bagian dari script HTML.
Contoh:
<html> <head>
<title> Coba </ title><head> <body>
<? php “apakabar?” ?> </body>
</html>
b. Non Embedded Script
Non Embedded Script yaitu penulisan tag PHP dibagian paling awal dan paling akhir dokumen. Dengan cara ini, penulisan tag PHP digunakan untuk mengawali dan mengakhiri keseluruhan bagian dalam sebuah dokumen. Non Embedded Script menempatkan script HTML sebagai bagian dari Script HTML sebagai bagian dari script PHP.Contoh : <? Php
(27)
Echo “<head>”; Echo “<title>”;
Echo “<me and you>”; Echo” </title>”;
Echo “</head>”; Echo “<body>”;
Echo “<p> My Web Design </p>”; Echo “</body>”;
Echo “</html>”; ?>
(28)
2.4 Pengenalan MySQL
Database MySQL merupakan sistem manajemen basis data SQL yang sangat terkenal dan bersifat Open Source. MySQL dibangun, didistribusikan, dan didukung oleh MySQL AB. MySQL AB merupakan perusahaan komersil yang dibiayai oleh pengembangan / developer MySQL.
2.4.1 Definisi MySQL
1. MySQL merupakan sistem manajemen database. Database merupakan struktur penyimpanan data. Untuk menambah, mengakses dan memproses data yang disimpan dalam sebuah database computer yang diperlukan dalam sistem manajemen database seperti MySQL Server.
2. MySQL merupakan sistem manajemen database atau basis data terhubung / relational database manajemen system. SQL merupakan singkatan dari Structural Query Langunge yaitu bahasa standart yang digunakan untuk mengakses database dan ditetapkan oleh ANSI / ISI SQL Standart.
3. MSQL merupakan software Open Source. Open Source berarti semua orang diijinkan menggunakan dan memodifikasi software.
4. Server database MySQL mempunyai kecepatan akses tinggi, mudah digunakan dan handal. MySQL dikembangakan untuk mengakses database yang besar secara cepat. Konektivitas, kecepatan dan keamannya membuat server MySQL cocok untuk mengakses database di internet.
(29)
5. MySQL Server bekerja pad client / server atau system embedded. Software database MySQL merupakan system client / server yang terdiri atas Multithread SQL Server yang mendukuna software client dan library yang berbeda, tool administrative, dan sejumlah Aplication Programming Interface / APIs.
6. MySQLtersedia dalam beberapa macam bahasa pemrograman.
2.4.2 Fitur utama MySQL
1. Ditulis dalam bahasa C dan C++
2. Bekerja dalam berbagai platform seperti Unix Windows. 3. Menyediakan mesin penyimpan / transaksi dan non transaksi
4. Server tersedia sebagai program yang terpisah untuk digunakan pada lingkungan client / server.
5. MySQL mempunyai library yang dapat ditempelkan pada aplikasi yang berdiri sendiri / standard aplication sehingga aplikasi tersebut dapata digunakan pada computer yang tidak mempunyai jaringan. 6. Mempunyai sistem password yang fleksibel dan aman.
7. dapat menangani basis data dalam skala besar. Basis data dalam server MySQL dapat berisi 50 juta record.
8. Client dapat terkoneksi ke MySQL Server menggunakan soket TCP / IP pada platform mana pun.
9. Server dapat mengirim pesan kesalahan ke client dalam berbagai bahasa.
(30)
MySQL termasuk jenis RDMS / Relasiotinal Database Manajement System. Pada MySQL sebuah database terdiri atas table-tabel. Sebuah table terdiri atas baris dan kolom.
2.5 CSS / Cascading Style Sheet
CSS merupakan singkatan dari Cascading Style Sheet yang berfungsi untuk mengatur tampilan dengan kemampuan jauh lebih baik dari tag maupun atibut standatd HTML / Hypertext Markup Language. CSS sebenarnya adalah suatu kumpulan atribut untuk fungsi format tampilan dan dapat digunakan untuk mengontrol tampilan banyak dokumen secaa bersamaan. Keuntungan menggunakan CSS yaitu jika ingin mengubah format dokumen, maka tidak perlu mengedit satu per satu.
Penggunaan CSS ada 2 cara yaitu dengan menyisipkan kode CSS langsung dalam kode HTML atau disimpan menjadi file tersendiri berekstensi.css. Dengan menyimpan sebagai file tersendiri akan lebih memudahkan untuk mengontrol tampilan dalam banyak dokumen secara langsung. CSS mendapat dukungan penuh pada browser versi 4 dan pada versi sebelumnya, hanya dengan Internet Explorer yang masih mampu menggali CSS. Perlu diketahui bahwa tampilan CSS dapat berbeda bila ditampilkan pada menu Browser yang berbeda pula. Abdullah, 2003.
(31)
2.6 Pengenalan Macromedia Dreamweaver 8
Saat ini untuk membuat website bukanlah hal yang sulit untuk dilakukan, karena kegiatan mendesain sebuah website tidak lagi dengan menuliskan tag-tag HTML satu per satu, melainkan melalui metode clic dan drag yang dikenalkan oleh web editor terpopuler saat ini yaitu Macromedia Dreamweaver 8.
Versi terbaru Macromedia Dreamweaver di tahun 2005 adalah Macomedia Dreamweaver 8 yang merupakan penyempurnaan dari versi sebelumnya dan tentu saja semakin mudah dalam penggunaannya. Fasilitas terbaru dari Macromedia Dreamweaver 8 adalah Zoom Tool and Guides, Panel CSS yang baru, Code Collapse,Coding Toolbar dan Insert flash Video.Tidak jauh berbeda dengan versi sebelumnya, Macromedia Dreamweaver 8 mendukung pemrograman Client Side yang terkenal yaitu Javascritp dengan penggunaan yang sangat mudah. Macromedia Dreamweaver 8 juga mendukung pemrograman Script Server Side, seperti Personal Home Page / PHP. Active Server Pages / ASP, ASP.NET, ColdFusion dan Java Server Page / JSP.
Macromedia Dreamweaver 8 merupakan software yang dikenal sebagai software web authoring tool, yaitu software untuk desain dan layout halaman web. Macromedia Dreamweaver 8 telah mengalami banyak perbaikan dan peningkatan dari versi sebelumnya. Macromedia Dreamweaver 8 memiliki user interface yang lebih baik dari versi 4 karena adanya peningkatan kemampuan toolbar sehingga dapat memakai toolbar yang sudah ada atau menambahkan fungsi baru.
(32)
2.7. Pengenalan XAMPP
XAMPP merupakan kumpulan aplikasi yang menyangkut apache sebagai web servernya, PHP sebagai bahasa pemrogramannya serta mySQL sebaga databasenya, Dengan XAMPP kebutuhan software telah terpenuhi.
(33)
BAB 3
DESKRIPSI SEKOLAH
3.1 Profil Sekolah
1. Nama Sekolah : SMA Plus Al-azhar Medan
2. Alamat Sekolah : Jln. Pintu Air IV No.214 Kwala Bekala Padang Bulan Medan 20142
3. Kecamatan : Medan Johor
4. Kabupaten Kotamadya : Medan
5. Izin Operasional : No. 155 / 105 / Kep / 2000
6. NSS : 304 076 088 247
7. NDS : 300 712 0163
8. Akte Notaris : No. 39 Tgl 24 Januari 1983 Oleh Rasmani Sembiring, SH.
9. Jenjang Akreditasi : Terakreditasi A Basda Provinsi Sumatera Utara 10.Nama Yayasan : Hajjah Rachmah Nasution
11.Alamat Yayasan : Jln. PintuAir IV No.214 Kwala Bekala Padang Bulan Medan 20142
12.Kegiatan Belajar Mengajar: Pagi dan Siang 13.Bangunan Sekolah : Milik Sendiri
(34)
3.2 Sejarah Sekolah
SMA Plus Al-azhar Medan berada di Jln. Pintu Air IV No.214 Kwala Bekala Padang Bulan Medan. Seperti sekolah pada umumnya SMA Plus Al-azhar memilki ruang kelas untuk kegiatan belajar mengajar siswa / siswi. Dan untuk mendukung kegiatan siswa dalam belajar, sekolah tersebut menyediakan fasilitas untuk menampung minat dan bakat masing-masing siswa / siswi nya seperti Ruang Laboratorium dan fasilitas olahraga.
Untuk pelaksanaan praktikum seperti Lab bahasa,Lab komputer, Lab Audio Visual,Lab Kimia, Lab Biologi dan Lab físika. Untuk pelaksanaan kegiatan olahraga, sekolah ini juga dilengkapi dengan fasilitas lapangan sepak bola, lapangan bola basket, lapangan voli dan lapangan futsal. Di sekolah ini terdapat pula perpustakaan untuk membantu siswa / siswi mendalami pelajarannya. Dan mushola untuk tempat beribadah.
SMA Plus Al-azhar Medan juga mengadakan kegiatan-kegiatan yang bermanfaat bagi siswa / siswinya seperti Persami, Ramadhan Centre, Malam ibadah, dan malam munajat yang diharapkan akan mampu meningkatakan akhlak dan ibadah siswa / siswi.
(35)
3.3 Visi dan Misi serta Ciri Siswa Visi :
Wadah intelektual muslum dan muslim yang intelektual.
Misi :
Melaksanakan pendidikan dengan dua muatan dan satu ciri khas, yaitu : 1. Pertama, bermuatan iman dan taqwa dikalbunya.
2. Kedua, bermuatan ilmu dan teknologi di akalnya.
3. Ciri khas berakhlakul karimah dalam mengamalakan hablum minallah dan habulumminannas.
Ciri Siswa Al-azhar :
1. Menegakkan sholat lima waktu dan rutin membaca Al-Quran. 2. Berakhlak mulia dalam ucapan, sikap dan perbuatan.
3. Tidak melawan guru dan orangtua. 4. Belajar tekun dan berdisiplin.
(36)
3.4 Struktur Organisasi
Dengan adanya sturutur orgainsasi, diharapkan tercapainya suatu kondisi yang baik di antara bagian-bagian dalam organisasi tersebur, sehingga tujuan yang telah ditetapkan dapat tercapai dangan baik. Oleh karea itu, struktur organisasi yang digunakan harus disesuaikan dengan kondisi dan kebutuhan intitusi agar mendapatkan sumber daya yang optimal.
Dengan adanya struktur organisasi, setiap tugas dan tanggung jawab dapat dikerjakan dan diselesaikan oleh masing-masing individu yang ada dalam organisasi tersebut. Sehingga tujuan yang ditetapkan dapat tercapai dengan baik.
(37)
Adapaun struktur organisasi pada SMA Plus Al-azhar Medan, yaitu:
Gambar 3.1 Struktur Organisasi SMA Plus Al-azhar Medan Ketua Yayasan Hajjah Rachman Nasution
Direktur Manajemen
Kepala Sekolah SMA Plus Drs.Sariman Al Faruq
PKS I Syarifuddin, S.si
PKS II Dra.Syafrianti
PKS III Anwar Sadad, S.Pdi
WALI KELAS X WALI KELAS XI WALI KELAS
XII
Kelas X- A Plus Dra.Nikmah Marpaung
Kelas X- B Plus Dra.Asni Sembiring
Kelas XI - A Plus Rizki Izmalinda, S.si
Kelas XI - B Plus Drs.M.Nasution
Kelas XI - C Plus Siti Khadijah Nasution, S.si
Kelas XII - A Plus Drs.Hariadi Susilo, M.si
Kelas XII - B Plus Suryadi, S.pd Direktur Edukatif
Tata Usaha Syofian Efendi
(38)
3.4 Uraian Tugas dan Tanggung Jawab
a. Kepala Sekolah
Tugas kepala sekolah ádalah sebagai berikut :
1. Kepala sekolah ádalah sebagai pemimpin yang membentuk dan mengawasi sistem dan tata tertib yang ada pada sekolah tersebut. 2. Mengesahkan suatu kegiatan yang berhubungan dengan
kepentingan sekolah atau berkenaan dengan sekolah tersebut. 3. Kepala sekolah berfungsi dan bertugas sebagai edukator, manager,
administrador, supervisor serta pemimpin/ Leader.
b. Pembantu Kepala Sekolah
Tugas Pembantu kepala sekolah ádalah sebagai berikut :
1. Membantu kepala sekolah dalam mengatur dan mengawasi sistem dan tata tertib sekolah tersebut.
2. Menjalankan sistem dan bekerja sama dengan guru-guru yang lain dalam menjalankan suatu tugas yang diberikan oleh kepala sekolah.
3. Menyusun kegiatan Ekstrakulikuler dan mengatur jadwal pelajaran.
4. Mengatur pengeluaran dan pemasukan sekolah. Termasuk di dalam nya pembayaran uang sekolah oleh siswa / siswi.
(39)
c. Wali Kelas
Tugas wali kelas ádalah sebagai berikut :
1. Memimpin kelas yang telah di tentukan oleh sekolah sebagai orang tua, guru dan teman.
2. Membimbing siswa / siswa dalam sikap, belajar dan berorientasi.
3. Membantu siswa / siswi dalam menemukan minat dan Bakau yang dimilikinya.
d. Guru Bidang Studi
Tugas Guru bidang studi ádalah sebagai berikut :
1. Memberikan materi pembelajaran tentang mata pelajaran yang di ajarkan.
2. Membantu siswa / siswi dalam memahami pelajaran tersebut. 3. Membimbing siswa / siswi dalam minatnya.
(40)
BAB 4
PERANCANGAN SISTEM
4.1 Perancangan Sistem
Tahap perencanaan dan perancangan sistem ini merupakan tahap awal dalam membangun sebuah situs, seperti membuat perencanaan, perancangan, diagram alur, tujuan dan isi dari sebuah situs. Situs ini dirancang dengan menggunakan PHP sebagai bahasa pemrogramannya dan MySQL sebagai databasenya, sedangkan Dreamwaever 8 digunakan sebagai tempat untuk membuat layout dari situs yang di rancang.
Tahap selanjutnya yaitu tahap pembuatan flowchart (bagan alir) atau aliran informasi dari situs tersebut. Flowchart atau diagram alir adalah gambaran yang menampilkan struktur hirarki dan isi halaman per halaman. Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman situs tersebut.
Dengan pembuatan flowchart dalam suatu situs dapat membantu mempermudah dalam pemeliharan dan pembaharuan isi situs. Hal ini sangat penting dilakukan karena isi situs harus selalau diperbaharui sehingga pengunjung tidak bosan.
(41)
Adapun algoritma dari situs yang penulis buat, yaitu :
Gambar 4.1 Algoritma Situs SMA Plus Al-azhar Medan
Administrator
Data Guru Data Alumni Data Siswa
Data Guru Data Siswa Data Siswa Ekskul
Profil Visi dan Misi Kontak Kami
Home(index.php)
Login
(42)
Adapun halaman-halaman yang dirancang penulis ,yaitu:
1. Halaman index.php, merupakan halaman yang pertama kali muncul pada saat situs dibuka.
2. Halaman profil.php, merupakan halaman yang berisikan yentang data sekolah berupa data perkembangan dan informasi tentang sekolah.
3. Halaman visi dan misi.php, merupakan halaman yang berisi visi dan misi sekolah dalm mengembankan sekolah sehingga dapat berkualitas dan berprestasi.
4. Halaman admistrator.php, merupakan halamn yang hanya dapt diakses oleh administrator untuk melakukan pengaturan di dalam situs ini.
5. Halaman kontak.php, merupakan halaman umum pada setiap situs,yang disediakan untuk mendapatkan masukan, saran atau hanya ingin mencatat identitas pengunjung situs.
6. Halaman guru.php, merupakan halaman yang menampilkan data guru pada SMA Plus Al-azhar.
7. Halaman siswa.php, merupakan halaman yang berisikan data siswa pada SMA Plus Al-azhar.
8. Halaman alumni.php, merupakan halamn yang berisikan data alumni pada SMA Plus Al-azhar.
9. Halaman daftar.php, merupakan halaman yang digunakan untuk registrasi sebagai anggota dari situs tersebut.
10.Halaman ekskul .php merupakan halaman yang digunakan untuk mengetahui kegiatan ektra kulikuler yang ada di sekolah tersabut
(43)
4.2 Perancangan Data Flow Diagram (DFD)
Data Flow Diagram (DFD) adalah gambaran system secara logika. Gambaran ini tidak tergantung pada perangkat keras, lunak, struktur data atau organisasi. Pada tahap analisa, penanganan notasi simbol lingkaran dan anak panah mewakili atau menggambaran arus data dalam perancangan sistem yang sangat membantu sekali di dalam komunikasi dengan pemakaian sistem menggunkan notasi-notasi ini untuk menggambarkan arus dari data sistem. Adapun Data Flow Diagram (DFD) yang penulis ajukan yaitu:
Login (username dan password)] Data guru
Data Alumni Data siswa
Gambar 4.2 Data Flow Diagram (DFD) Diagram Konteks
Administrator 0
Sistem informasi sekolah pada SMA Al-azhar
Medan
Data pengunjung
(44)
Gambar 4.3 Data Flow Diagram (DFD) Level 0
4.3 Mempersiapkan Database Server
Tahap ini merupakan tahap dimana penulis menempatkan data yang sudah ada pada bagian server. Data tersebut nantinya akan diproses oleh data yang sudah dibuat. Tempat untuk menampung data tersebut disebut dengan database, database terdiri atas tabel-tabel yang dibuat menggunakan MySQL.
Administrator
1 Input data
Data Guru
Data Siwa
Data Siswa 2
Informasi
Data pengunjung (user)
(45)
Adapun database yang dibuat oleh penulis adalah database web yang terdiri dari 7 tabel, diantaranya :
1. Tabel Administrator
Field Type Description
Username Varchar (30) Nama login administrator
Password Varchar (30) Password administrator
Tabel 4.1 Tabel Administrator
2. Tabel Guru
Field Type Description
NIG Varchar (4) Nomor induk guru
Nama guru Varchar (30) Nama guru
Jenis kelamin Varchar (10) Jenis kelamin guru Tempat lahir Varchar (30) Tempat lahir guru Tanggal lahir Varchar (30) Tanggal lahir guru
Jabatan Varchar (10) Jabatan guru di sekolah
Bidang studi Varchar (10) Bidang studi yang diajarkan
(46)
3. Tabel Siswa
Field Type Description
NIS Varchar (4) Nomor induk siswa
Nama siswa Varchar (30) Nama siswa
Kelas Varchar (10) Kelas siswa
Alamat Varchar (50) Alamat siswa
Jenis kelamin Varchar (10) Jenis kelamin siswa Tempat lahir Varchar (30) Tempat lahir siswa Tanggal lahir Varchar (30) Tanggal lahir siswa Asal sekolah Varchar (30) Asal sekolah siswa
Tabel 4.3 Tabel Siswa
4.4 Desain Situs
Pada tahap desain situs ini, penulis hanya membuat desain untuk header atau bagian atas dari situs tersebut, kemudian ditambah dengan grafik-grafik aksesoris lainnya sebagai pelengkap.
Dalam membuat desain header pada situs sekolah ini, penulis menggunakan software Macromedia Fireworks 8 sebagai pengolah gambarnya. Area header adalh bagian paling atas dari sebuah situs. Pada area ini biasanya terdapat logo,foto dan navigasinya. Secara keseluruhan desain header yang penulis buat dapat dilihat seperti gambar di bawah ini.
(47)
Gambar 4.4 Desain Area Header
(48)
4.5 Proses Upload File
Proses upload adalah proses mentransfer file-file situs yang telah dibuat ke suatu server di internet, dengan tujuan agar situs yang telah dibuat ke suatu server di internet, dengan tujuan agar situs tersebut dapat diakses smeua orang di seluruh dunia yang terhubung ke internet
Tempat untuk meletakkan file-file situs di internet namannya server hosting atau web hosting. Ada dua jenis web hosting, yaitu web hosting yang gratisan dan web hosting yang bayar.
4.6 Metode Pengembangan Sistem
Metode pengembangan sistem yang digunakan dalam penulisan system informasi ini adalah Metode Fabbri dan Schwab yang tediri dari :
1. Studi Kelayakan
Yaitu mengidentifikasi apakah sistem informasi yang akan dikerjakan atau yang akan dibuat sesuai dengan kebutuhan sekolah.
2. Rencana Pendahuluan
Yaitu menentukan lingkup proyek atau sistem yang akan ditangani. 3. Analisis Sistem
(49)
Penguraian dari suatu sistem inforamsi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasikan peemasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaiakan.
4. Perancangan sistem
Pendefinisian dari kebutuhan-kebutuhan fungsional, persiapan untuk rancang bangun implementasi, menggambarkan bagaimana suatu sistem dibentuk serta mengkonfigurasikan komponen-komponen perangkat lunak dan perangkat keras dari suatu sistem.
5. Implementasi Sistem
Tahap meletakkan system supaya siap untuk dujalankan dan siap dipergunakan untu keperluan instansi yang terkait.
(50)
BAB 5
IMPLEMENTASI SISTEM
5. 1 Arti Implementasi Sistem
Implementasi sistem adalah prosedur-prosedur yang dilakukan untuk menyelesaikan desain sistem yang telah disetujui seperti menginstal sistem, menguji sistem yang dibuat dan memulai sistem baru yang telah diperbaiki.
5.2 Tujuan Implementasi Sistem
Tujuan implementasi sistem adalah sebagai berikut :
1. Menyelesaikan desain sistem yang ada dalam dokumentasi desain sistem yang disetujui, sebelum menyusun dokumen baru atau dokumen-dokumen yanmg diperbaiki.
2. Menguji program-program dan prosedur-prosedur yang diperlukan oleh desain sistem yang telah disetujui.
3. Memastikan bahwa pemakai atau user dapat mengoperasikan dan menggunakan sistem baru.
4. Memastikan bahwa konversi ke sistem baru yaitu dengan membuat rencana,mengontrol dan melakukan instalasi baru dengan benar.
(51)
5.3 Spesifikasi Program
Dalam pengimplementasian Sistem Informasi Industri Kecil Menengah Berbasis Web, spesifikasi program yang sudah dirancang membutuhkan perangkat keras /hadware, perangkat lunak /software dan perangkat operator /brainware, yaitu sebagai berikut :
a. Perangkat Keras / Hardware
1. Microprocessor Pentium IV
2. Harddisk untuk tempat sistem beroperasi dan sebagai media penyimpanan data
3. Memori minimal 1 Gb, karena menggunakan Under Windows. 4. Monitor super VGA.
5. Keyboard untuk melakukan input data
6. Mouse digunakan untuk mengaktifkan / menggerakkan pointer. 7. Printer untuk mencetak hasil laporan.
b. Perangkat Lunak / Software
1. Sistem informasi yang digunakan penulis adalah Sistem Operasi Windows XP.
2. PHP merupakan Softwae yang digunakan penulis untuk sebuah PHP Server di dalam Windows.
3. MySQL adalah multiuser database dalam bahasa SQL / Strukture Query Language.
(52)
4. HTML Editor adalah Software yang dipakai untuk mendesain Web seperti : Notepad, Macromedia Dreamweaver 8 dan software lainnya.
5. Web Server sebagai server local sebelum file-file dan script Web dipubilkasikan pada ISP / Intenet Service Provider, atau disebut PWS / Personal Web Server atau Apache.
6. Browser sebagai output atau tampilan hasil akhir program yang telah selesai, misalnya :Intenet Explorer, Opera, Mozilla, Netscape Navigator, dan lainnya.
c. Pengguna / User / Brainware
Yaitu orang yang mengerti dan mampu mengopersikan Sistem Windows dan Internet. User dibagi menjadi 2, yaitu :
1. User Administator / Programmer 2. User Public / Pengunjung
(53)
BAB 6
KESIMPULAN DAN SARAN 6. 1 Kesimpulan
Website cepat sekali dikenal dilingkungan pengguna internet, karena kemudahan yang diberikan kepada pengguna internet untuk melakukan penelusuran dan pencarian informasi. Suatu situs web akan dikenal dengan cepat apabila informasi yang disajikan selalu up to date dan lengkap. Tetapi kelengkapan data merupakan penambahan atau pengubahan data yang akan disajikan.
Dari keterangan di atas dan bab-bab sebelumnya penulis dapat mengambil beberapa kesimpulan, yaitu :
1. Di dalam pembuatan situs ini, ada beberapa tahapan yang penulis lakukan yaitu tahap perencanaan dan perancangan situs, tahap peancanagn Data Flow Diagram / DFD, mempersiapkan database server, tahap mempersiapkan bagian Content Management System / CMS sebagai tempat untuk sysadmin melakukan penambahan, pengeditan serta penghapusan isi situs tersebut, tahap mendesain situs sekolah serta tahap pengembangan system Fabri dan Schwab sehingga situs sekolah tersebut dapat dibuat dengan baik.
2. Dalam pembuatan situs sekolah, situs harus dirancang dengan baik dan benar, agar dalam melakukan update dan melengkapi data tidak terjadi kesulitan. 3. Situs ini dibuat dengan menggunakan bahasa pemrograman PHP dan MySQL
(54)
Sebagai pembuatan databasenya sehingga pengelola situs tidak perlu lagi melakukan proses editing pada dokumen HTML, tetapi cukup dengan melakukan penambahan atau perubahan dalam database sehingga pengelola situssudah dapat memperbaharui isi situs tersebut.
6.2 Saran
Adapun saran yang penulis berikan dalam tugas akhir ini, yaitu :
1. Perlu dilakukan pembaharuan pada website sekolah ini agar para pengunjung situs tidak merasa bosan dan selalu memberikan informasi-informasi terbaru mengenai sekolahnya.
2. Perlu diadakannya penggandaan database secar teratur ke dalam media penyimpanan lanilla sepeti CD RW atau yang lainnya untuk mencegah hal-hal yang tidak diinginkan seperti data yang hilang atau rusak.
3. Dengan semakin pesatnya ilmu pengetahuan dan teknologi khususnya dalam bidang komputer, diharapkan lepada pihak sekolah agar memperbanyak kegiatan-kegiatan yang berhubungan dengan kemajuan teknologi khususnya komputer dengan mengadakan acara-acara seperti seminar maupun workshop di lingkungan sekolah.
4. Diharapakan dengan adanya situs sekolah ini, dapat memotivasi siswa dalam berprestasi dan terus meningkatkan ilmunya dalam bidang informasi teknologi
(55)
DAFTAR PUSTAKA
1. Kadir, A. 2002. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta : Andi Yogyakarta.
2. Kadir, A. 2002. Pemrograman Web Mencakup : HTML, Css, Javascript & PHP Jilid I.. Yogyakarta : Andi Yogyakarta.
3. Kadir, A. 2002. Penuntun Praktis Belajar SQL. Yogyakarta : Andi Yogyakarta.
4. Sidik, B. 2004. Pemrograman Web dengan PHP Jilid I. Bandung : Informatika Bandung.
5. Triyuliana, Agnes Heni. 2006. Membuat Website Interaktif dengan Macromedia Dreamweaver 8. Semarang : Wahana Komputer.
6. Triyuliana, Agnes Heni. 2008. Panduan Lengkap ADOBE DREAMWEAVER CS3. Yogyakarta : Andi Yogyakarta.
7. Nugroho, Bunafit. 2004. PHP & mySQL dengan Editor Dreamweaver MX. Yogyakarta : Andi Yogyakarta.
(56)
1. index.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>Al-Azhar</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="moderna.css" rel="stylesheet" type="text/css" />
<style type="text/css"> <!-- .style1 { color: #00CC33; font-weight: bold; font-size: x-large;
font-family: "Courier New", Courier, monospace;} .style5 {font-family: "Courier New", Courier, monospace}
.style7 {color: #CC0000; font-weight: bold; font-size: small; font-family: "Times New Roman", Times, serif; }
.style9 {color: #33CC00; font-weight: bold; font-size: x-large; font-family: "Courier New", Courier, monospace; }
.style10 {
font-family: "Times New Roman", Times, serif; color: #000000; font-weight: bold; font-size: small;}--> </style> </head> <body> <div id="banner">
<div align="center"><img src="images/header-web.gif" width="887" height="174" /></div></div>
<ul id="navlist">
<li id="active"><a id="current" href="index.php">HOME</a></li> <li><a href="profile.php">PROFILE</a></li>
<li><a href="visimisi.php">VISI DAN MISI</a></li> <li><a href="kontak.php">KONTAK KAMI</a></li> <li><a href="admin.php">ADMINISTRATOR</a></li> <li><a href="bukutamu.php">BUKUTAMU</a></li></ul> <div id="sidebar-a">
<h2 align="center" class="style5">Links</h2> <div class="menu">
<ul>
<li><a href="so.php">Struktur Organisasi </a></li> <li><a href="fasilitas.php">Fasilitas</a></li> <li><a href="galery.php">Galery</a></li>
(57)
<li><a href="ekskul.php">Ekstrakulikuler</a></li> </ul></div>
<img src="images/100_1428.JPG" alt="box" width="112" height="116" class="border" />
<p align="center" class="style7">Labolatorium Biologi </p>
<p><img src="images/100_1370.JPG" alt="box" width="112" height="120" class="border" /></p>
<p align="center" class="style7">Kantin & Perpustakaan </p> </div><div id="sidebar-b">
<h2 class="style5">Introduction</h2>
<p align="center" class="style10">SMA PLUS AL-AZHAR adalah salah satu sekolah yang berbasis kompetensi. Mempunyai 2 kurikulum pembelajaran atau sering disebut dengan "Kurikulum Two In One". Dalam proses pembelajaran ini yaitu perpaduan secara utuh kurikulum nasional dari Depdiknas dan Kurikulum Diniyah dari Departemen Agama. Dengan penggabungan dua kurikulum ini lulusan ALAZHAR ditargetkan mempunyai kekuatan iman dan taqwa dalam kalbunya dan mempunyai bobot akademis sebagai dasar ilmu dan teknologi dalam pemikirannya.</p></div>
<div id="content">
<h2 align="center" class="style7">Assalamu'alaikum Wr,Wb.</h2>
<div align="center" class="style1"><img src="images/100_1362.JPG" width="481" height="216" />
<p align="center" class="style9">SMA PLUS AL-AZHAR MEDAN </p></div>
<p align="justify" class="style10">SMA Plus Al-Azhar Medan merupakan salah satu upaya Yayasan Hajjah Rachmah Nasution dalam mewujudkan visi dan misinya dalam bidang sosial, pendidikan dan keagamaan.SMA Plus Al-Azhar Medan berada di Jln. Pintu Air IV No.214 Kwala Bekala Padang Bulan Medan. SMA Al-Azhar Medan didirikan pada 16 Juli 1983.
SMA Plus Al-azhar Medan juga mengadakan kegiatan-kegiatan yang bermanfaat bagi siswa / siswinya seperti Persami, Ramadhan Centre, Malam ibadah, dan Malam Munajat yang diharapkan akan mampu meningkatakan akhlak dan ibadah siswa / siswi. </p> </div>
<div id="footer"> <a href="index.php">Home</a> | <a href="profile.php">Profile</a> | <a href="visimisi.php">Visi dan Misi </a> | <a href="kontak.php">Kontak Kami </a> | <a href="administrator.php">Administrator </a> |© 2009 Design by Hanisa Kusuma </div>
</body> </html>
2. profile.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>
(58)
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="moderna.css" rel="stylesheet" type="text/css" />
<style type="text/css"> <!-- .style1 { color: #00CC33; font-weight: bold; font-size: x-large;
font-family: "Courier New", Courier, monospace;} .style2 {
color: #CC0000; font-weight: bold; font-size: small;
font-family: "Times New Roman", Times, serif;} .style7 {
font-size: medium;
font-family: "Courier New", Courier, monospace;}
.style9 {font-family: "Courier New", Courier, monospace; color: #000000; } .style10 {font-size: x-large}
.style11 {font-family: "Courier New", Courier, monospace}--> </style>
</head> <body>
<div id="banner"><div align="center"><img src="images/header-web.gif" width="887" height="174" /></div></div>
<ul id="navlist">
<li><a href="index.php">HOME</a></li> <li><a href="profile.php">PROFILE</a></li>
<li><a href="visimisi.php">VISI DAN MISI</a></li>
<li id="active"><a id="current" href="kontak.php">KONTAK KAMI</a></li> <li><a href="admin.php">ADMINISTRATOR</li>
<li><a href="bukutamu.php">BUKUTAMU</a></li></ul> <div id="sidebar-a">
<h2 align="center" class="style11">Links</h2> <div class="menu">
<ul>
<li><a href="so.php">Struktur Organisasi </a></li> <li><a href="fasilitas.php">Fasilitas</a></li> <li><a href="galery.php">Galery</a></li>
<li><a href="ekskul.php">Ekstrakulikuler</a></li> </ul> </div></div>
<div id="content">
<h2 align="center" class="style2">Assalamu'alaikum Wr,Wb.</h2> <span class="style9"></span>
<div align="center"><img src="images/100_1362.JPG" width="481" height="188" /> <p align="center" class="style1">SMA PLUS AL-AZHAR MEDAN </p>
(59)
<span class="style10"></span></div>
<table width="650" height="207" border="0" cellspacing="1">
<tr> <th height="27" colspan="2" class="style2 style7" scope="col"><div align="center">Kontak Kami</div></th> </tr> <tr>
<td width="151"><div align="left"><strong><span class="style9">Alamat:</span></strong></div></td>
<td width="406"><form action="" method="post" name="form1" class="style9" id="form1"> <label></label> <label>
<input name="alamat" type="text" id="alamat" value="Jln.Pintu Air IV No.214 Kwala Bekala Padang Bulan Medan Sumatera Utara" size="75" /> </label>
</form></td></tr> <tr>
<td><div align="left"><strong><span class="style9">Telp : </span></strong></div></td>
<td><form action="" method="post" name="" class="style9" id=""> <label></label>
<label>
<input name="telp" type="text" id="telp" value=" (061)8361911,(061)8361711" size="30" /></label></form></td></tr>
<tr><td><div align="left"><strong><span
class="style9">Faks:</span></strong></div></td>
<td><form id="form2" name="form2" method="post" action=""> <label></label>
<label></label> <label>
<input name="faks" type="text" id="faks" value=" (061)8367946" size="30" /> </label></form></td></tr>
<tr><td><div align="left"><strong><span
class="style9">Website</span>:</strong></div></td>
<td><form id="form3" name="form3" method="post" action=""> <label></label>
<label><input name="website" type="text" id="website"
value="www.alazharmedan.com" size="30" /></label></form></td></tr> <tr> <td><div align="left"><strong><span
class="style9">Email:</span></strong></div></td>
<td><form id="form4" name="form4" method="post" action=""><label></label> <label><input name="email" type="text" id="email"
value="[email protected]" size="30" /></label></form></td> </tr></table>
<p> </p> <p> </p> </div>
<div id="footer"> <a href="index.php">Home</a> | <a href="profile.php">Profile</a> | <a href="visimisi.php">Visi dan Misi </a> | <a href="kontak.php">Kontak Kami </a> | <a href="administrator.php">Administrator </a> |© 2009 Design by Hanisa Kusuma </div>
(60)
</body> </html>
3. visimisi.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>Al-Azhar</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="moderna.css" rel="stylesheet" type="text/css" />
<style type="text/css"> <!-- .style1 { color: #00CC33; font-weight: bold; font-size: x-large;
font-family: "Courier New", Courier, monospace;} .style2 {
color: #CC0000; font-weight: bold; font-size: small;}
.style5 {font-family: "Courier New", Courier, monospace}
.style8 {color: #CC0000; font-weight: bold; font-size: small; font-family: "Courier New", Courier, monospace; }
.style9 {color: #000000} .style10 {font-size: small} .style11 {
color: #000000; font-size: small;
font-family: "Times New Roman", Times, serif; font-weight: bold;}
.style15 {color: #000000; font-weight: bold; font-size: small; }--> </style>
</head> <body>
<div id="banner"><div align="center"><img src="images/header-web.gif" width="887" height="174" /></div></div>
<ul id="navlist">
<li><a href="index.php">HOME</a></li> <li><a href="profile.php">PROFILE</a></li>
<li id="active"><a id="current" href="visimisi.php">VISI DAN MISI</a></li> <li><a href="kontak.php">KONTAK KAMI</a></li>
<li><a href="admin.php">ADMINISTRATOR</a></li>
(61)
<h2 align="center" class="style5">Links</h2> <div class="menu">
<ul>
<li><a href="so.php">Struktur Organisasi </a></li> <li><a href="fasilitas.php">Fasilitas</a></li> <li><a href="galery.php">Galery</a></li>
<li><a href="ekskul.php">Ekstrakulikuler</a></li></ul></div></div> <div id="content">
<h2 align="center" class="style2">Assalamu'alaikum Wr,Wb.</h2> <span class="style9"></span>
<div align="center"><img src="images/100_1362.JPG" width="481" height="188" /> <p align="center" class="style1">SMA PLUS AL-AZHAR MEDAN </p>
<span class="style10"></span></div>
<p align="center"> <span class="style8">Visi dan Misi serta Ciri Siswa</span></p> <p align="left"><span class="style8">Visi :</span> <span class="style11">Wadah intelektual muslum dan muslim yang intelektual.</span><br /><br />
<span class="style8">Misi :</span> <span class="style11">Melaksanakan pendidikan dengan dua muatan dan satu ciri khas, yaitu :<br />
1. Pertama, bermuatan iman dan taqwa dikalbunya.<br /> 2. Kedua, bermuatan ilmu dan teknologi di akalnya.<br />
3. Ciri khas berakhlakul karimah dalam mengamalakan hablum minallah dan habulumminannas.<br />
</span><span class="style15"></span><span class="style2"><br /> <span class="style5">Ciri Siswa Al-azhar : </span></span><br />
<span class="style11">1. Menegakkan sholat lima waktu dan rutin membaca Al-Quran.<br />
2. Berakhlak mulia dalam ucapan, sikap dan perbuatan.<br /> 3. Tidak melawan guru dan orangtua.<br />
4. Belajar tekun dan berdisiplin.<br />
5. Rapi dalam menampilan dan membudayakan hidup bersih. </span> <p align="left">
<p align="left"></div>
<div id="footer"> <a href="index.php">Home</a> | <a href="profile.php">Profile</a> | <a href="visimisi.php">Visi dan Misi </a> | <a href="kontak.php">Kontak Kami </a> | <a href="administrator.php">Administrator </a> |© 2009 Design by Hanisa Kusuma </div>
</body> </html>
4. kontak.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>
(62)
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="moderna.css" rel="stylesheet" type="text/css" />
<style type="text/css"> <!-- .style1 { color: #00CC33; font-weight: bold; font-size: x-large;
font-family: "Courier New", Courier, monospace;} .style2 {
color: #CC0000; font-weight: bold; font-size: small;
font-family: "Times New Roman", Times, serif;} .style7 {
font-size: medium;
font-family: "Courier New", Courier, monospace;}
.style9 {font-family: "Courier New", Courier, monospace; color: #000000; } .style10 {font-size: x-large}
.style11 {font-family: "Courier New", Courier, monospace}--> </style>
</head> <body>
<div id="banner"><div align="center"><img src="images/header-web.gif" width="887" height="174" /></div></div>
<ul id="navlist">
<li><a href="index.php">HOME</a></li> <li><a href="profile.php">PROFILE</a></li>
<li><a href="visimisi.php">VISI DAN MISI</a></li>
<li id="active"><a id="current" href="kontak.php">KONTAK KAMI</a></li> <li><a href="admin.php">ADMINISTRATOR</li>
<li><a href="bukutamu.php">BUKUTAMU</a></li></ul> <div id="sidebar-a">
<h2 align="center" class="style11">Links</h2> <div class="menu"><ul>
<li><a href="so.php">Struktur Organisasi </a></li> <li><a href="fasilitas.php">Fasilitas</a></li>
<li><a href="galery.php">Galery</a></li>
<li><a href="ekskul.php">Ekstrakulikuler</a></li></ul></div></div> <div id="content">
<h2 align="center" class="style2">Assalamu'alaikum Wr,Wb.</h2> <span class="style9"></span>
<div align="center"><img src="images/100_1362.JPG" width="481" height="188" /> <p align="center" class="style1">SMA PLUS AL-AZHAR MEDAN </p>
<span class="style10"></span></div>
(63)
<tr> <th height="27" colspan="2" class="style2 style7" scope="col"><div align="center">Kontak Kami</div></th></tr>
<tr><td width="151"><div align="left"><strong><span class="style9">Alamat:</span></strong></div></td>
<td width="406"><form action="" method="post" name="form1" class="style9" id="form1">
<label></label> <label>
<input name="alamat" type="text" id="alamat" value="Jln.Pintu Air IV No.214 Kwala Bekala Padang Bulan Medan Sumatera Utara" size="75" />
</label></form></td></tr>
<tr><td><div align="left"><strong><span class="style9">Telp : </span></strong></div></td>
<td><form action="" method="post" name="" class="style9" id=""> <label></label>
<label>
<input name="telp" type="text" id="telp" value=" (061)8361911,(061)8361711" size="30" /></label></form></td></tr>
<tr><td><div align="left"><strong><span
class="style9">Faks:</span></strong></div></td>
<td><form id="form2" name="form2" method="post" action=""> <label></label>
<label></label>
<label><input name="faks" type="text" id="faks" value=" (061)8367946" size="30" /></label></form></td></tr>
<tr><td><div align="left"><strong><span
class="style9">Website</span>:</strong></div></td>
<td><form id="form3" name="form3" method="post" action=""> <label></label>
<label><input name="website" type="text" id="website"
value="www.alazharmedan.com" size="30" /></label></form></td></tr> <tr><td><div align="left"><strong><span
class="style9">Email:</span></strong></div></td>
<td><form id="form4" name="form4" method="post" action=""> <label></label> <label><input name="email" type="text" id="email"
value="[email protected]" size="30" /></label></form></td></tr></table> <p> </p>
<p> </p> </div>
<div id="footer"> <a href="index.php">Home</a> | <a href="profile.php">Profile</a> | <a href="visimisi.php">Visi dan Misi </a> | <a href="kontak.php">Kontak Kami </a> | <a href="administrator.php">Administrator </a> |© 2009 Design by Hanisa Kusuma </div>
</body> </html>
(64)
5. admin.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>Al-Azhar</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="moderna.css" rel="stylesheet" type="text/css" />
<style type="text/css"> <!-- .style1 { color: #00CC33; font-weight: bold; font-size: x-large;
font-family: "Courier New", Courier, monospace;} .style2 {
color: #CC0000; font-weight: bold; font-size: small;
font-family: "Times New Roman", Times, serif;}
.style9 {font-family: "Courier New", Courier, monospace; color: #000000; } .style10 {font-size: x-large}
.style11 {font-family: "Courier New", Courier, monospace} .style21 {color: #990000; font-size: large;}-->
</style> </head> <body>
<td width="423"><form id="login" name="login" method="post" action="tambah.php">
<?
require "connect.php"; $usr = $_POST['user']; $user = md5($usr); $pass = $_POST['pass']; $pswd = md5($pass);
$sql = "select * from admin where nama = '$user'";
$qry = mysql_query($sql) or die("Query salah : " .mysql_error()); $num = mysql_num_rows($qry);
$row = mysql_fetch_array($qry); ?>
<div id="banner"><div align="center"><img src="images/header-web.gif" width="887" height="174" /></div></div>
<ul id="navlist">
<li><a href="index.php">HOME</a></li> <li><a href="profile.php">PROFILE</a></li>
(1)
<title>Al-Azhar</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="moderna.css" rel="stylesheet" type="text/css" />
<style type="text/css"> <!--
.style1 {
color: #00CC33; font-weight: bold; font-size: x-large;
font-family: "Courier New", Courier, monospace;} .style2 {
color: #CC0000; font-weight: bold; font-size: small;
font-family: "Times New Roman", Times, serif;}
.style9 {font-family: "Courier New", Courier, monospace; color: #000000; } .style10 {font-size: x-large}
.style11 {font-family: "Courier New", Courier, monospace} .style15 {font-size: large}
.style16 {font-size: small}
.style17 {font-size: small; color: #000000; }--> </style>
</head> <body>
<div id="banner"><div align="center"><img src="images/header-web.gif" width="887" height="174" /></div></div>
<ul id="navlist">
<li id="active"><a id="current" href="index.php">HOME</a></li> <li><a href="profile.php">PROFILE</a></li>
<li><a href="visimisi.php">VISI DAN MISI</a></li> <li><a href="kontak.php">KONTAK KAMI</a></li> <li><a href="admin.php">ADMINISTRATOR</li>
<li><a href="bukutamu.php">BUKUTAMU</a></li></ul> <div id="sidebar-a">
<h2 align="center" class="style11">Links</h2> <div class="menu">
<ul>
<li><a href="so.php">Struktur Organisasi </a></li> <li><a href="fasilitas.php">Fasilitas</a></li> <li><a href="gallery.php">Gallery</a></li>
<li><a href="ekskul.php">Ekstrakulikuler</a></li> </ul></div></div>
<div id="content">
<h2 align="center" class="style2">Assalamu'alaikum Wr,Wb.</h2> <span class="style9"></span>
(2)
<p align="center" class="style1">SMA PLUS AL-AZHAR MEDAN </p> <span class="style10"></span></div>
<div align="center" class="style2"> <p class="style15">Fasilitas</p> <div align="center" class="style16">
<div align="justify" class="style17">SMA PLUS AL-AZHAR MEDAN menyediakan fasilitas-fasilitas sekolah yang diharapkan dapat meningkatkan minat dan bakat siswa / siswinya. Diantaranya pihak sekolah menyediakan Laboratorium Bahasa, Laboratorium Biologi, Laboratorium Fisika, Laboratorium Kimia, Laboratorium Komputer, Ruang Audio Visual, Perpustakaan. Dan untuk menunjang kegiatan siswa / siswi dalam
berolahraga pihak sekolah menyediakan sarana berupa Lapangan Sepak Bola, Lapangan Bola Bsket dan Lapangan Futsal. Dan pihak sekolah menyediakan Masjid untuk kegiatan ibadah siswa / siswi dalam meningkatkan iman dan takwa. Agar siswa / siswi SMA PLUS AL-AZHAR MEDAN memiliki kekuatan iman dan taqwa dalam kalbunya dan mempunyai bobot akademis sebagai dasar ilmu dan teknologi dalam pemikirannya. Berikut beberapa gambar Fasilitas yang disediakan oleh pihak sekolah, diantaranya :</div></div>
<p></p>
<table width="502" height="106" border="1"> <tr>
<td width="238"><div align="center">Musholla</div></td>
<td width="248"><div align="center">Laboratorium Komputer </div></td></tr> <tr>
<td><img src="images/100_1355.JPG" width="240" height="162" /></td> <td><img src="images/100_1416.JPG" width="240" height="162"/></td></tr> <tr>
<td><div align="center">Labolatorium Biologi, Kimia dan Fisika </div></td> <td><div align="center">Perpustakaan dan Kantin </div></td></tr>
<tr>
<td><img src="images/100_1428.JPG" width="240" height="162"/></td> <td><img src="images/100_1369.JPG" width="240" height="162"/></td></tr> </table></div></div>
<div id="footer"> <a href="index.php">Home</a> | <a href="profile.php">Profile</a> | <a href="visimisi.php">Visi dan Misi </a> | <a href="kontak.php">Kontak Kami </a> | <a href="administrator.php">Administrator </a> |© 2009 Design by Hanisa Kusuma </div>
</body> </html>
12. gallery.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
(3)
<head>
<title>Al-Azhar</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="moderna.css" rel="stylesheet" type="text/css" />
<style type="text/css"> <!--
.style1 {
color: #00CC33; font-weight: bold; font-size: x-large;
font-family: "Courier New", Courier, monospace;} .style5 {font-family: "Courier New", Courier, monospace}
.style7 {color: #CC0000; font-weight: bold; font-size: small; font-family: "Times New Roman", Times, serif; }
.style9 {color: #33CC00; font-weight: bold; font-size: x-large; font-family: "Courier New", Courier, monospace; }
.style13 {color: #CC0000; font-weight: bold; font-size: medium; font-family: "Times New Roman", Times, serif; }
.style14 {
color: #000000; font-weight: bold;
font-family: "Courier New", Courier, monospace;} .style15 {font-family: "Times New Roman", Times, serif}--> </style>
</head> <body>
<div id="banner">
<div align="center"><img src="images/header-web.gif" width="887" height="174" /></div></div>
<ul id="navlist">
<li id="active"><a id="current" href="index.php">HOME</a></li> <li><a href="profile.php">PROFILE</a></li>
<li><a href="visimisi.php">VISI DAN MISI</a></li> <li><a href="kontak.php">KONTAK KAMI</a></li> <li><a href="admin.php">ADMINISTRATOR</a></li> <li><a href="bukutamu.php">BUKUTAMU</a></li></ul> <div id="sidebar-a">
<h2 align="center" class="style5">Links</h2> <div class="menu">
<ul>
<li><a href="so.php">Struktur Organisasi </a></li> <li><a href="fasilitas.php">Fasilitas</a></li> <li><a href="galery.php">Galery</a></li>
<li><a href="ekskul.php">Ekstrakulikuler</a></li> </ul></div></div>
(4)
<h2 align="center" class="style7">Assalamu'alaikum Wr,Wb.</h2>
<div align="center" class="style1"><img src="images/100_1362.JPG" width="481" height="216" />
<p align="center" class="style9">SMA PLUS AL-AZHAR MEDAN </p> <span class="style10"></span></div>
<div align="center" class="style2">
<p align="center" class="style13">Gallery</p> <div align="center" class="style16">
<div align="justify" class="style17 style14 style15">
<div align="center">Pada Gallery ini menampilkan foto / gambar mengenai sekolah SMA PLUS AL-AZHAR MEDAN, foto / gambar dari event / acara yang berlangsung pada SMA PLUS AL-AZHAR MEDAN seperti Persami, Manasik Haji, Malam Ibadah, Ramadhan Centre, Study Tour dan lain-lainnya. </div></div></div>
<p></p>
<table width="852" border="1"> <tr>
<th><img src="images/100_1352.JPG" width="240" height="240"/></th> <th><img src="images/100_1368.JPG" width="240" height="240"/></th> <th><img src="images/100_2566.JPG" width="240" height="240"/></th> </tr></table><p></p></div></div>
<div id="footer"> <a href="index.php">Home</a> | <a href="profile.php">Profile</a> | <a href="visimisi.php">Visi dan Misi </a> | <a href="kontak.php">Kontak Kami </a> | <a href="administrator.php">Administrator </a> |© 2009 Design by Hanisa Kusuma </div>
</body> </html>
13. ekskul.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>Al-Azhar</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="moderna.css" rel="stylesheet" type="text/css" />
<style type="text/css"> <!--
.style1 {
color: #00CC33; font-weight: bold; font-size: x-large;
font-family: "Courier New", Courier, monospace;} .style2 {
color: #CC0000; font-weight: bold;
(5)
font-size: small;
font-family: "Times New Roman", Times, serif;}
.style9 {font-family: "Courier New", Courier, monospace; color: #000000; } .style10 {font-size: x-large}
.style11 {font-family: "Courier New", Courier, monospace} .style15 {font-size: large}
.style16 {color: #000000} .style17 {font-size: small}--> </style>
</head> <body>
<div id="banner"><div align="center"><img src="images/header-web.gif" width="887" height="174" /></div>
</div>
<ul id="navlist">
<li id="active"><a id="current" href="index.php">HOME</a></li> <li><a href="profile.php">PROFILE</a></li>
<li><a href="visimisi.php">VISI DAN MISI</a></li> <li><a href="kontak.php">KONTAK KAMI</a></li> <li><a href="admin.php">ADMINISTRATOR</li>
<li><a href="bukutamu.php">BUKUTAMU</a></li></ul> <div id="sidebar-a">
<h2 align="center" class="style11">Links</h2> <div class="menu">
<ul>
<li><a href="so.php">Struktur Organisasi </a></li> <li><a href="fasilitas.php">Fasilitas</a></li> <li><a href="gallery.php">Gallery</a></li>
<li><a href="ekskul.php">Ekstrakulikuler</a></li> </ul></div></div>
<div id="content">
<h2 align="center" class="style2">Assalamu'alaikum Wr,Wb.</h2> <span class="style9"></span>
<div align="center"><img src="images/100_1362.JPG" width="481" height="188" /> <p align="center" class="style1">SMA PLUS AL-AZHAR MEDAN </p>
<span class="style10"></span></div> <div align="center" class="style2"> <p class="style15">Ekstrakulikuler</p> <div align="center" class="style16">
<div align="justify" class="style14 style17">
<div align="center">SMA PLUS AL-AZHAR MEDAN menyediakan Program Ektrakulikuler untuk mengembangkan minat dan bakat siswa / siswinya. Diharapkan dengan adanya Program Ekstrakulikuler ini, siswa / siswi SMA PLUS AL-AZHAR MEDAN mampu meningkatkan dan menyalurkan bakat yang dimilikinya sehingga dapat mengharumkan nama keluarga, sekolah dan negara. Program Ektrakulikuler yang
(6)
Raga, Bidang Keilmuan, Bidang Life Skill. Berikut ini merupakan klasifikasi Program Ektrakulikuler, yaitu :</div></div></div>
<p></p>
<table width="683" border="1"> <tr>
<th width="158" scope="col">Bidang Seni </th> <th width="164" scope="col">Bidang Olah Raga </th> <th width="192" scope="col">Bidang Keilmuan </th> <th width="141" scope="col">Life Skill </th></tr> <tr>
<td><div align="center" class="style16">Tari</div></td>
<td><div align="center"><span class="style16">Bola Basket </span></div></td> <td><div align="center" class="style16">Bahasa Indonesia </div></td>
<td><div align="center" class="style16">Komputer</div></td></tr> <tr>
<td><div align="center" class="style16">Paduan Suara </div></td>
<td><div align="center"><span class="style16">Bola Kaki </span></div></td> <td><div align="center" class="style16">Bahasa Inggris </div></td>
<td><div align="center" class="style16">Kelistrikan</div></td></tr> <tr>
<td><div align="center" class="style16">Tilawahtil Qur'an </div></td> <td><div align="center"><span class="style16">Futsal</span></div></td> <td><div align="center" class="style16">Biologi, Fisika dan Kimia </div></td> <td><div align="center" class="style16">Otomotif</div></td></tr>
<tr>
<td><div align="center" class="style16">Tahfizul Quran </div></td>
<td><div align="center"><span class="style16">Taekwondo</span></div></td> <td><div align="center" class="style16">Matematika</div></td>
<td><div align="center" class="style16">Penanggulangan Limbah </div></td></tr> <tr>
<td><div align="center"><span class="style16">Band / Nasyid Modern </span></div></td>
<td> </td>
<td><div align="center" class="style16"></div></td>
<td><div align="center"><span class="style16">Bahaya Lingkungan </span></div></td></tr></table>
<p></p></div></div>
<div id="footer"> <a href="index.php">Home</a> | <a href="profile.php">Profile</a> | <a href="visimisi.php">Visi dan Misi </a> | <a href="kontak.php">Kontak Kami </a> | <a href="administrator.php">Administrator </a> |© 2009 Design by Hanisa Kusuma </div>
</body> </html>