Membangun Aplikasi Website Interaktif dengan Adobe Dreamweaver CS5 pada SMA Sinar Husni Deli Serdang

(1)

MEMBANGUN APLIKASI WEBSITE INTERAKTIF DENGAN

ADOBE DREAMWEAVER CS5 PADA SMA SINAR HUSNI

DELI SERDANG

TUGAS AKHIR

MUHAMMAD KHAIRI

092406218

PROGRAM STUDI D-3 ILMU KOMPUTER

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN

ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

(2)

MEMBA

ADOB

Diajukan

FAKU

ANGUN

BE DREA

n untung m

PROG

D

ULTAS M

UN

APLIKA

AMWEAV

D

T

melengkapi

MUH

GRAM ST

DEPARTE

MATEMA

NIVERSIT

ASI WEBS

VER CS5

ELI SER

TUGAS A

tugas dan Mady

HAMMAD

092406

TUDI D-3

EMEN M

ATIKA DA

ALAM

TAS SUM

MEDA

2014

SITE INT

5 PADA S

RDANG

AKHIR

memenuhi ya

D KHAIR

218 ILMU K

MATEMA

AN ILMU

M

MATERA

AN

4 TERAKTI

SMA SINA

i syarat me

RI

KOMPUTE

ATIKA

U PENGE

UTARA

IF DENG

AR HUSN

emperoleh A

ER

ETAHUA

GAN

NI

Ahli

AN

(3)

PERSETUJUAN

Judul : Membangun Aplikasi Website Interaktif Dengan Adobe Dreamweaver CS5 Pada

SMA Sinar Husni Deli Serdang

Kategori : Tugas Akhir

Nama : Muhammad Khairi

Nomor Induk Mahasiswa : 092406218

Program Studi : D3 Teknik Informatika

Departemen : Matematika

Fakultas : Matematika dan Ilmu Pengetahuan Alam

Universitas Sumatera Utara

Disetujui di Medan, Agustus 2014

Disetujui oleh:

Program Studi D3 Teknik Informatika Pembimbing, FMIPA USU

Ketua,

Dr. Elly Rosmaini, M.Si Dr. Elly Rosmaini,M.Si

(4)

PERNYATAAN

MEMBANGUN APLIKASI WEBSITE INTERAKTIF DENGAN ADOBE DREAMWEAVER CS5 PADA SMA SINAR HUSNI

DELI SERDANG

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Agustus 2014

MUHAMMAD KHAIRI 092406218

(5)

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha Penyayang 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 Matematika dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara. Adapun judul tugas akhir ini adalah “Membangun Aplikasi Website Interaktif dengan Adobe Dreamweaver CS5 pada SMA Sinar Husni Deli Serdang”.

Terima kasih penulis sampaikan kepada Dr.Elly Rosmaini,M.Si selaku pembimbing yang telah menuangkan waktunya selama penyusunan tugas akhir ini. Terima kasih kepada Prof.Dr. Tulus, M.Si. Ph.D dan Ibu Dr. Mardiningsih, M.Sc selaku Ketua Departemen dan Sekretaris Departemen Matematika FMIPA-USU Medan, Dekan dan Pembantu Dekan FMIPA USU dan rekan-rekan kuliah. Penulis ucapkan terima kasih kepada seluruh guru dan staf administrasi yang telah membantu penulis dalam pengumpulan data riset di SMA SINAR HUSNI. Akhirnya tidak terlupakan kepada Bapak, Ibu dan keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Tuhan Yang Maha Esa akan membalasnya.

(6)

MEMBANGUN APLIKASI WEBSITE INTERAKTIF DENGAN ADOBE DREAMWEAVER CS5 PADA SMA SINAR HUSNI

DELI SERDANG

ABSTRAK

Kajian ini bertujuan untuk membangun aplikasi website suatu lembaga pendidikan yang berhubungan dengan SMA Sinar Husni Deli Serdang. Aplikasi ini dikembangkan dengan menggunakan perangkat lunak Adobe Dreamweaver CS5 , Adobe Photoshop, Apache 2.0.48, MySQL 5.0.15, PHP 5.1.1, serta browser Internet Explorer. Aplikasi web ini bekerja untuk dapat menyajikan informasi mengenai struktur pada lembaga tersebut secara teraktual kepada masyarakat, menyajikan berbagai pengumuman mengenai dunia pendidikan dalam lingkup lembaga tersebut. Tujuan aplikasi web ini adalah untuk menyajikan dan menyebarkan informasi kepada user/pengguna dengan baik dan dapat meng-update isi dari informasi yang terdapat pada web tersebut dengan mudah pada waktu yang diinginkan. Objektif utama dalam pembuatan website ini agar kinerja pengolahan informasi dapat ditingkatkan dan dapat di peroleh dengan mudah bagi semua kalangan yang membutuhkannya.

(7)

CREATE INTERACTIVE WEBSITE APPLICATIONS WITH ADOBE DREAMWEAVER CS5 AT SINAR HUSNI SENIOR HIGH SCHOOL

DELI SERDANG

ABSTRACT

This study aims to build a web application-related educational institutions SMA Sinar Husni Deli Serdang. This application was developed using the software Adobe Dreamweaver CS5, Adobe Photoshop, Apache 2.0.48, MySQL 5.0.15, PHP 5.1.1, and Internet Explorer browser. This web application works to be able to present information about the structure of these institutions to the the public, presenting a variety of announcements regarding education within the scope of the agency. The purpose of this web application is to present and disseminate information to the user well and can update the contents of the information contained on the web easily at the desired time. The main objective in making this website so that performance can be improved and information processing can be obtained easily for all people who need it.

(8)

DAFTAR ISI

Halaman Persetujuan i

Pernyataan ii Penghargaan iii Abstrak iv Abstract v

Daftar Isi vi

Daftar Tabel ix

Daftar Gambar x

Daftar Singkatan xi

Daftar Lampiran xii

Bab 1. Pendahuluan

1.1. Latar Belakang 1

1.2. Perumusan Masalah 3

1.3. Ruang Lingkup Masalah 4

1.4. Tujuan Penulisan 4

1.5. Metodologi Penelitian 5

1.6. Sistematika Penulisan 6

Bab 2. Landasan Teori

2.1. Pengertian Komputer 8

2.2. Pengertian Internet 9

2.3. Pengertian HTML 10

2.3.1. Pendahulan HTML 10

2.3.2. Bagian-Bagian HTML 10

2.4. Pengenalan Apache 12

2.5. Pengenalan PHP 13

2.5.1. Sejarah PHP 13

2.5.2. Penggabungan Script PHP dan HTML 15

2.6. Pengenalan MySQL 17

2.7. Cascading Style Sheet (CSS) 18

2.8. Pengenalan Adobe Dreamweaver CS5 19

2.8.1. Memulai Adobe Dreamweaver CS5 20

2.8.2. Area Kerja Adobe Dreamweaver CS5 20

2.8.3. Menu Bar Area Kerja Adobe Dreamweaver CS5 22

Bab 3. Tinjauan Umum SMA Sinar Husni Kab.Deli Serdang

3.1. Sekilas Tentang Sekolah 24

3.2. Sejarah Singkat 25

3.3. Visi dan Misi SMA Sinar Husni Kab.Deli Serdang 26

(9)

3.3.2. Misi 26

3.4. Struktur Organisasi 28

3.5. Uraian Tugas dan Fungsi Pengelolah Sekolah 30

3.5.1. Dinas Pendidikan dan Pengajaran 30

3.5.2. Yayasan 30

3.5.3. Pengawas Yayasan 30

3.5.4. Pembina 31

3.5.5. Kepala Sekolah 31

3.5.6. Wakil Kepala Sekolah Dibidang Kurikulum 31 3.5.7. Wakil Kepala Sekolah Dibidang Administrasi 32 3.5.8. Wakil Kepala Sekolah Dibidang Kesiswaan 33

3.5.9. Tata Usaha 33

3.5.10. Wali Kelas 34

3.5.11. Guru Bidang Studi 34

3.5.12. Siswa 34

Bab 4. Perancangan Sistem

4.1. Perencanaan dan Perancangan 35

4.2. Gambaran Umum Pembuatan Program 35

4.3. Membangun Halaman Situs 36

4.4. Flowchart Situs 38

4.4.1. Flowchart Menu Utama 38

4.4.2. Flowchart Administrator 39

4.5. Mempersiapkan Database Server 40

4.6. Desain Web 43

4.7. Proses Upload File 43

4.8. Metode Pengembangan Sistem 44

Bab 5. Implementasi Sistem

5.1. Pengertian Implementasi Sistem 45

5.2. Tujuan Implementasi Sistem 45

5.3. Komponen dalam Implementasi Sistem 46

5.4. Pemeliharaan Sistem 47

Bab 6. Kesimpulan dan Saran

6.1 Kesimpulan 48

6.2 Saran 49

Daftar Pustaka 50

(10)

DAFTAR TABEL

Nomor Judul Halaman

Tabel

4.1. Tabel Profil 41

4.2. Tabel Organisasi 41

4.3. Tabel Guru 42

4.4. Tabel Siswa 42

(11)

DAFTAR GAMBAR

Nomor Judul Halaman

Gambar

3.1. Struktur SMA Sinar Husni 29

4.1. Rancangan halaman web yang dibangun 37

4.2. Alur flowchart Menu Utama 39

(12)

DAFTAR SINGKATAN

DFC = Diagram Flow Chart

TCP = Transmission Control Protocol

IP = Internet Protocol

WWW = World Wide Web

W3C = World Wide Web Consortium

HTML = HyperText Markup Language

NCSA = National Center for Supercomputing Applications

SSL = Secure Socket Layer

API = Application Programming Interface

PSW = Personal Web Server

IIS = Internet Information Services DSO = Dynamic Shared Objects PHP = Personal Home Page F1 = Form Interpreter GPL = General Public License SQL = Structured Query Language

CSS = Cascading Style Sheet

CFML = ColdFusion Markup Language

RSS = Really Simple Syndication

XML =Extensible Markup Language

(13)

DAFTAR LAMPIRAN

Nomor Judul Halaman

Lamp

1. Listing Program Admin 51

2. Listing Program Data Kelas 63

(14)

MEMBANGUN APLIKASI WEBSITE INTERAKTIF DENGAN ADOBE DREAMWEAVER CS5 PADA SMA SINAR HUSNI

DELI SERDANG

ABSTRAK

