Effective Web 2.0 Tools for the Classroom: Part 3

Effective Web 2.0 Tools for the Classroom:
Part 3
Johan Eddy Luaran
i-Learn Center
Universiti Teknologi MARA
2014

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.

CONTENTS
CHAPTER 1 BLENDSPACE .................................................................1
CHAPTER 2 EDUCLIPPER................................................................12
CHAPTER 3 BRAVENET....................................................................18
CHAPTER 4 LINO.............................................................................28
CHAPTER 5 SLIDESHARE................................................................47
CHAPTER 6 REALTIME BOARD .......................................................67
CHAPTER 7 UTELLSTORY................................................................82
CHAPTER 8 MYBRAINSHARK .........................................................94
CHAPTER 9 WIKISPACES..............................................................108
CHAPTER 10 BUNCEE....................................................................121
CHAPTER 11 EVERNOTE ..............................................................129
CHAPTER 12 PRESENT.ME...........................................................136
REFERENCES ..................................................................................144

1
Website: https://www.blendspace.com
Description:
Blendspace was formerly known as Edcanvas. Blendspace is a connected space where
students and adults can organize, present and share information. It is a quick method
to blend all materials needed from all over the websites into a beautiful lesson.
Presentation can be gathered, annotated and shared easily by dragging and dropping
images, movies, maps, audio and text and embedding hyperlinks onto a blank canvas.
Blendspace allows the use of multiple frames on each canvas to pre-teach a topic,
differentiated instruction, and share pathfinders and explore connections. Users can
also upload own content or searching on the Internet.
Users can also create classrooms for students to participate in the lesson. A teacher can
grade students' exercises immediately and automatically. Furthermore, a teacher would
benefit from a comprehensive assessment towards students in this interactive canvas.
Older elementary and secondary students can create collaborative projects by copying
individual canvases to make a complete dynamic canvas. An attractive presentation will
be presented to the audience and serves multitude information in one organized
canvas. Blendspace is not only suitable for teaching and learning but it is also suitable
for businesses and other fields. Blendspace can be used to present ideas and will be
helpful in collecting various ideas from other coordinates.
Suggested activities:
Get your students to do their revision and quizzes at anywhere and anytime. Fun and
interactive learning is happening in Blendspace. User with drawing talent can upload
and use their material to blend on the canvas. You can also encourage your students to
do their group work in Blendspace and collaborate to project their ideas on the canvas.
CHAPTER
1 BLENDSPACE

2
This is a fast way to create lessons. Learning will be more
interesting and stimulates creativity. Sign up for free and
experience the flipping classroom.
It is a friendly user website, suitable for those who need
organized lessons, do assessments and track viewers'
progression.

3
Boring subjects can be interesting with
blended sources, colourful and creative
designs.
Sign up or log in to experience Blendspace. You can also log in via
Facebook or Google account and share your canvas on social
media network.

4
Click here if
you are a
teacher to
sign up
Click here if
you are a
student to
sign up
Once you are logged in, you can start your lesson by dragging and
dropping various materials (at the right corner) onto the canvas.
The canvas

5
Choose materials from various sources here. Need
not to open up another tab for different sources.
Variety sources are available on one webpage.
Create quizzes for your
students to answer in an
interactive and fun way. You
can also drag and drop quizzes
from other sources in
Blendspace.

6
Create a class and invites students to join without using
their e-mail addresses. Students can ask questions or
comment on the lesson posted.
Another interesting feature is that you can add other
websites as your bookmark and drag it to your canvas
in Blendspace. This enabled you to have more sources
for your project in Blendspace.

7
Your lessons will be
saved automatically
and organized.
Share and spread your knowledge and creativity to
everyone via famous social network or other websites.

8
Get inspired and shared what other users have created
in the Gallery.
You can always check and keep on track on how many
students do their homework. Other users can also
acknowledge how many people viewed their work, any
comments from the viewers, and whether they like or dislike
your canvas.

9
An example of an interesting canvas
from other user.
Variety videos can be dragged and
dropped on the canvas as well.

10
You can also teach students grammar by getting
them to do activity in writing biography. Another fast
and creative method is using Toontastic on canvas.

