SlideShare a Scribd company logo
Building Desktop & Mobile Apps
with Sencha and Force.com


Ted Patrick, Sencha Inc., Evangelist
@__ted__
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.
Ted Patrick
Evangelist
@__ted__
ted@sencha.com
Building Desktop & Mobile Apps with Sencha and Force.com
pages   interactive   apps
Build Amazing Apps with Web Standards




pages                 interactive               apps
QuickTime™ and a
     H.264 decompressor
are needed to see this picture.
QuickTime™ and a
     H.264 decompressor
are needed to see this picture.
Force.com Developer
Console is built with
Sencha Ext JS

- Deep SFDC Integration
- Full API Access
- It Just Works!
QuickTime™ and a
     H.264 decompressor
are needed to see this picture.
MY APPLICATION




Sencha Touch                                   Ext JS
    Mobile                                     Desktop




                     BROWSER ENGINES

             HTML        JavaScript      CSS



                    SERVERS & SERVICES
MY APPLICATION


•   Mobile framework                             •   Desktop framework
•   Native packagingModern                       •   Cross-BrowserModern
    mobile UI                                        desktop UI




           Sencha Touch                                      Ext JS
               Mobile                                        Desktop




                                BROWSER ENGINES

                        HTML        JavaScript         CSS



                               SERVERS & SERVICES
Sencha Customers
50% of the Fortune 100 license Sencha
Build and Deploy
  in 2 Minutes!
MY APPLICATION


                  UI: Controls + Containers

             Data: Models + Stores + Connectors

             Foundation: OOP + MVC + Library




Sencha Touch                                     Ext JS
    Mobile                                        Desktop


                       BROWSER ENGINES

               HTML        JavaScript      CSS



                      SERVERS & SERVICES
MY APPLICATION


                  UI: Controls + Containers

             Data: Models + Stores + Connectors

             Foundation: OOP + MVC + Library




Sencha Touch                                     Ext JS
    Mobile                                        Desktop


                       BROWSER ENGINES

               HTML        JavaScript      CSS



                      SERVERS & SERVICES
Foundation
Class System
Packages
Inheritance
Scope Management
Class Loading
Mix-ins
Class System


Ext.define( ‘class_name’, { } );

Ext.create( ‘class_name’, { } );
Classes
Classes
Classes
MVC
Standard Library
xtype
MY APPLICATION


                  UI: Controls + Containers

             Data: Models + Stores + Connectors

             Foundation: OOP + MVC + Library




Sencha Touch                                    Ext JS
    Mobile                                        Desktop


                      BROWSER ENGINES

         HTML5             JavaScript         CSS3




                     SERVERS & SERVICES
Data
Data: Model & Stores
Data: Model & Stores
Data: Force.com
PocketCRM

  http://bit.ly/PocketCRM

 Leads Management App
APEX @RemoteMethod +
     Sencha Touch 2.0.1
Data: Model Proxy & APEX
Data: Model Proxy & APEX

                           @RemoteActio
                               n
Data: Model Proxy & APEX

                     Query
MY APPLICATION


                  UI: Controls + Containers

             Data: Models + Stores + Connectors

             Foundation: OOP + MVC + Library




Sencha Touch                                    Ext JS
    Mobile                                        Desktop


                      BROWSER ENGINES

         HTML5             JavaScript         CSS3




                     SERVERS & SERVICES
UI
Touch Components
Ext JS Components
Touch Containers
Ext JS Containers
Touch
                                  Scrolling
       QuickTime™ and a
     H.264 decompressor
are needed to see this picture.
Touch Events
Built on native events
Abstracted for performance
Additional events
Tap
Double tap
Tap and hold
Swipe
Pinch
Drag & drop
Building Desktop & Mobile Apps with Sencha and Force.com
Styling with Sass
Tooling
Sencha Architect 2.1
Sencha Eclipse Plugin
Sencha Deployment
                      Mobile       Desktop




         Web


                    Sencha Touch    Ext JS




Native Package

                    Sencha Touch    Ext JS
Get Started!
Building Desktop & Mobile Apps with Sencha and Force.com
Building Desktop & Mobile Apps with Sencha and Force.com
Slide parts

More Related Content

PDF
Sales force developer_course_outline
PDF
Dot net training bangalore
PDF
Serving Mobile Apps from Content Management Systems
PPT
Introduction to the Windows Live Platform
DOC
Web Developer
PPTX
Developing for Next Gen Identity Services
PPT
Salesforce touch
PDF
Building cross platform mobile web apps
Sales force developer_course_outline
Dot net training bangalore
Serving Mobile Apps from Content Management Systems
Introduction to the Windows Live Platform
Web Developer
Developing for Next Gen Identity Services
Salesforce touch
Building cross platform mobile web apps

What's hot (20)

