SlideShare a Scribd company logo
AJAX
 Web 2.0 applications - INB(N) 347
    Assessment 3 - Section D


                                     Chee Lap Cheah – N6240518
                                           Subin Kim – N7299494
                                        Vivien Novak - N8427267
What is Ajax?

The most important technology for building interactive
Web 2.0 applications
Who uses Ajax today?




Popularised by
• Microsoft's Outlook Web Access (2000)
• Gmail (2004)
• Google Maps (2005)
(Wikipedia, Ajax (programming), n. d.)
Basic idea of Ajax
 Dynamically updated pages instead of full HTML page reloads



Benefits:
• More engaging user experience
• More responsive user interface
• Server bandwidth savings
(Ullman, n. d.)




                                         Ajax Bandwidth Cost Benefit. (Usernomics, 2006 )
How Ajax work
AJAX = Asynchronous JavaScript And XML

• Asynchronous, event-driven programming model (Wikipedia - Event-driven programming, n. d.)
• Well-suited for creating desktop-like graphical user interfaces
  (Wikipedia - Graphical user interfaces, n. d.)
• Full HTML page load only at startup
• After that, only incremental page updates (steps 1-4) (Rose India, 2006)




                                         ©2010 www.emxource.com
Advantages of Ajax
•    Based on open web standards
•    HTML
•    CSS
•    XML
•    JavaScript
    (W3Schools, n. d.)




•    Access from any computer with Internet connection
•    Special browser plug-ins or additional software not required
•    Only a standards-compliant web browser is needed
•    Continuous incremental updates are possible, no need to download
     and install updates
(Laverty, 2011)
Future of Ajax

• Increasingly important role in an open, standards-based web
• Even Microsoft is supporting Ajax now
• HTML5 and Ajax is the future for delivering rich web-content
(Wikipedia - List of Ajax frameworks, n. d.)
References
Emxource.com. (n. d). How Ajax works? And how to use it?
   Retrieved May 28, 2012, from http://www.emxource.com/?p=536

Laverty, S. (2011, July 29). What Are the Benefits of Ajax? [Web log post]
    Retrieved from http://www.ehow.com/info_10009378_benefits-ajax.html

Rose India. (2006, November 23). What is Ajax - Asynchronous JavaScript and XML.
   Retrieved from http://www.roseindia.net/ajax/what-is-ajax.shtml

Ullman, C. (n. d.). What is Ajax?
    Retrieved May 2, 2012, from http://www.wrox.com/WileyCDA/Section/id-303217.html
​
Usernomics. (2006, January 16). AJAX performance starts, ROI, and business value.
   Retrieved May 29, 2012, from http://usabilitynews.usernomics.com/2006/01/ajax-performance-stats-roi-and.html

Wikipedia. (n. d.). Ajax (programming).
   Retrieved May 3, 2012, from http://en.wikipedia.org/wiki/Ajax_(programming)
​
Wikipedia. (n. d.). Event-driven programming.
   Retrieved May 3, 2012, from http://en.wikipedia.org/wiki/Event-driven_programming

Wikipedia. (n. d.). Graphical user interfaces.
   Retrieved May 3, 2012, from http://en.wikipedia.org/wiki/Graphical_user_interfaces

Wikipedia. (n. d.) List of Ajax frameworks.
   Retrieved May 2, 2012, from http://en.wikipedia.org/wiki/List_of_Ajax_frameworks

W3Schools. (n. d.). Ajax Introduction.
   Retrieved from http://www.w3schools.com/ajax/ajax_intro.asp

More Related Content

Viewers also liked

Reteaua de magazine prietenoase cu mediul in cadrul proiectului active travel...
Reteaua de magazine prietenoase cu mediul in cadrul proiectului active travel...Reteaua de magazine prietenoase cu mediul in cadrul proiectului active travel...
Reteaua de magazine prietenoase cu mediul in cadrul proiectului active travel...
Pro Movis
 
Clarity Service Desk Integration White Paper
Clarity Service Desk Integration White PaperClarity Service Desk Integration White Paper
Clarity Service Desk Integration White Paper
itroi
 
Jocul walking bus in cadrul proiectului active travel network
Jocul walking bus in cadrul proiectului active travel networkJocul walking bus in cadrul proiectului active travel network
Jocul walking bus in cadrul proiectului active travel network
Pro Movis
 
Prezentare proiect Active Travel Network in cadrul programului Urbact II
Prezentare proiect Active Travel Network in cadrul programului Urbact IIPrezentare proiect Active Travel Network in cadrul programului Urbact II
Prezentare proiect Active Travel Network in cadrul programului Urbact II
Pro Movis
 