(15)

CREATE INTERACTIVE WEBSITE APPLICATIONS WITH ADOBE DREAMWEAVER CS5 AT SINAR HUSNI SENIOR HIGH SCHOOL

DELI SERDANG

ABSTRACT

(16)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Teknologi di bidang komputer saat ini sangat berkembang pesat sehingga dapat

meningkatkan keefisienan dan efektifitas dalam melakukan setiap pekerjaan.

Komputer bukan hanya sekedar pengolah data dan gambar saja tetapi

penggunaannya semakin meluas menjadi salah satu sarana komunikasi, media

informasi, dan edukasi. Internet dengan berbagai aplikasinya pada dasarnya

adalah media yang digunakan untuk mengefisienkan proses komunikasi. Salah

satu aplikasinya yaitu World Wide Web (WWW). Di awal perkembangannya

World Wide Web hanya digunakan untuk kalangan akademisi dan riset, namun sekarang World Wide Web digunakan untuk bisnis dan hiburan.

PHP (Hypertext Preprocessor) merupakan bahasa server side script yaitu bahasa berbentuk script yang terletak dan dieksekusi di server untuk kemudian

hasilnya (berupa kode HTML) dikembalikan ke browser user/pengguna. Misalnya

dapat mengakses database dan menampilkannya di halaman web dengan cepat dan mudah. PHP juga dapat berinteraksi dengan hampir semua teknologi web

yang telah ada dan sifatnya yang open source (bebas pakai) memberikan kesempatan buat semua user dan programmer untuk menggunakan dan

(17)

Perkembangan aplikasi web yang semakin pesat sejak munculnya teknologi internet sangat membantu dalam kemudahan serta kecepatan pengiriman, penyampaian, dan penerimaan informasi. Mulai dari

perusahaan-perusahaan, sekolah-sekolah, perguruan tinggi, dan lembaga atau organisasi

lainnya yang telah banyak memanfaatkan aplikasi web dalam kegiatan penjualan, promosi, belajar, dan kegiatan lainnya dimana dibutuhkan pengiriman,

penyebaran, dan penerimaan informasi sehingga memberikan kemudahan bagi

pengguna (user) yang membutuhkan.

Informasi yang diperoleh dari internet pun bermacam-macam tergantung

dari informasi yang dibutuhkan user (pengguna). Salah satu informasi yang dapat kita peroleh banyaknya situs-situs pendidikan mulai dari tingkat atas (SMA)

sampai dengan tingkat kampus-akademik. Oleh karena itu, dengan

berkembangnya kemajuan teknologi ini, SMA Sinar Husni Deli Serdang perlu

mempromosikan dirinya melalui sebuah website yang on-line di internet. Dengan sebuah website yang on-line di internet, masyarakat dapat dengan mudah mengakses dan mengetahui segala sesuat mengenai SMA Sinar Husni Deli

Serdang dengan cepat tanpa memerlukan waktu yang banyak.

Dengan melihat kondisi ini, penulis tertarik untuk mengangkat masalah ini

sebagai tugas akhir guna melengkapi salah satu syarat dalam menyelesaikan

program studi D3 Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan

Alam di Universitas Sumatera Utara. Penulis mencoba merancang sebuah website

pada SMA Sinar Husni Deli Serdang sebagai tugas akhir.

Atas pertimbangan tersebut dan pribadi penulis yang ingin menerapkan

(18)

suatusitus pendidikan (sekolah) dengan judul: “MEMBANGUN APLIKASI

WEBSITE INTERAKTIF DENGAN ADOBE DREAMWEAVER CS5 PADA SMA SINAR HUSNI DELI SERDANG”.

1.2 Perumusan Masalah

Masalah yang akan dipecahkan adalah bagaimana SMA Sinar Husni Deli Serdang

dapat memanfaatkan aplikasi web sebagai suatu sarana untuk menyajikan dan

mengirimkan informasi dengan lebih cepat dan mudah bagi masyarakat umum

khususnya pada kalangan siswa-siswi, guru-guru, dan pegawai itu sendiri.

Sehubungan dengan hal tersebut maka penulis mencoba

mengidentifikasikan masalah sebagai berikut:

1. Sejauh mana website ini dapat dirancang dengan semenarik mungkin sehingga dapat memenuhi keingintahuan masyarakat mengenai SMA

Sinar Husni Deli Serdang.

2. Informasi apa saja yang disediakan dalam web SMA Sinar Husni Deli

Serdang sehingga oleh pengunjung dapat dirasakan manfaatnya.

1.3 Ruang Lingkup Masalah

Adapun batasan dari tugas akhir ini adalah membahas pembuatan aplikasi website

yang interaktif pada SMA Sinar Husni Deli Serdang dengan menampilkan

(19)

yang memberikan informasi bagi mengenai SMA Sinar Husni Deli Serdang baik

untuk kalangan masyarakat umum maupun dari kalangan siswa-siswi, guru-guru,

dan pegawai itu sendiri yang membutuhkan informasi. Pihak administrator web

sangat berperan penting dalam membuat, menambah, maupun mengubah data

yang ditampilkan pada web.

Aplikasi web ini dibangun di bawah sistem operasi Windows XP dengan

menggunakan aplikasi web server Apache 2.0.48, PHP 5.1.1 dan MySQL 5.0.22 serta menggunakan bantuan Adobe Dreamweaver CS5 dan Adobe Photoshop CS

sebagai editor perancangan layout dan pembangunan web.

1.4 Tujuan Penelitian

Adapun tujuan diadakannya penelitian ini adalah:

1. Mendapatkan data/informasi yang dimiliki sekolah, agar penulis dapat

mengolahnya menjadi suatu informasi.

2. Merancang suatu aplikasi web yang dinamis yang dimanfaatkan untuk menyebarkan informasi yang baik dengan cepat dan mudah.

3. Memberikan kemudahan bagi sekolah khususnya para siswa untuk

(20)

1.5 Metodologi Penelitian

Adapun metodologi penelitian yang digunakan penulis dalam mengumpulkan data

adalah:

1. Penelitian Kepustakaan (Library Research) Disini penulis menggunakan buku-buku yang berhubungan dengan masalah sehingga dapat membantu

penyelesaian masalah dalam perancangan situs yang benar, serta dalam

mendukung tugas akhir ini untuk menyususn landasan teoritis.

2. Penelitian Lapangan (Field Research) Penelitian dilakukan langsung ke Sekolah Menengah Atas (SMA) untuk mendapatkan data, dimana penulis

melakukan pengumpulan data dengan cara bertanya langsung kepada

guru-guru dan pegawai pada sekolah tersebut.

3. Studi Literature Mempelajari site-site yang berhubungan dengan tugas

akhir mahasiswa seperti situs- situs sekolah, serta mempelajari

bahasa-bahasa pemrograman web dengan mengunjungi situs-situs yang menyediakan tutorial pemrograman web seperti www.ilmukomputer.com dan lain-lain.

4. Selain ketiga buku diatas, penulis juga menggunakan beberapa buku

pendukung lainnya yang menjadi referensi dalam pembuatan tugas akhir

(21)

1.6 Sistematika Penulisan

Secara garis besar tugas akhir ini terdiri dari 6 (enam) bab dan beberapa lampiran,

yang mana setiap bab terdiri dari sub-sub bab. Adapun sistematika penulisan tugas

akhir ini adalah:

BAB 1 :PENDAHULUAN

Pada bab ini diuraikan secara ringkas pembahasan tentang latar

belakang, identifikasi masalah, ruang lingkup masalah, tujuan

penelitian, metodologi penelitian, tinjauan pustaka, dan sistematika

penulisan.

BAB 2 : LANDASAN TEORI

Di dalam bab ini diuraikan sekilas tentang pengertian komputer,

pengenalan internet, pengenalan HTML, pengenalan Apache, Pengenalan PHP dan MySQL, dan Adobe Dreamweaver CS5.

BAB 3 : TINJAUAN UMUM SMA SINAR HUSNI DELI SERDANG Pada bab ini penulis menjelaskan tentang struktur organisasi

sekolah, tugas dan tanggung jawab.

BAB 4 : PERANCANGAN SISTEM

(22)

Bab ini penulis membahas perencanaan dan perancangan sistem,

gambaran umum pembuatan program, membangun halaman situs,

persiapan database, desain situs, serta metode pengembangan sistem.

BAB 5 : IMPLEMENTASI SISTEM

Pada bab ini berisikan uraian pengertian sistem informasi,

komponen dalam implementasi sistem, dan Instalasi Apache, PHP

dan MySQL.

BAB 6 : KESIMPULAN DAN SARAN

(23)

BAB 2

LANDASAN TEORI

2.1 Pengertian Komputer

Pengertian komputer secara sederhana adalah sebuah alat elektronik yang terdiri

dari 3 (tiga) bagian sistem, yaitu hardware, software, dan brainware. Perangkat keras (hardware) komputer adalah perangkat yang secara fisik dapat dilihat dan diraba yang membentuk suatu kesatuan sehingga dapat difungsikan.

Sedangkan pengertian komputer menurut Darwin Sitompul adalah

komputer berasal dari bahasa Inggris, to compute yang artinya menghitung. Jadi, komputer dapat diartikan sebagai alat untuk menghitung. Itulah pada awalnya arti

dan fungsi utama komputer, yakni sebagai alat untuk menghitung (Darwin

Sitompul,1994).

Perkembangan teknologi dan ilmu komputer selanjutnya telah

memberikan berbagai kemampuan lain pada komputer saat ini, sehingga definisi

komputer itu sendiri telah mengalami perubahan. Sekarang ini, proses menghitung

hanyalah merupakan sebagian saja dari kerja yang dapat dilakukan komputer.

Banyak fungsi lain yang dapat dilakukannya seperti pengolahan data, permainan,

pengontrolan mesin, membuat grafik, melakukan analis statistik, merancang

(24)

2.2 Pengertian Internet

Dalam beberapa tahun terakhir ini istilah internet sudah tidak asing lagi, dari orang dewasa sampai pelajar sudah menggunakan teknologi ini. Bahkan produsen

komputer pun berlomba-lomba menciptakan komputer yang canggih untuk

memenuhi kebutuhan yang semakin bertambah. Pada zaman dahulu informasi

yang didapat hanya melalui media cetak seperti koran atau buku serta media

elektronik seperti radio dan televisi. Media-media ini berkembang terus seiring

