UNIT 9

VISUALIZATION AND
PRESENTATION PLATFORMS

 LESSON 1
ONLINE VISUALIZATION TOOLS FOR
GRAPHIC ORGANIZERS (WITH MIND
MAPPING)
ONLINE VISUALIZATION TOOLS FOR
GRAPHIC ORGANIZERS

Graphic Organizers refer to visual tools that show relationships between or

among simplified information. Facts or figures are presented in a precise visual
and stimulating way that the audience can easily understand. It can also be
called concept maps, knowledge maps, or concept diagrams.

Various forms of graphic organizers are used in different settings and materials
where delivering information is needed. First exposure to this kind of visual
starts at school and continues in business. Visuals and graphics can be used
and seen on flyers, posters, brochures, manuals, infographics, and the like.
TYPES OF GRAPHIC ORGANIZERS

There are diverse graphic organizers to choose from in presenting qualitative or

quantitative
information. You can also create your own visuals for as long as it can represent
your
content correctly.
These are the basic categories of graphic organizers that may be used in most
data:
CYCLICAL ORGANIZER

illustrates a series of events or continuous

processes. Water cycle and action research
are good concepts that can be used with it.
HIERARCHICAL ORGANIZER

Demonstrates the order or

relationship of stratified
elements, usually superordinate
or subordinate. Examples of
topics that are appropriate for
this organizer are political
systems or the human body.
CONCEPTUAL ORGANIZER

Represents one or more main

concepts and ideas and its
cross-relation to other complex
concepts. Climate change and
food chain are great topics to
exhibit this kind of graphic
organizer.
 CONCEPTUAL ORGANIZER

shows a timeline or steps of a process in chronological order.

Manufacturing and workflow processes are good examples for
this.
CYCLICAL ORGANIZER

exhibit data about frequency, patterns, and trends over time. Possible
topics that may cover this graphic organizers are mortality rate and
survey outcomes.
STORYBOARD
Displays an outline of a narration, animation,
or motion picture which includes images,
dialogues, or descriptions to provide
important plots of the content. Movie scenes
and comic teasers are best examples that
depict a storyboard.
COMMONLY USED GRAPHIC ORGANIZERS
In a classroom setting, students are required to do reports, summaries,
presentations, and printouts to express their ideas and knowledge. Since there
are a number of ways to collate information and turn it into simplified visuals,
here are some of the most commonly used graphic organizers applicable to
learners.

A Venn diagram, often shown as overlapping circles, is a graphic organizer that

defines similarities and differences between or among concepts.

Concept wheel is a graphic organizer that describes a central idea. It is

illustrated with a center that is surrounded with parts of a circle.
COMMONLY USED GRAPHIC ORGANIZERS
Tree Chart is structured with the main idea on the upper part and the
supporting ideas nested on it. It may be presented with a tree or stack of boxes.

Chain diagrams display cause-and-effect relationships or a set of outcomes

from a specific movement.

T chart is a graphic organizer exhibiting two facets of a main topic. It may

determine advantage and disadvantage, or pros and cons.

Mind mapping is a visual representation of generated ideas from a specific idea

into a broad manner. It may include colors, images, and labels to further
produce context.
ONLINE TOOLS IN CREATING GRAPHIC
ORGANIZERS

Graphic organizers as a learning aid to students and even professionals have

paved the way for aesthetics and visualizations. Due to this, different platforms
and applications offer services for its creation and utilization. Customization
websites and even ready-made templates can be accessed through the
Internet.

Here are some of the free online tools for creating graphic organizers:
 VENNGAGE
Offers a free account on the creation of customizable graphic
organizers such as mind map, timeline, list, process, charts,
roadmap, checklist, and more.

There are different categories of templates to choose from,

and every element of it can be modified. It also lets you save
your design and offers a premium and business plan account.
 SLATEBOX
Is a collaborative canvas that lets you create organizers from
scratch without templates. The platform provides a wide range
of scalable shapes and a portal to connect with other
contributors online.
 WHIMSICAL

Is an online platform that lets you create flowcharts, diagrams,

and mind maps. It may have limited templates to offer but it is
a good tool to create a mind map where you can add icons,
texts, and images.
 CANVA
Is a popular platform for creating visuals which also offers
customization for graphic organizers such as T charts,
concept maps, diagrams, graphs and charts, and a lot more. It
lets the user add images, elements, text, videos, and
backgrounds which are highly customizable. Canva also has a
mobile version in which graphic organizers can be made only
using mobile phones.
 LESSON 2
