Interactive data visualizations and reports are common components of modern web applications. There are several approaches developers use to visualize data in the user interface of an application, ranging from hand-writing JavaScript based on charting libraries like D3.js and Highcharts, to leveraging full-fledged BI & Analytics platforms. This webinar will introduce each of these approaches, offer guidance on which to use based on requirements, and share best practices for embedded analytics through a demo application built on React.js. In this webinar, you will learn: Why embedded analytics is so important today Options to implement embedded analytics and levels of integration Comparison of embedding options What a model implementation looks like through a demo app built on React.js

1. 1
Embedded Analytics 101
✓ Back to basics webinar series

2. Back to basics “101” webinar series
Reporting 101 Dashboards 101
Embedded
Analytics 101
Data integration &
Virtualisation 101

3. 3
Hello from Jaspersoft!
3
Roland Wammers
Sr. Solutions Consultant, TIBCO
Munich area, Germany

4. • Why embedded analytics? Embedded vs standalone?
• How to embed? What are the approaches to embedding?
• Embedding with Jaspersoft
• Demo
• Key Takeaways / Best practices
Agenda

5. 5
We now live in a world
where answers are
expected to be at our
fingertips

6. 6
+ + + +
Spreadsheet programs
take off
1980
Spreadsheet
jockeys
1990 2000 Now1970
Academics &
specialized
workers
Casual
application
users
Data warehouses go
mainstream
BI report
consumers
JavaScript becomes
“language of the web”
Rise of web servicesOLAP
Determined
power users
SaaS takes
over
Relational DBs
introduced
Big Data boomLarge complex
systems rule
(SAS, SPSS)
Everyone has become a
data person…
Evolution of data people

7. 7
The best companies are taking a new
approach to how they expose data in their
applications—driven by user experience

8. 88
Strava
Get better by analysis
Top Running App 2018

9. 99
Mint
“The best online tool for personal finance.”
We make the hard data work easy

10. 1010
Workday
Go beyond the numbers
Named leader in Gartner 2018 MQ for Cloud HCM
Suites for Midmarket and Large Enterprises

11. 1111
What is the common thread?

12. 1212
At-a-glance
insights
Delivered at
right time
Easy to
customize views
ActionablePresented in
right context
They understand how users want to
experience data

13. 1313
That fundamentally changes applications
New World
Answers
in context
Intuitive
visualizations
Actionable
data
embedded
analytics
Old World
your app
analytics

14. • Why embedded analytics? Embedded vs standalone?
• How to embed? What are the approaches to embedding?
• Embedding with Jaspersoft
• Demo
• Key Takeaways / Best practices
Agenda

15. 1515
Overview: Approaches to embedding
HTTP API
Integration as
separate app / iFrame
RESTful API
Mass reporting &
administration
JavaScript API
Seamless, in-page
analytics
Not integrated
Separate portal for
reporting & analytics
AnalyticsApplication
Data visualization library
Low-level visualization
library as part of application

16. 1616
Manual Development Leverages Embeddable BI / Analytics Solution
Data Visualization
Library
RESTful API HTTP API JavaScript API
Easy to set up
Much Coding
Long Time to Market
Connectivity to Data
Sources
No Data Governance
Ultimately expensive
Some Application Logic
required
Universally compatible
Session Management
possible
Limited Control over
Visualization
Functionality beyond plain
Visualizations
Static Embedding without
Application Logic
Quick and simple to
implement
Limited Control over
Visualization
iFrames required for
integration in page
Full Application Logic
required
Universally compatible
Seamless Embedding
possible
Much Control over
Visualization Details
High Level of Automation
and Interactivity
Detailed view: Approaches to embedding

