diktat vb.net januari

97
DIKTAT PEMROGRAMAN VISUAL BASIC.NET TIM PENYUSUN : SAFITRI JUANITA ITA NOVITA UNIVERSITAS BUDI LUHUR

Upload: budi-prayitno

Post on 05-Jul-2015

1.601 views

Category:

Documents


7 download

TRANSCRIPT

Page 1: Diktat Vb.net Januari

DIKTAT PEMROGRAMAN VISUAL BASIC.NET

TIM PENYUSUN :SAFITRI JUANITA

ITA NOVITA

UNIVERSITAS BUDI LUHURFAKULTAS TEKNOLOGI INFORMASI

JAKARTAJANUARI 2009

Page 2: Diktat Vb.net Januari

PERTEMUAN 1

Pengenalan Visual Basic dot NET

1. Pengenalan

Apa itu Visual Basic.Net ?

VB.NET adalah salah satu bahasa pemrograman Komputer Tingkat

Tinggi. Bahasa Pemrograman Adalah Perintah-perintah yang

dimengerti oleh computer untuk melakukan tugas-tugas tertentu

Bahasa pemrograman VB.NET dikembangkan oleh Microsoft ,

merupakan Salah Satu bahasa Pemrograman Yang Object Oriented

Program(OOP) atau Pemrograman yang berorientasi Pada

Object. Kata “Visual” menunjukkan cara yang digunakan untuk

membuat Graphical User Interface (GUI). Dengan Cara ini, kita tidak

perlu lagi menuliskan instruksi pemrograman dalam kode-kode baris

hanya untuk membuat sebuah Desaign Form/Aplikasi. Tetapi dengan

sangat mudah yakni kita cukup melakukan Drag and drop object-object

yang akan kita gunakan. VB.Net dapat kita jadikan alat Bantu untuk

membuat berbagai macam program computer. Aplikasi VB.NET hanya

dapat dijalankan pada system Operasi Windows.

2. Pemanfaatan Aplikasi VB.NET

Aplikasi yang dapat dihasilkan dengan bahasa pemrograman VB.NET

antara lain:

Sistem Aplikasi Bisnis

Software Aplikasi SMS

Software Aplikasi Chatting

Permainan (Game)

Dan Lain-lain

Page 3: Diktat Vb.net Januari

3. Area Kerja Visual Basic.NET

Untuk Memulai VB.NET pastikan Komputer anda sudah terinstall

Program yang bersangkutan yakni Microsoft Visual Studio 2005.

Pertama Kali Muncul adalah seperti gambar dibawah ini :

Gambar 1.1 : Area Kerja Visual Basic.NET

4. Membuat Project Baru

Project adalah Kumpulan dari Beberapa File (Form, Report, File,

Module, dll) yang didalamnya mempunyai Aturan-aturan yang

berlaku terhadap project tersebut.

Untuk Membuat Project baru dapat dilakukan dengan cara :

1. Pilih Menu File » New » Project Pada Menu Bar

Page 4: Diktat Vb.net Januari

Gambar 1.2 : Tampilan Membuat Project Baru

2. Klik Icon( ) Yang terdapat tepat di bawah Menu File pada

Menu Bar Dengan menggunakan Kombinasi Tombol Yakni Tombol

Ctrl + Shift + N Pada saat bersamaan.

3. Setelah itu akan Muncul sebuah Jendela Dialog Seperti gambar di

bawah ini:

Page 5: Diktat Vb.net Januari

Gambar 1.3 : Jendela Dialog untuk project baru

4. Untuk Membuat Project yang tipenya adalah Windows

Application maka Kita Pilih Windows Application. Lalu Tentukan

Nama Solution (Dituliskan Di Kotak Name), Lokasi

Penyimpanan(Dituliskan di Location apabila Kita tidak Hafal

Struktur Drivenya maka Sebaiknya Kita Klik Browse lalu

tentukan Dimana Letak Penyimpanan Project Kita) . Setelah Itu

Tekan Tombol OK.

5. Secara Otomatis Tercipta Folder dan beberapa file pendukung

dalam pembuatan Aplikasi di Alamat Penyimpanan Yang telah

diinputkan tadi .

Page 6: Diktat Vb.net Januari

Gambar 1.4 : Folder Tempat Penyimpanan Solusi

5. Lembar Kerja VB.NET

Setelah itu kita akan Melihat sebuah lembar kerja (Tempat membuat

Aplikasi) Seperti gambar dibawah ini:

Gambar 1.5 : Tampilan Lembar Kerja VB.Net

Keterangan :

Menu Bar

Berisi Menu-menu yang masing-masing menu memiliki fungsi

tersendiri.

ToolBar

Page 7: Diktat Vb.net Januari

Tombol-tombol Icon Yang berfungsi mewakili suatu perintah

yang berada paa Menu bar.

ToolBox

