Web 2.0 Mimbar Ilmiah

  • 805 views
Uploaded on

 

More in: Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
805
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
42
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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