DAFTAR ISI HALAMAN JUDUL... i LEMBAR PENGESAHAN PEMBIMBING... ii LEMBAR PENGESAHAN PENGUJI... iii LEMBAR PERNYATAAN KEASLIAN HASIL TUGAS AKHIR... iv HALAMAN PERSEMBAHAN... v HALAMAN MOTTO... vi KATA PENGANTAR... vii SARI... ix TAKARIR... x DAFTAR ISI... xii DAFTAR GAMBAR... xv DAFTAR TABEL... xvii BAB I PENDAHULUAN... 1 1.1 Latar Belakang... 1 1.2 Rumusan Masalah... 2 1.3 Batasan Masalah... 2 1.4 Tujuan Penelitian... 3 1.5 Manfaat Penelitian... 3 1.6 Metodologi Penelitian... 3 1.6.1 Metode Pengumpulan Data... 4 1.6.2 Metode Pengembangan Aplikasi... 4 1.7 Sistematika Penulisan... 5 BAB II LANDASAN TEORI... 6 2.1 Manajemen Pertemuan... 6 2.2 Hybrid Mobile Application... 7 2.3 Apache Cordova... 8 2.4 Basisdata NoSQL... 9 2.5 Firebase... 10 2.6 Geolocation API... 11 xii
2.7 Aplikasi Sejenis... 12 2.7.1 Appointment Plus... 12 2.7.2 Appointment Manager... 13 BAB III METODOLOGI PENELITIAN... 15 3.1 Pengumpulan Data... 15 3.1.1 Ulasan Aplikasi... 15 3.1.2 Studi Pustaka... 15 3.2 Analisis Kebutuhan... 15 3.3 Perancangan Aplikasi... 16 3.4 Implementasi... 16 3.5 Pengujian Aplikasi... 17 BAB IV ANALISIS DAN PERANCANGAN... 18 4.1 Analisis Kebutuhan Fungsional... 18 4.2 Analisis Kebutuhan Non-Fungsional... 22 4.2.1 Efisiensi... 22 4.2.2 Kompatibilitas... 22 4.2.3 Keamanan... 23 4.2.4 Privasi... 23 4.3 Perancangan Aplikasi... 23 4.3.1 Use Case Diagram... 24 4.3.2 Activity Diagram... 25 4.3.3 Class Diagram... 35 4.3.4 Perancangan Basisdata... 36 4.3.5 Perancangan Antarmuka... 40 4.3.6 Perancangan Pengujian... 53 BAB V IMPLEMENTASI DAN PENGUJIAN... 55 5.4.1 Firebase... 59 5.4.2 Use Case Setup... 62 5.4.2.1 Halaman Login... 62 5.4.2.2 Halaman Sign Up... 63 xiii
5.4.3 Use Case Manajemen Profil... 64 5.4.4 Use Case Manajemen Pertemuan... 65 5.4.4.1 Halaman Agenda Pertemuan... 65 5.4.4.2 Halaman Rincian Pertemuan... 67 5.4.4.3 Halaman Tambah Pertemuan... 69 5.4.4.4 Halaman Ubah Pertemuan... 72 5.4.4.5 Halaman Hasil Pertemuan... 73 5.4.5 Use Case Manajemen Permintaan... 74 5.4.5.1 Halaman Manajemen Permintaan... 74 5.4.4.2 Halaman Notifikasi... 77 5.4.6 Use Case Manajemen Teman... 78 5.4.6.1 Halaman Manajemen Teman... 78 5.4.5.2 Halaman Tambah Teman... 79 5.5 Hasil Pengujian Metode Black-box... 80 5.5.1 Hasil Pengujian Setup... 80 5.5.2 Hasil Pengujian Manajemen Profil... 82 5.5.3 Hasil Pengujian Manajemen Pertemuan... 83 5.5.4 Hasil Pengujian Manajemen Permintaan... 86 5.5.5 Hasil Pengujian Manajemen Teman... 87 5.5.6 Hasil Pengujian Tracking... 88 5.6 Hasil Pengujian Metode Kuesioner... 89 5.7 Kelebihan dan Kekurangan Aplikasi... 91 5.7.1 Kelebihan Aplikasi... 91 5.7.2 Kekurangan Aplikasi... 92 BAB VI KESIMPULAN DAN SARAN... 93 6.1 Kesimpulan... 93 6.2 Saran... 94 DAFTAR PUSTAKA... 95 LAMPIRAN... 99 xiv
DAFTAR GAMBAR Gambar 2.1 Perbedaan aplikasi native, web, dan hybrid (IBM, 2013)... 7 Gambar 2.2 Ilustrasi konsep three-way data-binding (Max, 2014)... 11 Gambar 4.1 Use Case Diagram... 25 Gambar 4.2 Activity Diagram setup... 25 Gambar 4.3 Activity Diagram manajemen profil... 27 Gambar 4.4 Activity Diagram manajemen pertemuan... 28 Gambar 4.5 Activity Diagram manajemen permintaan... 31 Gambar 4.6 Activity Diagram manajemen teman... 33 Gambar 4.7 Activity Diagram tracking... 34 Gambar 4.8 Class Diagram... 35 Gambar 4.9 Entity Relatinship Diagram... 36 Gambar 4.10 Rancangan antarmuka login... 40 Gambar 4.11 Rancangan antarmuka register... 41 Gambar 4.12 Rancangan antarmuka profil... 42 Gambar 4.13 Rancangan antarmuka jadwal pertemuan... 43 Gambar 4.14 Rancangan antarmuka pemilihan lokasi... 44 Gambar 4.15 Rancangan antarmuka tambah/ubah pertemuan... 45 Gambar 4.16 Rancangan antarmuka pemilihan teman... 46 Gambar 4.17 Rancangan antarmuka rincian pertemuan... 47 Gambar 4.18 Rancangan antarmuka hasil pertemuan... 48 Gambar 4.19 Rancangan antarmuka permintaan... 49 Gambar 4.20 Rancangan antarmuka notifikasi... 50 Gambar 4.21 Rancangan antarmuka daftar teman... 51 Gambar 4.22 Rancangan antarmuka tambah teman... 52 Gambar 5.1 Flow Diagram langkah implementasi... 56 Gambar 5.2 Manajemen basisdata Firebase... 59 Gambar 5.3 Manajemen data Firebase... 60 Gambar 5.4 Manajemen autentikasi Firebase... 60 xv
Gambar 5.5 Antarmuka halaman login... 62 Gambar 5.6 Antarmuka halaman sign up... 63 Gambar 5.7 Antarmuka halaman profil... 64 Gambar 5.8 Antarmuka ubah profil... 65 Gambar 5.9 Antarmuka halaman agenda pertemuan... 65 Gambar 5.10 Antarmuka manajemen agenda pertemuan... 66 Gambar 5.11 Antarmuka rincian pertemuan... 67 Gambar 5.12 Antarmuka pemantauan posisi teman... 68 Gambar 5.13 Antarmuka pemilihan lokasi... 69 Gambar 5.14 Antarmuka masukan rincian pertemuan... 70 Gambar 5.15 Antarmuka mengundang teman... 71 Gambar 5.16 Antarmuka halaman ubah pertemuan... 72 Gambar 5.17 Antarmuka halaman hasil pertemuan... 73 Gambar 5.18 Antarmuka halaman manajemen permintaan... 74 Gambar 5.19 Antarmuka permintaan pertemuan... 75 Gambar 5.20 Antarmuka alasan tolak pertemuan... 75 Gambar 5.21 Antarmuka ikuti hasil pertemuan... 76 Gambar 5.22 Antarmuka permintaan teman... 76 Gambar 5.23 Antarmuka halaman notifikasi... 77 Gambar 5.24 Antarmuka halaman manajemen teman... 78 Gambar 5.25 Antarmuka hapus teman... 78 Gambar 5.26 Antarmuka tambah teman... 79 Gambar 5.27 Aksi tambah teman... 79 xvi
DAFTAR TABEL Tabel 4.1 Tabel kebutuhan fungsional... 18 Tabel 4.2 Tabel use case diagram... 24 Tabel 4.3 Tabel appointment... 37 Tabel 4.4 Tabel user... 38 Tabel 4.5 Tabel tracking... 38 Tabel 4.6 Tabel notification... 39 Tabel 4.7 Tabel friends... 39 Tabel 4.8 Tabel pengujian kuesioner... 53 Tabel 5.1 Tabel hasil pengujian login... 80 Tabel 5.2 Tabel hasil pengujian manajemen profil... 82 Tabel 5.3 Tabel hasil pengujian manajemen pertemuan... 83 Tabel 5.4 Tabel hasil pengujian manajemen permintaan... 86 Tabel 5.5 Tabel hasil pengujian manajemen teman... 87 Tabel 5.6 Tabel hasil pengujian tracking... 88 Tabel 5.7 Tabel persentase terhadap kategori sikap... 90 xvii