BAB III ANALISIS DAN PERANCANGAN SISTEM. Penelitian ini akan menghasilkan suatu aplikasi yang. digunakan untuk menemukan lokasi hotel terdekat dan

Transkripsi

1 BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 Analisis Sistem Penelitian ini akan menghasilkan suatu aplikasi yang digunakan untuk menemukan lokasi hotel terdekat dan menempilkan informasi mengenai hotel yang telah disediakan. Kebutuhan sistem ialah sebagai berikut : 1. Sistem terhubung dengan GPS dari perangkat android pengguna. 2. Sistem akan terkoneksi ke server database melalui koneksi internet dari perangkan mobile pengguna. 3. Sistem akan memberikan informasi yang dibutuhkan oleh pengguna Analisis Kebutuhan Untuk menyediakan aplikasi yang dapat memberikan informasi yang lengkap, maka dibutuhkan komponen penunjang didalam aplikasi. 1. Input Sistem a. Input data mengenai koordinat lokasi dari hotel 7

2 8 b. Input data mengenai deskripsi hotel 2. Output Sistem a. Informasi mengenai deskripsi hotel b. Titik lokasi hotel pada google maps c. Direction dari lokasi pengguna ke lokasi hotel yang dituju Perangkat lunak Perangkat lunak merupakan alat penunjang untuk membangun aplikasi. Perangkat lunak yang digunakan untuk membangun aplikasi ini ialah : a. Windows 8.1 Pro 64bit sebagai sistem operasi b. IDE Android Studio c. JDK d. Android SDK, sebagai development kit aplikasi e. Android Development Plugin f. Android Virtual Device g. Dia h. Rational Rose i. Idhostinger

3 Perangkat keras Perangkat keras yaitu peralatan komputer yang secara fisik yang berfungsi untuk membuat aplikasi. Sistem perangkat keras terdiri dari bagian input, bagian proses, bagian output dan bagian untuk melakukan percobaan aplikasi. Perangkat keras yang dibutuhkan ialah : a. Laptop ASUS K43SA dengan processor Intel Core i3-2330m CPU 2.20GHz b. RAM (Random Access Memory) 4 Gigabyte DDR3 c. VGA (Video Graphics Array) 2 Gigabyte AMD Radeon HD 6730M d. Harddisk 600 Gigabyte e. Tablet Acer Iconia A1-811 sebagai media melakukan percobaan aplikasi

4 Alur Kerja Sistem Gambar 3.1 Alur kerja Sistem Pada Gambar 3.1 menunjukan alur kerja dari sistem, dimana ketika pengguna ingin mencari lokasi hotel maka layanan google maps akan mengambil titik koordinat lokasi pengakses dari perangkat pengguna dan perangkat pengguna harus terhubung dengan koneksi internet, kemudian aplikasi akan mengambil koordinat lokasi hotel di server database, kemudian aplikasi akan mengirim kembali data koordinat lokasi hotel ke layanan google maps dan pada proses akhir akan dilakukan perhitungan mengenai jarak lokasi hotel dengan lokasi pengguna serta dilakukan penyaringan bagi hotel yang jaraknya tidak lebih dari 2 kilometer dari lokasi pengguna.

5 11 Untuk proses pengambahan data hotel, aplikasi akan mengambil koordinat lokasi hotel, kemudian penguna akan memasukan data-data yang diperlukan dan aplikasi mengirimkan data tersebut ke server database. 3.2 Perancangan Sistem Perancangan yang digunakan untuk merancang sistem ini menggunakan UML (Unified Modelling Language), yang merupakan metode pemodelan berorientasi objek. Diagram UML yang digunakan untuk perancangan ini adalah use case diagram, sequence diagram, activity diagram Use Case Diagram Use case diagram merupakan pemodelan untuk menggambarkan kelakuan dari sistem yang dibuat dan mendeskripsikan sebuah interaksi antara satu atau lebih aktor dengan sistem yang dibuat serta digunakan untuk mengetahui fungsi apa saja yang ada didalam sebuah sistem dan siapa saja yang berhak menggunakan fungsi-fungsi tersebut. Pada gambar 3.2, digambarkan mengenai use case diagram dari sistem yang dibuat dimana terdapat 2 aktor yaitu pengguna dan pengelola. Aktor pengguna memiiki hak untuk

