1 BAB 1 INTRODUCTION VISUAL BASIC - · PDF fileorang yang baru belajar membuat program. Hal...

Team Pengembangan

PRA 1 2017

[LABORATORIUM AKUNTANSI LANJUT A FAKULTAS EKONOMI UNIVERSITAS GUNADARMA]

Tim Pengembangan PRA 1 2017 1

BAB 1

INTRODUCTION

VISUAL BASIC

1. Mengenal Visual Basic 6.0

Bahasa Basic pada dasarnya adalah bahasa yang mudah dimengerti sehingga

pemrograman di dalam bahasa Basic dapat dengan mudah dilakukan meskipun oleh

orang yang baru belajar membuat program. Hal ini lebih mudah lagi setelah hadirnya

Microsoft Visual Basic, yang dibangun dari ide untuk membuat bahasa yang sederhana

dan mudah dalam pembuatan scriptnya (simple scripting language) untuk graphic user

interface yang dikembangkan dalam sistem operasi Microsoft Windows.

Visual Basic merupakan bahasa pemrograman yang sangat mudah dipelajari, dengan

teknik pemrograman visual yang memungkinkan penggunanya untuk berkreasi lebih

baik dalam menghasilkan suatu program aplikasi. Ini terlihat dari dasar pembuatan

dalam visual basic adalah FORM, dimana pengguna dapat mengatur tampilan form

kemudian dijalankan dalam script yang sangat mudah.

2. Interface Antar Muka Visual Basic 6.0

Interface antar muka Visual Basic 6.0, berisi menu, toolbar, toolbox, form, project

explorer dan property seperti terlihat pada gambar di bawah ini.

1

Team Pengembangan

PRA 1 2017



Gambar : Interface antar muka Visual Basic 6.0

Menu

Menu merupakan kumpulan perintah-perintah yang dikelompokkan dalam kriteria

operasi yang dihasilkan. Ada 13 menu utama yang terdapat pada Visual Basic yaitu :

Toolbox

Menu Toolba r Pro j ect Ex p lore r

Tem p at Form Pro p ert y

Team Pengembangan

PRA 1 2017



Nama Keterangan

File Kelompok perintah yang berfungsi untuk pengaturan suatu file

seperti New, Save, Open dan sebagainya.

Edit Kelompok perintah untuk pengeditan, baik pengeditan obyek,

komponen maupun kode pada Code Editor. Contohnya Cut,

Paste, Align.

View Perintah-perintah untuk mengaktifkan bagian-bagian dari

Integrated Development Environtment Visual Basic 6.0

Project Berfungsi untuk manajemen proyek serta pendukungnya.

Format Kelompok perintah untuk melakukan proses format.

Debug Untuk pengaturan dalam pencarian kesalahan program.

Run Berfungsi untuk menangani proses kompilasi program seperti

Run, Build, Step Over, Debug dan seterusnya.

Query Kumpulan perintah untuk mengakses data yang diperlukan pada

aplikasi database. Menu ini adalah menu baru pada Versi 6.0

Diagram Menyediakan perintah untuk pengaturan diagram. Diagram yang

merupakan menu baru pada Versi 6.0 ini sangat menolong dalam

proses perancangan.

Tools Sebagai penyedia perlengkapan tambahan yang diperlukan dalam

penyusunan program.

Add-Ins Untuk pengaturan program tambahan bagi Visual Basic 6.0

Window Pengaturan window yang sedang terbuka.

Help Menyediakan informasi untuk menolong pemakai dalam

menggunakan Visual Basic 6.0

Toolbar

Toolbar adalah ikon yang berisi perintah yang sering digunakan, berada di bawah

menu. ToolBar disediakan Visual Basic untuk mengakses berbagai fungsi yang ada

dalam menu secara lebih cepat dan lebih mudah. Untuk penjelasan tentang fungsi

masing-masing tombol pada toolbar perhatikan tabel berikut:

Team Pengembangan

PRA 1 2017



Project Exploler

Jika membuat program aplikasi, akan terdapat jendela project yang berisi semua file

yang dibutuhkan untuk menjalankan program aplikasi Visual Basic yang dibuat.

Pada jendela project terdapat tiga icon yaitu :

Team Pengembangan

PRA 1 2017



Nama Fungsi

View Code Menampilkan jendela Code yang digunakan untuk menulis

kode program yang terhubung dengan objek yang terpilih pada

jendela form.

