PIVOT 4A LESSON EXEMPLARS USING THE IDEA INSTRUCTIONAL PROCESS

Learning Area TLE - ICT

Learning Delivery Modality BLENDED

School Bacoor National High School - Grade Level Grade 10 SSC

Main
LESSON Teacher Mercy Ann G. Giere Learning Area TLE - ICT
EXEMPLAR Teaching Date October 5 - 9, 2020 Quarter 1st Quarter - Week 1
Teaching Time No. of Days 5 days

I. OBJECTIVES a. define Visual Basic

b. identify the parts of Visual Basic Integrated Environment
c. explain the functions of different control of visual basic
d. appreciate the importance of using visual basic in creating a program
A. Content Standards

B. Performance Standards

C. Most Essential Learning L.O.1 Recognize the Visual Basic Integrated Development Environment
Competencies (MELC) L.O.2 Identify the elements of the Integrated Development Environment
L.O.3 Identify and describe the different controls

D. Enabling Competencies
(if available, write the
attached enabling
competencies)
II. CONTENT The Visual Basic Development Environment
III. LEARNING RESOURCES
A. References
a. Teacher’s Guide Pages Info Tech Learning Series Book 12 by: Emily F. Trajano
p. 71-76
b. Learner’s Material Pages https://www.vbtutor.net/vb6/vb6_preview.pdf
https://www.uop.edu.jo/download/research/members/vb6_1__1_.0%20-%20visual
%20basic%20-%20learn%20visual%20basic%206.0%20%28nice%20manual%29.pdf
https://www.vbtutor.net/lesson1.html
 https://www.uotechnology.edu.iq/appsciences/filesPDF/material/lectures/2c/5-
Computer1.pdf

c. Textbook Pages Info Tech Learning Series Book 12, Emily F. Trajano
p. 71-76
d. Additional Materials from
Learning Resources
B. List of Learning https://np1.nearpod.com/slideEditor.php?
Resources for id=625895368&presentationId=52981938&isNew=true
Development and
Engagement Activities
IV. PROCEDURES
A. Introduction What I need to know?
 The learners will do the walkthrough of the lesson expectations.
 In this part, the content of the lesson will be presented.
 Learning objectives will also be introduced to guide the learners on the
learning targets founded on KSAV principles.
What’s new?
The learner will look at the screen and will identify the picture presented
Guide Questions:
1. On the first picture, what logo is it?

2. On the second picture, can you identify what program is it?

 3. On the third picture, where can you find that image?

B. Development What I know?

 The learners will answer the 10 - i tem test using link

What’s in?
Look at the picture on the screen , and answer the ff. Questions.
1. What did you noticed ?
2. Compare picture 1 with picture 2.

What is it?
The Visual Basic Development Environment
Visual Basic Module p. 1-24

Introduction to Visual Basic

Visual Basic is a tool that allows you to develop Windows (Graphic User Interface - GUI)
applications. The applications have a familiar appearance to the user.
Visual Basic is event-driven, meaning code remains idle until called upon to respond to
some event (button pressing, menu selection, ...). Visual Basic is governed by an event
processor. Nothing happens until an event is detected. Once an event is detected, the
code corresponding to that event (event procedure) is executed. Program control is then
returned to the event processor.

COMMONLY USED TERMS

There are many technical terms that you will encounter as you go along studying Visual
Basic. You must be very familiar with these terms to be able to easily understand the
instructions that will given in the next lessons to come.
1. Application - collection of objects that work together to accomplish certain task/s for
its users.
Examples: Microsoft Word, Adobe Photoshop, Corel Draw
2. Project - the tem used in Visual Basic pertaining to Application.
Examples: Payroll System, Quiz Bee Scoring Program
3. Object - a piece of software that has properties and functions that can be
manageExamples: a window, dialog box
4. Property - characteristics of an Object
Examples: color, size, background
5. Methods - functions of an object that can be manipulated
Examples: opening, resizing, moving (of a window)
6. Object-Oriented Environment - a place wherein application is created using objects
and combining them to produce an output
Examples: Visual Basic environment
7. Event - an action that happens
Examples: Clicking of a button, clicking of a menu, loading a form
8. Event Driven - an operation is executed as the result of some kind of event
9. Form - the first object you will see on the screen when you open Visual Basic. It is
where all controls are placed. It is also where you will enter data and see results.
10. Controls - the objects you put in a form
Examples: text box, label, command button
11. Code - computer instructions written by the programmer. These will indicate what
the action or result will be when an event occurs
Examples - getting the total of 2 numbers once button is clicked
12. Script - other name for code
13. Design Time - a time when you visually design and layout the forms and the objects
on it.
14. Run Time - a time when the program is executed.

