bab 1 introduction visual basic · bahasa basic pada dasarnya adalah bahasa yang mudah dimengerti...

TEAM PENGEMBANGAN PRA 1 2018

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 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.




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 :




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 :




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




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




6

Tabel 1.4 Tabel Penjelasan dari Menu Toolbox




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.




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.




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.




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




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




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




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 :




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




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




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




17

Gambar 1.17 Tempat memasukan coding

3. Selanjutnya masukan coding ke jendela source code

Gambar 1.18 Tampilan sudah di masukan code




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 :




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




20

Gambar 2.4 Membuat Menu Editor

5. Buat menu – menu sesuai ketentuan sebagai berikut :

Gambar 2.5 Menu – menu yang dibuat




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




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




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




24

Gambar 2.11 Properties – MDIForm1

7. Kemudian klik kanan pada MDI Form1, pilih View Code

Gambar 2.12 Menampilkan jendela source code




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




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




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.




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




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.




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




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



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




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




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




34






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




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 (>>)




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


3. Kemudian pilih View, pilih Design view




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




39

Gambar 4.5 Menyimpan tabel pelanggan

7. Lalu pilih View, dan klik Datasheet View


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.




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 )


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




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




42

Gambar 4.11 Penambahan objek Datagrid


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




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




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





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


Untuk

membuat

coluum

berikut-nya




46

Untuk membuat coloum berikutnya, langsung pilih coloum pilihan

tersebut

Kemudian klik OK


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




47

Gambar 4.19 Tampilan properties DataGrid

Gambar 4.20 Tampilan Form Pelanggan




48

10. Selanjutnya , masuk coding ke jendela coding caranya kilk kanan kemudian pilih

View Code


Gambar 4.22 Memasukkan coding ke jendela source code




49

11. Ketikkan coding ( source code ) berikut :

Gambar 4.23 Setelah di masukan coding


13. Kemudian pilih menu Edit Pelanggan

Gambar 4.24 Proses Running Form Pelanggan




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 (>>)




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


3. Kemudian Pilih View, pilih Design view




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




53

6. Klik kanan pada tabel pemasok, lalu pilih save

Gambar 5.5 Menyimpan tabel pemasok

7. Lalu pilih view, dan klik datasheet view


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




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


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




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




56

Gambar 5.9 Penambahan objek Datagrid


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




57

Objek- objek seperti TextBox, Label, CommandButton ,dll dapat di ambil ( drag and

drop ) dari toolbar , sebagai berikut :


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









Tabel 5.1 Tabel Informasi Properties




58


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







59

Ulangi langkah ke -3 (langkah append) sampai jumlah kolom yang diinginkan



Pilih tab Collumns Ubah Caption & DataField OK

Gambar 5.15 Mengubah caption & datafield

Untuk

membuat

coluum

berikut-

nya




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 0 Kode Perusahaan kd_prsh

Collumn 1 Nama Perusahaan nama_prsh

Collumn 2 Alamat alamat_prsh

Collumn 3 No.Telp no_tlp






61

Gambar 5.17 Tampilan properties DataGrid

Gambar 5.18 Tampilan Form Pemasok

10. Klik kanan pada form pemasok, pilih View Code




62



11. Selanjutnya masukan coding ke jendela source code form pemasok




63

Gambar 5.21 Jendela Code Form Pemasok


13. Kemudian pilih menu Edit Pemasok

Gambar 5.22 Proses Running Form Pemasok




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 (>>)




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 *




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”#,###.- . **




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





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 )


* 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.




69


3. Simpan form dngan tekan CTRL+S beri nama frmBarang Save

Gambar 6.9 Mentimpan frmBarang




70


Gambar 6.10 Desain form Barang

Objek- objek seperti TextBox, Label, CommandButton ,dll dapat di ambil (drag and

drop )dari toolbar , sbb :


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




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









25 DataGrid Tabel

Tabel 6.1 Tabel Informasi Properties


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




72




Ulangi langkah ke -3 sampai sampai jumlah kolom yang diinginkan




73



Pilih tab Collumns Ubah Caption & DataField klik OK

Gambar 6.15 Proses Ubah caption & DataField




74

Lakukan langkah berulang diatas dengan beberapa caption dan DataField sbb :


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



Gambar 6.16 Tampilan Form Barang




75

8. Selanjutnya , masuk coding ke jendela coding caranya kilk kanan kemudian pilih

View Code


Gambar 6.18 Memasukkan coding ke jendela source code




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




77

Gambar 6.21 Proses Running Form Barang

3. Berikut tampilan form Barang

Gambar 6.22 Form Barang( running )




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 (>>)

bab 1 introduction visual basic · bahasa basic pada dasarnya adalah bahasa yang mudah dimengerti...

Documents