Académique Documents
Professionnel Documents
Culture Documents
0 Infographics Tools:
A Quick Guide
Table of Contents
TABLE OF CONTENTS
Page
CHAPTER 1
PIKTOCHART
What is Piktochart?..................................................................................
CANVA
What is Canva?.......................................................................................
18
Advantages of Canva. 18
Benefits of Canva in the Classroom.
19
Get Started with Canva. 20
References... 28
CHAPTER 3
VENNGAGE
What is Venngage?...................
29
Advantages of Venngage for Teachers and Students... 29
Using Venngage in the Classroom
30
Get Started with Venngage.
31
References. 44
ii
Table of Contents
CHAPTER 4
VISUALIZE.ME
What is Visualize.Me?....45
Advantages of Visualize.Me......
45
Get Started with Visualize.Me...46
References52
CHAPTER 5
EASEL.LY
What is Easel.ly?..................................................................................
53
53
Benefits of Easel.ly in the Classroom..
Get Started with Easel.ly..
56
References64
CHAPTER 6
VISME
What is Visme?............
65
Advantages of Visme..
65
66
67
References 84
CHAPTER 7
SPARKOL
What is Sparkol?... 85
Benefits of Sparkol for Learning...
85
Get Started with Sparkol..........
86
References..
103
Table of Contents
CHAPTER 8
iii
GOANIMATE
What is GoAnimate?....
104
Advantages of GoAnimate... 104
Using GoAnimate in Education 105
Get Started with GoAnimate.106
References
119
CHAPTER 9
BITEABLE
120
Get Started with Biteable..121
References
129
CHAPTER 10 POWTOON
What is Powtoon?.
130
Ways to Use Powtoon in the Classroom
130
Get Started with Powtoon..
132
References
146
Chapter 1: Piktochart
Chapter 1
PIKTOCHART
PREZI
WHAT IS PIKTOCHART?
http://www.interhacktives.com/2014/03/13/piktochart/
and
https://www.commonsense.org/website/piktochart)
ADVANTAGES OF PIKTOCHART IN THE CLASSROOM
The following are the advantages of Pictochart for classroom use:
1. Educators can use it in their lesson plans and in-class presentations.
2. Students can create their own infographics for Science projects or other
subjects.
3. Students can teach and present to their classmates the infographics they
have been created for a certain subjects. For an example history of
World War II timeline and etc.
(Source: https://www.commonsense.org/website/piktochart)
Chapter 1: Piktochart
BENEFITS OF PIKTOCHART FOR LEARNING
The following are some benefits of Piktochart for learning:
1. Students can learn concepts of grouping, graphing, and visually
representing pieces of information in Piktochart. While putting together
an infographic, students will interpret information, and then create a
combination of text, images, and charts or graphs to share with others.
2. Students can easily integrate the information and the use of tools in
Piktochart into in-class reports or projects. Discovering what is visually
appealing to their audience will improve students' awareness of how
other people learn and will help them with future presentation
endeavors.
3. Piktochart templates are set up to work well with all kinds of data, and
students will be excited once they see their own research looking so
slick and professional. The design is fantastic, with modern, charming
icons and fonts, and it is not too difficult to make seriously high-quality
infographics with Piktochart.
4. Students will figure out how to use Piktochart for school projects, class
presentations, and maybe even just for fun.
(Source: https://www.commonsense.org/website/piktochart)
Chapter 1: Piktochart
GET STARTED WITH PIKTOCHART
STEP 1
Go to: https://piktochart.com/
STEP 2
Click at the
Start For Free
button.
Chapter 1: Piktochart
Or, you can
login using your
Google or
Facebook
account.
Fill in the
required
information.
Then, click at
CREATE MY
ACCOUNT.
Chapter 1: Piktochart
STEP 3
CHOOSING TASKS
Chapter 1: Piktochart
STEP 4
SELECTING TEMPLATES
Go to FREE
TEMPLATES if you
subscribed for the
free account.
Chapter 1: Piktochart
STEP 5
CREATING PIKTOCHARTS
Tools to
start editing.
Go to the
Background tool.
Then, select the
background color
and image you
like.
Chapter 1: Piktochart
(b) Uploading images
Go to the
UPLOADS tool.
This is an
example of an
image that
have been
uploaded.
Then, click or
drag the image
form your
computer here.
Drag the
image into
your canvas.
Chapter 1: Piktochart
(c) Arranging objects
Then, click at
the Arrange
tool.
Click at the
object you want
to arrange the
position.
Chapter 1: Piktochart
(d) Inserting / editing texts
Select the type, size
and the color of the
font here.
Select the
type of the
text.
Go to the TEXT
tool.
Select and
insert the
graphics into
your canvas.
Go to the
GRAPHICS tool.
10
11
Chapter 1: Piktochart
(f) Inserting tools
Go to the
TOOLS tool.
To insert map,
go to Maps
tool and search
the map here.
Chapter 1: Piktochart
12
13
Chapter 1: Piktochart
Type the title of
the chart and axis.
To insert a chart, go
to Charts tool and
select the type of
chart here.
Chapter 1: Piktochart
STEP 6
Click at the
SAVED button to
save the changes
you have been
made.
STEP 7
To preview your
Piktochart, click at
the PREVIEW
menu.
DOWNLOADING
To dowload your
Piktochart, click at
the DOWNLOAD
menu.
14
15
Chapter 1: Piktochart
You can download the
Piktochart you have
created as an Image
or Pdf format.
Edit the
setting.
Chapter 1: Piktochart
16
STEP 8
SHARING/EXPORTING
To share your
Piktochart, click at
the SHARE.
Click at the
SHARE tab.
Click at the
EXPORT tab.
17
Chapter 1: Piktochart
REFERENCES
http://www.interhacktives.com/2014/03/13/piktochart/
https://www.commonsense.org/website/piktochart
18
Chapter 2: Canva
Chapter 2
CANVA
PREZI
WHAT IS CANVA?
more
(https://www.lynda.com/Design-Page-Layout-tutorials/What-
http://www.pcworld.com/article/2079100/canva-review-free-tool-
brings-much-needed-simplicity-to-design-process.html)
Chapter 2: Canva
19
BENEFITS OF CANVA IN THE CLASROOM
The following are some benefits of Canva :
1. Easy to Use
Canva is very easy to use. Students simply sign up with their Google
account. If no Google account, an email address and a password is
required. Once the account is set up it is easy to start.
2. Think-Pic-Share
Think First, ask students to think about what they learned and find a
way to summarize it. Being articulate is a very important 21st century
skill and not one students do very well on their own.
Pic Next, find a picture (at this point teach about creative commons)
that is a good graphical summarization of what was learned. This is also a
skill students do not do well on their own. They want to choose crazy
pictures that are not pleasing to the eye, or pictures that are not simple
enough for a textual overlay. Basically students are stealing other pictures
and they need to learn how to do it appropriately. Students need to
become good at choosing a picture that accurately reflects their learning.
Share - This is the most important step. Gone are the days where
students turn in work that it is only seen by the teacher, graded and then
returned. When students share their creations on something like a
Padlet or Tackk or others web 2.0 applications, the extended learning
begins to take place. Once they are done and have shared their work,
they look to see what others have turned in. Students will compare their
designs with the other students and begin thinking about their thinking
or better yet thinking about their learning. It is a step we can not devalue
because it helps with metacognition and deeper understanding.
20
Chapter 2: Canva
3. Quick Reflection
Canva can be used as a quick reflection tool. For examples, a six word
summary about what was just learned.
4. The Great Hook
Get students excited about an upcoming unit use Canva to send out
some kind of clue or hook using the Remind app. Sending out secret
messages really helps to get the excitement going before a unit even
begins.
5. Collaborative Designing
Students can share a Canva with another student and together they can
work to make it better. It might be smart to make each Canva go
through one other student editors or Co-creators eyes before being
published.
(Source: http://www.hollyclark.org/2015/07/31/2018/)
Chapter 2: Canva
21
STEP 1
Go to: http://canva.com/
STEP 2
Click at the
Sign up
button.
22
Chapter 2: Canva
STEP 3
Click at
Your
designs.
CHOOSING A DESIGN
STEP 4
Tools to
start editing.
CREATING A CANVA
Chapter 2: Canva
(a) Selecting layouts
Go to the
LAYOUT tool.
Select the
layout you
like.
23
24
Chapter 2: Canva
(c) Uploading images
Chapter 2: Canva
(d) Inserting/editing texts
Select the type,
size and the color
of the font here.
sukai.
Click at the
Text tool.
Select the
text here.
Insert or edit the
existing text here.
(e) Inserting/editing elements
Click at the
Elements
tool.
25
26
Chapter 2: Canva
An example of the
element inserted in the
canvas. You can change
the color or size of the
elements.
STEP 5
Click at the
Download
button.
Select the
format of the
Canva you want
to download.
DOWNLOADING CANVA
Chapter 2: Canva
STEP 6
SHARING CANVA
Click at the
Share button.
27
28
Chapter 2: Canva
REFERENCES
http://www.hollyclark.org/2015/07/31/2018/
http://www.pcworld.com/article/2079100/canva-review-free-tool-bringsmuch-needed-simplicity-to-design-process.html
https://www.lynda.com/Design-Page-Layout-tutorials/WhatCanva/370410/383499-4.html
http://smallbiztrends.com/2015/09/what-is-canva-for-business.html
29
Chapter 3: Venngage
Chapter 3
VENNGAGE
WHAT IS VENNGAGE?
PREZI
OF
VENNGAGE
FOR
TEACHERS
AND
30
Chapter 3: Venngage
USING VENNGAGE IN THE CLASSROOM
The following are ways to use Venngage in the classroom:
1. Teachers can use Venngage to display information or students
infographic projects. For examples send an infographic out to parents at
a back-to-school night to impress them.
2. Ask students to use Venngage to create flyers or promotional images for
clubs, sports teams, and events.
3. Have students use Venngage to display or present information they have
learned.
4. Help students focus on principles of good design. Students should use
concise language, graphics, icons, and charts to tell their story.
(Source: https://www.commonsense.org/education/website/venngage).
Chapter 3: Venngage
GET STARTED WITH VENNGAGE
STEP 1
STEP 2
Go to: https://venngage.com/
Fill in the
required
information.
31
32
Chapter 3: Venngage
STEP 3
Choosing a Templete
Go to TEMPLATE
then, choose the
type of your
work/theme.
Select the
template you
like.
Or start from a
blank canvas.
Chapter 3: Venngage
STEP 4
Creating Infographics
Go to Background.
33
34
Chapter 3: Venngage
Chapter 3: Venngage
35
(d) Uploading images
Go to Upload.
This is an example
of an uploaded
image.
36
Chapter 3: Venngage
Go to
Charts.
Select the
chart.
Chapter 3: Venngage
Go to the icon.
Search the icon
using keyword.
Or, select the
given icon.
Drag and drop the
selected icon onto
the canvas.
37
38
Chapter 3: Venngage
(g) Inserting Pictograms
Go to Pictograms.
Search the
pictograms using
keyword. Or,
select the given
pictograms.
Edit the
pictogram using
these tools.
Chapter 3: Venngage
(h) Inserting image frames
Go to Image
Frame.
Select the
image frame
and drag onto
the canvas.
This is an
example an
image in the
image frame.
39
40
Chapter 3: Venngage
(i) Inserting interactive items
Go to
Interactive.
Select the
interactive you
want to put in
your infographics.
This is an example of an infographics created using Venngage
Chapter 3: Venngage
41
STEP 5
Publishing Venngage
42
Chapter 3: Venngage
STEP 5
Sharing
STEP 5
Downloading
Select the
format you
want to
download as.
Chapter 3: Venngage
STEP 5
Select the
setting you
want.
43
44
Chapter 3: Venngage
REFERENCES
https://en.wikipedia.org/wiki/Venngage
https://www.commonsense.org/education/website/venngage
Chapter 4: Visualize.Me
45
Chapter 4
VIZUALIZE.ME
WHAT IS VIZUALIZE.ME?
PREZI
2.
3.
46
4.
Chapter 4: Visualize.Me
Colors - The variety of formats and colors enables a job seeker to
personalize his or her resume, matching a target company's logo
colors or creating a more specific personal branding image using
shapes and colors as one might use font choice in a text-only resume.
5.
(Source:
http://www.vault.com/blog/resumes-cover-letters/the-pros-and-
cons-of-infographic-resumes)
Chapter 4: Visualize.Me
GET STARTED WITH VIZUALIZE.ME
STEP 1
STEP 2
To create your
free infographics,
you have to sign
in using your
Linkedin account
or an email
address.
Fill in the
required
information.
Go to: http://vizualize.me/
47
48
Chapter 4: Visualize.Me
STEP 3
Insert you
data here.
Chapter 4: Visualize.Me
STEP 4
Choose a Theme
Go to the Theme
tab.
Select the
provided themes
you like.
49
50
Chapter 4: Visualize.Me
STEP 5
Choose a Style
Go to the Styles
tab.
Chapter 4: Visualize.Me
51
STEP 6
Printing
To print your
infographics, click at
the Print. (Note: A
paid subscription is
require to download)
52
Chapter 4: Visualize.Me
REFERENCES
https://sites.google.com/site/loyolaeportfolio101/vizualize-me
http://www.vault.com/blog/resumes-cover-letters/the-pros-and-cons-ofinfographic-resumes
Chapter 5: Easel.ly
53
Chapter 5
EASEL.LY
PREZI
WHAT IS EASEL.LY?
people
view
and
share
information
(https://itunes.apple.com/us/app/easelly/id934680962?mt=8).
BENEFITS OF EASEL.LY IN THE CLASSROOM
1. Can be used for any subject
Using easel.ly ties in the visual and the educational components quite nicely.
Not only teachers can use easel.ly to teach a specific unit or lesson, students
also can create them on their own for projects and homework to help drive
home the content they are supposed to be learning.
54
Chapter 5: Easel.ly
Infographics in Math
Easel.ly can be used to help display pertinent information on a wall,
students homework binders, or as part of a study sheet for a test.
Teachers can also use it as a way to remind students of formulas, break
down a specific process, or just reiterate information in a way that is
more visually appealing that reading out of a textbook.
Scientific Infographics
Improve the scientific process for examples photosynthesis, cell
multiplication, the tectonic plates, or the Periodic Table of Elements by
creating an extra visually appealing infographic that students can
remember.
Chapter 5: Easel.ly
55
infographics that contain vital information about the unit or subject they have
covered can help them retain and recall information with greater accuracy.
(source: http://www.easel.ly/blog/)
56
Chapter 5: Easel.ly
GET STARTED WITH EASEL.LY
STEP 1
STEP 2
Go to: http://www.easel.ly/
To create your
free infographics,
click at the Sign
Up Free button.
Chapter 5: Easel.ly
Fill in the
required
information.
STEP 3
Choosing a Template
Insert a keyword
here to search
the relevant
template.
57
58
Chapter 5: Easel.ly
STEP 4
Creating Infographics
This is your
canvas or
artboard.
Click at the
Vhemes
button.
Choose any
Vhemes /
template you
like.
Chapter 5: Easel.ly
(b) Background drag and drop
Click at the
Background
button.
Choose your
canvas
background.
Click at the
Text button.
Text tools.
59
60
Chapter 5: Easel.ly
Edit your
image using
the image
tools.
Chapter 5: Easel.ly
61
(e) Inserting shapes
Click at the
shapes button.
Shape tools.
Edit your
shape using
the shape
tools.
62
Chapter 5: Easel.ly
STEP 5
Saving Infographics
To save your
work, click
here.
Then, click at
the Save
button.
STEP 6
To download
your work,
click here.
Downloading Infographics
Select the
type of the
download
format.
Chapter 5: Easel.ly
STEP 7
To share your
work, click
here.
Sharing Infographics
Select how to
share your
work.
63
64
Chapter 5: Easel.ly
REFERENCES
https://www.smore.com/h2pg-easel-ly
https://itunes.apple.com/us/app/easelly/id934680962?mt=8
http://www.easel.ly/blog/
Chapter 6: Visme
65
Chapter 6
VISME
WHAT IS VISME?
PREZI
2.
3.
4.
(Source: http://www.visme.co/)
5.
easy to use
6.
Flexible app that is changing the way ideas are visualized into the
powerful form.
7.
(Source: https://edshelf.com/tool/visme)
66
Chapter 6: Visme
BENEFITS OF VISME IN THE CLASSROOM
1.
2.
3.
4.
Have students create projects for class using this easy to use tool.
5.
Embed and share this tool on your blog, wiki, or public page for easy
student access.
6.
Create a project site for students to upload images and videos found
when studying any subject.
7.
8.
9.
(Source: http://www.teachersfirst.com/single.cfm?id=15508)
Chapter 6: Visme
STEP 1
Go to: http://my.visme.co/
STEP 2
Click at the
GET STARTED
button.
67
68
Chapter 6: Visme
Fill in the
required
information.
STEP 3
Go to the Visme
tab.
Then, click at the
+ Create New
Visme.
Chapter 6: Visme
69
To create a
presentation,
click at the
Presentation
icon.
Then, choose a
template given
that you like.
70
Chapter 6: Visme
STEP 4
Visme Tools
Setting menu
Insert tools
Manage slides
Basic tools
Chapter 6: Visme
(b) Manage slide
To add slide,
click this
button.
STEP 5
To insert or edit
transition
between slides,
click at this
button.
Creating Visme
To edit or insert
background, click
at this icon.
71
72
Chapter 6: Visme
(b) Editing and Inserting Texts
This is text
editing tools.
To edit the
text, click
directly this
text.
Chapter 6: Visme
(c) Adding a new slide
To add new
slide, click at
the + Slides
button.
Select the
layout of your
new slide.
73
74
Chapter 6: Visme
(d) Transition between slides
To add or
change
transition
between
slides, click at
this icon.
Upload an
image manually
by drag and
drop the image
here.
Or, insert an
image by
searching the
image by
keywords
here.
To insert an
image, click at
this icon.
Chapter 6: Visme
75
This is the
image editing
tools.
This is an
example of the
image inserted.
76
Chapter 6: Visme
Choose this
type of layout.
This is an
example of a
chart.
To edit the
chart, click at
this icon.
Select your
chart type here.
Edit the data
here.
Then, click at
the Insert
button.
Chapter 6: Visme
77
You also can
insert the chart
to the slide by
clicking this
button.
You can insert
Infograph
widget into
your slide.
Click at this
icon.
This is an
example of an
inforgraph.
78
Chapter 6: Visme
(g) Inserting Shape & Objects
To insert a
shape or an
object, click at
this icon.
Select the
object theme
you like.
This is the
example of the
icons for
science and
technology.
Chapter 6: Visme
79
(h) Adding Videos
Choose this
type of layout.
80
Chapter 6: Visme
Insert the
Youtube or
Vimeo link
here.
This is an
example of a
video in the
slide.
(i) Insert audios
To insert
audio, click at
this icon.
Chapter 6: Visme
Then, click at
the Done
button.
Insert your
audio URL here.
STEP 5
Click at the
Preview
button.
Preview Presentations
81
82
Chapter 6: Visme
This is the
preview of the
slide created.
STEP 5
Publishing Slides
(a) Share
Click at Share
this Work.
Chapter 6: Visme
83
(b) Embed
Click at Embed
to a Site or
Blog.
(c) Download
Click at
Download
Work.
84
Chapter 6: Visme
REFERENCES
http://www.visme.co/
https://edshelf.com/tool/visme
http://www.teachersfirst.com/single.cfm?id=15508
Chapter 7: Sparkol
85
Chapter 7
SPARKOL
WHAT IS SPARKOL?
PREZI
Sparkol is video software for users to make their own whiteboard video
animations with VideoScribe. (Source: http://www.sparkol.com/)
BENEFITS OF SPARKOL FOR LEARNING
The following are some benefits of using Sparkol for learning:
1. It is a perfect tool for learning. Teachers and students can use the
software to teach and learn.
2. It is a very powerful tool. Engaging the complex theories and concepts in
a visual way can make the learning fun and easy to understand.
3. Students can look at the videos in their own time and pick up on things
they may have missed in class since the video can share in social
networking.
4. Students love using video as their learning source because they can watch
in their own time, rewind and review them over and over that the highly
visual aspect helps their understanding.
5. Teacher can be creative in their approach to delivering what can
sometimes be bored material. Teacher will having fun putting together
resources that the students like to use.
6. Can assign students to make their own videos as part of their
assessment, giving them a fun alternative in writing reports.
(Source: http://www.sparkol.com/blog/case-study-videoscribe-in-schools/)
86
Chapter 7: Sparkol
GET STARTED WITH SPARKOL
STEP 1
STEP 2
Go to: http://www.sparkol.com/
Installing Sparkol
Chapter 7: Sparkol
87
Fill in the
required
information.
Click at the SIGN
UP button.
88
Chapter 7: Sparkol
Chapter 7: Sparkol
89
90
Chapter 7: Sparkol
Click at the
Install button.
Once the
installation is
completed, click at
the Next button.
Finally, click at
the Finish
button.
Chapter 7: Sparkol
STEP 3
Run VideoScribe
Then, click at
LOG IN button.
91
92
Chapter 7: Sparkol
You will be
shown the
video tutorials
before you start
using it.
Click this icon
to skip the
video tutorial.
Chapter 7: Sparkol
This is your
VideoScribe
main menu
Online
storage
Create new
scribe
Example
scribe
93
94
Chapter 7: Sparkol
STEP 4
VideoScribe Tools
Play/Preview and
publish Scribe tools.
Basic tools
Elements
Chapter 7: Sparkol
95
(b) Play/Preview and Publish Scribe Tools
STEP 4
Creating a VideoScribe
(a) Adding Texts
Click at this
icon to add
text.
Type your
text here.
Cancel
Change or
import new
font.
Change the
font color.
Insert to
canvas.
96
Chapter 7: Sparkol
This is an example of a text added on the canvas
Click at this
icon to add
an image.
Insert a keyword
here to search
for an image.
Import SVG,
Bitmap
images, or
Zip file from
your
computer.
Chapter 7: Sparkol
An example
of an image
inserted on
the canvas.
Or, enter
web URL to
download
mp3 audio.
Select the
music given
here.
97
98
Chapter 7: Sparkol
(d) Inserting a Voice
Import an
MP3 sound
from your
computer.
Click at this
icon to change
your canvas
background.
Chapter 7: Sparkol
Select the
texture of your
background.
99
100
Chapter 7: Sparkol
Click at this
icon to change
your canvas
background.
Chapter 7: Sparkol
101
(g) Editing the Elements
Then, click
here to
change the
properties of
the element.
This is an
example of
the properties
of the
elements.
STEP 5
Click at this
icon to
preview/play
your
VideoScribe.
102
Chapter 7: Sparkol
This is an example of a preview
Chapter 7: Sparkol
REFERENCES
http://www.sparkol.com/
http://www.sparkol.com/blog/case-study-videoscribe-in-schools/
103
104
Chapter 8: GoAnimate
Chapter 8
GOANIMATE
WHAT IS GOANIMATE?
PREZI
2.
The user can select the template, character features and add their
own scripts or voice to the animation. Creating a rich infographic
animation video is as simple as that.
3.
4.
(Source: http://www.smallbusinessideasblog.com/goanimate-review)
Chapter 8: GoAnimate
105
USING GOANIMATE IN EDUCATION
The following are several usages of GoAnimate that can be implemented in
education (Perez 2011):
1.
2.
3.
4.
It promotes creativity not only of the students but also the educator
to build interest in learning and teaching.
5.
6.
106
Chapter 8: GoAnimate
GET STARTED WITH GOANIMATE
STEP 1
STEP 2
Go to: https://goanimate.com/
Fill in the
required
information.
Click at the
SIGN UP FOR
FREE TRIAL
button.
Chapter 8: GoAnimate
STEP 3
Select theme
107
108
Chapter 8: GoAnimate
Video
infographic
tools.
Canvas to edit the
infographic.
This is the
timeline.
Or click at the
existing Text
on the canvas to
edit the text.
To add scene in
your infographic,
click at the ADD
SCENE button.
Chapter 8: GoAnimate
109
(b) Adding templates
Then, click at
this icon.
Select the
categories of the
template you want
to add in your
infographic video.
110
Chapter 8: GoAnimate
This is an
example of the
template
inserted on a
canvas.
Click at this
icon.
Chapter 8: GoAnimate
111
Click at the
SELECT FILES
button to add
the media.
This is an example of
the media added.
Drag the media onto
the canvas.
Go to the
NARRATION
tab to insert
the voice.
Go to the
EFFECT tab to
insert the
effect for your
media.
112
Chapter 8: GoAnimate
(d) Inserting characters
Click at this icon
to insert a
character on
your canvas.
Select a
character.
To edit the
character, click
at the character
on the canvas.
Chapter 8: GoAnimate
113
(e) Inserting props
Search the
type of prop.
Click at this icon
to insert the
prop on your
canvas.
Then, select
the prop.
Then, select
the widget.
114
Chapter 8: GoAnimate
An example
of the widget
on the
canvas.
Search the
music or the
sound effect.
Select the music
or the sound
effect.
Chapter 8: GoAnimate
STEP 4
Click at the
PREVIEW
button.
115
116
Chapter 8: GoAnimate
STEP 5
Click at the
SAVE button.
Chapter 8: GoAnimate
Insert the
information of
your infographic
video.
117
118
Chapter 8: GoAnimate
STEP 6
Chapter 8: GoAnimate
REFERENCES
119
https://sites.google.com/site/pek110015goanimate/the-use-of-go-animateineducation/what-s-go-animate
http://www.smallbusinessideasblog.com/goanimate-review
120
Chapter 9: Biteable
Chapter 9
BITEABLE
PREZI
WHAT IS BITEABLE?
Chapter 9: Biteable
GET STARTED WITH BITEABLE
STEP 1
Go to: https://biteable.com/
STEP 2
Click at the
GET STARTEDITS FREE
button.
121
122
Chapter 9: Biteable
Fill in the
require
information.
STEP 3
Chapter 9: Biteable
(a) Inserting texts
123
124
Chapter 9: Biteable
(c) Changing colors
Chapter 9: Biteable
125
Go to SELECT
TRACK.
You can click at
the play button to
preview the track.
Select the
track you like.
Click at the
SELECT button to
select the track.
If you want to
upload your own
track. Go to
UPLOAD TRACK.
To preview your
video, click at the
Next Preview
video > button.
126
Chapter 9: Biteable
Wait your
video to finish
rendering.
This is an example
of a video. Click to
play button to
preview your video.
Chapter 9: Biteable
STEP 4
Insert the
information of your
video.
127
128
Chapter 9: Biteable
Select the
privacy format
of your video.
Chapter 9: Biteable
REFERENCES
129
http://www.educatorstechnology.com/2015/09/create-animated-videosfor-class-using-biteable.html
130
Chapter 10
POWTOON
PREZI
WHAT IS POWTOON?
131
6. Book Report Typing up a book report is lame, becoming a
storyteller and movie producer is in.
7. Mini Me Templates Students or educators can upload photos and
create cartoon versions of themselves.
8. School Syllabus Template Ease tensions and peak interest by
introducing course syllabus in animation.
9. Summarize a Topic
10. Lesson Overview Summarize key points with a movie.
(Source:
https://www.powtoon.com/blog/11-ways-to-use-powtoon-in-your-
classroom/)
132
GET STARTED WITH POWTOON
STEP 1
Go to: https://www.powtoon.com/
STEP 2
Signing Up
Click at the
START NOW
button.
133
Or, you can login
using your
Facebook/Google/
Linkedin account
account.
Fill in the
required
information.
Then, click at the
Sign me up button.
A confirmation
email will be sent to
your registered
email.
134
STEP 3
Creating a Powtoon
Choose the
theme
Select the
readymade
template.
135
Powtoon canvas
Powtoon tools
(a) Editing texts
Use this text
tool to edit
your text.
To insert the
effect of your
text click at this
icon.
Select the
type of
text.
Or, click at
the text on
canvas.
Go to
Text.
136
137
This is an example of edited text and background
Insert a
keyword here
to search for
an object.
Then, select
the object you
want to add in
your canvas.
Go to the
Library.
138
This is an example of an object added on the canvas
Then, select
the image you
want to add in
your canvas.
Go to
Images.
139
(i) Uploading images
To upload your
own image click
here.
Select your
image and
click the
Openbutton.
Then, click
Upload.
This is an example
of an image
uploaded on the
canvas.
140
(ii) Searching images
Then, go to
Image
Search.
Insert the
keyword here,
and click
search icon.
Click at this
icon.
Select the
image you
want.
Then, select
the graph you
want to add in
your canvas.
Go to
Graphs.
Then, click at
the Save
button.
This is an
example of a
graph on the
canvas.
141
142
(f) Inserting audios
STEP 4
Editing Characters
(ii) Swaping characters
Then, click at
this icon.
Click at the
character.
Choose a character or
prop from the library
to replace with
existing character on
canvas.
STEP 5
Saving a Powtoon
Then, click
SAVE to save
your Powtoon,
143
144
STEP 6
Previewing a Powtoon
To preview your
Powtoon, click
this icon.
STEP 7
Exporting a Powtoon
Click at this
button.
145
146
REFERENCES
https://en.wikipedia.org/wiki/PowToon
https://www.powtoon.com/blog/11-ways-to-use-powtoon-in-your-classroom/