Salesforce Console Deep Dive
Chad Kelly, Salesforce.com, Technical Solution Architect@chadforce
Clement Tussiot, Salesforce.com, Senior Solution Architect@ctussiot
Salesforce Console for Sales & Service
Safe HarborSafe 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.
Chad KellyTechnical Solution Architect@chadforce
Clemont TussiotSenior Solution Architect@ctussiot
AgendaSalesforce Console FrameworkIntegration Capabilities and ArchitectureUI integration Patterns
▪ Salesforce Console Integration Toolkit▪ Use Cases, Demonstrations and Code Examples
Q & A
World’s #1 Customer Service Application
SocialProfile
AgentConsole CommunitiesKnowledge
BaseEmailPhone Web Self-ServiceChat Analytics PartnersSocial
Channels
Leveraged Web Technologies
Force .com Canvas
Aura UI
Salesforce Console Architecture App Header & Global Search
Highlight Panel / Workspace Component
Header Component
Detail RecordRight Sideb
ar
Left Sideb
ar
Detail Footer Component
PinnedList
Footer / Bottom Bar
Highlight Panel / Workspace Component
Right Sideb
ar
Left Sideb
ar
Salesforce Console Architecture App Header & Global Search
Highlight Panel / Workspace Component
Header Component
Detail RecordRight Sideb
ar
Left Sideb
ar
Detail Footer Component
Pinned List
Footer / Bottom Bar
Highlight Panel / Workspace Component
Right Sideb
ar
Left Sideb
ar
Configuring Custom Console Components
Salesforce Console Integration Capabilities
Component Framework – Primary Tabs, Subtabs, Navigation Tab, Footer, Sidebar Components
Salesforce Console Integration Toolkit
Standard Objects
Custom Objects
Visualforce 3rd Party web pages/ web tabs
Open CTI Canvas Apps
Key
boar
d S
hortc
uts,
Pus
h N
otifi
catio
ns
Reports/ Dashboards
Chatter
Live Agent Standard Components
Out of the Box UI Integration Patterns
Approach Pros ConsPush Notifications • Managed via Configuration
• Can subscribe by object/field• 10K events in a given 24 hours
governor
UI Integration Patterns
Approach Pros ConsOOB Refresh of Custom Console Components
• No coding of refresh required• No add’l coding required to
reinstantiate page• Fast performance
• Refresh only triggered on save of detail record
• Complete re-execution of page controller constructor logic and page render
UI Integration Patterns
Approach Pros ConsSalesforce database persistence • Easy to Code
• Data persists forever• Record Storage Required• Presentation on another screen
requires DML query
UI Integration PatternsApproach Pros ConsCanvas App Events
Canvas Events provide a javascript based way to send and receive events using a pub/sub pattern
• Lightweight eventing model based entirely in JavaScript using JSON
• Events are localized to the browser
• Allows your apps to talk to other apps in an easy way
• Authentication approach available via secure Connected Apps framework
• Events are only sent in browser, so they do not work with apps off the page you are viewing
• Parsing payload (e.g. JSON) is done by the app, not by canvas
• Events are async, so you could not guarantee execution order (though you could chain event by saying the result from event 1 fires event 2, etc...)
Salesforce Console Integration Toolkit▪ What is the Salesforce Console Integration Toolkit?▪ Why is it cool?▪ What does it do?
What Does it Do?Primary Tabs and Subtabs
Computer-Telephony Integration
Communication b/tcomponents
openPrimaryTab() sendCTIEvent() fireEvent()addEventListener()
Integration Toolkit Customer Use CasesChallenge The solution must render a custom screen pop with several sub tabs
Solution Use the salesforce console integration toolkit openPrimaryTab() method to launch one primary tab and use the openSubTab() method to launch one or many sub tabs within that console
Integration Toolkit Customer Use CasesChallenge The solution must uniquely identify the content by setting the tab title dynamically
Solution Use the Salesforce console integration toolkit setTabTitle() method to customize the title
Integration Toolkit Customer Use CasesChallenge The solution must prevent the user from closing a Salesforce Console tab when processing within the tab
Solution Use the Salesforce Console integration toolkit setTabUnsavedChanges() method to flag the tab as dirty while the user is processing
UI Integration PatternsApproach Pros Consfire event / add event listener (pub/sub)
• Based on a library tested across multiple browser versions
• Multiple listeners can process a given event
• No Record Storage Required
• Does not require full receiving Visualforce page refresh
• Receiving page must be open
• If multiple receiving pages are open state logic must be implemented
• Does not persist once page is closed
Integration Toolkit Customer Use CasesChallenge The solution should allow the agent to easily associate activities to only Contact records viewed upon handling a call
Solution Use the Salesforce console integration toolkit fireEvent() method to publish Contact details upon Contact(s) being viewed and addEventListener() on the activity logging page to build a SelectList
Integration Toolkit Customer Use CasesChallenge When a change is made in one area of the application the solution must automatically refresh other area(s) of the solution
Solution Use the Salesforce console integration toolkit fireEvent() method to publish a request triggered by the desired behavior and addEventListener() to refresh the target component(s)
Bringing External Apps into the Salesforce ConsoleCan you customize your external app?Does your external application work when framed?
Parameter passing www.bing.com/search?q={!case.subject}
GotchasNo initial type check on Javascript upon savingTest on multiple browsersUse alerts e.g. alert(’is this working?');Don’t forget to include the resource in your visualforce page and mind the API version <apex:includeScript value="/support/console/28.0/integration.js"/>
Leverage Google Chrome developer tools to debug javascript ▪ Ctrl + Shift + I (Mac: ⌥⌘I) keys to open
UI Integration Patterns
Approach Pros ConsBrowser Session storage persistence
• Fast (No server script)
• No Record Storage Required • Does not require receiving page
to be open
• Requires logic to manage state to determine which primary tab is applicable
• Persists globally regardless of page close
Salesforce Console Integration Capabilities
Component Framework – Primary Tabs, Subtabs, Navigation Tab, Footer, Sidebar Components
Salesforce Console Integration Toolkit
Standard Objects
Custom Objects
Visualforce 3rd Party web pages/ web tabs
Open CTI Canvas Apps
Key
boar
d S
hortc
uts,
Pus
h N
otifi
catio
ns
Reports/ Dashboards
Chatter
Live Agent Standard Components
Resources• Salesforce Console Integration Toolkit Developers Guidehttp://www.salesforce.com/us/developer/docs/api_console/index.htm
• w3 Schools Javascript Referencehttp://www.w3schools.com/js
• Canvas Developer Guidehttp://www.salesforce.com/us/developer/docs/platform_connectpre/canvas_framework.pdf
Chad Kelly
Speaker Title,@twittername
Clement Tussiot
Speaker Title,@twittername
We want to hear from YOU!
Please take a moment to complete our session survey
Surveys can be found in the “My Agenda” portion of the Dreamforce app
Top Related