Visual Basic 2005 SCOPE Visual Basic Hands-on Training

2 Chapter 2: Program and Graphical User Interface Design2 Objectives ►Understand what is a program ►Understand what programming is ►Understand the program development life cycle ►Create a Visual Basic 2005 Windows Application project

2 Chapter 2: Program and Graphical User Interface Design3 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.

2 Chapter 2: Program and Graphical User Interface Design4 What Programs Do Input Data (Values) Process (Calculations) Output Results (Information)

2 Chapter 2: Program and Graphical User Interface Design5 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.

2 Chapter 2: Program and Graphical User Interface Design6 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

2 Chapter 2: Program and Graphical User Interface Design7 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

2 Chapter 2: Program and Graphical User Interface Design8

2 9

2 10 OIP Form OUTPUTSelected room Room selected confirmation message INPUTSelect Image PROCESSDisplay image Hide image Display message Hide message Enable button(s) Disable button(s) Exit program

2 Chapter 2: Program and Graphical User Interface Design11 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

2 Chapter 2: Program and Graphical User Interface Design12 Problem Definition ►You are to create a hotel room selection program.

2 Chapter 2: Program and Graphical User Interface Design13 Phase 3 – Design the Program

2 Chapter 2: Program and Graphical User Interface Design14 OEA Form (1) OBJECT Exit button EVENTTASK ClickExit program OBJECT Standard Room button EVENTTASK ClickDisplay Standard room image Hide Deluxe room image Enable Select Room button

2 Chapter 2: Program and Graphical User Interface Design15 OEA Form (2) OBJECT Deluxe Room button EVENTTASK ClickDisplay Deluxe room image Hide Standard room image Enable Select Room button OBJECT Select Room button EVENTTASK ClickDisable buttons Display room confirmation message Enable Exit button

2 Chapter 2: Program and Graphical User Interface Design16 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