Emptech Module 1st

Diocese of Bayombong Educational System (DBES)
Saint Louis School of Solano, Inc.

Solano, Nueva Vizcaya
Telefax # (078) 326 – 7458
e-mail: saintlouisschoolofsolano@yahoo.com
SELF-PACED LEARNING MODULE

Subject: EMPOWERMENT TECHNOLOGY
Teacher: __________________________
FIRST QUARTER
Name of Student: ____________________________ Grade and Section: __________
Week No.: 1 Inclusive Dates: __________
Content Standard The learners demonstrate an understanding of ICT in the context of
global communication for specific professional track
Performance Standard The learners shall be able to independently compose an insightful
reflection paper on the nature of ICT in the context of their lives,
society, and professional tracks (Arts, TechVoc, Sports, Academic)
Most Essential Learning Compare and contrast the nuances of varied online platforms, sites,
Competencies (MELCs) and content to best achieve specific class objectives or address
situational challenges
21st Century Learning Skills Information Technology Application
Core Values Witnessing and Community Building
MODULE 1.
Week 1 Learning Targets/ Specific Objectives Remarks Score
Day 1 Compare and contrast the differences between online
platforms, sites, and content, Classify websites from
static or dynamic
Day 2 Identifying the Correct Web Platform for Social Change
Day 3 Evaluate the importance of social media to society
Day 4 Identify some web applications that supports the Internet
Collaboration Tools
TOTAL
References:
https://ictcom444251764.wordpress.com/2018/03/31/empowerment-technologies-lessons-1-15//
https://www.academia.edu/36905646/
Lesson_1_Empowerment_Technology_Information_and_Communication_Technology/
CONTENT DISCUSSION/ PAGTALAKAY SA ARALIN: (For Self-Paced Learning) If you have

queries or questions regarding the content provided, please feel free to consult or message the subject
teacher through messenger, text, call, or video chat).
Day 1: INTRODUCTION TO ICT
Information and Communication Technologies (ICT)

 It deals with the use of different communication technologies such as mobile phones, telephone,
Internet to locate, save, send and edit information
 It is a study of computers as data processing tools. It introduces students to the fundamental of using
computer systems in an internet environment.
ICT in the Philippines

Philippines is dub as the ‘’ICT Hub of Asia” because of huge growth of ICT-related jobs, one of
which is BPO, Business Process Outsourcing, or call centers.
ICT Department in the Philippines is responsible for the planning, development and promotion
of the country’s information and communications technology (ICT) agenda in support of national
development.
1
Computer– is an electronic device for storing and processing data, typically in binary form,
according to instructions given to it in a variable program.
Internet– is the global system of interconnected computer networks that use the internet
protocol suite (TCIP/IP) to link billions of devices worldwide. This means of connecting a
computer to any other computer anywhere in the world via dedicated routers and servers.
Sometimes called simply ‘’the Net’’, is a worldwide system of computer networks- a network of
networks in which the users at any one computer can get information from any other computer.
World Wide Web

- An information system on the internet that allows documents to be connected to other documents
by hypertext links, enabling the user to search for information by moving from one document to
another.
- Is an information space where documents and other web resources are identified by URLs,
interlinked by hypertext links, and can be accessed via the internet.
- Invented by Tim-Berners Lee
- Composed of many web pages that are accessible anytime.
o Website - location where there are many web pages.
o Web browser - search engine: a tool for searching.
o Web Page - is a hypertext document connected to the World Wide Web. It is a
document that is suitable for the World Wide Web.
The different online platforms of World Wide Web:

1. Web 1.0 – refers to the first stage in the World Wide Web, which was entirely made up of the Web
pages connected by hyperlinks.
2. Web 2.0 – is the evolution of Web 1.0 by adding dynamic pages. The user is able to see a website
differently than others. Allows users to interact with the page; instead of just reading the page, the
user may be able to comment or create user account.
3. Web 3.0 – this platform is all about semantic web. Aims to have machines (or servers) understand
the user’s preferences to be able to deliver web content.
Static Web Page- is known as a flat page or stationary age in the sense that the page is ‘’as is’’ and
cannot be manipulated by the user. The content is also the same for all users that is referred to as Web
1.0
Dynamic Web Pages– web 2.0 is the evolution of web 1.0 by adding dynamic web pages. The user is
able to see website differently than others e.g. social networking sites, wikis, video sharing sites.
Activity 1. Static vs Dynamic

Look for 10 websites and classify them as static or dynamic. What makes each website static or
dynamic? Use the table below.
Website URL Static Dynamic Reason
2
Day 2
Topic: Understanding the Web 2.0 Features
FEATURES OF WEB 2.0

1. Folksonomy- allows user to categorize and classify information using freely chosen keywords e.g.
tagging by FB, Twitter, use tags that start with the sign #, referred to as hash tag.
2. Rich User Experience – content is dynamic and is responsive to user’s input
3. User Participation- The owner of the website is not the only one who is able to put content. Others
are able to place a content of their own by means of comments, reviews and evaluation e.g. Lazada,
Amazon.
4. Long Tail– services that are offered on demand rather than on a one-time purchase. This is
synonymous to subscribing to a data plan that charges you for the amount of time you spent in the
internet.
5. Software as a services- users will be subscribe to a software only when needed rather than
purchasing them e.g. Google docs used to create and edit word processing and spread sheet.
6. Mass Participation– diverse information sharing through universal web access. Web 2.0’s content
is based on people from various cultures.
Semantic Web - It is a movement led by the World Wide Web Consortium (W3C). The semantic web
provides a framework that allows data to be shared and reuse to deliver web content specifically
targeting the user.
Factors for not fully recognizing semantic as web 3.0:

 Compatibility-HTML files and current web browsers could not support Web 3.0.
 Security – The user’s security is also question since the machine is saving his or her preferences.
 Vastness-The World Wide Web already contains billions of web pages.
 Vagueness – Certain words are imprecise. The words “old” and “small” would depend to the
user.
 Logic- since machines use logic, there are certain limitations for a computer to be able to predict
what the user is referring to at a given time.
Activity2. Exploration
Identifying the Correct Web Platform for Social Change
1. Identify a problem in your community (e.g. littering, garbage disposal, blocked drainages,
etc.)
2. Imagine that you are going to create a website to persuade both community leaders and
members to solve this problem.
3. Fill out the form below. You may refer to the sample provided after the form.
Community Problem: _____________________________________________________________

Vicinity: _________________________________________________________________________
Campaign Name: _________________________________________________________________
Type of Social Media Used: ________________________________________________________
What will be the content of your social media site? _________________________________
____________________________________________________________________________________
____________________________________________________________________________________
____________________________________________________________________________________
____________________________________________________________________________________
____________________________________________________________________________________
____________________________________________________________________________________
_____________________________________________________________________________
3
Why did you choose that type of social media? _____________________________________
____________________________________________________________________________________
____________________________________________________________________________________
____________________________________________________________________________________
________________________________________________________________________________
Why did you choose that website?
____________________________________________________________________________________
____________________________________________________________________________________
____________________________________________________________________________________
____________________________________________________________________________________
____________________________________________________________________________________
____________________________________________________________________________________
_____________________________________________________________________________
Sample:
Community Problem: Severe flooding during rainy days due to blocked drainages
Vicinity: Lapiz St. Oleander Village, Brgy. Pulo, Quezon City
Campaign Name: “Anti-flooding Movement”
Type of Social Media Used: Blogging
Website Used: Word Press
What will be the content of your social media site?

It will contain pictures of the flooded area during rainy days. It will contain pictures of the
drainages that are blocked with garbage. I also plan to update it every once in a while. Anyone who
views the site will be able to comment on these updates.
Why did you choose that type of social media?

People in my community are avid readers of blogs. Most of them follow several blogs that
concern the community.
Why did you choose that website?

Word Press, unlike other blogging platforms, has a more “serious feel” to it. It also contains
professional-looking templates that will fit the serious tone of my campaign.
Day 3
Topic: Learning the TRENDS IN ICT
1. Convergence– is the synergy of technological advancements to work

on a similar goal or task. For example, besides using your personal
computer to create word documents, you can now use your smartphone.
2. Social Media– is a website, application, or online channel that enables web

users web users to create, co-create, discuss modify, and exchange user
generated content.
3. Mobile Technologies– The popularity of smartphones and tablets has

taken a major rise over the years. This is largely because of the devices
capability to do the tasks that were originally found in PCs. Several of
these devices are capable of using a high-speed internet. Today the latest
model devices use 4G Networking (LTE), which is currently the fastest.
Six types of Social Media:
4
a) Social Networks – These are sites that allow you to connect with other people with the same
interests or background. Once the user creates his/her account, he/she can set up a profile, add people,
share content, etc.
Example: Facebook and Google+
b) Bookmarking Sites – Sites that allow you to store and manage links to various
website and resources. Most of the sites allow you to create a tag to others.
Stumble Upon, Pinterest
c) Social News – Sites that allow users to post their own news items or links to
other news sources. The users can also comment on the post and comments may also be
rank.
Ex. Reddit and Dig
d) Media Sharing – sites that allow you to upload and share media content like
images, music and video. Ex. Flickr, YouTube and Instagram
e) Micro blogging – focus on short updates from the user. Those that subscribed to the
user will be able to receive these updates.
Ex. Twitter and Plurk
f) Blogs and Forums – allow user to post their content. Other users are able to
comment on the said topic.
Ex. Blogger, Word Press and Tumblr

