Projek Web Programming - Web Restaurant

Muhammad Afdhal Rezkikasyah

Sosial Media


0 orang menyukai ini
Suka

Summary

Summary

Web Restaurant adalah sebuah layanan konsumsi pangan yang berbentuk website untuk konsumen agar pemesanan makanan atau minuman lebih efisien dan cepat, dan cocok digunakan ketika masa pandemi pada saat ini untuk menekan jumlah penyebaran covid-19 dengan mengurangi physical interaction.

Description

Description

Tema

Website yang saya buat kali ini bertemakan restoran website yang menyediakan makanan dan minuman tradisonal khas Indonesia dari berbagai daerah, dengan tema warna dan corak huruf berwarna coklat dan emas.

 

Tujuan

  • Memperkenalkan kembali makanan khas daerah Indonesia kepada millenial zaman sekarang.
  • Melestarikan Budaya Indonesia termasuk cirikhas makanan nya.
  • Membawa Budaya Indonesia ke jenjang Internasional dengan memperkenalkan makanan dan minuman khas Indonesia kepada seluruh orang di Dunia.
  • Mempermudah Layanan konsumsi pangan kepada seluruh konsumen di Indonesia. 

 

Teknologi Website

Dalam membangun Website ini kami menggunakan 2 buah bahasa Pemrograman dan Sebuah HTML yaitu:
   - CSS(Cascading Style Sheet)
     ~Framework: Bootstrap
   -JavaScript/Node.Js
    ~Framework: Express.Js
    ~Package Manager: bcrypt, ejs, passport.

Dan Text Editor berupa:
   -Visual Studio Code
   -Replit

 

Web Developer

Front-End: Muhammad Afdhal Rezkikasyah
Back-End: Rizky Hidayatullah

 

Mekanisme Website

  • Pertama-tama ketika User membuka website, maka User akan diarahkan langsung ke Halaman Home, dengan menu drop-downnya berupa Login dan bukan Akun karena User baru pertamakali mengunjungi website dan belum pernah melakukan Register.
     

 

  • Dan User hanya bisa melihat-lihat website saja, oleh karena itu User melakukan Register dengan mengisikan Username,Email,dan Password untuk melakukan pemesanan dan setelah melakukan Register User akan di arahkan langsung ke halaman Login, dan user mengisi Email serta Password.

 

 

  • Setelah itu User akan diarahkan kembali menuju kepada Homepage, dengan menu drop-down nya berupa akun ketimbang Login karena User sudah melakukan Register dan Login.

 

 

  • Lalu User dapat melanjutkan memesan makanannya dengan menekan tombol menu pada Navigation Bar

 

 

  • Setelah User menekan tombol menu, User akan langsung diarahkan ke halaman Menu dan User dapat memilih makanan atau minuman yang tersedia di dalam menu, serta User dapat membuka tampilan salah satu dari makanan atau minuman dan juga bisa membuka kedua-duanya, (dalam contoh ini user memilih makanan soto)

 

 

  • Setelah User memilih makanan, User akan di arahkan menuju ke DashBoard dengan berisikan nama makanan, gambar makanan, harga makanan, penjelasan tentang makanan, pemilihan jenis makanan, dan tombol untuk membeli makanan.

 

 

  • Setelah itu User juga dapat memilih jenis makanan seperti Soto Lamongan dan Soto Banjar, atau ingin memilih pilihan Default, yaitu Soto Bandung.

 

 

Setelah itu User dapat melakukan pembayaran Transfer atau Barcode, dan menerima makanan dan history pemesanannya.

 

Tampilan dan Fitur Lainnya

  • About Page

 

  • Account Page

 

  • Media Queries

 

  • Navigation Bar

 

Potongan Codeline Program

 

Penutup

Sekian, untuk portofolio Saya, mohon maaf apabila ada kekurangan atau salah kata. Assalamu'alaikum warahmatullahiwabarakaatuh, dan Selamat Pagi, Selamat Siang, Selamat Malam. Terimakasih.

~Muhammad Afdhal Rezkikasyah

 

Informasi Course Terkait
  Kategori: Web Programming
  Course: Dasar – dasar Node JS