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