dengan kebutuhan masyarakat akan informasi. Namun media-media ini banyak

kekurangannya, karena hanya memberikan informasi yang ada maupun berita

yang sudah lama dan informasi ini hanya sekali, maksudnya tidak dapat diulang

lagi. Dengan internet, informasi yang didapat tidak terbatas oleh waktu, terbuka sehari-semalam dan dapat mencari informasi yang dibutuhkan.

Internet adalah metode untuk menghubungkan berbagai komputer ke dalam satu jaringan komputer global, melalui protokol yang disebut Transmission Control Protocol/Internet Protocol (TCP/IP). Protokol adalah suatu petunjuk yang menunjukkan pekerjaan yang akan pengguna (user) lakukan dengan internet, apakah akan mengakses situs web, melakukan transfer file, mengirim email dan sebagainya. Protokol bisa dibayangkan seperti suatu bahasa yang digunakan untuk berkomunikasi berbagai jenis komputer maupun sistem operasi yang terhubung di

internet (Abdul Kadir, 2002).

(25)

2.3.1 Pendahuluan HTML

Hypertext Markup Language merupakan kepanjangan dari kata HTML adalah

script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti

dibanding bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML

dapat dibaca oleh berbagai platform seperti: Windows, Linux, Macintosh. Kata “Markup Language” pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam script HTML dimana kita bisa mengatur judul, garis, tabel, gambar, dan lain-lain dengan perintah yang telah ditentukan pada elemen HTML.

HTML sendiri dikeluarkan oleh W3C (World Wide Web Consortium), setiap terjadi perkembangan level HTML, harus dievaluasi ketat dan disetujui oleh W3C. Hingga kini versi terakhir HTML yang telah disetujui oleh W3C adalah HTML

versi 4.01.

2.3.2 Bagian-bagian HTML

HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu

kelompok perintah tertentu, misalnya kelompok perint ah form yang ditandai dengan kode <form>, judul dengan <title> dan sebagainya. Untuk lebih lanjut

mengenai bagian- bagian HTML perhatikan skema dibawah ini:

<html>

<head>

<title>…</title>

(26)

<body>

…isi dari halaman web… </body>

</html> Keterangan:

1. Dokumen HTML selalu diawali dengan tanda tag pembuka <html> dan

diakhiri dengan tanda tag penutup </html>.

2. Pada elemen head <head></head>, dapat kita sisipkan kode-kode untuk

menuliskan keterangan tentang dokumen HTML atau dapat juga kita

sisipkan script-script pemrograman web seperti JavaScript, VBScript, atau CSS untuk menambah daya tarik pada situs yang kita buat agar lebih menarik dan dinamis.

3. Elemen body <body></body> berisi tag-tag untuk isi atau layout tampilan

situs kita, seperti: <font></font>, <table></table>, <form></form>.

Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari

kode-kode tag tersebut. Sedangkan tag hanyalah merupakan bagian dari elemen.

Tag adalah kode-kode yang digunakan untuk men-setting dokumen HTML.

Secara garis besar bentuk umum tag adalah sebagai berikut:

<tag-awal>TEKS<tag-akhir>

Namun ada juga tag yang tidak perlu ada penutup seperti <br>, <hr>,

(27)

2.4 Pengenalan Apache

Pada awal mulanya, Apache merupakan perangkat lunak sumber terbuka yang

menjadi alternatif dari server web Netscape (sekarang dikenal sebagai Sun Java System Web Server). Asal mula nama Apache berasal ketika sebuah server web

populer yang dikembangkan pada awal 1995 yang bernama NCSA HTTPd 1.3

memiliki sejumlah perubahan besar terhadap kode sumbernya (patch). Tetapi pada halaman FAQ situs web resminya, disebutkan bahwa "Apache" dipilih untuk menghormati suku asli Indian Amerika Apache (Indé), yang dikenal karena

keahlian dan strategi perangnya. Versi 2 dari Apache ditulis dari awal tanpa

mengandung kode sumber dari NCSA.

Server HTTP Apache atau Server Web/WWW Apache adalah server web

yang dapat dijalankan di banyak sistem operasi (Unix, BSD, Linux, Microsoft

Windows, dan Novell Netware serta platform lainnya) yang berguna untuk melayani dan memfungsikan situs web. Ada banyak web server yang berkembang dan sering digunakan dalam membangun aplikasi berbasis web, seperti PWS dan IIS yang dipakai oleh ASPnya Microsoft Web Server Nescape, Qitami, Caudium,

dan Apache.

Berdasarkan survey Netcraft.com, Apache merupakan web server yang paling populer digunakan di dunia. Beberapa kelebihan Apache antara lain:

1. Free of charge, berarti tidak harus membayar lisensi kepada pembuat untuk menggunakannya.

2. Dapat diakses (API ke berbagai scripting language) dan digabung dengan berbagai aplikasi lain (database server, SSL, ext) dan sebagainya.

(28)

3. Waktu pemrosesan lebih cepat dan tangguh dengan konfigurasi yang benar.

4. Dapat dilakukan setting dan instalasi sesuai dengan kebutuhan dengan adanya modules dan DSO-nya.

5. Memiliki kemampuan Advanced Setting dan Configuration Support.

2.5 Pengenalan PHP

2.5.1 Sejarah PHP

PHP adalah bahasa pemrograman web atau scripting language yang didesain untuk web. PHP merupakan script untuk pemrograman script web server-side,

script yang membuat dokumen HTML, dokumen HTML yang dihasilkan dari suatu aplikasi bukan dokumen HTML yang dibuat dengan menggunakan editor

teks atau editor HTML. Dengan menggunakan PHP suatu situs web menjadi lebih mudah. Proses update data dapat dilakukan dengan menggunakan aplikasi yang dibuat dengan menggunakan script PHP (Betha Sidik, 2001).

PHP dibuat pertama kali pada musim gugur tahun 1994 oleh Rasmus Lerdorf, yang pada awalnya dibuat untuk menghitung jumlah pengunjung pada

homepage-nya. Pada waktu itu PHP bernama F1 (Form Interpreted). Pada saat tersebut PHP adalah sekumpulan script yang digunakan untuk mengolah data

form dari web.

Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber

(29)

adalah Personal Home Page/Form Interpreter. Tahun 1995 dianggap sebagai tahun kelahiran dari PHP/F1 yang kemudian membuat pertumbuhan aplikasi web

yang pesat, dan banyak orang kemudian mengembangkan PHP/F1. Dengan

pelepasan kode sumber ini menjadi open source, maka banyak programmer yang tertarik untuk ikut mengembangkan PHP.

Pada tahun 1997 terjadi perubahan pengembangan PHP. Sebuah

perusahaan bernama Zend, menulis ulang interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998 perusahaan tersebut merilis

interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0. Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai.

Versi ini banyak dipakai sebab versi ini mampu dipakai untuk membangun

aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan stabilitas yang tinggi.

Pada tanggal 13 Juli 2004 Zend merilis PHP 5.0. Versi ini adalah versi

mutakhir dari PHP. PHP 5.0 dapat digunakan pada hampir semua sistem operasi

utama, seperti Linux, varian Unix (mencakup HP-UX, Solaris, dan Openbsd),

Microsoft Windows, Mac OS X, RISC O, dan mungkin yang lain. PHP juga

mendukung hampir semua server web, seperti Apache, Microsoft Internet Information Server, Personal Web Server, Netscape, dan iPlanet Servers, Oreilly

(30)

2.5.2 Penggabungan Script PHP dan HTML

Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih

dahulu memberikan tanda tag buka dilanjutkan tanda tanya (<?) kemudian ditutup

dengan tanda tanya dilanjutkan tanda tag tutup (?>). Ada dua tipe penggabungan

antara PHP dan HTML yaitu:

1. Embedded Script

Yaitu penulisan tag PHP di sela-sela tag HTML. Dengan cara ini, penulisan tag

PHP digunakan untuk mengapit bagian-bagian tertentu dalam dokumen yang

memerlukan script PHP untuk proses di dalam server. Embedded Script

menempatkan sebagai bagian dari script HTML. Contoh penulisan Embedded Script dapat dilihat di bawah ini:

<html>

<head>

<title>Testing</title> </head>

<body>

<? echo “halo Dunia”; ?> </body>

(31)

2. Non-Embedded Script

Yaitu cara 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 PHP.Contoh penulisan Non-Embedded Script dapat dilihat di bawah ini:

echo ‘<html>’; echo ‘<head>’;

echo ‘<title>Testing</title>’; echo ‘</head> <body>’; echo ‘Halo Dunia’; echo ‘</body>’; echo ‘</html>’; ?>

2.6. Pengenalan MySQL

MySQL dikembangkan sekitar tahun 1994 oleh sebuah perusahaan pengembangan

software dan konsultan database bernama MySQL AB yang bertempat di Swedia. Waktu itu perusahaan tersebut masih bernama TcX DataKonsult AB. Tujuan awal

dikembangkannya MySQL adalah untuk mengembangkan aplikasi berbasis web. Michael Widenius “Monty”, pengembang satu-satunya di TcX, memiliki sebuah

(32)

aplikasi UNIREG dan rutin ISAM buatannya sendiri dan sedang mencari

antarmuka SQL yang cocok untuk diimplementasikan ke dalamnya. Pada awalnya

Monty memakai miniSQL (mSQL) pada eksperimennya, namun mSQL masih

kurang sesuai karena terlalu lambat dalam pemrosesan query. Akhirnya Monty menghubungi David Hughes, pembuat mSQL yang sedang meliris versi kedua

dari mSQL. Kemudian Monty mencoba membuat sendiri mesin SQl yang

memiliki antarmuka mirip dengan SQL, tetapi dengan kemampuan yang lebih

sesuai dan lahirlah MySQL.

Pengambilan nama MySQL sampai saat ini masih belum jelas

asal-usulnya. Ada yang berpendapat nama My diambil dari huruf depan dan belakang Monty, tetapi ada juga yang berdapat nama itu diambil dari putri Monty yang

kebetulan juga bernama My (Didik Dwi Prasetyo, 2002).

MySQL adalah Relational Database Management System (RDMS) yang didistribusikan secara gratis di bawah lisensi GPL (General Public Lincense). Dimana setiap orang bebas untuk menggunakan MySQL, namun tidak boleh

dijadikan produk turunan yang bersifat closed source atau komersial.

MySQL sebenarnya merupakan turunan salah satu konsep utama dalam

