DAFTAR GAMBAR DAFTAR SIMBOL

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