Salesforce Mobile Developer
Week - Karachi
Organizers
Salman Zafar @SalmanZafr cloudfollows.com
Mahmood Zubair @Mahmoodzubair1
Jaffer Ali – blogatforce.com
@Sakonent
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
Introduction to Mobile Apps on
Force.com Platform
Abrar Haq
Salesforce.com Consultant, Sakonent
@abrarsheikhsony
Shahzob Ali
Salesforce.com Consultant, Sakonent
@Shahzob
#SFDCDevMeetupKhi
Salesforce Platform Developer User Group - Karachi
facebook.com/KarachiSalesforceDUG
facebook.com/groups/usergroupkarachi
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
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)
Services in the Mobile Cloud
(Source: Gartner Research; September 2012 )
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)
Suite of Downloadable Apps of
Salesforce
• Salesforce for Mobile
• Salesforce Touch
• Salesforce Chatter Mobile
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
Introduction to Mobile Apps on
Force.com Platform
Salesforce Supports All Development Options
• Native Mobile Apps
• Hybrid Mobile Apps
• Web (HTML5) Mobile Apps
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
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
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
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
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
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
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
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
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
Introduction to Mobile Apps on
Force.com Platform
Web (HTML5) Mobile App
Demo
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/
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/
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
Upcoming Meetups
Do not forget!
Salesforce Mobile Developer Week
http://www2.developerforce.com/mobile/developer-
week
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
Thank You
Questions & Answers

Salesforce Mobile Developer Week Meetup karachi

  • 1.
    Salesforce Mobile Developer Week- Karachi Organizers Salman Zafar @SalmanZafr cloudfollows.com Mahmood Zubair @Mahmoodzubair1 Jaffer Ali – blogatforce.com @Sakonent
  • 2.
    Agenda • 3:30 PMDoors 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 MobileApps on Force.com Platform Abrar Haq Salesforce.com Consultant, Sakonent @abrarsheikhsony Shahzob Ali Salesforce.com Consultant, Sakonent @Shahzob
  • 4.
    #SFDCDevMeetupKhi Salesforce Platform DeveloperUser 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 IsExpanding 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 theMobile Cloud (Source: Gartner Research; September 2012 )
  • 8.
    Salesforce Has TheAnswer 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 DownloadableApps 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 MobileApps on Force.com Platform Salesforce Supports All Development Options • Native Mobile Apps • Hybrid Mobile Apps • Web (HTML5) Mobile Apps
  • 12.
    Introduction to MobileApps 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 MobileApps 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 MobileApps 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 MobileApps 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 MobileApps 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 MobileApps 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 MobileApps 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 MobileApps 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 MobileApps 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 MobileApps on Force.com Platform Web (HTML5) Mobile App Demo
  • 22.
    Resources - All SalesforceMobile 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 Mobilein 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 notforget! Salesforce Mobile Developer Week http://www2.developerforce.com/mobile/developer- week
  • 26.
    Feedback Please give usyour 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.