View Object Menampilkan jendela Object untuk item yang terpilih pada

form aktif.

Toggle Folders Menampilkan atau menyembunyikan folder yang menampung

nama form suatu object.

Untuk menampilkan window ini caranya :

- Dari menu View pilihlah Project Explorer.

- Tekan tombol CTRL+R pada keyboard.

Tempat Form

Form adalah suatu objek yang dipakai sebagai tempat bekerja program aplikasi.

Form digunakan ketika akan meletakkan object-object apa saja yang akan digunakan

dalam program, object-object yang terdapat dalam toolbox, diletakkan dan didesain

dalam bagian form. Pada Form terdapat beberapa elemen yang dapat digunakan

untuk mengatur tampilan yaitu Minimize, Maximize/Restore, dan Close

Untuk mengaktifkan form ada beberapa cara yaitu :

- Klik tombol View Object pada window Project.

- Dari menu View klik perintah Object.

- Tekan tombol Shift+F7 pada keyboard.

Properties Window

Properties digunakan untuk menentukan setting suatu objek. Suatu objek biasanya

mempunyai beberapa properti yang dapat diatur langsung dari jendela Properties atau

lewat kode program. Ada 2 cara dalam menampilkan jendela properti sesuai nama

tab yaitu Alphabetic (berdasarkan abjad) dan Categories (berdasarkan fungsinya).

Untuk menampilkan window ini caranya :

- Dari menu View pilihlah Properties Window

- Tekan tombol F4 pada keyboard

Team Pengembangan

PRA 1 2017



Toolbox

Toolbox adalah kotak alat yang berisi icon-icon untuk memasukkan objek tertentu ke

dalam jendela form. Kita dapat memodifikasi toolbox, misalnya menambah

komponen icon dengan cara melakukan klik kanan pada toolbox lalu memilih

Components atau Add Tab.

Gambar : Toolbox

Pointer Arrow

Label

Fram e

CheckBox

Co m boBox

Horisontal S lider

Ti m e r

DirListBox

Shape

Im a g e

OLE

Picture

TextBox

Co mmand Button

Radio B utton

ListBox

Vertical Silder

DriveListBox

FileListBox

Line

DataControl

Team Pengembangan

PRA 1 2017



Gambar : Penjelasan fungsi-fungsi dari ToolBox

Team Pengembangan

PRA 1 2017



3. Membuat Project Baru

Untuk memulai pembuatan program aplikasi di dalam Visual Basic, yang dilakukan

adalah membuat project baru. Project adalah sekumpulan form, modul, fungsi, data dan

laporan yang digunakan dalam suatu aplikasi. Membuat project baru dapat dilakukan

dengan memilih menu [File] >> [New Project] atau dengan menekan ikon [new project]

pada Toolbar yang terletak di pojok kiri atas. Setelah itu akan muncul konfirmasi

untuk jenis project dari program aplikasi yang akan dibuat seperti terlihat pada gambar

di bawah ini.

Gambar : Layar pemilihan jenis project

Visual Basic 6.0 menyediakan 13 jenis project yang bisa dibuat seperti terlihat pada

gambar 1.3 di atas. Ada beberapa project yang biasa digunakan oleh banyak pengguna

Visual Basic, antara lain:

Standard EXE: Project standar dalam Visual Basic dengan komponen-komponen

standar. Jenis project ini sangat sederhana, tetapi memiliki keunggulan bahwa

semua komponennya dapat diakui oleh semua unit komputer dan semua user

meskipun bukan administrator. Project Standard EXE ini, digunakan sebagai

konsep pemrograman visualnya.

ActiveX EXE: Project ini adalah project ActiveX berisi komponen-komponen

kemampuan intuk berinteraksi dengan semua aplikasi di sistem operasi windows.

ActiveX DLL: Project ini menghasilkan sebuah aplikasi library yang selanjutnya

dapat digunakan oleh semua aplikasi di sistem operasi windows.

Team Pengembangan

PRA 1 2017



ActiveX Control: Project ini menghasilkan komponen-komponen baru untuk

aplikasi Visual Basic yang lain

VB Application Wizard: Project ini memandu pengguna untuk membuat aplikasi

secara mudah tanpa harus pusing-pusing dengan perintah-perintah pemrograman.

Selanjutnya pilih Standard EXE dan tekan [Ok]. Lalu muncul tampilan dari

Standard Exe seperti pada gambar 1.1. Dengan demikian project sudah siap dibuat.

Gambar : Jendela Form

