Modul Membuat Data Kasir Dan Login

MODUL
SISTEM INFORMASI TOKO BUKU

Modul - modul yang akan dibuat :
1. Modul Kasir
a. Data Kasir
b. Login
2. Buku
3. Distributor
4. Pasok
5. Penjualan
6. Cari Buku
7. Cetak
a. Data buku
b. Data Pembelian
c. Data Penjualan
Sesuai dengan soal UKK (Uji Kompetensi Keahlian) Paket 2, akan dibuat sebuah
Sistem Informasi Toko Buku yang nanti akan mencakup hal - hal :
1. Pembuatan data kasir dan hak aksesnya
2. Inventori data buku
3. Pembelian buku
4. Penjualan buku
5. Pencarian buku
6. Dan berbagai macam laporan-laporan tentang buku
Untuk membuat sistem informasi toko buku ini, modal yang dibutuhkan adalah :
1. Visual Studio 2012
Bisa menggunakan Versi Visual Studio yang lain. Dalam modul ini akan
digunakan yang versi 2012 Express Edition for Desktop. (VB.Net 2012).
Digunakan untuk perancangan formulir / user interface pengolahan data
(simpan, edit, hapus, menampilkan data dll). Interface disini maksudnya
adalah jembatan yang mengubungkan user dengan database, sehingga
user tidak perlu keluar masuk untuk melihat data dari database langsung.
Anton Hartono | UKK Paket 2 - RPL Tahun Pelajaran 2016-2017 | Halaman 1 dari 44
2. MySQL
MySQL yang digunakan sudah terbundle didalam aplikasi XAMPP versi
5.6.24, gunanya untuk membuat database dan tabel untuk melakukan
penyimpanan data
3. PHPMyadmin
Aplikasi front end yang bisa menjembatani user dengan MySQL dan
berbasis Web. Keberadaannya sudah terbundle jadi satu dengan
applikasi XAMPP di kebutuhan bahan nomor 2 diatas.
4. Navicat
Aplikasi front end yang bisa menjembatani user dengan MySQL untuk
memudahkan pembuatan database, tabel, view dll. Versi yang digunakan
Navicat Premium 10.1.6
5. Crystall Report
Aplikasi yang digunakan untuk melakukan pencetakan data ke printer,
agar bisa didistribukan dalam bentuk hardcopy. Versi yang digunakan
adalah Crystall Report 8.5
6. MySql.Data.dll
Sebuah .dll file yang dibutuhkan untuk membantu membuat koneksi
Vb.Net dengan database MySQL
7. ccomputing.web.id SYSCry.dll
Sebuah .dll file yang dibutuhkan untuk membantu membuat Encrypsi dan
Descrypsi data dalam pembuatan password untuk login pengguna
Nah, itu mengikuti modul ini dengan baik, pastikan bahan-bahan yang dibutuhkan
diatas, sudah ada dalam komputer Anda.
CONCEPTUAL DATA MODEL
Berikut Conceptual Data Model yang didapat dari soal UKK Paket 2
PEMBUATAN DATABASE DAN TABEL
Buatlah database toko_buku dengan cara membuka applikasi PHPMyadmin

atau Navicat yang sudah ada diokomputer kita. Namun sebelum dilakukan,
pastikan XAMPP Control Panel sudah dijalankan.
Kalau sudah muncul nomor port,

berarti applikasi sudah bisa jalan
Pada layar XAMPP Control Panel yang sudah diaktifkan, pastikan pada bagian
Apache dan MySQL sudah dalam kondisi berjalan. Berjalannya kedua applikasi
ini, ditandai dengan munculnya nomor port yang ada dibagian Port(s).
Untuk membuat database, panggil applikasi PHPMyadmin dari browser, dengan
mengetikkan alamat http://localhost/phpmyadmin di address bar browser.
Klik untuk membuat

database toko_buku
Alamat memanggil
applikasi phpmyadmin
Selanjutnya klik pada bagian Basis Data untuk membuat database toko_buku.
2. Kemudian
klik tombol
1. ketikkan
toko_buku
Langkah selanjutnya, buatlah tabel kasir dengan jumlah field yang sudah
ditentukan di bagian Conceptual Data Model dari soal UKK Paket 2 diatas.
2. Klik tombol Kirim untuk

