Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

54
Modul VB.NET Pembahasan Database & Crystal Report Oleh : Efmi Maiyana, S.Kom., M.Kom

description

Pembahasan Lengkap kasus Penjualan dengan VB.Net beserta Laporan

Transcript of Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

Page 1: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

Modul VB.NET

Pembahasan Database & Crystal Report

Oleh : Efmi Maiyana, S.Kom., M.Kom

Page 2: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

Daftar Isi

1. Disain DataBase .......................................................................... 1

2. Membuat DSN (Data Source Name) ................................................... 2

3. Membangun Form Terkoneksi ke Database ....................................... 5

4. Design Formulir Entry Barang ............................................................. 7

5. Latihan Supplier .......................................................................... 14

6. Membuat Relasi File Barang, Supplier

Dan Beli pada Formulir Pembelian...................................................... 15

7. Design Formulir Pembelian Barang ..................................................... 16

8. Latihan Aplikasi Relasi Database ......................................................... 25

9. Crystal Report .......................................................................... 26

10. Latihan Crystal Report ......................................................................... 34

11. Crystal Report dengan Parameter....................................................... 35

12. Latihan Crystal Report dengan Parameter .......................................... 38

13. Menghubungkan Form dengan Crystal Report ................................... 39

14. Membuat Menu Bar / MenuStrip ....................................................... 42

15. Koding Form Menu dengan Laporan Parameter ................................ 46

16. Membuat Toolbar/ToolStrip ............................................................... 48

17. Latihan Menu Bar dan Toolbar ........................................................... 51

Riwayat Penulis

Page 3: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 1

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Disain DataBase

Bangunlah database dengan nama “barang” dengan menggunakan Wamp Server

– phpMyAdmin yang terdiri dari tabel-tabel sebagai berikut:

Tabel tbarang

Tabel supplier

Tabel beli

Page 4: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 2

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Membuat DSN (Data Source Name)

Sebelum DSN dibuat pastikan database kita telah ada contoh database barang

diatas. Lalu lakukan langkah berikut ini :

1. Pilih Contol Panel

2. Pilih Administrative Tools > Data Source (ODBC)

Maka akan tampil gambar dibawah ini :

Gambar ODBC Data Source

3. Klik Add untuk bikin DSN baru

Maka akan tampil gambar berikut ini:

Page 5: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 3

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Gambar Create New Data Source

4. Pilih MySQL ODBC 3.51 Driver, pilihan ini akan ada jika di komputer kita

telah diinstal software MySQL_ODBC3.51

5. Klik Finish

Maka akan tampil gambar berikut ini:

Gambar Connector / ODBC

Page 6: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 4

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Isikan:

Data Source Name : ex Mydbbrg

Description : boleh dikosongkan

Server : Localhost

User : root

Password: kosongkan

Database : pilih database kita ex : tbarang

Lalu Test jika sukses OK

Page 7: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 5

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Membangun Form Terkoneksi ke Database

pada VB.Net

Setelah database dan DSN kita buat maka kita bisa membuat form tampilan yang

nanti akan dikoneksikan dengan database yang telah kita bangun pada VB.Net.

Disini kita menggunakan modul sehingga data koneksi bersifat Global

Adapun Cara menambah Modul pada VB.Net adalah sebagai Berikut:

1. Klik kanan Solution Explorer - Add – Module seperti tampilan berikut ini :

Gambar Add Module

2. Maka akan keluar kotak dialog Add New Item, isikan name ex:module1

lalu Add seperti tampilan berikut ini :

Page 8: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 6

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Gambar Add New Item

3. Pada Modul ketikan Koding sebagai berikut :

Imports System.Data.Odbc

Imports System.Data

Module Module1

Public conn As OdbcConnection

Public da As OdbcDataAdapter

Public ds As DataSet

Public dtreader As OdbcDataReader

Public cmd As OdbcCommand

Public strcon As String

Public Sub koneksi()

strcon = “Dsn=mydbbrg”

conn = New OdbcConnection(strcon)

If conn.State = ConnectionState.Closed Then

conn.Open()

End If

