MODUL X DATABASE VB. Modul Praktikum Bahasa Pemrograman Visual (BPV)

Ukuran: px

Mulai penontonan dengan halaman:

Download "MODUL X DATABASE VB. Modul Praktikum Bahasa Pemrograman Visual (BPV)"

Surya Widjaja
8 tahun lalu
Tontonan:

1 MODUL X DATABASE VB A. Tujuan 1. Memahami dan menerapkan operasi-operasi database. 2. Memahami langkah pembuatan aplikasi database. 3. Memahami konfigurasi data source. 4. Memahami pembuatan Table Adapter. B. Petunjuk - Awali setiap kegiatan dengan berdoa. - Pahami tujuan, dasar teori, dan latihan-latihan praktikum dengan baik dan benar. - Kerjakan tugas-tugas praktikum dan rumah dengan baik, sabar, dan jujur. - Tanyakan kepada asisten atau dosen apabila terdapat hal yang kurang jelas. C. Dasar Teori Untuk mendukung pengaksesan dan pengolahan data yang lebih baik,.net Framework memperkenalkan teknologi yang dikenal sebagai ADO.NET. Pada dasarnya, ADO.NET merupakan kumpulan komponen komponen perangkat lunak yang dapat dimanfaatkan untuk akses data dan layanan data. Secara internal, ia merupakan bagian dari library kelas dasar yang tercakup di dalam Microsoft.NET Framework. ADO.NET merupakan model pemrograman baru yang didesain untuk menyediakan akses konsisten ke data source. ADO.NET terdiri dari dua komponen fundamental: data provider dan dataset. Data provider (atau managed provider) merupakan koleksi kelas yang bertindak sebagai penghubung antara aplikasi dan data source. Ada beragam data provider yang secara intrinsik disediakan oleh.net Framework, namun di sini kita hanya memfokuskan pada data provider untuk OLE DB. Dataset merupakan himpunan kelas yang merepresentasikan basis data di dalam memori. D. Latihan 1. Koneksi ke data 1. Untuk dapat membuka koneksi data source, perlu dibuat file Microsoft Access sebagai data source atau dapat menggunakan database yang telah dibuat di praktikum basis data. 2. Buat project aplikasi windows form. Page 1

3. Tambahkan sebuah button, kemudia definisikan event handler pada event click. 4. Jalankan aplikasi kemudian cek koneksi database 2. Path Dinamis 1.

2 3. Tambahkan sebuah button, kemudia definisikan event handler pada event click. 4. Jalankan aplikasi kemudian cek koneksi database 2. Path Dinamis 1. Pindahkan file database pada satu direktori dengan file executable project. 2. Modifikasi string koneksi seperti berikut: 3. Menggunakan Pernyataan SQL (akses data tipe 1) 1. Definisikan kode untuk koneksi pada event Load form. 2. Tambahkan sebuah button untuk meretrieve data Page 2

3 3. Lengkapi kode programnya seperti berikut. 4. Jalankan aplikasi dan amati hasilnya setelah klik button Page 3

4 4. Menggunakan Type Dataset (Akses data tipe 2) 1. Untuk mempermudah penggunaan DataAdapter, dapat digunakan dengan meletakkannya di Toolbox dengan cara klik kanan Toolbox (sebaiknya di menu Data), pilih Choose Items. 2. Pada kotak dialog toolbox item, beri tanda cek komponen OleDbDataAdapter di tab.net Framework Components, kemudian klik OK. Sampai langkah ini seharusnya akan ada komponen OleDbDataAdapter di Toolbox. 3. Tambahkan komponen OleDbDataAdapter ke form. Langkah ini akan memicu munculnya dialog wizard, klik New Connection. 4. Pada kotak dialog Add Connection, ubah data source menjadi Microsoft Access Database File (OLE DB). Spesifikasikan juga nama file database melalui button Browse (lihat Gambar 1), kemudian klik OK setelah selesai. 5. Klik Next dialog wizard. Apabila muncul konfirmasi untuk mengcopy file ke project, klik Yes. Klik Next. 6. Pada tahap Generate the SQL statements, klik Query Builder. Tambahkan tabel mahasiswa, kemudian klik Close dialog Add Table. 7. Pada Query Builder, beri tanda cek * (All Columns), kemudian klik OK untuk menutup dialog Query Builder. 8. Klik Finish untuk menutup dialog wizard. Sampai langkah ini, tahap pembuatan objek OleDbDataAdapter telah selesai. Langkah selanjutnya adalah men-generate dataset. 1. Klik smart tag (segitiga) komponen OleDbDataAdapter, kemudian pilih menu Generate Dataset. 2. Pilih New untuk menciptakan dataset baru dan pastikan Anda memilih tabel yang akan digunakan, kemudian klik OK. 3. Sampai langkah ini, akan terlihat adanya komponen DataSet di dalam project. Page 4

Setelah dataset terbentuk, kita dapat mengakses data seperti pada pendekatan SQL. 1.

Berikan event Click dan lengkapi kode programnya seperti berikut: 3. Jalankan aplikasi 5. Data Binding 1.

Atur propertinya seperti berikut: 3. Atur penempatan control seperti berikut: 4.

5 Setelah dataset terbentuk, kita dapat mengakses data seperti pada pendekatan SQL. 1. Masih di project yang sama, tambahkan sebuah control Button. 2. Berikan event Click dan lengkapi kode programnya seperti berikut: 3. Jalankan aplikasi 5. Data Binding 1. Buat form baru 2. Tambahkan empat buah label, tiga buah ComboBox, dan sebuah ListBox. Atur propertinya seperti berikut: 3. Atur penempatan control seperti berikut: 4. Tambahkan komponen OleDbDataAdapter dan spesifikasikan koneksi data (pilih data source yang baru saja Anda buat). 5. Tambahkan komponen DataSet dan pilih jenis Typed dataset. Ubah properti Name dataset menjadi dsmhs. Page 5

