KEMENTERIAN PELAJARAN MALAYSIA

Self Access Learning Module

ICT Literacy for

Secondary School
Programme
Visual Basic Express Development

PUSAT PERKEMBANAGN KURIKULUM

KEMENTERIAN PELAJARAN MALAYSIA
 ICTL for Secondary School - Visual Basic Express Module

1.0 What is Microsoft Visual Basic Express 2005?

Visual Basic Express is a programming language for the Windows operating system. You can
create various applications for your school or for your daily activities. Though it simple, it can be
powerful. That is why Visual Basic Express is widely used in business, training and
entertainment.

2.0 Why use Microsoft Visual Basic Express 2005?

Other reasons of using Microsoft Visual Basic Express 2005 are:

• It is free to download and use!

• We can create standalone Windows programs royalty free.
• Full tutorial and many example programs are provided online.
• It has large online community.
• It uses Graphical User Interface (GUI).
• It uses drag and drop interface designer.
• It has interactive development environment.
• It is easy to carry out debugging.

3.0 What will you produce using Microsoft Visual Basic Express 2005?

It is hope that at the end of this lesson, you will be able to produce a simple program that
consists of Your Biodata. In your program you will learn how to create a program that has your
photo, your particulars and how to create a user log in that uses password. In doing so, you will
experience using simple coding in Microsoft Visual Basic Express 2005.

3.0 Getting started with Microsoft Visual Basic Express 2005

1
 ICTL for Secondary School - Visual Basic Express Module

1. Click ‘Start Î Program Î Microsoft Visual Basic 2005 Express Edition’

• Visual Basic 2005 Express will be displayed

2. To create new project, select ‘File Î New Project’

• Window Form Screen will be displayed

2
 ICTL for Secondary School - Visual Basic Express Module

3. In ‘Visual Studio installed templates’ on the screen, select ‘Windows Application’

4. Then, name your project - Example : MyBiodata

• Click ‘OK’

3
 ICTL for Secondary School - Visual Basic Express Module

5. The Form Window is central to developing Visual Basic applications. It is where you
draw your application

6. Click ToolBox at the left side of the screen and all the control will be displayed.

4
 ICTL for Secondary School - Visual Basic Express Module

7. Click ‘TextBox’ control .

8. Drop onto the Form1

5
 ICTL for Secondary School - Visual Basic Express Module

9. Click and drag the Textbox to resize.

10. Create another three ‘TextBox’, four ‘Label’, one ‘PictureBox’ and one ‘Button’ according
to step 7, step 8 and step 9.

11. Your form should now look like this.

12. Click File and select ‘Save all’ to save your project (Name : MyBiodata)

6
 ICTL for Secondary School - Visual Basic Express Module

13. Set properties of the form, four TextBox, four Labels, one PictureBox and one Button :

Form1:
Text MyBiodata
Name frmBiodata

Label1:
Text Name

Label2:
Text Sex

Label3:
Text IC No

Label4:
Text Address

TextBox1
Name txtName

TextBox2
Name txtSex

TextBox3
Name txtICNum

TextBox4
Name txtAdd
Multiline true

PictureBox1
Image ‘browse image’

Button1
Name btnExit
Text Exit

7
 ICTL for Secondary School - Visual Basic Express Module

14. To browse image (for PictureBox1) in Properties, click browse button

Select resource
(browse button)

15. ‘Select Resource’ window will be displayed

16. Click ‘Local resource’ then click ‘Import’ button.

8
 ICTL for Secondary School - Visual Basic Express Module

17. Now, choose image file (example : winter)

18. Your form should now look like this.

19. Next, set properties of the form :

Form1:
Backcolor ‘browse color’(choose color)

txtName
Text type your name

txtSex
Text type your sex

txtICNum
Text type your IC Number

txtAdd
Text type your home address

9
 ICTL for Secondary School - Visual Basic Express Module

20. To view the coding, double click the ‘Exit Button’ and type the coding as below:

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles btnExit.Click
Application.Exit()
End Sub

10
 ICTL for Secondary School - Visual Basic Express Module

21. To Run (start) program, click (F5) and window will be displayed. Now your window
should look like this.

22. Press ‘Exit button’ to close your application

23. To add a new window form :

• Right click MyBiodata project. On the right frame, then choose Add Î click
Windows Form

11
 ICTL for Secondary School - Visual Basic Express Module

24. Now, your window form will look like this. Choose the ‘Windows Form’ templates and
name the form (example : frmLogin). Then click ‘Add’.

25. Your form will be displayed.

12
 ICTL for Secondary School - Visual Basic Express Module

26. Create two ‘TextBox’, two ‘Label’, one ‘PictureBox’ and two ‘Button’ according to step 7,
step 8 and step 9.

27. Set properties of the form, two TextBox, two Labels, one PictureBox and one Button

Form1:
Text frmLogin
Name frmLogin
Backcolor ‘browse color’(choose color)

Label1:
Text Name

Label2:
Text Password
TextBox1
Name txtName
TextBox2
Name txtPw
Passwordchar *
MaxLength 6
PictureBox1
Image ‘browse image’
Button1
Name btnCancel
Text CANCEL
Button2
Name btnOK
Text OK

13
 ICTL for Secondary School - Visual Basic Express Module

28. Your form should now look like this

29. To view the coding, double click the ‘Cancel Button’ and type the coding as below:

Private Sub Button2_Click(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles Button2.Click
Me.Close()
End Sub

14
 ICTL for Secondary School - Visual Basic Express Module

30. To view the coding, double click the ‘OK Button’ and type the coding as below:

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles Button1.Click
If txtName.Text = "123" And txtPw.Text = "123" Then
Form1.Show()
Me.Hide()
Else
MessageBox.Show("Incorrect username or password, please try again")
End If
End Sub

31. Before you ‘run’ the frmlogin program, on the Bar Menu, click Project Î choose
MyBiodata Properties.

15
 ICTL for Secondary School - Visual Basic Express Module

32. MyBiodata Properties form will be displayed. Go to Startup form, click drop down menu
and choose frmLogin.

33. To save the application, click ‘Save all’

34. To Run (start) program, click (F5) and window will be displayed. Now your window
should look like this.

35. To test the program, type name “123” and type Password “123”. Then click OK.

CONGRATULATIONS!!!
YOU HAVE CREATED A PROGRAM!

16