BAB 4 : USER INTERFACE

Transkripsi

1 BAB 4 : USER INTERFACE Setelah selesai pembahasan pada bab ini, diharapkan Anda dapat : Mengenal bentuk form yang dapat digunakan dalam VB Mengenal properti yang berkaitan dengan fasilitas menu Dapat membuat menu sebagai interaktive dalam program aplikasi

2 Form Digunakan untuk membuat tampilan (user interface) program suatu aplikasi yang dapat juga ditambahkan dengan objek kontrol. (mis: check tombol, memo, label, dan lain lain) Untuk mengaktifkan form, ada beberapa cara yaitu : View object pada window project Menu view

3 Tampilan View Object pada windows project, menu view dan tombol shift-f7 Menu View Tombol Shift+F7 Minimize (mengubah windows menjadi icon) Maximize (memperbesar ukuran layar) Close (menutup window) View Object Icon View Code Toggle Folder s

4 Form Objek form berbentuk seperti jendela/window atau kota dialog dan merupakan kerangka dasar dari setiap aplikasi, dimana object kontrol atau kode pemrograman dapat disimpan pada form Dari form yang dibuat dapat dihasilkan beberapa tipe jendela aplikasi, yaitu : Jendela utama (main window) Jendela anak (child window) Kotak dialog Jendela MDI (multiple document interface)

5 Spesifikasi Teknik Objek Form Sebagian besar properties pada Form berkaitan dengan tampilannya, yaitu : Properties Name Appreance BorderStyle Caption ControlBox CurrentX CurrentY Enable Height;width Icon Left;Top Maxbutton Minbutton Keterangan Tempat memberikan nama, jika tidak bisa diisi maka secara otomatis namanya Form1, Form2, dan seterusnya. Jika diganti sebaiknya carilah nama yang bermakna mis: FrmInput untuk form pemasukan data, dan sebagainya Menentukan bentuk Form:Flat atau 3D 1=garis pinggir tunggal tetap dan tidak bisa diubah ukurannya Menentukan teks-judul di pojok kiri atas jendela False = tanpa menu ControlBox di Ujung kanan atas Posisi koordinat horizontal bagi perintah cetak teks atau grafik Posisi koordinat Vertikal bagi perintah cetak teks atau grafik Menentukan apakah Form dapat diakses oleh user atau tidak Menentukan ukuran visual form Menentukan icon yang akan ditampilkan jika form di-minimized Menentukan posisi form terhadap pojok kiri-atas layar False=tanpa tombol maximize, jadi jendela tidak bisa dibesarkan lagi False=tanpa tombol minimize, jadi jendela tidak bisa dikecilkan

6 Spesifikasi Teknik Objek Form Sebagian besar properties pada Form berkaitan dengan tampilannya, yaitu : Properties Keterangan ScaleMode Menentukan unit satuan pengukuran form,dengan ketentuan : vbtwips (Twip:1440twip/inc;567 twip/cm) ; vbpoint (Point:72 point/inc) ; vbpixel (Pixelresolusi monitor) ; vbcharacters (Character:h=120twip/unit;v=240twip/unit) ; vbinches (In) ; vbmillimeters (Mm) ; vbcentimeters (Cm) Picture ScaleHeight ScaleWidth ScaleLeft ScaleTop Visible Window State Menampilkan gambar latar belakang Menetapkan besarnya koordinat Y dari tepi atas ke tepi bawah Menetapkan besarnya koordinat X dari kirii atas ke tepi kanan Menetapkan nilai koordinat X tepi kiri form Menetapkan nilai koordinat Y tepi atas form True=show(menampilkan form) ; False=hide(menyembunyikan form) Menetapkan keadaan awal form, apakah max, min, atau normal

7 Spesifikasi Teknik Objek Form Untuk mengubah properti dapat dilakukan secara design-time yaitu dengan memanfaat jendela properties dan dapat juga ketika program berjalan (run-time) yaitu dengan menuliskan kode-kode program di jendela CodeEditor Metode Hide Show Print, Line, Circle, Refresh Event resize Activate deactivat e Initialize Keterangan Menyembunyikan form dari layar komputer tetapi tetap ada di memori Menampilkan form di layar komputer Digunakan untuk mengolah teks dan grafik di form Keterangan Aktif jika ada perubahan ukura form akibat interaksi dengan user atau akibat kode program, digunakan untuk membuat prosedur yang dapat menyesuaikan dimensi dan posisinya jika ukuran form berubah Prosedur event Form_Activate akan dieksekusi jika form diaktifkan. Sangat berguna untuk menata awal suatu form sebalum digunakan Prosedur event FormDeActivate akan dieksekusi jika form dinonaktifkan, misalnya : menyimpan perubahan file Kode Program yang ditempatkan pada prosedur event Form_Initialize akan dieksekusi terlebih dahulu ketika form diciptakan

8 Menu adalah kumpulan perintah, dikelompokkan menurut kesamaan prosesnya Menu dapat dikelompok menjadi : Menu Bar Pop-up Menu MDI (Multi Document Interface)

9 Tampilan Menu Bar (Tools - Menu Editor /Ctrl-E) Judul Menu Item Menu Shortcut Judul Submenu Item Submenu

