Salesforce1: Every Developer is a Mobile Developer


Published on

If you can build an app on, you can build a mobile app today. Join us to learn more about what developers can do on this mobile platform. We'll cover Visualforce pages, JavaScript APIs, integration, and how to enable your admins by building declarative tools.

Published in: Technology
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Salesforce1: Every Developer is a Mobile Developer

  1. 1. Salesforce1: Every Developer is a Mobile Developer If you can build an app in Salesforce, you can build a mobile app today Samantha Ready,, Developer Evangelist @samantha_ready
  2. 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, 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 products, and utilization and selling to larger enterprise customers. Further information on potential factors that could affect the financial results of, 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., inc. assumes no obligation and does not intend to update these forward-looking statements.
  3. 3. Samantha Ready Developer Evangelist @samantha_ready
  4. 4. Entire Industries are Being Reinvented with Apps
  5. 5. Connect with Your Customers In a Whole New Way Connected Connected Connected Employees social Connected Partners Products mobile Customer cloud Customers
  6. 6. Salesforce Platform: Loved by Developers AND Business Users Developers Develop, package and instantly deploy apps Access rich APIs and frameworks Code in your favorite language: Ruby, Java, Apex Business Analysts Add fields, design layouts, and manage users with clicks, not code Point-and-click workflow & business logic Drag-and-drop reports and dashboards
  7. 7. The Salesforce1 Customer Platform Customer platform for connecting the next generation of apps, devices and customers Sales Cloud Service Cloud Marketing Cloud Platform Cloud . Social . Mobile . Connected AppExchange
  8. 8. Salesforce1 Platform: New APIs & Services Help You Go Faster apps Custom Apps (SDK) Salesforce1 App API’s SOAP | REST | Streaming | Bulk | Meta data | Tooling | Analytics platform Platform Services Analytics | Geolocation | Identity | Notifications | Workflow | Messaging ExactTarget Fuel infrastructure Cloud Database & Multi-Tenant Infrastructure Heroku
  9. 9. Build Employee Apps Fast with Salesforce1 App All your past investments... All Your Apps All Your CRM All Your Customizations All Your Devices Download Salesforce App today. in the future Feed First UI Notifications Platform Publisher Actions
  10. 10. Agenda Mobile Visualforce Harnessing Chatter Publisher Actions Canvas Flexible Pages
  11. 11. Mobile Visualforce: HTML5 ▪ docType=“html-5.0” standardStylesheets=“false” ▪ Add arbitrary components to Visualforce components that will be “passed through” to rendered HTML • prefix the attribute with "html-” • used to improve usability with HTML5 features such as placeholder “ghost” text, pattern client-side validation, and title help text attributes. ▪ <apex:input value=“{!ftext}” type=“email” />
  12. 12. Mobile Visualforce: Look & Feel ▪ Where can I put Visualforce Pages? • Navigation Menu • Publisher • Record Homepage ▪ Standard styling looks out of place. Solution? Mobile templates! ▪ Navigation: object • Ex:, parentRecordId) ▪ Use JS remoting for responsiveness
  13. 13. Demo Let’s look at some cool stuff!
  14. 14. Mobile Page Layouts Use the enhanced page layout editor in the full Salesforce site to customize the mobile page layout for an object 1. Record Related Information and Detail Pages a. Compact Layouts 2. Mobile Cards 1a 3. Publisher Actions 2 3
  15. 15. Mobile Cards Display Visualforce or Related Lookups 1. Record header 2. Mobile cards display above all related items 3. Set width to 100%. It sizes automatically. Mobile card content can’t be scrolled. 4. Control height from the PLE 5. Related lists display after mobile cards
  16. 16. Publisher Actions Create actions and add them to the Chatter publisher • Global vs Object Level • Create actions • Log-a-call actions • Update actions • Custom actions • VF • Canvas
  17. 17. Publisher Events: Visualforce Field Description publisher.clearPanelState Fired by the publisher when the page is deactivated or hidden. publisher.close Fired by the page to tell the publisher to close. Fired by the publisher to indicate to the page that the Submit button has been pressed. publisher.refresh Fired by the page to refresh the feed. publisher.setupPanel Fired by the publisher when the Chatter feed is initially loaded. publisher.setValidForSubmit Fired by the page to indicate to the publisher that the page is ready to submit a payload. After this the Submit button becomes active. publisher.showPanel Fired by the publisher when the user selects a page in the publisher. Indicates the page is being displayed.
  18. 18. Demo Let’s look at some cool stuff!
  19. 19. Canvas Easily integrate a third-party Web application in Salesforce1 ▪ Canvas can surface in Salesforce1 in two locations: • Global publisher action • Chatter feed item(pilot) – via the publisher – via the ConnectAPI ▪ When submitting with the Share button, you choose FeedItem type • Text • Link • Canvas app
  20. 20. Publisher Events: Canvas Field Description publisher.clearPanelState Fired by the publisher when the canvas app is deactivated or hidden. publisher.failure Fired by the publisher when an error condition is encountered (ex. invalid data submitted). publisher.getPayload Fired by the publisher when the Share button is clicked. The payload contains like the FeedItem information. publisher.setupPanel Fired by the publisher when the Chatter feed is initially loaded. publisher.setPayload Fired by the canvas app to indicate to the publisher that the content being sent to the publisher should be shared in the feed item. publisher.setValidForSubmit Fired by the canvas app to indicate to the publisher that the canvas app is ready to submit a payload. After this, the Share button becomes active. publisher.showPanel Fired by the publisher when the user selects a canvas app in the publisher. This event indicates that the canvas app is being displayed. publisher.success Fired by the publisher after the Share button is clicked and data is successfully submitted.
  21. 21. Canvas 1. 2. 3. publisher.setValidForSubmit publisher.setupPanel publisher.showPanel 4. publisher.getPayload 5. publisher.setPayload 6. publisher.success 6. publisher.failure 6. publisher.clearPanelState
  22. 22. Demo Let’s look at some cool stuff!
  23. 23. Flexible Pages If the page layout editor and Visualforce had a baby, it would be a Flexi Page ▪ A type of custom layout. ▪ Allows you to add custom items to a page ▪ Can be a home page for a third-party app ▪ Can add directly into the Salesforce1 mobile navigation
  24. 24. What can a Flexi Page contain? ▪ Components that display list views ▪ Components that display a scoped list of recently used items ▪ Global Chatter publisher actions
  25. 25. Flexi Pages vs Visualforce Why would I make a FlexiPage over Visualforce? ▪ In another release or so, Flexi Pages will be editable by a declarative tool ▪ Flexi pages have CSS built to match Salesforce1 ▪ Built with Aura components (ie no viewstate) the same framework as the rest of Salesforce1
  26. 26. Try it yourself! In the DevZone: • Quick Start Station • Salesforce1 Developer Guide • Salesforce1 Cheat Sheets Breakout Session • Mobilize Your Users with Salesforce1 - No Code Required!
  27. 27. Samantha Ready @samantha_ready Developer Evangelist,
  28. 28. 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