SlideShare a Scribd company logo
1 of 19
S
This Interactive software is aimed
to:
- offer many perspective visualization for a set of data
and reduce eyes effort.
- Provide useful tool for users to explore their data
- Automatically visualise the action that users apply
on the data.
- Easy user interface – based on drag and drop
function
S
Data Explorer
Main “Explore Data” from
Drag graph here
This tell you what you
can do
You can
add more
tab
This associated
control can be
minimize or maximize
The thumbnails
provides
Drag and Drop a graph to graphic area
This area changes
colour to show that it
become active and
responds to the
dragging action
Drag and Drop a graph to graphic area
The surrounding box
show that you are
currently use this type of
graph
Drag and Drop a graph to graphic area
To add a filed to the template,
use drag and drop it.
A FINISH GRAPH
Full Price:$8,735
Half Price: $4,133
SEMATIC ZOOM
Pop – Out effect
Require less eyes-
efford
LOOK AT CONTROL SECTION
Drag Fields to
create control
Choose type of
control from the
combo box
Fields properties
automatically pop
up
Dynamic filter
Just Like in real life
situation, when you do
not want some thing,
grasp and throw it away
Dynamic filter
The filter automatically
understand and
remove the
corresponding criteria.
The graph now just
has Full Price sales
Dynamic filter
Drag here or
click to type
When move mouse over
any control, the associated
tool tip will pop up, giving
you an answer to:
- Where Can I Go?
- What can I usefully do?
Dynamic filter
Graph control offers greater
flexibility by allowing you to
customize the control field,
creating equation. You can even
create more complex query by
using Advance Mode
This box can growth, so you
can see the whole equation
Even more dynamic filter with slider
The slider can calculate the
min and max value of the
related control and display on
the scale.
When you move the slider, an
instant result will display in
the graph area. It provides
instant recognition of what
happen. This is the main
advantage of a slider bar
These unsatisfied data are
instantly faded
The corresponding value is
showing on the scale when
moving slider to help you
get exact value wanted with
a limited display area
Even more dynamic filter with slider
Alternative option available
From the existing graph, you
can explore more option by
click on other type of graph to
see which one is suitutable
Alternative option available
You each graph can be on different tab.
When a tab is chosen, the associated graph
control will also change
Create another graph on different tab
You can
name a tab You can start an entirely new work
space on a new tab
You can drag a tab to take its
graph into another tab. Then
you can have a new tab
contain many graphs
This interactive action can allow
you to look at the data from
different perspective. This multi-
dimentional view will help user
form a stronger mental model with
what happening
When filter is applied in one graph, the other
graphs also instantly show the related data.
The brushing and linking technique is very
useful to get into a deeper understanding of
data
These linked graph provides stronger
understanding about relationship between
data
The related
data pop-out

More Related Content

What's hot

illustator tools
illustator tools illustator tools
illustator tools SofiaNisco
 
Geometers Sketchpad Helpful Hints
Geometers Sketchpad Helpful HintsGeometers Sketchpad Helpful Hints
Geometers Sketchpad Helpful Hintsguest9afb8c7
 
The Ultimate Guide to Ad5 e808 adobe audience manager business practitioner e...
The Ultimate Guide to Ad5 e808 adobe audience manager business practitioner e...The Ultimate Guide to Ad5 e808 adobe audience manager business practitioner e...
The Ultimate Guide to Ad5 e808 adobe audience manager business practitioner e...PennyJose1
 
learn sketchup (for the beginners)
learn sketchup (for the beginners)learn sketchup (for the beginners)
learn sketchup (for the beginners)Moksha Bhatia
 
Creating The Footer:
Creating The Footer:Creating The Footer:
Creating The Footer:Reema
 
Create The Featured Project Section:
Create The Featured Project Section:Create The Featured Project Section:
Create The Featured Project Section:Reema
 
Creating The Main Content Area
Creating The Main Content AreaCreating The Main Content Area
Creating The Main Content AreaReema
 
