intro to salesforce mobile sdk: building hybrid apps webinar

26
Intro to Mobile SDK: Building Hybrid Apps July 11, 2013

Upload: salesforce-developers

Post on 15-Jan-2015

8.657 views

Category:

Technology


5 download

DESCRIPTION

The Salesforce Platform Mobile Services provides developers with tools to easily create mobile applications while leveraging existing skill sets like Visualforce, JavaScript and HTML. The open-source Salesforce Platform Mobile SDKs afford you the flexibility of building native, web and hybrid apps for iOS and Android. This webinar is the first in a series focusing on the new Mobile SDK 2.0 features and will demonstrate how the SDK to can empower your Visualforce pages to create hybrid applications - applications that can leverage native functionality even when written completely in HTML and JavaScript. Future webinars will focus on using the iOS and Android versions of the Mobile SDK. Josh and Akhilesh show developers how to take features of Mobile Services, like the jQuery Mobile Pack, and convert them to hybrid applications using the Mobile SDK 2.0. Developers will also see some of the unique features of the Mobile SDK - including new components for building your mobile interface and the ability to store information offline securely on a mobile device. Key Takeaways: Learn how to leverage your existing Visualforce and JavaScript skills to build mobile apps Use HTML and JavaScript to easily create and customize your mobile interface Leverage the Mobile SDK 2.0 to create hybrid applications that provide mobile device functionality, like secure storage and access to camera, using Visualforce pages.

TRANSCRIPT

Page 1: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

Intro to Mobile SDK: Building Hybrid Apps July 11, 2013

Page 2: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

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 intellectual property and other litigation, risks associated with 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-Q for the most recent fiscal quarter ended July 31, 2012. This 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: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

Speakers

Josh Birk Developer Evangelist @joshbirk

Akhilesh Gupta Lead Mobile Evangelist @akhileshgupta

Page 4: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

Follow Developer Force for the Latest News

@forcedotcom / #forcewebinar

Developer Force – Force.com Community

+Developer Force – Force.com Community

Developer Force

Developer Force Group

Page 5: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

§ Intro to Hybrid Applications

§ Building a Hybrid Application

§ Mobile SDK 2.0 Features for Hybrid Applications

Agenda

Page 6: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

§ This webinar assumes the following: –  Web Application Development

–  HTML, JavaScript, CSS

§ Optional: –  Salesforce Platform API

–  Apex, Visualforce

Assumptions

Page 7: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

Suite of downloadable apps for accessing Salesforce data from a mobile device

Mobile AppExchange for discovering purpose-built apps or vertical solutions by industry

Custom mobile apps designed and built by you or an ISV partner

Salesforce Has The Answer For Every Mobile Need

Page 8: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

http://developer.force.com/mobile

Salesforce Platform Mobile Services

Page 9: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

Three Mobile Development Options

Page 10: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

<html> <head> <script src=“ </head> <body>

<div id=“ </body> </html>

Hybrid Applications

Page 11: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

Native features with JavaScript

navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 25, destinationType : Camera.DestinationType.DATA_URL });

navigator.contacts.find(fields, onContactSuccess, onContactError, options);

Page 12: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

HYBRID VISUALFORCE

Page 13: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

Mobile UI Elements

<div  sf-­‐role=“detail”  sf-­‐sobject=“Contact”/>  

•  Easy to Use

•  Metadata Driven

•  Customizable

•  Open Source

Page 14: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

MOBILE UI

Page 15: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

Hybrid Remote: –  Easy access to Visualforce

–  Possible to avoid API calls

–  Dif!cult for Of"ine – Requires HTML5 Manifest

Hybrid Local: –  Pure JavaScript Development

–  Easy for Of"ine

–  Fewer Server-side calls for assets

Hybrid Local Versus Remote

Page 16: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

Accessible To Developers of All Levels

Power and Flexibility for Advanced Coders

Apps for Employees, Partners, and Customers

Native or Hybrid – Android and iOS

Salesforce Mobile SDK 2.0

•  OAuth2 •  Of"ine Datastore •  SmartSync Framework •  Hybrid Container •  API Wrappers

Page 17: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

Mobile Packs

Native HTML5 UI Widgets

Data Management

Identity

Hybrid

Secure Storage

Salesforce UI UI Elements

OAuth2 Client Library

SmartStore

Provided by OS SmartSync

Provided by OS

Roadmap

App Architecture for Mobile SDK 2.0

Page 18: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

SmartStore 2.0

Secure Of"ine Storage •  Fully encrypted database using SQLCipher •  Sits on top of SQLite •  NoSQL interface •  Store Salesforce and non-Salesforce data

SmartSQL •  Advanced SQL queries •  Object/Table joins •  Support for aggregate queries

Native and Hybrid •  iOS •  Android

Page 19: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

Model Driven Development •  De!ne high level object structure •  Track data changes •  Full CRUD operations •  Used by all Developer Packs

Flexible Queries •  Most Recently Used •  SOQL/SOSL •  SmartSQL

Of"ine Support •  View & Edit of"ine •  Data Con"ict Management •  Sits on top of SmartStore

SmartSync Framework

var  Account  =  Force.SObject.extend({  

       sObjectType:  "Account",  

       fieldlist:  [  "Id",  "Name",  "Industry",      "Phone",  "Owner.Name"]  });  

 

var  account  =  new  Account({Id:"0015000000C7yB6"});  

account.fetch();  //fill  object  

account.set("Name",  "Salesforce.com");  

account.save();  

10x code reduction over direct REST API calls

Page 20: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

DEMO: ACCOUNT EDITOR

Page 21: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

Mobile Packs

§  Jumpstart web and hybrid mobile development

§  Focus on modern JavaScript frameworks

§  Simplify Salesforce data access

§  Deploy on the Force.com platform or elsewhere (e.g. Heroku)

§  JavaScript based

§  Quick Starts and tutorials

Page 22: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

Current Mobile Packs

§  First of many mobile packs and samples

§  Open-source and community driven

Page 23: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

Get The Code

1.  VF Phone Book Unmanaged Package: http://bit.ly/mobile_vf_phonebook

2. Mobile SDK and Samples: iOS SDK Tool: https://npmjs.org/package/forceios

Android SDK Tool: https://npmjs.org/package/forcedroid

iOS SDK Repo (Code and Samples): http://bit.ly/mobilesdkios

Android SDK Repo (Code and Samples): http://bit.ly/mobilesdkdroid

Page 24: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

Next Steps for New Developers

§ Sign up for a FREE Developer Edition account –  http://developer.force.com/join

§  Install a Mobile Pack and Mobile UI Elements –  http://developer.force.com/mobile

–  http://bit.ly/mobileuielements

§  Learn the Platform –  http://developer.force.com

–  http://boards.developerforce.com

–  http://bit.ly/devcloudapps –  Quick Tutorials

–  Webinars (Intro to Force.com, Learn to Build Apps

Page 25: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

#forcewebinar

Upcoming Events

July 24, 2013 § From Sandbox to Production: Demystifying Force.com Release Management

August 7, 2013 § Salesforce API Series: Integrating Applications with Force.com

Coming Soon § Intro to Salesforce Mobile SDK: Building iOS Apps § Intro to Salesforce Mobile SDK: Building Android Apps § Salesforce API Series: Service Cloud APIs

Page 26: Intro to Salesforce Mobile SDK: Building Hybrid Apps Webinar

Q & A

#forcewebinar

Josh Birk Developer Evangelist @joshbirk

Akhilesh Gupta Lead Mobile Evangelist @akhileshgupta