Ok@Modul VB - Net Xii-Rpl

Modul VB.
NET
Perancangan Sistem Informasi Perpustakaan
Lisensi Dokumen: Copyright2010
Seluruh dokumen dapat digunakan, dimodifikasi dan
disebarkan secara bebas untuk tujuan bukan komersial
(nonprofit), dengan syarat tidak menghapus atau merubah
atribut penulis dan pernyataan copyright yangdisertakan
dalam dokumen. Tidak diperbolehkan melakukan
penulisan ulang, kecuali mendapatkan ijin terlebih dahulu
dari Author.
Author : Indra Setia Nugraha
Email
: indrasetianugraha@programmer.net
Website : www.indrasetianugraha.com
MODUL SEKOLAH MENENGAH KEJURUAN

MATA PELAJARAN VB.NET
indrasetianugraha@programmer.net
www.indrasetianugraha.com
1
PERANCANGAN SISTEM INFORMASI PERPUSTAKAAN
DENGAN MENGGUNAKAN VB.NET 2003
DAN MS. SQL SERVER 2000
Obyektif:
1. Melakukan Perancangan Database dengan Ms. SQL Server 2000
2. Melakukan Perancangan Antarmuka pada VB.NET 2003
3. Melakukan Koneksi dari Aplikasi ke Database
4. Melakukan Penulisan Source Code pada Aplikasi
Rekayasa Perangkat Lunak
Kelas XII

A.
PERANCANGAN DATABASE PERPUSTAKAAN

Sebelum melakukan perancangan aplikasi perpustakaan, terlebih dahulu kita lakukan
perancangan database dengan menggunakan Enterprise Manager pada aplikasi Ms. SQL Server 2000
dengan perancangan sebagai berikut:
1.
Buatlah database baru dengan nama db_perpustakaan.
2.
Buatlah 5 buah tabel baru pada database db_perpustakaan dengan rancangan tabel sebagai
berikut:
a. tbl_anggota
Keterangan:
= Primary Key
- Jadikan kolom no_id sebagai Primary Key pada tabel tbl_anggota.
b. tbl_buku
Keterangan:
= Primary Key
- Jadikan kolom no_buku sebagai Primary Key pada tabel tbl_buku.
c. tbl_peminjaman
Keterangan:
= Primary Key
- Jadikan kolom no_peminjaman sebagai Primary Key pada tabel tbl_peminjaman.
d. tbl_pengembalian
Kelas XII

e. tbl_user
Keterangan:
3.
= Primary Key
Buatlah sebuah diagram baru untuk melakukan relasi pada database db_perpustakaan dengan
langkah-langkah sebagai berikut:
a. Klik kanan pada sub menu Diagram di db_perpustakaan kemudian pilih New Database
Diagram...
Kelas XII

b. Klik Next >
c. Tambahkan (Add) tbl_anggota, tbl_buku, tbl_peminjaman, tbl_pengembalian dan tbl_user

kemudian klik tombol Next >
Kelas XII

d. Klik Finish
e. Relasikan tbl_peminjaman dengan tbl_anggota dan tbl_buku kemudian tbl_pengembalian

dengan tbl_peminjaman seperti gambar di atas.
Kelas XII

f. Simpan dengan nama SKEMA DIAGRAM, klik Yes jika muncul kotak dialog pesan.
B.
PERANCANGAN APLIKASI PERPUSTAKAAN

Setelah melakukan perancangan database maka langkah selanjutnya adalah melakukan
perancangan aplikasi. Buka aplikasi VB.NET 2003 kemudian buat project baru dengan nama Sistem
Informasi Perpustakaan.
1.
Form1 (StartUp Form)
Desain interface untuk Form1 seperti gambar di atas, tambahkan 2 buah Label, 1 buah
ProgressBar dan 1 buah Timer yang tersedia pada Toolbox dengan pengaturan Properties
masing-masing sebagai berikut:
NO
1
TOOLBOX
PROPERTIES
Form1
Name = Form1
ControlBox = False
FormBorderStyle = None
ShowInTaskbar = False
StartPosition = CenterScreen
Text = (Dikosongkan)
2 Label1
Name = Label1
Text = Sistem Informasi Perpustakaan
3 Label2
Name = Label2
Text = Label2
4 ProgressBar
Name = ProgressBar
5 Timer
Name = Timer
Enabled = True
Setelah semua Properties diatur, langkah selanjutnya kita tinggal menuliskan source code pada
Form1. Caranya klik kanan pada Form1 kemudian pilih View Code, kemudian perhatikan
gambar di bawah ini:
Kelas XII

Ubah event pada bagian yang ditunjukkan oleh No.1 menjadi Timer dan pada bagian yang
ditunjukkan oleh No.2 menjadi Tick. Kemudian tuliskan source code di bawah ini pada event
Timer_Tick yang ditunjukkan oleh No.3 (diantara Private Sub Timer_Tick dengan End Sub):
2.
Form2 (Login Form)
Kelas XII