ONLINE VISUALIZATION TOOLS FOR
MAPPING
ONLINE VISUALIZATION TOOLS FOR
MAPPING

Online mapping or digital map refers to a

compilation of contributed geographical data
from different websites that provide graphical
representation of the Earth’s surface through
an online platform. These are created using a
geographic information system, which is
responsible for displaying layers of spatial and
geographical visualization.
For example, a businessman creates a mapping for his food business location
on a particular street. The next time users search for the name of his business
over the Internet or views that particular street, they will be able to see his
mapped establishment.

ONLINE VISUALIZATION TOOLS FOR

MAPPING
1. Static Web Maps - refer to view only maps or imagery wherein the user
cannot make any changes, activity, or interaction with the map.

2. Dynamic Web Maps - refer to platforms that enable map interaction such as
panning, zooming, or switching map types.
TYPES OF MAP
In order to understand the function of a map, you need to determine what
kind of map you are looking at. Different maps serve different purposes by
which one should be able to know which to use as a reference.

A physical map refers to a map that

shows the Earth’s physical and natural
features such as landforms and water
forms. Its purpose is to deliver information
about the natural characteristics of the
world.
TYPES OF MAP

A political map refers to a map that represents governmental

boundaries rather than the physical qualities of the Earth. Its
purpose is to illustrate specific locations such as cities,
municipalities, streets, avenues, and roads.
TYPES OF MAP

A topographic map refers to a detailed map representing man-

made and natural features of the Earth’s surface through contours.
Its purpose is for planning and resource management such as
camping and vegetation.
TYPES OF MAP

A climate map refers to a map that

shows current and recurring weather
condition on a given area. Its purpose
is to give an overview of temperature,
humidity, and the like.
TYPES OF MAP

An economic map refers to a map that conveys commercial,

industrial, trade, commerce and other wealth and resources
activities of a specific area. Its purpose is to facilitate planning,
resource allocation, and productivity.
TYPES OF MAP

A road map refers to a map that

shows points of transport links and
paths such as highways, railway
stations, and establishments. Its
purpose is to aid navigation with
streets, avenues and the like. It is
similar to a political map.
TYPES OF MAP

A thematic Map refers to a map that displays spatial variation and

geographic values about a particular theme including attributes
and statistics. Its purpose is to show patterns and relationships
between locations such as environmental disasters and religious
affiliations per area.
ONLINE MAPPING VISUALIZATION
TOOLS

People confide in their devices every time there is a need to explore places. The
Internet offers numerous websites to rely on when traversing areas and some
of them offer great interactivity features that suit the need of map users.

Google Maps is a web mapping tool that provides satellite imagery accessible
through the Internet. It is by far the most popular site among its type. It is
known for its flexible features that users may find useful.
SOME OF GOOGLE MAPS’ FEATURES:

Pan, zoom, and mark places

Point-to-point directions via driving, transit, walking,
cycling, or flights
Street view using the pegman
Marks your favorite places
Download maps for offline use
See traffic flow
Find a parking lot and mark where you parked
Share your location with a friend
Give descriptions and reviews of restaurants and
other establishments
View the history of selected places
GOOGLE EARTH
Google Earth is a geobrowser that represents the Earth in three dimensional
globe and offers a virtual tour of beautiful places in the world.

SOME OF GOOGLE EARTH’S

FEATURES:
Pan, zoom, rotate, and tilt the Earth
Turning on some layers like roads, schools, or
grocery stores
Voyager feature to filter your exploration
Storytelling features that lets you upload photos
GOOGLE MYMAPS
Google MyMaps is a platform powered by Google that lets you create your
personalized map for easy reference.

SOME OF GOOGLE MYMAPS’

FEATURES:
Import data or add markers for points of location
Add driving, walking, or biking routes
Measure distance between areas
Change your base map
MAPBOX
Mapbox is an open source platform that allows creation of custom maps for
websites and applications. It focuses on a graphical style editor that allows the
user to fully-customize maps.

SOME OF MAPBOX FEATURES:

Edit map base layers
Manage color palette for visualization
Customize components such as boundaries,
buildings, land and water forms, natural
features, labels, and transits
Print and share custom made maps
VISME
Visme is a data presentation and visualization tool that lets you create custom
maps for publishing. It is used to illustrate specific attributes for a particular
area.

SOME OF VISME FEATURES:

Lets you choose your map for specific areas
Customize colors, fonts, and elements on a map
Adds specific data attributes per location
Print or save finish output
 LESSON 3
