Deskripsi Proyek Web - Shanti Asih Homestay

Shanti Asih Homestay Website merupakan mini project pada mata kuliah Pemrograman Web yang bertujuan untuk mensimulasikan sistem booking homestay secara sederhana berbasis frontend.

Website ini dirancang untuk memberikan pengalaman pengguna dalam melihat informasi homestay, mengeksplorasi kamar yang tersedia, serta melakukan simulasi pemesanan kamar secara online.

Aplikasi ini mengangkat konsep homestay keluarga yang berlokasi di Ubud, Bali, dengan tampilan yang sederhana, clean, dan mudah digunakan.

Fitur utama yang tersedia pada website ini antara lain:

1. Search Kamar
Pengguna dapat mencari dan memfilter kamar yang tersedia berdasarkan keyword tertentu.

2. Detail Kamar
Setiap kamar memiliki halaman detail yang menampilkan gambar, deskripsi, harga, serta fasilitas yang tersedia.

3. Form Booking dengan Validasi
Pengguna dapat mengisi form booking dengan validasi input secara real-time, termasuk pengecekan tanggal check-in dan check-out.

4. Informasi Lokasi
Website menyediakan informasi lokasi homestay yang terhubung dengan Google Maps untuk memudahkan pengguna menemukan lokasi.

Website ini dikembangkan tanpa backend (frontend only), sehingga seluruh proses booking merupakan simulasi menggunakan JavaScript.

Infografis Aplikasi

Berikut merupakan infografis dari aplikasi Shanti Asih Homestay Website:

Klik jika infografis tidak muncul


PPT Presentasi

Berikut merupakan file presentasi:

Klik jika tidak muncul


Wireframe Aplikasi

Wireframe digunakan sebagai acuan dalam perancangan struktur halaman seperti homepage, rooms, detail, dan booking page.

Klik jika tidak muncul


Link Source Code

Lihat Source Code di GitHub

Website Dipublish

Buka Website Shanti Asih Homestay


Video Presentasi

Tonton di YouTube

Komentar

Postingan populer dari blog ini

Pertemuan 7 : Belajar Bootstrap sebagai salah satu kerangka kerja untuk bagian front-end website

Pertemuan 6: Latihan Membuat Web dengan menerapkan JavaScript (Membuat Laman Form Registrasi Mahasiswa)