10 Tampilan Pop-Up Menu (Tools - Menu Editor /Ctrl-E) NonAktif Run View Code

11 Tampilan MDI (Multi Document Interface) Remove form,add MDIForm View Code

12 Tugas Buat dengan Menu Bar, Pop Up Menu dan MDI Dengan tampilan sebagai berikut : Menu Bar Pop Up Menu

13 BAB 5 : MENGELOLA SUATU PROJECT Setelah selesai pembahasan pada bab ini, diharapkan Anda dapat : Mengenal proses dalam membuat suatu project Dapat merubah/memperbaharui suatu project

14 Type project dengan menggunakan interface Label View Code Option Explicit Private Sub Command1_Click() End Command Button

15 Type project dengan menggunakan interface Buatlah suatu project dengan menggunakan interface dimana dua buah variabel Arus (ampere) dan Tahanan (ohm). Tuliskan tegangan yang dihasilkan Command Button Label TextBox

16 Type project dengan menggunakan interface View Code View Code Option Explicit Private Sub CmdExit_Click() End Private Sub CmdRun_Click() TxtFahrenheit.Text = 9 / 5 * TxtCelcius.Text + 32 TxtRheamur.Text = 4 / 5 * TxtCelcius.Text TxtKelvin.Text = TxtCelcius.Text Option Explicit Private Sub CmdExit_Click() End Private Sub CmdRun_Click() TxtFahrenheit.Text = 9/5*TxtCelcius.Text+32 TxtRheamur.Text = 4 / 5 * TxtCelcius.Text TxtKelvin.Text = TxtCelcius.Text Private Sub TxtCelcius_KeyPress(KeyAscii As Integer) If KeyAscii = 13 Then TxtCelcius.SetFocus End If

17 SOAL Yang hadir dibagi menjadi 5-10 kelompok lalu diskusikan Jawaban anda dengan kelompok

18 BAB 6 : PROCEDURE & CONTROL STRUCTURE Setelah selesai pembahasan pada bab ini, diharapkan Anda dapat : Mengenal bentuk standar prosedur dan kontrol VB Dapat membuat prosedur dan kontrol VB

19 PROCEDURE Merupakan sebuah blok program yang didalamnya, dapat dituliskan kode program. Pada procedure tidak ada nilai yang dikembalikan. Jenis Procedure : - General procedure - Event procedure Keuntungan yang diperoleh dari pemakaian procedure : Program terbagi-bagi menjadi komponen-komponen yang mandiri. Dengan demikian program menjadi lebih terstruktur sehingga pencarian kesalahan dapat lebih mudah dilakukan Prosedur yang terletak dalam suatu program dapat dipakai berulang-ulang sesuai dengan kebutuhan

20 PROCEDURE Macam-macam procedure yang dikenal VB6, adalah : Sub procedure, yaitu prosedur yang tidak dapat menghasilkan nilai Function procedure, yang bisa menghasilkan nilai Property procedure yang bisa menghasilkan nilai dan penugasan nilai tertentu serta mengatur objek Cara Kerja suatu procedure Procedure A Sub A.... Call B().... Procedure B Sub B

21 General Procedure Menunjukkan letak General Procedure pada Code Editor Contoh : View Code 'General procedure TextBox Command Button Output Sub kuadrat(nilai As Integer) Dim kuadrat As Integer kuadrat = nilai * nilai MsgBox "Hasil Kuadrat = " & kuadrat, vbokonly, " Kuadrat" Private Sub Command1_Click() Dim angka As Integer angka = Text1.Text 'Memanggil general procedure Call kuadrat(angka)

22 General Procedure Contoh : Design Output View Code Option Explicit Public Bil1, Bil2, Bil3 Private Sub Form_Click() Bil1 = 24 Bil2 = "Mei" Bil3 = 1963 Print " Nilai dari Variabel Data 1 adalah " & Bil1 Print " Nilai dari Variabel Data 2 adalah " & Bil2 Print " Nilai dari Variabel Data 3 adalah " & Bil3

23 Event Procedure Event Procedure Objek Contoh View Code Private Sub Command1_Click() Dim A, B As Integer A = 22 B = A * 10 Print A, B Command Button Output

24 Event Procedure Design Contoh : Output View Code Option Explicit Private Sub Command1_Click() Static I As Single Cls For I = 1 To 8 Step 0.5 Print " Perulangan For ke "; I If I = 4.5 Then MsgBox "Perulangan dihentikan pada I = 4.5 ", vbexclamation, "Harap Maklum" Exit For End If Next I

25 Function Procedure Contoh Design View Code Option Explicit Private Sub Form_Click() Dim Panjang, Lebar Panjang = InputBox("Panjang Segiempat") Lebar = InputBox("Lebar Segiempat") Print " Panjang Segiempat : " & Panjang Print " Lebar Segiempat : " & Lebar Print " Luas Segiempat : "; Print Luas(Panjang, Lebar) Function Luas(P, L) Luas = P * L End Function Output

26 SOAL Yang hadir dibagi menjadi 5-10 kelompok lalu diskusikan Jawaban anda dengan kelompok

27 Praktek : Pertemuan berikut Terima kasih