SlideShare a Scribd company logo
The magic of
Ajax
&
using in
Web GIS
Student:
Bahman Jamali
Email : mazinan@gmail.com
May 2013
Outline
May2013The magic of Ajax & using in WebGIS2
Introduction
Ajax, What
is it?!
How does it
work?
Examples
In-Depth
Ajax Power
Ajax &
WebGIS
Case study
References
Questions?
Introduction
Development Web technolog:
Combine HTML & JavaScript & Css &
…
grab data from the server without
reloading new pages into the browser
the technology that lets Web software act
like desktop software
May2013The magic of Ajax & using in WebGIS3
Ajax, What is it?!
by Jesse James Garrett of
Adaptive Path, February 18,
2005
May2013The magic of Ajax & using in WebGIS4
is an acronym
Asynchronous
Javascript
And
XML
 Browser-based presentation using HTML and
CSS
 Data stored in XML format and fetched from the
server
 JavaScript to make everything happen
How does it work?
1) write code in JavaScript that can fetch
data from the server
2) The XMLHttpRequest object, to send a
request to the server
3) The data that comes back from the server
can be XML or just plain text
May2013The magic of Ajax & using in WebGIS5
How does it work?
May2013The magic of Ajax & using in WebGIS6
 wait for the data in the background and spring
into action when the data does appear
Examples
May2013The magic of Ajax & using in WebGIS7
Searching in real time with live searches
Chatting with friends
Dragging and dropping with Ajax
Gaming with Ajax
Getting instant login feedback
Ajax-enabled pop-up menus
Modifying Web pages on the fly
Google Maps and Ajax
In-Depth Ajax Power
May2013The magic of Ajax & using in WebGIS8
Ajax & WebGIS
May2013The magic of Ajax & using in WebGIS9
• can be defined as ‘‘a Web application that combines data from more than one source into a single
integrated tool’’
Case study
May2013The magic of Ajax & using in WebGIS10
• AJAX integration with GIS web services
Step 1: Browser (AJAX) request to the web server. The request
may be spatial information or map.
Step 2: Web server tier has the responsibility to change the
response comes from the GIS server
Step 3 :The basic function of GIS Application server is to
receive the request comes from the web server, and then contact
the data tier for reading files or database
Step 4: The data tier has the GIS files and database include
tables for using MySQL, this tier communicates with the GIS
server directly.
• Faster web actions
• Less or no page refreshes
• Reduce network traffic
• Decreased server-side bandwidth usage
• Web apps that rival installes GUI apps
• Very suitable for big data like maps.
• More interactivity for WebGIS
May2013The magic of Ajax & using in WebGIS11
Conclusion
May2013The magic of Ajax & using in WebGIS12
References
May2013The magic of Ajax & using in WebGIS13
Thanks
Thank you
Now
Open Discussion!
Available for download in Mazinan.ir

More Related Content

PPTX
It’s All About The Cards: Sharing on Social Media Encouraged HTML Metadata G...
Shawn Jones
 
PPTX
Ajax PPT
Hub4Tech.com
 
PPTX
Ajax
Rajesh Khanna
 
PDF
Un orquestador en la nube: Azure Data Factory (por Carlos Sacristán)
Jorge Millán Cabrera
 
PPT
Ajax
WBUTTUTORIALS
 
PPTX
7 17 event_logging_architecture 1
ss_testing
 
PPTX
Ajax
Rajesh Khanna
 
PPSX
Ajax part i
Mukesh Tekwani
 
It’s All About The Cards: Sharing on Social Media Encouraged HTML Metadata G...
Shawn Jones
 
Ajax PPT
Hub4Tech.com
 
Un orquestador en la nube: Azure Data Factory (por Carlos Sacristán)
Jorge Millán Cabrera
 
7 17 event_logging_architecture 1
ss_testing
 
Ajax part i
Mukesh Tekwani
 

What's hot (19)

PDF
Data Collection and Consumption
Brian Greig
 
