Membangun website Dinamis Pada Organisasi Forsikamus 5 Medan Dengan Menggunakan Php Dan Mysql

TUGAS AKHIR

ASMA HAMIDY SIREGAR

052406078

PROGRAM STUDI D3 ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2008

MEMBANGUN WEBSITE DINAMIS PADA ORGANISASI

FORSIKAMUS 5 MEDAN DENGAN MENGGUNAKAN

PHP DAN MYSQL

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya

ASMA HAMIDY SIREGAR

052406078

PROGRAM STUDI D3 ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2008

PERSETUJUAN

Judul : MEMBANGUN WEBSITE DINAMIS PADA ORGANISASI FORSIKAMUS 5 MEDAN DENGAN MENGGUNAKAN PHP DAN MYSQL

Kategori : TUGAS AKHIR

Nama : ASMA HAMIDY SIREGAR Nomor Induk Mahasiswa : 052406078

Program Studi : D3 KOMPUTER Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juni 2008 Komisi Pembimbing :

Diketahui/Disetujui oleh Pembimbing I Departemen Matematika FMIPA USU

Ketua,

Dr. Saib Suwilo, M.Sc Dr. Saib Suwilo, M. Sc NIP : 131796149 NIP : 131796149

iii

iii

PERNYATAAN

MEMBANGUN WEBSITE DINAMIS PADA ORGANISASI FORSIKAMUS 5 MEDAN DENGAN MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

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

Medan, Juni 2008

ASMA HAMIDY SIREGAR 052406078

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Daftar Isi v

Daftar Tabel vii

Daftar Gambar viii

Bab 1 Pendahuluan 1

1.1 Latar Belakang Masalah 1 1.2 Identifikasi Masalah 2 1.3 Ruang Lingkup Permasalahan 3 1.4 Tujuan dan Manfaat 4 1.5 Metode Penelitian 4 1.6 Lokasi dan Waktu Penelitian 5 1.6.1 Lokasi Penelitian 5 1.6.2 Waktu Penelitian 5 1.7 Sistematika Penulisan 5

Bab 2 Landasan Teori 8

2.1 Pengenalan Internet 8 2.2 Pengenalan HTML 9 2.3. Pengenalan PHP 10

2.3.1 Sejarah PHP 10

2.3.2 Kelebihan PHP 11

2.3.3 Sintaks PHP 12

2.4. MySQL 13

2.5 Pengenalan Dreamweaver 14

2.6 Pengenalan Fireworks 15

Bab 3 Gambaran Umum Organisasi 17 3.1 Sejarah Singkat Berdirinya Organisasi Forsikamus 5 Medan 17 3.2 Visi dan Misi Organisasi 18 3.3 Struktur Organisasi 19 3.4 Program Kerja Organisasi 19

3.4.1 Ketua Umum 19

3.4.2 Sekretaris Umum 20 3.4.3 Bidang Pendidikan dan Pelatihan (Diklat) 20 3.4.4 Bidang Ilmu Pengetahuan dan teknologi (Iptek) 21 3.4.5 Lembaga Semi Otonom (LSO) Mentoring 21 3.4.6 Lembaga Semi Otonom Jaringan Alumni (LSOJarUm) 22 3.4.7 Dewan Pertimbangan dan Penasehat (DPP) 22

vi

Bab 4 Perancangan Sistem

4.1 Perencanaan dan Perancangan Website 23 4.2 Data Flow Diagram (DFD) 25 4.3 Diagram Level Konteks 26 4.3.1 Diagram Level 0 27 4.4 Struktur Database 28

4.5 Kamus Data 29

4.6 Algoritma 29

Bab 5 Implementasi Sistem 33

5.1 Pengertian Implementasi sistem 33 5.2 Tujuan Implementasi Sistem 33 5.3 Spesifikasi Sistem 34 5.4 Menghosting Web 34 5.4.1 Web Hosting Free 34 5.5 Pemeliharaan web 35 5.5.1 Memperbarui Web 35

5.6 Tampilan Program 37 5.6.1 Tampilan Menu Utama 37

5.6.2 Tampilan Menu Sejarah 37

5.6.3 Tampilan Visi Dan Misi 38

5.6.4 Tampilan Struktur 38

5.6.5 Tampilan Buku Tamu 39

5.6.6 Tampilan Link 39

5.6.7 Tampilan Artikel 40

5.6.8 Tampilan Berita 40

5.6.9 Tampilan Activities 41

5.6.10 Tampilan Alumni 41

5.6.11 Tampilan Galeri 42

Bab 6 Kesimpulan Dan Saran 43

6.1 Kesimpulan 43

6.2 Saran 43

Daftar Pustaka 45

viii DAFTAR GAMBAR

Halaman Gambar 4.1 Struktur Organisasi Forsikamus 5 Medan 19 Gambar 4.1 Flowchart rancangan aplikasi web (situs) 25 Gambar 4.2 DFD Level Konteks 26

Gambar 4.3 DFD Level 0 27

Gambar 5.1 Tampilan Menu Utama 37 Gambar 5.2 Tampilan Menu Sejarah 37 Gambar 5.3 Tampilan Visi Dan Misi 38

Gambar 5.4 Tampilan Struktur 38

Gambar 5.5 Tampilan Buku Tamu 39

Gambar 5.6 Tampilan Link 39

Gambar 5.7 Tampilan Artikel 40

Gambar 5.8 Tampilan Berita 40

Gambar 5.9 Tampilan Activities 41

Gambar 5.10 Tampilan Alumni 41

vii

vii DAFTAR TABEL

Halaman

Tabel 4.1 Tabel Buku Tamu 28

Tabel 4.2 Tabel Alumni 28

Tabel 4.3 Tabel Admin 29

BAB 1

PENDAHULUAN

1.1Latar Belakang Masalah

