MODUL 11 PHP&MYSQL UPDATE & SEARCHING PEMROGRAMAN WEB 2 TEKNIK INFORMATIKA UNIVERSITAS PASUNDAN BANDUNG 2015/2016
Latihan kali ini menggabungkan aplikasi- aplikasi yang sudah kita buat sebelumnya agar menjadi 1 aplikasi yang utuh. Persiapan Pada modul kali ini, ada beberapa hal yang harus kalian siapkan. Hal pertama yang harus kalian lakukan adalah membuat sebuah folder dengan nama Modul11. Kita akan menggabungkan halaman front- end dari latihan di Modul9, dan halaman back- end dari latihan 10. Kalian bisa download dan gunakan source- code- modul- 11- awal.zip (download di website pw2) sebagai struktur awal aplikasi. Pelajari struktur file dan source code dari tiap- tiap file di dalamnya. Lakukan hal yang sama untuk source code pada kasus kalian sendiri. Membuat Form Ubah Data Mahasiswa pada Halaman Back- End - Fungsi dari form ubah data mahasiswa mirip dengan form tambah, hanya saja pada saat kita memilih mahasiswa yang akan kita ubah datanya, form yang tampil sama dengan form tambah dengan data yang sudah terisi. - Modifikasi halaman index.php pada folder admin, untuk menambahkan id pada tombol ubah yang sudah kita buat minggu lalu. TEKNIK INFORMATIKA Universitas Pasundan Bandung 1
- Duplikat file tambah.php pada folder admin, lalu ubah namanya menjadi ubah.php - Modifikasi kode dari ubah.php, dengan mengganti semua tambah menjadi ubah - Ambil data id yang dikirim lewat URL, lalu simpan di variabel $id, simpan sebelum pemanggilan fungsi ubah - Lakukan query terhadap data mahasiswa berdasarkan id yang diambil, lalu ambil elemen array pada index ke 0, simpan kedalam variabel $mhs TEKNIK INFORMATIKA Universitas Pasundan Bandung 2
- Pengambilan elemen pada array index ke- 0 diatas, hanya akan jalan pada PHP versi 5 (XAMPP terbaru), jika PHP kalian masih versi lama (XAMPP terinstall sejak kuliah BASDAT), maka gunakan sintaks berikut: - Menampilkan data ke dalam tiap- tiap elemen form menggunakan properti value dengan isi diambil dari array $mhs yang sudah kita query. - Lakukan hal yang sama untuk semua elemen input (email, jurusan, universitas dan gambar), jangan lupa untuk mengganti key array- nya sesuai dengan nama field pada tabel. - Buat sebuah elemen input baru di awal form, elemen input tersebut bertipe hidden, memiliki name= id dan akan kita gunakan untuk menyimpan id dari mahasiswa yang dipilih. Sama seperti elemen yang lain, id tersebut akan kita simpan pada properti value. - Sekarang coba save, dan jalankan di browser. Seharusnya sekarang, jika kalian klik ubah pada salah satu mahasiswa di halaman index, maka form ubah akan terisi data sesuai dengan mahasiswa yang di klik. TEKNIK INFORMATIKA Universitas Pasundan Bandung 3
- Sekarang kita akan membuat fungsi ubah() di halaman functions.php. - Selesai!! Cobalah untuk mengubah beberapa data yang ada. Membuat Fungsi Pencarian berdasarkan Nama Pada halaman Front- End - Kita akan menambahkan kolom pencarian pada halaman index.php untuk bagian front- end yang hasil akhirnya akan seperti ini: TEKNIK INFORMATIKA Universitas Pasundan Bandung 4
- Tambahkan form search diatas daftar mahasiswa, aksinya dikirim ke halaman- nya sendiri dan method yang digunakan adalah get agar query pencarian bisa dilihat di URL. - Buatlah sebuah elemen input dengan nama cari, dan tombol dengan nama tombol_cari - Cek apakah tombol cari sudah ditekan atau belum, lalu ambil nilai dari input sebagai query. - Jika tombol belum/tidak ditekan maka data yang ditampilkan adalah seluruh data mahasiswa. - Tampilkan data mahasiswa yang memiliki nama sesuai dengan karakter yang diinputkan di form. - Jika nama mahasiswa tidak ditemukan maka tampilkan pesan bahwa data mahasiswa tersebut tidak ada. TEKNIK INFORMATIKA Universitas Pasundan Bandung 5
- Modifikasi bagian atas source agar menjalankan algoritma seperti diatas - Modifikasi isi body sehingga menampilkan data mahasiswa sesuai query yang sudah dijalankan. - Selesai!! Coba untuk mencari data mahasiswa yang ada di database dan yang tidak ada. Lihat hasilnya. TEKNIK INFORMATIKA Universitas Pasundan Bandung 6
Tambahan: Membuat Fungsi Pencarian lebih baik (kerjakan sendiri) - Ubah query pencarian agar dapat mencari berdasarkan apapun tidak hanya nama (nama, email, jurusan dan universitas) - Contohnya, jika kita mengetikkan teknik maka akan tampil semua mahasiswa Teknik dari universitas manapun. - Contohnya dapat kalian lihat di http://pw2.if- unpas.org/modul11/ Pengumpulan - Kompres (zip / rar) folder modul11 beri nama dengan modul11- nrp.zip/rar lalu kirimkan ke asisten masing- masing - Jangan lupa juga untuk menyertakan file.sql yang sudah di- export pada saat pengumpulan, bukan hanya mengumpulkan file- file web- nya saja. = Selamat Mencoba dan Belajar = Jangan malu bertanya kepada Dosen dan Asisten bila ada materi yang kurang dipahami. sandhikagalih@unpas.ac.id TEKNIK INFORMATIKA Universitas Pasundan Bandung 7