PEMOGRAMAN VISUAL
M
TAS AJAL
SI
ER
EN
UNIV
GKA
FA
IK
K N
UL
TA S T E K
Disusun oleh :
Ii.sopiandi. ST. M.Kom
Dede Abdulrahman, S.kom, M.Msi
FAKULTAS TEKNIK
UNIVERSITAS MAJALENGKA
2016
HAK, KETENTUAN, DAN TATA TERTIB PRAKTIKUM
HAK
1. Tiap praktikan menerima Modul Praktikum
2. Menggunakan fasilitas ruang dan komputer selama melaksanakan materi praktikum
sesuai jadwal telah ditentukan
3. Menggunakan fasilitas komputer dalam menyusun tugas atau laporan praktikum
selama fasilitas tersebut tidak digunakan oleh kegiatan praktikum lain atas ijin
penanggung jawab.
4. Menerima materi sesuai dengan modul yang telah disusun.
5. Menerima pengarahan/ bimbingan/ asistensi baik dalam pembuatan tugas,
penyampaian materi, maupun penyusunan laporan.
KETENTUAN PRAKTIKUM
TULISAN:
SISTEMATIKA LAPORAN:
PENILAIAN
ü Kehadiran à 15%
ü Tugas à 30%
ü Laporan à 20%
ü Ujian à35%
Kata Pengantar
Segala puji hanya layak untuk Allah atas segala berkat, rahmat, taufik, serta hidayah-
Nya yang tiada terkira besarnya, sehingga dapat menyelesaikan modul Praktikum
Pemograman visual dan SQL ini.
Akhir kata kami mengucapkan terimakasih, semoga hasil praktikum ini bermanfaat
bagi para mahaiswa dan mahasiswi yang mengambil praktikum visual dan Sql
Penyusun
DAFTAR ISI
KATA PENGANTAR …………………………………………….…………….……………………….………………… 1
PENGENALAN VISUAL BASIC.NET (2010) …………………………………………….…………….……….. 2
1. Komponen dasar visual basic.net …………………………………………….…………….………………… 2
Menu bar
b. Solution Explorer
window yang berisi struktur tree dari project yang sedang
dikerjakan.memberikan tampilan daftar file-file dari proyek yang sedang
dibuat
c. Form Designer
window untuk merancang user interface dari aplikasi .
1. Label
Label lebih sering digunakan untuk menampilkan judul, teks, penjelasan disebelah
kotak teks, keterangan dsb. Untuk menggunakan label ini digunakan
kontrol Label (), pada umumnya yang harus diset pada kontrol label hanyalah
propertinya saja, seperti ukuran, warna, dsb
2. Command Button
Objek ini hampir selalu hadir pada setiap aplikasi, fungsi dari kontrol ini biasanya
untuk mengeksekusi perintah tertentu. Seperti Tombol OK, Cancel, Exit, Apply,
Open dll.
1) Event pada Command
Umumnya event yang sering digunakan adalah event click, biasanya event ini
digunakan untuk menjalankan atau mengeksekusi suatu perintah tertentu.
Seperti membuka jendela baru, keluar dari form, menerima input dari aplikasi
dsb.
2) Metode pada Command Button
Metode yang ada pada command antara lain Move, Refresh, SetFocus dan
Zorder (fungsi sama dengan di atas).
3).Option Button
Yaitu suatu kontrol dimana user dapat memilih salah satu dari banyak pilihan.
Pilihan ini sifatnya tunggal.
3. Combo Box
Yaitu kontrol yang sama kegunaanya dengan listbox, perbedaanya adalah user dapat
mengisikan nilai baru pada kotak kombo tersebut.
1. Drop-Down : yang ditampilkan satu baris saja. Kotak ini akan terbuka jika user
menekan tanda panah pada pojok kanan kotak kombo. Dan user dapat diinput nilai
kedalam kotak kombo tersebut.
2. Simpel Combo : kotak ini mirip seperti daftar list box, user hanya bisa mengetik
dibagian atas kotak kombo saja.
3. Drop Down List : ditampilkan satu baris saja, sama seperti Drop-Down, namun
kotak tidak bisa diinput
6. Line (Garis)
Biasanya digunakan untuk membuata garis, agar tampilan aplikasi lebih menarik,
bermacam-macam bentuk garis bisa dibuat begitu juga ketebalan dari garis tersebut.
Properti yang umum digunakan sbb :
7. Shape (Bangun)
Selain garis, kita juga bisa menambahkan bangunan-bangunan geometris
sederhana, seperti kotak, elips dll. Secara default bentuk ukuran dari kontrol ini
adalah segi empat (o-rectangle) bentuk bisa diubah bila kita memilih
properti Shape dan mengubahnya seuai dengan pilihan kita. Sedangkan untuk
merubah pola yang terdapat didalam kontrol, kita bisa merubah properti FillStyle.
Properti yang umum digunakan sbb :
9.Event
Event merupakan suatu tindakan yang dilakukuan untuk mengerjakan suatu proses .
Seperti suatu proses akan dilakukan apabila dilakukan apabila dilakukan tekan tombol
enter,klik satu kali atau klik dua kali.
Diatas adalah tampilan awal saat membuka project dimana form masih kosong.
Di bagian toolbox terdapat banyak component yang bisa digunakan ke dalam
form.
Pada bagian Toolbox cari "Button"
2. Click 2kali (posisi button langsung di tengah form) atau dengan cara click
sekali saja buttonnya di bagian toolbox kemudian click sekali ke Form1
teserah posisinya dimana. Contohnya disini button ditaruh tepat di tengah
form.
3. Click button di Form1 2kali untuk memasukan koding event button ketika
diklik.
1. buatlah sebuah form seperti gambar dibawah ini dengan ketentuan didalam
form ini terdapat dua buttom (buttom1 dan buttom 2) dan label1
2. tuliskan listing program dibawah ini untuk buttom clik hello boy sebagai
berikut caranya click tombol hello boy 2 kali click
4. pada tombol label1 rubah menjadi kata-kata :muncul apa?” tanpa code
Dan juga jika di click tombol keluar secara otomatis akan keluar programnya
2. Modifikasi program
1. Seperti biasa buka proyek baru dengan nama praktikum2/bebas
4. Hasil akhir akan seperti gambar dibawah ini : setiap di klik setiap button
akan keluar hasil
Label2 Size 15
Text Nomor Pertama
Name …….(biarkan jgn dirobah)
Pont …….(biarkan jgn dirobah)
Location Bebas di sesuaikan
Textbox Size Bebas/disesuaikan
Text ……………….
Name Textbox1nom1
Label4 Size 15
Text Nomor Kedua
Name …….(biarkan jgn dirobah)
Pont …….(biarkan jgn dirobah)
Location Bebas
Textbox Size Bebas/disesuaikan
Text ……………….
Name Textboxnom2
Fontsize 16
Location Disesuaikan/bebas
Label5 Size 17
Text Jawab ?
Name Labeljawab
Pont …….(biarkan jgn dirobah)
Location Bebas
Button1 Size ……….
Text Proses
Name buttonproses
Fontsize 12
Location Bebas
Button1 Size ……….
Text Keluar
Name buttonkeluar
Fontsize 12
4. untuk tombol keluar masukan listing program dibawah ini : tuliskan close ()
8. untuk buttom 1 sampai 5 dan seterusnya sampai buttom 0 ,klik 2x pada masing
masing buttom nomer masukan listing program dibawah ini :
num1 = TxtIsi.Text
TxtIsi.Text = ""
op = "+"
num1 = TxtIsi.Text
TxtIsi.Text = ""
op = "*"
13. klik dua kali pada button yang textnya berisi "=", kemudian masukan syntax
berikut.
num2 = TxtIsi.Text
If op = "*" Then
TxtIsi.Text = num1 * num2
ElseIf op = "+" Then
TxtIsi.Text = num1 + num2
ElseIf op = "-" Then
TxtIsi.Text = num1 - num2
ElseIf op = "/" Then
TxtIsi.Text = num1 / num2
Else
TxtIsi.Text = "Tidak dikenal"
End If
15. klik dua kali pada button yang textnya berisi "Keluar", kemdian masukan syntax
berikut
1. seperti biasa buat form baru dan save dengan judul biodatamhs/bebas
Note : tetapi pada intinya semua mahasiswa bisa berespresi sendiri dalam codeing, memodif
program sendiri di bebaskan…dengan catatan faham dasar pemogramanya !!!!!
Objek Properties
Text : Input Biodata
Form1
Name : frmBiodata
Label1 Text : Form Biodata
Label2 Text : Nama Depan
Label3 Text : Nama Belakang
Label4 Text : Prodi
Label5 Text : Tempat Lahir
Label6 Text : Tanggal Lahir
Label7 Text : Jenis Kelamin
- cari tools bar “add windows form” liat gambar dibawah ini :
Objek Properties
Text : Biodata
Form1
Name : Hasil
Label1 Text : Biodata Anda
Label2 Text : Nama Depan anda
Label3 Text : Nama Belakang anda
Label4 Text : Prodi anda
Label5 Text : Tempat Lahir anda di
Label6 Text : Tanggal Lahir anda yaitu
Label7 Text : anda seorang
Label8 Text : Alamat anda di
Text : Nama Depan
Label9 Name : lblnamDep
Untuk tombol logout tuliskan saja : close () (klik 2 x pada tombol) dan tombol cansel
juga sama tuliskan me.close()
(pertemuan 5,6,7)
C. Setelah di isi NPM dan lain- lain terus save tabel dengan nama identitas
atau bebas menurut anda.
D. Terus mengisikan tabel contoh (klik kanan ditabel identitas “edit top 200
row” silahkan isi bebas.untuk lebih jelasnya lihat gambar
F. Tuliskan pada modul listing berikut agar bisa menyambung ke SQl SERVER
Dan membuat variable public (agar mudah di akses)
Terus dibawahnya :
Sub koneksi()
conn = New SqlConnection
conn.ConnectionString = "data Source=SUPIANDI-PC\SQLEXPRESS;initial
catalog=mahasiswa;user=999;password=12341234"
Praktikum Pemograman Visual Basic.net dan Sql Server 2010 Page 39
Try
If conn.State = ConnectionState.Closed Then
conn.Open()
MsgBox("Koneksi Berhasil")
End If
Catch ex As Exception
MsgBox("Koneksi Gagal" & Err.Description)
End Try
End Sub
End Module
koneksi()
6. Untuk lebih jelasnya pada tampilan modul listingnya akan sebagai berikut :
koneksi()
DSS = New DataSet
Query = "select * from identitas"
DAA = New SqlDataAdapter(Query, conn)
DAA.Fill(DSS)
DataGridView1.DataSource = DSS.Tables(0)
End Sub
End Class
Imports System.Data.SqlClient
Module Module1
Public conn As SqlConnection
Public Query As String
Public DAA As SqlDataAdapter
Public DSS As DataSet
Sub koneksi()
conn = New SqlConnection
conn.ConnectionString = "data Source=SUPIANDI-PC\SQLEXPRESS;initial
catalog=mahasiswa;user=999;password=12341234"
Try
If conn.State = ConnectionState.Closed Then
conn.Open()
MsgBox("Koneksi Berhasil")
End If
Catch ex As Exception
MsgBox("Koneksi Gagal" & Err.Description)
End Try
End Sub
End Module
8. Biar tidak bisa menyimpan langsung di datagre hilangkan centang pada data grid
Liat gambar :
10. Terus masuk ke tombol simpan klik 2 kali tuliskan listing berikut :(untuk query
Inset)
Query = " insert indentitas values('" & TextBox1.Text & "','" & TextBox2.Text & "','"
& TextBox3.Text & "','" & TextBox4.Text & "')"
Listing jelasnya :
Imports System.Data.SqlClient
Public Class Form1
koneksi()
DSS = New DataSet
DataGridView1.DataSource = DSS.Tables(0)
End Sub
Query = " insert indentitas values('" & TextBox1.Text & "','" & TextBox2.Text &
"','" & TextBox3.Text & "','" & TextBox4.Text & "')"
cmd.CommandText = Query
cmd.ExecuteNonQuery()
End Sub
End Class
14. tahapan ini jika tidak bisa menyimpan data hanya bisa dilihat di sql servernya
maka yang harus di rubah adalah yang berwarna coklat kita cut di taruh di sub baru di
bawah
koneksi()
DSS = New DataSet
Query = "select * from identitas"
DAA = New SqlDataAdapter(Query, conn)
DAA.Fill(DSS)
DataGridView1.DataSource = DSS.Tables(0)
End Sub
Query = " insert identitas values('" & TextBox1.Text & "','" & TextBox2.Text &
"','" & TextBox3.Text & "','" & TextBox4.Text & "')"
cmd.CommandText = Query
Imports System.Data.SqlClient
Public Class Form1
koneksi()
Tampildata()
End Sub
Query = " insert identitas values('" & TextBox1.Text & "','" & TextBox2.Text &
"','" & TextBox3.Text & "','" & TextBox4.Text & "')"
cmd.CommandText = Query
cmd.ExecuteNonQuery()
Tampildata()
MsgBox("berhasil disimpan")
End Sub
Sub Tampildata()
DSS = New DataSet
Query = "select * from identitas"
DAA = New SqlDataAdapter(Query, conn)
DAA.Fill(DSS)
DataGridView1.DataSource = DSS.Tables(0)
End Sub
End Class
15. untuk menampilkan di DataGridView1 form1 supaya setiap klik data akan tampil di
npm dan lain-lain maka klik 2x datagrid ganti ke cellclick aja terus masukan sintak
berikut :
16. untuk menu update sintaknya hamper sama dengan tombol simpan bedanya di
query nya aja sebagai berikut :
Query = " update identitas set nama= '" & TextBox2.Text & " ',Jurusan='" &
TextBox3.Text & "',alamat='" & TextBox4.Text & "'where NPM = '" & TextBox1.Text & "'"
cmd.CommandText = Query
cmd.ExecuteNonQuery()
Tampildata()
MsgBox("berhasil diupdate")
Query = " delete from identitas where NPM ='" & TextBox1.Text & "'"
cmd.CommandText = Query
cmd.ExecuteNonQuery()
Tampildata()
MsgBox("berhasil dihapus")
(pertemuan 8)
1. berhubung database sudah ada dibuat maka langkah selanjutnya adalah membuat
CR nya sebagai berikut dengan catatan SQL SERVER sudah koneksi:
a. Pada form 1 tambahkan tombol frint laporan
b. Buatlah form baru :form2 dengan poperties text ganti dengan frint laporan
c. Pada form2 buat CR terlebih dahulu klik add pilih reporting>crystal Report >
add>ok
d. Pilih creat new connection >OLE DB (ADO) >pilih provedernya > Microsoft
OLE DB proveder for SQL SERVER
e. Silahkan isikan nama server dan lain lain jangan lupa db yang mau diambil
f. Ketik next lalu finish
g. Kalau sudah ada di OLE DB (ADO) tabel yang kita butuhkan tinggal masukan
komponennya ke selected tabel
h. Kesininya tinggal atur sesuai keinginan
i. Masuk lagi ke form2 dan masukan tools crystalreportview
j. Dan hasilnya akan seperti ini :
(pertemuan 9-10)
Cara 1 :
Cara manual ini adalah cara paling mudah untuk menyebarkan aplikasi yang telah
Anda buat pada beberapa komputer, caranya yaitu kita hanya perlu mengcopy file
.exe dari aplikasi yang telah dibuat.
Cara 2 :
Dengan cara kedua ini Anda harus membuat file setup.exe untuk aplikasi yang sudah
Anda buat, sehingga nantinya aplikasi yang sudah Anda buat akan terinstal dalam
sistem komputer seperti ketika Anda menginstal software ke dalam komputer Anda
e. Pilih Publish Now dan tunggu hingga Visual Studio selesai mempublish project
Anda menjadi file setup.exe.
f. Tinggal cari di project yang di simpan contoh; Cara bukanya di < nama project
anda>/bin/debug/app.publish