Activity 3. Answer the following questions.

1. How do social media keep the world connected?
____________________________________________________________________________
____________________________________________________________________________
____________________________________________________________________________
____________________________________________________________________________
2. What effects do social media have on human relationships?

____________________________________________________________________________
____________________________________________________________________________
____________________________________________________________________________
____________________________________________________________________________
3. What limitations should certain people have when using social media?
____________________________________________________________________________
____________________________________________________________________________
____________________________________________________________________________
____________________________________________________________________________
Day 4
Topic: Learning the TRENDS IN ICT
5
MOBILE Operating Systems
 iOS – use in apple devices such as iPhone and
iPad
 Android – an open source OS developed by
Google. Being open source means mobile phone
companies use this OS for free.
 Blackberry OS – use in blackberry devices
 Windows phone OS – A closed source and
proprietary operating system developed by Microsoft.
 Symbian – the original smartphone OS. Used by Nokia devices
 WebOS- originally used in smartphone; now in smart TVs.
 Windows Mobile – developed by Microsoft for smartphones and pocket PCs
4. Assistive Media– is a non- profit service designed to help people who have
visual and reading impairments. A database of audio recordings is used to read to
the user.
5. e.g. Yahoo!, Gmail, HotmailCloud computing-distributed computing on
internet or delivery of computing service over the internet.

-Instead of running an e-mail program on your computer, you log in to a Web e-mail account remotely.
The software and storage for your account doesn’t exist on your computer – it’s on the service’s
computer cloud.
Three components
1. Client computers – clients are the device that the end user interacts
with cloud.
2. Distributed Servers – Often servers are in geographically different places,
but server acts as if they are working next to each other.
3. Datacenters – It is collection of servers where application is placed and is
accessed via Internet.
TYPES OF CLOUDS
PUBLIC CLOUD
allows systems and services to be easily accessible to the general public. Public cloud may be
less secured because of its openness, e.g. e-mail
PRIVATE CLOUD
allows systems and services to be accessible within an organization. It offers increased security
because of its private nature.
COMMUNITY CLOUD allows systems and services to be accessible by group of organizations.
HYBRID CLOUD
is a mixture of public and private cloud. However, the critical activities are performed using
private cloud while the non-critical activities are performed using public cloud.
Activity 4. Boost your knowledge and skills

Using your mobile phones, or personal computers, and the Internet, list down the current
available applications, icons for the application, and description of the application that supports the
following:
Internet Available Icon Description

Collaboration Tools Applications
1. Video
6
conferencing
2. Instant Messaging
3. Mind Mapping
4. Electronic
Calendars
5. Web
Conferencing

Telefax # (078) 326 – 7458
7

Teacher: __________________________
FIRST QUARTER

Content Standard The learners demonstrate an understanding of ICT in the context

of global communication for specific professional track
Performance Standard The learners shall be able to independently compose an
insightful reflection paper on the nature of ICT in the context of
their lives, society, and professional tracks (Arts, TechVoc,
Sports, Academic)
Most Essential Learning 1. Apply online safety, security, ethics, and etiquette standards
Competencies (MELCs) and practice in the use of ICTs as it would relate to their
specific professional tracks.
2. Use the Internet as a tool for credible research and
information gathering to best achieve specific class
objectives or address situational
21st Century Learning Information Technology Application

Skills
MODULE 2. Online Safety, Security, Ethics, and Etiquette

Day 1 Gain awareness on the professional guidelines in
presenting oneself in the Internet.
Day 2 EXERCISE care and truthfulness in presenting oneself in
the Internet.
Day 3
Day 4
TOTAL
References:

Day 1: ONLINE SAFETY, SECURITY AND RULES OF NETIQUETTE
8
INTERNET SAFETY
- it refers to the online security or safety of people and their information when using internet.
NETIQUETTE
- is network etiquette, the do’s and don’ts of online communication.
TEN RULES OF NETIQUETTE
Rule No. 1: Remember the human

1. You need to remember that you are talking to a real person when you are online.
2. The internet brings people together who would otherwise never meet.
3. Remember this saying when sending an email: Would I say this to the person’s face.
Rule No. 2: Adhere to the same standards online that you follow in real life.
1. You need to behave the same way online that you do in real life.
2. You need to remember that you can get caught doing things you should not be doing online just
like you can in real life.
3. You are still talking to a real person with feelings even though you can’t see them.
Rule No. 3: Know where you are in cyberspace.

1. Always take a look around when you enter a new domain when surfing the web.
2. Get a sense of what the discussion group is about before you join it.
Rule No. 4: Respect other people’s time and bandwidth.

1. Remember people have other things to do besides read your email. You are not the center of their
world.
2. Keep your post and emails to minimum by saying what you want to say.
3. Remember everyone won’t answer your questions.
Rule No. 5: Make yourself look good online.

1. Be polite and pleasant to everyone.
2. Always check your spelling and grammar before posting.
3. Know what you are talking about and make sense saying it.
Rule No. 6: Share expert knowledge

1. Ask questions online
2. Share what you know online.
3. Post the answers to your questions online because someone may have the same question you do.
Rule No. 7: Help keep flame wars under control

1. Netiquette does not forgive flaming.
2. Netiquette does however forbid people who are flaming to hurt discussion groups by putting the
group down.
Rule No. 8: Respect other people’s privacy.

1. Do not read other people’s mail without their permission.
2. Going through other people’s things could cost you, your job or you could even go to jail.
3. Not respecting other people’s privacy is a bad netiquette.
Rule No. 9: Don’t abuse your power.

1. Do not take advantage of other people just because you have more knowledge or power than
them.
2. Treat others as you would want them to treat you if the roles were reversed.
9
Rule No. 10: Be forgiving of other people’s mistake.
1. Do not point out mistakes to people online.
2. Remember that you were once the new kid on the block.
3. You still need to have a good manner even though you are online and cannot see the person face
to face.
Activity 1
1. Conduct a research on different online threats or computer viruses that caused major
problems to computers and computer networks in the recent past. List them below. Write
the important details about each.
Day 2
Topic: Tips to Stay Safe Online
1. Be mindful of what you share online and what site you share it to.
2. Do not just accept terms and conditions; read it.
3. Check out the privacy policy page of a website to learn how the website handles the information
you share.
4. Know the security features of the social networking site you use. By keeping your profile
private, search engines will not be able to scan your profile.
5. Do not share your password with anyone.
6. Avoid logging in to public networks/Wi-Fi browsing in “incognito (or private) mode,” a feature
of the browser, will not protect you from hackers.
7. Do not talk to strangers whether online or face-to-face.
8. Never post anything about a future vacation. It is similar to posting, “Rob my house at this date.”
9. Add friends you know in real life.
10. Avoid visiting untrusted websites.
11. Install and update antivirus software on your computer. Use only one antivirus software
to avoid conflicts.
12. If you have a Wi-Fi at home, make it a private network by adding a password.
13. Avoid downloading anything from untrusted websites. You are most vulnerable in peer-
to-peer downloads (torrents) as the download is most likely not monitored by the site owner.
14. Buy the software; do not use pirated ones.
15. Do not reply or click links from suspicious emails.
Day 3-4
Topic: Internet Security
Security Requirement Triad

Confidentiality
Data confidentiality
Privacy
 Integrity
Data integrity, System integrity
 Availability
Threat Consequence Threat Action ( Attack)
Unauthorized Disclosure Exposure: Sensitive data are directly released to an
10
unauthorized entity.
Interception: An unauthorized entity directly
accesses sensitive data traveling between
authorized sources and destinations.
Inference: A threat action whereby an
unauthorized entity indirectly accesses sensitive
data by reasoning from characteristics or
byproducts of communications.
A circumstance or event whereby an Intrusion: an unauthorized entity gains access to
entity gains access to data for which sensitive data by circumventing a system’s security
the entity is not authorized. protections.
Incapacitation: prevents or interrupts system

operation by disabling a system component.
Corruption: Undesirably alters system operation
by adversely modifying system functions or data.
Obstruction: A threat action that interrupts
Disruption delivery of system services by hindering system
A circumstance or even that interrupts operation.
or prevents the correct operation of Masquerade: An unauthorized entity gains access
system services and functions. to a system or performs a malicious act by posing
as an authorized entity.
Deception Falsification: False data deceive an authorized
A circumstance or event that may entity.
result in an authorized entity receiving Repudiation: An entity deceives another by falsely
false data and believing it to be true. denying responsibility for an act.
Usurpation
A circumstances or event that results in Misappropriation: An entity assumes
control of system services or functions unauthorized logical or physical control of a
by an unauthorized entity. system resource.
Misuse: Causes a system component to perform a function or service that is detrimental to system
security.
Types of System Intruders
 Masquerader
 Hackers
 Clandestine user
