Final Project Pemrograman Web B

Saya Muhamad Iqbal Ramadhan dengan NRP 5025221274,
kali ini saya mengerjakan Final Project Pemrograman Web Kelas B dengan ketenuan sebagai berkut:

Cari paper yang berhubungan dengan aktivitas pembuatan perangkat lunak/ aplikasi.

Papper yang saya jadikan referensi: Full Document

Berdasarkan Papper "Perancangan Aplikasi Rental Mobil Pada Sumardi Rental" Paper tersebut saya jadikan sebagai refensi dan ide untuk studi kasus Final Project saya. Kemudian ide tersebut saya kembangkan dan implementasikan untuk membuat rancangan umum, rancangan data base dan logika backend. Untuk front end saya redesign dengan tampilan yang lebih fresh susaui keinginan saya.

1. Buatlah deskribsi studi kasus pemrograman web (individu)

Kita semua tahu bahwa biasanya kita harus mengunjungi penyewaan mobil jika kita ingin meminjam atau menyewa mobil. Selain itu, penggunaan alat transformasi meningkat sebagai akibat dari tingginya mobilitas masyarakat, terutama mobil yang sering digunakan untuk perjalanan. Karena harganya yang mahal, alat transportasi ini tidak cocok untuk semua orang.

Oleh karena itu, aplikasi rental mobil berbasis web dibuat untuk membuat calon penyewa lebih mudah menemukan mobil yang tersedia di sekitar mereka dan dapat mengaksesnya melalui internet tanpa harus pergi ke lokasi penyewaan terlebih dahulu.

Pengguna dapat melihat lihat pada web mobil apa saja yang tersedia dan detail dari mobil tersebut mulai dari harga sewanya, kapasistas mobilnya, mesin, dan kapasistas mobil tersebut. Hal tersebut dapat dijadikan Pengguna suapaya dapat menentukan mobil yang ingin dia sewa dengan yakin.

2. Buatlah rancangan umum arsitektur atau fitur yang ada dalam aplikasi (individu)

Fitur User:

Registrasi: User dapat membuat account baru
Login: Setelah register, user dapat melakukan login
Home Page: User dapat melihat - melihat mobil yang tersdia dengan banyak macamnya dan mengetahui sedikit detail dari setiap mobil
Deails page: Setiap mobil memimiliki details page nya masing-masing untuk kejelasan dari mobil tersebut
Order Page: User dapat melakukan order dan mengisi beberapa form didalamnya
Konfirmasi order: User melakukan pembayaran dan konfirmasi kepada admin
Update Profile: User dapat melakukan update data profile
Logout: User dapat melakukan log out

Fitur Admin :

Login: Admin dapat masuk sesuai dengan username dan password yang telah disediakan untuk admin
Dashboard admin: menampilkan ada berapa mobil yang ada, berapa yang sedang tersewa, total pelanggan yang sudah menyewa,
Menambahkan mobil : Admin dapat menambahkan data mobil
Mengedit data: Admin dapat Mengedit keseluruhan data mobil
Verifikasi Pembayaran: Admin dapat melakukan verifikasi pada user yang sudah melakukan pembayaran
Melihat Orderan: Admin dapat melihat order yang sedang terjadi
Logout : Admin dapat logout

3. Rancang desain databasenya (individu)

4. Buat desain front end (individu) -- [Link Figma]

Home page (Sebelum login):

Home page (Sesudah login):

Order page:

Konfirmasi order:

Forgot password:

5. Tentukan action yang akan mengandle logika back end. (individu)

Action untuk User:

Registrasi
Menerima data registrasi dari pengguna, memeriksa validitasnya, dan menyimpan informasi pengguna ke dalam database.

Login

Memeriksa kredensial pengguna, menghasilkan token otentikasi jika berhasil, dan mengizinkan pengguna untuk mengakses fitur-fitur tertentu.

Home Page

Mengambil data mobil dari database dan mengirimkannya ke pengguna.

Details Page

Mengambil detail mobil berdasarkan ID mobil dan mengirimkannya ke pengguna.

Order Page

Menerima data pesanan dari pengguna, memeriksa ketersediaan mobil, dan menyimpan pesanan ke dalam database.

Konfirmasi Order

Mengonfirmasi pembayaran dari pengguna berdasarkan ID pesanan dan memperbarui status pesanan.

Update Profile

Menerima data pembaruan profil dari pengguna, memeriksa validitasnya, dan memperbarui informasi profil pengguna.

Logout

Menghapus token otentikasi dari pengguna, menjalankan tindakan logout.

Action untuk Admin:

Login Admin

Memeriksa kredensial admin, menghasilkan token otentikasi admin jika berhasil, dan mengizinkan akses ke fitur-fitur admin.

Dashboard Admin

Mengambil statistik terkait jumlah mobil, mobil yang sedang disewa, dan total pelanggan dari database.

Menambahkan Mobil

Menerima data mobil baru dari admin, memeriksa validitasnya, dan menyimpannya ke dalam database.

Mengedit Data Mobil

Menerima data pembaruan mobil dari admin, memeriksa validitasnya, dan memperbarui informasi mobil berdasarkan ID mobil.

Verifikasi Pembayaran

Mengonfirmasi pembayaran dari pengguna berdasarkan ID pesanan dan memperbarui status pesanan.

Melihat Orderan

Mengambil data pesanan dari database dan mengirimkannya ke admin.

Logout Admin

Menghapus token otentikasi admin, menjalankan tindakan logout.

6. Implementasikan rancangan yang sudah dibuat (pilih salah satu - bisa kelompok maks 3) -- [REPOSITORY]

Kelompok:

Ardhika Krisna Wijaya -- (5025221006)

Muhammad Iqbal Ramadhan -- (5025221274)

Faiq Lidan Baihaqi -- (5025221294)

Berdasarkan tugas FP individu dari masing-masing kami, ide yang diambil untuk diimplementasikan sebagai FP kelompok adalah ide ardhika dimana website yang fokus pada admin page dari sebuah e-commerce toko sepatu. Website ini kami implementasikan kemudian kami kembangkan lebih lanjut menjadi website ecommerce toko sepatu kami dengan nama tokonya yaitu SoleCity Kicks dengan dua tampilan, yaitu tampilan customer dan tampilan admin yang didirect langsung saat login. Berikut adalah dokumentasinya:

------------------------- Login/ Register -------------------------