BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Analisa Masalah Mesin ATM (Automatic Teller Machine) merupakan fasilitas mesin dari bank berbasis komputer yang menyediakan tempat bagi nasabah dalam melakukan transaksi keuangan tanpa membutuhkan seorang teller bank. Hampir semua bank pasti menyediakan mesin ATM sebagai fasilitas bagi nasabahnya. Nasabah dapat melakukan pengecekan saldo, transaksi tarik tunai, transfer, pembayaran bahkan transaksi setor tunai pun dapat dilakukan melalui mesin ATM. Sekarang ini mesin ATM sudah tersebar luas diberbagai tempat dan berbagai daerah, akan tetapi masih banyak nasabah yang tidak mengetahui secara detail ATM apa saja yang terdapat di sekitarnya dan ATM mana yang paling dekat dari posisi nasabah itu sendiri apabila berada di daerah yang tidak dia kenal. Oleh karena itu penulis membuat aplikasi mobile pencarian lokasi ATM terdekat. Aplikasi mobile ini berbasis android yang bertujuan untuk memberi tahu lokasi ATM terdekat dari posisi nasabah itu sendiri dengan menggunakan teknologi GPS yang terdapat pada smartphone nasabah. 3.2 Analisa Kebutuhan Untuk membuat aplikasi mobile pencarian lokasi ATM terdekat dibutuhkan datadata sebagai berikut : 1. Nama tempat ATM dipasang. 2. Nama bank pemilik ATM tersebut. 3. Posisi Longitude dan Latitude ATM berdasarkan GPS (bisa dilihat melalui aplikasi Maps). 4. Jenis dari ATM tersebut (ATM Tunai 50.000, ATM Tunai 100.00, ATM Non Tunai, ATM CDM (Cash Deposit Management / ATM yang bisa melakukan transaksi setor tunai)). Setelah data-data tersebut tersedia, maka akan dilakukan pengelompokkan berdasarkan nama bank dari pemilik ATM tersebut. Agar aplikasi terlihat menarik bagi user maka dibutuhkan gambar dan animasi. 32
33 3.3 Perancangan Sistem Dalam pembangunan aplikasi ini analisis sistem menggunakan UML (Unified Modeling Language) agar tidak terjadi kesalahan dalam proses pembuatan. Diagram UML merupakan desain awal yang sangat mempengaruhi sebuah aplikasi dan sistem. Oleh karena itu requirement dari aplikasi harus ditetapkan di awal proses SDLC dan didetilkan agar dalam diagram UML bisa dibuatkan gambaran alur proses dari aplikasi dan sistem. 3.3.1 Use Case Diagram Use case diagram yang dibuat adalah alur proses yang digunakan dalam sistem yang akan dikembangkan. Alur proses adalah pembaruan dari apa yang sudah dibuat didalam proses transaksi yang biasanya. Berikut adalah gambaran untuk Use Case Diagram yang dipakai dalam sistem : Gambar 3.1. Diagram use case sistem pencarian ATM terdekat (Mobile) Tabel 3.1. Deskripsi use case Mencari Informasi ATM Terdekat Nama Mencari Informasi ATM terdekat Aktor User / Nasabah Deskripsi User / Nasabah mencari informasi ATM terdekat pada aplikasi mobile.. Tindakan. User dapat mencari informasi tentang lokasi mesin ATM terdekat dari posisi dia sekarang dengan mengisi parameter di halaman filter.
34 Tabel 3.2. Deskripsi use case Melihat Rute Menuju ATM Yang Dipilih. Nama Melihat Rute Menuju ATM Yang Dipilih. Aktor. User / Nasabah. Deskripsi. User / Nasabah melihat rute menuju ATM yang dipilih pada aplikasi mobile.. Tindakan. User dapat melihat rute menuju ATM yang dipilih ketika map sudah menampilakn ATM terdekat dari posisi dia sekarang. Gambar 3.2. Diagram use case sistem pencarian ATM terdekat (Admin Web) Tabel 3.3. Deskripsi use case Mengelola Data User. Nama. Mengelola Data User. Aktor. Super Admin. Deskripsi. Super Admin dapat mengelola data user mulai dari input, edit, delete data user.. Tindakan. Super Admin akan mengelola data user untuk :. a) Input data user, jika ada user admin baru.. b) Edit data user, jika ada kesalahan dalam input data. c) Delete data user, jika user admin tersebut sudah tidak aktif dalam penggunaan aplikasi web. Tabel 3.4. Deskripsi use case Melihat Data User. Nama. Melihat Data User. Aktor. Super Admin. Deskripsi. Super Admin dapat melihat list data user yang menggunakan aplikasi web.
35. Tindakan. Super Admin melakukan login ke dalam aplikasi web dan pilih menu user, kemudian aplikasi akan menampilkan list user yang menggunakan aplikasi web. Tabel 3.5. Deskripsi use case Melihat Data Role. Nama. Melihat Data Role. Aktor. Super Admin. Deskripsi. Super Admin dapat melihat list data role yang ada pada aplikasi web.. Tindakan. Super Admin melakukan login ke dalam aplikasi web dan pilih menu role, kemudian aplikasi akan menampilkan list role yang ada pada aplikasi web. Tabel 3.6. Deskripsi use case Mengelola Data Bank. Nama. Mengelola Data Bank. Aktor. Super Admin dan Admin. Deskripsi. Super Admin dan Admin dapat mengelola data bank mulai dari input, edit, delete data bank.. Tindakan. Super Admin dan Admin akan mengelola data bank untuk :. a) Input data bank, jika ada bank baru yang belum ditambahkan.. b) Edit data bank, jika ada kesalahan dalam input data. c) Delete data bank, jika bank tersebut sudah tidak ingin ditampilkan dalam aplikasi mobile nanti sebagai parameter filter dan informasi di map. Tabel 3.7. Deskripsi use case Melihat Data Bank. Nama. Melihat Data Bank. Aktor. Super Admin dan Admin. Deskripsi. Super Admin dan Admin dapat melihat list data bank yang digunakan oleh aplikasi mobile.. Tindakan. Super Admin dan Admin melakukan login ke dalam aplikasi web dan pilih menu bank, kemudian aplikasi akan menampilkan list bank yang digunakan oleh aplikasi mobile. Tabel 3.8. Deskripsi use case Mengelola Data Lokasi. Nama. Mengelola Data Lokasi. Aktor. Super Admin dan Admin. Deskripsi. Super Admin dan Admin dapat mengelola data lokasi mulai dari input, edit, delete data lokasi.. Tindakan. Super Admin dan Admin akan mengelola data lokasi untuk :. a) Input data lokasi, jika ada lokasi baru yang belum ditambahkan.
36. b) Edit data lokasi, jika ada kesalahan dalam input data. c) Delete data lokasi, jika lokasi tersebut sudah tidak ingin ditampilkan dalam aplikasi mobile ketika proses pencarian dilakukan oleh User / Nasabah. Tabel 3.9. Deskripsi use case Melihat Data Lokasi. Nama. Melihat Data Lokasi. Aktor. Super Admin dan Admin. Deskripsi. Super Admin dan Admin dapat melihat list data lokasi yang akan ditampilkan oleh aplikasi mobile.. Tindakan. Super Admin dan Admin melakukan login ke dalam aplikasi web dan pilih menu lokasi, kemudian aplikasi akan menampilkan list lokasi yang akan ditampilkan oleh aplikasi mobile. Tabel 3.10. Deskripsi use case Login. Nama. Login. Aktor. Super Admin dan Admin. Deskripsi. Super Admin dan Admin login ke aplikasi web. Tindakan. Super Admin dan Admin harus melakukan proses login terlebih dahulu ke dalam aplikasi agar bisa melakukan melihat dan mengelola data. 3.3.2 Activity Diagram Diagram aktivitas yang digambarkan adalah semua aktivitas yang nantinya akan digunakan dalam sistem yang akan dibuat. Aktivitas diagram ini adalah aktivitas dari setiap actor yang nantinya akan terlibat dalam sistem. Activity Diagram yang digambarkan, dipisahkan sesuai dengan use case yang sudah dibuat sebelumnya, yaitu :
37 3.3.2.1 Activity Diagram Mencari Informasi Lokasi ATM Terdekat Gambar 3.4. Activity Diagram Mencari Informasi Lokasi ATM Terdekat Tabel 3.10. Deskripsi activity diagram mencari informasi ATM terdekat Nama Aktor Deskripsi Mencari Informasi Lokasi ATM Terdekat User / Nasabah User / Nasabah membuka aplikasi kemudian sistem menampilkan halaman filtering pencarian. Selanjutnya user memilih nama bank dari pemilik mesin ATM dan jenis ATM tersebut lalu menekan tombol cari, kemudian sistem mencari data lalu ditampilkan pada aplikasi menjadi informasi supaya dapat di mengerti oleh User / Nasabah.
38 3.3.2.2 Activity Diagram Melihat Rute Menuju ATM Yang Dipilih Gambar 3.5. Activity Diagram Melihat Rute Menuju ATM Yang Dipilih Tabel 3.11. Deskripsi activity diagram melihat rute menuju ATM yang dipilih Nama Aktor Deskripsi Melihat Rute Menuju ATM yang Dipilih User / Nasabah User / Nasabah setelah melakukan proses mencari informasi lokasi ATM terdekat, di halaman map akan muncul ATM yang berada disekitar User / Nasabah. Kemudian memilih salah satu ATM dengan cara diklik dan aplikasi akan menampilkan informasi window yang berisi deskripsi dan tombol Go. User / Nasabah klik tombol Go dan di halaman map tersebut akan menampilkan rute menuju ATM yang dipilih.
39 3.3.2.3 Activity Diagram Login Nama Aktor Gambar 3.6. Activity Diagram Melakukan Login Tabel 3.12. Deskripsi activity diagram Melakukan Login Melakukan Login Super Admin, Admin Deskripsi Super Admin, Admin membuka aplikasi kemudian sistem menampilkan halaman login. Selanjutnya memasukkan username dan password lalu klik submit. Kemudian aplikasi mengecek username dan password dalam database, bila tidak cocok atau tidak ditemukan sistem mengarahkan ke halaman login lagi tetapi jika benar sistem akan mengarahkan ke halaman utama User Inputer.
40 3.3.2.4 Activity Diagram Melihat Data User Gambar 3.7. Activity Diagram Melihat Data User Tabel 3.13. Deskripsi activity diagram Melihat Data User Nama Aktor Deskripsi Melihat Data User Super Admin Super Admin membuka aplikasi kemudian melakukan Login kedalam aplikasi web, setelah berhasil sistem menampilkan halaman utama. Selanjutnya Super Admin pilih menu user dan aplikasi web akan menampilkan halaman list user yang bisa mengakses aplikasi web.
41 3.3.2.5 Activity Diagram Mengelola Data User (Input) Gambar 3.8. Activity Diagram Mengelola Data User (Input) Tabel 3.14. Deskripsi activity diagram Mengelola Data User (Input) Nama Aktor Mengelola Data User (Input) Super Admin
42 Deskripsi a) Super Admin membuka aplikasi kemudian melakukan Login kedalam aplikasi web, setelah berhasil sistem menampilkan halaman utama. b) Selanjutnya Super Admin pilih menu user dan aplikasi web akan menampilkan halaman list user. c) Super Admin klik tombol tambah data dan akan muncul form penambahan data user baru. d) Setelah form sudah diisi klik tombol submit dan akan melewati proses cek validasi data user. Jika lolos validasi maka data akan disimpan, jika tidak lolos validasi akan kembali ke form penambahan data dan menampilkan error message. 3.3.2.6 Activity Diagram Mengelola Data User (Edit) Gambar 3.9. Activity Diagram Mengelola Data User (Edit)
43 Tabel 3.15. Deskripsi activity diagram Mengelola Data User (Edit) Nama Aktor Deskripsi Mengelola Data User (Edit) Super Admin a) Super Admin membuka aplikasi kemudian melakukan Login kedalam aplikasi web, setelah berhasil sistem menampilkan halaman utama. b) Selanjutnya Super Admin pilih menu user dan aplikasi web akan menampilkan halaman list user. c) Super Admin klik tombol ubah data pada salah satu data dan akan muncul form ubah data user. d) Setelah data sudah diubah klik tombol submit dan akan melewati proses cek validasi data user. Jika lolos validasi maka data perubahan akan disimpan, jika tidak lolos validasi akan kembali ke form ubah data user dan menampilkan error message. 3.3.2.7 Activity Diagram Mengelola Data User (Delete) Gambar 3.10. Activity Diagram Mengelola Data User (Delete)
44 Tabel 3.16. Deskripsi activity diagram Mengelola Data User (Delete) Nama Aktor Deskripsi Mengelola Data User (Delete) Super Admin a) Super Admin membuka aplikasi kemudian melakukan Login kedalam aplikasi web, setelah berhasil sistem menampilkan halaman utama. b) Selanjutnya Super Admin pilih menu user dan aplikasi web akan menampilkan halaman list user. c) Super Admin klik tombol hapus data pada salah satu data dan akan muncul form hapus data user. d) Setelah data sudah dipastikan mau dihapus klik tombol hapus dan akan melewati proses cek validasi delete data user. Jika lolos validasi maka data akan disimpan perubahannya/dihapus, jika tidak lolos validasi akan kembali ke form hapus data user dan menampilkan error message. 3.3.2.8 Activity Diagram Melihat Data Role Gambar 3.11. Activity Diagram Melihat Data Role Tabel 3.17. Deskripsi activity diagram Melihat Data Role Nama Aktor Deskripsi Melihat Data Role Super Admin Super Admin membuka aplikasi kemudian melakukan Login kedalam aplikasi web, setelah berhasil sistem menampilkan halaman utama. Selanjutnya Super Admin pilih menu role dan aplikasi web akan menampilkan halaman list role yang bisa mengakses aplikasi web.
45 3.3.2.9 Activity Diagram Melihat Data Bank Gambar 3.12. Activity Diagram Melihat Data Bank Tabel 3.18. Deskripsi activity diagram Melihat Data Bank Nama Aktor Deskripsi Melihat Data Bank Super Admin, Admin Super Admin, Admin membuka aplikasi kemudian melakukan Login kedalam aplikasi web, setelah berhasil sistem menampilkan halaman utama. Selanjutnya pilih menu bank dan aplikasi web akan menampilkan halaman list bank yang digunakan aplikasi mobile.
46 3.3.2.10 Activity Diagram Mengelola Data Bank (Input) Gambar 3.13. Activity Diagram Mengelola Data Bank (Input) Tabel 3.19. Deskripsi activity diagram Mengelola Data Bank (Input) Nama Aktor Deskripsi Mengelola Data Bank (Input) Super Admin, Admin a) Super Admin, Admin membuka aplikasi kemudian melakukan Login kedalam aplikasi web, setelah berhasil sistem menampilkan halaman utama. b) Selanjutnya pilih menu bank dan aplikasi web akan menampilkan halaman list bank. c) Klik tombol tambah data dan akan muncul form penambahan data bank baru.
47 d) Setelah form sudah diisi klik tombol submit dan akan melewati proses cek validasi data bank. Jika lolos validasi maka data akan disimpan, jika tidak lolos validasi akan kembali ke form penambahan data dan menampilkan error message. 3.3.2.11 Activity Diagram Mengelola Data Bank (Edit) Gambar 3.14. Activity Diagram Mengelola Data Bank (Edit) Tabel 3.20. Deskripsi activity diagram Mengelola Data Bank (Edit) Nama Aktor Deskripsi Mengelola Data Bank (Edit) Super Admin, Admin a) Super Admin, Admin membuka aplikasi kemudian melakukan Login kedalam aplikasi web, setelah berhasil sistem menampilkan halaman utama. b) Selanjutnya pilih menu bank dan aplikasi web akan menampilkan
48 halaman list bank. c) Super Admin, Admin klik tombol ubah data pada salah satu data dan akan muncul form ubah data bank. d) Setelah data sudah diubah klik tombol submit dan akan melewati proses cek validasi data bank. Jika lolos validasi maka data perubahan akan disimpan, jika tidak lolos validasi akan kembali ke form ubah data bank dan menampilkan error message. 3.3.2.12 Activity Diagram Mengelola Data Bank (Delete) Gambar 3.15. Activity Diagram Mengelola Data Bank (Delete) Tabel 3.21. Deskripsi activity diagram Mengelola Data Bank (Delete) Nama Aktor Mengelola Data Bank (Delete) Super Admin, Admin
49 Deskripsi a) Super Admin, Admin membuka aplikasi kemudian melakukan Login kedalam aplikasi web, setelah berhasil sistem menampilkan halaman utama. b) Selanjutnya pilih menu bank dan aplikasi web akan menampilkan halaman list bank. c) Super Admin, Admin klik tombol hapus data pada salah satu data dan akan muncul form hapus data bank. d) Setelah data sudah dipastikan mau dihapus klik tombol hapus dan akan melewati proses cek validasi delete data bank. Jika lolos validasi maka data akan disimpan perubahannya (dihapus), jika tidak lolos validasi akan kembali ke form hapus data bank dan menampilkan error message. 3.3.2.13 Activity Diagram Melihat Data Lokasi Gambar 3.16. Activity Diagram Melihat Data Lokasi Tabel 3.22. Deskripsi activity diagram Melihat Data Lokasi Nama Aktor Deskripsi Melihat Data Lokasi Super Admin, Admin Super Admin, Admin membuka aplikasi kemudian melakukan Login kedalam aplikasi web, setelah berhasil sistem menampilkan halaman utama. Selanjutnya Super Admin, Admin pilih menu lokasi dan aplikasi web akan menampilkan halaman list lokasi yang akan ditampilkan oleh aplikasi mobile.
50 3.3.2.14 Activity Diagram Mengelola Data Lokasi (Input) Gambar 3.17. Activity Diagram Mengelola Data Lokasi (Input) Tabel 3.23. Deskripsi activity diagram Mengelola Data Lokasi (Input) Nama Aktor Deskripsi Mengelola Data Lokasi (Input) Super Admin, Admin a) Super Admin, Admin membuka aplikasi kemudian melakukan Login kedalam aplikasi, setelah berhasil sistem menampilkan halaman utama. b) Selanjutnya pilih menu lokasi dan aplikasi web akan menampilkan halaman list lokasi. c) Klik tombol tambah data dan akan muncul form penambahan data lokasi baru. d) Setelah form sudah diisi klik tombol submit dan akan melewati proses cek validasi data lokasi. Jika lolos validasi maka data akan
51 disimpan, jika tidak lolos validasi akan kembali ke form penambahan data dan menampilkan error message. 3.3.2.15 Activity Diagram Mengelola Data Lokasi (Edit) Gambar 3.18. Activity Diagram Mengelola Data Lokasi (Edit) Tabel 3.24. Deskripsi activity diagram Mengelola Data Lokasi (Edit) Nama Aktor Deskripsi Mengelola Data Lokasi (Edit) Super Admin, Admin a) Super Admin, Admin membuka aplikasi kemudian melakukan Login kedalam aplikasi, setelah berhasil sistem menampilkan halaman utama. b) Selanjutnya pilih menu lokasi dan aplikasi web akan menampilkan
52 halaman list lokasi. c) Klik tombol ubah data pada salah satu data dan akan muncul form ubah data lokasi. d) Setelah data sudah diubah klik tombol submit dan akan melewati proses cek validasi data lokasi. Jika lolos validasi maka data perubahan akan disimpan, jika tidak lolos validasi akan kembali ke form ubah data lokasi dan menampilkan error message. 3.3.2.16 Activity Diagram Mengelola Data Lokasi (Delete) Gambar 3.19. Activity Diagram Mengelola Data Lokasi (Delete) Tabel 3.25. Deskripsi activity diagram Mengelola Data Lokasi (Delete) Nama Aktor Mengelola Data Lokasi (Delete) Super Admin, Admin
53 Deskripsi a) Super Admin, Admin membuka aplikasi kemudian melakukan Login kedalam aplikasi, setelah berhasil sistem menampilkan halaman utama. b) Selanjutnya pilih menu lokasi dan aplikasi web akan menampilkan halaman list lokasi. c) Super Admin klik tombol hapus data pada salah satu data dan akan muncul form hapus data lokasi. d) Setelah data sudah dipastikan mau dihapus klik tombol hapus dan akan melewati proses cek validasi delete data lokasi. Jika lolos validasi maka data akan disimpan perubahannya (dihapus), jika tidak lolos validasi akan kembali ke form hapus data lokasi dan menampilkan error message. 3.3.3 Sequence Diagram Sequence diagram memperlihatkan atau menampilkan interaksi-interaksi antar objek di dalam sistem yang dibuat yang disusun pada sebuah urutan. Dalam diagram ini digambarkan secara detil apa saja yang dilakukan sistem agar proses pembentukan data bisa sesuai dengan yang diharapkan. Berikut beberapa proses sequence diagram berbasis dari activity diagram yang digunakan dalam sistem. 3.3.3.1 Sequence Diagram Mencari Informasi ATM Terdekat Gambar 3.20. Sequence Diagram Mencari Informasi ATM Terdekat
54 3.3.3.2 Sequence Diagram Melihat Rute Menuju ATM Yang Dipilih Gambar 3.21. Sequence Diagram Melihat Rute Menuju ATM Yang Dipilih 3.3.3.3 Sequence Diagram Login Gambar 3.22. Sequence Diagram Login
55 3.3.3.4 Sequence Diagram Melihat Data User Gambar 3.23. Sequence Melihat Data User 3.3.3.5 Sequence Diagram Mengelola Data User (Input) Gambar 3.24. Sequence Mengelola Data User (Input)
56 3.3.3.6 Sequence Diagram Mengelola Data User (Edit) Gambar 3.25. Sequence Mengelola Data User (Edit) 3.3.3.7 Sequence Diagram Mengelola Data User (Delete) Gambar 3.26. Sequence Mengelola Data User (Delete)
57 3.3.3.8 Sequence Diagram Melihat Data Role Gambar 3.27. Sequence Melihat Data Role 3.3.3.9 Sequence Diagram Melihat Data Bank Gambar 3.28. Sequence Melihat Data Bank
58 3.3.3.10 Sequence Diagram Mengelola Data Bank (Input) Gambar 3.29. Sequence Mengelola Data Bank (Input) 3.3.3.11 Sequence Diagram Mengelola Data Bank (Edit) Gambar 3.30. Sequence Mengelola Data Bank (Edit)
59 3.3.3.12 Sequence Diagram Mengelola Data Bank (Delete) Gambar 3.31. Sequence Mengelola Data Bank (Delete) 3.3.3.13 Sequence Diagram Melihat Data Lokasi Gambar 3.32. Sequence Melihat Data Lokasi
60 3.3.3.14 Sequence Diagram Mengelola Data Lokasi (Input) Gambar 3.33. Sequence Mengelola Data Lokasi (Input) 3.3.3.15 Sequence Diagram Mengelola Data Lokasi (Edit) Gambar 3.34. Sequence Mengelola Data Lokasi (Edit)
61 3.3.3.16 Sequence Diagram Mengelola Data Lokasi (Delete) 3.3.4 Class Diagram Gambar 3.35. Sequence Mengelola Data Lokasi (Delete) Dalam pembuatan laporan dan halaman yang ada di aplikasi, dibutuhkan classclass yang mengkondisikan semua data yang ada di aplikasi. Dalam class diagram juga digambarkan relasi-relasi antar class untuk mendapatkan hasil yang sesuai dengan kententuan yang ada di activity dan sequence. Berikut adalah class diagram yang digunakan oleh aplikasi ini : Gambar 3.36. Class Diagram Aplikasi Pencarian ATM Terdekat
62 3.4 PIECES Kerangka PIECES digunakan untuk mengkategorikan permasalahan yang ditemukan sesuai dengan apa yang ditemukan pada saat pengumpulan informasi. Berikut ini beberapa permasalahan yang muncul dalam proses pencarian ATM terdekat. 3.4.1 Performance (Analisis Kinerja System) Kinerja merupakan bagian dari pendukung dalam kelancaran suatu proses aplikasi. Masalah yang ditemukan adalah nasabah mengalami kesulian mencari atm terdekat yang dia butuhkan ketika berada di daerah yang tidak dikenal. Dengan adanya aplikasi ini diharapkan pencapaian tujuan untuk memudahkan dalam mencari lokasi ATM terdekat (dari lokasi user / nasabah). 3.4.2 Information (Analisis Informasi) Informasi merupakan hal penting karena dengan informasi nasabah dapat mengetahui tentang informasi ATM. Nasabah tidak tahu di sekitarnya terdapat ATM apa saja. Dengan adanya aplikasi ini memudahkan mencari informasi lokasi ATM terdekat (dari lokasi user / nasabah). 3.4.3 Economy (Analisis Ekonomi) Dari segini ekonomi aplikasi pencarian ATM terdekat ini dapat membantu mengurangi biaya bagi nasabah dalam mencari ATM di lokasi yang tidak dikenal. Salah satu contoh kasusnya adalah biaya untuk transportasi dalam mencari ATM. 3.4.4 Control (Analisis Pengendalian) Analisis ini digunakan untuk membandingkan sistem yang dianalisis berdasarkan pada segi ketepatan waktu, kemudahan akses, dan ketelitian data yang diproses. Dengan web admin controlling lokasi ATM dari pihak Bank, agar bisa di-monitoring dengan mudah. 3.4.5 Efficiency (Analisis Efisiensi) Efisiensi berhubungan dengan bagaimana sumber tersebut dapat digunakan secara optimal. Nasabah akan menghabiskan waktu untuk mencari ATM yang dibutuhkan secara
63 manual tanpa aplikasi. Dengan aplikasi ini bisa membantu efisiensi waktu dan tenaga bagi nasabah. 3.4.6 Service (Analisis Pelayanan) Aplikasi ini memberikan kemudahan layanan untuk mencari lokasi ATM bagi nasabah. Layanan yang bisa diberikan seperti : a) Memberi informasi lokasi atm terdekat. b) Memberi fitur filter pencarian berdasarkan bank dari atm yang ingin dicari. c) Memberi fitur filter pencarian berdasarkan jenis atm (tunai, non tunai, cash deposit machine). 3.5 Database Dari hasil rancangan class diagram, maka selanjutnya adalah pembuatan database. Database yang dibuat diberi nama nearest_atm. Database ini terdiri dari beberapa tabel, yaitu tabel bank, location, banks_location, user, role, user_roles. Berikut penjelasan dari tabel-tabel tersebut : Tabel 3.26. Struktur Tabel Bank Nama Field Tipe Data Panjang Keterangan id (PK) Integer 11 Berisi id auto increament dari bank. Ketika data bank dimasukkan ke dalam aplikasi akan otomatis dihasilkan id yang berurutan dari data sebelumnya yang ada di tabel tersebut. name Varchar 15 Berisi nama dari bank. status Varchar 4 Berisi status dari data bank. created_by Varchar 15 Berisi nama user yang membuat data. edited_by Varchar 15 Berisi nama user yang mengedit data. Tabel 3.27. Struktur Tabel Location Nama Field Tipe Data Panjang Keterangan id (PK) Integer 11 Berisi id auto increament dari location. Ketika data location dimasukkan ke dalam aplikasi akan otomatis dihasilkan id yang berurutan dari data sebelumnya yang ada di tabel tersebut. location Varchar 255 Berisi location dari bank atau atm. latitude Varchar 255 Berisi koordinat garis lintang. longitude Varchar 255 Berisi koordinat garis bujur. type Varchar 255 Berisi tipe dari data lokasi tersebut, ex :
64 Nama Field Tipe Data Panjang Keterangan bank, atm tunai, atm non tunai, dan lain-lain. status Varchar 4 Berisi status dari data bank. created_by Varchar 15 Berisi nama user yang membuat data. edited_by Varchar 15 Berisi nama user yang mengedit data. Tabel 3.28. Struktur Tabel Banks_Location Nama Field Tipe Data Panjang Keterangan location_id (FK) Integer 11 Berisi id / primary key dari tabel location. bank_id (FK) Integer 11 Berisi id / primary key dari tabel bank. Tabel 3.29. Struktur Tabel User Nama Field Tipe Data Panjang Keterangan username (PK) Varchar 15 Berisi username yang digunakan untuk login ke dalam aplikasi Password Varchar 32 Berisi password yang digunakan untuk login ke dalam aplikasi, di enkripsi dengan md5. is_enabled Boolean 1 Berisi status dari user yang digunakan untuk cek akses login ke dalam aplikasi. Status Varchar 4 Berisi status dari user. created_by Varchar 15 Berisi nama user yang membuat data. edited_by Varchar 15 Berisi nama user yang mengedit data. Tabel 3.30. Struktur Tabel Role Nama Field Tipe Data Panjang Keterangan id (PK) Integer 11 Berisi id auto increament dari role. Ketika data role dimasukkan ke dalam aplikasi akan otomatis dihasilkan id yang berurutan dari data sebelumnya yang ada di tabel tersebut. role Varchar 255 Berisi nama dari role. status Varchar 4 Berisi status dari role. created_by Varchar 15 Berisi nama user yang membuat data edited_by Varchar 15 Berisi nama user yang mengedit data Tabel 3.31. Struktur Tabel User_Roles Nama Field Tipe Data Panjang Keterangan user_id (FK) Varchar 15 Berisi id / primary key dari tabel user. role_id (FK) Integer 11 Berisi id / primary key dari tabel role. 3.6 Desain User Interface (UI) Dalam rancangan aplikasi ini ada dua versi yaitu web dan mobile aplikasi. Aplikasi web berfungsi sebagai aplikasi yang digunakan oleh admin untuk input data-data master yang akan digunakan oleh aplikasi mobile. Sedangkan aplikasi mobile adalah aplikasi
65 yang akan digunakan langsung oleh user/nasabah. Tampilan web dan mobile akan berbeda, gambaran untuk desain UI nya adalah sebagai berikut : 3.6.1 Tampilan Web 3.7.1.1 Tampilan Login 3.7.1.2 Tampilan Home Gambar 3.37. Tampilan Login Gambar 3.38. Tampilan Home
66 3.7.1.3 Tampilan List ATM 3.7.1.4 Tampilan Tambah ATM Gambar 3.39. Tampilan List ATM 3.7.1.5 Tampilan Hapus ATM Gambar 3.40. Tampilan Tambah ATM Gambar 3.41. Tampilan Hapus ATM
67 3.7.1.6 Tampilan List Bank 3.7.1.7 Tampilan Tambah Bank Gambar 3.42. Tampilan List Bank 3.7.1.8 Tampilan Hapus Bank Gambar 3.43. Tampilan Tambah Bank Gambar 3.44. Tampilan Hapus Bank
68 3.7.1.9 Tampilan List Role Gambar 3.45. Tampilan List Role 3.7.1.10 Tampilan List User 3.7.1.11 Tampilan Tambah User Gambar 3.46. Tampilan List User Gambar 3.47. Tampilan Tambah User
69 3.7.1.12 Tampilan Hapus User 3.6.2 Tampilan Mobile Gambar 3.48. Tampilan Hapus User 3.7.1.13 Tampilan Splash Screen Gambar 3.49. Tampilan Splash Screen
70 3.7.1.14 Tampilan Check GPS Gambar 3.50. Tampilan Check GPS 3.7.1.15 Tampilan Utama / Home Gambar 3.51. Tampilan Utama / Home
71 3.7.1.16 Tampilan Filter Pencarian Gambar 3.52. Tampilan Filter Pencarian