Parts of Virus
 Infection mechanism
 Trigger
 Payload
Virus stages
11
 Dormant phase - Virus idle
 Propagation phase - Virus places an identical copy of itself into other programs or into certain
system areas on the disk.
 Triggering phase - Virus is activated to perform the function for which it was intended. Caused
by a variety of system events
 Execution phase - Function is performed
Key Terms
1. Cybercrime- a crime committed or assisted through the use of the Internet.
2. Privacy Policy/Terms of Services (ToS) – tells the user how the website will handle its data.
3. Malware- stands for malicious software.
4. Virus- a malicious program designed to transfer from one computer to another in any means
possible.
5. Worms– a malicious program designed to replicate itself and transfer from one file folder to
another and also transfer to other computers.
6. Trojan-a malicious program designed that is disguised as a useful program but once downloaded
or installed leaves your PC unprotected and allows hacker to get your information.
7. Spyware– a program that runs in the background without you knowing it. It has the ability to
monitor what you are currently doing and typing through key logging.
8. Adware- a program designed to send you advertisement, mostly pop-ups.
9. Spam– unwanted email mostly from bots or advertisers.
10. Phishing- acquires sensitive personal information like passwords and credits card details.
11. Pharming- a more complicated way of phishing where it exploits the DNS system.
12. Copyright- a part of law, wherein you have the rights to work, anyone who uses it w/o your
consent is punishable by law.
13. Fair Use- means that an intellectual property may be used w/o consent as long as it is used in
commentaries, criticism, parodies, research and etc.
14. Key loggers - used to record the keystrokes done by user. This is done to steal passwords or any
other sensitive information.
15. Rogue security software – is a form of malicious software and internet fraud that misleads
users into believing there is a virus on their computer, and manipulates them into paying money
for a fake malware removal tool.
Activity 2. Performance Task
Guide: Research for news and event related to cybercrime. Using your cellphone or and video recording
device, report it as if you were newscaster in 1-2 minutes recording. Save your video file in your flash
drive.
Note: Ask a member of your family to record the video.
RUBRIC FOR VIDEO RECORDING

Excellent Good Satisfactory Needs
(4) (3) (2) Improvement (1)
Concept A video The video The video The video
recording clearly recording recording recording does
demonstrates a demonstrates key demonstrates a not demonstrate
key concept. concepts. previous concept. a clear concept.
Design The quality and The quality and The quality and The quality and
materials in the materials in the materials in the materials in the
video recording video recording video recording video recording
are very well adequately lacked some are not organized
organized and organized and organization and and lack clarity.
understandable. somewhat clear. 50% clear.
Final product Final product Final product Final product I Final product
looks looks decent and required more looks unrefined
professional and the concepts revisions and the and the concepts
the concepts were somewhat concepts were were not
12
were visibly demonstrated. not clearly demonstrated.
demonstrated. demonstrated.
Total

Telefax # (078) 326 – 7458

Teacher: __________________________
FIRST QUARTER

13
Sports, Academic)
Most Essential Learning  Uses common productivity tools effectively by maximizing
Competencies (MELCs) advanced application techniques
 creates an original or derivative ICT content to effectively
communicate or present data or information related to
specific professional tracks
Skills
MODULE 3. Productivity Tools

the Internet.
Day 3
Day 4
TOTAL
References:
www.teachhub.com/7-alternative-technology-classroom-presentation-tools
https://blog.visme.co/powerpoint-alternatives//

Day 1: Advanced Word Processing Skills
In the professional world, sending out information to convey important information is vital.
Because of ICT, things are now sent much faster than the traditional newsletters or postal mail. You can
now send much faster than the traditional newsletters or postal mail. You can now use the Internet to
send out information you need to share. What if we could still do things much faster – an automated way
of creating and sending uniform letters with different recipients? Would that not be more convenient?
I. Mail Merge and Label Generation

A. Mail Merge
One of the important reasons in using computers per se is its ability to do recurring tasks
automatically. But this ability has to be honed by learning the characteristics and features of the software
you use with your computer. After all, no matter how good or advance your computer and software may
be, it can only be as good as the person using it.
In this particular part of our lesson, we will learn one of the most powerful and commonly used
features of Microsoft Word called Mail Merge. As the name suggests, this feature allows you to create
14
documents and combine or merge them with another document or data file. It is commonly used when
sending out advertising materials to various recipients.
The simplest solution for the scenario above is to create a document and just copy and paste it
several times then just replaces the details depending on whom you send it to. But what if you have
hundreds or thousands of recipients? Would not that take too many hours? What if you have a small
database of information where you can automatically generate those letters?
Two Components of Mail Merge

1. Form Document
The first component of our mail merged document is the form document. It is generally the
document that contains the main body of the message we want to convey or send. The main body of the
message is the part of the form document that remains the same no matter whom you send it to from
among your list.
Also included in the form document is what we call place holders, also referred to as data fields
or merge fields. This marks the position on your form document where individual data or information
will be inserted. From our sample document, the place holders are denoted or marked by the text with
double-headed arrows (<< >>) on each side and with a gray background. On a printed standard form,
this will be the underlined spaces that you will see and use as a guide to where you need to write the
information that you need to fill out. In its simplest form, a form document is literally a “form” that you
fill out with individual information. A common example of a form document is your regular tax form or
application form.
2. List or Data File

The second component of our mail merged document is the list or data file. This is where the
individual information or data that needs to be plugged in (merged) to the form document is placed and
maintained. One of the best things about the mail merge feature is that it allows data file to be created
fro within the Microsoft Word application itself, or it gets data from a file created in Microsoft Excel or
other data formats. In this way, fields that needed to be filled up on the form document can easily be
maintained without accidentally altering the form or main document. You can also easily add, remove,
15
modify, or extract your data more efficiently by using other data management applications like Excel or
Access and import them in Word during the mail merge process.
B. Label Generation
Included in the mail merge feature on Microsoft Word is the Label Generator. It just makes sense
that after you print out your form letters, you will need to send it to individual recipients in an envelope
with the matching address printed directly on the envelope or on a mailing label to stick on. By using
virtually the same process as a standard mail merge, Microsoft Word will print individual addresses to a
standard form that it has already pre-formatted. Simply put, it creates a blank form document that
simulates either a blank label or envelope of pre-defined size and will use the data file that you selected
to print the information, typically individual addresses. So even in generating labels, the two essential
components of creating a merged document are present: the form document and the data file. Only in
this case, you did not have to type or create the form document yourself because it was already created
and pre-formatted in Microsoft Word. All you need to do is select the correct or appropriate size for the
label or envelope and select the data file that contains the addresses (data) to be printed. You can also
preview your merged labels before printing if you want to.
II. Integrating Images and External Materials

Integrating or inserting pictures in your document is fun and it improves the impression of your
document. A common use of inserting a picture on a document is when you are creating your resume.
Though seemingly simple to do, your knowledge on the different kinds of materials that you can insert
or integrate in a Word document and its characteristics can help you create a more efficient, richer
document not only in content but also in physical form. A better understanding of the physical form of
your document as well as the different materials you would integrate in it would allow you to be more
efficient and versatile in using Microsoft Word.
A. Kinds of Materials
16
There are various kinds of materials Microsoft Word is capable of integrating to make the
documents richer, more impressive, and more informative.
1. Pictures
Generally, these are electronic or digital pictures or photographs you have saved in any local
storage device. There are three commonly used types of picture files. You can identify them by the
extension on their file names.
a. .JPG/JPEG
This is pronounced as “jay-peg“ and is the short form of .jpeg or Joint Photographic Experts
Group. Like all the rest of the image file extensions, it identifies the kind of data compression process
that it uses to make it more compatible and portable through the Internet. This type of image file can
support 16.7 million colors that is why it is suitable for use when working with full color photographic
images. Unfortunately, it does not support transparency and therefore, images of this file type can be
difficult to integrate in terms of blending with other materials or elements in your document. But if you
are looking for the best quality image to integrate with your document then this is the image file type for
you. .JPG does not work well on lettering, line drawings, or simple graphics. .JPG images are relatively
small in file size.
b. .GIF
This stands for Graphics Interchange Format. This type of image file is capable of displaying
transparencies. Therefore, it is good for blending with other materials or elements in your document. It
is also capable of displaying simple animation. Apparently, this may not be too useful on a printed
document but if you are sending documents electronically or through email, or even post documents into
a website, then this could be quite impressive. The downside is that it can only support up to 256 colors
so it is good mostly on logos and art decors with very limited and generally solid colors. .GIF is much
better for logos, drawings, small text, black and white images, or low-resolution files.
Example of a .gif format picture
c. .PNG
17
This is pronounced as “ping“. It stands for Portable Network Graphics. It was built around the
capabilities of .GIF. Its development was basically for the purpose of transporting images on the Internet
at faster rates. It is also good with transparencies but unlike .GIFs, it does not support animation but it
can display up to 16 million
colors, so image quality for this image file type is also remarkably improved. .PNG allows the control of
the transparency level or opacity of images.
Example of .png format picture.
2. Clip Art