6. Tambahkan event Load pada form, kemudian lengkapi kode programnya. 7. Jalankan aplikasi dan amati hasilnya setelah memilih item-item data. 6. Binding ke DataGridView 1.

6 6. Tambahkan event Load pada form, kemudian lengkapi kode programnya. 7. Jalankan aplikasi dan amati hasilnya setelah memilih item-item data. 6. Binding ke DataGridView 1. Masih di form yang sama, tambahkan control DataGridView 2. Tambahkan baris kode berikut di event-handler 3. Jalankan aplikasinya 7. Manipulasi Data 1. Buat project aplikasi windows baru. 2. Aktifkan tab Data Sources yang ada di sebelah Solution Explorer, kemudian klik Add New Data Source. 3. Pada kotak dialog wizard, pilih Database, kemudian klik Next. 4. Pilih koneksi data (lakukan seperti langkah-langkah di submateri sebelumnya), klik Next. Page 6

5. Pada tahap pemilihan objek database, beri tanda cek tabel mahasiswa dan tetapkan nama dataset, misalnya dsmhs. Perhatikan hasilnya seperti gambar. 6. Klik Finish untuk mengakhiri wizard. 7.

Setelah pembuatan TableAdapter selesai, ikuti langkah-langkah berikut untuk menciptakan form manipulasi data. 1. Eksekusi aplikasi guna memunculkan komponen dsmhs dan mahasiswatableadapter di Toolbox.

7 5. Pada tahap pemilihan objek database, beri tanda cek tabel mahasiswa dan tetapkan nama dataset, misalnya dsmhs. Perhatikan hasilnya seperti gambar. 6. Klik Finish untuk mengakhiri wizard. 7. Pilih nama file database di Solution Explorer, kemudian ubah nilai properti Copy to Output Directory menjadi Copy if newer. Setelah pembuatan TableAdapter selesai, ikuti langkah-langkah berikut untuk menciptakan form manipulasi data. 1. Eksekusi aplikasi guna memunculkan komponen dsmhs dan mahasiswatableadapter di Toolbox. 2. Tambahkan komponen dsmhs dan mahasiswatableadapter ke form. 3. Buat rancangan form dengan melibatkan Label, TextBox, BindingNavigator, BindingSource, dan DataGridView. 4. Tambahkan item Button pada BindingNavigator, kemudian ubah properti Name-nya menjadi btnsave. Contoh hasil desain form diperlihatkan seperti gambar. 5. Atur properti kontrol-kontrol dan komponen-komponen seperti berikut: Object Property Value DsMhs1 Name DsMhs1 MahasiswaTableAdapter1 Name tamhs Binding Navigator1 Name bnav BindingSource1 Name bs DataGridView1 Name dgview 6. Berikan event Load pada form dan event Click pada button Save. Page 7

8 7. Lengkapi kode programnya seperti berikut: Page 8

9 8. Jalankan aplikasi dan coba untuk melakukan manipulasi data. 8. Generate Form Data 1. Buat project aplikasi Windows baru. 2. Tambahkan data source baru (ikuti langkah-langkah seperti pembuatan TableAdapter). 3. Masih di tab Data Sources, klik nama tabel misalnya mahasiswa yang digunakan saat menciptakan data source. Dari menu drop-down, pilih Details. 4. Untuk men-generate antarmuka, drag tabel (mahasiswa) dan letakkan di form. 5. Sampai langkah ini seharusnya Anda akan mendapati antarmuka lengkap untuk pengolahan data sesuai tabel yang telah dispesifikasikan. 6. Untuk melengkapi antarmuka dengan DataGridView, pilih menu DataGridView dari menu drop-down tabel. 7. Seperti langkah 4, drag tabel dan letakkan di bawah antarmuka sebelumnya. 8. Jalankan aplikasi dan uji fungsionalitasnya. Sampai langkah ini, Anda akan mendapati antarmuka user yang sama seperti pengolahan data yang kita buat secara manual. Sangat praktis bukan? Di sini Anda tidak perlu lagi menuliskan kode program satu baris pun. Page 9

disimpan masuk ke database dan ditampilkan pada table aplikasi. F. Tugas Rumah 1.

10 E. Tugas Praktikum 1. Buat aplikasi database seperti tampilan di bawah ini berikut fungsi-fungsinya sehingga data yang disimpan masuk ke database dan ditampilkan pada table aplikasi. F. Tugas Rumah 1. Buat aplikasi database seperti tampilan di bawah ini berikut fungsi-fungsinya sehingga data yang disimpan masuk ke database dan ditampilkan pada table aplikasi. Ket : untuk menambah data Page 10

11 untuk menyimpan data yang diinputkan untuk menghapus record di database indexing data 2. Buat aplikasi database seperti tampilan di bawah ini berikut fungsi-fungsinya sehingga data yang disimpan masuk ke database dan ditampilkan pada table aplikasi dank e sebuah bentuk laporan atau report. Tampilan input data : Page 11

12 Tampilan report: Page 12

13 Sepintar apapun melakukan kecurangan seperti mendahului start yang tidak diperbolehkan, pasti bakal ketahuan.. By : Wahana Wisata VB.Net Crew Page 13

dokumen-dokumen yang mirip

MODUL 9. Pemrograman Visual dengan Database SQL Server

MODUL 9. Pemrograman Visual dengan Database SQL Server MODUL 9 Pemrograman Visual 2016 Pemrograman Visual dengan Database SQL Server Disusun oleh: S. Thya Safitri,MT Agus Priyanto, M.Kom Purwokerto 2016 ST3 Telkom - Program Studi S1 Teknik Informatika Page