MEMBANGUN APLIKASI WEB YANG DINAMIS DENGAN MACROMEDIA DREAMWEAVER 8 PADA SMA NEGERI 1 BATANGKUIS

MEMBANGUN APLIKASI WEB YANG DINAMIS DENGAN MACROMEDIA DREAMWEAVER 8 PADA SMA NEGERI 1 BATANGKUIS TUGAS AKHIR

RAHMA AFRIYANTI 052406211

PROGRAM STUDI D-3 ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2008

Rahma Afriyanti : Membangun Aplikasi Web yang Dinamis Dengan Macromedia DreamWeaver 8 Pada SMA Negeri 1 Batangkuis, 2008. USU Repository © 2009

MEMBANGUN APLIKASI WEB YANG DINAMIS DENGAN MENGGUNAKAN MACROMEDIA DREAMWEAVER 8 PADA SMA NEGERI 1 BATANGKUIS

TUGAS AKHIR Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya


DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2008


LEMBAR PERSETUJUAN

Judul

Kategori Nama Nomor Induk Mahasiswa Program Studi Departemen Fakultas

: MEMBANGUN APLIKASI WEB YANG DINAMIS DENGAN MACROMEDIA DREMWEAVER 8 PADA SMA 1 NEGERI BATANGKUIS : TUGAS AKHIR : RAHMA AFRIYANTI : 052406211 : D-3 ILMU KOMPUTER : MATEMATIKA : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (MIPA) UNIVERSITAS SUMATERA UTARA

Disetujui di Medan, Mei 2008 Komisi Pembimbing

:

Diketahui Departemen Matematika FMIPA USU Ketua

Pembimbing,

Dr. Saib Suwilo, M.Sc NIP . 131 695 909

Drs. Suwarno Ariswoyo, M.Si NIP . 130 810 774


PERNYATAAN

MEMBANGUN APLIKASI WEB YANG DINAMIS DENGAN MACROMEDIA DREAMWEAVER 8 PADA SMA NEGERI 1 BATANGKUIS

TUGAS AKHIR

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

Medan, Mei 2008



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 Matematika dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara. Adapun judul tugas akhir ini adalah “Membangun Aplikasi Web yang Dinamis dengan Macromedia Dreamweaver 8 pada SMA Negeri 1 Batangkuis”. Pada kesempatan ini penulis juga menyampaikan terima kasih yang sebesarbesarnya kepada seluruh pihak yang sudah banyak membantu: 1. Bapak Dr. Eddy Marlianto, M.Sc, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara. 2. Bapak Dr. Saib Suwilo, M.Sc, selaku Ketua Departemen Matematika di Universitas Sumatera Utara. 3. Bapak Drs. Suwarno Ariswoyo, M.Si, selaku Dosen Pembimbing yang telah memberikan saran serta bimbingan sehingga penulis dapat menyelesaikan Tugas Akhir ini. 4. Bapak Drs. Darwin, MM selaku Kepala Sekolah SMA Negeri 1 Batangkuis. 5. Kedua orang tua, adik-adikku, dan keluarga untuk segenap doa dan dukungan yang telah diberikan. 6. Seluruh guru dan staf administrasi yang telah membantu penulis dalam pengumpulan data riset di SMA Negeri 1 Batangkuis. 7. Seluruh teman-teman yang ikut memberikan saran dan kritik dalam penyusunan Tugas Akhir ini. Semoga tugas akhir ini dapat berguna. Kritik dan saran penulis harapkan untuk perbaikan dan kemajuan tugas akhir ini di masa mendatang. Terima kasih.

Medan, Mei 2008 Penulis

Rahma Afriyanti


ABSTRAK

Kajian ini bertujuan untuk membangun aplikasi web suatu lembaga pendidikan keagamaan. Aplikasi ini dikembangkan dengan menggunakan perangkat lunak Adobe Photoshop CS, Macromedia Dreamweaver 8, 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.


DAFTAR ISI

Halaman PERSETUJUAN PERNYATAAN PENGHARGAAN ABSTRAK DAFTAR ISI DAFTAR TABEL DAFTAR GAMBAR

ii iii iv v vi viii ix

BAB 1 PENDAHULUAN 1.1 Latar Belakang 1.2 Identifikasi Masalah 1.3 Ruang Lingkup Masalah 1.4 Tujuan Penelitian 1.5 Metodologi Penelitian 1.6 Tinjauan Pustaka 1.7 Sistematika Penulisan