Jendela Form

Team Pengembangan

PRA 1 2017



Pada jendela form, pengguna dalam membangun tampilan dari program aplikasi yang

akan dibuat dengan mengatur komponen-komponen baik letak, properti dan eventnya.

PENGENALAN PRA

Program PRA – Perusahaan Dagang yaitu program aplikasi yang dibuat atau

dikembangkan dengan tujuan mempermudah para akuntan dalam melakukan

pembukuan atau penjurnalan akuntansi yang terjadi pada perusahaan dagang.

Program PRA – Perusahaan Dagang dibuat dengan menggunakan Microsoft Visual

Basic 6 sebagai Intergrated Development Environment ( IDE ) / Engine / jenis

perangkat lunak untuk mengembangkan aplikasi. Bahasa pemrograman yang

digunakan yaitu bahasa Visual Basic, dengan alasan bahasa pemrograman ini mudah

dipahami dan bahasanya paling dekat dengan bahasa manusia daripada bahasa

pemrograman lain.

Program PRA – Perusahaan Dagang terdiri dari beberapa form dan 1 database (

terdiri dari tabel – tabel dan sebaiknya simpan semua File dalam 1 folder).

Jendela Kode

Gambar : Jendela Kode

Team Pengembangan

PRA 1 2017



MENJALANKAN PROGRAM VISUAL BASIC 6

1. Jalankan aplikasi Microsoft Visual Basic 6

2. Pilih Standard EXE Open

Gambar : Memilih jenis program yang dibuat

Gambar : Tampilan form

3. Sebelum menyimpan, pastikan sudah buat folder PRA

4. Ketik CTRL+S pilih folder PRA beri nama : pra1 Save

Team Pengembangan

PRA 1 2017



Gambar : Menyimpan file Project

Aktifkan ADODB Library

1. Pilih menu Project References…

2. checklist Microsoft ActiveX Data Object 2.1 Library OK

Gambar : Aktivasi ADODB Library

Team Pengembangan

PRA 1 2017



Membuat Database

Program Database yang digunakan yaitu Microsoft Access 2007

1. Buka program Microsoft Office Access 2007

2. Pilih Blank Database Klik Icon

3. Pilih folder PRA dan isi File name dan jangan lupa ubah Save as Type-nya

File name : GL3

Save as type :

Gambar : Memberi Nama & type pada file database

4. Kemudian Klik OK

Note :

*kenapa save type –nya acces 2002-2003 karena file acces 2007 tidak

disupport dengan Microsoft Visual Basic 6

5. Klik Create

Gambar : Menyimpan Database GL3

Team Pengembangan

PRA 1 2017



6. Hasilnya seperti dibawah ini

Gambar : Database yang baru dibuat

Membuat Module

Modul adalah sebagai tempat menampung fungsi yang bersifat umum artinya fungsi

(function) tersebut dapat dipanggil / digunakan dari coding form manapun.

Fungsi (function) yang dimasukkan kedalam modul yaitu berupa source code (coding)

yang pengguanaannya sesuai kebutuhan, misal function untuk memanggil database,

function untuk deklarasikan suatu variabel , function untuk membuat sebuah rumus /

formula matematika.

Sebuah program yang dibuat dengan Visual Basic 6, dapat menggunakan banyak

modul. Untuk membuat aplikasi PRA – Perusahaan Dagang, function yang dimasukkan

dalam modul berupa:

Pendeklarasian variabel

Koneksi database dengan beberapa Form

Ikuti langkah-langkah berikut :

1. Langkah Pertama lakukan sesuai gambar di bawah ini, atau dengan cara Pilih

Project Add Module.

Team Pengembangan

PRA 1 2017



Gambar : Membuat modul baru

2. Selanjutnya muncul tampilan Add Module, Tekan Open untuk membuat sebuah

module

Gambar : Membuat modul baru atau membuka modul yang sudah ada

Team Pengembangan

PRA 1 2017



Gambat : Tempat memasukan coding

3. Selanjutnya masukan coding ke jendela source code

Gambar : Tampilan sudah di masukan code

Team Pengembangan

PRA 1 2017



BAB 2

FORM UTAMA

Membuat Form Menu Utama

Form Menu Utama berguna untuk tampilan awal ketika program pertama kali

dijalankan. Jenis form yang digunakan yaitu MDI Form. MDI Form yaitu jenis form

yang biasanya untuk membuat program aplikasi yang berbentuk Multiple Document

