1

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

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

2

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

Inspiration

Vs.

Perspiration

What is Web 2.0?

4

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:

FacebookBlogsWikipediaFlickr/Picassa/etc…

5

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!

6

RisksRisksApplications 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.

7

RisksRisksApplications 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.

8

Miss. Peacock’s CTS RulesMiss. Peacock’s CTS RulesNo 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.

9

Miss. Peacock’s CTS RulesMiss. Peacock’s CTS RulesYou 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.

10

LogisticsLogisticsConsider room set up.Consider privacy settings.Consider parental permission.Consider school/district

technology policy.Consider e-mail addresses and

sign-up logistics.

11

A Note On BlockingA Note On BlockingSome 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.

12

Is It Worth It?Is It Worth It?Consider student motivationConsider learning stylesConsider literacy and

communication skillsConsider enrichmentConsider special needs

(cognitive and motor skills)

Consider “millennial learners”

13

Basic Skills Basic Skills Right click to:

◦Copy image◦Save image◦Copy shortcut

Find code to cut and paste from within various programs.

14

CopyrightCopyrightBe 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/

15

CopyrightCopyrightSounds:

http://www.freeplaymusic.com, or make your own!

Videos: http://www.archive.orgMore: Directory of web site with

legal content for schools and companies to use.http://wiki.creativecommons.org/Category:Content_Directory

Web 2.0 Multimedia Tools

17

Podcasts and VidcastsPodcasts and VidcastsPod-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.comStudent Podcast Samples:

◦ http://dreamextreme.us/podcast/◦ http://thedowns.edublogs.org/category/pod

casting/

18

Podcasts and VidcastsPodcasts and VidcastsTeacher 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

19

Podcasts and VidcastsPodcasts and VidcastsMake 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.

20

Podcasts and VidcastsPodcasts and VidcastsCreate 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.

21

PresentationsPresentationsGoogle Documents: Create

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

Sliderocket: Make impressive looking presentations online.http://www.sliderocket.com/

Zuiprezi: Non-linear presentationshttp://zuiprezi.com/

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

Slideshare: Share existing presentationshttp://www.slideshare.net/

22

ResearchResearchOttobib: Create bibliographic

references using ISBN numbers.http://ottobib.com/

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

Snipd: Copy and archive web content.http://snipd.com

23

ResearchResearchBubbleComments: Video

annotations of web sites.http://www.bubblecomment.com/

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

24

Mind MappingMind MappingWhy 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 orannotations.

25

Mind MappingMind MappingBubbl.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/

26

Mind MappingMind MappingExploratree: 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/

27

Flickr and Digital Flickr and Digital PhotographyPhotographyFlickr is a useful tool

that allows you toupload and annotateimages that can bemade either public or private.

Flickr Notes:http://www.flickr.com/photos/stratfordschooledmonton/384040545/

28

Flickr and Digital Flickr and Digital PhotographyPhotographyFlickr can be used for

storyboarding or evenvisual storytelling.

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

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

29

Flickr and Digital Flickr and Digital PhotographyPhotographyHave students do a

photo scavenger huntof math or science concepts and have themupload 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.

30

Cartoons and Comic Cartoons and Comic BooksBooksWarning!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

31

Cartoons and Comic Cartoons and Comic BooksBooksReasons 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

32

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

33

Web SpacesWeb SpacesOther 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

34

Video AnnotationVideo AnnotationBubble 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

35

Video AnnotationVideo AnnotationUse 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).

36

ScreencastingScreencastingScreencast-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 Contenthttp://www.screencast-o-matic.com/watch/ciQlh3Ap

37

ScreencastingScreencastingUse 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).

38

Map ApplicationsMap ApplicationsGoogle 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

39

Map ApplicationsMap ApplicationsQuickmaps: 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/

40

Map ApplicationsMap ApplicationsHave 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.

41

VoiceThreadVoiceThreadVoiceThread: 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

42

VoicethreadVoicethreadCreate 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

43

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

44

3D Spaces3D SpacesPhotosynth: Create and view 3D

virtual tours using photos.http://photosynth.net

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

45

3D Spaces3D SpacesHave 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.

46

Interactive TimelinesInteractive TimelinesxTimeline: 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/

47

Interactive TimelinesInteractive TimelinesHave 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.

48

Multimedia & Digital Multimedia & Digital StorytellingStorytellingJumpcut: 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/

49

Multimedia & Digital Multimedia & Digital StorytellingStorytellingFuntigo: Create online scrapbooks.

http://funtigo.com/?cr=3&rfm=yVuvox: Make interactive

panoramas and movies.http://www.vuvox.com/

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

50

Others…Others…Letterpop newsletter maker

http://www.letterpop.comGeni family tree maker

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

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

http://www.popfly.comDabbleboard whiteboard

http://www.dabbleboard.com/GooseGrade blog annotator

http://www.goosegrade.com/

51

And many, many more…

http://www.protopage.com/web2point0forteachers

kim.peacock@ualberta.ca