INFOGRAPHIC

EMPOWERMENT TECHNOLOGIES
INFOGRAPHIC

EMPOWERMENT TECHNOLOGIES
 Used to represent information,
statistical data, or knowledge in a
graphical manner usually done in a
creative way to attract the viewers
attention.
EMPOWERMENT TECHNOLOGIES
❑ Presenting survey data – highly
useful in presenting results
gathered from survey data.

EMPOWERMENT TECHNOLOGIES
❑ Simplifying a complicated
concept – simplify a complex
idea which makes them great
educational tools
EMPOWERMENT TECHNOLOGIES
❑ Explaining how things work- used
to reveal the mechanics behind
how objects work.
❑ Comparisons – help organize
similarities and differences by
visually creating parallels that
complement the information
EMPOWERMENT TECHNOLOGIES
❑ Be creative – combination of
text, shapes and images
❑ Be unique – must be something
surprising and exciting way to
draw attention.
EMPOWERMENT TECHNOLOGIES
❑ Be simple – simple yet elegant
design
❑ Use graphics and Visuals –
illustrate your point with pictures,
typography and color.
EMPOWERMENT TECHNOLOGIES
 File Supports
Supports
Name Extensio Use transpare
Animation
n ncy
1. Joint
Real-life
Photographics .jpeg or
photographs, high No No
Experts Group .jpg
compression
2. Graphics Computer-
Interchange .gif generated Yes Yes
Format graphics
3. Portable
Network Screenshots, high
.png Yes No
Graphics compatibility
EMPOWERMENT TECHNOLOGIES
Create an infographic for any of the
following advocacies:
1. Promotion of Wellness in the home.
2. Street food safety and cleanliness
3. Cultural heritage promotion new
designs “Pinoy Pride”
4. Savings and financial literacy drives
and advocacies
EMPOWERMENT TECHNOLOGIES
5. Anti Drugs Campaigns
6. Youth election volunteer mobilization
7. Environmental Conservation and
Action
8. ICT issues such as cyberbullying,
internet addiction
EMPOWERMENT TECHNOLOGIES
3 TIPS TO HELP YOU
TO EDIT IMAGES
FOR YOUR WEBSITE

EMPOWERMENT TECHNOLOGIES
Try to make a real-life photographs
into GIF to see the difference
between PNG, GIF and JPEG.
Knowing the purpose is the key to
finding out the best quality file format.
EMPOWERMENT TECHNOLOGIES
A camera with 12 megapixels
constitutes to a bigger image size.
Monitors have a resolution limit, so
even if you have a million megapixels,
it will not display everything.
EMPOWERMENT TECHNOLOGIES
Remember to put a caption on
images whenever possible. If it is
not related to the web page, then
remove it.
EMPOWERMENT TECHNOLOGIES
PIKTOCHART
An example of a free online
app that allows you to create
your own infographic
EMPOWERMENT TECHNOLOGIES
PHOTOSCAPE
A free image manipulation
tool that contains many
features to help you in creating
images for websites
EMPOWERMENT TECHNOLOGIES
BATCH EDITING
One of the most useful tools
when trying to easily
manipulate all images at the
same time
EMPOWERMENT TECHNOLOGIES
PHOTOBUCKET
An image hosting site

EMPOWERMENT TECHNOLOGIES
PHOTOBUCKET
Lets you text, email and post
your favorite moments and
passions with everyone on
both iOS and Android
EMPOWERMENT TECHNOLOGIES
BANDWIDTH
Amount of data used to
download your image by
multiple users.
EMPOWERMENT TECHNOLOGIES
 BANDWIDTH
The maximum amount of data
transmitted over an internet
connection in a given amount
of time
EMPOWERMENT TECHNOLOGIES
EMPOWERMENT TECHNOLOGIES
MULTIMEDIA AND ICT
The Evolution to
Web 3.0 (executable),
Web 2.0 (writable), and
Web 1.0 is the most read only web
(readable).
EMPOWERMENT TECHNOLOGIES
 WEB 1.0
It is the “readable” phrase of the
World Wide Web with flat data. In
Web 1.0, there is only limited
interaction between sites and
web users
EMPOWERMENT TECHNOLOGIES
 WEB 1.0
Web 1.0 is simply an information portal
where users passively receive
information without being given the
opportunity to post reviews,
comments, and feedback.

EMPOWERMENT TECHNOLOGIES
 WEB 2.0
It is the “writable” phrase of the World
Wide Web with interactive data. Unlike
Web 1.0, Web 2.0 facilitates interaction
between web users and sites, so it
allows users to interact more freely
with each other.
EMPOWERMENT TECHNOLOGIES
 WEB 2.0
Web 2.0 encourages participation,
collaboration, and information
sharing. Examples of Web 2.0
applications are Youtube, Wiki,
Flickr, Facebook, and so on.
EMPOWERMENT TECHNOLOGIES
 WEB 3.0
It is the “executable” phrase of
Word Wide Web with dynamic
applications, interactive services,
and “machine-to-machine”
interaction.
EMPOWERMENT TECHNOLOGIES
 WEB 3.0
Web 3.0 is a semantic web which refers
to the future. In Web 3.0, computers
can interpret information like humans
and intelligently generate and
distribute useful content tailored to the
needs of users.
EMPOWERMENT TECHNOLOGIES
XML (Extensible Markup Language)

XML is a simple text-based format

for representing structured
information

EMPOWERMENT TECHNOLOGIES
RSS (Really Simple Syndication)

RSS is a web feed that allows users

and applications to access
updates to websites n a
standardized , computer readable
format
EMPOWERMENT TECHNOLOGIES
RSS (Really Simple Syndication)

RSS is a web feed that allows users

and applications to access
updates to websites n a
standardized , computer readable
format
EMPOWERMENT TECHNOLOGIES