Web 2.0 Presentation Tools: A Quick Guide

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Web 2.0 Presentation Tools:
A Quick Guide
MOHAMED AMIN EMBI
Centre for Teaching & Learning Technologies
Universiti Keb...

Table of Contents i
TABLE OF CONTENTS
Page
CHAPTER 1 POWTOON
What is Powtoon?……………………………………………………..
Benefits of Powto...

ii Table of Contents
CHAPTER 4 PREZI
What is Prezi?………………………………………………………..…
Advantages of Prezi…………………………………………………...
...

Advertisement

Table of Contents iii
CHAPTER 8 HAIKU DECK
What is Haiku Deck?…………………………………………………
Benefits of Using Haiku Deck.……………………...

1 Chapter 1: Powtoon
WHAT IS POWTOON?
Powtoon is the animated presentation tool that allows users with no technical
or ...

Chapter 1: Powtoon 2
ADVANTAGES OF USING POWTOON IN EDUCATION
The following are some advantages of using Powtoon in educ...

3 Chapter 1: Powtoon
GET STARTED WITH POWTOON
Go to http://www.powtoon.com/
Creating Account
Click ‘Sign up for
free’...

Advertisement

Chapter 1: Powtoon 4
Now you
can start
powtooning
.
Fill in the
required
information.
Or, you
can sign up
using ...

5 Chapter 1: Powtoon
Creating Powtoons
Open your
‘Dashboard’.
STEP 3
Click ‘Create’ button
to start creating your
P...

Chapter 1: Powtoon 6
This is your Powtoon
project. You can start
editing by using the
Powtoon tools.
This is an examp...

7 Chapter 1: Powtoon
Powtoon Tools
(a) Basic Tools
STEP 4
Basic tool.
Player tool.
My Styles
options.
Time frame
...