Perkembangan ilmu pengetahuan dan teknologi saat ini sangat berkembang pesat sehingga masalah-masalah yang dihadapi juga semakin sulit, sementara kemampuan manusia dalam berpikir dan bekerja sangat terbatas. Kemajuan teknologi informasi juga sangat membantu dalam pengolahan data dan pembuatan laporan yang menjadi bahan untuk membangun sebuah website yang kreatif dan dinamis.

Sebagai sumber dan media informasi global, Internet mampu menyampaikan berbagai bentuk komunikasi secara interaktif dan cepat. Mulai dari perusahaan-perusahaan, sekolah-sekolah, perguruan tinggi, dan lembaga atau organisasi lainnya 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.

Aplikasi web atau bisa disebut juga dengan perangkat lunak berbasis web telah berkembang dengan pesat baik dari segi penggunaan, ukuran, bahasa yang digunakan dan kompleksitasnya.Aplikasi web pada mulanya hanya berupa situs web yang bersifat statis dan navigated oriented, serta lebih banyak digunakan sebagai brosur

2

produk atau profil perusahaan online.Pada saat ini aplikasi web telah banyak yang bersifat dinamis, interaktif dan task oriented untuk digunakan dalam sistem informasi, telekomunikasi, perdagangan, perbankan dan lain-lain.

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 pengguna/klien. PHP dirancang untuk membentuk suatu web yang bersifat dinamis yang artinya halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh pengguna/klien. 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.

Dengan pertimbangan tersebut maka penulis memutuskan untuk membuat suatu aplikasi web dengan judul : “Membangun Website Dinamis pada Organisasi FORSIKAMUS 5 Medan dengan Menggunakan PHP dan MYSQL.”.

1.2Identifikasi Masalah

Pada umumnya informasi yang disajikan dalam bentuk homepage memberikan pengaruh terhadap kegiatan organisasi. Suatu organisasi dapat memberikan informasi yang perlu disampaikan pada orang-orang ataupun mengabadikan setiap kegiatan dan acara yang ada di organisasi tersebut.

Sedangkan permasalahan yang dihadapi dalam penilitian ini adalah bagaimana cara merancang suatu website organisai yang dinamis sehingga dapat memberikan informasi yang bermanfaat bagi pemakai.

Sehubungan dengan hal tersebut dapat dirumuskan permasalahan dalam penelitian ini sebagai berikut:

1. Data-data yang telah diperoleh agar dapat dirancang dengan semenarik mungkin menjadi informasi yang berguna bagi para pengunjung situs.

2. Memberikan kemudahan kepada para pengurus Organisasi FORSIKAMUS 5 (Forum Silaturahmi Keluarga Alumni Muslim SMU Negeri 5) khususnya dan siswi-siswi SMUN 5 Medan umumnya yang membutuhkan informasi terbaru dari setiap kegiatan dan program kerja organisasi tersebut.

1.3Ruang Lingkup Permasalahan

Adapun ruang lingkup masalah dari tugas akhir ini adalah membahas pembuatan website organisasi sebagai suatu website yang memberikan informasi bagi user / pengguna baik kalangan masyarakat umum maupun dari pihak anggota organisasi itu sendiri yang membutuhkan informasi yang akurat.

Aplikasi web ini dibangun dibawah system operasi Windows XP mencakup aplikasi Web Server Apache, Web Scripting PHP dan MySQL. Selain itu, aplikasi web ini juga didukung bahasa pemrograman web lainnya seperti HTML (hypertext Markup Language) dengan editor web yaitu Macromedia Dreamweaver MX 2004 dan

4

Macromedia Fireworks MX 2004 sebagai aplikasi perancangan layout serta penggabungan antara design dan programming.

1.4Tujuan dan Manfaat

Maksud penulis melakukan penelitian ini adalah agar mendapatkan data-data yang dimiliki oleh organisasi FORSIKAMUS 5 (Forum Silaturahmi Keluarga Alumni Muslim SMU Negeri 5) Medan, sehingga penulis bisa mengolahnya menjadi suatu bentuk informasi yang disajikan dalam bentuk homepage.

Adapun tujuan diadakannya penelitian ini adalah untuk membuat homepage organisasi FORSIKAMUS 5 (Forum Silaturahmi Keluarga Alumni Muslim SMA Negeri 5) Medan yang dapat diakses oleh siapa saja dan kapan saja serta untuk memberi kemudahan bagi anggotanya dalam menikmati layanan yang disediakan dalam situsnya.

1.5Metode Penelitian

Adapun Metodologi penelitian yang digunakan penulis dalam mengumpulkan data adalah:

1. Penelitian Kepustakaan

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 menyusun landasan teoritis.

2. Penelitian Lapangan

Penelitian dilakukan langsung ke sekretariat FORSIKAMUS 5 (Forum Silaturahmi Keluarga Alumni Muslim SMU Negeri 5) Medan untuk mendapatkan data, dimana penulis melakukan pengumpulan data dengan cara bertanya langsung kepada ketua umum, sekretaris umum, dan pengurus lainnya pada organisasi tersebut.

1.6Lokasi dan Waktu Penelitian

1.6.1 Lokasi Penelitian

Lokasi penelitian dilaksanakan di Sekretariat organisasi Forsikamus 5 Medan yang terletak di Jln. SM Raja km 5,5 No. 1E Medan.

1.6.2 Waktu Penelitian

Penelitian dilakukan pada tanggal 22 – 26 April 2008.

1.7Sistematika Penulisan

Sistem penulisan tugas Akhir ini disajikan kedalam bentuk terstruktur dan sistematik sehingga mempermudah pembaca untuk memahami Tugas Akhir ini. Adapun Sistematika Penulisan Tugas Akhir ini adalah sebagai berikut:

6

BAB 1 : PENDAHULUAN

Merupakan pendahuluan yang menguraikan latar belakang pemilihan judul, identifikasi masalah, ruang lingkup masalah, maksud dan tujuan, metode penelitian, dan sistematika penulisan.

BAB 2 : LANDASAN TEORI

