DAFTAR ISI

HALAMAN JUDUL .......................................................................

HALAMAN PENGESAHAN .........................................................
ABSTRAK .......................................................................................
ABSTRACT ......................................................................................
KATA PENGANTAR .....................................................................
UCAPAN TERIMA KASIH...........................................................
DAFTAR ISI....................................................................................
DAFTAR GAMBAR .......................................................................
DAFTAR TABEL ...........................................................................

i
ii
iii
iv
v
vi
vii
ix
xi

BAB I. PENDAHULUAN
1.1 Latar Belakang ............................................................
1.2 Tujuan dan Manfaat .....................................................
1.3 Perumusan Masalah .....................................................
1.4 Batasan Masalah .........................................................
1.5 Metodologi. .................................................................
1.6 Sistematika Pembahasan ..............................................

1
1
2
2
2
3

BAB II. TEORI PENUNJANG

2.1 HTML 5 ......................................................................
5
2.2 Google Maps API ........................................................
6
2.3 Javascript .....................................................................
8
2.4 Database ......................................................................
9
2.5 PHP MySql ..................................................................
9
3.5
BAB III. PERANCANGAN DAN PEMBUATAN PERANGKAT
LUNAK
3.1 Bahan dan Alat ........................................................... 11
3.2 Perancangan Sistem ..................................................... 12
3.3 Sistem Player Activity Manager .................................. 19
BAB IV. PENGUJIAN DAN ANALISA
4.1 Pengujian Tambah, Edit, dan Hapus Pemain ...............
4.2 Pengujian Monitoring dan Tracking Pemain ...............
4.2 Pengujian Player Statistik dan Sertifikat .....................
4.3 Pengujian dengan Kuisoner .........................................
vii

37
40
43
45

BAB V.

PENUTUP
5.1 Kesimpulan ................................................................
5.2 Saran............................................................................

DAFTAR PUSTAKA

viii

53
53

DAFTAR GAMBAR

Gambar 2.1 Geolocation dengan HTML5 .......................................

Gambar 2.2 Tampilan Google Maps Satelite ..................................
Gambar 2.3 Tampilan Google Maps Earth .....................................
Gambar 2.4 Contoh Entitas .............................................................
Gambar 3.1 Desain Sistem ..............................................................
Gambar 3.2 Tampilan bagian Player ...............................................
Gambar 3.3 Tampilan bagian Monitoring .......................................
Gambar 3.4 Tampilan bagian Tracking ...........................................
Gambar 3.5 Rancangan Database ....................................................
Gambar 3.6 Flowchart Sistem Player Activity Manager ................
Gambar 3.7 Halaman Login ............................................................
Gambar 3.8 Halaman Admin ...........................................................
Gambar 3.9 Bagian Player ..............................................................
Gambar 3.10 Tombol Tambah Pemain Baru .....................................
Gambar 3.11 Player Editor ...............................................................
Gambar 3.12 Validasi Javascript .......................................................
Gambar 3.13 Kolom Aksi .................................................................
Gambar 3.14 Player Editor 2 ............................................................
Gambar 3.15 Default foto dan Marker ..............................................
Gambar 3.16 Pembuatan Marker dengan Photoshop ........................
Gambar 3.17 Marker yang telah diganti ............................................
Gambar 3.18 Ganti Marker ...............................................................
Gambar 3.19 Hapus Pemain ..............................................................
Gambar 3.20 Pilihan Tracking ..........................................................
Gambar 3.21 Hasil Tracking .............................................................
Gambar 3.22 Pilih Tanggal ...............................................................
Gambar 3.23 Bagian Monitoring .......................................................
Gambar 3.24 Tombol Lost Player .....................................................
Gambar 3.25 Tampilan Lost Player ..................................................
Gambar 3.26 Tombol Statistik Pada Kolom Aksi .............................
Gambar 3.27 Bagian Player Statistik ................................................
Gambar 3.28 Info Pemain .................................................................
Gambar 3.29 Misi Terakhir ...............................................................
Gambar 3.30 Level yang diselesaikan ...............................................
Gambar 3.31 Keterangan Player Skill ...............................................
Gambar 3.32 Desain Sertifikat ..........................................................
ix

5
7
7
9
13
14
14
15
16
19
20
20
21
22
22
22
23
23
24
24
25
25
25
26
26
27
28
28
29
29
30
30
31
31
32
32

Gambar 3.33 Template Sertifikat. .....................................................

Gambar 3.34 Tombol Sertifikat. .......................................................
Gambar 3.35 Tampilan Cetak Sertifikat ...........................................
Gambar 3.36 Tombol Cetak ..............................................................
Gambar 3.37 Menu Cetak .................................................................
Gambar 3.38 Hasil Cetak sertifikat ...................................................
Gambar 4.1 Menambahkan Pemain Baru .......................................
Gambar 4.2 Pemain Baru Telah Ter-record Dalam Database ........
Gambar 4.3 Mengedit Pemain Baru ................................................
Gambar 4.4 Pemain Baru Telah Berhasil di Update .......................
Gambar 4.5 Menghapus Pemain Baru ............................................
Gambar 4.6 Pemain Telah Terhapus Dari Database .......................
Gambar 4.7 Tabel Lokasi Terakhir Pemain .........................................
Gambar 4.8 Posisi Terakhir Dari Setiap Pemain .............................
Gambar 4.9 Data Tracking Pemain .................................................
Gambar 4.10 Menampilkan Data Pada Tabel Track .........................
Gambar 4.11 Pengujian Player Statistik ............................................
Gambar 4.12 Cetak Sertifikat Pada Browser Chrome .......................
Gambar 4.13 Hasil Cetak ..................................................................
Gambar 4.14 Diagram pertanyaan 1 .................................................
Gambar 4.15 Diagram pertanyaan 2 .................................................
Gambar 4.16 Diagram pertanyaan 3 .................................................
Gambar 4.17 Diagram pertanyaan 4 .................................................
Gambar 4.18 Diagram pertanyaan 5 .................................................
Gambar 4.19 Diagram pertanyaan 6 .................................................
Gambar 4.20 Diagram pertanyaan 7 .................................................
Gambar 4.21 Diagram pertanyaan 8 .................................................

33
33
34
34
35
35
37
38
38
39
39
39
40
41
42
42
43
44
44
46
47
47
48
49
50
51
52

DAFTAR TABEL

Tabel 3.1
Tabel 3.2
Tabel 3.3
Tabel 3.4
Tabel 3.5
Tabel 3.2
Tabel 3.2
Tabel 4.1
Tabel 4.2

xi

Spesifikasi Perangkat Keras ..........................................

Spesifikasi Perangkat Lunak .........................................
Struktur Tabel Player ....................................................
Struktur Tabel Track .....................................................
Struktur Tabel Timeline .................................................
Spesifikasi Perangkat Lunak .........................................
Spesifikasi Perangkat Lunak .........................................
Jenis Kelamin Responden .............................................
Asal Institusi ..................................................................

11
12
17
18
12
12
12
45
46