11
Teaching and learning will be feasible at anyplace and
at anytime as information and knowledge based on
academic curriculum are available at the tip of your
fingers. Blendspace can be accessed on your
smartphone, tab, desktop or laptop.
Blendspace offered free trial of a Premium
version. Advanced and more services provided in
Premium version such as record audio and
collaborate with other users. Payable version will
be offered after the trial version has ended.

12
Website: https://educlipper.net
Description
Educational materials are widely shared by educators and students worldwide. It
enhances collaboration, encourage discussion and mitigate the gap of education
through this type of learning and discovering process. This is different from other
sharing sites as it is created solely for the purpose of educational contents only.
Contents can be uploaded or clipped from websites, blogs, other online alternatives and
you can also personally upload your own things to be shared and discuss online by
putting it up on your quickboard. Your quickboard can be set as public to be viewed by
everyone or privatize if preferred.
Suggested activities
Have the students look up for their own preferred topics and compile as many
interesting contents online, to be shared verbally in class.
CHAPTER
2 EduClipper

13
Before you can start using this website, you need to sign up for an account to store all
your posts and interesting discussion. The sign up does not require any fee!

15
The usage for each button is very clear which makes it easier to be used as it is
organized neatly and efficiently.

16
There are two types of accounts available which are ‘Students’ and ‘Educators’ for you
to sign up for.

18
Website: http://www.bravenet.com/
Description
This website provides various applications such as online calendar, photo album, site
search and chat room. It is interactive, fully customizable, remotely hosted tools for
webmasters of all skill levels.
From this website, a blog can be created by a teacher in a way whereby the teacher
can use it as a medium to give information in many interesting ways. There are many
applications available from this website, but the focus here will mainly be on making
blog and managing message forum.
This is how the web page looks like. You can login by clicking on the log in button or sign up by
clicking on the “Sign Up Today. It’s Free!”
CHAPTER
3 BRAVENET

19
This is your account manager page.
You can open your web application control panel by clicking on the “web apps” tab.
This is where all your information will be
displayed where you can edit your profile.
This is the control panel which allows you to
utilize the website by using all the services
prprovided
This block will
show all the
application that
you have
registered and
downloaded to
your account.
This block will allows you
to pick any new web
application that you
desire to be add to your
account

20
The following are the descriptions on using Bravenet for blogging and and managing a message
forum.
1. How to make a blog.
First you need to
choose the site builder
in the account control
panel
You will need to come
out with your website
address name before
creating your site.
Then select your theme.

21
You will receive a welcome note and you can now start building your own website!
By moving your cursor to the green blocks
you can enter your own main title, sub
title and change the theme image.
You can write your first post, import posts
from another service or delete the
component, add more posts and display
images by going to the orange blocks

22
You can also add multimedia contents to your page.
Customizing your website is easy. Just login and point your mouse at any content block on the
page and an editor will come up allowing you to change or delete it. In order to add more
content, change your theme, or access other features, explore the toolbar at the top of the page.
Click “add content to page”
Choose category that you
like
If you choose multimedia,
then few choices will be
given to you. You can pick
whichever that you like, for
example, you chose
youtube

23
Insert video
URL that
you like
Choose how
big you
want the
block to
appear
When you’re done, click
the insert button.
Or you can
browse for any
video that you
like from
youtube
Finally, you will have your
youtube video block.

24
You can also interact with everyone else by replying their comments in the comment segment.
Your readers will be able to comment on any info that you have posted.
Once you already have your own website, you can just click the site builder button in the
account control panel to edit them. When done, the above dashboard will appear. Then click
edit site to continue.
Fill in your details
Put in your thoughts
and comments
Submit when you’re done

25
2. Using a message forum.
First you need to click on the
message forum icon in the web
applications control panel
You can customize the
appearance of you forum to
make it more interesting by
clicking on each of the
orange boxes
Using this categories manager you can create,
edit and delete your forum categories and your
forums and control their additional options

26
After you have created your forum as you
desire your forum will display all the forum
titles and are ready to use.
To enable the students to find you forum page,
you can copy and give the URL to them by
clicking the “Get Code” button.
When the student opens the URL given, they will be able to
have access to your forum through their own account. (In this
case, teachers and students are using different accounts)

