SlideShare a Scribd company logo
Creating Your Own
Custom Org Chart in
Salesforce1
Heroku, Platform, API’s, Canvas, Angular, Grunt, oh my…
Andrew Bean
Senior UX / UI Blah de Blah
abean@salesforce.com
@andybean
Safe Harbor
​ 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.
Andrew Bean,
Phi Tran, Robert Birbeck
| Salesforce
Can you Design
Happiness?
Further Reading on the importance of Delight in Design:
http://blog.invisionapp.com/3-ways-to-design-happiness/
Radial
Relationships
Creating Your Own Custom Org Chart in Salesforce1
Context
Through Animation
http://codepen.io/taoofbean/pen/ecKmB
http://codepen.io/taoofbean/pen/CydIj
Creating Your Own Custom Org Chart in Salesforce1
Org Chart
Architecture
@ Salesforce
Org 62
Canvas Container inside S1
Redirects to Heroku
HEROKU
Node Server
Lightweight Angular App
Secure Facade
Data transformation layer
Sits within salesforce
Supportforce
Employee Hierarchy
Org 62
Photo Links
Corporate Firewall
252
180
34.4
4.5
1
Angular
JavaScript
Font
Styles
Data
Kilobytes before compression (gzipping)
4.5
252180
34.4
Final Org Chart Payload
<500K
An Architecture
For You
Your Org
Canvas Application
- Handles Authentication
- Provides User and Contact
- Provides Avatar images
- Redirects to Heroku
HEROKU
Node Server
- Hosting light Angular app
Heroku Connect in charge
Org Chart assembled and
cached in a Postgres DB
+
​ < Speed Demo of Installation />
Our Gift To You
super intern
Chris Asakawa
​ http:// Get the Org Chart On the App Exchange today.
Our Gift to You
Thank you

More Related Content

DOC
Nitin Kumar Resume Credit Analyst
PPTX
報二 客委會 懶人包.pptx
PPTX
Using Salesforce to Manage Your Developer Community
PDF
Lightning App Builder: Build Apps Visually for the new Lightning Experience
PDF
Riding the Enterprise Integration train
PPTX
Salesforce Case Study: Blaze a Trail with More Engaging Content
PPT
Improve Home Healthcare Outcomes with Force.com & the Internet of Things
PPTX
Lighting Strikes: Embrace the change in Your Org by Gaurav Kheterpal
Nitin Kumar Resume Credit Analyst
報二 客委會 懶人包.pptx
Using Salesforce to Manage Your Developer Community
Lightning App Builder: Build Apps Visually for the new Lightning Experience
Riding the Enterprise Integration train
Salesforce Case Study: Blaze a Trail with More Engaging Content
Improve Home Healthcare Outcomes with Force.com & the Internet of Things
Lighting Strikes: Embrace the change in Your Org by Gaurav Kheterpal

Similar to Creating Your Own Custom Org Chart in Salesforce1 (20)

PDF
Socialize Enterprise Apps Using Apex, Visualforce and Chatter
PPTX
Salesforce Labs - Hidden Gems on the AppExchange
PPTX
Startups need Admins, too
PDF
Lightning Components - Advanced Features
PPTX
Intro to Lightning Components - Dreamforce 2016
PDF
Lightning Platform Product Managers: Ask Us Anything!
PPTX
Force.com Fridays: Intro to Force.com
PPTX
2016 ISBG - Enterprise integration done right with Salesforce Lightning, IBM ...
PDF
Choose your Destiny - Building your Awesome Admin Career - Video Link: http:/...
PDF
Data Democracy: Use Lightning Connect & Heroku to Visualize any Data, Anywhere
PDF
Driving the Internet of Things into the Dreamforce App: The Social Shuttle Bus
PDF
From Lead to Cash Vision
PPTX
Developers Introduction To Lightning
PPTX
Extending Reach with Facebook Advertising
PPTX
Building first lightning component at udaipur admin group session
PPTX
Force.com Friday - Intro to Force.com
PDF
Force.com Friday - An Intro to Force.com
PPTX
Getting Started with Salesforce for Non-Profits by Nik Panter
PPTX
Spring '19 Release-in-a-Box
PDF
Integrating With Force.com Using Webhook Handlers
Socialize Enterprise Apps Using Apex, Visualforce and Chatter
Salesforce Labs - Hidden Gems on the AppExchange
Startups need Admins, too
Lightning Components - Advanced Features
Intro to Lightning Components - Dreamforce 2016
Lightning Platform Product Managers: Ask Us Anything!
Force.com Fridays: Intro to Force.com
2016 ISBG - Enterprise integration done right with Salesforce Lightning, IBM ...
Choose your Destiny - Building your Awesome Admin Career - Video Link: http:/...
Data Democracy: Use Lightning Connect & Heroku to Visualize any Data, Anywhere
Driving the Internet of Things into the Dreamforce App: The Social Shuttle Bus
From Lead to Cash Vision
Developers Introduction To Lightning
Extending Reach with Facebook Advertising
Building first lightning component at udaipur admin group session
Force.com Friday - Intro to Force.com
Force.com Friday - An Intro to Force.com
Getting Started with Salesforce for Non-Profits by Nik Panter
Spring '19 Release-in-a-Box
Integrating With Force.com Using Webhook Handlers
Ad

