LAPORAN PROYEK AKHIR APLIKASI NOMOR TELEPON PENTING KOTA SURAKARTA BERBASIS ANDROID DENGAN LOCATION BASED SERVICE. Disusun Oleh :

(1)

LAPORAN PROYEK AKHIR

APLIKASI NOMOR TELEPON PENTING KOTA SURAKARTA BERBASIS ANDROID DENGAN LOCATION BASED SERVICE

Disusun Oleh :

Nama : Dafia Risma Rahmawati

NIM : 16.3.00033

Program Studi : Teknik Informatika Jenjang Pendidikan : Diploma III

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER SINAR NUSANTARA

SURAKARTA 2019

(2)

LAPORAN PROYEK AKHIR

APLIKASI NOMOR TELEPON PENTING KOTA SURAKARTA BERBASIS ANDROID DENGAN LOCATION BASED SERVICE

Laporan ini disusun guna memenuhi salah satu syarat untuk menyelesaikan Jenjang Pendidikan Diploma III

pada STMIK Sinar Nusantara

Disusun Oleh :

Nama : Dafia Risma Rahmawati

NIM : 16.3.00033

Program Studi : Teknik Informatika Jenjang Pendidikan : Diploma III

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER SINAR NUSANTARA

SURAKARTA 2019

(3)

HALAMAN PERNYATAAN

(4)

HALAMAN PERSETUJUAN

(5)

HALAMAN PENGESAHAN

(6)

v

RINGKASAN

Laporan Proyek Akhir dengan judul “Aplikasi Nomor Telepon Penting Kota Surakarta Berbasis Android Dengan Location Based Service” ini telah dilaksanakan pada bulan April hingga Juli 2019. Tujuan dari Proyek Akhir ini adalah menciptakan sebuah aplikasi berbasis Android yang memudahkan masyarakat untuk mendapatkan nomor telepon instansi penting di Kota Surakarta.

Metode yang digunakan untuk menyelesaikan Proyek Akhir ini adalah dengan metode observasi dan studi kepustakaan. Aplikasi ini dikembangkan dengan metode SDLC (Software Development Life Cycle) dan dibuat dengan software Android Studio. Dalam laporan ini dijelaskan tentang gambaran umum aplikasi dan perancangan aplikasi dengan Android Activity Life Cycle, Use Case Diagram, Class Diagram, Sequence Diagram, dan Activity Stack.

Pengujian aplikasi dilakukan dengan metode Black Box dan membandingkan dengan aplikasi sejenis. Berdasarkan hasil uji Black Box, aplikasi dapat berjalan dengan baik dan tanpa kesalahan. Berdasarkan pengujian dengan membandingkan dengan aplikasi sejenis, aplikasi mempunyai kelebihan yaitu dapat menampilkan data instansi penting yang terdekat dari pengguna, menampilkan data nomor telepon alternatif, dan menyediakan fitur button call dan button rute navigasi menuju alamat instansi.

Hasil akhir dari proyek akhir ini adalah terciptanya sebuah aplikasi nomor telepon penting Kota Surakarta berbasis Android yang bermanfaat bagi masyarakat.

(7)

vi SUMMARY

The final project report entitled “Aplikasi Nomor Telepon Penting Kota Surakarta Berbasis Android dengan Location Based Service” was held in April to July 2019. The purpose of this final project is to create an Android-based application that makes it easier for people to get important agencies telephone numbers in the city of Surakarta.

The method used to complete this final project are observation and literature study. This application is developed with SDLC Method (Software Development Life Cycle) and made with Android Studio. This report explained the general illustration of application and application design with Android Activity Life Cycle, Use Case Diagram, Class Diagram, Sequence Diagram, and Activity Stack.

Application testing is done by the Black Box method and has been compared with similar applications. Based on the Black Box test result, this application can run well and without any error due. Based on testing by comparing with similar applications, this application has its own advantages such as displaying important agencies data nearby the user, displaying alternative telephone number, and providing a call button and navigation route to agency address.

The final result of this final project is the creation of an important agencies telephone numbers in the city of Surakarta based on Android that is useful for the people.

(8)

vii MOTTO

Hasbunallah Wani’mal Wakil Ni’mal Maula Wani’man Nasir (Cukuplah Allah sebagai penolong kami, dan Allah adalah

sebaik-baiknya pelindung) (Q.S Ali-Imron : 173)

(9)

viii

PERSEMBAHAN

Sembah sujud serta syukur kepada Allah Subhanahu wa Ta'ala atas limpahan cinta dan kasih sayang-Nya yang telah memberikan kekuatan dan membekaliku ilmu sehingga saya dapat menyelesaikan tugas akhir yang sederhana ini dengan lancar. Sholawat dan salam selalu terlimpahkan keharibaan Rasulullah Muhammad Shallallahu 'Alaihi Wassalam.

Dengan ini saya persembahkan karya ini untuk :

 Bapak Agus Suprih Edi dan Almarhumah Ibu Rudati tercinta sebagai tanda bakti, hormat, dan rasa terima kasih yang tiada terhingga atas doa, kasih sayang, segala dukungan baik moral dan moril sehingga saya dapat menjalani hari dengan penuh rasa kebahagiaan.

 Kedua kakak saya Mbak Dian dan Mbak Ferisa yang selalu membantu, mendukung saya dan yang selalu saya repotkan.

 Dosen pembimbing Bapak Paulus Harsadi, M.Kom., yang selalu sabar membimbing dan membantu saya dalam pembuatan proyek akhir ini sehingga proyek akhir ini dapat dibuat dan selesai dengan lancar.

 Bapak dan Ibu Dosen STMIK Sinar Nusantara Surakarta yang memberikan ilmu yang banyak dan sangat bermanfaat kepada saya.

 Sahabat-sahabat tercinta terkasih Andar, Dewi, dan Siti yang selalu membantu, menemani, mensupport dan tak lupa mendoakan saya sebagai member group R3 (Reborn). Terimakasih atas bantuan doa, nasihat, hiburan, traktiran, ejekan, dan semangat yang telah diberikan selama masuk kuliah sampai sekarang. Gomawo chinguya. Saranghamnida.

 Dan teman-teman seperjuangan TI-D3 16 A Pagi yang telah membantu dan menemani saya di kegiatan perkuliahan.

 Pembaca yang budiman.

(10)

ix

KATA PENGANTAR

Puji dan syukur penulis panjatkan kehadirat Allah SWT atas rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan Proyek Akhir yang berjudul

“Aplikasi Nomor Telepon Penting Kota Surakarta Berbasis Android Dengan Location Based Service”. Laporan Proyek Akhir ini merupakan salah satu

persyaratan untuk memperoleh gelar Ahli Madya Komputer pada Jurusan Teknik Informatika STMIK Sinar Nusantara Surakarta.

Penulis menyadari bahwa penyusunan Proyek Akhir ini tidak terlepas dari bantuan dan motivasi bimbingan dari berbagai pihak, maka dengan ini penulis ingin mengucapkan terima kasih kepada :

1. Ibu Kumaratih Sandradewi, S.P., M.Kom., selaku Ketua STMIK Sinar Nusantara Surakarta.

2. Ibu Dwi Remawati, M.Kom., selaku Ketua Program Studi Teknik Informatika.

3. Bapak Sapto Nugroho, S.Kom., selaku Dosen Pembimbing Akademik.

4. Bapak Paulus Harsadi, M.Kom., selaku Dosen Pembimbing Proyek Akhir.

5. Bapak dan Ibu Dosen STMIK Sinar Nusantara Surakarta.

Surakarta, 22 Juli 2019

Penulis

(11)

x DAFTAR ISI

HALAMAN JUDUL ... i

HALAMAN PERNYATAAN ... ii

HALAMAN PERSETUJUAN ... iii

HALAMAN PENGESAHAN ... iv

RINGKASAN ... v

SUMMARY ... vi

MOTTO ... vii

PERSEMBAHAN ... viii

KATA PENGANTAR ... ix

DAFTAR ISI ... x

DAFTAR GAMBAR ... xv

DAFTAR TABEL ... xxii

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Perumusan Masalah ... 3

