This document provides an overview of Ajax and how it can be used in Web GIS applications. It defines Ajax as an acronym for Asynchronous JavaScript and XML, which allows web pages to be updated asynchronously by exchanging data with a web server behind the scenes. Examples are given of how Ajax improves user experiences by allowing interactions without page reloads. The document then discusses how Ajax can integrate with GIS web services to build more interactive web mapping applications with features like live searches and dragging/dropping that rival desktop applications.

1. The magic of
Ajax
&
using in
Web GIS
Student:
Bahman Jamali
Email : mazinan@gmail.com
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