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