This is generally a .GIF type; line art drawings or images used as generic representation for ideas
and objects that you might want to integrate in your document. Microsoft Word has a library of clip arts
that is built in or can be downloaded and used freely. There are still other clip arts that you can either
purchase or freely download and use that come from third-party providers.
Clip Art Icon in Microsoft Office 2010
3. Shapes
These are printable objects or materials that you can integrate in your document to enhance its
appearance or allow you to have some tools to use for composing and representing ideas or messages. If
you are designing the layout for a poster or other graphic material for advertising, you might find this
useful.
18
Shapes Icon under the Insert ribbon tab
4. Smart Art
Generally, these are predefined sets of different shapes grouped together to form ideas that are
organizational or structural in nature. If you want to graphically represent an organization, process,
relationships, or flow for info graphic documents, then you will find this easy and handy to use.
5. Chart
Another types of material that you can integrate in your word document that allows you to
represent data characteristics and trends. This is quite useful when you are preparing reports that
correlate and present data in a graphical manner. You can create charts that can be integrated in your
document either directly in Microsoft Word or imported from external files like Microsoft Excel.
Chart – Used to illustrate and compare data
6. Screenshot
Sometimes, creating reports or manuals for training or procedures will require the integration of a more
realistic image of what you are discussing on your report or manual. Nothing can get you a more
realistic image than a screenshot. Microsoft Word even provides a snipping tool for your screen shots so
you can select and display only the part that you exactly like to capture on your screen.
19
III. Image Placement
Layout of text wrapping options
A. In Line with Text. This is the default setting for images that are inserted or integrated in your
document. It treats your image like a text font with the bottom side totally aligned with the text line.
This setting is usually used when you need to place your image at the beginning of a paragraph. When
placed between texts in a paragraph or a sentence, it distorts the overall appearance and arrangement of
the texts in the paragraph because it will take up the space it needs vertically, pushing whole lines of
texts upward.
B. Square. This setting allows the image you inserted to be placed anywhere with the paragraph with
the text going around the image in a square pattern like frame.
C. Tight. This is almost the same as the Square setting, but here the text “hug” or conforms to the
general shape of the image. This allows you to get a more creative effect on your document. This setting
can mostly be achieved if you are using an image that supports transparency like a .GIF or .PNG file.
D. Through. This setting allows the text on your document to flow even tighter taking the contours and
shape of the image. Again, this can be best used with .GIF or .PNG type of image.
E. Top and Bottom. This setting pushes the texts away vertically to the top and/or the bottom of the
image so that the image occupies a whole text line on its own.
F. Behind Text. This allows your image to be dragged and placed anywhere on your document but with
all the texts floating in front of it. It effectively makes your image look like a background.
G. In Front of Text. As it suggests, this setting allows your image to be placed right on top of the text
as if your image was dropped right on it. That means whatever part of the text you placed the image on,
it will be covered by the image.
IV. Key Terms

1. Mail Merge – a feature that allows you to create documents and combine or merge them with
another document or data file.
2. Form Document – the document that contains the main body of the message we want to convey
or send.
3. Data File – includes the individual information or data or the recipient’s information.
4. Merge Field/Place Holder – marks the position on your form document where individual data
or information will be inserted.
5. .JPG – file extension for the Joint Photographic Experts Group picture file.
6. .PNG – file extension for Portable Network Graphics image file.
20
7. .GIF – file extension for the Graphics Interchange Format image file.
8. Clipart – line art drawings or images used as a generic representation for ideas and objects.
9. Smart Art – predefined sets of different shapes grouped together to form ideas that are
organizational or structural in nature.
10. Text Wrap – adjusts how the image behaves around other objects or text.
Activity 1
Guide: Using Mail Merge Create a simple letter with a minimum of 10 recipients. Insert images into the
letter and add labels to the image.
Note: Watch the video on how to use mail merge for full guide. Location______
Day 2 - 3
Topic: Advanced Spreadsheet Skills
 What is a Spreadsheet Software?

Allows users to organize data in rows and columns and perform calculations on the data
these rows and columns collectively are called worksheet.
 Examples of Spreadsheet Software:
o Libre Office Calc
o OpenOffice.org Calc
o Google Sheets
o Apple iWork Numbers
o King soft Office Spreadsheets
o Star Office Calc
o Microsoft Excel
MICROSOFT EXCEL
To open Microsoft Excel, Press “Windows Logo” + R then type “excel” then enter.
Key Terms in MS Excel:

1. Row – horizontal line of entries in a table
2. Column – vertical line of entries in a table
3. Cell – the place where info. is held in a spreadsheet
4. Active Cell – the selected cell
5. Column Heading – the box at the top of each column containing a letter
6. Row Heading – the row number
7. Cell Reference – the cell address of the cell usually combine letter and number (ex. A1,
B4, C2)
8. Merge – combining or joining two or more cells
9. Formula – is an expression which calculates the value of a cell.
10. Functions – are predefined formulas and are already available in Excel
11. Formula Bar – the bar that displays the contents of a cell
Functions:
BASIC MATH OPERATIONS
o =SUM(x,y) or =SUM(range) – returns the sum of x and y or (all the numbers within the range)
o =PRODUCT(x,y) – returns the product of x and y
o =QUOTIENT(x,y) – returns the quotient of x divided by y
o =x-y – returns the difference of x subtracted by y
o =x+y – returns the sum of x and y
o =x*y – returns the product of x and y
o =x/y – returns the quotient of x divided by y
o =x-y – returns the difference of x subtracted by y
Other Functions:
o =ABS(x) – returns the absolute value of x
o =AVERAGE(x,y) – returns the average of x and y
21
o =CONCATENATE(x,y) – joins x and y
o =IF(Condition, x, y) – returns x if the condition is true, else it returns y
o =ISEVEN(x) – returns true if x is an even number
o =ISODD(x) – returns true if x is an odd number
o =COUNT(range) – counts the number of cell containing a number within a range
o =COUNTIF(range, criteria) – count the number of cell that fits with the criteria within the range
o =ISNUMBER(x) – returns true if x is a number
o =ISTEXT(x) – returns true if x is a text
o =LEN(x) – returns the length of characters in x
o =PROPER(x) – returns the proper casing of x
o =LEFT(x,y) – returns the characters of x specified by y (from the left) •
o =RIGHT(x,y) – returns the characters of x specified by y (from the right)
o =PI() – returns the value of pi
o =MIN(x,y) – returns the smallest number between x and y
o =MAX(x,y) – returns the largest number between x and y
o =MIN(range) – returns the smallest number within the range
o =MAX(range) – returns the largest number within the range
o =POWER(x,y) – returns the value of x raised to the power of y
o =ROUND(x,y) – rounds x to a specified number of digits (y) =COLUMN(x) – returns the
column number of x
o =ROW(x) – returns the row number of x
o =SQRT(x) – returns the square root of x
o =TRIM(x) – removes extra spaces in x
o =UPPER(x) – returns x in all capital form
o =LOWER(x) – returns x in non- capital form
o =TODAY() – returns the current date
o =NOW() – returns the current date and time
Activity 2. Follow the instructions given below:
1. Consider this data: NAME, MATH, GRADE, SCIENCE GRADE, FILIPINO GRADE, ENGLISH
GRADE, A.P GRADE, MARK 75, 70, 78, 81, and 78; PETE 84, 87, 86, 88, and 85; ANA 91, 92,
95, 90, and 90; REA 73, 75, 74, 75, 70
2. Give the formulas to get :
a. Mark’s , Pete’s, Ana’s and Rea’s averages __________________________________
b. The highest grade that Ana got __________________________________
c. The lowest grade that Mark got? __________________________________

d. Sum of all Math Grade? Science? A.P.? __________________________________
e. Sum of all Rea’s Grades __________________________________
f. The Lowest Number among all grades
__________________________________
g. The remarks (Passed or Failed)
__________________________________
3. Now, consider this data: FIRSTNAME, MIDDLENAME, LASTNAME; MARK CURTIS,

