Mata Kuliah: Pemrograman Berbasis Web
🧭 1. Pengertian Proyek Aplikasi Web
7
📖 Deskripsi
Proyek aplikasi web sederhana adalah implementasi nyata dari konsep:
- HTML
- CSS
- JavaScript
- Backend (PHP)
- Database (MySQL)
🧠 Narasi
Mahasiswa tidak hanya memahami teori, tetapi juga membangun sistem lengkap yang bisa digunakan. Proyek ini menjadi jembatan antara teori dan praktik dalam pengembangan web.
🎯 2. Tujuan Pembelajaran Proyek
📖 Deskripsi
Tujuan utama:
🧱 Tabel Tujuan
| Tujuan | Penjelasan |
|---|---|
| Integrasi | Menggabungkan frontend & backend |
| Praktik | Implementasi nyata |
| Problem solving | Menyelesaikan kasus |
| Kesiapan industri | Bekal kerja |
🧠 Narasi
Melalui proyek, mahasiswa belajar berpikir seperti developer profesional.
🧩 3. Contoh Studi Kasus Proyek
6
📖 Deskripsi
Contoh proyek:
- Sistem Data Mahasiswa
- Aplikasi To-Do List
- Sistem Login & Registrasi
🧠 Narasi
Untuk pembelajaran, disarankan memilih proyek yang sederhana namun mencakup semua konsep utama.
🏗️ 4. Arsitektur Sistem Proyek
6
📖 Deskripsi
Arsitektur terdiri dari:
🧱 Layer
| Layer | Teknologi |
|---|---|
| Frontend | HTML, CSS, JS |
| Backend | PHP |
| Database | MySQL |
🧠 Narasi
Struktur ini adalah standar industri dalam pengembangan web.
🗂️ 5. Perancangan Database
7
📖 Deskripsi
Contoh tabel:
🧱 Tabel Mahasiswa
| Field | Tipe |
|---|---|
| id | INT |
| nama | VARCHAR |
| jurusan | VARCHAR |
🧠 Narasi
Perancangan database adalah fondasi sistem yang baik.
📝 6. Desain Antarmuka (UI)
7
📖 Deskripsi
UI meliputi:
- Form input
- Tabel data
- Navigasi
🧠 Narasi
UI harus sederhana, jelas, dan mudah digunakan.
🔄 7. Implementasi CRUD
6
📖 Deskripsi
CRUD adalah inti aplikasi.
🧱 Tabel
| Operasi | Fungsi |
|---|---|
| Create | Tambah data |
| Read | Tampilkan data |
| Update | Edit data |
| Delete | Hapus data |
🧠 Narasi
Semua aplikasi berbasis data pasti menggunakan CRUD.
🔐 8. Sistem Login dan Session
9
📖 Deskripsi
Fitur login:
- Username & password
- Session
- Logout
🧠 Narasi
Fitur ini penting untuk keamanan aplikasi.
🔌 9. Integrasi Backend dan Database
6
📖 Deskripsi
Backend menghubungkan:
- Form
- Database
- Tampilan
🧠 Narasi
Integrasi ini membuat aplikasi bekerja secara penuh.
⚠️ 10. Testing dan Debugging
7
📖 Deskripsi
Pengujian meliputi:
- Fungsi berjalan
- Data tersimpan
- Error handling
🧠 Narasi
Testing memastikan aplikasi berjalan sesuai harapan.
🚀 11. Deployment (Publikasi Web)
8
📖 Deskripsi
Deployment adalah proses:
- Upload ke server
- Akses melalui internet
🧠 Narasi
Tahap ini membuat aplikasi bisa digunakan oleh publik.
🧪 12. Studi Kasus Proyek Lengkap
🎯 Tugas Akhir
Buat aplikasi:
- Login system
- CRUD data mahasiswa
- Database MySQL
- UI sederhana
📊 13. Rubrik Penilaian
| Aspek | Bobot |
|---|---|
| Fungsionalitas | 40% |
| UI/UX | 20% |
| Kode | 20% |
| Presentasi | 20% |
🎯 14. Kesimpulan
- Proyek mengintegrasikan semua materi
- CRUD dan login adalah inti
- Backend + database wajib terhubung
- Testing dan deployment penting
🎓 Penutup
Proyek ini menjadi bekal untuk:
➡️ Skripsi / penelitian
➡️ Freelance web developer
➡️ Pengembangan startup
