29 BAB IV
HASIL DAN PEMBAHASAN 4.1 Perancangan Aplikasi
Rancangan aplikasi ini dilakukan dengan mengunakan Use Case Diagram yang meliputi activity diagram, sequence diagram. Aplikasi homestay di Karimunjawa berbasis android yang penulis beri nama homestay Karimunjawa ini menggunakan metode Rapid Application Development (RAD) dengan tahapan requirement planning, user design, build system, implementation. Pelaksanaan penelitian ini secara lengkap dapat dilihat sebagai berikut :
4.1.1 Requirement Planning
Pada tahap ini dilakukan analisis mengenai kebutuhan dalam pembuatan aplikasi yang meliputi analisis kebutuhan data dan informasi, analisis alat yang digunakan, analisi fungsionalitas dan non fungsionalitas sistem dalam membuat aplikasi.
4.1.1.1 Analisis Kebutuhan Data dan Informasi
Sistem ini membutuhkan data dan informasi berupa data data homestay dan koordinat lokasi homestay yang ada di Karimunjawa. Untuk data yang diperlukan seperti nama homestay, nama pemilik, harga homestay, alamat, no. hp, fasilitas, dan foto homestay di Karimunjawa.
Data kordinat menuju lokasi homestay didapatkan dari Google Maps, data yang digunakan terdiri atas atribut latitude dan longitude. Fitur drop latitude dan longitude dari Google Maps merupakan tampilan yang mengeluarkan output berupa koordinat dari suatu tempat.
Objek penelitian merupakan permasalahan yang diteliti oleh peneliti.
Objek penelitian dari penulis ada 20 homestay.
a. Gambaran umum homestay 1. Arriani Homestay
• Nama Homestay : Arriani Homestay
• Nama Pemilik : H. Sis
30
• Harga Homestay : 80.000 – 250.000
• Alamat : Jln. Diponegoro Rt 2/2 Karimunajawa
• No Hp : 085712376904
• Diskripsi / Fasilitas : Kamar Mandi Dalam, Ac, Wifi
2. Karimunjannah House
• Nama Homestay : Karimunjannah House
• Nama Pemilik : Surenti
• Harga Homestay : 250.000 – 400.000
• Alamat : Jln. I. J. Kasimo
• No Hp : 082227588961
• Diskripsi / Fasilitas : Wifi, Ac, Café Bar, Taman, Kamar Mandi Dalam.
3. Clawdio Guest House
• Nama Homestay : Clawdio Guest House
• Nama Pemilik : Pak Waluyo
• Harga Homestay : 125.000 – 300.000
• Alamat : Desa Jati Kerep, Kec. Karimunjawa
• No Hp : 08082227156512
• Diskripsi / Fasilitas : Ac, Kamar Mandi, Wifi
4. Latansa Homestay
• Nama Homestay : Latansa Homestay
• Nama Pemilik : Faiz Najib
• Harga Homestay : 200.000 – 400.000
• Alamat : Desa Alang Alang Rt 02/04
• No Hp : 081225291929
• Diskripsi / Fasilitas : Kamar Mandi Dalam, Ac, Wifi
5. Pantuura Homestay
• Nama Homestay : Pantuura Homestay
• Nama Pemilik : Pak Sholikul
• Harga Homestay : 90.000 – 250.000
• Alamat : Desa Alang Alang Karimunjawa
• No Hp : 082135464998
• Diskripsi / Fasilitas : Ac, Wifi,Ruang Tamu, Taman
6. Filtra Homestay
• Nama Homestay : Filtra Homestay
• Nama Pemilik : Pak Pi’un
• Harga Homestay : 125.000
• Alamat : Jl. Pemuda No 3 Karimunjawa
• No Hp : 085225601869
• Diskripsi / Fasilitas : Kamar Mandi Dalam, Wifi
7. Bintang Laut Homestay
• Nama Homestay : Bintang Laut Homestay
• Nama Pemilik : Pak Boby
• Harga Homestay : 150.000 – 250.000
• Alamat : Jln. Kapuran
• No Hp : 082220180480
• Diskripsi / Fasilitas : Ac, Wifi,Ruang Tamu, Taman
8. Puri Karimun
32
• Nama Homestay : Puri Karimun
• Nama Pemilik : Pak Muklis
• Harga Homestay : 250.000 – 350.000
• Alamat : Jln Slamet Riyadi Karimunjawa
• No Hp : 082138984024
• Diskripsi / Fasilitas : Kamar Mandi Dalam, Ruang Tamu, Wifi
9. Pelangi Homestay
• Nama Homestay : Pelangi Homestay
• Nama Pemilik : Mbah Jani
• Harga Homestay : 150.000 – 350.000
• Alamat : Jln Slamet Riyadi Karimunjawa
• No Hp : 081225843365
• Diskripsi / Fasilitas : Ac, Wifi,Ruang Tamu, Taman
10. Homestay Tri Putra
• Nama Homestay : Homestay Tri Putra
• Nama Pemilik : Sayuti
• Harga Homestay : 70.000 – 300.000
• Alamat : Jln Diponegoro Karimunjawa
• No Hp : 081227192739
• Diskripsi / Fasilitas : Ac, Wifi,Ruang Tamu, Kamar Mandi
11. Kalimasada Homestay
• Nama Homestay : Kalimasada Homestay
• Nama Pemilik : Abdul Aziz
• Harga Homestay : 150.000 – 350.000
• Alamat : Jln Ahmad Dahlan Karimunjawa
• No Hp : 081293945027
• Diskripsi / Fasilitas : Ac, Wifi,Ruang Tamu, Taman
12. Mulya Indah Homestay
• Nama Homestay : Mulya Indah Homestay
• Nama Pemilik : Mulyadi
• Harga Homestay : 150.000 – 350.000
• Alamat : Jln Pemuda Karimunjawa
• No Hp : 081226006329
• Diskripsi / Fasilitas : Kipas Angin, Wifi,Ruang Tamu,
13. Pelangi Homestay
• Nama Homestay : Pelangi Homestay
• Nama Pemilik : Mbah Jani
• Harga Homestay : 150.000 – 350.000
• Alamat : Jln Slamet Riyadi Karimunjawa
• No Hp : 081225843365
• Diskripsi / Fasilitas : Ac, Wifi,Ruang Tamu, Taman
14. Homestay Azza
• Nama Homestay : Homestay Azza
• Nama Pemilik : Pak Antok
• Harga Homestay : 150.000 – 350.000
• Alamat : Jln Wage Rudolf Supratman Rt 3/2 Karimunjawa
• No Hp : 082133147200
• Diskripsi / Fasilitas : Ac, Wifi,Ruang Tamu, Taman
34
15. The Happinezz Town
• Nama Homestay : The Happinezz Town
• Nama Pemilik : Tomi
• Harga Homestay : 250.000 – 350.000
• Alamat : Jln Jendral Sudirman Rt 03/04 Karimunjawa
• No Hp : 08132920079
• Diskripsi / Fasilitas : Ac, Wifi,Ruang Tamu, Taman
16. The Coconut House
• Nama Homestay : The Coconut House
• Nama Pemilik : Ayu
• Harga Homestay : 250.000 – 350.000
• Alamat : Jln Dr. Sutomo Karimunjawa
• No Hp : 082227399981
• Diskripsi / Fasilitas : Ac, Wifi,Ruang Tamu, Taman
17. Putri Karimunjawa
• Nama Homestay : Putri Karimunjawa
• Nama Pemilik : Mbak Hit
• Harga Homestay : 100.000 – 300.000
• Alamat : Jln Pemuda Karimunjawa
• No Hp : 085293202456
• Diskripsi / Fasilitas : Ac, Wifi,Ruang Tamu
18. Firzah Homestay
• Nama Homestay : Firzah Homestay
• Nama Pemilik : Pak Arif Rohman
• Harga Homestay : 250.000 – 350.000
• Alamat : Jln Jendral Sudirman No 9 Rt 5/2 Karimunjawa
• No Hp : 081325161000
• Diskripsi / Fasilitas : Ac, Wifi,Ruang Tamu, Taman
19. Wahyu Izza
• Nama Homestay : Wahyu Izza
• Nama Pemilik : Roji’un
• Harga Homestay : 80.000 – 125.000
• Alamat : Jln Slamet Riyadi Karimunjawa
• No Hp : 081225843365
• Diskripsi / Fasilitas : Ac, Ruang Tamu, Ruang Makan, Dapur
20. Dolan Laut
• Nama Homestay : Dolan Laut
• Nama Pemilik : H. Afif
• Harga Homestay : 125.000 – 250.000
• Alamat : Jln Pelabuhan Karimunjawa
• No Hp : 081229525327
• Diskripsi / Fasilitas : Ac, Wifi, Kamar Mandi Luar 4.1.1.2 Analisis Kebutuhan Fungsional
Analisis kebutuhan fungsional merupakan analisis beberapa fungsi yang diperlukan dalam sistem aplikasi berdasarkan angket respnden terhadap beberapa pengguna yang telah dilakukan, fungsi yang diperlukan dalam sistem aplikasi ini antara lain :
1. Pengguna dapat menjalankan aplikasi ini dimana dan kapan saja dengan akses jaringan internet yang stabil.
36
2. Pengguna mendapatkan informasi homestay yang ada di Karimunjawa.
3. Sistem aplikasi ini memiliki fitur chat dan booking. Untuk memudahkan wisatawan menemukan homestay dengan cepat dan efisien.
4.1.1.3 Analisis Kebutuhan Non Fungsionalitas
Kebutuhan non fungsionalitas merupakan kebutuhan yang tidak langsung berhubungan dengan spesifik yang disediakan oleh sistem. Kebutuhan ini berhubungan denga properti sistem yang muncul belakangan, seperti keandalan, waktu tanggap dan penempatan pada media penyimpanan. Kebutuhan non fungsionalitas aplikasi ini antara lain :
1. Aplikasi ini dapat berjalan di sistem operasi android minimal versi 4.4 (Kitkat).
2. Aplikasi ini akan berjalan lebih optimal apabila dijalankan pada device dengan ukuran layar 5 inchi 720 x 1280 pixel.
4.1.1.4 Analisis Kebutuhan Alat
Peralatan yang digunakan untuk membuat aplikasi homestay Karimunjawa berbasis android ini antara lain :
1) Perangkat keras (Hardware)
Adapun perangkat keras (Hardware) yang digunakan untuk membuat aplikasi ini yaitu berupa laptop dan smartphone dengan spesifikasi sebagai berikut:
a. Laptop
- Operating system : Windows 7 64bit
- Processor : Intel(R) Core(TM) i3-5005U @2.00GHz
- Memory : 4.00 GB RAM
- Harddisk : 500 GB b. Smartphone
- Sistem operasi : Android Pie
- Jaringan : GSM/ CDMA/ LTE - Ukuran Layar : 5,5 inchi 1080x1920 Pixel
- CPU/RAM : Octa-core 2.0 GHz 2) Perangkat lunak (Software)
Perangkat lunak yang digunakan laptop adalah : - Operating system : Windows 7 64bit - Android Studio
- Corel X7
- Microsoft Visio 2007 3) Data
Adapun data-data yang dibutuhkan dalam pembangunan aplikasi homestay Karimunjawa antara lain :
a. Data nama homestay b. Data deskripsi homestay c. Data Google Maps d. Foto homestay 4.1.2 User Desain
4.1.2.1 Deskripsi Sistem
Untuk dapat menjelaskan aplikasi homestay Karimunjawa ini secara mudah dan sederhana, maka pada tahap ini penulis membuat perancangan system dengan menggunakan diagram UML (Unfield Modelling Language) yang di gambarkan melalui perancangan diagram seperti use case diagram, class diagram, activity diagram, dan sequence diagram.
4.1.2.2 Use Case Diagram
Use case diagram mendefinisikan fitur fitur yang terdapat dalam Aplikasi Homestay Karimunjawa. Use case diagram menunjukkan adanya interaksi antara user dan sistem, dimana user adalah pengguna dan system adalah aplikasi homestay karimunjawa. Use case diagram dapat dilihat pada gambar berikut ini :
38
Gambar 4.1 Use Case Diagram
Deskripsi use case diagram dari gambar diatas di jelaskan lebih detail pada table berikut :
Table 4.1 Deskripsi Use Case Diagram User User (Pengguna)
No. Use Case Deskripsi
1 Login Pengguna melakukan login atau mendaftar akun sebelum membuka aplikasi
2 Daftar Homestay Pengguna memilih untuk melihat semua homestay yang ada
3 Chat Pengguna mengirim pesan kepada admin
4 Informasi homestay Pengguna memilih untuk melihat informasi homestay
5 Booking Pengguna memesan homestay
6 Image Pengguna melihat semua gambar ada homestay tersebut
7 Map Pengguna melihat lokasi homestay
8 Profil Pengguna melengkapi atau mengganti data diri 9 Daftar booking Pengguna memilih untuk melihat daftar booking 10 About Us Pengguna memilih untuk melihat informasi tentang
aplikasi ini
11 Logout Pengguna melakukan keluar dari akun dan aplikasi
40
Table 4.2 Deskripsi Use Case Diagram Admin
4.1.2.3 Activity Diagram
Activity diagram sebagai gambaran tentang bagaimana kinerja sisem aplikasi saat pengguna menjalankannya. Activity diagram lebih berfokus terhadap aktivitas apa saja yang dilakukan oleh system bukan apa yang dilakukan oleh user.
Berikut adalah activity diagram dari Aplikasi Homestay Karimunjawa.
a. Aplikasi User
1. Activity Diagram Login User User (Pengguna)
No. Use Case Deskripsi
1 Login Admin melakukan login sebelum membuka aplikasi 2 Chat Admin mengirim pesan kepada pengguna
3 Konfirmasi pesanan Admin melakukan konfirmasi pesanan yang di buat pengguna
4 Tambah Homestay Admin menambahkan homestay, edit dan delete 5 Logout Admin melakukan keluar dari akun dan aplikasi
Gambar 4.2 Activity Diagram Login User
Pada activity login ini user membuka aplikasi dan sistem menampikan halaman login kemudian user klik button login with google lalu sistem akan menampilkan akun yang terkait/ daftar akun kemudian user menginput daftar akun dan sistem akan memvalidasi data user jika data sudah benar maka akan disimpan namun jika data salah maka sistem akan kembali ke input daftar akun. Selanjutnya sistem akan menampilkan halaman login kembali dan user menginput password setelah sukses login sistem akan menampilkan daftar homestay.
2. Activity Diagram Informasi Homestay User
42
Gambar 4.3 Activity Diagram Menu Informasi Homestay User
Pada activity menu informasi homestay pertama user membuka dan melakukan login, lalu sistem akan menampilkan daftar homestay. Kemudian user memilih homestay dan sistem akan menampilkan data informasi homestay yang diambil dari database.
3. Activity Diagram Chat User
Gambar 4.4 Activity Diagram Menu Chat User
Pada activity menu chat, pertama user melakukan login, lalu system akan menampilkan daftar homestay. Kemudian user memilih menu chat dan system menampilkan halaman chat, jika user mengirim chat maka system akan mengirimkan chat dan menyimpan di database.
4. Activity Diagram Booking User
Gambar 4.5 Activity Diagram Menu Booking User
Pada activity menu booking pertama user membuka dan melakukan login, lalu sistem akan menampilkan daftar homestay. Kemudian user memilih homestay dan sistem akan menampilkan data informasi homestay yang diambil dari database. Dan di bawahnya terdapat form booking untuk memesan homestay.
5. Activity Diagram Image User
44
Gambar 4.6 Activity Diagram Menu Image User
Pada activity menu Image pertama user membuka dan melakukan login, lalu sistem akan menampilkan daftar homestay. Kemudian user memilih homestay dan sistem akan menampilkan data informasi homestay yang diambil dari database. Lalu user pilih image yang di ambil dari database image.
6. Activity Diagram Map User
Gambar 4.7 Activity Diagram Menu Map User
Pada activity menu map, pertama user membuka dan melakukan login, lalu sistem akan menampilkan daftar homestay. Kemudian user memilih homestay dan sistem akan menampilkan data informasi homestay yang diambil dari database. Lalu user memilih map dan sistem menampilkan map.
7. Activity Diagram Daftar Booking User
Gambar 4.8 Activity Diagram Daftar Booking User
Pada activity menu daftar booking, pertama user membuka dan melakukan login, lalu sistem akan menampilkan daftar homestay. Kemudian user memilih icon navigasi drawer ( ). Lalu user memilih daftar booking dan system menampilkan daftar booking yang diambil dari database.
8. Activity Diagram Profil
46
Gambar 4.9 Activity Diagram Menu Profil
Pada activity menu profil, pertama user membuka dan melakukan login, lalu sistem akan menampilkan daftar homestay. Kemudian user memilih icon navigasi drawer ( ). Lalu klik username/ foto di atas. Kemudian system akan menampilkan form edit profil. Jika user ingin melengkapi/mengedit profil, user input data profil kemudian simpan.
9. Activity Diagram About Us
Gambar 4.10 Activity Diagram Menu About Us
Pada activity menu profil, pertama user membuka dan melakukan login, lalu sistem akan menampilkan daftar homestay. Kemudian user memilih icon navigasi drawer ( ). Lalu user pilih about us dan system akan menampilkan halaman about us.
b. Aplikasi Admin
1. Activity Diagram Login Admin
48
Gambar 4.11 Activity Diagram Login Admin
Pada activity login admin, pertama admin membuka aplikasi dan menginput email dan password untuk masik admin homestay.
2. Activity Diagram Konfirmasi Admin
Gambar 4.12 Activity Diagram Menu Konfirmasi Admin
Pada activity konfirmasi admin, pertama admin melakukan login, setelah itu system akan menampilkan halaman konfirmasi. Kemudian admin memilih data user dan system akan menampilkan data reservasi/booking. Lalu admin mengkorfirmasi/tidak data itu, setelah itu system akan memproses menyimpan data dan menampilkan data reservasi.
3. Activity Diagram Chat Admin
Gambar 4.13 Activity Diagram Chat Admin
Pada activity chat admin, pertama admin membuka dan login kemudian system menampilkan beranda, lalu admin memilih chat dan system menampilkan halaman chat, jika admin mengirim chat maka system akan mengirimkan chat dan menyimpan di database.
4. Activity Diagram Upload Image
50
Gambar 4.14 Activity Diagram Upload Image
Pada activity upload image, pertama admin melakukan login dan system menampilkan beranda, kemudian admin memilih homestay dan system menampilkan detai homestay, lalu admin pilih menu image dan system menampilkan image, kemudian admin menambahkan gambar/
upload image dan system akan menyimpan ke database 5. Activity Diagram Tambah, Update, Delete Homestay
Gambar 4.15 Activity Diagram Tambah, Update, Delete Homestay Pada activity tambah, update, delete homestay, pertama admin melakukan login dan system menampilkan beranda, kemudian admin pilih menu homestay dan pilih icon + untuk menambahkan homestay dan system menampilkan form tambah homestay. Lalu admin input form dan system
52
menyimpannya. Jika update atau delete admin pilih salah satu homestay dan system menampilkan detail homestay. Lalu admin mengubah data kemudian pilih update/ delete dan system akan menyimpan data.
4.1.2.4 Sequence Diagram
Sequence diagram merupakan penggambaran rangkaian langkah langkah yang dialkukan sebagai respon dari sebuah elemen untuk menghasilkan keluaran tertentu. Sequence diagram disusun berdasarkan urutan waktu. Berikut adalah sequence diagram dari Aplikasi Homestay Karimunjawa.
a. Aplikasi Pengguna
1. Sequence Diagram Login Dan Signup User
Pada diagram login dan signup ini merupakan proses login dan dilakukan oleh user
Gambar 4.16 Sequence Diagram Login Dan Signup User 2. Sequence Diagram Informasi Homestay User
Diagram ini merupakan proses untuk menampilkan informasi homestay yang dilakukan user.
54
Gambar 4.17 Sequence Diagram Informasi Homestay User 3. Sequence Diagram Chat User
Diagram ini merupakan proses untuk mengirim pesan kepada admin yang diakukan oleh user
Gambar 4.18 Sequence Diagram Chat User 4. Sequence Diagram Booking User
Diagram ini merupakan proses untuk memesan homestay yang dilakukan oleh user.
Gambar 4.19 Sequence Diagram Booking User 5. Sequence Diagram Image User
Diagram ini merupakan proses untuk melihat lebih banyak gambar yang dilakukan oleh user.
Gambar 4.20 Sequence Diagram Image User 6. Sequence Diagram Map User
Diagram ini merupakan proses untuk menampilkan map yang dilakukan oleh user.
56
Gambar 4.21 Sequence Diagram Map User 7. Sequence Diagram Profil User
Diagram ini merupakan proses untuk melihat, edit dan upload data user. Proses ini dilakukan oleh user.
Gambar 4.22 Sequence Diagram Profil User 8. Sequence Diagram Daftar Booking User
Diagram ini merupakan proses untuk menampilkan daftar booking user yang sudah di pesan, dan proses ini dilakukan oleh user.
Gambar 4.23 Sequence Diagram Daftar Booking User 9. Sequence Diagram About Us
Diagram ini merupakan proses untuk menampilkan menu tentang aplikasi yang dilakukan oleh user.
Gambar 4.24 Sequence Diagram About Us User
58
b. Aplikasi Admin
1. Sequence Diagram Login Admin
Pada diagram ini merupakan proses login admin dengan menginput email dan password sebelum masuk ke halaman beranda.
Gambar 4.25 Sequence Diagram Login Admin 2. Sequence Diagram Konfirmasi Admin
Pada diagram ini merupakan proses konfirmasi pesanan dari user yang dilakukan oleh admin.
Gambar 4.26 Sequence Diagram Konfirmasi Admin
3. Sequence Diagram Chat Admin
Pada diagram ini merupakan proses chat yang dilakukan oleh admin kepada user.
Gambar 4.27 Sequence Diagram Chat Admin 4. Sequence Diagram Tambah Homestay Admin
Pada diagram ini merupakan proses tambah homestay yang dilakukan oleh admin.
60
Gambar 4.28 Sequence Diagram Tambah Homestay Admin 5. Sequence Diagram Tambah Image Admin
Pada diagram ini merupakan proses menambahkan image yang dilakukan oleh admin.
Gambar 4.29 Sequence Diagram Tambah Image Admin 4.1.2.5 Class Diagram
Gambar 4.30 Class Diagram 4.1.2.6 Database
Gambar 4.31 Database
Firestore memiliki model struktur seperti gambar diatas yaitu pertama, collection, kedua document, dan ketiga data. Dalam aplikasi homestay Karimunjawa terdapat lima collection yaitu collection gambar, collection homestay, collection message, collection reservasi, collection users.
4.1.2.7 Perancangan Antarmuka (Interface)
Perancangan antarmuka dilakukan sebelum di implementasikan agar mencapai hasil yang maksimal. Untuk rancangan antarmuka aplikasi yang akan di buat untuk pengguna terdiri dari rancangan splash screen, rancangan login/signup, rancangan beranda, menu chat, menu informasi homestay, menu booking, menu image, menu map, menu profil, menu daftar booking, dan menu about us. Rancangan antar muka untuk admin terdiri dari halaman login, menu chat, halaman konfirmasi, halaman daftar homestay, halaman tambah homestay, halaman tambah image.
a. Rancangan Aplikasi Pengguna 1. Rancangan Splash Screen User
Rancangan splash screen merupakan tampilan awal sebelum aplikasi terbuka. Rancangan splash screen dapat dilihat pada gambar berikut :
62
Gambar 4.32 Rancangan Splash Screen 2. Rangangan login/Signup user
Halaman login/Signup merupakan halaman yang muncul pertama kali ketika aplikasi di jalankan. Perancangan tampilan dari halaman ini dapat dilihat pada gambar berikut :
Gambar 4.33 Rancangan Login/Signup User Penjelasan gambar :
Pertama user diminta untuk login menggunakan akun google, jika sudah ada akun google yang sudah sinkron maka langsung diminta membuat password. Kemudian login kembali. Namun jika belum ada akun google yang sinkron maka di minta mengisi email, nama, dan password untuk signup, setelah itu baru masuk ke halaman login untuk login kembali.
64
3. Rancangan Beranda User
Halaman beranda ini adalah halaman yang muncul setelah halaman login.
Halaman Beranda ini terdapat daftar homestay, cari homestay. Berikut rancangan beranda user :
Gambar 4.34 Rancangan Beranda User 4. Rancangan Menu Chat User
Pada menu ini pengguna dapat menguhubungi pihak admin. Rancangan menu chat dapat di lihat pada gambar berikut :
Gambar 4.35 Rancangan Menu Chat User
5. Rancangan Menu Informasi Homestay User
Pada menu ini menampilkan detail dari semua informasi homestay seperti, nama homestay, nama pemilik, deskripsi, fasilitas, serta harga. Rancangan menu ini dapat dilihat pada gambar berikut :
Gambar 4.36 Rancangan Informasi Homestay User 6. Rancangan Menu Booking
66
Pada menu ini user bisa reservasi atau memesan homestay. User di minta untuk menginput tanggal dan lama pemesanan homestay, kemudian user harus menunggu konfirmasi dari admin terlebih dahulu. Rancangan menu ini dapat dilihat pada gambar berikut :
Gambar 4.37 Rancangan Menu Booking
7. Rancangan Menu Image User
Pada menu ini terdapat semua gambar yang berhubungan dengan homestay tersebut. Rancangan menu ini dapat dilihat pada gambar berikut:
Gambar 4.38 Rancangan Menu Image User 8. Rancangan Menu Map User
Pada menu ini terdapat peta dari homestay tersebut. Rancangan menu ini dapat dilihat pada gambar berikut:
Gambar 4.39 Rancangan Menu Map User
9. Rancangan Navigasi Drawer
68
Pada navigasi drawer ini berisi beberapa menu seperti menu profil, menu daftar booking, dan menu tentang kami. Rancangan menu ini dapat dilihat pada gambar berikut :
Gambar 4.40 Rancangan Navigasi Drawer User 10. Rancangan Menu Profil User
Pada menu ini user bisa melengkapi data diri atau mengupload foto diri.
Rancangan menu ini dapat dilihat pada gambar berikut :
Gambar 4.41 Rancangan Menu Profil User
11. Rancangan menu daftar booking user
Pada menu ini terdapat semua data booking yang sudah atau belum di konfirmasi oleh admin. Rancangan menu ini dapat dilihat pada gambar berikut :
Gambar 4.42 Rancangan Menu Daftar Booking User 12. Rancangan menu about us
Pada menu ini berisi tentang aplikasi ini. Rancangan menu ini dapat dilihat pada gambar berikut :
70
Gambar 4.43 Rancangan Menu About Us
b. Rancangan aplikasi admin
1. Rancangan halaman login admin
Pada halaman ini admin harus mengisi email dan password admin.
Rancangan menu ini dapat dilihat pada gambar berikut :
Gambar 4.44 Rancangan Halaman Login Admin 2. Rancangan Halaman Konfirmasi Admin
Pada halaman ini admin memilih untuk apakah akan dikonfirmasi atau tidak data booking tersebut. Rancangan menu ini dapat dilihat pada gambar berikut :
Gambar 4.45 Rancangan Halaman Konfirmasi Admin
3. Rancangan Halaman Homestay
Pada halaman ini terdapat daftar homestay yang sudah di tambahkan oleh admin.kemudian admin juga bisa menambahkan homestay denga cara klik ikon plus (+). Rancangan menu ini dapat dilihat pada gambar berikut :
Gambar 4.46 Rancangan Halaman Homestay Admin 4. Rancangan Halaman Tambah Homestay Admin
72
Pada tampilan ini admin bisa menambahkan homestay dengan cara mengisi semua form yang ada dan satu gambar untuk dijadikan gambar utama. Rancangan menu ini dapat dilihat pada gambar berikut :
Gambar 4.47 rancangan halaman tambah homestay admin
5. Rancangan Halaman Tambah Image
Pada tampilan ini admin bisa menambahkan foto untuk melengkapi data homestay tersebut. Rancangan menu ini dapat dilihat pada gambar berikut:
Gambar 4.48 Rancangan Halaman Tambah Image Admin 6. Rancangan Menu Chat Admin
Pada menu ini admin dapat menguhubungi atau membalas chat dari user.
Rancangan menu chat dapat di lihat pada gambar berikut :
Gambar 4.49 Rancangan Menu Chat Admin
4.1.3 Build System (Membangun Sistem)
Pada tahap ini penulis pembangun sistem aplikasi sesuai dengan perancangan sistem yang telah penulis lakukan sebelumnya. Penulis membangun sistem sesuai dengan perancangan yang sudah penulis buat kedalam bentuk kode pemrograman.
1. Analisis sistem login/signup user
login/signup merupakan halaman awal setelah aplikasi terbuka. Berikut adalah potongan kode yang digunakan untuk login/signup dengan google.
74
Gambar 4.50 potongan kode login/signup
2. Analisis Sistem Informasi Homestay
Informasi homestay merupakan menu yang menampilkan detail dari semua informasi homestay seperti, nama homestay, nama pemilik, deskripsi, fasilitas, serta harga. Potongan kode informasi homestay dapat dlihat pada gambar berikut :
Gambar 4.51 Potongan Kode Informasi Homestay
3. Analisis Sistem Booking
76
Pada menu ini user bisa reservasi atau memesan homestay. User di minta untuk menginput tanggal dan lama pemesanan homestay, kemudian user harus menunggu konfirmasi dari admin terlebih dahulu. Potongan kode booking dapat dlihat pada gambar berikut :
Gambar 4.52 Potongan Kode Booking 4. Analisis Sistem Map
Menu map pada aplikasi ini berfungsi intuk menampilkan lokasi dari homestay tersebut. Potongan kode map dapat dilihat pada gambar berikut :
Gambar 4.53 Potongan Kode Map 4.1.4 Implementation (implementasi)
Implementasi sistem merupakan tahap penerapan sistem yang akan dilakukan sesuai dengan perancangan yang telah penulis buat sebelumnya dengan menggunakan bahasa pemrograman Kotlin dengan menggunakan Android Studio. Berikut adalah implementasi sistem Aplikasi Homestay Karimunjawa:
a. Aplikasi pengguna
1. Tampilan splash screen
splash screen merupakan tampilan awal sebelum aplikasi terbuka.
Tampilan splash screen dapat dilihat pada gambar berikut :
78
Gambar 4.54 Tampilan Splash Screen
2. Tampilan Login / Signup
Halaman login/Signup merupakan halaman yang muncul pertama kali ketika aplikasi di jalankan. tampilan dari halaman login dapat dilihat pada gambar berikut :
Gambar 4.55 Tampilan Login
Gambar 4.56 Tampilan Pilih Akun
Gambar 4.57 Tampilan Signup
80
Gambar 4.58 Tampilan Login Ulang Penjelasan gambar :
Pertama user diminta untuk login menggunakan akun google, jika sudah ada akun google yang sudah sinkron maka langsung diminta membuat password. Kemudian login kembali. Namun jika belum ada akun google yang sinkron maka di minta mengisi email, nama, dan password untuk signup, setelah itu baru masuk ke halaman login untuk login kembali.
3. Tampilan Beranda
Pada tampilan beranda ini terdapat daftar semua homestay yang sudah di daftarkan oleh admin. Tampilan menu ini dapat dilihat pada gambar berikut :
Gambar 4.59 Tampilan Beranda 4. Tampilan chat
Pada tampilan chat ini user dapat berkomunikasi dengan admin. Tampilan chat ini dapat di lihat pada gambar berikut :
Gambar 4.60 Tampilan Chat
5. Tampilan menu informasi homestay
82
Pada menu ini berisi tentang informasi homestay seperti, nama homestay, alamat, nama pemilik, harga, fasilitas, deskripsi.tampilan menu ini dapat di lihat pada gambar berikut :
Gambar 4.61 Tampilan Menu Informasi Homestay 6. Tampilan booking
Pada tampilan ini user bisa reservasi atau memesan homestay. User di minta untuk menginput tanggal dan lama pemesanan homestay, kemudian user harus menunggu konfirmasi dari admin terlebih dahulu. Tampilan booking ini dapat dilihat pada gambar berikut :
Gambar 4.62 Tampilan Booking
7. Tampilan Image User
Pada menu ini terdapat semua gambar yang berhubungan dengan homestay tersebut. Tampilan menu ini dapat dilihat pada gambar berikut:
Gambar 4.63 Tampilan Menu Image User 8. Tampilan Menu Map User
Pada menu ini menampilkan lokasi dari homestay tersebut. Tampilan menu ini dapat dilihat pada gambar berikut :
84
Gambar 4.64 Tampilan Menu Map User
9. Tampilan navigasi drawer
Pada navigasi drawer ini berisi beberapa menu seperti menu profil, menu daftar booking, dan menu tentang kami. Tampilan menu ini dapat dilihat pada gambar berikut :
Gambar 4.65 Tampilan Navigasi Drawer 10. Tampilan Menu Profil User
Pada menu ini user bisa melengkapi data diri atau mengupload foto diri. Tampilan menu ini dapat dilihat pada gambar berikut :
Gambar 4.66 Tampilan Menu Profil User
11. Tampilan Menu Daftar Booking User
Pada menu ini terdapat semua data atau riwayat booking yang sudah atau belum di konfirmasi oleh admin. Tampilan menu ini dapat dilihat pada gambar berikut :
Gambar 4.67 Tampilan Menu Daftar Booking User 12. Tampilan Menu About Us
86
Pada menu ini berisi tentang tujuan aplikasi ini diibuat. Tampilan menu ini dapat dilihat pada gambar berikut :
Gambar 4.68 Tampilan Menu About Us User
b. Aplikasi admin
1. Tampilan login admin
Pada halaman ini admin harus mengisi email dan password admin.
Tampilan menu ini dapat dilihat pada gambar berikut :
Gambar 4.69 Tampilan Login Admin 2. Tampilan Chat Admin
Pada menu ini admin dapat menguhubungi atau membalas chat dari user.
Tampilan menu chat dapat di lihat pada gambar berikut :
Gambar 4.70 Tampilan Chat Admin
3. Tampilan konfirmasi admin
88
Pada halaman ini admin memilih untuk apakah akan dikonfirmasi atau tidak data booking tersebut. Tampilan menu ini dapat dilihat pada gambar berikut :
Gambar 4.71 Tampilan Konfirmasi Admin 4. Tampilan Halaman Homestay
Pada halaman ini terdapat daftar homestay yang sudah di tambahkan oleh admin. Kemudian admin juga bisa menambahkan homestay denga cara klik ikon plus (+). Tampilan menu ini dapat dilihat pada gambar berikut :
Gambar 4.72 Tampilan Halaman Homestay Admin
5. Tampilan Halaman Tambah Homestay
Pada tampilan ini admin bisa menambahkan homestay dengan cara mengisi semua form yang ada dan satu gambar untuk dijadikan gambar utama. Tampilan menu ini dapat dilihat pada gambar berikut :
Gambar 4.73 Tampilan Halaman Tambah Homestay 6. Tampilan Tambah Image
Pada tampilan ini admin bisa menambahkan foto untuk melengkapi data homestay tersebut. Rancangan menu ini dapat dilihat pada gambar berikut:
90
Gambar 4.74 Tampilan Halaman Tambah Image
4.2 Pengujian Metode 4.2.1 Black Box Testing
pengujian metode pada aplikasi homestay karimunjawa menggunakan balck box testing yang dilakukan pada seluruh tampilan aplikasi yang disajikan ke dalam table table pengujian sesuai fungsi fungsi dalam aplikasi.
1. Black Box Testing Pada Aplikasi
Berikut adalah table hasil pengujian black box testing untuk aplikasi homestay Karimunjawa :
Table 4.3 Black Box Testing Pada Aplikasi
No. Modul Fungsi Hasil yang
diharapkan
Hasil pengujian
1.
Icon Muncul pada device android
Muncul pada device android
3
2.
Menekan icon aplikasi
Muncul splash screen
Muncul splash screen 3
3.
Splash screen
Tampilan ini menampilkan
gambar ilustrasi selama beberapa detik sebelum masuk ke menu utama
Dapat masuk ke halaman login
2
4. Login Tampilan ini
menampilkan button
Dapat masuk ke halaman utama untuk
3
login untuk masuk ke dalam menu utama
melihat menu aplikasi yang ada di tampilan menu utama
5.
Memilih menu utama
Merupakan bagian awal dari aplikasi setelah tampilan login
Jika gambar dari salah satu menu utama diklik maka akan muncul tampilan informasi homestay
3
6.
Memilih halaman booking
Merupakan tampilan selanjutnya untuk booking homestay
Dapat membooking homestay.
3
7.
Memilih menu image
Merupakan tampilan selanjutnya dari menu utama yang dipilih. Pada
halaman ini
menampilkan image dari homestay tersebut.
Dapat masuk ke halaman image
3
8.
Memilih menu map
Merupakan tampilan selanjutnya dari menu utama yang dipilih. Pada
halaman ini
menampilkan map dari homestay
Dapat masuk ke halaman map
3
92
9.
Memilih menu chat
Pada halaman ini menmpilkan fitur chat kepada admin
Dapat mengirimkan chat.
2
10.
Memilih menu profil
Pada halaman ini menampilkan info data diri dan bisa mengedit data tersebut
Dapat menampilkan info data diri user
3
11.
Memilih daftar booking
Pada halaman ini menampilkan daftar booking
Dapat menampilkan daftar booking
2
12.
Memilih menu tentang
Pada tampilan ini menampilkan
informasi tentang aplikasi
Dapat menampilkan informasi tentang aplikasi
3
Skor Total 33
Jumlah soal pengujian 12
Jumlah skor ideal (n) 12x3 =36
Jumlah nilai pengujian (f) 33
Presentase kelayakan (P) (33/36)x100 = 91,6%
Kriteria Sangat Layak
4.3 Evaluasi Dan Hasil Validasi
4.3.1 Evaluasi System Aplikasi
Berdasarkan hasil pengujian fitur fitur halaman di aplikasi homestay Karimunjawa dengan metode black box testing dari semua skenario pengujian tiap tiap tabel hasil pengujian berjalan sesuai harapan. Jadi dapat disimpulkan dari pengujian system pada aplikasi homestay karimunjawa dengan metode black box testing adalah system berjalan sesuai dengan harapan dan valid.
4.3.2 Validasi Kelayakan Aplikasi 4.3.2.1 Validasi Ahli
1) Ahli Materi
validasi yang dilakukan oleh ahli materi adalah mengumpulkan saran dan pendapat untuk melakukan revisi aplikasi homestay karimunjawa sebagai berikut :
Tabel 4.4 Hasil Penilaian Ahli Materi
No Indikator Jumlah Butir
1. Materi mendukung pencapaian tujuan 3
2. Materi mudah dimengerti 3
3. Penyajian materi sesuai dengan tujuan yang dirumuskan 3
4. Kejelasan penyampaian materi 3
5. Kelengkapan materi 3
6. Relevansi tujuan pembelajaran 3
7. Kesesuaian penggunaan bahasa yang digunakan 3
Jumlah 21
Jumlah Soal Pengujian 7
Jumlah Skor Ideal (N) 3x7 = 21
94
Jumlah Nilai Pengujian (F) 21
Presentase Kelayakan (P) (21/21)x100=100%
Kriteria Sangat Layak
2) Ahli Media
validasi yang dilakukan oleh ahli media adalah mengumpukan saran dan pendapat untuk melakukan revisi aplikasi homestay karimunjawa sebagai berikut :
Tabel 4.5 Hasil Penilaian Ahli Media
No Indikator Jumlah Butir
1. Kemudahan alur materi melalui penggunaan bahasa 3
2. Kesesuaian gambar dengan materi 3
3. Kejelasan uraian materi 3
4. Teks dapat terbaca dengan baik 2
5. Kesesuaian pemilihan jenis huruf dan ukuran huruf 2 6. Proporsional layout (tata letak teks dan gambar) 2
7. Kesesuaian proporsi warna 2
8. Kecepatan pemrosesan perintah 3
9. Ketetapan tombol navigasi 3
Jumlah 23
Jumlah soal pengujian 9
Jumlah skor ideal (n) 9x3 = 27
Jumlah nilai pengujian (f) 23
Presentase kelayakan (P) (23/27)x 100 = 85,2%
Kriteria Sangat Layak
Tabel 4.6 Validasi Ahli No. Ahli Instrument Skor
Ideal (n)
Skor Total (f)
Presentase Kriteria keterangan
1. Materi 7 21 21 100% Sangat
Layak -
2. Media 9 27 23 85,2% Sangat
Layak -
Tabel 4.7 Klasifikasi Presentase
No Presentase Kriteria
1. 75% - 100% Sangat Layak
2. 50% - 75% Layak
3. 25% - 50% Cukup Layak
4. 1% - 25% Kurang Layak
3) Hasil Angket Dari Responden
penilaian aplikasi homestay karimunjawa juga dilakukan dengan menyebar angket yang berisi 8 butir pertanyaan kombinasi kepada 30 responden, berikut hasil rekapitulasi nilai sesuai butir pertanyaan :
Tabel 4.8 Skor Penilaian Oleh Responden Masyarakat
No Indikator Jumlah Butir
1. Apakah anda setuju apabila homestay di 185
96
karimunjawa di jadikan suatu aplikasi mobile berbasis android.
2. Aplikasi homestay karimunjawa ini menambah pengetahuan mengenai informasi homestay di karimunjawa.
169
3. Bahasa dan kalimat yang digunakan dalam aplikasi
homestay karimunjawa ini mudah dipahami. 167 4. Penggunaan font, ukuran huruf, warna dan gambar
dalam aplikasi homestay karimunjawa terlihat jelas. 166 5. Aplikasi homestay karimunjawa ini mudah untuk
dipelajari. 164
6. Aplikasi homestay karimunjawa ini menarik. 172 7. aplikasi homestay karimunjawa ini mendorong rasa
ingin tahu terhadap suatu homestay di karimunjawa. 172 8. aplikasi homestay karimunjawa ini dapat digunakan
dimana saja dan kapan saja. 173
Jumlah 1368
Jumlah soal pengujian 8
Jumlah skor ideal (n) 8x5x40 = 1600
Jumlah nilai pengujian (f) 1368
Presentase kelayakan (P) (1368/1600)x100=85,5 %
Kriteria Sangat layak
Tabel 4.9 Klasifikasi Presentase
No Presentase Kriteria
1. 75% - 100% Sangat Layak
2. 50% - 75% Layak
3. 25% - 50% Cukup Layak
4. 1% - 25% Kurang Layak
Tabel 4.10 Hasil Penilaian Angket Responden No. Jumlah
Responden
Instrument Skor Ideal (n)
Skor Total (f)
Presentase Kriteria Keterangan
1 40 8 1600 1368 85,5% Sangat
Layak -
