Difference between revisions of "WEB PAGE GFMS"

From MyDewetra World
Jump to: navigation, search
(Draw/Select an AOI)
 
(47 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
----
 
----
  
Users will access this application hosted on the [https://www.globalfloods.eu/accounts/login/?next=/glofas-forecasting/ GloFAS website].
+
Users will access this application through the [https://www.globalfloods.eu/accounts/login/?next=/glofas-forecasting/ GloFAS website].
 +
The aim of the single page application is:
 +
* define ''AOIs''
 +
* display the available products for user-defined ''AOIs''
 +
* download the [[PRODUCTS | '''<u>GFM products</u>''']]
 +
* configure notifications via the app and/or [https://twitter.com Twitter]
  
 
===Login===
 
===Login===
TBD
+
[https://glofas.eu <u>GloFAS</u>]-registered users can access the system by typing their account details in the form displayed below
  
===Select an AOI===
+
[[File:login_gfm.jpg]]
Users can select an exisisting AOI from the drop down menu on the right of capture
 
  
<span style=background:yellow>[CAPTURE]</span>
+
and then pressing '''Submit'''.
 +
If not registered, users are required to press the '''Register''' button and to follow the instructions to complete the process through [https://glofas.eu <u>GloFAS</u>].
  
as well as they are enabled to draw a customized one using the tool
+
===Draw/Select an AOI===
 +
The AOI dashboard display a set of button and menus allowing the user to create and manage his/her areas of interest.
  
<span style=background:yellow>[CAPTURE]</span>
+
To create an AOI, first insert '''Name''' and ''' Description''' of the ''AOI''
 +
 
 +
[[File:aoi_n.jpg | 400px | border | AOI dashboard]]
 +
 
 +
then click '''Next Step'''.
 +
 
 +
Users are now offered two option to define an ''AOI'':
 +
 
 +
* type the coordinates of the bounding box
 +
 
 +
[[File:aoi_n2.jpg | 400px | border | AOI coordinates]]
 +
 
 +
* click on the icon in the top-left corner of the map [dark grey square] <br>
 +
and draw a rectangle over the area you want to retrieve flood information about.
 +
 
 +
[[File:aoi_n21.jpg | 800px | border | AOI drawing]]
 +
 
 +
Once done, the system will update showing the following message
 +
 
 +
[[File:aoi3.jpg | 400px | border | AOI drawn]]
 +
 
 +
and save the AOI pressing the button '''SAVE AOI'''
 +
 
 +
[[File:aoi_n5.jpg | 400px | border]]
 +
 
 +
The system will then add this AOI to the list below if other AOIs have been drawn before. <br>
 +
 
 +
Through the buttons
 +
 
 +
[[File:aoi6.jpg | 100px | border ]]
 +
 
 +
users can further edit (pencil-like icon) or delete (bin-shaped icon) each AOI of the list. <br>
 +
When editing, users may change the rectangle dimensions or to drag it rigidly (i.e., not chnaging its shape) across the map.
  
 
===Product selection===
 
===Product selection===
Once the AOI has been selected the system will automatically display the latest available dataset for each of the 11 [[PRODUCTS]].
+
Once the AOI has been drawn/selected the system will automatically display the latest available dataset for each of the 11 [[PRODUCTS | product output layers]].
  
<span style=background:yellow>[CAPTURE]</span>
+
[[File:pros1.jpg | 1000px | border ]]
  
By clicking on a [[PRODUCTS | product]], users will be then allowed to select as many timesteps as the system is storing for that specific layer.
+
AOIs might be searched through the text box or by scrolling down the list (if other AOIs have been drawn before).
  
<span style=background:yellow>[CAPTURE]</span>
+
[[File:pros2.jpg | 400px | border ]]
  
To further refine the research, users can set a range of dates: the system will then display only the available [[PRODUCTS]] within the desired timespan.
+
By default, the system displays the latest available [[PRODUCTS | product output layers]], yet users may request previous versions of them through the '''FILTER BY DATES''' button
  
<span style=background:yellow>[CAPTURE]</span>
+
[[File:pros3.jpg | 400px | border ]]
  
===Download===
+
Users are allowed to select and eventually download as many timesteps as the system is storing for each [[PRODUCTS | product]]. Nonetheless, depending on the size of the request data package, user might be redirected to a ftp in order to download it as a single compressed file.
Once Users have eventually set all the search criteria, they system will pop up a window in which Users may check as many layers as required. <br>
 
Finally, by pressing the ''Download'' button, the selected datasets will be downloaded to the Users devices.
 
  
<span style=background:yellow>[CAPTURE]</span>
+
When clickling on a specific AOI, the platform will show the whole list of all the available [[PRODUCTS | product output layers]]: <br>
 +
user may choose to download them all in bulk or to pick amongst them by ticking the checkbox on the side.
  
===Notifications===
+
[[File:pros4.jpg | 400px | border ]]
For each AOI, the Users can activate push notifications.<br>
 
To do that, Users have to click on the AOI/AOIs they would like to be notified on: the system will open a dialogue window where they can choose to be notified:
 
* in their mailbox
 
* through their Twitter account
 
  
<span style=background:yellow>[CAPTURE]</span>
 
  
Moreover, as they access the application with their account, the number of new notifications since the last access will appear above their
 
  
 +
===Notifications===
 +
For each AOI, Users can activate push notifications.<br>
 +
To do that, click on the AOI/AOIs they would like to be notified on: the system will open a dialogue window where they can choose to be notified:
 +
* in their mailbox [[File:not1.jpg | 20px | border ]]
 +
* through their [https://twitter.com/ Twitter] account [[File:not2.jpg | 20px | border ]]
  
 +
[[File:not3.jpg | 1000px | border ]]
  
<span style=background:yellow>to interact with the GFM service, which are easy to be integrated in existing emergency platforms and situation rooms (see section 2.4.5.1 Highly customizable single page web applications).</span>
+
Every time users will access the application, the bell-shaped icon in the top right corner [[File:not4.jpg | 30px | border ]] will show the number of new/unread notifications.
  
  
 
----
 
----
 
[[GFMS | [Home]]] - [[DATA ACCESS | [Data access]]]
 
[[GFMS | [Home]]] - [[DATA ACCESS | [Data access]]]

Latest revision as of 08:51, 15 July 2021

caption

[Home] - [Data access]


Users will access this application through the GloFAS website. The aim of the single page application is:

  • define AOIs
  • display the available products for user-defined AOIs
  • download the GFM products
  • configure notifications via the app and/or Twitter

Login

GloFAS-registered users can access the system by typing their account details in the form displayed below

Login gfm.jpg

and then pressing Submit. If not registered, users are required to press the Register button and to follow the instructions to complete the process through GloFAS.

Draw/Select an AOI

The AOI dashboard display a set of button and menus allowing the user to create and manage his/her areas of interest.

To create an AOI, first insert Name and Description of the AOI

AOI dashboard

then click Next Step.

Users are now offered two option to define an AOI:

  • type the coordinates of the bounding box

AOI coordinates

  • click on the icon in the top-left corner of the map [dark grey square]

and draw a rectangle over the area you want to retrieve flood information about.

AOI drawing

Once done, the system will update showing the following message

AOI drawn

and save the AOI pressing the button SAVE AOI

Aoi n5.jpg

The system will then add this AOI to the list below if other AOIs have been drawn before.

Through the buttons

Aoi6.jpg

users can further edit (pencil-like icon) or delete (bin-shaped icon) each AOI of the list.
When editing, users may change the rectangle dimensions or to drag it rigidly (i.e., not chnaging its shape) across the map.

Product selection

Once the AOI has been drawn/selected the system will automatically display the latest available dataset for each of the 11 product output layers.

Pros1.jpg

AOIs might be searched through the text box or by scrolling down the list (if other AOIs have been drawn before).

Pros2.jpg

By default, the system displays the latest available product output layers, yet users may request previous versions of them through the FILTER BY DATES button

Pros3.jpg

Users are allowed to select and eventually download as many timesteps as the system is storing for each product. Nonetheless, depending on the size of the request data package, user might be redirected to a ftp in order to download it as a single compressed file.

When clickling on a specific AOI, the platform will show the whole list of all the available product output layers:
user may choose to download them all in bulk or to pick amongst them by ticking the checkbox on the side.

Pros4.jpg


Notifications

For each AOI, Users can activate push notifications.
To do that, click on the AOI/AOIs they would like to be notified on: the system will open a dialogue window where they can choose to be notified:

  • in their mailbox Not1.jpg
  • through their Twitter account Not2.jpg

Not3.jpg

Every time users will access the application, the bell-shaped icon in the top right corner Not4.jpg will show the number of new/unread notifications.



[Home] - [Data access]