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

1. Building a great mobile experience
for Force.com applications
John Stevenson
Developer Evangelist
@jr0cket
Peter Chittum
Developer Evangelist
@pchittum

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.

3. Bridging the gap between mobile and enterprise data
Enterprise Data
Modern Mobile
Developers

4. Build App
with Modern
Frameworks
Connect
Customer &
Business Data
Idea
Salesforce Platform:
The Fastest Path From Idea to Connected Mobile App
Connected
Mobile Apps

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. Mobile Accelerator Program
 Provide rapid, high-touch Mobile Services training
for partners
– Appirio, Accenture, Bluewolf, Aditi, Tquila, Deloitte, Detroit
Labs
 Provides companies with qualified app building
partners
Designed for leading
consulting partners, systems
integrators, and ISVs

7. Mobile Packs
 Focus on modern web app frameworks
 Simplify data access
 Trivialize oAuth implementation
 Separate from Visualforce & Apex code

8. A simple demo using
jQuery Mobile
Building a really quick app with the jQuery mobile pack

9. Deconstructing the
jQuery Mobile app

10. jQuery Mobile Example – Script Includes

11. jQuery Mobile Visualforce – Script Includes

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 no
API 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. jQuery Mobile Example – body & pages
https://github.com/jr0cket/jquery-mobile-template

14. jQuery Mobile Visualforce – body & pages
1st jQuery Mobile page:

15. jQuery Mobile Visualforce – body & pages
2nd jQuery Mobile page:

16. jQuery Mobile aspects
 Unlike HTML pages, a jQuery file can contain multiple
pages, 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 get
performance issues
– jQuery mobile will only add the first page from any externally
linked files (jQuery Mobile idiom)

17. Book: jQuery Mobile – Up and running

18. Developing with
Angular.js

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. Thank you.
Any questions?
@forcedotcom
@pchittum @jr0cket