Vous êtes sur la page 1sur 149

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.

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



Website: https://www.blendspace.com

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.

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.

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.

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

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.

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.

Create a class and invites students to join without using their e-mail addresses. Students can ask questions or comment on the lesson posted.

Share and spread your knowledge and creativity to everyone via famous social network or other websites.

Your lessons will be saved automatically and organized.

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.

Get inspired and shared what other users have created in the Gallery.

An example of an interesting canvas from other user.

Variety videos can be dragged and dropped on the canvas as well.

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.


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.




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.


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!



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


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





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. Suggested activities 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. Its Free! 18

This is the control panel which allows you to utilize the website by using all the services prprovided

This is your account manager page.

This is where all your information will be displayed where you can edit your profile.

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
You can open your web application control panel by clicking on the web apps tab.


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

Then select your theme.

You will need to come out with your website address name before creating your site.


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


You can also add multimedia contents to your 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

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.


Insert video URL that you like

Choose how big you want the block to appear

Or you can browse for any video that you like from youtube

When youre done, click the insert button.

Finally, you will have your youtube video block.


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.

Fill in your details

Put in your thoughts and comments Submit when youre done

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.


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


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)


To post, students need to fill in the details, enter their messages, and type in the security code.

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.




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.


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.


This is the homepage after we logged in.


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


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


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


After selecting the canvas, some icons will appear.












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


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.



Website : http://www.slideshare.net/

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 SlideShares investors includes Venrock, David Siminoff and Dev Khare.

Suggested Activities
We can discover, share and present. Share what you know through presentation, infographics, document, upload video, and more.


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



Slide Share discovers every day top Slide Share

Slide Share also presents Featured Slide Share


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.


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


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.


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.







Branding by expand your companys 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.





SlideShare sends information on new featured presentation on SlideShare every week.


Clicking My profile, on the upper right side brings you to a box containing details on users name, uploads, account setting, analytics, PRO dashboard, logout and support.


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.




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

Suggested Activities 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.



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



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.





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.




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.



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.


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.




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.

Suggested Activities Use UtellStory to create your own multimedia storytelling to share with schools and community events.


ACTIVITIES BY UtellStory: 1) Follow Peoples Stories

2) Read More Stories with Different Country, Culture, Education, Entertainment and Others.

3) Create The Slideshows


Sign Up with UtellStory


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


2. Arrange Slide Order


3. Insert Background Audio


4. Transition Style


5. Duration Adjustment


6. Save your slides

This means that your slides have been saved.

You can preview your slides by clicking the preview button.


This step is to publish your activity.



7. Publish story to allow other to read it.




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.

Suggested Activities
Have students work in groups to create research projects and share their sources visually.

















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.

Suggested activities

Students Help students to make activities, exchange ideas and help among peers and teachers.


Join first. If you are a student, choose Im a Student. Follow the instructions for signing up.

Then, when you have confirmed your email and you have the account, sign in.


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


The red star marks that the wiki name. The name should not be one of the name existing in Wikispaces 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.


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.


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.


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.


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


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.


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.



Teacher Teachers can help their students to have after-class discussion and other activities.

A teacher or an educator and join as a teacher.



Then you can do the activities just like the students tutorial of using Wikispaces. The steps are the same.





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.

Suggested Activities Have students of any age or ability easily create the multimedia presentation.





Sign in to create new presentation





This is an example of a presentation.





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. Suggested Activities 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.

First, search Evernote website and sign up to create a note now


Sign up here

Type your email and make sure you remember your password

Put your email to sign up with Evernote


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


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


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


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 also delete your note You can open your note in new tab 134

You can zoom in your image by clicking at your image

You also make your own note in your smart phone

Android Smartphone

This is an example of Evernote in android smartphone software. It allows Android Smartphone users to create their own note anywhere without using computer.





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. Suggested Activities 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 couldnt attend on the day


Lets get started by designing your very own creative presentation! You may use the plans to help you design the ideas!


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!

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


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

6 As soon as its uploaded, youll be taken to a new tab whilst your file converts to a format compatible with Present.me.


Once its converted, youll 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.



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 isnt 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 youve recorded. If you do have a slow connection, its 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.

Once youve clicked allow, you should see your webcam image in the right hand side window. If you cant see yourself, click on the Settings button (bottom left) and you can choose your camera and microphone from the list provided.



Say a few words just to make sure your microphone is working, Click the red Record button and youll 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 youve either reached the last slide, or are ready to stop, click the Stop button and you will stop recording. If youre on the last slide, you can also click Next and that will stop the recording too. Now youre ready to review & publish. Click End & Review and you will be taken to the Publish page.



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


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/