Difference between revisions of "(APE) Geolocation data entry"

From mn/ifi/inf5750
Jump to: navigation, search
(Design)
Line 9: Line 9:
 
* show all of the saved data on the map  
 
* show all of the saved data on the map  
  
= Design =
+
= Design =
 +
 
 +
==First view==
 +
[[Image:File1.jpg|400px|alt = first view image]]
 +
 
 +
This layout offers a map that contains all of the current events in this region. Hovering over an event marker gives us a box with information.
 +
 
 +
[[Image:File2.jpg|400px|alt = sketch image 2]]
 +
 
 +
In this layout, we have two buttons available toggle two modes of input of new events.
 +
 
 +
==First input mode==
 +
[[Image:File3.jpg|400px|alt = sketch image 3]]
 +
 
 +
We can choose on the map where we want to make an event, and write the event information in a textbox there.
 +
 
 +
==Second input mode==
 +
[[Image:File4.jpg|400px|alt = sketch image 4]]
 +
 
 +
We retrieve a list of all events in this region, and we get a button, which enables us to add a new event to our current location. The way we enter data is similar to the first input mode, with a textbox.
 +
The essential difference between the two modes is that in the first one we may choose which location to add the event. The first one only registers your current location.
 +
 
 +
[[Image:File5.jpg|400px|alt = sketch image 5]]
 +
 
 +
==When the screen is too small/input parameter too large==
 +
When we cannot fit the textbox for adding event, we open a new window, which fills the screen with the input form. This works for both input modes.
 +
 
 +
[[Image:File6.jpg|400px|alt = sketch image 6]]
  
 
= Architecture<br>  =
 
= Architecture<br>  =

Revision as of 15:54, 27 October 2013

Features

This application will have the following features:

  • show a map of the current location of the user
  • let users choose a location
  • fill out a form for "inpatient morbidity and mortality"
  • let users save the location and the filled out form
  • show all of the saved data on the map

Design

First view

alt = first view image

This layout offers a map that contains all of the current events in this region. Hovering over an event marker gives us a box with information.

alt = sketch image 2

In this layout, we have two buttons available toggle two modes of input of new events.

First input mode

alt = sketch image 3

We can choose on the map where we want to make an event, and write the event information in a textbox there.

Second input mode

alt = sketch image 4

We retrieve a list of all events in this region, and we get a button, which enables us to add a new event to our current location. The way we enter data is similar to the first input mode, with a textbox. The essential difference between the two modes is that in the first one we may choose which location to add the event. The first one only registers your current location.

alt = sketch image 5

When the screen is too small/input parameter too large

When we cannot fit the textbox for adding event, we open a new window, which fills the screen with the input form. This works for both input modes.

alt = sketch image 6

Architecture

Technologies

  • HTML
  • CSS
  • JavaScript
  • AJAX
  • Json
  • Twitter Bootstrap — for good styling of elements
  • JQuery
  • Google Maps API

Features

  • Android application — using Cordova
  • iPhone application — using Cordova
  • Responsive web design — targeted for mobile and desktop screens