1 1 3 4 4 5 6 6

BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer 2.2 Pengertian Internet 2.3 Pengenalan HTML 2.3.1 Pendahuluan HTML 2.3.2 Bagian-bagian HTML 2.4 Pengenalan Apache 2.5 Pengenalan PHP 2.5.1 Sejarah PHP 2.5.2 Penggabungan Script PHP dan HTML 2.6 Pengenalan MySQL 2.7 CSS (Cascading Style Sheet) 2.8 Pengenalan Macromedia Dreamweaver 8 2.8.1 Memulai Dreamweaver 8 2.8.2 Area Kerja Dreamweaver 8 2.8.3 Menu Bar Area Kerja Dreamweaver 8

8 8 9 10 10 10 12 13 13 15 17 18 19 20 20 22

BAB 3 DESKRIPSI SEKOLAH 3.1 Sekilas Tentang Sekolah 3.2 Struktur Organisasi 3.3 Uraian Tugas dan Tanggung Jawab

24 24 25 27

BAB 4 PERANCANGAN SISTEM 4.1 Perencanaan dan Perancangan 4.2 Gambaran Umum Pembuatan Program

28 28 29


4.3 4.4 4.5 4.6 4.7 4.8

Membangun Halaman Situs Flowchart Situs Mempersiapkan Database Server Desain Situs Proses Upload File Metode Pengembangan Sistem

30 32 34 38 38 39

BAB 5 IMPLEMENTASI SISTEM 5.1 Pengertian Implementasi Sistem 5.2 Tujuan Implementasi Sistem 5.3 Komponen Dalam Implementasi Sistem 5.4 Installasi Apache, PHP, dan MySQL 5.4.1 Installasi Apache 2.0.48 5.4.2 Installasi PHP 5.1.1 5.4.3 Installasi MySQL 5.4.4 Installasi phpmyadmin

41 41 41 42 44 44 46 47 48

BAB 6 KESIMPULAN DAN SARAN 6.1 Kesimpulan 6.2 Saran

49 49 50

DAFTAR PUSTAKA

51

LAMPIRAN A: Tampilan Halaman Situs LAMPIRAN B: Listing Program LAMPIRAN C: Surat-Surat


DAFTAR TABEL

Halaman Tabel 4.1 Tabel Profil Tabel 4.2 Tabel Organisasi Tabel 4.3 Tabel Guru Tabel 4.4 Tabel Siswa Tabel 4.5 Tabel Admin

35 36 36 37 37


DAFTAR GAMBAR

Halaman Gambar 3.1 Struktur Organisasi SMA Negeri 1 Batangkuis Gambar 4.1 Rancangan Halaman Web yang dibangun Gambar 4.2 Alur Flowchart Menu Utama Gambar 4.3 Alur Flowchart Adiministrator Gambar 4.4 Desain Area Header Gambar 5.1 Apache 2.0.48 Gambar 5.2 Apache telah berhasil Gambar 5.3 PHP 5.1.1 Gambar 5.4 PHP telah berhasil Gambar 5.5 MySQL 5.0.22 Gambar 5.6 PHP telah berhasil Gambar 5.7 phpmyadmin telah berhasil

26 30 33 34 38 44 45 46 46 47 48 48


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 mengembangkannya.

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, sekolahsekolah, 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 Negeri 1 Batangkuis 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 sesuatu mengenai SMA Negeri 1 Batangkuis 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 Negeri 1 Batangkuis sebagai tugas akhir.

Atas pertimbangan tersebut dan pribadi penulis yang ingin menerapkan pengetahuan yang telah diperoleh maka penulis memutuskan untuk membuat suatu situs pendidikan (sekolah) dengan judul: “ MEMBANGUN APLIKASI WEB YANG DINAMIS DENGAN MACROMEDIA DREAMWEAVER 8 PADA SMA NEGERI 1 BATANGKUIS”.

1.2 Identifikasi Masalah

Masalah yang akan dipecahkan adalah bagaimana SMA Negeri 1 Batangkuis 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 Negeri 1 Batangkuis.

2. Informasi apa saja yang disediakan dalam web SMA Negeri 1 Batangkuis sehingga oleh pengunjung dapat dirasakan manfaatnya.


1.3 Ruang Lingkup Masalah

