Difference between revisions of "IS428 AY2019-20T1 Assign Christine Interactive Visualization"

From Visual Analytics for Business Intelligence
Jump to navigation Jump to search
Line 93: Line 93:
 
| <center><b>Navigation button (Image & Text)</b></br>
 
| <center><b>Navigation button (Image & Text)</b></br>
 
''*Navigation button will be available for every pages/dashboards''</center></br>
 
''*Navigation button will be available for every pages/dashboards''</center></br>
<div id="Fc.0">[[File:christine.2016_figure_c.0_MobileStaticSelection.png|300px|frameless|center]]
+
<div id="Fc.8">[[File:christine.2016_figure_c.8_NavigationButton.png|200px|frameless|center]]
<center>''Figure c.0 - Select Mobile / Static''</center></div>
+
<center>''Figure c.8 - Navigation Button''</center></div>
 
||  
 
||  
 
<center>To provide users the flexibility of navigating from one dashboard to another. With image, it also provides value adding point in terms of aesthetic.</center>
 
<center>To provide users the flexibility of navigating from one dashboard to another. With image, it also provides value adding point in terms of aesthetic.</center>
 
||
 
||
*  
+
* Select / create the image of buttons and place the image in the directory.
 +
* In dashboard find the Objects section and drag the Button (Floating mode).
 +
: <div id="Fc.9">[[File:christine.2016_figure_c.9_Objects.png|200px|frameless|center]]
 +
<center>''Figure c.9 - Objects Attributes''</center></div>
 +
* After button was created click on the arrow beside the button and choose '''‘Edit button’'''.
 +
: <div id="Fc.10">[[File:christine.2016_figure_c.10_EditButton.png|200px|frameless|center]]
 +
<center>''Figure c.10 - Edit Button''</center></div>
 +
* Dialog box will appear. Set where this button will navigate to; choose whether this button in Text of Image button; choose whether borderline was needed; and input tooltip (optional).
 +
: <div id="Fc.11">[[File:christine.2016_figure_c.11_EditButtonDialog.png|200px|frameless|center]]
 +
<center>''Figure c.11 - Edit Button Dialog Box''</center></div>
 
|-
 
|-
  
| <center><b>Highlight the selected Sensor</b></center></br>
+
| <center><b>Tooltip</b></center>
<div id="Fc.4">[[File:christine.2016_figure_c.4_FilterMobileStatic.png|300px|frameless|center]]
 
<center>''Figure c.4 - Filter of Mobile / Static Sensor''</center></div>
 
 
||  
 
||  
<center>To provide user easier reading on specific sensor when needed by highlighting the sensor.</center>
+
<center>To provide users with some contextual information about action performed by the navigation button.</center>
 
||
 
||
*  
+
* Tooltip can be accessed by selecting the arrow beside the button, then click on “Edit button” and provide the information needed under Tooltip textbox.
 +
: <div id="Fc.12">[[File:christine.2016_figure_c.10_EditButton.png|200px|frameless|center]]
 +
<center>''Figure c.12 - Edit Button''</center></div></br>
 +
: <div id="Fc.13">[[File:christine.2016_figure_c.11_EditButtonDialog.png|200px|frameless|center]]
 +
<center>''Figure c.13 - Edit Button Dialog Box''</center></div>
 
|-
 
|-
 
|}
 
|}

Revision as of 20:24, 10 October 2019

Christine.2016 NuclearIcon.png VISUALIZATION OF ALWAYS SAFE NUCLEAR POWER PLANT

PROBLEM & MOTIVATION

 

DATA ANALYSIS & TRANSFORMATION

 

INTERACTIVE VISUALIZATION

 

ANOMALIES OBSERVATION

 

REFERENCE


Visualization of Always Safe Nuclear Power Plant can be accessed here: <URL>. More details on the individual dashboard as follow:

In this case, a large dataset is provided to the investigator to conduct a deep analysis of the problem in St. Himark. Due to large dataset, numerous analysis is needed in order to provide better insight in detecting the cause of the problem or even propose a solution to the detected problem. As such, it will be impossible to display all analyses in a single dashboard. While these analyses are interrelated to each other hence, there is no sequential order that should be followed. To resolve these issues, flexibility has become the main solution where it should provide users the flexibility to navigate the dashboard from one to another. To do so, the interactive button was created with 5 different categories – Homepage, Density Map, Map Dashboard, Radiation Level Readings, and Cumulative Sum of Sensors Readings. Each of these categories will be a further breakdown and provide the freedom of users to choose the analysis that they interested in.

COMMON INTERACTIVE FEATURES ACROSS ALL PAGES/DASHBOARDS

These interactive features will be available across all pages / dashboards.

Interactive Technique Rationale Implementation Step
Selection of displaying Static or Mobile sensor readings
* Except Density Map

Christine.2016 figure c.0 MobileStaticSelection.png
Figure c.0 - Select Mobile / Static
To provide users the freedom whether to display static or mobile readings.
  • Parameter and calculated field are needed to complete this step.
  • Create a parameter by clicking on the arrow located at the sidebar under Dimensions section then Create Parameter.
  • Name the parameter and specify the value needed with respective Data type and current value.
Christine.2016 figure c.1 CreateParameter.png
Figure c.1 - Create Parameter
  • Create calculated field needed to set up the parameter navigation. It can be accessed through Analysis then Create Calculated Field (Mobile, Static, and Filter Mobile/Staic are needed).
Christine.2016 figure c.2 CreateCalculatedField.png
Figure c.2 - Create Calculated Field
  • After calculated fields are created, show the parameter to let user accessibility towards the parameter
Christine.2016 figure c.3 ParametersMobileStatic.png
Figure c.3 - Parameter of Mobile/Static
Highlight the selected Sensor

Christine.2016 figure c.4 FilterMobileStatic.png
Figure c.4 - Filter of Mobile / Static Sensor
To provide user easier reading on specific sensor when needed by highlighting the sensor.
  • Drag the attributes that you want to differentiate into the colour marks.
Christine.2016 figure c.5 Colouring.png
Figure c.5 - Colour Marks
  • Wait until the colouring legend appears.
  • By clicking on the specific sensor ID / description, it allows user to highlight the selected item.
Christine.2016 figure c.6 Highlighted.png
Figure c.6 - Highlighted Sensor


HOMEPAGE

In this page, there will be brief write-up for the problem statement as well as motivation behind this analysis conducted along with the navigation buttons.

Christine.2016 figure c.7 Homepage.png
Figure c.7 - Homepage Dashboard


Interactive Technique Rationale Implementation Step
Navigation button (Image & Text)
*Navigation button will be available for every pages/dashboards

Christine.2016 figure c.8 NavigationButton.png
Figure c.8 - Navigation Button
To provide users the flexibility of navigating from one dashboard to another. With image, it also provides value adding point in terms of aesthetic.
  • Select / create the image of buttons and place the image in the directory.
  • In dashboard find the Objects section and drag the Button (Floating mode).
Christine.2016 figure c.9 Objects.png
Figure c.9 - Objects Attributes
  • After button was created click on the arrow beside the button and choose ‘Edit button’.
Christine.2016 figure c.10 EditButton.png
Figure c.10 - Edit Button
  • Dialog box will appear. Set where this button will navigate to; choose whether this button in Text of Image button; choose whether borderline was needed; and input tooltip (optional).
Christine.2016 figure c.11 EditButtonDialog.png
Figure c.11 - Edit Button Dialog Box
Tooltip
To provide users with some contextual information about action performed by the navigation button.
  • Tooltip can be accessed by selecting the arrow beside the button, then click on “Edit button” and provide the information needed under Tooltip textbox.
Christine.2016 figure c.10 EditButton.png
Figure c.12 - Edit Button

Christine.2016 figure c.11 EditButtonDialog.png
Figure c.13 - Edit Button Dialog Box


MAP DASHBOARD


FINAL WORKFLOW AND DATASET


FINAL WORKFLOW AND DATASET