memulai pembuatan
3. Jumlah field tabel

1. Ketik Kasir
kasir sebanyak 8
untuk membuat
tabel kasir
Tabel Kasir
Jadikan id_kasir
sebagai primary Key
Bualah nama field,

jenis dan
panjang/nilainya
seperti ini
Setelah selesai, klik tombol Simpan yang ada dibagian bawah. Dan nant akan
terbentuk tabel kasir dengan field sebagai seperti gambar berikut :
Field id_kasir yang
diajadikan primary
key, akan ada
simbol kunci
Lebar password dibuat

Field 100, karena nanti akan
tabel menyimpan data hasil
kasir encryp yang
dimasukkan oleh user
MEMBUAT KONEKSI DAN FORMULIR KASIR
Sebelum membuat memulai langkah kerja membuat formulir kasir, terlebih

dahulu buatlah sebuah folder kerja yang akan digunakan untuk menyimpan
semua pekerjaan kita nantinya. Dalam hal ini akan dibuat folder Toko Buku -
VBNet + MySql. Untuk nama folder, silahkan menyesuaikan.
(pastikan folder ini dibuat bukan di drive C, karena jika suatu saat terjadi
hal yang tidak diinginkan pada Sistem Komputer dan perlu diinstall ulang,
pekerjaan kita tidak akan hilang).
Folder kerja
Didalam folder kerja, buat lagi sebuah folder, berinama modal dll dan pastikan
didalamnya ada 2 buah file dll, MySql.Data.dll dan ccomputing.web.id
SYSCry.dll
Folder Modal dll
Pastikan 2 file ini

ada di folder
Modal dll
Selanjutnya, jalankan program Visual Studio 2012, buat Project Vb.Net baru dan
arahkan penyimpannya ke folder kerja yang sudah dibuat sebelumnya.
Klik New Project
5. Pilih Windows
Form Application
3. Klik untuk
4. Name ganti dengan mengarahkan ke
Toko Buku folder kerja
1. Klik Ok jika
sudah selesai
2. Pastikan pada bagian
Location ini sudah
berubah ke folde kerja kita
Jika langkah Anda benar, akan muncul layar seperti gambar berikut :
Kemudian, dari layar yang muncul tersebut, rancanglah formulir kasir sesuai
dengan field-field yang dibutuhkan oleh field kasir yang sudah dibuat pada
langkah pembuatan database dan tabel diatas.
TextBox1
Form1 TextBox2
TextBox3
DataGridwiew1
TextBox4
RadioButton1 RadioButton2
TextBox5
TextBox6
ComboBox1
Button1 Button2 Button3 Button4 Button5
Aturlah properties dari Tools yang dipakai pada form diatas sebagai berikut :
No. Nama Tool Properties

Name frmKasir
File Name frmKasir.vb
StartPosition CenterScreen
1. Form1
MaximazeBox False
MinimazeBox False
Icon Menyesuaikan
Name tIdKasir
2. TextBox1 Maxlength 5
TabIndex 0
Name tNama
TabIndex 1
Name tAlamat
Maxlength 75
4. TextBox3
Multiline True
TabIndex 2
Name tTelepone
TabIndex 3
Name optMenikah
6. RadioButton1 Text Menikah
TabIndex 4
Name optBelumMenikah
7. RadioButton1 Text Belum Menikah
TabIndex 5
Name tUserName
TabIndex 6
Name tPassword
TabIndex 7
Name cboHakAkses
10. ComboBox1
TabIndex 7
Name dgTabel
11. DataGridView1
TabIndex 8
Name bSimpan
Image Silahkan Menyesuaikan
12. Button1
ImageAlign MiddleLeft
TabIndex 9
Name bUbah
13. Button2
TabIndex 10
Name bHapus
14. Button3
TabIndex 11
Name bTambah
15. Button4
TabIndex 12
Name bKeluar
16. Button5
TabIndex 13
Langkah selanjuntya, tambahkan modul baru untuk membuat koneksi ke

database toko_buku yang sudah dibuat dengan MySQL. Langkahnya, klik
kanan pada pada Project Toko Buku yang ada di bagian Solution Explorer -
Add - Module
Pada layar Add New Item - Toko Buku yang muncul, pilih Module dan ganti
namanya manjadi Koneksi
3. Pilih Module
1. Ganti menjadi
Koneksi 2. Klik Add jika
sudah selesai
Selanjutnya, akan dihadapkan pada layar untuk memasukkan coding koneksi

