The requirement for building dashboards, and capabilities offered from WSO2 to build such dashboards.

1. Building Awesome Personal
Dashboards with WSO2 Dashboard
Server
Sinthuja Rajendran
Technical Lead, WSO2

2. 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.

3. “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/

4. WSO2 Dashboard Server helps to build your
visualizations via Dashboards and Gadgets with
sleek User Experience

5. What is User Experience?
• The First Impression
• The Interactiveness
• Intuitiveness
• Personalization

6. 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/

7. 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

8. 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.

9. What’s expected for an awesome dashboards??
Let’s look an use case

10. 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

11. 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.

12. 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

13. 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

14. 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

15. 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

16. 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/

17. 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!

18. WSO2 Dashboard Server

19. Architecture of WSO2 Dashboard Server

20. Features from WSO2 Dashboard Server

21. Rapid Dashboard Creation
• Few clicks operation
• Centrally manage multiple dashboards
• Add dashboards within Carbon Application (.car) file

22. Rapid Dashboard Creation

23. Rapid Dashboard Creation

24. Rapid Dashboard Creation

25. Drag and Drop Gadgets

26. Drag and Drop Gadgets

27. Pages and Dynamic Layouts

28. Pages and Dynamic Layouts

29. Pages and Dynamic Layouts

30. Role based access controls for dashboards
• Viewer and Designer roles

31. Role based access controls for dashboards
• Viewer and Designer roles

32. Personalization

33. Personalization

34. Inter Gadget Communication (Drill down dashboards)

35. Inter Gadget Communication (Drill down dashboards)

36. 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

37. More to come on the WSO2 Dashboard Server 2.1.0
release

38. Hierarchical Pages

39. 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

40. Gadget Generation Wizard (cont ..)

41. Gadget Generation Wizard (cont ..)

42. Gadget Generation Wizard (cont ..)

43. Gadget Generation Wizard (cont ..)

44. 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

45. WSO2 Analytics Dashboard is powered by WSO2
Dashboard Server
Let’s look some example implementations

46. WSO2 ESB Analytics Dashboard

47. WSO2 ESB Analytics (cont ..)

48. WSO2 ESB Analytics Dashboard (cont ..)

49. WSO2 ESB Analytics Dashboard (cont ..)

50. Mobile Connect Dashboard

51. Thank You!
#WSO2ConEU
Share your feedback for this session
wso2con.com/app