Merupakan dasar teori yang secara singkat menjelaskan tentang hal-hal yang berhubungan dengan judul seperti pengenalan internet, pengenalan HTML, PHP, MySQL, serta Macromedia Dreamweaver MX 2004 dan Macromedia Fireworks MX 2004.

BAB 3 : SEJARAH ORGANISASI

Menjelaskan secara singkat profil Organisasi Forsikamus 5 Medan.

BAB 4 : PERANCANGAN SISTEM

Dalam bab ini akan dijelaskan bagaimana struktur file dan struktur logika website yang dibangun dengan proses komunikasi antara PHP, MySQL dan penggunaan Macromedia Dreamweaver sebagai editor perancangan situs.

BAB 5 : IMPLEMENTASI SISTEM

Pada bab ini berisikan uraian pengertian implementasi sistem, tujuan implementasi sistem, menghosting web, dan pemeliharaan web.

BAB 6 : KESIMPULAN DAN SARAN

Memuat kesimpulan dan saran dari hasil penelitian yang penulis dapatkan.

BAB 2

LANDASAN TEORI

2.1 Pengenalan Internet

Internet adalah jaringan luas dari komputer, yang lazim disebut dengan worldwide network. Dengan internet maka Anda akan dapat mencari jutaan informasi, mulai dari informasi kota-kota dunia, pemerintahan, budaya, teknologi, pribadi, berita (majalah dan Koran dari seluruh dunia), software komputer, iklan-iklan perusahaan dari seluruh dunia, iklan-iklan pribadi, informasi barang-barang terbaru dan lain-lain. Selain itu internet bisa juga digunakan untuk mencari teman, kontak jodoh, mengirim berita, alat komunikasi, alat hiburan seperti game dan lain-lain.

Internet juga sangat dibutuhkan oleh kalangan pelajar dan mahasiswa sebagai media pelayanan untuk mencari artikel-artikel maupun informasi-informasi terbaru yang terjadi di penjuru dunia. Internet sebagai suatu media informasi juga memiliki beberapa teknologi umum diantaranya adalah WWW, URL, TCP/IP, browser, nama domain, chatting, dan email.

Internet terdiri dari berjuta-juta halaman, dan setiap halaman disebut dengan web. Sedangkan halaman yang pertama kali muncul ketika Anda membuka browser (Internet Explorer atau Netscape Communicator) disebut dengan Homepage. Tetapi

Web sering juga disebut dengan website atau homepage. Web browser adalah suatu program atau perangkat lunak yang digunakan untuk mengakses internet, contoh web browser adalah Internet Explorer ( produk Microsoft Corporation), Netscape Communicator (Produk Netscape) dan lain-lain.

2.2 Pengenalan HTML

HTML atau kepanjangan dari Hypertext Markup Language adalah script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibandingkan dengan 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 skrip HTML dimana kita bisa mengatur judul, garis, table, 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.0.1.

10

2.3 Pengenalan PHP

2.3.1 Sejarah PHP

PHP singkatan dari PHP Hypertext Preprocessor yang digunakan sebagai bahasa script server-side dalam pengembangan Web yang disisipkan pada dokumen HTML. Penggunaan PHP memungkinkan Web dapat dibuat dinamis sehingga maintenance situs Web tersebut menjadi lebih mudah dan efisien. PHP merupakan software Open-Source yang disebarkan dan dilisensikan secara gratis serta dapat di-download secara bebas dari situs resminya htpp://www.php.net. PHP ditulis menggunakan bahasa C.

PHP diciptakan pertama kali oleh Rasmus Lerdorf pada tahun 1994. Awalnya, PHP digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja pengunjung pada homepagenya. Rasmus Lerdorf adalah salah satu seorang pendukung open source. Oleh karena itu, ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis, kemudian menambah kemampuan PHP 1.0 dan meluncurkan PHP 2.0.

Pada tahun 1996, PHP telah banyak digunakan dalam website di dunia. Sebuah kelompok pengembang software yang terdiri dari Rasmus, Zeew Suraski, Andi Gutman, Stig Bakken, Shane Caraveo, dan Jim Winstead bekerja sama untuk menyempurnakan PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan. Penyempurnaan terus dilakukan sehingga pada tahun 2000 dikeluarkan PHP 4.0. Tidak berhenti sampai disitu, kemampuan PHP terus ditambah, dan saat ini versi terbaru yang telah dikeluarkan adalah PHP 5.0.x.

2.3.2 Kelebihan PHP

PHP memiliki banyak kelebihan yang tidak dimiliki oleh bahasa script sejenis. PHP difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang dapat dilakukan oleh CGI, seperti mengumpulkan data dari form, menghasilkan isi halaman web dinamis, dan kemampuan mengirim serta menerima cookies, bahkan lebih daripada kemampuan CGI.

PHP dapat digunakan pada semua system operasi, antara lain Linux, Unix (termasuk variannya HP-UX, Solaris, dan OpenBSD), Microsoft Windows, Mac OS X, RISC OS. PHP juga mendukung banyak Web Server, seperti Apache, Microsoft Internet Information Server (MIIS), Personal Web Server (PWS), Netscape and iPlanet servers, Oreilly Website Pro server, audium, Xitami, OmniHTTPd, dan masih banyak lagi lainnya, bahkan PHP dapat bekerja sebagai suatu CGI processor.

PHP tidak terbatas pada hasil keluaran HTML (HyperText Markup Language). PHP juga memiliki kemampuan untuk mengolah keluaran gambar, file PDF, dan movies Flash. PHP juga dapat menghasilkan teks seperti XHTML dan file XML lainnya.

Salah satu fitur yang dapat diandalkan oleh PHP adalah dukungannya terhadap banyak database. Berikut database yang dapat didukung oleh PHP:

1. Adabas D 2. dBase

3. Direct MS-SQL 4. Empress

12

5. FilePro(read only) 6. FrontBase

7. Hyperwave 8. dll.

