7

Technical Vocational
Livelihood
QUARTER

3 Computer Programming

Computer Programming (ICT) – Grade 11

TECHNICAL VOCATIONAL LIVELIHOOD
Quarter 3 – Module 3 Visual Basic .Net Windows Form Application First Edition,
2020

Republic Act 8293, section 176 states that: No copyright shall subsist in
any work of the Government of the Philippines. However, prior approval of the
government agency or office wherein the work is created shall be necessary for
exploitation of such work for profit. Such agency or office may, among other things,
impose as a condition the payment of royalties.

Borrowed materials (i.e., songs, stories, poems, pictures, photos, brand

names, trademarks, etc.) included in this module are owned by their respective
copyright holders. Every effort has been exerted to locate and seek permission to use
these materials from their respective copyright owners. The publisher and authors
do not represent nor claim ownership over them.

Published by the Department of Education Division of Pasig City

Development Team of the Module

Writer: Jenessy Joy T. Pinga
Editors: Lerma Cantanero
Reviewers: Rowena O. Dimagiba
Illustrator:
Layout Artist:
Management Team: Ma. Evalou Concepcion A. Agustin
Assistant Schools Division Superintendent
OIC-Schools Division Superintendent
Aurelio G. Alfonso, Ed. D.
OIC-Assistant Schools Division Superintendent
Victor M. Javena, Ed. D.
OIC – Chief Curriculum Implementation Division
Chef School Governance and Operation Division

Education Program Supervisor

Wilma Q. Del Rosario, LRMDS
Dr. Libranda L. Agon, Ed. D., EPP/TLE

Printed in the Philippines by ________________________

Department of Education – Division of Pasig City

Office Address: Caruncho Avenue, San Nicolas, Pasig City

Telefax: 641-88-85 / 682-2819
E-mail Address: divisionofpasig@gmail.com
 Computer
Programming

Quarter 3
Self Learning Module 3
Visual Basic .Net
Windows Form Application
Writer: Jenessy Joy T. Pinga
Editors: Lerma Cantanero
Reviewers: Rowena O. Dimagiba
Introductory Message

For the facilitator:

Welcome to the Computer Programming for the ICT Module on Visual Basic .Net
Windows Form Application!

This module was collaboratively designed, developed and reviewed by educators from
Schools Division Office of Pasig City headed by its Officer-In-Charge Schools Division
Superintendent, Ma. Evalou Concepcion A. Agustin in partnership with the Local
Government of Pasig through its mayor, Honorable Victor Ma. Regis N. Sotto.
The writers utilized the standards set by the K to 12 Curriculum using the Most
Essential Learning Competencies (MELC) while overcoming their personal, social,
and economic constraints in schooling.

This learning material hopes to engage the learners into guided and independent
learning activities at their own pace and time. Further, this also aims to help learners
acquire the needed 21st century skills especially the 5 Cs namely: Communication,
Collaboration, Creativity, Critical Thinking and Character while taking into
consideration their needs and circumstances.

In addition to the material in the main text, you will also see this box in the body of
the module:

Notes to the Teacher

This contains helpful tips or strategies that
will help you in guiding the learners.

As a facilitator you are expected to orient the learners on how to use this module.
You also need to keep track of the learners' progress while allowing them to manage
their own learning. Moreover, you are expected to encourage and assist the learners
as they do the tasks included in the module.
For the learner:

Welcome to the Computer Programming for the ICT Module on Visual Basic .Net
Windows Form Application!

The hand is one of the most symbolized part of the human body. It is often used to
depict skill, action and purpose. Through our hands we may learn, create and
accomplish. Hence, the hand in this learning resource signifies that you as a learner
is capable and empowered to successfully achieve the relevant competencies and
skills at your own pace and time. Your academic success lies in your own hands!

This module was designed to provide you with fun and meaningful opportunities for
guided and independent learning at your own pace and time. You will be enabled to
process the contents of the learning material while being an active learner.

This module has the following parts and corresponding icons:

Expectation - These are what you will be able to know after

completing the lessons in the module

Pre-test - This will measure your prior knowledge and the

concepts to be mastered throughout the lesson.

Recap - This section will measure what learnings and skills

that you understand from the previous lesson.

Lesson- This section will discuss the topic for this module.

Activities - This is a set of activities you will perform.

Wrap Up- This section summarizes the concepts and

applications of the lessons.

Valuing-this part will check the integration of values in the

learning competency.

Post-test - This will measure how much you have learned from
the entire module. Ito po ang parts ng module.
 EXPECTATION

The students should be able to:

• understand Visual Basic Windows Form.

• familiarize Visual Basic Windows Form and its content.
• cite the importance of Visual Basic Windows Form.

PRE–TEST

Instruction: Select the letter that corresponds to the correct answer.

1. Part of window form application that contains commands for managing

the IDE and for developing, maintaining and executing programs.
A. toolbar
B. menu bar
C. tool box
D. form designer

2. This is your primary work area located at the center of the window
screen.
A. toolbar
B. menu bar
C. tool box
D. form designer

3. It contains controls that you use to add object like labels.

A. toolbar
B. menu bar
C. tool box
D. form designer

4. It is a window that displays the properties for a form of control.

A. Solution Explorer
B. Properties Windows
C. tool bar
D. form designer

5. Windows that gives you tree-structured view of all the windows files in
the application.
A. Solution Explorer
B. Properties Windows
C. tool bar
 D. form designer

RECAP
Module 2 discussed what elements and fundamentals of programming, now
in your own understanding, summarized the lesson you have learned in the form of
paragraph.

___________________________________________________________________________
__________________________________________________________________________________
__________________________________________________________________________________
__________________________________________________________________________________
__________________________________________________________________________________

LESSON

Visual Basic Window Form!