6 12 melihat data-data mengenai lokasi hotel dan informasi mengenai hotel yang ingin dituju, sendangkan untuk pengelola ialah aktor yang dapat menambahkan data lokasi baru dan disistem ini, pengguna juga dapat menjadi pengelola. Gambar 3.2 Use Case Diagram Sequence Diagram Sequence diagram ialah diagram yang digunakan untuk menggambarkan interaksi antar objek dan komunikasi diantara objek-objek tersebut, juga digunakan untuk menggambarkan prilaku dari sebuah skenario, memberikan kejelasan sejumlah objek dan pesan-pesan yang diletakan diantaranya. Squence diagram berfungsi untuk memberikan gambaran detail dari setiap use case diagram.

7 13 Pengguna Aplikasi Database Server Google Maps Pilih pencarian meminta data google maps mengirim data google maps meminta koordinat lokasi hotel mengirim koordinat lokasi hotel meminta data antar jarak lokasi hotel dengan pengguna menampilkan titik koordinat lokasi hotel mengirim data jarak lokasi hotel dengan pengguna memilih hotel meminta data hotel mengirim data hotel menampilkan informasi hotel memilih menampilkan dimap meminta data google maps mengirim data google maps menampilkan jalur lokasi hotel Gambar 3.3 Sequence Diagram Autosearch Gambar 3.3 menjelaskan, pertama pengguna akan membuka aplikasi dan aplikasi akan menampilkan menu utama, kemudian pengguna akan memilih melakukan pencarian otomatis, saat itu aplikasi akan meminta data mengenai google maps pada server google maps seperti data mengenai pemetaan daerah, nama jalan, lokasi pengguna dan nama daerah, kemudian data ini akan dikembalikan pada google maps yang ada didalam aplikasi pengguna. Kemudian aplikasi akan meminta seluruh data koordinat lokasi hotel pada database dan mengirim

8 14 data koordinat lokasi ke server google maps untuk dilakukan penghitungan mengenai jarak antara lokasi hotel dengan lokasi akses pengguna, setelah itu akan dilakukan filter untuk menampilkan hotel yang terdekat dengan pengguna yang diasumsikan hanya menampilkan hotel dengan radius maksimal 2 kilometer dari lokasi pengguna. Setelah penghitungan selesai maka aplikasi akan menampilkan koordinat hotel. Jika pengguna menginginkan informasi hotel yang ingin dituju, maka pengguna dapat memilih hotel yang ingin dituju dan aplikasi akan meminta data mengenai deskripsi hotel ke database dan kembali menampilkan informasi hotel pada pengguna. Pengguna dapat memilih menampilkan lokasi hotel di map, maka aplikasi akan meminta data google maps ke server google maps, kemudian server akan mengirimkan data google maps dan aplikasi akan menampilkan jalur lokasi hotel yang dipilih.

9 15 Pengguna Aplikasi Database Server Google Maps pilih pencarian menampilkan jenis pencarian pilih jenis pencarian mengirim data jenis pencarian mengirim hasil pencarian menampilkan hasil pencarian memilih hotel hasil pencarian mengirim data hotel yang dipilih mengirim data hotel menampilkan informasi hotel memilih menampilkan di map meminta data google maps mengirim data google maps menampilkan jalur lokasi hotel Gambar 3.4 Sequence Diagram Manual Search Pada gambar 3.4 dijelaskan proses untuk melakukan pencarian manual, yaitu pencarian berdasarkan kondisi tertentu, dengan contoh pengguna ingin mencari hotel dengan harga termurah, atau pengguna ingin mencari hotel dengan nama tertentu. Proses yang pertama dilakukan ialah, pengguna memilih menu pencarian manual, kemudian memilih kondisi pencarian yang diinginkan, setelah memilih aplikasi akan mengirimkan

10 16 kondisi pencarian yang dipilih pengguna ke database dan database akan mengirimkan data sesuai kondisi yang dipilih, kemudian aplikasi akan menampilkan hasil pencarian. Pengguna dapat memilih hasil pencarian hotel yang sesuai, kemudian akan ditampilkan informasi hotel yang dipilih pengguna. Pengguna dapat memilih menampilkan lokasi hotel di map, maka aplikasi akan meminta data google maps ke server google maps, kemudian server akan mengirimkan data google maps dan aplikasi akan menampilkan jalur lokasi hotel yang dipilih. pengguna aplikasi database memilih menu tambah data menampilkan halaman login memilih menu belum punya akun menampilkan form pendaftaran memasukan data pengguna mengirim data pengguna menyimpan data pengguna menampilkan halaman utama Gambar 3.5 Sequence Diagram Pendaftaran Gambar 3.5 menjelaskan proses pendaftaran. Proses ini digunakan untuk pengguna yang ingin menambahkan lokasi hotel baru dimana prosesnya dimulai dari pengguna memilih menu tambah data, kemudian aplikasi menampilkan halaman login, jika pengguna belum mendaftar sebelumnya maka

