4 Sequence Diagram Melihat Peta Hotel
Gambar 4.18 Sequence Diagram Melihat Peta Hotel
5 Sequence Diagram Memesan Hotel
Gambar 4.19 Sequence Diagram Memesan Hotel
: Pengguna Main Activity.java
Peta Google API
1 : Membuka Aplikasi 2 : Tampil Menu Utama
3 : Melihat Peta 4 : Mencari Hotel
5 : Verifikasi 6 : Info Data Peta
7 : Tampil Peta Hotel
: Pengguna MainActivity.java
Booking RajaKamar
1 : Membuka aplikasi 2 : Tampil menu utama
3 : Menmbuka menu booking 4 : Meminta memuat halaman booking
5 : Menampilkan halaman booking hotel
6 Sequence Diagram Melihat Tentang
Gambar 4.20 Sequence Diagram Melihat Tentang
7 Sequence Diagram Mengelola Data Hotel
Gambar 4.21 Sequence Diagram Mengelola Data Hotel
: Pengguna MainActivity
Tentang
1 : Membuka aplikasi 2 : Tampil menu utama
3 : Memilih menu Tentang 4 : Memanggil tentang
5 : Tampil informasi tentang aplikasi
: Admin Index.php
Login Datahotel
Manage Database
1 : Membuka halaman utama 2 : Tampil halaman utama
3 : Memilih menu login 4 : Memanggil halaman login
5 : Tampil halaman login 6 : Mengisi username dan password
7 : Menekan tombol login 8 : Memverivikasi username password
9 : Memanggil halaman datahotel 10 : Tampil halaman datahotel
11 : Memilih manage data hotel 12 : Memanggil halaman manage
13 : Tampil halaman manage 14 : Me-manage data hotel
15 : Menyimpan ke database 16 : Tampil data hotel
17 : Tampil view data hotel
4.2.2.5 Deployment Diagram pada Sistem yang Diusulkan
Deployment diagram
menggambarkan arsitektur
sistem. Model
deployment diagram memetakan bagian-bagian perangkat lunak suatu sistem ke
perangkat keras yang akan mengeksekusinya. Elemen-elemen perangkat lunak seperti komponen, kelas, paket dan sebagainya dimanifestasikan menggunakan
artifak serta dipetakan ke perangkat keras yang akan menjalankannya dengan titik nodes. Berikut deployment diagram pada Aplikasi Pencarian dan Pemesanan
Hotel Berbintang.
Gambar 4.22 Deployment Diagram Sistem yang Diusulkan
Android Client Hote Bandung
Application Server Web Service
Web server Google Server
Database Google API
dbhotel
http http
php myadmin
Admin Browser Browser
http http
4.2.2.6 Component Diagram pada Sistem yang Diusulkan
Component Diagram menggambarkan alokasi semua class dan object ke
dalam komponen dalam desain fisik system software, termasuk pengaturan dan kebergantungan antar komponen software.
Gambar 4.23 Component Diagram Sistem yang Diusulkan
4.2.3 Perancangan Antarmuka
Berdasarkan perancangan sistem yang telah dibuat sesuai dengan kebutuhan pengguna, maka perancangan antarmuka ini pada dasarnya adalah
untuk mendapatkan satu kriteria yang sangat penting dalam pengoperasian sebuah program aplikasi, yakni aspek ramah dengan pengguna user friendly, luwes atau
fleksibel, yaitu dapat menyesuaikan diri dengan keinginan pengguna. Perancangan antarmuka pada aplikasi ini terdiri dari dua bagian yaitu
perancangan antar muka frontend dan perancangan antarmuka backend.
Google API
Hotel Bandung
dbhotel Web Server
Web Service Browser
4.2.3.1 Perancangan antarmuka Frontend Application
Perancangan antarmuka Frontend Application ini merupakan perancangan antarmuka aplikasi client pada device yang digunakan oleh pengguna.
Perancangan ini meliputi splash screen, menu utama, menu hotel, daftar hotel, detail hotel, menu search, menu peta, menu tentang dan menu keluar. Berikut
perancangan tampilan Frontend Application:
1 Perancangan
Splash Screen
Splash screen adalah tampilan layar awal saat pengguna membuka
aplikasi yang berdurasi beberapa detik. Pada Splash screen aplikasi ini background berwarna biru yang menampilkan logo, nama aplikasi dan loading
progress .
Gambar 4.24 Tampilan Splash Scree
HOTEL BANDUNG
Logo