Jendela yang mengandung semua Object atau control yang

dapat di tempelkan dan dibutukan untuk membentuk suatu

program.

Project(Solution) Explorer

Jendela yang mengandung semua File yang ada didalam aplikasi

yang akan kita buat. Contoh: Form,Module,Class,Report, dll.

Design View

Daerah kerja utama Untuk Mendesign program-program Aplikasi

Code View

Tempat Mengetikkan baris program yang menjadi istruksi-

instruksi.

Project(Object) Properties

Jendela yang mengandung semua informasi/Sifat dari Object

yang terdapat pada aplikasi yang dibuat dan terseleksi.

6. Menjalankan Aplikasi

Aplikasi yang kita buat dapat dijalankan dengan beberapa cara,

sebagai Berikut:

Pilih Menu Debug Start Debuging Pada Menu Bar

Gambar 1.6 : Tampilan Menu Debug

Menekan tombol F5 pada Keyboard

Page 8: Diktat Vb.net Januari

Menekan Tombol [ ] Pada ToolBar

7. Menghentikan Debug Aplikasi

Untuk Menghentikan Mendebug Aplikasi dapat dilakukan dengan

cara:

Pilih Menu Debug Stop pada Menu Bar

Gambar 1.7 : Tampilan Stop Debug pada Menu Bar

Menekan Kombinasi Tombol (Shift + F5)

Menekan Tombol [ ] pada ToolBar

8. Membuka Project yang Sudah Ada

Untuk Membuka Projek yang sudah Ada Dapat dilakukan dengan

cara:

Mendouble Klik / ( Klik KananOpen) File yang ada.

Pilih Menu Open Project/Solution

Page 9: Diktat Vb.net Januari

Gambar 1.8 : Tampilan Membuka Objek yang sudah ada

Klik Tombol pada ToolBox atau

Menekan kombinasi Tombol Ctrl + Shift + O

9. Menambah atau Menyisipkan File

Menambahkan File(Form,Modul, dll), caranya adalah :

1. Klik Icon ( ) Pada ToolBar pilih Add New Item (Tambah

file baru), Add Existing Item (Tambah File yang sudah ada).

Lihat Gambar di bawah ini

Gambar 1.9 : Tampilan toolbar untuk tambah atau menyisipkan File

2. Klik Kanan Pada Solution Explorer Lalu Pilih Add

Page 10: Diktat Vb.net Januari

Gambar 1.10 : Tampilan Solution Explorer

3. Klik Add New Item untuk menambahkan(menyisipkan) File yang Baru akan kita buat. Lalu Akan Muncul Pilihan, pilihlah Apa yang akan kita tambahkan. Diakhiri dengan menekan tombol Add. Lihat Gambar di bawah

Gambar 1.11 : Tampilan Tambah file baru 4. Klik Add Existing Item untuk menambahkan(Menyisipkan) File

yang Sudah Dibuat dengan cara memilih File yang ingin di

Page 11: Diktat Vb.net Januari

tambahkan kedalam Aplikasi. Diakhiri dengan Menekan Tombol Add.

Gambar 1.12 : Tampilan Tambah File yang sudah ada

10. Keluar Dari Area Kerja Visual Basic.NET

1. Memilih Menu File Exit

Klik Icon ( ) dipojok Kanan Atas Area Kerja (Gambar 1.1)

PERTEMUAN 2

Page 12: Diktat Vb.net Januari

PENGENALAN KONSEP DATABASE SISTEM

1. Rancangan Basis Data

Gambar 2.1 Rancangan Basis Data

2. Logical Record Structure

Gambar 2.2 Logical Record Structure

3. Membuat Database Access Untuk Sistem Pembelian

Buat database menggunakan 12icrosoft Access 2003 kemudian simpan

dengan Nama : Pembelian.mdb.

KDSUPNMSUP

TALAMAT

SUPPLIER

NOSPTGLSP

SP

NOSPKDBRG

JMLHRG

PESAN

TKDBRGTNMBRGTSATUAN

BARANG

1 1…* 1…* 1…*

Page 13: Diktat Vb.net Januari

Gambar 2.3 : Spesifikasi Database Pembelian

4. Koneksi Database Access pada VB.NET

Langkah yang harus dilakukan adalah :

I. Buat Project Baru

Setelah membuat project baru, siapkan database pada folder tempat project baru.Misal : nama project VBNet = “supermarket”nama database       = “supermarket.mdb”

Page 14: Diktat Vb.net Januari

Gambar 2.4 : Tampilan setelah dibuat database Supermaket.mdb

Pada database supermarket siapkan tabel-tabel yang diperlukan, misal untuk tahap awal, siapkan tabel barang, dengan struktur berikut :

Gambar 2.5 Tampilan Table Barang

