Develop mobile web and hybrid apps on Force.com

2,553 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,553
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
81
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Develop mobile web and hybrid apps on Force.com

  1. 1. Develop Mobile Web and HybridApps on Force.comSandeep BhanotSenior Developer Evangelist @cloudysan
  2. 2. Safe HarborSafe 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 suchuncertainties materialize 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 statements other thanstatements 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 ofmanagement for future operations, statements of belief, any statements concerning new, planned, or upgraded servicesor 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 anddelivering new functionality for our service, new products and services, our new business model, our past operatinglosses, 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 possiblemergers and acquisitions, the immature market in which we operate, our relatively limited operating history, our ability toexpand, retain, and motivate our employees and manage our growth, new releases of our service and successfulcustomer deployment, our limited history reselling non-salesforce.com products, and utilization and selling to largerenterprise 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, 2011. This documents andothers containing important disclosures are available on the SEC Filings section of the Investor Information section of ourWeb site.Any unreleased services or features referenced in this or other presentations, press releases or public statements are notcurrently available and may not be delivered on time or at all. Customers who purchase our services should make thepurchase decisions based upon features that are currently available. Salesforce.com, inc. assumes no obligation anddoes not intend to update these forward-looking statements.
  3. 3. Agenda§  The Backdrop§  The Salesforce.com 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 Force.com industry
  7. 7. Platform for Mobile
  8. 8. 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
  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•  Integrate Salesforce functionality into Interact with the Salesforce REST existing applications or create new cloud APIs using native platform languages driven apps•  Available for iOS and Android OAuth 2.0 Authentication and secure tokenPros management•  Fastest performance Secure Offline•  Advanced touch gestures Database Store business data on a device withCons enterprise-class security•  Significant development effort Push Notifications•  One platform at a time Dispatch real-time alerts directly to mobile devices
  11. 11. 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
  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__cVisualforce 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. Developing Hybrid 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 •  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
  29. 29. Don’t forget Native Mobile Apps! Native API Wrappers Interact with the Salesforce REST APIs using native platform languagesSalesforce 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. Don’t Forget to Submit Your Survey! Please stop by the registrationkiosks to complete your session surveys - Each survey returned enters you to win one of 8 £250 gift cards Thank you!
  36. 36. Resources–  Mobile SDK Home Page http://wiki.developerforce.com/MobileSDK–  Mobile Components for Visualforce https://github.com/forcedotcom/MobileComponents–  Code shown during this session http://blogs.developerforce.com/developer-relations/2012/02/mobile-sdk-webinar-recording-and- code.html–  Weinre http://phonegap.github.com/weinre/–  HTML5 resources http://diveintohtml5.info/ http://www.html5rocks.com https://developers.facebook.com/html5/ http://blogs.developerforce.com/developer-relations/2011/06/using-html5-offline-with-forcecom.html @cloudysan

×