pada module koneksi.
Sebelum mulai memasukkan kode koneksi, terlebih dahulu kita perlu

memasukkan kedua file .dll yang sudah disiapkan di folder modal dll
sebelumnya. Caranya klik menu Project - Add Reference...
2. Klik pada
Browse
1. Klik pada
Browse
4. File .dll yang sudah

disiapkan
sebelumnya. Pilih
kedua-duanya
3. Kemudian klik
Add
6. Daftar file .dll yang

berhasil dimasukkan
5. Klik OK
Setelah klik tombol OK, akan muncul layar seperti berikut :
Sekarang waktunya memasukkan kode koneksi ke database pada module

koneksi. Ketikkan kode berikut ini :
Setelah module koneksi dibuat kodingnya, saatnya kita melakukan testing,

apakah kode koneksi yang dibuat sudah benar.
Untuk melukannya, kita buka form Kasir dengan cara melakukan klik pada tab
frmKasir.vb[Design] yang ada dibagian tas dari layar desain kode program dan
form.
Klik disiini
Akan muncul layar desain form Kasir yang sudah dibuat sebelumnya.
Lakukan double klik pada sembarang area form, dan masukkan kode berikut
(pada frmKasir_Load) :
Dan sekarang jalankan programnya dengan klik tombol Start yang ada di daerah
Toolbar.
Klik Start untuk
menjalankan
Jika form sukses dijalankan, berarti kode koneksi yang dibuat, sukses. Tapi
sebaliknya, jika muncul pesan seperti berikut :
Coba perhatikan lagi kode pada module koneksi, periksa dan betulkan seperti
kode koneksi yang sudah dituliskan diatas.
Selanjutnya, kita akan mengisi data Hak Akses yang akan dibuat untuk
membagi-bagi akses di program pada bagian combo Hak Akses. Langkahnya,
lakukan double klik pada sembarang area form, dan ketikkan kode berikut :
Ada tambahan baris kode

program baru, untuk
memanggil kode Hak Akses
Sekarang jalankan lagi programnya, dan apabila dijalankan muncul formulir

seperti pada gambar berikut, selamat langkah Anda sudah benar.
Kode hak akses

yang dibuat,
muncul disini
SIMPAN
Sekarang akan dilakukan proses penyimpanan data. Proses penyimpanan data

dapat dilakukan apabila semua isian inputan pada formulir kasir sudah diisi
semua. Untuk memulai pengkodean, lakukan doble klik pada sembarang area
form lebih dahulu, kemudia arahkan kursor kebagian atas dari form, dan dibawah
bagian Public Class FrmKasir masukkan kode berikut :
Selanjutnya, double klik tombol Simpan dan ketikkan kode program berikut :
Coba jalankan programnya, dan lakukan penyimpanan beberapa data.
Setelah beberapa data berhasil disimpan, bukalah tabel kasir yang ada
didatabase toko_buku. Berikut adalah tampilan tabel kasir, jika dibuka dari
program Navicat.
Lihatlah pada kolom password,

teks password yang diinputkan,
sudah di Encryp, sehingga tidak
mudah dibaca
Kalau dilihat di PHPMyadmin, seperti berikut :
Lihatlah pada kolom password,

teks password yang diinputkan,
sudah di Encryp, sehingga tidak
mudah dibaca
MEMFORMAT DAN MENGISI TABEL
Saat data sudah berhasil disimpan, pada tabel yang ada diform, sama sekali
tidak memunculkan perubahan. Nah pada langkah ini, akan dibuat kode
bagaimana menampilkan data yang sudah disimpan di database, ditampilkan ke
tabel yang ada di form.
Double klik pada sembarang area form, buat Sub Prosedur baru, namakan
IsiTabel yang kodenya sebagai berikut :
Sebelum lupa, tambahkan nama sub prosedur isi tabel ke frmKasir_Load,
sehingga menjadi berikut :
Tambahan sub prosedur IsiTabel

pada frmKasir_Load, agar isi
tabel ditampilkan saat form kasir
dijalankan
Selanjutnya, jangan lupa juga untuk menambahkannya dikode Simpan, tepatnya