WILLIAMS PETE, MCCLOEY HARRISON, ANA MONROE, FRITZ REA, and TAN COLLINS
4. Give the formulas to get:
a. Mark’s Full Name
b. Ana’s Full Name in Proper Case
c. Count the number of letters that Pete’s Last Name has
d. “COLL” from Rea’s Last Name
e. “LOEY” from Pete’s Middle Name
f. Combining “WILL” and “LINS” from Mark and Rea’s Last Names respectively
Day 4
Topic: Advanced Presentation Skills
PRESENTATION TOOLS
22
12. Visme - is a cloud-based presentation tool that allows you to create highly visual
presentations to engage viewers and communicate your ideas. It features an intuitive,
drag-and-drop design method for creating presentations. The business version also
prioritizes brand consistency and company-wide image storage. When you or your
employees create a presentation, it will feature colors, logos and images that are on brand
for your organization.
13. Haiku Deck - is a platform that prioritizes simplicity. Business owners can create
elegant, basic presentations with high-quality images. The Spartan approach allows for
connecting with audiences instead of losing them in information overload due to text-
heavy slides. What separates Haiku Deck from traditional presentation tools is its library
of images and array of fonts. It makes it easy to craft simple, powerful presentations that
are accessible on any device.
14. Pitcherific - is not only a presentation solution, but also a platform for building
and practicing your presentation. It's a template-based program that guides you through
the presentation creation process. Instead of drafting a few slides, Pitcherific prompts you
to write out the areas of each part of your speech
15. Canva - is an online platform that provides templates for a wide range of business-
related publications, like resumes, newsletters, business cards, media kits, brochures and
info graphics. You can also use it to construct presentations. There are hundreds of design
layouts and templates to start with, and you can upload your own images or choose from
more than 1 million of Canvas’s stock images.
16. Slide Camp - provide slide templates for creating company presentations. You can
adjust color schemes, add company logos, import charts and data, build info graphics,
and organize presentations into sections with Slide Camp. This is a great solution for
maintaining presentation consistency across multiple presentations from your
organization. 6. Microsoft Events
17. Powtoon - is an animated presentation and video platform for creating short
informational videos and presentations about your brand or product. Explainer videos are
an important part of a brand's message, and Powtoon is an affordable tool for creating
animated videos and presentations to educate consumers and clients about your business.
18. Video Scribe - is a whiteboard video presentation platform that allows small
businesses to customize their presentations to fit their needs. These videos, which feature
a whiteboard and hand that "draws" different objects and slides in the presentation, are
ideal for quick explainers and marketing videos on your business or product. You can
easily place objects, insert text, and even draw your own objects or text with Video
Scribe's platform.
19. Prezi - is another template-based presentation solution that you can use to create
persuasive and engaging presentations with unique movement between "slides" and key
points. Prezi maps out your whole presentation on an overall track that you decide. When
you switch slides, it doesn't simply advance to the next one; it takes the viewer through
the track to the point that needs to be made. This allows your audience to visualize the
progression of your presentation.
20. Emaze - is growing online presentation software that boasts a remarkable

upgrade to the traditional PowerPoint presentation. Its easy-to-use interface lets you
choose from a wide array of templates and create awesome visual learning aids, including
3D presentations in minutes, so you can provide your students a better learning
experience. Since it is cloud-based, it also allows you to edit or update your presentations
on other handheld or mobile devices on any computer, mobile device, and other devices
anywhere online.
21. Google Presentation - If you are out looking for a fresher and more seamless
alternative to PowerPoint, Google Presentation can be your best bet. It has everything
that PowerPoint lacks. It is equipped with a Google research tool that you can use if you
23
need to conduct research about your presentation. The search bar has a drop-down menu
that lets you specify the type of research or information you are looking for in terms of
images, videos, quotations, etc. You can freely and accurately express yourself through its
thousands of unique presentation themes, fonts, and color options for a more creative
control
22. Keynote - When it comes to creating presentations, the most common software is
Microsoft PowerPoint and Apple Keynote. Although PowerPoint reigned for years, it is
not an indicative of quality. Apple's Keynote can take your presentation to the next level.
Here are some of its advantages: Keynote is simpler and easier to use. It is also available
for PC or Chrome book users.
23. Nearpod - is a great presentation tool for teachers. Its benefits include: Easy-to-
use, interactive features that can bring the classroom to life. Teachers can easily create
interactive classes using different multimedia contents like images, videos, quizzes, polls,
and other activities that are relevant to the lesson. Teachers can also monitor students in
real time and allow distance learning. This means that students from anywhere can join
your Nearpod learning sessions. It's compatible with different platforms and can work on
any device.
24. Tellagami - is a free app that you can use to create animated video presentations
with a character that resembles you. You can create tutorials and instructional videos to
keep things interesting. Even when your students miss your class, they can easily access
your videos and it.
25. PowerPoint - is a highly innovative and versatile program that can ensure a
successful communication whether you’re presenting in front of potential investors, a
lecture theatre or simply in front of your colleagues. The following are the five features
you should be using-if you aren’t already. Learn everything about these tips: they will
improve your presentation skills and allow you to communicate your message
successfully. The five features of PowerPoint were: adding smart art, Inserting Shapes,
Inserting and Image, Slide Transitions, Adding Animations.
Creating an Effective Presentation
1. Minimize: Keep slides counts to a minimum to maintain a clear message and to keep the audience
attentive. Remember that the presentation is just a visual aid. Most information should still come from
the reporter.
2. Clarity: Avoid being too fancy by using font style that is easy to read. Make sure that it is also big
enough to be read by the audience. Once you start making your presentation, consider how big the
screen is during your report.
3. Simplicity: Use bullets or short sentences. Summarize the information on the screen to have your
audience focus on what the speaker is saying than on reading the slide. Limit the content to six lines and
seven words per line. This is known as the 6 x 7 rule.
4. Visual: Use graphics to help in your presentation but not too many to distract the audience. Instead of
using table of data use charts and graphs.
5. Consistency: Make your design uniform. Avoid having different font styles and backgrounds.
6. Contrast: Use a light font on dark background or vice versa. This is done so that it is easier to read.
In most instances, it is easier to read on screen if the background is dark. This is due to the brightness of
the screen.
Activity 4: Make an infomercial about your school. Choose any presentation tool.
Excellent Good Fair Poor
Organization Student presents Students presents Students presents Audience has
information in information in information but the difficulty
logical, interesting logical sequence sequence is not following
sequence which which audience logical, making it presentation
24
audience can can follow hard for because student
follow Audience to jump around
understand.
Content Student Student is at ease Student is Content is weak.
demonstrates full with content and uncomfortable Facts are
knowledge of the has an easy flow with information, inaccurate. Student
topic and engages within the however message should have
the audience with message can be heard. research in more
enthusiasm. depth.
Volume and Student uses voice Student voice is Student voice is Student mumbles,
clarity and correct, clear. Student low. Student incorrectly
precise pronounces most incorrectly pronounces terms,
pronunciation of words correctly. pronounces terms. and speaks too
terms. Student is Most Audience Audience quietly for viewing
enthusiastic. All members can hear members have audience to hear.
viewing audience with little effort. difficulty hearing.
can hear without
effort.
Length 2 or more minutes 2 minutes 60 to 75 seconds 40 to 59 seconds
Presentation Student explains Student explains Student explains Student is unable
content, makes eye content and commercial but to explain
contact and keeps makes eye contact does not make eye commercial.
audience attention. contact and is
hard to understand

Telefax # (078) 326 – 7458
25
Teacher: __________________________
FIRST QUARTER

Content Standard The learners demonstrate an understanding of ICT in the context of
global communication for specific professional track
Performance Standard The learners shall be able to independently compose an insightful
reflection paper on the nature of ICT in the context of their lives,
society, and professional tracks (Arts, TechVoc, Sports, Academic)
Most Essential Learning  Evaluate existing websites and online resources based on the
Competencies (MELCs) principles of layout, graphic and visual message design.
 use image manipulation techniques on existing images to
change or enhance their current state to communicate a
message for a specific purpose
 create an original or derivative ICT content to effectively
communicate a visual message in an online environment
related to specific professional tracks (infographics)
Skills
MODULE 4. Imaging and Design for Online Environment

the Internet.
Day 3 Create/Draw an Infographic regarding current local
issues.
Day 4
TOTAL
References:
Day 1: Basic Principles of Web Graphics and Lay-Out
26
o BALANCE- The visual weight of objects, textures, colors, and space is evenly distributed on the
screen.
o EMPHASIS - An area in the design that may appear different in size, texture, shape or color to
attract the viewer's attention.
o MOVEMENT - Visual elements guide the viewer's eyes around the screen.
o PATTERN AND REPETITION - These are the repeating visual element on an image or lay-
out to create unity in the lay-out or image.
o RHYTHM - is achieved when visual elements create a sense of organized movement.
o PROPORTION - Visual elements create a sense of unity where they relate well with one
another.
o VARIETY - This uses several design elements to draw a viewer's attention.
BLOGGING ETHICS
o ACCOUNTABILITY - Authors must be accountable on whatever they write on their blogs.

