APLIKASI PENCARIAN LOKASI ANJUNGAN TUNAI MANDIRI (ATM) TERDEKAT BERBASIS ANDROID DENGAN TEKNOLOGI GPS (GLOBAL POSITIONING SYSTEM)
RAHMAD FANDI PRADANA 41812120144
PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016
http://digilib.mercubuana.ac.id/
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 41812120144
PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016
http://digilib.mercubuana.ac.id/
http://digilib.mercubuana.ac.id/
ii
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
DAFTAR ISI
ABSTRACT........................................................................................................................... i ABSTRAK .......................................................................................................................... ii KATA PENGANTAR ....................................................................................................... iii DAFTAR ISI ...................................................................................................................... iv DAFTAR GAMBAR ........................................................................................................ vii DAFTAR TABEL............................................................................................................... x BAB I PENDAHULUAN ................................................................................................... 1 1.1
Latar Belakang..................................................................................................... 1
1.2
Rumusan Masalah ............................................................................................... 2
1.3
Batasan Masalah .................................................................................................. 2
1.4
Tujuan dan Manfaat ............................................................................................. 3
1.5
1.6
1.4.1
Tujuan ......................................................................................................... 3
1.4.2
Manfaat ....................................................................................................... 3
Metode Penelitian ................................................................................................ 4 1.5.1
Metodologi Pengumpulan Data .................................................................. 4
1.5.2
Metodologi Pengembangan Sistem ............................................................. 4
Sistematika Penulisan Laporan ............................................................................ 5
BAB II LANDASAN TEORI ............................................................................................. 7 2.1
Rekayasa Perangkat Lunak.................................................................................. 7
2.2
Studi Pustaka Penelitian ...................................................................................... 9
2.3
2.2.1
Perbankan .................................................................................................... 9
2.2.2
Ilmu Geodesi ............................................................................................. 10
2.2.3
Mobile Application.................................................................................... 11
2.2.4
Web Apps .................................................................................................. 12
2.2.5
Android OS ............................................................................................... 12
2.2.6
Konsep MVC ............................................................................................ 12
Materi Pembuatan Aplikasi ............................................................................... 14 2.3.1
JAVA ......................................................................................................... 14
2.3.2
Definisi Basis Data.................................................................................... 14
2.3.3
DBMS (Database Management System) ................................................... 15
2.3.4
MySQL ...................................................................................................... 16
iv
http://digilib.mercubuana.ac.id/
2.3.5
Spring framework...................................................................................... 17
2.3.6
MAVEN ..................................................................................................... 17
2.3.7
HTML ........................................................................................................ 18
2.3.8
CSS ........................................................................................................... 18
2.3.9
Javascript .................................................................................................. 19
2.3.10 JSON ......................................................................................................... 19 2.3.10.1 Object ........................................................................................................ 19 2.3.10.2 Array ......................................................................................................... 20 2.3.10.3 Value ......................................................................................................... 20 2.3.10.4 String ......................................................................................................... 21 2.3.10.5 Number ...................................................................................................... 21 2.3.11 JSTL .......................................................................................................... 22 2.3.12 Bootstrap ................................................................................................... 22 2.4
UML .................................................................................................................. 22 2.4.1
Use Case Diagram .................................................................................... 22
2.4.2
Activity Diagram ....................................................................................... 24
2.4.3
Sequence Diagram .................................................................................... 25
2.4.4
Class Diagram .......................................................................................... 26
2.5
Metode Waterfall ............................................................................................... 27
2.6
Analisis PIECES ................................................................................................ 29
BAB III ANALISA DAN PERANCANGAN SISTEM ................................................... 32 3.1
Analisa Masalah ................................................................................................ 32
3.2
Analisa Kebutuhan ............................................................................................ 32
3.3
Perancangan Sistem ........................................................................................... 33
3.4
3.3.1
Use Case Diagram .................................................................................... 33
3.3.2
Activity Diagram ....................................................................................... 36
3.3.3
Sequence Diagram .................................................................................... 53
3.3.4
Class Diagram .......................................................................................... 61
PIECES .............................................................................................................. 62 3.4.1
Performance (Analisis Kinerja System) ................................................... 62
3.4.2
Information (Analisis Informasi) .............................................................. 62
3.4.3
Economy (Analisis Ekonomi) ................................................................... 62
3.4.4
Control (Analisis Pengendalian) ............................................................... 62
3.4.5
Efficiency (Analisis Efisiensi) ................................................................... 62
3.4.6
Service (Analisis Pelayanan) ..................................................................... 63 v
http://digilib.mercubuana.ac.id/
3.5
Database ............................................................................................................ 63
3.6
Desain User Interface (UI) ................................................................................ 64 3.6.1
Tampilan Web ........................................................................................... 65
3.6.2
Tampilan Mobile ....................................................................................... 69
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM ............................................... 72 4.1
Implementasi Sistem ......................................................................................... 72 4.1.1
Implementasi Perangkat Keras.................................................................. 72
4.1.2
Implementasi Perangkat Lunak ................................................................. 72
4.2
Implementasi Basis Data ................................................................................... 73
4.3
Implementasi Tampilan Aplikasi....................................................................... 73
4.4
4.5
4.3.1
Implementasi Tampilan Web .................................................................... 74
4.3.2
Implementasi Tampilan Mobile ................................................................ 80
Metode Pengujian Black Box............................................................................. 83 4.4.1
Hasil Pengujian Pada Tampilan Web ........................................................ 83
4.4.2
Hasil Pengujian Pada Tampilan Mobile .................................................... 85
Kesimpulan Pengujian ....................................................................................... 85
BAB V KESIMPULAN DAN SARAN............................................................................ 86 5.1
Kesimpulan ........................................................................................................ 86
5.2
Saran .................................................................................................................. 86
DAFTAR PUSTAKA ....................................................................................................... 87 LAMPIRAN 1 – KARTU BIMBINGAN ......................................................................... 89
vi
http://digilib.mercubuana.ac.id/
DAFTAR GAMBAR Gambar 1.1. Waterfall Model [Roger S. Pressman, 2015 : 42] .......................................... 4 Gambar 2.1. Lapisan Teknologi Rekayasa Perangkat Lunak. ............................................ 7 Gambar 2.2. Metode Geodesi Satelit untuk penentuan posisi menggunakan sistem satelit dan benda langit . .............................................................................................................. 11 Gambar 2.3. Desain konsep MVC .................................................................................... 13 Gambar 2.4. Database Processing ..................................................................................... 16 Gambar 2.5. Ilustrasi bentuk Objek JSON ........................................................................ 20 Gambar 2.6. Ilustrasi bentuk Array JSON ........................................................................ 20 Gambar 2.7. Ilustrasi bentuk Value JSON ........................................................................ 20 Gambar 2.8. Ilustrasi bentuk String JSON ........................................................................ 21 Gambar 2.9. Ilustrasi bentuk Number JSON .................................................................... 21 Gambar 2.10. Use Case Diagram [Roger S. Pressman, 2015 : 179] ................................. 24 Gambar 2.11. Activity Diagram [Roger S. Pressman, 2015 : 180] ................................... 25 Gambar 2.11. Sequence Diagram [Roger S. Pressman, 2015 : 206]................................. 26 Gambar 2.12. Class Diagram [Roger S. Pressman, 2015 : 191] ....................................... 27 Gambar 2.13. Waterfall Model [Roger S. Pressman, 2015 : 42] ...................................... 28 Gambar 3.1. Diagram use case sistem pencarian ATM terdekat (Mobile) ....................... 33 Gambar 3.2. Diagram use case sistem pencarian ATM terdekat (Admin Web) ............... 34 Gambar 3.4. Activity Diagram Mencari Informasi Lokasi ATM Terdekat ...................... 37 Gambar 3.5. Activity Diagram Melihat Rute Menuju ATM Yang Dipilih....................... 38 Gambar 3.6. Activity Diagram Melakukan Login ............................................................ 39 Gambar 3.7. Activity Diagram Melihat Data User ........................................................... 40 Gambar 3.8. Activity Diagram Mengelola Data User (Input) .......................................... 41 Gambar 3.9. Activity Diagram Mengelola Data User (Edit) ............................................ 42 Gambar 3.10. Activity Diagram Mengelola Data User (Delete)....................................... 43 Gambar 3.11. Activity Diagram Melihat Data Role ......................................................... 44 Gambar 3.12. Activity Diagram Melihat Data Bank ........................................................ 45 Gambar 3.13. Activity Diagram Mengelola Data Bank (Input)........................................ 46 Gambar 3.14. Activity Diagram Mengelola Data Bank (Edit) ......................................... 47 Gambar 3.15. Activity Diagram Mengelola Data Bank (Delete) ...................................... 48 Gambar 3.16. Activity Diagram Melihat Data Lokasi ...................................................... 49 Gambar 3.17. Activity Diagram Mengelola Data Lokasi (Input) ..................................... 50 Gambar 3.18. Activity Diagram Mengelola Data Lokasi (Edit) ....................................... 51 vii
http://digilib.mercubuana.ac.id/
Gambar 3.19. Activity Diagram Mengelola Data Lokasi (Delete) ................................... 52 Gambar 3.20. Sequence Diagram Mencari Informasi ATM Terdekat .............................. 53 Gambar 3.21. Sequence Diagram Melihat Rute Menuju ATM Yang Dipilih .................. 54 Gambar 3.22. Sequence Diagram Login ........................................................................... 54 Gambar 3.23. Sequence Melihat Data User ...................................................................... 55 Gambar 3.24. Sequence Mengelola Data User (Input) ..................................................... 55 Gambar 3.25. Sequence Mengelola Data User (Edit) ....................................................... 56 Gambar 3.26. Sequence Mengelola Data User (Delete) ................................................... 56 Gambar 3.27. Sequence Melihat Data Role ...................................................................... 57 Gambar 3.28. Sequence Melihat Data Bank ..................................................................... 57 Gambar 3.29. Sequence Mengelola Data Bank (Input) .................................................... 58 Gambar 3.30. Sequence Mengelola Data Bank (Edit) ...................................................... 58 Gambar 3.31. Sequence Mengelola Data Bank (Delete) .................................................. 59 Gambar 3.32. Sequence Melihat Data Lokasi................................................................... 59 Gambar 3.33. Sequence Mengelola Data Lokasi (Input) .................................................. 60 Gambar 3.34. Sequence Mengelola Data Lokasi (Edit) .................................................... 60 Gambar 3.35. Sequence Mengelola Data Lokasi (Delete) ................................................ 61 Gambar 3.36. Class Diagram Aplikasi Pencarian ATM Terdekat .................................... 61 Gambar 3.37. Tampilan Login .......................................................................................... 65 Gambar 3.38. Tampilan Home .......................................................................................... 65 Gambar 3.39. Tampilan List ATM ................................................................................... 66 Gambar 3.40. Tampilan Tambah ATM ............................................................................ 66 Gambar 3.41. Tampilan Hapus ATM ............................................................................... 66 Gambar 3.42. Tampilan List Bank .................................................................................... 67 Gambar 3.43. Tampilan Tambah Bank ............................................................................. 67 Gambar 3.44. Tampilan Hapus Bank ................................................................................ 67 Gambar 3.45. Tampilan List Role..................................................................................... 68 Gambar 3.46. Tampilan List User ..................................................................................... 68 Gambar 3.47. Tampilan Tambah User .............................................................................. 68 Gambar 3.48. Tampilan Hapus User................................................................................. 69 Gambar 3.49. Tampilan Splash Screen ............................................................................. 69 Gambar 3.50. Tampilan Check GPS ................................................................................. 70 Gambar 3.51. Tampilan Utama / Home ............................................................................ 70 Gambar 3.52. Tampilan Filter Pencarian .......................................................................... 71 Gambar 4.1. Implementasi Basis Data nearest_atm.......................................................... 73 viii
http://digilib.mercubuana.ac.id/
Gambar 4.2. Tampilan Login ............................................................................................ 74 Gambar 4.3. Tampilan Home ............................................................................................ 74 Gambar 4.4. Tampilan List ATM ..................................................................................... 75 Gambar 4.5. Tampilan Tambah ATM .............................................................................. 75 Gambar 4.6. Tampilan Hapus ATM ................................................................................. 76 Gambar 4.7. Tampilan List Bank ...................................................................................... 76 Gambar 4.8. Tampilan Tambah Bank ............................................................................... 77 Gambar 4.9. Tampilan Hapus Bank .................................................................................. 77 Gambar 4.10. Tampilan List Role..................................................................................... 78 Gambar 4.11. Tampilan List User ..................................................................................... 78 Gambar 4.12. Tampilan Tambah User .............................................................................. 79 Gambar 4.13. Tampilan Hapus User................................................................................. 79 Gambar 4.14. Splash Screen ............................................................................................. 80 Gambar 4.15. Check GPS ................................................................................................. 80 Gambar 4.16. Tampilan Home .......................................................................................... 81 Gambar 4.17. Filter Pencarian .......................................................................................... 81 Gambar 4.18. Hasil Pencarian .......................................................................................... 82 Gambar 4.19. Hasil Route ke Lokasi ATM yang dipilih .................................................. 82
ix
http://digilib.mercubuana.ac.id/
DAFTAR TABEL 1. Tabel 2.1. Komponen Use Case Diagram [Roger S. Pressman, 2015 : 149] ..... 23 2. Tabel 2.2. Komponen Activity Diagram [Roger S. Pressman, 2015 : 180] ........ 24 3. Tabel 2.3. Komponen Sequence Diagram [Roger S. Pressman, 2015 : 205] ..... 26 4. Tabel 2.4. Komponen Class Diagram [Roger S. Pressman, 2015 : 192]............ 27 5. Tabel 3.1. Deskripsi use case Mencari Informasi ATM Terdekat ....................... 33 6. Tabel 3.2. Deskripsi use case Melihat Rute Menuju ATM Yang Dipilih............ 34 7. Tabel 3.3. Deskripsi use case Mengelola Data User ........................................... 34 8. Tabel 3.4. Deskripsi use case Melihat Data User ................................................ 34 9. Tabel 3.5. Deskripsi use case Melihat Data Role ................................................ 35 10. Tabel 3.6. Deskripsi use case Mengelola Data Bank ........................................... 35 11. Tabel 3.7. Deskripsi use case Melihat Data Bank ............................................... 35 12. Tabel 3.8. Deskripsi use case Mengelola Data Lokasi ........................................ 35 13. Tabel 3.9. Deskripsi use case Melihat Data Lokasi ............................................. 36 14. Tabel 3.10. Deskripsi use case Login .................................................................. 36 15. Tabel 3.10. Deskripsi activity diagram mencari informasi ATM terdekat .......... 37 16. Tabel 3.11. Deskripsi activity diagram melihat rute menuju ATM yang dipilih . 38 17. Tabel 3.12. Deskripsi activity diagram Melakukan Login................................... 39 18. Tabel 3.13. Deskripsi activity diagram Melihat Data User ................................. 40 19. Tabel 3.14. Deskripsi activity diagram Mengelola Data User (Input) ................ 41 20. Tabel 3.15. Deskripsi activity diagram Mengelola Data User (Edit) .................. 43 21. Tabel 3.16. Deskripsi activity diagram Mengelola Data User (Delete) .............. 44 22. Tabel 3.17. Deskripsi activity diagram Melihat Data Role.................................. 44 23. Tabel 3.18. Deskripsi activity diagram Melihat Data Bank ................................. 45 24. Tabel 3.19. Deskripsi activity diagram Mengelola Data Bank (Input) ................ 46 25. Tabel 3.20. Deskripsi activity diagram Mengelola Data Bank (Edit) .................. 47 26. Tabel 3.21. Deskripsi activity diagram Mengelola Data Bank (Delete) .............. 48 27. Tabel 3.22. Deskripsi activity diagram Melihat Data Lokasi .............................. 49 28. Tabel 3.23. Deskripsi activity diagram Mengelola Data Lokasi (Input) ............. 50 29. Tabel 3.24. Deskripsi activity diagram Mengelola Data Lokasi (Edit) ............... 51 30. Tabel 3.25. Deskripsi activity diagram Mengelola Data Lokasi (Delete) ........... 52 31. Tabel 3.26. Struktur Tabel Bank .......................................................................... 63 32. Tabel 3.27. Struktur Tabel Location .................................................................... 63 33. Tabel 3.28. Struktur Tabel Banks_Location ........................................................ 64 x
http://digilib.mercubuana.ac.id/
34. Tabel 3.29. Struktur Tabel User .......................................................................... 64 35. Tabel 3.30. Struktur Tabel Role ........................................................................... 64 36. Tabel 3.31. Struktur Tabel User_Roles................................................................ 64 37. Tabel 4.1. Tabel Pengujian Pada Tampilan Web ................................................. 83 38. Tabel 4.2. Tabel Pengujian Pada Tampilan Mobile ............................................. 85
xi
http://digilib.mercubuana.ac.id/