37
10
CHAPTER 3
TECHNOLGY USED
This chapter describes the different software technologies and methods used to
accomplish this task. The project is implemented using Google maps JavaScript API [5] and
JQuery [8] to handle the interactions with Google maps, whereas PHP [11], HTML5 [17] and
JQuery Mobile [9] are used for the user interface design and for server side interaction.
Google maps javaScript API allows embedding of Google maps in web pages and
provides a number of utilities for manipulating and adding content to the map through a
variety of services, thus allowing us to create robust map applications. JQuery is a fast and
concise, cross-browser javaScript library that simplifies HTML document traversing, event
handling, and Ajax interactions for rapid web development. There is a Google maps jQuery
plugin that simplifies embedding Google maps whilst also allowing us to use the original
Google maps javaScript API to do what we need. The Graphical User Interface (GUI) is
designed using jQuery Mobile that includes a set of useful form controls and UI widgets,
which can be included in webpages. JQuery Mobile is a unified user interface system, built
on the jQuery and jQuery UI foundation. The file upload process is performed using HTML5
for the form controls and PHP, which is a general-purpose scripting language that is
especially suited for server-side web development. PHP generally runs on a web server. The
PHP server along with jQuery Mobile and HTML5 provides a web based-solution to upload,
store and retrieve files on the server.
3.1
G
OOGLE
M
APS
J
AVA
S
CRIPT
API
The javaScript maps API is a free service to embed Google Maps, available for any
web site that is free to consumers. To use The Google maps javaScript API, you need to first
sign up for an API key by accepting the terms and conditions of Google maps API. Google
maps has a wide range of APIs for different purposes such as embedding maps in webpages
and flash-based apps, embedding 3D digital globes (using Google Earth), include a street
view panorama into your website or mobile site without dynamic page loading, in web