1

BAB I
KONSEP DASAR SISTEM INFORMASI
1.1 Pengertian Sistem Informasi
Sistem informasi adalah Suatu system yang mendukung fungsi operasi organisasi
dengan kegiatan strategi untuk dapat menyediakan informasi yang diperlukan untuk
pengambilan keputusan.
Sistem ini menyimpan, mengambil, mengubah, meneglola, dan mengkomunikasikan
informasi yang diterima menggunakan system informasi.
Fungsi dari system informasi tersebut adalah sebagai berikut :
1.Mendukung fungsi kepengurusan suatu organisasi.
2.Mendukung pengambilan keputusan.
3.Mendukung kegiatan oprasional suatu organisasi.

1.2 Analisis System

1.2.1 Flowchart (Bagan arus)
Bagan alir system (Flowchart) adalah bagan-bagan yang mempunyai arus dan
mengggambarkan langkah-langkah penyelesaian suatu masalah. Adapun tujuan memakai
bagan alir system (Flowchart) yaitu :
1.Memggambarkan suatu tahapan penyelesain masalah.
2.Secara sederhana, terurai, rapid an jelas.
3.Menggunakan symbol-simbol standart.
Macam-macam symbol-simbol Flowchart :
FLOW DIRECTION SYMBOLS
No

Symbol

Keterangan

Symbol arus / flow adalah menyakan jalan suatu proses.

Simbol connector menyatakan sambungan dari proses

lainnya dalam halaman yang sama.

Symbol connector menyatakan sambangan dari proses ke

proses lainnya dalam halaman yang sama.

Symbol offline connector menyatakan sambangan dari

proses ke proses lainnya dalam halaman berbeda.

PROCESSING SYMBOLS
No

Symbol

Keterangan
Symbol proses mnenyatakan suatu tindakan(proses)

Yang dilakukan oleh computer.

Symbol manual menyatakan suatu tindakan(proses)

Yang tidak dillakukan oleh computer.

Symbol decision menunjukan suatu kondisi tertentu

Yang akan menghasilkan dua kemungkinan jawaban:

Ya atau tidak.

Symbol predefined proses menyatakan penyediaan

tempat penyimpanan suatu pengolahan untuk

memberikan harga awal.

Symbol terminal menyatakan permulaan atau akhir

5.

suatu program.

Symbol keygen operation menyatakan segel jenis

operasi yang diproses dengan menggunakan suatu

mesin yang mempunyai keyboard.

Simbol offline-storage menunjukkan bahwa data

dalam symbol ini akan disimpan ke suatu media

tertentu.

Symbol manual input memasukkan data secara

manual dengan menggunakan online keyboard.

INPUT / OUTPUT SYMBOLS

No

Symbol

Keterangan
Symbol input / output menyatakan proses input atau

output tanpa tergantung jenis peralatannya.

Symbol punched card menyatakan input berasal dari

kartu atau output.

Symbol magnetic tape menyatakan input berasal dari

pite megneyic atau output dismpan ke pita magnetis.

Symbol disk storage menyatakan input berasal dari

disk atau putput disimpan ke disk.

Symbol document mencetak keluaran dalam bentuk

dokumen (melaluli printer).

Symbol display mencetak keluaran dalam layar

monitor.

1.2.2 Standart Operating Procedures

Standart oprating procedure merupakan serangkaian tatacara dtau tahapan proses kerja
tertentu.
Komponen-komponen pada Standart oprating procedure yaitu :
1.Deskripsi

: Memberiakan keterangan tentang proses apa yang diuraikan.

2.Tujuan

: Untuk kepentingan apa SOP tersebut dibuat.

3.Pihak-pihak yang terkait : Menjelaskan siapa saja pelaku yang terkait didalam SOP yang
dibuat.
4.Lampiran

: digunakan untuk semua hal yang berhubungan dengan SOP

misalnya : Formulir, Lporan

5.Penelasan prosedur kerja : Penjelasan dapat dituangkan dalam beberapa bentuk chart atau
gambar, narasi, istruksi kerja sederhana. Hal ini bertujuan agar
mengakomodasi semua kebutuhan pembaca SOP tersebut.
6.Diagram alur

: Bagian yang menjelaskan secara rinci langkah-langkah dari

proses program.

Contoh SOP (berdasarkan aplikasi yang anda buat).

1.JUDUL

: sistem

informasi penjualan pada minimarket.

2.DESKRIPSI

: prosedur

system informasi tersebut menguraikan tentang

bagaimana system tersebut bekerja mulai dari pendataan

profil kasir, supplier, barang hingga proses perhitungan
dalam transaksinya.
3.PIHAK YANG TERKAIT

pembeli, Kasir, Admin, Suplier.

4.DOKUMEN YANG DIGUNAKAN : formulir pendaftaran

5.DOKUMEN YANG DIHASILKAN : laporan penjualan / transaksi dan nota pembelian
6.PROSEDUR KERJA
a.Porses SOP pertama antara admin dan kasir :
-Mulai
-Mengambil formulir biodata kasir
-Mengisi formulir tersebut
-Menyerahkan formulir biodata kasir pada admin
-Admin menginputkan biodata kasir menyertakan username dan password
-Admin menyerahkan username dan password pada kasir (tanda bukti hak akses kasir)

b.Porses SOP kedua antara pembeli dan kasir :

-Pembeli memilih barang
-Pembeli menyerahkan barang pada kasir.
-Kasir menerima barang yang akan dibeli oleh pembeli.
-Proses transaksi jual barang dan pembuatan nota pembelian barang
-Kasir menyerahkan barang berikut nota pembelian kepada pembeli.
-Selesai.

6.BAGAN ARUS
Kasir

START

Mengambil
formulir biodata
diri

Mengisi formulir
biodata tsb

Admin

Pembeli

Menerima slip
awal biodata
kasir

Memilih
barang

Masuk aplikasi
penjualan logi sebagai
admin

Data barang beli

oleh pembeli

Input biodata kasir

berdasarkan slip

Data kasir
Slip biodata
kasir
Username
dan password

Menerima username
dan password dari
admin

Username dan
password kasir
*nama

Menerima
barang yang
dibeli

Input harga barang

Proses transaksi hitung

total harga barang

Menerima nota
pembelian dan
barang beli

Total bayar /
nominal uang

AND
Nota
pembelian

Data penjualan

1.3 DFD
DFD adalah suatu grafik yang menjelaskan sebuah system dengan mengunakan
bentuk - bentuk atau symbol untuk menggambarkan aliran data dari proses-proses yang
saling berhubungan.

1.4 Notasi DFD

a. Terminator atau Entity
Terminator atau Entity mewakili entitas eksternal yang berkomunikasi dengan
system yang sedang dikembangkan. Terminator dapat berupa orang, sekelompok orang,
organisasi, departemen di dalam organisasi, atau perusahaan yang sama tetapi di luar
kendali system yang sedang di buat modelnya. Terminator dapat juga berupa departemen,
divisi atau system diluar system yang berkomunikasi dengan system yang sedang dibuat
modelnya, dan biasanya menggunakan kata benda, misalnya bagian Penjualan, Dosen,
Mahasiswa.

Gambar dari symbol entitas eksternal / terminator.

b. Proses
Merupakan kegiatan atau pekerjaan yang akan dilakukan oleh orang atau mesin
computer, dimana aliran data masuk, ditransformasikan ke aliran data keluar.

Gambar dari symbol entitas atau proses.

c. Data Srote
Data store ini biasanya berkaitan dengan penyimpanan-penyimpanan, seperti file
atau database yang berkaitan dengan penyimpanan secara komputerisasi, misalnya file
disket, file harddisk , file pita magnetic. Data store juga berkaitan dengan penyimpanan
secara manual seperti buku alamat,file folder, dan agenda. Data store diberi nama sesuai
dengan nama file penyimpanannya misalnya mahasiswa, matakuliah, dosen, dataregistrasi,
dll.

Gambar dari symbol dan store atau penyimpanan data.

d. Alur Data
Suatu data flow / alur data digambarkan dengan anak panah, yang menunjukkan
arah menuju ke dan keluar dari suatu proses. Alur data ini digunakan untuk menerangkan
perpindahan data atau paket data / informasi dari satu bagian lainnya.

