Outline
May 2013The 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
May 2013The magic of Ajax & using in WebGIS3
Ajax, What is it?!
by Jesse James Garrett of Adaptive Path, February 18, 2005
May 2013The 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
May 2013The magic of Ajax & using in WebGIS5
How does it work?
May 2013The magic of Ajax & using in WebGIS6
wait for the data in the background and spring
into action when the data does appear
Examples
May 2013The 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
May 2013The magic of Ajax & using in WebGIS8
Ajax & WebGIS
May 2013The 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
May 2013The 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
May 2013The magic of Ajax & using in WebGIS11
Conclusion
May 2013The magic of Ajax & using in WebGIS12
References
May 2013The magic of Ajax & using in WebGIS13
Thanks
Thank you Now
Open Discussion!
Available for download in Mazinan.ir