wso2con eu 2016: building awesome personal dashboards with wso2 dashboard server

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