Gambar dari symbol alur atau aliran data.

1.3.1 DFD Level 0 (Berdasarkan aplikasi yang dibuat)

Data biodata awal kasir, suplier

form biodata, barang, transaksi jual

Kasir

Admin
Nota pem barang, data barang
, username & passwordbeli
Nota pembelian barang

0.1
SI Penjualan
Minimarket

Form barang beli

Form biodata kasir, suplier

Bukti supply barang

Form biodata sup, nota barang

Pembeli

Suplier
Laporan penjualan

Pemilik

10

1.3.2 DFD Level 1 (Berdasarkan aplikasi yang dibuat)

Form biodata kasir

Data awal biodata kasir

Kasir

Admin
Data username
& pass

1.1
Pendataan
Kasir

Nota pem nbarang

Data kasir

Data suplier
Data awal biodata suplier

1.2
Pendataan
Suplier

Dt_ kasir

Data barang
TB_kasir
Dt_ suplier
Form biodata
suplier

1.3
Pendataan
Barang

Data barang beli

TB_suplier
Bukti supply barang

Suplier
Dt_ penjualan
TB_barang
Data barang
Data transaksi
jual

Data_ kasir

TB_penjualan

1.4
Transaksi
jual barang

Data
keseluruhan
penjualan

Dt_ penjualan

1.5
Rekap
laporan

Nota pembelian barang

Pembeli

Laporan penjualan

Form barang beli

Pemilik

Gambar 1.1 Tampilan Design DFD level 1.

11

1.3.2 DFD Level 2 (Berdasarkan aplikasi yang dibuat)

Form biodata
kasir

Kasir

2.1.1
Pengisian
biodata
kasir

Form formulir

Data awal biodata kasir

TB_kasir

Admin

Data awal
biodata kasir

2.2.1
Input
biodata
kasir KOM

DT_kasir

Username dan password

Gambar 1.2 Tampilan Design DFD Level 2 bagian Pendataan Kasir.

Form barang beli

2.4.1
Pilih
barang

Pembeli

TB_kasir

Data barang beli

DT_kasir

Kasir

Data barang
beli

Nota pembelian barang

2.4.2
Proses
transaksi
hitung TOT

2.4.3
Pembuatan
nota dan
penyerahan
barang

TB_penjualan

DT_penjualan

Gambar 1.3 Tampilan Design DFD Level 2 bagian Penjualan.

12

BAB II
PENGENALAN VISUAL STUDIO 2008
2.1 IDE(Integreted Development Environment) Visual Basic 2008
Untuk Menjalankan Visual Studio 2008 pastikan Komputer sudah terinstall
Program tersebut. Pada waktu Visual Studio 2008 dijalankan, tampil pertama adalah
sebuah jendela start page seperti Gambar 2.1.

Gambar 2.1 Start Page Visual Studio 2008.

2.1.1 Membuat Project Baru

Project Adalah Kumpulan dari Beberapa File (Form, Report, File, Module, dll)
dengan berbagai aturan-aturan yang sesuai dan berlaku terhadap project tersebut.
Untuk Membuat Project baru dapat dilakukan dengan cara :

Pilih Menu File - New Project Pada Menu Bar.

Klik Icon (

Dengan menggunakan Kombinasi Tombol Yakni Tombol Ctrl + Shift + N

) Yang terdapat di bawah Menu File pada Menu Bar.

13

Pada saat bersamaan.

Gambar 2.2 Membuat Project baru Melalui Menu bar.

Setelah itu akan Muncul sebuah Jendela Dialog Seperti gambar di bawah ini :

Gambar 2.3 Jendela Pilihan Pembuatan Project Baru.

Setelah itu kita akan melihat sebuah lembar kerja (Tempat membuat Aplikasi)
Seperti gambar di bawah ini :

14

Menu Bar

ToolBar
Solution Explorer
Form

Toolbox

ErrorList

ObjectPropertis

Gambar 2.4 Lembar Kerja (Tempat Membuat Aplikasi).

Menu Bar
Bagian dari IDE yang terdiri dari perintah-perintah untuk mengatur IDE
,mengedit kode, dan mengeksekusi program.

ToolBar
Tombol-tombol Icon Yang berfungsi mewakili suatu perintah yang berada
pada Menu bar.

ToolBox
Jendela yang mengandung semua Object atau Control yang dapat di
tempelkan dan dibutuhkan untuk membentuk suatu program.

Project(Solution) Explorer
Jendela yang memberikan tampilan dari proyek yang sedang di buat :
Contoh Form, Module, Class, Report, dll.

View Designer
Daerah kerja utama untuk Mendesign program-program Aplikasi.

Code Editor
Tempat untuk meletakkan kode program dari sebuah aplikasi.

15

Project (Object) Properties

Tempat menyimpan, mengatur, mengubah property dari setiap objek
Control dan komponen.

Form
Tempat Control-kontrol diletakkan dengan fungsi tempat pembuatan design
dari aplikasi windows.

2.2 Mejalankan Aplikasi (PLAY)

Aplikasi yang kita buat dapat dijalankan dengan beberapa cara, Sebagai Berikut :
Pilih menu Debug Start Debuging pada Menu Bar.
Anda bias menekan tombol F5 pada Keyboard Anda.
Menekan tombol (

) pada ToolBar.

Gambar 2.5 Menjalankan (Start debugging) Aplikasi Melalui Menu Bar.

2.3 Menghentikan Aplikasi (STOP)

Untuk menghentikan proses debug aplikasi dapat dilakukan dengan cara :
Pilih menu Debug Stop debugging pada Menu Bar.
Dapat Menekan Kombinasi Tombol (Ctrl+ Alt + F5).
Tekan tombol close saat project sedang berlangsung.

16

Gambar 2.6 Stop debugging Melalui Menu Bar.

2.4 Menambah Atau Menyisipkan Form / File Baru

Menambahkan File (Form, Modul, dll) Caranya sebagai berikut :
Klik Icon (

) Pada ToolBar.

Pilih Menu Project Add New item pada Menu Bar.

Gambar2.7Add New Item Melalui Menu Bar.

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.

17

Gambar 2.8 Pilihan Item Yang Akan Disisipkan Kedalam Form.

Setelah Berhasil Menambahkan / Menyisipkan File Makapada Windows Solution Akan

Tampak Seperti Gambar 2.9 dan akan tampak bertambah form baru.

Gambar 2.9 Solution Explorer Setelah Penambahan File.

2.5 Komponen-Komponen Dalam Membuat Aplkasi

Label
Control (Object) yang digunakan untuk menampilkan Text yang tidak dapat diperbaiki
oleh User, Tampilan icon :
18

TextBox
Control Yang mengandung String yang dapat diperbaiki oleh pemakai, dapat berupa
satu baris tunggal, atau banyak baris, Tampilan icon :

Button
Control yang digunakan untuk menjalankan / menjadi Trigger Event proses tertentu
ketika pemakai melakukan klik padanya, Tampilan icon :

ComboBox
Control yang idealnya mengandung beberapa item, dan user dapat memilih 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, Tampilan icon :

ListBox
Control yang didalamnya mengandung sejumlah item, dan user dapat memilih lebih
dari satu item yang terdapat didalamnya, Tampilan icon :

RadioButton
Control Yang digunakan untuk memilih satu dari berbagai pilihan (Hanya dapat
memilih 1 buah Radio Button yang ada di dalam Group Box), Tampilan icon :

19

CheckBox
Control yang digunakan untuk memilih lebih dari satu pilihan, Tampilan icon :

Timer
Digunakanuntuk proses background yang diaktifkan berdasarkan interval waktu
tertentu. Merupakan Control Non Visual, Tampilan icon :

DateTimePicker
Digunakan untuk menampilkan / menset Tanggal pada suatu Form, Tampilan icon :

PictureBox
Digunakan untuk menampilkan / memanipulasi gambar, Tampilan icon :

2.6 Pengenalan Pembuatan Project

2.6.1 Event Onchange dan Onclick
Buatlah desain project seperti di bawah ini :

Gambar 2.10 Design Form Sederhana.