Visual Basic Form is the container for all the controls that make up the user
interface. Every window you see in a running visual basic application is a form,
thus the terms form and window describe the same entity. Visual Studio creates
a default form for you when you create a Windows Forms Application.
 When you use a window form application you will see the following parts;
Menu Bar
Contains Commands for managing the IDE and for developing, maintaining
and executing programs. Files, Edit, View, Project, Debug, Data, Tools, Windows,
and Help are examples of menus. Menus contain groups of related commands which
perform, specific actions.
Toolbar
Located below the menu bar which contains buttons that provide quick
access to commonly used commands. Some buttons or icons contains a drop-down
arrow which displays additional commands.
Form Designer
This is your primary work area located at the center of the window screen. Its
default name is Form1.vb. It is where you can design the user interface of your
application. A user interface is what you see and interact with when running the
program.
Toolbox
Typically located along the left side of the screen. It contains controls that you
use to add object like labels. Graphic image, buttons, list boxes, test box etc. to your
interface.
Solution Explorer
The windows that gives you tree-structured view of all the windows files in the
application. It displays the project name, forms, modules, classes, and more.
 Properties Windows
It is a window that displays the properties for a form of control. Properties
specify the characteristics, such as size, positions, name, and test, of a form or
object. It is located on the right side of the screen.

Controls
A control is a programming entity that has a graphical component. It is
about everything elese that you can see and interact in a windows form. It is
providing information and possibly allowing the user to manipulate it.
Every Visual Basic control consists of three important elements;
• Properties which describe the object,
• Methods cause an object to do something and
• Events are what happens when an object does something.
Control Properties
All the Visual Basic Objects can be moved, resized or customized by setting
their properties. A property is a value or characteristic held by a Visual Basic
object, such as Caption or Fore Color.
Properties can be set at design time by using the Properties window or at
run time by using statements in the program code, example;
Object. Property = Value
Form1.Caption = "Hello"
Object is the name of the object you're customizing.
Property is the characteristic you want to change.
Value is the new property setting.
Control Methods
Control Method
It is a procedure created as a member of a class and they cause an object to
do something. Methods are used to access or manipulate the characteristics of an
object or a variable. There are mainly two categories of methods you will use in
your classes.
• If you are using a control such as one of those provided by the
Toolbox, you can call any of its public methods. The requirements of
such a method depend on the class being used.
• If none of the existing methods can perform your desired task, you
can add a method to a class.
For example, the MessageBox control has a method named Show.
Public Class Form1
Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs)
Handles Button1.Click
 MessageBox.Show("Hello, World")
End Sub
End Class

Control Events
An event is a signal that informs an application that something important
has occurred. For example, when a user clicks a control on a form, the form can
raise a Click event and call a procedure that handles the event. There are various
types of events associated with a Form like click, double click, close, load, resize,
etc.
Following is the default structure of a form Load event handler subroutine.
You can see this code by double clicking the code which will give you a complete
list of the all events associated with Form control.

Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load

'event handler code goes here
End Sub

ACTIVITIES

Explain the following below on how you understand the lesson.

1. Control

2. Method

3. Event

4. Properties

5. form

Rubrics: (10 points each)

Needs Score
Very Good Good
improvement
Knowledge
Does your response clearly
show you have read and
understand the lesson content 5 3 1
by correctly defining key terms,
key persons and
summarizing concepts?
 Analysis
Have you clearly stated
analysis and give examples to
back them up? 5 3 1
Does your response provide
analysis to the larger concepts
of the lesson?
Total /10

*Answer Worksheet number 1 and submit a soft copy/hard copy of your

completed activity to your subject teacher on the following meeting.

WRAP–UP

Instruction: Instruction: Describe the following below on how you

understand the lesson.

• Tool box
• Properties Windows
• Solution Explorer
• Form Designer
• Toolbar
• Menu bar

Rubrics:

Needs Score
Very Good Good
improvement
Knowledge
Does your response clearly
show you have read and
understand the lesson content 5 3 2
by correctly defining key terms,
key persons and
summarizing concepts?
Analysis
Have you clearly stated
analysis and give examples to
back them up? 5 3 2
Does your response provide
analysis to the larger concepts
of the lesson?
Total /10
 VALUING

Instructions: Read and answer the following questions carefully in two to

three sentences each number.

1. What do think is the importance of controls in creating a program?

___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________

2. How will you use the knowledge you acquired in this module?
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________

POST TEST
Instruction: Select the letter that corresponds to the correct answer.

1. It is a procedure created as a member of a class and they cause an object

to do something.
A. control
B. control method
C. control event
D. control properties

2. It is a signal that informs an application that something important has

occurred.
A. control
B. control method
C. control event
D. control properties

3. Control that is objects can be moved, resized or customized by setting

their properties.
A. control
B. control method
C. control event
D. control properties

4. A programming entity that has a graphical component. It is about

everything elese that you can see and interact in a windows form.
A. control
 B. control method
C. control event
D. control properties

5. It is where you can design the user interface of your application. A user
interface is what you see and interact with when running the program.
A. toolbar
B. menu bar
C. tool box
D. form designer

KEY TO CORRECTION
A 5. D 5.
B 4. A 4.
C 3. D 3.
D 2. C 2.
B 1. B 1.

Pre-test: Post-test:

REFERENCES
• Accessed November 9, 2020 3:00pm
https://www.tutlane.com/tutorial/visual-basic
• Accessed November 9, 2020 4:30pm https://www.tutorialspoint.com/vb.net
• Accessed November 9, 2020 5:00pm
https://mytechnicalarticles.files.wordpress.com/2013/03/unit-2.pdf
• Computer Programming Volume I by Innovative Training Works, Inc.
• Computer Programming Volume II by Innovative Training Works, Inc.