Web 2.0 Tools for
Project Based
Learning
Kim Peacock, B.Ed., M.Ed.
University of Alberta
My Personal Philosophy of PD…
Vs.
Inspiration
Perspiration
Project Based Learning
•
•
•
•
•
•
•
Authentic learning experiences
Grounded in critical thinking
Well scaffolded
Student-centric but teacher-dependent
Firmly grounded in the curriculum
Cross-curricular
Example:
http://www.ltspaces.com/geothentic/
http://www.polarhusky.com
Part 1 – What Is Web 2.0?
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?
• 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 Lexicon
•
•
•
•
•
•
RSS feeds
Tags
Folksonomy
Mash-Ups
Widgets
AJAX
Risks
• 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.
Risks
• 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.
Logistics
• Consider room setup.
• Consider privacy
settings.
• Consider parental
permission.
• Consider school/district technology
policy.
• Consider e-mail addresses and signup logistics.
A 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.
Part 2 – Web 2.0 For
Communicating & Connecting
Blogs 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 Wikis
• Class Blogs
http://www.balla.ecsd.net/
http://www.bobsprankle.
com/blog/
• Class Wikis
http://stratford78logos
0607.pbwiki.com/
http://terrythetennisball.
wikispaces.com/
• School Wiki
http://meyokumin.wikispaces.com/
Blogs and Wikis
• Create a blog from the
point of view of a historic
figure.
• 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 Wikis
• Use either as a portfolio
of student work. Allow
parents to join your blog
or 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/sc
ribe-post-november-1-2006.html
Podcasts and Vidcasts
• Pod-O-Matic: Find and create podcasts
http://www.podomatic.com/
• Yodio: Podcast from any phone or the web
http://www.yodio.com/
• Talkshoe: Podcasting and Audio Discussion
Forums
http://www.talkshoe.com/
• Talkr: Blog to Podcast converter
http://new.talkr.com
• Student Podcast Samples:
• http://dreamextreme
.us/podcast/
• http://thedowns.edublogs.org/
category/podcasting/
Podcasts and Vidcasts
• Teacher Tube: An online video archive
like YouTube but safe for the classroom.
http://www.teachertube.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 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 vidcasts
to promote DPA (stretches,
exercises, etc…)
• Create a series of podcast
book reviews.
Podcasts 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 of
math problems.
• Have students summarize
current events once a
week.
Online Conferencing
• DimDim: Free online web
conferencing. Useful for classes,
meetings, etc… 20 person limit.
http://dimdim.com/
• Elluminate: Alberta
based company with
“three for free” in a room.
http://www.elluminate.com
Social Networking and Bookmarks
• MyNoteIt: Collaborative classroom
notes
http://www.mynoteit.com/
• Ning: Create a closed
social network for
your class.
http://www.ning.com
• Del.icio.us: Social
bookmarking
http://del.icio.us
Presentations & Productivity
• Google Documents: Create
presentations from anywhere.
http://docs.google.com/
• Sliderocket: Make impressive
looking presentations online.
http://www.sliderocket.com/
• Zuiprezi: Non-linear presentations
http://zuiprezi.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
Research and Writing
Research
• Ottobib: Create bibliographic
references using ISBN numbers.
http://ottobib.com/
• Trailfire: Create a path
through the Internet
and annotate web
pages.
http://trailfire.com/
• Snipd: Copy and archive web content.
http://snipd.com
Research
• BubbleComments: Video annotations
of web sites.
http://www.bubble
comment.com/
• Zoho Notebook:
Multimedia texts
incorporating images,
video, text, sound
and more.
http://notebook.zoho.com/
Mind Mapping
• Bubbl.us: Collaborative mind mapping
http://bubbl.us/edit.php
• Gliffy: Collaborative mind mapping
http://www.gliffy.com
• Mindmeister: Collaborative Mind
Mapping
http://www.mind
meister.com/
• Mindomo: Software
interactive mind mapping
http://mindomo.com/
Mind Mapping
• Exploratree: Thinking Guides
http://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 Photography
• Flickr is a useful tool
that allows you to
upload and annotate
images that can be
made either public
or private.
• Flickr Notes
http://www.flickr.com/photos/stratford
schooledmonton/384040545/
Flickr and Digital Photography
• Flickr can be used for
storyboarding or even
visual storytelling.
• Flickr Stories
http://www.flickr.com/
groups/sixwordstory/discuss/7215760
1185227439/
• Five Frame Flickr Story
http://flickr.com/groups/visualstory/
Flickr and Digital Photography
• Have students do a
photo scavenger hunt
of 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 Books
• Pikistrips: Create comic
books using photos
http://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 text
http://toonlet.com
Cartoons and Comic Books
• Reasons for Exploration
http://www.toondoo.com/
toondoo/ViewBook.toon?
bookid=12301
• The Importance of Squanto
http://www.toondoo.com/toondoo/
ViewBook.toon?bookid=11741
• Prince Henry’s Contributions
http://www.toondoo.com/toondoo/View
Book.toon?bookid=11706
Web Spaces
• Google Sites: More in depth
http://sites.google.com/
Sample:
http://sites.google.com/a/
googleclassrooms.org/
mrs-richau/Home
• ThinkQuest: Online Learning Projects
http://www.thinkquest.org/en/projects/
index.html
Web 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 sites
http://www.protopage.com
Student Sample:
http://www.protopage.com/yzerman19
Part 4 – Web 2.0 for
Multimedia Projects
Copyright
• 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/
Copyright
• 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/Categ
ory:Content_Directory
Video Annotation
• Bubble Ply: Add bubbles and
captions to video
http://www.bubbleply.com/
• Overstream: Add bubbles and
captions to video
http://www.overstream.net/
• Examples:
• Pop-up-video
http://www.bubbleply.com/player.aspx?pid=b1bf700f6f47-4364-9dd7-e413706860b9
• Language/translation tool
http://www.bubbleply.com/player.aspx?pid=EE1549C
5-E35B-4F64-AA80-D4C1A220102F
• Note that TeacherTube is a good alternative if
YouTube is blocked.
Video Annotation
• Use video annotation to have
students analyze speeches.
• Use video annotation to have
students 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).
Screencasting
• Screencast-O-Matic: Capture and post
what’s on your computer screen.
http://www.screencast-o-matic.com/
• Examples:
• Assessment / Peer Feedback
http://www.screencast-omatic.com/watch/ciQZXIgH
• Instructional Content
http://www.screencast-omatic.com/watch/ciQlh3Ap
Screencasting
• Flowgram: Record and comment on
web sites and other documents.
http://www.flowgram.com/
• Sketchcast: Capture and
post what’s on your
tablet or SmartBoard.
http://sketchcast.com/
Screencasting
• 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 Applications
• Google Maps: Create
unlimited maps with
annotated locations.
http://maps.google.ca
• Example:
http://maps.google.ca/maps/ms?hl=en&ie=UTF8&msa=0&
msid=111008165444273296600.000465931a4b0b9fad889&t
=h&z=2
• Community Walk: Create maps with
slightly more multimedia capability.
http://www.communitywalk.com
• Example:
http://www.communitywalk.com/calgary/alberta/my_first_n
eighborhood/map/140666
Map Applications
• Quickmaps: Annotate
and mark up maps.
http://quikmaps.com/new
• YourGMap: Create maps with
addresses or latitude/longitudes.
http://www.yourgmap.com
Map 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.
VoiceThread
• 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/share/407691/
• http://voicethread.com/share/4973/
VoiceThread
• 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 Spaces
• Mapwing: Build and share virtual tours
http://www.mapwing.com/
• Example: St Joseph’s College
(University of Alberta) Virtual Tour
http://www.mapwing.com/
explore/view_tour.php?t=
IELIBsIwwYLNIsa
3D Spaces
• Photosynth: Create and view 3D virtual
tours using photos.
http://photosynth.net
• SceneCaster: Create 3D web spaces
http://www.scenecaster.com/
3D 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 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 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.
Image Editing
• Tool: Aviary
http://aviary.com/home
• Tool: Picnik
http://www.picnik.com/
• Tool: FotoFlexer
http://www.picnik.com/
• Tool: Splashup
http://www.splashup.com/
Multimedia & Digital Storytelling
• Motionbox: Create and edit video
online – no software required.
http://www.motionbox.com/
• Jaycut: Create and edit video online.
http://jaycut.com/
• One True Media:
Video montages
http://www.onetrue
media.com/
Multimedia & Digital 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 short photo
commercials online.
http://animoto.com/
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
• Dabbleboard whiteboard
http://www.dabbleboard.com/
Others…
• And many, many more…
• http://www.protopage.com/
web2point0forteachers
Part 5 – Staying Up-To-Date
Some Things to Mull Over…
• The Machine is Us/ing Us
http://www.youtube.com/v/NLlGopyXT_g
• A Vision of Students Today
http://www.youtube.com/v/dGCJ46vyR9o
• What If…
http://video.google.com/googleplayer.
swf?docId=-285578
6550703993653&hl=
en-CA
Staying Up-To-Date - Pedagogy
• Marc Prensky
http://www.marcprensky.com/writing/
• Education World: Technology
http://www.educationworld.com/
#Technology
• Apple Learning Interchange
http://ali.apple.com/
• Classroom 2.0
(Ning Community)
http://www.classroom20.com/
Staying Up-To-Date - Tools
• Webware Tools
http://news.cnet.com/webware/
• Tech Crunch
http://www.techcrunch.com
Staying Up-To-Date - PD
• North Central Regional Education Lab
http://www.ncrel.org/tech/
tpd/index.html
• ISTE
http://www.iste.org/
• Edutopia Videos
http://www.edutopia.org/video
• Teacher Tube
http://www.teachertube.com/
Staying Up-To-Date – Doing It Right
• High Tech High:
http://www.hightechhigh.org/
http://www.youtube.com/user/hthvideo
• New Tech High:
http://www.newtechhigh.org
http://www.newtechfoundation.org/
• Smart Classroom Awards:
http://www.youtube.com/user/SMARTC
lassrooms
Thank You!
• kim.peacock@ualberta.ca
• http://www.protopage.com/
web2point0forteachers/