perpustakaan.uns.ac.id digilib.uns.ac.id tugas … digilib.uns.ac.id commit to user tugas akhir...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

TUGAS AKHIR

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

2011


commit to user

i

TUGAS AKHIR


Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya


Oleh


M3107035

DIII TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

2011


commit to user

ii

HALAMAN PERSETUJUAN


Disusun Oleh


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

HALAMAN PENGESAHAN


Disusun Oleh


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


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

ABSTRACT

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. Keyword: Forum, MySQL, PHP


commit to user

v

ABSTRAK

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.

Kata Kunci: Forum, MySQL, PHP


commit to user

vi

HALAMAN MOTTO

“Sesungguhnya bersama kesulitan ada kemudahan

(Al-Insyirah : 7)”


commit to user

vii

HALAMAN PERSEMBAHAN

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

KATA PENGANTAR

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

Penulis


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

2.1.4 PHP .................................................................................... 7


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.1 Implementasi ..................................................................................... 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

4.1.10 Halaman Kelola Polling .................................................. 31


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

DAFTAR PUSTAKA ................................................................................................ 35


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

9. Definisi Tabel Diskusi ............................................................................ 19


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

25. Halaman Kelola User .............................................................................. 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

33. Halaman Kelola Diskusi ......................................................................... 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.

2. User pengguna merupakan alumni SD Ta’mirul Islam Surakarta.


commit to user

2

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

3

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

5

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

6

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

7

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

8

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

9

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

10

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

BAB III

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

12

15. Proses 15 Admin mengelola topik.

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

REGISTRASIT. USER

USER

3

POLLING

2

LOGIN

4

FORUM

T. POLLING

Verifikasi data user

Kelola user

Kelola polling

Data polling

Kelola forum

5

BUKU TAMUT. 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, passwordValidasi login

Username, password

Kelola buku tamu

Posting diskusiHasil diskusi

Hasil topik

Data topikTopik baru

T. DISKUSI

T. TOPIK

Diskusi baruData diskusi

Hasil buku tamu

Daftar kategori

Data user

Gambar 3.2. DFD Level 0


commit to user

13

3.1.3 DFD Level 1 Proses 4

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

DISKUSIPostingan tanggapan

Hasil topik Topik baru

Data topik

Data tanggapan

kelola

Data kategoriList kategori

Tanggapan baru

kelola

Gambar 3.3 DFD Level 1 Proses 4


commit to user

14

3.2 Perancangan Database

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

15

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

16

2. Tabel 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.

13 Website Varchar 50 Website user.


commit to user

17

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

4. IP Text IP user yang memilih. Satu


commit to user

18

IP user hanya dapat mengisi

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.

5. Waktu Date Waktu pembuatan topik.


commit to user

19

6. Jumlah_reply Integer 6 Jumlah diskusi yang ada

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

5. Isi Varchar 255 Isi diskusi


commit to user

20

3.3 Perancangan Desain Website

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

FOOTER


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.

Gambar 4.1. Halaman utama


commit to user

22

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

23

Gambar 4.4. Halaman register

Setelah form diisi semua dan submit, maka akan muncul tulisan “Register

anda berhasil saladin (nama user). Silahkan login”:

Gambar 4.5. Hasil register


commit to user

24

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.

Gambar 4.8. Hasil isi buku tamu


commit to user

25

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 :

Gamabar 4.10 Halaman polling yang sudah diisi


commit to user

26

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

27

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:

Gambar 4.15. Tampilan penambahan komentar


commit to user

28

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

29

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

30

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

31

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

32

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.

Gambar 4.23. Form tambah pertanyaan polling


commit to user

33

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.

Gambar 4.25. Halaman kelola diskusi


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.

Saran-saran tersebut diharapkan dapat membuat forum lebih baik lagi.

perpustakaan.uns.ac.id digilib.uns.ac.id tugas … digilib.uns.ac.id commit to user tugas akhir...

Documents