BAB 1 INTRODUCTION VISUAL BASIC

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 1

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. Menu Toolba r Pro j ect Ex p lore r Toolbox Tem p at Form Pro p ert y Gambar : Interface antar muka Visual Basic 6.0 2

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

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 Gambar : Toolbox 4

3. Membuat Project Baru Gambar : Penjelasan fungsi-fungsi dari ToolBox Untuk memulai pembuatan program aplikasi di dalam Visual Basic, yang dilakukan adalah membuat project baru. Project adalah sekumpulan form, modul, fungsi, data dan 5

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

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 7

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

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 9

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 10

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 : 4. Kemudian Klik OK Gambar : Memberi Nama & type pada file database Note : *kenapa save type nya acces 2002-2003 karena file acces 2007 tidak disupport dengan Microsoft Visual Basic 6 5. Klik Create 11

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 12

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 13

Gambar : Membuat modul baru atau membuka modul yang sudah ada Gambat : Tempat memasukan coding 14

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 15

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 16

Gambar : Membuat Menu Editor 5. Buat menu menu sesuai ketentuan sebagai berikut : Gambar : Menu menu yang dibuat 17

Caption &File Informasi Perusahaan Exit &Edit Pelanggan Pemasok Barang Name mnfile mnfileip mnexit mnedit mneditpel mneditpem mneditbrg 5.1 Cara membuat menu Tabel : Caption & Name dari Menu-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 : 18

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 19

Kemudian Klik OK Gambar : Tampilan keseluruan Gambar : Tampilan menu file 20

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 : 21

Gambar : Memasukkan coding ke jendela source code 22

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 c. Beri nama Info klik OK Gambar : Proses Pembuatan Tabel Info 23

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 24

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 beri nama frminfo Save 25

Gambar: Menyimpan Form Informasi Perusahaan 4. Desain form seperti gambar dibawah ini 1 2 3 6 7 8 9 4 5 10 11 12 13 14 15 16 17 18 19 26

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 MDIChild Text 1 Form frminfo Informasi Perusahaan 2 Label Label1 Nama Perusahaan 3 Label Label2 Alamat 4 Label Label3 No.Telp 5 Label Label4 Jenis Perusahaan True 6 TextBox txtnama 7 TextBox txtalamat1 8 TextBox txtalamat2 9 TextBox txtalamat3 10 TextBox txttelp 11 TextBox txtjnsprsh Perusahaan Dagang 12 CommandButton cmdlast >> 13 CommandButton cmdnext > 14 CommandButton cmdprev < 15 CommandButton cmdfirst << 16 CommandButton cmdadd Add 17 CommandButton cmdsave Save 18 CommandButton cmdedit Edit 19 CommandButton cmddelete Delete 27

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 28

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 29

6. Setelah masukan coding kemudian di Run dengan pilih toolbar 7. Kemudian tampilannya seperti di bawah ini. Gambar : Proses Running Form Informasi Perusahaan 30

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 31

Gambar : Tampilan Penambahan data 32

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 3. Beri nama pelanggan klik OK 4. Isi field sbb : Gambar : Proses Pembuatan Tabel Pelanggan 33

5. Lalu isi record pada tabel Gambar : Field dari tabel pelanggan Gambar : isi record pada tabel pelanggan 6. Selesai!!!! Membuat Form Pelanggan Form Informasi Perusahaan menggunakan beberapa objek diantaranya : TextBox : Membuat area teks, sifatnya read-write access, dapat diubah oleh pemakai Command Button : Untuk membuat sebuah tombol pelaksanaan perintah. Label : Menampilkan teks, sifatnya display-only access, tidak dapat diperbaiki/diubah oleh pemakai program. DataGrid : Berbentuk tabel untuk menampung data dari database 34

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 : 35

Pilih menu Project -> Component Gambar : Membuka submenu Componen Beri Checklist pada Microsoft DataGrid Control 6.0 (OLEDB ) OK Gambar : Penambahan objek Datagrid 36

5. Desain form seperti gambar dibawah ini 1 2 3 4 5 6 7 16 17 18 19 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 : 37

Gambar : Properties 6. Atur properties tiap-tiap objek pada jendela properties sesuai tabel dibawah ini ( sesuaikan dengan nomor2 pada gambar diatas ) 38

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 39

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 40

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 : Caption & Datafield pada Column Datagrid 9. Setelah mebuat datagrid, kemuadian buat Label, TextBox, dan Command Button 41