Tahap selanjutnya, isikan beberapa record barang. Kemudian pada project Supermarket aplikasi VB Net, lakukan koneksi ke database supermarket dengan tahapan berikut :

Pada Toolbox Data, lakukan dobel klik pada OleDbDataAdapter, kemudian klik Next dan pilih Tombol “New Connection”

Gambar 2.6 Tampilan Koneksi Database dengan Project

Pilih Provider : Microsoft Jet 4.0 OLE DB Provider, klik tombol Next, Kemudian pilih database yang akan digunakan.

Page 15: Diktat Vb.net Januari

Gambar 2.7 Tampilan Koneksi Database dengan Project (2)

Setelah proses koneksi selesai, klik tombol Next, Lanjutkan hingga pada perintah Generate SQL statements, ketikkan perintah SQL untuk menampilkan data barang. Urutan Field Pada perintah Select akan berpengaruh pada susunan kolom pada komponen DataGrid. Kemudian pada proses selanjutnya aka muncul hak akses yang diberikan ke kita secara penuh, yaitu Select,Insert, Update dan Delete.

Page 16: Diktat Vb.net Januari

Gambar 2.8 Tampilan SQL Statement

Pada tahap berikutnya pilih don’t include password.

Gambar 2.9 Tampilan alert password

Setelah proses koneksi selesai, tahap berikutnya adalah membuat dataset, Dataset adalah komponen yang berfungsi sebagai sumber data (data source) untuk komponen-komponen yang ada dalam Form.Untuk membuat dataset, klik kanan pada komponen OledbDataAdapter1, kemudian pilih “generate dataset”Setelah proses membuat dataset baru selesai, ganti properties name komponen dataset (misal: dsbarang).

Page 18: Diktat Vb.net Januari

Gambar 2.10 Tampilan membuat Dataset

Untuk menampilkan data, pilih komponen datagrid, letakkan dalam from, kemudian atur properties datasourcenya, pilih dsbarang.barang. Setelah dipilih datasource, pada komponen Datagrid akan tampil field-field dari tabel barang

Gambar 2.11 Tampilan membuat Dataset

Agar pada saat running / dijalankan, pada komponen datagridnya muncul data/record tabel barang, pada komponen form1 event load, ketikkan perintah : OleDBDataAdapter1.fill(dsbarang),

Page 19: Diktat Vb.net Januari

Gambar 2.12 Tampilan membuat OleDBDataAdapter

Pada tombol keluar, ketikkan perintah untuk menutup koneksi dan menutup form/program.

Gambar 2.13 Tampilan koding menutup koneksi

PERTEMUAN 3

Page 20: Diktat Vb.net Januari

Pemahaman Variabel, operator dan Komponen VB.NET

1. TIPE DATA

.Net Framework menyediakan dua tipe variabel yang bisa

digunakan yaitu: value types dan reference types.

Perbedaan utama di antara keduanya yaitu dari cara

variabel tersebut diakses.

Type .Net Type Keterangan

Boolean System.Boolean True atau False. Default=false

Byte System.Byte Unsigned 8 bit integer, range 0-

255, default = 0. Base type dari

IDL (Interface Definition

Language)

Short System.Int16 Signed 16 bit integer, range -

32768 s/d 32767, default=0

Integer System.Int132 Signed 32 bit integer dengan

range -2.147.483.648 s/d

2.147.483.647, default=0

Type .Net Type Keterangan

Long System.Int64 Signed 64 bit integer dengan

range 2.147.483.648 s/d

2.147.483.647, default=0

Double System.Double Floating point 64 bit dengan

range ±5.0 x 10 -324 sampai ±

1.7 x 10308 dengan tingkat

ketelitian 16 digit

Decimal System.Decimal Floating point 128 bit dengan

Page 21: Diktat Vb.net Januari

range 1.0 x 10 -28 sampai 7.9x

1028 dengan tingkat ketelitian

16 digit

2. VARIABEL

Variabel adalah tempat untuk menyimpan nilai-nilai atau

data-data secara sementara pada aplikasi VB.

Atau sebuah kotak penyimpanan untuk menyimpan dan

mengambil data, seperti yang diperlihatkan pada gambar

berikut :

Mendeklarasikan Variabel

1. Sebelum variable digunakan terlebih dahulu

dideklarasikan/dibuat terlebih dahulu.

2. Syntax sbb:

Dim namaVariabel As typeVariabel

Dim : statement dari VB.Net untuk mendeklarasikan

variabel.

namavariabel : nama variabel yang digunakan untuk

menyimpan nilai. Nama ini bebas.

tipevariabel : tipe variabel yang bergantung pada tipe

data yang akan disimpan dalam variabel tersebut

Contoh : Dim awal, akhir as integer

Dim A(3 to 9) as integer

Dim Alamat As String

Dim Tanggal As Date

Page 22: Diktat Vb.net Januari

Konstanta digunakan untuk mendefinisikan nama yang