Interfaces maksudnya form induk yang didalamnya ada form – form yang disebut

MDI Child .

MDI Form merupakan jenis form yang digunakan untuk membuat menu – menu

dan tampilan utama aplikasi .

Langkah – langkah :

1. Lanjut di program Visual Basic 6

2. Pilih menu Project Add MDI Form MDI Form Open

Gambar : Membuat form baru

2

Team Pengembangan

PRA 1 2017



Gambar : Membuat Form baru

3. Simpan MDIForm, dengan tekan CTRL+S beri nama frmMain

4. Buat menu – menu dengan cara

klik kanan pada form klik Menu Editor

Team Pengembangan

PRA 1 2017



Gambar : Membuat Menu Editor

5. Buat menu – menu sesuai ketentuan sebagai berikut :

Gambar : Menu – menu yang dibuat

Caption Name

&File MnFile

Informasi Perusahaan MnFileIP

&Exit MnExit

&Edit MnEdit

Pelanggan mnEditPel

Pemasok mnEditPem

Barang mnEditBrg

Tabel : Caption & Name dari Menu-menu

Team Pengembangan

PRA 1 2017



5.1 Cara membuat menu

Lalu isi Caption & Name sesuai tabel diatas

Gambar : Membuat menu File

Tekan Next kemudian buat submenu

5.2 Cara membuat submenu

Tekan sekali saja (sampai tampil …. )

example :

Lalu isi Caption & Name sesuai tabel diatas

Gambar : Membuat submenu yaitu Informasi Perusahan

Team Pengembangan

PRA 1 2017



Tekan Next

Kemudian buat menu dan submenu lainnya seperti langkah-langkah di atas.

Sampai Submenu Barang

Gambar : Tampilan keseluruan

Kemudian Klik OK

Gambar : Tampilan menu file

Gambar : Tampilan menu edit

Team Pengembangan

PRA 1 2017



6. Ubah properties form agar tampilannya maximize pada saat dijalankan sbb:

- Klik pada form frmMain

- Pada jendela properties , Ubah Windows State yaitu 2-Maximized

7. Kemudian klik kanan pada MDI Form View Code lalu Ketikkan coding (

source code ) berikut :

Gambar : Memasukkan coding ke jendela source code

Team Pengembangan

PRA 1 2017




Gambar : Tampilan ketika sudah di masukan codingan

Team Pengembangan

PRA 1 2017



BAB 3

FORM INFORMASI PERUSAHAAN

Membuat Form Informasi Perusahaan

Form Informasi perusahaan adalah form mengenai informasi perusahaan, jadi

pada form ini user dapat melakukan penambahan (adding) data perusahaan, delete, dan

pengeditan detail informasi perusahaan mulai dari nama,alamat, no. Telp perusahaan.

Data –data informasi perusahaan akan disimpan di database Microsoft Access 2007,

jadi form ini harus terintegrasi dengan tabel dari database GL3 yang telah dibuat

sebelumnya.

Form adalah sebuah wadah untuk menanamkan banyak objek-objek, di VB objek-

objek tersebut seperti textbox, listBox, DataGrid, dll.

Sebelum membuat form informasi perusahaan, maka harus membuat tabel informasi

perusahaan pada database GL3.

Berikut langkah-langkahnya:

1. Membuat Tabel Informasi Perusahaan

a. Pastikan sudah membuka GL3.mdb (yang telah dibuat tadi)

b. Pilih menu Create Table Pilih View pilih Design view

Gambar : Proses Pembuatan Tabel Info

3

Team Pengembangan

PRA 1 2017



c. Beri nama Info OK

Gambar : Menyimpan Tabel Info

d. Isi Field sbb:

Gambar : Field dari Tabel Info

e. Bila semua sudah selesai dikerjakan, maka simpanlah tabel yang telah dibuat

dengan mengklik kanan pada tabel Info, kemudian pilih Save.

f. Lalu isi record pada tabel (kalau bisa samain dengan gambar dibawah ini)

Gambar : Isi Record pada Tabel Info

Note :

Field adalah atribut judul dari pada record-record

Record adalah kumpulan dari elemen-elemen data yang terkait dalam sebuah basis

data.

Team Pengembangan

PRA 1 2017



2. Membuat Form Informasi Perusahaan

Form Informasi Perusahaan menggunakan beberapa objek diantaranny

Berikut langkah-langkah pembuatannya :

