Modul III
Pemrograman Web
Bahasan Topik : Aplikasi Web untuk menghapus data tabel dengan [Link]
Tujuan : Mahasiswa mampu mendemonstrasikan pembuatan aplikasi web database sederhana
untuk menghapus data dengan menggunakan Pemrograman [Link].
Deskripsi :
Aplikasi web dinamis pada praktikum kali ini tersusun dari dua program utama yaitu HTML dan [Link].
Program HTML difungsikan sebagai antarmuka (user interface) yang mengendalikan inputan dari
pengguna berupa obyek FORM. Program [Link] dimanfaatkan untuk menangkap request dan mengolah
inputan dari obyek FORM untuk disimpan atau dibaca ke/dari database.
Pada praktikum kali ini akan diuraikan tahapan dalam membuat fitur menghapus data pada aplikasi web
database sederhana, adapun contoh kasusnya yaitu penghapusan data mahasiswa. Fitur hapus data
mahasiswa yang akan dipraktekkan yaitu:
1. Halaman untuk memilih record yang akan dihapus
2. Form konfirmasi penghapusan
3. Proses hapus data mahasiswa dalam database
Tahapan Praktikum:
A. Membuat halaman untuk memilih record
1. Siapkan hasil praktikum sebelumnya (dengan me-restore) berupa aplikasi SIAKAD dan
database: akademik.
2. Modifikasi halaman web [Link], dengan menambahkan link hapus pada setiap record
data mahasiswa yang ditampilkan. Adapun caranya, tambahkan script berikut ini pada file
[Link]
....
While [Link]()
tmp = tmp & "<tr>"
tmp = tmp & "<td>" & [Link](0) & "</td>"
tmp = tmp & "<td>" & [Link](1) & "</td>"
tmp = tmp & "<td>" & [Link](2) & "</td>"
tmp = tmp & "<td><a href=[Link]?nim=" & [Link](0) & ">hapus</a></td>"
End While
tmp = tmp & "</table>"
....
3. Jalankan halaman [Link] tersebut, dan pastikan linknya telah mengarah alamat ke
halaman [Link] dengan menyertakan data NIM. Contoh:
[Link]
B. Membuat Form Konfirmasi dan Proses Penghapusan data
1. Tambahkan Web Form baru pada aplikasi SIAKAD dan beri nama file: [Link]
2. Rancangan halaman web [Link] seperti susunan script berikut:
3. Buka file [Link], kemudian tambahkan script berikut ini pada event Page_Load,
script berikut berfungsi untuk menangkap Query String dari link yang di-klik dari [Link].
4. Kemudian tambahkan script untuk memfungsikan tombol btTidak pada event Click:
5. Untuk memproses penghapusan data table mahasiswa, lengkapi event tombol btYa dengan
script berikut ini :
6. Simpan aplikasi dan coba jalankan. Lakukan percobaan memilih salah satu program studi dan
klik tombol Tampilkan. Amati hasil output di halaman web.
C. Pertanyaan
1. Berdasarkan praktek yang Anda laksanakan, uraikan arti dan manfaat Query String nim dalam
fitur aplikasi di atas?
2. Terdapat perintah [Link](alamat), ceritakan maksud perintah tersebut dalam
aplikasi [Link].