End Sub

End Module

Page 9: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 7

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Design Formulir Entry Barang

Untuk membuat sebuah form baru kita bisa lakukan langkah berikut ini :

1. Tambahkan Form baru dengan cara ( Klik kanan pada Solution Explorer –

Add – Windows Form) seperti terlihat pada gambar berikut ini :

Gambar Menambah Form

2. Lalu akan tampil kotak dialog sebagai berikut :

Gambar Add New Item

Page 10: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 8

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Isikan Name Form pada Name ex : frmbrg lalu klik Add

Disain tampilan Formulir Entry Barang seperti tampilan dibawah ini :

Gambar Form Entry Barang

Properties yang dibutuhkan pada tampilan diatas :

Objek Properties Nilai Properties

Solution Explorer

Form1

Name

Name

barang

frmbrg

GroupBox1

Label1

Name

Text

-

Formulir Data Barang

GroupBox2

Label2

Label3

Label4

TextBox1

TextBox2

Name

Text

Text

Text

Name

Name

-

Kode Barang

Nama Barang

Harga Barang

Txtkode

Txtnama

Page 11: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 9

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

TextBox3

Button1

Name

Name

Text

Txtharga

Btcari

Cari

GroupBox3

Button2

Button3

Button4

Button5

Button6

Name

Name

Text

Name

Text

Name

Text

Name

Text

Name

Text

-

Btsave

&Save

Btedit

&Edit

Btdelete

&Delete

Btbatal

&Batal

Btexit

E&xit

Data Grid View1 Name dgv

Kodingnya :

Imports System.Data.Odbc

Imports System.Data

Public Class frmbrg

Dim sql As String

Dim pesan As String