1.3 Pembatasan Masalah ... 3

1.4 Tujuan Proyek Akhir ... 3

1.5 Manfaat Proyek Akhir ... 4

1.6 Metode Penelitian ... 5

1.6.1 Metode Pengumpulan Data ... 5

1.6.2 Sumber Data ... 6

1.6.3 Metode Pengembangan Aplikasi ... 6

(12)

xi

1.7 Sistematika Penulisan ... 12

BAB II LANDASAN TEORI ... 14

2.1 Nomor Telepon Penting ... 14

2.2 Keadaan Darurat ... 14

2.3 Android ... 15

2.3.1 Komponen Android ... 15

2.3.2 Arsitektur Android... 16

2.4 Java ... 18

2.4.1 Fitur dan Kelebihan Java ... 19

2.5 Android Studio ... 21

2.5.1 Fitur dan Keunggulan Android Studio ... 21

2.6 MySQL ... 23

2.6.1 SQL (Structured Query Languange) ... 23

2.6.2 Tools Akses Database ... 24

2.7 GPS (Global Positioning System) ... 26

2.7.1 Cara Kerja GPS ... 26

2.7.2 Faktor Pengaruh Kekuatan Sinyal Satelit GPS ... 27

2.8 LBS (Location Based Service) ... 29

2.8.1 Unsur Utama LBS ... 29

2.8.2 Komponen LBS ... 30

2.9 Android Activity Life Cycle... 32

2.10 Use Case Diagram ... 34

2.11 Class Diagram ... 35

2.12 Sequence Diagram ... 36

(13)

xii

2.13 Activity Stack ... 37

BAB III TINJAUAN UMUM DINAS KOMUNIKASI INFORMATIKA STATISTIK DAN PERSANDIAN KOTA SURAKARTA ... 39

3.1 Objek Penelitian ... 39

3.2 Sejarah Dinas Komunikasi Informatika Statistik dan Persandian Kota Surakarta ... 40

3.3 Visi dan Misi Dinas Komunikasi Informatika Statistik dan Persandian Kota Surakarta... 41

3.3.1 Visi Dinas Komunikasi Informatika Statistik dan Persandian Kota Surakarta ... 41

3.3.2 Misi Dinas Komunikasi Informatika Statistik dan Persandian Kota Surakarta ... 41

3.4 Struktur Organisasi Dinas Komunikasi Informatika Statistik dan Persandian Kota Surakarta... 42

3.5 Deskripsi Kerja Struktur Organisasi Dinas Komunikasi Informatika Statistik dan Persandian Kota Surakarta ... 45

3.5.1 Kepala Dinas ... 45

3.5.2 Sekretariat... 46

3.5.3 Bidang ... 47

3.5.4 Unit Pelaksana Teknis ... 54

3.5.5 Kelompok Jabatan Fungsional ... 54

3.6 Tugas Pokok dan Fungsi Dinas Komunikasi Informatika Statistik dan Persandian Kota Surakarta ... 55

(14)

xiii

3.6.1 Tugas Pokok Dinas Komunikasi Informatika Statistik dan

Persandian Kota Surakarta ... 55

3.6.2 Fungsi Dinas Komunikasi Informatika Statistik dan Persandian Kota Surakarta ... 56

BAB IV PEMBAHASAN ... 57

4.1 Analisis Sistem ... 57

4.1.1 Deskripsi Sistem ... 57

4.1.2 Analisis Kebutuhan Fungsional ... 57

4.1.3 Analisis Kebutuhan Non Fungsional ... 59

4.2 Desain Sistem ... 62

4.2.1 Gambaran Umum Aplikasi ... 62

4.2.2 Android Activity Life Cycle ... 64

4.2.3 Diagram Use Case ... 68

4.2.4 Class Diagram... 79

4.2.5 Sequence Diagram ... 80

4.2.6 Activity Stack ... 88

4.3 Perancangan Aplikasi ... 91

4.3.1 Perancangan Database ... 91

4.3.2 Perancangan Project ... 93

4.3.3 Perancangan Antarmuka Aplikasi Frontend ... 95

4.3.4 Perancangan Antarmuka Aplikasi Backend ... 104

4.4 Implementasi Kode Program (Coding) ... 113

4.4.1 Awal Pembuatan Project ... 113 4.4.2 Menambah Vector Asset Ikon Menu Navigation Drawer 115

(15)

xiv

4.4.3 Kustomisasi Daftar Menu Utama ... 118

4.4.4 Membuat Layout Header Menu Navigation Drawer ... 119

4.4.5 Menampilkan Menu Navigation Drawer ... 120

4.4.6 Aksi Tombol Kembali ... 123

4.4.7 Konfirmasi Keluar dari Aplikasi ... 123

4.4.8 Tampilan Daftar Instansi ... 124

4.4.9 Menu Instansi ... 124

4.4.10 Detail Instansi ... 127

4.4.11 Implementasi Library Project ... 128

4.4.12 MainActivity.java ... 130

4.4.13 Build Signed APK Release ... 134

4.4.14 Cara Install APK... 138

4.5 Implementasi Aplikasi ... 140

4.5.1 Tampilan Antarmuka Aplikasi Frontend ... 140

4.5.2 Tampilan Antarmuka Aplikasi Backend ... 149

4.6 Pengujian Aplikasi ... 157

4.6.1 Black Box... 157

4.6.2 Perbandingan Dengan Aplikasi Sejenis ... 170

BAB V PENUTUP ... 175

5.1 Kesimpulan ... 175

5.2 Saran ... 175

DAFTAR PUSTAKA ... 177

LAMPIRAN ... 180

(16)

xv

DAFTAR GAMBAR

Gambar 2.1 Arsitektur Android (Sumber : (Javanda, 2016)) ... 18

Gambar 2.2 Skema Sistem GPS (Hudiono et al., 2018) ... 27

Gambar 2.3 Komponen Pendukung LBS (Ferinata et al., 2011) ... 30

Gambar 3.1 Peta Lokasi Kantor Dinas Komunikasi Informatika Statistik dan Persandian Kota Surakarta (Sumber : (Google Maps, 2019)) ... 40

Gambar 3.2 Struktur Organisasi Dinas Komunikasi Informatika Statistik dan Persandian Kota Surakarta ... 42

Gambar 4.1 Arsitektur Sistem ... 63

Gambar 4.2 Siklus Hidup Activity Splash Screen ... 64

Gambar 4.3 Siklus Hidup Activity Nearby ... 65

Gambar 4.4 Siklus Hidup Activity Instansi, Detail Instansi, Panduan, dan About 67 Gambar 4.5 Diagram Use Case Aplikasi Frontend dan Backend ... 68

Gambar 4.6 Class Diagram... 79

Gambar 4.7 Sequence Diagram Nearby ... 81

Gambar 4.8 Sequence Diagram Menu Kepolisian ... 82

Gambar 4.9 Sequence Diagram Menu Rumah Sakit ... 82

Gambar 4.10 Sequence Diagram Menu Pemadam Kebakaran ... 83

Gambar 4.11 Sequence Diagram Menu PLN ... 84

Gambar 4.12 Sequence Diagram Menu PDAM ... 84

(17)

xvi

Gambar 4.13 Sequence Diagram Menu Panduan ... 85

Gambar 4.14 Sequence Diagram Menu About ... 86

Gambar 4.15 Sequence Diagram Menu Keluar ... 86

Gambar 4.16 Sequence Diagram Aplikasi Backend ... 87

Gambar 4.17 Activity Stack Menu Nearby ... 88

Gambar 4.18 Activity Stack Menu Instansi ... 89

Gambar 4.19 Activity Stack Menu Panduan ... 89

Gambar 4.20 Activity Stack Menu About ... 90

Gambar 4.21 Activity Stack Menu Keluar ... 90

Gambar 4.22 Perancangan Database ... 91

Gambar 4.23 Rancangan Tampilan Splash Screen ... 95

Gambar 4.24 Rancangan Tampilan Menu Utama ... 96

Gambar 4.25 Rancangan Tampilan Menu Nearby ... 97