Adapun batasan dari tugas akhir ini adalah membahas pembuatan aplikasi web dinamis SMA Negeri 1 Batangkuis dengan menampilkan halaman-halaman web baik bersifat statis maupun dinamis sebagai suatu website yang memberikan informasi bagi mengenai SMA Negeri 1 Batangkuis 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 Macromedia Dreamweaver 8 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 memperoleh informasi yang dibutuhkannya.

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 situssitus sekolah, serta mempelajari bahasa-bahasa pemrograman web dengan mengunjungi situs-situs yang menyediakan tutorial pemrograman web seperti www.ilmukomputer.com dan lain-lain.


1.6 Tinjauan Pustaka

Dalam pembuatan tugas akhir ini, penulis menggunakan 3 buku pokok yang menjadi acuan dalam pembuatan tugas akhir ini, yaitu:

1. Analisis dan Desain, Jogiyanto, HM., MBA., Akt., Ph.D., 2005, penerbit Andi, Yogyakarta, yang mana buku ini sebagai penuntut dalam pembuatan perancangan sistem.

2. Menguasai Pemrograman Web dengan PHP 5, diterbitkan atas kerjasama antara Wahana Komputer dan Penerbit ANDI, 2006, penerbit Andi, Yogyakarta, yang mana buku ini menjadi acuan dalam pembuatan program dan website.

3. Merancang Sendiri Halaman Website menggunakan Macromedia Dreamweaver 8, 2007, A. Taufiq Hidayatullah, penerbit INDAH Surabaya, Surabaya, yang mana buku ini menjadi acuan dalam pembuatan tampilan desain layout website.

4. Selain ketiga buku diatas, penulis juga menggunakan beberapa buku pendukung lainnya yang menjadi referensi dalam pembuatan tugas akhir ini.

1.7 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 Macromedia Dreamweaver 8.

BAB 3

: DESKRIPSI SEKOLAH Pada bab ini penulis menjelaskan tentang struktur organisasi sekolah, tugas dan tanggung jawab.

BAB 4

: PERANCANGAN SISTEM 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 Di bab ini diuraikan kesimpulan dan saran.


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 gambar teknik dan sebagainya (Darwin Sitompul, 1994).

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).

2.3 Pengenalan HTML 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 perintah form yang ditandai dengan kode


, judul dengan dan sebagainya. Untuk lebih lanjut mengenai bagianbagian HTML perhatikan skema dibawah ini:<br /> <br /> <html> <head> <title>… …isi dari halaman web…

Keterangan:

1. Dokumen HTML selalu diawali dengan tanda tag pembuka dan diakhiri dengan tanda tag penutup .

2. Pada elemen 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 berisi tag-tag untuk isi atau layout tampilan situs kita, seperti: ,
,
.


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: TEKS Namun ada juga tag yang tidak perlu ada penutup seperti
,
, , dan lain-lain.

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.

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 tersebut dan menamakannya PHP/F1, pada saat itu kepanjangan dari PHP/F1 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 Website Pro Server, Caudium, Xitami, OmniHTTPd, dan lain-lain.

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 (). Ada dua tipe penggabungan antara PHP dan HTML yaitu:

1. Embedded Script

Yakni 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: Testing

2. Non-Embedded Script

Yakni 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 ‘’; echo ‘Testing’; echo ‘ ’; echo ‘Halo Dunia’; echo ‘’;


echo ‘’; ?>

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 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 (Didik Dwi Prasetyo, 2002).

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 Macromedia Dreamweaver 8

Dreamweaver merupakan salah satu software dari kelompok Macromedia yang banyak digunakan untuk mendesain situs web. Adapun Macromedia Dreamweaver itu sendiri adalah sebuah HTML editor profesional yang berfungsi untuk mendesain secara visual dan mengelola situs web maupun halaman web (Mei Lenawati, 2007).

Dreamweaver 8 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 8 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 tahan geser mouse secara manual.


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 Dreamweaver 8

Langkah untuk memulai penggunaan Macromedia Dreamweaver 8 dengan cara, klik tombol Start All Programs Macromedia Macromedia Dreamweaver 8. Setelah menjalankan Macromedia Dreamweaver 8, maka dilayar monitor akan tampil lembar aplikasi Macromedia Dreamweaver 8.

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 8

Area kerja pada Dreamweaver 8 adalah sebagai berikut:

1. Document Window, berfungsi untuk menampilkan dokumen saat bekerja.


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 membentuk situs web.


2.8.3 Menu Bar Area Kerja Dreamweaver 8

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 in Firework, Create Web Photo Album, dan sebagainya.

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 8, Reference, dan sebagainya.


