Developer week EMEA - Salesforce1 Mobile App overview

Salesforce1 Developer Week

Bringing developers around the world together to build mobile apps.

This is Salesforce1 platform

Two ways to build Mobile Apps

Customer-FacingMobile Services

Custom Mobile Apps

Employee-FacingOut-of-the-box

AppExchange Apps:

Dropbox Concur Evernote ServiceMax More

Custom Apps and Integrations:

SAP Oracle Everything Custom More

Sales, Service and Marketing

Accounts Cases CampaignsDashboards More

Salesforce1 Mobile App

The Salesforce1 Mobile App

“Everything” you develop In your Org is accessibleVia Salesforce1 mobile app

Download Salesforce1 Mobile App from your mobile phone

app store

i.e Apple Store, Google Play

Also viewable in a browser

yourorg.salesforce.com/one/one.app

Use Salesforce1 mobile in your browserIf you don’t have a mobile device- Can be useful for rapid testing

Note: this does not currently work in Firefox or Windows 8 browsers. Google Chrome is the recommended browser.

Introducing Salesforce1 Mobile App

Drag and drop UI customization

Notifications

Publisher Actions

You Saleslforce

Apps

Recently searched

for Objects

Chatter

Mobile Navigation(aka Left Nav)

Mobile Administration

Mobile Navigation

Page and Compact Layouts

SObject Page Layout

SObject Compact Layout

List Views

Sobject Tab New List View

Tapping an object in the Left Nav displays your List Views and your

Recent records

Also shows any custom list views you created

Expanded Lookup

Parent Sobject Compact Layout

Child SObject Page Layout

Expanded Lookup

Show additional info for Parent records

Built-in Map Integration for Accounts & Contacts

Account record populate Billing Address

or Shipping Address fields

Map icon will automatically display at the top of the detail page.

Publisher Actions

Global: Create Global Actions

Object Specific: SObject Buttons,

Links & Actions New Action

Page Layouts control which actions show in what order

Visualforce – Mobile Cards

Mobile Cards - Visualforce Pages on Record Detail

Visualforce – Publisher Actions

Visualforce Pages as Publisher Actions

(VF page extends Standard Controller for Object Specific Publisher Actions)

JavaScript Pub-Sub library available to interact with the publisher

publisher.setValidForSubmit

publisher.post

publisher.close

Visualforce in Salesforce1

<apex:page docType="html-5.0" …>

‘Available for Salesforce Mobile apps’ flag enabled

Developers are responsible for making the VF page ‘mobile ready’– Use a Responsive Design framework like Bootstrap or Mobile Design

templates

– Leverage touch and swipe events where appropriate

Use JavaScript Remoting/VF Remote Objects for better performance

Use HTML5 for device features like Geolocation and Camera access

TODO: URL for Salesforce Mobile Gallery / Mobile Packs

Visualforce – Left Nav

Visualforce Pages in Left Nav

JavaScript navigation library available

sforce.one.navigateToSObject etc.

Visualforce – Custom Publisher Action

Visualforce Pages as Custom Publisher

Actions

Standard Controller

JavaScript publisher library available

Sfdc.canvas.publisher.publish etc

Visualforce – Formula Field Link

Visualforce Pages as

Formula Field Links

Salesforce 1 App DesignSuggested approaches for configuring and customising apps for all devices

Book: Salesforce 1 Developer Guide

developer.salesforce.com

-- search for “developer guide”

Note: This book contains advice on the design of your Salesforce apps across all devices (web, tabliet, phone, etc)

www.salesforce.com/nl/events/

Developer Library, Quick Starts, Mini Hacks, etc

Heroku1 ConnectConnecting customer facing apps with your Salesforce Org

Building Customer Facing Apps on Salesforce1

This app runs on Heroku and select data is synchronized between the Heroku database and an associated Salesforce Org

Consumer Application with Heroku Connect

Case

Campaign

Product

ContactInteracti

on

Campaign

Product

ContactInteracti

on

Marketing Manager

Customer

Heroku Connect

REST

Heroku Connect Object Mapping

Summary: Salesforce1 App and Platform

Fast non-programmatic mobile app development

Many hooks available to the developer to leverage

HTML5/JS/CSS supported Visualforce Development

HTTP standards based services integration

Great for internal employee facing apps

Resources

Salesforce1 Platform Use Cases:

bit.ly/s1mobile

Salesforce1 developer resources:

developer.salesforce.com

Salesforce1 Mobile App Workshop:

http://forceworkbooks.herokuapp.com/s1mobile/

www.salesforce.com/nl/events/

Developer Library, Quick Starts, Mini Hacks, etc

Thank youJohn Stevenson @jr0cket