Mobilising your salesforce applications using j query mobile
1 like539 views
This document discusses mobilizing Salesforce applications using jQuery Mobile. It introduces Force.com as a cloud computing platform and mobile app development paths like native, hybrid and jQuery Mobile. It covers building mobile apps on Force.com using jQuery Mobile, including creating pages, views, and interacting with Salesforce data through CRUD operations. Code examples and a demo app are provided. Learning resources like mobile packs, JavaScript toolkit and discussion boards are also mentioned.
Mobilising your salesforce applications using j query mobile
- 1. Mobilising Your Salesforce Applications using jQuery Mobile Amit Jain @forcemantis
- 2. 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.
- 4. Agenda Introduction – Force.com Mobile App Development Paths Mobile Apps on Force.com Platform Introduction - jQuery and jQuery Mobile Hands-On Demo Q&A
- 5. Force.com Platform Cloud Computing platform as a service(PaaS) No software/hardware to manage Scalable and robust Reliable and Trusted
- 6. Mobile App Development Paths NativeNative HybridHybrid NativeNative HybridHybrid jQuery Mobile jQuery Mobile Backbone.jsBackbone.jsAngularJSAngularJS
- 7. Mobile Apps on Force.com Platform Quick learning Access to Enterprise Data Mobile SDks for iOS and Android Mobile Packs for HTML5 Apps Getting started guides
- 8. jQuery and jQuery Mobile Touch optimized UI framework HTML5, CSS3, Javascript Write once run anywhere Build over jQuery
- 9. Building Your First jQuery Mobile App Create Page and Include Resources • jQuery & jQueryMobile scripts • ForceTk.js • jQuery Mobile CSS Create Views • List View • Detail View Interact with salesforce data • CRUD Operations(Create, Read, Update, Delete)
- 10. How List view Look
- 11. How Detail view Look – Create
- 12. How Detail view Look – Edit/Delete
- 13. Getting Started with Development http://www2.developerforce.com/mobile/getting-started
- 14. Create Page and Include resources
- 15. Creating Views – List View
- 16. Creating Views – Detail View
- 17. Interacting with Salesforce data and logic ForceTk.js RemoteTK Javascript Remoting apex:actionFunction AJAX Toolkit
- 18. JavaScript REST Toolkit - CRUD
- 19. JavaScript REST Toolkit - CRUD
- 21. Learning Path Salesforce Platform Mobile Services Home Mobile Packs(jQuery Mobile, AngularJS, Backbone.js) Jquery and Jquery Mobile Javascript REST Toolkit Force.com Mobile Discussion Boards
Editor's Notes
- #2: Slide Time : 1 min Greet the audience Quick Audience Poll Developers vs. Non-Developers Mobile vs Non-Mobile Developer
- #3: Slide Time : 5 secs, standard Safe harbor statement
- #4: Slide Time : 1-2 min Quick self-introduction, A picture is worth a thousand words Profess love for Cloud Computing, Salesforce & Mobile
- #5: Slide Time : 3 min * Walkthrough the agenda items
- #6: Slide Time : 2 min * Walkthrough the development approach and major steps * Where are things that you will need
- #7: Slide Time : 3 min HTML5 enables you to use web standard technologies like HTML5, CSS, and JavaScript while offering broad cross-platform portability. Write once, run anywhere with HTML5. Choose iOS or Android to take advantage of each platform's native capabilities, including full access to the device hardware and features. You can also chose a hybrid approach that converts an HTML5 web app into native binaries for iOS and Android. Hybrid apps combine the portability of HTML5 with native device capabilities, like the camera or address book. Click on either iOS or Android to learn more about how to build hybrid apps for that platform.
- #8: Slide Time : 2 min * Walkthrough the development approach and major steps * Where are things that you will need
- #9: Slide Time : 2 min * Walkthrough the development approach and major steps * Where are things that you will need
- #10: Slide Time : 2 min * Walkthrough the development approach and major steps * Where are things that you will need
- #11: Slide Time : 1 Minute How it will look Tell about various elements on page Search Add Button Dividors
- #12: Slide Time : 1 min How our Detail page will look Various elements buttons, slider on/off, input tags, Back button
- #13: Slide Time : 30 seconds Various UI element same as pervious
- #14: Slide Time : 5 min Explain how to sign up for a new Dev Org Upload static resources Create a Page with basic code
- #15: Slide Time : 5 min Explain how to sign up for a new Dev Org Upload static resources Create a Page with basic code
- #16: Slide Time : 2 min Explain how to html to build list view
- #17: Slide Time : 3 min Walkthrough of code about detail page How easy it is to create mobile form using html tags and special data formatter properties
- #18: Slide Time : 3 mins A brief Introduction about all of these Pro/Cons of these Consume API Calls (forcetk, ajax toolkit) Doesn’t consume API Call (Remotetk, Remoting, action function) VF only (RemoteTk, actionfunction, Remoting) Action function make page heavy and slow
- #19: Slide Time : 1-2 min Explain how force.com mobile SDK CRUD operations work using force.tk Code walkthrough
- #20: Slide Time : 1-2 min Explain how force.com mobile SDK CRUD operations work using Noteprise as an example Code walkthrough
- #21: Slide Time : 3 minute with demo Demo on laptop and Ask audience to try on mobile
- #22: Slide Time : 1-2 min * Talk about further learning path to become and HTML5 app developer
- #23: Slide Time : 3 min Closing Notes Q&A