Materi Web Programming

(Studi Kasus: Aplikasi Pustaka Booking – Perpustakaan Online)

1. Pengantar Web Programming

Web Programming adalah proses membuat dan mengembangkan aplikasi berbasis web dengan menggunakan bahasa pemrograman tertentu. Aplikasi web dapat diakses melalui browser dan biasanya membutuhkan server untuk menyimpan dan mengelola data.

Pada mata kuliah ini, kita akan fokus pada pembuatan aplikasi Pustaka Booking — yaitu aplikasi perpustakaan online, di mana pengguna dapat melihat daftar buku, melakukan peminjaman, dan pengembalian buku secara digital.

2. Tools yang Dibutuhkan

Untuk memulai pengembangan aplikasi Pustaka Booking, beberapa tools utama yang perlu disiapkan adalah:

• Visual Studio Code (VS Code)
  Sebagai code editor untuk menulis kode HTML, CSS, PHP, dan JavaScript.

• XAMPP
  Untuk menjalankan server lokal (Apache) dan database server (MySQL) di komputer kita.

• Browser (Chrome/Firefox)
  Untuk mengetes dan menampilkan aplikasi web yang sudah dibuat.

• Git (Opsional)
  Untuk manajemen versi proyek jika ingin lebih profesional.

3. Gambaran Aplikasi: Pustaka Booking

Pustaka Booking adalah aplikasi sederhana namun fungsional yang dibuat untuk:

• Menampilkan daftar koleksi buku perpustakaan

• Melakukan booking/peminjaman buku online

• Mengelola data pengguna

• Mengelola data buku dan transaksi pinjam/kembali buku

Fitur utama yang akan dibuat:

• Login/Register User

• Dashboard Admin dan User

• CRUD Data Buku

• Booking Buku

• Riwayat Peminjaman

Aplikasi ini menggunakan konsep dasar CRUD (Create, Read, Update, Delete) dan MVC Pattern (Model-View-Controller) sederhana untuk memperkenalkan prinsip pengembangan aplikasi web modern.

4. Alur Pengembangan Materi

Materi perkuliahan disusun agar mudah dipahami oleh semua kalangan, mulai dari pelajar, mahasiswa, hingga masyarakat umum yang ingin belajar Web Programming. Setiap pertemuan akan dibagi ke dalam topik kecil, seperti:

• Pengenalan HTML, CSS, dan PHP dasar

• Membuat struktur halaman

• Membuat koneksi database dengan MySQL

• Membuat halaman login dan registrasi

• Menampilkan data buku

• Membuat fitur booking

• Membuat halaman admin untuk kelola data

• Validasi input dan keamanan dasar aplikasi

Metode pengajaran berbasis praktik langsung (learning by doing) dengan contoh-contoh nyata agar konsep lebih cepat dimengerti.

5. Kenapa Materi Ini Cocok untuk Semua Kalangan?

• Bahasa yang digunakan sederhana dan bertahap

• Fokus pada praktik langsung dibandingkan teori yang berat

• Setiap langkah akan dijelaskan secara rinci

• Tidak membutuhkan pengalaman programming sebelumnya

• Tools yang digunakan gratis dan ringan

• Memberikan hasil nyata berupa aplikasi yang bisa langsung digunakan