diatas kode pesan informasi kalau data sudah berhasil disimpan, menjadi seperti
pada baris kode berikut :
Tambahan sub prosedur IsiTabel

pada tombol Simpan, agar ketika
proses simpan dilakukan, data
langsung bisa ditampilkan
Sekarang jalankan programnya, isikan beberapa data dan lihatlah hasilnya.
Isi tabel sudah bisa tampil, baik

ketika form dijalankan, maupun
saat melakukan proses
penyimpanan
UBAH
Membuat kode tombol ubah, double klik pada tombol Ubah, dan ketikkan kode
program berikut :
Sebelum tombol Ubah bisa dieksekusi, terlebih dahulu user perlu memasukkan
data-data yang sudah pernah dimasukkan ke database sebelumnya. Cara yang
paling mudah untuk melakukan itu adalah dengan lakukan klik pada salah satu
baris data yang ada di tabel. Untuk bisa melakukannya, silahkan double klik pada
tabel, dan ketikkan kode program berikut :
Proses Descrypsi
Password
Sekarang jalankan programnya, dan lihatlah hasilnya
HAPUS
Tombol Hapus digunakan untuk menghapus data sudah pernah dimasukkan

sebelumnya. Alur untuk melakukannya adalah, klik salah satu baris data di tabel
yang akan dihapus datanya, kemudian klik tombol Hapus. Untuk klik baris data
pada tabel, kodenya suda dibuat, sekarang tinggal kode di tombol hapus. Klik
dua kali pada tombol Hapus, dan ketikkan kode berikut :
Ada sub prosedur kosong
Isi sub prosedur

Kosong
Jalankan programnya dan coba praktekkan menghapus salah satu atau
beberapa data.
TAMBAH
Tombol digunakan untuk menyiapkan inputan supaya siap untuk diisi data baru.
Jadi jika inputan masih ada isinya, fungsi tombol tambah ini adalah
mengosongkan inputan dan meletakkan kursor di inputan Id Kasir. Untuk
melakukannya, dobule klik pada tombol tambah, dan ketikkan kode program
berikut :
KELUAR
Terakhir tombol keluar. Tombol keluar digunakan untuk keluar dari formulir.
Silahkan doble klik pada tombol keluar, dan ketikan kode program berikut :
Selesai sudah untuk formulir data kasir. Sekarang jalankan programnya dan
lakukan semua percobaan pada semua tombol yang sudah dilakukan pada
langkah langkah sebelumnya.
PINDAH INPUTAN
DENGAN MENEKAN TOMBOL ENTER
Meskipun perpindahan dari satu inputan ke inputan lain, atau dari objek satu ke
objek yang lain sudah difasilitasi dengan menekan tombol Tab (properties
TabIndex), namun masih perlu dibuat agar perpindahan dari satu inputan ke
inputan lain menggunakan tombol enter. Untuk melakukannya, silahkan double
klik pada inputan tIdKasir dan pilih event Keypress kemudian ketikkan kode
program berikut :
Lakukan berturut-turut sampai pada pilihan Hak Akses menuju ke tombol

Simpan.
MEMBUAT MENU UTAMA
Langkah selanjutnya adalah membuat Menu Utama. Menu ini akan kita
fungsikan untuk menampung semua formulir yang dibuat atau tempat memanggil
semua formulir.
Biasanya dalam memebuat menu utama, digunakan form MDI (multiple

document interface) tapi dalam modul ini, menu utama hanya akan dibuat dari
form biasa saja, karena kemudahan penggunaan, sementara fungsionalnya
sama persis dengan MDI, atau setidaknya akan dibuat sama persis.
Untuk membuatnya, silahkan tambahkan form baru pada project Anda, dan beri
nama Menu Utama.
Kemudian aturlah propertiesnya sebagai berikut :
No. Properties Nilai

1. Name frmMenuUtama
2. BackGroundImage Menyesuaikan
3. FormBorderStyle FixedSingle
4. Icon Menyesuikan
5. MaximizeBox False
6. MinimizeBox False
7. StartPosition CenterScreen
8. Size Height Menyesuaikan
9. Size Widht Menyesuaikan
10. Lock True
Atur supaya form Menu Utama ini bisa dijadikan start up ketikan program
dijalankan lewat klik kanan Toko Buku di Solution Explorer, kemudian pilih
Properties dari menu popup yang muncul.
Atur ke
frmMenuUtama
sebagai startup form
Sekarang kalau dijalankan, Menu Utama-nya akan tampak seperti gambar

