Vous êtes sur la page 1sur 79

Online Multimedia Tools for The

Classroom

Azlan Abdul Aziz


Mohamad Ibrahim
Muhammad Fikri Ramli

Faculty of Computer and Mathematical Sciences


Universiti Teknologi MARA
2015

All rights reserved. No part of this publication may reproduced or transmitted in


any form by any means, electronic or mechanical including photocopying,
recorded or by any storage information or retrieval system, without the prior
written permission from the author.

Online Multimedia Tools for The Classroom


Azlan Abdul Aziz
Muhammad Fikri Ramli
Mohamad Ibrahim
Design by : Puteri Balqis
ISBN

Table of Content
PAGES

CHAPTER 1 : TEXT
1.1
1.2
1.3

Stylish Text Generator


Grafitti Creator
Aurora 3D Text & Logo Maker

CHAPTER 2 : IMAGE
2.1
2.2
2.3

PicMonkey
FotoFlexer
PIXLR

CHAPTER 3 : ANIMATION
3.1
3.2
3.3

Blabberize
GoAnimate
ABCYA

CHAPTER 4 : AUDIO
4.1
4.2
4.3

Incredibox
Text-To-Speech
Text-To-Speech SitePal

CHAPTER 5 : VIDEO
5.1
5.2
5.3

WeVideo
Stupeflix
TubeChop

CHAPTER 6 : PRESENTATION TOOLS


6.1

Prezi

1
1
6
10

16
16
24
28

34
34
39
44

49
49
52
54

56
56
62
67

70
70

CHAPTER 1: TEXT
1.1

Stylish Text Generator


1.1.1

Introduction to Stylish Text Generator


Stylish Text Generator is software that allows user to generate text with multistyle.
It such a simple software with few easy stages to use it. Present together with more
various software and program for design, user can simply design picture, word text,
and other designs using a website without need user to surfing other website.

1.1.2

Step in using Stylish Text Generator

STEP 1

STEP 2

A user can start by navigating to the website

www.webestools.com
User need to log

in first

1 Login button

2 Fill up login detail

STEP 3

Select Stylish Text Generator

1 Choose
Tools button

2 Choose
More
Generators

3 Choose Stylish
Text Generator

Create text.

STEP 4

1 Insert text

2 Choose text style

3 Choose decorations

4 Text generated

copy the generated text and


paste it on any space

Users may

1.1.3

Reference
www.webestools.com

1.2

GRAFFITI CREATOR
1.2.1

Introduction to GRAFFITI CREATOR


The software focuses on creating the graffiti text style. Graffiti creator contains few
type of gravity pattern and allows user to choose those graffiti pattern. User also
may choose to edit an alphabet in a word. User just needs to lock the alphabet that
need to maintain with. The unlock alphabet will undergoes changes made by user.
User may make changes on alphabets colour, size, and shadow.

1.2.2

Step in Using GRAFFITI CREATOR

A user can start by navigating to the website

STEP 1

www.graffiticreator.net

STEP 2

Create text

1 Choose text
Style

2 Insert texts

Texts appear on the


editing platform

3 Setting texts

4 Setting for unlocked

5 Colour setting

alphabets

for unlocked alphabets

STEP 3

Print edited texts

Print texts

1.2.3

Reference
www.graffiticreator.net

1.3

Aurora 3D Text & Logo Maker


1.3.1

Introduction to Aurora 3D Text & Logo Maker


User may build a 3D word text by using this software. The software is flexible
because user may adjust, rotate, and enlarge the created text by adjusting the 3 axes.
Many options provided for user to choose to create and edit the text. User also may
insert pictures and animation as well by downloading directly from internet or
select file from the library.

1.3.2 Steps in Using Aurora 3D Text & Logo Maker

STEP 1

A user needs to download the software by


navigating to the website

www.presentation-3d.com

1 Click button
Download

10

2 Choose
Aurora 3D Text &
Logo Maker

STEP 2

User need to open the installed software on


the pc.

Create text

STEP 3

1 Create
new project

11

2 Choose
template

3 Click button OK

Template appear on editing platform

12

4 Click once on the word to


allow word movement. Axes can be
rotate

5 Click to select element to edit

13

6 Click to upload picture

7 Click on right click to choose


picture setting

14

Save text

STEP 4

Save button

1.3.3

Reference
www.presentation-3d.com

15

CHAPTER 2: IMAGE
2.1

PicMonkey
2.1.1

Introduction to PicMonkey

