Monolithic Web App - Dorayaki Store
- Deskripsi Aplikasi Web
- Requirements
- Cara Instalasi
- Cara Menjalankan Server
- Screenshots
- Pembagian Tugas
Aplikasi Web Monolitik berbasiskan PHP, JavaScript, AJAX, dan dilengkapi basis data menggunakan SQLite. Aplikasi Web mensimulasikan online shop dorayaki sederhana yang menitikberatkan pada manajemen stok item-item dorayaki. Fitur-fitur yang tersedia meliputi :
- Autentikasi Pengguna
- Pengelolaan Varian Dorayaki
- Manajemen Stok Dorayaki
- Melihat Daftar Varian Dorayaki
- Melihat Riwayat Perubahan Stok Dorayaki
- Pembelian Dorayaki
- Melihat Riwayat Pembelian Dorayaki
- XAMPP , dilengkapi PHP dan SQLite
- Web Browser (disarankan versi terbaru, support HTML 5, CSS 3, dan JavaScript ES6)
- Download dan Install XAMPP
- Pastikan PHP sudah berada pada Path pada Environment Variable : masukkan path direktori yang mengandung
php.exepada Path Environment Variable - Pastikan SQLite sudah di config pada
php.iniyang dapat diakses pada bagian Config pada antarmuka XAMPP Module Apache , un-commentextension=pdo_sqlitedanextension=sqlite3 - Download repositori ini (tugas-besar-1), taruh di dalam direktori instalasi XAMPP pada
xampp/htdocs
- Run XAMPP, start module Apache dan MySQL
- Run command line, change directory ke direktori tempat aplikasi web berada
xampp/htdocs/tugas-besar-1, run commandphp -S localhost:port-number, jika port number yang digunakan adalah 8080 maka command yang digunakanphp -S localhost:8080 - Untuk inisialisasi basis data pada pertama kalinya, pergi ke URL
localhost:8080/db/init_db.phpdanlocalhost:8080/db/init_sample.phppada browser (untuk inisialisasi sampel data); Asumsi port yang digunakan = 8080 - Jika data sudah diinisialisasi, dapat mengakses aplikasi web dengan pergi ke URL
localhost:8080pada browser (basis data tidak perlu diinisialisasi ulang untuk penggunaan berikutnya). - Akan ditampilkan halaman index, jika belum login maka diarahkan ke halaman login.
- Login
- Sign Up
- Dashboard
- Dorayaki Details
- Change Amount
- Add Variant
- Edit Variant
- Transaction History
- Product Specific History
- Search Result
- Perubahan Tubes 2 : navbar admin & halaman request
- Menghilangkan Halaman Add Dorayaki -> Menggantinya dengan fungsi Update pada navbar, berguna untuk melakukan
fetch terhadap data nama dorayaki melalui protokol SOAP pada Java Servlet - Pada halaman edit dorayaki untuk setiap dorayaki tidak dapat melakukan perubahan nama dan stok
dorayaki, hanya dapat mengedit harga, deskripsi, dan gambar - Untuk menambah dan mengurangi stok dorayaki pada halaman edit_amount dilakukan request perubahan stok lewat protokol SOAP pada Java Servlet (submitChangeSOAP pada util/item_util.php)
- Menambahkan halaman yang isinya request perubahan stok dorayaki dan melakukan sinkronisasi request dengan SOAP
- Perubahan skema basis data : menambahkan tabel request pada basis data yang berisi daftar request perubahan stok dorayaki
- Login : 13519091
- Register : 13519091
- Dashboard : 13519069
- Hasil pencarian : 13519069
- Penambahan,pengubahan,penghapusan varian dorayaki : 13519018
- Detail varian dorayaki : 13519018
- Pengubahan stok/Pembelian dorayaki : 13519018
- Data Expire Time : 13519091
- Docker : -
- Halaman Riwayat Pengubahan stok/Pembelian dorayaki : 13519018
- Halaman Update : 13519018
- Halaman Request + Sync : 13519018
- Login : 13519091
- Register : 13519091
- Dashboard : 13519069, 13519018
- Hasil pencarian : 13519069
- Penambahan,pengubahan,penghapusan varian dorayaki : 13519018
- Detail varian dorayaki : 13519018
- Pengubahan stok/Pembelian dorayaki : 13519018
- Responsive design : 13519018, 13519069, 13519091
- Halaman Riwayat Pengubahan stok/Pembelian dorayaki : 13519018
- Halaman Update : 13519018
- Halaman Request + Sync : 13519018