2.3.3 Sintaks PHP

Sintaks Program/Script PHP ditulis dalam apitan tanda khusus PHP. Ada empat macam pasangan tag PHP yang dapat digunakan untuk menandai blok script PHP:

1. <?php … ?>

2. <script language = “PHP”> …</script> 3. <? …?>

4. <% … %>

Cara 1 dan 2 merupakan cara yang paling umum digunakan sekalipun cara 3 tampak lebih praktis karena cara 3 tidak selalu diaktifkan pada konfigurasi file php.ini yang terdapat pada direktori c:\apache\php.

Cara 4 juga dimungkinkan sebagai kemudahan bagi Anda yang sudah terbiasa dengan ASP (Active Server Pages). Namun, bila itu tidak dikenal, maka harus dilakukan pengaktifan pada file konfigurasi php.ini.

Contoh penggunaan sintaks PHP pada script berikut: <html>

<head>

<title>PHP Sintaks</title> </head>

<body> <?php

Print ‘Ini teks dengan PHP’; ?>

<br>

<script language=”php”>

echo ‘Ini teks dengan PHP’; </script>

<br> <?

Print ‘Ini teks dengan PHP’; ?>

<br> <%

Print ‘Ini teks dengan PHP’; %>

<body> </html>

2.4 MySQL

MySQL merupakan salah satu system database yang sangat handal karena menggunakan system SQL. Pada awalnya SQL berfungsi sebagai bahasa penghubung antara program database dengan bahasa pemrograman yang kita gunakan. Dengan adanya SQL maka para pemrogram jaringan dan aplikasi tidak mengalami kasulitan

14

sama sekali di dalam menghubungkan aplikasi yang mereka buat. Setelah itu SQL dikembangkan lagi menjadi system database dengan munculnya MySQL. MySQL merupakan database yang sangat cepat, beberapa user dapat menggunakan secara bersamaan, dan lebih lengkap dari SQL. MySQL merupakan salah satu software gratis yang dapat di download melalui situsnya. MySQL merupakan system manajemen database, relasional system database dan software open source. Kalau SQL biasa kita sebut dengan SEQUEL maka untuk MySQL tidak bisa kita sebut dengan MY-SEQUEL karena pembuatnya menyebutkan MySQL adalah “My Ess Que Ell”.

MySQL merupakan open source SQL database yang sangat populer disediakan oleh MySQL AB. MySQL AB merupakan perusahaan komersial yang berdiri untuk memberikan pelayanan seputar MySQL database. MySQL AB berasal dari perusahaan Swedia yang menjalankan aplikasi dasar MySQL dan merupakan developer utamanya.(Stendy B. Sakur, 2005).

2.5 Pengenalan Dreamweaver

Macromedia Dreamweaver adalah sebuah editor HTML professional untuk mendesain secara visual dan mengelola situs Web maupun halaman Web. Macromedia Dreamweaver MX 2004 adalah salah satu produk dari vendor Macromedia Inc. Pada saat ini, pihak Macromedia telah mengeluarkan versi terbaru dari Macromedia Dreamweaver yaitu Macromedia Dreamweaver MX 8.

Dreamweaver MX 2004 memiliki kemampuan untuk menyunting kode dengan lebih baik, serta mampu menggabungkan layout site dengan programming webnya.

Kehebatan Dreamweaver ini menjadikan Dreamweaver lebih banyak digunakan oleh Web Desainer maupun Web Programmer guna mengembangkan situs web. Ruang kerja, fasilitas, dan kemampuan Dreamweaver mampu maningkatkan produktivitas dan efektivitas dalam desain maupun membangun situs web.

2.6 Mengenal Fireworks

Seiring dengan pesatnnya perkembangan teknologi informasi dan dunia internet, berkembang pula software aplikasi desain grafis yang nantinya banyak digunakan untuk mendesain web. Untuk membangun web – setelah membuat desain – dibutuhkan program aplikasi lain yang menyediakan tool-tool web grafik, seperti button, menu, slice, hotspot dan animasi untuk mempercantik suatu halaman web.

Macromedia Fireworks dapat mengerjakan kedua hal tersebut sekaligus, karena Fireworks bukan hanya sebuah software aplikasi untuk mendesain web, tetapi juga menyediakan tools pembangun sebuah web. Selain itu kita juga dapat mengedit kode HTML (Hypertext Markup Language) yang secara otomatis terbangun ketika sebuah web dibangun.

Halaman web yang berbasis web biasanya menggunakan HTML untuk membangunnya. Terdapat beberapa aplikasi yang khusus menyediakan fasilitas pembangun web yang berbasis WYSWYG (What You See is What You Get), seperti Macromedia Dreamweaver, Adobe GoLive, Microsoft FrontPage, atau Adobe PageMill.

16

Ada dua hal penting yang dapat dikerjakan oleh Macromedia Fireworks, yaitu: 1. Mendesain grafis halaman Web.

2. Membuat elemen yang interaktif.

Ketika Anda membuka sebuah Homepage, disana akan ditemui banyak elemen (button, text atau gambar), yang dapat digunakan untuk link ke halaman lain. Biasanya, desain web berisi gambar yang terpotong-potong dan disusun menggunakan table yang tidak terlihat (invisible). Karena itu, sebelum memasukkan image ke sebuah web, kita perlu membuat table dahulu sebagai tempat gambar yang sudah kita potong-potong menggunakan software pengedit gambar.

Kelebihan Fireworks untuk kasus ini adalah, kita tidak perlu memotong-motong gambar untuk meletakkan obyek image ke dalam halaman web, sebab kita dapat menggunakan slice dan hotspot yang akan secara otomatis memotong tergantung garis vertical dan horizontal yang dihasilkan.

BAB 3

GAMBARAN UMUM ORGANISASI

3.1 Sejarah Singkat Berdirinya Organisasi Forsikamus 5 Medan

