Weekly Lesson Plan
Lesson No: 5 and 6 Quarter: 1st
Timeline:
I- Topic: Online Tools for Content development
Sub-topic: Online Platforms and Apllication
Web Design Principles and Elements
Web Design Using Templates, HTML Editors, and WYSIWYG
Online Presentation Tools
II- Culminating Performance Standard: The learners will be able to demonstrate the on-
line platforms and application and online presentation tools.
III- Specific Objectives: at the end of this lesson, the students are expected to:
a. evaluate existing online creation tools, platforms, ad application in developing ICT con-
tent for specific professional tracks.
b. apply web design principles and elements using online creation tools, platforms, and ap-
plications to communicate a message for a specific purpose in specific professional
tracks.
c. Create an original or derivative ICT content using online creation tools, platforms, and
applications to effectively communicate messages related to specific professional tracks.
IV- Materials
Paper and pen
White board marker
Notes
Books
V. Lesson Proper
PRELIMINARIES TEACHER’S REMARK (updated)
Prayer
Greetings
Checking of Attendance
Setting of Classroom Rules
ACTIVITY (MOTIVATIONAL TASK)
Question and Answer
Instruction:
The students will be ask to give their own
opinion or to give their prior knowledge
about the topic.
ANALYSIS (DISCUSSION)
Online Platforms and Applications
The term 'platform'refers to a program cre-
ated by developers that can be modified or
reprogrammed by outside users.
APIs - the Application Programming Interface is a
set of governing protocols or rules on how software
elements should communicate and interact with one
another.
Social Media Pplatforms - for websites developers
and bloggers, plug-in APIs are the most popular be-
cause they are simple and easy to integrate.
Web Design Principles and Elements
To create an effective web sites or web page, the de-
signer of the web site must instill a number of point-
ers. Here are the factors that greatly contribute to this
goal.
1. Purpose - a web site can be categorized pri-
marily in terms of the goal it aims to fulfill.
2. Communication - essentially, when we visit
a web site, the primary objective is to absorb as
much valuable information as possible in the
shortest amount of time.
3. Typeface - This is an essential factor in web
site design because this is considered the most
dominant and noticeable in term of visual.
4. Colors These enhance the experience of
visitors of the web site.
5. Images - Images alone placed on the web
site can deliver a complete message that the web
site wishes to communicate to the audience.
6. Navigation refers to the facility that the au-
dience can use to go through the web site and it's
subpages.
7. Layouts--refers to the physical arrangement
of the content and elements on a web site.
8. Load Tune - another basis for the success of
a web site is the time that the web site will load or ap-
pear onto the viewers desplay devices.
Web Design using Templates, HTML editors, and
WYSTWYG
WYSTWYG in web site design is an acro-
nym for what you see is what you get. it is an
application that is used to create a web site
either online or offline.
Online Presentation Tools
Some applications that are gaining popularity today
are online presentation tools. These applications offer
the function of an image and presentation software
without the trouble pf purchasing and installing the
presentationsoftware on your device.
✔ Prezi - is a cloud based application dedicated
to help you create a presentation.
✔ Slide-share - this is considered a one of the
earliest forms of online presentation media.
✔ Mind meister - this is an online collaborative
tool in which different individuals can share
ideas on a common scratchpad.
Guide Questions:
What is Online Platforms?
What is APIs and Social Media?
What are the Web design principles and ele-
ments?
ABSTRACTION ( Formative Task)
Instruction: The students will be given a task to list
the nameof the museum and its exact location on a
short bondpaper. You must be able to find one mu-
seum for every region of the country. The teacher
will evaluate your output based on the accuracy of
the locations, completeness of the list, and ease of
navigating the application.
APPLICATION (Evaluation)
IDENTIFICATION
Identify the correct answer of the following ques-
tions.
!. It refers to a program created by developers that
can be modified or reprogrammed by outside users.
2. APIs stands for what?
3. Is a set of governing protocol or rules on how soft-
ware elements should communicate and interact with
one another.
4. This APi is used in the user's end,
5.This type of API runs in remote machine, server, or
computer.
6. A web site dedicated to hosting video clips.
7. A web site that caters to the hosting of images.
8. A social networking service that enables users to
send and read short messages with 140 characters.
9. A social networking web site that requires the user
to register an account and create a user profile.
10. Are one of the most used APIs by web site devel-
opers.
VI. References:
DIWA Senior High School Series; Essentials of Empowerment Technologis, DIWA 5G text-
books.
Prepared by:
CURT GLENN J. BABARAN
Noted and Approved by:
RAMISSES-ALLAN F. RAMILLANO
Weekly Lesson Plan
Lesson No: 7 Quarter: 1st
Timeline:
II- Topic: Visual Design: Collaboration and Team Content Development
Sub-topic: Collaborative Development
Project Management
Web Analytics
Platform Collaboration
II- Culminating Performance Standard: The learners will be able to use the learning
from the previous weeks and synthesize an integrated ICT content through collaboration
with classmates and teachers as both peer and partner.
III- Specific Objectives: at the end of this lesson, the students are expected to:
A. Evaluate The quality, value, and appropriateness of a peers existing or previously
developed ICT content in relation to the theme, the intended audience, or the viewer
of an ICT project.
B. share and showcase exiting or previously developed material in the form of a
collaboratively designed newsletter or blog site intended for a specific audience or
viewer.
IV- Materials
Paper and pen
White board marker
Notes
Books
V. Lesson Proper
PRELIMINARIES TEACHER’S REMARK (updated)
Prayer
Greetings
Checking of Attendance
Setting of Classroom Rules
ACTIVITY (MOTIVATIONAL TASK)
Question and Answer
Instruction:
The students will be ask to summarize the
previous lesson that we discussed.
ANALYSIS (DISCUSSION)
Collaborative Development
✔ Building a web site requires addressing different
aspects covering the product. some of these
aspects include the coming up with the layout,
realizing the design, marketing the web site, and
managing the integration of all of these aspects
in one project.
Here are some of the roles that a Web
development team essentially requires:
✔ Project Manager - is the leader of the group. The
project is synchronized and supervised by the
project manager.
✔ Web Strategist - upon start of development, the
web strategist plans approach or method to be
done.
✔ Content Specialist - Most of the time, the
developers are not inclined in the field of the
web sites topic. therfore the team needs an
indicidual with expertise to write a content of
the web site.
✔ Web designer - the web designer is the one in
charge of the visual presentation of the web site.
✔ Developer - takes into account all of the outputs
of the content specialist and web designer.
✔ Inbound marketer - the success of the web site or
popularity will be the responsibility of the
inbound marketer.
Project Management
The project management is the individual who
carries out the method of project management.
By definition, PM for ICT is the set of skills or
abilities to complete an ICT project and produce
an output.
Web Analytics
Upon creation of a web site, there are factors that the
designer would want to study to fully evaluate its
effectiveness. Web analytics is the process of
collecting data or measuring the activity of the
website.
Platforms for Collaboration
✔ Google Apps for Work
This is a compilation of productivity tools
developed by google. this platform is online and
sloe contains a word processor, a spreadsheet,
and a presentation program.
● Google Docs is the word processing
platform.
● Google sheets is the spreadsheet platfrom.
● Google Slides is the presentation platform.
Guide Questions:
What is Collaborative development?
What are the different roles that a Web
development mu's have?
How important to segregate the different
roles in web development?
ABSTRACTION ( Formative Task)
ME AS REF.
Instruction: the student will Required to watch their
favorite sports. They have to create a report that
shows the name of the players and their
corresponding number of points, fouls, and other
technical issues for the first game. The report must be
generated using GOOGLE SHEETS and must be
sent to their GOOGLE MAIL ACCOUNT.
APPLICATION (Evaluation)
ESSAY
1. Why do you think site development requires
certain number of people? what do you think will be
the result if there is no suffient number of people in
developing site?
2. what is the difference between collaboration and
cooperation?
3. compare the functionalities of prezi to the other
slide presentation tools. which do you prefer the
most? why?
VI. References:
DIWA Senior High School Series: Essential of Empowerment Technologies, DIWA 5G
textbooks.
Prepared by:
CURT GLENNJ. BABARAN
Noted and Approved by:
RAMISSES-ALLAN F. RAMILLANO
