SlideShare a Scribd company logo
Build a Lightning Reporting App
with the Salesforce Analytics API
​ Daniel Peter
​ Lead Applications Engineer – Kenandy, Inc
​ dan@danpeter.com
​ @danieljpeter
Using the Reporting API as a declarative data source,
Lightning Components as the application framework, and
Lightning Design System for the UI style.
​ Safe harbor statement under the Private Securities Litigation Reform Act of 1995:
​ This presentation may contain forward-looking statements that involve risks, uncertainties, and assumptions. If any such uncertainties materialize
or if any of the assumptions proves incorrect, the results of salesforce.com, inc. could differ materially from the results expressed or implied by the
forward-looking statements we make. All statements other than statements of historical fact could be deemed forward-looking, including any
projections of product or service availability, subscriber growth, earnings, revenues, or other financial items and any statements regarding
strategies or plans of management for future operations, statements of belief, any statements concerning new, planned, or upgraded services or
technology developments and customer contracts or use of our services.
​ The risks and uncertainties referred to above include – but are not limited to – risks associated with developing and delivering new functionality for
our service, new products and services, our new business model, our past operating losses, possible fluctuations in our operating results and rate
of growth, interruptions or delays in our Web hosting, breach of our security measures, the outcome of any litigation, risks associated with
completed and any possible mergers and acquisitions, the immature market in which we operate, our relatively limited operating history, our ability
to expand, retain, and motivate our employees and manage our growth, new releases of our service and successful customer deployment, our
limited history reselling non-salesforce.com products, and utilization and selling to larger enterprise customers. Further information on potential
factors that could affect the financial results of salesforce.com, inc. is included in our annual report on Form 10-K for the most recent fiscal year
and in our quarterly report on Form 10-Q for the most recent fiscal quarter. These documents and others containing important disclosures are
available on the SEC Filings section of the Investor Information section of our Web site.
​ Any unreleased services or features referenced in this or other presentations, press releases or public statements are not currently available and
may not be delivered on time or at all. Customers who purchase our services should make the purchase decisions based upon features that are
currently available. Salesforce.com, inc. assumes no obligation and does not intend to update these forward-looking statements.
Safe Harbor
•  Salesforce Lightning
•  Analytics (Reporting) API
•  UI framework with Lightning Components (Lightning Design System)
•  Apex to retrieve and process the Analytics API response
•  Lightning navigation and events
•  Summary and Matrix report data structure
•  Styling lightning components
•  Demo
•  Questions
Overview
1.  Lightning Connect
2.  Lightning Components
3.  Lightning App Builder
4.  Lightning Process Builder
5.  Lighting Experience
6.  Lighting Design System
Salesforce Lightning Family
Lightning Component Framework
•  UI and application framework geared towards Single Page Applications.
•  No VF-style viewstate. Stateful client, stateless server
•  Focus on componentization.
•  Include JavaScript controller, helper, and encapsulated CSS.
Lightning Design System
•  CSS Framework like bootstrap
•  Works with Visualforce or Lightning Components (or anything else)
•  Makes your app look great, without needing to be a designer.
Salesforce Lightning – This Demo
•  Has both a REST and Apex implementation
•  Awesome way to build queries declaritively
•  Demo: report response
Access Salesforce Reports programmatically
Analytics (Reporting) API
•  Salesforce lightning has limited UI components, but more are being built.
•  Many UI frameworks available
•  Salesforce Lightning Design System to do the heavy lifting of presenting the report data
Make the presentation easy
Use a UI framework within Lightning Framework
http://www.lightningdesignsystem.com/
DEMO: Retrieve and transform reporting data
Apex and the Analytics API
•  Need a way to find the report you want to display
•  Autocomplete search
•  Need a way to click and navigate to the selected report
•  Application event
•  Need a way to drill into records in the report
•  e.force:navigateToSObject
Navigation
App Components
spinner
reportSearch
svgIcon
reportGroup
sobjectHyperlink
report
reportLoad
toggleLoading
Component
Controller
Helper
Style
Docs
Renderer
Design
SVG
•  Summary Report
•  Needs a different structure, has to hold the groups and the detail
•  Make a new user defined type in Apex (complex storage)
•  Matrix Report
•  We can shoehorn it into a tabular structure
•  Use Apex to transform into an existing type (complex processing)
The Fact Map gets more complex
Summary and Matrix Reports
•  Salesforce Lightning Design System handles most of it (external CSS, static resource)
•  Can also do component level CSS contained within, and namespaced to the component
•  Style the grouping headers
•  Makes reports easier to read
Styling Lightning
Lightning Design System Icon
div.slds-icon__container
Sprite: custom9
Lookup
.slds-lookup__control
.slds-input-has-icon--right
Scrollable
div. slds-scrollable--x
Data Table
table.slds-table slds-table—bordered
table.slds-max-medium-table--stacked
Spinner
div. slds-spinner—large
slds_spinner_brand.gif
Let’s see it all in action!
Final Demo
•  Source code on github
•  https://github.com/danieljpeter/lightningReports2015
•  Reference
•  Analytics API for Apex
•  https://developer.salesforce.com/docs/atlas.en-us.apexcode.meta/apexcode/apex_analytics_intro.htm
•  Lightning Components Developer’s Guide
•  https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/
•  Lightning Design System
•  https://www.lightningdesignsystem.com/
Resources
Thank you
Share Your Feedback, and Win a GoPro!
3
Earn a GoPro prize entry for
each completed survey
Tap the bell to take a
survey2Enroll in a session1