More from Salesforce Developers (20)

PDF
Sample Gallery: Reference Code and Best Practices for Salesforce Developers
PDF
Maximizing Salesforce Lightning Experience and Lightning Component Performance
PDF
Local development with Open Source Base Components
PPTX
TrailheaDX India : Developer Highlights
PDF
Why developers shouldn’t miss TrailheaDX India
PPTX
CodeLive: Build Lightning Web Components faster with Local Development
PPTX
CodeLive: Converting Aura Components to Lightning Web Components
PPTX
Enterprise-grade UI with open source Lightning Web Components
PPTX
TrailheaDX and Summer '19: Developer Highlights
PDF
Live coding with LWC
PDF
Lightning web components - Episode 4 : Security and Testing
PDF
LWC Episode 3- Component Communication and Aura Interoperability
PDF
Lightning web components episode 2- work with salesforce data
PDF
Lightning web components - Episode 1 - An Introduction
PDF
Migrating CPQ to Advanced Calculator and JSQCP
PDF
Scale with Large Data Volumes and Big Objects in Salesforce
PDF
Replicate Salesforce Data in Real Time with Change Data Capture
PDF
Modern Development with Salesforce DX
PDF
Get Into Lightning Flow Development
PDF
Integrate CMS Content Into Lightning Communities with CMS Connect
Sample Gallery: Reference Code and Best Practices for Salesforce Developers
Maximizing Salesforce Lightning Experience and Lightning Component Performance
Local development with Open Source Base Components
TrailheaDX India : Developer Highlights
Why developers shouldn’t miss TrailheaDX India
CodeLive: Build Lightning Web Components faster with Local Development
CodeLive: Converting Aura Components to Lightning Web Components
Enterprise-grade UI with open source Lightning Web Components
TrailheaDX and Summer '19: Developer Highlights
Live coding with LWC
Lightning web components - Episode 4 : Security and Testing
LWC Episode 3- Component Communication and Aura Interoperability
Lightning web components episode 2- work with salesforce data
Lightning web components - Episode 1 - An Introduction
Migrating CPQ to Advanced Calculator and JSQCP
Scale with Large Data Volumes and Big Objects in Salesforce
Replicate Salesforce Data in Real Time with Change Data Capture
Modern Development with Salesforce DX
Get Into Lightning Flow Development
Integrate CMS Content Into Lightning Communities with CMS Connect
Ad

Recently uploaded (20)

PPTX
Programs and apps: productivity, graphics, security and other tools
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
PDF
Encapsulation_ Review paper, used for researhc scholars
PPTX
Machine Learning_overview_presentation.pptx
PPTX
Big Data Technologies - Introduction.pptx
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Machine learning based COVID-19 study performance prediction
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
cuic standard and advanced reporting.pdf
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PPT
Teaching material agriculture food technology
PPTX
Spectroscopy.pptx food analysis technology
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
Programs and apps: productivity, graphics, security and other tools
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Encapsulation_ Review paper, used for researhc scholars
Machine Learning_overview_presentation.pptx
Big Data Technologies - Introduction.pptx
Digital-Transformation-Roadmap-for-Companies.pptx
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Unlocking AI with Model Context Protocol (MCP)
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Machine learning based COVID-19 study performance prediction
Building Integrated photovoltaic BIPV_UPV.pdf
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Dropbox Q2 2025 Financial Results & Investor Presentation
20250228 LYD VKU AI Blended-Learning.pptx
cuic standard and advanced reporting.pdf
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Teaching material agriculture food technology
Spectroscopy.pptx food analysis technology
Diabetes mellitus diagnosis method based random forest with bat algorithm

Creating Your Own Custom Org Chart in Salesforce1

  • 1. Creating Your Own Custom Org Chart in Salesforce1 Heroku, Platform, API’s, Canvas, Angular, Grunt, oh my… Andrew Bean Senior UX / UI Blah de Blah abean@salesforce.com @andybean
  • 2. Safe Harbor ​ 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.
  • 3. Andrew Bean, Phi Tran, Robert Birbeck | Salesforce
  • 4. Can you Design Happiness? Further Reading on the importance of Delight in Design: http://blog.invisionapp.com/3-ways-to-design-happiness/
  • 9. Org Chart Architecture @ Salesforce Org 62 Canvas Container inside S1 Redirects to Heroku HEROKU Node Server Lightweight Angular App Secure Facade Data transformation layer Sits within salesforce Supportforce Employee Hierarchy Org 62 Photo Links Corporate Firewall
  • 10. 252 180 34.4 4.5 1 Angular JavaScript Font Styles Data Kilobytes before compression (gzipping) 4.5 252180 34.4 Final Org Chart Payload <500K
  • 11. An Architecture For You Your Org Canvas Application - Handles Authentication - Provides User and Contact - Provides Avatar images - Redirects to Heroku HEROKU Node Server - Hosting light Angular app Heroku Connect in charge Org Chart assembled and cached in a Postgres DB +
  • 12. ​ < Speed Demo of Installation /> Our Gift To You super intern Chris Asakawa
  • 13. ​ http:// Get the Org Chart On the App Exchange today. Our Gift to You