database yaitu, SQL (Structured Query Language). SQL adalah sebuah konsep pengoperasian database, terutama untuk memilih dan memasukkan data yang memungkinkan pengoperasian dan dikerjakan dengan mudah secara otomatis

(33)

2.7 CSS (Cascading Style Sheet)

CSS merupakan kependekan dari Cascading Style Sheet yang berfungsi untuk mengatur tampilan dengan kemampuan jauh lebih baik dari tag maupun atribut

standar HTML (Hypertext Markup Language). CSS sebenarnya adalah suatu kumpulan atribut untuk fungsi format tampilan dan dapat digunakan untuk

mengontrol tampilan banyak dokumen secara bersamaan. Keuntungan

menggunakan CSS yaitu jika ingin mengubah format dokumen, maka tidak perlu

mengedit satu per satu.

Penggunaan CSS ada 2 (dua) cara yaitu dengan menyisipkan kode CSS

langsung dalam kode HTML atau simpan 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 (empat) dan pada versi sebelumnya, hanya

dengan Internet Explorer yang masih mampu mengenali CSS. Perlu diketahui

bahwa tampilan CSS dapat berbeda bila ditampilkan pada menu browser yang

berbeda pula (Abdullah, 2003).

2.8 Pengenalan Adobe Dreamweaver CS5

Dreamweaver merupakan salah satu software dari kelompok Macromedia yang banyak digunakan untuk mendesain situs web. Adapun Adobe Dreamweaver itu sendiri adalah sebuah HTML editor profesional yang berfungsi untuk mendesain

(34)

secara visual dan mengelola situs web maupun halaman web (Mei Lenawati, 2007).

Dreamweaver menyediakan suatu persandian penuh yaitu Code Editing Tool

(seperti code coloring, tag completion, acoding toolbar, dan code collapse) dan

Language Reference (seperti Cascading Style Sheet (CSS), JavaScript, ColdFusion Markup Language (CFML) dan bahasa yang lain). Macromedia Roundtrip HTML technology meng-import dokumen HTML tanpa melakukan reformat kode yang dalam dokumen HTML tersebut.

2.8.1 Memulai Adobe Dreamweaver CS5

Langkah untuk memulai penggunaan Macromedia Dreamweaver CS5 dengan cara,

klik tombol Start All Programs Adobe Adobe Dreamweaver CS5. Setelah menjalankan Adobe Dreamweaver CS5, maka dilayar monitor akan tampil lembar

aplikasi Adobe Dreamweaver CS5.

Jika ingin membuat file HTML baru, klik pilihan HTML pada bagian Create New, sedangkan untuk file yang menggunakan kode program PHP maka klik pilihan PHP. Hal ini karena kita akan bekerja dengan Dreamweaver dan sekaligus menggunakan bahasa pemrograman PHP.

2.8.2 Area Kerja Dreamweaver CS5

Area kerja pada Dreamweaver CS5adalah sebagai berikut:

(35)

2. Insert Bar, berisi tombol-tombol untuk menyisipkan berbagai macam

objek seperti image, table, dan frame ke dalam dokumen.

3. Document Toolbar, berisi tombol-tombol dan menu pop-up yang

menyediakan tampilan berbeda dari Document Windows, misalnya Code,

Split atau Design.

4. Coding Toolbar, berisi tombol-tombol yang digunakan untuk

mempermudah pekerjaan pada jendela Code.

5. Panels Group, kumpulan panel yang saling berkaitan satu sama lainnya.

6. Tag Selector, berfungsi untuk menampilkan hierarki tag di sekitar pilihan

yang aktif pada Design View.

7. Property Inspector, digunakan untuk melihat dan mengubah berbagai

properti objek yang terpilih.

8. Status Bar, Hand Tool dan Zoom, menampilkan status pekerjaan dan

mengatur tampilan jendela Desain.

9. Ruler, mempermudah pengukuran secara akurat.

10.Files Panel, digunakan untuk mengatur file-file dan folder-folder yang

(36)

2.8.3 Menu Bar Area Kerja Dreamweaver CS5

Dreamweaver juga memiliki menu-menu seperti berikut:

1. Menu File, berisi perintah-perintah yang umum dalam menu file, antara

lain: New, Open, Open Recent, Close, Close All, Save, Save As, Import,

Export, Preview in Browser, dan sebagainya.

2. Menu Edit, berisi perintah-perintah dalam editing halaman web, seperti:

Undo, Redo, Copy, Paste, Find and Replace, Tag Libraries, Preference,

dan sebagainya.

3. Menu View, berisi perintah-perintah untuk menampilkan mode halaman

editing, antara lain: Code, Design, Code and Design, Table Mode, Visual

Aids, Grid, Guide, dan sebagainya.

4. Menu Insert, berisi perintah-perintah untuk objek, seperti: Image Objects,

Media, Table Objects, Form, dan sebagainya.

5. Menu Modify, berisi perintah-perintah untuk memodifikasikan objek pada

halaman web, seperti: Page Properties, Edit Tag, Make Link, Remove

Link, Arrange, Align, dan sebagainya.

6. Menu Text, berisi perintah-perintah untuk mengedit teks pada halaman

web, seperti: Indent, Outdent, Font, Style, Size, Paragraph Format, dan

sebagainya.

7. Menu Commands, berisi perintah-perintah untuk menjalankan aplikasi

tertentu yang telah disediakan, seperti: Clean Up HTML, Optimize Image

(37)

8. Menu Site, berisi perintah-perintah untuk mengelola site, seperti: Manage

Sites, Get, Put, Reports, dan sebagainya.

9. Menu Window, berisi perintah-perintah untuk menampilkan panel,

seperti: Insert, Properties, Behaviors, Files, Frames, Code Inspector, dan

sebagainya.

10.Menu Help, berisi perintah-perintah bantuan dalam mempelajari

Dreamweaver,seperti: Getting Started With Dreamweaver, Using

Dreamweaver, What’s New in Dreamweaver CS5, Reference, dan

sebagainya.

Dreamweaver CS5 merupakan versi terbaru yang memiliki performa yang

lebih baik dan memiliki tampilan yang memudahkan kita untuk membuat halaman

web, baik ketika kita sedang bekerja dalam jendela desain maupun dalam jendela

kode rumus. Dreamweaver CS5 didukung dengan cara pemakaian yang praktis

dan standar, dan juga didukung untuk pengembangan penggunaan CSS, XML,

dan RSS, dan kemudahan-kemudahan lain yang diperlukan. Kita bisa

mendapatkan kecepatan dengan memaksimalkan penggunaan XML,

tombol-tombol tampilan untuk memadukan bagian kedalam pekerjaan dan mengganti

sensasi dari XML ke bahasa HTML. Kita juga dapat memadukan sumber data

XML, seperti bagian RSS, ke halaman web hanya dengan menggunakan klik

(38)

BAB 3

SEKILAS SMA SINAR HUSNI KAB.DELI SERDANG

3.1 Sekilas Tentang Sekolah

Sekolah merupakan bangunan atau lembaga untuk belajar dan mengajar serta

tempat menerima dan memberi pelajaran. Sekolah dipimpin oleh seorang Kepala

Sekolah. Kepala sekolah dibantu oleh wakil kepala sekolah. Jumlah wakil kepala

sekolah di setiap sekolah berbeda, tergantung dengan kebutuhannya. Bangunan

sekolah disusun meninggi untuk memanfaatkan tanah yang tersedia dan dapat

diisi dengan fasilitas yang lain. Ketersediaan sarana dalam suatu sekolah

mempunyai peran penting dalam terlaksananya proses pendidikan.

Ruang belajar adalah suatu ruangan tempat kegiatan belajar-mengajar

dilangsungkan. Ruang belajar terdiri dari beberapa jenis sesuai dengan fungsinya,

sebagai berikut:

1. Ruang Kelas, berfungsi sebagai ruangan tempat siswa menerima pelajaran

melalui proses interaktif antara peserta didik dan pendidik.

2. Ruang Praktik/Laboratorium, berfungsi untuk melakukan praktikum, latihan,

penelitian, percobaan. Ruang laboratorium ini diantaranya: Laboratorium Biologi,

Laboratorium Fisika, Laboratorium Kimia dan Laboratorium Komputer.

(39)

Pencapaian tujuan suatu negara akan terwujud bila negara dan bangsa tersebut

berhasil dalam program pembangunan yang telah direncakan dengan baik, dengan

mensinergikan segala sumber sebagai modal pembangunan suatu bangsa.

Keberhasilan suatu pembangunan bangsa

bergantung pada kesediaan Sumber Daya Alam (SDA) yang mencakupi Sumber

Daya Manusia (SDM) yang professional. Kesediaan kualiatas Sumber Daya

Manusia yang dimaksud ditentukan oleh banyak factor pendukung, diantaranya

faktor pendidikan dalam pelatihan.

Memang dalam UUD 1945 dinyatakan semua

warga Negara Indonesia berhak memperoleh pendidikan. Akan tetapi kondisi jalur

yang ada dengan segala keterbatasannya, pemerintah belum mampu sepenuhnya

menampung dan memberikan pendidikan kepada semua warga Negara Indonesia.

Disisi lain, Undang-Undang Pendidikan Nasional menyatakan bahwa tanggung

jawab pemerintah, akan tetapi itu merupakan tanggung jawab bersama seluruh

warga Indonesia.

Agaknya, Fenomena tersebut telah menggugah

hati seorang Guru SMP yang senantiasa miris melihat kondisi ketersediaan

pendidikan yang serba terbatas itu. Sehingga beliau punya obsesi dan

membulatkan tekad dan niat untuk mencoba membantu pemerintah dalam

memberikan dan menyediakan pelayanan pendidikan bagi warga negara Indonesia.

Akhirnya Bapak DR. H. Husin Abdul Azis M.Ed merelisir niat mulia itu dengan

mendirikan Yayasan Pendidikan Sinar Husni dengan Akte Notaris Linda Herawati,

SH No.88 tanggal 21 Agustus 1987. Yayasan ini bergerak dalam bidang

(40)

Gg.Utama No.19 Pasar V Helvetia, Labuhan Deli, Kabupaten Deli Serdang

Provinsi Sumatera Utara, dengan kepengurusan awal sebagai berikut

Ketua : H.HUSIN ABDUL AZIS, BA (Alm)

Sekretaris : H.IBRAHIM AHMAD (Alm)

Bendahara : Hj.ARFIAH (Alm)