Berburu Gaharu Alami
Berburu Gaharu AlamiBerburu Gaharu Alami
Berburu Gaharu Alami
Andri Sofda
 
Genetic engineering
Genetic engineeringGenetic engineering
Genetic engineering
amaliamh
 
5 ciri komunikasi efektif memahami orang lain
5 ciri komunikasi efektif memahami orang lain5 ciri komunikasi efektif memahami orang lain
5 ciri komunikasi efektif memahami orang lain
Andri Sofda
 
Panduan Kultur Jaringan Gaharu
Panduan Kultur Jaringan GaharuPanduan Kultur Jaringan Gaharu
Panduan Kultur Jaringan Gaharu
Andri Sofda
 

Viewers also liked (8)

Reteaua de magazine prietenoase cu mediul in cadrul proiectului active travel...
Reteaua de magazine prietenoase cu mediul in cadrul proiectului active travel...Reteaua de magazine prietenoase cu mediul in cadrul proiectului active travel...
Reteaua de magazine prietenoase cu mediul in cadrul proiectului active travel...
 
Clarity Service Desk Integration White Paper
Clarity Service Desk Integration White PaperClarity Service Desk Integration White Paper
Clarity Service Desk Integration White Paper
 
Jocul walking bus in cadrul proiectului active travel network
Jocul walking bus in cadrul proiectului active travel networkJocul walking bus in cadrul proiectului active travel network
Jocul walking bus in cadrul proiectului active travel network
 
Prezentare proiect Active Travel Network in cadrul programului Urbact II
Prezentare proiect Active Travel Network in cadrul programului Urbact IIPrezentare proiect Active Travel Network in cadrul programului Urbact II
Prezentare proiect Active Travel Network in cadrul programului Urbact II
 
Berburu Gaharu Alami
Berburu Gaharu AlamiBerburu Gaharu Alami
Berburu Gaharu Alami
 
Genetic engineering
Genetic engineeringGenetic engineering
Genetic engineering
 
5 ciri komunikasi efektif memahami orang lain
5 ciri komunikasi efektif memahami orang lain5 ciri komunikasi efektif memahami orang lain
5 ciri komunikasi efektif memahami orang lain
 
Panduan Kultur Jaringan Gaharu
Panduan Kultur Jaringan GaharuPanduan Kultur Jaringan Gaharu
Panduan Kultur Jaringan Gaharu
 

Similar to Ajax

Web 2.0 Mimbar Ilmiah
Web 2.0 Mimbar IlmiahWeb 2.0 Mimbar Ilmiah
Web 2.0 Mimbar Ilmiah
Soetam Rizky
 

Similar to Ajax (20)

Ajax
AjaxAjax
Ajax
 
Ajax ppt
Ajax pptAjax ppt
Ajax ppt
 
Ajax & Reverse Ajax Presenation
Ajax & Reverse Ajax PresenationAjax & Reverse Ajax Presenation
Ajax & Reverse Ajax Presenation
 
Building intranet applications with ASP.NET AJAX and jQuery
Building intranet applications with ASP.NET AJAX and jQueryBuilding intranet applications with ASP.NET AJAX and jQuery
Building intranet applications with ASP.NET AJAX and jQuery
 
Introduction to ajax
Introduction  to  ajaxIntroduction  to  ajax
Introduction to ajax
 
Ajax
AjaxAjax
Ajax
 
Progressive Web Apps and React
Progressive Web Apps and ReactProgressive Web Apps and React
Progressive Web Apps and React
 
SynapseIndia asp.net2.0 ajax Development
SynapseIndia asp.net2.0 ajax DevelopmentSynapseIndia asp.net2.0 ajax Development
SynapseIndia asp.net2.0 ajax Development
 
Asynchronous javascript and xml
Asynchronous javascript and xmlAsynchronous javascript and xml
Asynchronous javascript and xml
 
Ajax Ppt 1
Ajax Ppt 1Ajax Ppt 1
Ajax Ppt 1
 
Ajax
AjaxAjax
Ajax
 
Ajax
AjaxAjax
Ajax
 
Introduction to Angular 2.0
Introduction to Angular 2.0Introduction to Angular 2.0
Introduction to Angular 2.0
 
Web 2.0 Mimbar Ilmiah
Web 2.0 Mimbar IlmiahWeb 2.0 Mimbar Ilmiah
Web 2.0 Mimbar Ilmiah
 
Difference between ajax and silverlight
Difference between ajax and silverlightDifference between ajax and silverlight
Difference between ajax and silverlight
 
Building intranet applications with ASP.NET AJAX and jQuery
Building intranet applications with ASP.NET AJAX and jQueryBuilding intranet applications with ASP.NET AJAX and jQuery
Building intranet applications with ASP.NET AJAX and jQuery
 