berikut :
Selanjutnya, kita akan membuat Menu dibawah title bar, dibawahnya kita juga
akan membuat Toolbar, dan Status Bar dibagian bawah dari form utama.
Pada ToolBox, tambahkan komponen MenuStrip, ToolStrip dan StatusStrip.

Ketiga komponen ini jika ditambahkan pada form, akan berada dibagian bawah
form, seperti yang terlihat pada gambar berikut :
Komponen yang
baru
ditambahkan
Sekarang buatlah menu menu yang dibutukan oleh program dengan cara klik
pada bagian menu yang berada diatas form utama dibawah title bar, dan
tambahkan teks File Data Kasir Keluar. Lihat Gambar dibawah ini :
Membuat
menu
Jangan lupa, biar tampilannya enak dilihat, tambahkan juga gambar di masing-
masing menu, dengan cara klik kanan pada menu yang bersangkutan kemudian
pada popup menu yang muncul pilih Set Image Local Resource Import.
Cari file gambar dan sesuaikan dengan kebutuhan
Hasilnya bisa dilihat seperti pada gambar berikut :
Selanjutnya membuat ToolBar. Untuk membuat toolbar, klik pada toolbar yang
ada dibagian bawah menu, klik dan pilih Button. Kemudian ganti gambar button
dengan klik kanan pada Button yang sudah dibuat, kemudian pilih Set Image.
Selanjutnya berturut-turut, buatlah menu dan toolbar sebagai berikut :
Catatan :
Atur warna Toolbar sesuai keinginan dan pada masing-masing toolbar, silahkan
atur text propertiesnya pada bagian ToolTipText, berturut-turut dari arah kiri.
Data Supplier, Data Buku, Pembelian, Penjualan.
Toolbar yang diatur

ToolTipText-nya akan
memunculkan teks jika kita
arahkan kursor mouse padanya
Langkah berikutnya, membuat Status Bar. Status Bar yang akan kita buat
tujuannya nanti untuk menampung data ID Kasir dan Nama Kasir yang sedang
login atau sedang menggunakan program ini.
Klik pada Status Bar (dibagian bawah form Menu Utama), kemudian pilih
StatausLabel.
Gantilah teks ToolStripStatusLabel1 menjadi KD Kasir dan tambahakn sebuah

gambar juga (caranya sama dengan ketika membuat menu diatas).
Tambahkan lagi disebelahnya berturut-turut 2 buah StatusLabel, yang pertama

ganti teksnya menjadi | dan Nama Kasir, dan aturlah warnanya sesuai
selera.
Jika semua sudah jadi, coba jalankan programnya, paling tidak tampilan menu
utama Anda akan tampak seperti pada gambar berikut :
Sebelum mengakhiri pembahasan pembuatan menu utama ini, jangan lupa untuk
memanggil formulir Kasir yang sudah dibuat pada pembahasan sebelumnya.
Double klik pada Menu File Data Kasir, dan masukkan kode berikut :
Jalankan sekali lagi programnya, dan coba klik menu File Data Kasir. Jika
muncul form Kasir, selamat sampai pada langkah ini, pekerjaan Anda sudah
benar.
MEMBUAT FORM LOGIN
Form login adalah form yang pertama kali akan dijalankan / ditampilkan saat
aplikasi akan digunakan. Dengan dibuatnya form login ini, artinya kita akan
membuat batasan bahwa hanya user tertentu yang memiliki akses saja yang bisa
masuk untuk menggunakan applikasi ini.
Pada form login ini, user yang akan menggunakan program ini, diminta untuk
mamasukkan kode user dan passwordnya. Jika yang dimasukkan benar, masih
harus dilakukan pengecekan hak akses yang dimiliki oleh user bersangkutan.
Jika hak aksesnya Admin, maka user ini bisa mengakses semua fitur yang ada,
tapi jika user ini hanya user biasa, maka beberapa fitur tidak akan dapat diakses,
diantarnya :
1. Form user
2. Form Pembelian Buku
3. Form Cetak Pembelian Buku
4. Form Cetak Penjualan
5. Dll sesuai dengan yang ditentukan kemudian
Sebelum membuat form login, pastikan lebih dulu Propeties Name untuk Kode
Kasir dan Nama Kasir pada form utama diatur sebagaimana gambar berikut :
Name : sbNamaKasir
Text : Nama Kasir
Selanjutnya desain rancangan formulir untuk login, dengan cara menambahkan

