MODUL 10 PHP&MYSQL INSERT & DELETE PEMROGRAMAN WEB 2 TEKNIK INFORMATIKA UNIVERSITAS PASUNDAN BANDUNG 2015/2016
Latihan kali ini untuk membuat halaman backend (halaman admin) Pada modul kali ini, ada beberapa hal yang harus kalian siapkan. Hal pertama yang harus kalian lakukan adalah membuat sebuah folder dengan nama Modul10. Copykan folder img beserta isinya dari modul sebelumnya ke dalam folder modul10. Setelah itu, buatlah folder di dalamnya dengan nama latihan1. copykan file functions.php dari latihan pada modul minggu lalu ke dalam folder latihan1, karena kita akan menggunakan fungsi koneksi() dan query() juga akan menambahkan fungsifungsi lain. Pada latihan di modul kali ini kita juga akan menggunakan database yang sudah di buat minggu lalu dan kita masih menggunakan tabel mahasiswa. Tetapi tetap yang nantinya kalian kumpulkan ke asisten adalah aplikasi yang sesuai dengan kasus yang kalian dapatkan (karyawan, buku, film) Jangan lupa juga untuk menyertakan file.sql yang sudah diexport pada saat pengumpulan, bukan hanya mengumpulkan filefile webnya saja. TEKNIK INFORMATIKA Universitas Pasundan Bandung 1
Latihan 1 membuat halaman index untuk admin Halaman ini berfungsi menampilkan seluruh data mahasiswa secara tabular (menggunakan tabel). Pada halaman ini admin dapat menambah, menghapus dan mengubah data mahasiswa. Buat file index.php di dalam folder latihan1 Jangan lupa untuk panggil terlebih dahulu file functions.php Lakukan query untuk menampilkan seluruh data mahasiswa lalu simpan ke dalam variabel $mahasiswa Buatlah sebuah tabel untuk menampilkan seluruh field pada tabel Tambahkan 1 kolom di awal tabel untuk menyimpan aksi (hapus dan ubah). TEKNIK INFORMATIKA Universitas Pasundan Bandung 2
Tampilkan data ke dalam tabel, dengan melakukan pengulangan terhadap array $mahasiswa menggunakan foreach Jangan lupa untuk memberikan style pada halaman agar terlihat menarik. Latihan 2 Menambahkan fasilitas insert data mahasiswa Duplikat folder latihan1, beri nama latihan2 Perbaiki halaman index.php agar menambahkan link ke halaman form tambah data, simpan link tersebut sebelum tabel yang menampilkan seluruh data Gunakan tag a untuk membuat link, lalu arahkan ke file tambah.php Buatlah file tambah.php, lalu buatlah form tambah data di dalamnya TEKNIK INFORMATIKA Universitas Pasundan Bandung 3
Kosongkan action pada form agar data dikirimkan ke halaman tambah sendiri Beri method post agar data tidak dapat dilihat di URL Beri tipe dan nama yang sesuai pada tiaptiap elemen formnya Modifikasi tambah.php agar dapat menangkap data yang dikirim dari form ketika tombol tambah ditekan. Tambahkan baris untuk memanggil file functions.php Cek hasil dari fungsi tambah() yang nanti akan kita buat apakah sudah berhasil menambahkan data atau tidak Jika data berhasil atau gagal ditambahkan, beri feedback ke user menggunakan alert pada javascript, lalu arahkan (redirect) user kembali ke halaman index. TEKNIK INFORMATIKA Universitas Pasundan Bandung 4
Modifikasi halaman functions.php, tambahkan fungsi baru dengan nama tambah(), yang menerima data dari form tambah sebagai $data Tangkap data dari masing elemen input yang dikirim menggunakan $_POST Jangan lupa untuk mengamankan data yg disimpan menggunakan fungsi htmlspecialchars() Dengan menggunakan sintaks SQL, lakukan insert ke tabel mahasiswa Fungsi tambah() ini mengembalikan nilai integer berapa jumlah baris pada tabel yang berhasil / gagal ditambahkan, fungsi yang digunakan adalah mysqli_affected_rows() Coba untuk menambahkan beberapa data untuk mengetahui fungsinya berjalan atau tidak, pastikan hasilnya pada phpmyadmin Latihan 3 Menambahkan fasilitas delete data mahasiswa Duplikat folder latihan2, beri nama latihan3 Modifikasi index.php pada saat tombol hapus ditekan, halaman akan berpindah ke hapus.php Kirimkan data id mahasiswa ke halaman hapus.php tersebut Buat halaman hapus.php untuk menjalankan fungsi hapus data nya Jangan lupa untuk memanggil halaman functions.php Tangkap id yang dikirim lewat URL, lalu panggil fungsi hapus berdasarkan id yang dikirim tadi TEKNIK INFORMATIKA Universitas Pasundan Bandung 5
Cek hasil dari fungsi hapus() yang nanti akan kita buat apakah sudah berhasil menghapus data atau tidak Jika data berhasil atau gagal dihapus, beri feedback ke user menggunakan alert pada javascript, lalu arahkan (redirect) user kembali ke halaman index. Modifikasi halaman functions.php, tambahkan fungsi baru dengan nama hapus(), yang menerima data id dari mahasiswa yang akan dihapus datanya Jalankan perintah SQL untuk menghapus data mahasiswa berdasarkan id tersebut Kembalikan nilai dari fungsi hapus berupa jumlah baris yang berhasil terhapus menggunakan mysqli_affected_rows() Sampai sini sebetulnya seharusnya fungsi hapusnya sudah berfungsi, namun ada yang kurang yaitu pada saat kita mengklik link hapus di halaman index, data akan langsung terhapus tanpa ada konfirmasi terlebih dahulu Kita harus memberikan konfirmasi pada saat penghapusan data karena ada kemungkinan user tidak sengaja menekan tombol hapus TEKNIK INFORMATIKA Universitas Pasundan Bandung 6
Tambahkan fungsi javascript onclick pada saat link hapus diklik Coba untuk menghapus beberapa data untuk memastikan fungsinya berjalan normal Latihan 4 Menambahkan fungsi login untuk admin Duplikat folder latihan3, beri nama latihan4 Implementasikan fasilitas login pada halaman backend ini, agar sebelum masuk ke halaman index, admin diharuskan untuk login terlebih dahulu Gunakan session agar fasilitas login ini berfungsi dengan baik Terapkan apa yang sudah kalian pelajari pada latihan di modul 6 Jangan lupa untuk tambahkan tombol logout pada halaman index Kompres (zip / rar) folder modul10 beri nama dengan modul10nrp.zip/rar lalu kirimkan ke asisten masingmasing Kalian dapat melihat sourcecodenya di web pw2.ifunpas.org Dan hasilnya dapat dilihat di pw2.ifunpas.org/modul10/ = Selamat Mencoba dan Belajar = Jangan malu bertanya kepada Asisten bila ada materi yang kurang dipahami. sandhikagalih@unpas.ac.id TEKNIK INFORMATIKA Universitas Pasundan Bandung 7