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

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

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

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.

ICTL for Secondary School - Visual Basic Express Module

7. Click TextBox control .

8. Drop onto the Form1

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)

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
Name

MyBiodata
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
Multiline

txtAdd
true

PictureBox1
Image

browse image

Button1
Name
Text

btnExit
Exit

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.

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
txtName
Text

browse color(choose color)

type your name

txtSex
Text
txtICNum
Text

type your sex

type your IC Number

txtAdd
Text

type your home address

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

should look like this.

(F5) and window will be displayed. Now your window

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
Name
Backcolor

frmLogin
frmLogin
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
Text

btnCancel
CANCEL

Button2
Name
Text

btnOK
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

should look like this.

(F5) and window will be displayed. Now your window

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

CONGRATULATIONS!!!
YOU HAVE CREATED A PROGRAM!
16