27
The students are then able to respond to their teacher by giving feedback and comment on the
post, and this is the form of learning through the usage of technology.
The teacher will then receive the students’ comments and the interaction continues and this is
considered as a form of learning.
To post, students need to
fill in the details, enter
their messages, and type in
the security code.

28
Website: http://en.linoit.com/
Description
Lino is an online website which offers stickies and canvases. In this website, the user is
able to post, see and peel off stickies on the canvas freely. Lino can be used from PC
and also phones which equipped with the function of Android Apps.
Among the features offered by this websites is the ability to take note right away
wherever you are and organize your stickies visually. Hence, it is always easier to
remember the special days or deadlines and share ideas with text, pictures and videos.
Friends will also be able to add on their ideas on our canvases.
CHAPTER
4 LINO

29
Suggested Activities
Teachers and the students are able to share notes, lists, pictures, websites, documents,
agendas and also video in the same canvases. They can use this web as a discussion
and sharing medium and also as a reminder. The reminder is active when we set the
date on it. Reminder will be alerted via email so that members will be aware of the
upcoming events.
Teachers can also post questions and students can answer it. Not only questions, any
kind of information, attachments, videos, and pictures in teaching aid can also be
posted here.
 Before using Lino, users should sign up first. Gmail, Twitter and Yahoo mails
are included as alternatives to log in.

30

This is the homepage after we logged in.

31
I used ‘My Groups’ to keep in touch with others as a
medium to share opinion and thoughts.

32
This is to invite members into group. For instance,
teacher invites students to join the group and interact in
the group.

33
Select a new canvas as the background and select the accessibility
for the canvas whether to share it or keep it as private.

34
After selecting the canvas, some icons will
appear.

45
The history updates of the stickies and reminder will
be noted here once all is done.

46
Figure 1
Figure 2
 Figure 1 and Figure 2 show emails that will be sent by Lino to their members
either for the updates or reminder so that the members will keep updated and
alerted on the upcoming events or date.

47
Website : http://www.slideshare.net/
Description
SlideShare is a Web 2.0 based slide hosting service. Users can upload files privately or
publicly in the following file formats : Powerpoint, PDF, Keynote or Open Document
presentation. Slide decks can then be viewed on the site itself, on hand held devices or
embedded on other sites. Launched on October 4, 2006, the website is considered to
be similar to Youtube, but for slideshows. The website was originally meant to be used
for businesses to share slides among employees more easily, but it has since expanded
to also become a host of a large number of slides that are uploaded for many other
purposes. Although the website is primarily a slide hosting service, it also supports
document, PDFs, videos and webinars. SlideShare also provides users the ability to rate,
comment on, and share the uploaded content. The current list of SlideShare’s investors
includes Venrock, David Siminoff and Dev Khare.
We can discover, share and present. Share what you know through presentation,
infographics, document, upload video, and more.
CHAPTER
5 SLIDESHARE

48
At top of the right corner, you can see Upload, Go PRO, Login and Signup.

49
Slide Share discovers every day top Slide Share
Slide Share also presents Featured Slide Share
HOME PAGE

50
Slide Share allows you to share your opinion or anything about business & management, career,
design, education, entertainment and technology. You can share it with everyone who needs
more information.

51
In this Latest Conferences, it is more like share inner working some organization and highlight
what goes into it.
Slide Share also trending in social network such as Facebook, Twitter, Google and Linkedln

52
We also can browse SlideShare and users.
You also can upload your presentation, document, lithography, video and anything here
Content marketing made easy by Analytics, Leadshare and Channel Customization.

53
Analytics allows you to measure performance on your SlideShares and find out what resonates
with your viewers with dynamic analytics dashboard.
You also can share this at social network such as Link ed In, Facebook, Twitter, Blog, Google,
Pinterest, Reddit and Scoop It.
Analytics also have their own benefits such as getting to know your visitor, where do they
come from and to know whether or not they have found what they were looking for.

60
Branding by expand your company’s presence and reach by making your profile page an
extension of your brand.
You also can share this at social network such as Link ed In, Facebook, Twitter, Blog, Google,
Pinterest, Reddit and Scoop It.

64
SlideShare sends information on new featured presentation on SlideShare every week.
LOG IN AND VIEW MY PROFILE

65
Clicking “My profile”, on the upper right side brings you to a box containing details on user’s
name, uploads, account setting, analytics, PRO dashboard, logout and support.

