The magic of Ajax & WebGIS

The magic of

Ajax&

using in

Web GIS

Student:

Bahman JamaliEmail : mazinan@gmail.com

May 2013

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