Yayasan Sinar Husni bertujuan untuk

mengembangkan pendidikan serta Mencerdaskan kehidupan bangsa, untuk

membentuk manusia berpendidikan, serta bertaqwa kepada Tuhan Yang Maha

Esa serta berguna bagi agama, negara, dan bangsa.

3.3 Visi dan Misi SMA Sinar Husni Kab.Deli Serdang

3.3.1 Visi

“Menciptakan tamatan yang beriman, berbudaya dan dapat diterima di pasar kerja

Nasional maupun Internasional”.

3.3.2 Misi

1. Menerapakan sistem pembelajaran berbasisi kompetisi sesuai kebutuhan

pasar kerja.

2. Menumbuhkan naluri berbisnis dan berwiraswasta, percaya diri, rendah

hati yang didasari iman dan taqwa kepada Tuhan Yang Maha Esa, yang

berakar pada norma dan nilai budaya bangsa.

3. Memupik dan memelihara suasana belajar yang berlandaskan nilai

(41)

Untuk mencapai tujuan yang dimaksud, Yayasan pendidikan Sinar Husni

Melakukan Usaha:

1. Mendirikan sekolah mulai dari TK sampai dengan Perguruan Tinggi

(Umum dan Agama)

2. Mendirikan kursus-kursus pelatihan

3. Menerbitkan kursus-kursus pelatihan

4. Menerbitkan media pendidikan

5. Mengadakan kegiatan Ekstrakurikuler

6. Lain-lain usaha yang menunjang pendidikan

3.4 Struktur Organisasi

Dengan adanya struktur organisasi, diharapkan tercapainya suatu kondisi yang

baik diantara bagian-bagian dalam organisasi tersebut, sehingga tujuan yang telah

ditetapkan dapat tercapai dengan baik. Oleh karena itu, struktur organisasi yang

digunakan harus disesuaikan dengan kondisi dan kebutuhan institusi 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

(42)

Gambar 3.1 Struktur Organisasi SMA Sinar Husni 3.5 Uraian Tugas dan Fungsi Pengelolah Sekolah

3.5.1 Dinas Pendidikan dan Pengajaran

1. Sebagai Penyelenggara Pelaksana, wewenang daerah di bidang pendidikan STRUKTUR ORGANISASI SMA SINAR HUSNI

TP 2013/2014

DINAS PENDIDIKAN DAN PENGAJARAN KABUPATEN DELI SERDANG

KEPALA SEKOLAH Drs.MUSLIM GINTING

KA. YAYASAN SINAR HUSNI DR. H. HUSIN.A.AZIS, M.Ed

PENGAWAS YAYASAN DR. SOUFI RIZAL HUSNI

PEMBINA

Drs. H. ILYAS HALIM M.Pd

WAKIL KEPALA SEKOLAH BIDANG KURIKULUM

Drs. SOSIAR

WAKIL KEPALA SEKOLAH BIDANG ADMINISTRASI

APRI SUGIARTO,SE

WAKIL KEPALA SEKOLAH BIDANG KESISWAAN

TATA USAHA YULISMA WALI KELAS X

1. Dra. AFRIDA HARAPAN 2. NILAWATI S.Pd

3. NURHIDAYANI S.Pd 4. SUGENG WAHYUDI S.Pd 5. BAMBANG ARIANTO, SE 6. TRI HANDAYANI S.Pd 7. M.SALEH RAMBE, S.Pd. 8. WARDATUL F.HRP. 9. KHAIRIL S. Ag 10. SRI REZEKI S.Pd.

WALI KELAS XI IPA

1. Dra.YUSMANIAR 2. Dra. AGUS BUDI 3. NURAZIZAH, SE

4. NURUL HADIJAH, S.Pd IPS

1. PRATIWI S.Pd 2. Drs. DASNEL

3. Drs. RIZKI KURNIASI 4. SUASIASHI S.Pd

WALI KELAS XI IPA

1. ERINAWATI S.Pd. 2. MASOHUR, S. Ag. 3. LELI RAHMI, S.Pd.

IPS 1. WASIAH S.Pd. 2. Drs. AMRULLAH 3. Drs. KHAIRANI 4. BASYARIAH

GURU BIDANG STUDI

(43)

2. Merumuskan dan merencanakan kebijakan teknis dibidang pendidikan dan

mewujudkan peran dinas pendidikan dan pengajaran dalam mendorong

kualitas

3.5.2 Yayasan

1. Memimpin penyelenggara pendidikan, penelitian dan pengabdian kepada

masyarakat dan membina tenaga pendidik

2. Membina dan melaksanakan, dan melaksanakan kerja sama dengan

instansi Pemerintahan, Badan Swasta dan pemerintahan untuk

memecahkan persoalan yang timbul terutama menyangkut bidang

tanggung jawab.

3.5.3 Pengawas Yayasan

1. Petugas wajin dengan itikad baik dan penuh tanggung jawab dalam tugas

kepengawasan untuk kepentingan yayasan.

2. Dan selalu adanya koordinasi ke bagian-bagian dan administrasi.

3.5.4 Pembina

1. Melaksanakan pembinaan kepada para kepala-kepala sekolah

(44)

3.5.5 Kepala Sekolah

1. Mengatur penyelenggaraan pendidikan dan pengajaran di sekolah

2. Mengatur penyelenggaraan urusan ke pegawaia, keuangan sekolah, sarana

dan prasarana peralatan sekolah, urusan Rumah Tangga Sekolah,

Perpustakaan dan Laboratorium.

3. Mengatur pembinaan kesiswaan

4. Membina hubungan antara pimpinan, guru dan murid.

5. Menyelenggarakan hubungan antara orang tua murid dengan masyarakat

6. Melakukan pengendalian pelaksanaan seluruh kegiatan di sekolah.

7. Melakukan tugas-tugas lain yang diberikan atasannya.

3.5.6 Wakil Kepala Sekolah Dibidang Kurikulum

1. Memeriksa daftar hadir guru, tenaga teknis kependidikan dan tenaga tata

usaha

2. Memeriksa program satuan pelajar guru dan persiapan lainnya yang

menunjang proses belajar mengajar.

3. Mengadakan rapat mingguan (hari sabtu) guna membahas jalan pelajaran

dan kasus yang belum terselesaikan untuk menjadi bahan rencana kegiatan

mingguan berikutnya.

4. Melaksanakan pemeriksaan umum antara lain

a. Dafta Hadir guru dan pegawai tata usaha

(45)

c. Kumpulan program satuan pengajaran

d. Diagram pencapaian kurikulum

e. Diagram daya serap murid/siswa

f. Menyelenggarakan persiapan Evaluasi Catur Wulan/Semesteran

3.5.7 Wakil Kepala Sekolah Bidang Administrasi 1. Melaksanakan Administrasi Pendidikan

2. Melaksanakan Administrasi kerja sama

3. Melaksanakan Administrasi minat dan penalaran

4. Melaksanakan Administrasi kesejahteraan

5. Melaksanakan Administrasi perlengkapan

6. Mengumpulkan data dan mengolah informasi

3.5.8 Wakil Kepala Sekolah Bidang Kesiswaan Uraian Pekerjaan

1. Menyusun rencana bimbingan dan penyuluhan bekerja sama dengan

petugas-petugas bimbingan lainnya. Wali kelas dan guru-guru.

2. Mengumpulkan Data tentang siswa-siswi

3. Mengamati sikap dan tingkah laku siswa-siswi sehari-hari

4. Memberikan bantuan siswa-siswi yang memerlukan bantuan khusus.

5. Membuat catatan pribadi

6. Melaporkan semua kegiatan bimbingan dan penyuluhan pada kepala

(46)

3.5.9 Tata Usaha

1. Menerima dan mencatat, meneruskan surat masuk dan keluar

2. Melakukan pengetikan dan penggandaan

3. Mengoreksi surat-surat yang telah diketik

4. Mengatur, memelihara dan mengamankan arsip

5. Menghimpun peraturan Perundang-Undangan, Surat Keputusan, Instruksi

dan Edaran

3.5.10 Wali Kelas

1. Berfungsi sebagai orang tua yang memperhatikan semua hal yang

berhubungan kehidupan siswa-siswi.

2. Untuk mengembangkan sistem Forto Folio Individu Siswa

3. Sebagai pengawas siswa-siswi

3.5.11 Guru Bidang Studi

1. Menciptakan kondisi fisik seperti tempat ruang belajar dan alat belajar

yang memenuhi syarat.

2. Menciptakan kondisi psikologis sehingga kemauan belajar dapat

berkembang

3. Membuat persiapan pengajaran harian, semesteran dan tahunan

(47)

5. Mengadakan bimbingan dan penyuluhan terhadap siswa-siswi di kelasnya

dalam rangka membantu meningkatkan dan mengembangkan kesanggupan

belajar seoptimal mungkin.

3.5.12 Siswa

1. Sebagai peserta didik

(48)

BAB 4

PERANCANGAN SISTEM

4.1 Perencanaan dan Perancangan

Tahap perencanaan dan perancangan 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 Dreamweaver CS5 digunakan sebagai tempat untuk membuat layout

dari situs yang telah dirancang.

Tahap selanjutnya yaitu tahap pembuatan flowchart (bagian alir) atau aliran informasi dari situs tersebut. Flowchart atau diagram alir adalah gambaran dari suatu algoritma yang menampilkan struktur hierarki dan isi halaman per halaman. Dengan adanya flowchart, akan sangat membantu untuk memvisualkan isi dari setiap halamansitus tersebut.

Dengan pembuatan flowchart dalam situs dapat membantu mempermudah dalam pemeliharaan dan pembaharuan isi situs. Hal ini sangat penting dilakukan karena isi situs harus selalu diperbaharui sehingga pengunjung tidak bosan.

4.2 Gambaran Umum Pembuatan Program

Sistem yang dibuat dalam situs ini bersifat intern, yang berarti pengguna program ini hanya kalangan tertentu yang memiliki hak akses terhadap program. Program bekerja dalam sebuah web server dan dapat diakses melalui jaringan intranet atau internet. Karena program ini berjalan dalam sebuah jaringan intranet atau internet, maka dapat dijalankan secara multiuser, dapat diakses oleh banyak pengguna secara bersamaan dari komputer yang berbeda-beda. Bagian-bagian yang akan mengakses program ini adalah Halaman administrator web bertanggung jawab atas data-data yang diinformasikan pada halaman web. Data-data yang ditampilkan pada web diambil langsung dari database. Ada 3 (tiga) cara kerja dari seorang admin dalam mengolah data pada database: menambah data baru, mengubah data yang telah ada, dan menghapus data yang tidak diperlukan lagi.

