158

Web 2.0 Presentation Tools: A Quick Guide

Embed Size (px)

DESCRIPTION

Selected Web 2.0 presentation tools

Citation preview

Page 1: Web 2.0 Presentation Tools: A Quick Guide
Page 2: Web 2.0 Presentation Tools: A Quick Guide

Web 2.0 Presentation Tools: A Quick Guide

MOHAMED AMIN EMBI

Centre for Teaching & Learning Technologies Universiti Kebangsaan Malaysia

2015

Page 3: Web 2.0 Presentation Tools: A Quick Guide

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

What is Emaze?....................................................................................................

Benefits of Emaze ….…………………………………………………

Advantages of using Emaze in Education……….………………………..

Get started with Emaze………………………………………………3

References……………………………………………………………...

CHAPTER 3 BLENDSPACE

What is Blendspace?……………………………………………............

Banefits of Blendspace……………….………………………………….

Advantages of of Using Blendspace in Education…………………………

Get started with Blendspace…………………………………………….

References……………………………………………………….……

1

1

2

3

13

14

14

15

16

24

25

25

26

27

39

Page 4: Web 2.0 Presentation Tools: A Quick Guide

ii Table of Contents

CHAPTER 4 PREZI

What is Prezi?………………………………………………………..…

Advantages of Prezi…………………………………………………...

Using Prezi………………………………………………………….…

Get started with Prezi...………………………………………………...

References………………………………………………………………

CHAPTER 5 EDYNCO

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

What is Visme?..………………………………………………………….

Advantages of Visme………....………………………………………….

Usage of Visme in the Classroom……………………………………..

Get started with Visme……………………………………………........

References……………………………………………………………….

40

40

41

43

52

41

42

43

52

71

71

72

87

88

88

89

90

107

Page 5: Web 2.0 Presentation Tools: A Quick Guide

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

What is SlideDog?…………………………………………………..…

Advantages of SlideDog..………………………………………………

Get started with SlideDog…………………………………………...82

References………………………………………………………………

CHAPTER 10 SPARKOL

What is Sparkol?……………………………………………………….

Benefits of Sparkol for Learning………………………………………1

Get started with Sparkol……………………………………………..

References………………………………………………………………

108

108

109

110

120

121

121

122

133

134

134

136

152

Page 6: Web 2.0 Presentation Tools: A Quick Guide
Page 7: Web 2.0 Presentation Tools: A Quick Guide

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

Page 8: Web 2.0 Presentation Tools: A Quick Guide

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)

Page 9: Web 2.0 Presentation Tools: A Quick Guide

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 2

STEP 1

Page 10: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 11: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 12: Web 2.0 Presentation Tools: A Quick Guide

Chapter 1: Powtoon 6

This is an example of a Powtoon that has been created.

This is your Powtoon project. You can start editing by using the

Powtoon tools.

Page 13: Web 2.0 Presentation Tools: A Quick Guide

7 Chapter 1: Powtoon

Powtoon Tools

(a) Basic Tools

Basic tool.

Player tool.

STEP 4

My Styles options.

Time frame tool.

Page 14: Web 2.0 Presentation Tools: A Quick Guide

Chapter 1: Powtoon 8

(b) My Styles Option

(i) Text Effects

(ii) Holders

Choose your style. It will provide different designs of

your sub tools (eg: text, holder, characters, animation,

props, markers & shapes, transitions and backgrounds.

Page 15: Web 2.0 Presentation Tools: A Quick Guide

9 Chapter 1: Powtoon

(iii) Characters & Animation

(iv) Props

Page 16: Web 2.0 Presentation Tools: A Quick Guide

Chapter 1: Powtoon 10

(v) Markers & Shapes

(vi) Transitions

(vii) Backgrounds

Page 17: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 18: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 19: Web 2.0 Presentation Tools: A Quick Guide

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].

Page 20: Web 2.0 Presentation Tools: A Quick Guide

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

Page 21: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 22: Web 2.0 Presentation Tools: A Quick Guide

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 2

STEP 1

Page 23: Web 2.0 Presentation Tools: A Quick Guide

17 Chapter 2: Emaze

Click the ‘SIGN UP’ button to

register.

You can choose free or paid account based on

your interest.

Page 24: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 25: Web 2.0 Presentation Tools: A Quick Guide

19 Chapter 2: Emaze

*** You can use these tools to edit your presentation.

(a) Slide Tools

(b) Insert Tools

(c) Basic Tools

Slide tools. Insert tools. Basic tools.

Page 26: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 27: Web 2.0 Presentation Tools: A Quick Guide

21 Chapter 2: Emaze

Inserting Videos

Inserting Images

STEP 5

STEP 6

Click the

‘VIDEO’ icon.

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.

Page 28: Web 2.0 Presentation Tools: A Quick Guide