Accountability means holding responsibilities to high standards of performance, the goal is to
produce the best content with our readers' interest in mind. They are, after all, the only reason we
write.
o ACCURACY - As a content creator, educator, news relayed, information slayer, your job as a
blogger is to give your readers the most accurate information - identifying your sources,
checking facts, never sacrificing accuracy and fairness for the sake of a "good" study. This
includes citing and attributing everything you've used, read and referenced when writing a post.
o INDEPENDENCE - means freedom from outside control or support, a blogger can write
anything he or she wants to share without having someone saying he/she must do.
o TONE - bloggers must write with their intended audience in mind. The key to successful
blogging is alignment of interests between writer and reader. It's that sweet spot where what's
good for your readers matches what's good for you. Don't focus on having a great blog. Focus on
producing a blog that's great for your readers.
Activity 1 Performance Task:
27
Guide: Evaluate the website using the BASIC PRINCIPLES OF WEB GRAPHICS AND LAY-
OUT.
Day 2: Imaging and Design for Online Environment
PHOTO EDITING
 Photo editing encompasses the processes of altering images, whether they are digital photographs,
traditional photo chemical photographs, or illustrations. Traditional analog image editing is known
as photo retouching, using tools such as an airbrush to modify photographs, or editing illustrations
with any traditional art medium.
28
Graphic software programs
 Which can be broadly grouped into vector graphics editors, raster graphics editors, and 3D modelers
are the primary tools with which a user may manipulate, enhance, and transform images. Many
image editing programs are also used to render or create computer art from scratch.
BASIC OF IMAGE EDITING

1. RASTER IMAGES are stored in a computer in the form of a grid of picture elements or pixels.
2. VECTOR IMAGES such as Adobe Illustrator, Inkscape and etc. are used to create and modify
vector images, which are stored as descriptions of lines, Bezier curves and text instead of pixels.
DIFFERENCE BETWEEN RASTER AND VECTOR IMAGES
RASTER IMAGES use many colored pixels or individual building blocks to form a complete image
JPEGs, GIFs and PNGs are common raster image types. Almost all of the photos found on the web and
in print catalogs are raster images.
 VECTOR IMAGES alternatively, allow for more flexibility. Constructed using mathematical
formulas rather than individual colored blocks, vector file types such as EPS, AI and PDF are
excellent for creating graphics that frequently require resizing.
3. 3D MODELING (OR MODELLING) is the process of developing a mathematical
representation of any three dimensional surface of an object via specialized software. The product is
called a 3D model. It can be displayed as a two-dimensional image through a process called 3D
rendering or used in a computer simulation or physical phenomena. The model can also be
physically created using 3D printing devices.
IMAGE FORMATS
o JPEG is a commonly used method of lossy compression for digital images, particularly for those
images produced by a digital photography.
o PNG (PORTABLE NETWORK GRAPHICS) is a raster graphics file format that supports
lossless data compression.
o GIF a lossless format for image files that supports both animated and static images.
o BMP is a raster graphics image used to store bitmap digital images
o EPS used in vector-based images in Adobe Illustrator.
o SVG is an XML-based vector image format for two-dimensional graphics w/ support for
interactivity and animation
o .3ds is one of the file formats used by the Autodesk 3Ds Max 3D Modeling, animation and
rendering software.
o .fbx is an exchange format, in particular for interoperability between Autodesk products and
other digital content creation software
29
FEATURES OF IMAGE EDITORS
SELECTION One of the prerequisites for many of the app mentioned below is a method of selecting
part(s) of an image, thus applying a change selectively without affecting the entire picture
o MARQUEE TOOL for selecting rectangular or other regular polygon-shaped regions
o LASSO TOOL for freehand selection of a region
o MAGIC WAND TOOL selects objects or regions in the image defined by proximity of color or
luminance
o
LAYERS which are analogous to sheets of transparent acetate, stacked on top of each other,
each capable of being individually positioned, altered and blended with the layers below, w/o
affecting any of the elements on the other layers.
o IMAGE SIZE resize images in a process often called image scaling, making them larger, or
smaller. High image resolution cameras can produce large images which are often reduced in
size for Internet use.
o CROPPING creates a new image by selecting a desired rectangular portion from the image
being cropped. The unwanted part of the image is discarded. Image cropping does not reduce the
resolution of the area cropped.
o CLONING uses the current brush to copy from an image or pattern. It has many uses: one of the
most important is to repair problem areas in digital photos.
o IMAGE ORIENTATION – Image editors are capable of altering an image to be rotated in any
direction and to any degree. Mirror images can be created and images can be horizontally flipped
or vertically flopped. Rotated image usually require cropping afterwards, in order to remove the
resulting gaps at the image edges.
30
PERSPECTIVE – is the art of drawing solid objects on a two- dimensional surface so as to give the
right impression of their height, width, depth and position in relation to each other when viewed from a
particular point.
SHARPENING AND SOFTENING– Sharpening makes images clearer. Too much sharpening causes
grains on the surface of the image. Softening makes images softer that removes some of the highly
visible flaws. Too much causes the image to blur.
SATURATION- is an expression for the relative bandwidth of the visible output from a light source. As
saturation increase, colors appear more “pure.’’ As saturation decreases, colors appear more ‘’ washed-
out.’’
31
CONTRAST AND BRIGHTENING
Contrast of images and brighten or darken the image. Underexposed images can be often be improved
by using this feature.
Brightening lightens the image so the photo brightens up. Brightness is a relative expression of the
intensity of the energy output of a visible light source.
Adjusting contrast means adjusting brightness because they work together to make a better image.
PHOTO MANIPULATION
Photo manipulation involves transforming or altering a photograph using various methods and
techniques to achieve desired results. Some photo manipulations are considered skillful artwork while
others are frowned upon as unethical practices, especially when used to deceive the public, such as hat
used for political propaganda, or to make a product or person look better.

32
DIFFERENCES
PHOTO EDITING – signifies the regular process used to enhance photos and to create them ‘’Actual
editing simple process’’. Also includes some of the regular programs used for editing and expose how to
use them.
PHOTO MANIPULATION – includes all simple editing techniques and have some manipulation
techniques like erasing, adding objects , adding some graphical effects, background correction, creating
incredible effect, change elements in an image, adding styles , eliminating blemishes from a person’s
face and changing the features of a person’s body.
Activity 2
Guide: Using any type of photo editing tools Create a Digital Movie Poster with your face in placed in
the original movie poster. Save your output in a flash drive.
Note: To those with printers at home you may print the output in a short bond paper
Example.
Before After
RUBRIC FOR DIGITAL MOVIE POSTER
8 points 6 points 4 points 2 points

Written Includes all of the Include most of Include some of Missing most of the
Information following: the following: the following: required information
Book/movie title, Book/movie title, Book/movie title,
author, rating, cast of author, rating, author, rating,
main actors, director cast of main cast of main
(this should be you), actors, director actors, director
& movie tagline. (this should be (this should be
you), & movie you), & movie
tagline. tagline.
Scene The illustration is The illustration is The illustration is Did not include an
Illustrated relevant. relevant, but is relevant to the illustration
It relates closely to vague and leaves book and does
an event or idea in the reader not represent
the book and wondering about what the book is
engages the reader to the about.
want to see the setting/scene/or
movie idea. Illustration is too
similar to the
The graphic book’s cover or
illustrated only an existing poster
33
somewhat relates for this
to the book. movie/book
Overall Poster shows careful Planning of the Neatness was not Neatness was not a
Visual appeal planning, design, and poster is obvious a factor. factor.
has been presented but final product Title is not easy
neatly. is only semi-neat. to read Title of book/movie
Quality is present. Author’s name is is missing
All the information The information missing
is clear and easy to is fairly easy to Lettering is Lettering is messy
read. read. unclear
Required Had all required Had most of the Had some of the Did not have the
content of content required content required content movie poster
movie poster completed
Picture or All graphics are Most graphics Some graphics Graphics are not
graphic of appropriate to topic are appropriate to are appropriate to appropriate to topic.
Movie Poster topic topic
Overall The poster is For the most part The poster is The poster is not
Appearance presented creatively of the poster is somewhat presented creatively
of Movie and organized neatly. presented in a presented in a and is not organized
Poster creative manner creative manner neatly.
and is organized and organized
neatly. neatly to some
degree.
Readability Background and text Background and Background and Background and text
make all parts easy text make most text make some make it difficult to
to see and read. parts easy to see parts easy to see see and read parts
and read. and read
Day 3-4
Topic: Infographics
b.) Infographics
also known as data visualization, information design, and communication design
 It is any graphic that display and explains information, whether that be data or words. When we use
the term ‘’infographics’’, we’re using it as a general term used to describe data presented in a visual
way.
 Infographics are important because they change the way people find and experience stories.
Infographics are being used to augment editorial content on the web, it create a new way of seeing
the world of data, and they help communicate complex ideas in a clear and beautiful way.
TYPES OF INFOGRAPHICS
1. Statistical
2. Process Flow
3. Geographic
PROCESS OF MAKING INFOGRAPHICS
34
1. Research
a) Know what is needed
b) Take a reference
c) Know the audience
d) Decide the type of infographics
2. Brainstorm
a) Gather ideas
b) Build thought process
3. Design
a) Choose your tool and start designing
4. Review
a) Cross check the data to deliver flawless output
5. Launch
a) Make it viral
b) Share on social network
BEST PRACTICES WHEN CREATING INFOGRAPHICS

