TXTBK/SLMs + QA LAS HANDOUT: 06

Textbook/Supplementary in EMPOWERMENT TECHNOLOGY

Materials/Self-Learning
Modules based instruction 1
Semester: _____
st
Week No. _____ 1-4
6 Day: ______
paired with MELC-Based
Quality Assured Learning
Activity Sheet (LAS)

MELC 9: The learner creates an original or derivative ICT content to effectively communicate a visual
message in an online environment related to specific professional tracks. (CS_ICT11/12-ICTPT-Ig-h-9)
MELC 9: The learner evaluates existing online creation tools, platforms, and applications in developing
ICT content for specific professional tracks (CS_ICT11/12-ICTPT-Ig-h-9)
Objectives/Subtasks:
1. Assess a visual message or an infographic.
2. Create an original or derivative ICT content to effectively communicate a visual message using
Piktochart or other related online environments
3. Evaluates\ existing online creation tools, platforms, and applications and Identify website elements
appropriately.
Lesson: Online creation tools

TOPIC 1: Visual Message (Infographic)

What is Infographic?

The term Information graphic or Infographic is a photographic presentation

of data and information that uses the different elements of design to make data
easily understandable at a glance. Infographics make complex messages
become more visually appealing to the viewers. Visual Message Design can
help with the effectiveness of the delivery of a message. It can lend assistance
in presenting your ideas.

Some Tools for Creating Infographics

1. Biteable https://biteable.com/infographic/
2. BeFunky https://www.befunky.com/features/infographic-maker/
3. Visme https://www.visme.co/make-infographics/
4. Cacoo https://cacoo.com/
5. Snappa https://snappa.com/create/infographics
6. Canva Infographic Maker https://www.canva.com/create/infographics/
7. Google Chart https://developers.google.com/chart/
8. Piktochart http://piktochart.com/
9. Infogram http://infogr.am/
10. Mind the Graph https://mindthegraph.com/

Principles of Visual Message Design using Infographics

1. Be unique
 Be creative is one of the most important aspects of designing an effective infographic.

2. Keep it simple
 Make a design easy to understand. Straight to the point and focus more on the message.

3. Less is more
 Focus on what matters. Keep your text minimal will most likely produce more impact than a page
full of words.

4. Share it

1
  Share it with your friends and other people. It is the most important thing to do in making an
infographic. Let them enjoy the information.

Step by step tutorial on how to create an infographic using Piktochart

1. Once on the site, click “Sign Up” where

you will be prompted to create a
username and password. If you already
have a Facebook account or Google
account you can simply sign in to
Piktochart via your Facebook username
and password or Google username and
password.
2. Sign in using your Facebook account.
Piktochart is requesting access to your
name and profile picture and email
address.

3. Piktochart Dashboard

4. Select Tips and templates for your

Piktochart.

5. Pick as many topics as you want

2
6. Select existing templates or search
templates

3
7. Create your infographic

4
8. Save, download or share your
infographic to your social media
account.

5
9. Done.

6
7
 Reference: https://visme.co/blog/how-to-make-an-infographic/
TOPIC 2: Online Creation Tools, Platforms, and Applications.

A platform-enabled website or online platform gives

a feature on which allows manipulating the content of
the website. Most online platforms require you to
register to publish, manipulate, organize, or even
delete certain web content. As a Senior High School
student, you are expected to know the different online
platforms as this would help you in different tasks like
connect people, stream your daily activity, shop
online, or even creating a website of your own.
Before I introduce the different types of online
platforms which you can use, let us take a closer look
at how technologies are used these days. Take a look
at the picture.
The picture on this page shows that each one of us has the skill of being information literate since
information can be reached just a click away. It is only up to us to how we create or how we evaluate the
information that we garnered from online resources
Here are the three types of online platforms:
1. Social Media Platforms
This platform allows you to create your account or profile. After you register
on this website, it will allow you to create pages or even groups where you can
share content and ideas. Social Media platforms enable you to connect yourself
to other users and get updates on their news feeds. Facebook, Instagram, and
Twitter are examples of Social Media platforms

. Blogging Platforms
A platform on where a writer or even a group of writers can share views on
an individual subject. It is comparable to a newsletter where you can add
menus, designs, or even multimedia of a subject.
Blogger is an example of a blogging site. If you love to write or you want to
share ideas online, blogging platforms are the perfect tool you can use.

3. Content Management System or CMS

One of the features of this platform is that you can publish your website
and manage its content through the intranet or on a single computer. This is a
software where you can easily create, update, organize, and publish the content
of your website. A popular example of CMS is WordPress.

Elements of a modern web design

Web page is designed for the World Wide Web on which it is considered as the document inside it.
Mozilla Firefox, Google Chrome, Microsoft Edge, or Apple's Safari are web browsers that you can use to
access a web page.
Nowadays, web pages serve an important role in the business world. Web pages allow businesses to
showcase their company and advertise their products. Even social media sites allow users to boost their
popularity, this will help the users to promote their business or advocacy to other users online.
If you're planning to create a web page of your own, you can use a website builder like WordPress,
Wix, or Adobe Dreamweaver. These website builders are very powerful tools and user-friendly on which
you can create a website by just dragging and dropping the elements of your website.

However, there are certain elements and principles in building your website. Below are the eleven possible
elements of a modern web design:
1. Text - this is a mandatory element of a web page. However, visitors got
distracted by the font family of the text on a website. So while you are
designing your website, make sure that to choose well the font family and
type that you need to use on your design and make the text is clear and in
readable size

8
2. Graphics/ Illustrations - make sure your images or illustrations are not
pixelated or must be of good quality. There are times that the text describes
an image, so you must ensure that these two elements are well arranged.

3. White space - having a crowded website, it is very hard to direct the

attention of your visitor's eye. These white spaces give your website room to
breathe.

4. Links - links or hyperlinks allows user to jump to another site or page that
is related of to your site.

5. Color - the colors you use in your design is a very important aspect.
There are times that colors become visually distracting to your viewers. As
some web designers do, they use the company logo of their client as their
color reference on their website.

6. Video/Audio - Some sites use audio/video to help their visitors better

understand what they are selling or teaching. These elements of web
designing help your visitors especially those websites that offer a tutorial on
a certain subject.

7. Background - Texture or background gives a more appealing sight to

your website. This will provide your website a feeling of a surface
underneath.

8. Visual - Fonts, colors, layouts, & visual elements meaningfully

contribute to the infographic’s ability to convey the overall message

9. Data - An infographic is an effective tool to present data and explain complex issues in a way that can
quickly lead to insight and better understanding.

10. Content - Accurate and detailed information that supports the thesis/argument/purpose is provided

11. Conventions of Grammar/Spelling - Grammar, spelling, and punctuation should be observed. Ideas
are concisely organized into paragraphs to avoid repetition. Typed article evaluation with appropriate
formatting.