user friendly untuk menyatakan nama yang sering dipakai.

Keyword Const harus digunakan untuk mendefinisikan

konstanta dengan sintaks sebagai berikut:

Access_modifier Const nama_konst As tipe = nilai

Keyword Const harus digunakan untuk mendefinisikan

konstanta dengan sintaks sebagai berikut:

Access_modifier Const nama_konst As tipe = nilai

3. OBJECT (CONTROL) DALAM VB.NET

1. Form : digunakan untuk membuat antar muka pada suatu

aplikasi

Gambar 3.1 Tampilan Form

2. Label : Control (Object) yang digunakan untuk

menampilkan Teks yang tidak dapat diperbaiki oleh User.

Page 23: Diktat Vb.net Januari

Gambar 3.2 tampilan label

3. TextBox :Control yang mengandung string yang dapat

diperbaiki oleh pemakai, dapat berupa satu baris tunggal,

atau banyak baris.

Gambar 3.3 tampilan textbox

4. Command Button: Control yang digunakan untuk

memabangkitkan, menjalankan / Menjadi TrigerEvent

Proses tertentu ketika pemakai melakukan klik padanya.

Page 24: Diktat Vb.net Januari

Gambar 3.3 tampilan CommandButton

5. ComboBox :Control yang idealnya didalamnya

mengandung beberapa item, dan user dapat pemilih isi

dari item tersebut , combobox merupakan kombinasi dari

textbox dan suatu listbox dimana pemasukkan data dapat

dilakukan dengan pengetikan maupun pemilihan (idealnya

adalah pemilihan) hanya satu yang dapat dipilih.

Gambar 3.4 tampilan ComboBox

6. ListBox :Control yang didalamnya mengandung sjumla

item, dan user dapat memilih lebih dari satu item yang

terdapat didalamnya

Page 25: Diktat Vb.net Januari

Gambar 3.5 tampilan ListBox

7. CheckBox :Control yang digunakan untuk memilih lebih

dari satu pilihan()

Gambar 3.6 tampilan CheckBox

8. Timer : digunakan untuk proses background yang

diaktifkan berdasarkan interval waktu tertentu. Merupakan

control non visual.

9. GroupBox : Control yang digunakan sebagai container

bagi control lainnya Biasanya di peruntukkan untuk

mengkelompokkan inputan yang berupa radio button.

Page 26: Diktat Vb.net Januari

Gambar 3.7 tampilan GroupBox

10. Timer : digunakan untuk proses background yang

diaktifkan berdasarkan interval waktu tertentu. Merupakan

control non visual.

Gambar 3.7 tampilan Timer

11. DateTimePicker : Digunakan untuk Menampilkan/Menset

Tanggal pada suatu Form.

Page 27: Diktat Vb.net Januari

Gambar 3.8 tampilan DateTimePicker

12. PictureBox :Digunakan Untuk Menampilkan/Memanipulasi

Gambar

Gambar 3.9 tampilan PictureBox

13. Listview : digunakan untuk menampilkan data yang

bentuknya jamak.

Page 28: Diktat Vb.net Januari

Gambar 3.9 tampilan Listview

14. Maskedtextbox : sifatnya hampir sama dengan textbox

hanya saja user dituntun dan dipaksa agar menginput data

dengan benar.

Gambar 3.10 tampilan Maskedtextbox

PERTEMUAN 4

Page 29: Diktat Vb.net Januari

MEMBUAT MENU APLIKASI

1. Menu File Master

Gambar 4.1Rancangan Layar Form Utama Sistem Pembelian

Gambar 4.2Rancangan Layar Menu File Master

Gambar 4.3Rancangan Layar Menu Transaksi

Page 30: Diktat Vb.net Januari

Gambar 4.4Rancangan Layar Menu Cetak Laporan

2. Membuat Menu

Untuk membuat menu, pilih didalam toolbox lalu ketikkan

nama menu sesuai dengan yang diinginkan

Atau bisa juga dengan mengetikkan menu pada properties text

Penggunaan tanda ”&” diantara nama menu, berfungsi agar menu

dapat diakses menggunakan keyboard dengan menekan tombol alt

disertai dengan huruf yang bergaris bawah.

jika program sudah dijalankan, menu ini dapat diakses

dengan menekan tombol ”alt dan m” secara bersamaan.

3. Membuat Module

Dalam sistem pembelian ini, koneksi database nya terdapat pada

Module. Sehingga dibuat bersifat global.

Untuk membuat Module, perlu menambahkan atribut baru berupa

module pada project. Dengan cara: Klik kanan pada Project di Solution

Explorer, kemudian pilih Add, Add Module

Page 31: Diktat Vb.net Januari

Gambar 4.5Cara Menambahkan Module

Ketikan code untuk module:

PERTEMUAN 5, 6, 7Nama database yang sudah dibuat

