1. Salesforce Mobile Developer
Week - Karachi
Organizers
Salman Zafar @SalmanZafr cloudfollows.com
Mahmood Zubair @Mahmoodzubair1
Jaffer Ali – blogatforce.com
@Sakonent

2. Agenda
• 3:30 PM Doors open - Networking
• 4:00 PM Kickoff – (Salman Zafar)
• 4:15 PM PART 1
Discussion on Force.com Mobile Development by Abrar Haq &
Shahzob Ali
• 5:15 PM PART 2 – "Contribute to Community" by Ankit Arora
(Force.com MVP)
• 5:45 PM Distribution of gifts to cloud trivia
winners (it was held on April 6th)
• 6:00 PM Networking & Refreshment

3. Introduction to Mobile Apps on
Force.com Platform
Abrar Haq
Salesforce.com Consultant, Sakonent
@abrarsheikhsony
Shahzob Ali
Salesforce.com Consultant, Sakonent
@Shahzob

4. #SFDCDevMeetupKhi
Salesforce Platform Developer User Group - Karachi
facebook.com/KarachiSalesforceDUG
facebook.com/groups/usergroupkarachi

5. Agenda
• The Backdrop
• Introduction to Mobile Apps on Force.com
Platform
• Native / Hybrid / Web (HTML5) Mobile Apps
• Dome of Web (HTML5) Mobile Apps
• Q/A Session

6. The Cloud Is Expanding to Address
the Challenges of
the Mobile Enterprise Published
By 2017, 45% of mobile cloud services will be software as a service (SaaS)-
based solutions. Business users’ demands are already driving greater
requirements for cloud-based mobile applications beyond messaging or
relatively simple contact management and sales force automation systems
(SFA). The following graphic illustrates how mobile cloud services are
evolving by level of the cloud stack.
(Source: Gartner Research; 19 September 2012 by Phillip Redman)

7. Services in the Mobile Cloud
(Source: Gartner Research; September 2012 )

8. Salesforce Has The Answer For
Every Mobile Need
Salesforce Speaking about 3 Mobile Strategies:
• Salesforce Applications (Mobile, Touch, Chatter)
• Mobile AppExchange (Purpose build Apps and
Vertical Solutions by Industry)
• Custom Mobile Apps (Customized by You or ISV
Partners)

9. Suite of Downloadable Apps of
Salesforce
• Salesforce for Mobile
• Salesforce Touch
• Salesforce Chatter Mobile

10. AppExchange for Mobile
• Apps from Salesforce and 3rd party developers
• Apps for iOS, Android, and HTML5
• Apps for specific tasks or verticals
• Users choose the apps they want to use

11. Introduction to Mobile Apps on
Force.com Platform
Salesforce Supports All Development Options
• Native Mobile Apps
• Hybrid Mobile Apps
• Web (HTML5) Mobile Apps

12. Introduction to Mobile Apps on
Force.com Platform
(Native Mobile Apps)
• Rich user experience
• Platform specific
• Proven path for mobile apps
• Salesforce Mobile SDK
• For Professional Native Developers
• Integrate Salesforce functionality into existing applications or
create new cloud driven apps
• Available for iOS and Android

13. Introduction to Mobile Apps on
Force.com Platform
(Technologies for Native Mobile Apps)
• Native API Wrappers (JavaScript wrappers for the REST API)
• OAuth 2.0
• Secure Offline Database
• Push Notifications
More features of Salesforce Touch Platform:
• http://www2.developerforce.com/mobile?title=page/Salesfor
ce_touch_platform

14. Introduction to Mobile Apps on
Force.com Platform
(Pros & Cons for Native Mobile Apps)
Pros
• Fastest performance
• Advanced touch gestures
• Advanced UI interactions
• App store distribution
Cons
• Significant development effort
• One platform at a time

15. Introduction to Mobile Apps on
Force.com Platform
(Hybrid Mobile Apps)
• App-like experience
• Leverages device capabilities
• Multiple platforms
• Salesforce Mobile Container
• For Professional Web Developers
• Create cross-platform solutions by wrapping mobile web apps
inside a native container
• Leverage powerful HTML5 and JavaScript frameworks to
construct rich user interfaces
• Available for iOS and Android

16. Introduction to Mobile Apps on
Force.com Platform
(Technologies for Hybrid Mobile Apps)
• Native API Wrappers (JavaScript wrappers for the REST API)
• OAuth 2.0
• Visualforce
• REST API
• Secure Offline Database
• Push Notifications
• PhoneGap based container for developing Hybrid apps for
Database.com and Force.com

