If you can build an app on Force.com, 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.

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, Salesforce.com, Developer Evangelist
@samantha_ready

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. Samantha Ready
Developer Evangelist
@samantha_ready

4. Entire Industries are Being Reinvented with Apps

5. Connect with Your Customers In a Whole New Way
Connected
Connected
Connected
Employees
social
Connected
Partners
Products
mobile
Customer
cloud
Customers

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. 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. 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
Force.com
Cloud Database & Multi-Tenant Infrastructure
Heroku

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.
...now in the future
Feed First UI
Notifications
Platform
Publisher
Actions

10. Agenda
Mobile Visualforce
Harnessing Chatter Publisher Actions
Force.com Canvas
Flexible Pages

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. 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: sforce.one object
• Ex: sforce.one.navigateToRelatedList(relatedListId, parentRecordId)
▪ Use JS remoting for responsiveness

13. Demo
Let’s look at some
cool stuff!

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. 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. 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. 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.
publisher.post
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. Demo
Let’s look at some
cool stuff!

19. Force.com 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. 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. Force.com 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. Demo
Let’s look at some
cool stuff!

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. 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. 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. 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. Samantha Ready
@samantha_ready
Developer Evangelist,
Salesforce.com

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