Web 2.0: new definition of web


Published on

web 2.0 concept, services, tools etc.

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

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

No notes for slide

Web 2.0: new definition of web

  1. 1. Web 2.0: new definition of web by Neeraj Kumar Singh Assistant Librarian Panjab University, Chandigarh
  2. 2. Website <ul><li>Bunch of web pages </li></ul><ul><li>Click and browse </li></ul><ul><li>Couldn't interact on it </li></ul><ul><li>Familiar with HTML coding </li></ul><ul><li>Websites started springing up like mushroom </li></ul><ul><li>life became rather boring on the Internet </li></ul>
  3. 3. Web 2.0 <ul><li>O’Reilly Media 2004 </li></ul><ul><li>It is Second generation of services available on the Web that lets people collaborate and share information online </li></ul><ul><li>set of technologies </li></ul><ul><li>Transition from static HTML Web pages to a more dynamic Web </li></ul><ul><li>Key concepts are participation and dynamic interaction. </li></ul><ul><li>Open communication & open sharing of information </li></ul>
  4. 4. Web 1.0 - Web 2.0 <ul><li>Static </li></ul><ul><li>Brochureware </li></ul><ul><li>Personal web site </li></ul><ul><li>Britannica Online </li></ul><ul><li>Directories (taxonomy) </li></ul><ul><li>Bookmarking sites </li></ul><ul><li>Dynamic </li></ul><ul><li>Customisation </li></ul><ul><li>Blog </li></ul><ul><li>Wikipedia </li></ul><ul><li>Tagging (folksonomy) </li></ul><ul><li>Social bookmarking </li></ul>
  5. 5. Web 2.0 Services/Applications <ul><li>Blog </li></ul><ul><li>Wikis </li></ul><ul><li>Web Feed </li></ul><ul><li>RSS </li></ul><ul><li>Atoms </li></ul><ul><li>Tags, Folksonomy, and Tag Clouds </li></ul><ul><li>Social Networking </li></ul>
  6. 6. What is a Blog? <ul><li>Is a journal or diary (Blog, 2006) </li></ul><ul><li>Usually displayed in a reverse chronological </li></ul><ul><li>order. </li></ul><ul><li>A commentary or news on a particular subject </li></ul><ul><li>blogs are primarily textual… </li></ul><ul><li>they sometimes contain; </li></ul><ul><li>photographs (photoblog) </li></ul><ul><li>videos (vlog) </li></ul><ul><li>audio (podcasting) </li></ul><ul><li>Are part of the social network / media </li></ul>
  7. 7. What is a wiki? <ul><li>A Web site that allows visitors to add, </li></ul><ul><li>remove, and edit content. </li></ul><ul><li>Without the need for registration. </li></ul><ul><li>An effective tool for collaborative </li></ul><ul><li>authoring. </li></ul><ul><li>On-line encyclopedias such as Wikipedia. </li></ul>
  8. 8. Wikis <ul><li>http://www.ictlogy.net </li></ul><ul><li>http://www.wikipedia.org </li></ul><ul><li>http://k12wiki.wikispaces.com/ </li></ul>
  9. 9. RSS <ul><li>RSS is acronym for Really Simple Syndication or Rich Site Summary </li></ul><ul><li>RSS is an XML format for distributing news headlines on the web </li></ul><ul><li>Initially RSS was restricted to News Headlines. </li></ul><ul><li>Common uses for RSS include: </li></ul><ul><li>- Blog </li></ul><ul><li> - Newsletters </li></ul><ul><li>- Weather Alerts </li></ul><ul><li>- Press Announcements </li></ul><ul><li>- Specials or Discounts </li></ul><ul><li>- Calendars </li></ul>
  10. 10. RSS <ul><li>RSS feeds can be read two different ways. </li></ul><ul><li>Desktop RSS feed reader or news aggregator like Feed demo </li></ul><ul><li>Web based RSS feed reader like FeedScout , Active Web Reader </li></ul>
  11. 11. Atom <ul><li>Atom is a format quite similar to RSS. It was created by people who felt that RSS could be improved upon. </li></ul><ul><li>The basic difference is that while Atom is somewhat more complex (for producers of Atom feeds), it is also able to carry more complex information, and it is consistent across the syndication, storage, and editing of information. </li></ul><ul><li>Almost everything regarding RSS applies equally well to Atom. </li></ul>
  12. 12. Tags <ul><li>Tags are keywords added to articles in blogs or Web pages via social page tag tools such as del.icio.us Technorati, and Yahoo’s My Web. </li></ul><ul><li>Tags are also known as labels, and the process of creating tags is known as tagging. </li></ul><ul><li>Tagging is also used to great effect on photo sharing site flickr: </li></ul>
  13. 13. Folksonomy <ul><li>Folksonomy is a tagging system, a manual indexing of the Web. </li></ul><ul><li>Tagging systems allow users to annotate digital resources with tags (keywords) and share their annotations with other users. </li></ul><ul><li>It’s also known as social tagging, social indexing, collaborative tagging or social classification </li></ul>
  14. 14. Advantages <ul><li>User participation </li></ul><ul><li>Adaptability </li></ul><ul><li>Vocabularies </li></ul><ul><li>Lower cost </li></ul><ul><li>Flexible </li></ul><ul><li>Take into account different perspectives </li></ul>
  15. 15. Social Networking <ul><li>Kind of application which helps interconnection amongst users </li></ul><ul><li>Myspace.com </li></ul><ul><ul><li>Fourth most popular English Website </li></ul></ul><ul><ul><li>95 million members, with 500,000 new members each week </li></ul></ul><ul><ul><li>Bought by News Corp (Rupert Murdoch) for US$580 Million in June 2005 </li></ul></ul><ul><li>orkut.com </li></ul><ul><li>40 million members, daily traffic is said to be more than 5, 00,000. </li></ul>
  16. 16. Applications <ul><li>Movies, Music, Books, TV Shows </li></ul><ul><li>􀁹 List your favourites </li></ul><ul><li>􀁹 See your friends’ favourites </li></ul><ul><li>􀁹 Discuss, post reviews, take quiz etc. </li></ul><ul><li>􀁹 Peer- driven web </li></ul><ul><li>􀁹 Likeness – find out which friend/celebrity you </li></ul><ul><li>look like </li></ul><ul><li>􀁹 Name Analyzer – what does your name mean? </li></ul><ul><li>􀁹 Chess - play in real-time and make new friends </li></ul><ul><li>􀁹 New common API: Google OpenSocial </li></ul>
  17. 17. Web2.0: Technologies <ul><li>AJAX </li></ul><ul><li>API </li></ul><ul><li>Mash-ups </li></ul><ul><li>Flash </li></ul><ul><li>M-paper technology </li></ul><ul><li>R/W Web for collective intelligence </li></ul>
  18. 18. What is AJAX? <ul><li>Asynchronous JavaScript and XML </li></ul><ul><li>Available on all major browsers </li></ul><ul><li>Removes the need to reload entire web page each time the user makes a change. Increase the web page's interactivity, speed, and usability. </li></ul><ul><li>XML is used as the format for transferring data between the server and client. XML files may be created dynamically by some form of server-side scripting </li></ul><ul><li>The Ajax technique uses a combination of: XHTML and CSS, JavaScript, XMLHttpRequest /IFrame object </li></ul>
  19. 19. AJAX Example <ul><li>Meebo.com </li></ul>
  20. 20. API <ul><li>Application Programming Interface (API) </li></ul><ul><li>set of routines, protocols, and tools for building software applications. </li></ul><ul><li>Good for users and programmer </li></ul><ul><li>Google Maps a good example of Open Source API programming. </li></ul>
  21. 21. Mash-up <ul><li>A mashup is a website or web application that uses content from more than one source to create a completely new service. </li></ul><ul><li>small box on your personal homepage showing you the local weather forecast and another box showing you news headlines are forms of mash-up. </li></ul>
  22. 22. Problems <ul><li>Security </li></ul><ul><li>- Many attack vectors for Javascript </li></ul><ul><li>- New technology </li></ul><ul><li>- Not applicable as initially intended </li></ul><ul><li>- Cross site javascripting </li></ul><ul><li>Privacy </li></ul><ul><li>- Companies might have policies against outside mails, documents, etc. </li></ul><ul><li>- Trust the provider of the service </li></ul>
  23. 23. Problems <ul><li>Scalability </li></ul><ul><li>- Closer to the desktop - slower </li></ul><ul><li>- Backend must extend to thousand of users </li></ul><ul><li>􀁹 Interoperability </li></ul><ul><li>- Javascript </li></ul><ul><li> - cross browser behaviour </li></ul><ul><li>- cross platform behaviour </li></ul><ul><li>(handheld vs desktop) </li></ul>
  24. 24. Solutions <ul><li>Security </li></ul><ul><li>- Use Firefox with the No Script add-on, only allows sites you trust </li></ul><ul><li>Privacy </li></ul><ul><li>- Data between server - browser has to be encrypted </li></ul><ul><li>- Users must be taught not to use online tools for sensitive information </li></ul>
  25. 25. Conclusion <ul><li>Web 3.0 </li></ul><ul><li>Emphasis on APIs and data accessibility </li></ul><ul><li>Mobile Devices </li></ul><ul><li>Semantic Web </li></ul><ul><li>Better security </li></ul><ul><li>Ensuring privacy </li></ul>
  26. 26. Thank You