Learning Area TVL-ICT-Computer Programming.

net Grade Level 11

W2
Quarter Third Date
I. LESSON TITLE 2.1 Use relevant technology effectively in carrying out functions
II. MOST ESSENTIAL LEARNING
LO 2. Apply relevant technologies (TLE_ICTP.NET 11-12URT-Ie-18)
COMPETENCIES (MELCs)
III. CONTENT/CORE CONTENT • Different management concepts
• Technology adaptability
• Relevant technology application/implementation
• Basic communication skills
• Software applications skills

(References: HTML pages 336-342 by Jovita D. Aquino,. et. al.

Software Engineering Chapter 4: SDLC, SPECIFICATION PHASE page 1-3 G
https://phoenixnap.com/blog/software-development-life-cycle)

Suggested
IV. LEARNING PHASES Learning Activities
Timeframe
A. Introduction 2 Hours Presentation
Panimula In this lesson, the learners will study the importance of applying
relevant technologies in effective carrying out functions. They will
determine the proper procedures in maintaining and repairing
programming system. They will also identify appropriate operating
instructions and applicable software for effective communication
techniques.
To understand the lesson, the learners will try to combined and
decode the following pictures and/or words (“REBUS RAMBO-HULA
WORDS”) to know the hidden message on it. They will complete the word
by supplying the missing letters below:

1. ART KITTY TWO ROLL DEE IS SIGN =

A_____E___R__ D___G_

2. HI IGH LEAVE BELL DEE IS SIGN=

_I _ _ - L _ _ _ _ D___G_

3. DEALT TEA EEL ID DEE IS SIGN=

D____L__ D___G_

After decoding, they will look for the definition of these terms in
the internet and answer it on a separated sheet of paper

By reading this, context, the learners will gain new concepts.

Data flow diagram is graphical symbol of flow of data in an
information system. The DFD does not mention anything about how data
flows through the system. It can depict incoming data flow, outgoing data
flow and stored data.
 • Entities - Entities are source and destination of information data.
Entities are represented by a rectangle with their respective
names.
• Process - Activities and action taken on the data are represented
by Circle or Round edged rectangles.
• Data Storage - There are two variants of data storage - it can
either be represented as a rectangle with absence of both smaller
sides or as an open-sided rectangle with only one side missing.
• Data Flow - Movement of data is shown by pointed arrows. Data
movement is shown from the base of arrow as its source towards
head of the arrow as destination.
B. Development 1 Hour We should try to recognize what Data Flow Diagram to be able to
Pagpapaunlad know the proper process undertaken in a software or program.

Learning Task 1. Based on the DFD. Make a simple process of Online

Shopping System by using the different graphical symbols above.

Learning Task 2. After accomplishing the DFD, compose an essay that

explains your work.

C. Engagement 2 hours Entity Relationship (ER) Model is best used for the conceptual
Pakikipagpalihan design of database. ER Model can be represented as follows:

Learning Task 1 Answer the following questions based on the graph shown
above:
1. Interpret the line graph
2. Do we need to conduct to understand this FDF in programming?
Why?

Learning Task 3. This Chart is known as Graphic User Interface. GUI

can be a combination of both hardware and software. Using GUI, user
interprets the software.
These variables need to be considered in maintenance. Explain
each variable why we need to conduct the following phase.

1. GUI Requirement Gathering

2. User Analysis
 3. Task Analysis
4. GUI Design & implementation
5. Testing

Learning Task 4
At this point you are instructed to analyze the flowchart to be able for you
to understand the GUI process to include in programming. Supply an
explanation on the table given below.

ACTIVITY Why it is important?

GUI Requirement Gathering

User Analysis

Task Analysis

GUI Design & implementation

Testing

D. Assimilation 2 hours Graphic User Interface application tools provide controlling array
Paglalapat of GUI controls. For software modification, creators can alter the code
consequently. There are unlike segments of GUI tools according to their
different use and platform.

Learning Task 1. Write at least 5 Mobile GUI, Computer GUI, Touch-Screen

GUI etc. Here is a list of few tools which come handy to build GUI:
1. __________________________________________
2. __________________________________________
3. __________________________________________
4. __________________________________________
5. __________________________________________

ANSWER: FLUID • AppInventor (Android) • LucidChart • Wavemaker •

Visual Studio

Learning Task 2. After Accomplishing task `1 define the following terms

given in the list.

The following rules are mentioned to be the golden rules for GUI
design, described by Shneiderman and Plaisant in their book (Designing the
User Interface).

• Strive for consistency - Consistent sequences of actions should be

required in similar situations
• Enable frequent users to use short-cuts - The user’s desire to
reduce the number of interactions increases with the frequency of
use.
• Offer informative feedback - For every operator action, there
should be some system feedback.
 • Design dialog to yield closure - Sequences of actions should be
organized into groups with a beginning, middle, and end.
• Offer simple error handling - As much as possible, design the
system so that the user will not make a serious error.
• Permit easy reversal of actions - This feature relieves anxiety, since
the user knows that errors can be undone.
• Support internal locus of control - Design the system to make users
the initiators of actions rather than the responders.
• Reduce short-term memory load - The limitation of human
information processing in short-term memory requires the displays
to be kept simple, multiple page displays be consolidated, window-
motion frequency be reduced, and sufficient training time be
allotted for codes, mnemonics, and sequences of actions

V. ASSESSMENT 1 hour Learning Task 1

(Learning Activity Sheets Rearrange the following steps on conducting maintenance activities, by
for Enrichment, writing A-E. Write the letter on the space provided.
Remediation or _____1. GUI Design & implementation
Assessment to be given _____2. Testing
on Weeks 3 and 6) _____3. GUI Requirement Gathering
_____4. Task Analysis
_____5. User Analysis
Learning task 2
Complete the of GUI Spiral Cycle. Chouse your answer inside the word pool.
After Completing the Graph Explain the importance of this Cycle to
programming System.

1
5 2

4 3

GUI Testing GUI Requirement Specification

GUI Task Analysis GUI Design and Implementation
GUI User Analisis
Learning Task 4
Answer the following question in a sheet of paper.
_____6. What is the importance of ENTITIES, DFD and GUI to
programming System?
VI. REFLECTION • The learner, in their notebook, will write their personal insights
about the lesson using the prompts below.
I understand that ___________________.
I realize that ________________________.
I need to learn more about __________.
Prepared by: GLEN R. MANGANA-Bagong Nayon 2 National High School Checked by: MELANIE F. BURGONIA
Frederick B. Zaide
SDO-Laguna
TLE-ICT-NN11-w2