Aplikasi CRUD dengan PHP, MySQL, Bootstrap, dan JQuery AJAX
CRUD adalah singkatan dari Create, Read, Update, dan Delete yang merupakan operasi dasar yang harus diketahui oleh setiap programmer karena akan selalu digunakan dalam membangun sebuah sistem.
PHP 8
Menggunakan bahasa pemrograman PHP 8.
MySQL
Menggunakan database management system MySQL.
MySQLi Extension
Menggunakan MySQLi Extension untuk berkomunikasi dengan database.
Bootstrap 5
Menggunakan framework CSS Bootstrap 5 untuk membuat desain tampilan aplikasi.
jQuery
Menggunakan library JavaScript jQuery untuk memudahkan dan mempercepat dalam membuat website yang interaktif.
AJAX (Asynchronous JavaScript and XML)
Menggunakan jQuery AJAX untuk membuat aplikasi web interaktif yang dapat melakukan operasi CRUD tanpa reload/refresh halaman.
Font Awesome
Menggunakan Font Awesome untuk membuat icon yang menarik dengan sistem “Font Icon” (hanya menggunakan teks dan tanpa gambar).
DataTables (Server-side processing)
Menggunakan plugin jQuery DataTables (Server-side processing) untuk menampilkan data dalam bentuk tabel yang sudah dilengkapi dengan fitur paging, sorting, dan searching.
Bootstrap Notify
Menggunakan Bootstrap Notify untuk menampilkan notifikasi sesuai dengan proses yang dijalankan.
Bootbox.js
Menggunakan Bootbox.js untuk membuat custom modal dialog dengan Bootstrap modal.
Flatpickr
Menggunakan library Flatpickr untuk membuat datetime picker.
Deskripsi Aplikasi
CRUD merupakan singkatan dari Create, Read, Update, dan Delete. Operasi CRUD merupakan operasi dasar yang harus diketahui oleh setiap programmer karena akan selalu digunakan dalam membangun sebuah sistem.
Materi yang dapat dipelajari dari aplikasi ini adalah :
1.
Create (Menyimpan Data)
Membuat script untuk menyimpan/insert data dari aplikasi ke database MySQL.
2.
Read (Menampilkan Data)
Membuat script untuk membaca dan menampilkan data dari database MySQL ke aplikasi.
3.
Update (Mengubah Data)
Membuat script untuk mengubah/update data pada database MySQL melalui apilkasi.
4.
Delete (Menghapus Data)
Membuat script untuk menghapus/delete data pada database MySQL melalui aplikasi.
5.
Upload File
Membuat script untuk mengupload file foto, membuat validasi tipe file, membuat validasi ukuran file dan membuat preview foto sebelum diupload.
6.
Validasi Form Input
Membuat fungsi untuk validasi form input wajib diisi dan membatasi karakter yang diinputkan (bisa diinputkan huruf, angka atau karakter tertentu saja).
7.
Keamanan dasar untuk mencegah SQL injection
Membuat keamanan dasar untuk mencegah SQL injection saat proses input data. Menghilangkan spasi di belakang dan di depan data yang diinputkan.
8.
CSS Bootstrap 5
Membuat desain tampilan aplikasi menggunakan CSS Bootstrap 5.
9.
JQuery DataTables (Server-side processing)
Membuat tabel yang dinamis menggunakan JQuery DataTables (Server-side processing) untuk menampilkan data dari database dalam jumlah yang sangat besar. Sehingga aplikasi yang memiliki banyak data, akan terasa ringan ketika di load. Tabel sudah dilengkapi dengan dengan fitur paging, sorting, dan searching.
10.
AJAX (Asynchronous JavaScript and XML)
Membuat aplikasi web interaktif yang dapat melakukan operasi CRUD tanpa reload/refresh halaman menggunakan AJAX (Asynchronous JavaScript and XML).
Script di dalam aplikasi ini dapat dipelajari dengan mudah karena sudah diberikan komentar pada setiap prosesnya, sehingga dapat digunakan sebagai referensi bagi Kamu yang sedang mengerjakan tugas kuliah, Tugas Akhir, Skripsi, atau yang sedang belajar pemrograman web dan membutuhkan contoh studi kasus.