7

Technical Vocational
Livelihood
QUARTER

3 Computer Programming

Computer Programming (ICT) – Grade 11

TECHNICAL VOCATIONAL LIVELIHOOD
Quarter 3 – Module 4 Designing and Exploring 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 4
Designing And Exploring
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 Designing and
Exploring 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 Designing and
Exploring 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 Application.

• familiarize Visual Basic Windows Form Application and its Tools.
• cite the importance of knowing tools in designing Windows Form
Application.

PRE–TEST

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

1. Control that listed in toolbox that lists number of items.

A. List Box
B. List View
C. Label
D. List Number

2. Control that listed in toolbox that enable to select date at runtime

A. MonthCalendar
B. Notify Icon
C. TimeCalendar
D. Progress Bar

3. Control that listed in toolbox that allows to choose a choice from a

group of choices.
A. NumericUpDown
B. Rich TextBox
C. ToolTip
D. Radio Button

4. Control that listed in toolbox that allows to input a integer of specific

decimal places within a specific range.
A. NumericUpDown
B. Rich TextBox
C. ToolTip
D. Radio Button

5. Control that listed in toolbox that display a calender picker to choose

the day and date.
A. CheckedList Box
B. TimeCalendar
 C. DateTimePicker
D. ToolTip

RECAP
Module 3 discussed Visual Basic .Net

Windows Form Application, now in your own understanding, describe the

following below on how you understand the lesson.

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

LESSON

Visual Basic .Net Window Form Application

Visual Basic Window Form Application is the container for all the controls that
make up the user interface.

While working with window form application you will see the following parts
or sections;
 Menu Bar
Toolbar
Form Designer
Toolbox
Solution Explorer
Properties Windows
Here’s are the following lists of the Common Controls listed in the ToolBox
section that you should to try while designing your form and exploring how to use or
to manage the different tools and its propery inside your form.

Images Control Name Description

Pointer Used to move and resize controls and forms.

Button This Control triggers an action when accessed.

Check Box Control that has values either true or false

CheckedList Box Lists check box next to each item

A combination of list and text box controls that

Combo Box
enables to select as well as edit text.

Display a calender picker to choose the day and

DateTimePicker
date.

Label Displays a label text.

LinkLabel Displays a label with a link text.

List Box Control that lists number of items.

Extension of ListBox control with options to add

List View
icons,headings.

Masked Text Uses a Mask to differetiate proper and improper

Box text input.

MonthCalendar Enable to select date at runtime

Notify Icon Displays an icon in the Windows Tray

Allows to input a integer of specific decimal

NumericUpDown
places within a specific range.

Picture Box Display image files

Progress Bar Display the progress of a task.

 Allows to choose a choice from a group of
Radio Button
choices.

Rich TextBox Allows to edit, input rich text.

Text Box Control used to input or display text.

ToolTip Displays tooltip text.

TreeView Displays the hierarchy of nodes.

WebBrowser Allows to open an html document in form.

Table: https://www.hscripts.com/tutorials/vbnet/tool-box.html

Every object in VB .NET has it own properties that can be used to change the
look and even the functionality of the object. You can change or view the value of the
property of an object by selecting the object and go to property window section.
Now its time for you to explore Windows form application. For 1hour and
30minutes, design your window application form, but the first thing you need, before
designing your form, is to know what program or system you will going to create, also
you can have or make your blue print/plan for your design, after that you may
proceed in designing your form. (Estemated time frame: 30mins for panning what
system you will going to develop and for making your blu print. 1hour for disigning
form.)
Things that you need to know while exploring Visual Basic .Net window form
application.
• How to create a window form application?
• What are the functions of objects listed in toolbox?
• What are the properties?
• How to change the value of property?
• How to run a program?
• How to stop running the program?
• How to design window form application?
• How to go in coding area?
• How to add another windows form application?

ACTIVITIES

The design of your window form application will be the output for your
activity.

Rubrics:
 Needs work Developing Meets Standard Score
Information is not Information is The content has
always clear or clear and correct. accurate and
correct. The The theme or useful information.
theme or main main idea of the The theme or main
Content idea of the system system is more or idea of the system
(Good content is more or less less clear and is clear and related
should be relevant) clear but does not related to the to the purpose or
relate to the purpose or theme theme of the
purpose or theme of the project project.
of the project.
15 20 25
Background, text Background, text Background, text
format and color format and color format, and color
usage and the usage and the usage and the tools
tools are tools are are carefully
Visual Design randomly chosen somewhat chosen to produce
(Appearance) with few consistent with a consistent screen
consistent little layout for all your
elements inappropriate forms
throughout. variation.
15 20 25
Site is difficult to Site is sometimes Readers can get
Structure and
navigate. difficult to around your
Navigation
navigate. website with ease.
(Good navigation
gets you where you
want to go quickly)
15 20 25
Innovation System/Form has Some part of the System/Form has
(The idea is new, or no unique style. system/Form has a unique style.
merely iterating on unique style.
a previous idea) 15 20 25

Total /100

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

completed activity to your subject teacher on the following meeting.

WRAP–UP

Instruction: Instruction: List down 10 controls/tools and explain the of it.

1._______________________________________________________________
2. _______________________________________________________________
3. _______________________________________________________________
4. _______________________________________________________________
5. _______________________________________________________________
 6. _______________________________________________________________
7. _______________________________________________________________
8. _______________________________________________________________
9. _______________________________________________________________
10. ______________________________________________________________

Rubrics: (6points each number)

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

VALUING

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

three sentences each number.

1. How will you use the knowledge you acquired in this module?
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
 POST TEST
Instruction: Select the letter that corresponds to the correct answer.

1. Control that lists number of items.

A. Pointer
B. Button
C. Label
D. List Box

2. Used to move and resize controls and forms.

A. Pointer
B. Button
C. Label
D. List Box

3. This Control triggers an action when accessed.

A. Pointer
B. Button
C. Label
D. List Box

4. Display image files

A. Picture Box
B. Picture Frame
C. Notify Icon
D. List Box

5. Control that displays an icon in the Windows Tray.

A. Picture Box
B. Picture Frame
C. Notify Icon
D. List Box

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

Pre-test: Post-test:
 REFERENCES
• Accessed February 8, 2020 8:00pm
https://www.tutlane.com/tutorial/visual-basic
• Accessed February 8, 2020 3:00pm
https://mytechnicalarticles.files.wordpress.com/2013/03/unit-2.pdf
• Accessed February 8, 2020 5:00pm
https://www.hscripts.com/tutorials/vbnet/tool-box.html