pemrograman visualminggu …8… page 1 minggu ke delapan pemrograman visual pokok bahasan:...
TRANSCRIPT
![Page 1: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/1.jpg)
Minggu …8… Page 1
Pemrograman Visual
MINGGU Ke Delapan
Pemrograman VisualPemrograman Visual
Pokok Bahasan:Graphical User Interface
Tujuan Instruksional Khusus:Mahasiswa dapat menjelaskan dan mengaplikasikan Graphical User Interface pada Visual Basic 2008
Referensi:Deitel Deitel, Visual Basic 2008 (2009), How to Program, Prentice Hall. Chapter 14
![Page 2: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/2.jpg)
Pemrograman Visual Minggu …8… Page 2
Agenda• Some Basic GUI Components• Common Properties and Methods• Label, TextBox, Button• Check Box & Radio Button• Mouse Event Handling• Keyboard Event Handling• GroupBox & Panels• Menus• List Box, Check List Box, Combo Box • List Box Properties, Methods & Events• Combo Box Properties & Events• Tab Control Properties & Events• MDI Forms Properties & Events
![Page 3: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/3.jpg)
Pemrograman Visual Minggu …8… Page 3
Some Basic GUI Components
• Label• TextBox• Button• CheckBox• ComboBox• ListBox• Panel• Scrollbar
![Page 4: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/4.jpg)
Pemrograman Visual Minggu …8… Page 4
Common Properties & Methods• Common Properties
– BackColor
– BackgroundImage
– Enabled
– Foccused
– Font
– ForeColor
– TabIndex
– TabStop
– Text
– TextAllign
– Visible
• Common Methods– Focus– Hide– Show
![Page 5: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/5.jpg)
Pemrograman Visual Minggu …8… Page 5
Labels, TextBox, Buttons• Label Properties
– Font– Text– TextAlign
• TextBox Properties & Events– TextBox Properties
• AcceptReturn• Multiline• PasswordChar• ReadOnly• ScrollBars
– TextBox Events• TextChanged
• Button Properties & Events– Button Properties
• Text– Button Events
• Click
![Page 6: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/6.jpg)
Pemrograman Visual Minggu …8… Page 6
CheckBox & RadioButton
• CheckBox– Properties
• Checked• CheckState• Text
– Events• CheckedChanged• CheckStateChanged
• RadioButton– Properties
• Checked• Text
– Events• Click• CheckedChanged
![Page 7: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/7.jpg)
Pemrograman Visual Minggu …8… Page 7
Mouse Event Handling
• Mouse Events– MouseDown– MouseHover– MouseMove– MouseUp
• Mouse Event Arguments– Button– Clicks– X– Y
![Page 8: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/8.jpg)
Pemrograman Visual Minggu …8… Page 8
Keyboard-Event Handling
• Key Events– KeyDown– KeyUp– KeyPress
• Key Event Arguments Properties– KeyChar– Handled– Alt– Control– Shift– KeyCode– KeyData– KeyValue– Modifiers
![Page 9: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/9.jpg)
Pemrograman Visual Minggu …8… Page 9
GroupBox & Panel
• GroupBox Properties– Control– Text
• Panel Properties– AutoScroll– BorderStyle– Controls
![Page 10: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/10.jpg)
Pemrograman Visual Minggu …8… Page 10
Menus
![Page 11: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/11.jpg)
Pemrograman Visual Minggu …8… Page 11
Menus
• Membuat Menu: Menu – ToolBox – MenuStrip
• Membuat Shortcut: Tambahkan tanda &
• Membuat Shortcut Khusus: e.g: Ctrl + F1
Pilih properties ShortcutKeys
![Page 12: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/12.jpg)
Pemrograman Visual Minggu …8… Page 12
Main Menu & MenuItem Properties & Event
• MainMenu Properties– MenuItems– RightToLeft
• MenuItem Properties– Checked– Index– MenuItems– RadioCheck– Shortcut– Text
• Common Event – Click
![Page 13: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/13.jpg)
Pemrograman Visual Minggu …8… Page 13
Example of Menu & Tasks• Control
• TextBox
• Enabled
• Disabled
• Clear Text Box
• Label Resul Clear
• Characteristics
• Type
• Bold
• Italics
• Underline
• Color
• Blue
• Yellow
![Page 14: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/14.jpg)
Pemrograman Visual Minggu …8… Page 14
ListBox & CheckedListBox
![Page 15: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/15.jpg)
Pemrograman Visual Minggu …8… Page 15
ListBox Properties, Methods & Events
• Common Properties:– Items– MultiColumn– SelectedIndex– SelectedIndices– SelectedItem– SelectedItems– SelectionMode– Sorted
• Common Method:– GetSelected
• Common Event:– SelectedIndexChanged
![Page 16: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/16.jpg)
Pemrograman Visual Minggu …8… Page 16
Example of ListBox & Task
![Page 17: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/17.jpg)
Pemrograman Visual Minggu …8… Page 17
ComboBox
![Page 18: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/18.jpg)
Pemrograman Visual Minggu …8… Page 18
ComboBox Properties & Event
• Common Properties:– DropDownStyle– Items– MaxDropDownItems– SelectedIndex– Sorted
• Common Events:– SelectedIndexChanged
![Page 19: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/19.jpg)
Pemrograman Visual Minggu …8… Page 19
Tab Control
![Page 20: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/20.jpg)
Pemrograman Visual Minggu …8… Page 20
TabControl Properties & Events
• Common Properties:– ImageList– ItemSize– MultiLine– SelectedIndex– SelectedTab– TabCount– TabPages
• Common Event:– SelectedIndexChanged
![Page 21: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/21.jpg)
Pemrograman Visual Minggu …8… Page 21
MDI Form Properties & Events
• Common MDI Child Properties:– IsMdiChild– Mdiparent
• Common MDI Parent Properties:– ActiveMdiChild– IsMdiContainer– MdiChildren
• Common Method:– LayoutMdi
• Common Event:– MdiChildActivate
![Page 22: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/22.jpg)
Pemrograman Visual Minggu …8… Page 22
Questions
&
Answers
![Page 23: Pemrograman VisualMinggu …8… Page 1 MINGGU Ke Delapan Pemrograman Visual Pokok Bahasan: Graphical User Interface Tujuan Instruksional Khusus: Mahasiswa](https://reader035.vdocument.in/reader035/viewer/2022062515/56649c7b5503460f9492fba6/html5/thumbnails/23.jpg)
Pemrograman Visual Minggu …8… Page 23
Thank You