BAB 3

DESKRIPSI SEKOLAH

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.

SMA Negeri 1 Batangkuis berada di Jalan Pancasila Gg. Pendidikan Desa Paya Gambar - Batangkuis. Sekolah ini didirikan atau dibuat pada tahun 1993, dengan luas tanah 1 Persil, dan mulai diresmikan atau dibuka pada 18 Juli 1994. Seperti sekolah-sekolah lain pada umumnya memiliki ruang kelas untuk kegiatan belajar mengajar siswa-siswinya serta dukungan laboratorium untuk pelaksanaan praktikum, ruang perpustakaan, fasilitas olahraga, serta tidak mengesampingkan moral akhlak siswa dengan adanya tempat ibadah dan kegiatan-kegiatan keagamaan yang diharapkan mampu meningkatkan akhlak dan moral siswa.

3.2 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 organisasi tersebut. Sehingga tujuan yang ditetapkan dapat tercapai dengan baik.


Adapun struktur organisasi pada SMA Negeri 1 Batangkuis, yaitu:

STRUKTUR SMA NEGERI 1 BATANGKUIS T.P. 2007/2008 Kepala Sekolah Drs. Darwin, MM

Komite Sekolah Drs. Lysman

PKS I Kurikulum Johan Sirait, Spd

Koord. Perpustakaan Pasti Bangun, Spd

PKS II Kesiswaan Drs. Juliartono

Koord. BP Drs. P. Situmorang

PKS III HUMAS/Sarana Prasarana Drs. Marlon Ritonga

Koord. 7K M. Gunawan

Koord. Laboratorium Supini, Spd

WALI KELAS

DEWAN GURU

SISWA

Gambar 3.1 Struktur Organisasi SMA Negeri 1 Batangkuis


3.2 Uraian Tugas dan Tanggung Jawab a. Wakil Kepala Sekolah Bagian Humas

Tugas Wakil Kepala Sekolah Bagian Humas, yaitu:

1. Membantu terlaksananya kegiatan ekstrakurikuler bekerja sama dengan Wakasek bagian Kurikulum dan Wakasek bagian Kesiswaan.

2. Ikut serta dalam kepengurusan komite sekolah sebagai salah satu wakil dari pihak sekolah.

b. Wakil Kepala Sekolah Bagian Kesiswaan

Tugas Wakil Kepala Sekolah Bagian Kesiswaan, yaitu:

1. Mengikuti proses kegiatan belajar-mengajar.

2. Mematuhi tata-tertib sekolah.

3. Menjaga nama baik sekolah.


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 8 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 halaman situs 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:

1. Administrator

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. Data-data yang dimasukkan, diubah ataupun dihapus administrator pada web SMA Negeri 1 Batangkuis 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 Negeri 1 Batangkuis. 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 Negeri 1 Batangkuis diakses atas dasar kebutuhan informasi dari tiap pengunjung. Berikut ini adalah halaman-halaman situs SMA Negeri 1 Batangkuis yang dibangun penulis agar pengunjung dapat menerima informasi yang disajikan.

Homepage SMA Negeri 1 Batangkuis

Profil (index)

Organisasi

Guru

Visi dan Misi

Struktur Organisasi

Data Guru

Fasilitas Sekolah

Tugas/Tanggung Jawab

Siswa

Administrator

Daftar Nama Siswa

Tugas Tata Pegawai

Gambar 4.1 Rancangan Halaman Web yang Dibangun


1.

Halaman Home(index).php

Merupakan halaman yang pertama kali muncul pada saat situs dibuka. Disini juga disampaikan tentang sekilas sejarah sekolah SMA Negeri 1 Batangkuis.

2. Halaman Profil.php

Halaman Profil berisi mengenai Visi dan Misi, dan Fasilitas-fasilitas yang ada pada sekolah SMA Negeri 1 Batangkuis.

3. Halaman Organisasi.php

Merupakan halaman mengenai Struktur Organisasi pada SMA Negeri 1 Batangkuis. Halaman ini akan ditampilkan pada situs SMA Negeri 1 Batangkuis.

3. Halaman Guru.php

Merupakan halaman yang akan menampilkan mengenai Data Guru di SMA Negeri 1 Batangkuis.

4. Halaman Siswa.php

Merupakan halaman yang akan menampilkan nama-nama siswa yang telah mendaftar pada sekolah SMA Negeri 1 Batangkuis.


