Web 2.0 Tools and Web 2.0 Tools and Project Based Project Based

LearningLearning

Kim Peacock, B.Ed., M.Ed.

December 2, 2008

My Personal Philosophy of PD…My Personal Philosophy of PD…

Inspiration

Vs.

Perspiration

Part 1 – What Is Web 2.0?Part 1 – 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/Picassa/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!

The Web 2.0 LexiconThe Web 2.0 Lexicon

• Social Networking

• Tags

• Folksonomy

• RSS feeds

• Mash-Ups

• Widgets

• AJAX

• Open Source

RisksRisks

• Applications go up and down.

• Applications get bought out.

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

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

RisksRisks

• 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…)

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

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 last name in any work online.

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

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:• During class time

• On any project we are working on in class.

LogisticsLogistics

• Consider room setup.

• Consider privacy settings.

• Consider parental permission.

• Consider school/district technology policy.

• Consider e-mail addresses and sign-up logistics.

A Note On BlockingA Note On Blocking

• Some Web 2.0 sites may be blocked at your school… you can sometimes get around this.

• Submit a request to your technology department.

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

• Describe how you will keep students safe.

Is It Worth It?Is It Worth It?

• Consider student motivation

• Consider learning styles

• Consider literacy and communication skills

• Consider enrichment

• Consider special needs (cognitive and motor skills)

• Consider “millenial learners”

What Do You Think?What Do You Think?

• How have you used the Internet in your own classroom in the past?

• What value do you think the Internet can bring to students?

• What problems have you encountered in the past?

Part 2 – Web 2.0 For Part 2 – Web 2.0 For Communicating & Communicating &

ConnectingConnecting

Blogs and WikisBlogs and Wikis

• What are blogs and wikis?

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

• Wiki tools• http://www.wikispaces.com• http://www.pbwiki.com

Blogs and WikisBlogs and Wikis

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

• Class Wikishttp://stratford78logos0607.pbwiki.com/http://terrythetennisball.wikispaces.com/

• School Wikihttp://meyokumin.wikispaces.com/

Blogs and WikisBlogs and Wikis

• Create a blog from thepoint of view of a historicfigure.

• Create a blog to track observations about a classroom pet.

• Use a wiki to write a class“choose-your-own-adventure”.

• Use a wiki to showcase student work to parents.

Blogs and WikisBlogs and Wikis

• Use either as a portfolioof student work. Allowparents to join your blogor wiki so that they can comment and provide feedback to students.

• Have students do scribe posts to summarize instructional content.http://edubuzz.org/blogs/s3scribeposts/

• http://816math.blogspot.com/2006/11/scribe-post-november-1-2006.html

Podcasts and VidcastsPodcasts and Vidcasts

• What is a Podcast?

• Levels of Podcast:Straight recording vs. digital editing

• What is a vidcast?

• What is a vodcast?

• What is a vlog?

Podcasts and VidcastsPodcasts and Vidcasts• Pod-O-Matic: Find and create podcasts

http://www.podomatic.com/• Gcast: Podcast from any phone

http://www.gcast.com/• Podbean: Another podcast community

https://www.podbean.com/• Talkr: Blog to Podcast converter

http://new.talkr.com• Student Podcast Samples:• http://dreamextreme.us/podcast/• http://thedowns.edublogs.org/category/podcasti

ng/

Podcasts and VidcastsPodcasts and Vidcasts• Teacher Tube: An online video archive

like YouTube but safe for the classroom.http://www.teachertube.com/

• Jumpcut: Digitally edit video online (no software required).http://www.jumpcut.com/

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

• Student Vidcast Samples:http://www.kid-cast.com/wordpress/?cat=12

Podcasts and VidcastsPodcasts and Vidcasts• Make a podcast for http://www.kid-cast.com/• Create an “Our City” Podcast for

http://www.learninginhand.com/OurCity/• Do a weekly class podcast as a

review/newsletter. http://bobsprankle.com/podcasts/room208vidcast.mp4

• Create a “captain’s log” of a famous historic voyage.

• Make a series of vidcaststo promote DPA (stretches, exercises, etc…)

• Create a series of podcast book reviews.

Podcasts and VidcastsPodcasts and Vidcasts

• Create an old fashioned radio play.

• Create a pod/vidcast debate online.