(49)

Data-data yang dimasukkan, diubah ataupun dihapus administrator pada web SMA Sinar Husni Deli Serdang adalah:

a. Data Guru

Data guru ini akan diinput, diubah atau dihapus mencakup nama, nip, jenis kelamin, golongan, jabatan, bidang studi, strata pendidikan terakhir dan tahun tamat dari guru sekolah tersebut.

b. Data Siswa

Data siswa diperoleh dari siswa yang telah mendaftar pada sekolah SMA Sinar Husni. Administrator mempunyai hak untuk menghapus data para siswa/siswi yang mendaftar. Data siswa mencakup nama siswa, nomor induk siswa, jenis kelamin, kelas, dan agama.

4.3 Membangun Halaman Situs

Situs SMA Sinar Husni diakses atas dasar kebutuhan informasi dari tiap pengunjung. Berikut ini adalah halaman-halaman situs SMA Sinar Husni yang dibangun penulis agar pengunjung dapat menerima informasi yang disajikan.

Gambar 4.1 Rancangan Halaman Web yang Dibangun

1. Halaman Home(index).php

HOMEPAGE SINAR HUSNI DELSERDANG

PROFIL (INDEX) ORGANISASI GURU SISWA ADMINISTRATOR

VISI & MISI STRUKTUS ORGANISASI

DAFTAR GURU DAFTAR NAMA SISWA

FASILITAS SEKOLAH TUGAS/TANGGUNG JAWAB

TUGAS TATA

(50)

Merupakan halaman yang pertama kali muncul pada saat situs dibuka. Disini juga disampaikan tentang sekilas sejarah sekolah SMA Sinar Husni. 2. Halaman Profil.php

Halaman Profil berisi mengenai Visi dan Misi, dan Fasilitas-fasilitas yang ada pada sekolah SMA Sinar Husni.

3. Halaman Organisasi.php

Merupakan halaman mengenai Struktur Organisasi pada SMA Sinar Husni. Halaman ini akan ditampilkan pada situs SMA Sinar Husni.

4. Halaman Guru.php

Merupakan halaman yang akan menampilkan mengenai Data Guru di SMA Sinar Husni.

5. Halaman Siswa.php

Merupakan halaman yang akan menampilkan nama-nama siswa yang telah mendaftar pada sekolah SMA Sinar Husni.

6. Halaman Administrator.php

Halaman administrator adalah halaman khusus yang hanya dapat diakses oleh seorang admin untuk melakukan pengaturan seperti membuat, menghapus atau mengubah data guru, siswa dan lain-lain.

4.4 Flowchart Situs

Di dalam web SMA Sinar Husni, terdapat alur-alur aktivitas yang dapat kita gambarkan dalam bentuk flowchart. Flowchart sendiri merupakan gambaran yang menampilkan struktur, hierarki, dan isi halaman per halaman. Di bawah ini adalah bentuk-bentuk flowchart yang didapat dari web SMA Sinar Husni.

4.4.1. Flowchart Menu Utama

Seorang pengunjung dapat mengakses web SMA Sinar Husni dan dapat berpindah halaman web menuju halaman lain. Terdiri dari 5 (lima) halaman utama yakni

(51)

halaman profil, organisasi, guru, siswa, dan administrator. Masing-masing halaman utama memiliki link-link yang dapat dipilih oleh pengunjung kecuali halaman administrator. Flowchart Menu Utama dapat dilihat pada gambar di bawah ini:

Gambar 4.2 Alur Flowchart Menu Utama

4.4.2. Flowchart Administrator

Halaman administrator hanya dapat diakses oleh seorang yang berhak mengaksesnya. Data login dan password dari seorang administrator harus sesuai dengan data yang ada pada tabel administrator. Jika data login dan password sesuai, maka admin diantarkan menuju tampilan halaman administrator, jika

START

TAMPILAN WEB

PILIH LINK PADA HOME

PROFIL

ORGANISASI

GURU

SISWA

ADMINISTRATOR

INDEX END

Pilih Link yang Ada

Form Administrator

(52)

proses login gagal, maka kembali lagi ke halaman form administrator. Dapat kita lihat gambar di bawah ini:

Gambar 4.3 Alur Flowchart Administrator

4.5 Mempersiapkan Database Server

Tahap ini merupakan tahapan dimana penulis menempatkan data yang sudah ada pada bagian server. Data tersebut nantinya akan diproses oleh data yang sudah dibuat, tempat untuk menampung data disebut dengan database. Database dapat diumpamakan sebagai sebuah tempat penyimpanan data yang terstruktur agar dapat diakses dengan cepat dan mudah. Membangun sebuah database merupakan langkah awal pembuatan aplikasi, termasuk aplikasi yang akan dibuat di sini.

Dalam perancangan web SMA Sinar Husni ini, penulis membuat 5 (lima) tabel dalam database sma. Tabel-tabel tersebut adalah: tabel profil, tabel organisasi, tabel guru, tabel siswa, dan tabel admin. Pembuatan database dan tabel-tabel mempergunakan fasilitas MySQL dengan terlebih dahulu login sebagai

user.

Dibawah ini adalah gambaran isi dari masing-masing tabel: A

A Buka Halaman Administrator

Input Login dan Password

Tampilkan Halaman Administrator Status = Administrator

Index

(53)

Field Type Description

Id_profil* Int(5) Id profil

Sej_sekolah Longtext Sejarah sekolah

Visi_misi Longtext Visi misi

Fas_sekolah Longtext Fasilitas sekolah

Field Type Description

Id_guru* Int(5) Id guru

Nip Varchar(10) Nip guru

Nm_guru Varchar(50) Nama guru

Jk Varchar(10) Jenis kelamin

Tgl_lhr Varchar(10) Tanggal lahir

Gol Varchar(10) Golongan

Thn_tmt Varchar(10) Tahun tamat

Jabatan Varchar(10) Jabatan

Pend_terakhir Varchar(10) Pendidikan terakhir

Thn_lls Varchar(10) Tahun lulus

Bid_studi Varchar(20) Bidang studi

1. Tabel Profil

Di dalam tabel ini terdapat tentang sekilas sejarah sekolah, visi dan misi, serta fasilitas-fasilitas yang ada pada sekolah SMA Sinar Husni. Berikut ini adalah field-field yang dibuat dalam tabel profil:

Tabel 4.1 Tabel Profil

2. Tabel Organisasi

Di dalam tabel ini terdapat tentang struktur organisasi serta fungsi dan tanggung jawab masing-masing guru yang terdapat pada sekolah SMA Sinar Husni. Berikut ini adalah field-field yang dibuat dalam tabel organisasi:

(54)

Field Type Description

Id_siswa* Int(5) Id siswa

Nis Varchar(10) Nomor induk siswa

Nm_siswa Varchar(50) Nama siswa

Jk Varchar(10) Jenis kelamin

Agama Varchar(10) Agama

Field Type Description

Id_admin* Int(10) Id admin

User Varchar(100) User

Password Varchar(100) Password

3. Tabel Guru

Tabel guru adalah digunakan untuk menampung data guru SMA Sinar Husni. Berikut ini adalah field-field yang dibuat dalam tabel guru

Tabel 4.3 Tabel Guru

4. Tabel Siswa

Tabel siswa adalah digunakan untuk menampung data siswa-siswi yang telah mendaftarkan diri di SMA Sinar Husni. Berikut ini adalah field-field yang dibuat dalam tabel siswa:

(55)

Field Type Description

Id_organisasi* Int(5) Id organisasi

Struk_organisasi Longtext Struktur organisasi

Tgs_fungsi Longtext Tugas dan fungsi

5. Tabel Admin

Tabel admin adalah digunakan untuk menampung data dari admin pada web SMA Sinar Husni. Berikut ini adalah field-field yang dibuat dalam tabel admin:

Tabel 4.5 Tabel Admin

4.6 Desain Web

Pada tahap desain situs ini, penulis hanya membuat desain untuk header atau bagian atas dari suatu situs, kemudian ditambah dengan grafik-grafik aksesoris lainnya sebagai pelengkap.

Dalam membuat desain header pada situs sekolah ini, penulis menggunakan software Adobe Photoshop CS sebagai pengolah gambarnya. Area header adalah bagian paling atas dari sebuah situs. Pada area ini biasanya terdapat logo, foto, dan navigasinya.

4.7. Proses Upload File

Proses upload adalah proses men-transfer file-file situs yang telah dibuat ke suatu server di internet, dengan tujuan agar situs tersebut dapat diakses semua orang di seluruh dunia yang terhubung ke internet.

Tempat untuk meletakkan file-file situs di internet namanya server hosting

atau web hosting. Ada 2 (dua) jenis web hosting, yaitu web hosting yang gratisan dan web hosting bayar.

4.8 Metode Pengembangan Sistem

Metode pengembangan sistem yang digunakan dalam penulisan sistem informasi ini adalah Metode Fabbri dan Schwab yang terdiri dari:

(56)

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

Penguraian dari suatu informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasikan permasalahan- permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi, dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikan.

4. Perancangan Sistem

Pendefenisian 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

(57)

BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

Implementasi sistem adalah langkah-langkah atau prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji, meng-install dan memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang lama.

5.2 Tujuan Implementasi Sistem

Tujuan implementasi sistem adalah sebagai berikut:

1. Menyelesaikan desain sistem yang ada dalam dokumen desain sistem yang disetujui, menyusun dokumen-dokumen baru atau dokumen yang diperbaiki.

2. Menguji program-program dan prosedur yang diperlukan oleh desain sistem yangtelah disetujui.

3. Memastikan bahwa sistem yang dibuat dapat digunakan oleh setiap pemakai tanpa mengalami kesulitan dalam penggunaannya.

4. Menguji apakah sistem baru tersebut sesuai dengan yang diinginkan oleh pemakai.

5.3 Komponen Dalam Implementasi Sistem

Agar sistem perancangan yang telah kita kerjakan dapat berjalan baik atau tidak, maka perlu kiranya dilakukan pengujian terhadap sistem yang telah kita kerjakan. Untuk itu dibutuhkan beberapa komponen utama mencakup perangkat keras (hardware), perangkat lunak (software), dan perangkat operator (brainware). Pada