11 17 pengguna akan memilih menu belum punya akun, kemudian aplikasi menampilkan form pendaftaran, selanjutnya pengguna memasukan data pengguna dan apikasi mengirim data pengguna ke-database, kemudian akan dilakukan pengecekan didatabase apakah pengguna sudah pernah mendaftar sebelumnya, dan selanjutnya aplikasi akan menampilkan halaman utama. pengguna aplikasi database pilih menu tambah data menampilkan halaman login masukan dan password mengirim data cek data mengirim data password validasi menampilkan halaman tambah data masukan data hotel mengirim data hotel simpan data menampilkan menu utama Gambar 3.6 Sequence Diagram Login dan Tambah Data Hotel Gambar 3.6 ialah proses penambahan data lokasi hotel baru. Pertama pengguna memilih menu tambah data, kemudian aplikasi menampilkan menu login. Pengguna memasukan dan password dan aplikasi mengirim data ke-database, didalam database dilakukan pengecekan data , setelah

12 18 pengecekan maka aplikasi akan menerima data password sesuai dengan yang telah dimasukan pengguna dari database, kemudian akan dilakukan validasi didalam aplikasi untukmengecek apakah password dari pengguna sesuai. Setelah validasi maka aplikasi enampilkan halama tambah data dan pengguna memasukan data hotel, kemudian aplikasi mengirim data ke-database dan database melakukan penyimpanan data hotel. Aplikasi menampilkan halaman utama Activity Diagram membuka aplikasi memilih pencarian otomatis memilih pencarian manual mendaftar menambah data baru tidak ada ada memilih hotel tidak ada memilih jenis pencarian ada memasukan data pengguna sudah terdaftar belum terdaftar login berhasil gagal melihat informasi memilih hasil pencarian kirim ke database masukan data hotel menampilkan lokasi digoogle maps gagal berhasil simpan ke database gagal berhasil Gambar 3.7 Activity Diagram

13 19 Pada gambar 3.7 dijelaskan alur activity dari seluruh proses pada aplikasi dimana untuk melakukan pencarian otomatis maka pengguna memilih menu pencarian otomatis, jika ada hotel disekitar lokasi pengguna maka aplikasi akan menampilkan koordinat, selajutnya pengguna dapat memilih hotel untuk melihat informasi hotel dan dapat menampilkan jalur lokasi hotel digoogle maps. Untuk pencarian manual, pengguna memilih menu pencarian manual, kemudian memilih jenis pencarian, jika hasil pencarian ada maka pengguna datap memilih hotel, melihat informasi dan menampilkan jalur lokasi hotel. Proses ketiga ialah pendaftaran, jika sudah pernah mendaftar sebelumnya maka akan langsung masuk ke menu login, jika belum, maka pengguna akan memasukan data pengguna dan dikimim ke database, saat proses penyimpanan akan dilakukan valdasi, apakah data yang dimasukan sudah ada atau belum, jika belum maka akan disimpan dan proses selesai, jika belum maka akan kembali ke proses login. Proses terakhir ialah menambah data baru, pengguna harus login terlebih dahulu, jikalau berhasil login, maka pengguna dapat memasukan data lokasi baru, kemudian data

14 20 akan disiman di database, jika berhasil maka proses selesai, jika gagal, akan kembali ke halaman untuk memasukan data kembali. 3.3 Perancangan Basis Data Relasi Tabel Gambar 3.8 Relasi Tabel Dalam sistem ini digunakan dua tabel yaitu tabel hotel untuk menampung data mengenai hotel dan tabel pengelola untuk menampung data pengelola Perancangan Tabel Pada aplikasi pencarian hotel dibutuhkan tabel dengan deskripsi sebagai berikut :