Gambar 4.26 Rancangan Tampilan Detail Instansi Terdekat ... 98

Gambar 4.27 Rancangan Tampilan Menu Kategori Instansi ... 99

Gambar 4.28 Rancangan Tampilan Detail Kategori Instansi... 100

Gambar 4.29 Rancangan Tampilan Menu Panduan ... 101

Gambar 4.30 Rancangan Tampilan Menu About ... 102

Gambar 4.31 Rancangan Tampilan Menu Keluar... 103

Gambar 4.32 Rancangan Tampilan Login ... 104

(18)

xvii

Gambar 4.33 Rancangan Template Aplikasi Backend ... 105

Gambar 4.34 Rancangan Tampilan Menu Data Instansi ... 106

Gambar 4.35 Rancangan Tampilan Form Tambah Data Instansi ... 107

Gambar 4.36 Rancangan Tampilan Form Ubah Data Instansi ... 108

Gambar 4.37 Rancangan Tampilan Dialog Hapus Data Instansi ... 109

Gambar 4.38 Rancangan Tampilan Dialog Export Data Instansi ... 109

Gambar 4.39 Rancangan Tampilan Menu Data Admin ... 110

Gambar 4.40 Rancangan Tampilan Form Tambah Data Admin ... 111

Gambar 4.41 Rancangan Tampilan Dialog Hapus Data Admin ... 111

Gambar 4.42 Rancangan Tampilan Dialog Export Data Admin ... 112

Gambar 4.43 Rancangan Tampilan Menu Logout ... 112

Gambar 4.44 Android Studio Versi 3.1.3 ... 113

Gambar 4.45 Membuka Software Android Studio ... 113

Gambar 4.46 Membuat Project Baru ... 114

Gambar 4.47 Mengatur Target Device Android ... 114

Gambar 4.48 Menentukan Tipe Activity ... 115

Gambar 4.49 Menentukan Nama Activity Utama ... 115

Gambar 4.50 File Ikon Menu Utama ... 116

Gambar 4.51 Membuat Vector Asset Baru ... 116

Gambar 4.52 Memilih File Vector Ikon Menu Nearby ... 117

(19)

xviii

Gambar 4.53 Menentukan Lokasi Penyimpanan Ikon Menu Nearby ... 117

Gambar 4.54 Kode Program File item_navigasi.xml ... 118

Gambar 4.55 Header Menu Navigation Drawer ... 119

Gambar 4.56 Kode Program Warna Gradasi ... 119

Gambar 4.57 Kode Program Layout Header ... 120

Gambar 4.58 Kode Program Drawer Layout ... 121

Gambar 4.59 Inisialisasi Variabel Menu Navigation Drawer ... 121

Gambar 4.60 Method initNavDrawer() ... 122

Gambar 4.61 Method onBackPressed() ... 123

Gambar 4.62 Method keluarApp() ... 123

Gambar 4.63 Susunan Layout list_instansi.xml ... 124

Gambar 4.64 Pratinjau list_instansi.xml ... 124

Gambar 4.65 Susunan Tampilan Menu Instansi ... 124

Gambar 4.66 Array Data Instansi... 125

Gambar 4.67 Pengaturan Tata Letak Data ... 126

Gambar 4.68 Mengatur Adapter ... 126

Gambar 4.69 Mengirim Data ... 126

Gambar 4.70 Detail Instansi ... 127

Gambar 4.71 Menerima Data ... 127

Gambar 4.72 Kode Program Menyalin Nomor Telepon Instansi ... 127

(20)

xix

Gambar 4.73 Kode Program Rute Navigasi ... 128

Gambar 4.74 Library Pada Gradle ... 128

Gambar 4.75 Susunan Package... 129

Gambar 4.76 Method checkPlayServices() ... 130

Gambar 4.77 Pesan Google Play Service Tidak Tersedia... 130

Gambar 4.78 Build Layanan Google API ... 130

Gambar 4.79 Mengkoneksikan Google API ... 131

Gambar 4.80 Cek Perizinan Lokasi ... 131

Gambar 4.81 Menampung Koordinat Latitude dan Longitude ... 131

Gambar 4.82 Memperbarui Lokasi Terkini ... 132

Gambar 4.83 Memutus Koneksi Google API ... 132

Gambar 4.84 URL API Aplikasi Backend ... 132

Gambar 4.85 SQL Query Filter Data Instansi Terdekat ... 132

Gambar 4.86 Format Request Data JSON ... 132

Gambar 4.87 Mengolah Respon Data JSON ... 133

Gambar 4.88 Mengatur Adapter Data Instansi Terdekat ... 133

Gambar 4.89 Event Klik Data Instansi Terdekat ... 133

Gambar 4.90 Menu Generate Signed APK ... 134

Gambar 4.91 Membuat Key Store ... 135

Gambar 4.92 Memberi Nama Key Store ... 135

(21)

xx

Gambar 4.93 Melengkapi Properti Key Store ... 136

Gambar 4.94 Mulai Generate Dengan Key Store ... 136

Gambar 4.95 Memilih Tipe Build Release ... 137

Gambar 4.96 Berhasil Generate Signed APK ... 137

Gambar 4.97 File Signed APK ... 137

Gambar 4.98 Memulai Pemasangan Aplikasi ... 138

Gambar 4.99 Proses Pemasangan Aplikasi ... 139

Gambar 4.100 Pemasangan Aplikasi Berhasil ... 139

Gambar 4.101 Tampilan Splash Screen ... 140

Gambar 4.102 Tampilan Menu Navigation Drawer ... 141

Gambar 4.103 Tampilan Menu Nearby ... 142

Gambar 4.104 Tampilan Menu Nearby Rumah Sakit ... 143

Gambar 4.105 Tampilan Menu Kategori dan Detail Instansi ... 144

Gambar 4.106 Aksi Tombol Telepon ... 145

Gambar 4.107 Aksi Tombol Navigasi ... 145

Gambar 4.108 Tampilan Menu Panduan ... 146

Gambar 4.109 Tampilan Menu About ... 147

Gambar 4.110 Tampilan Menu Keluar ... 148

Gambar 4.111 Tampilan Login ... 149

Gambar 4.112 Tampilan Menu Data Instansi ... 149

(22)

xxi

Gambar 4.113 Tampilan Menu Tambah Data Instansi ... 150 Gambar 4.114 Tampilan Menu Ubah Data Instansi... 152 Gambar 4.115 Tampilan Menu Hapus Data Instansi ... 152 Gambar 4.116 Tampilan Menu Cetak Data Instansi ... 153 Gambar 4.117 Tampilan Menu Data Admin... 153 Gambar 4.118 Tampilan Menu Tambah Data Admin ... 154 Gambar 4.119 Tampilan Menu Hapus Data Admin ... 155 Gambar 4.120 Tampilan Menu Cetak Data Admin ... 155 Gambar 4.121 Tampilan Menu Logout ... 156

(23)

xxii

DAFTAR TABEL

Tabel 2.1 Siklus Hidup Android ... 32 Tabel 2.2 Simbol Dalam Use Case Diagram ... 35 Tabel 2.3 Simbol Dalam Class Diagram ... 36 Tabel 2.4 Simbol Dalam Sequence Diagram ... 37 Tabel 2.5 Simbol Dalam Activity Stack... 38 Tabel 4.1 Definisi Aktor Sistem... 69 Tabel 4.2 Definisi Use Case Aplikasi ... 69 Tabel 4.3 Skenario Use Case Memanggil Nomor Telepon Instansi Penting ... 71 Tabel 4.4 Skenario Use Case Melihat Data Instansi Terdekat (Online) ... 72 Tabel 4.5 Skenario Use Case Melihat Data Instansi (Offline) ... 73 Tabel 4.6 Skenario Use Case Melihat Menu Bantuan Panduan Penggunaan Aplikasi ... 73 Tabel 4.7 Skenario Use Case Melihat Identitas Developer dan STMIK Sinus .... 74 Tabel 4.8 Skenario Use Case Mengelola Data Instansi ... 75 Tabel 4.9 Skenario Use Case Mengelola Data Admin ... 76 Tabel 4.10 Skenario Use Case Login ... 77 Tabel 4.11 Skenario Use Case Logout ... 78 Tabel 4.12 Deskripsi Class Diagram ... 80 Tabel 4.13 Rancangan Tabel Instansi ... 92

