1. Web 2.0: Concepts and Applications 11 The Web Becomes 2.0

2. Overview  The World Wide Web has changed the way that people –Do business –Communicate –Share information  The Web has evolved from a collection of Web sites to supporting Web applications  Web 2.0 is characterized by interactive applications Chapter 1: The Web Becomes 2.02

3. Overview Chapter 1: The Web Becomes 2.03

4. How the Web Has Changed  Early Web sites contained mostly text and small graphics  Graphics were minimized to decrease the time it takes to load a page using a slower Internet connection  Web sites were not always intuitive Chapter 1: The Web Becomes 2.04

5. How the Web Has Changed  Newer Web sites provide users with a rich browsing experience –Customizable layout –Bold graphics –Tabs –Additional services Chapter 1: The Web Becomes 2.05

6. How the Web Has Changed Chapter 1: The Web Becomes 2.06

7. Social and Technological Developments that Led to Web 2.0  Web 2.0 is the result of several evolutions: –Connectivity is available almost everywhere –The personal computer evolved into an appliance –Mobile phones are capable of accessing the World Wide Web –Web browsers are easy-to-use –Web-based applications were developed for many devices –Web developers deploy new versions of software applications –Society embraced technological changes Chapter 1: The Web Becomes 2.07

8. Social and Technological Developments that Led to Web 2.0 Chapter 1: The Web Becomes 2.08

9. Social and Technological Developments that Led to Web 2.0  In the 1990s, many new companies called dot- coms used the Web to conduct business –Internet service providers –Amazon –Priceline  Many dot-coms went out of business by 2001  The Web became a platform for social networking, collaboration, and communication Chapter 1: The Web Becomes 2.09

10. The Web Browser  A Web browser is a software application for accessing and viewing Web pages –Mosiac Later marketed as Netscape First graphical interface to the World Wide Web –Internet Explorer Became popular when distributed by Microsoft with Windows 95 –Firefox –Safari –Google Chrome Chapter 1: The Web Becomes 2.010

11. The Web Browser Chapter 1: The Web Becomes 2.011

12. The Web Browser  Modern Web browsers have streamlined their appearance  Tabbed browsing allows users to open new Web pages in a single browser window Chapter 1: The Web Becomes 2.012

13. The Web Browser Chapter 1: The Web Becomes 2.013

14. Features of Web 2.0 Applications  Online conversations –Blogs –Wikis –Sharing media –Collaboration  Digg is a Web site that allows its readers to submit interesting news stories that they find online and digg, or vote for, the news stories that others submitted Chapter 1: The Web Becomes 2.014

15. Features of Web 2.0 Applications Chapter 1: The Web Becomes 2.015

16. Features of Web 2.0 Applications  To participate in Web 2.0 applications, you likely will need a username and password –A username is a unique code name that identifies you –A password is associated with your username You should achieve greater password strength –During the authentication process, the application verifies your credentials Chapter 1: The Web Becomes 2.016

17. Features of Web 2.0 Applications Chapter 1: The Web Becomes 2.017

18. WEB Read/Write  Web 2.0 is often referred to as a read/write Web, or a database-backed Web –Web applications read from or write to a database  A Web server processes requests for Web pages sent over the Internet from a Web client –Client-server model Chapter 1: The Web Becomes 2.018

19. WEB Process Chapter 1: The Web Becomes 2.019

20. WEB Process Chapter 1: The Web Becomes 2.020

21. Basic WEB Architecture Chapter 1: The Web Becomes 2.021

22. Data Driven WEB Architecture Chapter 1: The Web Becomes 2.022

23. Recent WEB Applications Architecture Chapter 1: The Web Becomes 2.023

24. Client Tier Chapter 1: The Web Becomes 2.024

25. Service Tier Chapter 1: The Web Becomes 2.025

26. The Web as a Platform for Running Applications Chapter 1: The Web Becomes 2.026

27. Service Oriented Application (SOA) Chapter 1: The Web Becomes 2.027

28. Service Oriented Application (SOA) Chapter 1: The Web Becomes 2.028

29. Service Oriented Application (SOA) Chapter 1: The Web Becomes 2.029

30. Service Oriented Application (SOA) Chapter 1: The Web Becomes 2.030

31. Front-End Chapter 1: The Web Becomes 2.031

32. Front-End Chapter 1: The Web Becomes 2.032

33. Standard Bodies Chapter 1: The Web Becomes 2.033

34. GROUP DISCUSSION Chapter 1: The Web Becomes 2.034 WHAT TO DO?WHAT TO DO? http://www.smartclient.com http://www- 01.ibm.com/software/success/cssdb.nsf/topstoriesFM?OpenForm&Site= soa& http://www-01.ibm.com/software/solutions/soa/smart_soa_sage_be.html

35. Front-End - Client-side Chapter 1: The Web Becomes 2.035 HTML CSS XHTML DOM JavaScript Java Applet Adobe Flex Microsoft Silverlight

36. Software Accessible on Many Devices  You can browse Web content from almost anywhere on almost any electronic device that has a screen Chapter 1: The Web Becomes 2.036

37. Software Accessible on Many Devices  In order for a Web application to run on different devices, it is important that they are designed in such a way that separates the process of accessing information from the process of displaying that information Chapter 1: The Web Becomes 2.037

38. Software Accessible on Many Devices Chapter 1: The Web Becomes 2.038

39. Rich User Experience  Technologies such as AJAX, Adobe Flash, and Microsoft Silverlight allow Web browsers to display dynamic content without waiting for previous communication with the Web server to complete –Google Maps uses AJAX to allow the user to reposition a map or zoom in and out by dragging Only the map portion of the window will be updated Chapter 1: The Web Becomes 2.039

40. Rich User Experience Chapter 1: The Web Becomes 2.040

41. Rich User Experience  Predictive look-ahead, or AutoComplete, provides suggestions of valid responses based on letters that a user enters in a text box Chapter 1: The Web Becomes 2.041

42. Rich User Experience  AJAX relies on standard Web technologies to provide an engaging user experience  A browser plug-in is a software component that enables dynamic, animated display and functionality within a Web browser –Flash –Silverlight  Many rich Internet applications allow users to create, stream, or view video Chapter 1: The Web Becomes 2.042

43. Rich User Experience Chapter 1: The Web Becomes 2.043

44. GROUP DISCUSSION Chapter 1: The Web Becomes 2.044 WHAT TO DO?WHAT TO DO? http:// www.smartclient.com http://www-01.ibm.com/software/success/cssdb.nsf/topstoriesFM?OpenForm&Site=soa& http:// www-01.ibm.com/software/solutions/soa/smart_soa_sage_be.html http://www.adobe.com/resources/business/rich_internet_apps/#open

45. Summary  Web 2.0 is the name given to the shift in how people have come to use the World Wide Web  Many Web 2.0 sites allow users to share knowledge, opinions, images, or videos  Web 2.0 promotes a culture of participation  Users interact with Web 2.0 applications from a Web browser and variety of Internet-connected devices  Many Web applications use AJAX, Flash, and Silverlight Chapter 1: The Web Becomes 2.045

46. Web 2.0: Concepts and Applications 11 The Web Becomes 2.0 Chapter 1: The Web Becomes 2.046 Chapter 1 Complete