Building a great mobile experiencefor Force.com applicationsJohn StevensonDeveloper Evangelist@jr0cketPeter ChittumDevelop...
Safe harborSafe harbor statement under the Private Securities Litigation Reform Act of 1995:This presentation may contain ...
Bridging the gap between mobile and enterprise dataEnterprise DataModern MobileDevelopers
Build Appwith ModernFrameworksConnectCustomer &Business DataIdeaSalesforce Platform:The Fastest Path From Idea to Connecte...
Developing Mobile Apps with Salesforce Data Salesforce Touch– Via the browser or mobile app Native/Hybrid (Mobile SDK)– ...
Mobile Accelerator Program Provide rapid, high-touch Mobile Services trainingfor partners– Appirio, Accenture, Bluewolf, ...
Mobile Packs Focus on modern web app frameworks Simplify data access Trivialize oAuth implementation Separate from Vis...
A simple demo usingjQuery MobileBuilding a really quick app with the jQuery mobile pack
Deconstructing thejQuery Mobile app
jQuery Mobile Example – Script Includes
jQuery Mobile Visualforce – Script Includes
ForceTK.js – REST access to Force.com JavaScript access to the force.com REST API– forcetk.js – simple to use, but consum...
jQuery Mobile Example – body & pageshttps://github.com/jr0cket/jquery-mobile-template
jQuery Mobile Visualforce – body & pages1st jQuery Mobile page:
jQuery Mobile Visualforce – body & pages2nd jQuery Mobile page:
jQuery Mobile aspects Unlike HTML pages, a jQuery file can contain multiplepages, building one big DOM– <div data-role “l...
Book: jQuery Mobile – Up and running
Developing withAngular.js
Next Steps Try out the mobile packs yourself– Gain confidence in building mobile apps– Get started with jQuery Mobile, An...
Thank you.Any questions?@forcedotcom@pchittum @jr0cket
Upcoming SlideShare
Loading in …5
×

Building a great mobile experience on the force.com platforms

1,078
-1

Published on