Chapter 2: Emaze 22

Voice Recording

Example of a presentation that has been created

STEP 7

Click the

‘PLAY’ button.

Click the microphone icon to start recording

your voice.

Page 29: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 30: Web 2.0 Presentation Tools: A Quick Guide

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]

Page 31: Web 2.0 Presentation Tools: A Quick Guide

25 Chapter 3: BlendSpace

WHAT IS 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)

Chapter 3

BLENDSPACE

Page 32: Web 2.0 Presentation Tools: A Quick Guide

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)

Page 33: Web 2.0 Presentation Tools: A Quick Guide

27 Chapter 3: BlendSpace

GET STARTED WITH BLENDSPACE

Go to http://www.powtoon.com/

Registering Blendspace

Click the ‘JOIN FREE’

button.

STEP 2

STEP 1

Page 34: Web 2.0 Presentation Tools: A Quick Guide

Chapter 3: BlendSpace 28

Choose your

profile.

Or, you can sign up using other accounts.

Then, click the ‘Sign up’

button.

Fill in the required

information.

Page 35: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 36: Web 2.0 Presentation Tools: A Quick Guide

Chapter 3: BlendSpace 30

(b) Searching Resources

Type your lesson tittle.

Variety of resources you can search or insert in

your lesson.

Page 37: Web 2.0 Presentation Tools: A Quick Guide

31 Chapter 3: BlendSpace

Example of a Blendspace lesson that has been created

Lesson title.

Choose your

resource.

Insert keyword and search.

Click and hold the best source

you like.

Then, drag it

inside the box.

Page 38: Web 2.0 Presentation Tools: A Quick Guide

Chapter 3: BlendSpace 32

Creating Quizzes

STEP 4

Enter your question

and answer here.

Click at ‘Add

Quiz”.

You can add your

questions here.

Then, click the ‘Done’

button.

Page 39: Web 2.0 Presentation Tools: A Quick Guide

33 Chapter 3: BlendSpace

An example of question that has been created

Creating Classes

STEP 5

Go back to

‘Home”.

Page 40: Web 2.0 Presentation Tools: A Quick Guide

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.

Students who use this Class

Code can access your

class.

This is the class that has been

created.

Go to ‘Classes’.

Page 41: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 42: Web 2.0 Presentation Tools: A Quick Guide

Chapter 3: BlendSpace 36

This is the summary of all the tracking

view.

For tracking view on the lesson, click

the ‘All Views’

button.

Page 43: Web 2.0 Presentation Tools: A Quick Guide

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.

Or, you can share your lesson at your social application or embed it

on your website or blog.

Go to Home and click at ‘Lessons’.

Page 44: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 45: Web 2.0 Presentation Tools: A Quick Guide

39 Chapter 3: BlendSpace

REFERENCES

http://blog.blendspace.com/

http://usingblendspace.wikispaces.com/Benefits+of+Blendspace

https://www.edsurge.com/blendspace--2

Page 46: Web 2.0 Presentation Tools: A Quick Guide

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

Page 47: Web 2.0 Presentation Tools: A Quick Guide

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

Page 48: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 49: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 50: Web 2.0 Presentation Tools: A Quick Guide

Chapter 4: Prezi 44

Choose the type of account you like to use based on

your preference.

Or, you can use a free

account.

Fill in the required

information.

Then, click ‘Create your Public account’.

Page 51: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 52: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 53: Web 2.0 Presentation Tools: A Quick Guide

47 Chapter 4: Prezi

Using Prezis

(a) Frame

Go to ‘Customize’ to change your Prezi’s

background or theme.

STEP 5

Click at the frame, you can move, increase and

decrease the size

of frame. Click at the ‘Zoom to

frame’ button to enlarge the

frame.

Page 54: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 55: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 56: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 57: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 58: Web 2.0 Presentation Tools: A Quick Guide

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]

Page 59: Web 2.0 Presentation Tools: A Quick Guide

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

Page 60: Web 2.0 Presentation Tools: A Quick Guide

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 2

STEP 1

Page 61: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 62: Web 2.0 Presentation Tools: A Quick Guide

Chapter 5: Edynco 56

Creating Edynco

(a) Creating Micro Lectures

Click at the ‘Library’

icon.

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’.

Page 63: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 64: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 65: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 66: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 67: Web 2.0 Presentation Tools: A Quick Guide

61 Chapter 5: Edynco

(c) Adding Videos

Set your question options.

Then, click the ‘Finish’

button.

This is an example of question created.

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.

Page 68: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 69: Web 2.0 Presentation Tools: A Quick Guide

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’.

Page 70: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 71: Web 2.0 Presentation Tools: A Quick Guide

65 Chapter 5: Edynco

Creating Groups

STEP 5

Then, click at the

‘Create new

Group’.

Click at the ‘Groups’

icon.