(24)

xxiii

Tabel 4.14 Rancangan Tabel Login ... 92 Tabel 4.15 Tabel Uji Black Box Instalasi Aplikasi ... 157 Tabel 4.16 Tabel Uji Black Box Tampilan Awal ... 157 Tabel 4.17 Tabel Uji Black Box Menu Navigation Drawer Aplikasi ... 157 Tabel 4.18 Tabel Uji Black Box Menu Nearby (Instansi Penting Terdekat) ... 159 Tabel 4.19 Tabel Uji Black Box Menu Kepolisian ... 160 Tabel 4.20 Tabel Uji Black Box Menu Rumah Sakit ... 161 Tabel 4.21 Tabel Uji Black Box Menu Pemadam Kebakaran ... 162 Tabel 4.22 Tabel Uji Black Box Menu PLN ... 163 Tabel 4.23 Tabel Uji Black Box Menu PDAM ... 164 Tabel 4.24 Tabel Uji Black Box Menu Panduan ... 165 Tabel 4.25 Tabel Uji Black Box Menu About ... 165 Tabel 4.26 Tabel Uji Black Box Menu Keluar ... 167 Tabel 4.27 Tabel Uji Black Box Koneksi Internet ... 167 Tabel 4.28 Tabel Uji Black Box Website Backend ... 168 Tabel 4.29 Perbandingan Aplikasi Sejenis ... 171

(25)

138

4.4.14 Cara Install APK

Aplikasi NTPSolo ini membutuhkan akses koneksi internet serta GPS untuk mendapatkan lokasi pengguna dengan bantuan Google Play Service Location. Penggunaan internet dan GPS pada aplikasi ini berpengaruh pada ketersediaan konten data instansi yang terdekat dari lokasi pengguna. Aplikasi masih dapat dijalankan tanpa koneksi internet dan GPS, sedangkan jika koneksi internet dan perizinan GPS tidak tersedia, maka konten data instansi terdekat tidak akan ditampilkan. Berikut merupakan langkah-langkah pemasangan atau install aplikasi di smartphone secara manual.

a. Salin file APK dari hasil build signed apk ke dalam smartphone.

Buka file APK tersebut dan akan muncul tampilan seperti gambar berikut. Tekan “Install” untuk memulai pemasangan aplikasi.

Gambar 4.98 Memulai Pemasangan Aplikasi

(26)

139

b. Tunggu hingga proses pemasangan aplikasi selesai.

Gambar 4.99 Proses Pemasangan Aplikasi c. Aplikasi berhasil terpasang pada smartphone.

Gambar 4.100 Pemasangan Aplikasi Berhasil

(27)

140

4.5 Implementasi Aplikasi

4.5.1 Tampilan Antarmuka Aplikasi Frontend 4.5.1.1 Tampilan Splash Screen

Gambar 4.101 Tampilan Splash Screen

Tampilan awal pada aplikasi ini adalah sebuah splash screen yang berisi logo aplikasi, deskripsi dan panduan singkat penggunaan aplikasi, animasi, dan sebuah button untuk menuju ke halaman utama aplikasi. Berikut tampilan awal dari aplikasi NTPSolo.

(28)

141

4.5.1.2 Tampilan Menu Navigation Drawer

Gambar 4.102 Tampilan Menu Navigation Drawer Tampilan menu Navigation Drawer memiliki beberapa submenu yaitu Nearby (Instansi Terdekat), Kepolisian, Rumah Sakit, Pemadam Kebakaran, PLN, PDAM, Panduan, About, dan Keluar. Berikut tampilan dari menu Navigation Drawer.

(29)

142

4.5.1.3 Tampilan Menu Nearby (Instansi Terdekat)

Gambar 4.103 Tampilan Menu Nearby

Menu Nearby merupakan menu yang menampilkan daftar instansi terdekat dari lokasi pengguna. Ditampilkan 2 instansi terdekat pada tiap-tiap kategori instansi. Data instansi terdekat yang ditampilkan adalah berupa nama, alamat, foto, dan jarak dari lokasi pengguna ke alamat instansi. Ketika salah satu data instansi dipilih, maka akan menampilkan sebuah kotak yang berisi nama dan alamat instansi, serta sebuah button telepon yang ketika ditekan akan menyalin nomor telepon instansi ke papan pemanggil pada smartphone.

(30)

143

4.5.1.4 Tampilan Menu Nearby Rumah Sakit Terdekat

Gambar 4.104 Tampilan Menu Nearby Rumah Sakit Menu Nearby sub kategori Rumah Sakit merupakan menu yang menampilkan daftar instansi rumah sakit yang terdekat dari lokasi pengguna. Ditampilkan seluruh data instansi rumah sakit dari yang terdekat hingga yang paling jauh. Data instansi rumah sakit terdekat yang ditampilkan adalah berupa nama, alamat, foto, dan jarak dari lokasi pengguna ke alamat instansi. Ketika salah satu data instansi dipilih, maka akan menampilkan sebuah kotak yang berisi nama dan alamat instansi, serta sebuah button telepon yang ketika ditekan akan menyalin nomor telepon instansi ke papan pemanggil pada smartphone.

(31)

144

4.5.1.5 Tampilan Menu Kategori dan Detail Instansi

Gambar 4.105 Tampilan Menu Kategori dan Detail Instansi Menu Kategori Instansi merupakan menu seperti Kepolisian, Rumah Sakit, Pemadam Kebakaran, PLN, dan PDAM. Tampilan dari masing-masing menu tersebut adalah sama, yang membedakan hanyalah isi data instansi. Menu ini berisi daftar instansi yang ada di Kota Surakarta dan disesuaikan dengan kategori yang dipilih. Data yang ditampilkan berupa nama, alamat, foto, nomor telepon, serta nomor telepon alternatif instansi. Gambar di atas merupakan salah satu tampilan menu kategori instansi yaitu menu Rumah Sakit. Ketika pengguna memilih salah satu data pada daftar tersebut, maka halaman berisi detail instansi akan terbuka.

(32)

145

4.5.1.6 Tampilan Aksi Tombol Telepon dan Navigasi

Gambar 4.106 Aksi Tombol Telepon

Halaman detail instansi menampilkan foto instansi, nama instansi, alamat instansi, serta button telepon dan navigasi. Ketika pengguna menekan tombol telepon pada halaman detail instansi, maka aplikasi akan menyalin nomor telepon instansi ke papan pemanggil pada smartphone.

Gambar 4.107 Aksi Tombol Navigasi

Sedangkan ketika tombol navigasi ditekan, maka aplikasi akan mengarahkan ke aplikasi Google Maps yang menampilkan rute navigasi dari lokasi pengguna menuju alamat instansi.

(33)

146

4.5.1.7 Tampilan Menu Panduan

Gambar 4.108 Tampilan Menu Panduan

Menu Panduan merupakan menu yang menampilkan beberapa panduan cara menggunakan aplikasi NTPSolo.

Panduan ditampilkan dengan judul panduan, animasi panduan penggunaan, serta penjelasan dari panduan.

(34)

147

4.5.1.8 Tampilan Menu About

Gambar 4.109 Tampilan Menu About

Menu About merupakan menu yang menampilkan informasi tentang aplikasi. Tampilan dari menu about terdiri dari header, content, dan footer. Header dari halaman ini berupa header background, logo STMIK Sinar Nusantara, serta identitas developer seperti foto, nama dan NIM developer. Content dari halaman ini berupa deskripsi dari aplikasi dan informasi tentang nama dosen pembimbing.

Footer dari halaman ini berupa 3 buah button dan tulisan identitas akademik yaitu STMIK Sinar Nusantara Surakarta.

Ketiga button tersebut adalah button logo STMIK Sinar Nusantara, logo Instagram, serta logo web.

(35)

148