Forsikamus 5 medan merupakan singkatan dari Forum Silaturrahmi Keluarga Alumni Muslim SMA Negeri 5 Medan. Yang dibentuk sebagai wadah berkumpulnya seluruh alumni muslim dari SMA 5 Medan. Pada awalnya telah terbentuk sebelum tahun 1996, dan untuk periode 1996-1999, dan pada saat itu Herry Dwi Putra diamanahkan sebagai Ketua Umum. Kemudian pada Agustus 2001, diadakan diskusi antara alumni 1998 dan 1999 yang isinya tentang usulan untuk membentuk pengajian dari setiap stambuk. Lalu muncul wacana untuk mengaktifkan Forsikamus 5 yang sebelumnya sudah ada tetapi vakum kegiatannya selama dua tahun. Oleh karena itu, pada September 2001, dibentuklah tim sukses untuk mengaktifkan kembali Forsikamus 5.

Akhirnya pada Oktober 2001, Forsikamus 5 dibentuk kembali dengan memilih kepengurusan yang baru. Sebulan berikutnya, November 2001, struktur kepengurusan Forsikamus 5 sudah rampung tersusun dan setelah itu kegiatan Forsikamus 5 Medan mulai berjalan.

18

3.2 Visi dan Misi Organisasi

Seperti pada organisasi pada umumnya, Organisasi Forsikamus 5 memiliki beberapa visi dan misi. Adapun Visinya yaitu sebagai wadah perhimpunan alumni muslim SMA Negeri 5 Medan yang mengoptimalkan potensi diri alumni dan memberdayakannya dalam mewujudkan generasi rabbani di lingkungan alumni pada khususnya dan lingkungan SMA Negeri 5 pada umumnya.

Sedangkan Misi Organisasi Forsikamus 5 yaitu :

1. Mewujudkan organisasi yang memiliki daya tawar di lingkungan sekolah dalam menciptakan kebijakan-kebijakan pendidikan khususnya pembinaan keislaman. 2. Menjadi wadah penyuplai kader-kader dakwah untuk ditempatkan di

lembaga-lemabaga dakwah lainnya.

3. Menghimpun alumni-alumni muslim SMUN 5 medan serta memberdayakan potensi-potensi yang dimiliki.

4. Menjadi wadah pemercepat proses perwujudan nuansa islami di lingkungan sekolah.

3.3 Struktur Organisasi

Gambar 3.1 Struktur Organisasi Forsikamus 5 Medan

3.4 Program Kerja Organisasi

Adapun program kerja dari Organisasi Forsikamus 5 Medan Yaitu :

3.4.1 Ketua Umum

Program kerja dari ketua umum Organisasi Forsikamus 5 adalah mengkoordinir dan mengarahkan setiap pelaksanaan kegiatan yang dilakukan dari seluruh bidang ataupun pengurus lainnya.

KETUA UMUM

BID. DIKLAT BID. IPTEK SEKRETARIS

UMUM BENDAHARA

UMUM

LSO. JARINGAN

ALUMNI LSO.

20

3.4.2 Sekretaris Umum

Program kerja dari sekretaris umum yaitu : 1. Penataan administrasi

2. Mengadakan evaluasi setiap bulannya

3. Membantu ketua umum dalam pengkoordiniran setiap pelaksanaan kegiatan.

Bidang Pendidikan dan Pelatihan (Diklat)

Program kerja dari bidang diklat yaitu melaksanakan kegiatan-kegiatan yang bersifat pendidikan dan pelatihan-pelatihan baik bagi pengurus maupun pihak luar yang bekerja sama dalam bidang DIKLAT.

Kegiatan-kegiatan pada bidang diklat :

1. TCTM (Sanlat) bagi adik-adik siswa muslim SMUN 5 Medan 2. Training For Trainers (TFT)

3. LKD (Latihan Kepemimpinan Dasar) 4. Rihlah bagi siswa SMUN 5 Medan 5. Pelatihan lainnya

Bidang Ilmu Pengetahuan dan Teknologi (IPTEK)

Program kerja dari bidang IPTEK yaitu melaksanakan kegiatan-kegiatan yang bersifat menambah khasanah ilmu pengetahuan, baik pengetahuan dalam bidang agama maupun pengetahuan dalam bidang teknologi.

Kegiatan-kegiatan pada bidang Iptek yaitu : 1. Bedah Buku

2. Pembuatan Artikel (Mading, buletin) 3. Nonton Bareng

4. Bedah VCD

5. Pemantauan Perpustakaan Mushalla

Lembaga Semi Otonom (LSO) Mentoring

Program kerja dari LSO Mentoring yaitu :

1. Pengadaan tenaga mentor ikhwan dan akhwat

2. Pemantauan perkembangan mentoring ikhwan dan akhwat

3. Mengkoordinir kegiatan tarqiyyah mentoring gabungan ikhwan dan akhwat

22

3.4.6 Lembaga semi Otonom Jaringan Alumni (LSOJarUm)

Program kerja dari LSO Jaringan Alumni yaitu mendata alumni muslim SMAN 5 Medan setiap tahunnya dan memberdayakan serta terus mencari informasi tentang keberadaan alumni-alumni SMAN 5 Medan.

3.4.7 Dewan Pertimbangan dan Penasehat (DPP)

Program kerja dari dewan pertimbangan dan penasehat yaitu memantau setiap kegiatan FORSIKAMUS 5 Medan secara menyeluruh serta memberikan nasehat, masukan, bimbingan dan pengarahan yang sangat diperlukan dalam pelaksanaan kegiatan

BAB 4

PERANCANGAN SISTEM

4.1 Perencanaan dan Perancangan website

Ketika ingin merancang suatu situs maka akan diperlukan suatu persiapan yang cukup baik, perencanaan yang baik, serta mempunyai tujuan yang jelas. Termasuk elemen-elemen apa saja yang membentuk situs tersebut. Maka terlebih dahulu harus dipikirkan bagaimana bentuk tampilannya agar kelihatan lebih menarik, dan link-link apa saja yang akan dirancang serta informasi apa saja yang akan disajikan dalam sebuah website. Dalam perancangan website ini lebih ditujukan pada informasi yang berhubungan tentang organisasi suatu jaringan alumni.