Elements of the Visual Basic Integrated Development Environment (IDE)

The IDE environment consists of many elements. Some elements are displayed when
Visual Basic is started (By default) as in the following figure. Other elements are
displayed if the user requires them. We will list some of these elements.
a - Menu Bar: It contains a standard command like: File, Edit, View, Window, Help
menus, and specific command such as: Project, Format, or Debug menus.
b - Toolbar: it contains the most commonly used commands (button), if clicked an action
represented by that button is carried out.
c - ToolBox: it contains a collection of tools that are needed for project design.
d - form Designer: it is a window for each form to customize the designed interface of
the application. Using the form designer, the user can add controls, graphics, and text to
create the desired form appearance.
e - Properties Window: it is a List of properties settings for a selected form or a control.
These properties are characteristics (such as size, visible, or color) of the selected object
it provides an easy way to set properties.
f - Project Explorer Window: it is a list of the forms and modules for the current projects.
lt is a hierarchical tree- branch structure, where the project at top of tree and other parts
like forms ,modules) descend from this tree.
g - Form Layout Window: The Form Layout window is a small screen. Which is used to
reposition the form of the application so that it appears in proper place when project is
run.
h - Code Editor Window: Code Editor Window is used to write a VB code for an
application. For each form there is a separate code editor window. It is displayed when
user clicks on form or object in form.

Toolbox - contains different controls for objects that can be placed in the form
CONTROLS ON THE TOOLBOX
Pointer - used to select tools already on form
Picture box - Used to display images in any of the following formats: BMP, DIB (bitmap),
ICO (icon), CUR (cursor), WMF (metafile), EMF (enhanced metafile), GIF, and JPEG.
Label - Fixed text appears on form for remark.
Textbox - Accepts input given by the user. Displays text
Frame - To group tools together (container).
Command button - Used as a switch (such as OK and Cancel) buttons. Code is written in
the Click event procedure of this control
Check box - For a yes/ no (true /false) selection.
Option button - For selection as group. Many options are placed inside container
(grouped) (a Frame control). One control is selected from the group all others of the
group are automatically deselected.
Combo box - consists of (list and arrow when clicked a small a list appears), if user
selects item from the list, it will be displayed in TextBox. Vertical size is fixed.
List box - For a list, user adds to and deletes from this list. It takes any size.
Horizontal Scrollbar - Create stand-alone Horizontal scroll bars.
Vertical Scrollbar - Create stand-alone vertical scroll bars.
Timer - Used to control object movement.
Drive List Box - It is a special ListBox filled automatically with names, of the files in a
specified directory. It is a list invariant.
Dir List Box - It is a special ListBox filled with drives (Hard disc, Flopy, CD) in the system.
It is an invariant.
File List Box - It is a special ListBox filled automatically with the names of all DirListBox.
It is a list invariant.
Shape - Used only to display rectangles, circles, and ovals on the forms. Never raises any
events
Line - Used only to display lines on the forms. It never raises any events.
Image - Used instead of PictureBox because it consumes fewer system resources.
Data - used for data base.
OLE - used for joining with another programs
 C. Engagement What’s more?
 The leaner will answer the activity sheet 1.1 - cross word puzzle (please see
attached activity sheet 1.1)
 The learner will answer the activity sheet 1.2 - Parts of Visual Basic (please see
attached activity sheet 1.2
 The learner will answer the activity sheet 1.3 - Controls (please see attached activity
sheet 1.3)

What I can do?

Draw an image that will represent your appreciation in using Visual Basic in creating a
program. (Please see attached activity sheet 1.4)

What other enrichment activities can I engage in? (Additional Activities)

As a future programmer , do you think that Visual Basic will help you a lot, why? Please
see attached activity sheet 1.5
D. Assimilation What I Have Learned
Complete the statement based on what you have learned.

My chosen word is _____________________

First I know ___________________________
In Addition, I know _____________________
Finally I know _________________________

(Please see attached activity sheet 1.6)

What I can do? (Assessment)
The learner will answer the 10 item quiz using link
V. REFLECTION The teacher will ask the learners to write in their notebook, journal or portfolio their
personal insights about the lesson using the prompts below.
I understand that _________________________________________________.
I realize that ____________________________________________________.
(Please see attached activity sheet 1.7)