Chapter 1: Powtoon 8
(b) My Styles Option
Choose your style. It will
provide different designs of
your sub tools (eg: ...

Advertisement

9 Chapter 1: Powtoon
(iii) Characters & Animation
(iv) Props

Chapter 1: Powtoon 10
(v) Markers & Shapes
(vi) Transitions
(vii) Backgrounds

11 Chapter 1: Powtoon
(c) Player tool
(d) Time frame tool
Publishing Powtoons
Add and
delete second.
Sound and sound...

Chapter 1: Powtoon 12
You can publish it
as a video
presentation.
Or, you can choose to
publish your Powtoon
present...

13 Chapter 1: Powtoon
REFERENCES
http://www.powtoon.com/ [7 August 2014].
http://peacockcreative.net/07/presentations/p...

Advertisement

Chapter 2: Emaze 14
WHAT IS EMAZE?
Emaze is a tool that empower users to create and share presentations both
online and...

15 Chapter 2: Emaze
ADVANTAGES OF USING EMAZE IN EDUCATION
The following are some advantages of using Emaze in education...

Chapter 2: Emaze 16
GET STARTED WITH EMAZE
Go to http://www.emaze.com/
Sign Up
Click ‘Sign up for
free’ to create an ...

17 Chapter 2: Emaze
Click the ‘SIGN
UP’ button to
register.
You can choose free or
paid account based on
your intere...

Chapter 2: Emaze 18
Creating Presentation
Or, you can
choose any
templates that
suit with your
presentation.
STEP 3...

Advertisement

19 Chapter 2: Emaze
Slide tools. Insert tools. Basic tools.
*** You can use these tools to edit your presentation.
(a) ...

Chapter 2: Emaze 20
Inserting Charts
STEP 4
Go to the insert
tool and click at
the ‘CHART’ icon.
Choose any type
of...

21 Chapter 2: Emaze
Inserting Videos
Inserting Images
STEP 5
Click the
‘VIDEO’ icon.
STEP 6
Or, insert the URL
of ...

Chapter 2: Emaze 22
Voice Recording
STEP 7
Example of a presentation that has been created
Click the
‘PLAY’ button.
...

23 Chapter 2: Emaze
Sharing Presentations
STEP 8
Play your
presentation
and these
icon tools will
be shown.
To sha...

Advertisement

Chapter 2: Emaze 24
REFERENCES
http://www.emaze.com/ [14 August 2014]
Hagle, W. 2013. Emaze: A Better Way To Make And S...

25 Chapter 3: BlendSpace
WHAT IS BLENDSPACE?
Chapter 3
BLENDSPACE
Blendspace is the easiest way to blend your classroo...

Chapter 3: BlendSpace 26
ADVANTAGES OF USING BLENDSPACE IN EDUCATION
The following some advantages of using Blendspace i...

27 Chapter 3: BlendSpace
GET STARTED WITH BLENDSPACE
Go to http://www.powtoon.com/
Registering Blendspace
Click the ‘J...

Advertisement

29 Chapter 3: BlendSpace
Creating Lesson
(a) Lesson Tittle
STEP 3
If this is you
first time
using
Blendspace,
you ...

Chapter 3: BlendSpace 30
Type your
lesson tittle.
(b) Searching Resources
Variety of resources you
can search or inse...

31 Chapter 3: BlendSpace
Lesson title.
Choose your
resource.
Insert keyword
and search.
Click and hold
the best sou...

Chapter 3: BlendSpace 32
Creating Quizzes
STEP 4
Click at ‘Add
Quiz”.
Enter your question
and answer here.
You can ...

33 Chapter 3: BlendSpace
An example of question that has been created
Creating Classes
STEP 5
Go back to
‘Home”.

Advertisement

Chapter 3: BlendSpace 34
Insert ‘Grade
Level’ and ‘Name
of class’.
Then, click at
the ‘Add Class’
button.
Then, cli...

35 Chapter 3: BlendSpace
Tracking Students
STEP 6
Students can give
a comment to
your lessons by
clicking this icon....

Chapter 3: BlendSpace 36
For tracking
view on the
lesson, click
the ‘All Views’
button.
This is the
summary of all ...

37 Chapter 3: BlendSpace
Sharing Lessons, Privacy & Collaborating
(a) Sharing
STEP 7
At your lesson,
click at the
‘S...

Chapter 3: BlendSpace 38
(b) Privacy
(c) Collaborate
Click at
the
‘Privacy’
icon.
Select
the
privacy
settings
t...

Advertisement

39 Chapter 3: BlendSpace
REFERENCES
http://blog.blendspace.com/
http://usingblendspace.wikispaces.com/Benefits+of+Blend...

Chapter 4: Prezi 40
WHAT IS PREZI?
Prezi serves a similar function to PowerPoint, but with more powerful and
interestin...

41 Chapter 4: Prezi
USING PREZI
According to Lydia (2010), Prezi can be used in the following manner:
1. Formatting: Pr...

Chapter 4: Prezi 42
presentation. Links to public prezis can be posted or emailed- making
student work easy to share wit...

43 Chapter 4: Prezi
GET STARTED WITH PREZI
Go to: www.prezi .com
Signing a Free Account
STEP 1
STEP 2
For first time...

Advertisement

Chapter 4: Prezi 44
Or, you can
use a free
account.
Choose the type of account
you like to use based on
your prefere...

45 Chapter 4: Prezi
Creating Prezis
STEP 3
Create ‘New
Prezi’ or choose
the template given.
After you have
chosen t...

Chapter 4: Prezi 46
Prezi Tools
This is an example
of a Prezi with the
template you have
chosen.
STEP 4
Go to the
...

47 Chapter 4: Prezi
Go to ‘Customize’ to
change your Prezi’s
background or theme.
Using Prezis
(a) Frame
STEP 5
Cli...

Chapter 4: Prezi 48
(b) edit text
Click this icon and
you can remove
and change the
types of your
frame.
Click once...

49 Chapter 4: Prezi
(c) Edit Path
Click at the path
number. You can
remove the path
or you can change
the sequence o...

Chapter 4: Prezi 50
This is example of a Prezi presentation
Sharing Prezis
STEP 6
To share your
Prezi presentation,
...

51 Chapter 4: Prezi
If you want to
share your Prezi
to others,
choose your
privacy level.
Copy the link
given and s...

Chapter 4: Prezi 52
REFERENCES
Lydia Leimbach. 2010. Prezi. Just Plain Good for Content.
http://rsu2teachertech.wordpre...

53 Chapter 5: Edynco
WHAT IS EDYNCO?
Edynco is an online tool that can be used to create visual learning maps,
which ca...

Chapter 5: Edynco 54
GET STARTED WITH EDYNCO
Go to http://www.edynco.com/
Creating an Account
Click at the ‘Try
it Fr...

55 Chapter 5: Edynco
Fill in the
required
information.
Then, click the ‘Sign up’
button. You will received
an email ...

Chapter 5: Edynco 56
Creating Edynco
Click at the
‘Library’
icon.
(a) Creating Micro Lectures
STEP 3
These are
the...

57 Chapter 5: Edynco
Type the
title of your
Micro
lecture here.
Then,
click the
‘OK’
button.
Click at the ‘+ Add ...

Chapter 5: Edynco 58
Mark the
‘Choose’ to
select the slide
you like to put
in your micro
lecture.
Or, you can
choo...

59 Chapter 5: Edynco
(b) Creating Quizzes
Now you can
start recording
your voice on
the slide.
To create a quiz,
go...

Chapter 5: Edynco 60
Choose the
type of
question.
Then, click
the ‘Next’
button.
Type your
question
here.
Type y...

61 Chapter 5: Edynco
(c) Adding Videos
This is an
example of
question
created.
Set your
question
options.
Then, c...

Chapter 5: Edynco 62
(d) Adding PDF/Images/Audio
Wait for the
video to finish
uploading.
This is an example
of a vid...

63 Chapter 5: Edynco
Creating Learning Maps
STEP 4
Click the ‘Choose
files’ button to insert
PDF/Images/Audio/
Vario...

Chapter 5: Edynco 64
Insert the
learning map
title here.
Then, click
at the ‘OK’
button.
Choose blank
or ready-mad...

65 Chapter 5: Edynco
Creating Groups
STEP 5
Click at the
‘Groups’
icon.
Then, click
at the
‘Create
new
Group’.
...

Chapter 5: Edynco 66
(a) Noticeboard
This is an
example of
the group
created.
Go to the
‘Noticeboard’
button.
Ins...

67 Chapter 5: Edynco
(b) Learning Materials
(c) Assignments
Go to the
‘Learning
materials’
button.
Click at the
‘A...

Chapter 5: Edynco 68
Inviting Students
Choose type of
an assignment
you want to
insert.
STEP 6
Then click at
the ‘...

69 Chapter 5: Edynco
(a) Inviting New Students
(b) Adding Manually
Insert the
required
information for
inviting new ...

Chapter 5: Edynco 70
REFERENCES
http://blogs.onlineeducation.touro.edu/create-interactive-learning-maps-with-edynco/
ht...

71 Chapter 6: RawShorts
WHAT IS RAWSHORTS?
RawShorts is a DIY video builder that helps businesses, educators, and
indiv...

Chapter 6: RawShorts 72
GET STARTED WITH RAWSHORTS
Go to: http://www.rawshorts.com/
Signing a Free Account
STEP 1
STE...

73 Chapter 6: RawShorts
You will receive the
confirmation email
that has been sent to
your registered email
address. ...

Chapter 6: RawShorts 74
Creating Video
STEP 3
Choose the
template given or
you can start
using a blank
template.
T...

75 Chapter 6: RawShorts
Click at the
‘Launch Video
Builder’ to start
creating your
video.
(a) Tools
Basic Tools. In...

Chapter 6: RawShorts 76
(b) Editing Texts
Play the scene
and press pause
to edit the
template.
If you want to edit
...

77 Chapter 6: RawShorts
(b) Editing Media
Click at the
media once
and click at
this icon to
start editing.
Choose a...

Chapter 6: RawShorts 78
(c) Editing Fade In
(d) Inserting Slide Transitions
At the
timeline, click
at this icon.
Cho...

79 Chapter 6: RawShorts
(e) Inserting Images
To edit an
image, click at
this image
once.
Click the
‘Browse’ button ...

Chapter 6: RawShorts 80
Then, click at
the ‘Next’
button.
Select the
image you
have
uploaded.
Make the
image cent...

81 Chapter 6: RawShorts
Changing Backgrounds
STEP 4
Then, go to the
‘BACKGROUND
S’ media tools.
Then, click at
the ...

Chapter 6: RawShorts 82
Inserting Audio
This is an example
of the background
that has been
changed.
After you choose...

83 Chapter 6: RawShorts
Sharing RawShort Videos
To share a Rawshort
video you have created,
go to the ‘Share’ or
‘Upl...

Chapter 6: RawShorts 84
To share and
upload video, go
to ‘Home’ and
click at the
‘VIDEO
PROJECTS’ tab.
Then, click ...

85 Chapter 6: RawShorts
(a) Publish
(b) Sharing
Go to ‘Publish’
Then, click at tab.
the ‘YouTube’
icon.
Choose your...

Chapter 6: RawShorts 86
(c) Download
Go to the
‘Download’ tab.
Then, click at the
‘Download’ button
to start
downlo...

87 Chapter 6: RawShorts
REFERENCES
www.rawshorts.com

Chapter 7: Visme 88
WHAT IS VISME?
Easily create online presentations, animations, animated HTML5 banners,
infographics...

89 Chapter 7: Visme
USAGE OF VISME IN THE CLASSROOM
1. Create educational slideshows and Infographics to introduce and
...

Chapter 7: Visme 90
GET STARTED WITH VISME
Go to: http://my.visme.co/
Signing a Free Account
STEP 1
STEP 2
Click at ...

91 Chapter 7: Visme
Create New Visme
STEP 3
Go to the ‘Visme’
tab.
Then, click at the
‘CREATE NEW
ACCOUNT’.
Fill i...

Chapter 7: Visme 92
Insert the name of
your project or
presentation title.
Then, click at the
‘Continue’ button.
To ...

93 Chapter 7: Visme
Visme Tools
(a) Insert tools
Setting Menu
Insert Tools
Basic Tools
Manage Slides
STEP 4
Type y...

Chapter 7: Visme 94
(b) Managing Slides
button. To insert or
edit transition
between slides,
click at this
button.
...

95 Chapter 7: Visme
(b) Editing & Inserting Text
To edit the
text, click this
area.
This is text
editing tools.
To ...

Chapter 7: Visme 96
(c) Adding New Slides
To adding a
new slide, click
at the ‘+ Slides’
button.
Select the
layout ...

97 Chapter 7: Visme
(d) Transition Between Slides
(e) Inserting Images
To add or
change
transition
between
slides, ...

Chapter 7: Visme 98
(f) Inserting Charts
This is an
example of the
image inserted.
This is the
image editing
tools....

99 Chapter 7: Visme
Choose this
type of layout.
This is an
example of the
chart.
To edit the
chart, click at
this ...

Chapter 7: Visme 100
Click at this
icon.
You can insert
‘Infograph
widget’ into
your slide.
You also can
insert th...

101 Chapter 7: Visme
(g) Inserting Shapes and Objects
To insert
shapes and
objects, click at
this icon.
This is exam...

Chapter 7: Visme 102
(h) Adding Videos
Add new slide.
Choose this
type of layout.
Or, click this
icon to insert a
v...

103 Chapter 7: Visme
(i) Inserting Audios
Insert the
Youtube or
Vimeo link
here.
Then, click at the
‘Done’ button. ...

Chapter 7: Visme 104
Then, click at
the ‘Done’
button.
Previewing Presentations
Insert your
audio URL
here.
This i...

105 Chapter 7: Visme
Publishing Slides
(a) Sharing
This is the
preview of the
slide created.
STEP 7
Click at ‘Share...

Chapter 7: Visme 106
(b) Embeding
(c) Downloading
Click at ‘Embed
to a Site or
Blog’.
Use this embed
code to embed ...

107 Chapter 7: Visme
REFERENCES
http://www.visme.co/
https://edshelf.com/tool/visme
http://www.teachersfirst.com/singl...

Chapter 8: Haiku Deck 108
WHAT IS HAIKU DECK?
Chapter 8
HAIKU DECK
Haiku Deck is a free app that makes presentations s...

109 Chapter 8: Haiku Deck
ADVANTAGES OF HAIKU DECK
The following are some advantages of Haiku Deck:
1. A mobile platfor...

Chapter 8: Haiku Deck 110
GET STARTED WITH HAIKU DECK
Go to: https://www.haikudeck.com/
Signing a Free Account
STEP 1 ...

111 Chapter 8: Haiku Deck
Go to “GET A
NEW ACCOUNT’
or you can sign in
using your social
accounts.
Insert the
requi...

Chapter 8: Haiku Deck 112
Haiku Deck Tools
(a) Basic Tools
STEP 3
Now, you can start
creating your Haiku Deck
by cli...

113 Chapter 8: Haiku Deck
(b) Insert Tools
Creating Haiku Decks
(a) Choosing Themes
STEP 4
You can use ready-made
th...

Chapter 8: Haiku Deck 114
(b) Editing/Inserting Texts
(c) Inserting Images
You can edit
the text directly
from the sl...

115 Chapter 8: Haiku Deck
These are images that
will appear based on
your keyword search.
(d) Adding Slides
This is a...

Chapter 8: Haiku Deck 116
This is an example
of the new slide
that has been
created.
(e) Inserting Charts
To insert ...

117 Chapter 8: Haiku Deck
(f) Adding Notes
(g) Privacy
To insert notes,
go to this icon.
You can insert
any notes,
...

Chapter 8: Haiku Deck 118
(h) Viewing Presentations
(h) Sharing
To view your
presentation, click
at this icon.
This ...

119 Chapter 8: Haiku Deck
(i) Exporting
Insert the
description of your
presentation.
Select the category
of your
pr...

Chapter 8: Haiku Deck 120
REFERENCES
https://www.haikudeck.com/
http://www.slideshare.net/LisaCasey67/benefits-of-using...

121 Chapter 9: SlideDog
WHAT IS SLIDEDOG?
SlideDog is a multimedia presentation tool that lets you combine PowerPoint
p...

Chapter 9: SlideDog 122
GET STARTED WITH SLIDEDOG
Go to: http://slidedog.com/
Downloading SlideDog
STEP 1
STEP 2
Go ...

123 Chapter 9: SlideDog
Click at the ‘I
Agree’ button.
Click at the
‘Install’ button.
After the
installation, click ...

Chapter 9: SlideDog 124
Running SlideDog
STEP 3
To run or start using
SlideDog, click the icon
of the SlideDog on
yo...

125 Chapter 9: SlideDog
SlideDog Tools
STEP 4
Lastly, you will
be shown the
SlideDog video
tutorials.
Web Remote
a...

Chapter 9: SlideDog 126
(a) Main Tools
(b) Adding Item Tools
Lock or unlock
the playlist.
Add items.
Items added
Ad...

127 Chapter 9: SlideDog
(b) Web Remote & Live Sharing
Adding Items
Web remote.
Live sharing.
STEP 5
Click at the
‘A...

Chapter 9: SlideDog 128
(a) Adding Polls
Insert the
question and
alternative
answers.
You can add more
alternative ...

129 Chapter 9: SlideDog
(b) Adding Feedbacks
(c) Adding Web Pages
Insert the
feedback
question and
feedback scale.
...

Chapter 9: SlideDog 130
Enter the URL address
of the web page you
want to insert in your
(c) Adding YouTubes
(d) Addi...

131 Chapter 9: SlideDog
Showing Presentations
STEP 6
Go to the
‘START SHOW’
button.
This is an example of a SlideDog...

Chapter 9: SlideDog 132
Web Remote
Live Sharing
STEP 7
To control your
SlideDog from
phone or any
device, click at ...

133 Chapter 9: SlideDog
REFERENCES
http://slidedog.com/features/
http://m.en.softonic.com/app/slidedog

Chapter 10: Sparkol 134
WHAT IS SPARKOL?
Chapter 10
SPARKOL
Sparkol is a video software for users to make their own wh...

135 Chapter 10: Sparkol
5. Teachers can be creative in their approach to delivering what can
sometimes be bored material...

Chapter 10: Sparkol 136
GET STARTED WITH SPARKOL
Go to: http://www.sparkol.com/
Installing Sparkol
STEP 1
STEP 2
Fir...

137 Chapter 10: Sparkol
Click at the
‘START
VIDEOSCRIBE
FREE TRIAL’
button.
Fill in the required
information.
Spar...

Chapter 10: Sparkol 138
Once the file has
finished download,
click at the ‘RUN’
button.
Then, click at the
‘Next>’ b...

139 Chapter 10: Sparkol
Click at the
‘Install’ button.
Running VideoScribe
After the
installation, click at
the ‘Nex...

Chapter 10: Sparkol 140
Wait for the
VideoScribe to finished
checking the contents.
Insert again your
registered emai...

141 Chapter 10: Sparkol
You will be
shown the
tutorial video
before you
start using it.
Click this icon to
agree th...

Chapter 10: Sparkol 142
Create new
scribe
Online
storage
Example
scribe
This is your
VideoScribe
main menu

143 Chapter 10: Sparkol
VideoScribe Tools
(a) Basic Tools
STEP 4
Basic Tools
Play/Preview and
Publish Scribe
Tools....

Chapter 10: Sparkol 144
(b) Play/Preview & Publish Scribe Tools
Creating VideoScribes
(a) Adding Texts
Change or
impo...

145 Chapter 10: Sparkol
This is an example of the text added on the canvas
(b) Inserting Images
Click at this
icon to ...

Chapter 10: Sparkol 146
An example
of the image
inserted on
the canvas.
(c) Inserting Music/Audio
Click at this
ico...

147 Chapter 10: Sparkol
(d) Inserting Voices
(e) Background Colors
Import MP3
sounds from
your
computer.
Enter web ...

Chapter 10: Sparkol 148
Select the
texture of
your
background.
Select the color
of the
background.
This is an exam...

149 Chapter 10: Sparkol
(f) Base hand
Click at this
icon to change
your canvas
background.
Select the base
hand for...

Chapter 10: Sparkol 150
(g) Editing Elements
Then, click
here to
change the
properties of
the element.
Playing/Prev...

151 Chapter 10: Sparkol
This is an example of a preview
(b) Publishing or Rendering
Click at this
icon to publish
you...

Chapter 10: Sparkol 152
REFERENCES
http://www.sparkol.com/
http://www.sparkol.com/blog/case-study-videoscribe-in-school...

Share Slideshare

LinkedIn
Facebook
Twitter

Embed

Size (px)

Show related Slideshows at end

WordPress Shortcode

Link

Share
Email

Web 2.0 Quiz & Assessment Tools by Mohamed Amin Embi 36300 views
Web 2.0 Curation Tools: A Quick Guide by Mohamed Amin Embi 41858 views
Gap between academic and busines pr... by ProstoPreza.ru 3640 views
Базовый курс по мастерству презентаций by Oksana Silantieva 93535 views
El consplect by Vyacheslav Starod... 1376 views
Aprendizaje basado en retos by Fanny Aceves 6022 views

View on Slideshare

1 of 158 Ad

View on Slideshare

1 of 158 Ad