Koneksi database dengan M.Access

Beri nama Module1.vb

Page 32: Diktat Vb.net Januari

FORM MASTER

Gambar : Rancangan Layar Form Entry Data Barang

OBJEK NAME TEXT PROPERTIES YANG DIUBAH

Form1 frmMasterBarang

frmMasterBarang Font , Back Color, StartPosition = CenterScreen

Label1 Label1 ENTRY DATA BARANG Font, Back ColorGroupB

ox1Groupbox1 Data Barang Font, Back Color

Label2 lblkdbrg KODE BARANG Font, Back ColorLabel3 lblnmbrg NAMA BARANG Font, Back ColorLabel4 Lblharsat HARGA SATUAN Font, Back Color Textbo

x1txtKdBrg (kosong) Font , Back Color

Textbox2

txtNmBrg (kosong) Font, Back Color

Textbox3

txtSatuan (kosong) Font, Back Color

Button1 BtnCariBrg CARI Font , Back ColorGroupB

ox2Groupbox2 - Font, Back Color

Button2 cmdSimpan SIMPAN Font , Back ColorButton3 cmdUbah UBAH Font , Back ColorButton4 cmdHapus HAPUS Font , Back Color

Label

GroupBox

TextBox

Button

GroupBox

Button

Form

Label

Page 33: Diktat Vb.net Januari

Button5 cmdBatal BATAL Font, Back ColorButton6 cmdKeluar KELUAR Font , Back Color

Tabel : Tabel propertis Entry Data Barang

Coding Entri Data Barang:

Page 34: Diktat Vb.net Januari
Page 35: Diktat Vb.net Januari
Page 36: Diktat Vb.net Januari
Page 37: Diktat Vb.net Januari

Gambar: Rancangan Layar PopUp Barang

OBJEK NAME TEXT PROPERTIES YANG DIUBAHForm1 PopBrg PopBrg Font , Back Color, StartPosition

= CenterScreenLabel1 Label1 Kata Kunci Font, Back Color

Textbox1 txtKey (kosong) Font , Back ColorListView1 ListView1 (kosong) Font

