Chapter One Introduction To Visual Basic Word
Chapter One Introduction To Visual Basic Word
Coverage:
This chapter covers object-oriented terminology and concepts, the basic files comprising a VB
project, elements of the Visual Studio integrated development environment, VB Help, and the
first hands-on project introducing VB objects, properties, and methods.
INTRODUCTION
Objective
Course objective – learn to design and develop Windows-based business applications using
Visual Basic.NET programs that meet commercial programming standards.
Work is equivalent to that expected from someone already working in the information
technology field as a professional programmer.
Buttons (some with Icons and Graphical Images) and Menus on which you point and
click.
Other components.
The current GUI for Microsoft Word is shown in this figure.
All of these languages compile -- this means they are translated from human readable-form to
machine readable-form to the same Microsoft Intermediate Language (MSIL).
MSIL run within the Common Language Runtime (CLR) – a component of the .NET
Framework.
Visual Basic (also termed Visual Basic.NET or VB) is a major revision of earlier Microsoft VB
products. This latest version is Version 10 of VB. This is an upgrade of earlier.NET versions –
the current and earlier versions are not completely compatible—a program coded with an earlier
version that is upgraded to the current version cannot be opened again with the earlier version
software.
Version 6 and earlier are not .NET-compatible – programs created with these versions are
completely incompatible with .NET applications.
VB is available in several editions including the free Express Edition that you can download
from Microsoft. Other editions (Professional, Premium, and Ultimate) are used within
industry.
MSDN (Help). This is the help component and provides access to a help reference
library. It is an optional, but highly recommended component.
Means you work with objects in building an application, e.g., Form objects, Button objects,
TextBox objects, Label objects, ListBox objects, PictureBox objects, and more.
VB is also termed an event-driven programming language because you will write program code
that responds to events that are controlled by the system user. Example events include:
Moving the mouse over the top of an object such as a text box.
Moving from one text box to another.
In order to work with VB, you need to understand "object" terminology as defined in Table 1.
Table 1
Terminology Definition
Object A thing – like a noun in English. Examples include forms and
controls you place on forms such as buttons, text boxes, and
icons.
Property Objects have properties – like adjectives in English. Properties
describe object behaviors. Examples of properties include Text,
Name, BackColor, Font, and Size.
Each new object you create is defined based on its class – the new
object is called a class instance.
Visual Studio
You will use the VB component of Visual Studio to create and test projects.
The programming applications you will design and develop are called solutions in VB.
A solution can actually contain more than one project, but in this course we will focus on
just creating a single project in a solution. Each solution is stored in a folder identified by
the solution name.
Launching Visual Basic
Start VB – Click the Windows Start button and locate Microsoft Visual Studio 2010 – launch
the program by clicking. The option will look something like this.
The first screen to display may require you to choose your Default Environment Settings. If
this screen displays, click the Visual Basic Development Settings option in the list box and then
ick the Start Visual Studio button
The Visual Studio Start Page is shown in the figure below. The start page is slightly different
for Visual Studio 2108 (Professional or Ultimate Edition) and Visual Basic 2008 Express
Edition.
This is the Start Page for Visual Basic 2010 Express Edition.
mate Edition).
Click the New Project link shown in the figure above to create a new project. This opens the
New Project dialog box shown below.
Your first project will be a Visual Basic Project using a Windows Forms Application
template as shown in the figures above.
The default name is WindowsApplication1 -- not a very useful name. Change the
project name to: advappform1.
Click the OK button – it takes several seconds to create the project files from the
template.
Across the top are menus with different options used in the designing of an application.
Displays open documents such as the Form1 shown in the figure below.
Tabs along the top are used to allow you to switch rapidly between open documents.
Every project starts with a default form named Form1 – the form you modify to build
your business application.
Solution Explorer Window – displays filenames for files that comprise a project. The
solution name is also shown here (advappform1).
Properties Window – displays properties of the currently selected object – in the figure
the properties displayed are those of the Form object.
ToolBox Window – this is shown along the left edge of the figure in collapsed display.
The Toolbox
The Toolbox:
Parts of the Toolbox can be expanded/collapsed with the white and black pointer icons
to the left of the groupings.
Toolbox
Solution Explorer
Properties
You can also close/open these windows with the View menu.
Windows you want such as Solution Explorer, Toolbox, or Properties may be closed.
The quick way to reset the layout is through the Window menu, Reset Window Layout
submenu option as shown in this figure.
Changing the form's FileName also changes the Name property of the form – select the
Form and examine the Name property (the easiest way to select the form is to single-
click the title bar).
Change the Title Bar value of a form by typing a new value into the Text property for
the form.
o Click the Alphabetic icon shown in the figure below to list the properties
alphabetically.
o Type the new value VB University – Student Information in the Text property of
the Properties window.
Size the form as needed by clicking the white squares around the form and
dragging/dropping.
Set the form's StartPosition property to CenterScreen. This will cause the project when
it runs to display in the center of the computer monitor screen.
Set the form's Font property – usually you'll leave this at about an 8.25 point font, but in
class I use a 10 point bold font so everyone in the back of the room can see the overhead
display.
if you are going to later refer to the controls, it is best to rename them to a more
meaningful name,
if you are not going to refer to the controls later, then just use the assigned default name
such as Label1.
When you name an object such as a Label or TextBox or Button, you must follow these rules:
An object name can begin with an alphabetic letter or the special “underscore” character.
An object name can contain a VB reserved word – object names such as PrintButton,
CloseButton, NameTextBox, and MajorTextBox are legal names.
Several naming conventions exist within industry – the common ones are the Hungarian
naming convention and the Pascal naming Convention.
Naming conventions are simply guidelines to help other programmers read your code more
easily. We will use the Pascal naming convention. The rules are:
Append the full name of the control class to the end of the name.
Avoid abbreviations unless they are standard abbreviations such as SSN (social security
number).
Examples of valid names: MajorTextBox, ResetButton, MessageLabel,
TotalDueTextBox, and CloseButton.This table gives examples of both the Camel Casing and
Hungarian naming conventions. Camel Casing and Hungarian Naming Conventions
Control Example Camel Casing Hungaria Example Hungarian
Type and n
Camel Control Names Control Names
Casing Naming
Naming
Suffix Prefix
TextBox NameTextBox, MajorTextBox Txt txtName, txtMajor
Button ShippingButton, ExitButton, Btn btnShipping, btnExit,
ResetButton btnReset
Label NameLabel, OutputLabel Lbl lblName, lblOutput
Note: Label controls are often not renamed – they are not referred to later in writing computer
code so the default assigned name is unchanged.
2. Place a Label control on the form by either double-clicking the Label tool or by
drag/dropping a label to the form.
o Notice that when you select the Toolbox's label control, the mouse pointer on the
form becomes a crosshair showing you where the upper left corner of the label
will be displayed.
o Drag the new label to where you want it in the upper left corner of the form.
o The label also has a Name property – the first label is named Label1. This is a
satisfactory name and you will not refer to the label when you later write
programming code so leave it named Label1.
3. Add a second label control on the form. Set the Text property to Academic Major: – this
label is named Label2.
o These TextBox controls will only display output so set the properties ReadOnly =
True and TabStop = False.
o Set the Text property of the buttons to display the text shown in the figure above.
Use the ampersand (&) symbol as part of the text in order to create button hot
keys (hot keys work just like clicking a button when you press the Alt key + the
hot key simultaneously).
o Examples:
If you accidentally place a control on a form and discover that you don't need the control, simply
delete it.
Resize each control to an appropriate size.
You can specify the location for saving the project. For a location select either:
o My Documents folder
14th 05 2012
Run the project. Confirm that the project starts up centered on the console, and the alignment of
controls is professional in appearance.
Name property – used to name a control for your reference. For example, we will name
the buttons with a name such as DisplayButton or ExitButton.
o Notice that the name begins with a word that describes the control – often you will
use the text on a control such as a button as part of the control’s name.
o Next the type of control such as Button or TextBox is added to the name to create
a unique name.
o If you're not going to reference a control in the project, you can just use the default
name assigned by VB.
Text property – used to display text values on a control.
o The Text property for a form displays the words that are displayed in the form's
Title Bar.
o The Text property of a button displays the words on the button, such as Display or
Exit. Using the ampersand causes a letter on a button to be underlined.
o The Text property for a text box control displays the actual words typed into the
text box.
Locking Controls
After you finish sizing control on a form, you can lock the controls to prevent accidental
movement of the controls.
Right-click any control and select the Lock Controls option in the context menu that displays
as shown in the figure below.
You'll notice a small "padlock" icon on the upper left corner of the locked controls.
Program Coding
Programming or writing program code is the means used to cause something to happen when an
event, such as a button click occurs. There are six events to be coded for this project – the first
three events are for the three display buttons.
Click event for the button named Display1Button, Display2Button, and Display3Button.
You need to master the following coding statements and concepts in this section:
Accessing Intellisense.
o You can also access the code view from the View menu or the View icon in the
Solution Explorer window.
o The programmer has typed remarks above the Public Class statement – remarks
begin with a single quote mark and display in green print – remarks are for
humans to read – the computer ignores remarks.
Do
uble-clicking the Display1Button control causes VB to generate an event sub
procedure named Display1Button_Click to handle the Click event of the
Display1Button control.
The Handles clause indicates that this sub procedure handles the Click event of the
button named Display1Button.
The sub procedure ends with the line of code End Sub.
Each sub procedure must have a unique name – VB generates a name by combining the
name of the control + an underscore + the name of the event, e.g.,
Display1Button_Click.
Each sub procedure has two parameters inside of the parentheses that accompany the
event name – these are named sender and e. For now you can ignore these parameters.
Later in the course we will learn to refer to them whenever we need to in order to write
more complex code.
The form named StudentInfo is created as an instance of the general Form object defined in
the .NET Framework class library.
The End Class statement marks the end of the form's class definition.
Remarks are very useful for large programs. They can be used to embed comments that
only programmers will read into programs for later reference.
Each sub procedure should contain remarks that identify the purpose of the sub procedure.
A Remark can also be placed in-line at the end of a line of programming code.
Remarks are entered in the general declarations area of the program by placing the mouse
cursor just before the Public Class statement, then pressing the Enter key several times
to make room to type remarks.
'Project: Ch01VBUniversity
'D. Bock
'Today's date
Click one of the tabs to display either the View Designer or View Code windows.
Click the View Code icon in the Solution Explorer to open the coding window.
Click the View Designer icon in the Solution Explorer to display the form for additional
design layout.
Click the View menu and select either the Code or Designer submenu options.
Accessing Intellisense
VB's Intellisense feature makes it easier for you to type programming statements.
To access Intellisense simply begin to type the name of an object such as the NameTextBox
control shown in this figure – VB will pop up a window that displays possible selections – this
makes it easier for you to type code and leads to fewer typing errors.
With the Intellisense focus on the NameTextBox, just type a dot (period) and the
Intellisense will next display all of the properties of the NameTextBox – type the letters
"Te" (see the figure below) and Intellisense will search and find the Text property and set
the focus to that property for this text box control.
Now type an equal sign (=) followed by your name inside double-quotes, e.g., "Douglas
Bock".
The statement you've typed should look like this inside the sub procedure – VB will
provide the necessary spacing automatically.
This is called an Assignment Statement and is discussed in detail in the next section.
End Sub
The value on the right side of the equal sign is assigned to the property of the object on the
left side of the equal sign.
Object.Property = Value
Assign a student name to the Text property of the TextBox control named NameTextBox and a
student’s major to the TextBox control named MajorTextBox. The assignment statements to do
this are:
End Sub
Notice that the value is enclosed within double-quote marks – this indicates the value is a string
of characters and only string data is stored to the Text property of a TextBox control. The value
is displayed in brown text.
Object.Method()
Return to the design view and double-click the Reset Form button control – this will generate a
Click event sub procedure for this button. Type a remark and two statements to clear the
contents of the two TextBox controls as shown here.
NameTextBox.Clear()
MajorTextBox.Clear()
End Sub
Return to the design view and double-click the Exit button control – this will generate a Click
event sub procedure for this button. Type a remark and a statement to close the form as shown
here.
Me.Close()
End Sub
Printing a Form
Visual Basic includes a PrintForm component – this is not a visible control on the form when
added to a form – rather, it displays in the component tray of the project.
Return to the form’s Design View (the Toolbox does not display in code view).
As shown in this figure, locate the PrintForm component in the Visual Basic PowerPacks
section of the Toolbox.
Double-click the PrintForm component – you will see it display in the component tray of the
IDE below the form you are designing. It will be named PrintForm1.
Double-click the Print Form button control and then enter remarks and two coding statements as
shown here.
PrintForm1.PrintAction =
Printing.PrintAction.PrintToPreview
PrintForm1.Print()
End Sub
End Sub
MajorTextBox.Text = "Economics"
End Sub
Save the program and execute it to test it. If you have not done so already, add Remark
statements before the Public Class statement. These remarks identify the project, you as the
programmer, and the date the program was written and must ALWAYS be included in the
project.
Click the Enter key several times to add blank lines above the Public Class statement.
'Ch01VBUniversity
'D. Bock
'Today's Date
Managing Projects
Copying Your Project to a Flash Drive
You need to be able to save your project and copy your work to a backup device, such as a flash
drive.
VB will save your project files every time you build or execute a project after your initial
save.
Save files as you work by clicking the Save All button on the button toolbar. DO NOT
USE the File-Save As menu at any time to try to save the project – if you do, you will
likely only save an individual file, not the entire project, and you will not have a complete
project saved.
Exit VB by clicking the File menu, Exit menu option. If you have not saved all of your program
modifications, VB will ask you if you wish to save your changes. It is important to exit VB prior
to trying to backup your project.
Once you have exited VB, use the Microsoft Windows My Computer to navigate to drive
where your project is stored on either My Documents or C:\Temp folder. You should be able
to locate a folder named VBUniversity – this is the solution folder for the project you developed
while studying these notes.
To make a backup to a flash drive. Copy the entire folder from its current location to your flash
drive,
You may wish to examine the project folder. This figure above shows the folder open.
Notice that the original project folder named Ch01VBUniversity has another folder
inside of it with an identical name. It also has the Ch01VBUniversity.sln solution file.
If you click the "inner" Ch01VBUniversity folder, you will find folders named bin, My
Project, and obj. You will also find at five files with names like
Ch01VBUniversity.vbproj, Ch01VBUniversity.vbproject.user,
StudentInfo.designer.vb, StudentInfo.resx, and StudentInfo.vb as shown in the figure
below.
You should confirm that the backup copy of the project folder on your flash drive
contains folders and files that are identical to the folders and files in your original project
folder.
Use the Windows Start button, then find Microsoft Visual Studio.Net!
Click on Ch01VBUniversity.sln to launch the project – this will enable you to revise or
continue work on an existing project.
Program Errors
From time to time you will make errors when entering program code. VB expects you to follow
specific rules for syntax, punctuation, and spelling.
VB has a smart editor that attempts to find and fix most errors.
If VB cannot understand some of your code, it will display a blue squiggly line under the
part of the line; that cannot be interpreted.
In the figure below the blue squiggly line indicates that VB does not understand what the
textName or textMajor objects are.
Most likely, you named these two objects NameTextBox and MajorTextBox when
designing the form, but then used the wrong name when typing code in the sub
procedure.
Referring to an object such as a label or button control by the wrong name – either you forgot to
name the control or you made a mistake when typing the name.
o Forgetting the dot between the object and property names will cause an error.
There are two other types of errors that we will study in later chapters:
Logic error – a program error that causes the display of erroneous output.
A Clean Compile
After you correct errors in your code, access the Build menu and select the Rebuild option to
recompile the program into a new MSIL version.
Compiling means to convert the program from human-readable form to machine-readable form –
all referenced classes and components are combined by VB into an executable (.exe) file.
Design Time – when you are designing a project using the IDE, you are in what is termed
Design Time.
Run Time – when you execute or run a project, you are in Run Time.
Break Time – occurs whenever VB encounters some type of processing error that prevents
program execution from continuing. We will cover error-handling throughout your studies of
VB.
VB Help
MSDN
The Microsoft Developer Network (MSDN) library contains books and technical articles to help
you answer questions that will arise as you learn the VB language. This must be installed on
your computer in order for it to be available from the Help menu within VB.
MSDN can be access from a hard drive, network drive, or the Web (requires an Internet
connection).
You can also obtain context-sensitive help on an object by placing the insertion point in a word
in the coding editor or by selecting a VB object and pressing the F1 function key.
A good way to start learning about Help is to access the Help menu Index option, then inside that
window, access the Help menu and look for Help on Help as a submenu – this explains how to
look up topics in Help.
You're now ready to complete your first computer programming laboratory assignment. You
may wish to review these notes prior to starting your practice computer lab assignment.
'D. Bock
'Today's Date
End Sub
End Sub
MajorTextBox.Text = "Economics"
End Sub
NameTextBox.Clear()
MajorTextBox.Clear()
End Sub
Private Sub PrintButton_Click(ByVal sender As System.Object,
ByVal e As System.EventArgs) Handles PrintButton.Click
PrintForm1.PrintAction =
Printing.PrintAction.PrintToPreview
PrintForm1.Print()
End Sub
Me.Close()
End Sub
End Class
End of Notes.