ONLINE PRESENTATION TOOL
ONLINE PRESENTATION TOOL
A lot of activities nowadays are now shifting online. It now includes the capability to
create, design, and share interactive presentations through the use of the internet.
It also offers unique and powerful features that you cannot find on a desktop or
offline presentation software that will be mentioned in the latter part of the lesson.

DIFFERENT ONLINE PRESENTATION

TOOLS
There are a lot of online presentation tools available that offer a variety of tools and
powerful features. However, some platforms have the capability to not just create
presentations but also to add rich multimedia contents to make the presentation
more beautiful, engaging, and interactive. Some of the online presentation tools are
explained below:
ADOBE SPARK

Adobe Spark is a web-based application developed by Adobe. It is

a presentation tool that allows users to put all types of interactive
and multimedia content in the form of a web page where you can
create your own digital portfolio and storytelling. Aside from that,
you can also create social media posts and simple or animated
videos which you can include to your presentation.
GENIALLY
Genially is the all-in-one tool for creating engaging and stunning presentations. This
platform allows users to add interactive animation and effects in their presentations.
They can also integrate various external web applications such as Google Maps,
Youtube, Spotify, etc. This tool is efficient in creating any type of interactive visual
content such as games, interactive images, infographics, video presentations, and a
lot more with various templates to choose from. You can also share your works on
social networks, embed it on a website, or download it to view offline.
CANVA
Canva is a graphic design platform that provides a drag and drop presentation
tool which enables users to utilize various animations, colors, fonts, images,
layout, and even free stock photos. Hence, Canva is not just a platform for
creating presentations, you can also use this tool for creating logos, digital
posters, infographics, certificates, invitations, and social media posts. However,
you need to purchase a subscription if you want to access its premium
features.
ANIMAKER
Animaker is a web-based platform that allows users to create do-it-yourself
(DIY) animated videos ranging from business, infographics, marketing, and
personal use. This online presentation tool is user-friendly and allows users to
create one without prior knowledge in animation. In fact, it contains simple yet
powerful drag and drop tools and user-friendly interface to easily edit and
produce animated videos.
POWTOON
Similar to Animaker, Powtoon is an online presentation tool that allows users to
create engaging and interactive presentations in the form of animated clips. It
offers basic drag and drop tools to create any kind of informative animated
content. You can share your powtoon content with others on a social media
platform or any website. However, you can only collaborate with others by
sending the template to another user as it does not allow multiple users to do
real-time editing.
MICROSOFT SWAY
Microsoft Sway is an online presentation program from Microsoft Office. It was
introduced in August 2015 as an alternative to Microsoft PowerPoint. This tool
enables users to create and share interactive presentations and reports, and
allows them to import audio recordings, narrations, external applications, and
other relevant content. You may find it similar to Adobe Spark because you can
create a presentation in the form of a website. Youare required to create a
Microsoft Account to access this tool for free.
DIFFERENT FEATURES OF ONLINE
PRESENTATION TOOLS
Choosing the right online presentation tool may depend on what kind of
presentation the user intends to create and there are various platforms you can
use online. Here are some features that may help you decide the appropriate tool in
creating your presentation.

ONLINE SHARING

This feature allows a presentation to be shared in various online platforms such as

on a website, social media platform, or any external web application. All online
presentation tools often have this common feature.
REAL-TIME COLLABORATION
Real-Time collaboration is crucial when working in a team environment. It allows
every member of the group to edit, comment, and to share the presentation
simultaneously. In fact, website creation platforms use this feature to invite other
editors in helping to build it faster.

CREATIVE DESIGN TOOLS

This is one of the features to consider when deciding an online presentation tool to
use. It should offer a variety of creative design tools such as animation, fonts,
icons, images, sound effects, videos, and other relevant content to create an
engaging and interactive presentation. In this way, you can easily grab the
attention and interest of your audience.
COST
Most of the online presentation tools are available for free use. However, most of
the advanced features are licensed. If you want to access its advanced features,
you might want to invest in a premium account for a long term and meaningful use.

USER-FRIENDLINESS
You might consider this as one of the most important features as it allows you or
someone else to properly create a presentation with or without prior experience. A
user-friendly program provides a simple interface and easy-to-use tools for the
users especially beginners.
COMPATIBILITY
A lot of people use different devices, you should consider this as a factor in
creating and
viewing presentations that are compatible with every kind of device.
 LESSON 4