form baru pada projek kita, dan berinama Login, seperti pada gambar berikut :
1. Klik kanan
2. Klik
3. Pilih Windows
Forms
1. Pilih form
3. Klik Add
2. Ketik Login
l
Kemudian rancang form Login sebagaimana berikut :
Form1
TextBox1
TextBox2
TextBox3
PictureBox1
Button1 Button2
Aturlah propertiesnya sebagaimana tabel berikut :

Name frmLogin
File Name Kasir.vb
StartPosition CenterScreen
MaximazeBox False
1. Form1 MinimazeBox False
Icon Menyesuaikan
FormBorderStyle FixedSingle
Locked True
Text | KASIR
Name tIdKasir
Maxlength 5
2. TextBox1
TabIndex 0
CaracterCasing Upper
Name tUserName
Enable False
Name tPassword
TabIndex 1
Name bSimpan
Text Simpan
5. Button1 TabIndex 2
Name bBatal
Text Batal
6. Button1 TabIndex 3
Image Menyesuaikan
7. PictureBox1
SizeMode StretchImage
Setelah rancangan form login dibuat dan propertiesnya sudah diatur sedemikian
rupa seperti tabel diatas, saatnya sekarang melakukan pengkodean.
Sebagai catatan, form login ini, akan mengambil data dari tabel kasir. Jadi kita
tidak perlu membuat tabel lagi khusus untuk form login ini. Alur penggunaan form
login ini adalah :
1. Pertama kali program dijalankan, form login ini muncul, dan kursor berada
diisian ID Kasir
2. User memasukkan ID Kasir yang dia miliki, kemudian tekan tombol enter.
Jika ID Kasirnya benar, maka munculkan nama kasir diisian nama dan
meletakkan kursor diisian password.
3. User memasukkan password dan tekan tombol enter. Jika password
benar, lakukan pengecekan hak akses kemudian tampilkan form utama
yang dibagian bawahnya (status bar) mengambil nilai ID Kasir dan Nama
Kasir yang sudah dimasukkan oleh user.
Berikut langkah-langkah pengkodeannya. Lakukan double klik ada sembarang
area form, dan pada form load ketikkan kode berikut :
Kemudian arahkan kursor kebagian paling atas sendiri dari halaman koding dan
pas dibawah Public Class frmLogin, ketikkan kode berikut :
Selanjutnya, double klik pada isian ID Kasir, kemudian pilih event KeyPress dan
ketikkan kode berikut :
Setelah kode diatas dibuat, coba jalankan dan masukkan ID Kasir yang sudah
pernah dibuat ada isian ID Kasir, kemudian tekan tombol Enter, hasilnya bisa
dilihat pada gambar berikut :
Tekan tombol Enter

setelah memasukan, ID
Kasir
Jika ID Kasir benar, akan

muncul User Name
Selanjutnya kita akan membuat kode di Inputan Password, dimana jika nanti
user memasukkan password, akan dilakukan pengecekan apakah password
yang dimasukkan sudah sesuai dengan ID Kasir yang dimiliki atau belum.
Setelanjutnya jika password yang dimasukkan benar, akan dilakukan
pengecekan mengenai Hak Akses yang dimiliki oleh user dengan ID Kasir
tersebut.
Double klik pada isian Password, kemudian ketikkan kode berikut, pada event
KeyPress.
Sekarang coba jalankan, masukkan ID Kasir, tekan Enter ,kemudian masukkan

Password dan tekan Enter.
Pesan jika ID Kasir dan

Password yang
dimasukkan benar
Pesan jika ID Kasir dan
Password yang
dimasukkan SALAH
Jika ID Kasir dan Password yang dimasukkan benar, kemudian tekan tombol OK,
maka akan ditampilkan menu utama yang dibagian bawahnya (di status bar)
berisi ID Kasir dan Nama Kasir yang sudah dimasukkan pada isian ID Kasir dan
Nama Kasir yang sudah dimasukkan tadi.
Informasi
Data Kasir
Langkah selanjutnya adalah membuat kode di tombol LOGIN dan BATAL.