• Have students create a podcast dictionary of vocabulary words.

• Have students create a series of vidcasts solving different kids ofmath problems.

• Have students summarizecurrent events once a week.

Social Networking and BookmarksSocial Networking and Bookmarks

• Social networking is a word that often strikes fear in the hearts of teachers… and rightfully so. But…

• Social networkingis becoming more safe for classrooms.

• It may benefit studentswhen collaborative knowledge would be beneficial.

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

PresentationsPresentations• Google Documents: Create

presentations from anywhere.http://docs.google.com/

• Sliderocket: Make impressivelooking presentations online.http://www.sliderocket.com/

• SPresent: High quality flash presentations http://www.spresent.com/v2/

• Slideshare: Share presentations you’ve already made.http://www.slideshare.net/

Part 3 – Web 2.0 for Part 3 – Web 2.0 for Research and WritingResearch and Writing

ResearchResearch

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

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

ResearchResearch

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

• Zoho Notebook: Multimedia texts incorporating images, video, text, sound and more.http://notebook.zoho.com/

Mind MappingMind Mapping

• Why mind mapping online?

• Students can move and re-structure content easily.

• Students can add further detail without running out of space.

• Students can share theirmaps with you or each other to add comments orannotations.

Mind MappingMind Mapping

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

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

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

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

Mind MappingMind Mapping

• Exploratree: Thinking Guideshttp://www.exploratree.org.uk/

• Text2MindMap: For students who prefer text.http://www.text2mindmap.com/

• Mappio: Large online archive of mind maps.http://mappio.com/

Flickr and Digital PhotographyFlickr and Digital Photography

• Flickr is a useful toolthat allows you toupload and annotateimages that can bemade either public or private.

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

Flickr and Digital PhotographyFlickr and Digital Photography

• Flickr can be used forstoryboarding or evenvisual storytelling.

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

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

Flickr and Digital PhotographyFlickr and Digital Photography

• Have students do aphoto scavenger huntof math or science concepts and have them upload and annotate the images on flickr.

• Have students create an archive of writing prompts in Flickr and use the annotation tool to point out interesting questions or prompts.

Cartoons and Comic BooksCartoons and Comic Books

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

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

• BubbleSnaps: Upload images and annotate them with text bubbles.http://www.bubblesnaps.com

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

Cartoons and Comic BooksCartoons and Comic Books• Reasons for Exploration

http://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

• Google Pages: Simple pageshttp://pages.google.com

• Google Sites: More in depthhttp://sites.google.com/Sample: http://sites.google.com/a/googleclassrooms.org/mrs-richau/Home

• ThinkQuest: Online Learning Projectshttp://www.thinkquest.org/en/projects/index.html

Web SpacesWeb Spaces

Web SpacesWeb Spaces

• Other free web page apps…http://www.wix.com/http://www.weebly.com/http://www.jimdo.com/http://www.synthasite.com/

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

Part 4 – Web 2.0 for Part 4 – Web 2.0 for Multimedia ProjectsMultimedia Projects

Basic Skills Basic Skills

• Right click to:

• Copy image

• Save image

• Copy shortcut

• Find code to cut and paste from within various programs.

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

• 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

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:• Pop-up-video

http://www.bubbleply.com/player.aspx?pid=b1bf700f-6f47-4364-9dd7-e413706860b9

• Language/translation toolhttp://www.bubbleply.com/player.aspx?pid=EE1549C5-E35B-4F64-AA80-D4C1A220102F

Video AnnotationVideo Annotation

• Use video annotation to havestudents analyze speeches.

• Use video annotation to havestudents express an opinion ona video or news clip.

• Use video annotation for formative feedback for student work (e.g./ video recordings of PE).

• Use video annotation to create an instructional video (with written in steps).

ScreencastingScreencasting• Screencast-O-Matic: Capture and post

what’s on your computer screen.http://www.screencast-o-matic.com/

• Sketchcast: Capture and post what’s on your tablet or SmartBoard.http://sketchcast.com/

• Examples:• Assessment / Peer Feedback

http://www.screencast-o-matic.com/watch/ciQZXIgH• Instructional Content

http://www.screencast-o-matic.com/watch/ciQlh3Ap

ScreencastingScreencasting• Use Sketchcast to capture and post class

notes online quickly.• Use Screencast-o-Matic to create an archive

