Scribd
Unggah
103 tayangan4 halaman

Modul IV Pemrograman Web

Modul ini membahas pembuatan fitur edit data pada aplikasi web database sederhana menggunakan ASP.net. Tahapannya meliputi membuat halaman untuk memilih record yang akan diedit, membuat form edit data yang menampilkan data lama dan proses simpan perubahan data ke database.

Diunggah oleh

17.4.00050 YOHANA DEFIS S.P. FITOWIN
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
103 tayangan4 halaman

Modul IV Pemrograman Web

Modul ini membahas pembuatan fitur edit data pada aplikasi web database sederhana menggunakan ASP.net. Tahapannya meliputi membuat halaman untuk memilih record yang akan diedit, membuat form edit data yang menampilkan data lama dan proses simpan perubahan data ke database.

Diunggah oleh

17.4.00050 YOHANA DEFIS S.P. FITOWIN
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd

Modul IV

Pemrograman Web

Bahasan Topik : Aplikasi Web untuk mengedit data tabel dengan [Link]

Tujuan : Mahasiswa mampu mendemonstrasikan pembuatan aplikasi web database sederhana


untuk mengedit/mengupdate 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 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 [Link], dengan menambahkan link untuk peng-edit-an setiap
record data mahasiswa yang ditampilkan. Adapun caranya, tambahkan script berikut ini pada
file [Link]
3. Jalankan halaman [Link] tersebut, dan pastikan linknya telah mengarah alamat ke
halaman [Link] dengan menyertakan data NIM. Contoh:
[Link]

B. Membuat Form Pengeditan data mahasiswa


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 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.

Anda mungkin juga menyukai