17. Introduction to Mobile Apps on
Force.com Platform
(Pros & Cons for Hybrid Mobile Apps)
Pros
• Multiple Platforms
• Access native device functionality
• App Store distribution
Cons
• Web developer skills
• Apps look, but don’t always feel native
• Limited multi-touch gestures

18. Introduction to Mobile Apps on
Force.com Platform
(Web - HTML5 Mobile Apps)
• Fast development cycles
• Cross-platform
• Instant updates
• Salesforce Web Toolkit
(https://github.com/developerforce/Force.com-JavaScript-REST-
Toolkit)
• For Web Developers
• Fastest way to build mobile web apps on the force.com platform
• Take advantage of variable binding and tight integration with Apex
• Runs100% inside the mobile browser

19. Introduction to Mobile Apps on
Force.com Platform
(Technologies for Web - HTML5 Mobile Apps)
• HTML5 and CSS3
• JavaScript Libraries (JQuery
Mobile, AngularJS, BackboneJS, Sencha Touch, YUI and others)
• Salesforce Mobile Web Toolkit (JavaScript wrappers for the
REST API)
• Visualforce
• JavaScript Remoting
• Static Resources

20. Introduction to Mobile Apps on
Force.com Platform
(Pros & Cons for Web - HTML5 Mobile Apps)
Pros
• Cross-platform
• Fastest development and testing cycle
• Web development
• Instant Updates
Cons
• Web developer skills
• No Appstore presence
• Unrestricted distribution
• Limited device access
• No secure data storage

21. Introduction to Mobile Apps on
Force.com Platform
Web (HTML5) Mobile App
Demo

22. Resources
- All Salesforce Mobile Resources
http://wiki.developerforce.com/page/Mobile_SDK
http://www2.developerforce.com/mobile/resources
http://www2.developerforce.com/mobile?title=page/Salesforce_touch_platf
orm
- Salesforce Mobile Webinar
http://wiki.developerforce.com/page/Webinar:_IntroMobileSDK
- Developer Force Community for Mobile
http://boards.developerforce.com/t5/Mobile/bd-p/mobile
-JQuery Mobile
http://jquerymobile.com/

23. Resources
- Web (HTML5) Apps
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
- Developing Offline Apps with Salesforce Mobile Services
http://wiki.developerforce.com/page/Developing_Offline_Apps_with_Smar
tStore
http://blogs.developerforce.com/developer-relations/2012/10/all-the-
great-dreamforce-12-developer-content-at-your-fingertips.html
- Weinre (For Hybrid Apps)
http://phonegap.github.com/weinre/

24. Resources
- JQuery Mobile in Visualforce Pages
http://wiki.developerforce.com/page/Creating_a_Mobile_Component_for_Visualforce
http://www.codeproject.com/Articles/479435/Creating-a-Mobile-Component-for-Visualforce
http://blogs.developerforce.com/developer-relations/2013/04/mobile-pack-for-jquery-
mobile.html
http://blogs.developerforce.com/developer-relations/2011/07/jquery-mobile-in-visualforce-
pages.html
http://blogs.developerforce.com/developer-relations/2012/05/cross-device-html5-apps-using-
visualforce.html
http://blogs.developerforce.com/developer-relations/2013/04/build-mobile-web-apps-with-
angular-js-and-the-salesforce-
platform.html?utm_source=twitterfeed&utm_medium=twitter&utm_campaign=Feed%3A+Sf
orceBlog+%28Force.com+Blog%29
http://wiki.developerforce.com/page/Extending_the_Force.com_Warehouse_App_to_Mobile
http://wiki.developerforce.com/page/Webinar:_Advanced_Testing_%26_Debugging_Using_the_
Developer_Console_%282013-Apr%29
http://blogs.developerforce.com/developer-relations/2012/08/developer-learning-paths-at-
dreamforce-2012.html
http://developer.force.com/content

25. Upcoming Meetups
Do not forget!
Salesforce Mobile Developer Week
http://www2.developerforce.com/mobile/developer-
week

26. Feedback
Please give us your feedback:
- Salesforce Platform Developer User Group - Karachi
http://www.linkedin.com/groups/Salesforce-Platform-Developer-User-
Group-4559899?gid=4559899&mostPopular=&trk=tyah
- Karachi Salesforce Platform Developers User Group
http://www.facebook.com/groups/usergroupkarachi/?fref=ts

27. Thank You
Questions & Answers