Successfully reported this slideshow.

ALSC Web 2.0: The Interactive Web

1,179 views

Published on

for ALSC National Institute

Published in: Education, Technology, Design
  • Be the first to like this

ALSC Web 2.0: The Interactive Web

  1. 1. Web 2.0: The Interactive Web Presented by Beth Gallaway for ALSC National Institute September 2008 Salt Lake City, UT
  2. 2. Web 1.0 vs. Web 2.0 <ul><li>Web 1.0 </li></ul><ul><li>Static Webpages </li></ul><ul><li>Passive </li></ul><ul><ul><li>Read </li></ul></ul><ul><ul><li>View </li></ul></ul><ul><ul><li>Find </li></ul></ul><ul><li>Text </li></ul><ul><li>Impersonal </li></ul><ul><li>Mobile </li></ul><ul><li>Web 2.0 </li></ul><ul><li>Dynamic Applications </li></ul><ul><li>Interactive </li></ul><ul><ul><li>Do </li></ul></ul><ul><ul><li>Create </li></ul></ul><ul><ul><li>Remix </li></ul></ul><ul><li>Multimedia </li></ul><ul><li>Custom </li></ul><ul><li>On Demand </li></ul>
  3. 3. What is Web 2.0? <ul><li>Web as platform </li></ul><ul><li>Collective intelligence </li></ul><ul><li>Data driven </li></ul><ul><li>Everything is in beta </li></ul><ul><li>Simple programming </li></ul><ul><li>Cross platform </li></ul><ul><li>Rich user experience </li></ul>
  4. 4. Web 2.0 Tag Cloud
  5. 5. Web 2.0 Practices <ul><li>Content Creation </li></ul><ul><li>Tagging </li></ul><ul><li>Feeds </li></ul>
  6. 6. Content Creation <ul><li>Making stuff & putting it online! </li></ul><ul><li>Writing </li></ul><ul><li>Images </li></ul><ul><li>Audio </li></ul><ul><li>Video </li></ul>
  7. 7. Tagging <ul><li>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. </li></ul>
  8. 8. Delicious <ul><li>Bookmark websites for access from anywhere </li></ul><ul><li>Connect with friends and colleagues to share information </li></ul>http://www.delicious.com
  9. 9. Delicious Uses <ul><li>Professional development </li></ul><ul><li>Pathfinders for school assignments </li></ul><ul><li>Links of interest to youth </li></ul>http://www.delicious.com
  10. 10. Delicious screenshot http://www.holdregelibrary.org/kidzone.html
  11. 11. Wordle Tag Cloud http://www.wordle.com
  12. 12. Tagging Practice: Google Image Labeler <ul><li>Apply as many labels to the image in front of you as you can think of. </li></ul><ul><li>Repeat for each new image. </li></ul><ul><li>At the end of two minutes, review your labels and your partners. </li></ul><ul><li>Try again! </li></ul>http://images.google.com/imagelabeler/
  13. 13. Feeds <ul><li>RSS </li></ul><ul><li>Push technology </li></ul><ul><li>Read by a feed reader </li></ul>
  14. 14. Google Reader <ul><li>Subscribe to blogs, podcasts, news, etc for access from anywhere </li></ul><ul><li>Connect with friends and colleagues to share information </li></ul>http://reader.google.com
  15. 15. Google Reader Uses <ul><li>Manage the information overload </li></ul><ul><li>Connect with friends and colleagues to share information </li></ul>http://reader.google.com
  16. 16. Google reader screenshot
  17. 17. Twitter <ul><li>Record what you are reading, viewing, doing, thinking </li></ul><ul><li>Connect with friends and colleagues to share information </li></ul>http://www.twitter.com
  18. 18. Twitter Uses <ul><li>Record reading </li></ul><ul><li>Log reference questions </li></ul><ul><li>Take notes </li></ul><ul><li>Update location </li></ul><ul><li>Converse </li></ul><ul><li>De-stress </li></ul>http://www.twitter.com
  19. 19. Twitter screenshot http://www.twitter.com
  20. 20. Web 2.0 Issues <ul><li>CIPA </li></ul><ul><li>Privacy </li></ul><ul><li>Commercialism </li></ul><ul><li>Copyright </li></ul>
  21. 21. Web 2.0 Applications to use with YOUTH <ul><li>Face Your Manga </li></ul><ul><li>Sims OnStage </li></ul><ul><li>Wikispaces </li></ul><ul><li>Club Penguin </li></ul>
  22. 22. Face Your Manga <ul><li>Create a digital representation of yourself </li></ul><ul><li>Use in a variety of applications </li></ul>http://www.faceyourmanga.com
  23. 23. Face Your Manga: Uses <ul><li>Contest: create a personal </li></ul><ul><li>Contest: create a celebrity, author, character… </li></ul><ul><li>Internet safety session </li></ul>http://www.faceyourmanga.com
  24. 24. Face Your Manga screenshot http://www.faceyourmanga.com
  25. 25. Sims OnStage <ul><li>Record something: a song, a poem, a story </li></ul><ul><li>Create a slideshow to accompany your creation, with still photos or video or machinima </li></ul><ul><li>Post for contests, rating, review </li></ul>http://thesimsonstage.ea.com/
  26. 26. Sims OnStage Uses <ul><li>Online Contest </li></ul><ul><li>Poetry Slam </li></ul><ul><li>Joke Contest </li></ul><ul><li>Machinima Contest </li></ul><ul><li>Karaoke Contest </li></ul><ul><li>Book Review! </li></ul>http://thesimsonstage.ea.com/
  27. 27. SimsOnStage screenshot
  28. 28. Wikis <ul><li>Create and share documents and media </li></ul><ul><li>Anyone (with permission) can edit </li></ul>http://www.wikispaces.com
  29. 29. Wiki Uses <ul><li>Collaborative Booklists & Reader’s Advisory </li></ul><ul><li>Book discussion, using forums </li></ul>http://www.wikispaces.com
  30. 30. Wikispaces screenshot
  31. 31. Club Penguin <ul><li>Avatar creation </li></ul><ul><li>Games </li></ul><ul><li>Chat </li></ul>http://www.clubpenguin.com/
  32. 32. Club Penguin Uses <ul><li>Library program: LAN party! </li></ul><ul><li>Parent program about social networks </li></ul><ul><li>Internet safety program </li></ul>http://www.clubpenguin.com/
  33. 33. Club Penguin screenshot http://www.clubpenguin.com/
  34. 34. Online map of social software http://xkcd.com/256/
  35. 35. The Bard of Avon, on Facebook screenshot
  36. 36. Podcasting <ul><li>The Coulee Kids Podcast </li></ul><ul><li>http://www.sdlax.net/longfellow/sc/ck/index.htm </li></ul>
  37. 37. GCast http://www.gcast.com
  38. 38. Online Summer Reading <ul><li>Online registration </li></ul><ul><li>Online book logs </li></ul><ul><li>Online book reviewing/rating </li></ul>http://www.readsinMA.org
  39. 39. Online Summer Reading screenshot http://www.readsinMA.org
  40. 40. Contact <ul><li>Beth Gallaway </li></ul><ul><li>603-247-3196 </li></ul><ul><li>[email_address] </li></ul><ul><li>http://informationgoddess.info </li></ul>

×