⋆˚࿔ QUARTER 2 ETECH ⋆˚࿔ Combining texts, graphics and Images

(Tips)
Fonts and shapes should complement each
INFOGRAPHICS
other. You can use rounded shapes with
Infographics or Information graphics are used
rounded fonts and sharp shapes with sharp
to represent information, statistical data, or
fonts.
knowledge in a graphical manner.
- Add simple shapes with a slight transparency
Creating an infographics is like creating a work
behind your text to clearly see the text you
of art. There are certain things that you need to
want to emphasize.
consider in order to get your message across.
- Text and background should be aligned to
have an organized look. You can align text with
Basic Principles of Graphics and Layout shapes or geometric figures in the image.
○ Balance - The visual weight of objects, - Use a clean and clear background for the
texture, colors, and space is evenly distributed message to be readable. The background
on the screen. should not wash out your message.
-The colors should have a similar visual weight.
────୨ৎ────────୨ৎ────────୨ৎ───
-Balance can be symmetrical or asymmetrical.
─
 Symmetrical - There are equal weight
of elements on both sides of the page. Online Platforms
- Both images are symmetrically
What is an Online Platform?
balanced.
 Are technologies that are grouped to be
 Asymmetrical - There is an artistic and
used as a base upon which other
different intensity on one side of the
application processes or technologies
page.
are developed.
 An online marketplace that places one
○ Emphasis - An area in the design that may
party in touch with another, such as
appear different in size, texture, shape or color
buyers and sellers.
to attract the viewer’s attention.
-There should be one point of interest in an
image. Examples of Online Platforms
-A particular part of the image is emphasized  Presentation/Visualization
through giving it a different color. o Cloud Computing
--A particular part of the text was emphasized.
o File Management
This may give different meaning to the text.
o Mapping
o Web Page Creation
○ Movement - Visual elements guide the
viewer’s eyes around the screen.
Presentation/Visualization
○ Proximity and Harmony  Communicates information clearly and
-The elements should be close together and efficiently via statistical graphics, plots,
not scattered and arranged apart from each and information graphics.
other. Elements should not compete with each
other.
Examples of Websites for Presentation:
○ Pattern, Repetition, Rhythm – These are the  Zoho: An online project management
repeating visual elements on an image or app that helps you plan your work and
layout to create unity in the layout or image. keep track of your progress.
 Prezi: Helping to reinvent the art of
○ Proportion - Visual elements create a sense presentation.
of unity where they relate well with on another.  Slideshare: To build quickly from
The previous image shows how the font size of concise, well-presented content from top
headers is proportional to the size of its experts.
content. This is done so that the viewer can  MindMeister: An online mind-mapping
easily see what the article is all about. tool that lets you capture, develop, and
share ideas visually.
○ Variety - Use several design elements to
draw a viewer’s attention.
-Combine text, graphics and images. Do not
Cloud Computing
stick to “just text” only or “just images” only.
 The practice of using a network of
remote servers hosted on the internet to
store, manage, and process data, rather
 than a local server or personal Examples of Websites for File Management:
computer.  Zamzar: A web application to convert
files.
 word2pdf: Convert Word files to PDF.

Examples of Websites for Cloud

Computing: Mapping
 Dropbox: Keeps your files safe, synced,  A transformation taking the points of one
and easy to share. space into the points of the same or
 Google Drive: Keeps all work in one another space.
secure place with online file storage.

Examples of Websites for Mapping:

More about Cloud Computing  Google Maps: A desktop web mapping
 Have you ever heard the phrase “The service developed by Google.
software is in the cloud” or “It is already
uploaded in the cloud”?
 Cloud computing applications are those Web Page Creation
that do not need any installation and are  Encompasses a number of important
readily available over the Internet. You elements including color, layout, and
just need an Internet connection to overall graphical appearance.
access it.

Examples of Websites for Web Page

More about Cloud Computing - Advantages Creation:
1. No need to install  Wix: A cloud-based web development
2. Saves hard disk space platform that allows users to create
3. Easy access to your software/files; can HTML5 websites and mobile sites
be run anywhere as long as there is an through the use of their online drag-and-
Internet connection drop tools.
4. Saves your money from buying software  Weebly: A web-hosting service
licenses and additional hard disk space featuring a drag-and-drop website
5. No need to update because it updates builder.
automatically
6. Minimum system requirements ────୨ৎ────────୨ৎ────────୨ৎ───
7. Backup and data recovery are relatively ─
easier than on a physical device.
Online Platforms

Social Media Platforms

More about Cloud Computing -
 Websites like Facebook allow you to
Disadvantages
create not only personal accounts but
1. Can be hampered by slow Internet
also pages and groups where you can
speed; no connection means no cloud
share content.
computing
 The only downside is that you are
2. May still require compatible software like
restricted to Facebook’s “one-size-fits-
a browser
all” design.
3. You do not own the software; you are
simply renting it
4. Security risks of doing things over the Social Media
Internet as opposed to your personal  Are computer-mediated tools that allow
computer alone people, companies, and other
5. More prone to hacking organizations to create, share, or
6. Limited control over the infrastructure exchange information, career interests,
itself ideas, and pictures/videos in virtual
communities and networks.

Examples of Social Media Platforms:

File Management  Facebook: A for-profit corporation and
 Is the storing, naming, sorting, and online social networking service.
handling of computer files.  Twitter: Allows users to send and read
140-character messages called tweets.
 o A quick tool for adding fun filters.
o Pixlr Express, which includes
more image editing.
o The full Pixlr Editor, which has
Blogs many of the same functions as
 Are discussions or informal websites professional image editing