Selain persiapan dan perencanaan yang telah diuraikan, juga diperlu dilakukan identifikasi awal antara lain:

a. Situs apa yang ingin dibuat?

b. Siapa saja pengunjung yang diharapkan berkunjung ke situs tersebut? c. Apa saja aktivitas yang dapat mereka lakukan dalam situs?

24

Dengan menjawab pertanyaan-pertanyaan di atas, akan semakin memperjelas dan mempermudah dalam membangun situs karena dari situlah nantinya akan terbentuk kata kunci untuk membuat dan mengembangkan situs lebih lanjut.

Berkenaan dengan situs yang akan dibangun, maka jawaban untuk pertanyaan di atas sebagai berikut:

a. Situs yang akan dibuat adalah situs organisasi jaringan alumni sekolah, dalam hal ini adalah organisasi FORSIKAMUS 5 Medan, yang menyediakan informasi-informasi mengenai organisasi tersebut.

b. Pengunjungnya adalah anggota pengurus organisasi FORSIKAMUS 5 Medan, siswa-siswi dan SMAN 5 Medan, masyarakat awam yang ingin mengetahui informasi seputar organisasi FORSIKAMUS 5 Medan.

c. Aktivitas yang akan dijumpai di dalam situs tersebut adalah pengunjung dapat mengetahui informasi mengenai organisasi FORSIKAMUS 5 Medan, mengisi buku tamu dan membuat pesan dan kesan terhadap organisasi tersebut.

d. Target yang akan dicapai dari situs tersebut adalah pengunjung mendapatkan informasi tentang organisasi FORSIKAMUS 5 Medan dan pengetahuan seputar masalah organisasi tersebut.

Kemudian langkah selanjutnya adalah membuat outline atau garis besar dari situs tersebut. Salah satu cara yang dapat digunakan adalah dengan membuat aliran informasi atau flowchart (bagan alir) situs tersebut. Flowchart merupakan gambaran yang menampilkan struktur, hierarki dan isi halaman per halaman, biasanya berbentuk pohon yang bercabang-cabang.

Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman dan link atau navigasi antara halaman-halaman tersebut. Di samping itu, juga dapat mempermudah dalam mengatur kode dan file HTML-nya, terutama link untuk navigasi penjelajahan ke seluruh halaman web. Secara sederhana

flowchart dalam membangun situs ini dapat dilihat pada gambar di bawah ini:

Gambar 4.1 Flowchart rancangan aplikasi web (situs)

4.2 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) adalah gambaran sistem secara logika. Gambaran ini tidak tergantung pada perangkat keras, lunak, struktur data atau organisasi. Pada tahap analisa, penanganan notasi simbol lingkaran dan anak panah mewakili/menggambarkan arus data dalam perancangan sistem sangat membantu

Index

Profil Buku

Tamu

Link Artikel Berita Activities Alumni

26

sekali didalam komunikasi dengan pemakaian sistem menggunakan notasi-notasi ini untuk menggambarkan arus dari data sistem.

4.3 Diagram Level Konteks

Dalam perancangan sistem ini penulis mencoba untuk memberikan gambaran mengenai alur arus data dari sistem ini. Adapun rancangan DFD pada sistem ini adalah sebagai berikut :

- Data Pengunjung - Informasi Situs

- Data Alumni - Info Berita

- Berita - Data Alumni

-Laporan Data Alumni

Gambar 4.2 DFD Level Konteks

Admin User Alumni

Ketua Organisasi

4.3.1 Diagram Level 0

-berita

- data alumni

- data pengunjung

admin berita alumni -informasi

bukutamu - berita -data pengunjung

-data alumni - data alumni -berita

-data admin

Gambar 4.3 DFD Level 0 Ketua Organisasi Admin Pembuatan Laporan Input Data Alumni User F3 F4 F1 F2

28

4.4 Struktur Database

Sebelum membangun sebuah web dinamis, maka diperlukan pembuatan database. Pada tahap ini dipersiapkan tempat untuk menampung data di server, data teresebut nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik penambahan, pengeditan, penghapusan, dan menampilkan isi database ke halaman

web. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan program MySQL.

Adapun database yang dibuat oleh penulis adalah database forsi dengan tabel-tabel sebagai berikut:

4.1 Tabel bukutamu

Field Jenis

nama varchar(30) alamat Varchar(100) email Varchar(30) telepon Char(20) pesan Varchar(1000)

4.2 Tabel alumni

Field Jenis

id Int(5) nama Varchar(30) email Varchar(50) alamat Varchar(100) telepon Varchar(30) handphone Varchar(30) tahun tamat Varchar(10) pekerjaan Varchar(50)

4.3 Tabel admin

Field Jenis

Username Varchar(30) Password Varchar(40)

4.4 Tabel berita

Field Jenis

id Int(5) Tanggal Varchar(10) Judul Varchar(50) Isi_berita Text

4.5 Kamus Data

1. Tabel admin = { username + password }

2. Tabel alumni = { no + nama + email + alamat + telepon + handphone + tahun_tamat + pekerjaan }

3. Tabel berita = { no + tanggal + judul + isi_berita }

4. Tabel bukutamu = { tanggal + jam + nama + alamat + email + telepon + pesan}

4.6 Algoritma

Algoritma adalah urutan langkah-langkah berhingga untuk memecahkan masalah logika atau matematika. Adapun algoritma yang akan dibahas antara lain yaitu:

30

Berfungsi menampilkan tampilan utama website FORSIKAMUS 5 Medan, dengan menu pilihan antara lain : Profil, Buku Tamu, Link, Artikel, Berita, Activities, Alumni, Galeri, Administrator.

1. Algoritma Profil