(58)

web Sinar Husni Deli Serdang ini dibutuhkan komponen-komponen yang mencakup seperti diatas.

1. Perangkat Keras (hardware), meliputi: a. Monitor Super VGA.

b. CPU (Central Processing Unit).

c. Harddisk sebagai tempat sistem beroperasi dan media penyimpanan. d. Memori minimal 128 MB.

e. Keyboard, Mouse, dan Printer.

2. Perangkat Lunak (software), meliputi:

a. Sistem Operasi Windows XP. Penulis menggunakan sistem operasi Windows XP.

b. MySQL sebagai bahasa pemrograman untuk database dalam bahasa SQL (Structure Query Language) yang digunakan dalam mengolah dan mengelola database. PHP sebagai bahasa pemrograman server side, dapat membuat perintah query pada pemrogramannya seperti perintah dasar SQL.

c. Editor pendesaian web dan penggabungan antara layout dengan bahasa pemrograman seperti yang digunakan penulis yaitu Macromedia Dreamweaver 8.

d. Web server sebagai server lokal dalam pengetesan halaman web sebelum file-file dan script web dipublikasikan pada internet, seperti PWS (Personal Web Server) atau Apache Web Server seperti yang digunakan penulis.

e. Browser sebagai tempat melihat output atau tampilan halaman web, misal: Internet

Explorer, Mozilla, Netscape Navigator, dan lain-lain.

3. Perangkat Operator (brainware) yang dapat menjalankan web SMA Sinar Husni terbagi 2 (dua), yaitu:

a. Administrator. b. Pengunjung (publik).

(59)

5.4 Pemeliharaan Sistem

Berdasarkan penjelasan dari halaman sebelumnya, diperlukan pemeliharaan sistem agar sistem tersebut dapat berjalan sebagaimana mestinya. Adapun tujuan dari pemeliharaan sistem ini adalah sebagai berikut:

1. Mencegah modifikasi sistem yang akan menyebabkan masalah lain. 2. Membuat modifikasi sistem yang sesuai dengan kebutuhan organisasi.. 3. Menyempurnakan proses penyusunan sistem dan proses pemeliharaan

sistem dengan menganalisa informasi tentang modifikasi sistem.

4. Mengganti pemeliharaan sistem dengan survey sistem jika memodifikasi yang diminati relatif besar.

(60)

BAB 6

KESIMPULAN DAN SARAN

6.1. Kesimpulan

Dari keterangan di atas dan bab-bab sebelumnya penulis dapat mengambil beberapa kesimpulan:

1. Situs SMA Siniar Husni Kab.Deli Serdang ini adalah sarana informasi online yang bisa diakses oleh siapapun juga, baik dari pihak sekolah maupun para pengunjung yang mengunjungi situsnya.

2. Di dalam pembuatan situs sekolah ini, ada beberapa tahapan yang penulis lakukan yaitu tahap perencanaan dan perancangan situs, tahap perancangan flowchart, mempersiapkan database server, tahap mendesain situs sekolah serta tahap pengembangan sistem dengan menggunakan siklus hidup pengembangan sistem sehingga situs sekolah tersebut dapat dibuat dengan baik.

3. Dalam pembuatan situs sekolah, situs harus dirancang dengan baik dan benar, agar dalam melakukan update dan melengkapi data tidak terjadi kesulitan.

4. Situs ini dibuat dengan menggunakan bahasa pemrograman PHP dan MySQL sebagai pembuatan database-nya, sehingga pengelola situs tidak perlu lagi melakukan proses editing pada dokumen HTML, tetapi cukup dengan melakukan penambahan atau perubahan dalam database sehingga pengelola situs sudah dapatmemperbaharui isi situs.

(61)

6.2 Saran

Adapun saran yang penulis berikan dalam Tugas Akhir ini, yaitu:

1. Diharapkan agar ada partisipasi dari pihak sekolah dalam memelihara dan memperbaharui web SMA Sinar Husni Kab.Deli Serdang.

2. Kecepatan dalam membuka halaman web SMA Sinar Husni Kab.Deli Serdang perlu diperhatikan dimana meminimalisasikan image yang umumnya berskala besar dan membutuhkan koneksi beasr, agar pengunjung tidak merasa bosan karena harus menunggu lama untuk membuka halaman web.

3. Diharapkan dengan adanya situs sekolah ini, dapat memotivasi siswa dalamberprestasi dan terus meningkatkan ilmunya dalam bidang Informasi Teknologi.

(62)

DAFTAR PUSTAKA

Prasetyo, Dwi, Didik. 2002. Solusi Pemrograman Berbasis Web Menggunakan PHP5. Jakarta: Elex Media Komputindo.

Sidik, Betha. 2001. Pemrograman Web dengan PHP. Bandung: Informatika. Abdullah. 2003. Tip dan Trik Desain Web Dinamis dengan CSS dan

JavaScript.Jakarta: Elex Media Komputindo.Diterbitkan atas kerjasama antara Wahana Komputer dan Penerbit ANDI. 2006.

Hidayatullah, Taufiq, A. 2007. Merancang Sendiri Halaman Website

menggunakan Macromedia Dreamweaver 8. Surabaya: Penerbit INDAH Surabaya.

(63)

LAMPIRAN A [LISTING PROGRAM]

1.Listing Program Admin

<?php

session_start();

require '../functions/koneksi.php'; define("Sinar Husni",1);

echo "<html>

<head><title>Login Administrator</title>

SetCookie('didgettingstarted',1);

function setDisplayMenu(idName) {

if (idName == '') { // '' is news, and etc. idName = 'o';

}

if ( idName !=null) { closeMenuDiv();

openMenuDiv(idName); } else {

closeMenuDiv(); }

}

function clickOpenMenu(idName) {

closeMenuDiv();

openMenuDiv(idName); }

function closeMenuDiv() {

var aObjDiv = document.getElementsByTagName("div");

(64)

for(i=0; i < numDiv; i++) {

var idName = aObjDiv[i].getAttribute("id");

if(idName) {

var isMenu = idName.match(/SubCat/i);

if(isMenu !=null) {

document.getElementById(idName).style.visibil ity = "hidden";

document.getElementById(idName).style.positi on = "absolute";

} } }

}

function openMenuDiv(idName) {

document.getElementById('SubCat_'+idName). style.visibility = "visible";

document.getElementById('SubCat_'+idName). style.position = "static";

}

function clickOpenPage(URL,target) {

window.open(URL, target); }

</script> <?php