17. 1717
Detailed view: Approaches to embedding
Manual Development Leverages Embeddable BI / Analytics Solution
Data Visualization
Library
RESTful API HTTP API JavaScript API
Easy to set up
Much Coding
Long Time to Market
Connectivity to Data
Sources
No Data Governance
Ultimately expensive
Some Application Logic
required
Universally compatible
Session Management
possible
Limited Control over
Visualization
Functionality beyond
plain Visualizations
Static Embedding without
Application Logic
Quick and simple to
implement
Limited Control over
Visualization
iFrames required for
integration in page
Full Application Logic
required
Universally compatible
Seamless Embedding
possible
Much Control over
Visualization Details
High Level of Automation
and Interactivity

18. 1818
Detailed view: Approaches to embedding
Manual Development Leverages Embeddable BI / Analytics Solution
Data Visualization
Library
RESTful API HTTP API JavaScript API
Easy to set up
Much Coding
Long Time to Market
Connectivity to Data
Sources
No Data Governance
Ultimately expensive
Some Application Logic
required
Universally compatible
Session Management
possible
Limited Control over
Visualization
Functionality beyond plain
Visualizations
Static Embedding
without Application Logic
Quick and simple to
implement
Limited Control over
Visualization
iFrames required for
integration in page
Full Application Logic
required
Universally compatible
Seamless Embedding
possible
Much Control over
Visualization Details
High Level of Automation
and Interactivity

19. 1919
Detailed view: Approaches to embedding
Manual Development Leverages Embeddable BI / Analytics Solution
Data Visualization
Library
RESTful API HTTP API JavaScript API
Easy to set up
Much Coding
Long Time to Market
Connectivity to Data
Sources
No Data Governance
Ultimately expensive
Some Application Logic
required
Universally compatible
Session Management
possible
Limited Control over
Visualization
Functionality beyond plain
Visualizations
Static Embedding without
Application Logic
Quick and simple to
implement
Limited Control over
Visualization
iFrames required for
integration in page
Full Application Logic
required
Universally compatible
Seamless Embedding
possible
Much Control over
Visualization Details
High Level of Automation
and Interactivity

20. • Why embedded analytics? Embedded vs standalone?
• How to embed? What are the approaches to embedding?
• Embedding with Jaspersoft
• Demo
• Key Takeaways / Best practices
Agenda

21. 2121
Jaspersoft API Coverage
Design Dashboards
Design Adhoc Views, Reports
Metadata Designer
Design
HTTP API
Embed Dashboards
Embed Reports
Embed Ad Hoc Views
Embed
Javascript API
Manage Tenants/Users/Roles
Manage Repository
Import/Export
Scheduling/Export
Manage
REST API
100% API Coverage

22. 2222
Embedding with Visualize.js
HTML5 & web
responsive charts
What is it?
A JavaScript API for embedding visualizations, reports,
and dashboards inside applications
What makes it special?
Combines the power of a Business Intelligence Server
with the simplicity & control of JavaScript
The Result?
• More interactive visualizations
• Much less coding
• Get to market faster
• Costs dramatically less than DIY
HTML5 & web
responsive charts
Not all JavaScript APIs were created equal
Visualize.js
“Best JavaScript Technology”
-DeveloperWeek Awards 2015

23. • Why embedded analytics? Embedded vs standalone?
• How to embed? What are the approaches to embedding?
• Embedding with Jaspersoft
• Demo
• Key Takeaways / Best practices
Agenda

24. 2424
Live demo

25. • Why embedded analytics? Embedded vs standalone?
• How to embed? What are the approaches to embedding?
• Embedding with Jaspersoft
• Demo
• Key Takeaways / Best practices
Agenda

26. 26
Key takeaways
26
Get complimentary
eBook from
Jaspersoft.com
• Easy-to-consume, actionable information expected
• BI Content embedded in your application
• Different approaches and levels of embedded
analytics
• Choose which is right for You
• Jaspersoft supports all of them

27. 27
Best practices
27
Get complimentary
eBook from
Jaspersoft.com
• User requirements first, design second
• Follow best practices for setting up application
foundation
• Optimize data access to support user expectations

28. 28
emeawebinars@tibco.com