PEMBUATAN FORUM ALUMNI SD TA’MIRUL ISLAM SURAKARTA

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 NIP. 19700601 200801 1 009

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 ( ) 2. Penguji 1 Didiek Sri Wiyono, S.T, M.T

NIP. 19750331 200501 1 001 ( ) 3. Penguji 2 Agus Purbayu, S.Si

NIDN. 0629088001 ( )

Disahkan oleh

Dekan Fakultas MIPA UNS Ketua Program Diploma III Teknik Informatika UNS

Ir. Ari Handono Ramelan, M.Sc, Ph.D Drs. YS. Palgunadi, M.Sc NIP. 19610223 198601 1001 NIP. 19560407 19830301 004

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

(Al-Insyirah : 7)”

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

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

BAB II LANDASAN TEORI ... 4

2.1 Tinjauan Pustaka ... 4

2.1.1 ERD (Entity Relationship Diagram) ... 4

2.1.2 DFD (Data Flow Diagram) ... 5

2.1.3 Basis Data (Database) ... 6

commit to user x

2.1.5 SQL ... 8

2.1.6 MySQL ... 8

2.1.7 Web Server ... 9

2.1.8 JavaScript ... 9

2.1.9 Forum Online ... 10

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

4.1.2 Halaman Login User ... 22

4.1.3 Halaman Register ... 22

4.1.4 Halaman Buku Tamu ... 24

4.1.5 Halaman Polling ... 25

4.4.6 Halaman Forum ... 26

4.4.7 Halaman Login Admin ... 28

4.4.8 Halaman Kelola User ... 29

4.1.9 Halaman Kelola Buku Tamu ... 30

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 xiii

DAFTAR GAMBAR

Nomor Halaman

1. Diagram Konteks ... 11

2. DFD Level 0 ... 12

3. DFD Level 1 Proses 4 ... 13

4. ERD ... 14

5. Relasi Tabel ... 15

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

1

BAB I PENDAHULUAN

1.1 Latar Belakang

Melalui komunitas online, bisa menjadi wadah atau sarana untuk membuka 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 dari literatur-literatur yang berhubungan dengan penelitian.

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 website dan atau pengembangan website di masa yang akan datang.

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

Adalah penetapan jumlah maksimum atau minimum hubungan. Macam 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 Gane-Sarson, digunakan beberapa simbol komponen, yaitu:

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 cepat dan mudah.

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 dikirim ke klien tempat pemakai menggunakan browser. (Abdul Kadir, 2008).

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 Unix dan Linux. Seiring berjalannya waktu dan banyaknya peminat yang

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 objek yang dibenamkan ( embedded ). Contoh sederhana dari penggunaan JavaScript

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 diri di dalam forum tersebut.

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. 14.Proses 14 Admin memvalidasi login.

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 1 REGISTRASI T. USER USER 3 POLLING 2 LOGIN 4 FORUM T. POLLING

Verifikasi data user

Kelola user Kelola polling Data polling Kelola forum 5 BUKU TAMU

T. BUKU TAMU

Data buku tamu Data kategori

T. KATEGORI

Isi data

Data hasil

Posting topik Kelola registrasi

Isian buku tamu Lihat hasil polling

Isi polling

Username, password Validasi login Username, password

Kelola buku tamu Posting diskusi Hasil diskusi Hasil topik Data topik Topik baru T. DISKUSI T. TOPIK

Diskusi baruData diskusi

Hasil buku tamu Daftar kategori

Data user

commit to user

DFD level 1 ini merupakan penjabaran proses yang ke-4 berupa forum. Untuk lebih jelasnya, bisa dilihat di gambar ini :

ADMIN USER 4.1 LOGIN 4.3 TOPIK 4.2 KATEGORI validasi kelola login kelola T. User T. Kategori Data user Postingan topik konfirmasi Hasil tanggapan konfirmasi T. Diskusi T. Topik 4.4 DISKUSI Postingan tanggapan

Hasil topik Topik baru Data topik

Data tanggapan

kelola Data kategori

List kategori

Tanggapan baru

kelola

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 gambar di bawah ini :

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

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

Field

Keterangan

1. Id_user Integer 4 Id dari tabel user bersifat auto increment

2. Username Varchar 30 Identitas user yang mengelola website. 3 Password Varchar 30 Pengaman masuknya

user ke dalam website.

4 Nama Varchar 50 Nama lengkap user.

5 Alamat Varchar 100 Alamat user.

6 Kota Varchar 20 Kota tempat tinggal user.

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

Data

Ukuran

Field

Keterangan

1. Id_bukutamu Integer 4 Id dari tabel bukutamu bersifat auto increment 2. Nama Varchar 35 Nama dari pengisi buku

tamu.

3 Email Varchar 40 Email pengisi buku tamu. 4. Pesan Text Pesan dari pengisi buku

tamu.

5. Date Varchar 6 Tanggal saat pengisian buku tamu dengan format “d/m/Y G:i:s”

4. Tabel polling

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

Field Tipe Data Ukuran Field Keterangan

1. Id Integer 4 Id dari tabel polling bersifat auto increment

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

Data

Ukuran

Field

Keterangan

1. Id_kategori Integer 4 Id dari tabel kategori, bersifat auto increment. 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

Data

Ukuran

Field

Keterangan

1. Id_topik Integer 4 Id dari tabel topik bersifat auto increment

2. Id_user Integer 4 Id user yang membuat topik.

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 : User menginputkan data dirinya ke dalam form yang telah disediakan:

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 muncul form tambah topik, seperti pada gambar di bawah ini :

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 halaman selanjutnya.

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 akan dihapus. Lalu, akan ada konfirmasi :

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 tamu berupa id, nama, email, pesan, dan tanggal. Admin hanya bisa menghapus data

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 di atas tabel data polling.

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.

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

akan dihapus. Lalu, akan ada konfirmasi :

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

tamu berupa id, nama, email, pesan, dan tanggal. Admin hanya bisa menghapus data

commit to user

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

di atas tabel data polling.

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

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.