PDF
An Introduction to Sencha Touch
DOCX
Jintu_UI_CV
DOCX
Kiely mitchell
PPTX
Silverlight and Advertising
PPTX
Introduction to yzs code generator
DOCX
Vaibhav Bodake-4 yrs-Salesforce
PDF
차세대 모바일 App 기술동향 컨퍼런스 - HTML5와 웹앱 동향
PDF
Artificial Intelligent: Intelligent Bot With Microsoft Bot Framework & Azure
DOCX
Mta registration
DOCX
Tasvir_UI Developer
DOCX
Bhanu Resume
PDF
Crowd Single sign-on & identity management
DOC
Partha_Sr._PHP_Drupal_UI_Developer
PPT
A Common API & UI for Building Next Generation Identity Services
PPTX
Azure Mobile Services
PPTX
Custom iPad Application Development
PDF
Building Cloud-Based Cross-Platform Mobile Web Apps
PPTX
SENCHA Web Programming Software
PPTX
Building a chat app with windows azure mobile
PDF
Atlanta Salesforce UG Meeting 2/23/2011 Symplified
An Introduction to Sencha Touch
Jintu_UI_CV
Kiely mitchell
Silverlight and Advertising
Introduction to yzs code generator
Vaibhav Bodake-4 yrs-Salesforce
차세대 모바일 App 기술동향 컨퍼런스 - HTML5와 웹앱 동향
Artificial Intelligent: Intelligent Bot With Microsoft Bot Framework & Azure
Mta registration
Tasvir_UI Developer
Bhanu Resume
Crowd Single sign-on & identity management
Partha_Sr._PHP_Drupal_UI_Developer
A Common API & UI for Building Next Generation Identity Services
Azure Mobile Services
Custom iPad Application Development
Building Cloud-Based Cross-Platform Mobile Web Apps
SENCHA Web Programming Software
Building a chat app with windows azure mobile
Atlanta Salesforce UG Meeting 2/23/2011 Symplified
Ad

Similar to Building Desktop & Mobile Apps with Sencha and Force.com (20)

PDF
Bd conf sencha touch workshop
PDF
Building Cross Platform Mobile Web Apps
KEY
Adobe MAX: Rapidly Build HTML5 Apps with Sencha Designer
PDF
HTML5 and the dawn of rich mobile web applications pt 1
KEY
End of native?
KEY
PPTX
Sencha Touch Intro - Toronto HTML5 User Group
PDF
A Snapshot of the Mobile HTML5 Revolution
PDF
Introducing Ext JS 4
PDF
Sencha Touch for Rubyists
PDF
Mobile App Development
KEY
2012 09-04 smart devcon - sencha touch 2
PDF
Cross platform mobile web apps
PDF
Hybridmobileapps 130130213844-phpapp02
KEY
100915 HTML5とか勉強会発表資料
KEY
Smart phone development
PDF
HTML5 and the dawn of rich mobile web applications
PDF
Sencha Product Overview - Applications Development Platform
PPTX
Front-end technologies for Wonderful User Experience through Websites
PPTX
Building assets on the fly with Node.js
Bd conf sencha touch workshop
Building Cross Platform Mobile Web Apps
Adobe MAX: Rapidly Build HTML5 Apps with Sencha Designer
HTML5 and the dawn of rich mobile web applications pt 1
End of native?
Sencha Touch Intro - Toronto HTML5 User Group
A Snapshot of the Mobile HTML5 Revolution
Introducing Ext JS 4
Sencha Touch for Rubyists
Mobile App Development
2012 09-04 smart devcon - sencha touch 2
Cross platform mobile web apps
Hybridmobileapps 130130213844-phpapp02
100915 HTML5とか勉強会発表資料
Smart phone development
HTML5 and the dawn of rich mobile web applications
Sencha Product Overview - Applications Development Platform
Front-end technologies for Wonderful User Experience through Websites
Building assets on the fly with Node.js
Ad

More from Salesforce Developers (20)