PPTX
Big Data with hadoop, Spark and BigQuery (Google cloud next Extended 2017 Kar...
Imam Raza
 
PDF
An overview of BigQuery
GirdhareeSaran
 
PPTX
BigQuery for the Big Data win
Ken Taylor
 
PDF
Quick Intro to Google Cloud Technologies
Chris Schalk
 
PDF
Google BigQuery Best Practices
Matillion
 
PDF
DevTest Labs en Azure (por Iván Cañizares)
Jorge Millán Cabrera
 
PPTX
Enterprise Integration Pack & On-Premises Data Gateway
Daniel Toomey
 
PDF
Data Provision API with BigQuery - Google Cloud Summit Jakarta 18
Imre Nagi
 
PPTX
Service Fabric
Daniel Toomey
 
PPTX
Part Two: Building Web Apps with the MERN Stack
MongoDB
 
PDF
API Management: La Puerta de enlace (por Francisco Nieto)
Jorge Millán Cabrera
 
PDF
ASAS 2013 - Architecture for dynamic mobile forms at MoreApps
Avisi B.V.
 
PDF
Donghai Xu summer 2020 intern
DonghaiXu1
 
PPT
Sem Web Dallas - 80legs
80legs
 
PDF
Horizontal Scalable Real Time Web Applications
Akhil Aggarwal
 
PPTX
Web Browser Controls in Adlib: The Hidden Diamond in the Adlib Treasure Chest
Axiell ALM
 
Data Collection and Consumption
Brian Greig
 
Big Data with hadoop, Spark and BigQuery (Google cloud next Extended 2017 Kar...
Imam Raza
 
An overview of BigQuery
GirdhareeSaran
 
BigQuery for the Big Data win
Ken Taylor
 
Quick Intro to Google Cloud Technologies
Chris Schalk
 
Google BigQuery Best Practices
Matillion
 
DevTest Labs en Azure (por Iván Cañizares)
Jorge Millán Cabrera
 
Enterprise Integration Pack & On-Premises Data Gateway
Daniel Toomey
 
Data Provision API with BigQuery - Google Cloud Summit Jakarta 18
Imre Nagi
 
Service Fabric
Daniel Toomey
 
Part Two: Building Web Apps with the MERN Stack
MongoDB
 
API Management: La Puerta de enlace (por Francisco Nieto)
Jorge Millán Cabrera
 
ASAS 2013 - Architecture for dynamic mobile forms at MoreApps
Avisi B.V.
 
Donghai Xu summer 2020 intern
DonghaiXu1
 
Sem Web Dallas - 80legs
80legs
 
Horizontal Scalable Real Time Web Applications
Akhil Aggarwal
 
Web Browser Controls in Adlib: The Hidden Diamond in the Adlib Treasure Chest
Axiell ALM
 
Ad

Viewers also liked (20)

PPTX
GIS: Bringing Geography to the World & the World to Geography; Slide Presenta...
Barry Wellar
 
PDF
Rua Cambodia Gidar Cartography 3
Jan-Peter Mund
 
PDF
Web cartography using Open Source software
Edward Mac Gillavry
 
PPT
Oracle Spatial Databases
Andrew Bashfield
 
PDF
Environmental Risk Management Section 2 Definitions And Overview
Jan-Peter Mund
 
PDF
Intro Open Source GIS
Michele Tobias
 
PDF
Environmental Risk Management Section 1 Course Intro
Jan-Peter Mund
 
PDF
Rau Cambodia Gidar Cartography 2
Jan-Peter Mund
 
PPT
Oracle Spatial
Simone Campora
 
PDF
Map making for Cartographers
Manuela Schmidt
 
PPT
Open Source GIS
Joe Larson
 
PPTX
Introduction to Oracle Spatial
Ehsan Hamzei
 
PDF
QGIS training class 2
Hiroaki Sengoku
 
PDF
QGIS training class 3
Hiroaki Sengoku
 
PDF
QGIS Tutorial 2
niloyghosh1984
 
PDF
QGIS Tutorial 1
niloyghosh1984
 
PDF
QGIS training class 1
Hiroaki Sengoku
 
PPTX
GEOPROCESSING IN QGIS
Swetha A
 
PPTX
Geographic coordinate system & map projection
vishalkedia119
 
PPT
Digital Cartography
Patrick Woessner
 
GIS: Bringing Geography to the World & the World to Geography; Slide Presenta...
Barry Wellar
 
Rua Cambodia Gidar Cartography 3
Jan-Peter Mund
 
Web cartography using Open Source software
Edward Mac Gillavry
 
Oracle Spatial Databases
Andrew Bashfield
 
Environmental Risk Management Section 2 Definitions And Overview
Jan-Peter Mund
 
Intro Open Source GIS
Michele Tobias
 
Environmental Risk Management Section 1 Course Intro
Jan-Peter Mund
 
Rau Cambodia Gidar Cartography 2
Jan-Peter Mund
 
Oracle Spatial
Simone Campora
 
Map making for Cartographers
Manuela Schmidt
 
Open Source GIS
Joe Larson
 
Introduction to Oracle Spatial
Ehsan Hamzei
 
QGIS training class 2
Hiroaki Sengoku
 
QGIS training class 3
Hiroaki Sengoku
 
QGIS Tutorial 2
niloyghosh1984
 
QGIS Tutorial 1
niloyghosh1984
 
QGIS training class 1
Hiroaki Sengoku
 
GEOPROCESSING IN QGIS
Swetha A
 
Geographic coordinate system & map projection
vishalkedia119
 
Digital Cartography
Patrick Woessner
 
Ad

Similar to The magic of Ajax & WebGIS (20)

PPT
Tools Of The Geospatial Web
Michael Maclennan
 
KEY
Web gis implementation notes
paoloverri
 
PPT
BCS Geospatial SG - Usability of GIS and GI
Muki Haklay
 
PPT
An Overview of Web GIS and Location Based Services
webmapsolutions
 
PPT
Not Just Dots on a Map: How Geography Influences Real World Decisions Part 2
American Public Gardens Association
 
PDF
Mapping
David Trengove
 
PDF
Flexible And Usable Web Gis For The Organisation Opt
Karolina Van Schrojenstein Lantman-Orlinska
 
PPTX
Web GIS using Google Map and QGIS
IndranilChakraborty42
 
PPT
ArcGIS Server 10 Applications Advancing Local Government Service Delivery
Christopher Blough
 
PPTX
6.1 GeospatialWeb101.pptx.pptx
OmidRezaAbbasi1
 
PPT
Mashup
Naveen P.N
 
PPTX
Developing Efficient Web-based GIS Applications
Swetha A
 
PPTX
Break on Through (To The Java(Script) Side) - Smart Development - Esri UK Ann...
Esri UK
 
PDF
Web 2.0 & Ajax Basics
Abhishek Nagar
 
PPSX
Interface by Audience
MelissaNorthey
 
PPTX
WEB GIS AND WEB MAP.pptx
Asim Pt
 
PDF
Specialist-ArcGIS-Server-API-3.x-and-4-for-JavaScript.pdf
Richitar1
 
PDF
What is web gis
olivier bissemb
 
PPTX
Getting Started with the ArcGIS API for JavaScript, Esri, Julie Powell, Antoo...
Esri Nederland
 
Tools Of The Geospatial Web
Michael Maclennan
 
Web gis implementation notes
paoloverri
 
BCS Geospatial SG - Usability of GIS and GI
Muki Haklay
 
An Overview of Web GIS and Location Based Services
webmapsolutions
 
Not Just Dots on a Map: How Geography Influences Real World Decisions Part 2
American Public Gardens Association
 
Flexible And Usable Web Gis For The Organisation Opt
Karolina Van Schrojenstein Lantman-Orlinska
 
Web GIS using Google Map and QGIS
IndranilChakraborty42
 
ArcGIS Server 10 Applications Advancing Local Government Service Delivery
Christopher Blough
 
6.1 GeospatialWeb101.pptx.pptx
OmidRezaAbbasi1
 
Mashup
Naveen P.N
 
Developing Efficient Web-based GIS Applications
Swetha A
 
Break on Through (To The Java(Script) Side) - Smart Development - Esri UK Ann...
Esri UK
 
Web 2.0 & Ajax Basics
Abhishek Nagar
 
Interface by Audience
MelissaNorthey
 
WEB GIS AND WEB MAP.pptx
Asim Pt
 
Specialist-ArcGIS-Server-API-3.x-and-4-for-JavaScript.pdf
Richitar1
 
What is web gis
olivier bissemb
 
Getting Started with the ArcGIS API for JavaScript, Esri, Julie Powell, Antoo...
Esri Nederland
 

Recently uploaded (20)

PDF
NewMind AI Weekly Chronicles - July'25 - Week IV
NewMind AI
 
PDF
BLW VOCATIONAL TRAINING SUMMER INTERNSHIP REPORT
codernjn73
 
PPTX
How to Build a Scalable Micro-Investing Platform in 2025 - A Founder’s Guide ...
Third Rock Techkno
 
PDF
Accelerating Oracle Database 23ai Troubleshooting with Oracle AHF Fleet Insig...
Sandesh Rao
 
PDF
Using Anchore and DefectDojo to Stand Up Your DevSecOps Function
Anchore
 
PPTX
IoT Sensor Integration 2025 Powering Smart Tech and Industrial Automation.pptx
Rejig Digital
 
PDF
Trying to figure out MCP by actually building an app from scratch with open s...
Julien SIMON
 
PPTX
What-is-the-World-Wide-Web -- Introduction
tonifi9488
 
PDF
Brief History of Internet - Early Days of Internet
sutharharshit158
 
PDF
Software Development Methodologies in 2025
KodekX
 
PDF
REPORT: Heating appliances market in Poland 2024
SPIUG
 
PDF
The Evolution of KM Roles (Presented at Knowledge Summit Dublin 2025)
Enterprise Knowledge
 
PDF
MASTERDECK GRAPHSUMMIT SYDNEY (Public).pdf
Neo4j
 
PPTX
ChatGPT's Deck on The Enduring Legacy of Fax Machines
Greg Swan
 
PDF
Architecture of the Future (09152021)
EdwardMeyman
 
PDF
Security features in Dell, HP, and Lenovo PC systems: A research-based compar...
Principled Technologies
 
PDF
Research-Fundamentals-and-Topic-Development.pdf
ayesha butalia
 
PDF
Doc9.....................................
SofiaCollazos
 
PDF
Event Presentation Google Cloud Next Extended 2025
minhtrietgect
 
PDF
Presentation about Hardware and Software in Computer
snehamodhawadiya
 
NewMind AI Weekly Chronicles - July'25 - Week IV
NewMind AI
 
BLW VOCATIONAL TRAINING SUMMER INTERNSHIP REPORT
codernjn73
 
How to Build a Scalable Micro-Investing Platform in 2025 - A Founder’s Guide ...
Third Rock Techkno
 
Accelerating Oracle Database 23ai Troubleshooting with Oracle AHF Fleet Insig...
Sandesh Rao
 
Using Anchore and DefectDojo to Stand Up Your DevSecOps Function
Anchore
 
IoT Sensor Integration 2025 Powering Smart Tech and Industrial Automation.pptx
Rejig Digital
 
Trying to figure out MCP by actually building an app from scratch with open s...
Julien SIMON
 
What-is-the-World-Wide-Web -- Introduction
tonifi9488
 
Brief History of Internet - Early Days of Internet
sutharharshit158
 
Software Development Methodologies in 2025
KodekX
 
REPORT: Heating appliances market in Poland 2024
SPIUG
 
The Evolution of KM Roles (Presented at Knowledge Summit Dublin 2025)
Enterprise Knowledge
 
MASTERDECK GRAPHSUMMIT SYDNEY (Public).pdf
Neo4j
 
ChatGPT's Deck on The Enduring Legacy of Fax Machines
Greg Swan
 
Architecture of the Future (09152021)
EdwardMeyman
 
Security features in Dell, HP, and Lenovo PC systems: A research-based compar...
Principled Technologies
 
Research-Fundamentals-and-Topic-Development.pdf
ayesha butalia
 
Doc9.....................................
SofiaCollazos
 
Event Presentation Google Cloud Next Extended 2025
minhtrietgect
 
Presentation about Hardware and Software in Computer
snehamodhawadiya
 

The magic of Ajax & WebGIS

  • 1. The magic of Ajax & using in Web GIS Student: Bahman Jamali Email : [email protected] May 2013
  • 2. Outline May2013The magic of Ajax & using in WebGIS2 Introduction Ajax, What is it?! How does it work? Examples In-Depth Ajax Power Ajax & WebGIS Case study References Questions?
  • 3. Introduction Development Web technolog: Combine HTML & JavaScript & Css & … grab data from the server without reloading new pages into the browser the technology that lets Web software act like desktop software May2013The magic of Ajax & using in WebGIS3
  • 4. Ajax, What is it?! by Jesse James Garrett of Adaptive Path, February 18, 2005 May2013The magic of Ajax & using in WebGIS4 is an acronym Asynchronous Javascript And XML  Browser-based presentation using HTML and CSS  Data stored in XML format and fetched from the server  JavaScript to make everything happen
  • 5. How does it work? 1) write code in JavaScript that can fetch data from the server 2) The XMLHttpRequest object, to send a request to the server 3) The data that comes back from the server can be XML or just plain text May2013The magic of Ajax & using in WebGIS5
  • 6. How does it work? May2013The magic of Ajax & using in WebGIS6  wait for the data in the background and spring into action when the data does appear
  • 7. Examples May2013The magic of Ajax & using in WebGIS7 Searching in real time with live searches Chatting with friends Dragging and dropping with Ajax Gaming with Ajax Getting instant login feedback Ajax-enabled pop-up menus Modifying Web pages on the fly Google Maps and Ajax
  • 8. In-Depth Ajax Power May2013The magic of Ajax & using in WebGIS8
  • 9. Ajax & WebGIS May2013The magic of Ajax & using in WebGIS9 • can be defined as ‘‘a Web application that combines data from more than one source into a single integrated tool’’
  • 10. Case study May2013The magic of Ajax & using in WebGIS10 • AJAX integration with GIS web services Step 1: Browser (AJAX) request to the web server. The request may be spatial information or map. Step 2: Web server tier has the responsibility to change the response comes from the GIS server Step 3 :The basic function of GIS Application server is to receive the request comes from the web server, and then contact the data tier for reading files or database Step 4: The data tier has the GIS files and database include tables for using MySQL, this tier communicates with the GIS server directly.
  • 11. • Faster web actions • Less or no page refreshes • Reduce network traffic • Decreased server-side bandwidth usage • Web apps that rival installes GUI apps • Very suitable for big data like maps. • More interactivity for WebGIS May2013The magic of Ajax & using in WebGIS11 Conclusion
  • 12. May2013The magic of Ajax & using in WebGIS12 References
  • 13. May2013The magic of Ajax & using in WebGIS13 Thanks Thank you Now Open Discussion! Available for download in Mazinan.ir