FP_PWEB

  

Nama

NRP

Mata Kuliah / Kelas

Tugas

:

:

:

:

Muhammad Tabah Pristiawan

5053231019

Pemrograman Web M / RPL

FP

---

1. 1. Deskripsikan Topik Final Project yang dikerjakan, dan jelaskan fitur yang tersedia di dalam aplikasi

   Deskripsi

   Sistem Database CRUD menggunakan MySql dan PHP untuk Website Training/Bootcamp, bernama Decoding Bootcamp

   
   

   • Fitur

   1. Landing page

   2. Login (admin / user)

   3. Registrasi(user)

   4. Dashboard (admin / user)

   5. upload file foto 

   6. download file/kartu member .PDF

   7. download file tabel daftar user .PDF (admin)

   8. Edit / Hapus data user (admin)

   
   

   • Skenario

   • User Disambut dengan Home page yang menampilkan opsi Login (User/Admin) 

   • User / admin Memasuki Page dashboard yang terdapat beberapa opsi yang dapat dilakukan

   • Form Registrasi (Khusus user). user akan memasukan Data sebagai atribut + Upload file foto

   • User berhasil mendaftar dan mendapatkan Member id Card yang dapat dicetak /di download menjadi file .PDF

   • Admin memiliki hak akses masuk Halaman Daftar user terdaftar

   • Admin dapat Mengedit / menghapus user terdaftar

   • Admin dapat mencetak/mendownload Tabel list daftar user ke file .PDF

   • User masuk lewat login memiliki hak masuk kedalam daftar user terdaftar namun tidak terdapat akses Edit/Hapus

   
   

   2. Jelaskan Arsitektur MVC Aplikasi Final Project yang dikerjakan

   • MODEL

   • Landing page : Menginformasikan apa saja yang akan didapatkan di Bootcamp ini

   • Login : Memvalidasi kredensial user (admin/user) terhadap data di database

   • Dashboard : Menampilkan fitur yang bisa diakses oleh user/admin

   • Registrasi: Menyimpan data pendaftaran user ke database, termasuk informasi profil dan file foto.

   • Edit/Hapus Data User: Mengupdate atau menghapus informasi user berdasarkan input admin.

   • Download File: Mengambil data file dari database untuk diunduh 

   • VIEW

   • Login Page: Menyediakan form login untuk admin dan user.

   • Registrasi Page: Menyediakan form pendaftaran untuk user baru, termasuk input untuk foto.

   • Form Edit Data: Menampilkan form untuk admin mengubah informasi user.

   • Controller

   • Login: Mengambil data dari form login, memverifikasinya melalui model, dan mengarahkan user ke dashboard sesuai perannya.

   • Registrasi: Mengolah data dari form registrasi dan menyimpannya melalui model.

   • Dashboard: Mengambil data dari model dan menampilkan dashboard sesuai role user.

   • Upload/Download File: Mengatur alur untuk mengunggah atau mengunduh file.

   • Edit/Hapus Data: Mengolah permintaan admin untuk mengedit atau menghapus user.

   
   

   • Desain UI

   3. Link Figma: Final Project Web Programming | Bootcamp Website Design

   
   
   
   
   
   
   
   
   
   

   1. Landing Page

   

   Tampilan utama website yang berisi informasi terkait bootcamp dan konten website

   
   

   2. Login Page

   

   halaman Login Admin / User menentukan hak akses

   
   

   3. Dashboard (Peserta)
      

   Tampilan dashboard website khusus untuk yang login menggunakan akun peserta.

   
   

   4. Dashboard (Admin)

   

   Tampilan dashboard website yang dikhususkan untuk admin saja yang dapat mengakses list daftar peserta bootcamp

   
   

   5. Form Pendaftaran Peserta (Peserta)

   

   Laman user melakukan registrasi member bootcamp yang berisikan data pribadi peserta dan beserta upload foto diri.\

   
   

   6. Manajemen List Peserta (Admin)

   

   Laman list peserta yang hanya bisa diakses oleh admin. Berisi list daftar peserta yang mendaftar bootcamp. Admin dapat mengedit maupun menghapus data setiap peserta

   
   

   7. Form Edit Data Peserta (Admin)

   

   Laman list peserta yang hanya bisa diakses oleh admin. Berisi list daftar peserta yang mendaftar bootcamp. Admin dapat mengedit maupun menghapus data setiap peserta

   
   

   4. Implementasi aplikasi (coding)
   Link GitHub: https://github.com/Ardyansyah3103/Decoding-Bootcamp-Regist

   
   

   5. Presentasi untuk menunjang demo aplikasi

   Link Canva: Final Project Presentation | Bootcamp Website

   
   

   6. Demo website bootcamp

   Link YouTube: https://youtu.be/uGmUCK5MmgI