APLIKASI PENCARIAN LOKASI ANJUNGAN TUNAI MANDIRI (ATM) TERDEKAT BERBASIS ANDROID DENGAN TEKNOLOGI GPS (GLOBAL POSITIONING SYSTEM)

Transkripsi

1 APLIKASI PENCARIAN LOKASI ANJUNGAN TUNAI MANDIRI (ATM) TERDEKAT BERBASIS ANDROID DENGAN TEKNOLOGI GPS (GLOBAL POSITIONING SYSTEM) RAHMAD FANDI PRADANA PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016

2 APLIKASI PENCARIAN LOKASI ANJUNGAN TUNAI MANDIRI (ATM) TERDEKAT BERBASIS ANDROID DENGAN TEKNOLOGI GPS (GLOBAL POSITIONING SYSTEM) Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer Oleh : RAHMAD FANDI PRADANA PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016

3

4 ii

5 KATA PENGANTAR Alhamdulillahirabbil alamin, dengan mengucapkan puji syukur atas kehadirat Allah SWT yang telah melimpahkan segala rahmat dan karunianya, sholawat serta salam semoga selalu tercurahkan kepada nabi Muhammad SAW, sehingga penulis dapat menyelesaikan laporan tugas akhir dengan judul Aplikasi Pencarian Lokasi Anjungan Tunai Mandiri (ATM) Terdekat Berbasis Android Dengan Teknologi GPS (Global Positioning System) yang merupakan salah satu persyaratan untuk menyelesaikan program studi strata satu (S1) pada Jurusan Teknik Informatika Universitas Mercu Buana. Dengan segala keterbatasan dalam penyusunan laporan Tugas Akhir ini, penulis menyadari pula bahwa laporan tugas akhir ini takkan terwujud tanpa bantuan, bimbingan, dan dorongan dari berbagai pihak. Untuk itu, dengan segala kerendahan hati, penulis menyampaikan ucapan terima kasih kepada: 1. Ibu Nur Ani, S.T, MMSI. selaku Ketua Program Program Studi Jurusan Teknik Informatika Universitas Mercu Buana. 2. Ibu Inge Handriani, M. Ak, MMSI. selaku Koordinator Tugas Akhir Jurusan Teknik Informatika Universitas Mercu Buana. 3. Ibu Arifah Rachmawati, S.Kom., MM. selaku dosen pembimbing yang telah meluangkan waktunya untuk memberikan bimbingan serta petunjuk petunjuk dalam penyusunan laporan tugas akhir ini. 4. Kedua orang tua yang selama ini telah membesarkan penulis dan memberi semangat serta tak pernah berhenti bedoa. 5. Seluruh keluarga Sistem Informasi Mercu Buana Reguler 2 khususnya angkatan 2013 yang telah membatu penulis semasa kuliah di kampus ini. Semoga Allah SWT membalas kebaikan dan selalu mencurahkan hidayah serta taufiknya, dan penulis berharap semoga laporan tugas akhir ini bermanfaat bagi semua. Amin. Jakarta, Desember 2016 Rahmad Fandi Pradana iii

6 DAFTAR ISI ABSTRACT... i ABSTRAK... ii KATA PENGANTAR... iii DAFTAR ISI... iv DAFTAR GAMBAR... vii DAFTAR TABEL... x BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Batasan Masalah Tujuan dan Manfaat Tujuan Manfaat Metode Penelitian Metodologi Pengumpulan Data Metodologi Pengembangan Sistem Sistematika Penulisan Laporan... 5 BAB II LANDASAN TEORI Rekayasa Perangkat Lunak Studi Pustaka Penelitian Perbankan Ilmu Geodesi Mobile Application Web Apps Android OS Konsep MVC Materi Pembuatan Aplikasi JAVA Definisi Basis Data DBMS (Database Management System) MySQL iv