published on the web consisting of software like Photoshop.
discrete, often informal diary-style text  Adds more attraction to users.
entries (“posts”).  Can be embedded within the content or
────୨ৎ────────୨ৎ────────୨ৎ─── linked to stored outside the content.
─

MULTIMEDIA CONTENTS VIDEO FILES

 Text  .avi – Audio Video Interleave: One of
 Video the most popular video file types which
 Audio can be played using various video
 Animation players.
 Graphics  .flv – Flash Video: Very popular on the
Internet, viewable using Adobe Flash
Player and VLC Media Player, and
It is a combination of text, animated graphics, added to web browsers as a plug-in.
video, and sound delivered to you via  .mov – Apple QuickTime Movie:
electronic means. Developed by Apple, playable using
Mac, Apple QuickTime Player, and
It comes from two words: multi and media.
Windows platforms.
 multi means “many”
 .wmv – Windows Media Video: Playable
 media means “something that can be
primarily with Microsoft Windows Media
used for presentation of information”
Player.
History:  .mp4 – MPEG-4: Supports video
streaming and sharing over the Internet.
 Newspaper: The first mass
communication medium using texts, Content Creation Tools:
graphics, and images.
 Adobe Sparks: Fast content creation
 1830: Motion pictures were conceived.
software that lets you easily combine
 1887: Thomas Alva Edison invented a
text, images, and video content for
motion picture camera.
better storytelling online.
 1895: Marconi sent his first wireless
 Facebook Live: The best way to
radio transmission in Italy.
interact with viewers in real time.
 1910 – 1927: Silent feature films
 Magisto: An app to create professional
appeared.
videos with easy-to-use editing tools,
 1927: The silent era ended with the
captions, custom branding, and
release of The Jazz Singer.
commercially licensed music.
 20th Century: Television established
 Wideo: A tool to create animated videos
video as commonly available in mass
for a marketing campaign.
communication.
 Aids interaction with the user.
TYPES OF MULTIMEDIA CONTENT  Can also be added as a background.
 This makes the content more visually
appealing. AUDIO FILES
 Images can also be interactive like
 .aif – Audio Interchange File: Developed
buttons.
by Apple, playable using Apple
Tools for Content Creation: QuickTime and Apple iTunes.
 .wav – Waveform: Developed mainly for
 Canva: One of our favorite tools, Windows-based computers; file size is
making it easy to create and edit large.
customized images for sharing on social  .mp3 – MPEG-1 Audio Layer 3: Popular
media, illustrating blog posts, and much because it is supported by many music
more. It’s an essential content marketing players.
tool for many professionals.
 Pixlr: Another useful free content
creation tool available in three flavors: GAMES
  A video game that is either partially or  The radio broadcast changed the course
primarily played through the Internet or of history; without it, Filipinos would not
another computer network, often have been moved into action.
referred to as “browser-based games.”
EDSA Dos
 This happened during January 17 to 21,
ASSESSMENTS 2001.
 Automatically display results when  It started when 11 prosecutors walked
finished. out of the impeachment trial, leading to
 The use of IT in various forms of a massive crowd at EDSA.
assessment such as educational  Through the text brigade, the crowd
assessment and even health and grew larger and larger.
psychological assessments.
Million People March
ONLINE COURSES  This was a series of protests that mainly
took place in Luneta Park from August
 Online courses that simulate the
22 to 26, 2013.
classroom experience, including
 The protests condemned the misuse of
materials for computer-based training,
PDAF.
interactive tutorials, or homeschooling.
 Though dubbed as the "Million People
March," only 400,000 attendees
PODCASTS participated.
 An episodic series of audio or text files  The organizers and promoters used
streamed online. A user can set up so Facebook and Change.org as their
that new episodes are automatically mediums.
downloaded to the user’s PC.
 An episodic series of video streamed Typhoon Yolanda (Haiyan)
online. A user can set up so that new  Typhoon Haiyan, known in the
episodes are automatically downloaded Philippines as Super Typhoon Yolanda,
to the user’s PC. was one of the most powerful tropical
────୨ৎ────────୨ৎ────────୨ৎ─── cyclones ever recorded.
─  It became the deadliest Philippine
typhoon on record, killing at least 6,300
people.
Role of ICT in Recent
 There was widespread devastation in
History Tacloban City, Samar, and Leyte due to
 The Philippines has been one of the few the storm surge.
nations that demonstrate unity for a call Yolanda People Finder (Powered by
of action or social change. Google)
 This tool became vital for people across
Role of ICT in Philippine History the globe to track the situation of their
 EDSA People Power relatives.
 EDSA Dos
 Million People March
 Yolanda
────୨ৎ────────୨ৎ────────୨ৎ───
─

EDSA People Power Revolution Million People March

 The People Power Revolution lasted
from 1983 to 1986. This is a series of protests that mainly took
 A major protest took place along EDSA place in Luneta Park from August 22 to 26,
from February 22 to 25, 1986, involving 2013.
two million Filipinos from different
sectors.  The movement aimed to condemn the
misuse of the Priority Development
Role of ICT in EDSA People Power Assistance Fund (PDAF).
 During a radio broadcast of Radyo  Although it was called the "Million
Veritas, Cardinal Sin encouraged the People March," the total number of
Filipinos to end the regime of then- attendees reached only 400,000.
President Marcos.
Yolanda

Typhoon Haiyan (locally named Yolanda) was

one of the most powerful tropical cyclones ever
recorded.

 It was the deadliest typhoon in

Philippine history, killing at least 6,300
people.
 There was widespread devastation
caused by the storm surge in Tacloban
City, Samar, and Leyte.

Yolanda People Finder

This tool, powered by Google, served as a vital

platform for tracking the situation of loved ones
across the globe during the Yolanda crisis.