Tambahkan sebuah form baru dengan cara klik kanan pada Sistem Informasi Perpustakaan
(No.1) kemudian pilih Add (No.2) dan pilih Add Windows Form...(No.3). Beri nama Form2
(No.4), kemudian klik Open (No.5) sesuai dengan gambar di bawah ini:
Kelas XII

Kemudian desain interface Form2 dengan menambahkan 2 Label, 2 TextBox, 2 Button, seperti
gambar di bawah ini:
Atur masing-masing Properties pada Form2 dengan aturan sebagai berikut:

NO
TOOLBOX
Form2
Label1
Label2
TextBox1
PROPERTIES
Name = Form2
FormBorderStyle = Fixed3D
MaximizeBox = False
ShowInTaskbar = False
Text = Login Form
Name = Label1
Text = Username
Name = Label2
Text = Password
Name = txtUsername
MaxLength = 30
Kelas XII

Text =
Name = txtPassword
MaxLength = 16
PasswordChar = *
Text =
6 Button1
Name = btnLogin
Cursor = Hand
FlatStyle = System
Text = &Login
7 Button2
Name = btnCancel
Cursor = Hand
FlatStyle = System
Text = &Cancel
Setelah itu tambahkan sebuah SQLConnection dengan langkah-langkah sebagai berikut:
5
TextBox1
4
3
Klik Data pada ToolBox (No.1) kemudian Double Click pada SQLConnection (No.2), setelah
muncul SQLConnection1 (No.3) kemudian ganti Name pada Properties menjadi SQLConnection
dan klik pada ConnectionString kemudian pilih New Connection, tunggu sampai muncul kotak
dialog seperti berikut ini:
Kelas XII

3
4
5
Pada nama server (No.1) masukkan tanda titik . (tanpa tanpa petik), kemudian pilih Use
Windows NT Integradet security (No.2) serta pilih database db_perpustakaan (No.3). Setelah
itu lakukan tes koneksi dengan cara klik pada tombol Test Connection (No.4) dan klik tombol
OK jika koneksi telah berhasil dilakukan.
Keterangan: SQLConnection digunakan untuk melakukan koneksi ke database.
Setelah melakukan koneksi ke database, langkah selanjutnya adalah menambahkan
SQLDataAdapter ke Form2 dengan melakukan langkah-langkah sebagai berikut:
Klik Data pada ToolBox kemudian Double Click pada SQLDataAdapter (No.1), setelah muncul
kotak dialog kemudian klik tombol Next > (No.2) dan klik tombol Next > lagi pada Data
Connection berikutnya (No.3). Pada Query Type pilih Use SQL Statements (No.4) dan klik
tombol Next > (No.5) kemudian klik tombol Query Builder... (No.6), pilih dan tambahkan tabel
tbl_user (No.7) dan klik tombol Add (No.8) kemudian klik tombol Close (No.9). Ceklis * (All
Columns) atau ceklis semua kolom pada tabel tbl_user (No.10) dan klik tombol OK (No.11) dan
tombol Next > (No.12) serta tombol Finish (No.13) untuk langkah berikutnya. SQLDataAdapter
telah berhasil ditambahkan ke Form2.
Perhatikan gambar di bawah ini:
Kelas XII

2
1
3
5
7
6
Kelas XII

10
12
11
13
Keterangan: SQLDataAdapter berfungsi sebagai penghubung antara data yang berada di dalam
memori dengan database permanen. SQLDataAdapter mempuyai metode Fill() yang akan
mengisi DataSet.
Kelas XII

Setelah menambahkan SQLDataAdapter pada Form2 langkah selanjutnnya lakukan Generate

DataSet dari SQLDataAdapter yang telah ditambahkan tadi dengan langkah-langkah sebagai
berikut sesuai gambar di bawah ini:
Klik kanan pada SQLDataAdapter (No.1) kemudian pilih Generate DataSet (No.2) setelah
muncul kotak dialog pilih New (No.3) dan ganti namanya dengan ds_user (No.4) kemudian klik
tombol OK (No.5). DataSet baru dengan nama ds_user telah berhasil ditambahkan ke Form2
Kelas XII

kemudian ganti lagi nama ds_user1 (No.6) pada Properties Name dari ds_user1 menjadi
ds_user (No.7).
Keterangan: DataSet digunakan untuk menyimpan dan memindahkan data dari database
kedalam memori, selain itu DataSet merupakan perwujudan data dalam memori yang
memberikan model program relational yang konsisten tanpa memperhatikan asal dari
database.
Langkah selanjutnya adalah menambahkan DataView ke Form2, perhatikan gambar di bawah
ini kemudian ikuti langkah-langkahnya:
3
4
5
6
2
Pada menu ToolBox, Double Click DataView (No.1) kemudian pilih DataView yang telah
ditambahkan tadi (No.2) kemudian atur Properties-nya seperti di bawah ini:
Name = dv_user (No.3)
ApplyDefaultSort = True (No.4)
Table = ds_user.tbl_user (No.5 & 6)
Keterangan: DataView digunakan untuk pembacaan data pada database dengan sifat forward
only dan read only.
Setelah SQLConnection, SQLDataAdapter, DataSet dan DataView ditambakan ke Form2 maka
untuk langkah selanjutnya tinggal menuliskan source code untuk Form2. Klik kanan pada Form
kemudian pilih View Code untuk masuk ke Windows Source Code.
Kemudian ketikkan source code di bawah ini diantara Windows Form Designer generated code
dengan End Class, lihat gambar!
Kelas XII

