Information and
communication
technology
Introduction to
Media and
mil
• today’s topic embodies essential knowledge that should allow
users to engage with media and information channels in a
meaningful manner.
• Direct the learners to think of the past week, and record their
use and interaction with media and information providers
(such as internet, social media, TV, radio, newspaper, etc.).
Have them indicate how many hours were spent engaged with
each one. Remind them that these do not have to be exact,
and they can estimate the number of hours they spend each
week.
mil
• Instruct the learners to prepare a report by
answering the following questions by using
Penzu.com :
• Which media provider did they spend
the most time?
• What roles does media play in their
lives? (leisure, learning, communication,
etc.)
The Low-tech Future . . . . .
• We are living in the 21at Century, where
people are dependent on technology.
• the learners to imagine waking up one
day to find no Internet, libraries, and
cell phones. Newspapers, magazines,
radio stations and TV channels have
also disappeared.
mil
How would you be informed of anything now?
• What ways would you have to communicate with one
another?
• How would you share information and communicate news
and events?
• What would happen with the decisions you usually make?
• How would it affect the way you live?
• What would you personally miss most in such a situation?
• What would society lose in this situation?
Flash News?? Fake
news??
• Did you believe these news items were
true? How did you know they were
true/false?
• Are all news and information on the Internet
true? Why or why not?
https://www.facebook.com/watch/?v=70538
1111409995
Flash News and Visuals
Questions..
• Did you believe these news items
were true? How did you know they
were true/false?
• Are all news and information on the
Internet true? Why or why not?
• Who gets to post news items online?
Expound.
Media and Information
Design Framework
Facilitate the activity among the
learners: “Imagine yourself as a
journalist. You were tasked to write an
article. Accomplish the media and
information design framework for this
article by answering the matrix
below:”
Information and
communication
technology
The Evolution
of Traditional
maiden voyage or sinking
of the RMS (Royal Mail
Ship) Titanic
famous world event of
April 14, 1912.
“If the Titanic sank somewhere in the
Atlantic Ocean, how do you think the news
reached people in England and New York at
that time?”
Telegraph using Morse Cod
Evolution of Media
Pre-Industrial Age (Before 1700s) - People discovered
fire, developed paper from plants, and forged
weapons and tools with stone, bronze, copper and
iron.
• Cave paintings (35,000 BC)
• Clay tablets in Mesopotamia (2400 BC)
• Papyrus in Egypt (2500 BC)
• Acta Diurna in Rome (130 BC)
• Dibao in China (2nd Century)
• Codex in the Mayan region (5th Century)
• Printing press using wood blocks (220 AD)
Evolution of Media
Industrial Age (1700s-1930s) - People used the power of steam,
developed machine tools, established iron production, and the
manufacturing of various products (including books through the
printing press). Examples:
• Printing press for mass production (19th century)
• Newspaper- The London Gazette (1640)
• Typewriter (1800)Telephone (1876)
• Motion picture photography/projection (1890)
• Commercial motion pictures (1913)
• Motion picture with sound (1926)
• Telegraph
• Punch cards
Evolution of Media
Electronic Age (1930s-1980s) - The invention of the transistor ushered in the
electronic age. People harnessed the power of transistors that led to the
transistor radio, electronic circuits, and the early computers. In this age, long
distance communication became more efficient.
Examples:
• Transistor Radio
• Television (1941)
• Large electronic computers- i.e. EDSAC (1949) and UNIVAC 1 (1951)
• Mainframe computers - i.e. IBM 704 (1960)
• Personal computers - i.e. HewlettPackard 9100A (1968), Apple 1
(1976)
• OHP, LCD projectors
Evolution of Media
Information Age (1900s-2000s) - The Internet paved the way for faster communication
and the creation of the social network. People advanced the use of microelectronics
with the invention of personal computers, mobile devices, and wearable technology.
Moreover, voice, image, sound and data are digitalized. We are now living in the
information age.
Examples:
• Web browsers: Mosaic (1993), Internet Explorer (1995)
• Blogs: Blogspot (1999), LiveJournal (1999), Wordpress (2003)
• Social networks: Friendster (2002), Multiply (2003), Facebook (2004)
• Microblogs: Twitter (2006), Tumblr (2007)
• Video: YouTube (2005) • Augmented Reality / Virtual Reality
• Video chat: Skype (2003), Google Hangouts (2013)
• Search Engines: Google (1996), Yahoo (1995)
• Portable computers- laptops (1980), netbooks (2008), tablets (1993)
• Smart phones
• Wearable technology
• Cloud and Big Data
LABORATORY (100 MINS)
• Have the learners draft a timeline of their
exposure to traditional and new media
• Have the learners create that timeline through
presentation software. Give the rubrics to the
learners at the start of the activity.
• For each item of media, the learners are to
include a picture or image, year, short
description, and a personal insight.
Information and
communication
technology
Informatio
Communicate Learning
Objectives
• Define information needs; can
locate, access, assess, organize,
and communicate information.
• Demonstrate ethical use of
information.
Defining Information
Write “MOST INFLUENTIAL
PERSON IN YOUR LIFE”
• Instruct learners to
answer the phrase on a
piece of paper by
Teacher Tip
the learners that they should answer all the
questions.
• Purpose of the Questions
• Who - to identify the person
• What - to know about something
• Where - to locate a place
• When - to know specific time and date
• Why - to state the reason
• How - the way or manner in which things
definition of information
• Data that has been collected,
processed, and interpreted in order to
be presented in a useable form.
• A broad term that can cover
processed data, knowledge derived
from study, experience, instruction,
signals or symbols. In the media
world, information is often used to
definition of information
• Why do you need information?
Sample answers: to be updated
with the news, for
learning/education purposes, for
communication, to acquire
knowledge needed for decision-
making.
definition of information
• How do you acquire and store
information?
Sample answers: write, print,
photocopy, photograph, download,
cloud storage, record, external
memory drives, memory cards
• How will you determine the
definition of information
• How do you use the information
that you have?
Sample answers: share, apply,
announce, post, archive, reminder,
answer a query, clarify confusion
• How will you communicate
information?
definition of information
• Disaster Scenario Explain the
scenario to the learners, and have
them answer the matrix below:
“According to the weather
forecast, there is no typhoon.
However, your locality is
experiencing heavy rainfall, while
definition of information
Information and
communication
technology
Informatio
“KNOWLEDGE IS POWER”
• define the meaning of the
statement..
• Sample Answer: “Knowledge is an
important aspect of human life that
leads to activities that contribute to
one gaining wealth, influence, and
power.”
“ethical Use of information”
“There are times when you
need to share information that
you have acquired from various
sources written by different
authors. It is inevitable to
directly quote their words in
“KNOWLEDGE IS POWER”
• Plagiarism: Using other people’s words and
ideas without clearly acknowledging the source of
the information
• Common Knowledge: Facts that can be found in
numerous places and are likely to be widely
known.
Example: John F. Kennedy was elected President of
the United States in 1960. This is generally known
“KNOWLEDGE IS POWER”
• Quotation: Using someone’s words directly. When you
use a direct quote, place the passage between quotation
marks, and document the source according to a standard
documenting style.
Example: According to John Smith in The New York Times,
“37% of all children under the age of 10 live below the
poverty line”. You need to cite the source.
• Paraphrase: Using someone’s ideas, but rephrasing
them in your own words. Although you will use your own
words to paraphrase, you must still acknowledge and cite
“KNOWLEDGE IS POWER”
• Plagiarism has legal implications. While
ideas themselves are not copyrightable, the
artistic expression of an idea automatically
falls under copyright when it is created.
Under fair use, small parts may be copied
without permission from the copyright
holder. However, even under fair use - in
which you can use some parts of the
“KNOWLEDGE IS POWER”
• Strategies in Avoiding Plagiarism
• Submit your own work for publication. You
need to cite even your own work.
• Put quotation marks around everything that
comes directly from the text and cite the
source.
• Paraphrase, but be sure that you are not
simply rearranging or replacing a few words
practice (60 minutes)
Academic Field Trip
• Instruct learners to form groups of two. Assign a
leader and an assistant leader to facilitate the
group.
• “Your group is tasked to plan an academic trip. List
pertinent information on two possible destinations
(somewhere in the country or abroad)”.
To present valid and reliable information, discuss
with the learners the following:
• Identify the information needed – what, where, who,
when, why, how.
practice (60 minutes)
Academic Field Trip
Academic Fieldtrip Sample Rubric
Academic Fieldtrip brochure rubrics
Information and
communication
technology
Types of Media:
Print, Broadcast,
Present this matrix and ask the learners to classify the terms
above. Call on learners and have them write the terms in their
corresponding columns.
BROADCA NEW
PRINT
ST MEDIA
• BOOKS • TELEVISION • YOUTUBE
• NEWSPAPER • RADIO • SOCIAL NETWORK
• MAGAZINES • FILM/MOVIE • CELLPHONE
• MEMEOGRAPHY
• NEWSLETTERS
• JOURNALS
practice (60 minutes)
Academic Field Trip
• Print Media - media consisting
of paper and ink, reproduced in
a printing process that is
traditionally mechanical.
• New Media - content organized
and distributed on digital
Media Convergence
• The co-existence of traditional and
new media.
• The co-existence of print media,
broadcast media (radio and
television), the Internet, mobile
phones, as well as others, allowing
media content to flow across
media convergence
Unlock the term Media Convergence using the following definitions:
convergence - when two or more
things come together to form a new
whole.
co-existence - the fact of living
or existing together at the same
time or in the same place
Media Convergence
Media Platform Specific
convergen
Communic Social example
Facebook
ceation
in.. network
Education
Advertise
ment /
Commercia
News
Entertainm
Show two short video clips (at least 3
minutes each)
Discuss with the learners the
reactions of people affected by
the news:
• personalities who were in the
video
• people who watched and read
Show picture pictures of famous
individuals who are featured across all
types of media.
• identify who is being shown in these picture.
• What do these two personalities have in
common?
• How did they become the ___?
• What made them so famous?
• What have they contributed to society?
• How do these personalities influence the
Show picture pictures of famous individuals who
are featured across all types of media.
Show picture pictures of famous individuals who
are featured across all types of media.
Media & information
literacy
Legal, Ethical,
and Societal
Discuss the milestones the Internet
has helped humanity reach, but
stress the possible dangers of
The positiveusing the
impacts of Internet.
the internet include
the following:
• It provides effective communication using emailing and
instant messaging services to any part of the world.
• It improves business interactions and transactions, saving
on vital time.
• Banking and shopping online have made life less
complicated.
• You can access the latest news from any part of the world
without depending on the TV or newspaper.
Discuss the milestones the Internet
has helped humanity reach, but
stress the possible dangers of
using
The negative theofInternet.
impacts the internet on
society include:
• Easy availability of illegal or inappropriate
materials online that isn’t age-suitable.
• Addiction to social networks can disrupt an
individual’s life, both personally and
professionally.
• Some miscreants use the internet to hack into
people’s accounts for spurious activities including
Discuss the milestones the Internet
has helped humanity reach, but
stress the possible dangers of
using the Internet.
a.What issues do you see in the poster?
b.Which ones do you understand? Which
ones do you not know?
c. What possible dangers and issues of
unguarded use of the internet are
depicted in the picture?
d. Which of these issues have happened
Case Studies
Have the learners divide into groups of
2, depending upon the number of
students and number of issues you want
discussed. Suggested issues of using
unguarded internet:
• Copyright and Plagiarism
• Cyber Bullying
questions to founder
Case 1: Plagiarism
1.Do you think technology and the
internet have made plagiarism easier?
Do you think technology has made
people more or less creative? Explain
your answer by citing examples.
2. how to avoid plagiarism?
questions to founder
Case 2: Cyber Bullying
1. Do you think technology and the
Internet has made bullying easier?
2. Give one suggestion to avoid cyber
bullying. Give one suggestion to avoid
being a cyber bully.
3. What is there to learn about the
questions to founder
Case 3: Computer addiction
1. From the research, do boys and girls
share the same Internet usage? Explain
your answer. Cite statistics or data.
2. Cite one real life example in your
school or community of teenagers who
have experienced computer addiction.
questions to founder
Case 4: Digital divide
1. What are the advantages and
disadvantages that can you foresee?
2. Describe the internet connection
status in the Philippines, in terms of
number of people with internet
connection, the average internet
Media & information
literacy
Opportunities
and Challenges
Online
store
Online shop
• What forms of payment are
accepted in online shopping?
• If customers have concerns or
inquiries about the product,
what support mechanisms are
provided?
Mind
map
Mind map
“A Mind map is a graphical
technique for visualizing
connections between several
ideas or pieces of information.
Each idea or fact is written down
and then linked by lines or
Casework
Have the learners divide into
four groups (depending on the
number of learners and number
of issues you want to address).
The following are the suggested
issues of using unguarded
Casework
choose the topic under your
supervision, and then inform
each group’s task.
Each group should elect the
following: leader, secretary,
reporters, and mind map
Media & information
literacy
Current and
Future Trends of
Future Trends
Many of the technological advances
we are seeing today will shape our
daily life in the future – the way we
relax, interact, communicate and
conduct business. From virtual
worlds, avatar emotions, artificial
intelligence, computer generated
Future Trends
The task of each group is to design
a prototype of a piece of technology
that will help the lives of Filipinos in
the following sectors:
• Fishing
• Agriculture
• Women
Future Trends
A prototype is an original
model on which something is
patterned (for a full
definition, you may look up
the word ‘prototype’ in a
dictionary). Your prototype
Media & information
literacy
different resources of media
and information
a. People Media
b. Text
c. Visual
d. Audio
e. Motion
f. Manipulatives / Interactive
g. Multimedia
Future Trends
a. People Media
b. Text
c. Visual
d. Audio
e. Motion
f. Manipulatives / Interactive
g. Multimedia
traditional media throughout the
different eras
a. Pre-Spanish Era – knowledge was
passed on through folk media and
indigenous forms of media. Careers: Town
crier, messenger, community scribe.
b. Spanish Era – while education was
limited to the elite, publication of books
(i.e., Noli Me Tangere and El
traditional media throughout the
different eras
American and Japanese Era - During this
era, major newspaper (i.e. Manila Times
and Manila Bulletin), radio broadcasting
and movies became available. Media
was used for propaganda by
government and other groups.
traditional media throughout the
different eras
Post-war Era – the golden age of
Philippine Journalism. Advertising,
Communication Education, and press
freedom flourished in this era.
Careers: book writers, newspaper writer,
editor, publisher, copyreader, artist,
cartoonist, reporter, producer, media
technicians, advertisers.
traditional media throughout the
different eras
Martial Law Era - Highlights of this era
include the government takeover of
media and the press and the image
engineering of the Marcoses in the
name of nationalism.
Post-EDSA Era - People Power brought
greater freedom for Philippine media.
traditional media throughout the
different eras
Modern Era – Careers: web designer,
online instructors, digital producers,
bloggers, animators, programmer,
archivist, metadata analyst, data
miner, user experience designer, call
center agents, virtual assistants.
text media
I am Attorney Robert Limco of
Happy Cola Company.
Congratulations! Your SIM card
number has been chosen in our
raffle draw. You have won
500,000 pesos. Please give me
your bank account number so we
can deposit your reward. For
more details, please contact me.
traditional media throughout the
different eras
• What is the tone of this
fraudulent message? (enticing,
scary, informative, formal,
encouraging, etc.)
• Why do you think Filipinos fall
for this kind of fraudulent or
traditional media throughout the
different eras
Text – a simple and flexible
format of presenting information
or conveying ideas whether
hand-written, printed or
displayed on-screen.
Serif
Serif - connotes formality and
readability in large amount of texts.
This font is usually used for the body
text of books, newspapers,
magazines and research publication.
Also, serif fonts give a classic or
Sans Serif
Sans Serif
Sans serif - brings a clean or
minimalist look to the text. This font
is used for clear and direct meaning
of text such as road signage, building
directory or nutrition facts in food
Slab Serif
Slab serif- carries a solid or
heavy look to text. This font can
be used for large advertising
sign on billboards. Examples:
Rockwell, Playbill, Blackoak
Slab Serif
Slab serif- carries a solid or
heavy look to text. This font can
be used for large advertising
sign on billboards. Examples:
Rockwell, Playbill, Blackoak
Script
Script- draws much attention to
itself because of its brush-like
strokes. This must be used
sparingly and not to be used in
large body text. This font is
usually used in wedding
Decorative Display
decorative- caters to a wide
variety of emotions (such as
celebration, fear, horror, etc.) or
themes (such as cowboys, circus,
holidays, summer, kiddie, etc.)
Examples: Chiller, Jokerman,
PRACTICE
AN EXAMPLE FOR CREATING A FRAMEWORK OR COMPARTM
(15 MINS)
The task for each
group is to discuss
creating a brochure for
a client with specific
needs. Election
Campaign – This
brochure will promote
to the readers a local
politician who will run
for mayor in the
upcoming election.
Visual design elements
the building blocks or basic units in the construction of a visual image
Line – describes a shape or outline. It can create texture
and can be thick or thin. Lines may be actual, implied,
vertical, horizontal, diagonal, or contour lines.
b. Shape – usually a geometric area that stands out from
the space next to or around it, or because of differences in
value, color, or texture. Shape may also be organic.
c. Value – the degree of light and dark in a design. It is
the contrast between black and white and all the tones in
between. Value can be used with color as well as black and
white. Contrast is the extreme changes between values
Visual design elements
the building blocks or basic units in the construction of a visual image
e. Color – determined by its hue (name of color), intensity
(purity of the hue), and value (lightness or darkness of
hue). Color and color combination can play a large role in
the design. Color may be used for emphasis, or may elicit
emotions from viewers. Color maybe warm, cool, or
neutral. It plays a major role in our visual perception, as it
influences our reactions about the world around us. It is
therefore important to create color palettes that evoke the
appropriate audience reactions. Color has three properties.
f. Form – a figure having volume and thickness. An illusion
Visual Design Principles
Center of interest – an area that first attracts attention
in a composition. This area is more important when
compared to the other objects or elements in a
composition. This can be by contrast of values, more
colors, and placement in the format
Balance – a feeling of visual equality in shape, form,
value, color, etc. Balance can be symmetrical and evenly
balanced, or asymmetrical and unevenly balanced.
Objects, values, colors, textures, shapes, forms, etc. can
be used in creating balance in a composition.
Visual Design Principles
Contrast – offers some change in value creating a visual discord in
a composition. Contrast shows the difference between shapes and
can be used as a background to bring objects out and forward in a
design. It can also be used to create an area of emphasis.
Directional Movement – a visual flow through the composition. It
can be the suggestion of motion in a design as you move from
object to object by way of placement and position. Directional
movement can be created with a value pattern. It is with the
placement of dark and light areas that you can move your attention
through the format.
.Rhythm – a movement in which some elements recur regularly.
Like a dance, it will have a flow of objects that will seem to be like
