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

MODUL 9 Pemrograman Visual dengan Database SQL …sisil.dosen.st3telkom.ac.id/.../sites/4/...Visual-dengan-Database.pdf · contoh, aplikasi dengan akses data ... Buatlah sebuah windows

Feb 06, 2018

Download

Documents

hacong
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: MODUL 9 Pemrograman Visual dengan Database SQL …sisil.dosen.st3telkom.ac.id/.../sites/4/...Visual-dengan-Database.pdf · contoh, aplikasi dengan akses data ... Buatlah sebuah windows

Pemrograman Visual 2016

ST3 Telkom - Program Studi S1 Teknik Informatika Page 1

MODUL 9

Pemrograman Visual dengan

Database SQL Server

Disusun oleh:

S. Thya Safitri,MT

Agus Priyanto, M.Kom

Purwokerto

2016

Page 2: MODUL 9 Pemrograman Visual dengan Database SQL …sisil.dosen.st3telkom.ac.id/.../sites/4/...Visual-dengan-Database.pdf · contoh, aplikasi dengan akses data ... Buatlah sebuah windows

Pemrograman Visual 2016

ST3 Telkom - Program Studi S1 Teknik Informatika Page 2

A. TUJUAN

- Mahasiswa dapat menggunakan SQL Server sebagai tools Basis Data

- Mahasiswa dapat menerapkan dan menggunakan SQL Server untuk melakukan CRUD pada basis data

B. PERANGKAT LUNAK

- Microsoft Visual Basic 2012

- SQL Server

C. DASAR TEORI

1. ADO .Net

Sebagian besar aplikasi membutuhkan akses data pada satu titik waktu

membuatnya menjadi komponen penting ketika bekerja dengan aplikasi. Akses

data adalah membuat aplikasi berinteraksi dengan database, di mana semua

data disimpan. Aplikasi yang berbeda memiliki persyaratan yang berbeda

untuk mengakses database. VB. NET menggunakan ADO NET (Active X

Data Object). Sebagai akses data itu dan protokol manipulasi yang juga

memungkinkan kita untuk bekerja dengan data di Internet. Mari kita lihat

mengapa ADO. NET datang ke dalam gambar menggantikan ADO

2. Evolusi ADO.Net

Data pertama model akses, DAO (Data model akses) diciptakan untuk

database lokal dengan built-in mesin Jet yang memiliki kinerja dan masalah

fungsi. Berikutnya datang RDO (Remote Data Object) dan ADO (Active Data

Object) yang dirancang untuk Client Server arsitektur, tetapi segera mengambil

alih RDO ADO. ADO adalah arsitektur yang baik tetapi sebagai perubahan

bahasa sehingga adalah teknologi. Dengan ADO, semua data yang

terkandung dalam objek recordset yang memiliki masalah ketika

diimplementasikan pada jaringan dan firewall penetrasi. ADO adalah akses

data yang terhubung, yang berarti bahwa ketika koneksi ke database didirikan

sambungan tetap terbuka sampai aplikasi ditutup. Membiarkan sambungan

terbuka untuk seumur hidup aplikasi menimbulkan keprihatinan tentang

keamanan database dan lalu lintas jaringan. Juga, sebagai database menjadi

semakin penting dan karena mereka melayani lebih banyak orang, model

Page 3: MODUL 9 Pemrograman Visual dengan Database SQL …sisil.dosen.st3telkom.ac.id/.../sites/4/...Visual-dengan-Database.pdf · contoh, aplikasi dengan akses data ... Buatlah sebuah windows

Pemrograman Visual 2016

ST3 Telkom - Program Studi S1 Teknik Informatika Page 3

data akses terhubung membuat kita berpikir tentang produktivitas. Sebagai

contoh, aplikasi dengan akses data yang terhubung dapat melakukannya dengan

baik ketika terhubung ke dua klien, sama mungkin melakukan buruk ketika

terhubung ke 10 dan mungkin tidak dapat digunakan saat terhubung ke 100

atau lebih. Juga, koneksi database terbuka menggunakan sumber daya sistem

sampai batas maksimal membuat kinerja sistem yang kurang efektif.

3. Mengapa ADO.Net?

