alsc web 2.0: the interactive web

40
Web 2.0: The Interactive Web Presented by Beth Gallaway for ALSC National Institute September 2008 Salt Lake City, UT

Upload: beth-gallaway

Post on 25-May-2015

958 views

Category:

Education


5 download

DESCRIPTION

for ALSC National Institute

TRANSCRIPT

Page 1: ALSC Web 2.0: The Interactive Web

Web 2.0:The Interactive Web

Presented by Beth Gallaway for ALSC National Institute

September 2008 Salt Lake City, UT

Page 2: ALSC Web 2.0: The Interactive Web

Web 1.0 vs. Web 2.0

Web 1.0• Static Webpages • Passive

– Read– View– Find

• Text• Impersonal• Mobile

Web 2.0• Dynamic Applications• Interactive

– Do– Create– Remix

• Multimedia• Custom• On Demand

Page 3: ALSC Web 2.0: The Interactive Web

What is Web 2.0?

• Web as platform

• Collective intelligence

• Data driven

• Everything is in beta

• Simple programming

• Cross platform

• Rich user experience

Page 4: ALSC Web 2.0: The Interactive Web

Web 2.0 Tag Cloud

Page 5: ALSC Web 2.0: The Interactive Web

Web 2.0 Practices

• Content Creation

• Tagging

• Feeds

Page 6: ALSC Web 2.0: The Interactive Web

Content Creation

Making stuff & putting it online!

• Writing

• Images

• Audio

• Video

Page 7: ALSC Web 2.0: The Interactive Web

Tagging

• Categorizing items, pages, photos etc with keywords that have personal meaning to the end user, as opposed to using a controlled vocabulary that may be less meaningful.

Page 8: ALSC Web 2.0: The Interactive Web

Delicious

• Bookmark websites for access from anywhere

• Connect with friends and colleagues to share information

http://www.delicious.com

Page 9: ALSC Web 2.0: The Interactive Web

Delicious Uses

• Professional development

• Pathfinders for school assignments

• Links of interest to youth

http://www.delicious.com

Page 10: ALSC Web 2.0: The Interactive Web

Delicious screenshot

http://www.holdregelibrary.org/kidzone.html

Page 11: ALSC Web 2.0: The Interactive Web

Wordle Tag Cloud

http://www.wordle.com

Page 12: ALSC Web 2.0: The Interactive Web

Tagging Practice: Google Image Labeler

• Apply as many labels to the image in front of you as you can think of.

• Repeat for each new image.

• At the end of two minutes, review your labels and your partners.

• Try again!

http://images.google.com/imagelabeler/

Page 13: ALSC Web 2.0: The Interactive Web

Feeds

• RSS

• Push technology

• Read by a feed reader

Page 14: ALSC Web 2.0: The Interactive Web

Google Reader

• Subscribe to blogs, podcasts, news, etc for access from anywhere

• Connect with friends and colleagues to share information

http://reader.google.com

Page 15: ALSC Web 2.0: The Interactive Web

Google Reader Uses

• Manage the information overload

• Connect with friends and colleagues to share information

http://reader.google.com

Page 16: ALSC Web 2.0: The Interactive Web

Google reader screenshot

Page 17: ALSC Web 2.0: The Interactive Web

Twitter

• Record what you are reading, viewing, doing, thinking

• Connect with friends and colleagues to share information

http://www.twitter.com

Page 18: ALSC Web 2.0: The Interactive Web

Twitter Uses

• Record reading• Log reference

questions• Take notes• Update location• Converse• De-stress

http://www.twitter.com

Page 19: ALSC Web 2.0: The Interactive Web

Twitter screenshot

http://www.twitter.com

Page 20: ALSC Web 2.0: The Interactive Web

Web 2.0 Issues

• CIPA

• Privacy

• Commercialism

• Copyright

Page 21: ALSC Web 2.0: The Interactive Web

Web 2.0 Applications to use with YOUTH

• Face Your Manga

• Sims OnStage

• Wikispaces

• Club Penguin

Page 22: ALSC Web 2.0: The Interactive Web

Face Your Manga

• Create a digital representation of yourself

• Use in a variety of applications

http://www.faceyourmanga.com

Page 23: ALSC Web 2.0: The Interactive Web

Face Your Manga: Uses

• Contest: create a personal

• Contest: create a celebrity, author, character…

• Internet safety session

http://www.faceyourmanga.com

Page 24: ALSC Web 2.0: The Interactive Web

Face Your Manga screenshot

http://www.faceyourmanga.com

Page 25: ALSC Web 2.0: The Interactive Web

Sims OnStage

• Record something: a song, a poem, a story

• Create a slideshow to accompany your creation, with still photos or video or machinima

• Post for contests, rating, review

http://thesimsonstage.ea.com/

Page 26: ALSC Web 2.0: The Interactive Web

Sims OnStage Uses

• Online Contest• Poetry Slam• Joke Contest• Machinima Contest• Karaoke Contest• Book Review!

http://thesimsonstage.ea.com/

Page 27: ALSC Web 2.0: The Interactive Web

SimsOnStage screenshot

Page 28: ALSC Web 2.0: The Interactive Web

Wikis

• Create and share documents and media

• Anyone (with permission) can edit

http://www.wikispaces.com

Page 29: ALSC Web 2.0: The Interactive Web

Wiki Uses

• Collaborative Booklists & Reader’s Advisory

• Book discussion, using forums

http://www.wikispaces.com

Page 30: ALSC Web 2.0: The Interactive Web

Wikispaces screenshot

Page 31: ALSC Web 2.0: The Interactive Web

Club Penguin

• Avatar creation• Games• Chat

http://www.clubpenguin.com/

Page 32: ALSC Web 2.0: The Interactive Web

Club Penguin Uses

• Library program: LAN party!

• Parent program about social networks

• Internet safety program

http://www.clubpenguin.com/

Page 33: ALSC Web 2.0: The Interactive Web

Club Penguin screenshot

http://www.clubpenguin.com/

Page 34: ALSC Web 2.0: The Interactive Web

Online map of social software

http://xkcd.com/256/

Page 35: ALSC Web 2.0: The Interactive Web

The Bard of Avon, on Facebookscreenshot

Page 36: ALSC Web 2.0: The Interactive Web

Podcasting

• The Coulee Kids Podcast

http://www.sdlax.net/longfellow/sc/ck/index.htm

Page 37: ALSC Web 2.0: The Interactive Web

GCast

http://www.gcast.com

Page 38: ALSC Web 2.0: The Interactive Web

Online Summer Reading

• Online registration• Online book logs• Online book reviewing/rating

http://www.readsinMA.org

Page 39: ALSC Web 2.0: The Interactive Web

Online Summer Reading screenshot

http://www.readsinMA.org

Page 40: ALSC Web 2.0: The Interactive Web

Contact

• Beth Gallaway• 603-247-3196• [email protected]• http://informationgoddess.info