More Related Content

PDF
Build a Lightning Reporting App with the Salesforce Analytics API
PDF
Unlocking the Hidden Potential of Salesforce Live Agent
PPTX
Building BOTS on App Cloud
PDF
Replicate Salesforce Data in Real Time with Change Data Capture
PPTX
Forcelandia 2016 Wave App Development
PDF
Use Custom Metadata Types for Easy ALM & Compliance for Your Custom Apps
PPTX
Understanding Multitenancy and the Architecture of the Salesforce Platform
PPTX
Building apps faster with lightning and winter '17
Build a Lightning Reporting App with the Salesforce Analytics API
Unlocking the Hidden Potential of Salesforce Live Agent
Building BOTS on App Cloud
Replicate Salesforce Data in Real Time with Change Data Capture
Forcelandia 2016 Wave App Development
Use Custom Metadata Types for Easy ALM & Compliance for Your Custom Apps
Understanding Multitenancy and the Architecture of the Salesforce Platform
Building apps faster with lightning and winter '17

What's hot (20)

PPTX
Introduction to Apex for Developers
PDF
Introduction to MuleSoft
PPTX
PPTX
TrailheaDX India : Developer Highlights
PPTX
Coding Apps in the Cloud with Force.com - Part 2
PPTX
Integrating with salesforce
PPTX
Salesforce App Cloud First Call Deck
PPTX
Build lightning components with salesforce dx
PPTX
Salesforce Lightning Component Framework Roadmap (TDX18)
PDF
Salesforce Lightning Customization Roadmap (TDX18)
PPTX
Real Time Integration with Salesforce Platform Events
PDF
Salesforce Lightning Supersession (TDX18)
PDF
Technical App Innovators Webinar (January 18, 2017)
PDF
Force.com Friday: Intro to Force.com
PPTX
Exploring the Salesforce REST API
DOC
Vishnu Updated
PPTX
Kitchener Salesforce Developer Group Event - Introduction to dev ops with Sal...
PPT
Build your API with Force.com and Heroku
PPTX
Introduction to lightning web component
PPT
Become BI Architect with 1KEY Agile BI Suite - Web
Introduction to Apex for Developers
Introduction to MuleSoft
TrailheaDX India : Developer Highlights
Coding Apps in the Cloud with Force.com - Part 2
Integrating with salesforce
Salesforce App Cloud First Call Deck
Build lightning components with salesforce dx
Salesforce Lightning Component Framework Roadmap (TDX18)
Salesforce Lightning Customization Roadmap (TDX18)
Real Time Integration with Salesforce Platform Events
Salesforce Lightning Supersession (TDX18)
Technical App Innovators Webinar (January 18, 2017)
Force.com Friday: Intro to Force.com
Exploring the Salesforce REST API
Vishnu Updated
Kitchener Salesforce Developer Group Event - Introduction to dev ops with Sal...
Build your API with Force.com and Heroku
Introduction to lightning web component
Become BI Architect with 1KEY Agile BI Suite - Web
Ad

