Transcript Web 2.0 Tools and Project Based Learning

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
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/
• 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/
• 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
• 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
• 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/
• 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
• 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
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/
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
• 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
Tools…
• Did any tool stand out to you as
particularly useful?
• Did any tool stand out to you as
particularly useless?
Thank You!
• [email protected]
• http://www.protopage.com/
web2point0forteachers/
• University of Alberta Technology
Graduate Programs
• http://www.medte.ualberta.ca
• http://www.mes.ualberta.ca