ICS 012 Visual Programming I

1
ICS 012 Visual Programming I
Second Semester 2004-2005 (042)

• Ahmed Esmat
• aesmat_at_kfupm.edu.sa
• http//staff.kfupm.edu.sa/ITC/aesmat/

2
ICS 012 Visual Programming I

• WEEK 1
• Visual and Event Driven Programming
• An Overview of Visual Basic (IDE)

3
Aims and Objectives

• To understand what is visual and event driven
  programming
• The Visual Basic Programming environment
• Background to BASIC
• Background to Windows
• Visual Basic Environment
• Design/Control/Project/Form/Code Windows
• Control Properties
• Events Event Driven Programming
• Visual Basic Programs

4
Visual Programming

• Aims
• Aim is to develop the necessary skills to design
  and construct small-scale interactive software
• Aim is to educate you with the fundamental
  principles of designing and writing programs
• Visual Basic will be the target language but
  skills gained will be applicable to other
  languages

5
Event Driven Programming

• Event-driven programs respond to events from the
  computer, such as the mouse button being pressed.
  
• The designer uses ready-made objects such as
  CommandButtons and TextBoxes, to build user
  interfaces that make up the application.
• This approach to programming drastically reduces
  the amount of code required to develop a Windows
  application.

6
Visual Programming Languages

• Windows easy to use
• Programming via Visual environments
• .NET
• Visual C, C
• Java, J, J
• Borland Delphi and others
• Visual Basic developed in-house at Microsoft
• Interface designer
• Simple coding language
• Quick to produce programs

7
Visual Basic Concepts

• Controls - Processing
• Everything is a control
• Controls have pre-defined events
• Code can be attached to an event
• When an event occurs
• if code has been attached it is executed,
• otherwise default processing takes place

8
Running VB
Opening screen
Select this option - Standard EXE
9
Visual Basic Environment
Form
Project Explorer
Properties

• Components of the VB Design Environment

Form Layout
10
Event Driven Programs in VB

• In normal programming your application is always
  in control
• In GUI(Graphical User Interface) programming you
  have a number of options which may be triggered
• Events happen to a Control
• mostly user generated events
• controls can also cause events

11
Control Toolbox
12
Events

• Each Control has a relevant set of Events

13
Visual Basic Environment- Properties Window

• Controls - Properties
• All controls have appropriate properties such as
• Height, Name, Colour
• they can be changed either at design-time or at
  run-time

Main Menu
14
Visual Basic Environment- Properties Window
15
Visual Basic Event Processing
Trigger Event
Code Executed
16
Project Explorer
17
Visual Basic Program Structure

• Project File
• .VBP
• Form Files
• .FRM
• .FRX
• Modules
• .BAS
• Custom Controls
• .VBX files
• Save As...
• Possible problem

18
Visual Basic Environment- Using Context
Sensitive Help

• Context sensitive help is very useful
• Select the item control that you want help on
• Press the F1 key

F1
19
Command Button

• Select the command button
• from the toolbar

20
Controls Shape

• A shape control allows you todraw on the
  screen
• You can specify the Shape Colours FillStyle

21
Visual Separation of Controls
22
Writing VB Programs

• Plan the Program Tasks
• Design User Interface
• Set Properties
• Write Code (Event Handlers)
• Test and Debug the Program
• Document and Distribute the Program

23
End of Lecture