This ebook was an extension of the previous volume which with intent to guide educators to use technology as an enabler in their teaching and learning. The websites are Powtoon, ImageChef, BiteSlide, FotoFlexer, Shape Collage, Stupeflix, Pixton, Scratch, GoAnimate, Fotor, Kizoa and Museum Box.
2. Effective Web 2.0 Tools for the Classroom:
Part 4
Johan Eddy Luaran
i-Learn Center
Universiti Teknologi MARA
2014
3. First Published 2014
All right 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 retrival system, without the prior written
permission from the author.
5. 1
Website: http://www.powtoon.com/
Description
Powtoon is an online service to create interesting animated features such as
handwriting animation, cartoon animation, transition effects and more. Almost all
features can be accessed in a single screen making Powtoon easy to use. Features
such as built-in cartoon characters, animated models and other objects make this
service suitable for instructional media creation, able to cater to the need of students
who love the relaxed atmosphere and non-formal learning in the classroom.
Suggested Activities
Students can use Powtoon to create amazing video and presentation.
CHAPTER
1 POWTOON
6. 2
POWTOON create interesting animated features such as handwriting
animation, cartoon animation and transition effects. The time line for
the transition can be easily edited too.
7. 3
You may also choose any video and presentation that
has been created by POWTOON.
Click this to see
the example
Click âStart Nowâ to
create a new
POWTOON
8. 4
You can also use
this application to
create a new
animation
according to your
own creativity.
POWTOON can also be downloaded to your computer. This makes it easier for
your POWTOON to be uploaded to You Tube and shared with others.
9. 5
You can also animate your presentation to make it powerful.
POWTOON makes your video graphic
design beautiful
11. 7
Videos on any page can be made creative by using the
various applications available on POWTOONS.
POWTOON also features a few testimonials for you to see how
others has made used of the platform and achieved their goals.
12. 8
Before you start,
make sure you have
signed up.
You can choose to log
in through your
Facebook, Google or
Linkedin account on
the POWTOON
website
16. 12
This left pan shows
the existing slide(s).
This is the play button.
You can click to play your
animation
This is the time line
Variety of styles is
available as a theme of the
animation to be chosen
This is the text effect. Click to
choose the best text effect.
You can also choose any
character here
Include props to make your
presentation looks good
You can choose and change the
background here
17. 13
This is an example of another wallpaper
Start your power point with text effect. This is just as an
example. You can also choose other effects.
19. 15
Website : http://www.imagechef.com/
Description
This website is a fun web tool that transforms word into graphical image. It allows us to
make template, timeline cover, meme maker, and also word mosaic. Register user also
can create their own shape to graphically display text. Word mosaic can be shared on
blogs, Facebook, email, printed materials or saved the image in the image chef.
Suggested activities
Use image chef to create timeline cover, template, graphical word mosaic and edit
photo frame.
CHAPTER
2 IMAGECHEF
20. 16
SIGN IN TO IMAGE CHEF
Before you start using Image chef, you need to sign in. You can sign in manually
or sign in using your Facebook accounts. If you are already an image chef user,
you can just log in and get started.
22. 18
Example of an account setting
The credits allow access to
silver level with more
interesting features
23. 19
ACTIVITIES IN IMAGE CHEF
Here, you can see who your followers are
and who you are following.
You can also invite friends to
become your followers
These are all the activities that we can
create in image chef
24. 20
You can make a timeline cover using Image chef. It has varieties of templates to choose from
that creates an interesting timeline cover in no time!
MAKING A TIMELINE COVER
33. 29
Poetry blender is a tool to create a video. We can make poetic video using Image chef. Any
poet can be entered into theme and it will appear as video.
POETRY BLENDER
you can choose
any theme that
you like
insert text
37. 33
MAKING A JERSEY
You can choose the
colour of your text
You can choose
the colour of
stripes on the
jersey
You can choose the
color of the jersey
Front view of the jersey
Back view of
the jersey
This is the
view from the
back
38. 34
The front view of
the jersey
This is an example
of a football
jersey
This is an
example of a
basketball
jersey
39. 35
This is an example of a
soccer jersey
This is an example of a
baseball jersey
40. 36
MAKING A RIBBON
Insert the text
You can choose the color of ribbon here
Example of ribbon
You can send or share
with others via different
platforms
42. 38
Type in your text
Choose symbol
Some examples of symbol
that had been chosen
You can choose the background
colour, shape and outline
Type in the
text
43. 39
GET IMAGE CHEF IN YOUR SMARTPHONES & IPHONE
You can download Image chef application in
your Smartphoneâs and tab to get the latest
version of tools and experiences more on
Image chef. You can download Image chef from
the Apple or Android app store.
44. 40
Website: http://www.biteslide.com
Description:
Biteslide is an engaging platform for creating school projects online. They are easy and
fun to use. It develops studentsâ creativity, collaboration, communication, and critical
thinking skills. Biteslide is especially designed for teachers and students, and the
teaching environment.
Here are a few examples of studentsâ work:
CHAPTER
3 BITESLIDE
45. 41
Biteslide gave a new meaning to the typical school project and help to develop studentâs
21st
century skills through a creative, engaging, and efficient platform.
Suggested Activities:
Create a âscrapbookâ by doing âcollageâ activities. This encourages engaging learning
visually.
What Is Biteslide?
52. 48
You can add your text or
explanations about your
slideshow.
You also can change your
background style.
You can download it and use
it as your reference.
Besides that, you also can
print and use it as your note.
59. 55
Website: http://fotoflexer.com/
Description
FotoFlexer has a range of tools that make it an attractive choice for users. It also offers
plenty of features that appeal to users who desire creative images. Features such as
glitter text and animated graphics will make the kids love to add these effects to their
photos.
Suggested Activities
Get the students to build their own collage for their parents on Parentâs Day.
CHAPTER
4 FOTOFLEXER
60. 56
⢠This is a free on-line
photo editor.
⢠Upload a photo from
your computer,
camera, storage
device, or a social
networking site.
FotoFlexer
http://fotoflexer.
com/
66. 62
ďˇ The Decorate tab allows you to add things to your photo, including stickers and text.
ďˇ Stickers can be used for a variety of effects
ďˇ An animation lets you add animated stickers.
ďˇ Beautify allows you to touch up blemishes and wrinkles (not high quality).
68. 64
ďˇ Distort lets you twist the photo into a number of odd shapes or distortions.
ďˇ These tools are very simple and are best used for fun projects
71. 67
ďˇ You will be shown a window for you to upload your photos.
ďˇ You can choose a different location in the dropdown menu, or you can look in other
folders in your libraries.
ďˇ Click on the photo you want to edit.
ďˇ Then click open.
ďˇ Waiting for the image to load.
76. 72
This tutorial only showcased a few features out of so many more interesting effects available. Explore
more to understand how this can be used to maximize studentsâ potential in their projects.
77. 73
Website : http://www.shapecollage.com/
Description :
Shape Collage is a photo collage generator. With the help of Shape Collage, you can
draw your own form, upload an image to serve as a pattern or use text with a specific
font.
Suggested Activities :
Students can draw your own form, upload an image to serve as a pattern or use text
with a specific font.
CHAPTER
5 SHAPE COLLAGE
78. 74
When you open Shape Collage, this is the first page that you see.
79. 75
For the first step, you can click the button as indicated by the arrows. After that, a file photo will
be opened.
Next, you may choose and drag any file in your gallery that you want as shown
above.
80. 76
The photo that chosen will be automatically dragged to the box on the left side as
shown by the arrow above.
81. 77
Firstly, we go to the âShape and Sizeâ tab as shown in the picture above. When you
click âShape and Sizeâ, we can see there are many options that are being provided for
the users. Reset setting is used to reset the shape, size and so on, in order to create a
shape collage.
Shape and Size
82. 78
Secondly, we go to the âAppearanceâ tab as shown in the picture above. When you
click it, we can see options such as color, transparency, and photo are being provided
to aid the making of a new project. Reset setting is used to reset the shape, size and
so on, in creating a shape collage.
Appearance
Color
Transparent
Photo
Color
size
Reset setting
83. 79
Next, we go to the âAdvanceâ tab as shown in the picture above. When you click it,
options such as rotation, shadow and options are provided for the users. Reset
setting is used to reset the rotations, shadow and options.
Advance
Rotation
Shadow
Options
Reset setting
84. 80
You can choose and click any shape that you want, and click the âCreateâ button. For
example, you click the âHeartâ shape and then click the âCreateâ button. So, the âHeartâ
shape will be formed as shown above.
Heart
Click â Create â when you
change anything. Then the
image will be changed to a
difference shape that what you
want.
85. 81
Next, type any word that you want and you also can change the font text given as
above.
86. 82
After that, you also can adjust the âText spacingâ and â Vertical textâ. Click the âCloseâ
button once you are done.
The âTextâ shape will appear like this.
87. 83
Click âCustomâ and types of shape will appear. Choose any types of
shape given, and click âCloseâ button.
88. 84
The shape will appear like this, and you can click âDoneâ.
Click the âCreateâ button to get the selected shape as a collage.
89. 85
This is the result of the selected shape.
After you choose the shape that you want, you can also adjust the shape
using the types of size as shown above.
90. 86
The function of âAppearanceâ is to adjust the âBackgroundâ and âBorderâ
in your collage. For background u can also choose to have it either âColorâ
or âTransparentâ For example, click the âcolorâ button and choose your
own color as you want and click âOkâ.
After that, you can click âCreateâ button.
91. 87
This is the example of a result of collage background that have been created.
Furthermore, you also can change the âBorderâ by using the color that you want.
92. 88
Adjust the âSizeâ and click the âCreateâ button to get the result as shown above.
Other than that, you also can get the different types of backgrounds such as âPhotoâ.
For examples, click the âPhotoâ button, and the file photo will appear as shown above.
After that click your selected photo, and open it.
93. 89
Click â Noâ to get a different size.
This is the result of selected background.
94. 90
Besides that, if you click âYesâ to get the same size, the background and the collage will
become smaller than before.
The functions of âAdvanceâ is to change the Rotation, Shadow and Options. You can
change the level and click the âCreateâ button. The result will come out with a difference
shape and last click the âSaveâ button.
95. 91
Picture below shows how to add photo from a web
You can also add photo from web such as Facebook, Instagram and so on. Firstly, click
file and then click âAdd photo from webâ. After that, the page will appear.
101. 97
Websites : studio.stupeflix.com
Description
Stupeflix is a web application that create awesome video with just a few clicks. It can
import pictures and videos from files on the computer, by recording them with webcam,
or from a Facebook, Dropbox, Picasa or Flickr account. It can add music by uploading a
song from our existing library. It also can add voice-over by uploading a sound file, or
using computer voices that read the text.
Suggested Activities
Make a personal video with a theme on the studentsâ childhood memories.
CHAPTER
6 STUPEFLIX
102. 98
STEP 1 :
STEP 2 :
Click here to enter
the website
Enter the email
and the password
103. 99
STEP 3:
STEP 4 :
Click âadd photos & videosâ to
insert the photos and the videos
Insert slide title here
Choose the video
theme.
104. 100
STEP 5 :
STEP 6 :
Click here to upload the
photo / video from computer.
It also can import the photos/videos
from Facebook, Instagram, Flickr,
picasa and dropbox.
105. 101
STEP 7 :
STEP 8 :
Some example is from Facebook.
First, you must connect to your
Facebook account.
Example from Facebook
106. 102
STEP 9 :
STEP 10 :
Drag the photo
Folders from your
Facebook account
107. 103
STEP 11 :
STEP 12 :
The photos / video can be seen
here after uploaded.
Add text to overlap on
the picture.
108. 104
STEP 13 :
STEP 14 :
Add videos
Here some of the photos and the video.
116. 112
STEP 29 :
STEP 30 :
The video will then be
saved automatically at the
website.
117. 113
STEP 31 :
STEP 32 :
Click here to log out from the
website.
Main page
118. 114
Website: http://www.pixton.com/
Description
Pixton is the easiest and simple way to make comics without any cost. Anyone can use
it for hobby, learning or business.
Suggested Activities
Students can create their own character, their own comics with variety of art in it. It is
also suitable for beginner.
CHAPTER
7 PIXTON
127. 123
You can put more than one
character to make your comic
creative
After you have completed your
comic, you can save and
publish your comic! Others can
read your comic too!
128. 124
Website: http://scratch.mit.edu/
Description
Scratch is designed with learning and education in mind. Scratch is a programming
language that makes it easy to create your own interactive stories, games, and
animations â and share your creations with others on the web. A wide variety of
educators have been supporting Scratch creators since 2007, in both formal and
informal learning environments â K-12 classroom teachers, educational and computer
science researchers, librarians, museum educators, and parents.
Suggested Activities
Have students to create their own project based on the topic given.
CHAPTER
8 SCRATCH
129. 125
TO CREATE A PROJECT,
YOU HAVE TO HAVE AN
ACCOUNT FIRST!
130. 126
YOU CAN START MAKING A PROJECT BY FAMILIARISING YOURSELF WITH THE WEBSITE.
START WITH AN EASY ONE.
YOU CAN CHANGE
BACKGROUND FOR THE
PROJECT.
131. 127
YOU CAN GET HELP BY REFERRING TO THE STEP-BY-STEP INTRO,
ON HOW TO MAKE SOMETHING MOVE, INSERT SOUNDS, AND ETC.
133. 129
In conclusion, Scratch is a resourceful website for the teachers, even for the students to aid
them in teaching and learning. This can help teachers to plan a more enjoyable and exciting
lesson for the students. It is highly recommended to try out this website.
THERE ARE VARIETIES TYPES OF PROJECTS THAT HAVE BEEN DONE BY
THE MEMBERS OF SCRATCH. JUST SEARCH!
134. 130
Website: https://www.goanimate.com/
Description
GoAnimate is a tool that gives us the opportunity to create animations exactly in the way
we wanted. We can create our own characters, direct them and see other animations
uploaded by other people. Itâs easy, fun and free. We can create our own animations in
a creative way, making them unique. It provides us with different tools that will help us in
creating our movie the way we want.
Suggested Activities
GoAnimate is a useful tool to engage student in writing, for instance. They can create
their stories and create a dialogue for characters to interact with each other. Student
can create their own animations and share them with other people around the world.
CHAPTER
9 GOANIMATE
You can create your own animations in a creative way,
making them unique. It provides you with different tools
that will help you in creating movie the way you want it.
135. 131
If you already have an account you just click on
LOGIN but if you do not, you should click on
SIGN UP and follow the registration steps.
Click at the FILTER
THEMES to choose a
theme
You can choose the themes that
you want
136. 132
Display characters, text, scene,
music, and effects option in the
option panel
Generate and show a preview
of the progress of your video
far.
Display camera
positioning options
Zooming in, out
and positions
Display scene options such
as durations, transitions
Add scenes to your video
If you want to create your own
character, you will be given plenty
of options to design him/her.
Choose any part of the body that
you want to create the character.
137. 133
You can choose the background
that you want
You also can create stories and
create a dialogue for characters to
interact with each other.
Click to display scene
menu
Add new scene to the timeline
Video/animation timeline
Audio timeline
138. 134
Copy scene
Clear scene of all content, actors
and object
Delete scene
Click the button PREVIEW to view
your video
139. 135
After you click the PREVIEW button,
you can play your video
After finished making a video, click
the button SAVE to save the video.
You also can share the video
140. 136
You can share your video on
YouTube, Facebook, Twitter
and many more.
141. 137
Website : www.fotor.com
Description
The heart and soul of Fotor is photo editing with best tools available online. Using Fotor
photo editor, you can resize your photos, crop them, adjust the lighting curve, rotate
them, adjust brightness, contrast, saturation, and sharpness, adjust the tone and colors,
or just straighten a crooked shot! You can also add a photo effect, photo frame, clip art,
text, or use our unique color splash, mosaic, and tilt shift tools.
Suggested Activities
Use FOTOR to edit photos, resize, crop, adjust lighting, rotate, sharpness, tone colours
or saturation to announce school and community events.
Letâs get started by editing your very own beautiful pictures ! You may click the button âEdit a
Photoâ to start editing.
CHAPTER
10 FOTOR
142. 138
Then, browse your image that you want to edit from the computer and open it. Open Photo
Gallery by clicking the âEdit A Photoâ button. Select the photo or photos that you want to edit,
and then, at the top of the screen, click the âEdit A Photoâ button.
Once you have chosen your picture, you will be directed to the photo that you choose. You can
choose âbasic editâ to edit the photos.
143. 139
Then, you can choose âeffectâ that can automatically be edited from the web. You can Crop,
Rotate, Resize, Basic effect, Tone, Color and Curve
144. 140
You can choose to edit the âcurveâ, âeffectâ or âMildnessâ or others editing of the pictures. It
can make your picture appear milder or harder.
145. 141
Then, you can make or choose from various type of frames for your photo editing.
146. 142
Then, choose a sticker that you want to use as above examples listed.
147. 143
Then, write a caption that you want to include and edit the font.
148. 144
Then, you can use PHOTOR to make a collage photo by clicking Collage menu or to add multiple photos.
You can add a photo form the right side of the menu to put in the collage.
149. 145
Below is an example of collage photo.
Then, click save to save the picture in your computer.
150. 146
You have successfully save the picture! After you have done editing your picture, you may just save it for
later use or immediately share it with the rest of your friends using Facebook, Picasa, Tumblr, Flickr, or
Twitter.
Then, we can make a photo collage using various shapes provided such as star, moon, butterfly, kitten
and others.
151. 147
You can also choose a Birthday, New year, Motherâs day, Fatherâs day, Holiday or Christmas Card
Templates.
152. 148
In the era of todayâs advanced technology, there is no need to print your materials out
as you can just share it online. Share your beautiful and creative photo edited through
Facebook, emails and others sharing mediums and promote your hard work. The best
part is it is hassle free!
153. 149
Website: http://www.kizoa.com/
Description
You can create slideshows and videos from scratch or start from one of the templates.
Once in your Kizoa account, you may start by uploading your photos and videos. Then
use the Editing Workshop to touch-up your photos and videos. A great slideshow starts
with great images. You are also able to add frames and instant photo effects from the
Editing Workshop.
Suggested Activities
Student will able to make slideshows of photos, videos with effects, text and insert
music. Student also can create still or animated collages & e-cards with templates or
create freely with amazing filters, effects, frames. Apart from this, student can also
share online using e-mail, Facebook, Twitter, Blogs and etc.
CHAPTER
11 KIZOA
154. 150
Open the kizoa main page
Sign in at the top of the main page.After
that,you may use it freely.
Enter your email address and
password.
156. 152
You can add effect to your slideshow.
You also can add music to your slideshow to make it
more interesting.
157. 153
You can edit you photo.
The page collage maker is to make your picture more
beautiful and colourful.
158. 154
The page that you can add movement to your collage to
make it interesting.
The page that you can make your slideshow.You just
add photo and start your slideshow.
159. 155
This is the collage maker page.You also can choose part
that you want to make collage.
You can select your collage template and choose photo
that you want.
160. 156
The page that you can share your slideshow and
pictures.
You can share your slideshow and pictures to social
network sites like Facebook and Twitter.
161. 157
Website: http://museumbox.e2bn.org/index.php
Description
This site provides the tools for you to build up an argument or description of an event,
person or historical period by placing items in a virtual box. What items, for example,
would you put in a box to describe your life; the life of a Victorian Servant or Roman
soldier; or to show that slavery was wrong and unnecessary? You can display anything
from a text file to a movie. You can also view and comment on the museum boxes
submitted by others.
CHAPTER
12 MUSEUM BOX
This is the front page
You have to register first
162. 158
This is example of virtual box, you can click on the box and this is example of empty box.
After you are registered, this is the steps on how you put the information or data such as text,
video, files ,sound or links
This is the virtual box
where you can put in the
information
For put the text Insert the sound
Insert the video Insert the files
Insert links For search
163. 159
List of student who have done to use this virtual box before
Example of text
164. 160
You can enter the photos you like
You can put some video for presentation
Enter Caption
here
165. 161
There is a tutorial video before you start using this web site. This video teach you how to put in
the data. This web is suitable for school presentation and it makes teaching easier.
166. 162
Museum Box has been used within the abolition project to help student:
ďˇ Understand the campaign
ďˇ Understand the collection and importance of evidence
ďˇ Understand that many people contributed the campaign
This is button for exit this web site