WOCAT » WOCAT Website

h1. Projects & Countries Map

This is the best available screen design we have... {{thumbnail(map1.png)}}

h2. Goal

The map should visualise three things:

* The countries in which WOCAT is active

* The countries which are member of different WOCAT projects

* Regions  in which WOCAT is active __--> NH: This means actually the WOCAT Initiatives. These can be EITHER regional (HIMCAT in the Himalaya region) OR national (BHUCAT in Bhutan, PHILCAT in the Philippines etc.) --> the countries that have also an initiative will be shown both on the countries map and on the initiatives map. However, as only countries get a page, the link will go from the national initiative also to the country page.

__* It should be possible to search & select a WOCAT project and highlight its member countries.

* It should be possible to search & select a country in which WOCAT is active and highlight it.

* It should be possible to find/select a region and highlight the countries which make part of it.

h2. The tools around the map

* On top left should be a kind of Tabs/Menu which switches between the views:

** Countries (in which WOCAT is active) 

** Projects (their specific member countries)

** Regions (in which WOCAT is active)--> Initiatives which are active

* On top right is a search field. It searches either countries, projects or regions.-->/initiatives

* On the right is a 'scrollable' list of either countries, projects or regions. --> / initiatives

* The selectable button for 'archived projects' makes only sense in the projects view.

** **Must be clarified if it is needed from beginning or could be postponed to a later stage.** --> can be postponed to a later stage and at the moment we would only show active/current projects!! (will have anyway to decide in the WOCAT team until which year we go back...there were many projects in the past... but projects like DESIRE would definitely have to be added at a certain point next year under 'archived projects')

h2. Actions

h3. Countries View

* Default display: 

** World map of countries (all white, only border lines). 

** Countries in which WOCAT is active are in light grey.

* When clicking on a country in the list: 

** the country should be highlighted 

** the country should be centered on the map. 

** on the bottom of the map a box with a bit more information and a clickable link to the country page should be displayed.

* It should be possible to close this box again.

* When clicking on a country in the map:

** It should display the same box as defined above.

** The country should **NOT** be centered.

h3. Projects View

* Default display:

** **???** --> NH: all countries that are involved in projects are marked in light grey.(would be my idea...)

* When clicking on a project in the list:

** The member countries of project are highlighted.

** ON the bottom of the map a box with more some more information and a clickable link to the project page should be displayed.

* It should be possible to close the box again.

* Selecting a project by clicking on a country in the map is **NOT** possible (1:n relation possible)

h3. Regions View:

* Default display: 

** All countries of all regions in grey??  --> NH: all countries of all initiatives in grey, yes

* When clicking on a region in the list:

** The member countries are highlighted. / NH: or member country for some

** On the bottom of the map a box with more information and **???** --> NH: with more information on the initiative. Currently we did not consider to also create pages for initiatives. My idea is that for all initiatives that are just in ONE country, a clickable link to the country page is provided. For initiatives in a region (like HIMCAT) a link to the Nepal country page would be included, as the HIMCAT is coordinated by ICIMOD in Nepal. On the Nepal country page we would then add a paragraph on HIMCAT. --> I think this is an easy solution for the moment and we can discuss with the countries and initiatives if they like it that way...

* Selecting a region by clicking on a country on the map: Will it work **??** --> NH: if you click on Nepal that would mean again 1=n as Nepal is both in NEPCAT and in HIMCAT...

h2. Mobile devices

* On a smartphone display, the list at the right side of the map will cover the map completely. It should therefore be collapsable and by default be collapsed on mobile devices.

* The search filed should be part of the list on the right side ( and will there for also collapse)

* How to change the view?? Hamburger ??