+ All Categories
Home > Technology > Salesforce1: Every Developer is a Mobile Developer

Salesforce1: Every Developer is a Mobile Developer

Date post: 21-Jan-2015
Category:
Upload: salesforce-developers
View: 627 times
Download: 1 times
Share this document with a friend
Description:
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.
29
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
Transcript
Page 1: Salesforce1: Every Developer is a Mobile Developer

Salesforce1: Every Developer is a Mobile DeveloperIf you can build an app in Salesforce, you can build a mobile app today

Samantha Ready, Salesforce.com, Developer Evangelist@samantha_ready

Page 2: Salesforce1: Every Developer is a Mobile Developer

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.

Page 3: Salesforce1: Every Developer is a Mobile Developer

Samantha ReadyDeveloper Evangelist@samantha_ready

Page 4: Salesforce1: Every Developer is a Mobile Developer

Entire Industries are Being Reinvented with Apps

Page 5: Salesforce1: Every Developer is a Mobile Developer

Connect with Your Customers In a Whole New Way

Connected

Partners

Connected

Employees

Connected

Customers

Customer

Connected

Products

cloudmobilesocial

Page 6: Salesforce1: Every Developer is a Mobile Developer

Salesforce Platform: Loved by Developers AND Business Users

Develop, package and instantly deploy apps

Access rich APIs and frameworks

Code in your favorite language: Ruby, Java, Apex

Add fields, design layouts, and manage users with clicks, not code

Point-and-click workflow & business logic

Drag-and-drop reports and dashboards

Business AnalystsDevelopers

Page 7: Salesforce1: Every Developer is a Mobile Developer

The Salesforce1 Customer PlatformCustomer platform for connecting the next generation of apps, devices and customers

Cloud . Social . Mobile . Connected

Sales Cloud Service Cloud Marketing Cloud AppExchange

Platform

Page 8: Salesforce1: Every Developer is a Mobile Developer

Salesforce1 AppCustom Apps (SDK)

ExactTarget Fuel

Cloud Database & Multi-Tenant Infrastructure

apps

platform

infrastructure

Platform Services Analytics | Geolocation | Identity | Notifications | Workflow | Messaging

Force.com Heroku

API’sSOAP | REST | Streaming | Bulk | Meta data | Tooling | Analytics

Salesforce1 Platform: New APIs & Services Help You Go Faster

Page 9: Salesforce1: Every Developer is a Mobile Developer

Build Employee Apps Fast with Salesforce1 App

All your past investments...

Feed First UI

Notifications Platform

Publisher Actions

...now in the future

Download Salesforce App today.

All Your Customizations

All Your Devices

All Your CRM

All Your Apps

Page 10: Salesforce1: Every Developer is a Mobile Developer

AgendaMobile VisualforceHarnessing Chatter Publisher ActionsForce.com CanvasFlexible Pages

Page 11: Salesforce1: Every Developer is a Mobile Developer

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” />

Page 12: Salesforce1: Every Developer is a Mobile Developer

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

Page 13: Salesforce1: Every Developer is a Mobile Developer

DemoLet’s look at somecool stuff!

Page 14: Salesforce1: Every Developer is a Mobile Developer

Mobile Page LayoutsUse the enhanced page layout editor in the full Salesforce site to customize the mobile page layout for an object1. Record Related Information and Detail Pages

a. Compact Layouts

2. Mobile Cards3. Publisher Actions

1a

23

Page 15: Salesforce1: Every Developer is a Mobile Developer

Mobile CardsDisplay 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

Page 16: Salesforce1: Every Developer is a Mobile Developer

Publisher ActionsCreate actions and add them to the Chatter publisher• Global vs Object Level

• Create actions• Log-a-call actions• Update actions• Custom actions

• VF • Canvas

Page 17: Salesforce1: Every Developer is a Mobile Developer

Publisher Events: VisualforceField 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.

Page 18: Salesforce1: Every Developer is a Mobile Developer

DemoLet’s look at somecool stuff!

Page 19: Salesforce1: Every Developer is a Mobile Developer

Force.com CanvasEasily 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

Page 20: Salesforce1: Every Developer is a Mobile Developer

Publisher Events: CanvasField Descriptionpublisher.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.

Page 21: Salesforce1: Every Developer is a Mobile Developer

Force.com Canvas1. publisher.setupPanel2. publisher.showPanel

3. publisher.setValidForSubmit4. publisher.getPayload

5. publisher.setPayload

6. publisher.success6. publisher.failure6. publisher.clearPanelState

Page 22: Salesforce1: Every Developer is a Mobile Developer

DemoLet’s look at somecool stuff!

Page 23: Salesforce1: Every Developer is a Mobile Developer

Flexible PagesIf 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

Page 24: Salesforce1: Every Developer is a Mobile Developer

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

Page 25: Salesforce1: Every Developer is a Mobile Developer

Flexi Pages vs VisualforceWhy 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

Page 26: Salesforce1: Every Developer is a Mobile Developer

Try it yourself!In the DevZone:• Quick Start Station• Salesforce1 Developer Guide• Salesforce1 Cheat SheetsBreakout Session• Mobilize Your Users with Salesforce1 - No Code Required!

Page 27: Salesforce1: Every Developer is a Mobile Developer

Samantha Ready@samantha_readyDeveloper Evangelist,

Salesforce.com

Page 28: Salesforce1: Every Developer is a Mobile Developer

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

Page 29: Salesforce1: Every Developer is a Mobile Developer

Recommended