Laporan praktikum web 1

1. Membuat Folder Baru

Langkah pertama adalah membuat folder baru dengan nama crud di dalam folder htdocs. Setelah itu, buka folder tersebut menggunakan aplikasi VS Code dan susun struktur file atau direktori sesuai dengan gambar yang terlampir.

Web Dev

2. Membuat Database

Langkah awal adalah membuat database baru dengan nama pemrograman_web, kemudian buatlah tabel mahasiswa sesuai dengan struktur yang tertera berikut ini.

Web Dev

3. Koneksi Database

Untuk menghubungkan ke database, buatlah file baru bernama database.php di dalam folder config, kemudian masukkan kode program berikut ini.

Web Dev

4. File config.php

File config.php digunakan untuk mendefinisikan variabel konstan yang dapat diakses dari kelas manapun. Pada praktikum ini, akan dibuat variabel konstan dengan nama BASE_URL yang berisi string base URL dari proyek yang sedang dibuat. URL tersebut disesuaikan dengan nama proyek yang telah dibuat.

Web Dev

5. Alert

Buat file Alert.php dengan fungsi untuk menampilkan pesan operasi data. Gunakan dua argumen: $msg (pesan), dan $sts (1 = berhasil, 0 = gagal).

Web Dev

6. Class/model/mahasiswa

Class Mahasiswa digunakan untuk membuat fungsi operasi Create, Read, Update, dan Delete (CRUD) data mahasiswa. Berikut adalah langkah-langkah pembuatan class Mahasiswa. Pertama, kita akan memanggil session_start(), mendeklarasikan variabel-variabel yang dibutuhkan, serta membuat fungsi konstruktor untuk menghubungkan ke database.

Web Dev

7. Fungsi Mahasiswa

File function/Mahasiswa.php berperan sebagai controller yang menghubungkan antara model dan view. Pada file ini, dilakukan include terhadap file Database.php, Config.php, dan model Mahasiswa.php. Selanjutnya, dibuat objek dari class Database dan Mahasiswa, kemudian dilakukan koneksi antara keduanya. Setelah itu, parameter action seperti create, delete, dan update dicek untuk menjalankan fungsi sesuai dengan aksi yang diminta.

Web Dev

8. View

Index.php untuk menampilkan data mahasiswa.

Web Dev

Create.php untuk Form input data mahasiswa baru.

Web Dev

Edit.php untuk edit data mahasiswa

Web Dev ← Kembali ke Blog