5. 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 Negeri 1 Batangkuis, 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 Negeri 1 Batangkuis.

a. Flowchart Menu Utama

Seorang pengunjung dapat mengakses web SMA Negeri 1 Batangkuis dan dapat berpindah halaman web menuju halaman lain. Terdiri dari 5 (lima) halaman utama yakni 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:


Start

Tampilan Web

Pilih Link pada Home

Profil

Pilih Link yang Ada

Organisasi

Pilih Link yang Ada

B

Guru

Pilih Link yang Ada

C

Siswa

Pilih Link yang Ada

D

Administrator

Form Administrator

E

Index

A

End

Gambar 4.2 Alur Flowchart Menu Utama

b. 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 proses login gagal, maka kembali lagi ke halaman form administrator. Dapat kita lihat gambar di bawah ini:


A

Buka Halaman Administrator

Input Login dan password

Username dan Password salah

Status =

Administrator

Tampilkan Halaman Administrator

Index

A

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 Negeri 1 Batangkuis 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 tabeltabel mempergunakan fasilitas MySQL dengan terlebih dahulu login sebagai user. Dibawah ini adalah gambaran isi dari masing-masing tabel:

1. Tabel Profil

Di dalam tabel ini terdapat tentang sekilas sejarah sekolah, visi dan misi, serta fasilitas-fasilitas yang ada pada sekolah SMA Negeri 1 Batangkuis. Berikut ini adalah field-field yang dibuat dalam tabel profil: Tabel 4.1 Tabel Profil

Field

Type

Description

Id_profil*

Int(5)

Id profil

Sej_sekolah

Longtext

Sejarah sekolah

Visi_misi

Longtext

Visi misi

Fas_sekolah

Longtext

Fasilitas sekolah

2. Tabel Organisasi

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


Tabel 4.2 Tabel Organisasi

Field

Type

Description

Id_organisasi*

Int(5)

Id organisasi

Struk_organisasi

Longtext

Struktur organisasi

Tgs_fungsi

Longtext

Tugas dan fungsi

3. Tabel Guru

Tabel guru adalah digunakan untuk menampung data guru SMA Negeri 1 Batangkuis. Berikut ini adalah field-field yang dibuat dalam tabel guru : Tabel 4.3 Tabel Guru 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


4. Tabel Siswa

Tabel siswa adalah digunakan untuk menampung data siswa-siswi yang telah mendaftarkan diri di SMA Negeri 1 Batangkuis. Berikut ini adalah field-field yang dibuat dalam tabel siswa: Tabel 4.4 Tabel Siswa

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

5. Tabel Admin

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

Tabel 4.5 Tabel Admin

Field

Type

Description

Id_admin*

Int(10)

Id admin

User

Varchar(100)

User

Password

Varchar(100)

Password

Ket: * artinya adalah Key


4.6 Desain Situs

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. Secara keseluruhan desain header yang penulis buat dapat dilihat seperti gambar di bawah ini:

Gambar 4.4 Desain Area Header

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:

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 permasalahanpermasalahan, 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

Tahap meletakkan sistem supaya siap untuk dijalankan.


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 yang telah 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 web SMA Negeri 1 Batangkuis 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 Negeri 1 Batangkuis terbagi 2 (dua), yaitu:

a. Administrator.

b. Pengunjung (publik).


5.4 Instalasi Apache, PHP dan MySQL

Dalam meng-installasi Apache, PHP dan MySQL dilakukan secara satu per satu. Adapun softwarenya dapat diperoleh dari situs http://www.apache.org untuk Apache, http://www.php.net untuk PHP dan http://www.mysql.com untuk MySQL. Tahap installasinya dimulai dengan meng-installasi Apache, kemudian disusul dengan meng-installasi PHP dan MySQL. Setelah installasi selesai dilanjutkan dengan melakukan pengaturan konfigurasi yang diberikan setelah installasi selesai. Namun hal ini memerlukan pengaturan yang sedikit rumit.

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.

5.4.1 Installasi Apache 2.0.48

Adapun tahap-tahap installasinya adalah sebagai berikut:

1. Klik ganda pada file Apache 2.0.48

Gambar 5.1 Apache 2.0.48

1. Jalankan

file

Apache_2.0.xx-win32-x86-no_ssl.msi.

Untuk

keseragaman,

installkan Apache2 di folder C:\Program Files. Hasilnya adalah Apache2 akan