Keterangan source code:

1. MsgRespon digunakan untuk menentukan respon pada setiap kotak dialog pesan yang
muncul pada Form2, sedangkan cari digunakan untuk menentukan hasil pencarian data.
2. Digunakan sebagai method untuk menghapus isi dari TextBox txt_username dan
txt_password yang dapat dipanggil sewaktu-waktu pada setiap event yang ada pada Form2
dengan cara menuliskan source code Call clear()
Tuliskan source code di bawah ini pada saat event Form Load:
Keterangan: Method Fill digunakan untuk mengambil data dari database ke dataset.
Tuliskan source code di bawah ini pada saat event Form Activated:
Kelas XII

Keterangan: source code di atas digunakan untuk menempatkan pointer pada TextBox
txtUsername
Ketikkan source code di bawah ini pada saat event tombol Cancel Click:
Pada event tombol Login Click tuliskan source code berikut ini:
Kelas XII

3.
Form3 (Main Menu Form)
Kelas XII

NO
1
Rangcanglah interface untuk Form3 seperti gambar di atas, tambahkan 1 buah MainMenu
pada ToolBox dengan kemudian ganti Properties Name MainMenu1 menjadi MainMenu.
TOOLBOX
PROPERTIES
Form3
Name = Form3
FormBorderStyle = Fixed3D
MaximizeBox = False
MainMenu = MainMenu
Text = Sistem Informasi Perpustakaan
WindowState = Maximazed
Kelas XII

Ok@Modul VB - Net Xii-Rpl

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Ok@Modul VB - Net Xii-Rpl

Diunggah oleh

Hak Cipta:

Format Tersedia

Modul VB.

Author : Indra Setia Nugraha

MODUL SEKOLAH MENENGAH KEJURUAN

Rekayasa Perangkat Lunak

MODUL SEKOLAH MENENGAH KEJURUAN

PERANCANGAN DATABASE PERPUSTAKAAN

Rekayasa Perangkat Lunak

MODUL SEKOLAH MENENGAH KEJURUAN

Rekayasa Perangkat Lunak

MODUL SEKOLAH MENENGAH KEJURUAN

b. Klik Next >

c. Tambahkan (Add) tbl_anggota, tbl_buku, tbl_peminjaman, tbl_pengembalian dan tbl_user

Rekayasa Perangkat Lunak

MODUL SEKOLAH MENENGAH KEJURUAN

e. Relasikan tbl_peminjaman dengan tbl_anggota dan tbl_buku kemudian tbl_pengembalian

Rekayasa Perangkat Lunak

MODUL SEKOLAH MENENGAH KEJURUAN

PERANCANGAN APLIKASI PERPUSTAKAAN

Rekayasa Perangkat Lunak

MODUL SEKOLAH MENENGAH KEJURUAN

Form2 (Login Form)

Rekayasa Perangkat Lunak

MODUL SEKOLAH MENENGAH KEJURUAN

Rekayasa Perangkat Lunak

MODUL SEKOLAH MENENGAH KEJURUAN

Atur masing-masing Properties pada Form2 dengan aturan sebagai berikut:

Rekayasa Perangkat Lunak

MODUL SEKOLAH MENENGAH KEJURUAN

Rekayasa Perangkat Lunak

MODUL SEKOLAH MENENGAH KEJURUAN

Rekayasa Perangkat Lunak

MODUL SEKOLAH MENENGAH KEJURUAN

Rekayasa Perangkat Lunak

MODUL SEKOLAH MENENGAH KEJURUAN

Rekayasa Perangkat Lunak

MODUL SEKOLAH MENENGAH KEJURUAN

Setelah menambahkan SQLDataAdapter pada Form2 langkah selanjutnnya lakukan Generate

Rekayasa Perangkat Lunak

MODUL SEKOLAH MENENGAH KEJURUAN

Rekayasa Perangkat Lunak

MODUL SEKOLAH MENENGAH KEJURUAN

Keterangan source code:

Rekayasa Perangkat Lunak

MODUL SEKOLAH MENENGAH KEJURUAN

Rekayasa Perangkat Lunak

MODUL SEKOLAH MENENGAH KEJURUAN

Form3 (Main Menu Form)

Rekayasa Perangkat Lunak

MODUL SEKOLAH MENENGAH KEJURUAN

Rekayasa Perangkat Lunak

Anda mungkin juga menyukai