Ketika button logo STMIK SINUS ditekan, maka aplikasi akan mengarahkan untuk membuka website STMIK SINUS pada browser. Ketika button logo Instagram ditekan, maka aplikasi akan mengarahkan untuk membuka profil Instagram milik developer. Dan ketika button logo web ditekan, maka aplikasi akan mengarahkan untuk membuka website milik developer.

4.5.1.9 Tampilan Menu Keluar

Gambar 4.110 Tampilan Menu Keluar

Menu Keluar merupakan menu yang menampilkan kotak dialog konfirmasi untuk keluar dari aplikasi kepada pengguna. Terdapat dua buah button yaitu YA dan TIDAK.

Ketika pengguna menekan TIDAK, maka kotak dialog akan ditutup, sedangkan ketika pengguna menekan YA, maka aplikasi NTPSolo akan ditutup.

(36)

149

4.5.2 Tampilan Antarmuka Aplikasi Backend 4.5.2.1 Tampilan Login

Gambar 4.111 Tampilan Login

Ketika admin mengakses direktori utama website aplikasi backend, maka website akan menampilkan halaman login seperti gambar di atas. Admin diwajibkan memasukkan e-mail dan password untuk login kemudian mengakses data instansi yang ada di dalam website.

4.5.2.2 Tampilan Menu Data Instansi

Gambar 4.112 Tampilan Menu Data Instansi

Gambar di atas merupakan tampilan ketika admin berhasil melakukan login ke dalam website. Tampilan tersebut juga akan tampil ketika admin memilih menu Data

(37)

150

Instansi di menu navigasi bagian kiri. Halaman ini menampilkan semua data instansi yang ada di dalam database. Admin juga dapat melakukan penyuntingan dan hapus data instansi serta melakukan export data instansi menjadi file Excel di halaman ini.

4.5.2.3 Tampilan Form Tambah Data Instansi

Gambar 4.113 Tampilan Menu Tambah Data Instansi Gambar di atas merupakan tampilan ketika admin memilih button “Tambah” pada halaman Data Instansi. Data yang dapat dimasukkan adalah data nama, alamat, nomor

(38)

151

telepon, latitude, longitude, kategori, dan foto instansi. ID Instansi akan terisi secara otomatis dan tidak bisa diubah oleh admin melalui form ini. Button “Simpan” digunakan untuk menyimpan data yang dimasukkan. Sedangkan button

“Batal” untuk membatalkan penyimpanan data.

4.5.2.4 Tampilan Form Ubah Data Instansi

Gambar 4.114 Tampilan Menu Ubah Data Instansi Gambar di atas merupakan tampilan ketika admin memilih button “Ubah” pada salah satu data di halaman Data Instansi. Data yang dapat diubah adalah data nama,

(39)

152

alamat, nomor telepon, latitude, longitude, kategori, dan foto instansi. Button “Simpan” digunakan untuk menyimpan data yang dimasukkan. Sedangkan button “Batal” untuk membatalkan penyimpanan data.

4.5.2.5 Tampilan Konfirmasi Hapus Data Instansi

Gambar 4.115 Tampilan Menu Hapus Data Instansi Gambar di atas merupakan tampilan ketika admin memilih button “Hapus” pada salah satu data di halaman Data Instansi. Button “Ya, Hapus” digunakan untuk menghapus data yang terpilih. Sedangkan button “Batal”

untuk membatalkan penghapusan data.

4.5.2.6 Tampilan Konfirmasi Export Data Instansi

Gambar 4.116 Tampilan Menu Cetak Data Instansi Gambar di atas merupakan tampilan ketika admin memilih button “Export” pada halaman Data Instansi.

Button “Cetak” digunakan untuk menyimpan semua data

(40)

153

instansi dalam bentuk file Excel. Sedangkan button “Batal”

untuk membatalkan pencetakan data.

4.5.2.7 Tampilan Menu Data Admin

Gambar 4.117 Tampilan Menu Data Admin

Gambar di atas merupakan tampilan ketika admin admin memilih menu Data Admin di menu navigasi bagian kiri. Halaman ini menampilkan semua data admin yang ada di dalam database. Admin juga dapat melakukan aksi hapus data dan export data admin menjadi file Excel di halaman ini.

4.5.2.8 Tampilan Form Tambah Data Admin

Gambar berikut ini merupakan tampilan ketika admin memilih button “Tambah” pada halaman Data Admin. Data yang dapat dimasukkan adalah data nama, e-mail dan password. ID User Admin akan terisi secara otomatis dan tidak bisa diubah oleh admin melalui form ini. Button

“Simpan” digunakan untuk menyimpan data yang

(41)

154

dimasukkan. Sedangkan button “Batal” untuk membatalkan penyimpanan data.

Gambar 4.118 Tampilan Menu Tambah Data Admin 4.5.2.9 Tampilan Konfirmasi Hapus Data Admin

Gambar 4.119 Tampilan Menu Hapus Data Admin Gambar di atas merupakan tampilan ketika admin memilih button “Hapus” pada salah satu data di halaman Data Admin. Button “Ya, Hapus” digunakan untuk menghapus data yang terpilih. Sedangkan button “Batal”

untuk membatalkan penghapusan data.

(42)

155

4.5.2.10 Tampilan Konfirmasi Export Data Admin

Gambar 4.120 Tampilan Menu Cetak Data Admin Gambar di atas merupakan tampilan ketika admin memilih button “Export” pada halaman Data Admin. Button

“Cetak” digunakan untuk menyimpan semua data admin dalam bentuk file Excel. Sedangkan button “Batal” untuk membatalkan pencetakan data.

4.5.2.11 Tampilan Konfirmasi Logout

Gambar 4.121 Tampilan Menu Logout

Gambar di atas merupakan tampilan ketika admin menekan nama Admin yang sedang aktif kemudian memilih button “Logout” pada . Button “Cetak” digunakan untuk menyimpan semua data instansi dalam bentuk file Excel.

Sedangkan button “Batal” untuk membatalkan pencetakan data.

(43)

156

4.6 Pengujian Aplikasi

Pengujian berfungsi untuk melihat sejauh mana aplikasi dapat berjalan. Pengujian aplikasi merupakan hal penting yang bertujuan untuk menemukan kesalahan dan kekurangan aplikasi. Pengujian dilakukan dengan metode Black Box dan membandingan dengan aplikasi sejenis.

4.6.1 Black Box

Pengujian aplikasi ini menggunakan metode pengujian black box, dimana pada pengujian tersebut berfokus pada kebutuhan fungsionalitas aplikasi yang dibangun, apakah aplikasi yang telah dibuat sudah berjalan sesuai yang diharapkan atau belum.

Tabel 4.15 Tabel Uji Black Box Instalasi Aplikasi

No Test Case Skenario

Pengujian

Hasil yang Diharapkan

Hasil Pengujian 1 Memasang

aplikasi pada smartphone

Memilih file aplikasi NTPSolo

Aplikasi berhasil dipasang pada smartphone

Berhasil

Tabel 4.16 Tabel Uji Black Box Tampilan Awal

Pengujian

Hasil Pengujian 1 Tampilan Awal Memilih icon

launcher NTPSolo

Aplikasi akan menampilkan splash screen

Berhasil

2 Splash Screen Memilih button Lanjutkan

Aplikasi akan menampilkan halaman menu Nearby

Berhasil

Tabel 4.17 Tabel Uji Black Box Menu Navigation Drawer Aplikasi

Pengujian

Hasil Pengujian 1 Melihat daftar

menu aplikasi

Memilih menu Navigation

Drawer

Aplikasi akan menampilkan daftar menu aplikasi

Berhasil

(44)

157

Tabel 4.17 Lanjutan

Pengujian

Hasil Pengujian 2 Melihat menu

Nearby (Instansi Penting Terdekat)

Memilih menu

Nearby pada

Navigation Drawer

Aplikasi akan menampilkan halaman berisi data instansi penting yang terdekat dari lokasi pengguna

Berhasil

3 Melihat menu Kepolisian

Memilih menu Kepolisian pada Navigation

Drawer

Aplikasi akan menampilkan halaman berisi data instansi Kepolisian di Kota Surakarta

Berhasil

