BAB 1 INTRODUCTION VISUAL BASIC

Transkripsi

1 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. Tim Pengembangan 1

2 Menu Toolba r Pro j ect Ex p lore r Toolbox Tem p at Form Pro p ert y Menu Gambar : Interface antar muka Visual Basic 6.0 Menu merupakan kumpulan perintah-perintah yang dikelompokkan dalam kriteria operasi yang dihasilkan. Ada 13 menu utama yang terdapat pada Visual Basic yaitu : Tim Pengembangan 2

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 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: Tim Pengembangan 3

4 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 : Tim Pengembangan 4

5 Nama Fungsi View Code View Object Menampilkan jendela Code yang digunakan untuk menulis kode program yang terhubung dengan objek yang terpilih pada jendela form. 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 Tim Pengembangan 5

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

7 Gambar : Penjelasan fungsi-fungsi dari ToolBox Tim Pengembangan 7

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

9 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. Jendela Form Gambar : Jendela Form Tim Pengembangan 9

10 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 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). Tim Pengembangan 10

11 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 Tim Pengembangan 11

12 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 Tim Pengembangan 12

13 Membuat Database Program Database yang digunakan yaitu Microsoft Access Buka program Microsoft Office Access 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 karena file acces 2007 tidak disupport dengan Microsoft Visual Basic 6 5. Klik Create Gambar : Menyimpan Database GL3 Tim Pengembangan 13

14 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. Tim Pengembangan 14

15 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 Tim Pengembangan 15

16 Gambat : Tempat memasukan coding 3. Selanjutnya masukan coding ke jendela source code Gambar : Tampilan sudah di masukan code Tim Pengembangan 16

17 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 Tim Pengembangan 17

18 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 Tim Pengembangan 18

19 Gambar : Membuat Menu Editor 5. Buat menu menu sesuai ketentuan sebagai berikut : Gambar : Menu menu yang dibuat Caption &File Informasi Perusahaan &Exit &Edit Pelanggan Pemasok Barang Name MnFile MnFileIP MnExit MnEdit mneditpel mneditpem mneditbrg Tabel : Caption & Name dari Menu-menu Tim Pengembangan 19

20 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 Tim Pengembangan 20

21 Tekan Next Kemudian buat menu dan submenu lainnya seperti langkah-langkah di atas. Sampai Submenu Barang Kemudian Klik OK Gambar : Tampilan keseluruan Gambar : Tampilan menu file Gambar : Tampilan menu edit Tim Pengembangan 21

22 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 Tim Pengembangan 22

23 8. Selanjutnya masukan coding ke jendela source code Gambar : Tampilan ketika sudah di masukan codingan Tim Pengembangan 23

24 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, 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 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 Tim Pengembangan 24

25 c. Beri nama Info OK d. Isi Field sbb: Gambar : Menyimpan Tabel Info 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. 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 Tim Pengembangan 25

26 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 Tim Pengembangan 26

27 Gambar: Menyimpan Form Informasi Perusahaan 4. Desain form seperti gambar dibawah ini Gambar: Desain Informasi Perusahaan Tim Pengembangan 27

28 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 2 Label Label Nama Perusahaan 3 Label Labe2 Alamat 4 Label Labe3 No.Telp 5 Label Labe4 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 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 Tim Pengembangan 28

29 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 Tim Pengembangan 29

30 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 Tim Pengembangan 30

31 6. Selanjutnya masukan coding ke jendela source code Gambar : Memasukan Coding ke jendela Source Code 7. Setelah masukan coding kemudian di Run dengan pilih toolbar Tim Pengembangan 31

32 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 Tim Pengembangan 32

33 Gambar : Tampilan Penambahan data Tim Pengembangan 33

34 4 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 3. Beri nama pelanggan klik OK Gambar : Proses Pembuatan Tabel Pelanggan 4. Isi field sbb, setelah di isi lalu klik kanan save Tim Pengembangan 34

35 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 : 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/mengelompokan beberapa kontrol didalamnya Data Grid: Berbentuk tabel untuk menampung data dari Database Tim Pengembangan 35

36 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 Tim Pengembangan 36

37 Gambar : Membuka submenu Componen Beri Checklist pada Microsoft DataGrid Control 6.0 (OLEDB ) OK Gambar : Penambahan objek Datagrid Tim Pengembangan 37

38 5. Desain form seperti gambar dibawah ini Gambar : Desain form Pelanggan Objek- objek seperti TextBox, Label, CommandButton,dll dapat di ambil ( drag and drop )dari toolbar, sbb : Gambar : Properties Tim Pengembangan 38