Click at the ‘Create’

button.

Insert the group

information.

Select the viability of the groups either published to

public or

otherwise.

Page 72: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 73: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 74: Web 2.0 Presentation Tools: A Quick Guide

Chapter 5: Edynco 68

Inviting Students

STEP 6

Choose type of an assignment you want to

insert. Then click at

the ‘OK’

button.

These are examples of assignment

inserted in the

group.

Go to the

‘Students’. Types of

invitation.

Page 75: Web 2.0 Presentation Tools: A Quick Guide

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.

To add students manually, insert

the require

information.

Then, click at the ‘Invite’

button.

Page 76: Web 2.0 Presentation Tools: A Quick Guide

Chapter 5: Edynco 70

REFERENCES

http://blogs.onlineeducation.touro.edu/create-interactive-learning-maps-with-

edynco/

http://www.atoall.com/2/m/e.asp?id=edynco.com

Page 77: Web 2.0 Presentation Tools: A Quick Guide

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

Page 78: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 79: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 80: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 81: Web 2.0 Presentation Tools: A Quick Guide

75 Chapter 6: RawShorts

(a) Tools

Click at the ‘Launch Video

Builder’ to start creating your

video.

Basic Tools. Insert Tools.

Slides or

scenes. Player Tools.

Page 82: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 83: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 84: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 85: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 86: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 87: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 88: Web 2.0 Presentation Tools: A Quick Guide

Chapter 6: RawShorts 82

Inserting Audio

After you choose the template or the blank prezi.

Then, click these

buttons.

STEP 5

This is an example of the background

that has been changed.

Go to the ‘AUDIO’ settings.

Page 89: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 90: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 91: Web 2.0 Presentation Tools: A Quick Guide

85 Chapter 6: RawShorts

(a) Publish

(b) Sharing

Go to ‘Publish’

tab. Then, click at 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.

Page 92: Web 2.0 Presentation Tools: A Quick Guide

Chapter 6: RawShorts 86

(c) Download

Go to the

‘Download’ tab.

Then, click at the ‘Download’ button

to start

downloading.

Page 93: Web 2.0 Presentation Tools: A Quick Guide

87 Chapter 6: RawShorts

REFERENCES

www.rawshorts.com

Page 94: Web 2.0 Presentation Tools: A Quick Guide

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

Page 95: Web 2.0 Presentation Tools: A Quick Guide

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)

Page 96: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 97: Web 2.0 Presentation Tools: A Quick Guide

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’.

Page 98: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 99: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 100: Web 2.0 Presentation Tools: A Quick Guide

Chapter 7: Visme 94

(b) Managing Slides

Creating Visme

(a) Editing/Inserting Background

To add slide, click this button. To insert or

edit transition between slides,

click at this

button.

STEP 5

To edit or insert background, click

at this icon.

Then, select the background you

like.

Page 101: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 102: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 103: Web 2.0 Presentation Tools: A Quick Guide

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.

To insert an image, click at

this icon.

Upload an image manually by dragging and dropping the image here.

Or, insert an image by

searching the image by keywords

here.

Page 104: Web 2.0 Presentation Tools: A Quick Guide

Chapter 7: Visme 98

(f) Inserting Charts

This is an example of the

image inserted.

This is the image editing

tools.

Add new slide.

Page 105: Web 2.0 Presentation Tools: A Quick Guide

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.

Or, you can import the data

from other files.

Select your

chart type here.

Then, click at the ‘Insert’

button.

Page 106: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 107: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 108: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 109: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 110: Web 2.0 Presentation Tools: A Quick Guide

Chapter 7: Visme 104

Previewing Presentations

Then, click at the ‘Done’

button. Insert your audio URL

here.

This is the icon for the audio

inserted in the slide.

STEP 6

Click at the ‘Preview’

button.

Page 111: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 112: Web 2.0 Presentation Tools: A Quick Guide

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.

Select the types of download

you prefer.

Click at ‘Download

Work’.

Page 113: Web 2.0 Presentation Tools: A Quick Guide

107 Chapter 7: Visme

REFERENCES

http://www.visme.co/

https://edshelf.com/tool/visme

http://www.teachersfirst.com/single.cfm?id=15508

Page 114: Web 2.0 Presentation Tools: A Quick Guide

Chapter 8: Haiku Deck 108

WHAT IS 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)

Chapter 8

HAIKU DECK

Page 115: Web 2.0 Presentation Tools: A Quick Guide

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/)

Page 116: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 117: Web 2.0 Presentation Tools: A Quick Guide

111 Chapter 8: Haiku Deck

Go to “GET A NEW ACCOUNT’ or you can sign in using your social

accounts.

Then, click the ‘SIGN UP’

button.

Insert the required

information.

Page 118: Web 2.0 Presentation Tools: A Quick Guide

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

