TUGAS BESAR Prak. Visual.

NET Kelas 4SLVN-G Kelompok 1 ( TOKO )

Dosen: Suci Ramadhani Arifin., S.T., M.Eng.

Perancangan Aplikasi System Informasi & Data Barang

Penjualan Pada TOKO Adiba Fotocopy (VB.NET)
Oleh :
Muhammad Yusril Yusuf1, Muh. Arya Pallawa Rukka2, Axel Palinggi3
1
181296 / Program Studi Sistem Informasi STMIK Dipanegara Makassar
2
181298 / Program Studi Sistem Informasi STMIK Dipanegara Makassar
3
181308 / Program Studi Sistem Informasi STMIK Dipanegara Makassar

1
yusrillyusuf@gmail.com, 2aryakolaka26@gmail.com, 3axelpalinggi@gmail.com
Abstract
Adiba Fotocopy, Toko ini adalah sebuah usaha yang bergerak dibidang percetakan dan
penjualan barang – barang yang berkaitan dengan Alat Tulis Kantor ( ATK ), Seperti Fotocopy,
ATK, Print, Pengetikan, Desain, dan masih banyak lainnya. Dalam menjalankan proses Bisnis
ini, toko Adiba Fotocopy ini sudah sepenuhnya menggunakan system aplikasi yg sudah kami
buat ini. Aplikasi ini bertujuan untuk meningkatkan pengelolaan data informasi, karena
sebelumnya hanya menggunakan aplikasi excel biasa.

Dengan adanya latarbelakang permasalahan tersebut dibuat sistem informasi agar dapat
terkomputerisasi dan meningkatkan kontrol proses bisnis pada Toko Adiba Fotocopy ini. Sistem
informasi tersebut dibuat dengan menggunakan Microsoft Visual Studio 2019 dan database
memakai MySQL. Adapun yang dihasilkan dari aplikasi ini antara lain pencatatan master untuk
admin, barang, dan pelanggan, selain itu pencatatan transaksi meliputi transaksi penjualan
hutang, serta laporan keuangan berupa laporanpenjualan.

Secara keseluruhan aplikasi telah sesuai dengan kebutuhan Toko Adiba Fotocopy ini. Dari hasil
kuesioner yang dilakukan diketahui bahwa 100% user berpendapat desain program dinilai baik,
serta kelengkapan informasi yang dibutuhkan dinilai baik,60% user berpendapat mengenai
keakuratan informasi dan datadinilai baik, 80 % user berpendapat baik mengenai manfaataplikasi
dan secara keseluruhan aplikasi dinilai baik oleh 100% user.

Keywords: MySQL, VB.NET, Net Framework, ODBC Driver, Crystal Reports

1. PENDAHULUAN membantu toko Adiba Fotocopy mengatasi

masalah-masalah tersebut.
Toko Adiba Fotocopy adalah sebuah
usaha yang bergerak di bidang penjualan Referensi
bergerak dibidang percetakan dan
penjualan barang – barang yang berkaitan Windi Luki Lestari, Aplikasi sistem informasi
dengan Alat Tulis Kantor ( ATK ), Seperti pembelian dan penjualan pada toko citra
Fotocopy, ATK, Print, Pengetikan, Desain, computer cilacap
dan masih banyak lainnya
Selama ini, Usaha ini dijalankan sudah Tech Tawar, Maret 2020. Chanel Youtube
menggunakan sistem tetapi masih yang Playlist Membuat Aplikasi Kasir.
sederhana, yaitu dimana sebagian https://youtube/techtawar
sistemnya menggunakan komputer dan
sebagian tidak. Selamat Subagiono, 1 July 2017.
Melihat hal ini, sudah seharusnya toko Perancangan dan pembuatan aplikasi
Adiba Fotocopy ini memiliki sebuah penjualan buku pada toko buku ampu
pencatatan yang terstruktur yang menggunakan microsoft visual basic.net
diperlukan. Oleh karena itu, dibuatlah sistem
informasi yang diharapkan mampu

