[[TOC]]
= SAFIRE GUI DESIGN =

== Design Norms ==
Design norms are set to simplify the GUI design with a standard set of objects and navigation for the user to: 
* interact with the system with zero complexity 
* know where they are at every step of each function
* present the information using a standard set of objects

Each of the GUI objects will comprise the following design and functional characteristics:
1. Dashboard
1. Table


=== Dashboard ===
Upon login the user will be presented with the dashboard
==== First <div> container ====
A row with status ''Indicators'' that also serve as a ''Quick Nav'' control. They would vary for each of the EOC role specific dashboards: 
||= Role dashboard =||= incidents =||= resource request =||= dispatch =||= planning =||= logistics =||= admin & finance =||    
||Commander || Y || Y || Y || Y || Y || Y ||
||Operations || Y || Y || Y || || ||  ||
||Planning  || Y || Y || || Y || Y || Y ||
||Logistics || Y || || || || Y || ||
||Communication || Y || || || || || || 



==== Second <div> container ====
This container that is static below the first <div> container has two tabs: (1) ''Table view'' and (2) ''Map view''.
* ''Table view'' is a listing of all the records with attribute specific filtering
* ''Map view'' is spatial representation of the records with zoom in & out functions for filtering
* The table and map view records synchronize during the filtering processed used by wither tab
* When a record is selected, it triggers navigation to a ''Profile'' representation of the record  

 
=== GUI Objects ===

The GUI design comprises the following objects
||= Object =||= Description =||
||1. Menu items ||role specific navbar menu items and the submenu hierarchy; typically itemized in the nav-bar ||
||2. Dashboard  ||role specific landing page (i.e. upon login direct user to the page) ||
||3. Quick Nav  ||image or container to navigate to a particular EOC function: Operations, Planning, Logistics, Communication, Admin & Finance. ||
||4. Button     ||Strictly for CRUD only; i.e. standard Eden buttons ||
||5. Summary    ||summary box with either a paragraph or list (e.g. headline, title, status, priority, date information) ||
||6. Indicator  ||numbers, color-coding, chart, or other dynamic indicator (e.g. number of active incident reports) || 
||7. Table      ||table listing or the records with selected columns (i.e. standard Eden table). The key function is to serve as a list search to filter records ||
||8. Map        ||map view of the geo-tagged information on a map (i.e. standard Eden map). The key function is to serve as a spatial search to filer records ||