Kemudian pada tombol OK di klik ganda hingga tampil jendela Code Editor apabila
di klik ganda pada tombol maka akan memberikan event onclick pada button
kemudian ketikan perintah berikut ini:

20

Label1.Text = TextBox1.Text

Kemudian pada text box yang kedua klik ganda sehingga tampil code editor apabila
textbox yang di klik ganda maka event yang di buat adalah onchange ketikan
perintah berikut ini :
Label1.Text = TextBox2.Text

2.6.2 Test Dengan Radio Button

Radio button mempunyai fungsi sama dengan Checkbox yaitu menampilkan daftar
pilihan, hanya saja pada radio button kita hanya bisa memilih satu. Biasanya
penggunaan nya untuk bahan survey.
Object Name

Properties

Values

Form1

Text

Edukative Games.Net

Label1

Text

Survey Game edukatif favorite

Groupbox1

Text

Mana Game edukasi favorite anda ?

Radiobutton1

Text

Raka Dressing Game

Radiobutton2

Text

Raka Activity Book

Radiobutton3

Text

Raka Create a Hero

Label2

Text

Game Pilihanandaadalah :

Label3

Text

<nama game>

Button1

Text

Submit

Sehingga design akan tampak seperti tampilan berikut ini :

21

Gambar 2.11 Design Form Surey Game ET.

Klik ganda pada button1 (Submit) dan masukkan kode berikut :

PrivateSub Button1_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles Button1.Click
If (RadioButton1.Checked = True) Then
Label3.Text = RadioButton1.Text
ElseIf (RadioButton2.Checked = True) Then
Label3.Text = RadioButton2.Text
ElseIf (RadioButton3.Checked = True) Then
Label3.Text = RadioButton3.Text
EndIf
EndSub

2.6.3 Test Dengan ComboBox

Buat sebuah combobox pada form seperti tampilan dibawah ini :

Gambar 2.12 Design Form Colors

Untuk mengisi itemnya klik kanan pada combobox kemudian pilih edit item
kemudian masukan item MERAH, HIJAU, BIRU, KUNING kemudian ketikan

22

perintah di bawah ini :

If ComboBox1.Text = "MERAH"Then
Label1.ForeColor = Color.Red
ElseIf ComboBox1.Text = "HIJAU"Then
Label1.ForeColor = Color.Green
ElseIf ComboBox1.Text = "BIRU"Then
Label1.ForeColor = Color.Blue
ElseIf ComboBox1.Text = "KUNING"Then
Label1.ForeColor = Color.Yellow
EndIf

2.6.4 Test Tambah Gambar Pada Form

Pilih menu Picturebox yang ada pada toolbox.

Kemudian pada properties pilih background Image ,setelah muncul tampilan baru
pilih import kemudian pilih gambar lalu tekan OK, pada background image layout
pilih stretch agar gambar full sesuai pictureboxnya.

Gambar 2.13 Setting Untuk Import Background Image.

Kemudian klik kanan pada picturebox kemudian pilih send toback agar
gambar menjadi background.

23

Gambar 2.14 Hasil Dari Import Background Image.

2.6.4 Test Link Ke Halaman Lain

Buat form Buatlah sebuah Button kemudian berinama Form2 seperti gambar
dibawah ini :

Gambar 2.15 Penambahan Button Dengan Nama Form 2.

Kemudian klik ganda pada button yang sudah dibuat tadi ,kemudian ketikan perintah
dibawah ini :
Form2.Show()

24

Setelah itu buatlah sebuah form baru beri nama form 2 (Form baru dalam keadaan
kosong) Perintah ini akan membuka form 2 yang telah di buat sebelumnya sehingga
antara form1 dengan form2 saling berhubungan.

2.6.5 Test Event Onload

Pada form2 klik 2 kali pada form sampai muncul kecode editor dengan begini akan
membuat sebuah event baru yaitu Form2_Load , kemudian ketikan perintah berikut
ini :
MsgBox("Selamat Datang pada Form 2")

Perintah ini akan menampilkan sebuah messagebox sebelum masuk ke dalam form2.

2.6.5 Test Membuat Kalkulaor Sederhana

Berikut adalah table untuk mempersiapkan aplikasi belajar menghitung :
Object Name

Properties

Values

Form1

Text

Belajar Menghitung.Net

Combobox1

Text

Tambah

Item

Tambah
Kurang
Kali
Bagi

Label1

Text

BelajarMenghitung

Label2

Text

Label3

Text

Bilanagnke 1

Label4

Text

Operator

Label5

Text

Bilanganke 2

Label6

Text

Hasil

25

Textbox1

Text

Textbox2
Textbox3
Button1

Text

Hitung

Sehingga hasil dari design form akan terliha tseperti berikut :

Gambar 2.16 Form Tampilan Kalkulator Sederhana.

Kemudian pada tombol Hitung klik ganda dan masukan perintah seperti yang di
bawah ini :
PrivateSub Button1_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles Button1.Click
Dim a, b, c AsInteger
a = TextBox1.Text
b = TextBox2.Text
c = TextBox3.Text
If (ComboBox1.SelectedItem = "Tambah") Then
c = Val(a) + Val(b)
ElseIf (ComboBox1.SelectedItem = "Kurang") Then
c = Val(a) - Val(b)
ElseIf (ComboBox1.SelectedItem = "Bagi") Then
c = Val(a) / Val(b)
ElseIf (ComboBox1.SelectedItem = "Kali") Then
c = Val(a) * Val(b)
EndIf
EndSub

Setelah script di atas sudah diketikan coba anda jalankan dan amati hasilnya.
.

26

BAB III
DESIGN DATABASE DENGAN SQL SERVER 2005
3.1 Software Database
Software database yang digunakan untuk praktikum Sistem informasi tersebut
adalah SQL SERVER 2005 (Melanjutkan dari praktikum di semester ganjil) untuk script
kami pihak instruktur tidak akan membahas ulang karena itu cukup sederhana.

3.2 Struktur Tabel

Dalam pembuatan apalikasi SISTEM INFORMASI PENJUALAN PADA
MINIMARKET berbasis desktop dengan Visual Studio 2008 terdapat 4 buah table yang
meliputi :

Tabel Kasir
Nama Field

Type Data

Length

id

Int (PK)

10

nama

Varchar

50

alamat

Varchar

50

Tgl_lahir

Varchar

50

Jenis_kelamin

Varchar

20

Password

Varchar

50

status

Varchar

20

Type Data

Length

kode_suplier

Int (PK)

10

Nama_suplier

Varchar

50

Tabel Suplier
Nama Field

27

Tabel Barang
Nama Field

Type Data

Length

Kode_suplier

Int (PK)

10

Nama_suplier

Varchar

50

Kode_barang

Varchar(PK)

50

Nama_barang

Varchar

50

Harga_barang

Int

10

stok

Int

10

Tabel Penjualan
Nama Field

Type Data

faktur

Int

10

Tgl_transaksi

Varchar

50

Kode_barang

Varchar

50

Nama_barang

Varchar

50

Harga_barang

Int

10

Jumlah_beli

Int

10

Sub_total

int

10

Nama_kasir

Varchar

50

28

Length

BAB IV
IMPLEMENTASI PROGRAM
4.1 Perintah Koneksi Database
Untuk membuat koneksi vb.net dengan sql server, klik menu project dan pilih add
module seperti gambar berikut :

Gambar 4.1 Tampilan Add Module.

Kemudian tuliskan source code berikut :

Imports System.Data.SqlClient
Module Mod_Koneksi
Public koneksi As SqlClient.SqlConnection = Nothing
PublicSub konek_db()
Dim server AsString
server = "server=nama_server;database=jualan;Integrated
Security=True"
koneksi = New SqlConnection(server)
koneksi.Open()
EndSub
EndModule

4.2 Pembuatan Form Suplier

Form ini digunakan untuk mendata penyuplai barang, tujuannya adalah
memperjelas siapa saja yang menyuplai barang untuk penjualan di form barang.

29

Gambar 4.2 Tampilan Form Suplier.

Object Name

Properties

Values

Label 1

Text

Kode Supplier

Label 2

Text

Nama Supplier

TextBox1

Name

tb_nama_supplier

TextBox2

Name

tb_kode_supplier