4 Melihat menu Rumah Sakit

Memilih menu Rumah Sakit pada Navigation

Drawer

Aplikasi akan menampilkan halaman berisi data instansi Rumah Sakit di Kota Surakarta

Berhasil

5 Melihat menu Pemadam

Kebakaran

Memilih menu Pemadan

Kebakaran pada Navigation

Drawer

Aplikasi akan menampilkan halaman berisi data instansi Pemadam

Kebakaran di Kota Surakarta

Berhasil

6 Melihat menu PLN

Memilih menu

PLN pada

Aplikasi akan menampilkan halaman berisi data instansi PLN di Kota Surakarta

Berhasil

7 Melihat menu PDAM

Memilih menu

PDAM pada

Aplikasi akan menampilkan halaman berisi data instansi PDAM di Kota Surakarta

Berhasil

8 Melihat menu Panduan

Memilih menu Panduan pada Navigation

Drawer

Aplikasi akan menampilkan halaman berisi panduan

penggunaan aplikasi

Berhasil

(45)

158

Tabel 4.17 Lanjutan

Pengujian

About

Memilih menu

About pada

Aplikasi akan menampilkan halaman berisi informasi tentang aplikasi, identitas developer, dan identitas akademik

Berhasil

10 Melihat menu Keluar

Memilih menu Keluar pada Navigation

Drawer

Aplikasi akan menampilkan kotak konfirmasi untuk keluar dari aplikasi

Berhasil

Tabel 4.18 Tabel Uji Black Box Menu Nearby (Instansi Penting Terdekat)

Pengujian

Nearby (Instansi Penting Terdekat)

Memilih menu

Nearby pada

Aplikasi akan menampilkan data instansi penting terdekat (masing- masing kategori ditampilkan 2 data)

Berhasil

2 Melihat informasi di menu Nearby (Instansi Penting Terdekat)

Memilih salah satu instansi terdekat

Aplikasi akan menampilkan dialog informasi instansi berupa nama dan almat instansi serta button telepon

Berhasil

3 Menghubungi nomor telepon Instansi Penting Terdekat

Memilih button telepon pada dialog informasi instansi

Aplikasi akan menyalin nomor telepon instansi ke papan pemanggil

Berhasil

4 Melihat daftar instansi terdekat berdasarkan kategori instansi

Memilih button kategori instansi pada bagian atas activity

Aplikasi akan menampilkan data instansi terdekat sesuai dengan kategori

Berhasil

5 Memuat ulang data instansi penting terdekat

Memilih button refresh

Aplikasi memuat ulang data instansi penting terdekat.

Berhasil

(46)

159

Tabel 4.19 Tabel Uji Black Box Menu Kepolisian

Pengujian

instansi Kepolisian

Memilih menu Kepolisian pada Navigation

Drawer

Aplikasi akan menampilkan data instansi kepolisian yang ada di Kota Surakarta berupa foto, nama, alamat, dan nomor telepon

Berhasil

2 Melihat detail informasi instansi kepolisian

Memilih salah satu data instansi kepolisian pada halaman menu Kepolisian

Aplikasi akan menampilkan data instansi kepolisian yang terpilih berupa foto, nama, alamat, nomor telepon, nomor telepon alternatif, button telepon dan

button rute

navigasi

Berhasil

3 Menghubungi nomor telepon instansi kepolisian

Memilih button telepon pada halaman detail instansi kepolisian terpilih

Aplikasi akan menyalin nomor telepon instansi kepolisian terpilih

ke papan

pemanggil

Berhasil

4 Melihat rute navigasi dari lokasi pengguna menuju instansi kepolisian

Memilih button navigasi pada halaman detail instansi kepolisian terpilih

Aplikasi akan mengarahkan ke Google Maps dan akan ditampilkan rute navigasi dari lokasi pengguna menuju instansi kepolisian

Berhasil

5 Menutup halaman menu Kepolisian

Menekan tombol

back pada

smartphone

Aplikasi akan menampilkan data instansi penting terdekat (menu Nearby)

Berhasil

(47)

160

Tabel 4.20 Tabel Uji Black Box Menu Rumah Sakit

Pengujian

instansi Rumah Sakit

Memilih menu Rumah Sakit pada Navigation

Drawer

Aplikasi akan menampilkan data instansi Rumah Sakit yang ada di Kota Surakarta berupa foto, nama, alamat, dan nomor telepon

Berhasil

2 Melihat detail informasi instansi Rumah Sakit

Memilih salah satu data instansi Rumah Sakit pada halaman menu Rumah Sakit

Aplikasi akan menampilkan data instansi Rumah Sakit yang terpilih berupa foto, nama, alamat, nomor telepon, nomor telepon alternatif, button telepon dan

button rute

navigasi

Berhasil

3 Menghubungi nomor telepon instansi Rumah Sakit

Memilih button telepon pada halaman detail instansi Rumah Sakit terpilih

Aplikasi akan menyalin nomor telepon instansi Rumah Sakit terpilih ke papan pemanggil

Berhasil

4 Melihat rute navigasi dari lokasi pengguna menuju instansi Rumah Sakit

Memilih button navigasi pada halaman detail instansi Rumah Sakit terpilih

Aplikasi akan mengarahkan ke Google Maps dan akan ditampilkan rute navigasi dari lokasi pengguna menuju instansi Rumah Sakit

Berhasil

5 Menutup halaman

menu Rumah

Sakit

Menekan tombol

back pada

smartphone

Berhasil

(48)

161

Tabel 4.21 Tabel Uji Black Box Menu Pemadam Kebakaran

Pengujian

instansi Pemadam Kebakaran

Memilih menu Pemadam

Kebakaran pada Navigation

Drawer

Aplikasi akan menampilkan data instansi Pemadam Kebakaran yang ada di Kota Surakarta berupa foto, nama, alamat, dan nomor telepon

Berhasil

2 Melihat detail informasi instansi Pemadam

Kebakaran

Memilih salah satu data instansi Pemadam

Kebakaran pada halaman menu Pemadam

Kebakaran

Aplikasi akan menampilkan data instansi Pemadam Kebakaran yang terpilih berupa foto, nama, alamat, nomor telepon, nomor telepon alternatif, button telepon dan

button rute

navigasi

Berhasil

3 Menghubungi nomor telepon instansi Pemadam Kebakaran

Memilih button telepon pada halaman detail instansi Pemadam Kebakaran terpilih

Aplikasi akan menyalin nomor telepon instansi Pemadam

Kebakaran terpilih

ke papan

pemanggil

Berhasil

4 Melihat rute navigasi dari lokasi pengguna menuju instansi Pemadam

Kebakaran

Memilih button navigasi pada halaman detail instansi Pemadam Kebakaran terpilih

Aplikasi akan mengarahkan ke Google Maps dan akan ditampilkan rute navigasi dari lokasi pengguna menuju instansi Pemadam

Kebakaran

Berhasil

5 Menutup halaman menu Pemadam Kebakaran

Menekan tombol

back pada

smartphone

Berhasil

(49)

162

Tabel 4.22 Tabel Uji Black Box Menu PLN

Pengujian

instansi PLN

Memilih menu

PLN pada

Aplikasi akan menampilkan data instansi PLN yang ada di Kota Surakarta berupa foto, nama, alamat, dan nomor telepon

Berhasil

2 Melihat detail informasi instansi PLN

Memilih salah satu data instansi

PLN pada

halaman menu PLN

Aplikasi akan menampilkan data instansi PLN yang terpilih berupa foto, nama, alamat, nomor telepon, nomor telepon alternatif, button telepon dan

button rute

navigasi

Berhasil

3 Menghubungi nomor telepon instansi PLN

Memilih button telepon pada halaman detail instansi PLN terpilih

Aplikasi akan menyalin nomor telepon instansi PLN terpilih ke papan pemanggil

Berhasil

4 Melihat rute navigasi dari lokasi pengguna menuju instansi PLN

Memilih button navigasi pada halaman detail instansi PLN terpilih

Aplikasi akan mengarahkan ke Google Maps dan akan ditampilkan rute navigasi dari lokasi pengguna menuju instansi PLN

