Mobile SDK Overview

Salesforce1 World Tour, New York City

November 19th, 2014

This presentation is meant to run as a hybrid app built with the Mobile SDK on a mobile device. You can run it in the browser, but certain features will not be available. For example, taking a picture of the audience and share it on chatter ("You" slide). If you run this presentation in a browser, make sure you enable the Salesforce OAuth popup. Once you authorize the application, you'll be able to run the samples built directly into this presentation (list of contacts, etc).

Me

Christophe Coenraets

Boston, MA

@ccoenraets

http://coenraets.org

https://github.com/ccoenraets

You

What's This?

A Mobile SDK App!

What is the Mobile SDK?

Tools and APIs to build mobile apps on Salesforce1 Platform:
  • Authentication
  • Data Access
  • Offline sync
  • Push Notification

When to use the Mobile SDK?

    Platform Support

    Native
    iOS

    Native
    Android

    Hybrid
    Cordova-based

    Hybrid Apps


    Hybrid Remote vs Hybrid Local

    Hybrid Remote Hybrid Local
    UI Generation Tier Server-Side Client-Side
    Language Apex JavaScript
    Data Access Remoting REST
    Offline Support Limited Yes
    Performance Slower Faster

    Frameworks

    AngularJS

    1. MVC architecture for client app
    2. Dependency Injection
    3. Directives
    4. Data binding
    5. Templates
    1. UI Layer on top of AngularJS
    2. UI Components
    3. UI Components are AngularJS Directives
    4. UI Patterns
    5. CLI built on top of Cordova

    Let's build an app...

    Mobile SDK CLI

    npm install -g cordova forceios
forceios create
cd myapp
cordova build

    Cordova CLI with Mobile SDK Plugin

    npm install -g cordova
cordova create myapp
cd myapp
cordova plugin add https://github.com/forcedotcom/SalesforceMobileSDK-CordovaPlugin
cordova platform add ios
cordova build ios

    Ionic CLI with Salesforce Starter App

    npm install -g cordova ionic
ionic start  myapp salesforce
cd myapp
ionic platform add ios
ionic build ios
    Side Menu
    List
    Details

    Thank You!

    @ccoenraets