7

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.

3.1.1 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

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

3.1.2 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 0.8.6

c. JDK 1.7.0

d. Android SDK, sebagai development kit aplikasi

e. Android Development Plugin

f. Android Virtual Device

g. Dia

h. Rational Rose

i. Idhostinger

9

3.1.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

10

3.1.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.

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.

3.2.1 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

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

3.2.2 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.

13

menampilkan jalur lokasi hotel

PenggunaPengguna AplikasiAplikasi DatabaseDatabase Server Google

Maps

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

mengirim data jarak lokasi hotel dengan pengguna

menampilkan titik koordinat

lokasi hotel

memilih hotel

meminta data hotel

mengirim data hotel

menampilkan informasi hotel

memilih menampilkan dimap

meminta data google maps

mengirim data google maps

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

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.

15

menampilkan jalur lokasi hotel

PenggunaPengguna AplikasiAplikasi DatabaseDatabase Server Google

Maps

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

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

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.

penggunapengguna aplikasiaplikasi databasedatabase

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

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.

penggunapengguna aplikasiaplikasi databasedatabase

pilih menu tambah data

menampilkan halaman login

masukan email dan password

mengirim data email

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 email

dan password dan aplikasi mengirim data email ke-database,

didalam database dilakukan pengecekan data email, setelah

18

pengecekan maka aplikasi akan menerima data password sesuai

dengan email yang telah dimasukan pengguna dari database,

kemudian akan dilakukan validasi didalam aplikasi

untukmengecek apakah password dari email 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.

3.2.3 Activity Diagram

membuka

aplikasi

memilih pencarian

otomatismemilih pencarian

manual

mendaftar menambah

data baru

memilih hotel

ada

tidak ada

melihat

informasi

memilih jenis

pencarian

memilih hasil

pencarian

ada

tidak ada

menampilkan lokasi

digoogle maps

login

memasukan

data pengguna

belum terdaftar

sudah terdaftar

kirim ke

database

berhasil

gagal

masukan data

hotel

simpan ke

database

berhasil

gagal

berhasil

gagal

Gambar 3.7 Activity Diagram

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

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

3.3.1 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.

3.3.2 Perancangan Tabel

Pada aplikasi pencarian hotel dibutuhkan tabel dengan

deskripsi sebagai berikut :

21

3.3.2.1 Tabel Hotel

Nama Tabel : Hotel

Foreign key : Kd_hotel

Fungsi : Menyimpan data hotel

Tabel 3.1 Tabel Hotel

No Nama Field Tipe Data Panjang Keterangan

1 Kd_hotel Varchar 10 Kode hotel

2 Email Varchar 50 Email 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

3.3.2.2 Tabel Pengelola

Nama Tabel : Pengelola

Primary Key : Email

Fungsi : Menyimpan data Pengelola

22

Tabel 3.2 Tabel Pengelola

No Nama Field Tipe Data Panjang Keterangan

1 Email Varchar 50 Email 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.

3.4.1 Rancangan Tampilan Splashscreen

Splashscreen merupakan tampilan pertama saat

pengguna membuka aplikasi, splashscreen pada umumnya

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

3.4.2 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

24

3.4.3 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

3.4.4 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.

25

Gambar 3.12 Rancangan Tampilan Manual Search

3.4.5 Rancangan Tampilan Login

Halaman login digunakan untuk memvalidasi pengguna

sebelum pengguna memasukan data hotel baru. Halaman ini

berisi dua textfield untuk menampung email dan password dan

dua tombol untuk login dan untuk mendaftar jika pengguna

belum mendaftar sebelumnya.

Gambar 3.13 Rancangan Tampilan Halaman Login

26

3.4.6 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

3.4.7 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.

27

Gambar 3.15 Rancangan Halaman Tambah Data

3.4.8 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