Jurnal, Mei 2020 1

System Informasi Penjualan pada Toko Adiba Fotocopy Menggunakan VB.NET

Fitri Ayu, 2 Oktober 2018 Perancangan

Sistem Informasi Pengolahan Data.

Yesputra, Rolly.2017. Belajar Visual

Basic.net dengan Visual Studio 2010.
Kisaran: Royal Asahan Press

2. METODE PENELITIAN

2.1 OBSERVASI Gambar 1. Motode Penelitian

Data yang diperlukan
dikumpulkan dengan cara 2.4 ANALISIS
pengamatan secara langsung Tahap analisis meliputi kegiatan
terhadap semua kebutuhan yang sebagai berikut :
diperlukan pada objek penelitian, a. Identifikasi Masalah
tidak terkecuali hardware dan b. Analisis Kebutuhan Sistem
software yang mendukung
perancangan suatu Aplikasi c. Analisis Kelayakan Sistem
Sistem Informasi Pada Toko 2.5 DESAIN
Adiba Fotocopy. Proses desain (design)
2.2 WAWANCARA menterjemahkan syarat atau
Melakukan tanya jawab dengan kebutuhan ke dalam sebuah
pemilik toko terkait dengan representasi perangkat lunak
perancangan suatu Aplikasi (software) dengan kualitas yang
Sistem Informasi Penjualan Pada diharapkan.
Toko Adiba Fotocopy.
2.3 TEKNIK PENGEMBANGAN 2.6 TAHAPAN CODINGAN
SISTEM a. Pembuatan Database
2.3.1 Waterfall Menggunakan MySQL
Metode pengembangan b. Pembuatan Aplikasi
sistem yang diterapkan yaitu Menggunakan Microsoft
Waterfall (analisis, desain, Visual Basic 2019 ( VB.NET )
coding, testing,
pemeliharaan). Metode 2.7 PENGUJIAN ( TESTING )
waterfall bisa juga disebut Proses pengujian berfokus pada
siklus hidup perangkat lunak. logika internal software untuk
Disebut dengan waterfall memastikan bahwa semua
karena tahap demi tahap pernyataan sudah diuji, dan juga
yang dilalui harus menunggu fungsi eksternal.
selesainya tahap sebelumnya 2.8 PERAWATAN
dan berjalan berurutan. Perawatan software
2.3.2 Tahapan – Tahapan mengaplikasikan kembali setiap
Pengembangan Sistem fase program sebelumnya namun
Secara operasional langkah- tidak dilakukan dengan membuat
langkah metode waterfall software yang baru.
dapat digambarkan dalam
gambar 1 Perawatan program dapat
dilakukan dengan cara :
a. Backup database
b. Backup Aplikasi

Jurnal, Mei 2020 2

System Informasi Penjualan pada Toko Adiba Fotocopy Menggunakan VB.NET

3. HASIL DAN PEMBAHASAN

Adapun Bentuk Normalisasi dari
database Apk_Kasir sebagai berikut
:

Gambar 6. Table LaporanCetak

Gambar 2. Normalisasi

3.1 PEMBUATAN DATABASE

Aplikasi perpustakaan
mengunakan database MySQL
sebagai media penyimpanannya,
dalam kasus ini database dapat
diakses melalui browser : Gambar 7. Table LaporanPrint
http://localhost/phpmyadmin,
setelah dibuat database
kemudian kita create tabel sesuai
dengan yang telah di
normalisasikan seperti gambar
diatas

Gambar 8. Table Pelanggan

Gambar 3. Table Admin

Gambar 9. Table Transaksi

Gambar 4. Table Barang

3.2 PEMBUATAN KONEKSI ( DATA
SOURCE )

Data source merupakan sebuah