7 2.3.5 Spring framework MAVEN HTML CSS Javascript JSON Object Array Value String Number JSTL Bootstrap UML Use Case Diagram Activity Diagram Sequence Diagram Class Diagram Metode Waterfall Analisis PIECES BAB III ANALISA DAN PERANCANGAN SISTEM Analisa Masalah Analisa Kebutuhan Perancangan Sistem Use Case Diagram Activity Diagram Sequence Diagram Class Diagram PIECES Performance (Analisis Kinerja System) Information (Analisis Informasi) Economy (Analisis Ekonomi) Control (Analisis Pengendalian) Efficiency (Analisis Efisiensi) Service (Analisis Pelayanan) v

8 3.5 Database Desain User Interface (UI) Tampilan Web Tampilan Mobile BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM Implementasi Sistem Implementasi Perangkat Keras Implementasi Perangkat Lunak Implementasi Basis Data Implementasi Tampilan Aplikasi Implementasi Tampilan Web Implementasi Tampilan Mobile Metode Pengujian Black Box Hasil Pengujian Pada Tampilan Web Hasil Pengujian Pada Tampilan Mobile Kesimpulan Pengujian BAB V KESIMPULAN DAN SARAN Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN 1 KARTU BIMBINGAN vi

9 DAFTAR GAMBAR Gambar 1.1. Waterfall Model [Roger S. Pressman, 2015 : 42]... 4 Gambar 2.1. Lapisan Teknologi Rekayasa Perangkat Lunak Gambar 2.2. Metode Geodesi Satelit untuk penentuan posisi menggunakan sistem satelit dan benda langit Gambar 2.3. Desain konsep MVC Gambar 2.4. Database Processing Gambar 2.5. Ilustrasi bentuk Objek JSON Gambar 2.6. Ilustrasi bentuk Array JSON Gambar 2.7. Ilustrasi bentuk Value JSON Gambar 2.8. Ilustrasi bentuk String JSON Gambar 2.9. Ilustrasi bentuk Number JSON Gambar Use Case Diagram [Roger S. Pressman, 2015 : 179] Gambar Activity Diagram [Roger S. Pressman, 2015 : 180] Gambar Sequence Diagram [Roger S. Pressman, 2015 : 206] Gambar Class Diagram [Roger S. Pressman, 2015 : 191] Gambar Waterfall Model [Roger S. Pressman, 2015 : 42] Gambar 3.1. Diagram use case sistem pencarian ATM terdekat (Mobile) Gambar 3.2. Diagram use case sistem pencarian ATM terdekat (Admin Web) Gambar 3.4. Activity Diagram Mencari Informasi Lokasi ATM Terdekat Gambar 3.5. Activity Diagram Melihat Rute Menuju ATM Yang Dipilih Gambar 3.6. Activity Diagram Melakukan Login Gambar 3.7. Activity Diagram Melihat Data User Gambar 3.8. Activity Diagram Mengelola Data User (Input) Gambar 3.9. Activity Diagram Mengelola Data User (Edit) Gambar Activity Diagram Mengelola Data User (Delete) Gambar Activity Diagram Melihat Data Role Gambar Activity Diagram Melihat Data Bank Gambar Activity Diagram Mengelola Data Bank (Input) Gambar Activity Diagram Mengelola Data Bank (Edit) Gambar Activity Diagram Mengelola Data Bank (Delete) Gambar Activity Diagram Melihat Data Lokasi Gambar Activity Diagram Mengelola Data Lokasi (Input) Gambar Activity Diagram Mengelola Data Lokasi (Edit) vii

10 Gambar Activity Diagram Mengelola Data Lokasi (Delete) Gambar Sequence Diagram Mencari Informasi ATM Terdekat Gambar Sequence Diagram Melihat Rute Menuju ATM Yang Dipilih Gambar Sequence Diagram Login Gambar Sequence Melihat Data User Gambar Sequence Mengelola Data User (Input) Gambar Sequence Mengelola Data User (Edit) Gambar Sequence Mengelola Data User (Delete) Gambar Sequence Melihat Data Role Gambar Sequence Melihat Data Bank Gambar Sequence Mengelola Data Bank (Input) Gambar Sequence Mengelola Data Bank (Edit) Gambar Sequence Mengelola Data Bank (Delete) Gambar Sequence Melihat Data Lokasi Gambar Sequence Mengelola Data Lokasi (Input) Gambar Sequence Mengelola Data Lokasi (Edit) Gambar Sequence Mengelola Data Lokasi (Delete) Gambar Class Diagram Aplikasi Pencarian ATM Terdekat Gambar Tampilan Login Gambar Tampilan Home Gambar Tampilan List ATM Gambar Tampilan Tambah ATM Gambar Tampilan Hapus ATM Gambar Tampilan List Bank Gambar Tampilan Tambah Bank Gambar Tampilan Hapus Bank Gambar Tampilan List Role Gambar Tampilan List User Gambar Tampilan Tambah User Gambar Tampilan Hapus User Gambar Tampilan Splash Screen Gambar Tampilan Check GPS Gambar Tampilan Utama / Home Gambar Tampilan Filter Pencarian Gambar 4.1. Implementasi Basis Data nearest_atm viii