15 Tabel Hotel Nama Tabel Foreign key Fungsi : Hotel : Kd_hotel : Menyimpan data hotel Tabel 3.1 Tabel Hotel No Nama Field Tipe Data Panjang Keterangan 1 Kd_hotel Varchar 10 Kode hotel 2 Varchar 50 pengelola 3 KoordinatX Varchar 50 Koordinat latitude hotel 4 KoordinatY Varchar 50 Koordinat longitude hotel 5 Nama_hotel Varchar 50 Nama hotel 6 Deskripsi Varchar 1000 Deskripsi hotel 7 No_telpon Int Nomor telpon hotel 8 Alamat varchar 100 Alamat hotel 9 Website Varchar 50 Website hotel 10 Gambar Varchar 50 Gambar hotel 11 Harga_terendah Int Harga kamar terendah Tabel Pengelola Nama Tabel Primary Key Fungsi : Pengelola : Menyimpan data Pengelola

16 22 Tabel 3.2 Tabel Pengelola No Nama Field Tipe Data Panjang Keterangan 1 Varchar 50 pengelola 2 Nama Depan Varchar 50 Nama depan pengelola 3 Nama Belakang Varchar 50 Nama belakang pengelola 4 No_telpon Int Nomor telpon pengelola 5 Password Varchar 50 Password pengelola 6 alamat varchar 100 Alamat pengelola 3.4 Rancangan Tampilan(Interface) Interface merupakan tampilan yang dibuat agar memudahkan komunikasi antara pengguna dan sistem aplikasi. Perancangan tampilannya sendiri dibuat se-sederhana mungkin guna memberikan kemudahan untuk pengguna dalam mengakses suatu menu atau menerima informasi sehingga dapat mengurangi tingkat kebinggungan pengguna dalam menggunakan aplikasi Rancangan Tampilan Splashscreen Splashscreen merupakan tampilan pertama saat pengguna membuka aplikasi, splashscreen pada umumnya

17 23 menampilkan judul dari aplikas yang dibuka dan diberi waktu beberapa saat untuk menampilkan judul tersebut kemudian baru masuk pada tampilan utama dari aplikasi. Gambar 3.9 Rancangan Tampilan Splashscreen Rancangan Tampilan Halaman Utama Halaman utama berisi menu-menu untuk mengakses seluruh fasilitas dari aplikasi, seperti menu untuk melakukan pencarian secara otomatis, menu pencarian manual dengan filter pencarian, menu tambah data untuk melakukan penambahan data mengenai lokasi hotel baru dan menu untuk keluar. Gambar 3.10 Rancangan Tampilan Halaman Utama

18 Rancangan Tampilan Halaman Autosearch Pada rancangan tampilan ini akan menampilkan maps dan titik koordinat lokasi hotel terdekat dengan lokasi akses pengguna. Gambar 3.11 Rancangan Tampilan Halaman Autosearch Rancangan Tampilan Manual Search Rancangan tampilan ini berisi checkbox untuk memilih jenis(filter) pencarian yang diinginkan, bisa berdasarkan nama atau harga, kemudian textfield untuk memasukan kondisi pencarian dan listview untuk menampung hasil pencarian.

19 25 Gambar 3.12 Rancangan Tampilan Manual Search Rancangan Tampilan Login Halaman login digunakan untuk memvalidasi pengguna sebelum pengguna memasukan data hotel baru. Halaman ini berisi dua textfield untuk menampung dan password dan dua tombol untuk login dan untuk mendaftar jika pengguna belum mendaftar sebelumnya. Gambar 3.13 Rancangan Tampilan Halaman Login

20 Rancangan Halaman Pendaftaran Halaman ini digunakan untuk melakukan pendaftaran sebelum pengguna diberikan akses untuk menambahkan data hotel baru, dimana terdapat enam textfield untuk menampung data pengguna dan tombol untuk mendaftar. Gambar 3.14 Rancangan Halaman Pendaftaran Rancangan Halaman Tambah Data Pada halaman ini terdapat delapan textfield untuk menampung data mengenai hotel dan dua tombol untuk memasukan gambar hotel serta untuk melakukan penyimpanan data hotel.

21 27 Gambar 3.15 Rancangan Halaman Tambah Data Rancangan Halaman Deskripsi Halaman ini digunakan untuk menampilkan informasi mengenai hotel yang dipilih dimana terdapat image view untuk menampilkan gambar hotel, textview untuk menampilkan deskripsi hotel dan tiga tombol yaitu tombol untuk menampilkan jalur lokasi hotel pada map, tombol untuk melakukan panggilan telpon ke-pihak hotel dan tombol untuk mengakses website hotel. Gambar 3.16 Rancangan Halaman Deskripsi