1. Pastikan sudah membuka project pral.vbp (yang tadi dibuat)

2. Pilih menu Project Add Form Form Open

Gambar : Proses Pembuatan Form

3. Simpan form degan tekan CTRL + S beri nama frmInfo Save

TextBox : Membuat area teks, sifatnya read-write access, dapat

diubah oleh pemakai

Command Button : Untuk membuat sebuah tombol pelaksanaan

perintah.

Label : Menampilkan teks, sifatnya display-only access, tidak dapat

diperbaiki/diubah oleh pemakai program.

Team Pengembangan

PRA 1 2017



Gambar: Menyimpan Form Informasi Perusahaan

4. Desain form seperti gambar dibawah ini

Gambar: Desain Informasi Perusahaan

2

3

4

5

6

7

8

9

10

11

15

14

13

16

17 18 19

12

1

Team Pengembangan

PRA 1 2017



5. Atur Properties tiap-tiap objek pada jendela properties sesuai tabel dibawah

ini(sesuaikan nomor-nomor pada gamber diatas)

No Object Name Caption MDIChild Text

1 Form FrmInfo Informasi

Perusahaan

True

2 Label Label Nama

Perusahaan

3 Label Labe2 Alamat

4 Label Labe3 No.Telp

5 Label Labe4 Jenis

Perusahaan

6 TextBox txtNama

7 TextBox txtAlamat1



10 TextBox txtTelp

11 TextBox txtJnsPrsh Perusahaan

Dagang

12 CommandButton cmdFirst <<

13 CommandButton cmdPrev <

14 CommandButton cmdNext >

15 CommandButton cmdLast >>

16 CommandButton cmdAdd Add

17 CommandButton cmdSave Save

18 CommandButton cmdEdit Edit

19 CommandButton cmdDelete Delete

Team Pengembangan

PRA 1 2017



Gambar : Tampilan Properties untuk Form

Gambar : Tampilan Properties untuk Label

Jangan lupa di

ganti Name-nya

Jangan lupa di

ganti Caption-nya

Hanya Caption

yang di ubah

Team Pengembangan

PRA 1 2017



Gambar : Tampilan Proprtties untuk TextBox

Gambar: Tampilan Properties untuk Commond Buttom

Jangan lupa

Name-nya di

ubah

Jangan lupa di

ganti Caption-nya

Jangan lupa di

ganti Name-nya

Team Pengembangan

PRA 1 2017




Gambar : Memasukan Coding ke jendela Source Code

7. Setelah masukan coding kemudian di Run dengan pilih toolbar

Team Pengembangan

PRA 1 2017



8. Kemudian tampilannya seperti di bawah ini.

Gambar : Proses Running Form Informasi Perusahaan

Gambar : Tampilan form Informasi Perusahaan

9. Coba anda lakukan edit, delete, Save, Add ,Cancel dan tekan tombol next (>),

preview (<), First (<<) , Last (>>)

10. Coba pilih Add, kemudian tambahkan data kemudian pilih Save, akan muncul

“Data berhasil di simpan”

Team Pengembangan

PRA 1 2017



Gambar : Tampilan Penambahan data

Team Pengembangan

PRA 1 2017



BAB 4

FORM PELANGGAN

Membuat Form Pelanggan

Form Pelanggan merupakan form mengenai data pelanggan yang berfungsi untuk

Input, Edit dan Delete data pelanggan yang nantinya data pelanggan ini digunakan pada

Transaksi Penjualan Barang. Data-data yang biasanya terdapat pada Form Pelanggan

yaitu: Kode Pelanggan, Nama Pelanggan, Alamat, dan No. Telpon.

Data-data pelanggan akan disimpan di database Microsoft Access 2007, Jadi form

ini harus terintegrasi dengan tabel dari database GL3 yang telah dibuat sebelumnya.

Sebelum membuat form pelanggan , maka harus membuat tabel pelanggan pada

database GL3.

Berikut langkah –langkahnya :

Membuat Tabel Pelanggan

1. Pastikan sudah membuka database GL3.mdb ( yg telah dibuat tadi )

2. Pilih menu Create Table Pilih View pilih Design view

Gambar : Proses Pembuatan Tabel Pelanggan

3. Beri nama pelanggan klik OK

4. Isi field sbb, setelah di isi lalu klik kanan save

4

Team Pengembangan

PRA 1 2017



Gambar : Field dari tabel pelanggan

5. Lalu isi record pada tabel (double klik tabel pelanggan)

