DAFTAR ISI LEMBAR PENGESAHAN .........................................................................
i
SURAT PERNYATAAN ..............................................................................
ii
ABSTRAKSI .................................................................................................
iii
ABSTRACT ....................................................................................................
iv
KATA PENGANTAR ..................................................................................
v
DAFTAR ISI .................................................................................................
vii
DAFTAR TABEL ........................................................................................
xv
DAFTAR GAMBAR ....................................................................................
xvii
DAFTAR SIMBOL .......................................................................................
xxi
DAFTAR LAMPIRAN ................................................................................ xxiii
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah .....................................................................
I-1
1.2 Rumusan Masalah ..............................................................................
I-2
1.3 Maksud dan Tujuan .............................................................................
I-2
1.4 Batasan Masalah..................................................................................
I-3
1.5 Metodologi Penelitian .........................................................................
I-3
1.6 Sistematika Penulisan..........................................................................
I-5
BAB II LANDASAN TEORI 2.1 Definisi Aplikasi ...............................................................................
II-1
2.2 Definisi Wisata ...................................................................................
II-1
2.3 Definisi Maps .....................................................................................
II-2
2.4 Definisi Mobile Web ..........................................................................
II-2
2.5 World Wide Web ................................................................................
II-3
2.6 Metode pengembangan perangkat lunak dengan model USDP ........
II-4
2.6.1 Karakteristik USDP ........................................................................
II-6
2.6.2 Model USDP ..................................................................................
II-6
2.7 Perancangan Sistem Menggunakan UML .......................................... .
II-7
2.7.1 Contoh Use Case Diagram ............................................................
II-8
2.7.2 Contoh Activity Diagram ...............................................................
II-9
vii
2.7.3 Contoh Sequence Diagram ............................................................ II-10 2.7.4 Contoh Collaboration Diagram ...................................................... II-11 2.7.5 Contoh Class Diagram ................................................................... II-12 2.7.6 Contoh Component Diagram ......................................................... II-13 2.8 Implementasi ....................................................................................... II-14 2.8.1 PHP (Hypertext Preprocessor)........................................................ II-14 2.8.2 Virtual Server XAMPPP ................................................................. II-14 2.8.3 SqlYog ............................................................................................. II-15 2.8.4 Macromedia Dreamweaver 8 .......................................................... II-16 2.8.5 Rational Rose .................................................................................. II-17
BAB III MODEL ANALISIS 3.1 Analisis Sistem .................................................................................... III-1 3.2 Deskripsi Sistem yang Berjalan ........................................................... III-1 3.3 Deskripsi Sistem yang Akan Dikembangkan ...................................... III-3 3.3.1 Definisi Aktor ................................................................................ III-4 3.3.2 Definsi Use Case ............................................................................ III-4 3.3.3 Diagram Use Case.......................................................................... III-7 3.3.4 Skenario Use Case Diagram .......................................................... III-7 3.3.5 Class DiagramTahap Analisis…………………………………………III-17 3.3.6 Sequence Diagram ......................................................................... III-22 3.3.6.1 Sequence Diagram Pengolahan Account .................................. III-22 3.3.6.2 Sequence Diagram Pengolahan Modul ..................................... III-23 3.3.6.3 Sequence Diagram Pengolahan Konten .................................... III-24 3.3.6.4 Sequence Diagram Pengolahan Home ...................................... III-25 3.3.6.5 Sequence Diagram Lihat About Me .......................................... III-26 3.3.6.6 Sequence Diagram Lihat Module.............................................. III-26 3.3.6.7 Sequence Diagram Lihat Konten .............................................. III-27 3.3.6.8 Sequence Diagram Pencarian Konten ....................................... III-28 3.3.6.8 Sequence Diagram Autentifikasi Login .................................... III-29
viii
BAB IV PERANCANGAN SISTEM 4.1 Deskripsi Sistem .................................................................................. IV-1 4.2 Penggunaan Sistem ............................................................................. IV-1 4.3 Perancangan Sistem ............................................................................ IV-1 4.3.1 Collaboration Diagram .................................................................. IV-2 4.3.1.1 Collaboration Diagram Pengolahan Account.......................... IV-2 4.3.1.2 Collaboration Diagram Pengolahan Module .......................... IV-3 4.3.1.3 Collaboration Diagram Pengolahan Content ......................... IV-4 4.3.1.4 Collaboration Diagram Pengolahan Home ............................. IV-5 4.3.1.5 Collaboration Diagram Lihat About Me ................................. IV-5 4.3.1.6 Collaboration Diagram Lihat Module ..................................... IV-6 4.3.1.7 Collaboration Diagram Lihat Content..................................... IV-7 4.3.1.8 Collaboration Diagram Pencarian Content ............................. IV-8 4.3.1.9 Collaboration Diagram Autentifikasi Login ........................... IV-9 4.3.2 Class Diagram Tahap Perancangan............................................... IV-10 4.3.3 Perancangan Basis Data …………………..…………………….. IV-11 4.3.4 Tabel Modul .................................................................................. IV-12 4.3.5 Tabel Lokasi .................................................................................. IV-13 4.4 Perancangan Arsitektur ............................................................................ IV-14 4.4.1 Struktur Menu ................................................................................... IV-14 4.4.2 Penjelasan Struktur Menu ................................................................. IV-15 4.5 Perancangan Antarmuka .......................................................................... IV-16 4.5.1 Perancangan Antarmuka Login Admin.............................................. IV-17 4.5.2 Perancangan Antarmuka Halaman Utama Admin ............................. IV-18 4.5.3 Perancangan Antarmuka Add Content ............................................... IV-19 4.5.4 Perancangan Antarmuka View Content ............................................. IV-20 4.5.5 Perancangan Antarmuka View Module ............................................. IV-21 4.5.6 Perancangan Antarmuka About Me ................................................... IV-22 4.5.7 Perancangan Antarmuka Account Information .................................. IV-23 4.5.8 Perancangan Antarmuka Deskripsi .................................................... IV-24 4.5.9 Perancangan Antarmuka Mobile Untuk Pengunjung......................... IV-24
viiii
BAB V IMPLEMENTASI 5.1 Prosedure Algoritma .............................................................................
V-1
5.2 Lingkungan Implementasi ......................................................................
V-6
5.2.1 Lingkungan Implementasi(Programmer) .........................................
V-7
5.2.1.1 Lingkungan Perangkat Keras (Hardware) ..................................
V-7
5.2.1.2 Lingkungan Perangkat Lunak (Software) ..................................
V-7
5.2.2 Lingkungan Implementasi Pengguna ..............................................
V-7
5.2.2.1 Lingkungan Perangkat Keras (Hardware) ..................................
V-8
5.2.2.2 Lingkungan Perangkat Lunak (Software) ..................................
V-8
5.3 Implementasi Antarmuka .......................................................................
V-9
5.3.1 Tampilan Halaman Login ................................................................
V-9
5.3.2 Tampilan Home Admin....................................................................
V-9
5.3.3 Tampilan Account Information ........................................................ V-10 5.3.4 Tampilan About Me ......................................................................... V-11 5.3.5 Tampilan Content ............................................................................. V-11 5.3.6 Tampilan Add Content ..................................................................... V-11 5.3.7 Tampilan Module ............................................................................ V-12 5.3.8 Tampilan Home................................................................................ V-12 5.4 Pengujian (Testing) ................................................................................ V-13
BAB VI PENUTUP 6.1
Kesimpulan ..................................................................................... VI-1
6.2
Saran ................................................................................................ VI-1
DAFTAR PUSTAKA LAMPIRAN
viiv
DAFTAR TABEL Tabel 3.1 Deskripsi Aktor .............................................................................. III-4 Tabel 3.2 Deskripsi Use Case ........................................................................ III-4 Tabel 3.3 Skenario Pengolahan Account ........................................................ III-8 Tabel 3.4 Skenario Pengolahan Module ......................................................... III-9 Tabel 3.5 Skenario Pengolahan Content ......................................................... III-11 Tabel 3.6 Skenario Pengolahan Home ............................................................ III-12 Tabel 3.7 Skenario Lihat About Me ................................................................ III-14 Tabel 3.8 Skenario Lihat Module.................................................................... III-14 Tabel 3.9 Skenario Lihat Content ................................................................... III-15 Tabel 3.10 Skenario Pencarian Content .......................................................... III-16 Tabel 3.11 Deskripsi Class Diagram Tahap Analisis ..................................... III-19 Tabel 4.1 Struktur Admin ..............................................................................
i
Tabel 4.2 Struktur Data Content ....................................................................
i
Tabel 4.3 Struktur Data Module......................................................................
i
Tabel 4.4 Struktur Data Lokasi ......................................................................
i
Tabel 4.5 Penjelasan Perancangan Struktur Menu Admin .............................
i
Tabel 4.6 Penjelasan Perancangan Struktur Menu Pengunjung .....................
i
Tabel 5.1 Pengujian Aplikasi ..........................................................................
i
viv
DAFTAR GAMBAR Gambar 2.1 Contoh Usecase Diagram ...........................................................
i
Gambar 2.2 Contoh ActiviftyDiagram ...........................................................
i
Gambar 2.3 Contoh Sequence Diagram .........................................................
i
Gambar 2.4 Contoh Collaboration Diagram ..................................................
i
Gambar 2.5 Contoh Class Diagram ...............................................................
i
Gambar 2.6 Contoh Component Diagram .....................................................
i
Gambar 2.7 Logo Xampp................................................................................
i
Gambar 2.8 Logo SqlYog ...............................................................................
i
Gambar 2.9 Application Macromedia Dreamweaver .....................................
i
Gambar 3.1 Media Cetak ................................................................................
i
Gambar 3.2 Media Online ...............................................................................
i
Gambar 3.3 Diagram Usecase .........................................................................
i
Gambar 3.4 Class Diagram Tahap Analisis ....................................................
i
Gambar 3.5 Sequence Diagram Pengolahan Account ....................................
i
Gambar 3.6 Sequence Diagram Pengolahan Module .....................................
i
Gambar 3.7 Sequence Diagram Pengolahan Content .....................................
i
Gambar 3.8 Sequence Diagram Pengolahan Home ........................................
i
Gambar 3.9 Sequence Diagram Lihat About Me ............................................
i
Gambar 3.10 Sequence Diagram Lihat Module ..............................................
i
Gambar 3.11 Sequence Diagram Lihat Content .............................................
i
Gambar 3.12 Sequence Diagram Pencarian Content ......................................
i
Gambar 3.13 Sequence Diagram Autentifikasi Login ....................................
i
Gambar 4.1 Collaboration Diagram Pengolahan Account ..............................
i
Gambar 4.2 Collaboration Diagram Pengolahan Modue ................................
i
Gambar 4.3 Collaboration Diagram Pengolahan Content...............................
i
Gambar 4.4 Collaboration Diagram Pengolahan Home ................................
i
Gambar 4.5 Collaboration Diagram Pengolahan About Me ...........................
i
Gambar 4.6 Collaboration Diagram Lihat Module .........................................
i
Gambar 4.7 Collaboration Diagram Lihat Content .........................................
i
Gambar 4.8 Collaboration Diagram Pencarian Content .................................
i
vivi
Gambar 4.9 Collaboration Diagram Autentifikasi Login ...............................
i
Gambar 4.10 Perancangan Struktur Menu Admin ..........................................
i
Gambar 4.11 Perancangan Struktur Menu Pengunjung ..................................
i
Gambar 4.12 Perancangan Antarmuka Login .................................................
i
Gambar 4.13 Peracangan Antarmuka Menu Utama Admin ...........................
i
Gambar 4.14 Peracangan Antarmuka Add Content ........................................
i
Gambar 4.15 Peracangan Antarmuka View Content ......................................
i
Gambar 4.16 Peracangan Antarmuka View Module ......................................
i
Gambar 4.17 Peracangan Antarmuka About Me ............................................
i
Gambar 4.18 Peracangan Antarmuka Account Information ...........................
i
Gambar 4.19 Peracangan Antarmuka Deskripsi .............................................
i
Gambar 4.20 Peracangan Antarmuka Mobile .................................................
i
Gambar 5.1 Tampilan Login Admin ...............................................................
i
Gambar 5.2 Tampilan Home Admin...............................................................
i
Gambar 5.3 Tampilan Account Information ...................................................
i
Gambar 5.4 Tampilan About Me ....................................................................
i
Gambar 5.5 Tampilan Content ........................................................................
i
Gambar 5.6 Tampilan Add Content ...............................................................
i
Gambar 5.7 Tampilan Module .......................................................................
i
Gambar 5.8 Tampilan Deskripsi .....................................................................
i
vivii