Gambar 5. Table Detailjualan
jembatan yang menghubungkan
antara aplikasi VB.net dengan
Database MySql (aplikasi kasir
dengan database Apk_kasir).
Adapun nantinya setelah
membuat data source field-field
yang akan kita butuhkan sebagai
input tinggal di drag ke form yang

Jurnal, Mei 2020 3

System Informasi Penjualan pada Toko Adiba Fotocopy Menggunakan VB.NET

telah disediakan. Kali ini saya

menggunakan aplikasi tambahan
yaitu ODBC Driver 5.1 Adapun
cara membuat data source
sebagai berikut :

3.2.1 Klik Tombol ADD

Gambar 10. Koneksi Database ODBC

3.2.4 Nah Selanjutnya, Jika

koneksi di ODBC Drivernya
sudah selesai, Maka
Gambar 8. Add Data Selanjutnya Silahkan
Membuka Aplikasi VB.Net
yg anda gunakan, dan
3.2.2 Silahkan Klik MySql ODBC silahkan buat project baru
3.5.1 Driver Lalu Tekan dan membuat sebuah
Finish Modul untuk Koneksi Akhir
dari database ke VB.Net
nya. Silahkan anda Ikuti
Codingan tersebut pada
gambar berikut ini :

Gambar 9. Add New Data

3.2.3 Lalu Isikan Data Tersebut

Seperti Berikut, dengan
Catatan “ Jika anda tidak
memiliki password di Gambar 11. Codingan Koneksi
dalam phpmyadmin anda
maka kolom password
silahkan dikosongkan” & Nah Itulah beberapa cara yang saya
“dikolom database alami untuk menghubungkan database
silahkan pilih database Mysql dengan VB.Net.
mana yg akan
dikoneksikan” Lalu Tekan
Tombol Test, Setelah Itu
jika Test Success. Maka
Silahkan anda close dari
apk tersebut.

Jurnal, Mei 2020 4

System Informasi Penjualan pada Toko Adiba Fotocopy Menggunakan VB.NET

3.3 PEMBUATAN TAMPILAN 3.3.3 Halaman Transaksi

APLIKASI

3.3.1 Halaman Login

Gambar 15. Halama Transaksi

3.3.4 Halaman Data Barang

Gambar 12. Halaman Login

Nah pada halaman Login,

Saya membuat 2 Button Yaitu
Button Login dengan Button Cek
Harga Barang. Jadi saya membuat
button cek harga barang untuk, jika
kita tidak mengetahui harga barang
yg dijual atau ada barang yang
harganya kelupaan, maka kita tidak
harus login agar mempercepat Gambar 16. Halaman Barang
akses, maka saya buatkan tombol
cek harga barang. Formnya seperti 3.3.5 Halaman Nota Hutang
berikut :
Nah di halaman ini adalah jika ada
pelanggan yg akan menghutang atau
bon, maka transaksinya akan tersave di
halaman tersebut.

Gambar 13. Halaman Cek Harga

3.3.2 Halaman Utama Aplikasi

tersebut
Gambar 17. Halaman Nota

3.3.6 Halaman Laporan

Nah di Halaman ini kita bisa

edit dan hapus data
transaksi yg tersave. Kita
juga dapat melihat semua
data yg sudah terhapus jadi
semua data yg sdh terinput
Gambar 14. Halaman Utama / Home walaupun dihapus maka
akan tetap tersave
dilaporan toko.

Jurnal, Mei 2020 5

