Transcript ICS012 Introduction to Visual Basic Programming

ICS 012 Visual Programming I
Second Semester 2004-2005 (042)
Ahmed Esmat
[email protected]
http://staff.kfupm.edu.sa/ITC/aesmat/
http://staff.kfupm.edu.sa/ITC/aesmat/
Slide 1
ICS 012 Visual Programming I
WEEK 1

Visual and Event Driven Programming

An Overview of Visual Basic (IDE)
http://staff.kfupm.edu.sa/ITC/aesmat/
Slide 2
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
http://staff.kfupm.edu.sa/ITC/aesmat/
Slide 3
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
http://staff.kfupm.edu.sa/ITC/aesmat/
Slide 4
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.

http://staff.kfupm.edu.sa/ITC/aesmat/
Slide 5
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
http://staff.kfupm.edu.sa/ITC/aesmat/
Slide 6
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
http://staff.kfupm.edu.sa/ITC/aesmat/
Slide 7
Running VB
Opening
screen
Select this
option Standard EXE
http://staff.kfupm.edu.sa/ITC/aesmat/
Slide 8
Visual Basic Environment
Toolbar
Form

Control
Toolbox
Project Explorer
Properties
Components of
the VB Design
Environment
http://staff.kfupm.edu.sa/ITC/aesmat/
Form Layout
Slide 9
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
http://staff.kfupm.edu.sa/ITC/aesmat/
Slide 10
Control Toolbox
http://staff.kfupm.edu.sa/ITC/aesmat/
Slide 11
Events

Each Control has a relevant set of Events
The events that can happen
to a Command Button
http://staff.kfupm.edu.sa/ITC/aesmat/
Slide 12
Visual Basic Environment
- Properties Window

Controls
Design
Time
- Properties
–
–
Simply
All
controls
change
have
the
appropriate
words
properties the
alongside
such
property.
as
Ie
 Height, Name, Colour
they can be changed either at
design-time or at run-time
Main Menu
http://staff.kfupm.edu.sa/ITC/aesmat/
Slide 13
Visual Basic Environment
- Properties Window

Run Time
–
in your code/program
Private Sub Form1_load()
Form1.Caption = “Main Menu”
End Sub
http://staff.kfupm.edu.sa/ITC/aesmat/
Slide 14
Visual Basic Event Processing
Trigger Event
Code Executed
http://staff.kfupm.edu.sa/ITC/aesmat/
Slide 15
Project
Explorer
http://staff.kfupm.edu.sa/ITC/aesmat/
Slide 16
Visual Basic Program
Structure

Project File
–

Form Files
–
–

‘.BAS’
Custom Controls
–

‘.FRM’
‘.FRX’
Modules
–

‘.VBP’
‘.VBX’ files
Save As...
–
Possible
problem
http://staff.kfupm.edu.sa/ITC/aesmat/
Slide 17
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
http://staff.kfupm.edu.sa/ITC/aesmat/
Slide 18
Command Button
Select the command button
from the toolbar
http://staff.kfupm.edu.sa/ITC/aesmat/
Slide 19
Controls: Shape

A shape control allows you to
‘draw’ on the screen

You can specify the:
Shape
Colours
FillStyle
http://staff.kfupm.edu.sa/ITC/aesmat/
Slide 20
Visual Separation of Controls
http://staff.kfupm.edu.sa/ITC/aesmat/
Slide 21
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

http://staff.kfupm.edu.sa/ITC/aesmat/
Slide 22