ListView1

Name

lv_supplier

FullRowSelect

TRUE

Gridlines

TRUE

View

Details

Untuk menampilkan kolom pada ListView klik kanan pada ListView, kemudian pilih
edit columns Setelah itu , akan masuk ke ColumnHeader Collection Editor. Ada 2 tab,
kanan dan kiri, pada tab kanan akan tampil Members sedangkan yang kanan akan muncul
ColumnHeader Properties.

30

Gambar 4.3 Tampilan ColumnHeader Collection Editor.

Buat dua buah members ColumnHeader dengan cara click add (yang ada pada
bagian bawah list box members), kemudian tiap ColumnHeader yang ada pada list box
member kalian ganti propertiesnya seperti dibawah ini :
Objek
Column Header 1

Column Header 2

Properti

Nilai Properti

Text

Kode Supplier

Width

60

Text

Nama Supplier

Width

180

4.2.1 Menampilkan Isi Databse Suplier Ke Dalam List View

Untuk menampilkan data waktu pertama kali form dijalankan, digunakan event
onload yaitu dengan cara klik 2 kali form kemudian ketikkan perintah di bawah ini :

31

Sub tampil()
TxtKodeSuplier.Clear()
TxtNamaSuplier.Clear()
lv_data.Items.Clear()
konek_db()
Dim data_suplier AsNew SqlClient.SqlCommand("Select * From
tb_suplier")
Dim reader As SqlClient.SqlDataReader
data_suplier.Connection = koneksi
reader = data_suplier.ExecuteReader()
Dim i AsInteger = 0
DoWhile reader.Read
lv_data.Items.Add(reader!kode_suplier)
lv_data.Items(i).SubItems.Add(reader!nama_suplier)
i = i + 1
Loop
EndSub

Setelah membuat sub tampil double klik form supplier dan panggil fungsi sub tampil
dengan menuliskan tampil()agar ketika form dijalankan data supplier ditampilkan.

4.2.2 Menambahkan Script Simpan (SAVE) _Suplier

Double klik button Simpan dan tuliskan source code berikut :
If TxtKodeSuplier.Text = ""Then
MsgBox("Kode Suplier Tidak Boleh Kosong",
MsgBoxStyle.Critical, "Peringatan")
TxtKodeSuplier.Focus()
ElseIf TxtNamaSuplier.Text = ""Then
MsgBox("Nama Suplier Tidak Boleh Kosong",
MsgBoxStyle.Critical, "Peringatan")
TxtNamaSuplier.Focus()
Else
konek_db()
Dim simpan AsNew SqlClient.SqlCommand("Insert Into tb_suplier
values('"& TxtKodeSuplier.Text &"','"& _
TxtNamaSuplier.Text &"')")
simpan.Connection = koneksi
Try
simpan.ExecuteNonQuery()
tampil()
Catch ex As Exception
MsgBox("Tidak Bisa Menyimpan Data",
MsgBoxStyle.Critical, "Peringatan")
EndTry
EndIf

32

4.2.3 Menambahkan Script Edit (UPDATE) _Suplier

Double klik button Edit dan tuliskan source code berikut :
If TxtKodeSuplier.Text = ""Then
MsgBox("Pilih Data Dulu :D", MsgBoxStyle.Critical,
"Peringatan")
Else
konek_db()
Dim edit_data AsNew SqlClient.SqlCommand("Update tb_suplier set
nama_suplier = '"& _
TxtNamaSuplier.Text &"' where kode_suplier = '"& TxtKodeSuplier.Text
&"'")
edit_data.Connection = koneksi
Try
edit_data.ExecuteNonQuery()
tampil()
Catch ex As Exception
MsgBox("Gagal Edit Data", MsgBoxStyle.Critical,
"Peringatan")
EndTry
EndIf

4.2.4 Menambahkan Script Hapus (DELETE) _Suplier

Double klik button Hapus dan tuliskan source code berikut :
If TxtKodeSuplier.Text = ""Then
MsgBox("Masukkan Kode Suplier Dulu",
MsgBoxStyle.Critical, "Peringatan")
TxtKodeSuplier.Focus()
Else
If MessageBox.Show("Apa anda yakin menghapus Data '"& _
TxtKodeSuplier.Text &"'?", " Hapus Data",
MessageBoxButtons.YesNo) = ""& _
Windows.Forms.DialogResult.Yes Then
konek_db()
Dim hapus_data AsNew SqlClient.SqlCommand("Delete From tb_suplier
where kode_suplier = '"& TxtKodeSuplier.Text &"'")
hapus_data.Connection = koneksi
Try
hapus_data.ExecuteNonQuery()
tampil()
Catch ex As Exception
MsgBox("Gagal Hapus Data", MsgBoxStyle.Critical,
"Peringatan")
EndTry
EndIf

4.2.5 Menambahkan Event MouseClick

33

Untuk memberikan event mouseclik pada listview, klik listview kemuidan

klik event atau icon (

) dibagian properties dan double klik MouseClik lalu

tuliskan source code berikut :

TxtKodeSuplier.Text = lv_data.SelectedItems(0).SubItems(0).Text
TxtNamaSuplier.Text = lv_data.SelectedItems(0).SubItems(1).Text

4.3 Pembuatan Form Barang

Form ini digunakan untuk mendata barang-barang yang di suplay dari perusahaan
penyuplai barang, yang berisi nama-nama barang lengkap beserta stok nya.

Gambar 4.4 Tampilan Form Suplier.

Object Name

Properties

Values

Label 1

Text

KODE SUPPLIER

Label 2

Text

NAMA SUPPLIER

Label 3

Text

KODE BARANG

Label 4

Text

NAMA BARANG

Label 5

Text

HARGA BARANG

Label 6

Text

STOK BARANG

ComboBox

Name

KD_SUPPLIER

Text

-Pilih Kode Supplier-

34

Items

( kode misal 1, 2, 3 )

TextBox1

Name

Tb_nama_supplier

TextBox2

Name

Tb_kode_barang

TextBox3

Name

Tb_nama_barang

TextBox4

Name

Tb_harga_barang

TextBox5

Name

Tb_stok

Button 1

Name

btn_simpan

Text

SIMPAN

Name

btn_update

Text

UPDATE

Name

btn_hapus

Text

HAPUS

Name

btn_cari

Text

CARI

Name

btn_reset

Text

RESET

Name

lv_data_barang

FullRowSelect

TRUE

GridLines

TRUE

View

Details

Button 2

Button 3

Button 4

Button 5

ListView1

Untuk menampilkan kolom pada ListView klik kanan pada ListView, kemudian pilih
edit columns Setelah itu, akan masuk ke ColumnHeader Collection Editor. Ada 2 tab, kanan
dan kiri, pada tab kanan akan tampil Members sedangkan yang kanan akan muncul
ColumnHeader Properties.

35

Gambar 4.5 Tampilan ColumnHeader Collection Editor.

Buat enam buah members ColumnHeader dengan cara click add (yang ada pada
bagian bawah list box members), kemudian tiap ColumnHeader yang ada pada list box
member kalian ganti propertiesnya seperti dibawah ini :
Objek
Column Header 1

Column Header 2

Column Header 3

Column Header 4

Column Header 5

Column Header 6

Properti

Nilai Properti

Text

KODE SUPPLIER

Width

60

Text

NAMA SUPPLIER

Width

60

Text

KODE BARANG

Width

60

Text

NAMA BARANG

Width

60

Text

HARGA BARANG

Width

60

Text

STOK BARANG

Width

60

4.2.1 Menampilkan Isi Databse Barang Ke Dalam List View

36

Untuk menampilkan data waktu pertama kali form dijalankan, digunakan event
onload yaitu dengan cara klik 2 kali form kemudian ketikkan perintah di bawah ini :
'Menampilkan Data Dari Database
Sub tampil_data()
txt_kode_suplier.Text = "- Pilih Kode Suplier -"
txt_nama_suplier.Clear()
txt_kode_brg.Clear()
txt_nm_barang.Clear()
txt_harga.Clear()
txt_stok.Clear()
lv_barang.Items.Clear()
txt_kode_brg.Focus()
konek_db()
Dim data As New SqlClient.SqlCommand("Select * From
tb_barang")
Dim reader As SqlClient.SqlDataReader
data.Connection = koneksi
reader = data.ExecuteReader
Dim i As Integer = 0
Do While reader.Read
lv_barang.Items.Add(reader!kode_suplier)
lv_barang.Items(i).SubItems.Add(reader!nama_suplier)
lv_barang.Items(i).SubItems.Add(reader!kode_barang)
lv_barang.Items(i).SubItems.Add(reader!nama_barang)
lv_barang.Items(i).SubItems.Add(reader!harga_barang)
lv_barang.Items(i).SubItems.Add(reader!stok_barang)
i = i + 1
Loop
End Sub

4.2.2 Menambahkan Script Simpan (SAVE) _Barang

Double klik button Simpan dan tuliskan source code berikut :

37

If txt_kode_brg.Text = ""Or txt_nm_barang.Text = ""Or txt_harga.Text

= ""Or txt_stok.Text = ""Then
MsgBox("Data Belum Lengkap", MsgBoxStyle.Critical, "")
Else
konek_db()
Dim simpan_data AsNew SqlClient.SqlCommand("Insert Into tb_barang
values('"&
txt_kode_suplier.Text
&"','"&
txt_nama_suplier.Text
&"','"&
_txt_kode_brg.Text
&"','"&
txt_nm_barang.Text
&"','"&
_txt_harga.Text &"','"& txt_stok.Text &"')")
simpan_data.Connection = koneksi
Try
simpan_data.ExecuteNonQuery()
MsgBox("Data
Telah
di
Simpan",
MsgBoxStyle.Information,
"Information")
tampil_data()
Catch ex As Exception
MsgBox("Failed", MsgBoxStyle.Critical, "Errors")
EndTry
EndIf

4.2.3 Menambahkan Script Edit (UPDATE) _ Barang

Double klik button Edit dan tuliskan source code berikut :
If txt_kode_brg.Text = ""Then
MsgBox("Pilih Data Dulu", MsgBoxStyle.Critical, "")
Else
konek_db()
Dim update_data AsNew SqlClient.SqlCommand("Update tb_barang set
nama_barang='"&
txt_nm_barang.Text
&"',harga_barang='"&
_txt_harga.Text
&"',
stok_barang='"&
txt_stok.Text
&"'
Where
kode_barang='"& txt_kode_brg.Text &"'")
update_data.Connection = koneksi
Try
update_data.ExecuteNonQuery()
MsgBox("Data
Telah
di
Update",
MsgBoxStyle.Information,
"INFORMATION")
tampil_data()
Catch ex As Exception
MsgBox("Failed", MsgBoxStyle.Critical, "Errors")
EndTry
EndIf

4.2.4 Menambahkan Script Hapus (DELETE) _ Barang

Double klik button Hapus dan tuliskan source code berikut :

38

'Hapus Data Dari Database

If txt_kode_brg.Text = ""Then
MsgBox("Pilih Data Dulu", MsgBoxStyle.Critical, "")
Else
konek_db()
If
MessageBox.Show("Apa
anda
yakin
menghapus
Data
'"&
_txt_kode_brg.Text &"'?", " Hapus Data", MessageBoxButtons.YesNo) =
""& _
Windows.Forms.DialogResult.Yes Then
Dim hapus_data AsNew SqlClient.SqlCommand("Delete From tb_barang
Where kode_barang='"& txt_kode_brg.Text &"'")
hapus_data.Connection = koneksi
Try
hapus_data.ExecuteNonQuery()
MsgBox("Data
Sudah
Dihapus",
MsgBoxStyle.Information,
"INFORMATION")
tampil_data()
Catch ex As Exception
MsgBox("Failed", MsgBoxStyle.Critical, "Errors")
EndTry
EndIf
EndIf

4.2.5 Menambahkan Script Cari (SEARCH) _ Barang

Double klik button Cari dan tuliskan source code berikut :
If txt_kode_brg.Text = ""Then
MsgBox("Pilih Data Dulu", MsgBoxStyle.Critical, "")
Else
konek_db()
Dim cari_data AsNew SqlClient.SqlCommand("Select * From tb_barang
Where kode_barang='"& txt_kode_brg.Text &"'")
Dim reader As SqlClient.SqlDataReader
cari_data.Connection = koneksi
reader = cari_data.ExecuteReader
If reader.Read Then
MsgBox("Data Di Temukan", MsgBoxStyle.Information,
"Information")
txt_nm_barang.Text = reader.GetString(1)
txt_harga.Text = reader.GetValue(2)
txt_stok.Text = reader.GetValue(3)
Else
MsgBox("Data
Barang
Dengan
Kode
'"&
txt_kode_brg.Text &"' Tidak Di Temukan", MsgBoxStyle.Information,
"INFORMATION")
txt_kode_brg.Focus()
EndIf
EndIf

39

4.2.6 Menambahkan Kode Suplier di Dalam ComboBox _ Barang

Untuk menampilkan kode supplier didalam combobox txt_kode_suplier double klik
form barang dan tuliskan source code berikut :
Try
Try
konek_db()
Dim reader As SqlClient.SqlDataReader
Dim cmd = New SqlClient.SqlCommand("SELECT kode_suplier From
tb_suplier", koneksi)
reader = cmd.ExecuteReader()
While reader.Read()
txt_kode_suplier.Items.Add(reader("kode_suplier"))
EndWhile
Catch ex As Exception
MessageBox.Show("Koneksi Gagal !!!, karena "& ex.Message)
EndTry
txt_kode_suplier.SelectedIndex = 0
tampil_data()
Catch ex As Exception
EndTry

4.2.7 Menambahkan Event MouseClick

Untuk memberikan event mouseclik pada listview, klik listview kemuidan
klik event atau icon (

) dibagian properties dan double klik MouseClik lalu

tuliskan source code berikut :

txt_kode_suplier.Text = lv_barang.SelectedItems(0).SubItems(0).Text
txt_nama_suplier.Text = lv_barang.SelectedItems(0).SubItems(1).Text
txt_kode_brg.Text = lv_barang.SelectedItems(0).SubItems(2).Text
txt_nm_barang.Text = lv_barang.SelectedItems(0).SubItems(3).Text
txt_harga.Text = lv_barang.SelectedItems(0).SubItems(4).Text
txt_stok.Text = lv_barang.SelectedItems(0).SubItems(5).Text

4.3 Pembuatan Form Kasir (Petugas)

Form ini digunakan untuk mendata Kasir / Petugas. Yang berisi tentang biodata
lengkap karyawan tersebut.

40

Gambar 4.6 Tampilan Form Kasir.

Object Name

Properties

Values

Label 1

Text

ID Petugas

Label 2

Text

Nama

Label 3

Text

Alamat

Label 4

Text

Tanggal Lahir

Label 5

Text

Jenis Kelamin

Label 6

Text

Password

Label 6

Text

Status

DateTimePicker

Name

dp_tanggal

TextBox1

Name

tb_id_kasir

TextBox2

Name

tb_nama

TextBox3

Name

tb_alamat

ComboBox1

Name

cb_jk

Text

-Pilih Jenis Kelamin-

Items

Laki laki

Items

Perempuan

TextBox4

Name

tb_password

ComboBox2

Name

cb_status

Text

-Status-

Items

Admin

Items

Kasir

41

ListView1

Name

lv_kasir

FullRowSelect

TRUE

Gridlines

TRUE

View

Details

Untuk menampilkan kolom pada ListView klik kanan pada ListView, kemudian pilih edit
columns Setelah itu, akan masuk ke ColumnHeader Collection Editor. Ada 2 tab, kanan
dan kiri, pada tab kanan akan tampil Members sedangkan yang kanan akan muncul
ColumnHeader Properties.

Gambar 4.7 Tampilan ColumnHeader Collection Editor.

Buat enam buah members ColumnHeader dengan cara click add (yang ada pada
bagian bawah list box members), kemudian tiap ColumnHeader yang ada pada list box
member kalian ganti propertiesnya seperti dibawah ini :
Objek
Column Header 1

Column Header 2

Column Header 3

Properti

Nilai Properti

Text

ID Kasir

Width

60

Text

Nama

Width

60

Text

Alamat

Width

60
42

Column Header 4

Column Header 5

Column Header 6

Column Header 7

Text

Tanggal Lahir

Width

60

Text

Jenis Kelamin

Width

60

Text

Password

Width

60

Text

Status

Width

60

4.3.1 Menampilkan Isi Databse Kasir Ke Dalam List View

Untuk menampilkan data waktu pertama kali form dijalankan, digunakan event
onload yaitu dengan cara klik 2 kali form kemudian ketikkan perintah di bawah ini :
'Menampilkan Data Dari Database
Sub tampil_data_ptg()
TextBox1.Clear()
TextBox2.Clear()
TextBox4.Clear()
RichTextBox1.Clear()
DateTimePicker1.Value = Today
ComboBox1.Text = "--- Pilih Jenis Kelamin ---"
lv_data_kasir.Items.Clear()
konek_db()
Dim data_kasir AsNew SqlClient.SqlCommand("Select * From tb_user",
koneksi)
Dim reader As SqlClient.SqlDataReader
reader = data_kasir.ExecuteReader
Dim i AsInteger = 0
DoWhile reader.Read
lv_data_kasir.Items.Add(reader!id_ptg)
lv_data_kasir.Items(i).SubItems.Add(reader!nama_ptg)
lv_data_kasir.Items(i).SubItems.Add(reader!alamat)
lv_data_kasir.Items(i).SubItems.Add(reader!tgl_lahir)
lv_data_kasir.Items(i).SubItems.Add(reader!jenis_kelamin)
lv_data_kasir.Items(i).SubItems.Add(reader!password)
lv_data_kasir.Items(i).SubItems.Add(reader!status)
i = i + 1
Loop
EndSub

4.3.2 Menambahkan Script Simpan (SAVE) _Kasir

43

Double klik button Simpan dan tuliskan source code berikut :

'Simpan
konek_db()
Dim simpan AsNew SqlClient.SqlCommand("Insert Into tb_user values
('"& TextBox1.Text &"','"& TextBox2.Text &"','"& _
RichTextBox1.Text
&"','"& DateTimePicker1.Text &"','"& ComboBox1.Text &"','"& _
TextBox4.Text &"','"&
cb_status.Text &"')")
simpan.Connection = koneksi
simpan.ExecuteNonQuery()
tampil_data_ptg()

4.3.3 Menambahkan Script Edit (UPDATE) _ Kasir

Double klik button Edit dan tuliskan source code berikut :
If TextBox1.Text = ""Then
MsgBox("Pilih Data Dulu", "")
Else
konek_db()
Dim update AsNew SqlClient.SqlCommand("Update tb_user set
nama_ptg='"& TextBox2.Text &"', alamat='"& RichTextBox1.Text &"',
tgl_lahir='"& DateTimePicker1.Text &"', jenis_kelamin='"&
ComboBox1.Text &"', password='"& TextBox4.Text &"',status = '"&
cb_status.Text &"'Where id_ptg ='"& TextBox1.Text &"'")
update.Connection = koneksi
update.ExecuteNonQuery()
tampil_data_ptg()
EndIf

4.3.4 Menambahkan Script Hapus (DELETE) _ Kasir

Double klik button Hapus dan tuliskan source code berikut :

44

If TextBox1.Text = ""Then
MsgBox("Pilih Data Dulu", "")
Else
konek_db()
Dim hapus AsNew SqlClient.SqlCommand("Delete From tb_user Where
id_ptg='"& TextBox1.Text &"'")
hapus.Connection = koneksi
hapus.ExecuteNonQuery()
tampil_data_ptg()
EndIf
konek_db()
Dim hapus_data AsNew SqlClient.SqlCommand("Delete From tb_suplier
where kode_suplier = '"& TxtKodeSuplier.Text &"'")
hapus_data.Connection = koneksi
Try
hapus_data.ExecuteNonQuery()
tampil()
Catch ex As Exception
MsgBox("Gagal Hapus Data", MsgBoxStyle.Critical,
"Peringatan")
EndTry
EndIf

4.3.5 Menambahkan Event MouseClick

Untuk memberikan event mouseclik pada listview, klik listview kemuidan
klik event atau icon (

) dibagian properties dan double klik MouseClik lalu

tuliskan source code berikut :

TextBox1.Text = lv_data_kasir.SelectedItems(0).SubItems(0).Text
TextBox2.Text = lv_data_kasir.SelectedItems(0).SubItems(1).Text
RichTextBox1.Text = lv_data_kasir.SelectedItems(0).SubItems(2).Text
DateTimePicker1.Text =
lv_data_kasir.SelectedItems(0).SubItems(3).Text
ComboBox1.Text = lv_data_kasir.SelectedItems(0).SubItems(4).Text
TextBox4.Text = lv_data_kasir.SelectedItems(0).SubItems(5).Text
cb_status.Text = lv_data_kasir.SelectedItems(0).SubItems(6).Text

4.4 Pembuatan Form Penjualan

Form penjualan ini berfungsi untuk melakukan proses transaksi penjualan barang
antara pembeli dan kasir. Berikut tampilan form penjualan :

45

Gambar 4.8 Tampilan Form Penjualan.

Object Name

Properties

Value

Label1

Text

Faktur

Label2

Text

Tanggal Transaksi

Label3

Text

Kode Barang

Label4

Text

Nama Barang

Label5

Text

Harga Barang

Label6

Text

Jumlah Beli

Label7

Text

Sub Total

Label8

Text

Total Item

Label9

Text

Total Harga

Label10

Text

Bayar

Label11

Text

Kembalian

TextBox1

Name

txt_faktur

TextBox2

Name

txt_kode

TextBox3

Name

Txt_nama_brg

TextBox4

Name

Txt_harga

TextBox5

Name

Txt_jml_beli

TextBox6

Name

Txt_subtotal

TextBox7

Name

Txt_item

TextBox8

Name

Txt_total
46

TextBox9

Name

Txt_bayar

TextBox10

Name

Txt_kembali

DateTimePicker1

Name

Dt_tgl

Button1

Text

OK

Name

Btn_Ok

Text

SIMPAN

Name

Btn_simpan

Text

RESET

Name

Btn_reset

Name

Lv_dataBeli

FullRowSelect

True

GridLines

True

View

Details

Button2

Button3

ListView1

Untuk menampilkan kolom pada ListView klik kanan pada ListView, kemudian pilih edit
columns Setelah itu, akan masuk ke ColumnHeader Collection Editor. Ada 2 tab, kanan
dan kiri, pada tab kanan akan tampil Members sedangkan yang kanan akan muncul
ColumnHeader Properties.

Gambar 4.9 Tampilan ColumnHeader Collection Editor.

Buat lima buah members ColumnHeader dengan cara click add (yang ada pada
bagian bawah list box members), kemudian tiap ColumnHeader yang ada pada list box

47

member kalian ganti propertiesnya seperti dibawah ini :

Object Name
ColumnHeader1

ColumnHeader2

ColumnHeader3

ColumnHeader4

ColumnHeader4

Properties

Value

Text

KODE BARANG

Width

100

Text

NAMA BARANG

Width

120

Text

HARGA BARANG

Width

100

Text

JUMLAH BELI

Width

110

Text

SUB TOTAL

Width

100

4.4.1 Membuat Faktur Otomatis

Faktur merupakan sebuah nomor unik sebagai penanda terhadap suatu
transaksi yang dilakukan dalam satu kali transaksi. Double klik form dan buat sub
baru dengan nama FakturOtomatis dan berikut souce code untuk membuat faktur
otomatis :
Sub FakturOtomatis()
Try
konek_db()
Dim nom AsNew SqlClient.SqlCommand("Select Max(faktur) from
tb_penjualan")
Dim rd As SqlClient.SqlDataReader
nom.Connection = koneksi
rd = nom.ExecuteReader
rd.Read()
txt_faktur.Text = rd.GetValue(0) + 1
Catch ex As Exception
EndTry
EndSub

4.4.2 Menampilkan Nama Barang Dan Harga Barang

Berikut adalah source code untuk menampilkan nama dan harga barang yang
akan dibeli pada saat proses transaksi. Source code ini dimasukkan kedalam Button
48

OK dengan cara double klik pada button OK.

konek_db()
Dim tampil_data AsNew SqlClient.SqlCommand("Select * From tb_barang
Where kode_barang='"& txt_kode.Text &"'")
Dim reader As SqlClient.SqlDataReader
tampil_data.Connection = koneksi
reader = tampil_data.ExecuteReader
If reader.Read Then
txt_nama_brg.Text = reader.GetString(3)
txt_harga.Text = reader.GetValue(4)
Else
MsgBox("Data Tidak Ditemukan", MsgBoxStyle.Critical, "")
EndIf

4.4.3 Input Data Transaksi Ke Dalam Tabel Temporary

Data barang yang dimasukkan kedalam listview merupakan data data
barang yang dibeli pada satu kali transaksi dimana data barang tersebut disimpan
kedalam table temporari atau tempat penyimpanan sementara.
Perintah simpan data transaksi kedalam table temporary ini dituliskan didalam
event keypress txt_jml_beli dimana ketikan di tekan enter setelah memasukkan
jumlah barang yang dibeli maka perintah dijalankan. Sebelum memberikan event
keypress pada textbox txt_jml_beli buatlah dua buah sub yaitu untuk menghitung sub
total harga dan sub untuk menyimpan data kedalam table temporari.
Berikut sub untuk menghitung sub total harga :
Sub totsub()
'Hitung Sub Total
Dim a, b, c AsInteger
a = txt_harga.Text
b = txt_jml_beli.Text
c = a * b
txt_subtotal.Text = c
EndSub

Dan berikut sub untuk menyimpan data kedalam table temporary :

49

Sub datatemp()
Button3.Enabled = True
'Cek Barang
konek_db()
Dim cek_stok AsNew SqlClient.SqlCommand("Select stok_barang from
tb_barang where kode_barang ='"& txt_kode.Text &"'", koneksi)
Dim cek As SqlClient.SqlDataReader
cek = cek_stok.ExecuteReader
cek.Read()
If cek("stok_barang") >= txt_jml_beli.Text Then
konek_db()
Dim simpan_to_temp AsNew SqlClient.SqlCommand("Insert Into temp
values('"& txt_kode.Text &"','"& _
txt_nama_brg.Text &"','"& txt_harga.Text &"','"& txt_jml_beli.Text
&"','"& _
txt_subtotal.Text &"')")
simpan_to_temp.Connection = koneksi
simpan_to_temp.ExecuteNonQuery()
'Hitung Total Bayar
Dim a, b, c, d, f, g AsInteger
a = txt_jml_beli.Text
b = txt_subtotal.Text
c = txt_item.Text
d = txt_total.Text
f = a + c
g = b + d
txt_item.Text = f
txt_total.Text = g
data_temp()
ElseIf cek("stok_barang") = 0 Then
MsgBox("Stok Barang Habis", MsgBoxStyle.Critical, "")
ElseIf cek("stok_barang") < txt_jml_beli.Text Then
MsgBox("Stok Barang Tidak Mencukupi",
MsgBoxStyle.Critical, "")
EndIf
EndSub

Setelah membuat dua sub tadi berikan event kery press pada textbox
txt_jml_beli dengan cara pilih event pada properties klik event seperti pada gambar
berikut :

50

Gambar 4.10 Tampilan Properties pada KeyPress txt_jml_beli.

Kemudian double klik pada bagian KeyPress dan masukkan source code berikut :
If e.KeyChar = Chr(Keys.Enter) Then
totsub()
datatemp()
EndIf

4.4.4 Menambahkan Script Simpan (SAVE) _Transaksi

Double klik button Simpan dan tuliskan source code berikut :

51

Dim q, r AsInteger
If txt_bayar.Text = ""Or (q = txt_bayar.Text) < (r = txt_total.Text)
Then
MsgBox("Uang Anda Masih Kurang", MsgBoxStyle.Critical,
"")
Else
For i AsInteger = 0 To lv_dataBeli.Items.Count
Try
konek_db()
Dim simmpan AsNew SqlClient.SqlCommand("Insert Into tb_penjualan
values('"& txt_faktur.Text &"','"& _
dt_tgl.Text &"','"& lv_dataBeli.Items(i).SubItems(0).Text &"','"& _
lv_dataBeli.Items(i).SubItems(1).Text &"','"&
lv_dataBeli.Items(i).SubItems(2).Text &"','"& _
lv_dataBeli.Items(i).SubItems(3).Text &"','"&
lv_dataBeli.Items(i).SubItems(4).Text &"','"& login.TextBox1.Text
&"')")
simmpan.Connection = koneksi
simmpan.ExecuteNonQuery()
'Update stok
konek_db()
Dim update_stok AsNew SqlClient.SqlCommand("Select * From tb_barang
where kode_barang='"& lv_dataBeli.Items(i).SubItems(0).Text &"'",
koneksi)
Dim rd As SqlClient.SqlDataReader
rd = update_stok.ExecuteReader
If rd.HasRows Then
konek_db()
Dim ab AsInteger
ab = lv_dataBeli.Items(i).SubItems(3).Text
Dim stok AsNew SqlClient.SqlCommand("Update tb_barang set
stok_barang=stok_barang - '"& ab &"' where kode_barang='"& _
lv_dataBeli.Items(i).SubItems(0).Text &"'")
stok.Connection = koneksi
stok.ExecuteNonQuery()
EndIf
Catch ex As Exception
EndTry
Next i
'kosongkan temporari
konek_db()
Dim kosongkan AsNew SqlClient.SqlCommand("Delete From temp",
koneksi)
kosongkan.ExecuteNonQuery()
data_temp()
'Hitung Kembalian
Dim kb, tt, ac AsInteger
tt = txt_bayar.Text
ac = txt_total.Text
kb = tt - ac
txt_kembali.Text 52
= kb
txt_item.Text = "0"
txt_total.Text = "0"
dt_tgl.Value = Today
txt_faktur.Clear()

Kemudian double klik pada bagian KeyPress dan masukkan source code berikut :
data_temp()
txt_bayar.Text = "0"
txt_kembali.Text = "0"

Setelah semua selesai double klik form penjualan, masukkan source code berikut :
txt_faktur.Enabled = False
FakturOtomatis()
data_temp()
Button3.Enabled = False

4.5 Pembuatan Laporan Pembayaran

Dalam pembuatan laporan kita dapat melakukan dengan langkah-langkah sebagai
berikut :
1. Buat DataSet baru dengan cara sebagai berikut :
Klik menu Project Klik Add New Item Pilih DataSet (ganti nama) Click
Add.

53

Gambar 4.11 Add New Item DataSet.

2. Setelah itu muncul tampilan awal dari DataSet, seperti di bawah ini :

Gambar 4.12 Tampilan Awal DataSet.

Langkah selanjutnya,
- Klik Kanan pada daerah ruang kosong disekitar teks, kemudian.
- Pilih AddKlik Tabel Adapter.

54

Gambar 4.13 Tampilan Dari Fitur DataSet.

- Hingga munculTableAdapter Configuration Wizard.

- Lalu klik New Connection.

Gambar 4.14 Tampilan Dari Configurasi Wizard.

- Pilih Microsoft SQL Server Klik Continue.

55

Gambar 4.15 Tampilan Saat Memilih Sumber Data.

- Kemudian Server Name sesuai dengan Server Name di SQL Server anda (Pada tiaptiap komputer akan berbeda).
- Pilih juga nama Database anda.

Gambar 4.16 Tampilan Pemilihan pemilihan Nama Server, Database, Uji Database.

- Lalu Klik Test Connection, jika berhasil maka akan muncul gambar dibawah ini :

56

Gambar 4.17 Tampilan MesageBox connection berhasil.

3. Click OK, Selanjutnya klik Next pada tampilan berikut :

Gambar 4.18 Tampilan Setelah Proses Uji Koneksi Berhasil Dilakukan.

4. Setelah melakukan proses di atas, maka akan muncul tampilan dimana kita akan
memilih bagaimana cara TableAdaptermengakses kedatabase.
5. Pilih Use SQL Statements.

57

Gambar 4.19 Tampilan Pilihan Command Type.

6. Click Next, Setelah itu akan muncul tampilan dimana kita bisa memberikan query yang
akan kita gunakan dalam laporan kita nanti, dan berikan perintah query sebagai berikut :
Select * From tb_Penjualan

Gambar 4.19 Memberikan Perintah Query SQL.

58

7. Click Next, maka akan muncul gambar di bawah ini :

Gambar 4.20 TableAdapter Configuration Wizard.

7. Click Finish, lalu akan muncul tampilan seperti dibawah ini :

Gambar 4.21 Setting Pada Konfigurasi TableAdapter Telah Berhasil Dilakukan.

4.6 Pembuatan Report Dengan CRYSTAL REPORT

Setelah membuat DataSet diatas, Lanjutkan dengan membuat sebuah report dengan cara:
1. Klik menu ProjectKlik Add New ItemKlik Reporting Klik Crystal
ReportKlik Add.
2. Kemudian muncul Crystal Report Wizard.

59

3. Setelah itu pilih Using the Report WizardKlik OK.

Gambar 4.22 Tampilan Awal Crystal Reports.

4. Dan akan muncul tampilan baru, Lalu Klik 2x Project Data Klik 2x ADO.NET
DataSets Klik 2x praktikum_si_2014.DataSet1 Klik tb_penjualan, hingga muncul
tampilan seperti dibawah ini :

Gambar 4.23 Tampilan Memilih Data Source Untuk Membuat Laporan.

60

5. Setelah memilih tb_penjualan selanjutnya click Next, dan akan muncul tampilan
berikutnya seperti gambar di bawah ini :

Gambar 4.24 Tampilan Fitur Pada Report Style.

5. Pada bagian Available Style bagian kanan pada gambar 4.24 anda pilih Table dan akhiri
dengan tombol Finish. Jika anda berhasil melakukan langkah-langkah sesuai dengan
instruksi diatas maka akan tampil gambar seperti di bawah ini :

Gambar 4.25 Tampilan Hasil CrystalReport Yang Telah Dibuat.

61

4.7 Pembuatan Form untuk Menampikan Report

1. Buat form baru dengan cara sebagai berikut:
- Klik menu Project klik Add Windows Form Click tombol Add
- Hingga muncul tampilan seperti yang ada dibawah ini :

Gambar 4.26 Tampilan New Windows Form.

- Setelah itu click Toolbox, pilih CrystalReportViewer, Tarik CrystalReportViewer
kedalam form yang masih kosong. Seperti pada gambar berikut :

62

Gambar 4.27 Tampilan Pengambilan CrystalReportViewer Ke Dalam Form.

- Hingga tampilan form anda menjadi seperti pada gambar berikut :

Gambar 4.28 Tampilan CrystalReportViewer Yang Berhasil Dimasukan Ke Dalam Form.

- Lalu klik kanan di From pilih Properties klik ReportSource klik pada lingkaran
merah.

63

Gambar 4.28 Tampilan Editing properties.

- Setelah itu Running (

) hasilnya akan seperti ini :

Gambar 4.29 Tampilan Hasil laporan Penjualan.

64

4.7 Design Form Utama

Form utama merupakan form yang pertama muncul setelah login, dimana pada
form utama ini terdapat menu menu untuk menampilkan form form yang lain. Berikut
tampilan form utama seperti pada gambar berikut :

Gambar 4.30 Tampilan Form Utama.

Object Name
MenuStrip1

Properties

Value

Text

Master Data

Sub Menu

MenuStrip1

Data Barang

Data Petugas

Data Suplier

Text

Transaksi

Sub Menu
MenuStrip1

Text

Penjualan
Laporan

Sub Menu

Laporan Penjualan

MenuStrip1

Text

Logout

MenuStrip1

Text

Exit

Pada sub menu Data Barang masukkkan source code berikut :

65

form_barang.Show()

Pada sub menu Data Kasir masukkkan source code berikut :

Form_Petugas.Show()

Pada sub menu Data Suplier masukkkan source code berikut :

FormSuplier.Show()

Pada sub menu Data Penjualan masukkkan source code berikut :

form_penjualan.Show()

Pada Sub Menu Laporan Penjualan masukkan source code berikut :

Dim rep As cr_penjualan = New cr_penjualan()
Dim query = New SqlClient.SqlCommand
Dim data AsNew DataTable
Dim reader As SqlClient.SqlDataReader
konek_db()
query.CommandText = "Select * From tb_penjualan "
query.Connection = koneksi
reader = query.ExecuteReader
data.Load(reader)
rep.SetDataSource(data)
laporan_penjualan.CrystalReportViewer1.ReportSource = rep
laporan_penjualan.Show()

Pada menu Logout masukkan source code berikut :

If MessageBox.Show("Apa anda yakin ?", " LOGOUT",
MessageBoxButtons.YesNo) = ""& _
Windows.Forms.DialogResult.Yes Then
Me.Hide()
login.Show()
login.TextBox2.Clear()
login.TextBox1.Clear()
EndIf

Pada menu Exit masukkan source code berikut :

66

If MessageBox.Show("Apa anda yakin ?", " EXIT", MessageBoxButtons.YesNo) =

""& _
Windows.Forms.DialogResult.Yes Then
End
EndIf

4.7 Pembuatan Form Login

Form login merupakan form yang pertama kali muncul saat program dijalankan,
dimana user diminta untuk memasukkan username dan password yang sudah terdaftar
didalam system agar bisa mengakses form utama, Berikut tampilan dari form login yang
akan dibuat :

Gambar 4.31 Tampilan Form Login.

Object Name

Properties

Values

Label1

Text

NAMA KASIR

Label2

Text

PASSWORD

Label3

Text

Label3

Name

Level

TextBox1

Name

Txt_username

TextBox2

Name

Txt_password

Button1

Text

LOGIN

Name

Btn_login

67

Button2

Text

RESET

Name

Btn_reset

1. Langkah pertama, klik 2x TextBox1 atau txt_username kemudian tuliskan source code
berikut ini :
konek_db()
Dim pilih AsNew SqlClient.SqlCommand("Select * From tb_user where
nama_ptg = '"& txt_username.Text &"'
Dim reader As SqlClient.SqlDataReader
pilih.Connection = koneksi
reader = pilih.ExecuteReader
Try
If reader.Read() Then
level.Text = reader.GetString(6)
Else
level.Text = ""
EndIf
Catch ex As Exception
EndTry

2. klik 2x Button Login kemudian tuliskan source code berikut :

68

konek_db()
Dim login AsNew SqlClient.SqlCommand("Select * From tb_user where
nama_ptg='"& txt_username.Text &"' And password='"& txt_password.Text
&"'")
Dim reader As SqlClient.SqlDataReader
login.Connection = koneksi
reader = login.ExecuteReader
If reader.Read() Then
Me.Hide()
Form1.Show()
If level.Text = "Admin"Then
Form1.TransaksiToolStripMenuItem.Visible = False
Form1.PenjualanToolStripMenuItem.Visible = False
Form1.MasterDataToolStripMenuItem.Visible = True
Form1.DataBarangToolStripMenuItem.Visible = True
Form1.DataKasirToolStripMenuItem.Visible = True
Form1.DataSuplierToolStripMenuItem.Visible = True
Form1.LaporanToolStripMenuItem.Visible = True
Form1.LaporanPenjualanToolStripMenuItem.Visible = True
ElseIf level.Text = "Kasir"Then
Form1.TransaksiToolStripMenuItem.Visible = True
Form1.PenjualanToolStripMenuItem.Visible = True
Form1.MasterDataToolStripMenuItem.Visible = True
Form1.DataBarangToolStripMenuItem.Visible = True
Form1.DataKasirToolStripMenuItem.Visible = False
Form1.DataSuplierToolStripMenuItem.Visible = True
Form1.LaporanToolStripMenuItem.Visible = False
Form1.LaporanPenjualanToolStripMenuItem.Visible = True
EndIf
Else
MsgBox("Username Atau Password Salah", MsgBoxStyle.Critical,
"Peringatan")
EndIf

3. klik 2x Button Reset kemudian tuliskan source code berikut :

txt_username.Clear()
txt_password.Clear()

4. Setelah itu amati hasil akhir karya anda..

69