Gambar : isi record pada tabel pelanggan

6. Selesai !!!!

Membuat Form Pelanggan

Form Informasi Perusahaan menggunakan beberapa objek diantaranya :


diubah oleh pemakai


perintah.

Label : Menampilkan teks, sifatnya display-only access, tidak

dapat diperbaiki/diubah oleh pemakai program.

Frame : Dapat meletakkan/mengelompokan beberapa kontrol

didalamnya

Data Grid: Berbentuk tabel untuk menampung data dari Database

DataGrid : Berbentuk tabel untuk menampung data dari database

Team Pengembangan

PRA 1 2017



langkah-langkah pembuatannya :

1. Pastikan sudah membuka project pra1.vbp ( yg tadi dibuat )

2. Pilih menu Project Add Form Form Open

Gambar : Proses pembuatan Form

3. Simpan form dengan tekan CTRL –S beri nama frmPelanggan Save

Gambar : Menyimpan form pelanggan

4. Tambah kan objek datagrid pada toolbar , caranya :

Pilih menu Project -> Component…

Team Pengembangan

PRA 1 2017



Gambar : Membuka submenu Componen

Beri Checklist pada Microsoft DataGrid Control 6.0 (OLEDB )

OK

Gambar : Penambahan objek Datagrid

Team Pengembangan

PRA 1 2017




Gambar : Desain form Pelanggan

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

drag and drop )dari toolbar , sbb :

Gambar : Properties

1 2

16

17

18

19

8

3

4

5

6

7

9 10 11 12 13 14 15

Team Pengembangan

PRA 1 2017



6. Atur properties tiap-tiap objek pada jendela properties sesuai tabel dibawah

ini ( sesuaikan dengan nomor2 pada gambar diatas )

7. Set DataGrid ( tampiklkan field-field datagrid ) , caranya :

Dilihat dari desain form diatas bahwa kolom berjumlah 4 , secara

daefault datagrid hanya menyediakan 2 kolom

Tambahkan kolom dengan klik kanan pada objek datagrid pilih Edit

Team Pengembangan

PRA 1 2017



Klik kanan lagi pada objek datagrid pilih Append

Ulangi langkah ke -3 sampai sampai jumlah kolom yang diinginkan

Lalu Klik kanan pada objek datagrid pilih Properties

Team Pengembangan

PRA 1 2017



Gambar : Proses Set Datagrid

Pilih tab Collumns Ubah Caption & DataField

Untuk membuat coloum berikutnya, langsung pilih coloum pilihan

tersebut

Kemudian klik OK

Untuk

membuat

coluum

berikut-nya

Team Pengembangan

PRA 1 2017



8. Lakukan langkah berulang diatas dengan beberapa caption dan DataField

sbb :

Collumn Caption DataField

Collumn 0 Kode Pelanggan kd_plg

Collumn 1 Nama Pelanggan nama_plg

Collumn 2 Alamat alamat_plg

Collumn 3 No.Telp no_tlp

Tabel : Caption & Datafield pada Column Datagrid

9. Setelah mebuat datagrid, kemuadian buat Label, TextBox, dan Command

Button

Team Pengembangan

PRA 1 2017



Gambar : Tampilan properties DataGrid

Gaambar : Tampilan Form Pelanggan

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

pilih View Code

Team Pengembangan

PRA 1 2017




Team Pengembangan

PRA 1 2017



11. Masukkan coding ke jendela code

Gambar : Setelah di masukan coding

12. Setelah memasukan coding kemudian Jalankan ( running ) Form

Pelanggan

13. Kemudian pilih menu Edit Pelanggan

Gambar : Proses Running Form Pelanggan

Team Pengembangan

PRA 1 2017



14. Berikut tampilan Form Informasi Pelanggan

Gambar : Form Pelanggan (Running)

15. Tambahkan data perusahaan dengan klik tombol Add isi data pada

textbox Tekan tombol Save

Gambar : Data Pelanggan (Simpan)

16. Nah berhasil kan , coba anda lakukan edit, delete, dan tekan tombol next

(>), preview (<), First (<<) , Last (>>)

Team Pengembangan

PRA 1 2017



BAB 5

FORM PEMASOK

Membuat Form Pemasok

Form Pemasok adalah form mengenai data pemasok / perusahaan , jadi pada

form ini user dapat melakukan penambahan ( adding ) data pemasok, delete, dan

pengeditan detail pemasok mulai dari nama ,alamat , no.telp pemasok.

