Visual Basic 2005

SCOPE

Visual Basic Hands-on

Training

Chapter 2: Program and Graphical User Interface Design 2

2 Objectives

►Understand what is a program►Understand what programming is►Understand the program development life cycle ►Create a Visual Basic 2005 Windows Application

project

Chapter 2: Program and Graphical User Interface Design 3

2 What is a Computer Program?

A set of instructions that tells the computer hardware how to obtain input, what action to perform, and the output to produce.

Chapter 2: Program and Graphical User Interface Design 4

2 What Programs Do

Input Data (Values)

Process (Calculations)

Output Results (Information)

Chapter 2: Program and Graphical User Interface Design 5

2 What is a Developer?

One who develops a program (application) by writing the instructions (code) to produce a desired results, also referred to as a software engineer or computer programmer.

Chapter 2: Program and Graphical User Interface Design 6

2 Program Development Life Cycle

►Set of phases and steps that are followed by developers to design, create, and maintain a computer program• Gather and Analyze the Program Requirements• Design the User Interface• Design the Program Processing Objects• Code the Program• Test the Program• Document the Program/System• Deploy the Program/System• Maintain the Program/System

Chapter 2: Program and Graphical User Interface Design 7

2 Phase I: Gather and Analyze the Program Requirements

►Gather project requirements by interviewing users, reviewing current procedures, and completing other fact-gathering tasks

►Two types of requirements documentation• Requirements document• Use Case Definition or OIP

Chapter 2: Program and Graphical User Interface Design 8

2

Chapter 2: Program and Graphical User Interface Design 9

2

Chapter 2: Program and Graphical User Interface Design 10

2 OIP Form

OUTPUT Selected room

Room selected confirmation message

INPUT Select Image

PROCESS Display image

Hide image

Display message

Hide message

Enable button(s)

Disable button(s)

Exit program

Chapter 2: Program and Graphical User Interface Design 11

2 Phase 2: Design the User Interface

►Developers sometimes spend 25% to 40% of the program design time on the user interface• Presentation layer

►Use Visual Studio to create the user interface►Interface designs are often called mock-ups

Chapter 2: Program and Graphical User Interface Design 12

2 Problem Definition

►You are to create a hotel room selection program.

Chapter 2: Program and Graphical User Interface Design 13

2 Phase 3 – Design the Program

Chapter 2: Program and Graphical User Interface Design 14

2 OEA Form (1)

OBJECT Exit button

EVENT TASK

Click Exit program

OBJECT Standard Room button

EVENT TASK

Click Display Standard room imageHide Deluxe room imageEnable Select Room button

Chapter 2: Program and Graphical User Interface Design 15

2 OEA Form (2)

OBJECT Deluxe Room button

EVENT TASK

Click Display Deluxe room imageHide Standard room imageEnable Select Room button

OBJECT Select Room button

EVENT TASK

Click Disable buttonsDisplay room confirmation messageEnable Exit button

Chapter 2: Program and Graphical User Interface Design 16

2 Phase 4/5 – Code and Test the Program

►After the events and tasks within the events have been identified, the developer is ready to code the program• Entering Visual Basic statements to accomplish

the tasks specified on the event planning document

►Developer enters the code and implements the logic