ColumnAdd(3 ColumnHeader)Text(ColumnHeader1 = KODE BARANG, (ColumnHeader2 = NAMA BARANG, ColumnHeader3 = HARGA SATUAN)

FullRowSelect = true Gridlines = true View = details

Button1 BtnOK OK Font , Back ColorTabel: Tabel Properties PopUp Barang

Coding PopUp Barang:

Page 38: Diktat Vb.net Januari
Page 39: Diktat Vb.net Januari
Page 40: Diktat Vb.net Januari

Gambar: Rancangan Layar Form Entry Data Supplier

OBJEK NAME TEXT PROPERTIES YANG DIUBAH

Form1 FrmMasterSupplier frmMasterSupplier Font , Back Color, StartPosition = CenterScreen

Label1 Label1 ENTRY DATA SUPPLIER Font , Back ColorGroupBox1 Groupbox1 Data Supplier Font, Back Color

Label2 lblkdsup KODE SUPPLIER Font , Back Color, Fore Color

Label3 lblnmsup NAMA SUPPLIER Font, Back Color, Fore Color

Label4 lblalamat ALAMAT SUPPLIER Font, Back Color, Fore Color

Textbox1 txtKdSup (kosong) Font , Back ColorTextbox2 txtNmSup (kosong) Font , Back ColorTextbox3 txtalamat (kosong) Font , Back ColorButton1 BtnCariSup CARI Font , Back Color

GroupBox2 Groupbox2 - Font, Back ColorButton2 cmdSimpan SIMPAN Font , Back ColorButton3 cmdUbah UBAH Font , Back ColorButton4 cmdHapus HAPUS Font , Back ColorButton5 cmdBatal BATAL Font, Back ColorButton6 cmdKeluar KELUAR Font , Back Color

Tabel: Tabel Properties Entri Data Supplier

Page 41: Diktat Vb.net Januari

Coding Entri Data Supplier:

Page 42: Diktat Vb.net Januari
Page 43: Diktat Vb.net Januari
Page 44: Diktat Vb.net Januari
Page 45: Diktat Vb.net Januari

Gambar: Rancangan Layar PopUp Supplier

Coding PopUp Supplier:

Page 46: Diktat Vb.net Januari
Page 47: Diktat Vb.net Januari
Page 48: Diktat Vb.net Januari

PERTEMUAN 9,10,11,12FORM TRANSAKSI

Gambar: Rancangan Layar Form Entry Surat Pesanan

OBJEK NAME TEXT PROPERTIES YANG DIUBAH

Form1 frmEntrySP Entry Surat Pesanan Font , Back Color, StartPosition = CenterScreen

Label1 Label1 Entry Surat Pesanan Font , Back ColorLabel2 lblnosp NO. SP Font , Back Color

TextBox1 txtNoSp (kosong) FontLabel3 lbltglsp TANGGAL SP Font , Back Color

DateTimePicker

DateTglSp (kosong) Format : CustomCustom : dd MMMM yyyyCalendarFont

GroupBox1 Groupbox1 (kosong) Back ColorLabel4 lblkdsup KODE SUPPLIER Font , Back Color,

Fore ColorTextbox2 txtKdSup (kosong) Font , Back Color

Label3 lblnmsup NAMA SUPPLIER Font, Back Color,

Page 49: Diktat Vb.net Januari

Fore ColorTextbox3 txtNmSup (kosong) Font , Back Color

Label4 lblalamat ALAMAT SUPPLIER Font, Back Color, Fore Color

Button1 btnCariSup CARI Font , Back ColorGroupBox2 Groupbox2 (kosong) Back Color

Label5 lblkdbrg KODE BARANG Font, Back Color, Fore Color

Textbox4 txtKdBrg (kosong) Font , Back ColorLabel6 lblnmbrg NAMA BARANG Font, Back Color,

Fore ColorTextbox5 txtNmBrg (kosong) Font , Back Color

Label7 lblharsat HARGA SATUAN Font, Back Color, Fore Color

Textbox6 txtSatuan (kosong) Font , Back ColorLabel8 lbljbeli JUMLAH BELI Font, Back Color,

Fore ColorTextbox7 txtJmlBeli (kosong) Font , Back Color

Label9 lbltotal TOTAL Font, Back Color, Fore Color

Textbox8 txtTotal (kosong) Font , Back ColorGroupBox3 Groupbox2 (kosong) Back Color

Button2 btnTambah TAMBAH Font , Back ColorButton3 cmdBatal BATAL Font , Back Color

ListView1 ListView1 (kosong) Font ColumnAd

d(5 ColumnHeader)Text(ColumnHeader1 = KODE BARANG, (ColumnHeader2 = NAMA BARANG, ColumnHeader3 = HARGA SATUAN, ColumnHeader4 = JUMLAH, ColumnHeader5 = TOTAL)

FullRowSelect = true

Gridlines = true

View = details

Label10 lblgtotal GRAND TOTAL Font, Back Color, Fore Color

Textbox9 txtGrandTotal (kosong) Font , Back ColorButton4 cmdSimpan SIMPAN Font , Back ColorButton5 cmdKeluar KELUAR Font , Back Color

Tabel: Tabel Properties Entri Surat Pesanan

Page 50: Diktat Vb.net Januari

Gambar Rancangan Layar Form Cetak Surat Pesanan

OBJEK NAME TEXT PROPERTIES YANG DIUBAH

Form1 FrmCetakSP FrmCetakSP Font , Back Color, StartPosition = CenterScreen

Label1 Label1 CETAK SURAT PESANAN Font , Back ColorGroupBox

1Groupbox1 - Back Color

Label2 lblnosp NO. SP Font , Back Color, Fore Color

Label3 lbltglsp TANGGAL SP Font, Back Color, Fore Color

Label4 lblkdsup KODE SUPPLIER Font, Back Color, Fore Color

Label5 lblnmsup KODE SUPPLIER Font, Back Color, Fore Color

Textbox1 txtNoSP (kosong) Font , Back ColorTextbox2 txtTglSP (kosong) Font , Back ColorTextbox3 txtKdSup (kosong) Font , Back ColorTextbox4 txtNmSup (kosong) Font , Back ColorButton1 BtnCarisp CARI Font , Back Color

GroupBox1

Groupbox1 - Font, Back Color

Button2 cmdCetak CETAK Font , Back ColorButton3 cmdBatal BATAL Font , Back ColorButton4 cmdKeluar KELUAR Font , Back Color

Tabel: Tabel Properties Cetak Surat Pesanan

Page 51: Diktat Vb.net Januari

Coding Entri Surat Pesanan:

Page 52: Diktat Vb.net Januari
Page 53: Diktat Vb.net Januari
Page 54: Diktat Vb.net Januari
Page 55: Diktat Vb.net Januari
Page 56: Diktat Vb.net Januari

Gambar Rancangan Layar PopUp Surat Pesanan

Coding PopUp Surat Pesanan:

Page 57: Diktat Vb.net Januari

Coding Listview PopUp Surat Pesanan:

Page 58: Diktat Vb.net Januari
Page 59: Diktat Vb.net Januari

PERTEMUAN 13

LAPORAN DENGAN CRISTAL REPORT I

Yang tidak boleh dikesampingkan dalam membangun suatu aplikasi

adalah pembuatan laporan. Jika suatu program yang dibangun tanpa

dilengkapi program untuk membuat suatu laporan masih belum lengkap.

Oleh karena itu laporan menjadi penting untuk suatu program aplikasi.

Gunanya dari suatu laporan adalah untuk melihat hasil dari suatu proses

komputer dalam bentuk preview atau dalam bentuk print out ke printer atau

media lain.

MENCETAK LAPORAN TABLE TUNGGAL

Untuk membuat laporan dengan Crystal Report langkah yang harus

dilakukan adalah sebagai berikut :

1. Klik kanan pada Project kemudian pilih Add lalu pilih Add Windows

Forms setelah itu program akan menampilkan kontak dialog Add New

Item

2. Pada form Add New Item, pilih Crystal Report, lalu tekan tombol

Add. Tuliskan nama laporan yang akan dibuat pada kolom Name.

Page 60: Diktat Vb.net Januari

3. Pada Form Crystal Report Gallery klik As a Blank Report klik tombol

OK

4. Setelah desain Crystal Report tampil klik kanan pada Database Fields

lalu pilih Database Expert.

Page 61: Diktat Vb.net Januari

Sehingga muncul tampilan seperti dibawah. Karena kita menggunakan

database Access, maka kita pilih Create New Connection Access/Excel

(DAO) klik OK

Page 62: Diktat Vb.net Januari

5. Muncul window untuk memilih Database yang akan digunakan, setelah

itu klik tombol finish.

6.

Browse/Cari database yang akan digunakan

Perbedaan setelah dikoneksikan dengan databaseKemudian pilih table yang akan dikoneksikan

Tempat table yang telah dipilih

Klik untuk memilih table

Page 63: Diktat Vb.net Januari

7. Kemudian pilih tabel yang akan dibuat reportnya pada Form Database

Expert setelah itu klik OK

8.

9. Untuk menampilkan field-field pada yang akan dicetak, drag field pada

sisi Field Explorer ke dalam Layar Design Crystal Report.

Perbedaan setelah dikoneksikan dengan tabel yang dibutuhkan

Perbedaan setelah dikoneksikan dengan tabel yang dibutuhkan

Drag masing-masing field ke dalam bagian details

Page 64: Diktat Vb.net Januari

10. Untuk mendesign bentuk cetakan, dapat dilakukan di bagian Report

Header, Page Header, Report Footer dan Page Footer

Contoh tampilan layout Laporan Data Barang :

Untuk membuat laporan dengan Crystal Report, biasanya diperlukan

sebuah form yang menampung tampilan sementara Crystal Report. Maka kita

perlu menambah sebuah form baru. Langkah-langkah yang dilakukan adalah

sbb:

1. Klik kanan pada Project di Solution Explorer Klik Add Windows

Form

Field-field yang di drag pada bagian Details

Page 65: Diktat Vb.net Januari

2. Ubah nama pada kolom Name

3. Tambahkan objek CrystalReportViewer dari Toolbox kedalam form. Hal

ini berguna untuk koneksi form dengan CrystalReport

Ubah nama menjadi RptLapBrg

Cari pada grup CrystalReports

Tambahkan CrystalReportViewer ke dalam

Page 66: Diktat Vb.net Januari

4. Kemudian koneksikan form dengan CrystalReport yang telah dibuat :

Atur properties ReportSource --> pilih CrystalReport yang telah

dibuat

5. Tampilannya akan menjadi :

Pilih CrystalReport yang telah dibuat

Nama CrystalReport yang telah dikoneksikan

Page 67: Diktat Vb.net Januari

PERTEMUAN 14

LAPORAN DENGAN CRISTAL REPORT II

MENCETAK SURAT PESANAN

Langkah-langkah yang dijalankan hampir sama dengan cetakan

laporan

1. Klik kanan pada Project kemudian pilih Add lalu pilih Add Windows

Forms setelah itu program akan menampilkan kontak dialog Add New

Item

2. Pada form Add New Item, pilih Crystal Report, lalu tekan tombol

Add. Tuliskan nama laporan yang akan dibuat pada kolom Name.

Ganti namanya menjadi

Page 68: Diktat Vb.net Januari

3. Pada Form Crystal Report Gallery klik As a Blank Report klik tombol

OK

4. Setelah desain Crystal Report tampil klik kanan pada Database Fields

lalu pilih Database Expert.

Page 69: Diktat Vb.net Januari

Sehingga muncul tampilan seperti dibawah. Karena kita menggunakan

database Access, maka kita pilih Create New Connection Access/Excel

(DAO) klik OK

Page 70: Diktat Vb.net Januari

5. Muncul window untuk memilih Database yang akan digunakan, setelah

itu klik tombol finish.

6.

Browse/Cari database yang akan digunakan

Perbedaan setelah dikoneksikan dengan databaseKemudian pilih table yang akan dikoneksikan

Tempat table yang telah dipilih

Klik untuk memilih table

Page 71: Diktat Vb.net Januari

7. Kemudian pilih tabel yang akan dibuat reportnya pada Form Database

Expert setelah itu klik OK

8. Tampilan akan menjadi:

9. Untuk menampilkan field-field pada yang akan dicetak, drag field pada

sisi Field Explorer ke dalam Layar Design Crystal Report.

10. Untuk mendesign bentuk cetakan, dapat dilakukan di bagian Report

Header, Page Header, Report Footer dan Page Footer

Drag masing-masing field ke dalam bagian details

Page 72: Diktat Vb.net Januari

Untuk membuat cetakan dengan Crystal Report, biasanya diperlukan

sebuah form yang menampung tampilan sementara Crystal Report. Maka kita

perlu menambah sebuah form baru. Langkah-langkah yang dilakukan adalah

sbb:

1. Klik kanan pada Project di Solution Explorer Klik Add Windows

Form

2. Ubah nama pada kolom Name

Ubah nama menjadi FrmCetakSP

Page 73: Diktat Vb.net Januari

3. Tambahkan objek CrystalReportViewer dari Toolbox kedalam form. Hal

ini berguna untuk koneksi form dengan CrystalReport

4. Kemudian koneksikan form dengan CrystalReport yang telah dibuat :

Atur properties ReportSource --> pilih CrystalReport yang telah

dibuat

Cari pada grup CrystalReports

Tambahkan CrystalReportViewer ke dalam

Pilih CrystalReport yang telah dibuat

Page 74: Diktat Vb.net Januari

5. Tampilannya akan menjadi :

6. Pada form FrmCetakSP ketikan code berikut:

MENCETAK LAPORAN MULTI TABLE

Nama CrystalReport yang telah dikoneksikan

Page 75: Diktat Vb.net Januari

Untuk membuat laporan dengan Crystal Report langkah yang harus

dilakukan adalah sebagai berikut :

11. Klik kanan pada Project kemudian pilih Add lalu pilih Add Windows

Forms setelah itu program akan menampilkan kontak dialog Add New

Item

12. Pada form Add New Item, pilih Crystal Report, lalu tekan tombol

Add. Tuliskan nama laporan yang akan dibuat pada kolom Name.

Ganti namanya menjadi CrCetakLapPembelian

Page 76: Diktat Vb.net Januari

13. Pada Form Crystal Report Gallery klik As a Blank Report klik tombol

OK

14. Setelah desain Crystal Report tampil klik kanan pada Database Fields

lalu pilih Database Expert.

Page 77: Diktat Vb.net Januari

Sehingga muncul tampilan seperti dibawah. Karena kita menggunakan

database Access, maka kita pilih Create New Connection Access/Excel

(DAO) klik OK

Page 78: Diktat Vb.net Januari

15. Muncul window untuk memilih Database yang akan digunakan, setelah

itu klik tombol finish.

16.

Browse/Cari database yang akan digunakan

Perbedaan setelah dikoneksikan dengan databaseKemudian pilih table yang akan dikoneksikan

Tempat table yang telah dipilih

Klik untuk memilih table

Page 79: Diktat Vb.net Januari

17. Kemudian pilih tabel yang akan dibuat reportnya pada Form Database

Expert setelah itu klik OK

18. Tampilannya akan menjadi:

19. Untuk menampilkan field-field pada yang akan dicetak, drag field pada

sisi Field Explorer ke dalam Layar Design Crystal Report.

20. Untuk mendesign bentuk cetakan, dapat dilakukan di bagian Report

Header, Page Header, Report Footer dan Page Footer

Untuk membuat laporan dengan Crystal Report, biasanya diperlukan

sebuah form yang menampung tampilan sementara Crystal Report. Maka kita

Drag masing-masing field ke dalam bagian details

Page 80: Diktat Vb.net Januari

perlu menambah sebuah form baru. Langkah-langkah yang dilakukan adalah

sbb:

1. Klik kanan pada Project di Solution Explorer Klik Add Windows

Form

2. Ubah nama pada kolom Name

Ubah nama menjadi RptLapPembelian

Page 81: Diktat Vb.net Januari

3. Tambahkan objek CrystalReportViewer dari Toolbox kedalam form. Hal

ini berguna untuk koneksi form dengan CrystalReport

4. Kemudian koneksikan form dengan CrystalReport yang telah dibuat :

Atur properties ReportSource --> pilih CrystalReport yang telah

dibuat

Cari pada grup CrystalReports

Tambahkan CrystalReportViewer ke dalam

Pilih CrystalReport yang telah dibuat

Page 82: Diktat Vb.net Januari

5. Tampilannya akan menjadi :

6. Pada form ketikan code:

Nama CrystalReport yang telah dikoneksikan

Page 83: Diktat Vb.net Januari

PENUTUP

Selamat BelajarSelamat Mengerjakan

.:¬ Ilmu Tidak Akan Berguna Bila Tidak Diberikan Kepada Orang Lain¬:.

Terima Kasih