Similar to Lightning Reports - Dreamforce 2015 (20)

PDF
Lightning breakout mun world tour 2015 sfsans
PPTX
Intro to Salesforce Lightning for Admins
PDF
Salesforce Lightning Components and App Builder EMEA World Tour 2015
PPTX
Introduction to lightning out df16
PPTX
Salesforce Lightning workshop Hartford - 12 March
PDF
Lightning week - Paris DUG
PPTX
Lightning Component Framework from 0 to App
PPTX
Salesforce Lightning workshop
PPTX
Lightning Developer Week - Bangalore Salesforce Developer Group
PPTX
Build custom user interfaces for your Salesforce data with the UI API
PPTX
Suisse Romande SF DG - Lightning workshop
PPTX
Go Faster with Lightning - Overview
PDF
Lightning Workshop London
PPTX
Learn MOAR Salesforce Winter '20 Event Frankfurt, Germany
PPTX
San Diego Salesforce User Group - Lightning Overview
PDF
Lightning Design System and Components for Visualforce Developers
PPTX
Building Apps Faster with Lightning and Winter '17
PPTX
Roadmap Lightning Updates (November 3, 2016)
PDF
New Lightning Experience: Build Custom Apps in a Flash
PPTX
Build Apps Visually with Lightning App Builder
Lightning breakout mun world tour 2015 sfsans
Intro to Salesforce Lightning for Admins
Salesforce Lightning Components and App Builder EMEA World Tour 2015
Introduction to lightning out df16
Salesforce Lightning workshop Hartford - 12 March
Lightning week - Paris DUG
Lightning Component Framework from 0 to App
Salesforce Lightning workshop
Lightning Developer Week - Bangalore Salesforce Developer Group
Build custom user interfaces for your Salesforce data with the UI API
Suisse Romande SF DG - Lightning workshop
Go Faster with Lightning - Overview
Lightning Workshop London
Learn MOAR Salesforce Winter '20 Event Frankfurt, Germany
San Diego Salesforce User Group - Lightning Overview
Lightning Design System and Components for Visualforce Developers
Building Apps Faster with Lightning and Winter '17
Roadmap Lightning Updates (November 3, 2016)
New Lightning Experience: Build Custom Apps in a Flash
Build Apps Visually with Lightning App Builder
Ad

More from Daniel Peter (16)

PDF
Salesforce Slack Demo Cactusforce 2022
PPTX
Rules-based Record Generation with Custom Metadata Types
PPTX
Save Millions of Clicks! Easily migrate complex schemas from SQL to Salesforce.
PPTX
No Refresh Needed
PDF
Using Custom Permissions to Simplify Security
PDF
DF Global Gathering PuneWIT
PPTX
Dreamforce Global Gathering Bangaluru 2017
PPTX
Blaze a Trail to Predictive Selling With Einstein Intent
PDF
Hyperbatch (LoteRapido) - Punta Dreamin' 2017
PDF
HyperBatch - Snowforce 2017
PDF
LDS salesforce saturday
PPTX
Tree Traversal #SalesforceSaturday
PDF
HyperBatch
PDF
Forcelandia 2016 PK Chunking
PDF
PK chunking presentation from Tahoe Dreamin' 2016
PPTX
Callout architecture
Salesforce Slack Demo Cactusforce 2022
Rules-based Record Generation with Custom Metadata Types
Save Millions of Clicks! Easily migrate complex schemas from SQL to Salesforce.
No Refresh Needed
Using Custom Permissions to Simplify Security
DF Global Gathering PuneWIT
Dreamforce Global Gathering Bangaluru 2017
Blaze a Trail to Predictive Selling With Einstein Intent
Hyperbatch (LoteRapido) - Punta Dreamin' 2017
HyperBatch - Snowforce 2017
LDS salesforce saturday
Tree Traversal #SalesforceSaturday
HyperBatch
Forcelandia 2016 PK Chunking
PK chunking presentation from Tahoe Dreamin' 2016
Callout architecture

