Modul IV
Pemrograman Web
Bahasan Topik : Aplikasi Web untuk mengedit data tabel dengan ASP.net
Tujuan : Mahasiswa mampu mendemonstrasikan pembuatan aplikasi web database sederhana
untuk mengedit/mengupdate data dengan menggunakan Pemrograman ASP.net.
Deskripsi :
Aplikasi web dinamis pada praktikum kali ini tersusun dari dua program utama yaitu HTML dan ASP.net.
Program HTML difungsikan sebagai antarmuka (user interface) yang mengendalikan inputan dari
pengguna berupa obyek FORM. Program ASP.net 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 Pengeditan data pada aplikasi web
database sederhana, adapun contoh kasusnya yaitu Pengeditan data mahasiswa. Fitur edit data
mahasiswa yang akan dipraktekkan meliputi:
1. Halaman untuk memilih record yang akan diedit
2. Form Pengeditan data mahasiswa(data lama ditampilkan)
3. Proses simpan edit 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 viewmhs.aspx, dengan menambahkan link untuk peng-edit-an setiap
record data mahasiswa yang ditampilkan. Adapun caranya, tambahkan script berikut ini pada
file viewmhs.aspx.vb
3. Jalankan halaman viewmhs.aspx tersebut, dan pastikan linknya telah mengarah alamat ke
halaman editMhs.aspx dengan menyertakan data NIM. Contoh:
http://localhost:65265/editMhs.aspx?nim=17.5.00001
B. Membuat Form Pengeditan data mahasiswa
1. Tambahkan Web Form baru pada aplikasi SIAKAD dan beri nama file: editMhs.aspx
2. Rancangan halaman web editMhs.aspx seperti susunan script berikut:
3. Buka file editMhs.aspx.vb, kemudian tambahkan script berikut ini pada event Page_Load, script
berikut berfungsi untuk menangkap Query String dari link yang di-klik dari viewmhs.aspx.
4. Kemudian tambahkan script untuk memfungsikan tombol btKembali pada event Click:
5. Untuk memproses semua perubahan data table mahasiswa, lengkapi event tombol btUpdate
dengan script berikut ini :
6. Simpan aplikasi dan coba jalankan.
C. Pertanyaan
1. Berdasarkan praktek yang Anda laksanakan, pada Langkah No.3, jika perintah
If Not IsPostBack Then dan End If
Apa yang terjadi jika dua baris perintah tersebut tidak dicantumkan! Jelaskan pernyataannya
Anda!
2. Berikan komentar Anda terkait fitur Pengeditan data ini jika dibandingkan dengan fitur lainnya
seperti penginputan dan penghapusan data.
