vb1 revision - programming with vb - notes

7/25/2019 VB1 Revision - Programming With VB - Notes

http://slidepdf.com/reader/full/vb1-revision-programming-with-vb-notes 1/10

Today’sLab notesadaptedfrom PearsonEducation,Inc.Publishing as PearsonAddison-Wesley

RevisionProgramming with Visual Basic

The Notes

Programs and

Programming Languages1.2

A Program Is a Set of Instructions a Computer

Follows in Order to Perform a Task

A Programming Language Is a Special LanguageUsed to Write Computer Programs

Computers can only follow instructions

A computer program is a set of instructions onhow to solve a problem or perform a task

In order for a computer to compute someone’sgross pay, we must tell it to perform the steps onthe following slide

Slide 1- 3

What Is a Program?

1. Display message: "How many hours did you work?"

2. Allow user to enter number of hours worked

3. Store the number the user enters in memory

4. Display message: "How much are you paid per hour?"

5. Allow the user to enter an hourly pay rate

6. Store the number the user enters in memory

7. Multiply hours worked by pay rate and store the result inmemory

8. Display a message with the result of the previous step

This well-defined, ordered set of steps for solving a problemis called an algorithm

Slide 1- 4

Computing Gross Pay



Memory snapshots showstates of the program

3. Store hours worked in memory

6. Store hourly pay rate in memory

7. Multiply hours worked by pay rateand store amount earned in memory

Slide 1- 5

States and TransitionsProgram Starting State

hours worked

hourly pay rate

amount earned

??

??

??

Snapshot after Step 3

hours worked

hourly pay rate

amount earned

20

??

??


hours worked

hourly pay rate

amount earned

20

25

??


hours worked

hourly pay rate

amount earned

20

25

500

The steps in our algorithm must be stated in a

form the computer understands

The CPU processes instructions as a series of 1’s and 0’s called machine language

This is a tedious and difficult format for people

Instead, programming languages allow us to use

words instead of numbers

Software converts the programming language

statements to machine language

Slide 1- 6

Programming Languages

Common Programming Languages

Visual Basic

Python

Javascript

Java

C#

C

C++

PHP

Slide 1- 7

Visual Basic is not just a programming language

It’s a programming environment with tools to:

Create screen elements

Write programming language statements

Procedural

Constructed as a set of procedures(operational, functional units)

Each procedure is a set of instructions

The Gross Pay computation is a procedure

Object-Oriented

Uses real-world objects such as students,transcripts, and courses

Objects have data elements called attributes Objects also perform actions

Slide 1- 8

Methods of Programming



Example of an Object This is a Visual Basic

GUI object called a form

A form is an object that contains

other objects such as buttons, text

boxes, and labels

Contains data and actions

Data, such as Hourly Pay

Rate, is a text propertythat determines theappearance of form objects

Actions, such as Calculate Gross

Pay, is a method that determines

how the form reacts

Slide 1- 9

Form elements are

objects called controls

Which ones do you recognise?

How many of each are there?

This form has:

Two TextBox controls

Four Label controls

Two Button controls

The value displayed by

a control is held in the text property of the control

Left button text property is Calculate Gross Pay

Buttons have methods attached to click events

Example of an Object

Slide 1-10

The GUI environment is event-driven

An event is an action that takes place within a

program

Clicking a button (a Click event)

Keying in a TextBox (a TextChanged event)

Visual Basic controls are capable of detecting

many, many events.

A program can respond to an event if theprogrammer writes an event procedure

Slide 1-11

Event Driven Programming: Events

More About Controls and

Programming1.3

As a Visual Basic Programmer, You Must Design and

Create the Two Major Components of an Application:

the GUI Elements (Forms and Other Controls) and the

Programming Statements That Respond to And/or

Perform Actions (Event Procedures)



As a Windows user you’re already familiar with

many Visual Basic controls:

Label - displays text the user cannot change

TextBox - allows the user to enter text

Button – performs an action when clicked

RadioButton - A round button that is selected or

deselected with a mouse click

CheckBox – A box that is checked or unchecked

