Web 2.0 Tools and
Project Based
Learning
Kim Peacock, B.Ed., M.Ed.
February 12, 2009
My Personal Philosophy of PD…
Vs.
Inspiration
Perspiration
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
•
•
•
•
•
•
•
•
Social Networking
Tags
Folksonomy
RSS feeds
Mash-Ups
Widgets
AJAX
Open Source
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.
Miss. 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 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.
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.
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?
• 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
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
• 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 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/podcasting/
Podcasts 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 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.
Social Networking and Bookmarks
• Social networking is a word that often
strikes fear in the hearts of teachers…
and rightfully so. But…
• Social networking
is becoming more
safe for classrooms.
• It may benefit students
when collaborative
knowledge would be beneficial.
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
• 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
• 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 their
maps with you or each
other to add comments or
annotations.
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
Basic Skills
• Right click to:
• Copy image
• Save image
• Copy shortcut
• Find code to cut and paste from
within various programs.
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
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/
• 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
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
• 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 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 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/view.php?b=3352
• http://voicethread.com/view.php?b=409
• http://voicethread.com/view.php?b=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/view22/web/
home.jsp
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.
Multimedia & 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 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…
• 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/
• GooseGrade blog annotator
http://www.goosegrade.com/
Others…
• And many, many more…
• http://www.protopage.com/
web2point0forteachers
Tools…
• Did any tool stand out to you as
particularly useful?
• Did any tool stand out to you as
particularly useless?
Part 5 – Play Time!
Assessment
• 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 6 – 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
Teacher 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 Links
• North Central Regional Education Lab
http://www.ncrel.org/tech/tpd/
index.html
• ISTE
http://www.iste.org/
• Edutopia (George Lucas Foundation)
http://www.edutopia.org/
Thank You!
• kim.peacock@ualberta.ca
• http://www.protopage.com/
web2point0forteachers/
• University of Alberta Technology
Graduate Programs
• http://www.medte.ualberta.ca
• http://www.mes.ualberta.ca