of extra credit work that can be used year after year.

• Use Screencast-o-Matic to orally assess student work

• Use either to create videos for parents so that they can help their child with homework.

• Use Sketchcast to help assess student difficulties in areas like problem solving (have students talk through their work).

Map ApplicationsMap Applications

• Google Maps: Create unlimited maps with annotated locations.http://maps.google.ca

• Community Walk: Create maps with slightly more multimedia capability.http://www.communitywalk.com• Example:

http://www.communitywalk.com/calgary/alberta/my_first_neighborhood/map/140666

Map ApplicationsMap Applications

• Quickmaps: Annotate and mark up maps.http://quikmaps.com/new

• YourGMap: Create maps with addresses or latitude/longitudes.http://www.yourgmap.com

• Google Lit Trips: Google Earth literature field trip.http://www.googlelittrips.org/

Map ApplicationsMap Applications

• Have students create a mapped journal of an historic trip.

• Have students create a virtual field trip based on a class field trip.

• Have students create a map of a science process (e.g./ where garbage goes or the path of a can as it goes to be recycled).

• Have students complete a reflective health project, mapping places of importance in their life.

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

VoiceThreadVoiceThread• Create an oral history

archive such as:http://www.ourvoices.ca/

• If all of your students have internet access, do a daily homework question on Voicethread.

• Have students create a talking storybook.• Look through the many examples of

teacher projects already on Voicethread!http://voicethread.com/#q.b409

3D Spaces3D Spaces

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

• Example: St Joseph’s College (University of Alberta) Virtual Tourhttp://www.mapwing.com/explore/view_tour.php?t=IELIBsIwwYLNIsa

3D Spaces3D Spaces

• Photosynth: Create and view 3D virtual tours using photos.http://photosynth.net

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

3D Spaces3D Spaces• Have students create a virtual tour of the

community using Mapwing.• Have students create an authentic

ecosystem using SceneCaster.• Have students create a 3D tour of an

important historic location in your town or city.

• Have students create a scale mode of their bedroom in SceneCaster.

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/

Interactive TimelinesInteractive Timelines

• Have students create a timeline of a scientific process (e.g./ the lifecycle of an animal).

• Have students create a year plan for the goals they would like to achieve in your course.

• Have students add to existing public timelines on xTimeline.

Multimedia & Digital StorytellingMultimedia & Digital Storytelling

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

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

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

Multimedia & Digital StorytellingMultimedia & Digital Storytelling

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

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

• ZohoNotebook: Create interactive media documents online.http://notebook.zoho.com/

Others…Others…• Letterpop newsletter maker

http://www.letterpop.com• Geni family tree maker

http://www.geni.com/• Lulu self publishing

http://www.lulu.com/• Popfly basic game creator

http://www.popfly.com• And many, many more…

http://www.protopage.com/web2point0forteachers

Tools…Tools…

• Did any tool stand out to you as particularly useful?

• Did any tool stand out to you as particularly useless?

AssessmentAssessment

• Is it a curricular outcome? If not, can you assess it in another way?

• Will you let them do it without Technology?

• Can you assess based on a rubric or is it a skill that should be assessed with a checklist?

Part 5 – Play Time!Part 5 – Play Time!

Part 6 – Staying Up-To-DatePart 6 – Staying Up-To-Date

Some Things to Mull Over…Some Things to Mull Over…

• The Machine is Us/ing Ushttp://www.youtube.com/v/NLlGopyXT_g

• A Vision of Students Todayhttp://www.youtube.com/v/dGCJ46vyR9o

• What If…http://video.google.com/googleplayer.swf?docId=-2855786550703993653&hl=en-CA

Teacher ResourcesTeacher Resources• Education World: Technology

http://www.educationworld.com/#Technology

• Webware Tools http://news.cnet.com/webware/

• Best of the Web http://www.bestoftheweb.ca

• Apple Learning Interchange http://ali.apple.com/

Technology Leadership & PD LinksTechnology Leadership & PD Links

• North Central Regional Education Lab http://www.ncrel.org/tech/tpd/index.html

• ISTEhttp://www.iste.org/

• Edutopia (George Lucas Foundation)http://www.edutopia.org/

Thank You!Thank You!

• kim.peacock@ualberta.ca

• kim_peacock@yahoo.ca

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