with a mouse click

Form - A window that contains these controls

Tutorial 1-3 demonstrates these controls

Slide 1-13

Visual Basic Controls Tutorial 1-3, Visual Basic Controls

Slide 1-14

All controls have properties

Each property has a value (or values)

Not all properties deal with appearance

The name property establishes a means for theprogram to refer to that control

Controls are assigned relatively meaninglessnames when created

(e.g., Label1, Label2, etc.)

Programmers usually change these names tosomething more meaningful to make the programeasier to read by human beings.

Slide 1-15

Name Property

Slide 1-16

Examples of Names

btnCalcGrossPay btnClose

txtHoursWorked

txtPayRate

lblGrossPay

Label1

Label2

Label3

The label controls use the default names (Label1, etc.)

Text boxes, buttons, and the Gross Pay label play an

active role in the program and have been changed



Control names must start with a letter

Remaining characters may be letters, digits, or

underscore

1st 3 lowercase letters indicate the type of control

txt… for Text Boxes

lbl… for Labels

btn… for Buttons

After that, capitalize the first letter of each word

txtHoursWorked is clearer than txthoursworked

Slide 1-17

Naming Conventions

Slide 1-18

Event Handler – Compute Gross PayPrivate Sub btnCalcGrossPay_Click(ByVal sender As System.Object, _

ByVal e As System.EventArgs) Handles btnCalcGrossPay.Click

‘Define a variable to hold the gross pay.

Dim sngGrossPay As Single

‘Convert the values in the text boxes to numbers,

‘and calculate the gross pay.

‘The CSng function converts from any data type to a Single.

sngGrossPay = CSng(txtHoursWorked.Text) * CSng(txtPayRate.Text)

‘Format the gross pay for currency display and

‘assign it to the Text property of a label.

lblGrossPay.Text = FormatCurrency(sngGrossPay)

End Sub

NB: More recent VS: Private Sub btnCalcGrossPay_Click(sender As Object, e As EventArgs) _

Handles btnCalcGrossPay.ClickThe _ after EventArgs signifies line continuation

Slide 1-19

Event Handler - Close

Private Sub btnClose_Click(ByVal sender As

System.Object, _

ByVal e As System.EventArgs) Handles

btnClose.Click

‘End the program by closing its window.

Me.Close()

End Sub

Keywords: Words with special meaning to VisualBasic (e.g., Private, Sub)

Programmer-defined-names: Names created bythe programmer (e.g., sngGrossPay,

btnClose)

Operators: Special symbols to perform common

operations (e.g., +, -, *, and /)

Remarks: Comments inserted by the programmer

– these are ignored when the program runs (e.g.,any text preceded by a single quote)

Slide 1-20

Language Elements



Syntax defines the correct use of keywords, operators, & programmer-

defined names

Similar to the syntax (rules) of English

that defines correct use of nouns,verbs, etc.

A program that violates the rules of

syntax will not run until corrected

Slide 1-21

Language Elements: Syntax

The Programming Process

1.4

The Programming Process Consists of Several

Steps, Which Include Design, Creation, Testing, and

Debugging Activities

Clearly define what the program is to do

Problem definition

For example, the Wage Calculator program:

Purpose: To calculate the user’s gross pay

Input: Number of hours worked, hourly pay

rate

Process: Multiply number of hours worked by

hourly pay rate (result is the user’s gross pay) Output : Display a message indicating the

user’s gross pay

Slide 1-23

Step 1 of Developing an Application

Visualize the application running on the computer

and design its user interface

Slide 1-24




Make a list of the controls needed

Which ones will we need?

List out the type of control, it’s name and its purpose:

Slide 1-25


Type Name Description

TextBox txtHoursWorked Allows the user to enter the number of hours worked.

TextBox txtPayRate Allows the user to enter the hourly pay rate

Label lblGrossPay Displays the gross pay, after the btnCalcGrossPay

button has been clicked

Button btnCalcGrossPay When clicked, multiplies the number of hours worked by the hourly pay rate

Bu tton btnClose When cl icked , termina tes the app licat ion