Web development concepts using microsoft technologies
Web development concepts using microsoft technologiesWeb development concepts using microsoft technologies
Web development concepts using microsoft technologies
 
Ajax
AjaxAjax
Ajax
 
Ajax
AjaxAjax
Ajax
 
Single page apps a bleeding edge new concept or a revived old one?
Single page apps   a bleeding edge new concept or a revived old one?Single page apps   a bleeding edge new concept or a revived old one?
Single page apps a bleeding edge new concept or a revived old one?
 

Recently uploaded

Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Peter Udo Diehl
 

Recently uploaded (20)

Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
 
Demystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyDemystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John Staveley
 
ODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User GroupODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User Group
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
 
PLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. StartupsPLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. Startups
 
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
 
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
 
What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024
 
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekAI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří Karpíšek
 
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
 
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka Doktorová10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
 
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptxWSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
 
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi IbrahimzadeFree and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
 
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
 
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
 
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya HalderCustom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
 
"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi
 
The architecture of Generative AI for enterprises.pdf
The architecture of Generative AI for enterprises.pdfThe architecture of Generative AI for enterprises.pdf
The architecture of Generative AI for enterprises.pdf
 

Ajax

  • 1. AJAX Web 2.0 applications - INB(N) 347 Assessment 3 - Section D Chee Lap Cheah – N6240518 Subin Kim – N7299494 Vivien Novak - N8427267
  • 2. What is Ajax? The most important technology for building interactive Web 2.0 applications
  • 3. Who uses Ajax today? Popularised by • Microsoft's Outlook Web Access (2000) • Gmail (2004) • Google Maps (2005) (Wikipedia, Ajax (programming), n. d.)
  • 4. Basic idea of Ajax Dynamically updated pages instead of full HTML page reloads Benefits: • More engaging user experience • More responsive user interface • Server bandwidth savings (Ullman, n. d.) Ajax Bandwidth Cost Benefit. (Usernomics, 2006 )
  • 5. How Ajax work AJAX = Asynchronous JavaScript And XML • Asynchronous, event-driven programming model (Wikipedia - Event-driven programming, n. d.) • Well-suited for creating desktop-like graphical user interfaces (Wikipedia - Graphical user interfaces, n. d.) • Full HTML page load only at startup • After that, only incremental page updates (steps 1-4) (Rose India, 2006) ©2010 www.emxource.com
  • 6. Advantages of Ajax • Based on open web standards • HTML • CSS • XML • JavaScript (W3Schools, n. d.) • Access from any computer with Internet connection • Special browser plug-ins or additional software not required • Only a standards-compliant web browser is needed • Continuous incremental updates are possible, no need to download and install updates (Laverty, 2011)
  • 7. Future of Ajax • Increasingly important role in an open, standards-based web • Even Microsoft is supporting Ajax now • HTML5 and Ajax is the future for delivering rich web-content (Wikipedia - List of Ajax frameworks, n. d.)
  • 8. References Emxource.com. (n. d). How Ajax works? And how to use it? Retrieved May 28, 2012, from http://www.emxource.com/?p=536 Laverty, S. (2011, July 29). What Are the Benefits of Ajax? [Web log post] Retrieved from http://www.ehow.com/info_10009378_benefits-ajax.html Rose India. (2006, November 23). What is Ajax - Asynchronous JavaScript and XML. Retrieved from http://www.roseindia.net/ajax/what-is-ajax.shtml Ullman, C. (n. d.). What is Ajax? Retrieved May 2, 2012, from http://www.wrox.com/WileyCDA/Section/id-303217.html ​ Usernomics. (2006, January 16). AJAX performance starts, ROI, and business value. Retrieved May 29, 2012, from http://usabilitynews.usernomics.com/2006/01/ajax-performance-stats-roi-and.html Wikipedia. (n. d.). Ajax (programming). Retrieved May 3, 2012, from http://en.wikipedia.org/wiki/Ajax_(programming) ​ Wikipedia. (n. d.). Event-driven programming. Retrieved May 3, 2012, from http://en.wikipedia.org/wiki/Event-driven_programming Wikipedia. (n. d.). Graphical user interfaces. Retrieved May 3, 2012, from http://en.wikipedia.org/wiki/Graphical_user_interfaces Wikipedia. (n. d.) List of Ajax frameworks. Retrieved May 2, 2012, from http://en.wikipedia.org/wiki/List_of_Ajax_frameworks W3Schools. (n. d.). Ajax Introduction. Retrieved from http://www.w3schools.com/ajax/ajax_intro.asp