11 Gambar 4.2. Tampilan Login Gambar 4.3. Tampilan Home Gambar 4.4. Tampilan List ATM Gambar 4.5. Tampilan Tambah ATM Gambar 4.6. Tampilan Hapus ATM Gambar 4.7. Tampilan List Bank Gambar 4.8. Tampilan Tambah Bank Gambar 4.9. Tampilan Hapus Bank Gambar Tampilan List Role Gambar Tampilan List User Gambar Tampilan Tambah User Gambar Tampilan Hapus User Gambar Splash Screen Gambar Check GPS Gambar Tampilan Home Gambar Filter Pencarian Gambar Hasil Pencarian Gambar Hasil Route ke Lokasi ATM yang dipilih ix

12 DAFTAR TABEL 1. Tabel 2.1. Komponen Use Case Diagram [Roger S. Pressman, 2015 : 149] Tabel 2.2. Komponen Activity Diagram [Roger S. Pressman, 2015 : 180] Tabel 2.3. Komponen Sequence Diagram [Roger S. Pressman, 2015 : 205] Tabel 2.4. Komponen Class Diagram [Roger S. Pressman, 2015 : 192] Tabel 3.1. Deskripsi use case Mencari Informasi ATM Terdekat Tabel 3.2. Deskripsi use case Melihat Rute Menuju ATM Yang Dipilih Tabel 3.3. Deskripsi use case Mengelola Data User Tabel 3.4. Deskripsi use case Melihat Data User Tabel 3.5. Deskripsi use case Melihat Data Role Tabel 3.6. Deskripsi use case Mengelola Data Bank Tabel 3.7. Deskripsi use case Melihat Data Bank Tabel 3.8. Deskripsi use case Mengelola Data Lokasi Tabel 3.9. Deskripsi use case Melihat Data Lokasi Tabel Deskripsi use case Login Tabel Deskripsi activity diagram mencari informasi ATM terdekat Tabel Deskripsi activity diagram melihat rute menuju ATM yang dipilih Tabel Deskripsi activity diagram Melakukan Login Tabel Deskripsi activity diagram Melihat Data User Tabel Deskripsi activity diagram Mengelola Data User (Input) Tabel Deskripsi activity diagram Mengelola Data User (Edit) Tabel Deskripsi activity diagram Mengelola Data User (Delete) Tabel Deskripsi activity diagram Melihat Data Role Tabel Deskripsi activity diagram Melihat Data Bank Tabel Deskripsi activity diagram Mengelola Data Bank (Input) Tabel Deskripsi activity diagram Mengelola Data Bank (Edit) Tabel Deskripsi activity diagram Mengelola Data Bank (Delete) Tabel Deskripsi activity diagram Melihat Data Lokasi Tabel Deskripsi activity diagram Mengelola Data Lokasi (Input) Tabel Deskripsi activity diagram Mengelola Data Lokasi (Edit) Tabel Deskripsi activity diagram Mengelola Data Lokasi (Delete) Tabel Struktur Tabel Bank Tabel Struktur Tabel Location Tabel Struktur Tabel Banks_Location x

13 34. Tabel Struktur Tabel User Tabel Struktur Tabel Role Tabel Struktur Tabel User_Roles Tabel 4.1. Tabel Pengujian Pada Tampilan Web Tabel 4.2. Tabel Pengujian Pada Tampilan Mobile xi