Knowledge Systems Institute Graduate School – CIS310 Introduction to Programming (Visual Basic)  Building the Directions Application 

Building the Directions Application 

Step 1 
 Define what the application is to do  – – – –   Purpose: Display a map to the Highlander Hotel  Input: None  Process: Display a form  Output: Display on the form a graphic image showing a map 

Step 2 
 Visualize the Application and Design Its User Interface 



Page 1 of 11   

 bold. 18 point  – PictureBox  o o o Name: PictureBox1  Picture: HotelMap.jpg  SizeMode: StretchImage      Page 2 of 11    .Knowledge Systems Institute Graduate School – CIS310 Introduction to Programming (Visual Basic)  Building the Directions Application  Step 3   Determine the controls needed      Step 4   Define relevant property values for each control  – Form  o o – Name: Form1  Text: "Directions"  Label  o o o o Name: Label1  Text: "Directions to the Highlander Hotel"  TextAlign: MiddleCenter  Font: Microsoft sans serif.

 TextAlign. and Font properties  Add a PictureBox control  o o Position and resize it on the form  Set Image property to display HotelMap.jpg  – –                                 Run the application  Close and save the application  Page 3 of 11    .Knowledge Systems Institute Graduate School – CIS310 Introduction to Programming (Visual Basic)  Building the Directions Application  Step 5   Create the Forms and Other Controls Using Visual Basic  – – Establish the Form and set its Text property  Add a Label control  o o – Position and resize it on the form  Set Text.

Knowledge Systems Institute Graduate School – CIS310 Introduction to Programming (Visual Basic)  Building the Directions Application  Modify the Directions Application   The Highlander Hotel manager would like you to add the following items to the application:  – – – A Label containing the written directions  A Button to display the directions  A Button to exit the application                  Page 4 of 11    .

Knowledge Systems Institute Graduate School – CIS310 Introduction to Programming (Visual Basic)  Building the Directions Application  Step 1   Controls to be Added      Step 2   Control Properties  – Label  o o o – Name: lblDirections  Text: “Traveling on I‐89.…etc”  Visible: False  Button  o o Name: btnDisplayDirections  Text: “Display Directions”  – Button  o o Name: btnExit  Text: “Exit”          Page 5 of 11    .

Knowledge Systems Institute Graduate School – CIS310 Introduction to Programming (Visual Basic)  Building the Directions Application  Step 3    The Code Window  Double‐clicking a control in design mode:  – – opens the code window  creates a code template for the control’s event handler where you fill in the code for the event      Step 4   The Click Event Handler for btnDisplayDirections        Page 6 of 11    .

Visible = True  Assigns the value True to the Visible property of the lblDirections control  Causes the text of the lblDirections control to become visible to the user  Page 7 of 11    .Visible   refers to the Visible property of the lblDirections control  The visible property values may only be true or false  Step 6   The Assignment Statement  – – – – Specify the item to receive the value   Then the equal symbol  Then the value to be assigned   For example:  o o o                 lblDirections.Knowledge Systems Institute Graduate School – CIS310 Introduction to Programming (Visual Basic)  Building the Directions Application  Step 5   Changing a Control’s Visible Property in Code  – – – – Specify the control name (lblDirections)  Then a dot  Then the PropertyName (Visible)  For example:  o o o   lblDirections.

Knowledge Systems Institute Graduate School – CIS310 Introduction to Programming (Visual Basic)  Building the Directions Application  Step 7   The Click Event Handler for btnExit                                Page 8 of 11    .

Knowledge Systems Institute Graduate School – CIS310 Introduction to Programming (Visual Basic)  Building the Directions Application  Step 8   Use Visual Basic to Update the Application  – – – Place the label and the buttons on the form  Enter the code for the two procedures  Test the application                  Page 9 of 11    .

Knowledge Systems Institute Graduate School – CIS310 Introduction to Programming (Visual Basic)  Building the Directions Application  Modify the Directions Application – For Fun!     Controls to be added and properties  – Button  o o – Name: btnHideDirections  Text: “Hide Directions”  Button  o Name: btnDisplayHideDirections        Page 10 of 11    .

Enabled = True btnHideDirections. lblDirections.Click ' Close the form.Visible = True btnDisplayDirections.BackColor = Color.Object.Enabled = False btnHideDirections.Object.Visible = True btnDisplayDirections.BackColor = Color.Object. ByVal e As System.EventArgs) Handles btnDisplayHideDirections. ByVal e As System.Object.Visible = False btnDisplayDirections.Enabled = False btnDisplayHideDirections.Enabled = True btnHideDirections.OrangeRed End If End Sub Private Sub btnExit_Click(ByVal sender As System.Object.Enabled = True btnHideDirections.Click If lblDirections.OrangeRed btnDisplayHideDirections.EventArgs) Handles MyBase.Load lblDirections. lblDirections.BackColor = Color.Text = "Hide Directions" btnDisplayHideDirections. ByVal e As System.Enabled = False btnDisplayHideDirections. ByVal e As System.ForeColor = Color.EventArgs) Handles btnDisplayDirections.Visible = False btnDisplayDirections. ByVal e As System.BackColor = Color.White End Sub Private Sub btnDisplayDirections_Click(ByVal sender As System.Enabled = True btnDisplayHideDirections.Text = "Display Directions" btnDisplayHideDirections. Me.Knowledge Systems Institute Graduate School – CIS310 Introduction to Programming (Visual Basic)  Building the Directions Application  Public Class Form1 Private Sub Form1_Load(ByVal sender As System.Enabled = False btnHideDirections.Text = "Hide Directions" btnDisplayHideDirections.Text = "Display Directions" btnDisplayHideDirections.Close() End Sub End Class  Page 11 of 11    .Visible = False Then lblDirections.OrangeRed End Sub Private Sub btnDisplayHideDirections_Click(ByVal sender As System.EventArgs) Handles btnHideDirections.EventArgs) Handles btnExit.Text = "Display Directions" btnDisplayHideDirections.BackColor = Color.Green End Sub Private Sub btnHideDirections_Click(ByVal sender As System.Click ' Make the directions invisible.Click ' Make the directions visible.Green Else lblDirections.Visible = False btnDisplayDirections.Enabled = True btnDisplayHideDirections.Enabled = False btnDisplayHideDirections.

Sign up to vote on this title
UsefulNot useful