Data-data pemasok akan disimpan di database Microsoft Access 2007, Jadi

form ini harus terintegrasi dengan tabel dari database GL3 yang telah dibuat

sebelumnya.

Sebelum membuat form Pemasok , maka harus membuat table pemasok pada

database GL3. Berikut langkah –langkahnya :

Membuat Table Pemasok


2. Pilih menu Create Tabel Pilih View pilih Design view

Gambar : proses pembuatan tabel pemasok

5

Team Pengembangan

PRA 1 2017



3. Beri nama Pemasok klik OK

4. Isi field sbb :

Gambar : Field dari tabel pemasok

5. Lalu isi record pada tabel

Gambar : isi record pada tabel pelanggan

6. Selesai !!!!

Membuat Form Pemasok

Form Pemasok menggunakan beberapa objek diantaranya


diubah oleh pemakai


perintah.




didalamnya

DataGrid : Berbentuk tabel untuk menampung data dari

database

Team Pengembangan

PRA 1 2017



Langkah-langkah pembuatannya :


2. Pilih menu Project -> Add Form Form Open


3. Simpan form dngan tekan CTRL –S beri nama frmPemasok Save

Team Pengembangan

PRA 1 2017




Gambar : Desain form Pemasok

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

drag and drop )dari toolbar , sbb :

Gambar : Properties

1 2

16

17

18

19

8

3

4

5

6

7

9 10 11 12 13 14 15

Team Pengembangan

PRA 1 2017



5. Atur properties tiap-tiap objek pada jendela properties sesuai tabel dibawah

ini (sesuaikan dengan nomor-nomor pada gambar diatas)

Nomor Object Name Caption MDIChild Text

1 Form FrmPemasok Pemasok True

2 DataGrid Tabel

3 Frame Frame1

4 Label Label1 Kode

Perusahaan

5 Label Label2 Nama

Perusahaan

6 Label Label3 Alamat

7 Label Label4 No.Telp

8 TextBox txtKode

9 TextBox txtNama

10 TextBox txtAlamat

11 TextBox txtTelp










Dilihat dari desain form diatas bahwa kolom berjumlah 4 , secara daefault

datagrid hanya menyediakan 2 kolom

Tambahkan kolom dengan klik kanan pada objek datagrid pilih Edit

Team Pengembangan

PRA 1 2017



Klik kanan lagi pada objek datagrid pilih Append



Team Pengembangan

PRA 1 2017




Pilih tab Collumns Ubah Caption & DataField OK

Untuk membuat coloum berikutnya, langsung pilih coloum pilihan tersebut

Kemudian klik OK

Untuk

membuat

coluum

berikut-

nya

Team Pengembangan

PRA 1 2017



Lakukan langkah berulang diatas dengan beberapa caption dan DataField

sbb :


Collumn 0 Kode Perusahaan kd_prsh

Collumn 1 Nama Perusahaan nama_prsh

Collumn 2 Alamat alamat_prsh

Collumn 3 No.Telp no_tlp


Team Pengembangan

PRA 1 2017



7. Setelah mebuat datagrid, kemuadian buat Label, TextBox, dan Command Button

Gambar : Tampilan Form Pelanggan

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

pilih View Code

Gambar : Tampilan Form Pelanggan

Team Pengembangan

PRA 1 2017




9. Masukkan coding ke jendela code

Gambar : Jendela Code Form Pemasok

10. Jalankan ( running ) Form Pemasok

11. Setelah melakukan coding , langkah selanjutnya yaitu menjalankan form

(running)

Team Pengembangan

PRA 1 2017



12. Tekan F5 pilih menu Edit Pemasok

Gambar : Proses Running Form Pemasok

13. Berikut tampilan form Pemasok

Gambar : Form Pemasok (Running)

14. Tambahkan data perusahaan dengan klik tombol Add isi data pada

textbox Tekan tombol Save

15. Nah berhasil kan , coba anda lakukan edit, delete, dan tekan tombol next

(>), preview (<), First (<<) , Last (>>)

Team Pengembangan

PRA 1 2017



BAB 6

FORM BARANG

Membuat Form Barang

Form Barang adalah form mengenai data barang dari pemasok / perusahaan ,

jadi pada form ini user dapat melakukan penambahan ( adding ) data barang, delete

dan pengeditan detail barang mulai dari kode barang , nama barang, harga beli, harga

jual, kode pemasok, jumlah persediaan.

