Cloudforce Sydney 2012 - Develop mobile web and hybrid apps on


Published on

Learn more about Mobile Web Development on's Platform.

This was presented during a Breakout Session at Cloudforce Sydney 2012 ( ).

Published in: Technology, Travel
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Cloudforce Sydney 2012 - Develop mobile web and hybrid apps on

  1. 1. Develop Mobile Web and HybridApps on Force.comPat PattersonPrincipal Developer Evangelist @metadaddy
  2. 2. 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, 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 products, and utilization and selling to larger enterprise customers. Furtherinformation on potential factors that could affect the financial results of, 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., inc. assumesno obligation and does not intend to update these forward-looking statements.
  3. 3. Agenda Backdrop Mobile SDK Developing Web Mobile Apps Developing Hybrid Mobile Apps Summary
  4. 4. Device Growth Is Exploding, Driven ByConsumers Source: Gartner Research; Smartphone, Tablet, and PC Forecast, December 2010.
  5. 5. And this change is happening TODAY…. > iPhone Revenue – Q1 ’12 TOTAL Microsoft Revenue – Q2 ’12 $24.42 billion $20.89 billion
  6. 6. 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 industry
  7. 7. Platform for Mobile
  8. 8. Flexible Mobile App Development On• 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
  9. 9. 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
  10. 10. 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
  11. 11. Mobile Web App Architecture Salesforce Web Toolkit For Web Developers • Fastest way to build mobile web apps on the platform Visualforce • Take advantage of variable binding and</> Develop mobile web applications in the familiar 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
  12. 12. 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
  13. 13. Salesforce Supports All Technology Options
  14. 14. Developing Web(HTML5) Mobile Apps
  15. 15. ‘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
  16. 16. Demo
  17. 17. What did we just see? Marking a Visualforce page as HTML5 Standard HTML5/CSS/JavaScript markup JQuery Mobile + JS Remoting for data binding
  18. 18. Tips and TricksLooking like a Native App
  19. 19. Tips and TricksResponding to Orientation Change
  20. 20. Tips and Tricks Touch gestures
  21. 21. Tips and TricksTesting and debugging
  22. 22. Tips and TricksOffline and HTML5
  23. 23. 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
  24. 24. 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
  25. 25. DevelopingHybrid Mobile Apps
  26. 26. Hybrid Architecture Visualforce + HTML5 Salesforce Mobile SDK
  27. 27. Demo
  28. 28. Hybrid Mobile Apps: Recap Multiple Platforms– Mobile SDK – Hybrid + Native Device Access Appstore presence • Apache Cordova (PhoneGap) based container for developing Hybrid apps for and • OAuth 2.0 implementation Apps look, but don’t always - feel native • JavaScript wrappers for the REST API Limited multi-touch gestures
  29. 29. 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
  30. 30. 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
  31. 31. Mobile Development Tips
  32. 32. Mobile Development Tips Truly ‘Mobilize’ your app - Geolocation - Push Notifications - Offline - Camera/Microphone - Other
  33. 33. Mobile Development Tips Optimize, Optimize, Optimize - Minimize server round trips - JSON/REST - App cache (for web apps) - Lazy loading
  34. 34. Mobile Development Tips Focus on the core functionality and keep it simple
  35. 35. Resources– Mobile SDK Home Page– Mobile Components for Visualforce– Code shown during this session sdk.html– Weinre– HTML5 resources @metadaddy
  36. 36. 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