PicMonkey is a web-based photo editing app that runs on any browser capable of running
flash. Akin to Photoshop and similar photo-editing packages, it has the added benefits of
being extremely simple to use, and completely FREE! You dont even have to register; you
can simply upload a picture and go! How great is that?! It makes editing a photo so easy,
from textures, to colour-tinting, to airbrushing an image. You can become an expert photoshopper in minutes, and add a professional touch to your images.

2.1.2

Steps in Using PicMonkey


A user can start by navigating to the website

STEP 1
STEP 2

www.picmonkey.com
User can sign in through Facebook or directly through the
website.

Sign In
Button

16

. There are four editing


Select editing mode.

STEP 3

STEP 4

modes that you can choose which are; edit, touch up,
design, and collage. Place the cursor on chosen mode.
Sources option will drop- down.

Choose photo from the sources

17

The selected photo will appear on the working platform.

Working platform

STEP 4

User can change the setting of the images size and


resolution by clicking the Setting button

Setting button

18

STEP 5

Editing photo. Eight mode of editing photo


provided are located on the left of the interface.

Basic Edit

Effects

Overlays

Frames

19

Touch Up

Textures

Text

Themes

Scale was provided for user to adjust the editing

STEP 6

scale. Click

Apply after adjust the scale

1 Adjust
editing scale

2 Click
Apply

STEP 7

User may click Undo to correct the edited


photo.

Undo
button

20

Pop up will appear if user does not click the Apply button after
finish editing the picture. User need to confirm either to apply or
discard the changes made.

User can

STEP 8

save the picture after finish editing the

picture. Click button Save and picture will save to


computer.

Save
button

21

User can set the pictures name, type, dimension, and


quality before saving it.

2 photos type
1 photos name
3 photos quality
4 dimension
5 save the
STEP 9

User can

share the picture on any social media or

any clouds by clicking Share button.

Share
button

22

User can

write the caption for the

edited picture and share to any social media or clouds.


Click Do It button to share the picture.

1
Sharing
site option

2 write the caption


3 share the photo

2.1.3

Reference
www.picmonkey.com

23

2.2

FotoFlexer
2.2.1

Introduction to FotoFlexer
FotoFlexer is a free online image editor that can be used to improve the appearance
of digital photos. As it is a web application, there is no need to install any software
and you work within any modern web browser, such as Internet Explorer or
Firefox.
FotoFlexer has a wide range of tools and features available and you can save images
directly from it to many popular photo sharing and social networking sites. This
makes it a good option for users who are often on the go and use the internet to
regularly keep in touch with their family and friends.

2.2.2

Steps in Using FotoFlexer

STEP 1
STEP 2

A user can start by navigating to the website

www.fotoflexer.com
User need to log

in first.
Log In
Button

STEP 3

User may choose photo resources and start

upload it to edit.

24

1 choose
photo source

2 upload
photo

STEP 4

STEP 5

Photo will appear at the working platform.

Editing photo. Eight mode of editing photo


provided are located on the top of the editing platform.

Scale provided for user to

25

1 choose editing mode

3 Apply
button

2 adjust editing
scale

STEP 6

Save the photo

1 Save button

26

3 Set photos format


2 Choose
locations to save
the photo

2.2.3

4 Save

Reference
www.fotoflexer.com

27

2.3

PIXLR
2.3.1

Introduction to PIXLR
PIXLR is one of the interactive software for photo editing. As it is a web
application, there is no need to install any software and you work within any
modern web browser.

2.3.2

Steps in using PIXLR

A user can start by navigating to the website

STEP 1

STEP 2

www.pixlr.com

User need to log

in first.

1 Login button

28

2 Users may log in


through Facebook or email
address photos format

STEP
STEP 3

User may choose photo resources and start

upload it to edit.

29

STEP 5

STEP 6

Photo will appear at the working platform.

User can change the

setting of the images size

Size setting

30

Editing photo. Many option for editing photo

STEP 7

provided are located on the top and left of the editing


platform. Scale provided for user to

1 choose editing mode

2 adjust editing scale

31

Pop up will appear if user does not click the Apply button after
finish editing the picture. User need to confirm either to apply or
discard the changes made.

STEP 6

Save the photo

1 Save
button

32

2 Choose
locations to save

3 Set photos

the photo

name

4 Set photos
format

5 Set photos
quality

6 Save
2.3.3

Reference
www.pixlr.com

33

CHAPTER 3: ANIMATION
3.1

BLABBERIZE
3.1.1

Introduction to BLABBERIZE
Animate pictures to make people, animal, or object talk. This is simple web 2.0
browser base software that allow user to create and share video. This is user friendly
program and easy to use.

