Web 2.0 Tools and Project Based Learning Kim Peacock, B.Ed., M.Ed.

Web 2.0 Tools and
Project Based Learning
Kim Peacock, B.Ed., M.Ed.
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 set up.
 Consider privacy settings.
 Consider parental permission.
 Consider school/district technology
policy.
 Consider e-mail addresses and sign-up
logistics.

A Note On Blocking
Some Web 2.0 sites may be blocked at
your school… you can sometimes get
around this.
 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.

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://stratford78logos0607.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.
 Use a wiki to write a class
“choose-your-own-adventure”.
 Create a blog to track observations about
a classroom pet.
 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/scribepost-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/
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/

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/

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.

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/stratfordsch
ooledmonton/384040545/

Flickr and Digital Photography
Flickr can be used for
storyboarding or even
visual storytelling.
 Flickr Stories
http://www.flickr.com/groups/sixwordstor
y/discuss/72157601185227439/
 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





Warning!
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/ViewBook.toon?
bookid=11706
Web Spaces



Google Pages: Simple pages
http://pages.google.com
Google Sites: More in depth
http://sites.google.com/
Sample:
http://sites.google.com/a/googleclassrooms.o
rg/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/Category
: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=b1bf700f-6f474364-9dd7-e413706860b9
◦ Language/translation tool
http://www.bubbleply.com/player.aspx?pid=EE1549C5E35B-4F64-AA80-D4C1A220102F
Video Annotation
Use video annotation to have
students analyze speeches.
 Use video annotation to have
students express an opinion on
a 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
(e.g./ essays).
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
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?

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 5 – Play Time!
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=-2855786550703993653&hl=enCA

Teacher Resources
Education World: Technology
http://www.educationworld.com/#Technol
ogy
 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!
[email protected][email protected]
 http://www.kimpeacock.net
