DAFTAR ISI Halaman HALAMAN JUDUL ..................................................................................... i HALAMAN PENGESAHAN ........................................................................ ii HALAMAN PERNYATAAN ........................................................................ iii HALAMAN PERSEMBAHAN DAN MOTTO .............................................. iv KATA PENGANTAR .................................................................................... vi ABSTRAK ..................................................................................................... viii ABSTRACT ................................................................................................... ix DAFTAR ISI ................................................................................................. x DAFTAR GAMBAR ..................................................................................... xiii DAFTAR TABEL ......................................................................................... xv BAB I PENDAHULUAN ..................................................................................1 1.1 Latar Belakang Masalah .............................................................1 1.2 Rumusan Masalah ......................................................................3 1.3 Ruang Lingkup ..........................................................................3 1.3.1 Halaman Back End ...........................................................3 1.3.1.1 Halaman Back End (Pemilik) .............................3 1.3.1.2 Halaman Back End (Kontributor) .......................4 1.3.2 Halaman Front End ..........................................................5 1.4 Tujuan Penelitian ......................................................................5 1.5 Manfaat Penelitian ......................................................................6 1.6 Sistematika Penulisan .................................................................6 BAB II TINJAUAN PUSTAKA DAN DASAR TEORI ....................................8 2.1 Tinjauan Pustaka ........................................................................8 2.2 Dasar Teori .................................................................................9 2.2.1 I18n (Internationalization) ...............................................9 2.2.2 Sistem..............................................................................16 2.2.3 Word Wide Web ...............................................................16 2.2.4 HTML (Hypertext Markup Language) .............................17 2.2.5 CSS (Cascading Style Sheet)............................................18 2.2.6 Home Page ......................................................................19 2.2.7 Web Browser ...................................................................19 2.2.8 Database .........................................................................19 2.2.9 PHP .................................................................................20 2.2.10 Web Server Apache ..........................................................20 2.2.11 MySQL ............................................................................20 2.2.12 Google Maps API ............................................................21
x
BAB III ANALISIS DAN PERANCANGAN ....................................................22 3.1 Analisis Sistem ...........................................................................22 3.2 Sistem Perangkat Pendukung ......................................................22 3.2.1 Perangkat Keras (Hardware) ...........................................22 3.2.2 Perangkat Lunak (Software) ............................................22 3.3 Analisis Kebutuhan User ............................................................23 3.3.1 Pengunjung .....................................................................23 3.3.2 Ustadz .............................................................................23 3.3.3 Pemilik............................................................................23 3.4 Perancangan Sistem ....................................................................23 3.4.1 Diagram Konteks (DAD Level 0) ....................................24 3.4.2 Data Alir Diagram Level 1 ..............................................24 3.4.3 Diagram Alir Sistem........................................................26 3.4.4 Rancangan Tabel Basis Data ...........................................26 3.4.5 Relasi Antar Tabel...........................................................30 3.4.6 Desain Input Program......................................................31 3.4.7 Desain Output Program ...................................................35 BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM ............................38 4.1 Impelemntasi Sistem ...................................................................38 4.1.1 Halaman Utama Website .................................................38 4.1.2 Halaman Kirim Pertanyaan ..............................................39 4.1.3 Halaman Artikel dan Halaman Detail Artikel ...................40 4.1.4 Halaman Tanya Jawab dan Halaman Detail Tanya Jawab 41 4.1.5 Halaman Info Islami dan Halaman Detail Info Islami .......42 4.1.6 Halaman Login ................................................................43 4.1.7 Halaman Kontributor .......................................................43 4.1.8 Halaman Pemilik .............................................................44 4.1.9 Halaman Input Artikel dan Halaman Keyboard Arabic (Pemilik)..........................................................................44 4.1.10 Halaman Daftar Artikel dan Halaman Preview Artikel (Pemilik)..........................................................................45 4.1.11 Halaman Daftar Artikel (Kontributor) ..............................46 4.1.12 Halaman Daftar Pertanyaan .............................................47 4.1.13 Halaman Daftar Tanya Jawab Ustadz dan Halaman Preview Tanya Jawab Ustadz (Pemilik) .........................................48 4.1.14 Halaman Input Info Event Islami .....................................49 4.1.15 Halaman Daftar Info Event Info Islami (Pemilik) .............50 4.1.16 Halaman Input Kategori Event Islami ..............................51 4.1.17 Halaman Daftar Kategori Event .......................................51 4.1.18 Halaman Input Kontributor/User ......................................52
xi
4.1.19 4.1.20 4.1.21 4.1.22
Halaman Daftar Kontributor/User ....................................52 Halaman Pengaturan ........................................................53 Program Setting Text Editor .............................................53 Program Menerapkan CK Editor pada Form Input Artikel ........................................................................................54 4.1.23 Tampilan Text pada Website dalam Indonesia Arab dan Tampilan Text didalam Basis Data ...................................56 4.1.24 Setting Server Connection Collation ................................57 BAB V PENUTUP 5.1 Kesimpulan.................................................................................58 5.2 Saran ..........................................................................................58 DAFTAR PUSTAKA ........................................................................................59 LAMPIRAN
xii
DAFTAR GAMBAR
Gambar 3.1 3.2 3.3 3.4 3.5 3.6 3.7 3.8 3.9 3.10 3.11 3.12 3.13 3.14 3.15 3.16 3.17 3.18 4.1 4.2 4.3 4.4 4.5 4.6 4.7 4.8 4.9 4.10 4.11 4.12 4.13 4.14 4.15 4.16 4.17 4.18
Halaman
Diagram Konteks .................................................................................... 24 Data Alir Diagram Level1 ....................................................................... 25 Diagram Alir Sistem ............................................................................... 26 Relasi Antar Tabel .................................................................................. 30 Desain Input Data Kategori Artikel Islami ............................................... 31 Desain Input Data Artikel Islami ............................................................. 32 Desain Input DataKategori Event Islami ................................................. 32 Desain Input Data Event Islami ............................................................... 33 Desain Input Data Kontributor ................................................................ 33 Desain Input Data Pertanyaan ................................................................. 34 Desain Input Data Jawaban ..................................................................... 34 Desain Output Daftar Kategori Artikel Islami.......................................... 35 Desain Output Daftar Artikel Islami ........................................................ 35 Desain Output Daftar Kategori Event Islami ............................................ 36 Desain Output Daftar Event Islami .......................................................... 36 Desain Output Daftar Kontributor ........................................................... 36 Desain Output Daftar Pertanyaan ............................................................ 37 Desain Output Daftar Tanya Jawab ......................................................... 37 Halaman Menu Utama ............................................................................ 38 Menu Mengubah Bahasa Website ........................................................... 39 Halaman Kirim Pertanyaan ..................................................................... 39 Halaman Artikel ...................................................................................... 40 Halaman Detail Artikel ........................................................................... 40 Halaman Tanya Jawab ............................................................................ 41 Halaman Detail Tanya Jawab .................................................................. 41 Halaman Info Islami ................................................................................ 42 Halaman Detail Info Islami ..................................................................... 42 Halaman Login ....................................................................................... 43 Halaman Kontributor............................................................................... 43 Halaman Pemilik ..................................................................................... 44 Halaman Input Artikel ............................................................................. 45 Halaman Keyboard Arabic ...................................................................... 45 Halaman Daftar Artikel (Pemilik)............................................................ 46 Halaman Preview Artikel ........................................................................ 46 Halaman Daftar Artikel (Kontributor) ..................................................... 47 Halaman Pertanyaan................................................................................ 48
xiii
4.19 4.20 4.21 4.22 4.23 4.24 4.25 4.26 4.27 4.28 4.29 4.30 4.31 4.32 4.33
Halaman Jawab Pertanyaan ..................................................................... 48 Halaman Daftar Tanya Jawab Ustadz ...................................................... 49 Halaman Preview Tanya Jawab Ustadz ................................................... 49 Halaman Info Event Islami ...................................................................... 50 Halaman Daftar Info Event Islami ........................................................... 50 Halaman Input Kategori Event Islami ...................................................... 51 Halaman Daftar Kategori Event Islami .................................................... 51 Halaman Input Kontributor/User ............................................................. 52 Halaman Daftar Kontributor/User ........................................................... 52 Halaman Pengaturan ............................................................................... 53 Program Setting Teks Editor .................................................................... 54 Program Menerapkan CK Editor pada Form Input Artikel....................... 56 Tampilan Text pada Website dalam Indonesia Arab ................................ 56 Tampilan Text di dalam Basis Data ......................................................... 57 Setting Server Connection Collation ........................................................ 57
xiv
DAFTAR TABEL Tabel 2.1 3.1 3.2 3.3 3.4 3.5 3.6
Halaman Tabel Perbandingan Tinjauan Pustaka ......................................................8 Struktur Tabel User...................................................................................27 Struktur Tabel Kat_Artikel .......................................................................27 Struktur Tabel Artikel ...............................................................................28 Struktur Tabel Kat_Event .........................................................................28 Struktur Tabel Event .................................................................................29 Struktur Tabel Tanya ................................................................................29
xv
