Web 2.0 Tools for Web 2.0 Tools for Project Based Project Based

LearningLearning

Kim Peacock, B.Ed., M.Ed.University of Alberta

What is Web 2.0?

Web 2.0 Is Here…Web 2.0 Is Here…

• You are probably already using Web 2.0 tools in your day-to-day online life:

– Facebook– Blogs– Wikipedia– Flickr– YouTube– Etc…

What Are Web Applications?What Are Web Applications?

• Allow you to perform tasks or create objects without software.

• Often known as “Web 2.0” applications.• Often have an element of social

interaction.• Accessible from anywhere.• Usually FREE!

Web 2.0 Lexicon

• RSS• Feeds• Widgets• Social

Networking• Tags• Folksonomy• Open Source• Mash Ups• Ajax

RisksRisks

• Applications go up and down.

• Applications may create thing that can’t leave the confines of the particular web site (e.g./ can’t be downloaded to a disc/dvd/etc…)

• Web applications sometimes allow students to interact with other people online. Most tools have privacy settings to keep minors safe.

RisksRisks

• Students’ privacy should be considered. Some tools can be completely private, but others not.

• Students with computers at home may get to spend more time on projects than students without since it’s easily accessible.

A Note On BlockingA Note On Blocking

• Some Web 2.0 sites may be blocked at your school.

• Submit a written request to your technology department.

• Provide a rational, pedagogical justification for the site to be unblocked at your school during a certain period of time.

• Describe how you will keep students safe

Miss. Peacock’s CTS RulesMiss. Peacock’s CTS Rules

• You may never use anyone else’s name (including teachers) in your work online.

• Leaving the web site where you are supposed to be working during class is not permitted.

• No online interaction with anyone outside of this class is permitted on an project we are working on as part of this class.

Miss. Peacock’s CTS RulesMiss. Peacock’s CTS Rules

• No homework ever. If you would like to set up your own account and work separately from your class work, you may, but that work will not be considered as part of your mark.

• You may never use your name in any work online.

• You may never use the words “Edmonton” or “Alberta” in any work online.

CopyrightCopyright

• Be safe and legal… use copyright free items.

• Photos: – http://yotophoto.com/– http://www.sxc.hu/– http://www.wikimedia.org– http://www.flickr.com/search/advanced/ – http://www.stockvault.net/– http://www.imageafter.com/– http://pdphoto.org/– http://www.pixelperfectdigital.com/

CopyrightCopyright

• Sounds: http://www.freeplaymusic.com, or make your own!

• Videos: http://www.archive.org• More: Directory of web site with legal

content for schools and companies to use.http://wiki.creativecommons.org/Category:Content_Directory

Web 2.0 Tools

ResearchResearch

• Ottobib: Create bibliographic references using ISBN numbers.http://ottobib.com/

• Trailfire: Create a paththrough the Internet and annotate pages.http://trailfire.com/

• Snipd: Copy and archive web content.http://snipd.com

ResearchResearch

• BubbleComments: Video annotations of web sites.http://www.bubblecomment.com/

• Zoho Notebook: Multimedia texts incorporating images, video, text, etc…http://notebook.zoho.com/

Social Networking and BookmarksSocial Networking and Bookmarks

• MyNoteIt: Collaborative classroom noteshttp://www.mynoteit.com/

• Ning: Create a closed social network for your class.http://www.ning.com

• Del.icio.us: Social bookmarkinghttp://del.icio.us

Mind MappingMind Mapping

• Bubbl.us: Collaborative mappinghttp://bubbl.us/edit.php

• Gliffy: Collaborative mind mappinghttp://www.gliffy.com

• Mindmeister: Collaborative Mappinghttp://www.mindmeister.com/

• Mindomo: Software interactive mind mappinghttp://mindomo.com/

BlogsBlogs

• Blog Tools– http://www.blogger.com/– http://www.21classes.com/

• Class Blogs – http://www.balla.ecsd.net/– http://www.bobsprankle.com/blog/

WikisWikis

• Wiki Tools– http://www.wikispaces.com– http://www.pbwiki.com

• Wiki Samples– http://stratford78logos0607.pbwiki.com/– http://terrythetennisball.wikispaces.com/– http://meyokumin.wikispaces.com/

PodcastsPodcasts

• Pod-O-Matic: Find and create podcasts http://www.podomatic.com/

• Gcast: Podcast from any phonehttp://www.gcast.com/

• Student Podcast Samples:–http://dreamextreme.us/podcast/–http://www.learninginhand.com/OurCity/

VidcastsVidcasts

• Teacher Tube: YouTube for teachers http://www.teachertube.com/

