Query: CRUD dengan Upload Gambar

Rayssa Ravelia / 5025211219 / PWEB (A)

Pada tugas ke-9, kami belajar untuk mengimplementasikan CRUD (Create, Read, Update, dan Delete) pada list siswa, sehingga memudahkan dalam mengelola data siswa secara efisien. Sistem pendaftaran siswa baru yang saya menggunakan bahasa PHP, HTML, CSS , MySQL menggunakan XAMPP yang dijalankan pada local host, serta terdapat bootstrap.

Berikut ini adalah link repository dari sistem pendaftaran siswa baru yang saya buat:

Link github : github

Link deploy web: N/A (dijalankan pada local host)

Daftar Isi

Penjelasan & Screenshot bagian Frontend

Penjelasan Bagian Backend

Penjelasan & Screenshot Web Bagian Frontend

Terdapat 3 page yang dibentuk yakni sebagai berikut :

1. Landing Page

Landing page dijalankan menggunakan index.php

Pada landing page, user akan dapat melihat daftar siswa yang ada di sekolah. Di setiap baris siswa terdapat dua aksi yang dapat dilakukan, yaitu Edit dan Delete. Tombol Edit akan mengarahkan user ke laman form_ubah.php tergantung dari ID siswa yang ingin diubah. Tombol Delete akan menghapus siswa dari daftar. Terdapat juga tombol Add New Student yang akan mengarahkan user ke laman form_tambah.php yang dimana user dapat menambahkan siswa baru.

Berikut ini adalah tampilan landing page yang sudah ditambahkan berdasarkan database yang saya buat:

2. Edit Student Page

Edit Student Page dijalankan menggunakan form_ubah.php

Pada Edit Student Page, user dapat mengubah data siswa yang sudah terdapat dari SIN, Name, Gender, Phone Number, Address, dan Photo. User juga dapat memilih opsi Edit dan Cancel. Opsi Edit akan menyimpan data yang sudah diedit oleh user ke dalam database. Opsi Cancel akan mengarahkan user kembali ke landing page.

Sebagai contoh, saya ingin mengubah data Dwayne Johnson sehingga laman yang terbuka adalah sebagai berikut:

Kemudian, saya mengubah data name, photo, address siswa tersebut sebagai berikut:

Maka data siswa akan diperbaharui sebagai berikut:

3. Add New Student Page

Add New Student Page dijalankan menggunakan form_tambah.php

Pada Add New Student Page, user harus memasukkan SIN, name, gender, Phone Number, Address, photo yang nantinya akan disimpan ke dalam index.php setelah berhasil melakukan pendaftaran.