Langkah 1 : Jika Klik sub menu Sejarah maka akan tampil halaman sejarah dari organisasi.

Langkah 2 : Jika Klik sub menu Visi & Misi maka akan tampil halaman visi dan misi organisasi.

Langkah 3 : Jika Klik sub menu Struktur maka akan tampil halaman struktur organisasi.

2. Algoritma Buku Tamu

Langkah 1 : Jika Klik sub menu Isi Buku Tamu maka lakukan pengisian buku tamu, jika data selesai diinput maka klik tombol kirim untuk melakukan penyimpanan data, sedangkan untuk membatalkan klik tombol reset.

Langkah 2 : Jika Klik sub menu Lihat Bukutamu maka akan terlihat data yang sudah tersimpan.

3. Algoritma Link

Langkah 1 : Klik menu Link

4. Algoritma Artikel

Langkah 1 : Klik menu Artikel

Langkah 2 : Maka akan menampilkan halaman artikel yang dapat dipilih sesuai dengan judul yang tersedia.

5. Algoritma Berita

Langkah 1 : Klik menu Berita

Langkah 2 : Maka akan menampilkan beberapa judul berita terbaru. Langkah 3 : Klik salah satu judul yang sesuai.

Langkah 4 : Menampilkan keseluruhan isi berita.

6. Algoritma Activities

Langkah 1 : Klik menu Activities.

Langkah 2 : Maka akan menampilkan halaman yang berisi tentang kegiatan yang telah dilaksanakan.

7. Algoritma Alumni

Langkah 1 : Klik menu Alumni.

Langkah 2 : Maka akan menampilkan halaman data alumni.

Langkah 3 : Jika ingin mendaftar maka pilih menu daftar alumni. Kemudian isi biodata alumni, kemudian klik tombol daftar maka data akan disimpan. Jika ingin batal klik tombol reset.

32

Langkah 4 : Jika ingin kembali ke halaman awal maka pilih menu home.

8. Algoritma Galeri

Langkah 1 : Klik menu Galeri

Langkah 2 : Maka akan menampilkan halaman galeri.

9. Algoritma Administrator

Langkah 1 : Klik menu Administrator

Langkah 2 : Di tampilan menu login isikan username dan password yang benar Langkah 4 : Klik tombol login

Langkah 5: Data tersimpan ke dalam variabel $username, $password ke menu admin

Langkah 6 : Jika pengisian data sukses maka akan tampil menu admin jika gagal maka user harus mengganti username ataupun password yang benar.

BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

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

5.2 Tujuan Implementasi Sistem

Tujuan Implemetasi system adalah sebagai berikut;

1. Menyelesaikan desain sistem yang telah disetujui sebelumnya. 2. Memastikan bahwa program website ini layak untuk dipublikasikan. 3. Menguji apakah sistem baru tersebut sesuai dengan pemakai.

4. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat rencana, mengontrol dan melakukan instalasi baru secara benar.

34

5.3 Spesifikasi Sistem

Spesifikasi sistem untuk yang dianjurkan penulis untuk membuat dan menjalankan aplikasi web ini di komputer lokal adalah sebagai berikut:

1. Komputer dengan processor Intel Pentium 3 600 MHz atau setara. 2. Memori RAM 128 MB atau lebih.

3. Kapasitas Hardisk minimal 10 GB.

4. Microsoft Windows 2000 service pack 4 atau XP Home. 5. Microsoft Windows XP Professional (lebih disarankan).

Menghosting Web

Agar situs FORSIKAMUS 5 Medan dapat dimanfaatkan oleh semua orang yang akan mengunjunginya, maka kita perlu meng-upload semua file web FORSIKAMUS 5 Medan ini ke server penyedia hosting. Upload sendiri adalah proses pemindahan atau transfer file dari server lokal ke server hosting.

Web Hosting Free

Saat ini ada begitu banyak tawaran hosting gratisan. Biasanya hosting gratis tersebut mendapatkan uang dengan cara meletakkan banner di website kita. Sebenarnya situs

hosting tersebut punya harapan, saat kita akan meng-upgrade situs dan membayar biaya hosting untuk fitur lengkap.

Masih banyak situs-situs yang menawarkan server gratis di internet. Untuk mencari alamat server-server hosting gratis lainnya, kita dapat menggunakan dan mencarinya di search engine misalnya dengan menggunakan kata kunci “free web hosting”, “free web server”, “free web space”.

5.5 Pemeliharaan Web

Setelah situs web kita telah selesai dibuat dan telah kita hosting (berjalan online), maka perlu kiranya bagi kita untuk memperbaiki (update), menjaga, dan mengawasi situs mulai dari halaman web sampai pada data-data yang ada di server dari ancaman dan serangan pihak luar yang bisa terjadi kapan saja.

5.5.1 Memperbarui Web

Memperbarui situs web adalah salah satu cara untuk mempertahankan situs agar tetap dikunjungi oleh pengunjung. Dalam memperbarui situs kita harus melihat dan mengetahui apa yang sekiranya dibutuhkan oleh pengunjung.

36

Ada beberapa hal yang dapat kita lakukan dalam memperbarui web kita yaitu:

1. Memperbarui Isi Web

Suatu situs yang baik akan selalu memperbarui isi (content) dengan baik.

Dengan semakin seringnya content diperbarui (ditambah, diganti, dikoreksi) menunjukkan kepada pengunjung situs bahwa situs kita memang benar-benar terpelihara.

2. Mengubah dan menambah tampilan Desain Web

Situs dengan wajah baru dapat menyegarkan rasa bosan pengunjung terhadap situs yang telah kita buat. Mengubah desain situs web sangat disarankan terutama jika situs web kita banyak dikunjungi dan memiliki banyak artikel didalamnya.

Dari berbagai teknologi web yang telah dikenal maka kita dapat membuat layanan atau fitur khusus dari situs web yang dapat menarik hati pengunjung dengan pelayanan atau fasilitas yang disediakan kemudian membuat mereka penasaran dan meneksplorasi lebih lanjut situs web kita. Karena mungkin pengunjung akan senang dengan inovasi yang kita terapkan pada situs kita.

