MODUL  11  –  PHP&MYSQL  

UPDATE  &  SEARCHING  
   

PEMROGRAMAN  WEB  2  
TEKNIK  INFORMATIKA  
UNIVERSITAS  PASUNDAN  BANDUNG  2015/2016    
             [MODUL  11  –  PHP&MYSQL]  
 
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-­‐[Link]  (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  [Link]  pada  folder  admin,  untuk  menambahkan  id  pada  tombol  ubah  
yang  sudah  kita  buat  minggu  lalu.  

TEKNIK  INFORMATIKA  |  Universitas  Pasundan  Bandung   1  

 
             [MODUL  11  –  PHP&MYSQL]  
 
-­‐   Duplikat  file  [Link]  pada  folder  admin,  lalu  ubah  namanya  menjadi  [Link]  

-­‐   Modifikasi  kode  dari  [Link],  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  

 
             [MODUL  11  –  PHP&MYSQL]  
 
-­‐   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  

 
             [MODUL  11  –  PHP&MYSQL]  
 
-­‐   Sekarang  kita  akan  membuat  fungsi  ubah()  di  halaman  [Link].  

-­‐   Selesai!!  Cobalah  untuk  mengubah  beberapa  data  yang  ada.  

 

Membuat  Fungsi  Pencarian  berdasarkan  Nama  Pada  halaman  Front-­‐End  

-­‐   Kita  akan  menambahkan  kolom  pencarian  pada  halaman  [Link]  untuk  bagian  front-­‐end  yang  
hasil  akhirnya  akan  seperti  ini:  

 
 

TEKNIK  INFORMATIKA  |  Universitas  Pasundan  Bandung   4  

 
             [MODUL  11  –  PHP&MYSQL]  
 
-­‐   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  

 
             [MODUL  11  –  PHP&MYSQL]  
 
 
-­‐   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  

 
             [MODUL  11  –  PHP&MYSQL]  
 
 

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  [Link]    

Pengumpulan  
-­‐   Kompres  (zip  /  rar)  folder  ‘modul11’  beri  nama  dengan  modul11-­‐[Link]/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@[Link]  

TEKNIK  INFORMATIKA  |  Universitas  Pasundan  Bandung   7