System Informasi Penjualan pada Toko Adiba Fotocopy Menggunakan VB.NET
Gambar 18. Halaman laporan
3.4 PENGUJIAN SISTEM APLIKASI
Pada Form login, saya sdh
membuatkan username dan password yang
sdh ditambahkan melalui phpmyadmin jadi
dsini saya langsung akan login. Akan tetapi
saya tetap akan menjalankan semua sistem
yg ada.
Gambar 19. Form Login
Tampilan Awal Setelah Login
Gambar 20. Tampilan Awal Setelah Login
Tampilan Jika kita hanya ingin cek
harga barang yg tersedia di data barang.
Buttonnya tersedia di halaman login.
Jurnal, Mei 2020
Gambar 21. Tampilan Cek Harga
3.4.1 Form Data Admin
Pada Form ini kita bisa memilih 2 inputan
yaitu data pelanggan dengan data admin.
Jadi terlebih dahulu kita memilih data apa yg
ingin kita jalankan, kita juga bisa menambah,
mengedit dan menghapus data yg sudah
kita inputkan melalui sistem.
Gambar 22. Tampilan Data Admin Button Pelanggan
Gambar 23. Tampilan Data Admin Button Admin
3.4.2 Form Barang
Pada Form ini kita akan menginputkan data
barang yg ingin kita jual, jumlah inputan ada
5 yaitu kodebrg, namabrg, hargabeli,
hargajual, & satuan. Namun disini saya
sudah memberikan penomeran otomatis di
kodebarang jadi kecil kemungkinan adanya
error karena kode barang yg sama. Di
6
System Informasi Penjualan pada Toko Adiba Fotocopy Menggunakan VB.NET
inputan satuan, saya menggunakan
Combobox, dimana data didalamnya diambil
dari database dan diseleksi oleh sistem
untuk memunculkan pilihan yg ada yg sdh
kita inputkan. Kita juga bisa menambah, edit,
hapus & reset jika batal melakukan
perubahan pada form tersebut.
Gambar 24. Tampilan Form Barang
3.4.3 Form Transaksi
Perlu diingat jadi sistem ini adalah sistem
untuk hutang, jadi semua transaksi di save
terlebih dahulu nanti dilakukan pencetakaan
saat akhir bulan.
Di Form ini semua tollbox terkuci kecuali
combobox, nah terlebih Dahulu Kita memilih
nama pelanggan yg sudah kita inputkan di
data pelanggan tadi, maka semua tollbox
bisa terisi. Setelah memilih nama pelanggan
kita bisa melakukan pencarian barang yg
dibeli di samping combobox.
Gambar 25. Tampilan Form Transaksi
Selanjutnya, jika kita mengklik 2 kali pada
datagridview maka data yg ada disitu bisa
pindah ke textbox dibawah dan kita cuman
mengisi keterangan dan jumlah yg dibelinya
saja. Lalu tambah jika data sudah benar.
Jurnal, Mei 2020
3.4.4 Form Nota Toko Hutang
Diform ini kita hanya bisa
melakukan pengecekan data, Print Data,
terhadap data yg sudah terinput. Jika
pelanggan ingin mengetahui total hutangnya
selama ini maka silahkan pilih saja nama
pelanggan di kolom combobox.
Gambar 26. Tampilan Form Nota Toko
Jika pelanggan meminta untuk
melakukan pencetakan terhadap transaksi
tersebut maka silahkan tekan tombol cetak.
Akan tetapi, pelanggan belum mau
melakukan penutupan transaksi maka
jangan menghapus data yg ada agar data
sebelumnya tersambung dengan data yg
baru nantinya. Kalau pelanggan sudah ingin
menutup transaksinya atau membayarnya
maka silahkan tekan tombol hapus yg sudah
tersedia. Contoh Tampilan Reporting
tersedia pada gambar sebagai berikut :
Gambar 27. Tampilan Output Nota
Tampilan Print ini saya buat di
aplikasi Crystal Reports.
7
System Informasi Penjualan pada Toko Adiba Fotocopy Menggunakan VB.NET

3.4.5 Form Laporan Transaksi

Di form ini kita bisa memilih 3 data

yang ingin kita tampilkan yaitu transaksi saat
ini, Transaksi yang sudah Tercetak, dan
transaksi dari awal.

Pada Radiobutton1 yg ini ini sama

dengan yg ada di form nota cuman di form
ini kita bisa melakukan edit dan hapus data
jika terjadi kesalahan pada saat input
pertama di form transaksi. Kita hanya
memilih pelanggan mana yg akan diubah
datanya agar datanya benar dan tidak ada
kesalahan.