Berhasil

5 Menutup halaman menu PLN

Menekan tombol

back pada

smartphone

Berhasil

(50)

163

Tabel 4.23 Tabel Uji Black Box Menu PDAM

Pengujian

instansi PDAM

Memilih menu

PDAM pada

Aplikasi akan menampilkan data instansi PDAM yang ada di Kota Surakarta berupa foto, nama, alamat, dan nomor telepon

Berhasil

2 Melihat detail informasi instansi PDAM

Memilih salah satu data instansi

PDAM pada

halaman menu PDAM

Aplikasi akan menampilkan data instansi PDAM yang terpilih berupa foto, nama, alamat, nomor telepon, nomor telepon alternatif, button telepon dan

button rute

navigasi

Berhasil

3 Menghubungi nomor telepon instansi PDAM

Memilih button telepon pada halaman detail instansi PDAM terpilih

Aplikasi akan menyalin nomor telepon instansi PDAM terpilih ke papan pemanggil

Berhasil

4 Melihat rute navigasi dari lokasi pengguna menuju instansi PDAM

Memilih button navigasi pada halaman detail instansi PDAM terpilih

Aplikasi akan mengarahkan ke Google Maps dan akan ditampilkan rute navigasi dari lokasi pengguna menuju instansi PDAM

Berhasil

5 Menutup halaman menu PDAM

Menekan tombol

back pada

smartphone

Berhasil

(51)

164

Tabel 4.24 Tabel Uji Black Box Menu Panduan

Pengujian

Hasil Pengujian 1 Melihat panduan

penggunaan aplikasi

Memilih menu Panduan pada Navigation

Drawer

Aplikasi akan menampilkan panduan berupa judul panduan, animasi panduan, dan penjelasan panduan

Berhasil

2 Melihat gambar langkah-langkah panduan

Menggulir layar

sampai ke

panduan yang akan dilihat

Aplikasi akan menampilkan gambar yang berubah-ubah sesuai dengan langkah-langkah panduan

Berhasil

3 Menutup halaman menu Panduan

Menekan tombol

back pada

smartphone

Berhasil

Tabel 4.25 Tabel Uji Black Box Menu About

Pengujian

Hasil Pengujian 1 Melihat informasi

tentang aplikasi

Memilih menu

About pada

Aplikasi akan menampilkan informasi berupa

foto logo

akademik dan foto developer,

identitas

developer seperti nama dan NIM, deskripsi singkat aplikasi, identitas

nama dosen

pembimbing, 3 buah button yaitu,

button logo

akademik, button logo Instagram, dan button logo web serta terdapat informasi

Berhasil

(52)

165

Tabel 4.25 Lanjutan

Pengujian

Hasil Pengujian akademik seperti

nama kampus dan tahun pembuatan.

2 Melihat web

akademik STMIK Sinar Nusantara

Memilih button dengan gambar logo SINUS

Aplikasi akan mengarahkan ke

browser dan

membuka situs web akademik yaitu

www.sinus.ac.id

Berhasil

3 Melihat profil Instagram milik developer

Memilih button dengan gambar logo Instagram

Aplikasi akan mengarahkan ke browser dan membuka alamat profil Instagram milik developer.

Jika pada

smartphone sudah terpasang aplikasi Instagram, maka aplikasi akan membuka profil Instagram milik developer melalui aplikasi Instagram

Berhasil

4 Melihat web milik developer

Memilih button dengan gambar logo web

Aplikasi akan mengarahkan ke

browser dan

membuka situs

web milik

developer yaitu www.dafia06.blog spot.com

5 Menutup halaman menu About

Menekan tombol

back pada

smartphone

Berhasil

(53)

166

Tabel 4.26 Tabel Uji Black Box Menu Keluar

Pengujian

Hasil Pengujian

1 Keluar dari

Aplikasi saat berada di semua menu

Memilih menu Keluar pada Navigation

Drawer di semua menu

Aplikasi akan menampilkan dialog konfirmasi untuk menutup aplikasi

Berhasil

2 Mengkonfirmasi keluar dari Aplikasi

Memilih “Ya”

pada dialog konfirmasi keluar dari Aplikasi

Aplikasi akan ditutup dan berhasil keluar dari aplikasi

Berhasil

3 Membatalkan keluar dari Aplikasi

Memilih “Tidak”

pada dialog konfirmasi keluar dari Aplikasi

Aplikasi akan menutup dialog konfirmasi

Berhasil

Tabel 4.27 Tabel Uji Black Box Koneksi Internet

Pengujian

Hasil Pengujian 1 Membuka

halaman menu Nearby (Instansi Penting Terdekat) dalam keadaan tidak ada koneksi internet

Memilih menu

Nearby pada

Aplikasi akan menampilkan pesan “Mohon Aktifkan Koneksi Internet”

Berhasil

2 Membuka

halaman menu Nearby (Instansi Penting Terdekat) dalam keadaan terkoneksi internet

Memilih menu

Nearby pada

Aplikasi akan menampilkan data instansi penting yang terdekat

Berhasil

3 Membuka

halaman menu Kepolisian,

Rumah Sakit, Pemadam

Kebakaran, PLN, dan PDAM dalam keadaan tidak ada koneksi internet

Memilih masing- masing menu pada Navigation Drawer

Aplikasi akan tetap

menampilkan daftar instansi sesuai menu yang dipilih

Berhasil

(54)

167

Tabel 4.28 Tabel Uji Black Box Website Backend

Pengujian

Hasil Pengujian 1 Mengelola website

backend

Membuka alamat website backend

Menampilkan halaman login

Berhasil 2 Melakukan login Memasukkan e-

mail dan password sesuai database dan menekan tombol Login

Menampilkan halaman data instansi

Berhasil

3 Melihat data instansi

Menekan tombol Data Instansi pada menu navigasi bagian kiri

Menampilkan

semua data

instansi

Berhasil

4 Menambah data instansi

Menekan tombol Tambah pada halaman data instansi dan melakukan input data instansi, kemudian

menekan tombol Simpan

Menampilkan form data instansi baru, dan data baru berhasil ditampilkan pada halaman data instansi

Berhasil

5 Mengubah data instansi

Menekan tombol edit pada salah satu data instansi, mengubah isi dari data instansi terpilih dan menekan tombol Simpan

Menampilkan form data instansi terpilih dan data yang terpilih berhasil diubah

Berhasil

6 Menghapus data instansi

Menekan tombol hapus pada salah satu data instansi, kemudian

menekan tombol

“Ya, Hapus”

Menampilkan dialog konfirmasi hapus dan data berhasil dihapus dari database

Berhasil

7 Mengunduh data instansi

Menekan tombol

cetak pada

halaman data instansi dan menekan tombol Cetak

Menampilkan dialog konfirmasi untuk unduh data instansi dan data instansi berhasil diunduh

Berhasil

8 Melihat data admin

Menekan tombol Data Admin pada menu navigasi bagian kiri

Menampilkan data admin

Berhasil

(55)

168

Tabel 4.28 Lanjutan

Pengujian

Hasil Pengujian 9 Menambah data

admin

Menekan tombol Tambah pada halaman data

admin dan

melakukan input data admin, kemudian

menekan tombol Simpan

Menampilkan form data admin baru, dan data baru berhasil ditampilkan pada halaman data admin

Berhasil

10 Menghapus data admin

Menekan tombol hapus pada salah satu data admin, kemudian

menekan tombol

“Ya, Hapus”

Menampilkan dialog konfirmasi hapus dan data berhasil dihapus dari database

Berhasil

11 Mengunduh data admin

Menekan tombol

cetak pada

halaman data

admin dan

menekan tombol Cetak

Menampilkan dialog konfirmasi untuk unduh data admin dan data admin berhasil diunduh

Berhasil

12 Melakukan logout Menekan tombol logout pada sub menu nama admin yang sedang login

Menampilkan dialog konfirmasi untuk logout, menekan tombol

Logout, dan

berhasil menampilkan halaman login

Berhasil

13 Melakukan login dengan data yang tidak valid

Memasukkan e- mail dan password secara acak atau tidak valid

