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