LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
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. Ledakan pemakaian Visual Basic ditandai dengan kemampuan Visual Basic untuk dapat berinteraksi dengan aplikasi lain di dalam sistem operasi Windows dengan komponen ActiveX Control. Dengan komponen ini memungkinkan penguna untuk memanggil dan menggunakan semua model data yang ada di dalam sistem operasi windows. Hal ini juga ditunjang dengan teknik pemrograman di dalam Visual Basic yang mengadopsi dua macam jenis pemrograman yaitu Pemrograman Visual dan Object Oriented Programming (OOP). Visual Basic 6.0 sebetulnya perkembangan dari versi sebelumnya dengan beberapa penambahan komponen yang sedang tren saat ini, seperti kemampuan pemrograman internet dengan DHTML (Dynamic HyperText Mark Language), dan beberapa penambahan fitur database dan multimedia yang semakin baik. Sampai saat buku ini ditulis bisa dikatakan bahwa Visual Basic 6.0 masih merupakan pilih pertama di dalam membuat program aplikasi yang ada di pasar perangkat lunak nasional. Hal ini
Team Pengembangan PRA 1 2016
1
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA disebabkan oleh kemudahan dalam melakukan proses development dari aplikasi yang dibuat.
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.
Toolbar
Menu
Toolbox
Project Explorer
Tempat Form
Property
Gambar : Interface antar muka Visual Basic 6.0
Team Pengembangan PRA 1 2016
2
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Menu Menu yang akan dibahas secara garis besar, sebab sebagian dari menu berkaitan dengan Visual Basic. Menu pada dasarnya adalah operasional standar di dalam sistem operasi windows, seperti membuat form baru, membuat project baru, membuka project dan menyimpan project. Di samping itu terdapat fasilitas-fasilitas pemakaian visual basic pada menu.
Toolbar Toolbar adalah ikon yang berisi perintah yang sering digunakan, berada di bawah menu.
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 icon View Code untuk menampilkan jendela editor, icon View Object untuk menampilkan bentuk formulir (Form) dan icon Toggle Folders digunakan untuk menampilkan folder (tempat penyimpanan file).
Tempat Form 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. Form sebenarnya adalah suatu objek yang dipakai sebagai tempat bekerja program aplikasi.
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.
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. Team Pengembangan PRA 1 2016
3
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Pointer Arrow
Picture
Label
TextBox
Frame
Command Button
CheckBox
Radio Button ListBox
ComboBox
Vertical Silder
Horisontal Slider Timer
DriveListBox
DirListBox
FileListBox
Shape
Line
Image
DataControl
OLE
Gambar : Toolbox
Team Pengembangan PRA 1 2016
4
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Gambar : Penjelasan fungsi-fungsi dari ToolBox
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
Team Pengembangan PRA 1 2016
5
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA laporan yang digunakan dalam suatu aplikasi. Membuat projrct 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.
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. Pada buku ini akan digunakan project Standard EXE ini, 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. 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.
Team Pengembangan PRA 1 2016
6
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA Selanjutnya pilih Standard EXE dan tekan [Ok]. Lalu muncul tampilan dari Standard Exe seperti pada gambar 1.1. Dengan demikian project sudah siap dibuat.
Jendela Form
Gambar : Jendela Form
Team Pengembangan PRA 1 2016
7
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Jendela Kode Gambar : Jendela Kode
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 bahas pemrograman ini mudah dipahami dan bahasanya paling dekat dengan bahasa manusia daripada bahasa pemrograman lain.
Team Pengembangan PRA 1 2016
8
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA 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 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 2016
9
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
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 2016
10
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
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
Team Pengembangan PRA 1 2016
11
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Gambar : Menyimpan Database GL3
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
Team Pengembangan PRA 1 2016
12
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
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.
Gambar : Membuat modul baru 2. Selanjutnya muncul tampilan Add Module, Tekan Open untuk membuat sebuah module
Team Pengembangan PRA 1 2016
13
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Gambar : Membuat modul baru atau membuka modul yang sudah ada
Gambat : Tempat memasukan coding
Team Pengembangan PRA 1 2016
14
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
2
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
Team Pengembangan PRA 1 2016
15
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
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 2016
16
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Gambar : Membuat Menu Editor
5. Buat menu – menu sesuai ketentuan sebagai berikut :
Gambar : Menu – menu yang dibuat
Team Pengembangan PRA 1 2016
17
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA Caption &File Informasi Perusahaan Exit &Edit Pelanggan Pemasok Barang
Name mnFile mnFileIP mnExit mnEdit mnEditPel mnEditPem mnEditBrg
Tabel : Caption & Name dari Menu-menu 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 :
Team Pengembangan PRA 1 2016
18
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Lalu isi Caption & Name sesuai tabel diatas
Gambar : Membuat submenu yaitu Informasi Perusahan Tekan Next Kemudian buat menu dan submenu lainnya seperti langkah-langkah di atas. Samapai Submenu Barang
Team Pengembangan PRA 1 2016
19
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Gambar : Tampilan keseluruan
Kemudian Klik OK
Gambar : Tampilan menu file
Team Pengembangan PRA 1 2016
20
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Gambar : Tampilan menu edit 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 :
Team Pengembangan PRA 1 2016
21
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Gambar : Memasukkan coding ke jendela source code
Team Pengembangan PRA 1 2016
22
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
3
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, 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 objekobjek 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 c. Beri nama Info
klik OK
Team Pengembangan PRA 1 2016
23
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Gambar : Menyimpan Tabel Info
d. Isi Field sbb:
Gambar : 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. e. Lalu isi record pada tabel (kalau bisa samain dengan gambar dibawah ini)
Gambar : Isi Record pada Tabe Info
Team Pengembangan PRA 1 2016
24
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA 2. Membuat Form Informasi Perusahaan Form Informasi Perusahaan menggunakan beberapa objek diantaranny
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.
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
Team Pengembangan PRA 1 2016
beri nama frmInfo Save
25
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Gambar: Menyimpan Form Informasi Perusahaan 4. Desain form seperti gambar dibawah ini 1
2
6
3
7 8 9
4
10 11
5 12 13 14 15 16
17
Team Pengembangan PRA 1 2016
18
19
26
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA Gambar: Desain Informasi Perusahaan
5. Atur Properties tiap-tipa objek pada jendela properties sesuai tabel dibawah ini(sesuaikan nomor-nomor pada gamber diatas) No
Object
Name
Caption
1
Form
frmInfo
Informasi Perusahaan
2
Label
Label1
Nama Perusahaan
3 4 5
Label Label Label
Label2 Label3 Label4
Alamat No.Telp Jenis Perusahaan
6 7 8 9 10 11
TextBox TextBox TextBox TextBox TextBox TextBox
txtNama txtAlamat1 txtAlamat2 txtAlamat3 txtTelp txtJnsPrsh
12 13 14 15 16 17 18 19
CommandButton CommandButton CommandButton CommandButton CommandButton CommandButton CommandButton CommandButton
cmdLast cmdNext cmdPrev cmdFirst cmdAdd cmdSave cmdEdit cmdDelete
Team Pengembangan PRA 1 2016
MDIChild
Text
True
Perusahaan Dagang >> > < << Add Save Edit Delete
27
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Jangan lupa di ganti Name-nya
Jangan lupa di ganti Caption-nya
Gambar : Tampilan Properties untuk Form
Hanya Caption yang di ubah
Gambar : Tampilan Properties untuk Label
Team Pengembangan PRA 1 2016
28
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Jangan lupa Name-nya di ubah
Gambar : Tampilan Proprtties untuk TextBox
Jangan lupa di ganti Name-nya
Jangan lupa di ganti Caption-nya
Gambar: Tampilan Properties untuk Commond Buttom
Team Pengembangan PRA 1 2016
29
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
6. Setelah masukan coding kemudian di Run dengan pilih toolbar 7. Kemudian tampilannya seperti di bawah ini.
Gambar : Proses Running Form Informasi Perusahaan
Team Pengembangan PRA 1 2016
30
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Gambar : Tampilan form Informasi Perusahaan 8. Coba anda lakukan edit, delete, Save, Add ,Cancel dan tekan tombol next (>), preview (<), First (<<) , Last (>>) 9. Coba pilih Add, kemudian tambahkan data kemudian pilih Save, akan muncul “Data berhasil di simpan”
Team Pengembangan PRA 1 2016
31
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Gambar : Tampilan Penambahan data
Team Pengembangan PRA 1 2016
32
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
4
BAB 4 FORM PELANGGAN
Membuat Form Pelanggan Form Pelanggan adalah form mengenai data pelanggan , jadi pada form ini user dapat melakukan
penambahan ( adding ) data pelanggan , pengeditan detail
pelanggan mulai dari nama ,alamat , no.telp pelanggan .
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 :
Team Pengembangan PRA 1 2016
33
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Gambar : Field dari tabel pelanggan 5. Lalu isi record pada tabel
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.
DataGrid : Berbentuk tabel untuk menampung data dari database
Team Pengembangan PRA 1 2016
34
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA 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 :
Team Pengembangan PRA 1 2016
35
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA Pilih menu Project -> Component…
Gambar : Membuka submenu Componen Beri Checklist pada Microsoft DataGrid Control 6.0 (OLEDB ) OK
Gambar : Penambahan objek Datagrid
Team Pengembangan PRA 1 2016
36
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
5. Desain form seperti gambar dibawah ini 1
2
3
16
4 17 5 18 6 19
7 8
9
10
11
12
13
14
15
Gambar : Desain form Pelanggan Objek- objek seperti TextBox, Label, CommandButton ,dll dapat di ambil ( drag and drop )dari toolbar , sbb :
Team Pengembangan PRA 1 2016
37
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Gambar : Properties 6. Atur properties tiap-tiap objek pada jendela properties sesuai tabel dibawah ini ( sesuaikan dengan nomor2 pada gambar diatas )
Team Pengembangan PRA 1 2016
38
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
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
Klik kanan lagi pada objek datagrid pilih Append
Team Pengembangan PRA 1 2016
39
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Ulangi langkah ke -3 sampai sampai jumlah kolom yang diinginkan
Lalu Klik kanan pada objek datagrid pilih Properties
Gambar : Proses Set Datagrid
Pilih tab Collumns Ubah Caption & DataField
Untuk membuat coluum berikut-nya
Team Pengembangan PRA 1 2016
40
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Untuk membuat coloum berikutnya, langsung pilih coloum pilihan tersebut
Kemudian klik OK
8. Lakukan langkah berulang diatas dengan beberapa caption dan DataField sbb : Collumn Collumn 0 Collumn 1 Collumn 2 Collumn 3
Caption Kode Pelanggan Nama Pelanggan Alamat No.Telp
DataField kd_plg nama_plg alamat_plg no_tlp
Tabel : Caption & Datafield pada Column Datagrid 9. Setelah mebuat datagrid, kemuadian buat Label, TextBox, dan Command Button
Team Pengembangan PRA 1 2016
41
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Gambar : Tampilan properties DataGrid
Gaambar : Tampilan Form Pelanggan
Team Pengembangan PRA 1 2016
42
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA 10. Selanjutnya , masuk coding ke jendela coding caranya kilk kanan kemudian pilih View Code
Gambar : Memasukkan coding ke jendela source code
Team Pengembangan PRA 1 2016
43
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
11. Setelah memasukan coding kemudian Jalankan ( running ) Form Pelanggan 12. Kemudian pilih menu Edit Pelanggan
Gambar : Proses Running Form Informasi Perusahaan 13. Berikut tampilan form Pelanggan
Team Pengembangan PRA 1 2016
44
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA Gambar : Form Informasi Perushaan ( running ) 14. Tambahkan data perusahaan dengan klik tombol Add isi data pada textbox Tekan tombol Save
Gambar : Data berhasil disimpan 15. Nah berhasil kan , coba anda lakukan edit, delete, dan tekan tombol next (>), preview (<), First (<<) , Last (>>)
Team Pengembangan PRA 1 2016
45
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
5
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 , 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 3. Beri nama Pemasok klik OK
Team Pengembangan PRA 1 2016
46
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
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. DataGrid : Berbentuk tabel untuk menampung data dari
Team Pengembangan PRA 1 2016
47
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA 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 2016
48
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA 4. Desain form seperti gambar dibawah ini 1
2
3 16 4 17 5 18
6
19
7
8
9
10
11
12
13
14
15
Gambar : Desain form Pemasok Objek- objek seperti TextBox, Label, CommandButton ,dll dapat di ambil ( drag and drop )dari toolbar , sbb :
Gambar : Properties
Team Pengembangan PRA 1 2016
49
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA 5. Atur properties tiap-tiap objek pada jendela properties sesuai tabel dibawah ini (sesuaikan dengan nomor-nomor pada gambar diatas) Nomor
Object
Name
1
Form
frmPemasok
2
DataGrid
Tabel
3
Frame
Frame1
4
Label
Label1
Caption Pemasok
MDIChild
Text
True
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 2016
50
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
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 2016
51
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Gambar : Proses Set Datagrid
Pilih tab Collumns Ubah Caption & DataField OK
Untuk membuat coluum berikutnya
Untuk membuat coloum berikutnya, langsung pilih coloum pilihan tersebut
Team Pengembangan PRA 1 2016
52
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Kemudian klik OK
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
7. Setelah mebuat datagrid, kemuadian buat Label, TextBox, dan Command Button
Team Pengembangan PRA 1 2016
53
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
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 2016
54
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Gambar : Memasukkan coding ke jendela source code 9. Setelah Memasukan Coding kemudian Jalankan ( running ) Form Pemasok 10. Setelah melakukan coding , lakah selanjutnya yaitu menjalankan form (running) 11. Tekan F5 pilih menu Edit Pemasok
Gambar : Proses Running Form Pemasok
Team Pengembangan PRA 1 2016
55
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA 12. Berikut tampilan form Pemasok
Gambar : Form Pemasok( running ) 13. Tambahkan data perusahaan dengan klik tombol Add isi data pada textbox Tekan tombol Save
14. Nah berhasil kan , coba anda lakukan edit, delete, dan tekan tombol next (>), preview (<), First (<<) , Last (>>)
Team Pengembangan PRA 1 2016
56
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
6
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 , 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 pilih Design view
Gambar : Proses Pembuatan Tabel Pelanggan 3. Beri nama Barang klik OK
Team Pengembangan PRA 1 2016
57
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
4. Isi field sbb :
Gambar : Field dari table barang 5. Lalu isi record pada tabel
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.
DataGrid : Berbentuk tabel untuk menampung data dari database
Team Pengembangan PRA 1 2016
58
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
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 2016
59
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA 4. Desain form seperti gambar dibawah ini 1
2
3
4
5
14
6
15
16
7 8 9 17 21 22 23
25
24 Gambar : Desain form Barang 19 20 18 Objek- objek seperti TextBox, Label, CommandButton ,dll dapat di ambil (drag and drop )dari toolbar , sbb :
Gambar : Properties 5. Atur properties tiap-tiap objek pada jendela properties sesuai tabel dibawah ini ( sesuaikan dengan nomor2 pada gambar diatas )
Team Pengembangan PRA 1 2016
60
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA Nomor
Object
Name
Caption
MDIChil
Text
d 1
Form
frmBarang
Barang
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
True
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
Team Pengembangan PRA 1 2016
61
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
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
Ulangi langkah ke -3 sampai sampai jumlah kolom yang diinginkan
Team Pengembangan PRA 1 2016
62
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA Lalu Klik kanan pada objek datagrid pilih Properties
Gambar : Proses Set Datagrid Pilih tab Collumns Ubah Caption & DataField klik OK
Lakukan langkah berulang diatas dengan beberapa caption dan DataField sbb :
Team Pengembangan PRA 1 2016
63
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA 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 mebuat datagrid, kemuadian buat Label, TextBox, dan Command Button
Gambar : Tampilan Form Barang 8. Selanjutnya , masuk coding ke jendela coding caranya kilk kanan kemudian pilih View Code
Team Pengembangan PRA 1 2016
64
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
Gambar : Memasukkan coding ke jendela source code
Team Pengembangan PRA 1 2016
65
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA 9. Setelah melakukan coding , lakah selanjutnya yaitu menjalankan form (running) 10. Tekan F5 pilih menu Edit Barang
Gambar : Proses Running Form Barang 11. Berikut tampilan form Barang
Gambar : Form Barang( running )
Team Pengembangan PRA 1 2016
66
LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA
12. Tambahkan data perusahaan dengan klik tombol Add isi data pada textbox Tekan tombol Save
Gambar : Prose Penyimpanan Data Barang 13. Nah berhasil kan , coba anda lakukan edit, update, delete, dan tekan tombol next (>), preview (<), First (<<) , Last (>>)
Team Pengembangan PRA 1 2016
67