commit to user
PEMBUATAN FORUM ALUMNI SD TA’MIRUL ISLAM SURAKARTA
Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya
Program Diploma III Teknik Informatika
Oleh
KURNIA SARI MAHMUDAH
M3107035
DIII TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
commit to user
i
PEMBUATAN FORUM ALUMNI SD TA’MIRUL ISLAM SURAKARTA
Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya
Program Diploma III Teknik Informatika
Oleh
KURNIA SARI MAHMUDAH
M3107035
DIII TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
commit to user
ii
PEMBUATAN FORUM ALUMNI SD TA’MIRUL ISLAM SURAKARTA
Disusun Oleh
KURNIA SARI MAHMUDAH
NIM. M3107035
Tugas Akhir ini telah disetujui untuk dipertahankan
Dihadapan dewan penguji
pada tanggal _______________
Dibimbing oleh
Pembimbing Utama
Wisnu Widiarto, S.Si, M.T
commit to user
iii
PEMBUATAN FORUM ALUMNI SD TA’MIRUL ISLAM SURAKARTA
Disusun Oleh
KURNIA SARI MAHMUDAH
NIM. M3107035
Dibimbing oleh
Wisnu Widiarto, S.Si, M.T
NIP. 19700601 200801 1 009
Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir
Program Diploma III Teknik Informatika
pada hari Senin tanggal 15 Agustus 2011
Dewan Penguji
1. Penguji 1 Wisnu Widiarto, S.Si, M.T
NIP. 19700601 200801 1 009 ( )
commit to user
iv
Kurnia Sari Mahmudah, 2011. MAKING ISLAMIC FORUM ALUMNI SD TA'MIRUL SURAKARTA, Informatics Engineering, Diploma Degree Computer Science, Mathematics Faculty and Science at Sebelas Maret University, Surakarta.
Fluency of communication becomes a necessity in this digital era. Interconnect users in all corners of the hemisphere. The existence of widely dispersed alumni who have also become difficult to collect them in the real world that sometimes is not detected anymore existence.
The research was conducted directly by an interview with the school regarding the need for relations between alumni.
Forum created and built to facilitate the alumni to communicate in cyberspace. So that, alumni can use it to discuss many things. This web-based forum was developed based on the MySQL database and PHP programming.
commit to user
v
Kurnia Sari Mahmudah, 2011. PEMBUATAN FORUM ALUMNI SD TA’MIRUL ISLAM SURAKARTA, Program DIII Teknik Informatika, Fakultas Matematika dan Pengetahuan Alam, Universitas sebelas Maret Surakarta.
Kelancaran komunikasi menjadi sebuah kebutuhan di era digital ini. Menghubungkan antar user di segala penjuru belahan bumi. Keberadaan alumni yang sudah terpencar luas pun menjadi sulit untuk mengumpulkan mereka di dunia nyata yang kadang juga sudah tidak terdeteksi lagi keberadaannya.
Penelitian dilakukan secara langsung dengan melakukan wawancara dengan pihak sekolah mengenai kebutuhan akan terjalinnya hubungan antar alumni.
Forum dibuat dan dibangun memfasilitasi para alumni berkomunikasi di dunia maya. Sehingga alumni bisa memanfaatkannya untuk berdiskusi banyak hal. Forum berbasis website ini dikembangkan berbasis database MySQL dan pemrograman PHP.
commit to user
vi
“Sesungguhnya bersama kesulitan ada kemudahan
commit to user
vii
Aku persembahkan Tugas Akhir ini kepada :
1. Bapak dan Ibu tercinta yang telah memberi support dalam banyak hal.
2. Adek-adek ku: udin, husna, mufid, nisa’, akbar yang aku sayangi karena
Alloh
3. Sahabat-sahabat ku “genk aneh” : yu ari, kak mei, intan, hanida.
4. Teman-teman yang telah membantu mengoreksi TA ku : ocha, risa, mas
ndaru, didik, johan, septi.
5. Teman-teman ku TI A , TI B, MI, Tkomp 2007 yang tidak bisa disebutkan satu
commit to user
viii
Dengan penuh rasa syukur kehadirat Alloh ‘Azza wa Jalla, yang telah
melimpahkan segala rahmat dan karunia-Nya, sehingga penulis dapat
menyelesaikan Laporan Tugas Akhir ini dengan judul “Pembuatan Forum Alumni
SD Ta’mirul Islam Surakarta”.
Laporan ini disusun sebagai salah satu syarat kelulusan program
pendidikan Diploma III Teknik Informatika Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sebelas Maret Surakarta.
Atas terselesaikannya Laporan Tugas Akhir, penulis tidak lupa mengucapkan
terimakasih kepada :
1. Bapak Drs. YS. Palgunadi, M.Sc selaku Ketua Program Diploma III
Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam
Universitas Sebelas Maret Surakarta.
2. Wisnu Widiarto, S,Si, M.T, selaku dosen pembimbing yang telah
banyak memberikan bimbingan dan saran dalam pembuatan laporan
ini.
3. Semua Dosen DIII Teknik Informatika yang mengajar angkatan 2007,
saya ucapkan terimakasih atas kesabaran dalam mengajarkan ilmu
yang berharga.
4. Teman-teman TI A 2007 yang selalu memberikan motivasi dan
semangat saat dalam keadaan susah maupun senang.
5. Semua pihak yang telah membantu penulis dalam menyusun laporan
Tugas Akhir ini yang tidak dapat penulis sebutkan satu per satu.
Semoga amal kebaikan semua pihak mendapat balasan dari Alloh SWT.
Amin.
Surakarta, 28 Juli 2011
commit to user
ix
DAFTAR ISI
Halaman
HALAMAN JUDUL... i
HALAMAN PERSETUJUAN ... ii
HALAMAN PENGESAHAN... iii
HALAMAN ABSTRACT ... iv
HALAMAN ABSTRAKSI ... v
HALAMAN MOTTO ... vi
HALAMAN PERSEMBAHAN ... vii
KATA PENGANTAR ... viii
DAFTAR ISI ... ix
DAFTAR TABEL ... xii
DAFTAR GAMBAR ... xiii
BAB I PENDAHULUAN... 1
1.1 Latar Belakang Masalah ... 1
1.2 Rumusan Masalah ... 1
1.3 Batasan Masalah ... 1
1.4 Tujuan dan Manfaat ... 2
1.4.1 Tujuan ... 2
1.4.2 Manfaat ... 2
1.5 Metodologi Penelitian ... 2
1.6 Sistematika Penulisan ... 3
commit to user
BAB III DESAIN DAN PERANCANGAN ... 11
3.1 Perancangan Sistem ... 11
3.1.1 Diagram Konteks ... 11
3.1.2 Data Flow Diagram (DFD) Level 0 ... 12
3.1.3 Data Flow Diagram (DFD) Level 1 Proses 4 ... 13
3.2 Perancangan Database ... 14
3.2.1 ERD (Entity Relationship Diagram) ... 14
3.2.2 Relasi Tabel ... 14
3.2.3 Daftar Tabel ... 15
3.3 Perancangan Desain Website ... 20
3.3.1 Desain Halaman Menu Utama ... 20
3.3.2 Desain Halaman Login Admin ... 20
BAB IV IMPLEMENTASI ... 21
4.1Implementasi ... 21
4.1.1 Halaman Index ... 21
commit to user
xi
4.1.11 Halaman Kelola Topik ... 33
4.1.12 Halaman Kelola Diskusi ... 33
BAB V PENUTUP ... 34
5.1 Kesimpulan ... 34
5.2 Saran ... 34
commit to user
xii
DAFTAR TABEL
Nomor Halaman
1. Simbol Komponen ERD ... 4
2. Simbol Komponen DFD ... 6
3. Definisi Tabel Admin ... 15
4. Definisi Tabel User ... 16
5. Definisi Tabel Buku Tamu ... 17
6. Definisi Tabel Polling ... 17
7. Definisi Tabel Kategori ... 18
8. Definisi Tabel Topik ... 18
commit to user
6. Rancangan Halaman Utama ... 20
7. Rancangan Login Admin ... 20
8. Halaman Utama ... 21
9. Halaman Utama Setelah Login ... 22
10. Halaman Login User ... 22
11. Halaman Register ... 23
12. Hasil Register ... 23
13. Halaman Buku Tamu ... 24
14. Halaman Buku Tamu yang Kosong ... 24
15. Hasil Isi Buku Tamu ... 24
16. Halaman Polling ... 25
17. Halaman Polling yang Sudah Diisi ... 25
18. Tampilan Kategori Forum ... 26
19. Tampilan Topik Forum ... 26
20. Tampilan Tambah Topik ... 27
21. Tampilan Detail Topik ... 27
22. Tampilan Penambahan Komentar ... 27
23. Tampilan Isi Forum ... 28
24. Halaman Login Admin ... 29
commit to user
xiv
26. Konfirmasi Penghapusan ... 30
27. Konfirmasi Pengeditan ... 30
28. Form Edit User ... 30
29. Halaman Kelola Buku Tamu ... 31
30. Halaman Kelola Polling... 32
31. Form Tambah Pertanyaan Polling ... 32
32. Halaman Kelola Topik ... 33
commit to user
sebuah wacana ke depan. Mengawali perkembangan ide-ide dari informasi yang
terkumpul, serta mengaplikasikannya. Hal itu sangat berpengaruh pada kelangsungan
perkembangan dan peningkatan mutu institusi pendidikan tersebut yang tak hanya
menjual dari segi prestasi.
Komunitas online ini menawarkan kemudahan-kemudahan komunikasi dan
lebih tertata dalam pembahasan topik pembicaraan melalui thread yang ada dalam
dashboard forum. Sehingga para user tidak dibingungkan dengan diskusi yang tidak
terarah seperti sebuah conference atau di sebuah jejaring sosial.
Maka dari itu, perlu adanya suatu sarana berupa forum diskusi untuk
menampung berbagai ide-ide dan topik pembicaraan terarah dari para user, terutama
alumni. Selain memberikan kemudahan dalam segi komunikasi, juga kemudahan
dalam hal pengaturan. Forum ini diharapkan tak hanya menjadi penghubung antar
alumni, tetapi juga antara alumni dengan pihak institusi itu sendiri.
1.2 Perumusan Masalah
Perumusan masalah yang didapat adalah bagaimana merancang dan membuat
web forum alumni menjadi sarana diskusi?
1.3 Batasan Masalah
Batasan masalah pada pembuatan web forum alumni ini adalah sebagai berikut:
1. Sebuah sistem yang dibuat dengan PHP dan MySQL.
commit to user
3. Sistem yang terbentuk adalah sebuah forum diskusi alumni.
1.4 Tujuan dan Manfaat 1.4.1 Tujuan
Merancang dan membuat website forum alumni SD Ta’mirul Islam Surakarta
agar mempermudah para alumni berdiskusi atau berkomunikasi di dunia maya.
1.4.2 Manfaat
Manfaat pembuatan web forum alumni ini adalah memudahkan para alumni SD
Ta’mirul Islam untuk berkomunikasi dengan alumni yang lain.
1.5 Metodologi Penelitian
Metode pengumpulan data yang digunakan penulis dalam membuat tugas
akhir ini adalah sebagai berikut:
1. Observasi
Metode pengumpulan data observasi dilakukan dengan mengamati objek
yang diteliti, lalu melakukan pencatatan langsung.
2. Wawancara (interview)
Pengumpulan data dengan wawancara dilakukan dengan melakukan tanya
jawab langsung kepada pihak-pihak yang bersangkutan dengan masalah
yang diteliti. Dengan metode ini diharapkan pihak yang terkait bisa
memberikan keterangan yang jelas dan up to date mengenai penelitian
yang dilakukan penulis.
3. Studi pustaka
Studi pustaka dilakukan dengan membaca dan mengambil sebagian data
commit to user
1.6 Sistem Penulisan
Dalam penulisan tugas akhir ini, penulis menggunakan sistematika penulisan
sebagai berikut:
BAB I PENDAHULUAN
Bab ini menjelaskan secara umum latar belakang masalah, perumusan masalah,
batasan masalah, tujuan dan manfaat, metode penelitian, dan sistematika penulisan.
BAB II LANDASAN TEORI
Bab ini berisi landasan teoritis dalam pembuatan Tugas Akhir ini.
BAB III DESAIN DAN PERANCANGAN
Bab ini menerangkan perancangan dan desain sistem atau Tugas Akhir yang
dibangun oleh penulis. Perancangan dan desain tersebut meliputi pemodelan proses,
analisis, dan implementasi website.
BAB IV ANALISIS DAN IMPLEMENTASI
Bab ini menjelaskan implementasi perancangan dalam hal kerja website berikut
analisis terhadap website tersebut. Bab ini berisi dua subbab yaitu analisis dan
implementasi. Subbab implementasi berisi penjelasan dari desain antarmuka sistem,
sedangkan subbab analisis menjelaskan kinerja sistem ketika sistem telah
diimplementasikan.
BAB V PENUTUP
Bab ini berisi kesimpulan yang didapatkan dari analisis mengenai keterkaitan
dengan tujuan pembuatan website, berikut saran-saran berkaitan dengan penggunaan
commit to user
4
BAB II
LANDASAN TEORI
2.1 Tinjauan Pustaka
2.1.1 ERD (Entity Relationship Diagram)
ERD adalah model data yang menggunakan beberapa notasi untuk
menggambarkan data dalam konteks entitas dan hubungan yang dideskripsikan oleh
data tersebut (Bentley, Dittman & Whitten, 2004). Dalam penggambaran ERD perlu
dipahami simbol-simbol komponen yang menyusunnya.
Tabel 1. Simbol Komponen ERD
Bentuk Komponen Keterangan
Entitas
Entitas
Entitas merupakan penggambaran dari tempat penyimpanan informasi
Atribut
Adalah sifat-sifat atau karakteristik dari suatu entitas
Atribut Kunci
Adalah pembeda dari entitas dan bersifat unik
Relasi
Mengilustrasikan bagaimana dua entitas berbagi informasi di dalam struktur basis data
Kardinalitas
commit to user
Recursive Relations
Adalah relasi yang menghubungkan entitas dengan dirinya sendiri
Secara konseptual, entitas dan atribut tidak terpisah. Hal yang dinyatakannya
saling berinteraksi dan mempengaruhi untuk mendukung tujuan bisnis. Karenanya,
diperkenalkan konsep hubungan. Hubungan atau relationship adalah hubungan
busnis alami yang ada di antara satu atau lebih entitas. Hubungan tersebut dapat
menyatakan kejadian yang menghubungkan entitas atau hanya persamaan logika yang
ada di antara entitas. Kompleksitas atau tingkat tiap hubungan ditunjukkan dengan
kardinalitas atau cardinality. Kardinalitas adalah jumlah minimum dan maksimum
kemunculan satu entitas yang mungkin dihubungkan dengan kemunculan tunggal
entitas lain (Bentley, Dittman & Whitten, 2004). Karena semua hubungan bersifat
dua arah, maka kardinalitas harus didefinisikan untuk setiap hubungan. Berikut
simbol contoh kardinalitas yang termuat dalam buku Metode Desain dan Analisis
Sistem dari buku Bentley LD, Dittman KC dan Whitten JL.
2.1.2 DFD (Data Flow Diagram)
Data Flow Diagram atau DFD dalam buku “Metode Desain dan Analisis
Sistem” dengan penulis Bentley LD, Dittman KC dan Whitten JL, adalah alat yang
menggambarkan aliran data melalui sistem dan kerja atau pengolahan yang dilakukan
oleh sistem tersebut. Teori yang digunakan penulis untuk menyusun diagram aliran
data adalah teori oleh Gane-Sarson. Untuk menggambarkan DFD sesuai dengan teori
commit to user
Tabel 2. Simbol Komponen DFD
Bentuk Komponen Keterangan
ENTITAS
Entitas
Menggambarkan sumber dan
tujuan dari aliran data (data flow) dari dan atau menuju sistem.
Alur Data
Menggambarkan aliran data dari satu proses ke proses yang lainnya.
Proses
Proses mentransformasikan data dari entitas ke data store, atau dari data store ke entitas, ataupun mengolah data sehingga menjadi data baru yang disimpan dalam
data store.
Penggambaran DFD dipermudah dengan diagram berjenjang yang telah dibuat
sebelumnya. Penyajian level terlihat dengan jelas melalui diagram berjenjang.
Kemudian DFD dibuat berdasarkan proses-proses pada diagram berjenjang.
2.1.3 Basis Data (Database)
Basis data terdiri atas 2 kata, yaitu Basis dan Data. Basis kurang lebih dapat
diartikan sebagai markas atau gudang tempat bersarang/berkumpul. Sedangkan Data
adalah representasi fakta dunia nyata yang mewakili suatu objek seperti manusia
(pegawai, pembeli, pelanggan), barang, hewan, peristiwa, konsep, keadaan, dan
sebagainya, yang direkam dalam bentuk angka, huruf, simbol, teks, gambar, bunyi,
atau kombinasinya. (Fatansyah, JR).
Basis Data sendiri dapat didefinisikan dalam sejumlah sudut pandang, seperti :
a. Himpunan kelompok data (arsip) yang saling berhubungan yang
diorganisasi sedemikian rupa kelak dapat dimanfaatkan kembali dengan
commit to user
b. Kumpulan data yang saling berhubungan yang disimpan secara bersama
sedemikian rupa dan tanpa pengulangan (redundansi) yang tidak perlu,
untuk memenuhi berbagai kebutuhan.
c. Kumpulan file/tabel/arsip yang saling berhubungan yang disimpan dalam
media penyimpanan elektronis.
Basis Data lemari arsip sesungguhnya memiliki prinsip kerja dan tujuan yang
sama. Prinsip utamanya adalah kemudahan dan kecepatan dalam pengambilan
kembali data/arsip. Perbedaaannya hanya terletak pada media penyimpanan yang
digunakan. Jika lemari arsip menggunakan lemari dari besi atau kayu sebagai media
penyimpanan, maka basis data menggunakan media penyimpanan elektronis seperti
disk (disket atau harddisk). Hal ini merupakan konsekuensi yang logis, karena lemari
arsip langsung dikelola/ditangani oleh manusia, sementara basis data
ditangani/dikelola melalui perantara alat/mesin pintar elektronis (yang kita kenal
sebagai komputer). Perbedaan media ini yang selanjutnya melahirkan
perbedaan-perbedaan lain yang menyangkut jumlah dan jenis metoda/cara yang dapat digunakan
dalam upaya penyimpanan.
Satu hal yang juga harus diperhatikan, bahwa basis data bukan hanya sekedar
penyimpanan data secara elektronis (dengan bantuan komputer). Artinya, tidak semua
bentuk penyimpanan data secara elektronis bisa disebut basis data. Kita dapat
menyimpan dokumen berisi dalam file teks (dengan program pengolah kata), file
spread sheet, dan lain-lain, tetapi tidak bisa disebut dengan basis data. Karena di
dalamnya tidak ada pemilahan dan pengelompokkan data sesuai jenis/fungsi data.
2.1.4 PHP
PHP merupakan singkatan dari PHP Hypertext Preprocessor. Ia merupakan
bahasa skrip yang ditempatkan dalam server dan diproses di server. Hasilnyalah yang
commit to user
Secara khusus, PHP dirancang untuk membentuk aplikasi web dinamis.
Artinya, ia dapat membentuk suatu tampilan berdasarkan permintaan terkini.
Misalnya, kita bisa menampilkan isi database ke halaman web. Pada prinsipnya PHP
mempunyai fungsi yang sama dengan skrip-skrip seperti ASP (Active Server Page),
Cold Fusion, ataupun Perl. Namun, perlu diketahui bahwa PHP sebenarnya bisa
dipakai secara command line. Artinya, skrip PHP dapat dijalankan tanpa melibatkan
web server maupun browser.
PHP bermula saat Rasmus Lerdorf membuat sejumlah skrip Perl yang dapat
mengamati siapa saja yang melihat-lihat daftar riwayat hidupnya, yakni pada tahun
1994. Skrip-skrip ini selanjutnya dikemas menjadi tool yang disebut “Personal Home
Page”. Paket inilah yang menjadi cikal bakal PHP. Pada tahun 1995, Rasmus
mencipatakan PHP/FI versi 2. Pada versi inilah pemrograman dapat menempelkan
kode terstruktur di dalam tag HTML. Kode PHP juga dapat berkomunikasi dengan
database dan melakukan perhitungan.
2.1.5 SQL
SQL merupakan kependekan dari kata “Structured Query Language”. SQL
merupakan bahasa suatu bahasa permintaan yang terstruktur. (Bunafit Nugroho,
2008). Maksud dari terstruktur karena pada penggunaanya SQL memiliki beberapa
aturan yang telah distandarkan oleh asosiasi yang bernama ANSI.
Jadi, SQL adalah bahasa permintaan yang melekat pada satu database atau
SMBD tertentu, sedangkan MySQL merupakan database servernya. Dengan kata lain,
MySQL merupakan SMDB-nya dan SQL perintah atau bahasa yang melekat di dalam
SMDB tersebut. Namun SQL tak hanya melekat pada MySQL server saja, tetapi juga
pada PostgreSQL, Interbase, dan Oracle.
2.1.6 MySQL
MySQL merupakan database server yang awalnya hanya berjalan pada sistem
commit to user
menggunakan database ini, MySQL merilis versi yang dapat diinstal pada hampir
semua platform, termasuk Windows. (Bunafit Nugroho, 2008).
Lisensi MySQL merupakan freeware yang dapat didownload dan digunakan
tanpa tanpa harus membayarnya.
2.1.7 Web Server
Web server adalah suatu perangkat lunak yang berfungsi untuk melayani
aktifitas request and reply file-file web. Salah satu web server yang paling banyak
digunakan saat ini adalah Apache Web Server. Keunggulan Apache antara lain
bersifat open source, gratis, memiliki dukungan luas terhadap bahasa pemrograman
web, antara lain PHP, JSP, Perl dan lain sebagainya. (Abdul Kadir, 2008)
Apache merupakan software yang dikeluarkan oleh Grup Apache. Grup
Apache terlibat dalam suatu proyek yang disebut proyek Apache untuk
mengembangkan suatu software implementasi di server HTTP (web) yang andal,
standar komersial, dan Source Code-nya didistribusikan secara gratis. Proyek ini
diikuti oleh orang-orang dari berbagai negara yang saling bekerja sama dalam
pengembangan software Apache tersebut. Website Apache dapat dikunjungi di
http://httpd.apache.org.
2.1.8 JavaScript
JavaScript adalah bahasa pemrograman berbasis prototipe yang berjalan disisi
klien. Jika berbicara dalam konteks web, sederhananya dapat memahami JavaScript
sebagai bahasa pemrograman yang berjalan khusus untuk di browser atau halaman
web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri
dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman
berorientasi objek, sedangkan Script adalah serangkaian instruksi program.
Secara fungsional, JavaScript digunakan untuk menyediakan akses script pada
commit to user
adalah membuka halaman pop up, fungsi validasi pada form sebelum data dikirimkan
ke server, merubah image kursor ketika melewati objek tertentu, dan lain lain.
2.1.9 Forum Online
Forum internet merupakan situs diskusi dimana orang-orang bisa melakukan
percakapan di forum. Berbeda dengan chat room yang pesan ditampilkan hanya
bersifat sementara atau temporer saja.
Forum memiliki beberapa topik yang memperbincangkan tiap permasalahan.
Di dalam sebuah topik, dapat ditanggapi beberapa anggota yang telah mendaftarkan
commit to user
11
DESAIN DAN PERANCANGAN
3.1 Perancangan Sistem
3.1.1 Diagram Konteks
Gambar 3.1. Diagram Konteks
Keterangan :
1. Proses 1 User dapat mengisi buku tamu.
2. Proses 2 User dapat melihat daftar buku tamu yang sudah ada.
3. Proses 3 User dapat mengisi polling.
4. Proses 4 User melihat hasil polling.
5. Proses 5 User mengisi formulir registrasi.
6. Proses 6 User login ke forum.
7. Proses 7 User mendapat konfirmasi account.
8. Proses 8 User membuat topik diskusi.
9. Proses 9 User memposting forum.
10.Proses 10 User melihat hasil posting forum.
11.Proses 11 Admin mengelola buku tamu.
12.Proses 12 Admin mengelola polling.
13.Proses 13 Admin mengkonfirmasi registrasi user.
commit to user
16.Proses 16 Admin mengelola forum.
17.Proses 17 Admin mengelola account user.
3.1.2 DFD Level 0
Alur data DFD level 0 adalah seperti gambar di bawah ini :
ADMIN
commit to user
DFD level 1 ini merupakan penjabaran proses yang ke-4 berupa forum.
Untuk lebih jelasnya, bisa dilihat di gambar ini :
ADMIN
commit to user
3.2.1 ERD(Entity Relationship Diagram)
Gambar 3.4 ERD
3.2.2 Relasi Tabel
Relasi tabel dari sistem forum alumni SD Ta’mirul Islam dapat dilihat di
commit to user
Gambar 3.5 Relasi Tabel
3.2.3 Daftar Tabel
1. Tabel admin
Tabel admin menyimpan username pengelola sistem ini. Sehingga
username dan password harus cocok untuk bisa mengelola sistem ini
secara keseluruhan.
Tabel 3.1 Definisi Tabel Admin
No Nama
Field
Tipe
Data
Ukuran
Field
Keterangan
1. Username Varchar 30 Identitas administrator yang
mengelola website.
2. Password Varchar 30 Pengaman masuknya
administrator ke dalam
commit to user
Tabel user yang harus diisi oleh user saat mendaftar berupa id_user,
username, password, nama, alamat, kota, tanggal_lahir, jenis_kelamin,
pekerjaan, status, tahun_lulus, email, website. Berikut ini keterangannya:
Tabel 3.2 Definisi Tabel User
No Nama Field Tipe Data Ukuran
7 Tanggal_lahir Date Tanggal lahir user.
8 Jenis_kelamin Enumerated 20 Jenis kelamin user.
9 Pekerjaan Varchar 20 Pekerjaan user.
10 Status Enumerated ‘0’,’1’ Status user single atau
menikah.
11 Tahun_lulus Year 4 Tahun lulus user dari
SD.
12 Email Varchar 30 Email user.
commit to user
3. Tabel buku tamu
Tabel buku tamu bisa diisi pengunjung website, tak hanya user saja.
Buku tamu terdiri dari id_bukutamu, nama, email, pesan, dan date.
Tabel 3.3 Definisi Tabel Buku Tamu
No Nama Field Tipe
Tabel polling digunakan menyimpan data-data yang masuk saat
pengunjung mengisi polling. Tabel ini terdiri dari : id, option, data, IP,
title.
Tabel 3.4 Definisi Tabel Polling
No Nama
2. Option Text Pilihan jawaban dari polling
3. Data Varchar 255 Data jumlah pemilih
commit to user
polling 1 kali.
5. Title Varchar 255 Pertanyaan polling
5. Tabel Kategori
Tabel kategori terdiri dari id_kategori dan judul_kategori.
Tabel 3.5 Definisi Tabel Kategori
No Nama Field Tipe
2. Judul_kategori Varchar 255 Judul dari kategori.
6. Tabel topik
Tabel topik terdiri dari id_topik, id_user, judul_topik, waktu, dan
jumlah_reply.
Tabel 3.6 Definisi Tabel Topik
No Nama Field Tipe
3. Id_kategori Integer 4 Id kategori dari topik yang
dibuat.
4. Judul_topik Varchar 100 Judul dari topik yang
dibuat.
commit to user
dalam topik.
7. Tabel diskusi
Tabel diskusi terdiri dari id_diskusi, id_user, judul, dan waktu.
Tabel 3.7 Definisi Tabel Diskusi
No Nama Field Tipe
Data
Ukuran
Field
Keterangan
1. Id_diskusi Integer 4 Id dari tabel bukutamu
bersifat auto increment
2. Id_topik Integer 4 Id topik.
3. Id_user Integer 4 Id user yang memposting
diskusi.
4. Waktu Date Waktu pengisian diskusi
commit to user
3.3.1 Desain Halaman Menu Utama
Halaman utama desainnya hampir sama dengan halaman utama admin
waktu login. Desain halaman menu utama dapat dilihat di bawah ini :
Gambar 3.5. Rancangan Halaman Utama
3.3.2 Desain Halaman Login Admin
Desain halaman login admin dapat dilihat di bawah ini :
LOGIN ADMIN
Username
Password
Gambar 3.6. Rancangan Login Admin
HEADER
ISI
NAVIGAS KIRI
commit to user
21
BAB IV
IMPLEMENTASI PROGRAM
4.1 Implementasi
Implementasi dari perancangan sistem ini digambar melalui gambar-gambar
sebagai berikut :
4.1.1 Halaman Index
Halaman menampilkan home yang muncul saat pertama kali diakses. Pada
halaman ini akan muncul menu home, buku tamu, login, dan register. Menu-menu
tersebut hanya mucul bila user belum login. Navigasi kiri ada form untuk login,
polling, dan beberapa aksesoris website.
Saat user sudah login, maka akan muncul menu home, buku tamu, forum, dan
logout pada navigasi atas. Sedangkan navigasi kiri tidak berubah kecuali form login
yang hilang.
commit to user
Gambar 4.2. Halaman utama setelah login
4.1.2 Halaman Login User
Halaman login user diisi oleh member forum untuk bisa mengakses ke forum.
Gambar 4.3. Halaman login user
Bila password yang diinputkan tidak sesuai, maka akan muncul tulisan:
4.1.3 Halaman Register
Halaman register merupakan halaman dimana user yang belum menjadi
member forum dapat mendaftar dulu dengan mengisi form seperti di bawah ini :
commit to user
Gambar 4.4. Halaman register
Setelah form diisi semua dan submit, maka akan muncul tulisan “Register
anda berhasil saladin (nama user). Silahkan login”:
commit to user
4.1.4 Halaman Buku Tamu
Halaman buku tamu dapat diakses semua user untuk mengisi buku tamu.
Gambar 4.6. Halaman buku tamu
User menginputkan isian untuk buku tamu. Jika salah satu tidak diisi, maka akan muncul pesan seperti gambar di bawah ini:
Gambar 4.7. Halaman buku tamu yang kosong
Jika inputan sudah benar, maka akan muncul tampilan semua isi buku tamu.
commit to user
4.1.5 Halaman Polling
Halaman polling dapat diakses semua user untuk mengisi polling. Polling
dapat diubah-ubah pertanyaannya oleh admin sesuai kebutuhan.
Gambar 4.9. Halaman polling
Bila polling diisi, maka akan muncul diagram lingkaran seperti gambar di
bawah ini :
commit to user
4.1.6 Halaman Forum
Halaman forum hanya dapat diisi oleh user yang sudah login. masih terbagi
menjadi 3 komponen utama, yaitu bagian kategori, topik, dan diskusi. Kategori sudah
ditentukan oleh admin. Sedangkan topik diisi oleh user sendiri sesuai kebutuhan.
Gambar 4.11. Tampilan kategori forum
User bisa memilih salah satu kategori yang ingin diisi topik.
Gambar 4.12. Tampilan topik forum
Bila user ingin menambah topik, maka klik “Buat Topik Baru”, maka akan
commit to user
Gambar 4.13. Tampilan tambah topik
Misal user memilih topik reuni maka akan muncul data tentang topik tersebut,
berupa nama topik, kategori, isi, dan waktu topik diposting:
Gambar 4.14. Tampilan detail topik
Bila user meng-klik “Tambahkan komentar”, maka akan muncul form untuk
menginputkan komentar:
commit to user
Berikut ini tampilan forum yang sudah ditambahkan beberapa komen
dalamnya. Disertakan juga detail topik yang sedang dibahas.
Gambar 4.16. Tampilan isi forum
4.1.7 Halaman Login Admin
Halaman login admin merupakan halaman yang muncul saat pertama kali
mengakses admin. User memasukkan username dan password untuk bisa mengakses
commit to user
Gambar 4.17. Halaman login admin
4.1.8 Halaman Kelola User
Pada halaman ini, akan dimunculkan data tiap user yang sudah registrasi.
Admin bisa mengedit dan menghapus user dari website.
Gambar 4.17. Halaman kelola user
Bila akan menghapus, admin bisa mengklik ikon silang di samping data yang
commit to user
Gambar 4.18. Konfirmasi penghapusan
Bila admin ingin mengedit user, maka klik ikon di samping ikon hapus. Maka,
akan muncul konfirmasi pengeditan seperti gambar di bawah ini :
Gambar 4.19. Konfirmasi pengeditan
Jika klik “OK”, maka admin akan masuk ke form pengeditan dan “Cancel”
untuk membatalkan pengeditan.
Gambar 4.20. Form edit user
4.1.9 Halaman Kelola Buku Tamu
Halaman kelola buku tamu menampilkan data-data yang ada di dalam buku
commit to user
buku tamu yang sudah ada dengan meng-klik ikon silang. Dan akan muncul
konfirmasi sama seperti Gambar 4.18.
Gambar 4.21. Halaman kelola buku tamu
4.1.10 Halaman Kelola Polling
Pengelolaan polling ada 2 proses, yaitu menghapus dan menambah
pertanyaan. Jika admin menambahkan pertanyaan, maka pertanyaan yang akan
dimunculkan adalah yang terakhir yang baru saja ditambahkan. Untuk menghapus,
bisa dengan meng-klik ikon tanda silang dan akan muncul konfirmasi seperti Gambar
4.18. Lalu, jika akan menambah pertanyaan, klik “Tambah Pertanyaan” yang berada
commit to user
Gambar 4.22. Halaman kelola polling
Gambar di bawah ini merupakan form penambahan pertanyaan polling yang
baru. Di kotak paling atas diisi dengan pertanyaan dan kotak-kotak di bawahnya diisi
pilihan-pilihan jawaban yang bisa dipilih oleh user.
commit to user
4.1.11 Halaman Kelola Topik
Pengelolaan topik pada halaman ini hanya berlaku proses penghapusan topik
sesuai kebutuhan admin. Untuk menghapus topik yang tidak berkenan, admin bisa
meng-klik ikon silang merah di samping kanan data.
Gambar 4.24. Halaman kelola topik
4.1.12 Halaman Kelola Diskusi
Pengelolaan diskusi juga sama dengan pengelolaan topik. Admin hanya
menghapus diskusi atau komentar bila tidak berkenan. Caranya dengan meng-klik
ikon silang merah. Maka akan muncul konfirmasi dahulu seperti Gambar 4.18.
commit to user
34 BAB V PENUTUP
5.1 Kesimpulan
Telah dibuat web forum alumni SD Ta’mirul Islam Surakarta dan dapat
dijadikan fasilitas untuk berkomunikasi para alumni. Dalam web ini disediakan
halaman administrator agar mudah dimanipulasi dan diatur datanya sesuai kebutuhan.
5.2 Saran
Untuk pengembangan web forum ini bisa ditambahi dengan :
1. Penambahan informasi data alumni.
2. Penambahan sub forum.
3. Aplikasi yang memungkinkan antar user bisa mengirim atau menerima
pesan.