Nspire--iPadAppTutorial--Point Slope Form
Nspire--iPadAppTutorial--Point Slope FormNspire--iPadAppTutorial--Point Slope Form
Nspire--iPadAppTutorial--Point Slope FormMedia4math
 
3 Make selections and Retouch images
3 Make selections and Retouch images3 Make selections and Retouch images
3 Make selections and Retouch imagesMarty Sison
 
Create The Quick Quote Section:
Create The Quick Quote Section:Create The Quick Quote Section:
Create The Quick Quote Section:Reema
 

What's hot (19)

illustator tools
illustator tools illustator tools
illustator tools
 
tools
toolstools
tools
 
Lab #5 gps
Lab #5 gpsLab #5 gps
Lab #5 gps
 
GeoGebra Tutorials
GeoGebra TutorialsGeoGebra Tutorials
GeoGebra Tutorials
 
Geometers Sketchpad Helpful Hints
Geometers Sketchpad Helpful HintsGeometers Sketchpad Helpful Hints
Geometers Sketchpad Helpful Hints
 
The Ultimate Guide to Ad5 e808 adobe audience manager business practitioner e...
The Ultimate Guide to Ad5 e808 adobe audience manager business practitioner e...The Ultimate Guide to Ad5 e808 adobe audience manager business practitioner e...
The Ultimate Guide to Ad5 e808 adobe audience manager business practitioner e...
 
learn sketchup (for the beginners)
learn sketchup (for the beginners)learn sketchup (for the beginners)
learn sketchup (for the beginners)
 
Assignment 26
Assignment 26Assignment 26
Assignment 26
 
After effect
After effect After effect
After effect
 
Presentation1
Presentation1Presentation1
Presentation1
 
(Sept.14)
(Sept.14)(Sept.14)
(Sept.14)
 
Psd part2
Psd part2Psd part2
Psd part2
 
Skills development- Popsplash
Skills development- PopsplashSkills development- Popsplash
Skills development- Popsplash
 
Creating The Footer:
Creating The Footer:Creating The Footer:
Creating The Footer:
 
Create The Featured Project Section:
Create The Featured Project Section:Create The Featured Project Section:
Create The Featured Project Section:
 
Creating The Main Content Area
Creating The Main Content AreaCreating The Main Content Area
Creating The Main Content Area
 
Nspire--iPadAppTutorial--Point Slope Form
Nspire--iPadAppTutorial--Point Slope FormNspire--iPadAppTutorial--Point Slope Form
Nspire--iPadAppTutorial--Point Slope Form
 
3 Make selections and Retouch images
3 Make selections and Retouch images3 Make selections and Retouch images
3 Make selections and Retouch images
 
Create The Quick Quote Section:
Create The Quick Quote Section:Create The Quick Quote Section:
Create The Quick Quote Section:
 

Similar to Project_2_QuocTrungDuong

How to add rich interactions to your prototype
How to add rich interactions to your prototypeHow to add rich interactions to your prototype
How to add rich interactions to your prototypejustinmind
 
Sas visual-analytics-startup-guide
Sas visual-analytics-startup-guideSas visual-analytics-startup-guide
Sas visual-analytics-startup-guideCMR WORLD TECH
 
Magento responsive 3 d printing website theme
Magento responsive 3 d printing website themeMagento responsive 3 d printing website theme
Magento responsive 3 d printing website themeEmilyPhan21291
 
Introduction to Network Analysis in Gephi
Introduction to Network Analysis in GephiIntroduction to Network Analysis in Gephi
Introduction to Network Analysis in GephiVictor Blaer
 
Integrated Assignment User Guide
Integrated Assignment User GuideIntegrated Assignment User Guide
Integrated Assignment User GuideTimothy Adrian Lam
 
Web Based GIS LeadGen Introduction
Web Based GIS LeadGen IntroductionWeb Based GIS LeadGen Introduction
Web Based GIS LeadGen IntroductionInteractiveGIS
 
How to Navigate PerformancePoint 2010 Dashboards and Explore Data - EPC Group
How to Navigate PerformancePoint 2010 Dashboards and Explore Data - EPC GroupHow to Navigate PerformancePoint 2010 Dashboards and Explore Data - EPC Group
How to Navigate PerformancePoint 2010 Dashboards and Explore Data - EPC GroupEPC Group
 
Data visualisation with sap lumira
Data visualisation with sap lumiraData visualisation with sap lumira
Data visualisation with sap lumiraSupratim Ray
 
Google Data Studio_Building a User Journey Funnel with Google Analytics
Google Data Studio_Building a User Journey Funnel with Google AnalyticsGoogle Data Studio_Building a User Journey Funnel with Google Analytics
Google Data Studio_Building a User Journey Funnel with Google AnalyticsSilvia Alongi
 
Introduction- The Basics of Photoshop CS6
Introduction- The Basics of Photoshop CS6Introduction- The Basics of Photoshop CS6
Introduction- The Basics of Photoshop CS6Crest TechnoSoft
 
Adobe illustrator cs6
Adobe illustrator cs6Adobe illustrator cs6
Adobe illustrator cs6ilaazmil2
 
Adobe illustrator cs6
Adobe illustrator cs6Adobe illustrator cs6
Adobe illustrator cs6Ila Azmil
 
Adobe illustrator cs6
Adobe illustrator cs6Adobe illustrator cs6
Adobe illustrator cs6Ila Azmil
 
Prism Walkthrough May 2016 (3)
Prism Walkthrough May 2016 (3)Prism Walkthrough May 2016 (3)
Prism Walkthrough May 2016 (3)Lloyd SOLDATT
 
Sketch Assignment - Task Management
Sketch Assignment - Task ManagementSketch Assignment - Task Management
Sketch Assignment - Task ManagementSuraj Rao
 
Feature guide opportunity manager(awom)
Feature guide   opportunity manager(awom)Feature guide   opportunity manager(awom)
Feature guide opportunity manager(awom)Ajeet Singh
 

Similar to Project_2_QuocTrungDuong (20)

How to add rich interactions to your prototype
How to add rich interactions to your prototypeHow to add rich interactions to your prototype
How to add rich interactions to your prototype
 
Sas visual-analytics-startup-guide
Sas visual-analytics-startup-guideSas visual-analytics-startup-guide
Sas visual-analytics-startup-guide
 
Magento responsive 3 d printing website theme
Magento responsive 3 d printing website themeMagento responsive 3 d printing website theme
Magento responsive 3 d printing website theme
 
Introduction to Network Analysis in Gephi
Introduction to Network Analysis in GephiIntroduction to Network Analysis in Gephi
Introduction to Network Analysis in Gephi
 
Prototyping + User Journeys
Prototyping + User JourneysPrototyping + User Journeys
Prototyping + User Journeys
 
Integrated Assignment User Guide
Integrated Assignment User GuideIntegrated Assignment User Guide
Integrated Assignment User Guide
 
Web Based GIS LeadGen Introduction
Web Based GIS LeadGen IntroductionWeb Based GIS LeadGen Introduction
Web Based GIS LeadGen Introduction
 
How to Navigate PerformancePoint 2010 Dashboards and Explore Data - EPC Group
How to Navigate PerformancePoint 2010 Dashboards and Explore Data - EPC GroupHow to Navigate PerformancePoint 2010 Dashboards and Explore Data - EPC Group
How to Navigate PerformancePoint 2010 Dashboards and Explore Data - EPC Group
 
Sketch 3 manual
Sketch 3 manualSketch 3 manual
Sketch 3 manual
 
Data visualisation with sap lumira
Data visualisation with sap lumiraData visualisation with sap lumira
Data visualisation with sap lumira
 
Google Data Studio_Building a User Journey Funnel with Google Analytics
Google Data Studio_Building a User Journey Funnel with Google AnalyticsGoogle Data Studio_Building a User Journey Funnel with Google Analytics
Google Data Studio_Building a User Journey Funnel with Google Analytics
 
Introduction- The Basics of Photoshop CS6
Introduction- The Basics of Photoshop CS6Introduction- The Basics of Photoshop CS6
Introduction- The Basics of Photoshop CS6
 
Surpac Software
Surpac Software Surpac Software
Surpac Software
 
Adobe photoshop
Adobe photoshopAdobe photoshop
Adobe photoshop
 
Adobe illustrator cs6
Adobe illustrator cs6Adobe illustrator cs6
Adobe illustrator cs6
 
Adobe illustrator cs6
Adobe illustrator cs6Adobe illustrator cs6
Adobe illustrator cs6
 
Adobe illustrator cs6
Adobe illustrator cs6Adobe illustrator cs6
Adobe illustrator cs6
 
Prism Walkthrough May 2016 (3)
Prism Walkthrough May 2016 (3)Prism Walkthrough May 2016 (3)
Prism Walkthrough May 2016 (3)
 
Sketch Assignment - Task Management
Sketch Assignment - Task ManagementSketch Assignment - Task Management
Sketch Assignment - Task Management
 
Feature guide opportunity manager(awom)
Feature guide   opportunity manager(awom)Feature guide   opportunity manager(awom)
Feature guide opportunity manager(awom)
 

Project_2_QuocTrungDuong

  • 1. S This Interactive software is aimed to: - offer many perspective visualization for a set of data and reduce eyes effort. - Provide useful tool for users to explore their data - Automatically visualise the action that users apply on the data. - Easy user interface – based on drag and drop function
  • 3. Main “Explore Data” from Drag graph here This tell you what you can do You can add more tab This associated control can be minimize or maximize The thumbnails provides
  • 4. Drag and Drop a graph to graphic area This area changes colour to show that it become active and responds to the dragging action
  • 5. Drag and Drop a graph to graphic area The surrounding box show that you are currently use this type of graph
  • 6. Drag and Drop a graph to graphic area To add a filed to the template, use drag and drop it.
  • 7. A FINISH GRAPH Full Price:$8,735 Half Price: $4,133 SEMATIC ZOOM Pop – Out effect Require less eyes- efford
  • 8. LOOK AT CONTROL SECTION Drag Fields to create control Choose type of control from the combo box Fields properties automatically pop up
  • 9. Dynamic filter Just Like in real life situation, when you do not want some thing, grasp and throw it away
  • 10. Dynamic filter The filter automatically understand and remove the corresponding criteria. The graph now just has Full Price sales
  • 11. Dynamic filter Drag here or click to type When move mouse over any control, the associated tool tip will pop up, giving you an answer to: - Where Can I Go? - What can I usefully do?
  • 12. Dynamic filter Graph control offers greater flexibility by allowing you to customize the control field, creating equation. You can even create more complex query by using Advance Mode This box can growth, so you can see the whole equation
  • 13. Even more dynamic filter with slider The slider can calculate the min and max value of the related control and display on the scale.
  • 14. When you move the slider, an instant result will display in the graph area. It provides instant recognition of what happen. This is the main advantage of a slider bar These unsatisfied data are instantly faded The corresponding value is showing on the scale when moving slider to help you get exact value wanted with a limited display area Even more dynamic filter with slider
  • 15. Alternative option available From the existing graph, you can explore more option by click on other type of graph to see which one is suitutable
  • 16. Alternative option available You each graph can be on different tab. When a tab is chosen, the associated graph control will also change
  • 17. Create another graph on different tab You can name a tab You can start an entirely new work space on a new tab
  • 18. You can drag a tab to take its graph into another tab. Then you can have a new tab contain many graphs This interactive action can allow you to look at the data from different perspective. This multi- dimentional view will help user form a stronger mental model with what happening
  • 19. When filter is applied in one graph, the other graphs also instantly show the related data. The brushing and linking technique is very useful to get into a deeper understanding of data These linked graph provides stronger understanding about relationship between data The related data pop-out