ONLINE PRESENTATION TOOL WITH
ANIMATION
ANIMATION
Animation refers to any visual element that portrays movement. These are the
different visual effects added in every individual item on a particular slide or video. A
lot of presentation tools provide animation features which allows users to animate
charts, graphs, graphics, texts, and add sound effects that can keep your audience
maintain their engagement and interest in the presentation.

Presentation software programs offer various tools suitable for those users who want
to transform a static presentation into an animated one. The tools allow users to
deliver the content in a way that is more dynamic and engaging to their audiences.
ANIMATION
Despite not having the prior knowledge of using a professional animation software,
such as Blender and Adobe After Effects, users can easily create animated
presentations through its user-friendly features. There are online tools available that
share the same features that are offered for free, but some of them are trial versions;
the advanced features can only be accessed when you pay for the license. Examples
of animated presentation tools include: Powtoon, Animoto, Genially, Prezi, Visme,
and Vyond.
POWTOON
Powtoon is a web-based platform that is used to create animated presentations. It has
a simple and easy-to-use interface and tools which enables anyone to create more
interactive presentations.

It offers the tools to animate any type of visual content including charts, graphs, and
infographics, and add multimedia content including animated characters, props,
videos, and voice-overs. You may also use your own content.

It is commonly used and suitable in various fields such as creating business proposals
and presentations, and educational or instructional videos to explain a particular topic.
FAMILIARIZING POWTOON
INTERFACE AND TOOLS
Using PowToon is as easy as utilizing any other
presentation tool. You just need to be familiar with
the different drag and drop tools and the user
interface.
FAMILIARIZING POWTOON
INTERFACE AND TOOLS
The Powtoon environment, also known as Powtoon
Studio, is designed to easily create the presentation
with the tools you can quickly locate.
FAMILIARIZING POWTOON
INTERFACE AND TOOLS
Similar to the Google Slides workspace,
PowToon stage is an area where you can insert
and edit any visual or multimedia elements to
your presentation.
FAMILIARIZING POWTOON
INTERFACE AND TOOLS
Slide panel displays the slides in thumbnail view.
You can also add, delete, and duplicate slides in this
part.
FAMILIARIZING POWTOON
INTERFACE AND TOOLS
The timeline allows you to create timings on every object on the
slide. You can preview the presentation here. The different buttons
allow different actions on previewing the presentation:
(1) You can play the active slide.
(2) This part represents the thumbnail of the
element.
(3) You can insert an element at a specific time.
(4) You can add or reduce the duration.
(5) You can zoom in or zoom out the timeline.
FAMILIARIZING POWTOON
INTERFACE AND TOOLS
The sound control button allows you to
disable, enable, and other settings to
manipulate the sound or voice-over of your
presentation.
FAMILIARIZING POWTOON
INTERFACE AND TOOLS
The tabs part allows you to drag and drop any type of multimedia
content to your website such as background, text, characters,
props, shapes, images, videos, sound and specials.
FAMILIARIZING POWTOON
INTERFACE AND TOOLS
The stage tool allows you to position the different objects
systematically using the grid (located at the left part), to select
the aspect ratio depending how your presentation will be viewed
across devices or websites (located at the center part), and to
zoom-in/out settings (located at the right part).
 STEPS IN CREATING A POWTOON
PRESENTATION
In creating a powtoon presentation you may use either of the following methods:

USE A READY-MADE TEMPLATE (EDIT MODE)

This method enables you to create and edit the presentation quickly and requires
only minimal editing. You may depend on the type of presentation you plan to
create. Examples include: explainer, marketing, infographic, presentation, and
video ads.

START FROM SCRATCH WITH A BLANK POWTOON

(CREATE MODE)
This method allows you to select all of the tools located on the tab and to greatly
customize your presentation.
STEPS IN CREATING A POWTOON
PRESENTATION

Steps:
1. Go to My Powtoons Page located on the home page.
2. Click Template to use Edit Mode or Blank to use Create Mode.
3. Edit the presentation.
4. Export and publish your presentation.
STEPS IN ADDING VISUAL EFFECT TO
THE PRESENTATION ELEMENT

1. Click the object you want to apply the effect.

2. Click Settings then Effect.
3. Select the effect you want to apply.
4. Test it by clicking the preview button located at the top of the timeline.
 POWTOON BASIC
GETTING TO KNOW THE FUNDAMENTALS IS THE FIRST STEP
TO FAMILIARIZE ANY APPLICATION YOU ARE USING. IT WILL
GUIDE YOU IN THE PROCESS OF PERFORMING SIMPLE TO
ADVANCED TASKS WHEN IT COMES TO CREATING THE
PRESENTATION.
THANK YOU FOR
LISTENING