Introducing how to get started with Mobile packs to help you on your journey to build great experiences for customers on mobile devices.

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,078
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Thanks for taking the time.Excited to tell you about what’s new with the platform.We’ve been busy – great new mobile services announcement today.
  • Reid
  • The problem is that all of these modern developers using the latest frameworks from jquery, backbone and angular js – they’re building apps that are completely disconnected from customer data. That’s why were seeing companies build these mobile apps – that are like marketing campaigns – they’re throw aways built for a single purpose and that offer no long term staying power. Not to mention – they’re not built up to the same security standards of most enterprise apps – and the CIO has no visibility into performance, governance, or security compliance.So on the one hand you have the old school platforms building these slow expensive apps that never keep up with the business…And on the other you have these cutting edge apps that are disconnected from customer data.
  • That’s where the Salesforce Platform comes in and offers the best of both worlds.It’s the fastest path from idea to mobile app.We remove all the traditional steps of building apps on legacy platforms.And give modern web developers all the latest mobile frameworks they know and love. And they can easily connect it to customer data – making the app more engaging and more useful long term to both the user and the company.Finally – apps built on the Salesforce Platform are powered by the safest, most secure and trusted enterprise platform in the market. Offering scale, security, governance, and performance visibility.The same platform over 100K businesses trust with their most prized possession – their customer and business data.
  • Salesforce TouchMobilize any existing Force.com applicationNo CodingCombine standard layouts and VisualforceNative/Hybrid (Mobile SDK)Take advantage of device capabilitiesStore data locally/offline capabilitiesHTML5 (Heroku or Visualforce)Custom UINo app store hurdlesDevice agnosticMust have an internet connection
  • Connect Salesforce Data with your Mobile Apps
  • Building a great mobile experience on the force.com platforms

    1. 1. Building a great mobile experiencefor Force.com applicationsJohn StevensonDeveloper Evangelist@jr0cketPeter ChittumDeveloper Evangelist@pchittum
    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 differ materiallyfrom the results expressed or implied by the forward-looking statements we make. All statements other than statements ofhistorical fact could be deemed forward-looking, including any projections of product or service availability, subscribergrowth, earnings, revenues, or other financial items and any statements regarding strategies or plans of management for futureoperations, statements of belief, any statements concerning new, planned, or upgraded services or technology developmentsand 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 deliveringnew functionality for our service, new products and services, 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 of our securitymeasures, the outcome of intellectual property and other litigation, risks associated with possible mergers and acquisitions, theimmature market in which we operate, our relatively limited operating history, our ability to expand, retain, and motivate ouremployees and 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. Further information on potentialfactors that could affect the financial results of salesforce.com, inc. is included in our annual report on Form 10-Q for the mostrecent fiscal quarter ended July 31, 2012. This documents and others containing important disclosures are available on the SECFilings 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 notcurrently available and may not be delivered on time or at all. Customers who purchase our services should make the purchasedecisions based upon features that are currently available. Salesforce.com, inc. assumes no obligation and does not intend toupdate these forward-looking statements.
    3. 3. Bridging the gap between mobile and enterprise dataEnterprise DataModern MobileDevelopers
    4. 4. Build Appwith ModernFrameworksConnectCustomer &Business DataIdeaSalesforce Platform:The Fastest Path From Idea to Connected Mobile AppConnectedMobile Apps
    5. 5. Developing Mobile Apps with Salesforce Data Salesforce Touch– Via the browser or mobile app Native/Hybrid (Mobile SDK)– Mobile SDK 2 to be released soon HTML5 & JavaScript frameworks– Deployed as Heroku app or VisualForce page
    6. 6. Mobile Accelerator Program Provide rapid, high-touch Mobile Services trainingfor partners– Appirio, Accenture, Bluewolf, Aditi, Tquila, Deloitte, DetroitLabs Provides companies with qualified app buildingpartnersDesigned for leadingconsulting partners, systemsintegrators, and ISVs
    7. 7. Mobile Packs Focus on modern web app frameworks Simplify data access Trivialize oAuth implementation Separate from Visualforce & Apex code
    8. 8. A simple demo usingjQuery MobileBuilding a really quick app with the jQuery mobile pack
    9. 9. Deconstructing thejQuery Mobile app
    10. 10. jQuery Mobile Example – Script Includes
    11. 11. jQuery Mobile Visualforce – Script Includes
    12. 12. ForceTK.js – REST access to Force.com JavaScript access to the force.com REST API– forcetk.js – simple to use, but consumes API calls– RemoteTK Visualforce - similar to the REST API, except noAPI calls are consumed. Force.com JavaScript REST toolkit on Github– https://github.com/developerforce/Force.com-JavaScript-REST-Toolkit JavaScript approaches with Force.com– http://blogs.developerforce.com/developer-relations/2013/03/using-javascript-with-force-com.html
    13. 13. jQuery Mobile Example – body & pageshttps://github.com/jr0cket/jquery-mobile-template
    14. 14. jQuery Mobile Visualforce – body & pages1st jQuery Mobile page:
    15. 15. jQuery Mobile Visualforce – body & pages2nd jQuery Mobile page:
    16. 16. jQuery Mobile aspects Unlike HTML pages, a jQuery file can contain multiplepages, building one big DOM– <div data-role “list-view”> … </div>– <div data-role “details-view”> … </div> VisualForce pages– Place all pages in once visual force page unless you getperformance issues– jQuery mobile will only add the first page from any externallylinked files (jQuery Mobile idiom)
    17. 17. Book: jQuery Mobile – Up and running
    18. 18. Developing withAngular.js
    19. 19. Next Steps Try out the mobile packs yourself– Gain confidence in building mobile apps– Get started with jQuery Mobile, Angular.js & Backbone.js Extend and create new packs– For your own needs– To share with the developer community
    20. 20. Thank you.Any questions?@forcedotcom@pchittum @jr0cket

    ×