TUGAS AKHIR
ASMA HAMIDY SIREGAR
052406078
PROGRAM STUDI D3 ILMU KOMPUTER
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
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
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,
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
vi
Bab 4 Perancangan Sistem
4.1 Perencanaan dan Perancangan Website 23
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
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
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
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
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
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
BAB 6 : KESIMPULAN DAN SARAN
Memuat kesimpulan dan saran dari hasil penelitian yang penulis
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
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
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
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
12
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>
<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
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
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
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
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
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
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
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
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:
tahun tamat Varchar(10)
4.3 Tabel admin
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
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
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
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
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
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
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
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.