Label (default) Description for Number of Hours Worked TextBox

Labe l (de fau lt ) Descrip tion for Hourly Pay Rate TextBox

Labe l (de fau lt ) Descrip tion for Gross Pay Earned Label

Form (default) A form to hold these controls

Define values for each control's relevant properties:

Slide 1-26


Control Type Control Name Text

Form (Default) "Wage Calculator"

Label (Default) "Number of Hours Worked"

Label (Default) "Hourly Pay Rate"

Label (Default) "Gross Pay Earned"

Label lblGrossPay "$0.00"

TextBox txtHoursWorked ""

TextBox txtPayRate ""

Button btnCalcGrossPay "Calculate Gross Pay"

Button btnClose "Close"

List the methods needed for each control:

Slide 1-27


Method Description

btnCalcGrossPay_Click Multiplies hours worked by

hourly pay rate

These values are entered

into the txtHoursWorked

and txtPayRate TextBoxes

Result is stored in

lblGrossPay Text property

btnClose_Click Terminatest he application

Create pseudocode or a flowchart of each method: Pseudocode is an Engl ish- like descript ion in programming

language terms e.g.:

A flowchart is a diagram that uses symbols to representeach step Flesh out the flowchart below…(i.e. add include missing steps).

Slide 1-28


Store Hours Worked x Hourly Pay Rate in sngGrossPay.Store the value of sngGrossPay in lblGrossPay.Text.

Start End

Multiply hours

worked byhourly payrate.Store result in

sngGrossPay.

Copy value in

sngGrossPayto lblGrossPaytext property



Check the design for errors:

Read the flowchart and/or pseudocode

Step through each operation as though you

are the computer

Use a piece of paper to jot down the values of

variables and properties as they change

Verify that the expected results are achieved

Slide 1-29


1. Clearly define what the program is to do.

2. Visualize the application running on the computer and

design its user interface.

3. Make a list of the controls needed.

4. Define values for each control's relevant properties.

5. List the methods needed for each control.

6. Create pseudocode or a flowchart of each method.

7. Check the design for errors.

Next…

8. Use Visual Basic to create the forms and other controlsidentified in step 3…

The Steps of Developing an Application So Far…

Slide 1-30

Use Visual Basic to create the formsand other controls identified in step

3

This is the first use of Visual Basic, all of the previous steps have just been on

paper (or other tools)

In this step you develop the portion of the application the user will see

Slide 1-31


Use Visual Basic to write the code for the

event procedures and other methodscreated in step 6

This is the second step on the computer

In this step you develop the methods behind

the click event for each button

Unlike the form developed on step 8, this

portion of the application is invisible to the user

Slide 1-32




Attempt to run the application - find syntax

errors

Correct any syntax errors found

Syntax errors are the incorrect use of

elements of the programming language

Repeat this step as many times as needed

All syntax errors must be removed before

Visual Basic will create a program that actually

runs

Slide 1-33


Run the application using test data as

input

Run the program with a variety of test data

Check the results to be sure that they arecorrect

Incorrect results are referred to as a runtime

error

Correct any runtime errors found

Repeat this step as many times as necessarySlide 1-34


Visual Studio and the

Visual Basic Environment1.5

Visual Studio Consists of Tools That

You Use to Build Visual Basic Applications

Visual Studio is an integrated developmentenvironment, often abbreviated as IDE

Provides everything needed to create, test, anddebug software including:

The Visual Basic language

Form design tools to create the user interface

Debugging tools to help find and correctprogramming errors

Visual Studio supports other languages besideVisual Basic such as C++ and C#

Slide 1-36

The Visual Studio IDE



Tutorial 1-4 introduces elements of the IDE:

Customizing the IDE

Design windo w – a place to design and create a form

Solution Explorer window – shows files in the solution

Properties window – modify properties of an object

Dynamic Help window – a handy reference tool

Toolbar – contains icons for frequently used functions

Toolbox window – objects used in form design

Tooltips – a short description of button’s purpose

Slide 1-37

The Visual Basic Environment

vb1 revision - programming with vb - notes

Documents