user interaction: ajax basics djp3/classes/2011_09_inf133/... · pdf file 2011. 10....

Click here to load reader

Post on 28-Jan-2021

0 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

  • User Interaction: AJAX Basics

    Asst. Professor Donald J. Patterson INF 133 Fall 2011

    1 Friday, October 7, 11

  • Follow up from last class

    XMLHTML XHTML

    JSON

    Data TransportData Presentation

    Friday, October 7, 11

  • • AJAX • “Asynchronous Javascript and XML” • although XML can be replaced with any data format

    • Developed to support “rich clients” •One of the big enablers of Web 2.0

    Friday, October 7, 11

  • AJAX

    • Consider a spreadsheet, once can • Edit data in place • Changes are updated in real-time • Dependencies across the document • Feedback from the mouse and cursor • Cells highlight •Overall a pretty rich user interface experience

    Friday, October 7, 11

  • AJAX

    • “Rich Client” • Rich • In the U/I sense • “Spread-sheet” like

    • Client • Lives in a networked world

    • Sovereign Application vs. • Transient Application

    AJAX in action:Crane

    Friday, October 7, 11

  • AJAX AJAX in action:Crane

    Friday, October 7, 11

  • AJAX AJAX in action:Crane

    Friday, October 7, 11

  • AJAX

    • Desktop World

    LOGIC DATA

    MODEL

    PROCESS

    FILE

    SYSTEM

    LOGIC DATA

    MODEL

    PROCESS

    AJAX in action:Crane

    Friday, October 7, 11

  • AJAX

    • Cloud Computing World

    MIDDLE

    WARE

    CLOUD

    SERVICE

    SERVER

    FARM SERVER

    FARM SERVER

    FARM SERVER

    FARM

    LOGIC DATA

    MODEL

    PROCESS

    LOGIC DATA

    MODEL

    PROCESS

    MIDDLE

    WARE

    CLOUD

    SERVICE

    SERVER

    FARM SERVER

    FARM SERVER

    FARM SERVER

    FARM

    AJAX in action:Crane

    Friday, October 7, 11

  • AJAX

    • Network induces variable delays, always worse than local

    • Cut to whiteboard

    AJAX in action:Crane

    Friday, October 7, 11

  • AJAX

    • Asynchronousness • Cut to whiteboard

    AJAX in action:Crane

    Friday, October 7, 11

  • AJAX

    • Defining principles of AJAX

    AJAX in action:Crane

    1.Browser hosts an application, not content 2.Server delivers data not content 3.User interaction with the application can be fluid

    and continuous 4.This is real coding

    Friday, October 7, 11

  • Friday, October 7, 11