3.1.2

Steps in Using BLABBERIZE

A user can start by navigating to the website

STEP 1
STEP 2

www.blabberize.com
m
User need to log

in first.

1 Click Login
button
34

2 Login

STEP 3

Choose the photo

Browse the photo

35

Edit the photo.

STEP 4
1 Crop the photo

2 Insert shape into


the photo

36

3 Insert sound into


the photo

STEP 5

Play the edited photo.

2 Click
OK to

1 Click to play
the photo

proceed

37

STEP 6

Save the edited photo. User may choose


either want to make another scene or edit the
existing scene

Choose either
to make another
scene or edit the
existing scene

Click

SAVE to
proceed

1 Describe
your Blabber

2 Choose either
user want to make it
private or not

3 Click SAVE to
proceed

3.1.3 Reference
www.blabberize.com

38

3.2

GoAnimate
3.2.1 Introduction to GoAnimate
GoAnimate is cloud based platform for creating and distributing animated videos.
It allows users to develop both narrative videos in which characters speak with lipsync and move around, and video presentation, in which a voice-over narrator
speaks over images and props, which may also move around. It provides users with
drag-and-drop tools that the companys website indicates can be used to access
thousands of character models, backdrops, and other assets to create scenario-based
videos-like political depicted during the 2012 presidential campaign.

3.2.2

Step in Using GoAnimate

STEP 1

STEP 2

A user can start by navigating to the website

www.goanimate.com
User need to log

39

in first.

1 Fill up the data

2 Click LOG IN
to proceed

STEP 3

Create the animation

Click to start create


the animation

40

1 Select theme

2 Choose setting

41

3 Select characters

4 Insert dialogues

42

STEP 4

Publish the animation

1 Fill up the

2 Choose the

title

thumbnail

3 Fill up the
description

4 Publish

3.2.3

Reference
www.goanimate.com

43

3.3

ABCYA
3.3.1

Introduction to ABCYA
ABCYA is one of an interesting animation maker. It is quite easy to use as the
editing tools are appear on the interface and not too complicated. User can use their
own creativity by drawing the picture and make it move like animation by adding
new frame to the timeline. User can simply click on the previous frame to make any
changes on it.

3.3.2

Step in Using ABCYA

STEP 1

A user can start by navigating to the website

www.abcya.com/animate.htm

Click button Go

44

STEP 2

Create the animation

User can use tools provided to


start create animation

1 Copy frame
to continue edit

45

2 Click to add
images

3 Choose
background and click

Done

46

4 Choose
image and click

Done

Publish the animation

STEP 3

1 Click
to publish

47

2 Choose
the size of animation

3 Save

3.3.3 Reference
www.abcya.com/animate.htm
48

CHAPTER 4: AUDIO
4.1

INCREDIBOX
4.1.1

Introduction to INCREDIBOX
Incredibox is interesting audio maker software. As the time move, software updates
their version according the pattern of music development. User need to choose
music version by the year first, then only user can start composing the audio. There
are four music element that user can select to compose the audio; beats, effects,
melodies, and voices. Combining all elements will compose a nice audio. Later, user
may share their composed audio with other users.

4.1.2

Step in using INCREDIBOX

STEP 1

STEP 2

A user can start by navigating to the website

www.incredibox.com

Create the audio

1 Choose the
version

49

3 Choose either want to cut or


record the sound

2 Choose the icon and drag to the person


one by one
record the sound

4 sound
recorded. User can
drag the icon to
person during
recording

50

End of creating the audio

STEP 3

share the one


created audio or download it

User may choose either want to

record the sound


4.1.3 Reference
www.incredibox.com

51

4.2

Text-To-Speech
4.2.1

Introduction to Text-To-Speech
Text-to-Speech is software that changes the text form into audio form. The software
highly recommended to those users that want to learn the way to pronounce the
right pronunciations. User just needs to insert the text and select the language to
speak. Choose the speaker as well. Click on Say It button, and then hear the
pronunciation of the inserted text.

4.2.2 Step in Using Text-To-Speech

A user can start by navigating to the website

STEP 1

www.text-to-speech.imtranslator.net

Insert the text

STEP 2

1 Choose the
pronunciation speed

3 Insert texts

52

2 Choose the
pronunciation
language

4
Pronounce
the text

5 Play the
speech

4.2.3

Reference
www.text-to-speech.imtranslator.net

53

4.3

Text-To-Speech SitePal
4.3.1

Introduction to Text-To-Speech SitePal


