You Can Change the World (Wide Web)


Published on

Intro to Web 2.0

Published in: Technology
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

You Can Change the World (Wide Web)

  1. 1. You Can Change The World (Wide Web) Mark Frydenberg Bentley College [email_address] What do you suppose she is looking at?
  2. 2. Agenda <ul><li>1 – What is Web 2.0 ? </li></ul><ul><li>2 – Social Media and Collaboration </li></ul><ul><li>3 – Mashups </li></ul>
  3. 3. 1 – WHAT IS WEB 2.0 ?
  4. 4. The Machine is Us(ing Us) How did I get the video to play within PowerPoint 2007?
  5. 5. Web 2.0
  6. 6. What is Web 2.0? <ul><li>“ Could it be that the dot-com collapse marked some kind of turning point for the Web, such that a call to action such as “Web 2.0” might make sense? We agreed that it did, and so Web 2.0 … was born.” </li></ul><ul><li>Tim O’Reilly (2004) </li></ul>
  7. 7. Living in a Web 2.0 World <ul><li>What Web 2.0 companies do you recognize? What are their products? </li></ul><ul><li>“ While the first wave of the Web was closely tied to the browser, the second wave extends applications across the web and enables a new generation of services and business opportunities.” (O’Reilly, 2004) </li></ul>
  8. 9. Web 2.0: A Read/Write Web <ul><li>Web 1.0 (1993-2003) </li></ul><ul><li>Web 2.0 (2004 - …) </li></ul><ul><li>Static Web Pages </li></ul><ul><li>Read Only </li></ul><ul><li>View through Browser </li></ul><ul><li>Need to know HTML </li></ul><ul><li>Client / Server </li></ul><ul><li>? </li></ul><ul><li>? </li></ul><ul><li>? </li></ul><ul><li>? </li></ul><ul><li>? </li></ul>
  9. 10. Web 2.0 By Example <ul><li>Web 1.0 </li></ul><ul><li>Advertising </li></ul><ul><li>Photos </li></ul><ul><li>Music </li></ul><ul><li>Encyclopedias </li></ul><ul><li>Personal Web Sites </li></ul><ul><li>Invitations/Events </li></ul><ul><li>Content Management </li></ul><ul><li>Web 2.0 ?? </li></ul><ul><li>? </li></ul><ul><li>? </li></ul><ul><li>? </li></ul><ul><li>? </li></ul><ul><li>? </li></ul><ul><li>? </li></ul><ul><li>? </li></ul>
  10. 11. What is Web 2.0? Author: Luca Cremonini Source:
  11. 12. O’Reilly’s Seven Principles of Web 2.0 <ul><li>Web as platform </li></ul><ul><li>Harnessing collective intelligence </li></ul><ul><li>Data is the next “Intel inside” </li></ul><ul><li>End of software release cycle – “perpetual beta” </li></ul><ul><li>Lightweight programming models </li></ul><ul><li>Software above the level of a single device </li></ul><ul><li>Rich user experiences </li></ul>
  13. 14. Social Media and Collaboration It’s not who you know, it’s who knows you. Social Networks Collaboration Tools Social Content MySpace FaceBook Linked In Blogs Wikis Google Docs (Zoho, Buzzword) Digg CiteULike
  14. 15. Social Bookmarking Sites
  15. 16. <ul><li>Physical World </li></ul><ul><li>One book, one shelf </li></ul><ul><li>Now, for the first time in history, we are able to arrange our concepts without the silent limitations of the physical. How might our ideas, organizations, and knowledge itself change? </li></ul><ul><li>David Weinberger, Harvard University </li></ul>Digital World
  16. 17. <ul><li>User-provided keywords to help identify or describe an item </li></ul><ul><li>Folksonomy (freely chosen keywords) </li></ul><ul><li>Non-hierarchical organization scheme </li></ul><ul><li>Tag Clouds </li></ul>Tagging
  17. 18. <ul><li>Advantages </li></ul><ul><li>Access bookmarks anywhere </li></ul><ul><li>One site can have many tags </li></ul><ul><li>Share bookmarks </li></ul><ul><li>See which sites are popular </li></ul><ul><li>Find related sites </li></ul><ul><li>Know how to find it, not where it is </li></ul><ul><li>Non-hierarchical </li></ul><ul><li>Disadvantages </li></ul><ul><li>No oversight on tags used </li></ul><ul><li>The same tags might mean different things </li></ul><ul><li>Yet another place to look </li></ul>Social Bookmarking How are tags different from key words?
  18. 19. <ul><li>Founded in 2003, acquired by Yahoo 2005 </li></ul><ul><li>Social Bookmarking </li></ul><ul><li>Store bookmarks online </li></ul><ul><li>Who else bookmarked the same article as you? </li></ul><ul><li>Browser buttons make it easy </li></ul><ul><li>Tag Clouds </li></ul> username/ username/tagname    for:username – share a bookmark
  19. 20. <ul><li>News, video, podcast ranking </li></ul><ul><li>Social bookmarking, blogging, RSS </li></ul><ul><li>Users submit stories for review </li></ul><ul><li>Most popular make it to the top </li></ul><ul><li>DiggNation Podcast </li></ul><ul><li>Categories </li></ul><ul><li>Organize academic papers </li></ul><ul><li>Tag content </li></ul><ul><li>Store references </li></ul><ul><li>See what others tagged similarly </li></ul>Other Social Bookmarking Sites
  20. 21. Flickr <ul><li>Social Photo Sharing </li></ul><ul><li>Acquired by Yahoo </li></ul><ul><li>Sign up, post pix! </li></ul><ul><li>Tag photos </li></ul>
  21. 22. 3 - MASHUPS
  22. 23. What is a Mashup?
  23. 24. <ul><li>Build mashups visually </li></ul><ul><li>Share on web site, blog, or Facebook </li></ul><ul><li>Developed by Microsoft non-professional products division </li></ul><ul><li>Beta, Oct. 17, 2007 </li></ul><ul><li>I was in the New York Times ! </li></ul>
  24. 25. Images Mashup <ul><li>The Live Image Search block uses Windows Live! (Microsoft’s search engine) to search for images that match a query. </li></ul><ul><li>Specify the search query and the number of images to return. </li></ul><ul><li>The PhotoStack block displays photos in a stack. </li></ul>
  25. 26. How does it work?
  26. 27. <ul><li>Many Popfly operations obtain data from external sources by invoking web services (methods running on other computers) </li></ul><ul><li>Data returned from web services is in XML </li></ul><ul><li>Popfly processes the XML data </li></ul><ul><li>Example: Windows Live Image Search </li></ul>Inside the Box: XML
  27. 29. Where in the World?
  28. 30. Where in the World 3D
  29. 31. Discussion <ul><li>How can you use Popfly in your classroom? </li></ul>
  30. 32. Questions?