Penyelesaian beberapa masalah yang disebutkan di atas, ADO. NET muncul.

ADO. NET membahas masalah di atas dengan mempertahankan model

database akses terputus yang berarti, ketika aplikasi berinteraksi dengan

database, koneksi dibuka untuk melayani permintaan dari aplikasi dan

ditutup segera setelah permintaan selesai. Demikian juga, jika database

adalah Diperbarui, koneksi dibuka cukup lama untuk menyelesaikan operasi

Update dan ditutup. Dengan menjaga koneksi terbuka hanya untuk jangka

waktu minimum, ADO. NET menghemat sumber daya sistem dan

menyediakan keamanan maksimum untuk database dan juga memiliki sedikit

dampak pada kinerja sistem. Juga, ADO NET ketika berinteraksi dengan

database. Menggunakan XML dan mengkonversi semua data ke dalam format

XML untuk operasi database terkait membuat mereka lebih efisien.

4. Arsitektur Data ADO.Net

Akses Data di ADO.NET bergantung pada dua komponen: Penyedia DataSet dan

Data. Dataset adalah, diputus dalam-memori representasi data. Hal ini dapat

dianggap sebagai salinan lokal dari bagian yang relevan dari database.

DataSet adalah bertahan dalam memori dan data di dalamnya dapat

dimanipulasi dan diperbarui independen dari database. Ketika penggunaan

DataSet ini selesai, perubahan dapat dilakukan kembali ke pusat database untuk

memperbarui. Data dalam DataSet dapat dimuat dari sumber data yang valid

seperti database server Microsoft SQL, Oracle atau database dari database

Microsoft Access.

5. Data Provider

Data Provider bertanggung jawab untuk menyediakan dan memelihara

koneksi ke database. Sebuah dataProvider adalah seperangkat komponen terkait

Page 4: MODUL 9 Pemrograman Visual dengan Database SQL …sisil.dosen.st3telkom.ac.id/.../sites/4/...Visual-dengan-Database.pdf · contoh, aplikasi dengan akses data ... Buatlah sebuah windows

Pemrograman Visual 2016

ST3 Telkom - Program Studi S1 Teknik Informatika Page 4

yang bekerja sama untuk menyediakan data secara efisien dan kinerja didorong.

. NET Framework saat ini dilengkapi dengan dua DataProviders: SQL Data

Provider yang dirancang hanya untuk bekerja dengan SQL Server 7.0 Microsoft

atau lambat dan dataProvider OLEDB yang memungkinkan kita untuk

terhubung ke database jenis lain seperti Access dan Oracle. Setiap dataProvider

terdiri dari kelas komponen berikut:

Object Connection yang menyediakan koneksi ke database

Object Command yang digunakan untuk mengeksekusi perintah

Obyek DataReader yang menyediakan forward-only, read only,

recordset terhubung Obyek DataAdapter yang populasikan DataSet

terputus dengan data dan melakukan pembaruan

Gambar 1. Arsitekrut Data ADO.Net

6. Komponen kelas yang membentuk penyedia data

Objek Koneksi

Object Connection menciptakan koneksi ke database. Microsoft Visual

Studio NET menyediakan dua jenis kelas Koneksi: obyek SqlConnection,

yang dirancang khusus untuk menghubungkan ke Microsoft SQL Server

7.0 atau lambat, dan objek OleDbConnection, yang dapat menyediakan

koneksi ke berbagai jenis database seperti Microsoft Access, Mysql dan

Oracle. Object Connection berisi semua informasi yang diperlukan untuk

membuka koneksi ke database

Page 5: MODUL 9 Pemrograman Visual dengan Database SQL …sisil.dosen.st3telkom.ac.id/.../sites/4/...Visual-dengan-Database.pdf · contoh, aplikasi dengan akses data ... Buatlah sebuah windows

Pemrograman Visual 2016

ST3 Telkom - Program Studi S1 Teknik Informatika Page 5

Objek Command

Object Command diwakili oleh dua kelas yang sesuai:

SqlCommand dan OleDbCommand. Objek Command digunakan untuk

mengeksekusi perintah ke database di sambungan data. Objek Command bisa

digunakan untuk mengeksekusi prosedur yang tersimpan pada database,