Gambar 30. Tampilan Output

Itulah Tampilan hasil print jika data

yg sudah terhapus ingin dicetak kembali.

Pada radiobutton3 selanjutnya ini

Gambar 28. Tampilan Form Lap. Transaksi
Pada radiobutton2 selanjutnya ini
adalah data dimana semua data yg sdh
tercetak masih tersave dan bisa dicetak
ulang kembali jika di form nota sdh terhapus.
Dan dsini kita tidak bisa melakukan
perubahan atau pun penghapusan, hanya
bisa cari data yg ingin dicetak lalu
mencetaknya.
adalah data dimana semua data dari awal
masih tersave walaupun kita melakukan
pengahapusan di radiobutton transaksi saat
ini tapi saya melakukan pengcopyan data
agar data tetap ada tetapi beda table.nah di
form ini kita bisa mencetak laporan per
tanggal. Misal kita akan cetak mulai tanggal
01/05/2020 – 30/05/2020, itu bisa dilakukan
selama data yg sdh masuk sudah ada. Form
ini hanya bisa pilih tanggal dan cetak
selebihnya terkunci oleh sistem.

Gambar 29. Tampilan Form Lap. Sudah Cetak Gambar 31. Tampilan Form Lap. Data dari Awal

Jurnal, Mei 2020 8

System Informasi Penjualan pada Toko Adiba Fotocopy Menggunakan VB.NET
Gambar 32. Tampilan Output
3.4.6 Logout
Setelah button logout diklik maka
akan kembali ke halaman login.
Gambar 33. Tampilan Awal
4. KESIMPULAN
Kesimpulan dari pembuatan aplikasi
System Informasi TOKO Adiba Fotocopy
diantara lain :
• Aplikasi ini dapat melakukan
transaksi hutang, dan Pelunasan
Hutang.
• Setiap transaksi telah terintegritas
dengan sistem sehingga dapat
mengurangi resiko human error
dalam pencatatan transaksi.
• Aplikasi dapat memberikan laporan
dengan transaksi yg sudah ada.
Jurnal, Mei 2020
• Pembuatan Aplikasi System
Informasi TOKO Adiba Fotocopy
tersebut dibuat dengan 3 aplikasi
yaitu Visual Basic 2019, ODBC
Driver & Crystal Reports.
Kekurangan
• Apliakasi Ini tidak memiliki laporan
laba rugi, Karena Pengguna tidak
membutuhkan itu
5. REFERENSI
Wikipedia, 2016.
https://id.wikipedia.org/wiki/Nilai diakses
pada 28 Juni 2016.
Yesputra, Rolly.2017. Belajar Visual
Basic.net dengan Visual Studio 2010.
Kisaran: Royal Asahan Press
UPI YPTK Jurnal KomTekInfo Vol. 5, No. 1,
Juni 2018, Hal.150-163 ISSN :2356-0010 |
eISSN :2502-8758 Copyright©2018 by
LPPM UPI YPTK Padang
Selamat Subagiono, 1 July 2017.
Perancangan dan pembuatan aplikasi
penjualan buku pada toko buku ampu
menggunakan microsoft visual basic.net
Tech Tawar, Maret 2020. Chanel Youtube
Playlist Membuat Aplikasi Kasir.
https://youtube/techtawar
Fitri Ayu, 2 Oktober 2018 Perancangan
Sistem Informasi Pengolahan Data.
Windi Luki Lestari, Aplikasi sistem
informasi pembelian dan penjualan pada
toko citra computer cilacap
Diah Putri Ramadhani, September 2018
Sistem Informasi penjualan olahan rumput
laut pada ud sastro jaya dipacitan
https://youtube/
Handayanto RT, Herlawati, 2018.
Pemrograman Basis Data di Matlab dengan
MySQL dan Microsoft Access. Edisi
Bandung:Informatika
9