PDF
Sample Gallery: Reference Code and Best Practices for Salesforce Developers
PDF
Maximizing Salesforce Lightning Experience and Lightning Component Performance
PDF
Local development with Open Source Base Components
PPTX
TrailheaDX India : Developer Highlights
PDF
Why developers shouldn’t miss TrailheaDX India
PPTX
CodeLive: Build Lightning Web Components faster with Local Development
PPTX
CodeLive: Converting Aura Components to Lightning Web Components
PPTX
Enterprise-grade UI with open source Lightning Web Components
PPTX
TrailheaDX and Summer '19: Developer Highlights
PDF
Live coding with LWC
PDF
Lightning web components - Episode 4 : Security and Testing
PDF
LWC Episode 3- Component Communication and Aura Interoperability
PDF
Lightning web components episode 2- work with salesforce data
PDF
Lightning web components - Episode 1 - An Introduction
PDF
Migrating CPQ to Advanced Calculator and JSQCP
PDF
Scale with Large Data Volumes and Big Objects in Salesforce
PDF
Replicate Salesforce Data in Real Time with Change Data Capture
PDF
Modern Development with Salesforce DX
PDF
Get Into Lightning Flow Development
PDF
Integrate CMS Content Into Lightning Communities with CMS Connect
Sample Gallery: Reference Code and Best Practices for Salesforce Developers
Maximizing Salesforce Lightning Experience and Lightning Component Performance
Local development with Open Source Base Components
TrailheaDX India : Developer Highlights
Why developers shouldn’t miss TrailheaDX India
CodeLive: Build Lightning Web Components faster with Local Development
CodeLive: Converting Aura Components to Lightning Web Components
Enterprise-grade UI with open source Lightning Web Components
TrailheaDX and Summer '19: Developer Highlights
Live coding with LWC
Lightning web components - Episode 4 : Security and Testing
LWC Episode 3- Component Communication and Aura Interoperability
Lightning web components episode 2- work with salesforce data
Lightning web components - Episode 1 - An Introduction
Migrating CPQ to Advanced Calculator and JSQCP
Scale with Large Data Volumes and Big Objects in Salesforce
Replicate Salesforce Data in Real Time with Change Data Capture
Modern Development with Salesforce DX
Get Into Lightning Flow Development
Integrate CMS Content Into Lightning Communities with CMS Connect

Building Desktop & Mobile Apps with Sencha and Force.com

  • 1. Building Desktop & Mobile Apps with Sencha and Force.com Ted Patrick, Sencha Inc., Evangelist @__ted__
  • 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.
  • 5. pages interactive apps
  • 6. Build Amazing Apps with Web Standards pages interactive apps
  • 7. QuickTime™ and a H.264 decompressor are needed to see this picture.
  • 8. QuickTime™ and a H.264 decompressor are needed to see this picture.
  • 9. Force.com Developer Console is built with Sencha Ext JS - Deep SFDC Integration - Full API Access - It Just Works!
  • 10. QuickTime™ and a H.264 decompressor are needed to see this picture.
  • 11. MY APPLICATION Sencha Touch Ext JS Mobile Desktop BROWSER ENGINES HTML JavaScript CSS SERVERS & SERVICES
  • 12. MY APPLICATION • Mobile framework • Desktop framework • Native packagingModern • Cross-BrowserModern mobile UI desktop UI Sencha Touch Ext JS Mobile Desktop BROWSER ENGINES HTML JavaScript CSS SERVERS & SERVICES
  • 13. Sencha Customers 50% of the Fortune 100 license Sencha
  • 14. Build and Deploy in 2 Minutes!
  • 15. MY APPLICATION UI: Controls + Containers Data: Models + Stores + Connectors Foundation: OOP + MVC + Library Sencha Touch Ext JS Mobile Desktop BROWSER ENGINES HTML JavaScript CSS SERVERS & SERVICES
  • 16. MY APPLICATION UI: Controls + Containers Data: Models + Stores + Connectors Foundation: OOP + MVC + Library Sencha Touch Ext JS Mobile Desktop BROWSER ENGINES HTML JavaScript CSS SERVERS & SERVICES
  • 19. Class System Ext.define( ‘class_name’, { } ); Ext.create( ‘class_name’, { } );
  • 23. MVC
  • 25. xtype
  • 26. MY APPLICATION UI: Controls + Containers Data: Models + Stores + Connectors Foundation: OOP + MVC + Library Sencha Touch Ext JS Mobile Desktop BROWSER ENGINES HTML5 JavaScript CSS3 SERVERS & SERVICES
  • 27. Data
  • 28. Data: Model & Stores
  • 29. Data: Model & Stores
  • 31. PocketCRM http://bit.ly/PocketCRM Leads Management App APEX @RemoteMethod + Sencha Touch 2.0.1
  • 33. Data: Model Proxy & APEX @RemoteActio n
  • 34. Data: Model Proxy & APEX Query
  • 35. MY APPLICATION UI: Controls + Containers Data: Models + Stores + Connectors Foundation: OOP + MVC + Library Sencha Touch Ext JS Mobile Desktop BROWSER ENGINES HTML5 JavaScript CSS3 SERVERS & SERVICES
  • 36. UI
  • 41. Touch Scrolling QuickTime™ and a H.264 decompressor are needed to see this picture.
  • 42. Touch Events Built on native events Abstracted for performance Additional events Tap Double tap Tap and hold Swipe Pinch Drag & drop
  • 48. Sencha Deployment Mobile Desktop Web Sencha Touch Ext JS Native Package Sencha Touch Ext JS