Web 2.0 Mimbar Ilmiah


Published on

Published in: Technology, Business
  • 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 Mimbar Ilmiah

  1. 1. Web 2.0 and AJAX Soetam Rizky Mimbar Ilmiah 24 Januari 2007
  2. 2. Web 2.0 ?
  3. 3. Web 2.0 ? Web 2.0: “The Web as platform” Social Software: Services for the ‘World Live Web’ Processes: human-technology (cyber)Social interactions
  4. 4. Web 2.0 ? <ul><li>Tim O’Reilly characteristics : </li></ul><ul><li>Web as platform </li></ul><ul><li>Harnessing collective intelligence </li></ul><ul><li>Primacy of data (sources) </li></ul><ul><li>Continuous maintenance/improvement </li></ul><ul><li>Lightweight programming models </li></ul><ul><li>SW above the level of single device </li></ul><ul><li>Rich user experiences </li></ul>
  5. 5. Web 2.0 ? “ Web 1.0” “ Web 2.0” DoubleClick Google AdSense Ofoto Flickr Mp3 Napster Britannica Online Wikipedia Evite Upcoming.org, EVDB Directories (taxonomy) Tagging (folksonomy) Personal websites Blogging Stickiness Syndication
  6. 6. Web 2.0 ? <ul><li>Freeing of data--allowing it to be exposed, discovered and manipulated in a variety of ways distinct from the purpose of the application originally used to gain access </li></ul><ul><li>Will not necessarily require new technologies (except in the Library environment) </li></ul>
  7. 7. Web 2.0 ? <ul><li>Web Services </li></ul><ul><ul><li>SOAP (Simple Object Access Protocol) </li></ul></ul><ul><ul><li>REST (Representational State Transfer) </li></ul></ul><ul><ul><li>Data Representations : XML </li></ul></ul><ul><li>Organic web services </li></ul><ul><ul><li>Ajax (Javascript and XML) </li></ul></ul><ul><li>Think syndication, not coordination </li></ul><ul><li>Design for hackability and remixability </li></ul>
  8. 8. Web 2.0 ?
  9. 9. Web 2.0 ?  <ul><li>Sample : flickr.com </li></ul><ul><li>On February 10 th , 2004, Flickr was launched at the Emerging Technology Conference </li></ul><ul><li>On February, 2005 : </li></ul><ul><ul><li>Over 2 million users </li></ul></ul><ul><ul><li>Over 93 million photos </li></ul></ul><ul><ul><li>368 TB of hard disk space (376,832 GB) </li></ul></ul><ul><li>Another sample : myspace.com, the biggest and most crowded site nowadays </li></ul>
  10. 10. Web 2.0 ?  <ul><li>Collaboration </li></ul><ul><li>Aggregation </li></ul><ul><ul><li>Use the data you have </li></ul></ul><ul><ul><li>Create new avenues of exploration </li></ul></ul><ul><ul><li>Present new views on old information </li></ul></ul><ul><li>Open APIs </li></ul><ul><li>Open content </li></ul>
  11. 11. Web 2.0 ?  <ul><li>Data is more abundant and centralized. </li></ul><ul><li>“ Google may know where you are.” </li></ul><ul><li>Privacy erodes slowly. </li></ul><ul><li>Global, legal, political, social, cultural angles. </li></ul><ul><li>Recent development examples: </li></ul><ul><ul><li>federal judge intends to require Google to turn over some search data (3/14/06). </li></ul></ul><ul><ul><li>Google’s censor search results in China. </li></ul></ul><ul><ul><li>MySpace.com: ground for predators. </li></ul></ul>
  12. 12. Web 2.0 !
  13. 13. Web 2.0 !
  14. 14. AJAX ?
  15. 15. AJAX ?
  16. 16. AJAX ? <ul><li>Adaptive Path – Jesse James Garrett </li></ul><ul><li>Essay published on Adaptive Path web site on 18 Feb 2005 </li></ul><ul><li>Asynchronous JavaScript + XML </li></ul><ul><li>A term used by Adaptive Path when describing the approach to clients </li></ul><ul><li>http://www.adaptivepath.com/publications/essays/archives/000385.php </li></ul>
  17. 17. AJAX ? <ul><li>Send an receive only the data you need </li></ul><ul><ul><li>Think chatty, not chunky </li></ul></ul><ul><li>Only update portions of the page that need to be updated </li></ul><ul><li>Asynchronous, so users can continue to work while the page is updated, and more data is fetched </li></ul>
  18. 18. AJAX ? <ul><ul><li>Not a technology…its several </li></ul></ul><ul><ul><ul><li>Standards-based presentation using XHTML and CSS </li></ul></ul></ul><ul><ul><ul><li>Dynamic display and interaction using the Document Object Model (DOM) </li></ul></ul></ul><ul><ul><ul><li>Data interchange and manipulation using XML and XSLT … or JSON </li></ul></ul></ul><ul><ul><ul><li>Asynchronous data retrieval using XMLHttpRequest </li></ul></ul></ul><ul><ul><ul><li>And Javascript binding everything together </li></ul></ul></ul>
  19. 19. AJAX ? <ul><li>No Javascript IDE Intellisense. </li></ul><ul><li>Bookmarking. </li></ul><ul><li>Back Button. </li></ul><ul><li>Downlevel browsers. </li></ul><ul><li>Debugging Javascript. </li></ul><ul><li>Doing too much at the client. </li></ul><ul><ul><li>I’ll just save these 50,000 records on the client and not have to go back to the server for the next page of records………….. </li></ul></ul>
  20. 20. Before AJAX <ul><li>Dirty Web Pages </li></ul><ul><li>Too many Server Postbacks </li></ul><ul><li>Plug ins needed for interactive experience </li></ul>
  21. 21. After AJAX <ul><li>Nice and Clean </li></ul><ul><li>Rich User Interfaces </li></ul><ul><li>Fewer “Full Page” Postbacks </li></ul>
  23. 23. ASP .NET AJAX ? <ul><li>Formerly known as ATLAS </li></ul><ul><li>First public preview released September 2005 Early release to solicit feedback and comments </li></ul><ul><li>Changed to ASP .NET AJAX since September 2006 </li></ul><ul><li>Will be integrated with Visual Studio 2008 </li></ul>
  24. 24. ASP .NET AJAX ? <ul><li>Framework that integrates client scripts, AJAX and ASP.NET 2.0 to provide rich client based web pages, which includes: </li></ul><ul><ul><li>Client (JavaScript) Libraries </li></ul></ul><ul><ul><li>Server Controls </li></ul></ul><ul><ul><li>Client Control Toolkit </li></ul></ul><ul><li>Helps eliminate much of the tedious client side coding necessary to create AJAX type applications. </li></ul>
  25. 25. ASP .NET AJAX ? <ul><li>Increased productivity </li></ul><ul><ul><li>Fewer concepts, fewer lines of code </li></ul></ul><ul><ul><li>Application and UI building blocks for common scenarios </li></ul></ul><ul><li>Easier to author, debug, and maintain </li></ul><ul><ul><li>Clean separation of content, style, behavior, and code </li></ul></ul><ul><ul><li>Well integrated with design and development tools </li></ul></ul><ul><li>Seamlessly integrated application model </li></ul><ul><ul><li>Works with ASP.NET pages and server controls </li></ul></ul><ul><ul><li>Allows access to ASP.NET-hosted web services and components </li></ul></ul><ul><li>Works everywhere – cross-browser, standards based </li></ul>
  26. 26. Server-Centric Programming Model Browser Presentation (HTML/CSS) ASP.NET Application Services Page Framework, Server Controls Atlas Script Framework Client Application Services Component/UI Framework, Controls ASP.NET Application Pages UI Behavior (Managed Code) Input Data Updated UI + Behavior Initial Rendering (UI + Behavior)
  27. 27. Client-Centric Programming Model Browser Presentation (HTML/CSS) “ Atlas” Service Proxies UI Behavior (Script) ASP.NET Application Services Page Framework, Server Controls ASP.NET Application Pages Web Services Atlas Script Framework Client Application Services Component/UI Framework, Controls Initial Rendering (UI + Behavior) Data Data
  28. 28. ASP .NET AJAX Control Toolkit <ul><li>Separate download from core ASP .NET AJAX </li></ul><ul><ul><li>Great library of free ASP .NET AJAX enabled controls </li></ul></ul><ul><ul><li>Download from http://ajax.asp.net/ and also http://www.codeplex.net </li></ul></ul><ul><li>Developed using a collaborative source model </li></ul><ul><ul><li>All source freely available with modification license </li></ul></ul><ul><ul><li>Both Microsoft & non-Microsoft developers can contribute </li></ul></ul><ul><li>Already contains some really cool controls </li></ul><ul><ul><li>About 25 useful controls and will always be increased </li></ul></ul>
  29. 29. Only ASP .NET AJAX ? <ul><li>Anthem .NET by Jason Diamond </li></ul><ul><li>Magic AJAX </li></ul><ul><li>AJAX Pro </li></ul><ul><li>SAJAX </li></ul><ul><li>And many more… </li></ul>
  30. 30. Javascript Framework <ul><li>Also considered as AJAX Framework, e.g : </li></ul><ul><li>Scriptaculous, Prototype, openRico (also known as “mother of Javascript Framework) </li></ul><ul><li>Qooxdoo </li></ul><ul><li>Turbo AJAX </li></ul><ul><li>JQuery </li></ul><ul><li>MooFx And many more…. </li></ul>
  31. 31. Summary ( I ) <ul><li>Web 2.0 hard to define, but very far from just hype </li></ul><ul><ul><li>Culmination of a number of web trends </li></ul></ul><ul><li>Importance of Open Data </li></ul><ul><ul><li>Allows communities to assemble unique tailored applications </li></ul></ul><ul><li>Importance of Users </li></ul><ul><ul><li>Seek and create network effects </li></ul></ul><ul><li>Browser as Application Platform </li></ul><ul><ul><li>Huge potential for new kinds of web applications </li></ul></ul>
  32. 32. Summary ( II ) <ul><li>ASP .NET AJAX provides a rich Ajax programming framework </li></ul><ul><li>Rich built-in integration with ASP.NET </li></ul><ul><ul><li>Server Controls </li></ul></ul><ul><ul><li>Web and Application Services </li></ul></ul><ul><li>Rich client-side JavaScript framework model </li></ul><ul><ul><li>Build rich mashups and gadgets </li></ul></ul><ul><li>Rich extensibility model for component developers </li></ul>
  33. 33. Check Real online AJAX samples at www.soetamrizky.net www.soetamrizky.info