PENGENALAN PEMROGRAMAN VISUAL Tujuan Mata Kuliah Mahasiswa dapat
- Slides: 41
PENGENALAN PEMROGRAMAN VISUAL Tujuan Mata Kuliah • • • Mahasiswa dapat memahami pengertian pemrograman visual Mahasiswa dapat memahami sintak Visual basic Mahasiswa dpt membuat berbagai aplikasi pemrograman visual Mahasiswa dapat memahami pemrograman database dan koneksi database dalam VB Mahasiwa dapat membuat proyek dengan menggunakan VB dan Memahami solusi studi kasus menggunakan konsep berorientasi objek dalam visual basic (VB) Tujuan Instruksional Umum : Pengenalan Visual programming dan VB By Ibu KARTINI
MEMAHAMI ISTILAH VISUAL PROGRAMMING • • MEMULAI VB FORM TOOLBOX PROPERTIES PROJECT EXPLORER CODE EDITOR EVENT MANAJEMEN PROYEK VB
Memahami Istilah Object, Property, Method dan Event • Dalam pemrograman berbasis obyek (OOP), anda perlu memahami istilah object, property, method dan event sebagai berikut : • Object : komponen di dalam sebuah program • Property : karakteristik yang dimiliki object • Method : aksi yang dapat dilakukan oleh object • Event : kejadian yang dapat dialami oleh object Sebagai ilustrasi anda dapat menganggap sebuah mobil sebagai obyek yang memiliki property, method dan event. Perhatikan gambar berikut :
Memahami Istilah Object, Property, Method dan Event
Memahami Istilah Object, Property, Method dan Event • Implementasinya dalam sebuah aplikasi misalnya anda membuat form, maka form tersebut memiliki property, method, dan event. • Sebagaimana pemrograman visual lain seperti Delphi dan Java • VB juga Bersifat event driven progamming. Artinya anda dapat menyisipkan kode program pada event yang dimiliki suatu obyek.
Memahami Istilah Object, Property, Method dan Event • Implementasinya dalam sebuah aplikasi misalnya anda membuat form, maka form tersebut memiliki property, method, dan event. • Sebagaimana pemrograman visual lain seperti Delphi dan Java • VB juga Bersifat event driven progamming. Artinya anda dapat menyisipkan kode program pada event yang dimiliki suatu obyek.
MEMULAI VB (1) ADA BEBERAPA – Dari Menu Start pilih program – Microsoft Visual Studio 6 – lalu klik Visual basic 6 – Klik ganda icon Visual Basic 6 pada Dekstop – Klik ganda ekstensi. MAK pada Window Eksplorer – Klik ganda file VB 6. EXE pada Windows Eksplorer. File ini secara default terletak pada folder C: Program filesMicrosoft Visual. StudioVB 98
MEMULAI VB (2) Dari Menu Start pilih program – Microsoft Visual Studio 6 – lalu klik Visual basic 6
MEMULAI VB (3) Dgn Menekan tombol Enter atau Double click. Hasilnya sbb, clicklah tombol Open dan lihat tampilan IDE halaman berikutnya :
MEMULAI VB (4) TAMPILAN IDE INTERFACE VB Gbr. IDE, yg merupakan Interface Visual Basic ( VB 6) Toolbar Main. Menu Toolbox Form Window form layout Properties Project Explorer
• Mengenal Integrated Development Environment (IDE) VB 6 Anda akan melihat tampilan area kerja atau IDE VB 6. Kenali bagian-bagian utama di dalam IDE VB 6 berikut ini :
Mengenal Integrated Development Environment (IDE) VB 6 KETERANGAN 1 Menubar 2 Toolbar 3 Toolbox Bila Toolbox tidak muncul klik tombol Toolbox pada bagian Toolbar atau klik menu View > Toolbox. 4 Jendela Form Bila Jendela Form tidak muncul klik tombol View Object pada bagian Project Explorer atau klik menu View > Object. 5 Jendela Code Bila Jendela Code tidak muncul klik tombol View Code di pada bagian Project Explorer atau klik menu View > Code. 6 Project Explorer Bila Project Explorer tidak muncul klik tombol Project Explorer pada bagian Toolbar atau klik menu View > Project Explorer. 7 Jendela Properties Bila Jendela Properties tidak muncul klik tombol Properties Window pada bagian Toolbaratau klik menu View > Properties Window.
FORM (1) • FORM ADALAH JENDELA YANG BISA DIUBAH -UBAH UNTUK MEMBUAT ANTARMUKA PROGRAM • FORM BISA MENGANDUNG MENU, TOMBOL, KOTAK DAFTAR, BARIS PENGGULUNG DAN ITEM-ITEM LAIN • FORM – FORM TAMBAHAN BISA DITAMBAHKAN • FORM ADALAH LEMBAR DESAIN TAMPILAN DARI PROGRAM YANG DIBUAT
FORM (2) Minimize Maximize Close Project Name Caption Bidang Form Bidang project Symbol actif
TOOLBOX (1) • TOOLBOX MENGANDUNG KONTROL YANG BISA DIGUNAKAN UNTUK MENAMBAH GAMBAR, LABEL DAN ELEMEN LAINNYA • TOOLBOX BERISI KUMPULAN OBJEK YANG DIGUNAKAN UNTUK MEMBUAT USER INTERFACE SERTA PENGONTROLAN BAGI PROGRAM YANG DIBUAT
TOOLBOX (2) Pointer Picture. Box Label Text. Box Frame Command Otion. Button Check. Box Combo. Box List. Box HScroll. Bar VScroll. Bar Timer Dir. List. Box Shape Image Drivelist. Bo x File. List. Box Line Data Ole
PROPERTIES (1) • JENDELA PROPERTIES DIGUNAKAN UNTUK MENGUBAH KARAKTERISTIK ATAU SETTING PROPERTI DARI ELEMEN YANG TERDAPAT PADA FORM • JENDELA PROPERTIES MENGANDUNG KOTAK DAFTAR DROP-DOWN YANG MENAMPILKAN SEMUA ELEMEN OBJEK PADA FORM • SETIAP ELEMEN ATAU COMPONENT MEMILIKI PROPERTI YANG SUDAH DITENTUKAN • PROPERTIES DIBAGI MENJADI DUA YAITU ALPHABETIC DAN CATEGORIZED • ALPHABETIC, PROPERTI DIATUR BERDASARKAN URUTAN ABJAD • CATEGORIZED, PROPERTI DIATUR DALAM KELOMPOK-KELOMPOK KATEGORI
PROPERTIES (2) Object. Box Diurutkan ber dsrkan Abjad Diurutkan berda sarkan fungsi Kelompok katagori Propertie. List Keterangan dari propertie yg dipilih
PROJECT EXPLORER (1) • PROJECT EXPLORER DIGUNAKAN UNTUK MENGELOLA FILE YANG MENYUSUN PROYEK • PROJECT EXPLORER INI BERISI DAFTAR FORM, MODUL CLASS DAN FILE RESOURCE YANG DIGUNAKAN
PROJECT EXPLORER (2) View Object View Code Tonggle Folder
CODE EDITOR (1) • JENDELA INILAH TEMPAT MENULIS DAN MENYUNTING RUTIN YANG AKAN MENENTUKAN MEKANISME PROGRAM • PROCEDURE VIEW AKAN MENYEBABKAN CODE EDITOR AKAN MENAMPILKAN RUTIN PROGRAM DALAM BENTUK PROSEDUR • FULL MODUL VIEW AKAN MENYEBABKAN CODE EDITOR AKAN MENAMPILKAN SEMUA RUTIN PROGRAM YANG ADA DALAM SATU MODUL
CODE EDITOR (2) Kotak nama 2 prosedure Tempat menulis kan rutin Program HScrollbar Kotak Event Prosedur VScrollbar
Menulis Kode Program Even Click Even Docble. Click Even load Even change Even key. Prees
EVENT • EVENT ADALAH AKTIFITAS YANG TERJADI SAAT MENGGUNAKAN APLIKASI • EVENT TERJADI KARENA ADANYA TINDAKAN DARI PEMAKAI, SEPERTI KLIK MOUSE ATAU PENGGUNAAN KEYBOARD • EVENT BISA JUGA TERJADI KARENA ADANYA PENGATURAN OLEH TIMER ATAU APLIKASI
MANAJEMEN PROJECT (1) • PROYEK MERUPAKAN CIKAL BAKAL DARI APLIKASI DAN TERDIRI DARI BEBERAPA FILE YANG SALING TERKAIT SATU SAMA LAIN • BEBERAPA FILE UTAMA YANG DICIPTAKAN VB UNTUK MEMBANGUN PROYEK ADLAH : –. VBP, . FRM, . OCX, . BAS, . CLS, . RES
MANAJEMENT PROJECT (2) • FILE. VBP UNTUK TIAP PROYEK • FILE. FRM UNTUK TIAP FORM APLIKASI PADA SEBUAH PROYEK • FILE. OCX UNTUK TIAP CUSTOM CONTROL PADA SEBUAH PROYEK • FILE. BAS UNTUK MODUL STANDAR PADA SEBUAH PROYEK • FILE. RES MERUPAKAN RESOURCE FILE PADA SEBUAH PROYEK
CONTOH PROGRAM (1) Buka project baru, disainlah object commandbutton 1 dan commandbutton 2 pada form 1 ( dgn cara Double click tool Command. Button pada toolbox) dan seting properti caption nya menjadi : Exit dan Clear, seperti terlihat dibawah ini, dimana form 1 tsb, dlm keadaan Running :
CONTOH PROGRAM (2) • Double click control Command (clear) yang ada di dalam form • Kemudian ketik kode VB di dalam prosedur sebagai berikut: Private Sub Command 1_Click() Form 1. Cls End Sub Private Sub Command 2_Click() End sub
CONTOH PROGRAM (3) Private Sub Form_Click() Form 1. Print Form 1. Font. Name = "Arial Black" Form 1. Font. Size = 12 Form 1. Fore. Color = vb. Red Form 1. Print "Haloo. . . Selamat Datang di VB" Form 1. Font. Size = 14 Form 1. Fore. Color = vb. Yellow Form 1. Print "HALOOO SELAMAT DATANG DI VB" Form 1. Font. Bold = True Form 1. Font. Size = 16 Form 1. Fore. Color = vb. Green Form 1. Print "HALOOO SELAMAT DATANG DI VB" Form 1. Font. Italic = True Form 1. Font. Size = 18 Form 1. Fore. Color = &H 808080 Form 1. Print "HALOOO SELAMAT DATANG DI VB" End Sub
Membuat User Interface (UI) • Pada Jendela Form buatlah UI seperti ini : Cara membuatnya : • Klik komponen Label di dalam Tool. Box kemudian “gambar” object Label 1 di dalam Form dengan cara drag-drop. • Lakukan langkah yang sama untuk object Label 2. • Object Text 1 di-“gambar” menggunakan komponen Text. Box, • Sedangkan object Command 1 dan Command 2 menggunakan komponen Command Button.
Mengatur Property Object • Melalui Jendela Properties atur property setiap object sebagai berikut :
Mengatur Property Object • Sehingga UI-nya menjadi seperti ini :
Menulis Kode Program : Property Test • Buka Jendela Code dan kenali bagian-bagian di dalamnya : • Program yang berbasis Windows bersifat event-driven, artinya program bekerja berdasarkan event yang terjadi pada object di dalam program tersebut. • Misalnya, jika seorang user meng-klik sebuah tombol maka program akan memberikan “reaksi” terhadap event klik tersebut. Program akan memberikan“reaksi” sesuai dengan kode- kode program yang dibuat untuk suatu event pada object tertentu.
Menulis Kode Program : Property Test • Pilih object Command 1 pada bagian Object Selector. Secara otomatis pada bagian Code Editor akan muncul blok kode program berikut : • Event Click merupakan event default (standar) dari object Command 1, Anda bisa melihat event lainnya pada bagian Event Selector. • Pada bagian Code Editor ketikkan kode programnya sebagai berikut
Menulis Kode Program : Property Test • Simpan Project 1 (nama file : Latihan. vbp) dan Form 1 (nama file : Lat 1. frm). VB 6 akan menyimpan program yang Anda buat ke dalam beberapa file yang saling terkait, antara lain : file project (*. vbp), file form (*. frm) dan file module (*. bas). • Coba jalankan Project 1 dengan meng-klik tombol Start pada bagian Toolbar atau tekan tombol • F 5 pada keyboard. Ketikkan “Salman” di dalam Text. Box kemudian klik tombol OK. Maka akan tampil hasil sebagai berikut : Bila ingin keluar klik tombol Selesai.
Menulis Kode Program : Property Test Penjelasan kode program : • Berikut diberikan penjelasan bagaimana cara kerja program sederhana di atas Private Sub Command 1_Click() Label 2. Caption = Text 1. Text End Sub • Ketika seorang user meng-klik tombol OK (object Command 1) maka isi tulisan pada object Label 2 akan sama dengan isi tulisan pada object Text 1. • Property Caption pada obyek Label 2 digunakan untuk menampilkan text tertentu di obyek tersebut. Selanjutnya untuk keluar dari program dituliskan kode berikut : Private Sub Command 2_Click() End Sub
Menulis Kode Program : Property test • Ketika seorang user meng-klik tombol Selesai (object Command 2) maka program akan berhenti. • Perintah End digunakan untuk menutup program. • Menampilkan tulisan merupakan salah satu property yang dimiliki oleh komponen Label. • Property isi tulisan pada komponen Label adalah Caption, sedangkan pada komponen Textbox adalah Text. • Cara penulisan (syntax) kode program untuk mengatur property sebuah object adalah sebagai berikut : • nama_object. property = value • Perhatikan, setelah Anda mengetikkan tanda titik (dot) dibelakang nama_object maka VB 6 akanmenampilkan daftar property dan method yang dimiliki oleh nama_object : Fasilitas ini disebut Intellisense, dan sangat membantu Anda agar tidak salah mengetikkan nama_object maupun property-nya.
Modifikasi Kode Program • Ubah tampilan UI-nya menjadi seperti ini : (Tambahkan komponen Frame, Option. Button dan Check. Box) • Atur property object-object tambahannya sebagai berikut :
Modifikasi Kode Program • Obyek Frame 1 harus dibuat terlebih dahulu si form, • Obyek Option dan Check dibuat didalam Frame 1 tersebut. • Tujuan pembuatan berbagai pilihan tsb adlh memperkenalkan pd Anda • Fasilitas Option dan Check. Box yg digunakan utk membuat pilihan dlm aplikasi. • Tambahkan kode programnya sebagai berikut : Private Sub Option 1_Click() Label 2. Fore. Color = vb. Blue End Sub Private Sub Option 2_Click() Label 2. Fore. Color = vb. Red End Sub Private Sub Check 1_Click() Label 2. Font. Bold = Check 1. Value End Sub Private Sub Check 2_Click() Label 2. Font. Italic = Check 2. Value End Sub
Modifikasi Kode Program Simpan kembali Form 1, kemudian coba jalankan Project 1 dan lihat hasilnya :
PEMROGRAMAN VISUAL Situs terkait utk memperoleh materi ini Silahkan buka & cari : Ilmukomputer. com Atau Makalah yg terkait dgn topik ini dapat dibaca di Modul I : Pemrograman visual basic Enterprise 6. 0
- Tujuan mata kuliah
- Perbedaan primary key dan foreign key
- Program konvensional
- Apa yang dimaksud pemrograman visual
- Program konvensional
- Contoh bahasa pemrograman konvensional
- Deskripsi mata kuliah etika profesi
- Materi kuliah pengembangan diri
- Erd perkuliahan
- Matkul ekonomi pembangunan ub
- Mata kuliah pelayanan prima
- Contoh soal metode perputaran modal kerja
- Kurikulum sistem informasi gunadarma
- Silabus mata kuliah metodologi penelitian
- Mata kuliah ilmu kelautan unpad
- Deskripsi mata kuliah ekonomi mikro
- Tujuan creative writing
- Contoh cpmk mata kuliah
- Cjr mata kuliah kewirausahaan
- Mata kuliah testing dan implementasi sistem
- Mata kuliah statistika dan probabilitas
- Silabus mata kuliah sejarah pendidikan islam
- Mata kuliah keamanan sistem informasi
- Rekonstruksi mata kuliah adalah
- Mata kuliah ekonomi islam ub
- 3 pilar kunci guru profesional
- Materi tentang keamanan jaringan
- Bahan ajar mata kuliah seminar
- Mata kuliah penyuntingan
- Kurikulum 2002
- Mata kuliah ilmu alamiah dasar
- Materi kuliah fisika lingkungan
- Pengantar aplikasi komputer (spss)
- Mata kuliah sistem produksi
- Materi kuliah sistem informasi manajemen
- Mata kuliah mba
- Relevansi mata kuliah menyimak dengan berbicara
- Modul manajemen keuangan
- Q beton
- Contoh soal struktur beton bertulang
- Tantangan dan peluang perilaku organisasi
- Mata kuliah manajemen proyek sistem informasi