39 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 Tim Pengembangan 39

40 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 Tim Pengembangan 40

41 Gambar : Proses Set Datagrid Pilih tab Collumns Ubah Caption & DataField Untuk membuat coluum berikut-nya Untuk membuat coloum berikutnya, langsung pilih coloum pilihan tersebut Kemudian klik OK Tim Pengembangan 41

42 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 Tim Pengembangan 42

43 Gambar : Tampilan properties DataGrid Gaambar : Tampilan Form Pelanggan 10. Selanjutnya, masuk coding ke jendela coding caranya kilk kanan kemudian pilih View Code Tim Pengembangan 43

44 Gambar : Memasukkan coding ke jendela source code Tim Pengembangan 44

45 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 Tim Pengembangan 45

46 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 (>>) Tim Pengembangan 46

47 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, 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 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 Tim Pengembangan 47

48 3. Beri nama Pemasok klik OK 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. Frame : Dapat meletakkan/mengelompokan beberapa kontrol didalamnya DataGrid : Berbentuk tabel untuk menampung data dari database Tim Pengembangan 48

49 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 Tim Pengembangan 49

50 4. Desain form seperti gambar dibawah ini Gambar : Desain form Pemasok Objek- objek seperti TextBox, Label, CommandButton,dll dapat di ambil ( drag and drop )dari toolbar, sbb : Gambar : Properties Tim Pengembangan 50

51 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 Tim Pengembangan 51

52 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 Tim Pengembangan 52

53 Gambar : Proses Set Datagrid Pilih tab Collumns Ubah Caption & DataField OK Untuk membuat coluum berikutnya Untuk membuat coloum berikutnya, langsung pilih coloum pilihan tersebut Kemudian klik OK Tim Pengembangan 53

54 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 Tim Pengembangan 54

55 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 Tim Pengembangan 55

56 Gambar : Memasukkan coding ke jendela source code 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) Tim Pengembangan 56

57 12. Tekan F5 pilih menu Edit Pemasok 13. Berikut tampilan form Pemasok Gambar : Proses Running 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 (>>) Tim Pengembangan 57

58 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, 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 1. Pastikan sudah membuka database GL3.mdb ( yg telah dibuat tadi ) 2. Pilih menu Create Table Pilih View Design view untuk membuat tabel yang baru Gambar : Proses Pembuatan Tabel Pelanggan Tim Pengembangan 58

59 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: 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. Frame : Dapat meletakkan/mengelompokan beberapa kontrol didalamnya DataGrid : Berbentuk tabel untuk menampung data dari database ComboBox :Menampilkan teks bergaya drop-down, dapat menampung teks dari data field. Tim Pengembangan 59

60 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 Tim Pengembangan 60

61 4. Desain form seperti gambar dibawah ini 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 Tim Pengembangan 61

62 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 10 TextBox txtkode 11 TextBox txtnama 12 TextBox txthargabeli 13 TextBox txthargajual 14 ComboBox cbokodepemasok 15 TextBox txtnamapemasok 16 TextBox txtjmlpersediaan 17 CommandButton cmdfirst << 18 CommandButton cmdprev < 19 CommandButton cmdnext > 20 CommandButton cmdlast >> 21 CommandButton cmdadd Add 22 CommandButton cmdsave Save 23 CommandButton cmdedit Edit Persediaan 24 CommandButton cmddelete Delete 25 DataGrid tabel Tim Pengembangan 62

63 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 untuk menambah jumlah kolom yang diinginkan. Ulangi langkah ke -3 sampai sampai jumlah kolom yang diinginkan Lalu Klik kanan pada objek datagrid pilih Properties Tim Pengembangan 63

64 Gambar : Proses Set Datagrid Pilih tab Collumns Ubah Caption & DataField klik OK Tim Pengembangan 64

65 Lakukan langkah berulang diatas dengan beberapa caption dan DataField sbb : Collumn Caption DataField Collumn 0 Kode Pemasok kd_prsh Collumn 1 Nama Pemasok nama_prsh Collumn 2 Kode Barang kd_brg Collumn 3 Nama Barang nama_brg Collumn 4 Harga Beli harga_brg Collumn 5 Harga Jual harga_jual Collumn 6 Persediaan Barang persediaan_brg Tabel : Caption & Datafield pada Column Datagrid 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 Tim Pengembangan 65

66 Gambar : Memasukkan coding ke jendela source code Tim Pengembangan 66

67 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 Tim Pengembangan 67

68 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 (>>) Tim Pengembangan 68

69