Recently uploaded (20)

PPTX
Agentic AI Use Case- Contract Lifecycle Management (CLM).pptx
PPTX
Oracle E-Business Suite: A Comprehensive Guide for Modern Enterprises
PDF
wealthsignaloriginal-com-DS-text-... (1).pdf
PDF
Adobe Illustrator 28.6 Crack My Vision of Vector Design
DOCX
Greta — No-Code AI for Building Full-Stack Web & Mobile Apps
PDF
Download FL Studio Crack Latest version 2025 ?
PPTX
Embracing Complexity in Serverless! GOTO Serverless Bengaluru
PPTX
history of c programming in notes for students .pptx
PDF
Salesforce Agentforce AI Implementation.pdf
PPTX
Transform Your Business with a Software ERP System
PDF
iTop VPN 6.5.0 Crack + License Key 2025 (Premium Version)
PDF
How to Make Money in the Metaverse_ Top Strategies for Beginners.pdf
PPTX
Operating system designcfffgfgggggggvggggggggg
PDF
Design an Analysis of Algorithms II-SECS-1021-03
PDF
Cost to Outsource Software Development in 2025
PDF
Internet Downloader Manager (IDM) Crack 6.42 Build 41
PDF
Wondershare Filmora 15 Crack With Activation Key [2025
PDF
EN-Survey-Report-SAP-LeanIX-EA-Insights-2025.pdf
PPTX
L1 - Introduction to python Backend.pptx
PPTX
assetexplorer- product-overview - presentation
Agentic AI Use Case- Contract Lifecycle Management (CLM).pptx
Oracle E-Business Suite: A Comprehensive Guide for Modern Enterprises
wealthsignaloriginal-com-DS-text-... (1).pdf
Adobe Illustrator 28.6 Crack My Vision of Vector Design
Greta — No-Code AI for Building Full-Stack Web & Mobile Apps
Download FL Studio Crack Latest version 2025 ?
Embracing Complexity in Serverless! GOTO Serverless Bengaluru
history of c programming in notes for students .pptx
Salesforce Agentforce AI Implementation.pdf
Transform Your Business with a Software ERP System
iTop VPN 6.5.0 Crack + License Key 2025 (Premium Version)
How to Make Money in the Metaverse_ Top Strategies for Beginners.pdf
Operating system designcfffgfgggggggvggggggggg
Design an Analysis of Algorithms II-SECS-1021-03
Cost to Outsource Software Development in 2025
Internet Downloader Manager (IDM) Crack 6.42 Build 41
Wondershare Filmora 15 Crack With Activation Key [2025
EN-Survey-Report-SAP-LeanIX-EA-Insights-2025.pdf
L1 - Introduction to python Backend.pptx
assetexplorer- product-overview - presentation

Lightning Reports - Dreamforce 2015

  • 1. Build a Lightning Reporting App with the Salesforce Analytics API ​ Daniel Peter ​ Lead Applications Engineer – Kenandy, Inc ​ dan@danpeter.com ​ @danieljpeter Using the Reporting API as a declarative data source, Lightning Components as the application framework, and Lightning Design System for the UI style.
  • 2. ​ Safe harbor statement under the Private Securities Litigation Reform Act of 1995: ​ This presentation may contain forward-looking statements that involve risks, uncertainties, and assumptions. If any such uncertainties materialize or if any of the assumptions proves incorrect, the results of salesforce.com, inc. could differ materially from the results expressed or implied by the forward-looking statements we make. All statements other than statements of historical fact could be deemed forward-looking, including any projections of product or service availability, subscriber growth, earnings, revenues, or other financial items and any statements regarding strategies or plans of management for future operations, statements of belief, any statements concerning new, planned, or upgraded services or technology developments and customer contracts or use of our services. ​ The risks and uncertainties referred to above include – but are not limited to – risks associated with developing and delivering new functionality for our service, new products and services, our new business model, our past operating losses, possible fluctuations in our operating results and rate of growth, interruptions or delays in our Web hosting, breach of our security measures, the outcome of any litigation, risks associated with completed and any possible mergers and acquisitions, the immature market in which we operate, our relatively limited operating history, our ability to expand, retain, and motivate our employees and manage our growth, new releases of our service and successful customer deployment, our limited history reselling non-salesforce.com products, and utilization and selling to larger enterprise customers. Further information on potential factors that could affect the financial results of salesforce.com, inc. is included in our annual report on Form 10-K for the most recent fiscal year and in our quarterly report on Form 10-Q for the most recent fiscal quarter. These documents and others containing important disclosures are available on the SEC Filings section of the Investor Information section of our Web site. ​ Any unreleased services or features referenced in this or other presentations, press releases or public statements are not currently available and may not be delivered on time or at all. Customers who purchase our services should make the purchase decisions based upon features that are currently available. Salesforce.com, inc. assumes no obligation and does not intend to update these forward-looking statements. Safe Harbor
  • 3. •  Salesforce Lightning •  Analytics (Reporting) API •  UI framework with Lightning Components (Lightning Design System) •  Apex to retrieve and process the Analytics API response •  Lightning navigation and events •  Summary and Matrix report data structure •  Styling lightning components •  Demo •  Questions Overview
  • 4. 1.  Lightning Connect 2.  Lightning Components 3.  Lightning App Builder 4.  Lightning Process Builder 5.  Lighting Experience 6.  Lighting Design System Salesforce Lightning Family
  • 5. Lightning Component Framework •  UI and application framework geared towards Single Page Applications. •  No VF-style viewstate. Stateful client, stateless server •  Focus on componentization. •  Include JavaScript controller, helper, and encapsulated CSS. Lightning Design System •  CSS Framework like bootstrap •  Works with Visualforce or Lightning Components (or anything else) •  Makes your app look great, without needing to be a designer. Salesforce Lightning – This Demo
  • 6. •  Has both a REST and Apex implementation •  Awesome way to build queries declaritively •  Demo: report response Access Salesforce Reports programmatically Analytics (Reporting) API
  • 7. •  Salesforce lightning has limited UI components, but more are being built. •  Many UI frameworks available •  Salesforce Lightning Design System to do the heavy lifting of presenting the report data Make the presentation easy Use a UI framework within Lightning Framework http://www.lightningdesignsystem.com/
  • 8. DEMO: Retrieve and transform reporting data Apex and the Analytics API
  • 9. •  Need a way to find the report you want to display •  Autocomplete search •  Need a way to click and navigate to the selected report •  Application event •  Need a way to drill into records in the report •  e.force:navigateToSObject Navigation
  • 11. •  Summary Report •  Needs a different structure, has to hold the groups and the detail •  Make a new user defined type in Apex (complex storage) •  Matrix Report •  We can shoehorn it into a tabular structure •  Use Apex to transform into an existing type (complex processing) The Fact Map gets more complex Summary and Matrix Reports
  • 12. •  Salesforce Lightning Design System handles most of it (external CSS, static resource) •  Can also do component level CSS contained within, and namespaced to the component •  Style the grouping headers •  Makes reports easier to read Styling Lightning
  • 13. Lightning Design System Icon div.slds-icon__container Sprite: custom9 Lookup .slds-lookup__control .slds-input-has-icon--right Scrollable div. slds-scrollable--x Data Table table.slds-table slds-table—bordered table.slds-max-medium-table--stacked Spinner div. slds-spinner—large slds_spinner_brand.gif
  • 14. Let’s see it all in action! Final Demo
  • 15. •  Source code on github •  https://github.com/danieljpeter/lightningReports2015 •  Reference •  Analytics API for Apex •  https://developer.salesforce.com/docs/atlas.en-us.apexcode.meta/apexcode/apex_analytics_intro.htm •  Lightning Components Developer’s Guide •  https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/ •  Lightning Design System •  https://www.lightningdesignsystem.com/ Resources
  • 17. Share Your Feedback, and Win a GoPro! 3 Earn a GoPro prize entry for each completed survey Tap the bell to take a survey2Enroll in a session1