Gambar : Tampilan properties DataGrid Gaambar : Tampilan Form Pelanggan 42

10. Selanjutnya, masuk coding ke jendela coding caranya kilk kanan kemudian pilih View Code Gambar : Memasukkan coding ke jendela source code 43

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 44

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

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 3. Beri nama Pemasok klik OK Gambar : proses pembuatan tabel pemasok 46

4. Isi field sbb : Gambar : Field dari tabel pemasok 5. Lalu isi record pada tabel 6. Selesai!!!! Gambar : isi record pada tabel pelanggan 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 47

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 48

4. Desain form seperti gambar dibawah ini 1 2 3 4 5 6 7 16 17 18 19 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 49

5. Atur properties tiap-tiap objek pada jendela properties sesuai tabel dibawah ini (sesuaikan dengan nomor-nomor pada gambar diatas) Nomor Object Name Caption MDIChild Text 1 Form frmpemasok Pemasok True 2 DataGrid Tabel 3 Frame Frame1 4 Label Label1 Kode Perusahaan 5 Label Label2 Nama Perusahaan 6 Label Label3 Alamat 7 Label Label4 No.Telp 8 TextBox txtkode 9 TextBox txtnama 10 TextBox txtalamat 11 TextBox txttelp 12 CommandButton cmdfirst << 13 CommandButton cmdprev < 14 CommandButton cmdnext > 15 CommandButton cmdlast >> 16 CommandButton cmdadd Add 17 CommandButton cmdsave Save 18 CommandButton cmdedit Edit 19 CommandButton cmddelete Delete 6. Set DataGrid ( tampiklkan field-field datagrid ), caranya : Dilihat dari desain form diatas bahwa kolom berjumlah 4, secara daefault datagrid hanya menyediakan 2 kolom Tambahkan kolom dengan klik kanan pada objek datagrid pilih Edit 50

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 51

Gambar : Proses Set Datagrid Pilih tab Collumns Ubah Caption & DataField OK Untuk membuat coluum berikutnya Untuk membuat coloum berikutnya, langsung pilih coloum pilihan tersebut 52

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 53

Gambar : Tampilan Form Pelanggan 8. Selanjutnya, masuk coding ke jendela coding caranya kilk kanan kemudian pilih View Code Gambar : Tampilan Form Pelanggan 54

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 55

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

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 3. Beri nama Barang klik OK Gambar : Proses Pembuatan Tabel Pelanggan 57

4. Isi field sbb : 5. Lalu isi record pada tabel Gambar : Field dari table barang 6. Selesai!!!! Gambar : isi record pada table barang 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 58

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 59

4. Desain form seperti gambar dibawah ini 1 2 3 4 5 6 14 15 16 7 8 9 17 21 22 25 23 24 Gambar : Desain form Barang 18 19 20 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 ) 60

Nomor Object Name Caption MDIChil d 1 Form frmbarang Barang True 2 Frame Frame1 3 Textbox txtkode 4 Textbox txtnama 5 Textbox txthargabeli 6 Textbox txthargajual Text 7 Combobox cbokodepemasok 8 TextBox txtnamapemasok 9 TextBox txtjmlpersediaan 10 Label Label1 Kode Barang 11 Label Label2 Nama Barang 12 Label Label3 Harga Beli 13 Label Label4 Harga Jual 14 Label Label5 Kode Pemasok 15 Label Label6 Nama Pemasok 16 Label Label7 Jumlah Persediaan 17 CommandButton cmdfirst << 18 CommandButton cmdprev < 19 CommandButton cmdnext > 20 CommandButton cmdlast >> 21 CommandButton cmdadd Add 22 CommandButton cmdsave Save 23 CommandButton cmdedit Edit 24 CommandButton cmddelete Delete 25 DataGrid tabel 61

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 62

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 : 63

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 64

Gambar : Memasukkan coding ke jendela source code 65

9. Setelah melakukan coding, lakah selanjutnya yaitu menjalankan form (running) 10. Tekan F5 pilih menu Edit Barang 11. Berikut tampilan form Barang Gambar : Proses Running Form Barang Gambar : Form Barang( running ) 66

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