66
This is my profile for SlideShare and I have also upload some of my presentation on SlideShare.
Here are my followers and who I followed.

67
Website : http://realtimeboard.com/app/
Description
Realtime Board is a website that provides online collaborative software which is free
and easy to use. The concept of collaboration makes it useful in discussion and
presenting ideas especially in education field. Teachers and students can interact with
each other by offering opinion and shared it with the class anytime and anywhere. The
visual planning on the board makes learning sessions more fun added with multiple
icons and tools which can help students express ideas freely and creatively.
The Realtime Board Manager, Joseph O’Meara stated that,
With Realtime Board, I am able to develop an annual operating plan for our
department and share a visual picture of work regardless of where I am or
what audience I am with.
The Realtime Board can be used for discussion among the students and teachers. The
students can also share any related information through this board whether in the
forms of documents, pictures, and videos. The students can also express their ideas
and comments through the comments and text tools. Besides that, the ideas on boards
can also be produced into slides shows which make the discussion more fun.
CHAPTER
6 REALTIME BOARD

69
 Above are the signing up steps before the users can use the Realtime Board for
free.

71
 Realtime Board is a user-friendly website as it provides lots of tutorials such as
video and picture with description. As such, users can create their own board
with ease.

75
 The users can upload files from their computer or through internet sources by
pasting the URL on the space provided. They can also upload files from Google
Drive. Plus the web also provides other icons that can help in expressing words
and comments in organized way.

78
 All the tools provided in the web are really helpful in conveying messages and
making the distribution of ideas more organized. Sticky notes for example, are
really useful in attracting the readers’ attention in emphasizing the importance of
the ideas or documents.

80
 The board created can be transform into slides show and the users can share
their board through other websites or Facebook. This webpage is also interactive
as the user can invite friends from Facebook or email to work together allowing
them to chat in the chat room.

81
 The users can monitor the accessibility and visibility of their account to other user
and set their personal information in the website through the setting button. They
can upload their picture and set or change their username. Lastly, they can
logout from website by clicking the ‘logout’ button at homepage of their account.
When they have finished with the setting and creation of the board.

82
Website: http://www.utellstory.com
Description
Utellstory is a web that provides a community and an easy platform for people from
different background to share and tell multimedia stories. It helps us to creating and
sharing audio slideshows. To create and share our story through UtellStory we can
upload pictures, add text captions, add audio narration to each slide, and upload a
soundtrack to support our entire story. It also can be embedded into our blog, email to
our friends, or shared through your favorite social networking sites.
Use UtellStory to create your own multimedia storytelling to share with schools and
community events.
CHAPTER
7 UtellStory

83
ACTIVITIES BY UtellStory:
1) Follow People’s Stories
2) Read More Stories with Different Country, Culture, Education,
Entertainment and Others.
3) Create The Slideshows

85
Step to Making Slideshows by using UtellStory.
1. ADD SLIDE

90
6. Save your slides
This means that your slides
have been saved.
You can preview
your slides by
clicking the
‘preview’ button.

91
This step is to publish your
activity.

93
7. Publish story to allow other to read it.

94
Website: http://my.brainshark.com/
Description
Create online video presentations, then share and track them with ease. Promote
yourself or your cause, share your expertise, or browse eLearning content.
Have students work in groups to create research projects and share their sources
visually.
CHAPTER
8 MyBrainshark

108
Website: http://www.wikispaces.com/
Description
Wikispaces is a free web hosting service for social writing in education context. It can be
used by the teachers and students. For the teachers, they can teach easier. They will
be able to spend more time teaching and use less tools. The classroom can be
managed too along with the other online resources in one place. Teachers can also
keep track on students’ outcomes by having assessments. Students can make other
classmates their peers to discuss and exchange ideas based on the class subject and
project.
Students
Help students to make activities, exchange ideas and help among peers and teachers.
CHAPTER
9 WIKISPACES

109
Join first. If you are a student, choose ‘I’m a Student’. Follow the instructions for
signing up.
Then, when you have confirmed your email and you have the account, sign in.

110
Choose higher education if you are a university student. If you are an elementary
or secondary student, choose K-12 Education.

