1

2


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
1

Symbol arus / flow adalah menyakan jalan suatu proses.

3


2

Simbol connector menyatakan sambungan dari proses
lainnya dalam halaman yang sama.
3

Symbol connector menyatakan sambangan dari proses ke
proses lainnya dalam halaman yang sama.
4

Symbol offline connector menyatakan sambangan dari
proses ke proses lainnya dalam halaman berbeda.


PROCESSING SYMBOLS
No Symbol Keterangan
1


Symbol proses mnenyatakan suatu tindakan(proses)
Yang dilakukan oleh computer.

2

Symbol manual menyatakan suatu tindakan(proses)
Yang tidak dillakukan oleh computer.
3

Symbol decision menunjukan suatu kondisi tertentu
Yang akan menghasilkan dua kemungkinan jawaban:
Ya atau tidak.
4

Symbol predefined proses menyatakan penyediaan
tempat penyimpanan suatu pengolahan untuk
memberikan harga awal.
4


5.

Symbol terminal menyatakan permulaan atau akhir
suatu program.
6

Symbol keygen operation menyatakan segel jenis
operasi yang diproses dengan menggunakan suatu
mesin yang mempunyai keyboard.
7

Simbol offline-storage menunjukkan bahwa data
dalam symbol ini akan disimpan ke suatu media
tertentu.
8

Symbol manual input memasukkan data secara
manual dengan menggunakan online keyboard.

INPUT / OUTPUT SYMBOLS
No Symbol Keterangan
1

Symbol input / output menyatakan proses input atau
output tanpa tergantung jenis peralatannya.
2

Symbol punched card menyatakan input berasal dari
kartu atau output.
3

Symbol magnetic tape menyatakan input berasal dari
pite megneyic atau output dismpan ke pita magnetis.
5


4

Symbol disk storage menyatakan input berasal dari
disk atau putput disimpan ke disk.
5

Symbol document mencetak keluaran dalam bentuk
dokumen (melaluli printer).
6

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.




6



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.





7


6.BAGAN ARUS
Kasir Admin Pembeli


START

Mengambil
formulir biodata
diri
Mengisi formulir
biodata tsb
Slip biodata
kasir
Menerima slip
awal biodata
kasir
Masuk aplikasi
penjualan logi sebagai
admin
Username
dan password
Data kasir
Username dan
password kasir
*nama

Menerima username
dan password dari
admin
Memilih
barang
Input biodata kasir
berdasarkan slip

Data barang beli
oleh pembeli
Menerima
barang yang
dibeli
Input harga barang


8





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.


Proses transaksi hitung
total harga barang
Total bayar /
nominal uang
Data penjualan
Nota
pembelian

Menerima nota
pembelian dan
barang beli
AND

9


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.
10


1.3.1 DFD Level 0 (Berdasarkan aplikasi yang dibuat)

























form biodata, barang, transaksi jual
Kasir
0.1
SI Penjualan
Minimarket
Suplier Pembeli
Pemilik
Admin
Nota pem barang, data barang
, username & passwordbeli
Form biodata kasir, suplier
Data biodata awal kasir, suplier
Bukti supply barang
Form biodata sup, nota barang
Laporan penjualan
Form barang beli
Nota pembelian barang
11


1.3.2 DFD Level 1 (Berdasarkan aplikasi yang dibuat)















Gambar 1.1 Tampilan Design DFD level 1.


Kasir
Pembeli
Pemilik
Suplier
TB_kasir
TB_suplier
TB_barang
TB_penjualan
Form biodata kasir
Data barang
Nota pem nbarang
Data barang beli
Data transaksi
jual
Data awal biodata kasir
Data kasir
Dt_ kasir
Dt_ suplier
Dt_ penjualan
Dt_ penjualan
1.3
Pendataan
Barang
Admin
Form barang beli
Nota pembelian barang
1.4
Transaksi
jual barang
Data
keseluruhan
penjualan
Laporan penjualan
1.5
Rekap
laporan
Data_ kasir
Form biodata
suplier
Data suplier
Data awal biodata suplier
1.2
Pendataan
Suplier
Bukti supply barang
Data barang
Data username
& pass
1.1
Pendataan
Kasir
12


1.3.2 DFD Level 2 (Berdasarkan aplikasi yang dibuat)







Gambar 1.2 Tampilan Design DFD Level 2 bagian Pendataan Kasir.