Lakukan double klik pada tombol BATAL dan ketikkan kode dibawah ini. (Untuk
lebih mudah dan lebih cepatnya, tinggal copy paste saja dari event KeyPress
yang ada di isian Password yang sudah dibuat diatas. Karena pada prinsipnya,
fungsi tombol LOGIN ini sama persis dengan koding di event KeyPress isian
password, tapi copy paste kodenya tidak dimulai dari pembacan tombol Enter,
dimulai dari baris dibawahnya).
Langkah terakhir adalah kode pada tombol BATAL. Tombol ini difungsikan untuk
menutup applikasi jika user tidak jadi atau membatalkan untuk menggunakan
applikasi.
Double klik pada tombol BATAL dan ketikkan kode berikut :
Selesai, dan selamat mencoba.!

Modul Membuat Data Kasir Dan Login

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Modul Membuat Data Kasir Dan Login

Diunggah oleh

Hak Cipta:

Format Tersedia

MODUL

SISTEM INFORMASI TOKO BUKU

Buatlah database toko_buku dengan cara membuka applikasi PHPMyadmin

Kalau sudah muncul nomor port,

Klik untuk membuat

2. Klik tombol Kirim untuk

3. Jumlah field tabel

Bualah nama field,

Lebar password dibuat

Sebelum membuat memulai langkah kerja membuat formulir kasir, terlebih

Folder Modal dll

Pastikan 2 file ini

Klik New Project

No. Nama Tool Properties

Langkah selanjuntya, tambahkan modul baru untuk membuat koneksi ke

Selanjutnya, akan dihadapkan pada layar untuk memasukkan coding koneksi

Sebelum mulai memasukkan kode koneksi, terlebih dahulu kita perlu

4. File .dll yang sudah

6. Daftar file .dll yang

Sekarang waktunya memasukkan kode koneksi ke database pada module

Setelah module koneksi dibuat kodingnya, saatnya kita melakukan testing,

Ada tambahan baris kode

Sekarang jalankan lagi programnya, dan apabila dijalankan muncul formulir

Kode hak akses

Sekarang akan dilakukan proses penyimpanan data. Proses penyimpanan data

Lihatlah pada kolom password,

Kalau dilihat di PHPMyadmin, seperti berikut :

Lihatlah pada kolom password,

Tambahan sub prosedur IsiTabel

Selanjutnya, jangan lupa juga untuk menambahkannya dikode Simpan, tepatnya

Tambahan sub prosedur IsiTabel

Sekarang jalankan programnya, isikan beberapa data dan lihatlah hasilnya.

Isi tabel sudah bisa tampil, baik

Sekarang jalankan programnya, dan lihatlah hasilnya

Tombol Hapus digunakan untuk menghapus data sudah pernah dimasukkan

Ada sub prosedur kosong

Isi sub prosedur

Lakukan berturut-turut sampai pada pilihan Hak Akses menuju ke tombol

Biasanya dalam memebuat menu utama, digunakan form MDI (multiple

No. Properties Nilai

Sekarang kalau dijalankan, Menu Utama-nya akan tampak seperti gambar

Pada ToolBox, tambahkan komponen MenuStrip, ToolStrip dan StatusStrip.

Data Supplier, Data Buku, Pembelian, Penjualan.

Toolbar yang diatur

Gantilah teks ToolStripStatusLabel1 menjadi KD Kasir dan tambahakn sebuah

Tambahkan lagi disebelahnya berturut-turut 2 buah StatusLabel, yang pertama

Selanjutnya desain rancangan formulir untuk login, dengan cara menambahkan

Kemudian rancang form Login sebagaimana berikut :

No. Nama Tool Properties

Tekan tombol Enter

Jika ID Kasir benar, akan

Sekarang coba jalankan, masukkan ID Kasir, tekan Enter ,kemudian masukkan

Pesan jika ID Kasir dan

Langkah selanjutnya adalah membuat kode di tombol LOGIN dan BATAL.

Double klik pada tombol BATAL dan ketikkan kode berikut :

Selesai, dan selamat mencoba.!

Anda mungkin juga menyukai