Web 2.0


Published on

Published in: Technology
1 Like
  • 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

  1. 1. WEB 2.0 By Himanshu Kumar Das Email:-himanshudas802@gmail.com
  2. 2. Points To Cover <ul><li>A brief history of the Web </li></ul><ul><li>What is Web 2.0? </li></ul><ul><li>Web 1.0 VS Web 2.0 </li></ul><ul><li>Why is it important? Why use Web 2.0? </li></ul><ul><li>Technologies within Web 2.0 (Ajax,Ria,Mashups) </li></ul><ul><li>Applications of web 2.0 </li></ul><ul><li>Why Does Web 2.0 Matter </li></ul><ul><li>Question And Answer </li></ul>
  3. 3. A brief history of the Web <ul><li>The World Wide Web (&quot;WWW&quot; or simply the &quot;Web&quot;) is a global information medium which users can read and write via computers connected to the Internet. The term is often mistakenly used as a synonym for the Internet itself, but the Web is a service that operates over the Internet, as e-mail does. </li></ul>Duration Remark 1980–1991 Development of WWW 1992–1995 Growth of the WWW 1996–1998 Commercialization of the WWW 1999–2001 &quot;Dot-com&quot; boom and bust 2002-2011 The Web becomes ubiquitous, Web 2.0
  4. 4. What is Web 2.0? <ul><li>It is Second generation of services available on the Web that lets people collaborate and share information online </li></ul><ul><li>O'Reilly Media and MediaLive International popularized the term </li></ul><ul><li>From a technology perspective Web 2.0 uses AJAX, Mashups and RSS </li></ul><ul><li>Here’s a definition of sorts from Wikipedia: </li></ul><ul><li>“ Web 2.0 generally refers to a second generation of services available on the World Wide Web that let people collaborate, and share information online. ...” </li></ul><ul><li>– http://en.wikipedia.org/wiki/Web2.0 </li></ul>
  5. 6. Cuene.com/mima Web 1.0 VS Web 2.0 Web 1.0 (1993-2003) Pretty much HTML pages viewed through a browser Web 2.0 (2003- beyond) Web pages, plus a lot of other “content” shared over the web, with more interactivity; more like an application than a “page” “ Read” Mode “ Write” & Contribute “ Page” Primary Unit of content “ Post / record” “ static” State “ dynamic” Web browser Viewed through… Browsers, RSS Readers , anything “ Client Server” Architecture “ Web Services ” Web Coders Content Created by… Everyone
  6. 9. Why is it important? Why use Web 2.0? <ul><li>. Custom search engines . Collaboration </li></ul><ul><li>. Web-based journals/blogs . Outreach </li></ul><ul><li>. Wikis . Instruction </li></ul><ul><li>. Podcasts . Training </li></ul><ul><li>. Videos and photos . Resource </li></ul><ul><li>. Library marketing . development </li></ul>
  7. 10. Technologies within Web 2.0 <ul><li>Asynchronous JavaScript and XML (Ajax) </li></ul><ul><li>RIA </li></ul><ul><li>Service-oriented Architecture (SOA) </li></ul><ul><li>RSS(Really Simple Syndication) </li></ul><ul><li>Mashup </li></ul><ul><li>FEEDS </li></ul>
  8. 11. What is AJAX? <ul><li>Introduction </li></ul><ul><li>Ajax is not a technology in itself </li></ul><ul><li>Shorthand for Asynchronous JavaScript and XML </li></ul><ul><li>The term was first used by Adaptive Path only in Feb 2005 </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><ul><li>The principal technology behind the Web 2.0 is the AJAX </li></ul>
  9. 12. <ul><li>In the traditional Web application, the interaction between the customer and the server goes like this: </li></ul><ul><li>Customer accesses Web application </li></ul><ul><li>Server processes request and sends data to the browser while the customer waits </li></ul><ul><li>Customer clicks on a link or interacts with the application </li></ul><ul><li>Server processes request and sends data back to the browser while the customer waits </li></ul><ul><li>etc.... </li></ul><ul><li>Ajax Acts as an Intermediary </li></ul><ul><li>Asynchronous </li></ul><ul><li>Technologies </li></ul><ul><li>HTML or XHTML and CSS for presentation </li></ul><ul><li>The Document Object Model (DOM) for dynamic display of and interaction with data </li></ul><ul><li>XML for the interchange of data, and XSLT for its manipulation </li></ul><ul><li>The XMLHttpRequest object for asynchronous communication </li></ul><ul><li>JavaScript to bring these technologies together </li></ul>
  10. 13. Synchronous vs. Asynchronous
  11. 14. Synchronous vs. Asynchronous
  12. 16. Rich Internet application (RIA) <ul><li>A  Rich Internet Application  ( RIA ) is a Web application that has many of the characteristics of desktop applications, typically delivered either by way of a site-specific browser, via a browser plug-ins. </li></ul><ul><li>&quot;rich Internet application&quot; was introduced in a white paper of March 2002 by Macromedia (now merged into Adobe). </li></ul><ul><li>Security can improve over that of application software (for example through use of sandboxes and automatic updates). </li></ul><ul><li>  For security purposes, most RIAs run their client portions within a special isolated area of the client desktop called a sandbox. The sandbox limits visibility and access to the file-system and to the operating system on the client to the application server on the other side of the connection. This approach allows the client system to handle local activities, calculations, reformatting and so forth, thereby lowering the amount and frequency of client-server traffic. </li></ul>
  13. 18. Mashups!
  14. 19. What is a Mashup? <ul><li>(Computing) A website or web application which combines contents from different websites </li></ul>
  15. 20. A Simple Example User Mashup website What are the available flats near NUS? Real estate website Google Map Request for available flat list Flat list Request for area map Area map Map with available flats marked
  16. 21. Creating Mashup User Mashup website User Request Website 1 Website 2 API Call Data API Call Data Data presentation Data Manipulation
  17. 22. Applications <ul><li>Blogs, Wikis, and Feeds </li></ul><ul><li>Social Networks </li></ul><ul><li>Google Maps </li></ul><ul><li>Amazon </li></ul><ul><li>Ebay </li></ul><ul><li>Salesforce.com </li></ul>
  18. 23. <ul><li>Blogs – a blog, or weblog, is an online journal or web site on which articles are posted and displayed in chronological order. </li></ul><ul><li>. Subject resources, book reviews, library news, discussion groups </li></ul><ul><li>. Blogging software: </li></ul><ul><li>http://wordpress.com </li></ul><ul><li>http://www.livejournal.com </li></ul><ul><li>http://www.blogger.com </li></ul><ul><li>WIKIS – Wiki technology provides an area for effortless collaboration and knowledge sharing among a community of users without any programming knowledge. Features: add a new page, edit page, search, comments, files and attachments, revision comparison. </li></ul><ul><li>Social Bookmarking- </li></ul><ul><li>. Allow users to bookmark favorite web site articles, blog posts, podcasts, images, & other web-based materials for future retrieval. ex. www.facebook.com </li></ul>Applications
  19. 24. <ul><li>Photo sharing </li></ul><ul><li>. Users are uploading, rating, reviewing, annotating, searching, browsing, tagging, & creating a wealth of personal, cultural & historical digital image collections. </li></ul><ul><li>ex. www.flicker.com </li></ul><ul><li>www.photobucket.com </li></ul><ul><li>www.picazza.com </li></ul><ul><li>Video Sharing </li></ul><ul><li>. Enable users to share, rate, comment, watch & gather around video content free of charge and technical expertise. </li></ul><ul><li>. Amateur filmmakers, karaoke hopefuls, & even talented pets have all been given a venue to display their work. </li></ul><ul><li>ex. youtube.com </li></ul><ul><li>Software as a Service (Saas )- is a model of software delivery where the software company provides development, hosting, maintenance, daily technical operation, and support. SaaS can be for any market segment including home consumers, small business, medium and large business </li></ul>Applications
  20. 25. <ul><li>Online Chatting – is the exchange of typed-in messages requiring one site as the repository for the messages (or &quot;chat site&quot;) and a group of users who take part from anywhere on the Internet. </li></ul><ul><li>. Yahoo messenger </li></ul><ul><li>. Google talk </li></ul><ul><li>. Skype </li></ul><ul><li>. Meebo </li></ul><ul><li>Online Text Messaging – Provides text messaging from internet to cell phone/mobile phone. Ex. Chikka.com, Yahoo messenger </li></ul><ul><li>Windows Live is Microsoft’s version of Web 2.0 services offerings. These will include Live Mail, Live Messenger, Live Favorites, Live Office Domains and more. </li></ul>Applications
  21. 26. Why Does Web 2.0 Matter? <ul><li>Increase in malware and data leak vulnerabilities. </li></ul><ul><li>Web 2.0 sites such as blogs, wikis, and RSS feeds have complex content that require code to be executed on the user’s browser, which in turn allows hackers to embed malicious code that is then automatically executed. </li></ul><ul><li>Web 2.0 sites often use data from different sources, such as a retail store site using Google maps to display locations, this makes it more difficult for security systems to validate the integrity of the code. Hackers are also embedding spam and malicious code into other types of content, such as instant messaging, shared video content, and business documents like PDF and Excel files. </li></ul><ul><li>Back button useless…!! </li></ul>