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
Top Related