Gambar 1.3 Tampilan Design DFD Level 2 bagian Penjualan.
TB_kasir
Username dan password
DT_kasir
Form formulir
Form biodata
kasir
Kasir
Data awal biodata kasir
2.1.1
Pengisian
biodata
kasir
Data awal
biodata kasir
2.2.1
Input
biodata
kasir KOM
Admin
2.4.3
Pembuatan
nota dan
penyerahan
barang
TB_kasir
TB_penjualan
Nota pembelian barang
Form barang beli
2.4.1
Pilih
barang
Pembeli
Data barang beli
Data barang
beli
2.4.2
Proses
transaksi
hitung TOT
Kasir
DT_kasir
DT_penjualan
13


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 ( ) Yang terdapat di bawah Menu File pada Menu Bar.
Dengan menggunakan Kombinasi Tombol Yakni Tombol Ctrl + Shift + N
14


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 :
15



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.

Solution Explorer
ErrorList
ObjectPropertis
ToolBar
Menu Bar
Form
Toolbox
16


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.
17



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.
18



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 :
19




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 :



20


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:
21


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 :
22



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, HI J AU, BI RU, KUNI NG kemudian ketikan
23


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.
24



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()


25



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
26


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.
.

27


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

Tabel Suplier
Nama Field Type Data Length
kode_suplier Int (PK) 10
Nama_suplier Varchar 50


28


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 Length
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









29


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.
30



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.
31



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 Properti Nilai Properti
Column Header 1 Text Kode Supplier
Width 60
Column Header 2 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 :
32


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

33


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
34


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-
35


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
Button 2 Name btn_update
Text UPDATE
Button 3 Name btn_hapus
Text HAPUS
Button 4 Name btn_cari
Text CARI
Button 5 Name btn_reset
Text RESET
ListView1 Name lv_data_barang
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.
36



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 Properti Nilai Properti
Column Header 1 Text KODE SUPPLIER
Width 60
Column Header 2 Text NAMA SUPPLIER
Width 60
Column Header 3 Text KODE BARANG
Width 60
Column Header 4 Text NAMA BARANG
Width 60
Column Header 5 Text HARGA BARANG
Width 60
Column Header 6 Text STOK BARANG
Width 60

4.2.1 Menampilkan Isi Databse Barang Ke Dalam List View
37


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 :
38


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 :
39


'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

40


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.
41



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
42


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 Properti Nilai Properti
Column Header 1 Text ID Kasir
Width 60
Column Header 2 Text Nama
Width 60
Column Header 3 Text Alamat
Width 60
43


Column Header 4 Text Tanggal Lahir
Width 60
Column Header 5 Text Jenis Kelamin
Width 60
Column Header 6 Text Password
Width 60
Column Header 7 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
44


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 :
45


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 :
46



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
47


TextBox9 Name Txt_bayar
TextBox10 Name Txt_kembali
DateTimePicker1 Name Dt_tgl
Button1 Text
Name
OK
Btn_Ok
Button2 Text
Name
SIMPAN
Btn_simpan
Button3 Text
Name
RESET
Btn_reset
ListView1 Name
FullRowSelect
GridLines
View
Lv_dataBeli
True
True
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.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
48


member kalian ganti propertiesnya seperti dibawah ini :
Object Name Properties Value
ColumnHeader1 Text
Width
KODE BARANG
100
ColumnHeader2 Text
Width
NAMA BARANG
120
ColumnHeader3 Text
Width
HARGA BARANG
100
ColumnHeader4 Text
Width
JUMLAH BELI
110
ColumnHeader4 Text
Width
SUB TOTAL
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
49


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 :
50


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 :
51



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 :
52


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 = kb
txt_item.Text = "0"
txt_total.Text = "0"
dt_tgl.Value = Today
txt_faktur.Clear()
53



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.
54



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.
55



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.
56



Gambar 4.15 Tampilan Saat Memilih Sumber Data.

- Kemudian Server Name sesuai dengan Server Name di SQL Server anda (Pada tiap-
tiap 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 :
57



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.
58



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.

59


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.
60


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.

61


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.


62




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 :
63



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.
64



Gambar 4.28 Tampilan Editing properties.









- Setelah itu Running ( ) hasilnya akan seperti ini :

Gambar 4.29 Tampilan Hasil laporan Penjualan.
65



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 Properties Value
MenuStrip1 Text
Sub Menu
Master Data
- Data Barang
- Data Petugas
- Data Suplier
MenuStrip1 Text
Sub Menu
Transaksi
- Penjualan
MenuStrip1 Text
Sub Menu
Laporan
- Laporan Penjualan
MenuStrip1 Text Logout
MenuStrip1 Text Exit

Pada sub menu Data Barang masukkkan source code berikut :
66


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 :
67


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
Name
Label3
Level
TextBox1 Name Txt_username
TextBox2 Name Txt_password
Button1 Text
Name
LOGIN
Btn_login
68


Button2 Text
Name
RESET
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 :
69


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..