perintah SQL, atau kembali tabel lengkap langsung. Objek Command

menyediakan tiga metode yang digunakan untuk mengeksekusi perintah pada

database:

ExecuteNonQuery: Melaksanakan perintah yang memiliki nilai yang tidak

kembali seperti INSERT, UPDATE atau DELETE

ExecuteScalar: Mengembalikan nilai tunggal dari query database

ExecuteReader: Mengembalikan hasil set dengan cara objek dataReader

Objek DataReader

Obyek DataReader menyediakan forward-only, read-only, recordset aliran

terhubung dari database. Tidak seperti komponen lain dari Data Provider, obyek

DataReader tidak dapat secara langsung instantiated. Sebaliknya, dataReader

dikembalikan sebagai hasil dari metode ExecuteReader object Command

itu. Metode SqlCommand.ExecuteReader mengembalikan sebuah objek

SqlDataReader, dan metode OleDbCommand.ExecuteReader

mengembalikan sebuah objek OleDbDataReader. DataReader dapat

memberikan baris data langsung ke logika aplikasi ketika Anda tidak perlu

menyimpan data dalam memori cache. Karena hanya satu baris dalam memori

pada satu waktu, dataReader menyediakan overhead terendah dalam hal kinerja

sistem tetapi memerlukan penggunaan eksklusif dari sebuah object Connection

terbuka untuk seumur hidup dataReader tersebut.

Objek DataAdapter

DataAdapter adalah kelas inti dari terputus akses data ADO NET. Ini pada

dasarnya adalah perantara memfasilitasi semua komunikasi antara

database dan DataSet. DataAdapter digunakan baik untuk mengisi DataTable

atau DataSet dengan data dari database dengan metode Isi itu. Setelah data

memori-penduduk telah dimanipulasi, DataAdapter bisa melakukan perubahan

Page 6: MODUL 9 Pemrograman Visual dengan Database SQL …sisil.dosen.st3telkom.ac.id/.../sites/4/...Visual-dengan-Database.pdf · contoh, aplikasi dengan akses data ... Buatlah sebuah windows

Pemrograman Visual 2016

ST3 Telkom - Program Studi S1 Teknik Informatika Page 6

ke database dengan memanggil metode Update. DataAdapter menyediakan empat

sifat yang mewakili perintah database:

1. Select Command

2. Insert Command

3. Delete Command

4. Update Command

Ketika Update metode disebut, perubahan dalam DataSet yang disalin

kembali ke database dan yang sesuai InsertCommand, DeleteCommand,

atau UpdateCommand dieksekusi

D. PRAKTIKUM

1. Membuat database

Buatlah sebuah database dengan langkah-langkah sebagai berikut:

1. Bukalah SQL Server

2. Buat sebuah Database dengan nama Gudang

3. Buatlah 9 tabel dengan rincian sebagai berikut

TAdmin

TBarang

TDetailPemesanan

Page 7: MODUL 9 Pemrograman Visual dengan Database SQL …sisil.dosen.st3telkom.ac.id/.../sites/4/...Visual-dengan-Database.pdf · contoh, aplikasi dengan akses data ... Buatlah sebuah windows

Pemrograman Visual 2016

ST3 Telkom - Program Studi S1 Teknik Informatika Page 7

TDetailTransaksi

TPegawai

TPelanggan

TPemasok

TPemesanan

Page 8: MODUL 9 Pemrograman Visual dengan Database SQL …sisil.dosen.st3telkom.ac.id/.../sites/4/...Visual-dengan-Database.pdf · contoh, aplikasi dengan akses data ... Buatlah sebuah windows

Pemrograman Visual 2016

ST3 Telkom - Program Studi S1 Teknik Informatika Page 8

Ttransaksi

4. Setelah basis data berhasil dibuat, maka isilah setiap tabel minimal dengan 1

data.

2. Mengakses Basis Data

Langkah – langkah dalam membuat program yang dapat mengakses basis data

adalah:

1. Membuat koneksi dengan basis data menggunakan OleDbConnection

dan mengatur properti koneksinya. Setelah itu, menggunakan

OleDbAdapter untuk mengeksekusi query. Kemudian menampung data