a) Maintain a structure
b) Don’t use more than 3 color palletes
c) Typography matters a lot
d) Include source and references
Activity 3
Guide: Create/Draw an Infographic regarding current local issues.

Note: See attached rubrics for basis
CATEGORY 4 3 2 1
Content The site has a The site has a The purpose and The site lacks a
well- stated clear clearly stated theme of the site purpose and
purpose and purpose and is somewhat theme.
theme that is theme, but may muddy or vague.
carried out have one or two
throughout the elements that do
site. not seem to be
related to it.
Layout The Web site has The Web pages The Web pages The Web pages
an exceptionally have an attractive have a usable are cluttered
attractive and and usable layout. layout, but may looking or
usable layout. It is It is easy to locate appear busy or confusing. It is
easy to locate all all important boring. It is easy often difficult to
important elements. to locate most of locate important
elements. the important elements.
White space, elements.
graphic elements
and/or alignment
are used
effectively to
organize
material.
Background Background is Background is Background is Background
exceptionally attractive, consistent across detracts from the
attractive, consistent across pages and does readability of the
consistent across pages, adds to the not detract from site.
pages, adds to the theme or purpose readability.
theme or purpose of the site, and
of the site, and does not detract
does not detract from readability.
from readability.
Color Choices Colors of Colors of Colors of Colors of
background, fonts, background, fonts, background, fonts, background, fonts,
35
unvisited and unvisited and unvisited and unvisited and
visited links form visited links do visited links do visited links make
a pleasing palette, not detract from not detract from the content hard to
do not detract the content, and the content. read or otherwise
from the content, are consistent distract the reader.
and are consistent across pages.
across pages.
Graphics Graphics are Graphics are Graphics are Graphics seem
related to the related to the related to the randomly chosen,
theme/purpose of theme/purpose of theme/purpose of are of low quality,
the site, are the site, are of the site, and are of OR distract the
thoughtfully good quality and good quality. reader.
cropped, are of enhance reader
high quality and interest or
enhance reader understanding.
interest or
understanding.

36
Telefax # (078) 326 – 7458

Teacher: __________________________
FIRST QUARTER

Week No.: 5-6 Inclusive Dates: __________

Sports, Academic)
Most Essential Learning 1. Evaluate existing online creation tools, platforms and
Competencies (MELCs) applications in developing ICT content for specific
professional tracks.
2. Apply web design principles and elements using online
creation tools, platforms, and applications to communicate a
message for a specific purpose in specific professional tracks
3. Create an original or derivative ICT content using online
creation tools, platforms, and applications to effectively
communicate messages related to specific professional track
Skills
MODULE 5-6. Imaging and Design for Online Environment

Week 5-6 Learning Targets/ Specific Objectives Remarks Score
the Internet.
Day 3
Day 4
TOTAL
References:
Day 1-2
37
Topic: Online Platforms for ICT Content Development
1.Facebook
Posted on February 13, 2017
1. Marketplace – allows members to post, read and respond to classified ads.

2. Groups – allows members who have common interests to find each other and interact.
3. Events – allows members to publicize an event, invite guests and track who plans to attend.
4. Pages – allows members to create and promote a public page built around a specific topic.
5. Presence technology – allows members to see which contacts are online and chat.
Within each member’s personal profile, there are several key networking components. The most
popular is arguably the Wall, which is essentially a virtual bulletin board. Messages left on a
member’s Wall can be text, video or photos. Another popular component is the virtual Photo
Album. Photos can be uploaded from the desktop or directly from a smartphone camera. There is no
limitation on quantity, but Facebook staff will remove inappropriate or copyrighted images. An
interactive album feature allows the member’s contacts (who are called generically called “friends”)
to comment on each other’s photos and identify (tag) people in the photos. Another popular profile
component is status updates, a microblogging feature that allows members to broadcast short
Twitter-like announcements to their friends. All interactions are published in a news feed, which is
distributed in real-time to the member’s friends.
Facebook offers a range of privacy options to its members. A member can make all his
communications visible to everyone, he can block specific connections or he can keep all his
communications private. Members can choose whether or not to be searchable, decide which parts
of their profile are public, decide what not to put in their news feed and determine exactly who can
see their posts. For those members who wish to use Facebook to communicate privately, there is a
message feature, which closely resembles email.
2. Instagram
Instagram is an online mobile photo-sharing site that allows its users to share pictures and videos either
publicly or privately on the app, as well as through a variety of other social networking platforms, such
as Facebook, Twitter, Tumblr, and Flickr. Originally, a distinctive feature was that it confined photos to
a square shape, similar to Kodak Instamatic and Polaroid SX-70 images, in contrast to the 4:3 aspect
ratio typically used by mobile device cameras. In August 2015, version 7.5 was released, allowing users
to upload media captured in any aspect ratio. Users can also apply digital filters to their images. Videos
on Instagram debuted in June 2013, allowing prerecorded square standard definition resolution clips of
up to 15 seconds to be shared; later improvements added support for widescreen resolutions of up
to 1080p and longer recording times for either prerecorded (up to one minute) or disappearing live (up to
one hour) videos.
Instagram was created by Kevin Systrom and Mike Krieger, and launched in October 2010 as a
free mobile app. The service rapidly gained popularity, with over 100 million active users as of April
2012[10][11] and over 300 million as of December 2014.[12] Instagram is distributed through the
Apple App Store and Google Play.[13]Support for the app is available for iPhone, iPad, iPod
Touch, Windows 10 devices and Android handsets, while third-party Instagram apps are available
for BlackBerry 10 and Nokia-Symbian Devices.
3. Twitter
38
Twitter is an online news and social networking service where users post and interact with messages,
“tweets,” restricted to 140 characters. Registered users can post tweets, but those who are unregistered
can only read them. Users access Twitter through its website interface, SMS or a mobile device app.
[10] Twitter Inc. is based in San Francisco, California, United States, and has more than 25 offices
around the world.
Twitter is about learning and adding value
It is also about adding value to others by giving or sharing something valuable to them so that
they are able to learn something. That is why I usually tweet about stuff that I read, learned or have good
value. I have learned so much from the others that is why I love twitter. It is also about helping others, I
disagree with many ‘experts’ that say you should only follow ‘influential’ users because I don’t judge
someone that way, and because I believe the people at Twitter don’t believe in them either. I also
disagree that you should only share your own stuff otherwise you will dilute your brand. Sure it makes
sense but 24/7 sharing your own blog post and following influential people?
BLOGGING SITES
1. Weebly
Weebly is one of the easiest website builders in the market . They allow you to drag and drop
content into a website, so it’s very intuitive to use (click here to see our opinion on Weebly).
By using Weebly’s website building elements, you can literally drag them into your website and
have a website built relatively quickly, and painlessly. The beauty of this system is that you can pretty
much drag the elements to wherever you want – so it’s not very restrictive on where and how you place
your website content.
Weebly’s elements include pictures, paragraphs, videos, buttons, maps, contact forms – basically
all the basics for website building.
2. Tumblr
Tumblr is a popular microblogging platform designed for creative self-expression. It is

considered a mindful alternative to Facebook and other social media websites where users blog on a
myriad of topics.
You can link your Tumblr account to other social networks you use and you can feed your
traditional blog or other RSS feed to your Tumblelog. You can also create static pages such as your own
Questions page that people are automatically taken to when they ask you a question. If you want to
make your Tumblelog look more like a traditional website, you can do it by adding pages. You can
make your Tumblelog private or just make specific posts private as needed, and you can schedule posts
to publish in the future.
Tumblr is perfect for people who don’t need a full blog to publish lengthy posts. It’s also great
for people who prefer to publish quick multimedia posts, particularly from their mobile devices. Tumblr
is also a great choice for people who want to join a larger community. If a blog is too much or too big,
but Twitter is too small or too little for you and Instagram isn’t versatile enough for you, then Tumblr
might be just right for you.
It’s also easy to invite other people to contribute to your Tumblelog.
If you want to track your stats, you can add any analytics tracking code to your Tumblelog. Some users
will even burn a feed with Feedburner, create custom themes, and use their own domain names
39
3. Pinterest
Pinterest is a free website that requires registration to use.Users can upload, save, sort, and
manage images—known as pins—and other media content (e.g., videos) through collections known as
pinboards. Pinterest acts as a personalized media platform. Users can browse the content of others in
their feed. Users can then save individual pins to one of their own boards using the “Pin It” button, with
pinboards typically organized by a central topic or theme. Users can personalize their experience by
pinning items, creating boards, and interacting with other members. The end result is that the “pin feed”
of each user displays unique, personalized results.
Content can also be found outside of Pinterest and similarly uploaded to a board via the “Pin It”
button, which can be downloaded to the bookmark bar on a web browser, or be implemented by a
webmaster directly on the website. They also have the option of sending a pin to other Pinterest users
and email accounts through the “Send” button. Some websites include red and white “pin it” buttons on
items, which allow Pinterest users to pin them directly.
Initially, there were several ways to register a new Pinterest account. Potential users could either
receive an invitation from an already registered friend, or they could request an invitation directly from
the Pinterest website that could take some time to receive. An account can also be created and accessed
by linking Pinterest to a Facebook or Twitter profile. When a user re-posts or re-pins an image to their
own board, they have the option of notifying their Facebook and Twitter followers. This feature can be
managed on the settings page.
On the main Pinterest page, a “pin feed” appears, displaying the chronological activity from the
Pinterest boards that a user follows.
A “board” is where the user’s pins are located. Users can have several boards for various items
such as quotes, travel or, most popularly, weddings. A “pin” is an image that has either been uploaded or
linked from a website. Once users create boards and add pins, other users can now repin, meaning they
can pin one user’s image to their board as well. Once the user has set up their account and boards, they
can browse, comment, and like other pins. Users might be discouraged by repeated images and difficult-
to-follow direct linking features. Pinterest has also added the option of making boards “secret” so that
the user can pin to and view boards that only the user can see when logged into their own account.
Pinterest does not generate its own content; rather, it draws from many resources around the web
and compiles them in one convenient location for users.
Day 3-4
LESSON 8: Basic Web Page Creation
1.) What are the advantages and disadvantages of a WYSIWYG editor?

