FINAL PROJECT PWEB 2023

Nama : Gracetriana Survinta Septinaputri 

NRP : 5025211199

Kelas : Pemrograman Web B

Referensi Paper : DESAIN DAN IMPLEMENTASI SISTEM INFORMASI RESERVASI TEMPAT PADA CAFÉ TAHU BERBASIS WEB

Studi Kasus :

    Cafe TAHU adalah sebuah usaha yang bergerak di bidang kuliner yang menyajikan masakan ciri khas mereka yaitu olahan tahu dan berbagai hidangan lainnya. Selama ini, customer yang ingin melakukan reservasi di Cafe TAHU hanya bisa melalui tatap muka atau datang langsung ke Cafe. Hal tersebut tentu tidak efektif dan efisien baik untuk customer maupun manager Cafe TAHU dan dapat berpotensi menghambat proses pelayanan dan kinerja dari Cafe TAHU sendiri. Maka dari itu, Cafe TAHU membutuhkan aplikasi berbasis website untuk reservasi tempat. Website reservasi ini dibuat menggunakan PHP dan MySQL.

Rancangan Umum Arsitektur dan Fitur :

• Halaman Utama (Landing Page)

        Website Cafe TAHU memiliki halaman utama yang terdiri dari Home, Menu, Virtual Room About Us, dan Contact Us.

• Form User Login

     Pada halaman utama/menu Home, terdapat form User Login. Untuk menjadi member dan melakukan reservasi tempat, customer harus mengisi form User Login terlebih dahulu.

• Section What's New

         Pada Home juga terdapat form What's New yang berisi promo dan berita terbaru tentang Cafe TAHU.

• Section All About Company

         Pada Menu About Us berisi profil dari Cafe Tahu, sejarah Cafe Tahu, dan sedikit informasi tentang proses pembuatan tahu.

•  Form Shared with Others

            Terdapat form yang berisi link dari social media Cafe TAHU.

• Form Pendaftaran

         Jika pada User Login tadi tidak bisa masuk karena belum memiliki akun, maka sebelumnya customer dapat mendaftarkan akun terlebih dahulu pada form pendaftaran.

• Virtual Room

          Pada Menu Virtual Room, terlihat gambar-gambar tempat duduk yang ada atau singkatnya adalah denah tempat duduk di Cafe TAHU. Customer dapat melihat tempat duduk melalui gambar sebelum melakukan reservasi.

• Menu

          Pada menu "Menu" customer dapat melihat menu-menu apa saja yang disajikan oleh Cafe TAHU beserta gambar dan harganya.

• Form Reservasi

          Form reservasi ini berfungsi untuk customer melakukan pemesanan atau reservasi tempat pada Cafe TAHU. Form ini berisi data-data yang perlu diisi berupa tanggal, jam mulai dan selesai, nomor meja, harga, nama lengkap, email, dan nomor telepon pemesan serta note jika ada catatan khusus dari pemesan. Jika sudah selesai mengisi data yang diperlukan maka bisa klik tombol "Confirm Reservation".

Desain Database

• Tabel Registrasi

• Tabel User Login

• Tabel Reservasi

Desain Frontend

• Halaman Utama 

Saya lakukan redesign dengan menambahkan banner di tengah halaman utama dan menambah logo pada pojok kiri atas.

• Virtual Room

• Menu

• Form Registrasi

Action yang akan menghandle logika Backend

1. Manajemen Database

Website membutuhkan action untuk menyambungkan database ke program serta menyusun dan menjalankan query untuk menyimpan, menghapus, mengedit, memperbarui data.

2. Validasi Data

Validasi data diperlukan untuk memeriksa dan memastikan bahwa data yang diinput sesuai dengan apa yang ada di database.

3. API

API menyediakan endpoint dan metode untuk berkomunikasi dengan frontend.

4. Pemrosesan Data

Mengelola operasi yang perlu melakukan pengiriman data ke Database.

IMPLEMENTASI

Implementasi yang kelompok kami buat berdasar dari paper di atas dengan mengambil beberapa fitur saja seperti Halaman Utama, About Us section, Menu section. Kami membuat website sebuah produsen biji kopi bernama UNO RESERVE yang memiliki kebun kopi, roastery, dan slow bar. Tujuan website kami adalah untuk melakukan reservasi jika ingin datang ke UNO RESERVE.

Video Demo Final Project

Anggota Kelompok :

1) Gracetriana Survinta Septinaputri (5025211199)

2) Nadira Milha Nailul Fath (5025211253)

Link Github : FP PWEB