2. Functionality - VagosAplas/GEO1007-EvWare GitHub Wiki

From a user perspective the functionality of EvWare web application is related with the dispersion of information about different events to the users. The users can be up to date for nearby events and are able to enrich the dataset with information about different events.

UI

The functionalities that are included in the application are described below:

Zoom functionality:

A zoom functionality is included, which gives to the user the opportunity to zoom in and out.

zoom

Automatic self-geolocation:

By selecting the button the map automatically zooms in to the user’s geo-location, which is derived from the location of the user’s device.

geolocation

Register and save event functionality:

With the button the marker appears and can be placed on the map in the related location of the event. With double click on the marker a sidebar appears, where the user can provide the information about the event. The information is related to the type, the name, the location and the period of the event. After the completion of the information of the event, a save button is provided, which connects the information and the geometry of the point to the database.

After the save button, the database checks whether the event is inside or outside the buildings of TU Delft and saves this information as a boolean value in the table.

register event

Search function:

The search search functionality button allows the user to select and visualise events. The selection can be between multiple event types, event names and events on certain date and time. The sidebar that is linked to the searching functions is the following:

search

Scale functionality:

The scale function appears at the bottom left side of the user interface and changes depending on the zoom in or zoom out of the map.

Basemap functionality:

The basemap functionality button Basemap is placed on the top right side of the user interface. The different options (Topographic map and Aerial photo) can provide a different appearance of the basemap, as it is shown.

Globe functionality:

A globe functionality is provided in the bottom right side of the user interface, where the position of the map location on the globe, appears (currently unavailable).

mini globe

Get properties functionality:

Chart functionality: With the button a drop down list of campus buildings pop up on a sidebar. The interested building can be selected and with the statistic button, a building statistic chart appears in the sidebar.

bubble event

Chart functionality:

With the button a drop down list of campus buildings pop up on a sidebar. The interested building can be selected and with the statistic button, a building statistic chart appears in the sidebar.

Since the web application is developed using Microsoft WebMatrix with PHP installed. The PHP function only works for proxy generated by Microsoft WebMatrix (even not for the GeoServer). For now, the chart generating function only works for Chrome which installed and enabled with extension called “Allow-Control-Allow-Origin: *” (https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en) or FireFox with “CORS Everywhere” installed and enabled (https://addons.mozilla.org/en-US/firefox/addon/cors-everywhere/ ) to allow WebMatrix localhost to get access to GeoServer.

chart


EvWare