ADVANTAGE:
 You don’t need any scripting/coding experience.
 It’s simple and easy for beginners.
 Everything moves fluently, and you can easily preview what you want.
DISADVANTAGE:
 A lot of HTML code churned out by the editors is superfluous which makes the web pages bulky
in file size
 WYSIWYG editors let you ignore certain aspects that are important.
 WYSIWYG editors simply do not provide enough support and help in optimizing your web site
for search engines.
2.) List Down (3) more WYSIWYG web hosting services and their URL.
 Weebly Web Builder ( https://www.weebly.com/ )
 Wix Web Builder ( https://www.wix.com/ )
 Siteground Builder ( https://www.siteground.com/)
40
Activity. Performance Task.
Guide: Research 10 uncommonly used Filipino words, their definition, and example for each when used
in a sentence,
Create a blog post about these words using any website/blogging site.
Use these words and video yourself to pronounce these three words using all of them in
individual sentences.
Upload these video in YouTube then embed it in your website or blog.
41
Telefax # (078) 326 – 7458

Teacher: __________________________
FIRST QUARTER

Week No.: 7-8 Inclusive Dates: __________
Sports, Academic)
Most Essential Learning 1. Evaluate the quality, value, and appropriateness of peer’s
Competencies (MELCs) existing or previously developed ICT content in relation to
the theme or intended audience/ viewer of an ICT project
2. Share and showcase existing or previously developed
material in the form of a collaboratively designed newsletter
or blog site intended for a specific audience or viewer
Skills
MODULE 7-8. Collaborative ICT Development

Week 7-8 Learning Targets/ Specific Objectives Remarks Score
Day 1 Improve the interactivity of your website
Day 2 Embed multimedia content from YouTube
Day 3 Create a viewer or customer friendly experience for those
Day 4 who visit their website through multimedia content
TOTAL
References:

Day 1-4
LESSON 9: Collaborative ICT Development
Web portal
 a website that contains information from different sources and places them in one location in a
uniform way
Yahoo!
 example of a web portal = yahoo.com
42
 offers a web portal where news, email, weather, etc. are found in one place
 Facebook groups ; WordPress ; Google Drive ; Microsoft Office Online ; Microsoft’s
Yammer ; Trello
 examples of online collaborative tools
Facebook groups
 used to create a group page that will allow people in your group to communicate your ideas
WordPress
 allows you to multiple contributors for a single blog
Google Drive and Microsoft Office Online
 allow multiple people to work on different office files and even have their own group’s cloud
storage
Microsoft’s Yammer
 offers companies to have their own social network that allows sharing and managing content
Trello
 offer an online to-do checklist for your entire team
Activity
Guide: Create an advertising campaign for your web portal to get more visitors. You can achieve
this through the use of print ads (made from and photo editing tools), a Facebook page, or blog posts on
your personal blog, etc.
See Rubrics below for guide

CATEGORY 4 3 2 1
Content The site has a The site has a The purpose and The site lacks a
well- stated clear clearly stated theme of the site purpose and
purpose and purpose and is somewhat theme.
theme that is theme, but may muddy or vague.
carried out have one or two
throughout the elements that do
site. not seem to be
related to it.
Layout The Web site has The Web pages The Web pages The Web pages
an exceptionally have an attractive have a usable are cluttered
attractive and and usable layout. layout, but may looking or
usable layout. It is It is easy to locate appear busy or confusing. It is
easy to locate all all important boring. It is easy often difficult to
important elements. to locate most of locate important
elements. the important elements.
White space, elements.
graphic elements
and/or alignment
are used
effectively to
organize
material.
Background Background is Background is Background is Background
exceptionally attractive, consistent across detracts from the
attractive, consistent across pages and does readability of the
consistent across pages, adds to the not detract from site.
pages, adds to the theme or purpose readability.
theme or purpose of the site, and
43
of the site, and does not detract
does not detract from readability.
from readability.
Color Choices Colors of Colors of Colors of Colors of
background, fonts, background, fonts, background, fonts, background, fonts,
unvisited and unvisited and unvisited and unvisited and
visited links form visited links do visited links do visited links make
a pleasing palette, not detract from not detract from the content hard to
do not detract the content, and the content. read or otherwise
from the content, are consistent distract the reader.
and are consistent across pages.
across pages.
Graphics Graphics are Graphics are Graphics are Graphics seem
related to the related to the related to the randomly chosen,
theme/purpose of theme/purpose of theme/purpose of are of low quality,
the site, are the site, are of the site, and are of OR distract the
thoughtfully good quality and good quality. reader.
cropped, are of enhance reader
high quality and interest or
enhance reader understanding.
interest or
understanding.
44

Emptech Module 1st

Uploaded by

Copyright:

Available Formats

Emptech Module 1st

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Emptech Module 1st

Uploaded by

Copyright:

Available Formats

Diocese of Bayombong Educational System (DBES)

Saint Louis School of Solano, Inc.

SELF-PACED LEARNING MODULE

CONTENT DISCUSSION/ PAGTALAKAY SA ARALIN: (For Self-Paced Learning) If you have

Day 1: INTRODUCTION TO ICT

Information and Communication Technologies (ICT)

ICT in the Philippines

World Wide Web

The different online platforms of World Wide Web:

Activity 1. Static vs Dynamic

Website URL Static Dynamic Reason

Topic: Understanding the Web 2.0 Features

FEATURES OF WEB 2.0

Factors for not fully recognizing semantic as web 3.0:

Community Problem: _____________________________________________________________

What will be the content of your social media site?

Why did you choose that type of social media?

Why did you choose that website?

1. Convergence– is the synergy of technological advancements to work

2. Social Media– is a website, application, or online channel that enables web

3. Mobile Technologies– The popularity of smartphones and tablets has

Six types of Social Media:

Activity 3. Answer the following questions.

2. What effects do social media have on human relationships?

Topic: Learning the TRENDS IN ICT

Activity 4. Boost your knowledge and skills

Internet Available Icon Description

Diocese of Bayombong Educational System (DBES)

SELF-PACED LEARNING MODULE

Name of Student: ____________________________ Grade and Section: __________

Content Standard The learners demonstrate an understanding of ICT in the context

21st Century Learning Information Technology Application

MODULE 2. Online Safety, Security, Ethics, and Etiquette

CONTENT DISCUSSION/ PAGTALAKAY SA ARALIN: (For Self-Paced Learning) If you have

Day 1: ONLINE SAFETY, SECURITY AND RULES OF NETIQUETTE

TEN RULES OF NETIQUETTE

Rule No. 1: Remember the human

Rule No. 3: Know where you are in cyberspace.

Rule No. 4: Respect other people’s time and bandwidth.

Rule No. 5: Make yourself look good online.

Rule No. 6: Share expert knowledge

Rule No. 7: Help keep flame wars under control

Rule No. 8: Respect other people’s privacy.

Rule No. 9: Don’t abuse your power.

Threat Consequence Threat Action ( Attack)

Unauthorized Disclosure Exposure: Sensitive data are directly released to an

Incapacitation: prevents or interrupts system

RUBRIC FOR VIDEO RECORDING

Diocese of Bayombong Educational System (DBES)

SELF-PACED LEARNING MODULE

Name of Student: ____________________________ Grade and Section: __________

MODULE 3. Productivity Tools

CONTENT DISCUSSION/ PAGTALAKAY SA ARALIN: (For Self-Paced Learning) If you have

Day 1: Advanced Word Processing Skills

I. Mail Merge and Label Generation

Two Components of Mail Merge

2. List or Data File

II. Integrating Images and External Materials

Example of a .gif format picture

Example of .png format picture.

Name of Student: __________________ Grade and Section:

Name of Student: __________________ Grade and Section:

Name of Student: __________________ Grade and Section:

Name of Student: __________________ Grade and Section:

Name of Student: __________________ Grade and Section: