Certification Study Group - Professional ML Engineer Session 3 (Machine Learn...
Web 2.0 Presentation Tools: A Quick Guide
2. Web 2.0 Presentation Tools:
A Quick Guide
MOHAMED AMIN EMBI
Centre for Teaching & Learning Technologies
Universiti Kebangsaan Malaysia
2015
3. Table of Contents i
TABLE OF CONTENTS
Page
CHAPTER 1 POWTOON
What is Powtoon?……………………………………………………..
Benefits of Powtoon..…………………………………………………..
Advantages of using Powtoon in Education……….……………….…
Get started with Powtoon.…………………………………………….
References……………………………………………………………..
CHAPTER 2 EMAZE
1
1
2
3
13
What is Emaze?....................................................................................................
Benefits of Emaze ….…………………………………………………
Advantages of using Emaze in Education……….………………………..
Get started with Emaze………………………………………………3
References……………………………………………………………...
CHAPTER 3 BLENDSPACE
14
14
15
16
24
What is Blendspace?……………………………………………............
Banefits of Blendspace……………….………………………………….
Advantages of of Using Blendspace in Education…………………………
Get started with Blendspace…………………………………………….
References……………………………………………………….……
25
25
26
27
39
4. ii Table of Contents
CHAPTER 4 PREZI
What is Prezi?………………………………………………………..…
Advantages of Prezi…………………………………………………...
Using Prezi………………………………………………………….…
Get started with Prezi...………………………………………………...
References………………………………………………………………
CHAPTER 5 EDYNCO
40
40
41
43
52
41
42
43
52
What is Edynco?...............................................................................................
Benefits of Edynco………………………………………………………..
Get started with Edynco…………..………………………………….2
References………………………………………………………………
CHAPTER 6 RAWSHORTS
What is a Rawshorts?....………………………………………………...1
Advantages of Rawshorts..…..………………………………………….1
Get started with Rawshorts.………………………………….………2
References……………………………………………………………….6
CHAPTER 7 VISME
71
71
72
87
What is Visme?..………………………………………………………….
Advantages of Visme………....………………………………………….
Usage of Visme in the Classroom……………………………………..
Get started with Visme……………………………………………........
References……………………………………………………………….
88
88
89
90
107
5. Table of Contents iii
CHAPTER 8 HAIKU DECK
What is Haiku Deck?…………………………………………………
Benefits of Using Haiku Deck.………………………………………..70
Advantages of Haiku Deck.……………………………………………..
Get started with Haiku Deck…………………………………………….
References………………………………………………………………
CHAPTER 9 SLIDEDOG
108
108
109
110
120
What is SlideDog?…………………………………………………..…
Advantages of SlideDog..………………………………………………
Get started with SlideDog…………………………………………...82
References………………………………………………………………
CHAPTER 10 SPARKOL
121
121
122
133
What is Sparkol?……………………………………………………….
Benefits of Sparkol for Learning………………………………………1
Get started with Sparkol……………………………………………..
References………………………………………………………………
134
134
136
152
7. 1 Chapter 1: Powtoon
WHAT IS POWTOON?
Powtoon is the animated presentation tool that allows users with no technical
or design skills to create professional, colorful and visually engaging animation
which is the combination of presentation and animated cartoon.
(Source: http://www.powtoon.com/)
BENEFITS OF POWTOON
Some benefits of using Powtoon include:
1. User-friendly and intuitive interface.
2. Countless style, image, and effect combos.
3. Professional results, powerful responses.
(Source: http://peacockcreative.net/07/presentations/put-wow-presentation-with-
powtoon/)
4. Fun, colorful and animated.
5. Short, save time and money.
6. Engaging.
7. Can be played stand-alone.
8. Easy to put on YouTube or share with social media.
(Source: http://www.lisettetoetenel.info/Powtoon.pdf)
Chapter 1
POWTOON
8. Chapter 1: Powtoon 2
ADVANTAGES OF USING POWTOON IN EDUCATION
The following are some advantages of using Powtoon in education:
1. Powtoon can be used as “project-based” learning for students to
present their work creatively.
2. Powtoon templates can be utilized in the classroom by teachers and
students for educational purposes.
(Source: http://www.powtoon.com/blog/powtoon-revolutionizing-education/)
3. Grab students’ attention with a new way of communication ideas and
engaging students.
4. Bring an element of fun to the learning and teaching process.
(Source: http://prezi.com/ziaxk3tayapf/powtoon/)
5. Students can use Powtoon to share their ideas or to "prototype" an
idea.
6. Students can create videos to show math processes, explanations of
complex concepts, review new learning, teach others, explain scientific
processes, tell stories, or present research.
7. Teacher can use Powtoon to share new information or idea for
discussion.
8. Teacher can embed the created Powtoon presentation on their own
website or blog for students to review at home.
9. Teacher can use a Powtoon on the first day of school to explain class
rules or give an exciting introduction to the year ahead.
10. Teacher can use Powtoon to create movies or presentations to display
on interactive whiteboard or projector.
(Source: http://www.teachersfirst.com/single.cfm?id=13954)
9. 3 Chapter 1: Powtoon
GET STARTED WITH POWTOON
Go to http://www.powtoon.com/
Creating Account
Click ‘Sign up for
free’ to create a
Powtoon account.
STEP 1
STEP 2
10. Chapter 1: Powtoon 4
Now you
can start
powtooning
.
Fill in the
required
information.
Or, you
can sign up
using other
accounts.
Then, click
the ‘Sign me
up’ button.
Choose your
prefered profile.
11. 5 Chapter 1: Powtoon
Creating Powtoons
Open your
‘Dashboard’.
STEP 3
Click ‘Create’ button
to start creating your
Powtoon.
You can start
creating Powtoon
using the Blank file.
Or, you can choose
others templates that
suit with your
presentation.
12. Chapter 1: Powtoon 6
This is your Powtoon
project. You can start
editing by using the
Powtoon tools.
This is an example of a Powtoon that has been created.
13. 7 Chapter 1: Powtoon
Powtoon Tools
(a) Basic Tools
STEP 4
Basic tool.
Player tool.
My Styles
options.
Time frame
tool.
14. Chapter 1: Powtoon 8
(b) My Styles Option
Choose your style. It will
provide different designs of
your sub tools (eg: text,
holder, characters, animation,
props, markers & shapes,
transitions and backgrounds.
(i) Text Effects
(ii) Holders
17. 11 Chapter 1: Powtoon
(c) Player tool
(d) Time frame tool
Publishing Powtoons
Add and
delete second.
Sound and sound
manager.
STEP 5
Once you have finished
creating your Powtoon
presentation. You can
click the ‘Publish’ button
to publish it.
18. Chapter 1: Powtoon 12
You can publish it
as a video
presentation.
Or, you can choose to
publish your Powtoon
presentation as a
slideshow.
Then, click the ‘Next’
button to finish you
publishing based on
the format you have
choosen.
19. 13 Chapter 1: Powtoon
REFERENCES
http://www.powtoon.com/ [7 August 2014].
http://peacockcreative.net/07/presentations/put-wow-presentation-with-powtoon/
[7 August 2014]
http://www.lisettetoetenel.info/Powtoon.pdf [7 August 2014].
http://www.powtoon.com/blog/powtoon-revolutionizing-education/ [7 August
2014].
http://prezi.com/ziaxk3tayapf/powtoon/ [7 August 2014].
http://www.teachersfirst.com/single.cfm?id=13954 [7 August 2014].
20. Chapter 2: Emaze 14
WHAT IS EMAZE?
Emaze is a tool that empower users to create and share presentations both
online and offline (Hagle 2013). Users can choose the given templates and
begin to create an amazing presentation (http://www.emaze.com/). Many
features in Emaze are not found in traditional presentation tools.
BENEFITS OF EMAZE
Some benefits using Emaze include:
1. Easy-to-use - create incredible presentations using ready-made
templates and slides.
2. Cloud-based – can access the presentations from anywhere online.
3. Automatic translation - create a presentation and share it with the
entire world using an automated translation tool.
4. Multi-device access - view and edit the presentations on any
computer, laptop, tablet or smartphone.
5. HTML5 - runs on any browser seamlessly with the power of the
newest technologies.
6. Cutting edge designs - from 3D scenes to 2D slides various templates
by top designers to fit your message.
(Source: http://www.emaze.com/)
Chapter 2
EMAZE
21. 15 Chapter 2: Emaze
ADVANTAGES OF USING EMAZE IN EDUCATION
The following are some advantages of using Emaze in education (Hagle 2013):
1. Emaze allows users to collaborate on presentations with others
online. This is useful for students working on a group project, or a
team of coworkers that needs to spend extra time working on an
important presentation.
2. Emaze presentations are also unique and easily sharable. Any
presentation created by teachers and students can be shared on
Facebook or via email. The presentations can also be embedded on
any other websites.
3. Emaze has a variety of sample presentations on its site that
demonstrate the applications various functions, including a
presentation that makes intriguing use of the application’s 3D
capabilities.
22. Chapter 2: Emaze 16
GET STARTED WITH EMAZE
Go to http://www.emaze.com/
Sign Up
Click ‘Sign up for
free’ to create an
Emaze account.
STEP 1
STEP 2
23. 17 Chapter 2: Emaze
Click the ‘SIGN
UP’ button to
register.
You can choose free or
paid account based on
your interest.
24. Chapter 2: Emaze 18
Creating Presentation
Or, you can
choose any
templates that
suit with your
presentation.
STEP 3
First time users will be shown a
tutorial video. You can watch the
video or you can skip it by clicking
the ‘CONTINUE’ button.
Upload a
template
from your
file.
25. 19 Chapter 2: Emaze
Slide tools. Insert tools. Basic tools.
*** You can use these tools to edit your presentation.
(a) Slide Tools
(b) Insert Tools
(c) Basic Tools
26. Chapter 2: Emaze 20
Inserting Charts
STEP 4
Go to the insert
tool and click at
the ‘CHART’ icon.
Choose any type
of chart you
want to create.
Paste you data
here.
Then, click the
‘ADD’ button.
27. 21 Chapter 2: Emaze
Inserting Videos
Inserting Images
STEP 5
Click the
‘VIDEO’ icon.
STEP 6
Or, insert the URL
of the video from
YouTube here.
Then, click the
‘ADD’ button.
Click the
‘IMAGE’ icon.
Or, click the
‘BROWSE’ button to
insert images from
your computer.
Then, click the
‘ADD’ button.
Or, insert the
image URL
here.
28. Chapter 2: Emaze 22
Voice Recording
STEP 7
Example of a presentation that has been created
Click the
‘PLAY’ button.
Click the
microphone
icon to start
recording
your voice.
29. 23 Chapter 2: Emaze
Sharing Presentations
STEP 8
Play your
presentation
and these
icon tools will
be shown.
To share your
presentations,
click at the
‘SHARE’ icon.
You can email, share
your presentation
link or embed your
presentation in your
blog or website.
Or, you can share
using your social
networks namely
Facebook or
Twitter.
You can make your
presentation public
or private.
Then click the
‘OK’ button.
30. Chapter 2: Emaze 24
REFERENCES
http://www.emaze.com/ [14 August 2014]
Hagle, W. 2013. Emaze: A Better Way To Make And Share Presentations.
http://www.allmyfaves.com/blog/productivity/emaze-a-better-way-to-make-
and-share-presentations/ [14 August 2014]
31. 25 Chapter 3: BlendSpace
WHAT IS BLENDSPACE?
Chapter 3
BLENDSPACE
Blendspace is the easiest way to blend your classroom with digital content.
Teachers and students can collect, annotate and share digital resources using
Blendspace as a platform.
(Source: http://blog.blendspace.com/)
BENEFITS OF BLENDSPACE
The following are some the benefits of Blendspace for teachers:
1. Blendspace is free for teachers and schools.
2. It allows teachers to easily create rich multimedia lessons for classes
and allows for differentiated resources.
3. It supports an inquiry-based approach as well as the flipped classroom
model.
4. Quizzes that are marked automatically can be easily built-in and used
for formative assessment purposes assess student knowledge.
5. It tracks student progress during or outside lessons using lesson
tracker.
6. It is a useful as an organisational tool to collate numerous resources.
(Source: http://usingblendspace.wikispaces.com/Benefits+of+Blendspace)
32. Chapter 3: BlendSpace 26
ADVANTAGES OF USING BLENDSPACE IN EDUCATION
The following some advantages of using Blendspace in education:
1. Lesson Tracking: See real-time dashboards on student progress,
engagement and assessment results.
2. Lesson Sharing & Collaboration: Discover, re-use, re-mix and
collaborate on lessons from teachers within your school and district.
3. Common Core, Next Gen Science, Custom Standards: Align lessons
to standards and track student mastery of standards.
4. Drag-and-drop: Easily add, insert, and delete resources from all over
the web and from computer.
5. Organization: Group resources into groups, group lessons into
classes and easily organize the students.
(Source: http://blog.blendspace.com/)
6. Presentations: Add online multimedia for examples YouTube videos,
documents and websites.
7. Flipping the Class: Create self-paced lessons and share with using link.
8. Project-based Learning: Students can research, learn and showcase
their projects.
9. Differentiated Instruction: Personalize student learning with different
online materials
(Source: https://www.edsurge.com/blendspace--2)
33. 27 Chapter 3: BlendSpace
GET STARTED WITH BLENDSPACE
Go to http://www.powtoon.com/
Registering Blendspace
Click the ‘JOIN FREE’
button.
STEP 1
STEP 2
34. Chapter 3: BlendSpace 28
Choose your
profile.
Or, you
can sign up
using other
accounts.
Fill in the
required
information.
Then, click
the ‘Sign up’
button.
35. 29 Chapter 3: BlendSpace
Creating Lesson
(a) Lesson Tittle
STEP 3
If this is you
first time
using
Blendspace,
you will be
shown the
tutorial video. Click the
‘Continue’
button to
skip the
video.
36. Chapter 3: BlendSpace 30
Type your
lesson tittle.
(b) Searching Resources
Variety of resources you
can search or insert in
your lesson.
37. 31 Chapter 3: BlendSpace
Lesson title.
Choose your
resource.
Insert keyword
and search.
Click and hold
the best source
you like.
Then, drag it
inside the box.
Example of a Blendspace lesson that has been created
38. Chapter 3: BlendSpace 32
Creating Quizzes
STEP 4
Click at ‘Add
Quiz”.
Enter your question
and answer here.
You can add your
questions here.
Then, click
the ‘Done’
button.
39. 33 Chapter 3: BlendSpace
An example of question that has been created
Creating Classes
STEP 5
Go back to
‘Home”.
40. Chapter 3: BlendSpace 34
Insert ‘Grade
Level’ and ‘Name
of class’.
Then, click at
the ‘Add Class’
button.
Then, click
the ‘Close’
button.
You can start
signing up your
students at the
link given.
Go to ‘Classes’.
Students who
use this Class
Code can
access your
class.
This is the class
that has been
created.
41. 35 Chapter 3: BlendSpace
Tracking Students
STEP 6
Students can give
a comment to
your lessons by
clicking this icon.
Students also
can rate your
lesson by clicking
this icon.
42. Chapter 3: BlendSpace 36
For tracking
view on the
lesson, click
the ‘All Views’
button.
This is the
summary of all
the tracking
view.
43. 37 Chapter 3: BlendSpace
Sharing Lessons, Privacy & Collaborating
(a) Sharing
STEP 7
At your lesson,
click at the
‘Share’ icon.
If you want to
share the lesson
with your students,
click at the class
you have created.
Or, you can share
your lessons to
anyone by sharing the
lesson link.
Go to Home
and click at
‘Lessons’.
Or, you can share your lesson at
your social application or embed it
on your website or blog.
44. Chapter 3: BlendSpace 38
(b) Privacy
(c) Collaborate
Click at
the
‘Privacy’
icon.
Select
the
privacy
settings
that suit
you.
Go to the
‘Collaborate’
icon.
If you want to collaborate
with your friends or
colleagues, insert their
email addresses and click
at the ‘Add’ button.
Or, you can share this
link with your
collaborators.
46. Chapter 4: Prezi 40
WHAT IS PREZI?
Prezi serves a similar function to PowerPoint, but with more powerful and
interesting features. In Prezi presentation are created on a ‘canvas’ rather
than on slides. This encourages presenters to focus on combining text, image
and multimedia. Items on the canvas can be dragged, tilted and zoomed to
create engaging look. A ‘path’ can be drawn between the different elements
on the stage to create animation.
ADVANTAGES OF PREZI
According to Tarr (2009), Prezi has the following benefits:
1. It has the ‘wow’ factor which PowerPoint lost many years ago.
2. The ‘canvas’ layout deters presenters from using too much text.
3. It is easy to incorporate images, sounds and videos into one
presentation.
4. It is very easy to use.
Chapter 4
PREZI
47. 41 Chapter 4: Prezi
USING PREZI
According to Lydia (2010), Prezi can be used in the following manner:
1. Formatting: Prezi limits “glitz” options significantly. It has about 8
backgrounds to choose from, and each has pre-programmed fonts
and colors that can’t be changed. No more getting lost in the color
picker or the font window.
2. Text: It’s easy to put in small amounts of text and more difficult to
enlarge the boxes to add “too much” text. This encourages students
to use bullets rather than paragraphs.
3. Images: Images can be added and users can use frames to zoom in
to a particular portion of a photo. For example, you can have the
program zoom to a portion of the photo- ask prediction questions-then
have the program zoom out to show the entire scene. You can
also easily focus in on a detail that might be lost when viewed as part
of the whole photo.
4. Video: Embedding video doesn’t get much easier than Prezi,
especially if you are taking it from YouTube. Prezi also lets you upload
a wide variety of file formats for images and videos, but limits the file
size to 50 MB for the free version.
5. Sharing: This is a new feature in Prezi, and a pretty significant one.
You can share presentations with up to 10 viewers and allow them to
edit-making collaborative work a breeze. Users can sign up for
accounts easily.
6. Prezis embed easily into most webpages and can be used as
standalone teaching aids with some creativity in the design of the
48. Chapter 4: Prezi 42
presentation. Links to public prezis can be posted or emailed- making
student work easy to share with family and the world.
7. Differentiation: The biggest difference between Prezi and
traditional slideshow programs is the layout. Picture a large, flat
pallette upon which you lay the different elements of your
presentation. They can be in any arrangement you choose, unlike the
linear display of a PowerPoint. Creators use a path to connect the
elements, and this path allows users to move easily from one element
to another and back again. This layout is great for kids who need to
brainstorm, move things around, figure out the order, move it again,
and have flexibility in their design.
8. Wheel Reinvention: It just may be that the presentation you are
wanting to create for your class already exists, at least in a semi-useable
form. Many users post their prezis and allow others to copy
them, edit them, and use them for their own purposes.
49. 43 Chapter 4: Prezi
GET STARTED WITH PREZI
Go to: www.prezi .com
Signing a Free Account
STEP 1
STEP 2
For first time
users, click at the
‘Get started’
button.
50. Chapter 4: Prezi 44
Or, you can
use a free
account.
Choose the type of account
you like to use based on
your preference.
Fill in the
required
information.
Then, click ‘Create
your Public
account’.
51. 45 Chapter 4: Prezi
Creating Prezis
STEP 3
Create ‘New
Prezi’ or choose
the template given.
After you have
chosen the
template or the
blank Prezi, click
this button.
52. Chapter 4: Prezi 46
Prezi Tools
This is an example
of a Prezi with the
template you have
chosen.
STEP 4
Go to the
‘Insert’ icon.
These are the
tools you can
add or insert
in your Prezi.
53. 47 Chapter 4: Prezi
Go to ‘Customize’ to
change your Prezi’s
background or theme.
Using Prezis
(a) Frame
STEP 5
Click at the frame,
you can move,
increase and
decrease the size
Click at the of frame.
‘Zoom to
frame’ button
to enlarge the
frame.
54. Chapter 4: Prezi 48
(b) edit text
Click this icon and
you can remove
and change the
types of your
frame.
Click once inside
the frame. You
can type the text
in the box given.
55. 49 Chapter 4: Prezi
(c) Edit Path
Click at the path
number. You can
remove the path
or you can change
the sequence of
the path.
Click at this
icon.
You can apply
fade-in effect of
the text.
56. Chapter 4: Prezi 50
This is example of a Prezi presentation
Sharing Prezis
STEP 6
To share your
Prezi presentation,
click at this icon.
Then, click
‘Share prezi…’.
Or, you can
share on
Facebook.
You can download
your Prezi
presentation as PDF
for handouts, or as a
portable Prezi for
offline use.
57. 51 Chapter 4: Prezi
If you want to
share your Prezi
to others,
choose your
privacy level.
Copy the link
given and spread
to others.
Or, insert
people’s email
addresses here.
58. Chapter 4: Prezi 52
REFERENCES
Lydia Leimbach. 2010. Prezi. Just Plain Good for Content.
http://rsu2teachertech.wordpress.com/2010/11/09/prezi-just-plain-good-
for-content/ [14 March 2011]
Tarr, R.J. 2009. Prezi: A Quickstart Guide.
http://www.activehistory.co.uk/Miscellaneous/free_stuff/worksheets/Pre
zi.pdf [14 March 2011]
59. 53 Chapter 5: Edynco
WHAT IS EDYNCO?
Edynco is an online tool that can be used to create visual learning maps,
which can include quizzes, images, and videos. Learning maps can then be
exported to your LMS or embedded into your website.
(Source: http://blogs.onlineeducation.touro.edu/create-interactive-learning-maps-
with-edynco/)
BENEFITS OF EDYNCO
The following are some benefits of using Edynco:
1. Benefits for students: Students can open a web page of edynco.com
directly without any search engine, without home page of
edynco.com. Students will save his/her two or three clicks. One click
has huge importance in internet world and education development.
2. Benefits for illiterates: - Illiterates can see videos and they can listen
also.
(Source: http://www.atoall.com/2/m/e.asp?id=edynco.com)
Chapter 5
EDYNCO
60. Chapter 5: Edynco 54
GET STARTED WITH EDYNCO
Go to http://www.edynco.com/
Creating an Account
Click at the ‘Try
it Free’ button.
STEP 1
STEP 2
61. 55 Chapter 5: Edynco
Fill in the
required
information.
Then, click the ‘Sign up’
button. You will received
an email from Edynco and
click the link given to
confirm your Edynco
account.
62. Chapter 5: Edynco 56
Creating Edynco
Click at the
‘Library’
icon.
(a) Creating Micro Lectures
STEP 3
These are
the items
you can
create and
save in
your
library.
To create a micro
lecture, go to the
‘Micro lectures’ icon
and click the ‘Create
new Micro lecture’
button.
Go to
‘Home’.
63. 57 Chapter 5: Edynco
Type the
title of your
Micro
lecture here.
Then,
click the
‘OK’
button.
Click at the ‘+ Add
Slide’ button to strat
creating your Micro
lecture.
You can upload
your slides from
any of your
Power Point
files or you can
upload images.
Once you have
finished upload
the files, click
the ‘Close’
button.
64. Chapter 5: Edynco 58
Mark the
‘Choose’ to
select the slide
you like to put
in your micro
lecture.
Or, you can
choose all the
slides. Click the
‘OK’ button
once you have
finished
selecting.
Click this icon
to start
recording your
lecture.
Click the ‘Allow’
button to use a
microphone or a
webcam to make
recording on the slide.
Then, click the
‘Next’ button.
65. 59 Chapter 5: Edynco
(b) Creating Quizzes
Now you can
start recording
your voice on
the slide.
To create a quiz,
go to ‘quizzes’
icon and click
the ‘Create new
Quiz’ button.
Insert the
title of the
quiz here.
Then, click
the ‘OK’
button.
66. Chapter 5: Edynco 60
Choose the
type of
question.
Then, click
the ‘Next’
button.
Type your
question
here.
Type your
answer
here.
Then, click
the ‘Next’
button.
Select the
correct
answers.
Click the
‘Next’
button.
67. 61 Chapter 5: Edynco
(c) Adding Videos
This is an
example of
question
created.
Set your
question
options.
Then, click
the ‘Finish’
button.
To add a video,
go to the ‘Video’
icon and click the
‘Add new video’
button.
Click the
‘Choose files’
button to insert a
video from your
computer. Then, click
the ‘Upload’
button.
68. Chapter 5: Edynco 62
(d) Adding PDF/Images/Audio
Wait for the
video to finish
uploading.
This is an example
of a video uploaded
and saved in the
library.
To add PDF/Images/Audio,
go to
‘PDF/Images/Audio/Various
documents’ icon.
Click the ‘Add new
PDF/Images/Audio/Various
documents’ button.
69. 63 Chapter 5: Edynco
Creating Learning Maps
STEP 4
Click the ‘Choose
files’ button to insert
PDF/Images/Audio/
Various documents.
Then, click
the ‘Upload’
button.
Click at the
‘Learning
maps’ icon.
Then, click at the
‘Create new
Learning Map’.
70. Chapter 5: Edynco 64
Insert the
learning map
title here.
Then, click
at the ‘OK’
button.
Choose blank
or ready-made
template of
learning map.
This is an
example of a
learning map
created.
71. 65 Chapter 5: Edynco
Creating Groups
STEP 5
Click at the
‘Groups’
icon.
Then, click
at the
‘Create
new
Group’.
Click at the
‘Create’
button.
Insert the
group
information.
Select the
viability of the
groups either
published to
public or
otherwise.
72. Chapter 5: Edynco 66
(a) Noticeboard
This is an
example of
the group
created.
Go to the
‘Noticeboard’
button.
Insert the
require
information.
Then, click at
the ‘Save’
button.
Click this
icon to add
contents.
73. 67 Chapter 5: Edynco
(b) Learning Materials
(c) Assignments
Go to the
‘Learning
materials’
button.
Click at the
‘Add
content’
button.
Insert any
content you
like (learning
map, micro
lectures and
quizzes) from
your library.
Go to the
‘Assignment’
button.
Click at the
‘New
assignment’
button.
74. Chapter 5: Edynco 68
Inviting Students
Choose type of
an assignment
you want to
insert.
STEP 6
Then click at
the ‘OK’
button.
These are
examples of
assignment
inserted in the
group.
Go to the
Types of ‘Students’.
invitation.
75. 69 Chapter 5: Edynco
(a) Inviting New Students
(b) Adding Manually
Insert the
required
information for
inviting new
students.
Then, click at
the ‘Add’
button.
Then, click at
the ‘Invite’
button.
To add students
manually, insert
the require
information.
77. 71 Chapter 6: RawShorts
WHAT IS RAWSHORTS?
RawShorts is a DIY video builder that helps businesses, educators, and
individuals to create explainer videos that showcase the company core
functions, content materials and anything in interesting ways.
(Source: http://www.rawshorts.com/)
ADVANTAGES OF RAWSHORTS
The following are some advantages of using RawShorts:
1. RawShorts is the fastest, easiest, and most cost-effective solution for
producing professional-looking explainer videos, animated
presentations, demo & marketing videos for business.
2. For training and education, it can captivate audience or students with
the power of video. Making animated video presentations can keep
students engaged with learning and make the learning is fun.
(Source: www.rawshorts.com)
Chapter 6
RAWSHORTS
78. Chapter 6: RawShorts 72
GET STARTED WITH RAWSHORTS
Go to: http://www.rawshorts.com/
Signing a Free Account
STEP 1
STEP 2
Click at the ‘SIGN
UP FOR FREE’
button.
Then, click at
the ‘SIGN UP’
button.
Insert the
required
information.
79. 73 Chapter 6: RawShorts
You will receive the
confirmation email
that has been sent to
your registered email
address.
Check your
email and click
the link given
or this button
to verify your
email.
Now, you can start
creating your video
by clicking this
button.
80. Chapter 6: RawShorts 74
Creating Video
STEP 3
Choose the
template given or
you can start
using a blank
template.
Then, click
at the
‘Create
New Video’.
Insert the
required
information.
81. 75 Chapter 6: RawShorts
Click at the
‘Launch Video
Builder’ to start
creating your
video.
(a) Tools
Basic Tools. Insert Tools.
Slides or
scenes.
Player Tools.
82. Chapter 6: RawShorts 76
(b) Editing Texts
Play the scene
and press pause
to edit the
template.
If you want to edit
text or media, click
at the text or media
once.
Edit the text.
Click at this
icon to start
editing.
Then, click at
the ‘Apply’
button.
83. 77 Chapter 6: RawShorts
(b) Editing Media
Click at the
media once
and click at
this icon to
start editing.
Choose any
media that suit
with your
scene or slide.
Then, click at
the ‘Apply’
button.
84. Chapter 6: RawShorts 78
(c) Editing Fade In
(d) Inserting Slide Transitions
At the
timeline, click
at this icon.
Choose the
‘Fade in’ you
like.
Then, click at
the ‘Apply’
button.
At your slide
or scene, click
at this icon.
Choose the
‘Slide
Transition’
you like.
Then, click at
the ‘Apply’
button.
85. 79 Chapter 6: RawShorts
(e) Inserting Images
To edit an
image, click at
this image
once.
Click the
‘Browse’ button
to upload an
image from your
computer.
86. Chapter 6: RawShorts 80
Then, click at
the ‘Next’
button.
Select the
image you
have
uploaded.
Make the
image center
and fit with
the frame .
Then, click at
the ‘Apply’
button.
This is an
example of
the image
edited.
87. 81 Chapter 6: RawShorts
Changing Backgrounds
STEP 4
Then, go to the
‘BACKGROUND
S’ media tools.
Then, click at
the ‘Apply’
button.
Choose the
background
you like.
Go to any slide or
scene you want to
change the
background.
88. Chapter 6: RawShorts 82
Inserting Audio
This is an example
of the background
that has been
changed.
After you choose
the template or
the blank prezi.
Then, click these
buttons.
STEP 5
Go to the
‘AUDIO’
settings.
89. 83 Chapter 6: RawShorts
Sharing RawShort Videos
To share a Rawshort
video you have created,
go to the ‘Share’ or
‘Upload’ icon.
STEP 6
Then, click at
the ‘Apply’
button.
Upload and
audio (music or
voice recording)
from your
computer.
This window will
appear to display
the instruction on
how to upload and
share video.
Then, click the
‘OK!’ button to
close the window.
90. Chapter 6: RawShorts 84
To share and
upload video, go
to ‘Home’ and
click at the
‘VIDEO
PROJECTS’ tab.
Then, click at
the videos you
have chosen to
share.
At the bottom of
the video, you
will see this
function.
91. 85 Chapter 6: RawShorts
(a) Publish
(b) Sharing
Go to ‘Publish’
Then, click at tab.
the ‘YouTube’
icon.
Choose your
type of export
and click at the
‘Add YouTube
Account’
button. Then, click at
the ‘Export
Video’ button.
Go to the
‘Share’ tab.
Use this setting
to share using
social media.
92. Chapter 6: RawShorts 86
(c) Download
Go to the
‘Download’ tab.
Then, click at the
‘Download’ button
to start
downloading.
94. Chapter 7: Visme 88
WHAT IS VISME?
Easily create online presentations, animations, animated HTML5 banners,
infographics and other rich visual content for free in browser.
(Source: http://www.visme.co/)
ADVANTAGES OF VISME
The following are some advantages of Visme:
1. It is simple online tool to create engaging content that can display
anywhere.
2. Free to add and edit anything from various sources online.
3. Publish and share everywhere on social network, embed on website
and blog.
4. Can download to use offline.
(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. Easy to share presentations, infographics and other forms of
interactive content.
(Source: https://edshelf.com/tool/visme)
Chapter 7
VISME
95. 89 Chapter 7: Visme
USAGE OF VISME IN THE CLASSROOM
1. Create educational slideshows and Infographics to introduce and
interest students in a topic of study.
2. Use to generate questions prior to the discussion of topics
3. Create a multi-image slideshow where students brainstorm how the
images are all connected.
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. Find images with various shapes when discussing geometry or shapes
in nature.
8. Find pictures of plants or animals for a science unit, etc. World
language students can create digital photo stories to narrate using
new vocabulary.
9. Present teacher professional development or an end of year display
for the school media center.
(Source: http://www.teachersfirst.com/single.cfm?id=15508)
96. Chapter 7: Visme 90
GET STARTED WITH VISME
Go to: http://my.visme.co/
Signing a Free Account
STEP 1
STEP 2
Click at the
‘GET
STARTED’
button.
97. 91 Chapter 7: Visme
Create New Visme
STEP 3
Go to the ‘Visme’
tab.
Then, click at the
‘CREATE NEW
ACCOUNT’.
Fill in the
require
information.
Or, you can
login using your
Facebook
account.
Then, click at
‘+ Create New
Visme’.
98. Chapter 7: Visme 92
Insert the name of
your project or
presentation title.
Then, click at the
‘Continue’ button.
To create a
presentation,
click at the
‘Presentation’
icon.
Then, choose the
template that suit
with your
presentation.
99. 93 Chapter 7: Visme
Visme Tools
(a) Insert tools
Setting Menu
Insert Tools
Basic Tools
Manage Slides
STEP 4
Type your project
here.
You can click
‘Save’ to save
your file.
100. Chapter 7: Visme 94
(b) Managing Slides
button. To insert or
edit transition
between slides,
click at this
button.
Creating Visme
To add slide,
click this
STEP 5
(a) Editing/Inserting Background
To edit or insert
background, click
at this icon.
Then, select the
background you
like.
101. 95 Chapter 7: Visme
(b) Editing & Inserting Text
To edit the
text, click this
area.
This is text
editing tools.
To insert text
animation or
text widget,
click at this
icon.
These are the
text animations.
These are the
text widgets.
102. Chapter 7: Visme 96
(c) Adding New Slides
To adding a
new slide, click
at the ‘+ Slides’
button.
Select the
layout for your
new slide.
103. 97 Chapter 7: Visme
(d) Transition Between Slides
(e) Inserting Images
To add or
change
transition
between
slides, click at
this icon.
Edit the setting
of the slide
transition.
Upload an image
manually by
dragging and
dropping the
image here.
To insert an
image, click at
this icon.
Or, insert an
image by
searching the
image by
keywords
here.
104. Chapter 7: Visme 98
(f) Inserting Charts
This is an
example of the
image inserted.
This is the
image editing
tools.
Add new slide.
105. 99 Chapter 7: Visme
Choose this
type of layout.
This is an
example of the
chart.
To edit the
chart, click at
this icon.
Edit the data
here.
Select your
chart type here.
Or, you can
import the data
from other
files.
Then, click at
the ‘Insert’
button.
106. Chapter 7: Visme 100
Click at this
icon.
You can insert
‘Infograph
widget’ into
your slide.
You also can
insert the chart
to the slide by
clicking this
button.
This is an
example of
inforgraph.
107. 101 Chapter 7: Visme
(g) Inserting Shapes and Objects
To insert
shapes and
objects, click at
this icon.
This is example
of the icon for
science and
technology.
Select the
object theme
you prefer.
108. Chapter 7: Visme 102
(h) Adding Videos
Add new slide.
Choose this
type of layout.
Or, click this
icon to insert a
video into your
slide.
Then, click this
video
placeholder.
109. 103 Chapter 7: Visme
(i) Inserting Audios
Insert the
Youtube or
Vimeo link
here.
Then, click at the
‘Done’ button.
This is an
example of the
video in the
slide.
To insert
audio, click at
this icon.
110. Chapter 7: Visme 104
Then, click at
the ‘Done’
button.
Previewing Presentations
Insert your
audio URL
here.
This is the icon
for the audio
inserted in the
slide.
STEP 6
Click at the
‘Preview’
button.
111. 105 Chapter 7: Visme
Publishing Slides
(a) Sharing
This is the
preview of the
slide created.
STEP 7
Click at ‘Share
this Work’.
Use this link to
publish your
work.
Or, you can
share using
social media.
112. Chapter 7: Visme 106
(b) Embeding
(c) Downloading
Click at ‘Embed
to a Site or
Blog’.
Use this embed
code to embed
your presentation
in the blog.
Click at
‘Download
Work’.
Select the types
of download
you prefer.
114. Chapter 8: Haiku Deck 108
WHAT IS HAIKU DECK?
Chapter 8
HAIKU DECK
Haiku Deck is a free app that makes presentations simple, beautiful, and fun.
(Source: https://www.haikudeck.com/)
BENEFITS OF USING HAIKU DECK
The following are some benefits of using Haiku Deck:
1. Easy to use.
2. Keeps text brief and to the point.
3. No distracting animation.
4. No searching google for images.
5. Images are bright and beautiful.
6. Beyond simple to use HaikuDeck.
(Source: http://www.slideshare.net/LisaCasey67/benefits-of-using-haikudeck-
38435957)
115. 109 Chapter 8: Haiku Deck
ADVANTAGES OF HAIKU DECK
The following are some advantages of Haiku Deck:
1. A mobile platform that can be edit and share presentations easily
from anywhere, anytime without huge files or bulky attachments.
2. Stunning design and layout, allowing to focus time and energy on the
message.
3. Impactful, high-quality images licensed under Creative Commons that
complement the lectures and lessons.
4. Create pie charts, bar graphs, and stat charts directly in the app.
(Source: http://facultyecommons.org/haiku-deck-visual-presentations/)
116. Chapter 8: Haiku Deck 110
GET STARTED WITH HAIKU DECK
Go to: https://www.haikudeck.com/
Signing a Free Account
STEP 1
STEP 2
Choose the
platform
you intend
to use
Haiku
Deck.
117. 111 Chapter 8: Haiku Deck
Go to “GET A
NEW ACCOUNT’
or you can sign in
using your social
accounts.
Insert the
required
information.
Then, click the
‘SIGN UP’
button.
118. Chapter 8: Haiku Deck 112
Haiku Deck Tools
(a) Basic Tools
STEP 3
Now, you can start
creating your Haiku Deck
by clicking the ‘GET
STARTED>’ button.
Basic Tools
Insert Tools
Slide Tools
119. 113 Chapter 8: Haiku Deck
(b) Insert Tools
Creating Haiku Decks
(a) Choosing Themes
STEP 4
You can use ready-made
themes by
clicking this button.
Choose your theme
that suit your
presentation.
120. Chapter 8: Haiku Deck 114
(b) Editing/Inserting Texts
(c) Inserting Images
You can edit
the text directly
from the slide.
You need to
select slide
type.
Or. You can
click this icon
to insert the
text manually.
Click this icon.
You can search any
image online by
typing the phrase
of the image.
Or, you can
upload image
from your files.
You can tick here to
make the image as a
text background.
121. 115 Chapter 8: Haiku Deck
These are images that
will appear based on
your keyword search.
(d) Adding Slides
This is an example of
the image used as a
text background.
You also can
upload or
insert the
image from
these
applications.
You can drag
the image
directly here.
Or, you can click the
‘Choose File’ button to
insert image manually.
To add a slide,
click at this
icon.
The slides
added will be
shown here.
122. Chapter 8: Haiku Deck 116
This is an example
of the new slide
that has been
created.
(e) Inserting Charts
To insert a
chart, go to this
icon.
Then, click at
this icon.
Select the type
of your chart.
This is an
example of the
chart created.
123. 117 Chapter 8: Haiku Deck
(f) Adding Notes
(g) Privacy
To insert notes,
go to this icon.
You can insert
any notes,
details or link
here.
This is an example
of the link inserted
in the notes.
Go to this icon.
Choose your
privacy setting.
124. Chapter 8: Haiku Deck 118
(h) Viewing Presentations
(h) Sharing
To view your
presentation, click
at this icon.
This is an
example of a
presentation.
To share your
presentation,
click at this
icon.
125. 119 Chapter 8: Haiku Deck
(i) Exporting
Insert the
description of your
presentation.
Select the category
of your
presentation.
Then, share your
presentation at any
social media you like.
To publish your
presentation, click
at this icon.
Insert the
description of your
presentation.
Select the
category of your
presentation.
Then, you can export
your presentation either
as a PDF or PPT format.
127. 121 Chapter 9: SlideDog
WHAT IS SLIDEDOG?
SlideDog is a multimedia presentation tool that lets you combine PowerPoint
presentations, PDF files, Prezi presentations, movie clips, web pages, and
more into one innovative, seamless viewing experience.
(Source: http://slidedog.com/features/)
ADVANTAGES OF SLIDEDOG
The following are the advantages of SlideDog
1. Powerful tool designed for handling multimedia that allows you to
create impressive presentations using different files and media types.
2. It can mix PowerPoint files, PDF documents, website snippets, images
and movies together without worrying about format conflicts or
issues.
3. It works with a dual display which has a separate presenter screen
with your playlist, timer and notes while the audience only sees your
slides.
(Source: http://m.en.softonic.com/app/slidedog)
Chapter 9
SLIDEDOG
128. Chapter 9: SlideDog 122
GET STARTED WITH SLIDEDOG
Go to: http://slidedog.com/
Downloading SlideDog
STEP 1
STEP 2
Go to the
‘DOWLOAD’ button.
After the file has
download. Click at
the ‘RUN’ button. Then, click at
the ‘Next>’
button.
129. 123 Chapter 9: SlideDog
Click at the ‘I
Agree’ button.
Click at the
‘Install’ button.
After the
installation, click at
the ‘Next’ button.
Finally, click at
the ‘Finish’
button.
130. Chapter 9: SlideDog 124
Running SlideDog
STEP 3
To run or start using
SlideDog, click the icon
of the SlideDog on
your screen.
Wait for a
second.
Select your
job.
Then click this
button.
Or, if none
above click
here.
131. 125 Chapter 9: SlideDog
SlideDog Tools
STEP 4
Lastly, you will
be shown the
SlideDog video
tutorials.
Web Remote
and Live Sharing
Tools.
Main Tools
Adding Items Tools.
132. Chapter 9: SlideDog 126
(a) Main Tools
(b) Adding Item Tools
Lock or unlock
the playlist.
Add items.
Items added
Add files and
interactive items.
133. 127 Chapter 9: SlideDog
(b) Web Remote & Live Sharing
Adding Items
Web remote.
Live sharing.
STEP 5
Click at the
‘ADD ITEM’
icon.
Select the items
you want to
insert.
For interactive
items, you can
insert poll,
feedback and
chat.
134. Chapter 9: SlideDog 128
(a) Adding Polls
Insert the
question and
alternative
answers.
You can add more
alternative
answers.
Then, click at the
‘Add to playlist’
button.
135. 129 Chapter 9: SlideDog
(b) Adding Feedbacks
(c) Adding Web Pages
Insert the
feedback
question and
feedback scale.
Then, click at the
‘Add to playlist’
button.
Click at ‘From
Web’.
Then select ‘Web
Page’.
136. Chapter 9: SlideDog 130
Enter the URL address
of the web page you
want to insert in your
(c) Adding YouTubes
(d) Adding Files
presentation.
Then, click at the
‘ADD LINK’
button.
Click at ‘From
Web’.
Then, select
‘YouTube’.
To add other
files from your
computer, for
example ppt, pdf
etc. Click at
‘From Disk’.
137. 131 Chapter 9: SlideDog
Showing Presentations
STEP 6
Go to the
‘START SHOW’
button.
This is an example of a SlideDog presentation that has been created
138. Chapter 9: SlideDog 132
Web Remote
Live Sharing
STEP 7
To control your
SlideDog from
phone or any
device, click at
this icon.
STEP 8
Swipe to ‘ON’
the web remote.
Click at this icon
for ‘Live Sharing’.
Swipe to ‘ON’
the live sharing.
140. Chapter 10: Sparkol 134
WHAT IS SPARKOL?
Chapter 10
SPARKOL
Sparkol is a 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 with VideoScribe 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.
141. 135 Chapter 10: Sparkol
5. Teachers can be creative in their approach to delivering what can
sometimes be bored material. Teachers 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/)
142. Chapter 10: Sparkol 136
GET STARTED WITH SPARKOL
Go to: http://www.sparkol.com/
Installing Sparkol
STEP 1
STEP 2
Firstly, click at the
‘GO TO
VIDEOSCRIBE
WEBSITE’ button.
Insert your email
here for
registration.
Then, click this
button. You only
have 7 days for
the free trial.
143. 137 Chapter 10: Sparkol
Click at the
‘START
VIDEOSCRIBE
FREE TRIAL’
button.
Fill in the required
information.
Sparkol will send an
email to your email
address. You need to
click at the link given.
Then, the VideoScribe
will be downloaded
automatically in your
computer.
144. Chapter 10: Sparkol 138
Once the file has
finished download,
click at the ‘RUN’
button.
Then, click at the
‘Next>’ button.
Click at the ‘Next>’
button again.
145. 139 Chapter 10: Sparkol
Click at the
‘Install’ button.
Running VideoScribe
After the
installation, click at
the ‘Next’ button.
Finally, click at
the ‘Finish’
button.
STEP 3
To run or start using
Sparkol VideoScribe,
double click this icon
placed on your screen.
146. Chapter 10: Sparkol 140
Wait for the
VideoScribe to finished
checking the contents.
Insert again your
registered email and
password.
Then, click at
‘LOG IN’
button.
147. 141 Chapter 10: Sparkol
You will be
shown the
tutorial video
before you
start using it.
Click this icon to
agree the trial
licence agreement.
Click this icon
to skip the
tutorial video.
148. Chapter 10: Sparkol 142
Create new
scribe
Online
storage
Example
scribe
This is your
VideoScribe
main menu
149. 143 Chapter 10: Sparkol
VideoScribe Tools
(a) Basic Tools
STEP 4
Basic Tools
Play/Preview and
Publish Scribe
Tools.
Elements
150. Chapter 10: Sparkol 144
(b) Play/Preview & Publish Scribe Tools
Creating VideoScribes
(a) Adding Texts
Change or
import new
font.
Change the
font color.
Insert to
canvas.
Type your
text here.
Cancel
Click at this
icon to add
text.
STEP 5
151. 145 Chapter 10: Sparkol
This is an example of the text added on the canvas
(b) Inserting Images
Click at this
icon to add
images.
Import SVG,
Bitmap
images, or
Zip file from
your
computer. Enter web URL to
download SVG or
bitmap images.
Insert a keyword
here to search
images.
152. Chapter 10: Sparkol 146
An example
of the image
inserted on
the canvas.
(c) Inserting Music/Audio
Click at this
icon to add
/insert
music/audio.
Select the
music given
here.
Or, import the
MP3 audio from
the computer. Or, enter
web URL to
download
mp3 audio.
153. 147 Chapter 10: Sparkol
(d) Inserting Voices
(e) Background Colors
Import MP3
sounds from
your
computer.
Enter web
url to
download
mp3.
Click at the
‘RECORD’
button to start
recording your
voice.
Click at this
icon to insert
your voice.
Click at this
icon to change
your canvas
background.
154. Chapter 10: Sparkol 148
Select the
texture of
your
background.
Select the color
of the
background.
This is an example of the background that has been changed
155. 149 Chapter 10: Sparkol
(f) Base hand
Click at this
icon to change
your canvas
background.
Select the base
hand for your
VideoScribe.
Or, you can
created or add
your own base
hand.
This is an example of base hand used in VideoScribe
156. Chapter 10: Sparkol 150
(g) Editing Elements
Then, click
here to
change the
properties of
the element.
Playing/Previewing & Publishing
Click once at any
element you like
to edit.
This is an
example of
properties of
the elements.
STEP 6
(a) Playing & Previewing the VideoScribe
Click at this
icon to
preview/play
your
VideoScribe.
157. 151 Chapter 10: Sparkol
This is an example of a preview
(b) Publishing or Rendering
Click at this
icon to publish
your
VideoScribe.
Click at this
icon to
download in
ppt format.
You can share
your video
using
YouTube and
Facebook.