Upload
trinhhuong
View
225
Download
1
Embed Size (px)
Citation preview
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
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 seseorang yang baru
belajar dalam 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 (GUI) yang
dikembangkan dalam sistem operasi Microsoft Windows.
Visual Basic merupakan aplikasi bahasa pemrograman yang mudah untuk 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 main menu, menu toolbar, menu toolbox,
form window, project explorer, jendela properties dan form layout window, seperti terlihat
pada gambar di bawah ini.
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
2
Gambar 1.1 Interface antar muka Visual Basic 6.0
Main Menu
Main Menu terdiri dari dua komponen yaitu title bar dan menu bar. Title Bar merupakan
batang judul dari program Visual Basic 6.0 yang terletak pada bagian paling atas dari jendela
program. Title Bar berfungsi untuk menampilkan judul atau nama jendela proyek yang
sedang dikerjakan. Menu Bar merupakan menu yang terletak di bawah titlebar yang
berfungsi menampilkan pilihan menu atau perintah untuk menjalankan program visual basic
seperti membuat project baru, membuat form baru, membuka project baru dan menyimpan
project baru. Terdapat 13 menu bar utama pada visual basic yaitu :
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
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 environment 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,
bulid, 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 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
Tabel 1.1 Tabel Main Menu
Menu Toolbar
Menu Toolbar merupakan suatu menu yang berisi kumpulan tombol atau ikon yang terletak
di bagian bawah menu bar yang dapat digunakan untuk menjalankan suatu perintah. Untuk
penjelaskan tentang fungsi masing-masing tombol pada toolbar perhatikan tabel berikut :
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
4
Tombol Nama Fungsi
Add Project
Menambahkan project baru, dengan pilihan :
- Standart EXE
- ActiveX EXE
- ActiveX DLL
- ActiveX Control
Add From
Menambahkan form baru kedalam proyek yang sedang
aktif atau sedang dikerjakan
Menu Editor Menampilkan kotak dialog menu editor
Open project Membuka project yang sudah pernah dibuat sebelumnya
Save project Menyimpan project yan sedang dikerjakan
Cut
Memotong kontrol yang ada di jendela form atau teks yang
ada di jendela code
Copy
Menyalin kontrol yang ada di jendela form atau teks yang
ada di jendela code
Paste
Menempelkan kontrol atau teks yang sudah dipotong
dengan perintah cut, atau disalin dengan perintah copy
Find Mencari teks pada jendela code
Undo Membatalkan suatu perintah yang dijalankan sebelumnya
Redo Mengulangi suatu perintah yang pernah dibatalkan
Start Menjalankan program
Break
Menghentikan program yang sedang dijalankan untuk
sementara
End Menghentikan program yang sedang dijalankan
Project explorer Menampilkan jendela project explorer
Properties window Menampilkan jendeka properties
Form layout window Menampilkan jendela form layout
Object brower Menampilkan jendela object browser
Toolbox Menampilkan jendela toolbox
Tabel 1.2 Tabel Menu Toolbar
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
5
Project Exploler
Dalam membuat suatu program aplikasi, terdapat jendela project yang berisi semua file yang
dibutuhkan untuk menjalankan program aplikasi Visual Basic yang dibuat. Pada jendela
project terdapat tiga tombol dengan keterangan sebagai berikut :
Tombol 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 jengdela object untuk item yang terpilih pada
form aktif
Tonggle folders
Menampilkan atau menyembunyikan folder yang menampung
nama form suatu project.
Tabel 1.3 Tabel Project Exploler
Menu Toolbox
Toolbox merupakan kotak perangkat yang berisi kumpulan tombol objek atau control untuk
mengatur desain dari aplikasi yang akan dibuat. Kita dapat memodifikasi toolbox, misalnya
menambah komponen icon dengan cara melakukan klik kanan pada toolbox lalu memilih
Components atau Add Tab.
Gambar 1.2 Menu 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 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
6
Tabel 1.4 Tabel Penjelasan dari Menu Toolbox
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
7
Jendela Properties
Jendela Properties merupakan jendela yang mengandung semua informasi mengenai objek
yang terdapat pada aplikasi visual basic. Properties digunakan untuk mengatur bentuk dan
karakteristik dari setiap objek seperti nama, warna, ukuran, posisi, dan sebagainya. Suatu
objek biasanya mempunyai beberapa properti yang dapat diatur langsung dari jendela
Properties atau lewat kode program.
Form layout Window
Form layout window merupakan sebuah jendela yang digunakan untuk mengatur posisi
form pada form saat program dijalankan.
Form Window
Form merupakan jendela desain dari sebuah program aplikasi. Kita dapat mendesain sebuah
program aplikasi dengan menempatkan kontrol-kontrol atau objek-objek yang ada di bagian
toolbox pada area form. Form sebenarnya adalah suatu objek yang dipakai sebagai tempat
bekerja program aplikasi.
3. Membuat Project Baru
Untuk memulai pembuatan program aplikasi di dalam Visual Basic, yang dilakukan adalah
membuat sebuah 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 yan akan dibuat seperti terlihat pada gambar di bawah ini.
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
8
Gambar 1.3 : 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 untuk 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.
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 berikut. Dengan demikian project sudah siap dibuat.
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
9
Gambar 1.4 Jendela Form
Gambar 1.5 Jendela Kode
Pada jendela form, pengguna dalam membangun tampilan dari program aplikasi yang akan
dibuat dengan mengatur komponen-komponen baik letak, properti dan eventnya.
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
10
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 Integrated Development Environment (IDE) / Engine / jenis perangkat lunak untuk
mengembangkan aplikasi. Bahasa pemrograman yang digunakan yaitu bahasa 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).
MENJALANKAN PROGRAM VISUAL BASIC 6.0
1. Buka program aplikasi Microsoft Visual Basic 6.0
2. Pada jendela new project, Pilih Standard EXE Open
Gambar 1.6 Memilih jenis program yang dibuat
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
11
Gambar 1.7 Tampilan form
3. Pastikan sebelum menyimpan folder PRA telah dibuat.
4. Simpan project dalam satu folder, pilih menu File Save Project
Gambar 1.8 Memilih menu save project
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
12
5. Pilih folder PRA sebagai lokasi penyimpanan, lalu pada file name beri nama “ pra1 ” ,
kemudian Save
Gambar 1.9 Menyimpan file Project
Aktifkan ADODB Library
1. Pilih menu Project References…
Gambar 1.10 Memilih menu reference untuk Mengaktifkan ADODB
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
13
2. Checklist Microsoft ActiveX Data Object 2.1 Library OK
Gambar 1.11 Aktivasi ADODB Library
Membuat Database
Program Database yang digunakan yaitu Microsoft Access 2010
1. Buka program Microsoft Office Access 2010
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 :
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
14
Gambar 1.12 Memberi Nama & type pada file database
4. Kemudian Klik OK
Note :
*Visual Basic 6.0 hanya mendukung file database Microsoft Access 2003 dengan
format file *.mdb. Visual basic 6.0 tidak mendukung format file default yang
digunakan oleh Access 2007 ke atas yaitu *.accdb. Karena itu, pada penggunaan
Access 2010 perlu untuk mengganti Save as type menjadi Access 2002-2003.
5. Klik Create
Gambar 1.13 : Menyimpan Database GL3
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
15
6. Hasilnya seperti dibawah ini
Gambar 1.14 Database yang baru dibuat
Membuat Module
Module adalah tempat menampung fungsi yang bersifat umum, artinya fungsi (function)
tersebut dapat dipanggil / digunakan dari coding form manapun. Fungsi (function) yang
dimasukkan kedalam module 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 module.
Untuk membuat aplikasi PRA – Perusahaan Dagang, function yang dimasukkan dalam module
berupa
Pendeklarasian variabel
Koneksi database dengan beberapa Form
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
16
Ikuti langkah-langkah berikut :
1. Langkah Pertama lakukan sesuai gambar di bawah ini, atau dengan cara Pilih Project
Add Module.
Gambar 1.15 Membuat module baru
2. Selanjutnya muncul tampilan Add Module, Tekan Open untuk membuat sebuah module
Gambar 1.16 Membuat module baru atau membuka modul yang sudah ada
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
17
Gambar 1.17 Tempat memasukan coding
3. Selanjutnya masukan coding ke jendela source code
Gambar 1.18 Tampilan sudah di masukan code
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
18
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 terdapat form – form yang disebut MDI Child .
MDI Form merupakan jenis form yang digunakan untuk membuat menu – menu dan
tampilan utama aplikasi.
Langkah – Langkah membuat form utama :
1. Lanjut di program Visual Basic 6.0
2. Pilih menu Project → Add MDI Form → Open
Gambar 2.1 Membuat Form baru
Kemudian akan muncul tampilan sebagai berikut :
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
19
Gambar 2.2 Membuat Form baru
3. Simpan MDIForm, dengan tekan CTRL+S → beri nama frmMain
Gambar 2.3 Menyimpan MDIForm
4. Buat menu – menu dengan cara
Klik kanan pada form → klik Menu Editor
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
20
Gambar 2.4 Membuat Menu Editor
5. Buat menu – menu sesuai ketentuan sebagai berikut :
Gambar 2.5 Menu – menu yang dibuat
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
21
Caption Name
&File MnFile
Informasi Perusahaan MnFileIP
E&xit MnFileExit
&Edit MnEdit
Pelanggan mnEditPel
Pemasok mnEditPem
Barang mnEditBrg
Tabel 1.3 Caption dan Name dari setiap Menu
5.1 Cara membuat menu
Isi caption dan Name sesuai informasi tabel diatas
Gambar 2.6 Membuat Menu File
Klik Next kemudian buat sub menu
5.2 Cara membuat Sub Menu
Klik sekali saja (sampai tampil .... )
Contoh : ....Informasi Perusahaan
Kemudian isi Caption dan Name sesuai informasi tabel diatas
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
22
Gambar 2.7 Membuat Submenu yaitu Informasi Perusahaan
Klik Next
Kemudian buat Menu dan Submenu lainnya seperti langkah-langkah diatas
sampai dengan Submenu Barang
Gambar 2.8 Tampilan Menu dan Submenu yang telah dibuat
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
23
Kemudian Klik OK
Gambar 2.9 Tampilan menu file dan Submenunya
Gambar 2.10 Tampilan menu Edit dan Submenunya
6. Kemudian ubah properties form agar tampilannya maximize pada saat dijalankan
dengan cara sebagai berikut :
Klik pada form frmMain
Pada jendela properties, ubah Windows State yaitu 2-Maximized
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
24
Gambar 2.11 Properties – MDIForm1
7. Kemudian klik kanan pada MDI Form1, pilih View Code
Gambar 2.12 Menampilkan jendela source code
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
25
Gambar 2.13 Tempat memasukkan coding
8. Selanjutnya masukan coding ke jendela source code MDIForm1
Gambar 2.14 Tampilan ketika sudah di masukan coding
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
26
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, pengeditan detail
informasi perusahaan mulai dari nama, alamat, dan nomor telepon perusahaan.
Data-data informasi perusahaan akan disimpan di database Microsoft Access 2007
sampai 2013, jadi form ini harus terhubung dengan tabel dari database GL3 yang telah dibuat
sebelumnya.
Form adalah sebuah wadah untuk mendesain sebuah program aplikasi dengan
menempatkan kontrol-kontrol yang ada di bagian toolbox seperti textbox, listBox, DataGrid,
dll. Sebelum membuat form informasi perusahaan, maka harus membuat tabel informasi
perusahaan pada database GL3. Berikut langkah-langkahnya:
Membuat Tabel Informasi Perusahaan
1. Pastikan sudah membuka GL3.mdb (yang telah dibuat sebelumnya )
2. Pilih menu Create Table
Gambar 3.1 Proses Pembuatan Tabel
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
27
3. Kemudian Pilih View, pilih Design view
Gambar 3.2 Proses Pembuatan Tabel Info
4. Pada table name beri nama Info kemudian klik OK
Gambar 3.3 Menyimpan Tabel Info
5. Isi Field pada tabel info seperti berikut ini :
Gambar 3.4 Field dari 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 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
28
6. Klik kanan pada tabel info, lalu pilih save
Gambar 3.5 Menyimpan tabel info
7. Pilih View, dan klik datasheet view seperti berikut ini :
Gambar 3.6 Menampilkan field-field
8. Lalu isi record pada tabel info
( Sesuaikan isi record dengan gambar dibawah ini )
Gambar 3.7 Isi Record pada Tabel Info
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
29
Membuat Form Informasi Perusahaan
Form Informasi Perusahaan menggunakan beberapa objek diantaranya
Berikut langkah-langkah pembuatannya:
1. Pastikan sudah membuka project pral.vbp (yang telah dibuat sebelumnya)
2. Pilih menu Project Add Form Form Open
Gambar 3.8 Proses Pembuatan Form
3. Simpan form degan tekan CTRL+S kemudian beri nama FrmInfo lalu 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 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
30
Gambar 3.9 Menyimpan Form Informasi Perusahaan
4. Desain form seperti gambar dibawah ini
Gambar 3.10 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 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
31
5. Atur Properties tiap-tiap objek pada jendela properties sesuai tabel dibawah ini
(sesuaikan nomor-nomor pada gambar diatas)
No Object Name Caption MDIChild Text
1 Form frmInfo Informasi
Perusahaan True
2 Label Label1 Nama
Perusahaan
3 Label Label2 Alamat
4 Label Label3 No.Telp
5 Label Label4 Jenis
Perusahaan
6 TextBox txtNama
7 TextBox txtAlamat1
8 TextBox txtAlamat2
9 TextBox txtAlamat3
10 TextBox txtTelp
11 TextBox txtJnsPrsh Perusahaan
Dagang
12 CommandButton cmdLast >>
13 CommandButton cmdNext >
14 CommandButton cmdPrev <
15 CommandButton cmdFirst <<
16 CommandButton cmdAdd Add
17 CommandButton cmdSave Save
18 CommandButton cmdEdit Edit
19 CommandButton cmdDelete Delete
Tabel 3.1 Tabel Informasi Propertis
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
32
Gambar 3.11 Tampilan Properties untuk Form
Gambar 3.12 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 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
33
Gambar 3.13 Tampilan Properties untuk TextBox
Gambar 3.14 Tampilan Properties untuk Command Buttom
6. Kemudian klik kanan pada frmInfo, pilih View Code
Jangan
lupa
Name-nya
di ubah
Jangan lupa di
ganti Caption-
nya
Jangan lupa di
ganti Name-
nya
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
34
Gambar 3.15 Menampilkan jendela source code
Gambar 3.16 Tempat memasukkan coding
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
35
7. Selanjutnya masukan coding ke jendela source code frmInfo
Gambar 3.17 Memasukan Coding ke jendela Source Code
8. Setelah masukan coding kemudian di Run dengan pilih toolbar
9. Kemudian pilih menu File, klik Informasi Perusahaan
Gambar 3.18 Proses Running Form Informasi Perusahaan
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
36
Gambar 3.19 Tampilan form Informasi Perusahaan
10. Coba pilih Add, kemudian tambahkan data kemudian pilih Save, akan muncul “Data
berhasil di simpan”
Gambar 3.20 Tampilan Penambahan data
11. Setelah data berhasil disimpa, coba anda lakukan edit, delete, Save, Add, Cancel dan
tekan tombol next (>), preview (<), First (<<) , Last (>>)
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
37
BAB 4
FORM PELANGGAN
Membuat Form Pelanggan
Form Pelanggan adalah 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 nomor telepon.
Data-data pelanggan akan disimpan di database Microsoft Access 2007 sampai 2013, Jadi
form ini harus terhubung 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 ( yang telah dibuat sebelumnya )
2. Pilih menu Create Table
Gambar 4.1 Proses Pembuatan Tabel
3. Kemudian pilih View, pilih Design view
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
38
Gambar 4.2 Proses Pembuatan Tabel Pelanggan
4. Pada table name beri nama Pelanggan kemudian klik OK
Gambar 4.3 Menyimpan Tabel Pelanggan
5. Isi Field pada tabel pelanggan seperti berikut ini :
Gambar 4.4 Field dari tabel pelanggan
6. Klik kanan pada tabel pelanggan, lalu pilih save
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
39
Gambar 4.5 Menyimpan tabel pelanggan
7. Lalu pilih View, dan klik Datasheet View
Gambar 4.6 Menampilkan field-field
8. Lalu isi record-record pada table Pelanggan seperti berikut ini :
Gambar 4.7 isi record pada tabel pelanggan
9. Proses membuat Table Pelanggan telah selesai.
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
40
Membuat Form Pelanggan
Form Informasi Perusahaan menggunakan beberapa objek diantaranya :
Berikut langkah-langkah pembuatannya :
1. Pastikan sudah membuka project pra1.vbp ( yg tadi dibuat )
2. Pilih menu Project Add Form Form Open
s
Gambar 4.8 Proses pembuatan Form
3. Simpan form dengan tekan CTRL –S beri nama frmPelanggan 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.
Frame : Dapat meletakkan/mengelompokkan beberapa kontrol
didalamnya
DataGrid : Berbentuk tabel untuk menampung data dari database
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
41
Gambar 4.9 Menyimpan form pelanggan
4. Tambah kan objek datagrid pada toolbar , caranya :
Pilih menu Project -> Component…
Gambar 4.10 Membuka submenu Componen
Beri Checklist pada Microsoft DataGrid Control 6.0 (OLEDB ) OK
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
42
Gambar 4.11 Penambahan objek Datagrid
5. Desain form seperti gambar dibawah ini
Gambar 4.12 Desain form Pelanggan
1 2
16
17
18
19
8
3
4
5
6
7
9 10 11 12 13 14 15
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
43
Objek- objek seperti TextBox, Label, CommandButton ,dll dapat di ambil ( drag and
drop ) dari toolbar , sebagai berikut :
Gambar 4.13 Objek Toolbar
6. Atur properties tiap-tiap objek pada jendela properties sesuai tabel dibawah ini
Tabel 4.1 Tabel informasi Properties
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
44
7. Set DataGrid ( tampiklkan field-field datagrid ) , caranya :
Dilihat dari desain form diatas bahwa kolom berjumlah 4 , secara default
datagrid hanya menyediakan 2 kolom
Tambahkan kolom dengan klik kanan pada objek datagrid pilih Edit
Gambar 4.14 Proses Set DataGrid
Klik kanan lagi pada objek datagrid pilih Append
Gambar 4.15 Proses Set DataGrid
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
45
Ulangi langkah ke -3 (langkah append) sampai jumlah kolom yang
diinginkan
Lalu Klik kanan pada objek datagrid pilih Properties
Gambar 4.16 Proses Set Datagrid
Pilih tab Collumns Ubah Caption & DataField
Gambar 4.17 Proses Set Datagrid
Untuk
membuat
coluum
berikut-nya
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
46
Untuk membuat coloum berikutnya, langsung pilih coloum pilihan
tersebut
Kemudian klik OK
Gambar 4.18 Proses Set Datagrid
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 4.1 Caption & Datafield pada Column Datagrid
9. Setelah mebuat datagrid, kemuadian buat Label, TextBox, dan Command Button
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
47
Gambar 4.19 Tampilan properties DataGrid
Gambar 4.20 Tampilan Form Pelanggan
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
48
10. Selanjutnya , masuk coding ke jendela coding caranya kilk kanan kemudian pilih
View Code
Gambar 4.21 Menampilkan jendela source code
Gambar 4.22 Memasukkan coding ke jendela source code
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
49
11. Ketikkan coding ( source code ) berikut :
Gambar 4.23 Setelah di masukan coding
12. Setelah masukan coding kemudian di Run dengan pilih toolbar
13. Kemudian pilih menu Edit Pelanggan
Gambar 4.24 Proses Running Form Pelanggan
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
50
14. Berikut tampilan form Pelanggan
Gambar 4.25 Form Pelanggan ( running )
15. Tambahkan data perusahaan dengan klik tombol Add isi data pada textbox
Tekan tombol Save
Gambar 4.26 Data berhasil disimpan
16. Setelah data berhasil disimpan, coba anda lakukan edit, delete, dan tekan tombol
next (>), preview (<), First (<<) , Last (>>)
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
51
BAB 5
FORM PEMASOK
Membuat Form Pemasok
Pemasok yang disebut juga supplier atau vendor adalah individu atau perusahaan (baik
dalam skala besar atau kecil) yang memiliki kemampuan untuk menyediakan kebutuhan
individu atau perusahaan lain.
Form Pemasok adalah form mengenai data pemasok / perusahaan, jadi pada form ini
user dapat melakukan penambahan (adding) data pemasok, pengeditan detail pemasok
mulai dari nama, alamat,dan nomor telepon pemasok.
Data-data pemasok akan disimpan di database Microsoft Access 2007 sampai 2013, Jadi
form ini harus terhubung 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 ( yang telah dibuat sebelumnya )
2. Pilih menu Create, lalu pilih Tabel
Gambar 5.1 Proses Pembuatan Tabel
3. Kemudian Pilih View, pilih Design view
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
52
Gambar 5.2 Proses pembuatan tabel pemasok
4. Pada table name beri nama Pemasok kemudian klik OK
Gambar 5.3 Menyimpan Tabel Pemasok
5. Isi field pada tabel pemasok seperti berikut ini
Gambar 5.4 Field dari tabel pemasok
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
53
6. Klik kanan pada tabel pemasok, lalu pilih save
Gambar 5.5 Menyimpan tabel pemasok
7. Lalu pilih view, dan klik datasheet view
Gambar 5.4 Menampilkan field-field
8. Lalu isi record pada tabel pemasok seperti berikut ini :
Gambar 5.5 isi record pada tabel Pemasok
9. Proses pembuatan tabel pemasok telah Selesai
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
54
Membuat Form Pemasok
Form Pemasok menggunakan beberapa objek diantaranya
Langkah-langkah pembuatannya :
1. Pastikan sudah membuka project pra1.vbp ( yg tadi dibuat )
2. Pilih menu Project -> Add Form Form Open
Gambar 5.6 Proses pembuatan Form
3. Simpan form dngan tekan CTRL –S beri nama frmPemasok 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.
DataGrid : Berbentuk tabel untuk menampung data dari
database
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
55
Gambar 5.7 Menyimpan form pemasok
4. Tambahkan objek datagrid pada toolbar , caranya :
Pilih menu Project -> Component…
Gambar 5.8 Membuka submenu Componen
Beri Checklist pada Microsoft DataGrid Control 6.0 (OLEDB ) OK
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
56
Gambar 5.9 Penambahan objek Datagrid
5. Desain form seperti gambar dibawah ini
Gambar 5.10 Desain form Pemasok
1 2
16
17
18
19
8
3
4
5
6
7
9 10 11 12 13 14 15
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
57
Objek- objek seperti TextBox, Label, CommandButton ,dll dapat di ambil ( drag and
drop ) dari toolbar , sebagai berikut :
Gambar 5.11 Objek Toolbar
6. Atur properties tiap-tiap objek pada jendela properties sesuai tabel dibawah ini No 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
Tabel 5.1 Tabel Informasi Properties
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
58
7. Set DataGrid ( tampiklkan field-field datagrid ) , caranya :
Dilihat dari desain form diatas bahwa kolom berjumlah 4 , secara default datagrid
hanya menyediakan 2 kolom
Tambahkan kolom dengan klik kanan pada objek datagrid pilih Edit
Gambar 5.12 Proses Set DataGrid
Klik kanan lagi pada objek datagrid pilih Append
Gambar 5.13 Proses Set DataGrid
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
59
Ulangi langkah ke -3 (langkah append) sampai jumlah kolom yang diinginkan
Lalu Klik kanan pada objek datagrid pilih Properties
Gambar 5.14 Proses Set Datagrid
Pilih tab Collumns Ubah Caption & DataField OK
Gambar 5.15 Mengubah caption & datafield
Untuk
membuat
coluum
berikut-
nya
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
60
Untuk membuat coloum berikutnya, langsung pilih coloum pilihan tersebut
Kemudian klik OK
Gambar 5.16 Hasil Proses Set DataGrid
8. Lakukan langkah berulang seperti diatas dengan beberapa caption dan DataField sebagai
berikut :
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 5.2 Caption & Datafield pada Column Datagrid
9. Setelah mebuat datagrid, kemuadian buat Label, TextBox, dan Command Button
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
61
Gambar 5.17 Tampilan properties DataGrid
Gambar 5.18 Tampilan Form Pemasok
10. Klik kanan pada form pemasok, pilih View Code
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
62
Gambar 5.19 Menampilkan jendela source code
Gambar 5.20 Tempat memasukkan coding
11. Selanjutnya masukan coding ke jendela source code form pemasok
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
63
Gambar 5.21 Jendela Code Form Pemasok
12. Setelah masukan coding kemudian di Run dengan pilih toolbar
13. Kemudian pilih menu Edit Pemasok
Gambar 5.22 Proses Running Form Pemasok
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
64
14. Berikut tampilan form Pemasok
Gambar 5.23 Form Pemasok ( running )
15. Tambahkan data perusahaan dengan klik tombol Add isi data pada textbox
Tekan tombol Save
Gambar 5.24 Data berhasil disimpan
16. Setelah data berhasil disimpan, coba anda lakukan edit, delete, dan tekan tombol
next (>), preview (<), First (<<) , Last (>>)
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
65
BAB 6
FORM BARANG
Membuat Form Barang
Form Barang adalah form mengenai data barang dari pemasok / perusahaan, pada form
ini user dapat melakukan penambahan (adding) data barang, pengeditan detail barang mulai
dari kode barang, nama barang, harga beli, harga jual, kode pemasok, jumlah persediaan.
Data-data barang akan disimpan dalam database Microsoft Access 2007 sampai 2013,
sehingga form ini harus terhubung dengan tabel dari database GL3 yang telah dibuat
sebelumnya.
Sebelum membuat form Barang, maka harus membuat tabel barang pada database GL3.
Berikut langkah –langkahnya :
Membuat Table barang
Pastikan sudah membuka database GL3.mdb ( yang telah dibuat sebelumnya )
Pilih menu Create Table
Gambar 6.1 : Proses Pembuatan Tabel Barang
Kemudian pilih View pilih Design view *
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
66
Gambar 6.2 : Proses Pembuatan Tabel Barang
Pada table name beri nama “Barang” klik
Gambar 6.3: Nama dari table
Isi field pada tabel barang seperti berikut ini:
Gambar 6.4 : Field dari table barang
Ubah format pada tipe data Currency menjadi “Rp”#,###.- . **
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
67
Gambar 6.5 Rubah Format pada Currency
Klik kanan pada tabel barang, lalu pilih save
Gambar 6.6 Menyimpan tabel barang
Lalu pilih view, dan klik datasheet view
Gambar 6.7 Menampilkan field-field
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
68
Lalu isi record pada tabel barang seperti berikut ini :
Gambar 6.7 : Isi record pada table barang
Proses membuat Table Barang telah selesai.
PERHATIAN ! ! !
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.
DataGrid : Berbentuk tabel untuk menampung data dari database
Langkah-langkah pembuatannya :
1. Pastikan sudah membuka project pra1.vbp ( yang telah dibuat tafi )
2. Pilih menu Project Add Form Form Open
* Untuk masuk ke dalam mode “Design View” terdapat dua cara, yaitu dari tab
“Home” atau dengan langsung klik kanan pada nama table lalu pilih Design View.
** Perlu diketahui, penggunaan format pada tipe data Currency akan berbeda-beda
tiap versi dari Microsoft Access. Penggunaan format (“Rp”#,###.-) diatas dilakukan
pada Microsoft Acces 2013, kemungkinan akan terjadi perbedaan pada versi 2007
atau 2010.
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
69
Gambar 6.8 Proses pembuatan Form
3. Simpan form dngan tekan CTRL+S beri nama frmBarang Save
Gambar 6.9 Mentimpan frmBarang
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
70
4. Desain form seperti gambar dibawah ini
Gambar 6.10 Desain form Barang
Objek- objek seperti TextBox, Label, CommandButton ,dll dapat di ambil (drag and
drop )dari toolbar , sbb :
Gambar 6.11 Objek Toolbar
5. Atur properties tiap-tiap objek pada jendela properties sesuai tabel dibawah ini (
sesuaikan dengan nomor2 pada gambar diatas )
1 2 3 4 5 6 14 15 16
7
8
9
18
17
25
19 20
21
22
24
23
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
71
Nomor Object Name Caption MDIChild Text
1 Form frmBarang Barang True
2 Frame Frame1
3 Textbox txtKode
4 Textbox txtNama
5 Textbox txtHargaBeli
6 Textbox txtHargaJual
7 Combobox cboKodePemasok
8 TextBox txtNamaPemasok
9 TextBox txtJmlPersediaan
10 Label Label1 Kode Barang
11 Label Label2 Nama Barang
12 Label Label3 Harga Beli
13 Label Label4 Harga Jual
14 Label Label5 Kode Pemasok
15 Label Label6 Nama Pemasok
16 Label Label7 Jumlah
Persediaan
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
Tabel 6.1 Tabel Informasi Properties
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
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
72
Gambar 6.12 Proses Set DataGrid
Klik kanan lagi pada objek datagrid pilih Append
Gambar 6.13 Proses Set DataGrid
Ulangi langkah ke -3 sampai sampai jumlah kolom yang diinginkan
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
73
Lalu Klik kanan pada objek datagrid pilih Properties
Gambar 6.14 Proses Set DataGrid
Pilih tab Collumns Ubah Caption & DataField klik OK
Gambar 6.15 Proses Ubah caption & DataField
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
74
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 6.2 Caption & Datafield pada Column Datagrid
7. Setelah mebuat datagrid, kemuadian buat Label, TextBox, dan Command Button
Gambar 6.16 Tampilan Form Barang
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
75
8. Selanjutnya , masuk coding ke jendela coding caranya kilk kanan kemudian pilih
View Code
Gambar 6.17 Menampilkan jendela source code
Gambar 6.18 Memasukkan coding ke jendela source code
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
76
- Lihat gambar diatas ketika kode perusahaan / pemasok dipilih 1414 maka
tampil BENQ ( sesuai dengan table pemasok )
Gambar 6.19 tampilan hasil pencarian dengan kode pemasok
Gambar 6.20 Jendela Code Form Barang
Jalankan ( running ) Form Barang
1. Setelah melakukan coding , lakah selanjutnya yaitu menjalankan form (running)
2. Tekan F5 pilih menu Edit Barang
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
77
Gambar 6.21 Proses Running Form Barang
3. Berikut tampilan form Barang
Gambar 6.22 Form Barang( running )
TEAM PENGEMBANGAN PRA 1 2018
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
TEAM PENGEMBANGAN PRA 1 2018
78
13. Tambahkan data perusahaan dengan klik tombol Add isi data pada textbox Tekan
tombol Save
Gambar 6.23 Prose Penyimpanan Data Barang
14. Nah berhasil kan, coba anda lakukan edit, update, delete, dan tekan tombol next(>),
preview (<), first (<<), last (>>)