if ( !isset($_SESSION['Admin']) ) {

echo "Anda harus login dulu.. redirecting\n"; echo "<meta http-equiv=\"refresh\"

content=\"1;url=index.php\">\n"; } else {

if ( isset($_GET['logout']) ) {

$username = $_SESSION['Admin']['username'];

(65)

unset($_SESSION['Admin']); //session_destroy();

echo "Terima kasih.. redirecting\n"; echo "<meta http-equiv=\"refresh\" content=\"1;url=index.php\">\n";

} else {

echo"<table width='900' border='1' align='center' cellpadding='2' cellspacing='1' bordercolor='#3333cc' > <tr><td colspan='2' ><img src='../images/atas_admin.jpg' width='900' height='100' >

</td> </tr> <tr>

<td width='150' valign='top' bgcolor='#D5D9E4'>";

//---menu--- echo '<div id="LeftMenu">

<div class="LeftMenuHead" onclick="clickOpenPage(\'admin.php\',\'_top\'); return false;" style="cursor: pointer;">HOME

</div>

<div class="LeftMenuline"></div>';

echo '<div class="LeftMenuHead" onclick="clickOpenPage(\'admin.php?logout\',\'_top\'); return false;" style="cursor: pointer;">Logout</div>';

echo '<div class="LeftMenuline"></div> <div class="LeftMenuHead"

onclick="clickOpenPage(\'../html/index.php\',\'_blank\'); return false;" style="cursor: pointer;">Tampilkan Web

</div>

<div class="LeftMenuHead" onclick="clickOpenMenu(\'o\'); return false;" style="cursor: pointer;">Personal</div>

<div style="visibility: hidden; position: absolute;" id="SubCat_o"> <div id="Section_c_ticket" style="cursor: pointer;"><a

href="admin.php?mode=editpersonal" class=ver11 >Password & E-mail</a></div>

</div>

<div class="LeftMenuHead" onclick="clickOpenMenu(\'pf\'); return false;" style="cursor: pointer;">Fitur</div>

<div style="visibility: hidden; position: absolute;" id="SubCat_pf">';

$query = "SELECT * FROM user_level WHERE userid='".mysql_escape_string($_SESSION['Admin']['userid'])."' and utama='1' order by menu ";

$result = mysql_query ($query) or die

(mysql_error());

(66)

if ($row[menu]=='artikel') echo '<div style="cursor: pointer;"><a href="admin.php?mode=artikel" class=ver11

>Artikel</a></div>';

if ($row[menu]=='agenda') echo '<div style="cursor: pointer;"><a href="admin.php?mode=agenda" class=ver11 >Agenda</a></div>';

if ($row[menu]=='berita') echo '<div style="cursor: pointer;"><a href="admin.php?mode=rempost" class=ver11 >Berita</a></div>';

if ($row[menu]=='bukutamu') echo '<div style="cursor: pointer;"><a href="admin.php?mode=buku_tamu"

class=ver11 >Buku Tamu</a></div>';

if ($cmsmember == "ya") {

if ($row[menu]=='forum') echo '<div style="cursor: pointer;"><a href="admin.php?mode=diskusi" class=ver11 >Forum Diskusi</a></div>';

}

if ($row[menu]=='galeri') echo '<div style="cursor: pointer;"><a href="admin.php?mode=album" class=ver11 >Galeri Photo</a></div>';

if ($row[menu]=='link') echo '<div style="cursor: pointer;"><a href="admin.php?mode=link" class=ver11 >Link Web</a></div>';

if ($cmsmember == "ya") {

if ($row[menu]=='infoalumni') echo '<div style="cursor: pointer;"><a href="admin.php?mode=pesan_alm"

class=ver11 >Info Alumni</a></div>'; }

if ($row[menu]=='infosekolah') echo '<div style="cursor: pointer;"><a href="admin.php?mode=info" class=ver11 >Info Sekolah</a></div>';

if ($row[menu]=='materiajar') echo '<div style="cursor: pointer;"><a href="admin.php?mode=download" class=ver11 >Materi Ajar</a></div>';

if ($row[menu]=='kumpulsoal') echo '<div style="cursor: pointer;"><a href="admin.php?mode=soal" class=ver11 >Materi Uji</a></div>';

if ($row[menu]=='silabus') echo '<div style="cursor: pointer;"><a href="admin.php?mode=silabus" class=ver11 >Silabus</a></div>';

if ($row[menu]=='prestasi') echo '<div style="cursor: pointer;"><a href="admin.php?mode=prestasi" class=ver11 >Prestasi</a></div>';

if ($row[menu]=='jajak') echo '<div style="cursor: pointer;"><a href="admin.php?mode=voting" class=ver11 >Jajak Pendapat</a></div>';

(67)

if ($row[menu]=='banner') echo '<div style="cursor: pointer;"><a href="admin.php?mode=banner" class=ver11 >Banner</a></div>';

}

echo '</div><div class="LeftMenuline"></div>';

if ($cmssim == "ya") {

echo '<div class="LeftMenuHead" onclick="clickOpenMenu(\'m\'); return false;" style="cursor:

pointer;">SIM</div>

<div style="visibility: hidden; position: absolute;" id="SubCat_m">';

$query = "SELECT * FROM user_level WHERE userid='".mysql_escape_string($_SESSION['Admin']['userid'])."' and utama='2' order by menu ";

$result = mysql_query ($query) or die

(mysql_error());

while($row = mysql_fetch_array($result)) {

if ($row[menu]=='dtnilai') echo '<div style="cursor: pointer;"><a href="admin.php?mode=datanilai" class=ver11 >Data Nilai</a></div>';

if ($row[menu]=='dtmateri') echo '<div style="cursor: pointer;"><a href="admin.php?mode=datatugas" class=ver11 >Data Materi</a></div>';

if ($row[menu]=='dtbpbk') echo '<div style="cursor: pointer;"><a href="admin.php?mode=gurubk" class=ver11 >Data BP/BK</a></div>';

if ($row[menu]=='dtabsensi') echo '<div style="cursor: pointer;"><a href="admin.php?mode=databsen" class=ver11 >Data Absensi</a></div>';

if ($row[menu]=='dtspp') echo '<div style="cursor: pointer;"><a href="admin.php?mode=dataspp" class=ver11 >Data SPP/DSP</a></div>';

if ($row[menu]=='dtlaporan') echo '<div style="cursor: pointer;"><a href="admin.php?mode=datalaporan"

class=ver11 >Data Laporan</a></div>'; }

echo '</div><div class="LeftMenuline"></div>';

}

echo '<div class="LeftMenuHead" onclick="clickOpenMenu(\'l\'); return false;" style="cursor: pointer;">Setting Admin</div>

<div style="visibility: hidden; position: absolute;" id="SubCat_l">';

$query = "SELECT * FROM user_level WHERE userid='".mysql_escape_string($_SESSION['Admin']['userid'])."' and utama='3'order by menu ";

(68)

$result = mysql_query ($query) or die (mysql_error());

while($row = mysql_fetch_array($result)) {

if ($row[menu]=='admin') echo '<div style="cursor: pointer;"><a href="admin.php?mode=addadmin" class=ver11 >Tambah Admin</a></div>';

if ($row[menu]=='admin') echo '<div style="cursor: pointer;"><a href="admin.php?mode=viewadmin&hal="

class=ver11 >Lihat Admin</a></div>';

if ($row[menu]=='profil') echo '<div style="cursor: pointer;"><a href="admin.php?mode=profil" class=ver11 >Menu & Profil</a></div>';

if ($row[menu]=='posisi') echo '<div style="cursor: pointer;"><a href="admin.php?mode=posmenu" class=ver11 >Posisi Menu Modul</a></div>';

if ($row[menu]=='template') echo '<div style="cursor: pointer;"><a href="admin.php?mode=tempmenu"

class=ver11 >Template Menu</a></div>';

if ($row[menu]=='gambar') echo '<div style="cursor: pointer;"><a href="admin.php?mode=gbdepan" class=ver11 >Gambar Atas</a></div>';

if ($row[menu]=='kategori') echo '<div style="cursor: pointer;"><a href="admin.php?mode=kategorilink" class=ver11 >Kategori Link</a></div>';

if ($row[menu]=='semester') echo '<div style="cursor: pointer;"><a href="admin.php?mode=semester" class=ver11 >Semester</a></div>';

if ($row[menu]=='semester') echo '<div style="cursor: pointer;"><a href="admin.php?mode=thajar" class=ver11 >Thn Pelajaran</a></div>';

if ($row[menu]=='program') echo '<div style="cursor: pointer;"><a href="admin.php?mode=program" class=ver11 >Jurusan/Program</a></div>';

if ($row[menu]=='kelas') echo '<div style="cursor: pointer;"><a href="admin.php?mode=kelas" class=ver11 >Data Kelas</a></div>';

if ($row[menu]=='pelajaran') echo '<div style="cursor: pointer;"><a href="admin.php?mode=pelajaran" class=ver11 >Pelajaran</a></div>';

if ($row[menu]=='homepage') echo '<div style="cursor: pointer;"><a href="admin.php?mode=mgmp" class=ver11 >Homepage</a></div><div style="cursor: pointer;"><a

href="admin.php?mode=viewmgmp" class=ver11 >Admin Homepage</a></div>';

}

echo '</div><div class="LeftMenuline"></div>

(1)

if ($cmsmember == "ya") {

if (hakakses("membersiswa")==1) { $siswaclass->sismember_hap();$siswaclass->sismember();}

else errordata();

} else errordatamember();

break;

case "imsiswa":

if (hakakses("importsiswa")==1) $siswaclass->imsiswa();

else errordata();

break;

case "alumni":

if (hakakses("dtalumni")==1) $siswaclass->alumni();

else errordata();

break;

case "carisiswa":

if (hakakses("dtsiswa")==1) $siswaclass->carisiswa();

else errordata();

break;

case "siswa":

if (hakakses("dtsiswa")==1) $siswaclass->siswa();

else errordata();

break;

case "siswa_hap":

if (hakakses("dtsiswa")==1) { $siswaclass->siswa_hap();$siswaclass->siswa();}

else errordata();

break;

case "siswa_tam":

if (hakakses("dtsiswa")==1) $siswaclass->siswa_tam();

else errordata();

break;

case "siswa_edit":

if (hakakses("dtsiswa")==1) $siswaclass->siswa_edit();

else errordata();

break;

case "siswa_save":

if (hakakses("dtsiswa")==1) $siswaclass->siswa_save();

else errordata();

break;

(2)

if (hakakses("naikkelas")==1) $siswaclass->naikkelas();

else errordata();

break;

case "pindahkelas":

if (hakakses("naikkelas")==1) $siswaclass->pindahkelas();

else errordata();

break;

case "alumni_update":

if (hakakses("dtalumni")==1) { $siswaclass->alumni_update();$siswaclass->alumni();}

else errordata();

break;

// --- simclass --- //---sim laporan

case "datalaporan": if ($cmssim == "ya") {

if (hakakses("dtlaporan")==1) $simclass->datalaporan();

else errordata();

}

else {errordatasim();}

break;

case "datalaporhapus": if ($cmssim == "ya") {

if (hakakses("dtlaporan")==1) { $simclass->datalaporhapus(); $simclass->datalaporan(); }

else errordata();

}

else {errordatasim();}

break;

//---sim data materi tugas case "datatugas": if ($cmssim == "ya") {

if (hakakses("dtmateri")==1) $simclass->datatugas();

else errordata();

}

else {errordatasim();}

break;

case "datatughapus": if ($cmssim == "ya") {

if (hakakses("dtmateri")==1) {$simclass->datatughapus();$simclass->datatugas();}

(3)

}

else {errordatasim();}

break;

//---sim data nilai

case "datanilai": if ($cmssim == "ya") {

if (hakakses("dtnilai")==1) $simclass->datanilai();

else errordata();

}

else {errordatasim();}

break;

case "datanilhapus": if ($cmssim == "ya") {

if (hakakses("dtnilai")==1) {$simclass->datanilhapus();$simclass->datanilai();}

else errordata();

}

else {errordatasim();}

break;

//---sim data spp/ dsp case "dataspp":

if ($cmssim == "ya") {

if (hakakses("dtspp")==1) $simclass->dataspp();

else errordata();

}

else {errordatasim();}

break;

case "dataspp_save": if ($cmssim == "ya") {

if (hakakses("dtspp")==1) $simclass->dataspp_save();

else errordata();

}

else {errordatasim();}

break;

//--- sim absensi

case "databsen": if ($cmssim == "ya") {

if (hakakses("dtabsensi")==1) $simclass->databsen();

else errordata();

}

else {errordatasim();}

break;

case "detailabsen": if ($cmssim == "ya") {

(4)

if (hakakses("dtabsensi")==1) $simclass->detailabsen();

else errordata();

}

else {errordatasim();}

break;

case "saveabsen": if ($cmssim == "ya") {

if (hakakses("dtabsensi")==1) $simclass->saveabsen();

else errordata();

}

else {errordatasim();}

break;

case "importabsen": if ($cmssim == "ya") {

if (hakakses("dtabsensi")==1) $simclass->importabsen();

else errordata();

}

else {errordatasim();}

break;

//---sim --- bp bk case "gurubk":

if ($cmssim == "ya") {

if (hakakses("dtbpbk")==1) $simclass->gurubk();

else errordata();

}

else {errordatasim();}

break;

case "gurubkhapus": if ($cmssim == "ya") {

if (hakakses("dtbpbk")==1) {$simclass->gurubkhapus(); $simclass->gurubk();}

else errordata();

}

else {errordatasim();}

break;

/************************************** **** Misc Options ********************************************/ case "cred":

$profilclass->cred();

break;

case "tahap":

(5)

break; case "help":

$profilclass->help();

break;

case "daftarweb":

$profilclass->daftarweb();

break;

}

//---tutup--- echo "</td></tr>

<tr><td colspan='2' bgcolor='#4c96da' height=50 ><center><font class='adminhead'>$webhost.Website engine's code is copyright ｩ 2014 <a > versi $versi<br><br></font></center></td></tr></table>"; }

echo "</body> </html>"; ?>

(6)

Membangun Aplikasi Website Interaktif dengan Adobe Dreamweaver CS5 pada SMA Sinar Husni Deli Serdang