5.6Tampilan Program

5.6.1 Tampilan Menu Utama

Gambar 5.1 Tampilan Menu Utama

5.6.2 Tampilan Menu Sejarah

38

5.6.3 Tampilan Visi Dan Misi

Gambar 5.3 Tampilan Visi dan Misi

5.6.4 Tampilan Struktur

5.6.5 Tampilan Buku Tamu

Gambar 5.5 Tampilan Buku Tamu

5.6.6 Tampilan Link

40

5.6.7 Tampilan Artikel

Gambar 5.7 Tampilan Artikel

5.6.8 Tampilan Berita

5.6.9 Tampilan Activities

Gambar 5.9 Tampilan Activities

5.6.10 Tampilan Alumni

42

5.6.11 Tampilan Galeri

BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Dari uraian-uraian terdahulu dapat disimpulkan hal-hal sebagai berikut:

1. Dengan adanya situs FORSIKAMUS 5 Medan ini, maka penerimaan informasi online yang didapat menjadi lebih mudah serta bisa diakses oleh siapa saja. 2. Dalam pembuatan website ini, penulis menggunakan bahasa pemrograman

Web Scripting PHP dan MySQL, juga didukung bahasa pemrograman web lainnya seperti HTML (Hypertext Markup Language), Macromedia Dreamweaver MX 2004 sebagai penata letak layout serta penggabungan antara desain dan programming.

6.2 Saran

1. Selalu memperbarui situs organisasi FORSIKAMUS 5 Medan, agar para pengunjung situs ini tidak bosan dan senantiasa memberikan informasi-informasi terbaru mengenai organisasi tersebut.

44

2. Pemeliharaan keamanan terhadap data pada server sangat perlu diawasi dan dijaga dengan baik agar tidak bisa diakses oleh orang yang tidak berkepentingan.

3. Dengan meningkatnya kebutuhan tenaga kerja dalam bidang Internet, maka disarankan Mata Kuliah yang berhubungan dengan Internet dapat dimasukkan ke dalam kurikulum D-III Ilmu Komputer.

4. Komputer yang digunakan dalam membuat suatu aplikasi web sebaiknya memiliki spesifikasi dengan level menengah karena penggunaan

software-software yang banyak memakan sumber daya komputer seperti memori dan

DAFTAR PUSTAKA

Hakim, L, dan Musalini, U. 2004. Cara Mudah Memadukan Web Design dan Web Programming. Jakarta: PT Elex Media Komputindo.

Novianto, Fiftin. 2003. Desain dan Animasi Menggunakan Macromedia Fireworks MX. Yogyakarta: Andi.

Peranginangin, Kasiman. 2006. Aplikasi Web dengan PHP dan MySQL. Yogyakarta: Andi.

Stendy, B, Sakur. 2004. Aplikasi Web Database dengan Dreamweaver MX 2004. Yogyakarta: Andi Offset.

2006. Menguasai Pemrograman Web dengan PHP 5. Yogyakarta: Andi.

Sutarman. 2003. Membangun Aplikasi web dengan PHP dan MySQL. Yogyakarta: Graha Ilmu.

40

5.6.7 Tampilan Artikel

Gambar 5.7 Tampilan Artikel 5.6.8 Tampilan Berita

5.6.9 Tampilan Activities

Gambar 5.9 Tampilan Activities

5.6.10 Tampilan Alumni

42

5.6.11 Tampilan Galeri

BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Dari uraian-uraian terdahulu dapat disimpulkan hal-hal sebagai berikut:

1. Dengan adanya situs FORSIKAMUS 5 Medan ini, maka penerimaan informasi online yang didapat menjadi lebih mudah serta bisa diakses oleh siapa saja. 2. Dalam pembuatan website ini, penulis menggunakan bahasa pemrograman

Web Scripting PHP dan MySQL, juga didukung bahasa pemrograman web lainnya seperti HTML (Hypertext Markup Language), Macromedia Dreamweaver MX 2004 sebagai penata letak layout serta penggabungan antara desain dan programming.

6.2 Saran

1. Selalu memperbarui situs organisasi FORSIKAMUS 5 Medan, agar para pengunjung situs ini tidak bosan dan senantiasa memberikan informasi-informasi terbaru mengenai organisasi tersebut.

44

2. Pemeliharaan keamanan terhadap data pada server sangat perlu diawasi dan dijaga dengan baik agar tidak bisa diakses oleh orang yang tidak berkepentingan.

3. Dengan meningkatnya kebutuhan tenaga kerja dalam bidang Internet, maka disarankan Mata Kuliah yang berhubungan dengan Internet dapat dimasukkan ke dalam kurikulum D-III Ilmu Komputer.

4. Komputer yang digunakan dalam membuat suatu aplikasi web sebaiknya memiliki spesifikasi dengan level menengah karena penggunaan software-software yang banyak memakan sumber daya komputer seperti memori dan kapasitas hardisk.

DAFTAR PUSTAKA

Hakim, L, dan Musalini, U. 2004. Cara Mudah Memadukan Web Design dan Web Programming. Jakarta: PT Elex Media Komputindo.

Novianto, Fiftin. 2003. Desain dan Animasi Menggunakan Macromedia Fireworks MX. Yogyakarta: Andi.

Peranginangin, Kasiman. 2006. Aplikasi Web dengan PHP dan MySQL. Yogyakarta: Andi.

Stendy, B, Sakur. 2004. Aplikasi Web Database dengan Dreamweaver MX 2004.

Yogyakarta: Andi Offset.

2006. Menguasai Pemrograman Web dengan PHP 5. Yogyakarta:

Andi.

Sutarman. 2003. Membangun Aplikasi web dengan PHP dan MySQL. Yogyakarta: Graha Ilmu.