• Ustream: Create a live feed of an event.http://www.ustream.tv/

• Student Vidcast Samples:– http://www.kid-cast.com/wordpress

/?cat=12

Flickr and PhotographyFlickr and Photography

• Flickr Noteshttp://www.flickr.com/photos/stratfordschooledmonton/384040545/

• Flickr Storieshttp://www.flickr.com/groups/sixwordstory/discuss/72157601185227439/

• Five Frame Flickr Storyhttp://flickr.com/groups/visualstory/

Cartoons and Comic BooksCartoons and Comic Books

• Pikistrips: Create comic books using photoshttp://pikistrips.com/

• ToonDoo: Create online comic books.http://toondoo.com/Home.do

• BubbleSnaps: Annotate images.http://www.bubblesnaps.com

• Toonlet: Create a character and write simple text http://toonlet.com

Cartoons and Comic BooksCartoons and Comic Books

• Reasons for Explorationhttp://www.toondoo.com/toondoo/ViewBook.toon?bookid=12301

• The Importance of Squantohttp://www.toondoo.com/toondoo/ViewBook.toon?bookid=11741

• Prince Henry’s Contributions http://www.toondoo.com/toondoo/ViewBook.toon?bookid=11706

Web SpacesWeb Spaces

• Google Sites: Simple siteshttp://sites.google.com/Sample: http://sites.google.com/a/googleclassrooms.org/mrs-richau/Home

• Protopages: More interactive web siteshttp://www.protopage.comStudent Sample: http://www.protopage.com/yzerman19

Video AnnotationVideo Annotation

• Bubble Ply: Add bubbles and captions to videohttp://www.bubbleply.com/

• Overstream: Add bubbles and captions to videohttp://www.overstream.net/

• Examples:–http://www.bubbleply.com/player.aspx?pid

=b1bf700f-6f47-4364-9dd7-e413706860b9

ScreencastingScreencasting

• Screencast-O-Matic: Capture and post what’s on your computer screen.http://www.screencast-o-matic.com/

• Example:–http://www.screencast-o-matic.com/watc

h/ciQZXIgH• Sketchcast: Capture and post

what’s on your tablet or SmartBoard.http://sketchcast.com/

Map ApplicationsMap Applications

• Google Maps: http://maps.google.ca

• Community Walk: More kid-friendly mapshttp://www.communitywalk.com–Example: http://www.communitywalk.com

/calgary/alberta/my_first_neighborhood/map/140666

• Quickmaps: Annotate maps.http://quikmaps.com/new

VoiceThreadVoiceThread

• VoiceThread: Not really like anything else…http://voicethread.com/

• Almost like a wiki/blog with audio… it allows users to annotate and expand images with voice recordings.

• http://voicethread.com/view.php?b=3352• http://voicethread.com/view.php?b=409• http://voicethread.com/view.php?b=4973

3D Spaces3D Spaces

• Mapwing: Build and share virtual tourshttp://www.mapwing.com/

• Example: St Joseph’s College http://www.mapwing.com/explore/view_tour.php?t=IELIBsIwwYLNIsa

• SceneCaster: Create 3D web spaceshttp://www.scenecaster.com/view22/web/home.jsp

Interactive TimelinesInteractive Timelines

• xTimeline: Historic interactive timelines.http://www.xtimeline.com/index.aspx?t=5&l=en-US

• Dipity: Interactive timelines with additional multimedia.http://www.dipity.com/

• OurStory: Personal interactive timelines.http://www.ourstory.com/

Video EditingVideo Editing

• Jumpcut: Create and edit video online – no software required.http://www.jumpcut.com/

• Kaltura: A simple online video editor.http://corp.kaltura.com/

Multimedia & StorytellingMultimedia & Storytelling

• Funtigo: Create online scrapbooks.http://funtigo.com/?cr=3&rfm=y

• Vuvox: Make interactive panoramas and movies.http://www.vuvox.com/

• Animoto: Upload and assemble videos online.http://animoto.com/

Others…Others…

• Letterpop newsletter makerhttp://www.letterpop.com

• Geni family tree makerhttp://www.geni.com/

• Popfly basic game creatorhttp://www.popfly.com

• Dabbleboard whiteboardhttp://www.dabbleboard.com/

• GooseGrade blog annotatorhttp://www.goosegrade.com/

And Many, Many More…And Many, Many More…

• http://www.protopage.com/web2point0forteachers

• kim.peacock@ualberta.ca

• University of Alberta Technology Programs:

• http://www.medte.ualberta.ca/ • http://www.mes.ualberta.ca/