yang dibaca oleh OleDbAdapter ke dalam DataSet.

2. Menambahkan komponen visulisasi seperti DataGrid.

3. Menghubungkan komponen data grid dengan DataSet

Langkah-langkah praktikum adalah sebagai berikut:

1. Buatlah sebuah windows project dengan nama ProgramGudang

2. Pastikan komponen – komponen OleDbConnection, OleDbAdapter dan

DataGrid sudah ada di toolbox. Jika belum ada, maka klik kanan pada salah

satu area di toolbox, kemudian pilih Choose Items

3. Pada tab .Net Framework lakukan checklist DataGrid

(System.Windows.Form), OleDbConnection dan OleDbAdapter kemudian

tekan OK

Page 9: MODUL 9 Pemrograman Visual dengan Database SQL …sisil.dosen.st3telkom.ac.id/.../sites/4/...Visual-dengan-Database.pdf · contoh, aplikasi dengan akses data ... Buatlah sebuah windows

Pemrograman Visual 2016

ST3 Telkom - Program Studi S1 Teknik Informatika Page 9

4. Buatlah sebuah form dan beri nama frmPegawai dan ubah teks nya menjadi

Pegawai

5. Tambahkan sebuah TabControl dan Ubah properties pada tabcontrol

tersebut sesuai dengan gambar berikut ini

Page 10: MODUL 9 Pemrograman Visual dengan Database SQL …sisil.dosen.st3telkom.ac.id/.../sites/4/...Visual-dengan-Database.pdf · contoh, aplikasi dengan akses data ... Buatlah sebuah windows

Pemrograman Visual 2016

ST3 Telkom - Program Studi S1 Teknik Informatika Page 10

6. Tambahkan komponen berikut ini di tab Cari, Ubah, Hapus Data Pegawai:

Komponen Property Nilai

DataGrid Size 327; 255

7. Tambahkan sebuah OleDbConnection ke dalam form dengan melakukan

double click pada komponen tersebut.

8. Klik properti ConnectionString dari OleDbConnection yang terdapat pada

properties window. Klik New Connection.

Page 11: MODUL 9 Pemrograman Visual dengan Database SQL …sisil.dosen.st3telkom.ac.id/.../sites/4/...Visual-dengan-Database.pdf · contoh, aplikasi dengan akses data ... Buatlah sebuah windows

Pemrograman Visual 2016

ST3 Telkom - Program Studi S1 Teknik Informatika Page 11

9. Jendela Add Connection baris Data Source, pilih Microsoft SQL Server

(OLE DB). Kemudian pilih server, tekan Next

10. Di jendela Data Link Properties di tab Connection, pada bagian Select or

Enter Server Name, isikan dengan nama server basis data. Jika basis data

berada di komputer lokasl, isikan dengan (local)

11. Pilihlah tipe autentikasi dan isikanlah username dan password jika

diperlukan. Jika memilih Windows Authentication atau mengisi Username

sa dan pasword yang sesuai dengan ketika instalasi SQL Server

12. Pada bagian Select the database on the server, tekan tombol panah dan

pilih basis data Gudang

13. Tekan Test Connection untuk menguji koneksi. Jika masih ada kesalahan,

lakukan konfigurasi pada server nama atau authentifikasi

Page 12: MODUL 9 Pemrograman Visual dengan Database SQL …sisil.dosen.st3telkom.ac.id/.../sites/4/...Visual-dengan-Database.pdf · contoh, aplikasi dengan akses data ... Buatlah sebuah windows

Pemrograman Visual 2016

ST3 Telkom - Program Studi S1 Teknik Informatika Page 12

14. Jika sudah selesai, tekan OK. Lihat perubahan yang ada di properties

window pada komponen OleDbConnection telah terdapat keterangan dari

koneksi yang sudah dibuat.

15. Tambahkan sebuah OleDbDataAdapter dengan melakukan double click

pada toolbox. Setelah itu akan muncul kotak dialog Data Adapter

Configuration Wizard. Tekan Next. Pilih koneksi basis data pada

combobox. Tekan Next

16. Pilih Use SQL Statements. Tekan Next.

17. Tuliskan query berikut ini untuk melihat tabel Tpegawai

