Upload
wso2-inc
View
326
Download
3
Embed Size (px)
Citation preview
Building Awesome Personal Dashboards with WSO2 Dashboard Server
Sinthuja RajendranTechnical Lead, WSO2
What is key for successful business?
• In a world of rapid change and continuing aggressive competition, it’s important to practice continuous improvement and being agile in every area of your business.
• For that you need to have hindsight, insight
and foresight about your business.
“Visualization brings all sights of your business together and helps you to estimate the future”
source:http://michaelbabwahsingh.com/2013/08/29/the-other-visualization/
WSO2 Dashboard Server helps to build your visualizations via Dashboards and Gadgets with
sleek User Experience
What is User Experience?
• The First Impression
• The Interactiveness
• Intuitiveness
• Personalization
What is Dashboard?
• It is the data visualization tool which is provided to end user.
• Consolidate business intelligence, KPIs
and metrics on a single screen
• Provides insights and visualization
on the current data
source:http://www.tripwire.com/state-of-security/risk-based-security-for-executives/connecting-security-to-the-business/the-top-10-tips-for-building-an-effective-security-dashboard/
What is Gadgets?
• HTML and JavaScript applications that can be embedded in web pages and other apps
• Offer the ability to include external and dynamic
content within dashboard
What is Gadgets? (cont..)
• Gadgets consist of the following components:– Gadget spec file - A .xml file that wraps HTML and JavaScript functions.– Container page - The page where the gadget is inserted (WSO2 DS
Pages)– External data source - This is optional and may reside in the same
location as the .xml file but is often called by the gadget spec over HTTP to provide its results.
What’s expected for an awesome dashboards??
Let’s look an use case
Dashboard Story at ‘Finance Harbour’
• John is an CEO of finance company ‘Finance Harbour’
Source: http://es.123rf.com/clipart-vectorizado/hombre_de_negocios_fondo_blanco.html
Dashboard Story at ‘Finance Harbour’ (cont..)
• John calls his dashboard designer Nancy, and
asked to develop a portal that would give
him the overall insight of the company
such as transactions, equity in the company,
total money that has been invested,
total expenditure, etc in within a week time.
Dashboard Story at ‘Finance Harbour’ (cont..)
• Nancy designs the dashboard with gadgets which integrates with different datasource and shows the data, which can be seen by all the employees in the Finance Harbour.
Source: https://www.illust-factory.com/sample_g192.html
Dashboard Story at ‘Finance Harbour’ (cont..)
• John wants to drill down over the transactions from the overview page, and also should be able to control the data displayed by the date range.
Source: http://www.slideshare.net/VirgieMaeLima1/problem-solving-15042598
Dashboard Story at ‘Finance Harbour’ (cont..)
• And then no Security?? Hmm… John wants to make this dashboard to be seen only by higher management and board of directors, not really open to all the employees. Nancy provides role based access control for the dashboards.
Source: http://www.codeproject.com/Articles/875547/Custom-Roles-Based-Access-Control-RBAC-in-ASP-NET
Dashboard Story at ‘Finance Harbour’ (cont..)
• John introduces the newly created ‘Finance Dashboard’ to board of directors. Peter, a member of board also a CEO of another finance company - ‘Broader Gateway Finance’. And he wants to personalize the dashboard by adding similar gadgets which has been done for Finance harbour.
Source: http://tul.blog.ntu.edu.tw/archives/14622
Dashboard Story at ‘Finance Harbour’ (cont..)
• As the Finance Dashboard was built and giving depth insight about the ‘Finance Harbour’, John and board of directors were able to take good strategic decisions and it helps to increase the growth of the company.
Source: http://www.emanueledinicola.eu/video-e-audio-formazione/
You can build such awesome dashboards very easily with
WSO2 Dashboard Server!
It has all the features mentioned in the use case and much more!
WSO2 Dashboard Server
Architecture of WSO2 Dashboard Server
Features from WSO2 Dashboard Server
Rapid Dashboard Creation
• Few clicks operation• Centrally manage multiple dashboards• Add dashboards within Carbon Application (.car) file
Rapid Dashboard Creation
Rapid Dashboard Creation
Rapid Dashboard Creation
Drag and Drop Gadgets
Drag and Drop Gadgets
Pages and Dynamic Layouts
Pages and Dynamic Layouts
Pages and Dynamic Layouts
Role based access controls for dashboards • Viewer and Designer roles
Role based access controls for dashboards• Viewer and Designer roles
Personalization
Personalization
Inter Gadget Communication (Drill down dashboards)
Inter Gadget Communication (Drill down dashboards)
Other features from Dashboard Server 2.0 to build awesome dashboards
• Themes per dashboard• Custom dashboard banners• Anonymous dashboard view• Maximization/Minimization of gadgets• Carbon Application Deployment• Multi tenancy• SSO with Identity Server• OAuth support for Dashboards• Support Mobile Devices
More to come on the WSO2 Dashboard Server 2.1.0 release
Hierarchical Pages
Gadget Generation Wizard
• Support for pluggable data source providers• Support for pluggable chart templates• Provides step by step wizard and auto generate the gadgets• OOB support for DAS batch data sources, real time streams, RDBMS
support
Gadget Generation Wizard (cont ..)
Gadget Generation Wizard (cont ..)
Gadget Generation Wizard (cont ..)
Gadget Generation Wizard (cont ..)
More new in WSO2 Dashboard Server 2.1.0 (yet to be released)
• Embeddable gadgets support• Role based access control for gadgets• Hidden pages support• Multiple views support per page• Gadgets state persistence• Pluggable gadget store support• WSO2 Controls API (shindig feature) for gadgets• Add/Delete gadgets from UI• Add/remove title bar operations in gadgets
WSO2 Analytics Dashboard is powered by WSO2 Dashboard Server
Let’s look some example implementations
WSO2 ESB Analytics Dashboard
WSO2 ESB Analytics (cont ..)
WSO2 ESB Analytics Dashboard (cont ..)
WSO2 ESB Analytics Dashboard (cont ..)
Mobile Connect Dashboard
Thank You!
#WSO2ConEU
Share your feedback for this session
wso2con.com/app