September 11, 2019

Lost Wanderer (Greek UI)

Description

In this project, a web application was developed to display wanderer paths of lost persons on the Google map. The user interface provided the user to register a lost person, display the whole country and all the registered wanderer paths gathered from the site Hellaspath. After the lost person was registered, his name got displayed on a button on the left menu. The operator had the opportunity to find a person on the map by using a popup dialog, which contained the registered information like the name, gender, age, coordinates and notes about the person. By setting the search radius, the application could calculate and displays all the nearest wanderer paths based on the registered location. The results were displayed in a descending order based on the calculated distances. The user was able to display all these paths with their names on the map and find the most possible one to send the rescue team.

The application consisted of a Postgres database with PostGIS extension, which provided the possibility to store geographic and spacial data like lines, multilines, points, polygons, etc. A system which is able to manage such data is called GIS – geographic information system. The data of all Greek wanderer paths got downloaded for free from the page Hellaspath. the data was provided in a kml format, which in turn had to be transformed accordingly to make it possible storing them in the database. This was accomplished by the QGIS application, which is a freely available application to handle GIS data. To display google maps inside the QGIS application, the plugin OpenLayer was used. The front end got developed using HTML, JavaScript, Bootstrap, JQuery, and AJAX, whereas for the backend the Postgres database and PHP was used. To manage the map on the client side the Leaflet java script library was used. This library enables the transmission of the data in GeoJSON format, which makes the management easier. The language of the application was specified in Greek. Below there are some images of the web application shown.

Screenshots of the Application