Private Sub frmbrg_Load(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles MyBase.Load

koneksi()

tampil()

End Sub

Page 12: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 10

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

‘Menampilkan isi Data Grid View

Sub tampil()

da = New Odbc.OdbcDataAdapter("select * from tbarang", conn)

ds = New DataSet

ds.Clear()

da.Fill(ds, "tbarang")

dgv.DataSource = (ds.Tables("tbarang"))

End Sub

‘Procedure membersihkan Form Barang

Sub bersih()

txtkode.Clear()

txtnama.Clear()

txtharga.Clear()

End Sub

‘Menyimpan Data Barang

Private Sub btsave_Click(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles btsave.Click

pesan = MsgBox("Yakin Data Di Save..?", MsgBoxStyle.YesNo, "Save

Data")

if pesan = vbYes Then

sql = "insert into tbarang(kodeb,nama,harga) values('" &

txtkode.Text & "','" & txtnama.Text & "','" & txtharga.Text &

"')"

cmd = New OdbcCommand(sql, conn)

cmd.ExecuteNonQuery()

MessageBox.Show("Data Telah Tersimpan", "Save Data")

tampil()

bersih()

Else

MsgBox("Terjadi Kesalahan...!", "Save Failed")

End If

End Sub

‘Tombol Keluar/Exit

Page 13: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 11

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Private Sub btexit_Click(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles btexit.Click

Me.Close()

End Sub

‘Mencari Data Barang berdasarkan kodebarang

Private Sub btcari_Click(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles btcari.Click

sql = "select * from tbarang where kodeb = '" & txtkode.Text & "'"

cmd = New OdbcCommand(sql, conn)

dtreader = cmd.ExecuteReader

If dtreader.Read Then

txtnama.Text = dtreader.Item("nama")

txtharga.Text = dtreader.Item("harga")

Else

MsgBox("Maaf Data Tidak Ada...!", MsgBoxStyle.MsgBoxHelp,

"Search Data")

txtkode.Focus()

txtkode.Clear()

bersih()

End If

‘menampilkan isi Data Grid sama dengan kode barang yang ada

da = New Odbc.OdbcDataAdapter("select * from tbarang where kodeb like

'%" & txtkode.Text & "%'", conn)

ds = New DataSet

ds.Clear()

da.Fill(ds, "tbarang")

dgv.DataSource = (ds.Tables("tbarang"))

End Sub

‘Memperbaiki data barang berdasarkan kode barang

Private Sub btedit_Click(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles btedit.Click

Page 14: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 12

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

pesan = MsgBox("Yakin Data di Edit??", MsgBoxStyle.YesNo, "Edit

Data")

If pesan = vbYes Then

sql = "update tbarang set nama='" & txtnama.Text &

"',harga='" & txtharga.Text & "' where kodeb='" &

txtkode.Text & "'"

cmd = New OdbcCommand(sql, conn)

cmd.ExecuteNonQuery()

MsgBox("Data Telah di UPdate")

tampil()

bersih()

End if

End Sub

Private Sub btdelete_Click(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles btdelete.Click

pesan = MsgBox("Yakin Data di Hapus ?", vbYesNo)

If Pesan = vbYes Then

sql = "delete from tbarang where kodeb='" & txtkode.Text & "'"

cmd = New Odbc.OdbcCommand(sql, conn)

cmd.ExecuteNonQuery()

bersih()

tampil()

End If

End Sub

‘Isi tombol Batal

Private Sub btbatal_Click(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles btbatal.Click

bersih()

End Sub

Page 15: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 13

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

‘Double klik datagrid sehingga akan tampil ke form barang

Private Sub dgv_CellDoubleClick(ByVal sender As Object, ByVal e As

System.Windows.Forms.DataGridViewCellEventArgs) Handles

dgv.CellDoubleClick

txtkode.Text = dgv.SelectedRows(0).Cells(0).Value

txtnama.Text = dgv.SelectedRows(0).Cells(1).Value

txtharga.Text = dgv.SelectedRows(0).Cells(2).Value

End Sub

‘Klik datagrid sehingga akan tampil ke form barang

Private Sub dgv_Click(ByVal sender As Object, ByVal e As

System.EventArgs) Handles dgv.Click

txtkode.Text = dgv.SelectedCells(0).Value

txtnama.Text = dgv.SelectedCells(1).Value

txtharga.Text = dgv.SelectedCells(2).Value

End Sub

End Class

Page 16: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 14

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Latihan Supplier:

Buatlah "Formulir Supplier pada VB.Net lengkap dengan tombol seperti Formulir

Entri data Barang diatas, dengan menambah tabel supplier pada database

“Barang” diatas, adapun field yang dibutuhkan adalah sebagai berikut :

Tabel : Supplier

Page 17: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 15

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Membuat Relasi File Barang, Supplier dan Beli

Pada Formulir Pembelian

Tabel tbarang

Tabel beli

Tabel supplier

Page 18: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 16

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Design Formulir Pembelian Barang

Gambar Formulir Pembelian Barang

Properties yang dibutuhkan pada tampilan diatas :

Objek Properties Nilai Properties

Solution Explorer

Form1

Name

Name

barang

frmpenjualan

GroupBox1

Label1

Label2

Name

Text

Text

-

Formulir Pembelian

Barang

“Tiang Alam.Com”

Page 19: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 17

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

GroupBox2

Label2

Label3

TextBox1

DateTimePicker

Name

Text

Text

Name

Name

-

No. Faktur

Tgl.

Txtnofak

tgl

GroupBox3

Label4

Label5

Label6

ComboBox1

TextBox2

TextBox3

Name

Text

Text

Text

Name

Name

Name

-

Kode Barang

Nama Barang

Harga Barang

cbobrg

Txtnamabrg

Txtharga

GroupBox5

Label7

Label8

Label9

ComboBox2

TextBox4

TextBox5

Name

Text

Text

Text

Name

Name

Name

-

Kode Supplier

Nama Supplier

Hp.

Cbokodes

Txtnamas

Txtnohp

GroupBox6

Label10

Label11

TextBox6

TextBox7

Label12

Name

Text

Text

Name

Name

Text

-

Jumlah Beli

Diskon

Txtjumb

Txtdisc

Total Harga

GroupBox7

Name

text

-

Order By:

Page 20: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 18

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

RadioButton1

RadioButton2

Name

Text

Name

text

-

Optkode

Kode Barang

Opttgl

Tanggal Beli

GroupBox8

Label13

Label14

TextBox8

TextBox9

Button1

Name

text

text

text

Name

Name

Name

Text

-

Cari

No. Fak

Kode Barang

Crnofak

Crkodebrg

Cmdfind

&Find

GroupBox9

Button2

Button3

Button4

Button5

Button6

Name

Name

Text

Name

Text

Name

Text

Name

Text

Name

Text

-

Cmdadd

&Add

Cmdsave

&Save

Cmdedit

&Edit

Cmddelete

&Delete

Cmdexit

E&xit

Data Grid View1 Name Datapenjualan

Page 21: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 19

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Kodingnya :

Imports System.Data.Odbc

Imports System.Data

Public Class frmpenjualan

Public cmd As OdbcCommand

Public sql As String

Dim disc As Single

Dim total As Integer

Dim pesan As String

Private Sub frmpenjualan_Load(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles MyBase.Load

koneksi()

isicbobrg()

isicbos()

tampil_beli()

bersih()

Me.Text = "Formulir Pembelian Barang"

End Sub

‘Mengisi Data GridView Pembelian

Sub tampil_beli()

sql = "select * from beli"

da = New OdbcDataAdapter(sql, conn)

ds = New DataSet

ds.Clear()

da.Fill(ds, "beli")

datapenjualan.DataSource = (ds.Tables("beli"))

End Sub

‘Mengisi ComboBox Supplier dengan data dari database

Sub isicbos()

sql = "select * from supplier"

cmd = New OdbcCommand(sql, conn)

dtreader = cmd.ExecuteReader

Page 22: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 20

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

While dtreader.Read = True

cbokodes.Items.Add(dtreader.Item("kodes"))

End While

End Sub

‘Mengisi ComboBox Barang dengan data dari database

Sub isicbobrg()

sql = "select * from tbarang"

cmd = New OdbcCommand(sql, conn)

dtreader = cmd.ExecuteReader

While dtreader.Read = True

cbobrg.Items.Add(dtreader.Item("kodeb"))

End While

End Sub

‘Saat Cbobrg di klik maka akan tampil data barang

Private Sub cbobrg_SelectedIndexChanged(ByVal sender As System.Object,

ByVal e As System.EventArgs) Handles cbobrg.SelectedIndexChanged

sql = "select * from tbarang where kodeb='" & cbobrg.Text & "'"

cmd = New OdbcCommand(sql, conn)

dtreader = cmd.ExecuteReader

If dtreader.Read Then

txtnamabrg.Text = dtreader.Item("nama") txtharga.Text =

dtreader.Item("harga")

cbokodes.Focus()

Else

MsgBox("Maaf Data Tidak Ada", MsgBoxStyle.Information, "info")

End If

End Sub

Page 23: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 21

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

‘Saat Cbokodes di klik maka akan tampil data supplier

Private Sub cbokodes_SelectedIndexChanged(ByVal sender As

System.Object, ByVal e As System.EventArgs) Handles

cbokodes.SelectedIndexChanged

sql = "select * from supplier where kodes='" & cbokodes.Text &

"'"

cmd = New OdbcCommand(sql, conn)

dtreader = cmd.ExecuteReader

If dtreader.Read Then

txtnamas.Text = dtreader.Item("namas")

txtnohp.Text = dtreader.Item("hp")

End If

txtjumb.Focus()

End Sub

‘txtjumb saat di tekan enter

Private Sub txtjumb_KeyPress(ByVal sender As Object, ByVal e As

System.Windows.Forms.KeyPressEventArgs) Handles txtjumb.KeyPress

If e.KeyChar = Chr(13) Then

txtdisc.Focus()

End If

End Sub

‘Saat di enter pada txtdisc

Private Sub txtdisc_TextChanged(ByVal sender As System.Object, ByVal e

As System.EventArgs) Handles txtdisc.TextChanged

disc = ((Val(txtdisc.Text) / 100) * Val(txtjumb.Text) *

Val(txtharga.Text))

total = (Val(txtharga.Text) * Val(txtjumb.Text) - disc)

lbltotal.Text = Format(total, "#,#")

End Sub

Page 24: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 22

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

‘Procedure bersih formulir

Sub bersih()

txtnofak.Clear()

cbobrg.Text = ""

txtnamabrg.Text = ""

txtharga.Text = ""

cbokodes.Text = ""

txtnamas.Text = ""

txtnohp.Text = ""

txtjumb.Text = ""

txtdisc.Text = ""

lbltotal.Text = ""

End Sub

‘Menyimpan Data

Private Sub cmdsave_Click(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles cmdsave.Click

pesan = MsgBox("Yakin Data di Simpan ?", MsgBoxStyle.YesNo,

"Save Data")

If pesan = vbYes Then

sql = "insert into beli(nofak,tgl,kodeb,kodes,jumb,disc)

values('" & txtnofak.Text & "','" & Format(tgl.Value, "yyyy-

MM-dd") & "','" & cbobrg.Text & "','" & cbokodes.Text & "','"

& Val(txtjumb.Text) & "','" & Val(txtdisc.Text) & "')"

cmd = New OdbcCommand(sql, conn)

cmd.ExecuteNonQuery()

MsgBox("Data Telah Tersimpan",MsgBoxStyle.OkOnly, "Save")

tampil_beli()

bersih()

Else

MsgBox("Terjadi Kesalahan", MsgBoxStyle.OkOnly,

"Info")

End If

End Sub

Page 25: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 23

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

‘saat terjadi perubahan pada txtjumb atau mengetik di jumlah beli

Private Sub txtjumb_TextChanged(ByVal sender As System.Object, ByVal e

As System.EventArgs) Handles txtjumb.TextChanged

disc = ((Val(txtdisc.Text) / 100) * Val(txtjumb.Text) *

Val(txtharga.Text))

total = (Val(txtharga.Text) * Val(txtjumb.Text) - disc)

lbltotal.Text = Format(total, "#,#")

End Sub

‘Mencari Data saat klik tombol Find

Private Sub cmdfind_Click(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles cmdfind.Click

sql = "select * from beli where nofak='" & Trim(crnofak.Text) & "'

and kodeb='" & Trim(crkodebrg.Text) & "'"

cmd = New OdbcCommand(sql, conn)

dtreader = cmd.ExecuteReader

If dtreader.Read Then

txtnofak.Text = dtreader.Item("nofak")

tgl.Value = Format(CDate(dtreader.Item("tgl")), "dd-MMMM-

yyyy")

cbobrg.Text = dtreader.Item("kodeb")

cbokodes.Text = dtreader.Item("kodes")

txtjumb.Text = dtreader.Item("jumb")

txtdisc.Text = dtreader.Item("disc")

Else

MsgBox("Maaf Data Tidak Ada....!",

MsgBoxStyle.Information, "Data Tidak Ada")

crnofak.Clear()

crkodebrg.Clear()

crnofak.Focus()

End If

End Sub

Page 26: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 24

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

‘Memulai pengisian data

Private Sub cmdadd_Click(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles cmdadd.Click

bersih()

txtnofak.Focus()

End Sub

‘Tombol Keluar

Private Sub cmdexit_Click(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles cmdexit.Click

Me.Close()

End Sub

End Class

Page 27: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 25

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Latihan Aplikasi relasi Database:

Bangunlah sebuah aplikasi yang melibatkan relasi antar beberapa file

minimal 3 file untuk kasus yang berbeda pada masing-masing kelompok

Page 28: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 26

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Crystal Report

Crystal Report merupakan program untuk membuat laporan. Salah satu

kelebihan Vb.Net 2008 adalah tersedianya crystal report yang langsung

terintegrasi dengan VB.Net sehingga mempermudah kita dalam bekerja. Adapun

Langkah – langkah yang harus di persiapkan dalam membuat laporan pada

VB.Net ini adalah sebagai berikut :

1. Klik Kanan Project – Add windows Form – maka akan tampil kotak dialog

Add New Item

2. Pada kotak dialog Add New Item pilih pada Categories – Reporting, pada

templates pilih Cristal Report – isikan Name : ex : Lapbarang – Klik Add,

seperti terlihat pada gambar dibawah ini :

Gambar Add Crystal Report

Page 29: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 27

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

3. Maka akan Kotak Dialog Crystal Report Galery – As a Blank Report – Ok

maka akan tampil gambar berikut ini :

Gambar Crystal Reports Gallery

4. Maka akan tampil

Gambar Tampilan Crystal Report

Page 30: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 28

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

5. Klik kanan pada Database Fields – pilih Database Expert maka akan tampil

gambar berikut ini :

Gambar pilihan Database Fields

6. Maka akan tampil kotak dialog Database Expert – Create New

Connection, karena kita menggunakan system ODBC maka double click

ODBC (RDO) maka akan tampil kotak dialog ODBC (RDO) berikut ini :

Gambar ODBC (RDO)

Page 31: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 29

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

7. Pilih Data Source Name yang pernah kita buat ex : mydbbrg – pilih Next

sehingga akan tampil kotak dialog berikut ini :

Gambar Pemilihan Tabel

8. Pilih tabel yang akan kita disain laporannya ex : tbarang – OK sehingga

akan tampil seperti gambar berikut ini :

Gambar Tampilan

Crystal Report dengan Database

Akan tampil tabel

tbarang

Beserta fields

Page 32: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 30

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

9. Kita dapat mendisain laporan pada daerah

Report Header untuk Judul Laporan

Page Header untuk Judul Halaman atau judul dari field kita

Untuk mengisi judul klik kanan pada masing-masing area report pilih

insert

Detail untuk meletakan field dari tabel kita atau isi dari laporan kita

Contoh dapat kita lihat pada gambar berikut ini :

Gambar Main Report

10. Untuk melihat hasil dari tampilan klik Main Report Preview, seperti

gambar berikut ini :

Page 33: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 31

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Gambar Main Report Preview

11. Untuk memberi Nilai Total Harga bisa dilakukan dengan cara, klik kanan

Running Total Field –klik New

Gambar Running Total Field

12. Maka akan tampil kotak dialog seperti dibawah lalu pilih Field yang akan

di proses ex : tbarang.harga lalu klik tombol “>” sehingga field pindah ke

Page 34: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 32

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Field Summary - Tentukan Name ex : TotalHarga -Tentukan Type

Summary - OK

Gambar Create Running Total Field

13. Letakan TotalHarga tadi pada daerah Section4 (Report Footer)

Gambar Design dengan Total Harga

Page 35: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 33

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

14. Format tampilan sesuai keinginan kita dengan klik kanan Field – Format

Object, sehingga akan tampil gambar sebagai berikut :

Gambar Tampilan Report dengan Total Harga

Page 36: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 34

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Latihan Crystal Report

Designlah Laporan Supplier

Dengan tampilan sebagai berikut :

Laporan Data Supplier

No Urut

Kode Suplier

Nama Suplier

Nomor Hp.

Page 37: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 35

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Crystal Report dengan Parameter

Membuat Laporan berdasarkan parameter tertentu pada crystal report dapat

dilakukan dengan mengikuti tahap seperti berikut ini :

1. Ikuti langkah 1 – 9 dari tahap pembuatan crystal report diatas

2. Lalu beri nilai pada parameter fields dengan cara (Klik kanan Parameter

Fields – New), sebagaimana terlihat pada gambar berikut ini:

Gambar Parameter Fields

3. Maka akan tampil kotak dialog sebagai berikut :

Gambar Create Parameter Field

Page 38: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 36

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Pada kotak dialog isikan Name : ex kode

Pilih Value Type : sesuai type data ex: String

Lalu klik OK

4. Maka akan keluar tampilan sebagai berikut:

Gambar Parameter kode

5. Tentukan Field yang akan menjadi selection atau parameter dengan cara

(Klik kanan Formula Fields – New) maka akan tampil kotak dialog sebagai

berikut :

Gambar Formula Name

Isikan Name : ex kodebrg

Page 39: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 37

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Lalu Klik Use Expert

6. Maka akan tampil kotak dialog sebagai berikut :

Gambar Formula Workshop – Group Selection Formula Editor

Pada kotak dialog diatas pilih Selection Formula – Group Selection

Isikan koding seperti contoh diatas yaitu : {tbarang.kodeb}={?kode} yang

berarti Laporan akan berdasarkan parameter kode yang diambil dari

tbarang

7. Save Laporan ex Lapbarangperkode.rpt

8. Ikuti langkah pada pembahasan berikut Form dengan Laporan

Berdasarkan Parameter

Page 40: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 38

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Latihan Crystal Report dengan Parameter :

Bangunlah sebuah Laporan Pembelian Barang dari kasus diatas dengan

parameter No.Faktur pada Crystal Report

Design Tampilan sebagai berikut :

Laporan Data Pembelian

“Tiang Alam.com

No. Faktur :

Tgl Transaksi :

Nama Suplier :

No Urut

Kode Barang

Jumlah Beli

Harga Discon Total Harga

Total Pembelian

Page 41: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 39

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Menghubungkan Form

dengan Crystal Report

Crystal Report yang telah kita design tadi, dapat ditempatkan pada form VB kita

dengan cara sebagai berikut :

1. Tambahkan Form baru dengan cara ( Klik kanan pada Solution Explorer –

Add – Windows Form) seperti terlihat pada gambar berikut ini :

Gambar Menambah Form

Lalu akan tampil kotak dialog sebagai berikut :

Page 42: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 40

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Gambar Add New Item

Isikan Name Form pada Name ex : frmlapbarang lalu klik Add

2. Tambahkan dari toolbox CrystalReportViewer ke Form frmlapbarang,

CrystalReporViewer berguna untuk koneksi form dengan crystal report.

Gambar Toolbox CrystalReportViewer

Page 43: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 41

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

3. Atur Properties

Report Source : Pilih file crytal report yang telah di buat ex : Lapbarang

Sehingga akan keluar tampilan sebagai berikut :

Gambar Crystal Report Viewer setelah terkoneksi Report Source

Maka saat di running maka akan keluar tampilan Laporan Barang dengan

tampilan sebagai berikut :

Gambar Laporan Data Barang

Page 44: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 42

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Membuat Menu Bar / MenuStrip

Untuk membuat MenuStrip atau yang lebih dikenal dengan Menu Bar dapat kita

lakukan dengan langkah-langkah seperti berikut ini:

1. Tambahkan Form untuk menu (Pilih Project - Add Window Form)

Save form dengan nama ex : frmmenu, klik Form frmmenu atur

properties :

Name frmmenu

BackgroundImage Pilih gambar background

Text Aplikasi Penjualan "Tiang

Alam.Com"

WindowState Maximized

2. Pilih MenuStrip pada Toolbox aktifkan pada Frmmenu

3. Klik langsung pada Type Here yang disediakan, ketik menu yang kita

inginkan ex: “&Entry” atau bisa juga pada menu properties Text

Seperti terdapat pada gambar dibawah ini :

Page 45: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 43

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Gambar Entry MenuStrip

Isikan Semua data menu yang kita inginkan untuk aplikasi kasus diatas

pada Type Here.

Kita dapat menambah shorcut untuk menu pilihan dengan cara

menambahkan “&” diawal ketikan kita ex : “&Entry” berarti untuk

menjalankan entry kita bisa menekan tombol “ALT E”

Untuk mengisi koding supaya menu kita menampilkan apa form yang kita

inginkan caranya:

Masuk ke Frmmenu design

Double klik menu type yang diinginkan seperti gambar berikut :

Page 46: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 44

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Gambar Mengisi Koding pada Menu Utama

Isikan koding yang diinginkan ex seperti berikut ini:

Private Sub BarangToolStripMenuItem_Click(ByVal sender As

System.Object, ByVal e As System.EventArgs) Handles

BarangToolStripMenuItem.Click

frmbrg.Show()

End Sub

Double Klik Barang

Page 47: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 45

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Maka kita akan memperoleh Menu Utama seperti gambar dibawah ini:

Tampilan Menu Utama waktu di Jalankan

Gambar Menu Utama

Page 48: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 46

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Koding Form Menu Dengan

Laporan Parameter

Untuk menampilkan form dengan laporan berdasarkan parameter tertertentu

atau laporan berdasarkan suatu field, disini kita contohkan laporan berdasarkan

parameter kode barang. Adapun Langkah-lahkahnya dapat kita lalukan dengan

langkah berikut ini :

1. Langkah 1- 3 pada “menghubungkan Form dengan Crystal Report”

Misalkan form tsb disave dengan nama: frmlapbarangkode.vb

2. Masuk ke Form Menu kita.

3. Double Click Barang Per Kode

Gambar Menu Barang PerKode

Isikan Koding sebagai berikut :

Page 49: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 47

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Private Sub

BarangPerKodeToolStripMenuItem_Click(ByVal sender

As System.Object, ByVal e As System.EventArgs)

Handles BarangPerKodeToolStripMenuItem.Click

frmlapbarangkode.Lapbarangperkode1.SetParameterVal

ue("kode", InputBox("Masukkan Kode Barang", ""))

frmlapbarangkode.Show

frmlapbarangkode.WindowState =

FormWindowState.Maximized

End Sub

Maka Saat dirunning akan keluar tampilan sebagai berikut :

Gambar Input Box Parameter

Setelah di isikan Kode Barang maka klik Ok, sehingga akan tampil Laporan

Berdasarkan Kode Barang yaitu dengan kode 1234 saja. Tampilannya dapat

kita lihat pada gambar berikut :

Gambar Laporan Berdasarkan Parameter Kode Barang

Page 50: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 48

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Membuat Toolbar / ToolStrip

ToolStrip atau yang lebih dikenal dengan Toolbar dapat kita ciptakan pada

VB.Net dengan langkah-langkah seperti dibawah ini:

1. Aktifkan Form Menu anda

2. Pilih ToolStrip pada Toolbox sehingga tampil di bawah form menu

Sehingga akan tampil seperti gambar berikut ini:

Gambar ToolStrip Aktif

3. Klik kanan Gambar ToolStrip pilih untuk menambah item Toolbar, kita

bisa menambah set image, label, insert (button,label...) dan pengaturan

lainnya.

Gambar ToolStrip

Aktif

Page 51: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 49

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Gambar Memilih Jenis Icon

4. Untuk pengaturan Icon yang dipilih pada toolbox atur pada properties

5. Untuk memberikan koding guna menampilkan form pada masing-masing

icon caranya :

Double klik icon yang akan diberi koding

Lalu ketikan koding, seperti berikut ini :

Private Sub ToolStripButton1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ToolStripButton1.Click frmbrg.Show() 'menampilkan form barang End Sub

Maka saat di Form Menu dijalankan dan diklik Icon Pertama yang

berupa Button1 maka akan tampil form Barang. Hal ini dapat kita

lihat pada gambar berikut ini :

Page 52: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 50

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Gambar Icon Toolbar saat di Klik

Page 53: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 51

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Latihan Menu Bar dan Toolbar

Designlah Menu Bar dan Toolbar untuk Aplikasi

Pembelian Barang pada kasus diatas lengkap

dengan kodingnya

Page 54: Efmi modul vb net Pembahasan kasus Penjualan dengan VB.Net

VB.Net 52

Efmi Maiyana, S.Kom., M.Kom | Amik Boekittinggi

Riwayat Penulis

Efmi Maiyana, S.Kom., M.Kom adalah staf pengajar

pada AMIK Bukittinggi dan STAIN Bukittinggi.

Menyelesaikan S1 Sistem Informasi dan S2 Magister

Komputer di UPI – YPTK Padang. Penulis sangat

tertarik pada bahasa pemograman dan sangat tertarik

sharing dalam hal pemanfaatan bahasa pemograman ini.

Penulis dapat dihubungi melalui [email protected] dan kita juga bisa

berbagi pada web site penulis www.efmimaiyana.com untuk Sharing dan Forum

Komunikasi