Web 2.0 Mimbar Ilmiah
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Web 2.0 Mimbar Ilmiah

on

  • 1,191 views

 

Statistics

Views

Total Views
1,191
Views on SlideShare
1,191
Embed Views
0

Actions

Likes
0
Downloads
42
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Web 2.0 Mimbar Ilmiah Presentation 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