Web 2.0


Published on

A simple presentation about web 2.0

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

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

No notes for slide

Web 2.0

  1. 2. <ul><li>Web 2.0 & Social Computing </li></ul><ul><ul><li>Design </li></ul></ul><ul><ul><li>Personal start pages </li></ul></ul><ul><ul><li>Tags, Tag Clouds </li></ul></ul><ul><ul><li>Del.icio.us and others </li></ul></ul><ul><ul><li>RSS and feed readers </li></ul></ul><ul><ul><li>etc. etc. etc. </li></ul></ul><ul><li>Forums, Blogs, Wikis, Podcasts </li></ul><ul><li>Create your blog </li></ul><ul><li>Discussion </li></ul>
  2. 3. <ul><li>a phrase coined by O'Reilly Media in 2004, refers to a perceived second-generation of Web-based services—such as social networking sites , wikis , communication tools , and folksonomies —that emphasize online collaboration and sharing among users. </li></ul><ul><li>From Wikipedia </li></ul>
  3. 5. SOCIAL COMPUTING <ul><li>The generally accepted basic tenets of Social Computing are: </li></ul><ul><li>1) Innovation is moving from a top-down to bottom-up model 2) Value is shifting from ownership to experiences 3) Power is moving from institutions to communities </li></ul>
  4. 6. SOCIAL COMPUTING <ul><li>Forrester Research, which released a report on Social Computing, says that: </li></ul><ul><li>… new social structure is emerging in which technology puts power in communities, not institutions. Forrester calls this evolution Social Computing. Sounds like Web 2.0, right? We think not. And here’s why: Web 2.0 is about specific technologies (blogs, podcasts, wikis, etc) that are relatively easy to adopt and master. Social Computing is about the new relationships and power structures that will result. Think of it another way: Web 2.0 is the building of the Interstate Highway System in the 1950s; Social Computing is everything that resulted next (for better or worse): suburban sprawl, energy dependency, efficient commerce, Americans’ lust for cheap and easy travel. </li></ul>
  5. 7. Web2.0 Design <ul><li>Simplicity </li></ul><ul><li>Central layout </li></ul><ul><li>Fewer columns </li></ul><ul><li>Separate top section </li></ul><ul><li>Solid areas of screen real-estate </li></ul><ul><li>Simple nav </li></ul><ul><li>Bold logos </li></ul><ul><li>Bigger text </li></ul><ul><li>Bold text introductions </li></ul><ul><li>Strong colours </li></ul><ul><li>Rich surfaces </li></ul><ul><li>Gradients </li></ul><ul><li>Reflections </li></ul><ul><li>Cute icons </li></ul><ul><li>Star flashes </li></ul><ul><li>http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm </li></ul>
  6. 8. Personalized start pages <ul><li>http://www.readwriteweb.com/archives/10_ajax_start_pages.php </li></ul>
  7. 9. Personalized start pages igoogle
  8. 10. Personalized start pages netvibes
  9. 11. Tags ( Collaborative tagging ) <ul><li>Collaborative tagging (also know as folksonomy , social classification , social indexing and other names) is the practice and method of collaboratively creating and managing tags to annotate and categorize content . In contrast to traditional subject indexing , metadata is not only generated by experts but also by creators and consumers of the content. Usually, freely choosen keywords are used instead of a controlled vocabulary . [1] </li></ul><ul><li>Social tagging: A study of a web 2.0 service in OPAC </li></ul><ul><li>http://library20.ning.com/profiles/blog/show?id=515108:BlogPost:33488 </li></ul>
  10. 12. Tag clouds <ul><li>A tag cloud is a set of related tags with corresponding weights. Typical tag clouds have between 30 and 150 tags. The weights are represented using font sizes or other visual clues. Meanwhile, histograms or pie charts are most commonly used to represent approximately a dozen different weights </li></ul><ul><li>http://www.librarything.com/tagcloud.php </li></ul><ul><li>www.zoomclouds.com </li></ul>
  11. 13. del.icio.us <ul><li>The website del.icio.us (pronounced as &quot;delicious&quot;) is a social bookmarking web service for storing, sharing, and discovering web bookmarks . The site was founded by Joshua Schachter in late 2003 , and was acquired by Yahoo! in 2005 . A non- hierarchical keyword categorization system is used on del.icio.us where users can tag each of their bookmarks with a number of freely chosen keywords (cf. folksonomy ). A combined view of everyone's bookmarks with a given tag is available; for instance, the URL &quot; http:// del.icio.us/tag/wiki &quot; displays all of the most recent links tagged &quot;wiki&quot; ( more about navigating tags ). Its collective nature makes it possible to view bookmarks added by similar-minded users </li></ul>
  12. 14. www.technorati.com <ul><li>Technorati is an Internet search engine for searching blogs , competing with Google , Yahoo and IceRocket . As of August 2007, Technorati indexes over 94 million weblogs. The name Technorati is a portmanteau , pointing to the technological version of literati or intellectuals. </li></ul>
  13. 15. http://reddit.com/ <ul><li>Reddit is a social news website where users can post links to content on the web. Other users may then vote the posted links up or down, causing them to appear more or less prominently on the reddit home page. </li></ul><ul><li>The site has discussion areas where users may discuss the posted links, and vote for or against others' comments. When there are enough votes against a given comment, it will not be displayed by default, although a reader can display it through a link or preference. Users who submit articles which other users like and subsequently &quot;vote up&quot; receive &quot;karma&quot;, points which a user receives as a reward for submitting interesting articles. </li></ul>
  14. 16. www.digg.com <ul><li>Digg is a community-based popularity website with an emphasis on technology and science articles, recently expanding to a broader range of categories such as politics and entertainment. It combines social bookmarking , blogging , and syndication with a form of non-hierarchical, democratic editorial control. </li></ul><ul><li>News stories and websites are submitted by users, and then promoted to the front page through a user-based ranking system. This differs from the hierarchical editorial system that many other news sites employ. </li></ul>
  15. 17. RSS <ul><li>http://thechad.jobcentral.com/index.php/2007/09/11/rss-for-beginners/ </li></ul>
  16. 18. Feed Readers - Aggregator s <ul><li>http://www.dmoz.org/Computers/Software/Internet/Clients/WWW/Feed_Readers/Web_Based/ </li></ul>
  17. 19. facebook ?
  18. 20. <ul><li>http://www.43things.com/ </li></ul><ul><li>http://www.backpackit.com/ </li></ul><ul><li>http://www.tadalist.com/ </li></ul><ul><li>http://upcoming.org/ </li></ul><ul><li>http://www.facebook.com/ </li></ul><ul><li>http://www.teachertube.com/ </li></ul>
  19. 21. INTERNET FORUMS <ul><li>An Internet forum is a web application for holding discussions and posting user generated content. Internet forums are also commonly referred to as web forums , message boards , discussion boards , (electronic) discussion groups , discussion forums , bulletin boards , fora (the Latin plural) or simply forums . </li></ul><ul><li>Forums allow users to post a &quot;topic&quot; for others to review. Other users can view the topic and post their own comments in a linear fashion, one after the other. </li></ul>
  20. 22. BLOGS OR WEBLOGS <ul><li>Blogs, short for web logs, are like online journals for a particular person. The owner will post a message periodically allowing others to comment. Topics often include the owner's daily life or views on politics or a particular subject important to them. </li></ul><ul><li>Blogs mean many things to different people, ranging from &quot;online journal&quot; to &quot;easily updated personal website&quot;. While these definitions are technically correct, they fail to capture the power of blogs as social software. Beyond being a simple homepage or an online diary, some blogs allow comments on the entries, thereby creating a discussion forum. They also have blogrolls (i.e., links to other blogs which the owner reads or admires), and indicate their social relationship to those other bloggers. </li></ul><ul><li>In summary, blogs engage readers and build a virtual community around a particular person or interest. </li></ul>
  21. 23. WİKİ <ul><li>A wiki is a website that allows visitors to add, remove, edit and change content. It also allows for linking among any number of pages. This ease of interaction and operation makes a wiki an effective tool for mass collaborative authoring . </li></ul><ul><li>The term wiki can also refer to the collaborative software itself ( wiki engine ) that facilitates the operation of such a site, or to certain specific wiki sites, including the computer science site WikiWikiWeb (the original wiki) and online encyclopedias such as Wikipedia . </li></ul>
  22. 24. PODCASTING <ul><li>A podcast is a digital media file, or a series of such files, that is distributed over the Internet using syndication feeds, for playback on portable media players and personal computers </li></ul><ul><li>Video sharing – youtube </li></ul>
  23. 25. Ch e ck these out! <ul><li>http://twitter.com/ what are you doing right now? </li></ul><ul><li>http://www.43things.com/ What would you like to do? </li></ul>
  24. 26. <ul><li>www.scobleizer.com </li></ul><ul><li>www.portakalagaci.com </li></ul><ul><li>http://www.information-literacy.net/ </li></ul>Ch e ck these out!
  25. 27. <ul><li>http:// www.oreillynet.com/ </li></ul><ul><li>http://web2journal.com/ </li></ul><ul><li>http://www.webthingsconsidered.com/ </li></ul>Ch e ck these out!
  26. 28. <ul><li>del.icio.us </li></ul><ul><li>Digg </li></ul><ul><li>Furl Netscape </li></ul><ul><li>Yahoo! My Web </li></ul><ul><li>StumbleUpon </li></ul><ul><li>Google Bookmarks </li></ul><ul><li>Technorati </li></ul><ul><li>BlinkList </li></ul><ul><li>Newsvine </li></ul><ul><li>ma.gnolia </li></ul><ul><li>reddit </li></ul><ul><li>Windows Live </li></ul><ul><li>Tailrank </li></ul>Ch e ck these out!
  27. 29. Blog Sites <ul><li>Battle Blog </li></ul><ul><li>Blog.com </li></ul><ul><li>Blogger </li></ul><ul><li>Blue Kaffee </li></ul><ul><li>DeadJournal </li></ul><ul><li>GreatestJournal </li></ul><ul><li>LiveJournal </li></ul><ul><li>MySpace </li></ul><ul><li>NewBlog.com </li></ul><ul><li>Open Diary </li></ul><ul><li>TypePad </li></ul><ul><li>Typo </li></ul><ul><li>Windows Live Spaces </li></ul><ul><li>Wordpress.com </li></ul><ul><li>Xanga </li></ul><ul><li>Vox </li></ul>
  28. 30. Library blogs <ul><li>http://losgatospubliclibrary.blogspot.com/2007/09/librarything-for-libraries-is-here.html </li></ul><ul><li>http://librarygarden.blogspot.com/2006/09/blog-based-library-websites-interview.html </li></ul>
  29. 31. Create your blog <ul><li>Bring up your e-mail </li></ul>