Data-data barang akan disimpan di database Microsoft Access 2007, Jadi form

ini harus terintegrasi dengan tabel dari database GL3 yang telah dibuat

sebelumnya.

Sebelum membuat form Barang , maka harus membuat table barang pada

database GL3.

Berikut langkah –langkahnya :

Membuat Table barang


2. Pilih menu Create Table Pilih View Design view untuk membuat tabel

yang baru

Gambar : Proses Pembuatan Tabel Pelanggan

6

Team Pengembangan

PRA 1 2017



3. Beri nama tabel dengan “Barang” klik OK

4. Isi field sbb :

Gambar : Field dari table barang

5. Lalu isi record pada tabel barang seperti gambar dibawah ini:

Gambar : isi record pada table barang

6. Selesai !!!!

Membuat Form Barang

Form Barang menggunakan beberapa objek diantaranya :


diubah oleh pemakai


perintah.




didalamnya

DataGrid : Berbentuk tabel untuk menampung data dari database

ComboBox :Menampilkan teks bergaya drop-down, dapat

menampung teks dari data field.

Team Pengembangan

PRA 1 2017



Langkah-langkah pembuatannya :


2. Pilih menu Project -> Add Form Form Open


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

Team Pengembangan

PRA 1 2017




Gambar : Desain form Barang

Objek- objek yang digunakan dalam pembuatan design form dibawah ini

menggunakan ; TextBox, Label, CommandButton, data grid, frame, dll dapat di

ambil (drag and drop )dari toolbar , sbb :

Gambar : Properties

1 2 10

11

12

13 7 8 9

14

15

16

18

17

25

19 20

21

22

24

23

3

4

6

5

Team Pengembangan

PRA 1 2017



5. Atur properties tiap-tiap objek pada jendela properties sesuai tabel dibawah ini (

sesuaikan dengan nomor2 pada gambar diatas )

No Object Name Caption MDIChild Text

1 Form frmBarang Barang True

2 Frame Frame1

3 Label Label1 Kode Barang

4 Label Label2 Nama Barang

5 Label Label3 Harga Beli

6 Label Label4 Harga Jual

7 Label Label5 Kode Pemasok

8 Label Label6 NamaPemasok

9 Label Label7 Jumlah

Persediaan

10 TextBox txtKode

11 TextBox txtNama

12 TextBox txtHargaBeli

13 TextBox txtHargaJual

14 ComboBox cboKodePemasok

15 TextBox txtNamaPemasok

16 TextBox txtJmlPersediaan









25 DataGrid tabel

Team Pengembangan

PRA 1 2017




Dilihat dari desain form diatas bahwa kolom berjumlah 4 , secara daefault

datagrid hanya menyediakan 2 kolom

Tambhakan kolom dengan klik kanan pada objek datagrid pilih Edit

Klik kanan lagi pada objek datagrid pilih Append untuk menambah

jumlah kolom yang diinginkan.



Team Pengembangan

PRA 1 2017




Pilih tab Collumns Ubah Caption & DataField klik OK

Team Pengembangan

PRA 1 2017



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


7. Setelah membuat datagrid, kemudian design form barang dengan menggunakan

: Label, TextBox, dan Command Button seperti gambar dibawah:

Gambar : Tampilan Form Barang

8. Selanjutnya , masuk coding ke jendela coding caranya klik kanan kemudian

pilih View Code

Team Pengembangan

PRA 1 2017




Team Pengembangan

PRA 1 2017



Gambar : Jendela Code Form Barang

Jalankan ( running ) Form Barang

9. Setelah melakukan coding , langkah selanjutnya yaitu menjalankan form

(running) dengan cara klik tombol running pada toolbarnya.

10. Tekan F5 pilih menu Edit Barang

Gambar : Proses Running Form Barang

Team Pengembangan

PRA 1 2017



11. Berikut tampilan form Barang

Gambar : Form Barang( running )

12. Tambahkan data perusahaan dengan klik tombol Add isi data pada textbox

Tekan tombol Save

13. Nah berhasil kan , coba anda lakukan edit, update, delete, dan tekan tombol

next (>), preview (<), First (<<) , Last (>>)

1 BAB 1 INTRODUCTION VISUAL BASIC - · PDF fileorang yang baru belajar membuat program. Hal...

Documents

Transcript of 1 BAB 1 INTRODUCTION VISUAL BASIC - · PDF fileorang yang baru belajar membuat program. Hal...