111
The red star marks that the wiki name. The name should not be one of the name
existing in Wikispace’s database. Moreover, the name should not have space in
between and has to be between 3 and 32 characters long. For example,
drawinggeometric, todaysclass and nicedesigns2.
This is your wiki homepage. You will need to create a page to start making
activities.

112
The editing tools offer you file uploading, put link to other website, widgets,
table, calendar, video and etc. You can also edit the text. When you are finished,
you can preview or save it.
To let any visitors to know what your wiki is made for. You can put introductions,
information and etc.

113
From the above screenshot, it is an example of an introduction of the wiki.
Besides the page, you can go to the ‘File’ button next to the ‘Page’ to upload files
like images or documents.

114
When you have created a discussion topic, go to the setting options as shown
above. You will need to click ‘Start Monitoring’ to get notifications if any wiki
user replies your discussion. Plus, if you want replies, click ‘Unlock Replies’ to let
your members leave any comment or reply.

115
For project, you can create a project with your members. Deadlines for the project can also be
included.

116
When you want to start interactions and involvement from other members, you
can invite them by clicking the ‘Members’ tab at the top and go to ‘Invite
People’.

117
A new member has arrived for you new wiki page.
From the above screenshot, this is how it looks like when you are invited by a
wiki user.
You can go to ‘Assessment’ to see your achievement and records of everything
you do on wiki.

118
2.2 Teacher
Teachers can help their students to have after-class discussion and other
activities.
A teacher or an educator and join as a teacher.

120
Then you can do the activities just like the student’s tutorial of using Wikispaces.
The steps are the same.

121
Website: http://www.buncee.com/
Description
Buncee is a whole new way of creating and sharing online and mobile greetings,
memories, interests, new finds, business stories and more in a unique, fun and social
way. By leveraging the capabilities of online tools and iOS devices, uncee makes it easy
for even the most ‘non-technical’ individuals to create and share engaging and
interactive multi-media creations that can be shared publicly or privately.
Have students of any age or ability easily create the multimedia presentation.
CHAPTER
10 BUNCEE

124
Sign in to create new presentation

128
This is an example of a presentation.

129
Website: https://www.evernote.com
Description
Evernote is a suite of software and services designed for save note and archiving. A
"note" can be a piece of formatted text, a full webpage or webpage excerpt, a
photograph, a voice memo, or a handwritten "ink" note. Notes can also have file
attachments. Notes can be sorted into folders, then tagged, annotated, edited, given
comments, searched and exported as part of a notebook.
Student will able to save their own note, image, song, and Microsoft thing in this web
and student will able to open their note with internet connection every time and
everywhere without bringing any storage item.
CHAPTER
11 EVERNOTE
First, search Evernote website and
sign up to create a note now

130
Put your email to sign up with
Evernote
Type your email and make sure you
remember your password
Sign up here

131
You can make a note for meeting,
to-do list, research, alarm, and
any Microsoft files that you can
save such as word, excel and
power point
You can save your own photo that
you want to remember such as
business cards, image of note, and
your own photo that you want to
save
You also can search for anything,
even text within images, on any
computer or tablet you use
You can make a new note by clicking
at new note button

132
After that you will see this box and you may create a new note.
Title of the note
You may create your own note now
either date, image, song or anything
You can attach picture, song and
note at this button

133
Now choose the items
that you want to attach
And then click open
and attach the item
that you have choosen
Then wait for a few minute

134
When Evernote has finished saving your note, you can open it anytime and anywhere.
You may share your
note with your friends
You can view items only in
your note
You can open your note
in new tab
You can also delete
your note

135
You can zoom in
your image by
clicking at your
image
You also make your own note in your
smart phone
This is an example of Evernote in
android smartphone software. It
allows Android Smartphone users
to create their own note
anywhere without using
computer.
Android
Smartphone

136
Website: https://present.me/content/
Description:
Present.me offers a unique new way for people and organizations to communicate.
Think PowerPoint plus YouTube, with numerous applications for business, education,
human resources, and individuals. The most effective way we can communicate is
through face to face communication with one person or with many others. Constrained
time, daily pressure, geography and budgets all conspire to make this personal dialogue
more challenging. Present.me allows users to share and review everything from
tutorials and product demos to business updates and job screening interviews when it
suits them, on demand.
 For Internal Communications