Menampilkan pesan kesalahan bahwa e-mail atau password salah

Berhasil

(56)

169

4.6.2 Perbandingan Dengan Aplikasi Sejenis

Untuk mengetahui kelebihan dan kekurangan sistem aplikasi ini dibutuhkan suatu data perbandingan aplikasi yang telah dibangun dengan aplikasi sejenisnya. Berikut merupakan deskripsi dari aplikasi yang telah dibangun dan deskripsi aplikasi sejenis.

4.6.2.1 Deskripsi Aplikasi NTPSolo

Aplikasi ini menyediakan informasi nomor telepon penting yang ada di Kota Surakarta. Aplikasi ini bersifat hybrid atau dapat berjalan dalam keadaan terhubung dengan internet atau tidak. Ketika smartphone terhubung dengan internet, aplikasi dapat menampilkan informasi instansi penting yang terdekat dari lokasi pengguna. Sedangkan ketika smartphone tidak terhubung dengan internet, aplikasi tetap dapat mendapatkan informasi instansi penting seperti nama instansi, foto instansi, alamat instansi, nomor telepon instansi, dan nomor telepon alternatif instansi. Data instansi yang disediakan yaitu Kepolisian, Rumah Sakit, Pemadam Kebakaran, PLN, dan PDAM. Terdapat fitur untuk menyalin nomor telepon instansi yang dipilih ke aplikasi papan pemanggil (dialler) secara langsung dari aplikasi.

Aplikasi ini menyediakan fitur button navigasi yang ketika ditekan oleh pengguna maka akan menampilkan rute navigasi dari lokasi pengguna menuju alamat instansi dengan aplikasi Google Maps.

(57)

170

4.6.2.2 Deskripsi Aplikasi Sejenis Tabel 4.29 Perbandingan Aplikasi Sejenis

Nama Developer

(Tahun) Nama Aplikasi Deskripsi

TI C Poliban (2019)

Telepon Darurat KalSel

Aplikasi ini menyediakan informasi nomor telepon instansi Kepolisian, ambulan, pemadam kebakaran, PLN, dan PDAM yang ada di Provinsi Kalimantan Selatan. Terdapat suatu pilihan untuk memilih halaman instansi sesuai dengan kabupaten/kota yang ada di Provinsi Kalimantan Selatan. Kabupaten/Kota tersebut yaitu Amuntai, Banjarmasin, Banjarbaru, Barabai, Batulicin, Kandangan, Marabahan, Martapura, Paringin, Pelaihari, Rantau dan Tanjung. Ketika pengguna menekan salah satu button instansi, maka aplikasi akan melakukan dial number atau memanggil nomor telepon tersebut. Aplikasi ini tidak menyediakan nomor telepon alternatif, foto instansi dan fitur navigasi.

Segah Publisher (2019)

Telepon Darurat Indonesia

Aplikasi ini menyediakan informasi nomor telepon darurat yang ada di Indonesia. Data instansi yang disediakan adalah Kepolisian, Ambulan, PLN, Pemadam Kebakaran, Posko Bencana Alam, SAR, dan PMI.

Data instansi yang ditampilkan berupa icon dan nama instansi. Ketika salah satu data instansi ditekan, maka aplikasi akan melakukan penyalinan nomor telepon tersebut ke aplikasi pemanggil atau dialler. Aplikasi ini tidak menyediakan nomor telepon alternatif, foto instansi dan fitur navigasi.

RumahBATIK (2018)

Telepon Darurat Aplikasi ini bersifat hybrid atau dapat berjalan dalam keadaan terhubung dengan internet atau tidak. Aplikasi dapat menampilkan data instansi yang terdekat dari lokasi pengguna dalam radius 10 KM. Data terbatas pada daerah Jabodetabek.

(58)

171

Tabel 4.29 Lanjutan Nama Developer

Kategori instansi yang disediakan yaitu Ambulan, PDAM, Pemadam Kebakaran, PLN, PMI, Kepolisian, Rumah Sakit, dan instansi SAR dan Penanggulangan. Informasi yang disediakan hanya nama instansi dan nomor telepon instansi saja. Terdapat button untuk menghubungi nomor telepon instansi dari aplikasi.

Wahyu Fadiyanto Developers (2018)

Panggilan Darurat Aplikasi ini menyediakan data nomor telepon instansi Kepolisian, Ambulan, Pemadam Kebakaran, Jasa Marga, BNPB dan PLN. Terdapat button pada setiap kategori instansi dan aplikasi akan menyalin nomor telepon instansi ke dialler. Akan tetapi nomor telepon instansi yang disediakan aplikasi adalah nomor telepon pusat (call center) saja. Aplikasi ini tidak menyediakan nomor telepon alternatif, foto instansi dan fitur navigasi.

Dinas KOMINFO Kabupaten

Sukoharjo (2018)

Telepon Penting Aplikasi ini menyediakan informasi nomor telepon penting yang ada di Kabupaten Sukoharjo. Data instansi yang disediakan adalah Kantor Kecamatan, SAR, Pegadaian, PLN, RSUD, Pemadam Kebakaran, PDAM, PMI, dan instansi Kepolisian. Data instansi yang disediakan berupa nama, nomor telepon instansi dan alamat instansi. Terdapat 2 buah button yaitu button telepon dan navigasi. Akan tetapi button telepon tidak berfungsi, sedangkan ketika pengguna menekan button navigasi, maka aplikasi akan

membuka alamat instansi

menggunakan aplikasi Google Maps.

Aplikasi ini tidak menyediakan nomor telepon alternatif dan foto instansi.

(59)

172

Tabel 4.29 Lanjutan Nama Developer

Karel.srt (2018)

Telepon Penting Parigi Moutong

Aplikasi ini menyediakan informasi nomor telepon penting yang ada di Kabupaten Parigi Moutong yang ada di provinsi Sulawesi Tengah. Data instansi yang disediakan adalah Pemadam Kebakaran, Kepolisian, TNI, RSUD, PDAM, BPBD, Kantor Pos, Telkom, PLN, Sulteng Emergency Service dan layanan jasa antar. Data instansi yang ditampilkan berupa icon dan nama instansi. Ketika salah satu data instansi ditekan, maka aplikasi akan melakukan dial number atau memanggil nomor telepon tersebut. Aplikasi ini tidak menyediakan nomor telepon alternatif, foto instansi dan fitur navigasi.

PT Minarki Corporation (2017)

Telepon Darurat Palembang

Aplikasi ini menyediakan informasi nomor telepon instansi penting yang ada di Kota Palembang. Data instansi yang disediakan adalah Kepolisian, Rumah Sakit, Pemadam Kebakaran, Tim SAR, PLN, PDAM. Akan tetapi nomor telepon instansi yang disediakan aplikasi adalah nomor telepon pusat (call center) saja.

Aplikasi ini tidak menyediakan nomor telepon alternatif, foto instansi dan fitur navigasi.

Gulajava Ministudio (2012)

Telepon Darurat Aplikasi ini menampilkan daftar nama instansi seperti Ambulan, Layanan Pesan Antar Makanan, Info Jalan Tol Jasamarga, Informasi Keracunan, Info Telkom, PMI, Panggilan Darurat,

Pemadam Kebakaran, PLN,

Kepolisian, dan SAR. Ketika nama instansi tersebut dipilih maka aplikasi akan menyalin nomor telepon instansi.

Akan tetapi nomor telepon instansi yang disediakan aplikasi adalah nomor telepon pusat (call center) saja.

Aplikasi ini tidak menyediakan nomor telepon alternatif, foto instansi dan fitur navigasi.

(60)

173

4.6.2.3 Kesimpulan Hasil Perbandingan Aplikasi Sejenis

Dilihat dari tabel perbandingan di atas, dapat diambil kesimpulan bahwa aplikasi NTPSolo memiliki kelebihan dari beberapa aplikasi sejenisnya. Kelebihan tersebut antara lain aplikasi dapat menampilkan data instansi penting yang terdekat dari pengguna, menampilkan data nomor telepon alternatif, dan menyediakan fitur button call dan button rute navigasi menuju alamat instansi.