1 bab 1 introduction visual basic - · pdf fileorang yang baru belajar membuat program. hal...
TRANSCRIPT
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 1
BAB 1
INTRODUCTION
VISUAL BASIC
1. Mengenal Visual Basic 6.0
Bahasa Basic pada dasarnya adalah bahasa yang mudah dimengerti sehingga
pemrograman di dalam bahasa Basic dapat dengan mudah dilakukan meskipun oleh
orang yang baru belajar membuat program. Hal ini lebih mudah lagi setelah hadirnya
Microsoft Visual Basic, yang dibangun dari ide untuk membuat bahasa yang sederhana
dan mudah dalam pembuatan scriptnya (simple scripting language) untuk graphic user
interface yang dikembangkan dalam sistem operasi Microsoft Windows.
Visual Basic merupakan bahasa pemrograman yang sangat mudah dipelajari, dengan
teknik pemrograman visual yang memungkinkan penggunanya untuk berkreasi lebih
baik dalam menghasilkan suatu program aplikasi. Ini terlihat dari dasar pembuatan
dalam visual basic adalah FORM, dimana pengguna dapat mengatur tampilan form
kemudian dijalankan dalam script yang sangat mudah.
2. Interface Antar Muka Visual Basic 6.0
Interface antar muka Visual Basic 6.0, berisi menu, toolbar, toolbox, form, project
explorer dan property seperti terlihat pada gambar di bawah ini.
1
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 2
Gambar : Interface antar muka Visual Basic 6.0
Menu
Menu merupakan kumpulan perintah-perintah yang dikelompokkan dalam kriteria
operasi yang dihasilkan. Ada 13 menu utama yang terdapat pada Visual Basic yaitu :
Toolbox
Menu Toolba r Pro j ect Ex p lore r
Tem p at Form Pro p ert y
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 3
Nama Keterangan
File Kelompok perintah yang berfungsi untuk pengaturan suatu file
seperti New, Save, Open dan sebagainya.
Edit Kelompok perintah untuk pengeditan, baik pengeditan obyek,
komponen maupun kode pada Code Editor. Contohnya Cut,
Paste, Align.
View Perintah-perintah untuk mengaktifkan bagian-bagian dari
Integrated Development Environtment Visual Basic 6.0
Project Berfungsi untuk manajemen proyek serta pendukungnya.
Format Kelompok perintah untuk melakukan proses format.
Debug Untuk pengaturan dalam pencarian kesalahan program.
Run Berfungsi untuk menangani proses kompilasi program seperti
Run, Build, Step Over, Debug dan seterusnya.
Query Kumpulan perintah untuk mengakses data yang diperlukan pada
aplikasi database. Menu ini adalah menu baru pada Versi 6.0
Diagram Menyediakan perintah untuk pengaturan diagram. Diagram yang
merupakan menu baru pada Versi 6.0 ini sangat menolong dalam
proses perancangan.
Tools Sebagai penyedia perlengkapan tambahan yang diperlukan dalam
penyusunan program.
Add-Ins Untuk pengaturan program tambahan bagi Visual Basic 6.0
Window Pengaturan window yang sedang terbuka.
Help Menyediakan informasi untuk menolong pemakai dalam
menggunakan Visual Basic 6.0
Toolbar
Toolbar adalah ikon yang berisi perintah yang sering digunakan, berada di bawah
menu. ToolBar disediakan Visual Basic untuk mengakses berbagai fungsi yang ada
dalam menu secara lebih cepat dan lebih mudah. Untuk penjelasan tentang fungsi
masing-masing tombol pada toolbar perhatikan tabel berikut:
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 4
Project Exploler
Jika membuat program aplikasi, akan terdapat jendela project yang berisi semua file
yang dibutuhkan untuk menjalankan program aplikasi Visual Basic yang dibuat.
Pada jendela project terdapat tiga icon yaitu :
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 5
Nama Fungsi
View Code Menampilkan jendela Code yang digunakan untuk menulis
kode program yang terhubung dengan objek yang terpilih pada
jendela form.
View Object Menampilkan jendela Object untuk item yang terpilih pada
form aktif.
Toggle Folders Menampilkan atau menyembunyikan folder yang menampung
nama form suatu object.
Untuk menampilkan window ini caranya :
- Dari menu View pilihlah Project Explorer.
- Tekan tombol CTRL+R pada keyboard.
Tempat Form
Form adalah suatu objek yang dipakai sebagai tempat bekerja program aplikasi.
Form digunakan ketika akan meletakkan object-object apa saja yang akan digunakan
dalam program, object-object yang terdapat dalam toolbox, diletakkan dan didesain
dalam bagian form. Pada Form terdapat beberapa elemen yang dapat digunakan
untuk mengatur tampilan yaitu Minimize, Maximize/Restore, dan Close
Untuk mengaktifkan form ada beberapa cara yaitu :
- Klik tombol View Object pada window Project.
- Dari menu View klik perintah Object.
- Tekan tombol Shift+F7 pada keyboard.
Properties Window
Properties digunakan untuk menentukan setting suatu objek. Suatu objek biasanya
mempunyai beberapa properti yang dapat diatur langsung dari jendela Properties atau
lewat kode program. Ada 2 cara dalam menampilkan jendela properti sesuai nama
tab yaitu Alphabetic (berdasarkan abjad) dan Categories (berdasarkan fungsinya).
Untuk menampilkan window ini caranya :
- Dari menu View pilihlah Properties Window
- Tekan tombol F4 pada keyboard
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 6
Toolbox
Toolbox adalah kotak alat yang berisi icon-icon untuk memasukkan objek tertentu ke
dalam jendela form. Kita dapat memodifikasi toolbox, misalnya menambah
komponen icon dengan cara melakukan klik kanan pada toolbox lalu memilih
Components atau Add Tab.
Gambar : Toolbox
Pointer Arrow
Label
Fram e
CheckBox
Co m boBox
Horisontal S lider
Ti m e r
DirListBox
Shape
Im a g e
OLE
Picture
TextBox
Co mmand Button
Radio B utton
ListBox
Vertical Silder
DriveListBox
FileListBox
Line
DataControl
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 7
Gambar : Penjelasan fungsi-fungsi dari ToolBox
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 8
3. Membuat Project Baru
Untuk memulai pembuatan program aplikasi di dalam Visual Basic, yang dilakukan
adalah membuat project baru. Project adalah sekumpulan form, modul, fungsi, data dan
laporan yang digunakan dalam suatu aplikasi. Membuat project baru dapat dilakukan
dengan memilih menu [File] >> [New Project] atau dengan menekan ikon [new project]
pada Toolbar yang terletak di pojok kiri atas. Setelah itu akan muncul konfirmasi
untuk jenis project dari program aplikasi yang akan dibuat seperti terlihat pada gambar
di bawah ini.
Gambar : Layar pemilihan jenis project
Visual Basic 6.0 menyediakan 13 jenis project yang bisa dibuat seperti terlihat pada
gambar 1.3 di atas. Ada beberapa project yang biasa digunakan oleh banyak pengguna
Visual Basic, antara lain:
Standard EXE: Project standar dalam Visual Basic dengan komponen-komponen
standar. Jenis project ini sangat sederhana, tetapi memiliki keunggulan bahwa
semua komponennya dapat diakui oleh semua unit komputer dan semua user
meskipun bukan administrator. Project Standard EXE ini, digunakan sebagai
konsep pemrograman visualnya.
ActiveX EXE: Project ini adalah project ActiveX berisi komponen-komponen
kemampuan intuk berinteraksi dengan semua aplikasi di sistem operasi windows.
ActiveX DLL: Project ini menghasilkan sebuah aplikasi library yang selanjutnya
dapat digunakan oleh semua aplikasi di sistem operasi windows.
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 9
ActiveX Control: Project ini menghasilkan komponen-komponen baru untuk
aplikasi Visual Basic yang lain
VB Application Wizard: Project ini memandu pengguna untuk membuat aplikasi
secara mudah tanpa harus pusing-pusing dengan perintah-perintah pemrograman.
Selanjutnya pilih Standard EXE dan tekan [Ok]. Lalu muncul tampilan dari
Standard Exe seperti pada gambar 1.1. Dengan demikian project sudah siap dibuat.
Gambar : Jendela Form
Jendela Form
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 10
Pada jendela form, pengguna dalam membangun tampilan dari program aplikasi yang
akan dibuat dengan mengatur komponen-komponen baik letak, properti dan eventnya.
PENGENALAN PRA
Program PRA – Perusahaan Dagang yaitu program aplikasi yang dibuat atau
dikembangkan dengan tujuan mempermudah para akuntan dalam melakukan
pembukuan atau penjurnalan akuntansi yang terjadi pada perusahaan dagang.
Program PRA – Perusahaan Dagang dibuat dengan menggunakan Microsoft Visual
Basic 6 sebagai Intergrated Development Environment ( IDE ) / Engine / jenis
perangkat lunak untuk mengembangkan aplikasi. Bahasa pemrograman yang
digunakan yaitu bahasa Visual Basic, dengan alasan bahasa pemrograman ini mudah
dipahami dan bahasanya paling dekat dengan bahasa manusia daripada bahasa
pemrograman lain.
Program PRA – Perusahaan Dagang terdiri dari beberapa form dan 1 database (
terdiri dari tabel – tabel dan sebaiknya simpan semua File dalam 1 folder).
Jendela Kode
Gambar : Jendela Kode
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 11
MENJALANKAN PROGRAM VISUAL BASIC 6
1. Jalankan aplikasi Microsoft Visual Basic 6
2. Pilih Standard EXE Open
Gambar : Memilih jenis program yang dibuat
Gambar : Tampilan form
3. Sebelum menyimpan, pastikan sudah buat folder PRA
4. Ketik CTRL+S pilih folder PRA beri nama : pra1 Save
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 12
Gambar : Menyimpan file Project
Aktifkan ADODB Library
1. Pilih menu Project References…
2. checklist Microsoft ActiveX Data Object 2.1 Library OK
Gambar : Aktivasi ADODB Library
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 13
Membuat Database
Program Database yang digunakan yaitu Microsoft Access 2007
1. Buka program Microsoft Office Access 2007
2. Pilih Blank Database Klik Icon
3. Pilih folder PRA dan isi File name dan jangan lupa ubah Save as Type-nya
File name : GL3
Save as type :
Gambar : Memberi Nama & type pada file database
4. Kemudian Klik OK
Note :
*kenapa save type –nya acces 2002-2003 karena file acces 2007 tidak
disupport dengan Microsoft Visual Basic 6
5. Klik Create
Gambar : Menyimpan Database GL3
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 14
6. Hasilnya seperti dibawah ini
Gambar : Database yang baru dibuat
Membuat Module
Modul adalah sebagai tempat menampung fungsi yang bersifat umum artinya fungsi
(function) tersebut dapat dipanggil / digunakan dari coding form manapun.
Fungsi (function) yang dimasukkan kedalam modul yaitu berupa source code (coding)
yang pengguanaannya sesuai kebutuhan, misal function untuk memanggil database,
function untuk deklarasikan suatu variabel , function untuk membuat sebuah rumus /
formula matematika.
Sebuah program yang dibuat dengan Visual Basic 6, dapat menggunakan banyak
modul. Untuk membuat aplikasi PRA – Perusahaan Dagang, function yang dimasukkan
dalam modul berupa:
Pendeklarasian variabel
Koneksi database dengan beberapa Form
Ikuti langkah-langkah berikut :
1. Langkah Pertama lakukan sesuai gambar di bawah ini, atau dengan cara Pilih
Project Add Module.
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 15
Gambar : Membuat modul baru
2. Selanjutnya muncul tampilan Add Module, Tekan Open untuk membuat sebuah
module
Gambar : Membuat modul baru atau membuka modul yang sudah ada
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 16
Gambat : Tempat memasukan coding
3. Selanjutnya masukan coding ke jendela source code
Gambar : Tampilan sudah di masukan code
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 17
BAB 2
FORM UTAMA
Membuat Form Menu Utama
Form Menu Utama berguna untuk tampilan awal ketika program pertama kali
dijalankan. Jenis form yang digunakan yaitu MDI Form. MDI Form yaitu jenis form
yang biasanya untuk membuat program aplikasi yang berbentuk Multiple Document
Interfaces maksudnya form induk yang didalamnya ada form – form yang disebut
MDI Child .
MDI Form merupakan jenis form yang digunakan untuk membuat menu – menu
dan tampilan utama aplikasi .
Langkah – langkah :
1. Lanjut di program Visual Basic 6
2. Pilih menu Project Add MDI Form MDI Form Open
Gambar : Membuat form baru
2
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 18
Gambar : Membuat Form baru
3. Simpan MDIForm, dengan tekan CTRL+S beri nama frmMain
4. Buat menu – menu dengan cara
klik kanan pada form klik Menu Editor
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 19
Gambar : Membuat Menu Editor
5. Buat menu – menu sesuai ketentuan sebagai berikut :
Gambar : Menu – menu yang dibuat
Caption Name
&File MnFile
Informasi Perusahaan MnFileIP
&Exit MnExit
&Edit MnEdit
Pelanggan mnEditPel
Pemasok mnEditPem
Barang mnEditBrg
Tabel : Caption & Name dari Menu-menu
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 20
5.1 Cara membuat menu
Lalu isi Caption & Name sesuai tabel diatas
Gambar : Membuat menu File
Tekan Next kemudian buat submenu
5.2 Cara membuat submenu
Tekan sekali saja (sampai tampil …. )
example :
Lalu isi Caption & Name sesuai tabel diatas
Gambar : Membuat submenu yaitu Informasi Perusahan
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 21
Tekan Next
Kemudian buat menu dan submenu lainnya seperti langkah-langkah di atas.
Sampai Submenu Barang
Gambar : Tampilan keseluruan
Kemudian Klik OK
Gambar : Tampilan menu file
Gambar : Tampilan menu edit
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 22
6. Ubah properties form agar tampilannya maximize pada saat dijalankan sbb:
- Klik pada form frmMain
- Pada jendela properties , Ubah Windows State yaitu 2-Maximized
7. Kemudian klik kanan pada MDI Form View Code lalu Ketikkan coding (
source code ) berikut :
Gambar : Memasukkan coding ke jendela source code
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 23
8. Selanjutnya masukan coding ke jendela source code
Gambar : Tampilan ketika sudah di masukan codingan
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 24
BAB 3
FORM INFORMASI PERUSAHAAN
Membuat Form Informasi Perusahaan
Form Informasi perusahaan adalah form mengenai informasi perusahaan, jadi
pada form ini user dapat melakukan penambahan (adding) data perusahaan, delete, dan
pengeditan detail informasi perusahaan mulai dari nama,alamat, no. Telp perusahaan.
Data –data informasi perusahaan akan disimpan di database Microsoft Access 2007,
jadi form ini harus terintegrasi dengan tabel dari database GL3 yang telah dibuat
sebelumnya.
Form adalah sebuah wadah untuk menanamkan banyak objek-objek, di VB objek-
objek tersebut seperti textbox, listBox, DataGrid, dll.
Sebelum membuat form informasi perusahaan, maka harus membuat tabel informasi
perusahaan pada database GL3.
Berikut langkah-langkahnya:
1. Membuat Tabel Informasi Perusahaan
a. Pastikan sudah membuka GL3.mdb (yang telah dibuat tadi)
b. Pilih menu Create Table Pilih View pilih Design view
Gambar : Proses Pembuatan Tabel Info
3
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 25
c. Beri nama Info OK
Gambar : Menyimpan Tabel Info
d. Isi Field sbb:
Gambar : Field dari Tabel Info
e. Bila semua sudah selesai dikerjakan, maka simpanlah tabel yang telah dibuat
dengan mengklik kanan pada tabel Info, kemudian pilih Save.
f. Lalu isi record pada tabel (kalau bisa samain dengan gambar dibawah ini)
Gambar : Isi Record pada Tabel Info
Note :
Field adalah atribut judul dari pada record-record
Record adalah kumpulan dari elemen-elemen data yang terkait dalam sebuah basis
data.
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 26
2. Membuat Form Informasi Perusahaan
Form Informasi Perusahaan menggunakan beberapa objek diantaranny
Berikut langkah-langkah pembuatannya :
1. Pastikan sudah membuka project pral.vbp (yang tadi dibuat)
2. Pilih menu Project Add Form Form Open
Gambar : Proses Pembuatan Form
3. Simpan form degan tekan CTRL + S beri nama frmInfo Save
TextBox : Membuat area teks, sifatnya read-write access, dapat
diubah oleh pemakai
Command Button : Untuk membuat sebuah tombol pelaksanaan
perintah.
Label : Menampilkan teks, sifatnya display-only access, tidak dapat
diperbaiki/diubah oleh pemakai program.
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 27
Gambar: Menyimpan Form Informasi Perusahaan
4. Desain form seperti gambar dibawah ini
Gambar: Desain Informasi Perusahaan
2
3
4
5
6
7
8
9
10
11
15
14
13
16
17 18 19
12
1
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 28
5. Atur Properties tiap-tiap objek pada jendela properties sesuai tabel dibawah
ini(sesuaikan nomor-nomor pada gamber diatas)
No Object Name Caption MDIChild Text
1 Form FrmInfo Informasi
Perusahaan
True
2 Label Label Nama
Perusahaan
3 Label Labe2 Alamat
4 Label Labe3 No.Telp
5 Label Labe4 Jenis
Perusahaan
6 TextBox txtNama
7 TextBox txtAlamat1
8 TextBox txtAlamat2
9 TextBox txtAlamat3
10 TextBox txtTelp
11 TextBox txtJnsPrsh Perusahaan
Dagang
12 CommandButton cmdFirst <<
13 CommandButton cmdPrev <
14 CommandButton cmdNext >
15 CommandButton cmdLast >>
16 CommandButton cmdAdd Add
17 CommandButton cmdSave Save
18 CommandButton cmdEdit Edit
19 CommandButton cmdDelete Delete
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 29
Gambar : Tampilan Properties untuk Form
Gambar : Tampilan Properties untuk Label
Jangan lupa di
ganti Name-nya
Jangan lupa di
ganti Caption-nya
Hanya Caption
yang di ubah
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 30
Gambar : Tampilan Proprtties untuk TextBox
Gambar: Tampilan Properties untuk Commond Buttom
Jangan lupa
Name-nya di
ubah
Jangan lupa di
ganti Caption-nya
Jangan lupa di
ganti Name-nya
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 31
6. Selanjutnya masukan coding ke jendela source code
Gambar : Memasukan Coding ke jendela Source Code
7. Setelah masukan coding kemudian di Run dengan pilih toolbar
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 32
8. Kemudian tampilannya seperti di bawah ini.
Gambar : Proses Running Form Informasi Perusahaan
Gambar : Tampilan form Informasi Perusahaan
9. Coba anda lakukan edit, delete, Save, Add ,Cancel dan tekan tombol next (>),
preview (<), First (<<) , Last (>>)
10. Coba pilih Add, kemudian tambahkan data kemudian pilih Save, akan muncul
“Data berhasil di simpan”
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 33
Gambar : Tampilan Penambahan data
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 34
BAB 4
FORM PELANGGAN
Membuat Form Pelanggan
Form Pelanggan merupakan form mengenai data pelanggan yang berfungsi untuk
Input, Edit dan Delete data pelanggan yang nantinya data pelanggan ini digunakan pada
Transaksi Penjualan Barang. Data-data yang biasanya terdapat pada Form Pelanggan
yaitu: Kode Pelanggan, Nama Pelanggan, Alamat, dan No. Telpon.
Data-data pelanggan akan disimpan di database Microsoft Access 2007, Jadi form
ini harus terintegrasi dengan tabel dari database GL3 yang telah dibuat sebelumnya.
Sebelum membuat form pelanggan , maka harus membuat tabel pelanggan pada
database GL3.
Berikut langkah –langkahnya :
Membuat Tabel Pelanggan
1. Pastikan sudah membuka database GL3.mdb ( yg telah dibuat tadi )
2. Pilih menu Create Table Pilih View pilih Design view
Gambar : Proses Pembuatan Tabel Pelanggan
3. Beri nama pelanggan klik OK
4. Isi field sbb, setelah di isi lalu klik kanan save
4
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 35
Gambar : Field dari tabel pelanggan
5. Lalu isi record pada tabel (double klik tabel pelanggan)
Gambar : isi record pada tabel pelanggan
6. Selesai !!!!
Membuat Form Pelanggan
Form Informasi Perusahaan menggunakan beberapa objek diantaranya :
TextBox : Membuat area teks, sifatnya read-write access, dapat
diubah oleh pemakai
Command Button : Untuk membuat sebuah tombol pelaksanaan
perintah.
Label : Menampilkan teks, sifatnya display-only access, tidak
dapat diperbaiki/diubah oleh pemakai program.
Frame : Dapat meletakkan/mengelompokan beberapa kontrol
didalamnya
Data Grid: Berbentuk tabel untuk menampung data dari Database
DataGrid : Berbentuk tabel untuk menampung data dari database
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 36
langkah-langkah pembuatannya :
1. Pastikan sudah membuka project pra1.vbp ( yg tadi dibuat )
2. Pilih menu Project Add Form Form Open
Gambar : Proses pembuatan Form
3. Simpan form dengan tekan CTRL –S beri nama frmPelanggan Save
Gambar : Menyimpan form pelanggan
4. Tambah kan objek datagrid pada toolbar , caranya :
Pilih menu Project -> Component…
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 37
Gambar : Membuka submenu Componen
Beri Checklist pada Microsoft DataGrid Control 6.0 (OLEDB )
OK
Gambar : Penambahan objek Datagrid
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 38
5. Desain form seperti gambar dibawah ini
Gambar : Desain form Pelanggan
Objek- objek seperti TextBox, Label, CommandButton ,dll dapat di ambil (
drag and drop )dari toolbar , sbb :
Gambar : Properties
1 2
16
17
18
19
8
3
4
5
6
7
9 10 11 12 13 14 15
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 39
6. Atur properties tiap-tiap objek pada jendela properties sesuai tabel dibawah
ini ( sesuaikan dengan nomor2 pada gambar diatas )
7. Set DataGrid ( tampiklkan field-field datagrid ) , caranya :
Dilihat dari desain form diatas bahwa kolom berjumlah 4 , secara
daefault datagrid hanya menyediakan 2 kolom
Tambahkan kolom dengan klik kanan pada objek datagrid pilih Edit
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 40
Klik kanan lagi pada objek datagrid pilih Append
Ulangi langkah ke -3 sampai sampai jumlah kolom yang diinginkan
Lalu Klik kanan pada objek datagrid pilih Properties
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 41
Gambar : Proses Set Datagrid
Pilih tab Collumns Ubah Caption & DataField
Untuk membuat coloum berikutnya, langsung pilih coloum pilihan
tersebut
Kemudian klik OK
Untuk
membuat
coluum
berikut-nya
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 42
8. Lakukan langkah berulang diatas dengan beberapa caption dan DataField
sbb :
Collumn Caption DataField
Collumn 0 Kode Pelanggan kd_plg
Collumn 1 Nama Pelanggan nama_plg
Collumn 2 Alamat alamat_plg
Collumn 3 No.Telp no_tlp
Tabel : Caption & Datafield pada Column Datagrid
9. Setelah mebuat datagrid, kemuadian buat Label, TextBox, dan Command
Button
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 43
Gambar : Tampilan properties DataGrid
Gaambar : Tampilan Form Pelanggan
10. Selanjutnya , masuk coding ke jendela coding caranya kilk kanan kemudian
pilih View Code
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 44
Gambar : Memasukkan coding ke jendela source code
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 45
11. Masukkan coding ke jendela code
Gambar : Setelah di masukan coding
12. Setelah memasukan coding kemudian Jalankan ( running ) Form
Pelanggan
13. Kemudian pilih menu Edit Pelanggan
Gambar : Proses Running Form Pelanggan
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 46
14. Berikut tampilan Form Informasi Pelanggan
Gambar : Form Pelanggan (Running)
15. Tambahkan data perusahaan dengan klik tombol Add isi data pada
textbox Tekan tombol Save
Gambar : Data Pelanggan (Simpan)
16. Nah berhasil kan , coba anda lakukan edit, delete, dan tekan tombol next
(>), preview (<), First (<<) , Last (>>)
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 47
BAB 5
FORM PEMASOK
Membuat Form Pemasok
Form Pemasok adalah form mengenai data pemasok / perusahaan , jadi pada
form ini user dapat melakukan penambahan ( adding ) data pemasok, delete, dan
pengeditan detail pemasok mulai dari nama ,alamat , no.telp pemasok.
Data-data pemasok akan disimpan di database Microsoft Access 2007, Jadi
form ini harus terintegrasi dengan tabel dari database GL3 yang telah dibuat
sebelumnya.
Sebelum membuat form Pemasok , maka harus membuat table pemasok pada
database GL3. Berikut langkah –langkahnya :
Membuat Table Pemasok
1. Pastikan sudah membuka database GL3.mdb ( yg telah dibuat tadi )
2. Pilih menu Create Tabel Pilih View pilih Design view
Gambar : proses pembuatan tabel pemasok
5
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 48
3. Beri nama Pemasok klik OK
4. Isi field sbb :
Gambar : Field dari tabel pemasok
5. Lalu isi record pada tabel
Gambar : isi record pada tabel pelanggan
6. Selesai !!!!
Membuat Form Pemasok
Form Pemasok menggunakan beberapa objek diantaranya
TextBox : Membuat area teks, sifatnya read-write access, dapat
diubah oleh pemakai
Command Button : Untuk membuat sebuah tombol pelaksanaan
perintah.
Label : Menampilkan teks, sifatnya display-only access, tidak
dapat diperbaiki/diubah oleh pemakai program.
Frame : Dapat meletakkan/mengelompokan beberapa kontrol
didalamnya
DataGrid : Berbentuk tabel untuk menampung data dari
database
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 49
Langkah-langkah pembuatannya :
1. Pastikan sudah membuka project pra1.vbp ( yg tadi dibuat )
2. Pilih menu Project -> Add Form Form Open
Gambar : Proses pembuatan Form
3. Simpan form dngan tekan CTRL –S beri nama frmPemasok Save
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 50
4. Desain form seperti gambar dibawah ini
Gambar : Desain form Pemasok
Objek- objek seperti TextBox, Label, CommandButton ,dll dapat di ambil (
drag and drop )dari toolbar , sbb :
Gambar : Properties
1 2
16
17
18
19
8
3
4
5
6
7
9 10 11 12 13 14 15
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 51
5. Atur properties tiap-tiap objek pada jendela properties sesuai tabel dibawah
ini (sesuaikan dengan nomor-nomor pada gambar diatas)
Nomor Object Name Caption MDIChild Text
1 Form FrmPemasok Pemasok True
2 DataGrid Tabel
3 Frame Frame1
4 Label Label1 Kode
Perusahaan
5 Label Label2 Nama
Perusahaan
6 Label Label3 Alamat
7 Label Label4 No.Telp
8 TextBox txtKode
9 TextBox txtNama
10 TextBox txtAlamat
11 TextBox txtTelp
12 CommandButton cmdFirst <<
13 CommandButton cmdPrev <
14 CommandButton cmdNext >
15 CommandButton cmdLast >>
16 CommandButton cmdAdd Add
17 CommandButton cmdSave Save
18 CommandButton cmdEdit Edit
19 CommandButton cmdDelete Delete
6. Set DataGrid ( tampiklkan field-field datagrid ) , caranya :
Dilihat dari desain form diatas bahwa kolom berjumlah 4 , secara daefault
datagrid hanya menyediakan 2 kolom
Tambahkan kolom dengan klik kanan pada objek datagrid pilih Edit
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 52
Klik kanan lagi pada objek datagrid pilih Append
Ulangi langkah ke -3 sampai sampai jumlah kolom yang diinginkan
Lalu Klik kanan pada objek datagrid pilih Properties
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 53
Gambar : Proses Set Datagrid
Pilih tab Collumns Ubah Caption & DataField OK
Untuk membuat coloum berikutnya, langsung pilih coloum pilihan tersebut
Kemudian klik OK
Untuk
membuat
coluum
berikut-
nya
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 54
Lakukan langkah berulang diatas dengan beberapa caption dan DataField
sbb :
Collumn Caption DataField
Collumn 0 Kode Perusahaan kd_prsh
Collumn 1 Nama Perusahaan nama_prsh
Collumn 2 Alamat alamat_prsh
Collumn 3 No.Telp no_tlp
Tabel : Caption & Datafield pada Column Datagrid
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 55
7. Setelah mebuat datagrid, kemuadian buat Label, TextBox, dan Command Button
Gambar : Tampilan Form Pelanggan
8. Selanjutnya , masuk coding ke jendela coding caranya kilk kanan kemudian
pilih View Code
Gambar : Tampilan Form Pelanggan
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 56
Gambar : Memasukkan coding ke jendela source code
9. Masukkan coding ke jendela code
Gambar : Jendela Code Form Pemasok
10. Jalankan ( running ) Form Pemasok
11. Setelah melakukan coding , langkah selanjutnya yaitu menjalankan form
(running)
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 57
12. Tekan F5 pilih menu Edit Pemasok
Gambar : Proses Running Form Pemasok
13. Berikut tampilan form Pemasok
Gambar : Form Pemasok (Running)
14. Tambahkan data perusahaan dengan klik tombol Add isi data pada
textbox Tekan tombol Save
15. Nah berhasil kan , coba anda lakukan edit, delete, dan tekan tombol next
(>), preview (<), First (<<) , Last (>>)
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 58
BAB 6
FORM BARANG
Membuat Form Barang
Form Barang adalah form mengenai data barang dari pemasok / perusahaan ,
jadi pada form ini user dapat melakukan penambahan ( adding ) data barang, delete
dan pengeditan detail barang mulai dari kode barang , nama barang, harga beli, harga
jual, kode pemasok, jumlah persediaan.
Data-data barang akan disimpan di database Microsoft Access 2007, Jadi form
ini harus terintegrasi dengan tabel dari database GL3 yang telah dibuat
sebelumnya.
Sebelum membuat form Barang , maka harus membuat table barang pada
database GL3.
Berikut langkah –langkahnya :
Membuat Table barang
1. Pastikan sudah membuka database GL3.mdb ( yg telah dibuat tadi )
2. Pilih menu Create Table Pilih View Design view untuk membuat tabel
yang baru
Gambar : Proses Pembuatan Tabel Pelanggan
6
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 59
3. Beri nama tabel dengan “Barang” klik OK
4. Isi field sbb :
Gambar : Field dari table barang
5. Lalu isi record pada tabel barang seperti gambar dibawah ini:
Gambar : isi record pada table barang
6. Selesai !!!!
Membuat Form Barang
Form Barang menggunakan beberapa objek diantaranya :
TextBox : Membuat area teks, sifatnya read-write access, dapat
diubah oleh pemakai
Command Button : Untuk membuat sebuah tombol pelaksanaan
perintah.
Label : Menampilkan teks, sifatnya display-only access, tidak
dapat diperbaiki/diubah oleh pemakai program.
Frame : Dapat meletakkan/mengelompokan beberapa kontrol
didalamnya
DataGrid : Berbentuk tabel untuk menampung data dari database
ComboBox :Menampilkan teks bergaya drop-down, dapat
menampung teks dari data field.
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 60
Langkah-langkah pembuatannya :
1. Pastikan sudah membuka project pra1.vbp ( yg tadi dibuat )
2. Pilih menu Project -> Add Form Form Open
Gambar : Proses pembuatan Form
3. Simpan form dngan tekan CTRL –S beri nama frmBarang Save
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 61
4. Desain form seperti gambar dibawah ini
Gambar : Desain form Barang
Objek- objek yang digunakan dalam pembuatan design form dibawah ini
menggunakan ; TextBox, Label, CommandButton, data grid, frame, dll dapat di
ambil (drag and drop )dari toolbar , sbb :
Gambar : Properties
1 2 10
11
12
13 7 8 9
14
15
16
18
17
25
19 20
21
22
24
23
3
4
6
5
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 62
5. Atur properties tiap-tiap objek pada jendela properties sesuai tabel dibawah ini (
sesuaikan dengan nomor2 pada gambar diatas )
No Object Name Caption MDIChild Text
1 Form frmBarang Barang True
2 Frame Frame1
3 Label Label1 Kode Barang
4 Label Label2 Nama Barang
5 Label Label3 Harga Beli
6 Label Label4 Harga Jual
7 Label Label5 Kode Pemasok
8 Label Label6 NamaPemasok
9 Label Label7 Jumlah
Persediaan
10 TextBox txtKode
11 TextBox txtNama
12 TextBox txtHargaBeli
13 TextBox txtHargaJual
14 ComboBox cboKodePemasok
15 TextBox txtNamaPemasok
16 TextBox txtJmlPersediaan
17 CommandButton cmdFirst <<
18 CommandButton cmdPrev <
19 CommandButton cmdNext >
20 CommandButton cmdLast >>
21 CommandButton cmdAdd Add
22 CommandButton cmdSave Save
23 CommandButton cmdEdit Edit
24 CommandButton cmdDelete Delete
25 DataGrid tabel
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 63
6. Set DataGrid ( tampiklkan field-field datagrid ) , caranya :
Dilihat dari desain form diatas bahwa kolom berjumlah 4 , secara daefault
datagrid hanya menyediakan 2 kolom
Tambhakan kolom dengan klik kanan pada objek datagrid pilih Edit
Klik kanan lagi pada objek datagrid pilih Append untuk menambah
jumlah kolom yang diinginkan.
Ulangi langkah ke -3 sampai sampai jumlah kolom yang diinginkan
Lalu Klik kanan pada objek datagrid pilih Properties
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 64
Gambar : Proses Set Datagrid
Pilih tab Collumns Ubah Caption & DataField klik OK
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 65
Lakukan langkah berulang diatas dengan beberapa caption dan DataField sbb :
Collumn Caption DataField
Collumn 0 Kode Pemasok kd_prsh
Collumn 1 Nama Pemasok nama_prsh
Collumn 2 Kode Barang kd_brg
Collumn 3 Nama Barang nama_brg
Collumn 4 Harga Beli harga_brg
Collumn 5 Harga Jual harga_jual
Collumn 6 Persediaan
Barang
persediaan_brg
Tabel : Caption & Datafield pada Column Datagrid
7. Setelah membuat datagrid, kemudian design form barang dengan menggunakan
: Label, TextBox, dan Command Button seperti gambar dibawah:
Gambar : Tampilan Form Barang
8. Selanjutnya , masuk coding ke jendela coding caranya klik kanan kemudian
pilih View Code
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 66
Gambar : Memasukkan coding ke jendela source code
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 67
Gambar : Jendela Code Form Barang
Jalankan ( running ) Form Barang
9. Setelah melakukan coding , langkah selanjutnya yaitu menjalankan form
(running) dengan cara klik tombol running pada toolbarnya.
10. Tekan F5 pilih menu Edit Barang
Gambar : Proses Running Form Barang
Team Pengembangan
PRA 1 2017
[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]
Tim Pengembangan PRA 1 2017 68
11. Berikut tampilan form Barang
Gambar : Form Barang( running )
12. Tambahkan data perusahaan dengan klik tombol Add isi data pada textbox
Tekan tombol Save
13. Nah berhasil kan , coba anda lakukan edit, update, delete, dan tekan tombol
next (>), preview (<), First (<<) , Last (>>)