SlideShare uma empresa Scribd logo
1 de 8
Baixar para ler offline
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

Mais conteúdo relacionado

Destaque

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
 

Destaque (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
 

Semelhante a Ajax

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

Semelhante a 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?
 

Último

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 

Último (20)

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by Anitaraj
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 

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