diinstall di folder C:\Program Files\Apache Group, dengan file Apache.exe ada di folder C:\Program Files\Apache Group\Apache2\bin. Pilihlah untuk menjalankan Apache2 sebagai service di port 80, sehingga secara otomatis setiap Anda start-up Windows, Apache2 akan aktif. Setelah selesai instalasi, maka di system tray akan muncul icon Apache Service Monitor. Klik dua kali untuk melihat status apakah Apache sudah aktif. Buka Browser, lalu akses http://localhost. Bila muncul tampilan :

Gambar 5.2 Apache telah berhasil


5.4.2 Installasi PHP 5.1.1

1. Klik ganda pada file Apache 2.0.48

Gambar 5.3 PHP 5.0

2. Jalankan file untuk keseragaman install pada C:\ maka akan tercipta C:\PHP 3. Jangan lupa pilih

Gambar 5.4 PHP telah berhasil

4. Karena tidak semua file terinstall maka extrak file ke C:\PHP terus Rename file php.ini-dist menjadi php.ini. Masuk ke dalam file php.ini. Ubah register_global menjadi on dan hilangkan tanda ; pada extension=php_mysql.dll


DISARANKAN copy file php.ini di folder php instaler by webmedia paste pada C:\PHP karena sudah tersetting dengan benar. Jangan buka C:\PHP\ext cari file php_mysql.dll copy dan paste ke C:\PHP ini adalah file extension mysql agar terkonfigurasi dengan PHP dan Apache. Oke, sekarang restart Apache untuk menguji apakah PHP sudah berjalan sebagai modul. Bila tidak ada pesan error apa pun, berarti PHP sudah diinstall dengan baik sebagai modul Apache. Coba cek lagi Apache Service Monitor, di bagian bawahnya nanti akan muncul tulisan : Apache/2.0.48 (Win32) PHP/5.x.x

5.4.2 Installasi MySQL

1. Klik ganda pada file MySQL 5.0.22

Gambar 5.5 MySQL 5.0.22

2. Isikan username dan password untuk root user (user dengan akses tertinggi) sesuka hati Anda. Di sini saya menggunakan username = root dan password = webmedia.

3. Buat file C:\Program Files\Apache Group\Apache2\htdocs\phpinfo.php. atau di docomentroot yang telah kita buat tadi Isikan dengan :

phpinfo(); ?> Buka browser, akses http://localhost/phpinfo.php. Hasilnya :

Gambar 5.6 PHP telah berhasil

5.4.3 Installasi phpmyadmin Jalankan phpMyAdmin dari browser : http://localhost/phpmyadmin

Gambar 5.7 phpmyadmin telah berhasil


BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

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

1. Situs SMA Negeri 1 Batangkuis 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 Fabbri dan Schwab 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 dapat memperbaharui isi situs.

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 Negeri 1 Batangkuis.

2. Kecepatan dalam membuka halaman web SMA Negeri 1 Batangkuis perlu diperhatikan, agar pengunjung tidak merasa bosan karena harus menunggu lama untuk membuka halaman web.

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


DAFTAR PUSTAKA

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. Menguasai Pemrograman Web dengan PHP 5. Yogyakarta: Penerbit Andi.

Hidayatullah, Taufiq, A. 2007. Merancang Sendiri Halaman Website menggunakan Macromedia Dreamweaver 8. Surabaya: Penerbit INDAH Surabaya.

Jogiyanto, HM. MBA. Akt. Ph.D. 2005. Analisis dan Desain. Yogyakarta: Penerbit Andi.

Lenawati, Mei. 2007. Macromedia Dreamweaver 8 dengan PHP. Yogyakarta: Penerbit Andi.

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

Sidik, Betha. 2001. Pemrograman Web dengan PHP. Bandung: Informatika.

http://www.wikipedia.com. Diakses tanggal 05 Mei 2008. http://www.google.com. Diakses tanggal 21 April 2008.


L A M P I R A N

A


Tampilan Halaman Situs 1. Halaman index.php

2. Halaman tampilprofil.php


3. Halaman tampilfasilitas.php

4. Halaman tampilorganisasi.php


5. Halaman tampilguru.php

6. Halaman tampilsiswa.php


7. Halaman admin.php


MEMBANGUN APLIKASI WEB YANG DINAMIS DENGAN MACROMEDIA DREAMWEAVER 8 PADA SMA NEGERI 1 BATANGKUIS

Recommend Documents