MODUL PERKULIAHAN
Pemrograman
Visual Client
Server
01
Ilmu Komputer Teknik Informatika 87022 Tim Dosen
Abstract Kompetensi
Mengenal VB.Net, Mampu Memahami Dasar
.Net FrameWork Pemrograman Database
Pendahuluan
I. Sejarah Singkat Visual Basic
Sejarah Visual Basic dimulai dari penemuan BASIC ( Beginner’s All Purpose
Symbolic Instruction Code) pada tahun 1964, sebuah bahasa yang mudah dipelajari dan
digunakan bagi programmer pemula. Bahasa ini digunakan selama sekitar 15 tahun oleh
berbagai macam orang dan perusahaan untuk membuat kompiler dan interpreter untuk
bahasa BASIC.
Pada tahun 1975 ketika MS merupakan perusahaan baru, bahasa BASIC adalah
merupakan produk mereka yang pertama, dan produk tersebut banyak digemari. Produk
sukses mereka QuickBasic (Qbasic) menjadi bahasa yang banyak dipergunakan dalam
PC, bahkan sampai saat ini masih ada yang menggunakannya. Perkembangan sistem
operasi Windows (Tampilan Graphic) membuat Qbasic sulit untuk menyesuaikan dengan
tampilan Windows, perlu usaha tambahan untuk menulis Code dengan lingkungan yang
baru. Sehingga MS membuat bahasa yang memungkinkan secara grafis bagi sebuah
program adalah Visual Basic 1.0
Visual Basic sangat cepat menjadi populer. Ada banyak fitur yang menjadikan
program ini sukses seperti membuat tabel, edit gambar, koneksi pada modem dan
banyak lagi fitur lainnya, sehingga para programmer VB membuat aplikasi lebih
bertenaga dengan mengkombinasikan berbagai macam komponen dengan Code
mereka. Hal ini mendongkrak kemungkinan pengembangan VB dan membantunya
menjadi bahasa program yang sangat populer.
Setiap Versi VB selalu ada fitur-fitur baru yang membuatnya menjadi fasilitas
handal dalam membuat program. Salah satu perubahan penting adalah bagaimana VB
dijalankan. Sebelum versi 5 yang diterbitkan pada tahun 1997, VB adalah bahasa
interpreter yang tampilannya tidak sebagus dengan Visual C++, Delphi atau bahasa
kompile lain. VB 5 mempunyai kemampuan membuat semacam bahasa interpreter atau
kompile, dan performanya lebih baik. Perubahan lain adalah kemampuan membuat
komponen. Dalam pemrograman anda sering menemukan bagian dari code, misalnya
penghitungan hipotek yang rutin dan biasa dipergunakan diberbagai tempat dan bahkan
dibagian-bagian program yang berbeda.
Membagi code dalam suatu program adalah dengan menuliskannya sebagai
prosedur, sebuah code yang sekali ditulis tapi bisa dipanggil dimanapun dalam suatu
aplikasi, Cara yang lebih baik kumpulan Code-code tersebut dapat disimpan kedalam
sebuah file pustaka yang terpisah dalam program dan dapat diubah secara bebas.
2013 Pemrograman Visual Client Server Modul 01 Pusat Bahan Ajar dan eLearning
2 Tim Dosen http://www.mercubuana.ac.id
Program ini biasa disebut sebagai komponen dan dibuat dalam bentuk ekstensi file .dll.
Versi-versi baru VB dengan kemampuan membuat komponen-komponen membuat
semakin mantap.
Versi 4.0 diluncurkan ( pada tahun 1996 ) adalah versi pertama yang bisa membuat
komponen dan sekarang merupakan komponen penting dalam pemrograman. Banyak
tambahan fitur baru dalam VB. Tapi semua dibangun pada dasar-dasar yang sudah ada.
Kelebihan dari bahasa baru adalah benar-benar terhindar dari kelemahan bahasa
program yang lalu. Ini yang dilakukan oleh microsoft pada waktu berpindah dari VB 6 ke
VB.Net. Bahasa ini ditulis ulang untuk membuat versi yang benar-benar bersih / handal
Ini berarti setiap orang yang sudah berpengalaman pada versi sebelumnya harus belajar
kembali tapi hasilnya jauh lebih bagus. Ada beberapa keuntungan dari perubahan ini,
yang paling signifikan adalah kebutuhan akan adanya lingkungan baru dari .NET.
Teknologi .NET merupakan desain ulang dari Java dengan prinsip yang sama
namun mempunyai tujuan yang berbeda. Jika Java mempunyai slogan write, one, run
anywhere (tulis sekali, jalankan dimana saja), yang dapat diartikan satu bahasa Java
untuk banyak platform, maka .NET juga menganut prinsip ini dengan tujuan yang
berbeda, yaitu many language, one platform, yang artinya sebuah aplikasi Windows
dapat dibangun dengan banyak bahasa. Sekarang telah dan sedang dikembangkan
proyek implementasi .NET pada platform Linux, yaitu Mono, sehingga ke depan .NET
akan mengikuti prinsip many language, many paltform.
.NET Platform merupakan satu set kumpulan teknologi yang memungkinkan
teknologi internet ditransformasikan kedalam platform distributed computing dengan
skalabilitas dan kompatibilitas yang tinggi. Secara teknikal .NET Platform menyediakan
konsep pemrograman dengan library dan modul-modul baru yang konsisten, terlepas dari
jenis bahasa pemrograman yang digunakan
.NET Platform menyediakan hal-hal berikut bagi para developer :
1) Language independent, dengan programming model yang konsisten di semua tier
aplikasi yang dibangun.
2) Interoperability dan kompatibilitas antar pemakai.
3) Kemudahan migrasi dari teknologi yang ada saat ini.
4) Dukungan penuh terhadap berbagai teknologi standar yang digunakan dalam
plattform internet antara HTTP,XML,SOAP dan HTML.
2013 Pemrograman Visual Client Server Modul 01 Pusat Bahan Ajar dan eLearning
3 Tim Dosen http://www.mercubuana.ac.id
Teknologi inti NET secara umum terdiri dari 4 area pokok yaitu :
1) .NET Framework
2013 Pemrograman Visual Client Server Modul 01 Pusat Bahan Ajar dan eLearning
4 Tim Dosen http://www.mercubuana.ac.id
modul-modul yang terdapat di suatu komputer, server dalam jaringan, maupun server
di internet. Service ini merupakan suatu idealisasi di masa depan, dimana sebuah
aplikasi bersifat terdistribusi dengan modul-modul yang tersimpan diberbagai tempat,
tetapi dapat diintegrasikan membentuk sebuah aplikasi. Konsep ini merupakan arah
pengembangan subscription based software, yang saat ini mulai banyak berkembang
dan dikenal sebagai Application Server Provider.
Service tersebut dapat di akses oleh berbagai paltform, asalkan platform
tersebut mensupport protokol SOAP, yang merupakan protokol standar dalam
mengakses web service. Peranan XML sebagai media definisi data menjadi sangat
penting dalam hal ini dan XML juga menjadi pusat perubahan besar dalam platform
.NET .
2013 Pemrograman Visual Client Server Modul 01 Pusat Bahan Ajar dan eLearning
5 Tim Dosen http://www.mercubuana.ac.id
membangun aplikasi menggunakan Visual Basic 6, kode langsung dikompilasi
menjadi perintah x86 yang dimengerti oleh mesin komputer sebelum dapat
dieksekusi dan disebarkan. Kode mesin yang dihasilkan ini akan terpasang dan
dijalankan pada mesin lain yang mendukung instruksi x86 dan hanya berjalan pada
Windows.
Jika Anda menulis aplikasi dengan Visual Basic 2010, Anda masih harus
mengkompilasi kode tersebut, namun kode tersebut tidak langsung dikompilasi
menjadi instruksi mesin x86 akan tetapi akan dikompilasi menjadi bahasa MSIL.
Mesin tidak akan menjalankan MSIL secara langsung karena mesin/prosesor tidak
mengerti MSIL. Alur pembuatan aplikasi hingga aplikasi tersebut dijalankan dan
perbedaannya dengan Visual Basic 6 dapat dilihat pada gambar di bawah ini :
Visual Basic
x86 Instructions
Compiler
2013 Pemrograman Visual Client Server Modul 01 Pusat Bahan Ajar dan eLearning
6 Tim Dosen http://www.mercubuana.ac.id
2.3. COMMON LANGUAGE RUNTIME (CLR)
Common Language Runtime (CLR) adalah inti dari .NET, seperti terlihat pada gambar
2. di atas. CLR mengambil aplikasi .NET anda, kemudian mengkompilasinya menjadi
kode native dan prosesor menjalankan aplikasi .NET tersebut. CLR menyediakan
beberapa fungsionalitas berikut :
kompilasi
Java Byte
MSIL
Code
Bahasa Bahasa
Mesin Mesin
ISOLASI APLIKASI
Pada sistem operasi modern seperti Windows dan Linux, sebuah aplikasi
diisolasi antara satu dengan yang lain. Hal ini sangatlah penting dari segi
keamanan dan kestabilan. Isolasi dilakukan dengan memberikan namespace pada
Visual Basic 2010, sebagaimana di Java dengan package.
Jika anda membuat aplikasi dengan nama yang sama dan dijalankan
bersama-sama atau karena jeleknya program yang anda tulis akan crash
2013 Pemrograman Visual Client Server Modul 01 Pusat Bahan Ajar dan eLearning
7 Tim Dosen http://www.mercubuana.ac.id
(tabrakan). Tabrakan ini dalam windows dapat menyebabkan blue screen of death
(BSOD), yaitu sebuah layar biru yang menerangkan kesalahan yang terjadi. Isolasi
aplikasi pada .NET dapat mengatasi masalah blue screen yang terjadi pada
Windows.
KEAMANAN
PENANGANAN KESALAHAN
INTEROPERABILITY
2013 Pemrograman Visual Client Server Modul 01 Pusat Bahan Ajar dan eLearning
8 Tim Dosen http://www.mercubuana.ac.id
SOAL LATIHAN :
3. Bagaiman proses yang terjadi pada sebuah aplikasi .NET sejak dibangun
hingga dijalankan ?
2013 Pemrograman Visual Client Server Modul 01 Pusat Bahan Ajar dan eLearning
9 Tim Dosen http://www.mercubuana.ac.id
Daftar Pustaka
Wahana Komputer, Tutorial 5 Hari Belajar Pemrograman Visual Basic 2010, Andi,
Yogyakarta, 2010.
Wahana Komputer, Short Course Visual Basic 2010 Programming, Andi, Yogyakarta, 2012.
2013 Pemrograman Visual Client Server Modul 01 Pusat Bahan Ajar dan eLearning
10 Tim Dosen http://www.mercubuana.ac.id
MODUL PERKULIAHAN
Pemrograman
Visual Client
Server
02
Ilmu Komputer Teknik Informatika 87022 Tim Dosen
Abstract Kompetensi
Mengenal Kontrol, Mampu Membuat Program
String Collection Editor, Dengan Kontrol Windows
Toolbar, tab dan status bar
Supaya aplikasi Visual Basic 2010 dapat berjalan dengan optimal, perlu dilakukan
pengecekan apakah perangkat yang akan digunakan nantinya sudah memenuhi kriteria
yang ditetapkan oleh microsoft selaku pengembang aplikasi Visual Studio 2010.
Persyaratan awal yang harus dipenuhi sebelum instalasi dapat dilakukan adalah bahwa
komputer yang nantinya akan diinstall Visual Studio minimal harus terdapat sistem
operasi sebagai berikut :
1. Windows 7
2. Windows Vista
3. Windows XP Service Pack 3
- Internet Explorer 6 Service Pack 1
- Windows Installer 3.1, minimum
4. Windows 2008
5. Windows Server 2003 Service Pack 2
2013 Pemrograman Visual Client Server Modul 02 Pusat Bahan Ajar dan eLearning
2 Tim Dosen http://www.mercubuana.ac.id
Selain persyaratan sistem operasi minimal yang bisa digunakan, terdapat pula
persyaratan awal library aplikasi atau prerequisites yang harus dipenuhi, diantaranya :
Setelah Anda melakukan Instalasi Visual Studio 2010, Anda dapat menjalankan
aplikasi tersebut dengan langkah sebagai berikut :
1. Klik menu Start
2. Klik All Programs
3. Klik Microsoft Visual Studio 2010
4. Klik Microsoft Visual Studio 2010
5. Selanjutnya akan muncul splash screen Visual Studio 2010 Professional sebagai
berikut :
2013 Pemrograman Visual Client Server Modul 02 Pusat Bahan Ajar dan eLearning
3 Tim Dosen http://www.mercubuana.ac.id
6. Setelah muncul Splash Screen, akan muncul IDE Visual Studio 2010 seperti pada
gambar 2. Anda akan melihat pada IDE Visual Studio 2010 yang muncul dengan Start
Page yang berisi informasi dan panduan untuk memulai Visual Studio 2010.
2013 Pemrograman Visual Client Server Modul 02 Pusat Bahan Ajar dan eLearning
4 Tim Dosen http://www.mercubuana.ac.id
III. MENUBAR
Sebelum Anda menulis kode, sebaiknya Anda mengenal dahulu IDE atau
lingkungan kerja yang Anda gunakan, sehingga Anda tidak bingung saat bekerja
dengan IDE Visual Studio 2010.
Secara umum aplikasi mempunyai 2 buah jenis menu, yaitu menubar dan toolbar
(jalan pintas menu), kecuali pada Microsoft Office 2007 dan beberapa aplikasi Windows
tebaru. Anda dapat melihat menubar Visual Studio 2010 seperti gambar di bawah ini :
File, menu untuk menutup aplikasi, membuka, membuat, menutup, dan menyimpan
file Visual Basic atau proyek Visual Studio 2010.
Edit, menyediakan fungsi umum pada item tertentu, Undo, Redo, Cut, Copy, Paste,
dan Delete.
View, menyediakan akses cepat untuk membuka dan menutup jendela yang ada
pada IDE, seperti jendela Solution Explorer, jendela Properties, jendela Output,
jendela Toolbox dan sebagainya. Jika membutuhkan jendela yang belum nampak
pada IDE, Anda dapat membuka melalui menu View.
Build, menu ini sangat penting ketika Anda telah menyelesaikan aplikasi yang
Anda buat dan ingin menjalankannya tanpa IDE Visual Basic 2010, seperti aplikasi
lain dalam bentuk *.EXE.
Debug, menu ini menyediakan tool untuk menjalankan (start) dan menghentikan
(stop) aplikasi dengan IDE Visual Basic 2010. Selain itu Anda juga dapat mencari
kesalahan dan melihat apa yang terjadi pada kode yang Anda tulis.
2013 Pemrograman Visual Client Server Modul 02 Pusat Bahan Ajar dan eLearning
5 Tim Dosen http://www.mercubuana.ac.id
Data, Anda membutuhkan menu ini jika ingin berhubungan dengan database. Anda
dapat mengelola data source dan preview Anda.
Tools, menu ini menyediakan perintah untuk melakukan konfigurasi IDE Visual
Studio 2010.
Test, menu ini menyediakan pilihan untuk menciptakan dan melihat unit percobaan
untuk aplikasi yang Anda kembangkan sebagai bahan latihan penulisan source
code pada bermacam-macam situasi.
Window, menu Window menjadi standar pada sebuah aplikasi yang mengijinkan
membuka jendela pada satu waktu seperti word dan excel. Anda dapat berganti
jendela yang aktif melalui menu ini.
Help, menu Help menyediakan akses untuk membuka dokumentasi Visual Studio
2010, dan Informasi lain seperti Jendela About, dan lain-lain.
IV. TOOLBAR
Toolbar adalah sebuah tombol jalan pintas yang terdapat pada menubar. Terdapat
bermacam-macam jenis toolbar, namun yang paling sering digunakan adalah toolbar
standar. Anda dapat membuka dan menutup toolbar melalui menu View Jenis
toolbar. Di bawah ini adalah toolbar standar.
Properties
Window
Uncomment
New Web Site save All the selected lines Break All Step Over
Navigate error list
Add new item copy find redo Forward step into step out toolbox
Undo
start
New Open save cut paste debugging extension
Project File comment out navigate solution manager
the selected lines backward stop explorer
debugging object
browser
immediate
Toolbar standar terdiri dari beberapa group sesuai fungsinya yang dipisahkan dengan garis
vertikal, yaitu :
2013 Pemrograman Visual Client Server Modul 02 Pusat Bahan Ajar dan eLearning
6 Tim Dosen http://www.mercubuana.ac.id
Group pertama adalah 6 ikon pertama, digunakan pada proyek dan manipulasi file
yang terdapat pada menu File dan Project.
Group kedua adalah ikon untuk editing (Cut, Copy dan Paste) yang terdapat pada
menu Edit.
Group ketiga adalah pencarian dan penggantian item (search aand replacing) yang
juga ada pada menu Edit.
Group kelima adalah ikon untuk undo dan redo kode yang Anda edit dan navigasi
pada kode Anda.
Group keenam adalah kumpulan ikon yang menyediakan fungsi untuk menjalankan,
mem-pause, dan menghentikan aplikasi. Anda juga dapat menggunakan 3 ikon
terakhir untuk menjalankan dan menganalisis kode per baris, blok kode dan method.
Group ketujuh adalah kumpulan ikon untuk membuka dan menutup jendela yang ada
pada IDE, seperti Toolbox, Solution Explorer, Properties, Object Browser dan lainnya.
Jika Anda lupa terhadap fungsi suatu ikon, Anda dapat meletakkan pointer di atas ikon
sehingga menampilkan tooltip yang menampilkan fungsi ikon tersebut.
2013 Pemrograman Visual Client Server Modul 02 Pusat Bahan Ajar dan eLearning
7 Tim Dosen http://www.mercubuana.ac.id
Soal Latihan :
2. Sebutkan perintah yang digunakan untuk menjalankan aplikasi Visual Studio 2010
3. Apa yang dimaksud dengan Menubar pada Visual Studio 2010, jelaskan fungsinya!
4. Apa yang dimaksud dengan Toolbar pada Visual Studio 2010, jelaskan masing-
masing fungsi pada Toolbar tersebut !
2013 Pemrograman Visual Client Server Modul 02 Pusat Bahan Ajar dan eLearning
8 Tim Dosen http://www.mercubuana.ac.id
Daftar Pustaka
Wahana Komputer, Tutorial 5 Hari Belajar Pemrograman Visual Basic 2010, Andi,
Yogyakarta, 2010.
Wahana Komputer, Short Course Visual Basic 2010 Programming, Andi, Yogyakarta, 2012.
2013 Pemrograman Visual Client Server Modul 02 Pusat Bahan Ajar dan eLearning
9 Tim Dosen http://www.mercubuana.ac.id
MODUL PERKULIAHAN
Pemrograman
Visual Client
Server
03
Ilmu Komputer Teknik Informatika 87022 Tim Dosen
Abstract Kompetensi
Form Windows, Disain Mampu Membuat Program
Menu, Kotak Dialog, Dengan Kontrol Windows
Aplikasi MDI
Form Windows
I. MEMBUAT APLIKASI SEDERHANA
Untuk mengenal lingkungan kerja lebih lanjut, marilah membuat aplikasi sederhana,
yaitu Salam Nama. Aplikasi ini akan meminta pengguna mengetikkan namanya,
kemudian aplikasi akan menampilkan nama tersebut pada kotak pesan (message box).
Untuk membuat aplikasi, ikuti langkah berikut :
1. Buatlah sebuah proyek baru dengan cara berikut :
Melalui Start Page New Project. Atau,
Melalui Menubar File New Project. Atau,
Melalui Toolbar New Project (ikon paling kiri). Atau,
Melalui shortcut key dengan menekan CTRL+N.
Gambar 1. Membuat menu melalui Start Page
2013 Pemrograman Visual Client Server Modul 03 Pusat Bahan Ajar dan eLearning
2 Tim Dosen http://www.mercubuana.ac.id
2. Selanjutnya akan terbuka jendela New Project, pilih pada bagian Recent Templates
Visual Basic Windows, kemudian pilih template yang digunakan, yaitu
Windows Form Application. Berilah nama proyek tersebut dengan “Salam Nama”
pada textbox Name bagian bawah. Klik tombol OK.
3. IDE akan membuat aplikasi Windows kosong Windows kosong atau Windows Form
atau sering disebut form saja dengan nama Form1.vb dan membuka beberapa
jendela.
2013 Pemrograman Visual Client Server Modul 03 Pusat Bahan Ajar dan eLearning
3 Tim Dosen http://www.mercubuana.ac.id
II. JENDELA PADA VISUAL STUDIO 2010
Setelah Anda membuat sebuah proyek dengan template Windows Form Application
seperti terlihat pada gambar 5. di atas, muncul beberapa jendela yang digunakan untuk
pemrograman Visual Basic 2010, antara lain Toolbox, Data Sources, Design, Solution
Explorer, Team Explorer dan Properties.
Di bawah ini penjelasan dari jendela-jendela tersebut :
Jendela Keterangan
Toolbox Jendela ini berisi kontrol dan komponen yang dapat digunakan
sewaktu-waktu dengan menambahkannya ke dalam aplikasi. Terdapat
12 group komponen sesuai dengan kegunaan masing-masing
Design Jendela ini menampilkan form yang Anda buat dan di sini pula Anda
mendesain tampilan dari aplikasi Anda. Jendela ini merupakan jendela
utama yang paling besar terletak di tengah IDE
Solution Jendela ini menampilkan hierarki dari solution Anda. Sebuah solution
Explorer dapat berisi banyak proyek, dimana proyek dapat mengandung banyak
form, kelas, modul, dan komponen lain untuk menyelesaikan masalah.
Properties Jendela ini menampilkan properti dari obyek yang terpilih pada jendela
Design. Dengan jendela Properties ini Anda dapat mengubah properti
objek terpilih. Selain itu Anda juga dapat mengaturnya melalui kode.
Gambar 6. Jendela Properties Form1.vb
2013 Pemrograman Visual Client Server Modul 03 Pusat Bahan Ajar dan eLearning
4 Tim Dosen http://www.mercubuana.ac.id
2. Nama Form1.vb merupakan nama fisik file form yang tercipta. Sekarang cobalah
untuk mengubah nama tersebut menjadi SalamNama.vb pada textbox File Name.
Anda akan melihat pada jendela Solution Explorer nama Form1.vb diubah menjadi
SalamNama.vb.
3. Klik form yang terdapat pada jendela design. Anda akan melihat jendela properties
menampilkan properti form tersebut seperti berikut :
Gambar 7. Properties Form Salam Nama
4. Ubah judul form melalui properti Text, ubah “Form1” menjadi “Salam Dari Visual
Basic 2010”. Anda dapat melihat pada jendela design perubahan judul form
tersebut.
5. Jalankan aplikasi tersebut dengan salah satu cara berikut :
6. Anda akan melihat jendela kosong dengan titlebar tertulis “Salam Dari Visual Basic
2010” seperti berikut :
2013 Pemrograman Visual Client Server Modul 03 Pusat Bahan Ajar dan eLearning
5 Tim Dosen http://www.mercubuana.ac.id
IV. JENDELA TOOLBOX
Toolbox merupakan jendela yang berisikan group dari bermacam-macam kontrol dan
komponen yang dapat dipasang di dalam form. Kontrol seperti Textbox, Button, Radio
Button, Checkbox, Combo Box dan lain-lain ditambahkan ke dalam form dengan cara
drag dan drop, atau mengklik dan menggoreskannya pada form. Lihat Toolbox pada
gambar di bawah :
Gambar 9. Toolbox
Pemberian nama sebuah kontrol
Kontrol Awalan
Label lbl
TextBox txt
Button btn
ComboBox cbo
CheckBox chk
ListBox lst
MainMenu Mnu
RadioButton Rdb
PictureBox pic
2013 Pemrograman Visual Client Server Modul 03 Pusat Bahan Ajar dan eLearning
6 Tim Dosen http://www.mercubuana.ac.id
MDI : Multiple Document Interface
Aplikasi MDI memungkinkan kita untuk menampilkan lebih dari satu dokumen (form)
dalam 1 waktu dimana tiap dokumen / form ditampilkan dalam windows masing-
masing.
Aplikasi MDI seringkali memiliki menu (windows menu) dan submenu-nya untuk
beralih antar windows atau dokumen atau form.
Pada MDI application terdapat:
MDI Form (Parent form), yang berlaku sbg container
Form (Child form), selalu berada didalam MDI Form
Contoh:
Parent Form
Child Form/
Windows/
Document
2013 Pemrograman Visual Client Server Modul 03 Pusat Bahan Ajar dan eLearning
7 Tim Dosen http://www.mercubuana.ac.id
Pada properti form1, set properti IsMDIContainer menjadi true.
Ini akan merubah form1 menjadi container form-form lain atau dikenal juga
sebagai Parent Form.
2013 Pemrograman Visual Client Server Modul 03 Pusat Bahan Ajar dan eLearning
8 Tim Dosen http://www.mercubuana.ac.id
Membuat Sub Form atau Child Form
Pada project yang sedang dikerjakan, lakukan langkah-langkah untuk menambah
Form baru:
Di Solution explorer, klik-kanan di project->Add->Add New Item. Akan tampil
form2, ini yang akan menjadi template dari child form.
Pada form yang baru di tambahkan, tambahkan control RichTextBox.
Isi Property RichTextBox
anchor = Top, Left.
Dock = Fill.
Ini akan membuat RichTextBox menutupi semua permukaan form bahkan ketika
form di resize.
Kita bisa mengisi kontrol apapun di atas child form, bukan hanya RichTextBox.
Run aplikasi, dan pilih menu Berkas->baru beberapa kali, lihat hasilnya.
2013 Pemrograman Visual Client Server Modul 03 Pusat Bahan Ajar dan eLearning
9 Tim Dosen http://www.mercubuana.ac.id
Mengatur (Arranging) Child Windows di MDI Application:
Pada menu “Windows” tambahkan untuk mengatur child windows yang terdapat
pada MDI Application kita:
Menu Artinya
Arrange All MDI child icons are arranged within the client region
&Icons of the MDI parent form.
&Cascade All MDI child windows are cascaded within the client
region of the MDI parent form.
Tile All MDI child windows are tiled horizontally within the
&Horizontal client region of the MDI parent form.
Tile All MDI child windows are tiled vertically within the
&Vertical client region of the MDI parent form.
Menu Artinya
Arrange All MDI child icons are arranged within the client region
&Icons of the MDI parent form.
&Cascade All MDI child windows are cascaded within the client
region of the MDI parent form.
Tile All MDI child windows are tiled horizontally within the
&Horizontal client region of the MDI parent form.
Tile All MDI child windows are tiled vertically within the
&Vertical client region of the MDI parent form.
2013 Pemrograman Visual Client Server Modul 03 Pusat Bahan Ajar dan eLearning
10 Tim Dosen http://www.mercubuana.ac.id
Run Aplikasi, buka beberapa child form, lalu jalankan menu Arrange Windows
satu persatu.
2013 Pemrograman Visual Client Server Modul 03 Pusat Bahan Ajar dan eLearning
11 Tim Dosen http://www.mercubuana.ac.id
Daftar Pustaka
Wahana Komputer, Tutorial 5 Hari Belajar Pemrograman Visual Basic 2010, Andi,
Yogyakarta, 2010.
Wahana Komputer, Short Course Visual Basic 2010 Programming, Andi, Yogyakarta, 2012.
2013 Pemrograman Visual Client Server Modul 03 Pusat Bahan Ajar dan eLearning
12 Tim Dosen http://www.mercubuana.ac.id
MODUL PERKULIAHAN
Pemrograman
Visual Client
Server
04
Ilmu Komputer Teknik Informatika 87022 Tim Dosen
Abstract Kompetensi
Variabel, Konstanta, Mampu Membuat Program
Operator, Penanganan Dengan Kontrol Windows
Kesalahan
I. VARIABEL
Variabel adalah sesuatu yang digunakan untuk menyimpan sebuah nilai. Variabel
terdiri dari 3 unsur yaitu nama, tipe data, dan nilai. Nama dan tipe data Anda deklarasikan
saat pembuatan variabel tersebut, sedangkan pemberian nilai dapat dilakukan kapanpun,
bahkan saat aplikasi Anda sedang berjalan Anda dapat memberikan nilai melalui Kontrol
TextBox dan yang sejenisnya.
Penulisan variabel biasanya diawali dengan Dim, seperti deklarasi di bawah ini:
Dim namaVariabel As TipeData
Nama Variabel selalu dimulai dengan huruf dan diikuti huruf atau angka. Sedangkan tipe
data apabila Anda tidak memberikan jenis tipe data secara spesifik, maka Visual Basic 2010
akan menganggapnya sebagai sebuah tipe Object.
Contoh :
Dim angka1 As Integer
Dim nama As String
Dim tanggal As Date
Anda dapat meringkas penulisan deklarasi variabel tersebut dengan penambahan pada
akhir nama variabel dengan sebuah karakter yang mewakili tipe data tertentu.
Perhatikan tabel di bawah ini :
Tabel 1. Penulisan Ringkas Deklarasi Variabel
II. Konstanta
Pada prinsipnya konstanta merupakan sebuah variabel hanya saja sebuah konstanta
ditujukan untuk menyimpan data yang nilainya tidak berubah. Konstanta dideklarasikan
dengan pernyataan Const
Contoh :
Dim D,Luas
2013 Pemrograman Visual Client Server Modul 04 Pusat Bahan Ajar dan eLearning
2 Tim Dosen http://www.mercubuana.ac.id
Const PI =3.1416
Luas = 0.25 *PI *D ^ 2
Pada contoh ini PI merupakan konstanta yang nilainya selalu tetap, yaitu 3.1416.
III. OPERATOR
Operator adalah sebuah tanda atau /notasi yang digunakan untuk melakukan operasi
atau manipulasi sebuah nilai atau variabel. Nilai atau variabel yang dimanipulasi disebut
Operand. Seperti bahasa pemrograman lainnya, Visual Basic 2010 juga mempunyai
berbagai jenis operator, antara lain :
Operator Aritmetika
Operator Assignment
Operator Perbandingan
Operator Penyambungan
Operator Logika
Operator Bit Shift
A. Operator Aritmetika
Operator Aritmetika adalah jenis operator yang digunakan untuk melakukan
perhitungan matematika, seperti penjumlahan, pengurangan, pembagian, dan lain
sebagainya. Operator dan Operasi yang dilakukan pada Visual Basic 2010 terlihat
pada tabel berikut :
Tabel 2. Operator Aritmetika
2013 Pemrograman Visual Client Server Modul 04 Pusat Bahan Ajar dan eLearning
3 Tim Dosen http://www.mercubuana.ac.id
2013 Pemrograman Visual Client Server Modul 04 Pusat Bahan Ajar dan eLearning
4 Tim Dosen http://www.mercubuana.ac.id
Text Hasil Bagi Int
Label Text Pemangkatan
TextBox Name txtPangkat1
Label Text ^
TextBox Name txtPangkat2
Label Text =
Label Name lblHasilPangkat
Text Hasil Pangkat
Label Text Modulo
TextBox Name txtModulo1
Label Text Mod
TextBox Name txtModulo2
Label Text =
Label Name lblHasilModulo
Text Hasil Modulo
Button Name btnHasil
Text Hasil
Button Name btnTutup
Text Tutup
4. Tambahkan kode operasi yang sesuai pada kontrol-kontrol yang sesuai. Secara default
nilai dari textbox adalah string. Untuk itu digunakan beberapa perintah, antara lain Val,
Cint, Integer, Parse, dan lain-lain. Klik ganda btnHasil, kemudian tuliskan kode berikut :
Private Sub btnHasil_Click(ByVal sender As System.Object, ByVal e As System.EventArgs)
Handles btnHasil.Click
lblHasilTambah.Text = Val(txtTambah1.Text) + Val(txtTambah2.Text)
lblHasilKurang.Text = CInt(txtKurang1.Text) - CInt(txtKurang2.Text)
lblHasilKali.Text = Integer.Parse(txtKali1.Text) * Integer.Parse(txtKali2.Text)
lblHasilBagiFloat.Text = Val(txtBagiFloat1.Text) / Val(txtBagiFloat2.Text)
lblHasilBagiInt.Text = Val(txtBagiInt1.Text) \ Val(txtBagiInt2.Text)
lblHasilPangkat.Text = Val(txtPangkat1.Text) ^ Val(txtPangkat2.Text)
lblHasilModulo.Text = CInt(txtModulo1.Text) Mod Val(txtModulo2.Text)
End Sub
5. Tambahkan perintah untuk menutup form dengan klik ganda btnTutup, kemudian tuliskan
kode berikut :
Private Sub btnTutup_Click(ByVal sender As System.Object, ByVal e As System.EventArgs)
Handles btnTutup.Click
Me.Close()
End Sub
6. Selanjutnya jalankan form tersebut dengan menekan F5 atau melalui toolbar, kemudian
masukkan nilai-nilai bilangannya.
7. Pilih tombol Hasil sehingga label akan berisi nilai-nilai operasi matematika, seperti tampak
pada gambar di atas.
2013 Pemrograman Visual Client Server Modul 04 Pusat Bahan Ajar dan eLearning
5 Tim Dosen http://www.mercubuana.ac.id
B. OPERATOR ASSIGNMENT
Operator Assignment adalah operator yang berfungsi memberikan nilai pada suatu
variabel. Perhatikan operator assignment pada tabel di bawah ini :
Tabel 4. Operator Assignment
C. OPERATOR PERBANDINGAN
Operator Perbandingan adalah operator yang digunakan untuk membandingkan
nilai satu dengan nilai yang lain. Hasil dari operator ini adalah True atau False. Pada
Visual Basic.NET terdapat operator Like, yaitu membandingkan variabel dengan pola
tertentu. Pada operator Like, gunakan karakter * untuk karakter bebas. Perhatikan
operator-operator pada tabel di bawah ini :
Tabel 4. Operator Perbandingan
= Op1 = 123 Menguji apakah nilai op1 sama dengan nilai op2
> Op1 > Op2 Menguji apakah nilai op1 lebih besar dari nilai op2
>= Op1 >= Op2 Menguji apakah nilai op1 lebih besar atau sama
dengan nilai op2
< Op1 < Op2 Menguji apakah nilai op1 lebih kecil dari nilai op2
<= Op1 <= Op2 Menguji apakah nilai op1 lebih kecil atau sama dengan
nilai op2
<> Op1 <> Op2 Menguji apakah nilai op1 tidak sama dengan nilai op2
Like Op1 Like “asiah” Menguji apakah nilai op1 terdapat kata “asiah”
2013 Pemrograman Visual Client Server Modul 04 Pusat Bahan Ajar dan eLearning
6 Tim Dosen http://www.mercubuana.ac.id
D. OPERATOR PENYAMBUNGAN
Operator Penyambungan adalah operator untuk menggabungkan 2 buah string atau
lebih.
Tabel 5. Operator Penyambungan
Jika Anda menggunakan operator “+” pastikan bahwa kedua operand bertipe string.
Jika tidak maka akan terjadi kesalahan saat melakukan operasi karena tipe selain string
secara otomatis akan dikonversi ke tipe bilangan.
E. OPERATOR LOGIKA
Operator Logika adalah operator yang digunakan untuk melakukan operasi Boolean,
yaitu operasi nilai true (1) atau false (0).
Tabel 6. Operator Logika
2013 Pemrograman Visual Client Server Modul 04 Pusat Bahan Ajar dan eLearning
7 Tim Dosen http://www.mercubuana.ac.id
Latihan :
1. Sebutkan Operator-Operator Aritmatika dan Fungsinya dalam Visual Basic 2010
2. Buatlah Aplikasi Visual Basic 2010 untuk :
a. Operasi Perbandingan
b. Operasi Logika
c. Operasi Geser Bit
2013 Pemrograman Visual Client Server Modul 04 Pusat Bahan Ajar dan eLearning
8 Tim Dosen http://www.mercubuana.ac.id
Daftar Pustaka
Wahana Komputer, Tutorial 5 Hari Belajar Pemrograman Visual Basic 2010, Andi,
Yogyakarta, 2010.
Wahana Komputer, Short Course Visual Basic 2010 Programming, Andi, Yogyakarta, 2012.
2013 Pemrograman Visual Client Server Modul 04 Pusat Bahan Ajar dan eLearning
9 Tim Dosen http://www.mercubuana.ac.id
MODUL PERKULIAHAN
Pemrograman
Visual Client
Server
05
Ilmu Komputer Teknik Informatika 87022 Tim Dosen
Abstract Kompetensi
IF…THEN…ELSE, Mampu membuat program
Do….Loop, While….End While, percabangan dan pengulangan
For….Next, For Each……. Next
Struktur Kontrol Percabangan pada Visual Basic 2010 terdiri dari 2 statement yaitu IF
dan Select. Struktur Kontrol Percabangan digunakan untuk menyaring suatu nilai, kemudian
keputusan yang dipilih adalah yang sesuai dengan kriteria penyaringan tersebut.
IF ... THEN
Statement ini digunakan ketika Anda hanya ingin menjalankan statement dengan
kondisi bernilai benar dan melewati begitu saja apabila kondisi bernilai salah. Anda
dapat menuliskan struktur If Then secara single line (satu baris saja), maupun multiline
(banyak baris).
Deklarasi If Then baris tunggal :
IF kondisi Then statement
Deklarasi If Then dengan banyak baris :
If kondisi Then
Statement 1
Statement 2
End If
Kondisi adalah suatu statement yang menghasilkan nilai boolean true atau false.
Kondisi dapat berupa nilai true atau false, maupun sebuah ekspresi yang
menghasilkan nilai boolean seperti semua ekspresi yang menggunakan operator
perbandingan.
Statement ini mempunyai 2 buah blok statement yang hanya dieksekusi salah satu.
Berbeda dengan bentuk pertama yang hanya mempunyai 1 blok statement.
Deklarasi :
IF kondisi Then
Statement 1
Else
Statement 2
End If
Blok Else akan dijalankan apabila kondisi pada blok If tidak menghasilkan nilai true.
2013 Pemrograman Visual Client Server Modul 05 Pusat Bahan Ajar dan eLearning
2 Tim Dosen http://www.mercubuana.ac.id
IF ... THEN ... ELSEIF ... ELSE
Statement ini dapat menangani beberapa kondisi, namun hanya satu blok yang
dijalankan. Bentuk ini digunakan pada program yang lebih kompleks dimana banyak
sekali kemungkinan akan terjadi.
Deklarasi :
If (kondisi) Then
Statement1
ElseIf(kondisi2) Then
Statement2
ElseIf(kondisi-n) Then
Statement-n
Else
Statement n
End If
Tambahkan proyek baru ke dalam solution yang Anda buat, yaitu SCVB2010.
Aplikasi yang akan dibuat adalah mencari kata yang dimasukkan user pada variabel
yang Anda definisikan. Ikuti langkah berikut :
2013 Pemrograman Visual Client Server Modul 05 Pusat Bahan Ajar dan eLearning
3 Tim Dosen http://www.mercubuana.ac.id
2. Akan muncul jendela Dialog Add New Project.
2013 Pemrograman Visual Client Server Modul 05 Pusat Bahan Ajar dan eLearning
4 Tim Dosen http://www.mercubuana.ac.id
7. Klik ganda button. Pada jendela editor yang muncul, ketikkan perintah berikut :
8. Ubah proyek Bab1 menjadi Startup Project dengan klik kanan proyek Bab1
kemudian pada pop-up yang muncul pilih Set as Start Up Project.
2013 Pemrograman Visual Client Server Modul 05 Pusat Bahan Ajar dan eLearning
5 Tim Dosen http://www.mercubuana.ac.id
9. Masukkan sebuah nilai pada textbox, misalnya 78.
Gambar 5. Input Nilai 78
Gambar 6. Hasil Input Nilai 78
11. Tutup kotak pesan, kemudian masukkan lagi nilai 57. Hasilnya akan terlihat pada
gambar berikut :
SELECT
Statement lain yang dapat menggantikan blok If adalah blok Select – Case. Struktur
ini digunakan untuk memilih satu blok statement dari beberapa blok statement.
Perbedaan dengan If Else adalah blok If dapat digunakan untuk membuat keputusan
berdasarkan rentang nilai tertentu atau kondisi tertentu, sedang pernyataan Select
membuat keputusan hanya berdasarkan nilai unik dari tipe integer.
Deklarasi :
2013 Pemrograman Visual Client Server Modul 05 Pusat Bahan Ajar dan eLearning
6 Tim Dosen http://www.mercubuana.ac.id
Select Case parameter
Case 1
Blok Statement_1
Case 2
Blok Statement_2
Case 3 to 10
Blok Statement_3
Case 11,13,15
Blok Statement_3
Case Else
Blok Statement_Else
End Select
2013 Pemrograman Visual Client Server Modul 05 Pusat Bahan Ajar dan eLearning
7 Tim Dosen http://www.mercubuana.ac.id
4. Simpan, kemudian aturlah Startup form melalui My Project.
5. Jalankan proyek sehingga akan muncul form dengan sebuah tombol Select Case.
Struktur Perulangan berupa pernyataan dari Visual Basic 2010 yang mengizinkan Anda
untuk mengeksekusi blok kode berulang-ulang sesuai jumlah tertentu yang diinginkan.
Perulangan dengan Visual Basic 2010 dapat dilakukan dengan perintah :
2013 Pemrograman Visual Client Server Modul 05 Pusat Bahan Ajar dan eLearning
8 Tim Dosen http://www.mercubuana.ac.id
FOR ... NEXT
Statement For ... Next merupakan perintah perulangan Visual Basic yang paling sering
digunakan. Statement ini memerlukan 3 komponen untuk melakukan perulangan, yaitu
nilai awal, nilai_akhir, dan pencacah.
Deklarasi :
For varInt[As Tipe Data] = niali_awal To nilai_akhir [Step pencacah]
Statement
Next varInt
Perhatikan contoh Aplikasi di bawah ini :
1. Melalui toolbar ikon nomor 3 dari kiri, klik Add Class untuk menambahkan kelas
baru.
2013 Pemrograman Visual Client Server Modul 05 Pusat Bahan Ajar dan eLearning
9 Tim Dosen http://www.mercubuana.ac.id
Public Class ForNext
Public Shared Sub Main()
'Perulangan For
For VarInt As Integer = 1 To 5
Console.WriteLine(VarInt)
Next VarInt
Console.Write("Tekan sembarang tombol ...")
'Agar Console tidak langsung tertutup
'setelah menekan sembarang tombol Console baru akan tertutup
Console.ReadKey()
End Sub
End Class
Pemakaian STEP
Jika ingin mencetak angka genap atau ganjil saja gunakan instruksi STEP.
Contoh :
Ikuti langkah-langkah berikut :
1. Menggunakan cara seperti sebelumnya, buat kelas baru dan simpan dengan nama
“ForNextStep”.
2013 Pemrograman Visual Client Server Modul 05 Pusat Bahan Ajar dan eLearning
10 Tim Dosen http://www.mercubuana.ac.id
2. Tuliskan kode berikut :
Public Class ForNextStep
Shared Sub Main()
'Perulangan For
For Ganjil As Integer = 1 To 20 Step 2
Console.WriteLine(Ganjil)
Next Ganjil
Console.Write("Tekan sembarang tombol ...")
'Agar Console tidak langsung tertutup
'setelah menekan sembarang tombol Console baru akan tertutup
Console.ReadKey()
End Sub
End Class
3. Atur Startup object pada My Project kemudian jalankan proyek tersebut. Hasilnya
terlihat pada gambar berkut:
4. Jika ingin menampilkan angka genap, Anda hanya perlu mengubah nilai_awal
menjadi genap, yaitu :
Public Class FORNEXTSTEP
Shared Sub Main()
'Perulangan For
For Genap As Integer = 0 To 20 Step 2
Console.WriteLine(Genap)
Next Genap
Console.Write("Tekan sembarang tombol ...")
'Agar Console tidak langsung tertutup
'setelah menekan sembarang tombol Console baru akan tertutup
Console.ReadKey()
End Sub
End Class
2013 Pemrograman Visual Client Server Modul 05 Pusat Bahan Ajar dan eLearning
11 Tim Dosen http://www.mercubuana.ac.id
Pemakaian DECREMENT
2013 Pemrograman Visual Client Server Modul 05 Pusat Bahan Ajar dan eLearning
12 Tim Dosen http://www.mercubuana.ac.id
Contoh :
1. Tambahkan item baru bertipe kelas dan simpan dengan nama “KontrolForEach”.
2. Tulis kode berikut pada kelas tersebut :
Public Class ForEach
Shared Sub Main()
'Deklarasi Array
Dim nama() As String = {"Abu Asiah", "Ummu Asiah", "Asiah AzZahra"}
'perintah for each
Console.WriteLine("Keluarga Asiah :")
For Each n As String In nama
Console.WriteLine(n)
Next
Console.Write("Tekan sembarang tombol ...")
'Agar Console tidak langsung tertutup
'setelah menekan sembarang tombol Console baru akan tertutup
Console.ReadKey()
End Sub
End Class
3. Atur Startup Object pada My Project, kemudian jalankan proyek tersebut. Hasilnya
adalah sebagai berikut :
DO ... LOOP
Berbeda dengan instruksi For dimana kondisi awal dan akhir telah diketahui, Do ...
Loop tidak demikian karena proses perulangan Do ... Loop akan terus dijalankan
selama kondisi masih bernilai True.
Terdapat beberapa model penulisan Do ... Loop, yaitu :
Do While ... Loop
Perulangan minimal dilaksanakan 0 kali. Jika bernilai true akan dijalankan, jika
bernilai false tidak akan dijalankan. Pencacah adalah nilai untuk menaikkan nilai
bilangan. Jika nilai pencacah tidak dinaikkan maka perulangan tidak akan
berhenti.
Deklarasi : Do While ekspresiBoolean
Statements
Pencacah
Loop
2013 Pemrograman Visual Client Server Modul 05 Pusat Bahan Ajar dan eLearning
13 Tim Dosen http://www.mercubuana.ac.id
Contoh :
1. Tambahkan file kelas baru dengan nama “DoWhileLoop”
2. Tuliskan kode berikut :
Public Class DoWhileLoop
Shared Sub Main()
'deklarasi variabel
Dim cacah As Integer = 1
Dim cacah2 As Integer = 10
Do While cacah <= 30
Console.WriteLine("Nilai Cacah While Ke‐" & cacah)
cacah += 5
Loop
' tidak pernah dilakukan perulangan
Do While cacah2 < 10
Console.WriteLine("Nilai Cacah While 2 Ke‐" & cacah2)
cacah2 += 5
Loop
Console.Write("Tekan sembarang tombol ...")
'Agar Console tidak langsung tertutup
'setelah menekan sembarang tombol Console baru akan tertutup
Console.ReadKey()
End Sub
End Class
2013 Pemrograman Visual Client Server Modul 05 Pusat Bahan Ajar dan eLearning
14 Tim Dosen http://www.mercubuana.ac.id
Public Class DoUntilLoop
Shared Sub Main()
'deklarasi variabel
Dim cacah As Integer = 1
Dim cacah2 As Integer = 20
Do Until cacah >= 5
Console.WriteLine("Nilai Cacah Until 1 Ke‐" & cacah)
cacah += 1
Loop
' tidak pernah dilakukan perulangan
Do Until cacah2 >= 10
Console.WriteLine("Nilai Cacah Until 2 Ke‐" & cacah2)
cacah2 += 5
Loop
Console.Write("Tekan sembarang tombol ...")
'Agar Console tidak langsung tertutup
'setelah menekan sembarang tombol Console baru akan tertutup
Console.ReadKey()
End Sub
End Class
2013 Pemrograman Visual Client Server Modul 05 Pusat Bahan Ajar dan eLearning
15 Tim Dosen http://www.mercubuana.ac.id
Public Class DoLoopWhile
Shared Sub Main()
'deklarasi variabel
Dim cacah As Integer = 1
Dim cacah2 As Integer = 10
Do
Console.WriteLine("Nilai Cacah While Ke‐" & cacah)
cacah += 5
Loop While cacah <= 30
' dilakukan hanya satu kali
Do
Console.WriteLine("Nilai Cacah While 2 Ke‐" & cacah2)
cacah2 += 5
Loop While cacah2 < 10
Console.Write("Tekan sembarang tombol ...")
'Agar Console tidak langsung tertutup
'setelah menekan sembarang tombol Console baru akan tertutup
Console.ReadKey()
End Sub
End Class
2013 Pemrograman Visual Client Server Modul 05 Pusat Bahan Ajar dan eLearning
16 Tim Dosen http://www.mercubuana.ac.id
Console.WriteLine("Nilai Cacah Until 2 Ke‐" & cacah2)
cacah2 += 5
Loop Until cacah2 >= 10
Console.Write("Tekan sembarang tombol ...")
'Agar Console tidak langsung tertutup
'setelah menekan sembarang tombol Console baru akan tertutup
Console.ReadKey()
End Sub
End Class
2013 Pemrograman Visual Client Server Modul 05 Pusat Bahan Ajar dan eLearning
17 Tim Dosen http://www.mercubuana.ac.id
'Agar Console tidak langsung tertutup
'setelah menekan sembarang tombol Console baru akan tertutup
Console.ReadKey()
End Sub
End Class
3. Atur Startup Object pada My Project, kemudian jalankan proyek tersebut. Hasilnya
adalah sebagai berikut :
Latihan :
2013 Pemrograman Visual Client Server Modul 05 Pusat Bahan Ajar dan eLearning
18 Tim Dosen http://www.mercubuana.ac.id
Daftar Pustaka
Wahana Komputer, Tutorial 5 Hari Belajar Pemrograman Visual Basic 2010, Andi,
Yogyakarta, 2010.
Wahana Komputer, Short Course Visual Basic 2010 Programming, Andi, Yogyakarta, 2012.
2013 Pemrograman Visual Client Server Modul 05 Pusat Bahan Ajar dan eLearning
19 Tim Dosen http://www.mercubuana.ac.id
MODUL PERKULIAHAN
Pemrograman
Visual Client
Server
06
Ilmu Komputer Teknik Informatika 87022 Tim Dosen
Abstract Kompetensi
Deklarasi array, array multidimensi, Mampu membuat program
array dinamik, subrutin, fungsi, array dan prosedur
passing parameter
I. Array
Array adalah sekumpulan nilai data yang dikelompokkan dalam sebuah variabel.
Array berguna jika terdapat beberapa kumpulan nilai data yang sejenis dan akan
mendapat perlakuan sama. Misalnya ada sepuluh nilai data sejenis dan akan diolah
dengan cara yang sama, maka akan lebih mudah dimasukan dalam sebuah array
daripada memasukan ke dalam sepuluh variabel yang berbeda. Kumpuan nilai tersebut
satu sama lain dibedakan dengan indeks dan masing-masing disebut element array.
Bentuk Umum 1 :
Dim<nama_Var_Array>()As<Tipe_Data><nama_Var_Array>=New<Tipe_Data>(<BatasAtas)>{}
Bentuk Umum 2 :
Dim<nama_Var_Array>()As<Tipe_Data> = New<Tipe_Data>(<BatasAtas)>{ }
2013 Pemrograman Visual Client Server Modul 06 Pusat Bahan Ajar dan eLearning
2 Tim Dosen http://www.mercubuana.ac.id
4. Mendeklarasikan Variabel Array langsung meng-inisialisasi
Bentuk Umum :
Bentuk Umum 1 :
Dim<nama_Var_Array>(<kolom>,<baris>) As <Tipe_Data>
Bentuk Umum 2 :
Dim<nama_Var_Array>(,) As <Tipe_Data><nama_Var_Array>=New<Tipe_Data>(<kolom>,<baris>){ }
Bentuk Umum 3 :
Dim<nama_Var_Array>(,) As <Tipe_Data>=New<Tipe_Data>(<kolom>,<baris>){ }
Bentuk Umum 1 :
Dim<nama_Var_Array>(<Panjang>,<Lebar>,<Tinggi>) As <Tipe_Data>
Bentuk Umum 2 :
Dim<nama_Var_Array>(,,)As <Tipe_Data><Nama_Var_Array>=New<Tipe_Data>(<Panjang>,<Lebar>,<Tinggi>){ }
2013 Pemrograman Visual Client Server Modul 06 Pusat Bahan Ajar dan eLearning
3 Tim Dosen http://www.mercubuana.ac.id
Contoh : Dim Gambar (3,3,2) As Integer
Mendeklarasikan Variabel Array Multi Dimensi dengan nama Gambar, banyak
elemen panjang 3, banyak elemen lebar 3, dan banyak elemen tinggi 2 dengan tipe
data Integer.
Contoh Meng-akses Variabel Array Multi Dimensi sebagai berikut :
Nilai(0,0,0) = 10
2013 Pemrograman Visual Client Server Modul 06 Pusat Bahan Ajar dan eLearning
4 Tim Dosen http://www.mercubuana.ac.id
3. Buat modul dengan nama modularray dan isinya sebagai berikut :
Public mak As Integer
Public a(10) As Integer
StartPosition CenterScreen
1. FmvarArray
ControlBox False
FormBorderStyle FixedSingle
Text Mencari Bilangan Terbesar dari 3
Bilangan Dengan Variabel Array
Text A
2. Label1
Font/Font Style Bold
Text B
3. Label 2
Font/Font Style Bold
Text C
4. Label 3
Font/Font Style Bold
Text Bilangan Terbesar
5. Label 4
Font/Font Style Bold
6. TextBox1 Name Ta
7. TextBox2 Name Tb
8. TextBox3 Name Tc
9. TextBox4 Name Tbs
10. Button1 Text &Mulai
Font/Font Style Bold
Name Bmulai
11. Button2 Text &Selesai
Font/Font Style Bold
Name Bselesai
2013 Pemrograman Visual Client Server Modul 06 Pusat Bahan Ajar dan eLearning
5 Tim Dosen http://www.mercubuana.ac.id
Dim I As Integer
a(I) = Val(Tc.Text)
For I = 1 To 2
If a(I) > mak Then
mak = a(I)
End If
Next I
Tbs.Text = mak
End Sub
Private Sub Ta_LostFocus(ByVal sender As Object, ByVal e As System.EventArgs)
Handles Ta.LostFocus
a(0) = Val(Ta.Text)
mak = a(0)
End Sub
Private Sub Tb_LostFocus(ByVal sender As Object, ByVal e As System.EventArgs)
Handles Tb.LostFocus
a(1) = Val(Tb.Text)
End Sub
Private Sub mnukeluar_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles mnukeluar_Click
Me.Close()
FmMenuUtama.Show()
End Sub
Private Sub BSelesai_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles BSelesai.Click
End
End Sub
II. Subroutin/Procedure
Pada VBNET terdapat 3 macam prosedur yaitu sub procedure, Function procedure dan
property procedure. Ketiga macam prosedur ini mempunyai ciri tersendiri sesuai dengan
fungsinya.
2013 Pemrograman Visual Client Server Modul 06 Pusat Bahan Ajar dan eLearning
6 Tim Dosen http://www.mercubuana.ac.id
1. Sub Procedure
Sub Procedure adalah suatu blok perintah yang dijalankan sebagai tanggapan atas
terbentuknya kejadian (Event) dan tidak akan mengembalikan nilai. Bentuk penulisan dari
sub prosedure adalah :
Parameter merupakan daftar nama data (variabel) yang dipergunakan pada prosedur
tersebut dan mirip dengan pendeklarasian variabel. Pembuatan sub procedure adalah
public, kecuali bila dideklarasikan yang lain. Pemanggilan Sub procedure harus dilakukan
melalui pernyataan tersendiri (baris terpisah), dengan cara sebagai berikut :
Call Nama Prosedur (parameter1,parameter2)
atau : Nama Prosedur parameter1, parameter2
Mungkin anda bertanya-tanya, jika suatu prosedur dapat langsung dipanggil dengan
namanya, mengapa harus digunakan pernyataan Call, Anda akan sedikit rancu dalam
membedakan mana prosedur dan mana yang variabel. Jadi meskipun pernyataan call
boleh tidak digunakan, ada baiknya anda tetap menuliskannya untuk mempermudah
pembacaan alur pemrograman.
Desain Form seperti ini
2013 Pemrograman Visual Client Server Modul 06 Pusat Bahan Ajar dan eLearning
7 Tim Dosen http://www.mercubuana.ac.id
Buat prosedur Bersih untuk mengosongkan kotak isian alas,tinggi dan luas.
Contoh :
Sub bersih()
TextBox1.Text = ""
TextBox2.Text = ""
TextBox3.Text = ""
End Sub
Contoh :
2. Function
Prosedur Function adalah prosedur yang menghasilkan nilai balik (return Value).
Nilai Balik ini akan akan dikembalikan pada blok perintah yang memanggil prosedur
function.
Cara lain untuk memanggil sebuah fungsi dapat dilakukan seperti kalau memanggil sub
prosedur yaitu :
2013 Pemrograman Visual Client Server Modul 06 Pusat Bahan Ajar dan eLearning
8 Tim Dosen http://www.mercubuana.ac.id
Contoh :
Buat Function procedure untuk menghitung luas segitiga dimana data-data alas,tinggi
diinput dari kotak isian (textbox) pada form diatas.
Terdapat tiga perbedaan antara Sub Procedure dengan Function Procedure yaitu :
Nilai yang diberikan pada prosedure Nilai yang diberikan pada prosedur akan
akan diolah dan dihasilkan nilai baru digunakan untuk prosedur itu sendiri.
untuk dipakai oleh ekspresi diluar
fungsi.
2013 Pemrograman Visual Client Server Modul 06 Pusat Bahan Ajar dan eLearning
9 Tim Dosen http://www.mercubuana.ac.id
Suatu Fungsi dipanggil dengan Karena pada sub procedure tidak
menuliskan pada sisi kanan operator membawa nilai, tidak ada parameter yang
penugasan (tanda =). Sedang pada perlu dituliskan.
sisi kiri bisa dituliskan ekspresi yang
sesuai dengan kode yang digunakan
Untuk keluar dari Prosedur Function, cara yang digunakan adalah sama dengan keluar
dari prosedure Sub, yaitu dengan Exit.
Contoh :
Function Luas(alas,tinggi)
if alas < 0 and tinggi < 0 then
exit Sub
else
luas = (alas * tinggi) / 2
End if
Property Procedure
Property Let
Property ini digunakan untuk mengatur nilai pada properti
Property Get
Property ini digunakan untuk mengembalikan nilai pada properti
Property Set
Property ini digunakan untuk mengatur referensi pada Objek.
Built In Procedure
2013 Pemrograman Visual Client Server Modul 06 Pusat Bahan Ajar dan eLearning
10 Tim Dosen http://www.mercubuana.ac.id
Kedua prosedur ini digunakan untuk berinteraksi dengan pengguna.
InputBox
InputBox digunakan untuk menampilkan kotak dialog yang meminta masukan dari
pengguna. Sintaks penggunaan inputBox adalah :
Variabel = InputBox(pesan,[judul],[default],[xpos],[Ypos],[FileHelp],[konteks]
Contoh :
Nama=InputBox(“Masukan Nama Anda”, “Hallo”,Paijo”)
Hasilnya
2013 Pemrograman Visual Client Server Modul 06 Pusat Bahan Ajar dan eLearning
11 Tim Dosen http://www.mercubuana.ac.id
Daftar Pustaka
Wahana Komputer, Tutorial 5 Hari Belajar Pemrograman Visual Basic 2010, Andi,
Yogyakarta, 2010.
Wahana Komputer, Short Course Visual Basic 2010 Programming, Andi, Yogyakarta, 2012.
Yuniar Supardi, Microsoft Visual Basic 2005 Untuk Segala Tingkat, Elex Media Komputindo,
Jakarta, 2008.
2013 Pemrograman Visual Client Server Modul 06 Pusat Bahan Ajar dan eLearning
12 Tim Dosen http://www.mercubuana.ac.id
MODUL PERKULIAHAN
Pemrograman
Visual Client
Server
07
Ilmu Komputer Teknik Informatika 87022 Tim Dosen
Abstract Kompetensi
Manipulasi file dan folder, Mampu membuat program
identifikasi data, konversi tipe built‐in VB.Net
variabel, manipulasi string,
matematika, tanggal dan waktu,
finansial
Program Built-In
I. Identifikasi Data
Saat Anda mendefinisikan variabel, Anda harus memberi tahu Visual Basic 2010 tipe
dari data yang akan disimpan dalam variabel tersebut. Tipe data sangat penting dalam
bagaimana sebuah komputer menjalankan aplikasi. Secara umum tipe data dapat
diklasifikasikan menjadi 4 macam, yaitu bilangan/angka (numerik), huruf (string), tanggal
(date), dan boolean.
Tabel 1. Panjang Tipe Data Visual Basic 2010
1. NUMERIK
Tipe data Numerik adalah tipe data yang digunakan untuk menangani jenis data
angka. Beberapa jenis tipe data numerik adalah :
Integer
Decimal
Long
Single (Single Precision Floating Point)
Double (Double Precision Floating Point)
Byte
Untuk menentukan suatu tipe data numerik Anda harus mengetahui terlebih
dahulu berapa panjang nilai yang akan disimpan, apakah nilai berbentuk pecahan.
2013 Pemrograman Visual Client Server Modul 07 Pusat Bahan Ajar dan eLearning
2 Tim Dosen http://www.mercubuana.ac.id
Untuk nilai positif 0 s/d 255, Anda dapat menggunakan tipe Byte atau Integer, Long,
atau Decimal. Sedangkan untuk pecahan dapat menggunakan Single atau Double.
2. STRING
Tipe String adalah sebuah tipe yang digunakan untuk menyimpan jenis data
karakter, baik berupa huruf maupun angka atau karakter unicode lainnya. Walaupun
dapat menyimpan sebuah angka namun angka tersebut diperlakukan sebagai karakter
sehingga tidak dapat dioperasikan dengan operasi aritmatika. Jika anda tetap ingin
mengoperasikan string angka, Anda harus mengubahnya terlebih dahulu menjadi jenis
numerik, yang dikenal dengan istilah Casting. Contoh sederhana deklarasi String :
2013 Pemrograman Visual Client Server Modul 07 Pusat Bahan Ajar dan eLearning
3 Tim Dosen http://www.mercubuana.ac.id
Operasi yang dapat dilakukan pada string adalah :
Concatenation
Panjang String
Operasi yang dapat dilakukan pada string adalah menghitung jumlah karakter pada
nilai yang disimpannya.
Contoh :
2013 Pemrograman Visual Client Server Modul 07 Pusat Bahan Ajar dan eLearning
4 Tim Dosen http://www.mercubuana.ac.id
1. Tambahkan form baru melalui menu Project Add Windows Form dengan
nama “StringPanjang”
2. Tambahkan label, textbox, dan button seperti berikut :
2013 Pemrograman Visual Client Server Modul 07 Pusat Bahan Ajar dan eLearning
5 Tim Dosen http://www.mercubuana.ac.id
SubString
Anda juga dapat mengambil sebagian string untuk keperluan tertentu
menggunakan method Substring().
Contoh :
1. Dari string panjang di atas, tambahkan sebuah button dengan nama
btnSubString dengan properti Text Sub String: 7 – 10, kemudian tambahkan
kode berikut :
Private Sub btnSubString_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles btnSubString.Click
Dim str As String = txtString.Text
MessageBox.Show(str.Substring(7, 10), "Sub String dimulai karakter
ke‐7 sebanyak 10 karakter")
End Sub
2013 Pemrograman Visual Client Server Modul 07 Pusat Bahan Ajar dan eLearning
6 Tim Dosen http://www.mercubuana.ac.id
FormatString
Anda dapat menampilkan sebuah angka dengan format tertentu melalui kelas
string. Misalnya sebuah angka dapat di format dengan pemisah ribuan.
Langkah :
1. Tambahkan form baru melalui menu Project Add Windows Form
2. Tambahkan 2 buah label dengan properti Name : ‘lblnonformat’ dan ‘lblformat’
3. Klik ganda form, kemudian tuliskan kode berikut :
Private Sub StringFormat_Load(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles MyBase.Load
Dim dbl As Double = 67
dbl /= 6
lblnonformat.Text = "Tanpa Format : " & dbl.ToString
lblformat.Text = "Dengan Format : " & String.Format("{0:n3}", dbl)
End Sub
4. Ubah startup form, kemudian jalankan aplikasi ini. Hasilnya terlihat pada
gambar berikut :
3. DATE
Tipe data yang juga sering digunakan adalah date, yaitu tipe data yang menangani
jenis data waktu, seperti jam, menit, detik, hari, tanggal, bulan, dan tahun. Date secara
default mempunyai format yyyy/mmmm/dddd h:i:s AM/PM, yaitu tahun/bulan/tanggal
jam:menit:detik.
Mengambil Waktu Sekarang
Untuk mengambil waktu sistem komputer, Anda dapat menggunakan perintah Now.
Contoh :
1. Buat form baru dengan nama “DateSekarang”
2. Tambahkan sebuah label dengan properti Name: “lblTanggal”
2013 Pemrograman Visual Client Server Modul 07 Pusat Bahan Ajar dan eLearning
7 Tim Dosen http://www.mercubuana.ac.id
3. Klik ganda form kemudian tuliskan kode berikut :
Private Sub DateSekarang_Load(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles MyBase.Load
'deklarasi variabel
Dim tglSkrg As Date
'Mengambil Tanggal Sistem
tglSkrg = Now
'menampilkan tanggal pada Label
lblTanggal.Text = "Waktu Sekarang : " & tglSkrg
End Sub
Date Format
Date format digunakan untuk menampilkan waktu sesuai dengan yang Anda
kehendaki.
Contoh :
1. Kembali ke form DateSekarang yang Anda buat sebelumnya.
2. Tambahkan 4 buah label dengan properti Name :
- lblTglPendek
- lblTglPanjang
- lblJamPendek
- lblJamPanjang
2013 Pemrograman Visual Client Server Modul 07 Pusat Bahan Ajar dan eLearning
8 Tim Dosen http://www.mercubuana.ac.id
3. Masuk ke jendela editor DateSekarang, kemudian tambahkan kode berikut :
lblTglPanjang.Text = "Tanggal Format Panjang : " & tglSkrg.ToLongDateString
lblTglPendek.Text = "Tanggal Format Pendek : " & tglSkrg.ToShortDateString
lblJamPanjang.Text = "Tanggal Format Panjang : " & tglSkrg.ToLongTimeString
lblJamPendek.Text = "Tanggal Format Panjang : " & tglSkrg.ToShortTimeString
4. Jalankan kembali form tersebut. Hasilnya akan terlihat seperti gambar berikut:
Elemen Date
Elemen Date yang dimaksud adalah tahun, bulan, tanggal, hari, jam, menit, detik,
dan lainnya. Ikuti langkah berikut :
1. Kembali ke form DateSekarang
2. Tambahkan sebuah button dengan properti :
- Name : btnElemen
- Text : Tampil Elemen
2013 Pemrograman Visual Client Server Modul 07 Pusat Bahan Ajar dan eLearning
9 Tim Dosen http://www.mercubuana.ac.id
'deklarasi variabel
Dim tglSkrg As Date
'Mengambil waktu sekarang
tglSkrg = Now
Dim Elemen As String
'mengambil elemen‐elemen tanggal
Elemen = "Tahun : " & tglSkrg.Year & vbCrLf
Elemen = "Bulan : " & tglSkrg.Month & vbCrLf
Elemen = "Nama Bulan : " & tglSkrg.ToString("MMMM") & vbCrLf
Elemen = "Tanggal : " & tglSkrg.Day & vbCrLf
Elemen = "Hari : " & tglSkrg.ToString("dddd") & vbCrLf
Elemen = "Jam : " & tglSkrg.Hour & vbCrLf
Elemen = "Menit : " & tglSkrg.Minute & vbCrLf
Elemen = "Detik : " & tglSkrg.Second & vbCrLf
'menampilkan pada jendela pesan
MessageBox.Show(Elemen, "Elemen Date")
End Sub
2013 Pemrograman Visual Client Server Modul 07 Pusat Bahan Ajar dan eLearning
10 Tim Dosen http://www.mercubuana.ac.id
Literal Date
Operasi Date
4. BOOLEAN
Salah satu tipe data yang juga sangat penting adalah Boolean. Boolean banyak
digunakan untuk mengambil keputusan pada aplikasi.
Fungsi-fungsi khusus untuk konversi tipe data Number dapat dilihat pada tabel berikut :
Tabel 3. Properti Form dan Kontrol StringPanjang
2013 Pemrograman Visual Client Server Modul 07 Pusat Bahan Ajar dan eLearning
11 Tim Dosen http://www.mercubuana.ac.id
Latihan :
Buatlah sebuah aplikasi dengan sebuah form dan dua buah button. Deklarasikan 2
buah variabel integer dan berikan nilai pada button pertama, kemudian tampilkan pada
jendela pesan (messagebox) operasi aritmatika.
Pada button kedua, deklarasikan 5 variabel yang berbeda, kemudian konversikan
menjadi tipe data lain sesuai keinginan anda dan kemudian tampilkan pada jendela
pesan !
2013 Pemrograman Visual Client Server Modul 07 Pusat Bahan Ajar dan eLearning
12 Tim Dosen http://www.mercubuana.ac.id
Daftar Pustaka
Wahana Komputer, Tutorial 5 Hari Belajar Pemrograman Visual Basic 2010, Andi,
Yogyakarta, 2010.
Wahana Komputer, Short Course Visual Basic 2010 Programming, Andi, Yogyakarta, 2012.
2013 Pemrograman Visual Client Server Modul 07 Pusat Bahan Ajar dan eLearning
13 Tim Dosen http://www.mercubuana.ac.id
MODUL PERKULIAHAN
Pemrograman
Visual Client
Server
08
Ilmu Komputer Teknik Informatika 87022 Tim Dosen
Abstract Kompetensi
Toolbox Tab Data Mampu mengelola database
Tool Database Visual dalam VB.Net
Data Definition Language
2013 Pemrograman Visual Client Server Modul 08 Pusat Bahan Ajar dan eLearning
2 Tim Dosen http://www.mercubuana.ac.id
Primary Key : adalah field atau kumpulan field pada tabel yang unik, untuk
membedakan antara row yang satu dengan yang lain.
Foreign Key : primary key dari tabel lain, yang digunakan sebagai relasi 2 tabel.
Bookmark : unik marker untuk record tertentu
Current Row: record yang sedang diakses
Database Engine : program yang mengorganisir, menyimpan dan mengambil data dari
tabel.
Database apabila dilihat dari sudut pandang hak kepemilikan dan penggunaannya atau
disebut lisensi dapat dibedakan menjadi dua macam, yaitu :
Free Database
Merupakan database atau basis data yang dapat dipergunakan secara bebas dan gratis
secara keseluruhan sehingga baik pengembang aplikasi maupun pengguna aplikasi tidak
dikenakan biaya apapun pada implementasinya. Beberapa contoh database yang gratis
seperti SQLite, MySQL, Firebird, dan PostgreSQL.
Comercial Database
Merupakan database yang harus dibeli terlebih dahulu sebelum digunakan, jadi mulai dari
proses pengembangan sampai dengan implementasi baik pengembang maupun
pengguna aplikasi harus mematuhi perjanjian lisensi dari comercial database. Database
jenis ini biasanya datang dengan dukungan penuh mulai dari fitur sampai technical
support. Beberapa contoh comercial database adalah Oracle Database, Interbase,
BlackFish SQL, Microsoft SQL Server, dan MySQL Enterprise.
Walaupun Free Database merupakan database yang bisa didapatkan dan digunakan secara
gratis, tetapi fitur yang digunakan tidak kalah dibandingkan comercial database. Jadi untuk
implementasi aplikasi dalam kecil dan menengah, free database bisa menjadi alternatif yang
lebih masuk akal.
Selain dilihat dari segi lisensi atau hak kepemilikan dan penggunaan, database dapat juga
dibedakan berdasarkan dari lokasi data yang disimpan. Terdapat 3 macam berdasarkan
lokasinya, yaitu :
1. Embedded Database
Merupakan database yang lokasi datanya dimasukkan atau disatukan dengan aplikasi
yang menggunakannya. Database ini bisa dikatakan tidak dapat dilihat atau ditemukan
datanya, karena biasanya database akan di-include(kompilasi) menyatu dengan
aplikasi, walaupun ada beberapa embedded database yang bisa dipisah dengan
2013 Pemrograman Visual Client Server Modul 08 Pusat Bahan Ajar dan eLearning
3 Tim Dosen http://www.mercubuana.ac.id
aplikasi pembawanya. Bebrapa contoh dari embedded database seperti SQLite,
BlackFish SQL, dan MySQL Embedded
2. Local Database
Merupakan database yang lokasi penyimpanan datanya berada di satu tempat dengan
aplikasi yang menggunakannya. Jadi antara database dengan aplikasi harus berada
dalam 1 komputer. Contoh lokal database adalah Microsoft Access Database, dan
Firebird
3. Server Database
Merupakan database yang lokasi penyimpanan datanya terpisah dari aplikasi yang
menggunakannya, jadi antara aplikasi dengan database bisa berlainan komputer,
bahkan bisa berjauhan jaraknya atau tidak berada dalam 1 lokasi. Contoh Oracle
Database Server, MySQL Server, Microsoft SQL Server, dan Interbase Server.
1. NIS Varchar 10 *
2. Nama Varchar 35 *
3. Alamat Varchar 50 *
SQL Server 2008 Express Edition merupakan edisi lite dari Microsoft SQL Server
2008. Fitur-fitur yang terdapat dalam edisi ini bisa dikatakan hampir sama dengan versi
sepenuhnya, yaitu Microsoft SQL Server 2008.
Proses pembuatan database dalam Visual Basic 2010 dilakukan dengan langkah sebagai
berikut :
1. Dari IDE Visual Basic 2010 yang sudah terbuka :
2013 Pemrograman Visual Client Server Modul 08 Pusat Bahan Ajar dan eLearning
4 Tim Dosen http://www.mercubuana.ac.id
akses menu View Server Explorer, atau
gunakan tombol shortcut Ctrl+Alt+S.
2. Setelah menu diakses maka di bagian panel sebelah kiri akan muncul panel baru, yaitu
server explorer.
3. Dari daftar yang muncul, pilih Data Connections dari daftar tersebut dan lakukan klik
kanan diikuti dengan pemilihan menu Add Connection dari popup menu yang muncul.
2013 Pemrograman Visual Client Server Modul 08 Pusat Bahan Ajar dan eLearning
5 Tim Dosen http://www.mercubuana.ac.id
Gambar 3. Add New Connection
4. Setelah menu Add Connection terpilih, maka akan muncul jendela berikut :
2013 Pemrograman Visual Client Server Modul 08 Pusat Bahan Ajar dan eLearning
6 Tim Dosen http://www.mercubuana.ac.id
Gambar 5. Pembuatan Database
6. Setelah nama file database terisi, tekan tombol OK untuk melanjutkan sehingga di bagian
panel kiri di bawah tulisan Data Connections akan muncul nama file database yang Anda
buat.
2013 Pemrograman Visual Client Server Modul 08 Pusat Bahan Ajar dan eLearning
7 Tim Dosen http://www.mercubuana.ac.id
III.2. PEMBUATAN TABEL
Setelah file database disiapkan, langkah selanjutnya adalah proses pembuatan tabel
yang nantinya akan digunakan dalam aplikasi database yang akan Anda rancang. Proses
pembuatan tabel dalam database Test.mdf adalah :
1. Dari panel Server Explorer yang terbuka, perhatikan struktur database Test.mdf.
2. Klik kanan pada tulisan Tables yang tampak dalam daftar, dan dari jendela popup
yang muncul pilih Add New Table.
2013 Pemrograman Visual Client Server Modul 08 Pusat Bahan Ajar dan eLearning
8 Tim Dosen http://www.mercubuana.ac.id
4. Akan terlihat tiga buah kolom yang harus Anda isi sesuai dengan struktur tabel yang
sudah Anda definisikan di atas.
- Kolom pertama adalah Column Name yang harus Anda isi dengan nama field dari
tabel yang Anda buat.
- Kolom kedua adalah data Type yang digunakan untuk memilih tipe data dari tabel
yang Anda buat.
- Kolom terakhir adalah Allow Nulls yang harus Anda aktifkan jika field yang Anda
buat berisi data kosong.
5. Isikan masing-masing field dengan data yang sudah disiapkan sehingga akan tampak
seperti gambar berikut :
2013 Pemrograman Visual Client Server Modul 08 Pusat Bahan Ajar dan eLearning
9 Tim Dosen http://www.mercubuana.ac.id
7. Bagian samping kiri tulisan NIS akan muncul ikon kecil dengan gambar kunci.
9. Isikan nama tabel Siswa diikuti dengan tombol OK untuk menyimpan tabel tersebut.
10. Perhatikan di bagian Server Explorer sudah muncul nama tabel Siswa yang baru saja
Anda buat.
2013 Pemrograman Visual Client Server Modul 08 Pusat Bahan Ajar dan eLearning
10 Tim Dosen http://www.mercubuana.ac.id
Daftar Pustaka
Wahana Komputer, Tutorial 5 Hari Belajar Pemrograman Visual Basic 2010, Andi,
Yogyakarta, 2010.
Wahana Komputer, Short Course Visual Basic 2010 Programming, Andi, Yogyakarta, 2012.
2013 Pemrograman Visual Client Server Modul 08 Pusat Bahan Ajar dan eLearning
11 Tim Dosen http://www.mercubuana.ac.id
MODUL PERKULIAHAN
Pemrograman
Visual Client
Server
09
Ilmu Komputer Teknik Informatika 87022 Tim Dosen
Abstract Kompetensi
SQL Mampu mengelola database
Data Manipulation Language dalam VB.Net
Manipulasi Database
Dalam pembuatan aplikasi database tentu tidak akan lepas dari proses manipulasi
data yang terdapat di dalamnya. Manipulasi data yang dimaksud adalah proses
penambahan data, pengubahan data, penghapusan data, dan sebagainya.
Setelah database dan tabel Anda siapkan, langkah selanjutnya adalah bagaimana
mengolah dan mengelola database dan tabel yang Anda buat tersebut. Untuk dapat
melakukan manipulasi data, pada aplikasi yang akan Anda buat disambungkan terlebih
dahulu dengan database sudah Anda buat. Langkah yang harus dilakukan adalah :
2. Pada menu New Project pilih .Net Framework 4 yang merupakan Framework bawaan
dari Visual Basic 2010.
3. Isikan nama project yang diinginkan di bagian project name dan tekan tombol OK untuk
membuat project Visual Basic 2010 baru.
4. Jika desain form sudah tampak, maka Anda sudah siap untuk mulai membuat aplikasi
baru
5. Dari menu Visual Basic 2010, pilih Data Show Data Sources atau dengan
tombol keyboard Shift + Alt + D.
2013 Pemrograman Visual Client Server Modul 09 Pusat Bahan Ajar dan eLearning
2 Tim Dosen http://www.mercubuana.ac.id
6. Selanjutnya, di bagian panel sebelah kiri akan tampak panel Show Data Sources.
7. Klik tulisan Add New Data Source yang terdapat pada panel Show Data Source
sehingga akan muncul jendela berikut :
8. Dari daftar yang muncul pada data source wizard, pilih ikon database dilanjutkan
dengan penekanan tombol Next sehingga muncul tampilan berikut :
2013 Pemrograman Visual Client Server Modul 09 Pusat Bahan Ajar dan eLearning
3 Tim Dosen http://www.mercubuana.ac.id
Gambar 5. Data Sources Wizard
9. Dari daftar yang muncul, pilih Dataset dilajutkan dengan penekanan tombol Next
sehinggga akan tampak jendela berikut :
2013 Pemrograman Visual Client Server Modul 09 Pusat Bahan Ajar dan eLearning
4 Tim Dosen http://www.mercubuana.ac.id
10. Tekan tombol New Connection sehingga tampak jendela berikut :
12. Tekan tombol Test Connection yang terdapat di sebelah kiri bawah, apabila koneksi
berhasil maka akan muncul pesan berikut :
Gambar 8. Koneksi Berhasil
2013 Pemrograman Visual Client Server Modul 09 Pusat Bahan Ajar dan eLearning
5 Tim Dosen http://www.mercubuana.ac.id
Gambar 9. Data Sources Wizard
15. Akan tampak struktur dari database yang Anda gunakan, pilih data yang Anda butuhkan
yaitu tabel siswa.
16. Klik tanda panah yang terdapat di samping tulisan Tables sehingga daftar tabel yang
ada pada database Test akan ditampilkan.
17. Centang tabel siswa yang terdapat di dalam daftar tables dengan melakukan klik pada
kotak periksa yang terdapat di samping tulisan Siswa.
2013 Pemrograman Visual Client Server Modul 09 Pusat Bahan Ajar dan eLearning
6 Tim Dosen http://www.mercubuana.ac.id
18. Tekan tombol Finish untuk mengakhiri wizard sehingga di panel Data Source akan
tampak tabel yang sudah Anda tambahkan.
A. MENAMBAH DATA
Sintaks (aturan) penulisan kode untuk menambahkan suatu data ke dalam tabel
dilakukan dengan cara :
Menambah data dengan metode TableAdapter DBDirect
Algoritma (urutan langkah) yang harus dilakukan untuk menambahkan data melalui
metode ini adalah :
1. Definisikan tableAdapter :
Contoh :
2. Tambahkan Data
Nama_TableAdapter.Insert(isian_data)
Contoh : SiswaTableAdapter.Insert(NIS,”112)
2013 Pemrograman Visual Client Server Modul 09 Pusat Bahan Ajar dan eLearning
7 Tim Dosen http://www.mercubuana.ac.id
2. Definisikan statement SQL
cmd.CommandType = System.Data.CommandType.Text
cmd.CommandText = ”INSERT nama_table(Daftar_Field) VALUES (isi_field)”
cmd.Connection = sqlConnection1
Contoh :
cmd.CommandType = System.Data.CommandType.Text
cmd.CommandText = “INSERT Siswa (nis,nama,alamat) VALUES (‘111’,
‘Wahyu’,’Semarang’)”
cmd.Connection = sqlConnection1
3. Jalankan Query SQL
sqlConnection1.Open()
cmd.ExecuteNonQuery()
sqlConnection1.Close()
B. MENGUBAH DATA
Sintaks (aturan) penulisan kode untuk mengubah suatu data ke dalam tabel dilakukan
dengan cara :
Mengubah data dengan metode TableAdapter DBDirect
Algoritma yang harus dilakukan untuk mengubah data melalui metode ini adalah :
1. Definisikan tableAdapter :
DIM nama_tableAdapter As New nama_dataset_TableAdapter.Nama_TableAdapter
Contoh :
2. Ubah Data
Nama_TableAdapter.Update(field,isian_data)
Contoh : SiswaTableAdapter.Update(NIS,”1111”)
2013 Pemrograman Visual Client Server Modul 09 Pusat Bahan Ajar dan eLearning
8 Tim Dosen http://www.mercubuana.ac.id
2. Definisikan statement SQL
cmd.CommandType = System.Data.CommandType.Text
cmd.CommandText = ”UPDATE nama_tableSET nama_Field = isi_field”
cmd.Connection = sqlConnection1
Contoh :
cmd.CommandType = System.Data.CommandType.Text
cmd.CommandText = ”UPDATE Siswa SET nis = ‘111’ “
cmd.Connection = sqlConnection1
3. Jalankan Query SQL
sqlConnection1.Open()
cmd.ExecuteNonQuery()
sqlConnection1.Close()
C. MENGHAPUS DATA
Sintaks (aturan) penulisan kode untuk menghapus suatu data ke dalam tabel dilakukan
dengan cara :
Menghapus data dengan metode TableAdapter DBDirect
1.Definisikan tableAdapter :
Contoh :
2.Hapus Data
Nama_TableAdapter.Delete(field,isian_data)
Contoh : SiswaTableAdapter.Delete(NIS,”1111”)
2013 Pemrograman Visual Client Server Modul 09 Pusat Bahan Ajar dan eLearning
9 Tim Dosen http://www.mercubuana.ac.id
cmd.CommandType = System.Data.CommandType.Text
cmd.CommandText = ”DELETE FROM nama_table WHERE nama_Field =
isi_field”
cmd.Connection = sqlConnection1
Contoh :
cmd.CommandType = System.Data.CommandType.Text
cmd.CommandText = ”DELETE FROM Siswa where nis = ‘111’ “
cmd.Connection = sqlConnection1
3. Jalankan Query SQL
sqlConnection1.Open()
cmd.ExecuteNonQuery()
sqlConnection1.Close()
PERBARUI DATA
Untuk melakukan pembaruan data atau refresh data dilakukan dengan sintaks berikut:
Me.Nama_tableadapter.Fill(Me.nama_database.nama_tabel)
Contoh :
Me.CustomersTableAdapter.Fill(Me.NorthwindDataSet.Customers)
KENDALI DATA
Kendali data merupakan statement yang digunakan untuk menggeser atau memindah
posisi data atau record baik maju atau mundur satu record maupun langsung menuju
ke posisi awal atau akhir suatu data. Dalam implementasinya, untuk memindah posisi
record dibutuhkan satu komponen tambahan, yaitu BindingSource.
Menuju Awal Record
Sintaks yang digunakan untuk menuju ke posisi awal record adalah sbb:
Nama_bindingSource.MoveFirst
Contoh : SiswaBindingSource.MoveFirst
Mundur 1 Record
Sintaks yang digunakan untuk mundur satu record adalah :
Nama_bindingSource.MovePrev
Contoh : SiswaBindingSource.Moveprev
2013 Pemrograman Visual Client Server Modul 09 Pusat Bahan Ajar dan eLearning
10 Tim Dosen http://www.mercubuana.ac.id
Maju 1 Record
Sintaks yang digunakan untuk maju satu record adalah :
Nama_bindingSource.MoveNext
Contoh : SiswaBindingSource.MoveNext
Nama_bindingSource.MoveLast
Contoh : SiswaBindingSource.MoveLast
Pencarian Data
Sintaks yang digunakan untuk mencari suatu record tertentu adalah :
Nama_bindingSource.Find(nama_field, value_yang_dicari
2013 Pemrograman Visual Client Server Modul 09 Pusat Bahan Ajar dan eLearning
11 Tim Dosen http://www.mercubuana.ac.id
Daftar Pustaka
Wahana Komputer, Tutorial 5 Hari Belajar Pemrograman Visual Basic 2010, Andi,
Yogyakarta, 2010.
Wahana Komputer, Short Course Visual Basic 2010 Programming, Andi, Yogyakarta, 2012.
2013 Pemrograman Visual Client Server Modul 09 Pusat Bahan Ajar dan eLearning
12 Tim Dosen http://www.mercubuana.ac.id
MODUL PERKULIAHAN
Pemrograman
Visual Client
Server
10
Ilmu Komputer Teknik Informatika 87022 Tim Dosen
Abstract Kompetensi
Data binding, Objek Conection, Mampu mengelola database ADO.Net
Objek Command, Objek Data Adapter Mampu menggunakan objek ADO.Net
Database ADO.NET
SKALABILITAS
o ADO.NET menggunakan model koneksi DISCONNECTED database yaitu hanya
sekali mengirim data dari database, setelah itu koneksinya diputus.
2013 Pemrograman Visual Client Server Modul 10 Pusat Bahan Ajar dan eLearning
2 Tim Dosen http://www.mercubuana.ac.id
o ADO menggunakan model koneksi OPEN CONNECTION database yang
mempertahankan koneksi tetap terhubung sehingga akan memakan sumber system.
Namespace Keterangan
2013 Pemrograman Visual Client Server Modul 10 Pusat Bahan Ajar dan eLearning
3 Tim Dosen http://www.mercubuana.ac.id
III. MODEL OBYEK ADO.NET
Visual Basic.NET menyediakan dua model obyek untuk pengaksesan data, yaitu :
Data Provider
Data Provider merupakan komponen yang berisi nama piranti/driver yang akan
digunakan oleh model obyek ADO.NET untuk mengakses sumber data. Pada
Data Provider terdapat empat obyek utama untuk koneksi ke sumber data, yaitu :
o Connection
Obyek Connection digunakan untuk membuat koneksi ke sumber data
(database).
o Command
Obyek command digunakan untuk menjalankan perintah (propertinya
berbentuk tabel, SQL, atau stored procedure) yang akan memanggil data dari
sumber data.
o DataReader
Obyek Reader digunakan untuk membaca data dengan sifat forward-only dan
read.
o DataAdapter
Obyek DataReader digunakan sebagai penghubung antara sumber data
dengan dataset.
Dataset
Dataset merupakan obyek yang terpisah dari sumber data dan dapat
digambarkan sebagai sebuah record set yang terpisah. Pada Dataset juga
terdapat tabel, baris, kolom, relasi, constraint dan view.
Semua tipe data, baik yang flat, hirarki atau relasional dapat disimpan di
dalam dataset yaitu XML, semua model penyimpanan data dapat bekerja dengan
dataset.
Secara ringkas cara mengakses data dengan menggunakan ADO.NET dapat
dijelaskan sebagai berikut :
1. Lakukan koneksi ke sumber data dengan menggunakan obyek connection.
2. Obyek command digunakan untuk mengeksekusi perintahdengan parameter
tabel, SQL atau stored procedure pada sumber data.
2013 Pemrograman Visual Client Server Modul 10 Pusat Bahan Ajar dan eLearning
4 Tim Dosen http://www.mercubuana.ac.id
Contoh Aplikasi :
1. Buat project aplikasi Windows Form Application. Klik File New Project
2. Pilih .Net Framework 4 yang merupakan Framework bawaan dari Visual Basic 2010.
3. Isikan nama project yang diinginkan di bagian project name dan tekan tombol OK.
4. Jika tampilan disain form sudah tampak, maka Anda sudah siap untuk mulai membuat
aplikasi baru.
5. Dari menu Visual Basic 2010, pilih pilih Data Show Data Sources atau
dengan menggunakan tombol keyboard Shift + Alt + D.
6. Sehingga di bagian panel sebelah kiri akan tampak panel Show Data Sources.
7. Klik Add New Data Sources, sehingga akan muncul jendela berikut :
2013 Pemrograman Visual Client Server Modul 10 Pusat Bahan Ajar dan eLearning
5 Tim Dosen http://www.mercubuana.ac.id
8. Pilih ikon database, kemudian tekan tombol Next sehingga muncul tampilan seperti :
9. Pilih Dataset, kemudian tekan Next sehingga tampak jendela seperti berikut :
2013 Pemrograman Visual Client Server Modul 10 Pusat Bahan Ajar dan eLearning
6 Tim Dosen http://www.mercubuana.ac.id
11. Masukkan nama database yang sudah dibuat, yaitu test.mdf ke bagian database file
name.
12. Tekan tombol Test Connection, jika koneksi berhasil akan muncul pesan :
14. Akan tampak struktur database yang anda gunakan, pilih tabel siswa.
15. Klik tanda panah yang terdapat disamping tulisan tables sehingga daftar tabel yang
ada pada database Test akan ditampilkan
16. Centang tabel siswa yang terdapat di dalam daftar tabel degan melakukan klik pada
kotak periksa yang terdapat di samping tulisan siswa.
2013 Pemrograman Visual Client Server Modul 10 Pusat Bahan Ajar dan eLearning
7 Tim Dosen http://www.mercubuana.ac.id
17. Tekan tombol finish untuk mengakhiri wizard sehingga di panel Data Source akan
tampak tabel yang sudah Anda tambahkan.
18. Setelah dataset ditambahkan ke dalam aplikasi yang Anda desain, langkah
selanjutnya adalah proses pembuatan desain aplikasi.
19. Perhatikan di bagianData Sources, sorot atau pilih nama tabel siswa sehingga nama
Siswa akan tampak seperti gambar :
20. Terlihat di samping tulisan siswa ada satu buah tombol panah ke bawah, klik tombol
panah tersebut sehingga akan muncul menu popup berikut :
21. Perhatikan lagi di bagian Data Sources, sorot atau pilih nama tabel siswa sehingga
nama Siswa akan tampak seperti gambar :
2013 Pemrograman Visual Client Server Modul 10 Pusat Bahan Ajar dan eLearning
8 Tim Dosen http://www.mercubuana.ac.id
22. Terlihat di samping tulisan siswa ada satu buah tombol panah ke bawah, klik tombol
panah tersebut sehingga akan muncul menu popup.
23. Dari daftar yang muncul pilih DataGrid View
24. Lakukan klik dan tarik dengan cara melakukan klik pada tulisan Siswa yang terdapat di
Data Sources, jangan dilepaskan lalu tarik ke form desainer.
25. Setelah kursor mouse sampai di form desainer akan ditambahkan komponen GridView
seperti gambar berikut :
27. Tekan tombol Shift+F7 untuk kembali menuju ke desain aplikasi. Perhatikan
komponen SiswaBindingNavigator. Pilih komponen SiswaBindingNavigator,
tambahkan sebuah button yang akan dipergunakan untuk melakukan proses
2013 Pemrograman Visual Client Server Modul 10 Pusat Bahan Ajar dan eLearning
9 Tim Dosen http://www.mercubuana.ac.id
pencarian data dengan melakukan klik pada ikon panah kecil yang terletak di sebelah
kanan komponen, lalu pilih ikon yang muncul tersebut
28. Tekan tombol yang bertanda seperti gambar di bawah sehingga muncul jendela popup
berikut :
29. Pilih Button dari daftar yang muncul, sehingga tampak button baru disamping ikon
bergambar disket.
30. Klik dua kali pada ikon yang baru muncul dan tambahkan kode program berikut :
Private Sub ToolStripButton1_Click(ByVal sender As System.Object,
ByVal e As System.EventArgs) Handles ToolStripButton1.Click
Try
Dim cariSiswa As String = InputBox("Masukkan NIS Siswa", "Pencarian
Data")
Dim rowSiswa As DataRow
rowSiswa = TestDataSet.Siswa.Rows.Find(cariSiswa)
If Not (rowSiswa Is Nothing) Then
Me.SiswaBindingSource.Position = rowSiswa.Table.Rows.IndexOf(rowSiswa)
Else
MessageBox.Show("Data tidak ditemukan", "Pencarian Gagal",
MessageBoxButtons.OK, MessageBoxIcon.Information)
End If
Catch ex As InvalidCastException
MessageBox.Show("Kode Buku Berupa Huruf", "Diisi karakter lain",
MessageBoxButtons.OK, MessageBoxIcon.Information)
End Try
End Sub
31. Tekan tombol Ctrl + S atau pilih menu File Save untuk menyimpan
32. Jalankan program dengan menekan tombol F5 atau pilih menu Debug Start
Debugging, sehingga aplikasi akan dijalankan seperti tampak pada gambar berikut :
2013 Pemrograman Visual Client Server Modul 10 Pusat Bahan Ajar dan eLearning
10 Tim Dosen http://www.mercubuana.ac.id
33. Tambahkan data dengan melakukan klik pada tombol sehingga semua textbox
akan dikosongkan.
34. Isikan dengan data yang diinginkan, setelah selesai tekan tombol untuk
menyimpan perubahan,sehingga data akan dimunculkan di datagrid di bawahnya
seperti tampak pada gambar berikut :
35. Untuk menggeser posisi data atau record gunakan kumpulan tombol
36. Untuk melakukan proses pencarian data klik tombol sehingga akan muncul
dialog inputan berikut :
37. Masukkan NIS siswa yang akan dicari di bagian yang sudah disediakan, dilanjutkan
dengan menekan tombol OK.
38. Jika NIS yang Anda masukkan tidak ditemukan dalam tabel, maka akan muncul pesan
kesalahan berikut :
39. Jika data ditemukan, maka data akan langsung ditampilkan di aplikasi
2013 Pemrograman Visual Client Server Modul 10 Pusat Bahan Ajar dan eLearning
11 Tim Dosen http://www.mercubuana.ac.id
Daftar Pustaka
Wahana Komputer, Tutorial 5 Hari Belajar Pemrograman Visual Basic 2010, Andi,
Yogyakarta, 2010.
Wahana Komputer, Short Course Visual Basic 2010 Programming, Andi, Yogyakarta, 2012.
2013 Pemrograman Visual Client Server Modul 10 Pusat Bahan Ajar dan eLearning
12 Tim Dosen http://www.mercubuana.ac.id
MODUL PERKULIAHAN
Pemrograman
Visual Client
Server
11
Ilmu Komputer Teknik Informatika 87022 Tim Dosen
Abstract Kompetensi
Data Reader, Data Set, Collection Mampu menggunakan objek ADO.Net
Data Table dan Data Relasional
3. Setelah membuat database, buat tabel, tabel yang pertama yaitu tabel dengan nama
TblBuku dengan field seperti tabel di bawah ini :
2013 Pemrograman Visual Client Server Modul 11 Pusat Bahan Ajar dan eLearning
2 Tim Dosen http://www.mercubuana.ac.id
4. Jika sudah selesai, buat tabel berikutnya dengan nama TblPeminjam dengan filed
seperti gambar di bawah ini :
5. Kemudian buat tabel berikutnya dengan nama TblKategori, dengan field seperti
gambar di bawah :
6. Kemudian buat tabel berikutnya dengan nama TblRak, dengan field seperti gambar di
bawah :
7. Kemudian buat tabel berikutnya dengan nama TblPeminjaman, dengan field seperti
gambar di bawah :
8. Pembuatan tabel selesai, sekarang buat Query, klik tab Create Query Design.
Lihat gambar di bawah :
2013 Pemrograman Visual Client Server Modul 11 Pusat Bahan Ajar dan eLearning
3 Tim Dosen http://www.mercubuana.ac.id
Klik Query Design
Gambar 6. Membuat Query
9. Kemudian akan tampil kotak dialog Show Tabel, untuk tabel yang dimasukkan lihat
gambar di bawah ini dan klik add:
Klik Add
Gambar 7. Memasukkan tabel untuk membuat query
10. Masukkan field-field yang digunakan pada query ini, seperti tabel di bawah ini :
Tabel 1. Field Query yang dimasukkan
11. Jika sudah simpan hasil query yang dibuat lalu beri nama QryPeminjaman, hasilnya
seperti gambar di bawah ini :
2013 Pemrograman Visual Client Server Modul 11 Pusat Bahan Ajar dan eLearning
4 Tim Dosen http://www.mercubuana.ac.id
12. Pembuatan Tabel dan Query untuk program perpustakaan selesai.
2013 Pemrograman Visual Client Server Modul 11 Pusat Bahan Ajar dan eLearning
5 Tim Dosen http://www.mercubuana.ac.id
SizeMode StretchImage
Name BtnSimpan
Image (Beri Icon)
Button1 ImageAlign MiddleLeft
Text Simpan
TextAlign MiddleCenter
Name BtnUbah
Image (Beri Icon)
Button2 ImageAlign MiddleLeft
Text Ubah
TextAlign MiddleCenter
Name BtnHapus
Image (Beri Icon)
Button3 ImageAlign MiddleLeft
Text Hapus
TextAlign MiddleCenter
Name BtnBatal
Image (Beri Icon)
Button4 ImageAlign MiddleLeft
Text Batal
TextAlign MiddleCenter
Name BtnTutup
Image (Beri Icon)
Button5 ImageAlign MiddleLeft
Text Tutup
TextAlign MiddleCenter
Name BtnAmbilFoto
Button6 Image (Beri Icon)
ImageAlign MiddleCenter
Text (Dikosongkan)
Name BtnHapusFoto
Button7 Image (Beri Icon)
ImageAlign MiddleCenter
Text (Dikosongkan)
OpenFileDialog1 Name OFDFoto
DataGridView1 Name DGBuku
ReadOnly True
3. Setelah selesai hasil akhir dari pengaturan properties form buku akan terlihat
seperti gambar berikut :
2013 Pemrograman Visual Client Server Modul 11 Pusat Bahan Ajar dan eLearning
6 Tim Dosen http://www.mercubuana.ac.id
2) Form Peminjam
Digunakan untuk menyimpan data peminjam yang berhubungan dan meminjam buku
di perpustakaan tersebut.
1. Tambahkan form baru lagi dengan meng-klik icon Add New Item Add
Windows Form, lalu beri nama form tersebut dengan nama FrmPeminjam.
2. Tambahkan pada FrmPeminjam 5 buah komponen Label, 5 buah komponen
TextBox, 1 buah komponen DataGridView, dan 5 buah komponen Button.
Aturlah dengan menggunakan tabel properti berikut :
Tabel 3. Properties form peminjam
Nama Komponen Properties Nilai
Name FrmPeminjam
Form1 MaximizeBox False
StartPosition CenterScreen
Text Peminjam
Label1 Text Kode Peminjam :
Label2 Text No KTP :
Label3 Text Nama Peminjam :
Label4 Text Alamat :
Label5 Text Telepon :
TextBox1 Name KdPeminjamTxt
TextBox2 Name NoKTPTxt
TextBox3 Name NmPeminjamTxt
TextBox4 Name AlmTxt
TextBox5 Name TeleponTxt
Name BtnSimpan
Image (Beri Icon)
Button1 ImageAlign MiddleLeft
Text Simpan
TextAlign MiddleCenter
Name BtnUbah
Image (Beri Icon)
Button2 ImageAlign MiddleLeft
Text Ubah
TextAlign MiddleCenter
Name BtnHapus
Image (Beri Icon)
Button3 ImageAlign MiddleLeft
Text Hapus
TextAlign MiddleCenter
Name BtnBatal
Image (Beri Icon)
Button4 ImageAlign MiddleLeft
Text Batal
TextAlign MiddleCenter
Name BtnTutup
Image (Beri Icon)
Button5 ImageAlign MiddleLeft
Text Tutup
TextAlign MiddleCenter
DataGridView1 Name DGPeminjam
ReadOnly True
2013 Pemrograman Visual Client Server Modul 11 Pusat Bahan Ajar dan eLearning
7 Tim Dosen http://www.mercubuana.ac.id
3. Setelah selesai hasil akhir dari pengaturan properties form peminjam akan terlihat
seperti gambar berikut :
2013 Pemrograman Visual Client Server Modul 11 Pusat Bahan Ajar dan eLearning
8 Tim Dosen http://www.mercubuana.ac.id
Text Batal
TextAlign MiddleCenter
Name BtnTutup
Image (Beri Icon)
Button5 ImageAlign MiddleLeft
Text Tutup
TextAlign MiddleCenter
DataGridView1 Name DGKategori
ReadOnly True
3. Setelah selesai hasil akhir dari pengaturan properties form kategori akan terlihat
seperti gambar berikut :
2013 Pemrograman Visual Client Server Modul 11 Pusat Bahan Ajar dan eLearning
9 Tim Dosen http://www.mercubuana.ac.id
Image (Beri Icon)
Button3 ImageAlign MiddleLeft
Text Hapus
TextAlign MiddleCenter
Name BtnBatal
Image (Beri Icon)
Button4 ImageAlign MiddleLeft
Text Batal
TextAlign MiddleCenter
Name BtnTutup
Image (Beri Icon)
Button5 ImageAlign MiddleLeft
Text Tutup
TextAlign MiddleCenter
DataGridView1 Name DGRak
ReadOnly True
3. Setelah selesai hasil akhir dari pengaturan properties form rak akan terlihat seperti
gambar berikut :
2013 Pemrograman Visual Client Server Modul 11 Pusat Bahan Ajar dan eLearning
10 Tim Dosen http://www.mercubuana.ac.id
Label5 Text Rak :
Label6 Text Kode Peminjam :
Label7 Text No. KTP :
Label8 Text Nama Peminjam :
Label9 Text Alamat :
Label10 Text Telepon :
Label11 Text Tgl Pinjam :
Label12 Text Tgl Kembali :
Label13 Text Lama Pinjam / Hari :
TextBox1 Name NoPeminjamanTxt
Read Only True
TextBox2 Name KdBukuTxt
BackColor Info
TextBox3 Name JdBukuTxt
TextBox4 Name KategoriTxt
TextBox5 Name RakTxt
TextBox6 Name KdPeminjamTxt
BackColor Info
TextBox7 Name NoKtpTxt
TextBox8 Name NmPeminjamTxt
TextBox9 Name AlmTxt
TextBox10 Name TeleponTxt
TextBox11 Name LamaTxt
Name TglPinjamDP
DateTimePicker1 CustomFormat dd/MM/yy
Format Custom
Name TglKembaliDP
DateTimePicker2 CustomFormat dd/MM/yy
Format Custom
Name FotoPic
PictureBox1 SizeMode StretchImage
Name KdBukuBtn
Image (Beri Icon)
Button1 ImageAlign MiddleCenter
ToolTipOnTooltip1 Kode Buku
Name KdPeminjamBtn
Image (Beri Icon)
Button2 ImageAlign MiddleCenter
ToolTipOnTooltip1 Kode Peminjam
Name BtnSimpan
Image (Beri Icon)
Button3 ImageAlign MiddleLeft
Text Simpan
TextAlign MiddleCenter
Name BtnUbah
Image (Beri Icon)
Button4 ImageAlign MiddleLeft
Text Ubah
TextAlign MiddleCenter
3. Setelah selesai hasil akhir dari pengaturan properties form peminjaman akan
terlihat seperti gambar berikut :
2013 Pemrograman Visual Client Server Modul 11 Pusat Bahan Ajar dan eLearning
11 Tim Dosen http://www.mercubuana.ac.id
Gambar 12. Hasil Pengaturan Properties
6) Form Data Peminjaman
Digunakan untuk melihat data peminjaman buku yang sedang berjalan dan belum
dikembalikan serta terdapat fungsi untuk memanipulasi data transaksi tersebut.
1. Tambahkan form baru lagi beri nama dengan nama FrmDataPeminjaman.
2. Tambahkan 5 buah komponen Button, dan 1 buah komponen DataGridView.
Aturlah dengan menggunakan tabel properti berikut :
Tabel 7. Properties form data peminjaman
Nama Komponen Properties Nilai
Name FrmDataPeminjaman
Form1 MaximizeBox False
StartPosition CenterScreen
Text Data Peminjaman
Name BtnPeminjaman
Image (Beri Icon)
Button1 ImageAlign MiddleLeft
Text Transaksi Peminjaman
TextAlign MiddleCenter
Name BtnUbah
Image (Beri Icon)
Button2 ImageAlign MiddleLeft
Text Ubah
TextAlign MiddleCenter
Name BtnHapus
Image (Beri Icon)
Button3 ImageAlign MiddleLeft
Text Hapus
TextAlign MiddleCenter
Name BtnBatal
Image (Beri Icon)
Button4 ImageAlign MiddleLeft
Text Batal
TextAlign MiddleCenter
Name BtnTutup
Image (Beri Icon)
Button5 ImageAlign MiddleLeft
2013 Pemrograman Visual Client Server Modul 11 Pusat Bahan Ajar dan eLearning
12 Tim Dosen http://www.mercubuana.ac.id
Text Tutup
TextAlign MiddleCenter
DataGridView1 Name DGDataPeminjaman
ReadOnly True
3. Setelah selesai hasil akhir dari pengaturan properties form data peminjaman akan
terlihat seperti gambar berikut :
7) Form Pengembalian
Digunakan untuk menyimpan data transaksi pengembalian buku yang dipinjam.
1. Tambahkan form baru lagi beri nama dengan nama FrmPengembalianBuku.
2. Tambahkan 12 buah komponen Label, 9 buah komponen Textbox, 3 buah
komponen DateTimePicker, 3 buah komponen Button, dan 1 buah komponen
PictureBox. Aturlah dengan menggunakan tabel properti berikut :
Tabel 8. Properties form pengembalian buku
Nama Komponen Properties Nilai
Name FrmPengembalian
Form1 MaximizeBox False
StartPosition CenterScreen
Text Pengembalian
Label1 Text No Peminjaman :
Label2 Text Kode Peminjam :
Label3 Text No KTP :
Label4 Text Nama Peminjam :
Label5 Text Alamat :
Label6 Text Telepon :
Label7 Text Kode Buku :
Label8 Text Judul Buku :
Label9 Text Tgl Peminjaman :
Label10 Text Tgl Harus Kembali :
Label11 Text Tgl Pengembalian :
Label12 Text Telat /hari :
TextBox1 Name NoPeminjamanTxt
BackColor Info
TextBox2 Name KdPeminjamTxt
2013 Pemrograman Visual Client Server Modul 11 Pusat Bahan Ajar dan eLearning
13 Tim Dosen http://www.mercubuana.ac.id
TextBox3 Name NoKtpTxt
TextBox4 Name NmPeminjamTxt
TextBox5 Name AlmTxt
TextBox6 Name TeleponTxt
TextBox7 Name KdBukuTxt
TextBox8 Name JdBukuTxt
TextBox9 Name TelatTxt
Name TglPinjamDP
DateTimePicker1 CustomFormat dd/MM/yy
Format Custom
Name TglKembaliDP
DateTimePicker2 CustomFormat dd/MM/yy
Format Custom
Name TglPengembalianDP
DateTimePicker3 CustomFormat dd/MM/yy
Format Custom
Name NoPeminjamanBtn
Image (Beri Icon)
Button1 ImageAlign MiddleLeft
Text (dikosongkan)
TextAlign MiddleRight
Name OkBtn
Image (Beri Icon)
Button2 ImageAlign MiddleLeft
Text Ok
TextAlign MiddleRight
Name BtnTutup
Image (Beri Icon)
Button3 ImageAlign MiddleLeft
Text Tutup
TextAlign MiddleRight
Name FotoPic
PictureBox1 SizeMode StretchImage
BorderStyle Fixed3D
3. Setelah selesai hasil akhir dari pengaturan properties form pengembalan akan
terlihat seperti gambar berikut :
2013 Pemrograman Visual Client Server Modul 11 Pusat Bahan Ajar dan eLearning
14 Tim Dosen http://www.mercubuana.ac.id
8) Form Menu Utama
Digunakan untuk membuat menu utama yang akan pertama kali tampil pada saat
program dijalankan. Di sini pengguna dapat membuka menu yang ada pada program
perpustakaan ini.
1. Tambahkan form baru lagi beri nama dengan nama FrmMenuUtama.
2. Tambahkan 5 buah komponen Label, 6 buah komponen Button, 1 buah
komponen PictureBox, dan 1 buah komponen Timer1. Aturlah dengan
menggunakan tabel properti berikut :
Tabel 9. Properties form menu utama
Nama Komponen Properties Nilai
Name FrmMenuUtama
Form1 MaximizeBox False
StartPosition CenterScreen
Text Menu Utama
Label1 AutoSize False
Monotype Corsiva; 14,25pt;
Font
style=Bold, Italic
Text Perpustakaan V.1.0 Learning
Text Align MiddleCenter
Label2 Font Tahoma; 9pt
Text Jln. Bambang Utoyo No..1279
Palembang
TextAlign MiddleCenter
Label3 Font Microsoft Sans Serif; 8,25pt;
style=Bold, Underline
ForeColor Maroon
Text Master Data :
Label4 Font Microsoft Sans Serif; 8,25pt;
style=Bold, Underline
ForeColor Maroon
Text Transaksi :
Label5 Name LblInfoWaktu
Font Microsoft Sans Serif; 8,25pt;
style=Bold
Text Informasi Waktu
Timer1 Enabled True
Name BtnBuku
Image (Beri Icon)
Button1 ImageAlign MiddleLeft
Text Buku
TextAlign MiddleRight
Name BtnKategori
Image (Beri Icon)
Button2 ImageAlign MiddleLeft
Text Kategori
TextAlign MiddleRight
Name BtnRak
Image (Beri Icon)
Button3 ImageAlign MiddleLeft
Text Rak
TextAlign MiddleRight
Name BtnPeminjam
2013 Pemrograman Visual Client Server Modul 11 Pusat Bahan Ajar dan eLearning
15 Tim Dosen http://www.mercubuana.ac.id
Image (Beri Icon)
Button4 ImageAlign MiddleLeft
Text Peminjaman
TextAlign MiddleRight
Name BtnPeminjaman
Image (Beri Icon)
Button5 ImageAlign MiddleLeft
Text Peminjaman
TextAlign MiddleRight
Name BtnPengembalian
Image (Beri Icon)
Button5 ImageAlign MiddleLeft
Text Pengembalian
TextAlign MiddleRight
3. Setelah selesai hasil akhir dari pengaturan properties form peminjaman akan
terlihat seperti gambar berikut :
2013 Pemrograman Visual Client Server Modul 11 Pusat Bahan Ajar dan eLearning
16 Tim Dosen http://www.mercubuana.ac.id
Daftar Pustaka
Muhammad Sadeli, 4 Pemrograman Database Dengan Visual Basic 2010 Untuk Orang
Awam, Maxikom, Palembang, 2012
Wahana Komputer, Tutorial 5 Hari Belajar Pemrograman Visual Basic 2010, Andi,
Yogyakarta, 2010.
Wahana Komputer, Short Course Visual Basic 2010 Programming, Andi, Yogyakarta, 2012.
2013 Pemrograman Visual Client Server Modul 11 Pusat Bahan Ajar dan eLearning
17 Tim Dosen http://www.mercubuana.ac.id
MODUL PERKULIAHAN
Pemrograman
Visual Client
Server
12
Ilmu Komputer Teknik Informatika 87022 Tim Dosen
Abstract Kompetensi
Data Table dan Data Relasional Mampu menggunakan objek ADO.Net
2. Form Buku
1. Aktifkan form buku dengan nama FrmBuku,lalu klik icon View Code pada jendela
Solution Explore, ketikkan kode program berikut :
Imports System.Data
Imports System.Data.OleDb
Public Class FrmBuku
Sub Data_Record()
Try
Call Koneksi()
Tabel = New Data.OleDb.OleDbDataAdapter("select * from TblBuku", Database)
Data = New DataSet
Tabel.Fill(Data)
Record.DataSource = Data
Record.DataMember = Data.Tables(0).ToString()
DGBuku.DataSource = Record
DGBuku.Columns(1).Width = 300
DGBuku.Columns(5).Visible = False
Catch ex As Exception
MsgBox(ex.ToString())
End Try
End Sub
Sub Atur()
2013 Pemrograman Visual Client Server Modul 12 Pusat Bahan Ajar dan eLearning
2 Tim Dosen http://www.mercubuana.ac.id
BtnSimpan.Enabled = True
BtnUbah.Enabled = False
BtnHapus.Enabled = False
BtnBatal.Enabled = False
KdBukuTxt.Text = ""
JdBukuTxt.Text = ""
KategoriCmb.Text = ""
RakCmb.Text = ""
StockTxt.Text = ""
KdBukuTxt.Enabled = True
KdBukuTxt.Focus()
Call Koneksi()
Call Data_Record()
End Sub
Sub Data_Kategori()
Tabel = New Data.OleDb.OleDbDataAdapter("select * from TblKategori", Database)
Data = New DataSet
Tabel.Fill(Data)
Record.DataSource = Data
Record.DataMember = Data.Tables(0).ToString()
Try
Dim A As DataRow
KategoriCmb.Items.Clear()
For Each A In Data.Tables(0).Rows
KategoriCmb.Items.Add(A.Item(0))
Next A
Catch ex As Exception
MsgBox(ex.ToString())
End Try
End Sub
Sub Data_Rak()
Tabel = New Data.OleDb.OleDbDataAdapter("select * from TblRak", Database)
Data = New DataSet
Tabel.Fill(Data)
Record.DataSource = Data
Record.DataMember = Data.Tables(0).ToString()
Try
Dim A As DataRow
RakCmb.Items.Clear()
For Each A In Data.Tables(0).Rows
RakCmb.Items.Add(A.Item(0))
Next A
Catch ex As Exception
MsgBox(ex.ToString())
End Try
End Sub
2. Buat kode progam pada event Form_Load, klik ganda area form lalu ketikkan kode
program berikut :
Private Sub FrmBuku_Load(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles MyBase.Load
Call Data_Kategori()
Call Data_Rak()
Call Atur()
End Sub
2013 Pemrograman Visual Client Server Modul 12 Pusat Bahan Ajar dan eLearning
3 Tim Dosen http://www.mercubuana.ac.id
Call Koneksi()
DML.Connection = Database
DML.CommandType = CommandType.Text
DML.CommandText = "insert into TblBuku values('" & KdBukuTxt.Text & "','" &
JdBukuTxt.Text & "','" & KategoriCmb.Text & "','" & RakCmb.Text & "','" &
StockTxt.Text & "','" & FotoTxt.Text & "')"
DML.ExecuteNonQuery()
MsgBox("Data Telah Disimpan")
Call Atur()
Catch ex As Exception
MsgBox(ex.ToString())
End Try
End Sub
2013 Pemrograman Visual Client Server Modul 12 Pusat Bahan Ajar dan eLearning
4 Tim Dosen http://www.mercubuana.ac.id
Private Sub DGBuku_CellDoubleClick(ByVal sender As Object, ByVal e As
System.Windows.Forms.DataGridViewCellEventArgs) Handles
DGBuku.CellDoubleClick
Try
KdBukuTxt.Text = DGBuku.SelectedCells(0).Value
JdBukuTxt.Text = DGBuku.SelectedCells(1).Value
KategoriCmb.Text = DGBuku.SelectedCells(2).Value
RakCmb.Text = DGBuku.SelectedCells(3).Value
StockTxt.Text = DGBuku.SelectedCells(4).Value
FotoTxt.Text = DGBuku.SelectedCells(5).Value
KdBukuTxt.Enabled = False
BtnSimpan.Enabled = False
BtnUbah.Enabled = True
BtnHapus.Enabled = True
BtnBatal.Enabled = True
Catch ex As Exception
MsgBox(ex.ToString())
End Try
End Sub
8. Klik ganda tombol untuk memasukkan gambar dengan nama BtnAmbilFoto, lalu
ketikkan kode program berikut :
Private Sub BtnAmbilFoto_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles BtnAmbilFoto.Click
OFDFoto.Filter = "JPG|*.jpg|Bitmap|*.bmp"
OFDFoto.RestoreDirectory = True
OFDFoto.ShowDialog()
If OFDFoto.FileName = "" Then
Exit Sub
Else
FotoTxt.Text = OFDFoto.FileName
On Error Resume Next
FotoPic.ImageLocation = FotoTxt.Text
End If
End Sub
9. Klik ganda tombol untuk menghapus gambar dengan nama BtnHapusFoto, lalu
ketikkan kode program berikut :
Private Sub BtnHapusFoto_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles BtnHapusFoto.Click
FotoPic.Image = Nothing
FotoTxt.Text = ""
End Sub
3. Form Peminjam
1. Aktifkan form peminjam dengan nama FrmPeminjam, lalu klik icon View Code pada
jendela Solution Explore, ketikkan kode program berikut :
Imports System.Data
Imports System.Data.OleDb
Public Class FrmPeminjam
Sub Data_Record()
Try
Call Koneksi()
Tabel = New Data.OleDb.OleDbDataAdapter("select * from TblPeminjam order by
no asc", Database)
2013 Pemrograman Visual Client Server Modul 12 Pusat Bahan Ajar dan eLearning
5 Tim Dosen http://www.mercubuana.ac.id
Data = New DataSet
Tabel.Fill(Data)
Record.DataSource = Data
Record.DataMember = Data.Tables(0).ToString()
DGPeminjam.DataSource = Record
DGPeminjam.Columns(0).Visible = False
DGPeminjam.Columns(3).Width = 200
Catch ex As Exception
MsgBox(ex.ToString())
End Try
End Sub
Sub Atur()
BtnSimpan.Enabled = True
BtnUbah.Enabled = False
BtnHapus.Enabled = False
BtnBatal.Enabled = False
KdPeminjamTxt.Text = ""
NoKtpTxt.Text = ""
NmPeminjamTxt.Text = ""
AlmTxt.Text = ""
TeleponTxt.Text = ""
KdPeminjamTxt.Enabled = False
KdPeminjamTxt.Focus()
Call Kode_Peminjam()
Call Koneksi()
Call Data_Record()
End Sub
Sub Kode_Peminjam()
Tabel = New Data.OleDb.OleDbDataAdapter("select * from TblPeminjam order by
No Asc", Database)
Data = New DataSet
Tabel.Fill(Data)
Record.DataSource = Data
Record.DataMember = Data.Tables(0).ToString()
Try
Dim A As DataRow
Dim B As Integer = 0
KdPeminjamTxt.Text = ""
For Each A In Data.Tables(0).Rows
KdPeminjamTxt.Text = A.Item(0) + 1
B = B + 1
Next A
Select Case B
Case Is = 0
KdPeminjamTxt.Text = "PLGN‐1"
Case Is > 0
KdPeminjamTxt.Text = "PLGN‐" & KdPeminjamTxt.Text & ""
End Select
Catch ex As Exception
MsgBox(ex.ToString())
End Try
End Sub
2. Aktifkan design form, lalu klik ganda area pada event Form_Load, ketikkan kode
program berikut :
Private Sub FrmPeminjam_Load(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles MyBase.Load
Call Atur()
End Sub
2013 Pemrograman Visual Client Server Modul 12 Pusat Bahan Ajar dan eLearning
6 Tim Dosen http://www.mercubuana.ac.id
3. Klik ganda tombol Simpan, lalu ketikkan kode program berikut :
Private Sub BtnSimpan_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles BtnSimpan.Click
Try
Call Koneksi()
DML.Connection = Database
DML.CommandType = CommandType.Text
DML.CommandText = "insert into
TblPeminjam(Kode_Peminjam,No_KTP,Nama_Peminjam,Alamat,Telepon)values('" &
KdPeminjamTxt.Text & "','" & NoKtpTxt.Text & "','" & NmPeminjamTxt.Text &
"','" & AlmTxt.Text & "','" & TeleponTxt.Text & "')"
DML.ExecuteNonQuery()
MsgBox("Data Telah Disimpan")
Call Atur()
Catch ex As Exception
MsgBox(ex.ToString())
End Try
End Sub
2013 Pemrograman Visual Client Server Modul 12 Pusat Bahan Ajar dan eLearning
7 Tim Dosen http://www.mercubuana.ac.id
7. Klik ganda tombol Tutup, lalu ketikkan kode program berikut :
Private Sub BtnTutup_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles BtnTutup.Click
Me.Close()
End Sub
8. Klik ganda komponen DataGridView dengan nama DGPeminjam, lalu pada event
CellDoubleClick ketikkan kode program berikut :
Private Sub DGPeminjam_CellDoubleClick(ByVal sender As Object, ByVal e As
System.Windows.Forms.DataGridViewCellEventArgs) Handles
DGPeminjam.CellDoubleClick
Try
KdPeminjamTxt.Text = DGPeminjam.SelectedCells(1).Value
NoKtpTxt.Text = DGPeminjam.SelectedCells(2).Value
NmPeminjamTxt.Text = DGPeminjam.SelectedCells(3).Value
AlmTxt.Text = DGPeminjam.SelectedCells(4).Value
TeleponTxt.Text = DGPeminjam.SelectedCells(5).Value
BtnSimpan.Enabled = False
BtnUbah.Enabled = True
BtnHapus.Enabled = True
BtnBatal.Enabled = True
Catch ex As Exception
MsgBox(ex.ToString())
End Try
End Sub
4. Form Peminjaman
1. Aktifkan form peminjaman dengan nama FrmPeminjaman, kemudian klik icon View
Code pada jendela Solution Explore, ketikkan kode program berikut :
Imports System.Data
Imports System.Data.OleDb
Public Class FrmPeminjaman
Sub No_Peminjaman()
Tabel = New Data.OleDb.OleDbDataAdapter("select * from TblPeminjaman order by
No Asc", Database)
Data = New DataSet
Tabel.Fill(Data)
Record.DataSource = Data
Record.DataMember = Data.Tables(0).ToString()
Try
Dim A As DataRow
Dim B As Integer = 0
NoPeminjamanTxt.Text = ""
For Each A In Data.Tables(0).Rows
NoPeminjamanTxt.Text = A.Item(0) + 1
B = B + 1
Next A
Select Case B
Case Is = 0
NoPeminjamanTxt.Text = "" & Format(Now, "dd/MM/yyyy") & "‐1"
Case Is > 0
NoPeminjamanTxt.Text = "" & Format(Now, "dd/MM/yyyy") & "‐" &
NoPeminjamanTxt.Text & ""
End Select
Catch ex As Exception
MsgBox(ex.ToString())
2013 Pemrograman Visual Client Server Modul 12 Pusat Bahan Ajar dan eLearning
8 Tim Dosen http://www.mercubuana.ac.id
End Try
End Sub
Sub Atur()
Call Koneksi()
If OkBtn.Text = "Ok" Then
KdBukuTxt.Text = ""
KdPeminjamTxt.Text = ""
LamaTxt.Text = ""
TglPinjamDP.Value = Format(Now, "dd/MM/yyyy")
TglKembaliDP.Value = Format(Now, "dd/MM/yyyy")
Call No_Peminjaman()
End If
End Sub
Sub Lama_Pinjam()
Dim SelisihHari As Long
SelisihHari = DateDiff(DateInterval.Day, TglPinjamDP.Value,
TglKembaliDP.Value())
LamaTxt.Text = "" & SelisihHari & " Hari"
End Sub
2. Aktifkan lembar design form, lalu klik ganda area form. Kemudian ketikkan pada
event Form_Load kode program berikut :
Private Sub FrmPeminjaman_Load(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles MyBase.Load
Call Atur()
End Sub
3. Klik ganda tombol Ok dengan nama OkBtn, lalu ketikkan kode program berikut :
Private Sub OkBtn_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles OkBtn.Click
Try
Call Koneksi()
DML.Connection = Database
DML.CommandType = CommandType.Text
Select Case OkBtn.Text
Case "Ok"
DML.CommandText = "insert into TblPeminjaman(No_Peminjaman, Kode_Buku,
Kode_Peminjam, Tgl_Pinjam, Tgl_Kembali, Lama_Pinjam, Status) values('" &
NoPeminjamanTxt.Text & "','" & KdBukuTxt.Text & "','" & KdPeminjamTxt.Text &
"','" & TglPinjamDP.Value & "','" & TglKembaliDP.Value & "','" &
LamaTxt.Text & "','Pinjam')"
Case "Ubah"
DML.CommandText = "Update TblPeminjaman set Kode_Buku = '" & KdBukuTxt.Text
& "', Kode_Peminjam = '" & KdPeminjamTxt.Text & "', Tgl_Pinjam = '" &
TglPinjamDP.Value & "', Tgl_Kembali = '" & TglKembaliDP.Value & "', Lama =
'" & LamaTxt.Text & "' where No_Peminjaman = '" & NoPeminjamanTxt.Text & "'"
Case "Hapus"
DML.CommandText = "delete from TblPeminjaman where No_Peminjaman = '" &
NoPeminjamanTxt.Text & "'"
End Select
DML.ExecuteNonQuery()
MsgBox("Data Telah DiProses")
Call FrmDataPeminjaman.Data_Record()
KdBukuTxt.Text = ""
KdPeminjamTxt.Text = ""
LamaTxt.Text = ""
FotoPic.Image = Nothing
TglPinjamDP.Value = Format(Now, "dd/MM/yyyy")
TglKembaliDP.Value = Format(Now, "dd/MM/yyyy")
Call No_Peminjaman()
2013 Pemrograman Visual Client Server Modul 12 Pusat Bahan Ajar dan eLearning
9 Tim Dosen http://www.mercubuana.ac.id
Catch ex As Exception
MsgBox(ex.ToString())
End Try
End Sub
4. Klik ganda tombol untuk mencari buku dengan nama KdBukuBtn, lalu ketikkan kode
program berikut :
Private Sub KdBukuBtn_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles KdBukuBtn.Click
Dim Kode_Buku = InputBox("Masukkan kode buku.", "Input buku yang di pinjam")
KdBukuTxt.Text = Kode_Buku
End Sub
5. Klik ganda komponen textbox dengan nama KdBukuTxt, lalu pada event
TextChanged ketikkan kode program berikut :
Private Sub KdBukuTxt_TextChanged(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles KdBukuTxt.TextChanged
Try
Call Koneksi()
DML.Connection = Database
DML.CommandType = CommandType.Text
DML.CommandText = "select * from TblBuku where kode_buku = '" &
KdBukuTxt.Text & "'"
Cari = DML.ExecuteReader
If Cari.HasRows = True Then
Cari.Read()
JdBukuTxt.Text = Cari("Judul_Buku")
KategoriTxt.Text = Cari("Kategori")
RakTxt.Text = Cari("rak")
FotoPic.ImageLocation = Cari("Foto")
Else
KdBukuTxt.Text = ""
JdBukuTxt.Text = ""
KategoriTxt.Text = ""
RakTxt.Text = ""
FotoPic.Image = Nothing
End If
Catch ex As Exception
MsgBox(ex.ToString())
End Try
End Sub
2013 Pemrograman Visual Client Server Modul 12 Pusat Bahan Ajar dan eLearning
10 Tim Dosen http://www.mercubuana.ac.id
DML.CommandText = "select * from TblPeminjam where kode_peminjam = '" &
KdPeminjamTxt.Text & "'"
Cari = DML.ExecuteReader
If Cari.HasRows = True Then
Cari.Read()
NoKtpTxt.Text = Cari("No_KTP")
NmPeminjamTxt.Text = Cari("Nama_Peminjam")
AlmTxt.Text = Cari("Alamat")
TeleponTxt.Text = Cari("Telepon")
Else
KdPeminjamTxt.Text = ""
NoKtpTxt.Text = ""
NmPeminjamTxt.Text = ""
AlmTxt.Text = ""
TeleponTxt.Text = ""
End If
Catch ex As Exception
MsgBox(ex.ToString())
End Try
End Sub
10. Klik ganda tombol Tutup, lalu ketikkan kode program berikut :
Private Sub TutupBtn_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles TutupBtn.Click
Me.Close()
End Sub
End Class
5. Form Pengembalian
1. Aktifkan form pengembalian dengan nama FrmPengembalian, lalu klik icon View
Code pada jendela Solution Explore, ketikkan kode program berikut :
Imports System.Data
Imports System.Data.OleDb
Public Class FrmPengembalian
Sub Hitung_Telat()
Dim TelatHari As Long
TelatHari = DateDiff(DateInterval.Day, TglKembaliDP.Value,
TglPengembalianDP.Value())
TelatTxt.Text = "" & TelatHari & " Hari"
End Sub
2013 Pemrograman Visual Client Server Modul 12 Pusat Bahan Ajar dan eLearning
11 Tim Dosen http://www.mercubuana.ac.id
2. Aktifkan lembar design form, kemudian klik ganda area form dan ketikkan kode
program pada event Form_Load seperti di bawah ini :
Private Sub FrmPengembalian_Load(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles MyBase.Load
TglPengembalianDP.Value = Format(Now, "dd/MM/yyyy")
End Sub
2013 Pemrograman Visual Client Server Modul 12 Pusat Bahan Ajar dan eLearning
12 Tim Dosen http://www.mercubuana.ac.id
5. Klik ganda tombol Ok, lalu ketikkan kode program berikut :
Private Sub OkBtn_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles OkBtn.Click
Try
Call Koneksi()
DML.Connection = Database
DML.CommandType = CommandType.Text
DML.CommandText = "Update TblPeminjaman set Status = 'Kembali' where
No_Peminjaman = '" & NoPeminjamanTxt.Text & "'"
DML.ExecuteNonQuery()
MsgBox("Data Telah Diproses")
Me.Close()
Catch ex As Exception
MsgBox(ex.ToString())
End Try
End Sub
6. Form Kategori
1. Aktifkan form FrmKategori, lalu klik icon View Code pada jendela Solution
Explore, kemudian ketikkan kode program berikut :
Imports System.Data
Imports System.Data.OleDb
Public Class FrmKategori
Sub Data_Record()
Try
Call Koneksi()
Tabel = New Data.OleDb.OleDbDataAdapter("select * from TblKategori",
Database)
Data = New DataSet
Tabel.Fill(Data)
Record.DataSource = Data
Record.DataMember = Data.Tables(0).ToString()
DGKategori.DataSource = Record
DGKategori.Columns(0).Width = 300
Catch ex As Exception
MsgBox(ex.ToString())
End Try
End Sub
Sub Atur()
BtnSimpan.Enabled = True
BtnUbah.Enabled = False
2013 Pemrograman Visual Client Server Modul 12 Pusat Bahan Ajar dan eLearning
13 Tim Dosen http://www.mercubuana.ac.id
BtnHapus.Enabled = False
BtnBatal.Enabled = False
KategoriTxt.Text = ""
KategoriTxt.Focus()
Call Koneksi()
Call Data_Record()
End Sub
2. Aktifkan lembar design form, lalu klik ganda area form pada event Form_Load,
ketikkan kode program berikut :
Private Sub FrmKategori_Load(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles MyBase.Load
Call Atur()
End Sub
2013 Pemrograman Visual Client Server Modul 12 Pusat Bahan Ajar dan eLearning
14 Tim Dosen http://www.mercubuana.ac.id
DML.CommandText = "Delete from TblKategori where Kategori = '" &
KategoriTxt.Text & "'"
DML.ExecuteNonQuery()
MsgBox("Data Telah Dihapus")
Call Atur()
Catch ex As Exception
MsgBox(ex.ToString())
End Try
End Sub
7. Form Rak
1. Aktifkan form FrmRak, lalu klik icon View Code pada Jendela Solution Explore,
kemudian ketikkan kode program berikut :
Imports System.Data
Imports System.Data.OleDb
Public Class FrmRak
Sub Data_Record()
Try
Call Koneksi()
Tabel = New Data.OleDb.OleDbDataAdapter("select * from TblRak", Database)
Data = New DataSet
Tabel.Fill(Data)
Record.DataSource = Data
Record.DataMember = Data.Tables(0).ToString()
DGRak.DataSource = Record
DGRak.Columns(0).Width = 300
2013 Pemrograman Visual Client Server Modul 12 Pusat Bahan Ajar dan eLearning
15 Tim Dosen http://www.mercubuana.ac.id
Catch ex As Exception
MsgBox(ex.ToString())
End Try
End Sub
Sub Atur()
BtnSimpan.Enabled = True
BtnUbah.Enabled = False
BtnHapus.Enabled = False
BtnBatal.Enabled = False
RakTxt.Text = ""
RakTxt.Focus()
Call Koneksi()
Call Data_Record()
End Sub
2. Aktifkan lembar design form, lalu pada event Form_Load ketikkan kode program
berikut :
Private Sub FrmRak_Load(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles MyBase.Load
Call Atur()
End Sub
2013 Pemrograman Visual Client Server Modul 12 Pusat Bahan Ajar dan eLearning
16 Tim Dosen http://www.mercubuana.ac.id
Private Sub BtnHapus_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles BtnHapus.Click
If RakTxt.Text = "" Then RakTxt.Focus() : Exit Sub
Try
Call Koneksi()
DML.Connection = Database
DML.CommandType = CommandType.Text
DML.CommandText = "Delete from TblRak where Rak = '" & RakTxt.Text & "'"
DML.ExecuteNonQuery()
MsgBox("Data Telah Dihapus")
Call Atur()
Catch ex As Exception
MsgBox(ex.ToString())
End Try
End Sub
7. Klik ganda komponen DataGridView DGRak, lalu ketikkan kode program berikut :
Private Sub DGRak_CellDoubleClick(ByVal sender As Object, ByVal e As
System.Windows.Forms.DataGridViewCellEventArgs) Handles DGRak.CellDoubleClick
Try
RakTxt.Text = DGRak.SelectedCells(0).Value
BtnSimpan.Enabled = False
BtnUbah.Enabled = True
BtnHapus.Enabled = True
BtnBatal.Enabled = True
Catch ex As Exception
MsgBox(ex.ToString())
End Try
End Sub
2013 Pemrograman Visual Client Server Modul 12 Pusat Bahan Ajar dan eLearning
17 Tim Dosen http://www.mercubuana.ac.id
DGPeminjaman.Columns(4).Visible = False
DGPeminjaman.Columns(5).Visible = False
DGPeminjaman.Columns(6).Visible = False
DGPeminjaman.Columns(7).Width = 175
DGPeminjaman.Columns(8).Visible = False
DGPeminjaman.Columns(9).Visible = False
DGPeminjaman.Columns(12).Width = 75
DGPeminjaman.Columns(13).Visible = False
DGPeminjaman.Columns(14).Visible = False
Catch ex As Exception
MsgBox(ex.ToString())
End Try
End Sub
Sub Atur()
BtnPeminjaman.Enabled = True
BtnUbah.Enabled = False
BtnHapus.Enabled = False
BtnBatal.Enabled = False
Call Koneksi()
Call Data_Record()
End Sub
2. Klik ganda area lembar form lalu ketikkan kode program berikut :
Private Sub FrmDataPeminjaman_Load(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles MyBase.Load
Call Atur()
End Sub
3. Klik ganda tombol Transaksi Peminjaman, lalu ketikkan kode program berikut :
Private Sub BtnPeminjaman_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles BtnPeminjaman.Click
FrmPeminjaman.OkBtn.Text = "Ok"
FrmPeminjaman.ShowDialog()
End Sub
2013 Pemrograman Visual Client Server Modul 12 Pusat Bahan Ajar dan eLearning
18 Tim Dosen http://www.mercubuana.ac.id
7. Klik ganda tombol Tutup, lalu ketikkan kode program berikut :
Private Sub BtnTutup_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles BtnTutup.Click
Me.Close()
End Sub
2013 Pemrograman Visual Client Server Modul 12 Pusat Bahan Ajar dan eLearning
19 Tim Dosen http://www.mercubuana.ac.id
Private Sub BtnKategori_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles BtnKategori.Click
FrmKategori.ShowDialog()
End Sub
D. Menjalankan Program
Untuk menjalankan program perpustakaan yang telah dibuat, ikuti langkah-langkah
berikut :
1. Atur form yang tampil pertama kali yaitu form FrmMenuUtama, klik menu Project
Perpustakaan Propertis, lalu pada jendela yang tampil pastikan Startup form yaitu
form dengan nama FrmMenuUtama
2. Klik tombol Start/Debugging atau tekan F5.
3. Untuk menampilkan form buku klik tombol Buku
4. Untuk kategori klik tombol Kategori.
5. Untuk Rak klik tombol Rak
6. Untuk menampilkan peminjam klik tombol Peminjam
7. Untuk menampilkan form transaksi peminjaman, klik tombol Peminjaman.
8. Untuk menampilkan form transaksi pengembalian, klik tombol Pengembalian.
2013 Pemrograman Visual Client Server Modul 12 Pusat Bahan Ajar dan eLearning
20 Tim Dosen http://www.mercubuana.ac.id
Daftar Pustaka
Muhammad Sadeli, 4 Pemrograman Database Dengan Visual Basic 2010 Untuk Orang
Awam, Maxikom, Palembang, 2012
Wahana Komputer, Tutorial 5 Hari Belajar Pemrograman Visual Basic 2010, Andi,
Yogyakarta, 2010.
Wahana Komputer, Short Course Visual Basic 2010 Programming, Andi, Yogyakarta, 2012.
2013 Pemrograman Visual Client Server Modul 12 Pusat Bahan Ajar dan eLearning
21 Tim Dosen http://www.mercubuana.ac.id
MODUL PERKULIAHAN
Pemrograman
Visual Client
Server
13
Ilmu Komputer Teknik Informatika 87022 Tim Dosen
Abstract Kompetensi
Crystal Report Designer Mampu membuat program laporan
Menyusun Laporan
Untuk memulai pembuatan desain laporan dengan menggunakan Crystal Report, Anda
harus melakukan penambahan item pada project yang sudah Anda buat dan siapkan.
Aplikasi yang akan ditambah laporan adalah aplikasi database yang sudah Anda buat
sebelumnya, ikuti langkah berikut :
1. Di bagian IDE Visual Basic 2010, perhatikan pada panel Solution Explorer yang
terletak di sebelah kanan.
2. Pada tulisan lat1 ,lakukan klik kanan sehingga akan muncul jendela popup :
6. Pilih Reporting, sehingga di panel tengah akan tampak seperti gambar di bawah ini :
2013 Pemrograman Visual Client Server Modul 13 Pusat Bahan Ajar dan eLearning
2 Tim Dosen http://www.mercubuana.ac.id
Gambar 2. Installed Template
7. Dari daftar yang ada pilih Crystal Report, dilanjutkan dengan pemberian nama
laporan diakhiri dengan penekanan tombol Add sehingga akan muncul jendela
pembuatan laporan berikut :
8. Dari jendela diatas, pilih opsi paling atas untuk melakukan pembuatan report dengan
memanfaatkan fungsi wizard yang disediakan. Tekan tombol OK untuk memulai
progress pembuatan report sehingga akan tampak jendela seperti pada gambar :
2013 Pemrograman Visual Client Server Modul 13 Pusat Bahan Ajar dan eLearning
3 Tim Dosen http://www.mercubuana.ac.id
Gambar 4. Pemilihan Data
9. Dari jendela yang muncul, perhatikan dua panel yang tampak. Panel sebelah kiri
adalah panel yang berisi daftar dari datasource yang tersedia, sedangkan yang di
sebelah kanan adalah panel yang nantinya berisi tabel yang akan digunakan untuk
membuat laporan.
10. Expand (bentangkan) project data dari panel sebelah kiri lalu pilih ADO.NET Dataset
sehingga akan tampak tabel yang tersedia untuk dibuat laporannya.
2013 Pemrograman Visual Client Server Modul 13 Pusat Bahan Ajar dan eLearning
4 Tim Dosen http://www.mercubuana.ac.id
11. Pilih Mahasiswa dari daftar yang muncul dilanjutkan dengan menekan tombol
12. Tekan tombol Next untuk melanjutkan sehingga akan tampak jendela berikut :
2013 Pemrograman Visual Client Server Modul 13 Pusat Bahan Ajar dan eLearning
5 Tim Dosen http://www.mercubuana.ac.id
13. Pilih field yang akan ditampilkan dalam laporan dengan memilih nama field di panel
15. Tekan tombol Next untuk melanjutkan sehingga akan tampak jendela Grouping
Field.
2013 Pemrograman Visual Client Server Modul 13 Pusat Bahan Ajar dan eLearning
6 Tim Dosen http://www.mercubuana.ac.id
Gambar 9. Pemilihan Grouping Field
16. Tekan tombol Next untuk melanjutkan akan tampak jendela pemilihan filter.
2013 Pemrograman Visual Client Server Modul 13 Pusat Bahan Ajar dan eLearning
7 Tim Dosen http://www.mercubuana.ac.id
17. Tekan tombol Next untuk melanjutkan sehingga akan tampak jendela pemilihan
style dari laporan yang Anda buat.
18. Pilih salah satu style laporan yang Anda inginkan dilanjutkan dengan penekanan
tombol Finish untuk mengakhiri wizard pembuatan laporan sehingga desain laporan
yang Anda buat melalui Wizard akan ditampilkan di panel utama Visual Basic 2010.
2013 Pemrograman Visual Client Server Modul 13 Pusat Bahan Ajar dan eLearning
8 Tim Dosen http://www.mercubuana.ac.id
19. Untuk melihat hasil preview dari laporan yang sudah Anda desain, lakukan klik pada
tombol main Report Preview yang terletak di bagian bawah report desainer.
Latihan :
2013 Pemrograman Visual Client Server Modul 13 Pusat Bahan Ajar dan eLearning
9 Tim Dosen http://www.mercubuana.ac.id
Daftar Pustaka
Muhammad Sadeli, 4 Pemrograman Database Dengan Visual Basic 2010 Untuk Orang
Awam, Maxikom, Palembang, 2012
Wahana Komputer, Tutorial 5 Hari Belajar Pemrograman Visual Basic 2010, Andi,
Yogyakarta, 2010.
Wahana Komputer, Short Course Visual Basic 2010 Programming, Andi, Yogyakarta, 2012.
2013 Pemrograman Visual Client Server Modul 13 Pusat Bahan Ajar dan eLearning
10 Tim Dosen http://www.mercubuana.ac.id
MODUL PERKULIAHAN
Pemrograman
Visual Client
Server
14
Ilmu Komputer Teknik Informatika 87022 Tim Dosen
Abstract Kompetensi
Seksi Report Mampu membuat program laporan
Menyusun Laporan
I. INTEGRASI LAPORAN
Untuk menggabungkan aplikasi yang sudah dibuat dengan desain laporan Crystal Report
langkah yang harus dilakukan adalah:
1. Gunakan aplikasi database yang sudah pernah dibuat sebelumnya.
2. Di bagian IDE Visual Basic 2010, perhatikan panel Solution Explorer yang terletak di
sebelah kanan.
3. Pada tulisan lat1 , klik kanan sehingga akan muncul jendela popup :
4. Dari popup yang muncul pilih Add New Item.
5. Akan muncul jendela seperti berikut :
2013 Pemrograman Visual Client Server Modul 14 Pusat Bahan Ajar dan eLearning
2 Tim Dosen http://www.mercubuana.ac.id
Gambar 2. Add New Item
7. Pilih Common Item, lalu cari Windows Form di panel sebelah tengah diikuti dengan
klik tombol Add sehingga akan dibuat form baru pada aplikasi yang sudah Anda buat.
2013 Pemrograman Visual Client Server Modul 14 Pusat Bahan Ajar dan eLearning
3 Tim Dosen http://www.mercubuana.ac.id
10. Pilih komponen CrystalReportViewer yang tampak pada desain aplikasi sehingga
akan muncul garis bantu kotak disekelilingnya dan terdapat tombol panah kecil di
bagian kanan atas garis bantu tersebut.
11. Tekan tombol panah kecil di atas sehingga akan muncul menu popup berikut :
12. Pilih tulisan Choose a Crystal Report sehingga akan muncul jendela berikut :
2013 Pemrograman Visual Client Server Modul 14 Pusat Bahan Ajar dan eLearning
4 Tim Dosen http://www.mercubuana.ac.id
13. Pilih laporan yang akan Anda tampilkan pada desainer dengan memilih di combobox
yang sudah disediakan.
14. Setelah report dipilih, tekan tombol OK sehingga desain laporan yang Anda pilih
akan dimuat di CrystalReportViewer.
2013 Pemrograman Visual Client Server Modul 14 Pusat Bahan Ajar dan eLearning
5 Tim Dosen http://www.mercubuana.ac.id
17. Pilih komponen SiswaBindingNavigator, tambahkan sebuah button yang akan
digunakan untuk melakukan proses pencarian data dengan melakukan klik pada ikon
panah kecil yang terletak di sebelah kanan komponen, lalu pilih ikon yang muncul
tersebut.
18. Tekan tombol yang bertanda seperti pada gambar 12 di atas sehingga akan muncul
jendela popup berikut :
19. Pilih button dari daftar yang muncul, sehingga akan tampak button baru di samping
ikon bergambar disket.
2013 Pemrograman Visual Client Server Modul 14 Pusat Bahan Ajar dan eLearning
6 Tim Dosen http://www.mercubuana.ac.id
20. Ubah properti text dari button yang baru saja ditambahkan menjadi Cetak
21. Lakukan klik kanan pada button yang baru ditambahkan, lalu pilih :
Display Type Text
22. Sehingga desain aplikasi akan tampak seperti pada gambar berikut :
23. Tekan tombol F7 untuk menuju ke Code Editor, tambahkan kode berikut pada baris
paling atas dari kode program :
Option Strict On
Import System.Data.SqlClient
25. Ketikkan prosedur berikut yang digunakan untuk load data dari database yang
disimpan di DataView :
26. Ketikkan kode berikut untuk melakukan setting crystal report data source dan
autentikasi yang dibutuhkan untuk terhubung ke database :
27. Tekan tombol Shift+F7 untuk kembali ke form desainer, lalu klik 2 kali pada Button
Cetak yang terletak di MahasiswaBindingNavigator. Isikan kode berikut di antara Sub
dan End Sub.
28. Tekan tombol Ctrl + S atau menu File Save untuk menyimpan.
2013 Pemrograman Visual Client Server Modul 14 Pusat Bahan Ajar dan eLearning
7 Tim Dosen http://www.mercubuana.ac.id
29. Jalankan program dengan menekan tombol F5 sehingga aplikasi dijalankan seperti
gambar berikut :
31. Akan tampak preview dari laporan yang Anda desain. Untuk melakukan pencetakan
laporan, tekan tombol yang terletak di bagian atas preview sehingga akan muncul
dialog pencetakan berikut :
2013 Pemrograman Visual Client Server Modul 14 Pusat Bahan Ajar dan eLearning
8 Tim Dosen http://www.mercubuana.ac.id
Daftar Pustaka
Wahana Komputer, Tutorial 5 Hari Belajar Pemrograman Visual Basic 2010, Andi,
Yogyakarta, 2010.
Wahana Komputer, Short Course Visual Basic 2010 Programming, Andi, Yogyakarta, 2012.
2013 Pemrograman Visual Client Server Modul 14 Pusat Bahan Ajar dan eLearning
9 Tim Dosen http://www.mercubuana.ac.id