Using Dashboards to Transform Application Data Visualization
-
Upload
kathy-brown -
Category
Technology
-
view
6.765 -
download
2
Transcript of Using Dashboards to Transform Application Data Visualization
![Page 1: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/1.jpg)
Using Dashboards to Transform Application Data Visualization
Kathy Brown, PSC GroupShean McManus, PSC Group
![Page 2: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/2.jpg)
•Kathy Brown•Senior Consultant, PSC Group•IBM Champion•Nerd Girl•@IamKathyBrown•www.runningnotes.net
•Shean McManus•Senior Consultant, PSC Group•IBM Champion•@sheanpmcmanus•www.spmcmanus.net
Who Are We?
![Page 3: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/3.jpg)
•Edward Tufte example•Tips•A picture is worth a thousand words•Charts can be useful or useless
•Work with the business process and stakeholders•Statistics can be bent to our own purpose•Know your audience
Data Visualization
![Page 4: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/4.jpg)
Workflow Dashboards
![Page 5: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/5.jpg)
• Traditional Methods of Accessing Data
– Scrolling through views or grids (Notes or otherwise)
– Categorized views
– Full-text Search / Find
– Custom views
– Email Links
Workflow Dashboard
![Page 6: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/6.jpg)
• How to Make an Effective Dashboard
– Avoid Clutter
– Reduce clicks
– Implement customization
– Know what your users want need to see
Effective dashboards can transform a business process
Workflow Dashboard
![Page 7: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/7.jpg)
• Designed for efficiency
– Access to actionable items at a glance
– Can pull from multiple sources
– Can reduce reliance on email as action triggers
– Can enhance with metrics, statistics and other information
Workflow Dashboard
![Page 8: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/8.jpg)
• Features of My Demo
– Multiple mini-views (portlets) on one screen
– Row expansion
– Icon indicators
– Inline action buttons
– Metrics / Statistic boxes
– Customization (by role or user)
Workflow Dashboard
![Page 9: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/9.jpg)
Demo
![Page 10: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/10.jpg)
Multiple Portlets
![Page 11: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/11.jpg)
Row Expansion
![Page 12: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/12.jpg)
Icon Indicators
![Page 13: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/13.jpg)
Inline Action Indicators
![Page 14: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/14.jpg)
Statistics and Metric Boxes
![Page 15: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/15.jpg)
Customization
![Page 16: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/16.jpg)
•Tools Used
– Twitter Bootstrap
– Bootstrap compatible Theme
– jQuery
– Domino Server (DDS or REST)
– CSS
– SSJS
– Xpages Extension Library (for RPC calls)
Workflow Dashboard
![Page 17: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/17.jpg)
•Possibilities
– Non-Domino data using REST
– Non-Domino front end using same design techniques
– Extend with features•Drag and drop•Tabbed Views•Wire portlets together•Limited only by imagination (design best practices still apply)
Workflow Dashboard
![Page 18: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/18.jpg)
Manager Dashboards
![Page 19: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/19.jpg)
• Traditional Methods of Accessing Data– Scrolling through Notes views– Categorized views
• In this demo, at least six different views – Custom views– Export to Excel or other tool for analysis
Manager Dashboard
![Page 20: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/20.jpg)
• How to Make an Effective Dashboard– Avoid Clutter– Provide charts and graphs to quickly pinpoint problem areas– Highlight overdue items and overloaded resources– Charts and graphs from REST service and single underlying view
Manager Dashboard
![Page 21: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/21.jpg)
• Manager Dashboards designed for efficiency– Can pull from multiple sources– Can display multiple perspectives on a single page
Manager Dashboard
![Page 22: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/22.jpg)
Demo
![Page 23: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/23.jpg)
![Page 24: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/24.jpg)
![Page 25: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/25.jpg)
•Tools Used– Twitter Bootstrap– Bootstrap compatible Theme– jQuery–Sencha Grids and Charts– Domino Server (DDS or REST)– CSS– SSJS
Manager Dashboard
![Page 26: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/26.jpg)
•Possibilities– Non-Domino data using REST– Non-Domino front end using same design techniques– Extend with features
•Drill down or filter within charts•Export charts
Manager Dashboard
![Page 27: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/27.jpg)
•Dashboard Best PracticesDesigning and Building Great Dashboards - 6 Golden Rules to Successful Dashboard Design
https://www.geckoboard.com/blog/building-great-dashboards-6-golden-rules-to-successful-dashboard-design/#.V6ZDAVUrJD8
Building Data Dashboards – Best Practiceshttps://www.geckoboard.com/learn/guides/data-dashboards-best-practices/#.V7R5Y9UrJD8
Edward Tuftehttps://www.edwardtufte.com/tufte/
•ThemesKeene Themes: http://keenthemes.com/Wrap Bootstrap: https://wrapbootstrap.com/tag/dashboardStart Bootstrap: https://startbootstrap.com/template-categories/admin-dashboard/Bootstrap: http://themes.getbootstrap.com/products/dashboard
Links and Resources
![Page 28: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/28.jpg)
![Page 29: Using Dashboards to Transform Application Data Visualization](https://reader036.fdocuments.in/reader036/viewer/2022070516/5874208a1a28abcb5b8b7de7/html5/thumbnails/29.jpg)
29