Text-to-Speech is software that changes the text form into audio form. The software
highly recommended to those users that want to learn the way to pronounce the
right pronunciation. User just needs to insert the text and select the language to
speak. Choose the speaker as well. Click on Say It button, and then hear the
pronunciation of the inserted text. Best part for this software is user may choose the
effect of the voices.

4.3.2

Step in Using Text-To-Speech SitePal

STEP 1

A user can start by navigating to the website


http://www.oddcast.com/home/demos/tts/tts_example.php

3 Choose
speech voice

1 Insert texts 2 Choose


speech language

54

4 Choose
speech effect

4.3.3

5 Click to
hear the speech

Reference

www.oddcast.com/home/demos/tts_example.php

55

CHAPTER 5: VIDEO
5.1

WeVideo
5.1.1 Introduction to WeVideo
WeVideo enable student collaborate on video projects to build multimedia
presentations and thereby addressing Common Core standards. This is not only
constructs deep knowledge about a topic as they engage in building a video project,
but it also develops 21st century skills. WeVideo can be a different avenue for kids
to build confidence and self-esteem and open up a backdoor into academic work.
WeVideo provides an adaptive learning environment that is ideal for class projects
where students may have a wide disparity of skills.
5.1.2 Steps in Using WeVideo

A user can start by navigating to the website

STEP 1

www.wevideo.com
User need to log

STEP 2

in first.

1 Click to
login

56

2 FILL the
form

Start creates new video.

STEP 3

1 Click to
create new video

57

2 Insert
media to edit

3 Choose theme

58

4 Choose media
element to edit

Insert media
element (text) to edit

59

User may

Insert media

preview the

edited video

element (music) to edit

Publish the video.

STEP 4
1 Click to
publish the video

60

2 Insert
title for the video

3 Choose
destination to publish
the video

4 Choose
the quality of the
video

5 Click to publish
the video

5.1.3 Reference
www.wevideo.com

61

5.2

Stupeflix

5.2.1 Introduction to Stupeflix


Stupeflix is a web application to make awesome videos in a few clicks. You can import
photos, videos from your computer, or from the web. You can use photos from your
Facebook, Dropbox, Picasa or Flickr accounts. You can even use your webcam to record
on the spot. With free access, you can make as many videos as you want using the Free
Video Themes. You can also download and share all these videos for free.
5.2.2 Steps in Using Stupeflix

A user can start by navigating to the website

STEP 1

www.studio.stupeflix.com

User need to log

STEP 2

in first.

1 Click to login

62

2 Choose
channel to log in

STEP 3

Start creates new video.

1 Click to
make the video

63

2 Choose
theme for the video

3 Add media
element to insert in the
video

64

5 Preview
4 Add more

the video

media element to insert in


the video

Publish the video.

STEP 4

1 Click
share

65

2 Choose
either to share or
download the video

5.2.3

Reference
www.studio.stupeflix.com

66

5.3

TubeChop
5.3.1 Introduction to Tube Chop
TubeChop is a video chopping service. You place the URL of the video that you
would like to cut up to show in the box, find your place, and then share with friends.
This service relatively simple, but absolutely great to know if you find a video that
you want to show a single part to your classroom. It is prove to be beneficial in all
different grades throughout the education system. This tool brings an easier way to
locate the right part in a video for your educational use.
5.3.2 Steps in using TubeChop

A user can start by navigating to the website

STEP 1

www.tubechop.com
Start edits new video.

STEP 2

1 Insert the
videos link from YouTube

67

2 Adjust the
beginning point to cut video

3 Adjust the ending


point to cut video
68

Publish the video.

STEP 3

5.3.3 Reference
www.tubechop.com

69

CHAPTER 6:
PRESENTATION TOOLS
6.1

Prezi
6.1

Introduction to Prezi
Prezi is cloud-based presentation software that opens up a new world between
whiteboards and slides. The zoom able canvas makes it fun to explore ideas and
connections between them the result, visually captivating presentations that lead
your audience down a path of discovery.

6.2

Step in Using Prezi

STEP 1

STEP 2

A user can start by navigating to the website

www.prezi.com
User need to log

70

in first.

1 Fill up the data

2 Click LOG IN
to proceed

Create Prezi

STEP 2

71

User may choose template or start


with blank prezi

1 Click to insert
text

72

2 Choose to insert
elements such as images, videos, and
others

3 Setting the inserted


element

73

4 Add frame

5 Setting the
frame

6 Edit the path

74

Save Prezi

STEP 3

Click save button

Preview Prezi

STEP 4

User can choose


setting to create
Prezi

6.1.3

Reference
www.prezi.com

75