Page 13: MODUL 9 Pemrograman Visual dengan Database SQL …sisil.dosen.st3telkom.ac.id/.../sites/4/...Visual-dengan-Database.pdf · contoh, aplikasi dengan akses data ... Buatlah sebuah windows

Pemrograman Visual 2016

ST3 Telkom - Program Studi S1 Teknik Informatika Page 13

18. Tekan Next, kemudian Finish

19. Lanjutkan dengan klik Kanan pada OleDbDataAdapter kemudian pilih

Generate Dataset

20. Pastikan nama dataset sesuai dengan yang sudah ada.

21. Ubah properti DataSource dari DataGrid menjadi dsPegawai. Ubah

Properti DataMember menjadi TPegawai

22. Untuk menampilkan data, klik ganda pada Form untuk mengisikan kode

pada prosedur Form_Load. Kemudian isikan kode berikut ini:

23. Jika sudah, maka coba jalankan aplikasi tersebut, sehingga hasilnya adalah

sebagai berikut:

Page 14: MODUL 9 Pemrograman Visual dengan Database SQL …sisil.dosen.st3telkom.ac.id/.../sites/4/...Visual-dengan-Database.pdf · contoh, aplikasi dengan akses data ... Buatlah sebuah windows

Pemrograman Visual 2016

ST3 Telkom - Program Studi S1 Teknik Informatika Page 14

24. Buka Tab Input Data Pegawai, dan tambahkan beberapa toolbox, seperti

berikut ini:

Komponen Properti Nilai

Label Text NIP

Label Text Nama

Label Text Tanggal Lahir

Label Text Jenis Kelamin

Label Text Alamat

Label Text Telepon

Textbox Nama txtNIP

MaxLength 9

Textbox Nama txtNamaPegawai

MaxLength 50

DateTimePicker

ComboBox Item Isikan L dan P yang

dibuat menjadi dua

baris

Textbox Nama txtAlamat

MaxLength 50

Textbox Nama txtTelp

MaxLength 12

Page 15: MODUL 9 Pemrograman Visual dengan Database SQL …sisil.dosen.st3telkom.ac.id/.../sites/4/...Visual-dengan-Database.pdf · contoh, aplikasi dengan akses data ... Buatlah sebuah windows

Pemrograman Visual 2016

ST3 Telkom - Program Studi S1 Teknik Informatika Page 15

25. Lakukan double click pada btnSimpan, dan masukkan code berikut ini:

26. Buatlah sebuah button di Tab “Cari, Ubah, Hapus Data Pegawai” dan beri

tambahan Text Box dan Button menjadi seperti berikut ini:

27. Tuliskan source code pada button Refresh seperti berikut ini:

Page 16: MODUL 9 Pemrograman Visual dengan Database SQL …sisil.dosen.st3telkom.ac.id/.../sites/4/...Visual-dengan-Database.pdf · contoh, aplikasi dengan akses data ... Buatlah sebuah windows

Pemrograman Visual 2016

ST3 Telkom - Program Studi S1 Teknik Informatika Page 16

E. EVALUASI

Silahkan lakukan evaluasi untuk :

1. Tuliskan manfaat pemrograman database pada aplikasi visual basic yang telah

dilakukan.

2. Bagaimana koneksi antara program dan database dapat dilakukan selain

menggunakan ADO.Net?

F. TUGAS

Tuliskan code pada button – button berikut ini agar dapat berfungsi sebagaimana

seharusnya:

1. Button Cari : button Cari digunakan untuk mencari nama pegawai. Dimana user

memasukkan kata pada text box nama, kemudian button cari akan menampilkan

secara keseluruhan kata yang dimasukkan. Misal: user memasukkan kata: „na‟,

maka nama pegawai yang mengandung „na‟ akan ditampilkan.

2. Button Ubah: button ini akan mengubah sebuah data yang sudah di pilih oleh user.

Pengubahan bisa dilakukan apabila user telah mencari sebuah nama. Dengan

menekan button ubah, maka data yang ada pada database akan terubah.

3. Button Hapus: button ini digunakan untuk menghapus data pegawai yang telah

dipilih.

G. FORM EVALUASI

Hasil Analisa Praktikum: