+ All Categories
Home > Documents > ECODISTR-ICT Functional Mock -up of Graphical User-Interface for IDSS Dashboard

ECODISTR-ICT Functional Mock -up of Graphical User-Interface for IDSS Dashboard

Date post: 22-Feb-2016
Category:
Upload: elana
View: 37 times
Download: 0 times
Share this document with a friend
Description:
This mock-up is best viewed in the Slide Show mode of PowerPoint. ECODISTR-ICT Functional Mock -up of Graphical User-Interface for IDSS Dashboard. IDSS Dashboard - Key features. Web interface - Responsive design Targeted users of this mockup : Facilitators - PowerPoint PPT Presentation
Popular Tags:
28
ECODISTR-ICT Functional Mock-up of Graphical User-Interface for IDSS Dashboard This mock-up is best viewed in the Slide Show mode of PowerPoint
Transcript
Page 1: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

ECODISTR-ICT

Functional Mock-up of

Graphical User-Interfacefor

IDSS Dashboard

This mock-up is best viewed in the Slide Show

mode of PowerPoint

Page 2: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

IDSS Dashboard - Key features

• Web interface - Responsive design

• Targeted users of this mockup: Facilitators

• Functional mock-up – not graphical

• Autorisation levels not represented in this mockup

This kind of comment is just a help through this mock up, it is not part of the GUI

Page 3: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

Let’s start a new decision process…

Page 4: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

Next

Please give a title to this decision process (ex: your high level ambition):

Reduce energy bills in the district

Analyse problem

Please define the area of your project: Please name the stakeholders of this project:

John Smith

Add new stakeholder…

Please add a description text of your project (ex: aim, context…) (optional):

This project is aimed at…

All this information will be included in the final report

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

Page 5: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

Next

Please create and configure your set of KPIs for this decision process

Analyse problem

Previous

To start,please drag & drop any KPI or KPI set

into this box.

KPIs database KPI set for this decision process

KPI sets database

KPI 1 KPI 2 KPI 3

KPI 1KPI 2BREEAM 1

KPI 1KPI 2BREEAM 2

KPI 4 KPI 5

KPI 1KPI 2CUSTOM

SET 1

This is all we have to do (however we can’t D&D on this mock up…)

Create a new KPI

Save this KPI set

All l BREEAM l custom

All l BREEAM l custom

We can’t go further for now…

Reduce energy bills in the district

The title just entered will now be displayed

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

Page 6: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

Please create and configure your set of KPIs for this decision process

Analyse problem

Previous

To start,please drag & drop any KPI or KPI set

into this box.

KPIs database KPI set for this decision process

KPI sets database

KPI 1 KPI 2 KPI 3

KPI 1KPI 2BREEAM 1

KPI 1KPI 2BREEAM 2

KPI 4 KPI 5

KPI 1KPI 2CUSTOM

SET 1

Create a new KPI

Save this KPI set

All l BREEAM l custom

All l BREEAM l custom

KPI 3

Next

KPI 1

Reduce energy bills in the district

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

Page 7: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

Next

Please create and configure your set of KPIs for this decision process

Analyse problem

Previous

KPIs database KPI set for this decision process

KPI sets database

KPI 1 KPI 2 KPI 3

KPI 1KPI 2BREEAM 1

KPI 1KPI 2BREEAM 2

KPI 4 KPI 5

KPI 1KPI 2CUSTOM

SET 1

Create a new KPI

Save this KPI set

All l BREEAM l custom

All l BREEAM l customThis “warning” icon appears as the KPI has not been configured yet.

KPI 3KPI 1

You can already go to the next step but this will display a warning popup message

Just click on the KPI to configure it

Reduce energy bills in the district

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

Page 8: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

Next

Please create and configure your set of KPIs for this decision process

Analyse problem (2 of 3)

Previous

KPIs database KPI set for this decision process

KPI sets database

KPI 1 KPI 2 KPI 3

KPI 1KPI 2BREEAM 1

KPI 1KPI 2BREEAM 2

KPI 4 KPI 5

KPI 1KPI 2CUSTOM

SET 1

Create a new KPI

Save this KPI set

All l BREEAM l custom

All l BREEAM l custom

KPI 3KPI 1

KPI 1 (e.g. Energy Bills) – AS IS settings

Discard Save settings

Calculation moduleLimits

Priority

Please define scores

Excellent

Bad

Please select the calculation model/module you want to use for this KPI

Please select how important this KPI is for you (default : 3)

1 2 3 4 5

Data

Browse

The user has to define the score (here is just an example of interface for selecting extreme values)

The list of calculation modules is automatically selected depending on the KPI.

The “Data” field is grey (inactive) until we start collecting data.

You can finally set the priority of this KPI.

Ambition

Set your target value (expectation)

Bad (20€) Excellent (1€)

Acceptable (8€)

Current situationAverage energy bill cost today: ?

Just save!Some areas are fixed, or cannot be determined for now

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative Depending on the KPI, this screen can be different.(e.g. for BREEAM KPI sets, several values would be fixed)

Page 9: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

Next

Please create and configure your set of KPIs for this decision process

Previous

KPIs database KPI set for this decision process

KPI sets database

KPI 1 KPI 2 KPI 3

KPI 1KPI 2BREEAM 1

KPI 1KPI 2BREEAM 2

KPI 4 KPI 5

KPI 1KPI 2CUSTOM

SET 1

Create a new KPI

Save this KPI set

All l BREEAM l custom

All l BREEAM l custom

KPI 3KPI 1

We’re good. The same can be done for our other KPI

Analyse problemReduce energy bills in the district

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

Page 10: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

Next

Please create and configure your set of KPIs for this decision process

Previous

KPIs database KPI set for this decision process

KPI sets database

KPI 1 KPI 2 KPI 3

KPI 1KPI 2BREEAM 1

KPI 1KPI 2BREEAM 2

KPI 4 KPI 5

KPI 1KPI 2CUSTOM

SET 1

Create a new KPI

Save this KPI set

This can save your set, and add it to the “KPI sets database” on the left. You’ll be able to reuse it or delete if later with the button.

This is a certified KPI set (e.g. BREEAM)

This is a set created by the user. It can be deleted.

All l BREEAM l custom

All l BREEAM l custom

Here are all the KPIs you have (with filtering options). You can delete KPIs created manually by users.

These buttons actually display help bubbles like this one!

KPI 3KPI 1You can create a KPI, with various options/fields (this screen is not represented in this mock up)

Analyse problemReduce energy bills in the district

This is the set you will use today

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative Discover all the other functionalities of this screen…

Page 11: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

Next

Please create and configure your set of KPIs for this decision process

Previous

KPIs database KPI set for this decision process

KPI sets database

KPI 1 KPI 2 KPI 3

KPI 1KPI 2BREEAM 1

KPI 1KPI 2BREEAM 2

KPI 4 KPI 5

KPI 1KPI 2CUSTOM

SET 1

Create a new KPI

Save this KPI set

All l BREEAM l custom

All l BREEAM l custom

We can now go safely to the next step. This will run calculation modules for assessing AS-IS KPI

Analyse problem

KPI 3KPI 1

Reduce energy bills in the district

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

Page 12: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

Next

Collect data

Context data (Variable) database

Please give a title to this context:

My Context A: Green Society by 2020

Interest rate

Energy pricing

Price of PV panels

Annual increase rate by government

To start,please drag & drop any Variable(s) into this box to define the CONTEXT

Interest rate

Annual increase rate by government

The user first defines different ‘contexts’, which might change the investment.

i.e. = 4%

Selecting the relevant variables and filling in these figures may be needed for KPI calculation, as several modules use these variables (values) for their calculation.

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

Page 13: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

Next

Please collect data for the selected KPIs for this decision process

Collect data

Previous

KPIs database KPI set for this decision process

KPI sets database

KPI 1 KPI 2 KPI 3

KPI 1KPI 2BREEAM 1

KPI 1KPI 2BREEAM 2

KPI 4 KPI 5

KPI 1KPI 2CUSTOM

SET 1

Create a new KPI

Save this KPI set

All l BREEAM l custom

All l BREEAM l customThis “warning” icon appears as data necessary to calculate this KPI has not been collected yet.

KPI 3KPI 1

You can already go to the next step but this will display a warning popup message

Just click on the KPI to collect data

Reduce energy bills in the district

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

Page 14: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

Next

Please create and configure your set of KPIs for this decision process

Collect data

Previous

KPIs database KPI set for this decision process

KPI sets database

KPI 1 KPI 2 KPI 3

KPI 1KPI 2BREEAM 1

KPI 1KPI 2BREEAM 2

KPI 4 KPI 5

KPI 1KPI 2CUSTOM

SET 1

Create a new KPI

Save this KPI set

All l BREEAM l custom

All l BREEAM l custom

KPI 3KPI 1

KPI 1 (e.g. Energy Bills) – AS IS settings

Discard Save settings

Calculation moduleLimits

Priority

Please define scores

Excellent

Bad

Please select the calculation model/module you want to use for this KPI

Please select how important this KPI is for you (default : 3)

1 2 3 4 5

Data Please upload the data (.xyz file)

Browse

You can upload data for this KPI.

NB: A popup message is displayed if any data is missing

Ambition

Set your target value (expectation)

Bad (20€) Excellent (1€)

Acceptable (8€)

Current situationAverage energy bill cost today: ?

Just save!

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

Page 15: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

“As is” situationReduce energy bills in the district

Previous Next

“As is” situation

[Any options for table view INTERFACE]

After a first calculation, this is the AS-IS situation

There are different views

Save/Export these results

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

Page 16: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

“As is” situationReduce energy bills in the district

Previous Next

“As is” situation

[Chart type selection (spider / bubbles / pie…) and any other options INTERFACE]

Save/Export these results

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

Page 17: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

“As is” situationReduce energy bills in the district

Previous Next

“As is” situation

Comments/Reviews:

Click on the map to add geolocalised comments

Layers: Layer 1

Layer 2

Layer 3

Layer 4 [any other options for map view]

This will bring us to the TO-BE

This would be useful if we need to change calculation model, data, values, KPI priority, KPI list, or anything else we may have set before

Save/Export these results

This is optional, and allows to save the data of the process so far, or to export it (PDF, or other)

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

Page 18: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

Next

Please go through your KPIs again (to set your ambitions…):

Previous

KPI set for this decision process

The gears tells us we need to take a look into the settings. Let’s see…

“To be” situation

KPI 3KPI 1

Reduce energy bills in the district

If we want to change our list of KPIs, we have to go back the the previous steps. The same may apply if we want to modify “basic” settings…

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

Page 19: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

Next

Please create and configure your set of KPIs for this decision process

Analyse problem (2 of 3)

Previous

KPIs database KPI set for this decision process

KPI sets database

KPI 1 KPI 2 KPI 3

KPI 1KPI 2BREEAM 1

KPI 1KPI 2BREEAM 2

KPI 4 KPI 5

KPI 1KPI 2CUSTOM

SET 1

Create a new KPI

Save this KPI set

All l BREEAM l custom

All l BREEAM l custom

KPI 3KPI 1

KPI 1 (e.g. Energy Bills) – AS IS & TO BE settings

Discard Save settings

Calculation moduleLimits

Priority

Please define scores

Excellent

Bad

Please select the calculation model/module you want to use for this KPI

Please select how important this KPI is for you (default : 3)

1 2 3 4 5

Data Please upload the data (.xyz file)

Browse

Ambition

Set your target value (expectation)

Bad (20€) Excellent (1€)

Acceptable (8€)

Current situationAverage energy bill cost today: 12€

This has been calculated by the first calculation (as is).

We can now set the to-be (for instance on a slider)

NB: A popup message is displayed if any data is missing

Just save again.

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

This screen may contain different available or unavailable options, this is just an example.

We have our KPI settings screen again, with more options available this time.Some options available before can also be inactive at this step (example here : Limits & Calculation Module)

Page 20: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

Next

Please go through your KPIs again (to set your ambitions…):

Previous

KPI set for this decision process

No more wheel

“To be” situation

KPI 3KPI 1

Reduce energy bills in the district

The same can be done for our other KPI

“Next” will run another calculation to determine the TO-BE

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

Page 21: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

NextPrevious

“To be” situationReduce energy bills in the district

“As is” situation

[Any options for table view INTERFACE]

Save/Export these results

“To be” situation

[Any options for table view INTERFACE]

TO-BE has been set by the stakeholders.

AS-IS can be (re-) calculated.

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

Page 22: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

NextPrevious

“To be” situationReduce energy bills in the district

“As is” situation

[Any options for table view INTERFACE]

Save/Export these results

“To be” situation

[Any options for table view INTERFACE]

This brings us to “Develop alternatives”We can also go back

and change some settings before going further

Or export what we already have so far to exploit it.

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

Page 23: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

Previous

Develop alternativesReduce energy bills in the district

Please select one of the following Alternatives and Contexts

Available Alternatives

My Alternative 1

Next

My Alternative 2

My Alternative 3

Available CONTEXTS

My Context 1

My Context 2

My Context 3

Variant to assess

This list of available alternatives. Clicking on “Alternative 1” will display the details

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

Page 24: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

Previous

Develop alternativesReduce energy bills in the district

Please select one of the following scenarios:

Available scenarios

Alternative 1

Next

Scenario 2 Scenario 3 Scenario 4

0

Alternative 1 - DescriptionDescription

Don’t save this alternative Save this alternative

Let’s save this alternative

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

Data Please upload the data (.xyz file)

Browse

This alternative uses …

Measures

Here we have the description of the alternative, in words and in a list of predefined measures.

Insulate building envelope

Change heating system

Install solar panels

… and the data (in a file)

Page 25: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

Previous

Develop alternativesReduce energy bills in the district

Please select one of the following Alternatives and Contexts

Available Alternatives

My Alternative 1

My Alternative 2

My Alternative 3

Available Contexts

My Context A

My Context B

My Context C

Please drag & drop an alternative and a context into this box.

Variant to assess

My Variant 1B

Clicking next will run the calculation and assess this variant Next

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

In order to make an assessment, the alternatives has to be put into predefined contexts. Each combination of an Alternative and a Context becomes a variant.

Page 26: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

Assess alternativesReduce energy bills in the district

Develop new alternative Export report

“As is” situation

[Any options for table view INTERFACE]

“To be” situation

[Any options for table view INTERFACE]

This brings you back to the list of alternatives & contexts This leads to the

edition of a report

My variant 1B

[Any options for table view INTERFACE]

The view can be different from this one, and the user can choose to compare various variants (e.g. only “As is” and “My variant1”)

EditThis allows you to modify the alternative & context

Your new variant appears next to your AS IS and TO BE

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

Page 27: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

Previous

Assess alternativesReduce energy bills in the district

Previous Share on Social Networks Save as PDF file Save as XML data

KPI

This decision process have been performed on …

Please write any comments or conclusion you want to add to the report in the box below:

Please tick all you need in your report:

Saves all the information in a XML file, for reusing this decision process later, or share it with someone.

Opens a window to choose the social network. Shares a weblink with selected data (PDF or read-only HTML)

ListContextsAlternatives

AS ISTO BEMy Alternative 1

SettingsContext AContext BContext C

Next

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative

This leads to a final summary

Visualisation

MapMap commentsPie chartsSpider chartsBubble chartsTables

My Alternative 2

My Alternative 3

Page 28: ECODISTR-ICT Functional Mock -up  of Graphical  User-Interface for  IDSS Dashboard

Previous

Select best alternativeReduce energy bills in the district

Previous

KPI AS-IS TO-BE VRT 1A VRT 1BName Unit Min. Max. Translation to Scores Priority Data status Score User's Priority Score Data status Score Data status Score Green percentage - [%] of Total district 10% 20% manual 3 üComplete 4 3 .. üComplete 2 ..Energy Bill 1 □ Incomplete 5 2 .. □ Incomplete .. ..CO2 Emission 5 5 5 .. üComplete .. ..U-value W/m2K 0.30 0.40 automatic 5 2 4 .. .. ..Cost 2 5 1 .. .. ..etc.

<<can be filtered as only see, e.g., All Variants for Alternative 2 or All Variants in Context B>>

<<cells can be hidden later>>

With this overview, decisions can be made.

Analyse problem l Collect data l As is l To be l Develop Alternatives l Assess alternatives I Select Best Alternative


Recommended