Skip to content
Snippets Groups Projects
Michael Hans's avatar
Michael Hans authored
1f0d8eef
Forked from IF3110-2020 / Tugas Besar 1 - 2020
98 commits ahead of the upstream repository.
Name Last commit Last update
chocolate
mockup
screenshots
.gitignore
README.md

Willy Wangky Chocolate E-Commerce

Authors

IF3110 Pengembangan Aplikasi Berbasis Web Kelompok 03 Kelas 02

  • 13518054 - Muh. Muslim Al Mujahid
  • 13518056 - Michael Hans
  • 13518062 - Ricky Fernando

Deskripsi Aplikasi Web

Aplikasi Willy Wangky Chocolate adalah aplikasi berbasis web yang dibangun untuk memenuhi kebutuhan bisnis di bidang e-commerce. Aplikasi ini bertujuan untuk melakukan penyimpanan data terkait cokelat-cokelat yang dimiliki oleh pemilik aplikasi dan melakukan segala transaksi pembelian produk online yang akan dilakukan oleh para pengguna aplikasi yang ingin membeli cokelat-cokelat tersebut. Aplikasi ini dibangun di atas website dengan memanfaatkan PHP sebagai server utama, MySQL sebagai database utama. Aplikasi ini dibangun dengan rancangan dari low-fidelity prototype yang sudah disediakan sebelumnya oleh pemilik perusahaan.

Daftar Requirement

ID Requirement
RQ-01 Aplikasi dapat melakukan login ke server
RQ-02 Aplikasi dapat mendaftarkan akun baru ke server
RQ-03 Aplikasi dapat melakukan pencarian produk berdasarkan nama produk
RQ-04 Aplikasi dapat menampilkan informasi lengkap suatu produk
RQ-05 Aplikasi dapat melakukan transaksi pembelian produk
RQ-06 Aplikasi dapat menampilkan riwayat transaksi yang dilakukan user
RQ-07 Aplikasi dapat melakukan penambahan stok produk
RQ-08 Aplikasi dapat menambahkan jenis coklat yang baru

Catatan: Terdapat 2 dari 3 bonus yang sudah diimplementasikan, yaitu:

  1. Pada halaman Buy Chocolate, ketersediaan coklat diperbaharui secara real-time. Contoh jika pengguna A ingin membeli persediaan terakhir coklat dengan jenis tersebut dan ternyata pengguna B telah membeli coklat terakhir tersebut, maka ketersediaan coklat perlu diperbaharui. Akibatnya, pengguna A tidak dapat membeli coklat dengan jenis tersebut. Pembaharuan ketersediaan coklat menggunakan AJAX.
  2. Tampilan dibuat responsif (minimal untuk ukuran 1280x768 dan 800x600). Artinya, tampilan mungkin berubah menyesuaikan ukuran layar.

Cara Instalasi

Prerequisites

Berikut ini adalah persiapan environment yang dibutuhkan untuk menjalankan aplikasi.

  • XAMPP Control Panel
    • PHP Programming Language
    • MySQL Database (phpMyAdmin)
  • Web Browser (disarankan Google Chrome)

Installation

Berikut ini adalah cara instalasi agar aplikasi web dapat berjalan dengan baik.

  1. Lakukan download dan instalasi XAMPP melalui laman https://www.apachefriends.org/download.html
  2. Lakukan download dan instalasi Google Chrome melalui laman https://www.google.com/chrome/

Cara Menjalankan Server

  1. Jalankan tools XAMPP Control Panel pada Desktop.
  2. Jalankan Apache dan MySQL dengan menekan tombol Start hingga indikator menunjukkan warna hijau.
  3. Server sudah siap dijalankan.
  4. Default root directory dari server ada pada C:\xampp\htdocs
  5. Pindahkan folder chocolate pada repository ini menuju directory di atas.
  6. Buka web browser, kemudian masukkan URL berupa localhost/chocolate/index.php
  7. Apabila tampilan login.php sudah muncul pada layar tanpa perintah error apapun, maka aplikasi web siap dipakai pada server local.

Screenshot Tampilan Aplikasi

Berikut ini adalah tampilan dari aplikasi web Willy Wangky Chocolate.

  1. Login

  2. Register

  3. Dashboard

  4. Search Result

  5. Chocolate Detail Tampilan baik untuk User dan Superuser

Tampilan untuk User

Tampilan untuk Superuser / Admin

  1. Transaction History (Hanya untuk User)

  2. Add New Chocolate (Hanya untuk Superuser)

Pembagian Tugas

Berikut ini adalah pembagian tugas pada Tugas 1 IF3110 Pengembangan Aplikasi Berbasis Web.

Frontend

  1. Login : 13518054
  2. Register : 13518054
  3. Dashboard : 13518062
  4. Search Result : 13518062
  5. Chocolate Detail : 13518056
  6. Transaction History : 13518056
  7. Add New Chocolate : 13518056

Backend

  1. Login : 13518054
  2. Register : 13518054
  3. Dashboard : 13518062
  4. Search Result : 13518062
  5. Chocolate Detail : 13518056
  6. Transaction History : 13518056
  7. Add New Chocolate : 13518054

Acknowledgments

Dosen IF3110 K02 Tahun Ajaran 2020-2021

  • Yudistira Dwi Wardhana Asnar ST,Ph.D.

Asisten IF3110 - 2020

  • Abel | Agwar | Asif | Iwang | Meyer | Vendra