Page 119: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 120: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 121: Web 2.0 Presentation Tools: A Quick Guide

115 Chapter 8: Haiku Deck

(d) Adding Slides

These are images that will appear based on

your keyword search.

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.

Page 122: Web 2.0 Presentation Tools: A Quick Guide

Chapter 8: Haiku Deck 116

(e) Inserting Charts

This is an example of the new slide that has been

created.

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.

Page 123: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 124: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 125: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 126: Web 2.0 Presentation Tools: A Quick Guide

Chapter 8: Haiku Deck 120

REFERENCES

https://www.haikudeck.com/

http://www.slideshare.net/LisaCasey67/benefits-of-using-haikudeck-38435957

http://facultyecommons.org/haiku-deck-visual-presentations/

Page 127: Web 2.0 Presentation Tools: A Quick Guide

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

Page 128: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 129: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 130: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 131: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 132: Web 2.0 Presentation Tools: A Quick Guide

Chapter 9: SlideDog 126

(a) Main Tools

(b) Adding Item Tools

Add items.

Lock or unlock the playlist.

Items added

Add files and interactive items.

Page 133: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 134: Web 2.0 Presentation Tools: A Quick Guide

Chapter 9: SlideDog 128

(a) Adding Polls

Insert the question and alternative

answers.

Then, click at the ‘Add to playlist’

button.

You can add more alternative answers.

Page 135: Web 2.0 Presentation Tools: A Quick Guide

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’.

Page 136: Web 2.0 Presentation Tools: A Quick Guide

Chapter 9: SlideDog 130

(c) Adding YouTubes

(d) Adding Files

Enter the URL address of the web page you

want to insert in your

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’.

Page 137: Web 2.0 Presentation Tools: A Quick Guide

131 Chapter 9: SlideDog

Showing Presentations

This is an example of a SlideDog presentation that has been created

STEP 6

Go to the ‘START SHOW’

button.

Page 138: Web 2.0 Presentation Tools: A Quick Guide

Chapter 9: SlideDog 132

Web Remote

Live Sharing

STEP 7

STEP 8

To control your SlideDog from phone or any device, click at

this icon.

Click at this icon

for ‘Live Sharing’.

Swipe to ‘ON’

the web remote.

Swipe to ‘ON’

the live sharing.

Page 139: Web 2.0 Presentation Tools: A Quick Guide

133 Chapter 9: SlideDog

REFERENCES

http://slidedog.com/features/

http://m.en.softonic.com/app/slidedog

Page 140: Web 2.0 Presentation Tools: A Quick Guide

Chapter 10: Sparkol 134

WHAT IS 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.

Chapter 10

SPARKOL

Page 141: Web 2.0 Presentation Tools: A Quick Guide

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/)

Page 142: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 143: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 144: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 145: Web 2.0 Presentation Tools: A Quick Guide

139 Chapter 10: Sparkol

Running VideoScribe

Click at the

‘Install’ button.

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.

Page 146: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 147: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 148: Web 2.0 Presentation Tools: A Quick Guide

Chapter 10: Sparkol 142

Create new

scribe

Online

storage

Example

scribe

This is your VideoScribe main menu

Page 149: Web 2.0 Presentation Tools: A Quick Guide

143 Chapter 10: Sparkol

VideoScribe Tools

(a) Basic Tools

STEP 4

Basic Tools

Play/Preview and Publish Scribe

Tools.

Elements

Page 150: Web 2.0 Presentation Tools: A Quick Guide

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.

Cancel

Type your

text here.

Click at this icon to add

text.

STEP 5

Page 151: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 152: Web 2.0 Presentation Tools: A Quick Guide

Chapter 10: Sparkol 146

(c) Inserting Music/Audio

An example of the image inserted on

the canvas.

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.

Page 153: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 154: Web 2.0 Presentation Tools: A Quick Guide

Chapter 10: Sparkol 148

This is an example of the background that has been changed

Select the texture of

your background.

Select the color of the

background.

Page 155: Web 2.0 Presentation Tools: A Quick Guide

149 Chapter 10: Sparkol

(f) Base hand

This is an example of base hand used in VideoScribe

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.

Page 156: Web 2.0 Presentation Tools: A Quick Guide

Chapter 10: Sparkol 150

(g) Editing Elements

Playing/Previewing & Publishing

(a) Playing & Previewing the VideoScribe

Then, click here to

change the properties of the element.

Click once at any element you like

to edit.

This is an example of

properties of

the elements.

STEP 6

Click at this icon to

preview/play your

VideoScribe.

Page 157: Web 2.0 Presentation Tools: A Quick Guide

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.

Page 158: Web 2.0 Presentation Tools: A Quick Guide

Chapter 10: Sparkol 152

REFERENCES

http://www.sparkol.com/

http://www.sparkol.com/blog/case-study-videoscribe-in-schools/