Cloudforce Sydney 2012 - Develop mobile web and hybrid apps on force.com
Upcoming SlideShare
Loading in...5
×
 

Cloudforce Sydney 2012 - Develop mobile web and hybrid apps on force.com

on

  • 2,221 views

Learn more about Mobile Web Development on Salesforce.com's Platform.

Learn more about Mobile Web Development on Salesforce.com's Platform.

This was presented during a Breakout Session at Cloudforce Sydney 2012 (http://www.salesforce.com/au/cloudforce/ ).

Statistics

Views

Total Views
2,221
Slideshare-icon Views on SlideShare
2,158
Embed Views
63

Actions

Likes
1
Downloads
49
Comments
0

4 Embeds 63

http://www.salesforce.com 60
http://opencms-stg.soma.salesforce.com 1
http://opencms-auth.soma.salesforce.com 1
http://web-auth.salesforce.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Cloudforce Sydney 2012 - Develop mobile web and hybrid apps on force.com Cloudforce Sydney 2012 - Develop mobile web and hybrid apps on force.com Presentation Transcript

    • Develop Mobile Web and HybridApps on Force.comPat PattersonPrincipal Developer Evangelist @metadaddy
    • Safe HarborSafe harbor statement under the Private Securities Litigation Reform Act of 1995: This presentation maycontain forward-looking statements that involve risks, uncertainties, and assumptions. If any such uncertaintiesmaterialize or if any of the assumptions proves incorrect, the results of salesforce.com, inc. could differmaterially from the results expressed or implied by the forward-looking statements we make. All statementsother than statements of historical fact could be deemed forward-looking, including any projections ofsubscriber growth, earnings, revenues, or other financial items and any statements regarding strategies orplans of management for future operations, statements of belief, any statements concerning new, planned, orupgraded 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 developingand delivering new functionality for our service, our new business model, our past operating losses, possiblefluctuations in our operating results and rate of growth, interruptions or delays in our Web hosting, breach ofour security measures, risks associated with possible mergers and acquisitions, the immature market in whichwe operate, our relatively limited operating history, our ability to expand, retain, and motivate our employeesand manage our growth, new releases of our service and successful customer deployment, our limited historyreselling non-salesforce.com products, and utilization and selling to larger enterprise customers. Furtherinformation on potential factors that could affect the financial results of salesforce.com, inc. is included in ourannual report on Form 10-K for the most recent fiscal year ended January 31, 2012. This document andothers 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 press releases or public statements are notcurrently available and may not be delivered on time or at all. Customers who purchase our services shouldmake the purchase decisions based upon features that are currently available. Salesforce.com, inc. assumesno obligation and does not intend to update these forward-looking statements.
    • Agenda Backdrop Salesforce.com Mobile SDK Developing Web Mobile Apps Developing Hybrid Mobile Apps Summary
    • Device Growth Is Exploding, Driven ByConsumers Source: Gartner Research; Smartphone, Tablet, and PC Forecast, December 2010.
    • And this change is happening TODAY…. > iPhone Revenue – Q1 ’12 TOTAL Microsoft Revenue – Q2 ’12 $24.42 billion $20.89 billion
    • Salesforce Has The Answer For Every MobileNeedSuite of downloadable Mobile AppExchange for Custom mobile appsapps for accessing discovering purpose-built built and customized bySalesforce data from a apps or comprehensive you or ISV partners onmobile device vertical solutions by Force.com industry
    • Platform for Mobile
    • Flexible Mobile App Development On Force.com• Rich user experience • App-like experience • Fast development cycles• Platform specific • Leverages device capabilities • Cross-platform• Proven path for mobile apps • Multiple platforms • Instant updates
    • Mobile SDK: Accelerate App DevelopmentTools for building native, hybrid, and HTML5 apps on iOS and Android OAuth2 Secure authentication and refresh token management API Wrappers Interact with Salesforce REST APIs with popular mobile platform languages App Container Embed HTML5 apps inside a container to access powerful native device functionality Secure Offline Database Store business data on a device with enterprise-class security 100% Open Source Push Notifications Developed on Github Dispatch real-time alerts directly to mobile devices
    • Native Mobile App ArchitectureSalesforce Mobile SDKFor Professional Native Developers• Focus on the application interface & logic, not the plumbing for accessing information Native API Wrappers Interact with the Salesforce REST• Integrate Salesforce functionality into APIs using native platform languages existing applications or create new cloud driven apps OAuth 2.0 Authentication and secure token• Available for iOS and Android managementPros Secure Offline• Fastest performance Database• Advanced touch gestures Store business data on a device with enterprise-class securityCons Push Notifications• Significant development effort Dispatch real-time alerts directly to mobile devices• One platform at a time
    • Mobile Web App Architecture Salesforce Web Toolkit For Web Developers • Fastest way to build mobile web apps on the force.com platform Visualforce • Take advantage of variable binding and</> Develop mobile web applications in the familiar force.com environment on tight integration with Apex a proven architecture stack • Runs100% inside the mobile browser JavaScript Remoting Invoke Apex controller methods Pros directly from a mobile application for optimized performance • Cross-platform • Fastest development and testing cycle Mobile Components Cons Reusable Visualforce based building blocks for constructing mobile apps • Limited device access through customizable components. • No secure data storage
    • Hybrid Mobile App ArchitectureSalesforce Mobile ContainerFor Professional Web Developers• Create cross-platform solutions by wrapping mobile web apps inside a native Container container OAuth 2.0• Leverage powerful HTML and JavaScript Authentication and secure token frameworks to construct rich user management interfaces Visualforce / REST API </> Direct Salesforce REST APIs directly• Available for iOS and Android { } from JavaScriptPros Secure Offline• Access native device functionality Database Store business data on a device with• App Store distribution enterprise-class securityCons Push Notifications• Apps look, but don’t always feel native Dispatch real-time alerts directly to mobile devices• Limited multi-touch gestures
    • Salesforce Supports All Technology Options
    • Developing Web(HTML5) Mobile Apps
    • ‘Mobilize’ the Warehouse application Merchandise__c Visualforce Name Price Inventory Bugatti Veyron You don’t want 5 JS Remoting Apex to know Controller Koenigsegg $1M 10 Agera Ferrari Enzo $500K 20 BMW M5 $90K 50
    • Demo
    • What did we just see? Marking a Visualforce page as HTML5 Standard HTML5/CSS/JavaScript markup JQuery Mobile + JS Remoting for data binding
    • Tips and TricksLooking like a Native App
    • Tips and TricksResponding to Orientation Change
    • Tips and Tricks Touch gestures
    • Tips and TricksTesting and debugging
    • Tips and TricksOffline and HTML5
    • Web Mobile Apps: Recap– Visualforce • JS Remoting • FieldSets Support Cross-platform– HTML5 and CSS3 + Web development Direct Updates– JS Libraries for Touch/Mobile • JQuery Mobile • Sencha Touch • iScroll No Appstore presence • Other - Limited Device Access– Salesforce Mobile Web Toolkit No Secure Storage • JS wrappers for the REST API
    • Mobile Components for Visualforce Components List Detail SplitViewBuilt on top of Visualforce Features Navigation CSS3 stylesProduces cross-platform HTML5 Tablets SmartphonesHighly customizableLightweight and fastCommunity Supported Open Source
    • DevelopingHybrid Mobile Apps
    • Hybrid Architecture Visualforce + HTML5 Salesforce Mobile SDK
    • Demo
    • Hybrid Mobile Apps: Recap Multiple Platforms– Mobile SDK – Hybrid + Native Device Access Appstore presence • Apache Cordova (PhoneGap) based container for developing Hybrid apps for Database.com and Force.com • OAuth 2.0 implementation Apps look, but don’t always - feel native • JavaScript wrappers for the REST API Limited multi-touch gestures
    • Don’t forget Native Mobile Apps! Native API Wrappers Interact with the Salesforce REST APIs using native platform languages Salesforce Mobile SDK for Native Apps OAuth 2.0 Authentication and secure token management Secure Offline Store business data on a device with enterprise-class security Push Notifications Dispatch real-time alerts directly to mobile devices
    • Three Options: Which One Is Right For You?Advanced UI interactions Web developer skillsFastest performance Access to native platformApp store distribution App store distribution Web developer skills Instant updates Unrestricted distribution
    • Mobile Development Tips
    • Mobile Development Tips Truly ‘Mobilize’ your app - Geolocation - Push Notifications - Offline - Camera/Microphone - Other
    • Mobile Development Tips Optimize, Optimize, Optimize - Minimize server round trips - JSON/REST - App cache (for web apps) - Lazy loading
    • Mobile Development Tips Focus on the core functionality and keep it simple
    • Resources– Mobile SDK Home Pagehttp://wiki.developerforce.com/MobileSDK– Mobile Components for Visualforcehttps://github.com/forcedotcom/MobileComponents– Code shown during this sessionhttp://blogs.developerforce.com/developer-relations/2012/02/mobile-sdk-webinar-recording-and-code.htmlhttp://blogs.developerforce.com/developer-relations/2012/06/developing-hybrid-apps-with-the-salesforce-mobile- sdk.html– Weinrehttp://phonegap.github.com/weinre/– HTML5 resourceshttp://diveintohtml5.info/http://www.html5rocks.comhttps://developers.facebook.com/html5/http://blogs.developerforce.com/developer-relations/2011/06/using-html5-offline-with-forcecom.html @metadaddy
    • Don’t Forget to Submit Your Survey! Stop by the registration kiosks to complete your session surveys. We have 200 KeepCups to give away as well as the chance to win a $500 iTunes voucher! Thank you!NSW Permit No. LTPS/12/05010