Educational updates, team motivation, knowledge sharing
 For Informal Learning
Online tutorials, revision refreshers, public speaking practice
 For Events
Sharing speaker presentations with those who couldn’t attend on the day
CHAPTER
12 PRESENT.ME

137
Let’s get started by designing your very own
creative presentation! You may use the plans
to help you design the ideas!
1
2

138
Before you may start using Present.me, you must first sign up if you have not
had any accounts yet. You may sign up manually or just sign up using your
Facebook or Google account. If you have already registered yourself as a
Present.me user, you can just login and get started!
You’ve signed up, logged in and are ready to make your first Present.me.
Click on the Create tab at the top of the page, and you will be taken to the
upload page.
3
4

139
Make sure you have Slides & Video selected, and
the Record Video option selected. Click Proceed
and you can then choose your file to upload. It
can be a Powerpoint file, a PDF (you can export
from Keynote and Prezi to PDF) a word
document or a Google doc.
Choose the file and wait for it to upload
As soon as it’s uploaded, you’ll be
taken to a new tab whilst your file
converts to a format compatible with
Present.me.
5
6

140
Once it’s converted, you’ll see a green Record button appear
to the right. Conversion times can vary depending on the
level of traffic, but most presentations are converted in
under a minute, with some larger files taking up to 10
minutes. Present.me will also send you an email when your
file is ready if you prefer not to wait.
7

141
Click Record and your slides will be loaded into the recorder application. The first thing
that happens is we ask permission to use your webcam and microphone. Click ‘Allow’,
and you will see a network speed test running in the background. If your network isn’t
fast enough, you will be notified– you can still use Present.me, but you are more likely to
lose your connection whilst recording and thus lose what you’ve recorded. If you do have
a slow connection, it’s better to upgrade to a Plus account (you can take a 30 day free
trial if you sign up with a new account) and then upload a prerecorded video and sync
that.
Click
Once you’ve clicked allow, you should see your webcam image in the right hand
side window. If you can’t see yourself, click on the Settings button (bottom left)
and you can choose your camera and microphone from the list provided.
8
9

142
Say a few words just to make sure your microphone is working, Click
the red Record button and you’ll get a 5 second countdown before it
starts recording, use the right & left arrow keys to move your slides
forwards and back, alternatively, you can click on the buttons on the
recorder. Pressing the space also moves the slides forwards.
When you’ve either reached the last slide, or are ready to stop, click
the Stop button and you will stop recording. If you’re on the last slide,
you can also click ‘Next’ and that will stop the recording too. Now
you’re ready to review & publish. Click ‘End & Review’ and you will be
taken to the Publish page.
10

143
Here you can review the finished presentation, change the privacy
setting; add a title, description and keywords. If you click ‘Delete
Recording’ your recording will be deleted and the presentation will be
ready to record again. If you’re happy with the recording, click ‘Save’
and the presentation will be published.
Now you can share it with whoever
you want – put it on Facebook, on
Twitter, LinkedIn, or just email a link
to someone, the choice is yours.
11
12

REFERENCES
CHAPTER 1 BLENDSPACE
https://www.blendspace.com
CHAPTER 2 EDUCLIPPER
https://educlipper.net
CHAPTER 3 BRAVENET
http://www.bravenet.com/
CHAPTER 4 LINO
http://en.linoit.com/
CHAPTER 5 SLIDESHARE
http://www.slideshare.net/
CHAPTER 6 REALTIME BOARD
http://realtimeboard.com/app/
CHAPTER 7 UTELLSTORY
http://www.utellstory.com
CHAPTER 8 MYBRAINSHARK
http://my.brainshark.com/
CHAPTER 9 WIKISPACES
http://www.wikispaces.com/
CHAPTER 10 BUNCEE
http://www.buncee.com/
CHAPTER 11 EVERNOTE
https://www.evernote.com
CHAPTER 12 PRESENT.ME
https://present.me/content/

Effective Web 2.0 Tools for the Classroom: Part 3

Effective Web 2.0 Tools for the Classroom: Part 3

More Related Content

What's hot

Similar to Effective Web 2.0 Tools for the Classroom: Part 3

More from Johan Eddy Luaran

Recently uploaded

Effective Web 2.0 Tools for the Classroom: Part 3