Bringing the Mobile Web to the Cloud

Today I’ll be explaining how Sencha’s tools can help you build mobile apps which connect to Windows Azure using the power of HTML5.

Transcript

1. Bringing the Mobile Web !
   to the Cloud!
   

   View Slide

2. Hi, I’m Art!
   •  Solutions Architect

   View Slide

3. Agenda
   • 
   Sencha
   • 
   Frameworks & Tools
   • 
   Windows Azure
   • 
   Ext.Azure
   • 
   Resources & Sample Apps
   • 
   Q&A
   

   View Slide

4. Sencha
   

   View Slide

5. Sencha, from 30,000 ft
   
   

   View Slide

6. Sencha provides frameworks
   and tools to quickly create rich
   media mobile and desktop
   applications using web
   standard technologies.
   Sencha: At a Glance
   

   View Slide

7. Build Amazing Apps

   with Web Technology!
   

   View Slide

8. Sencha Customers
   Products used by over 8,800 customers worldwide.
   Over 50% of the Fortune 100 use Sencha.
   
   
   

   View Slide

9. Sencha Products & Services
   Helping web app development from start to finish.
   Sencha Support
   Sencha Touch
   Sencha Animator Sencha Prof. Services
   Sencha Architect
   Ext GWT
   Ext JS Sencha Space
   Sencha Training
   

   View Slide

10. Rapid and easy development of rich web apps
    for the broadest range of access devices
    from IE6 to the latest tablet.
    The Sencha Mission
    

    View Slide

11. Sencha:

    Frameworks & Tools
    

    View Slide

12. One Web Platform: Everywhere
    

    View Slide

13. Ext JS JavaScript Framework for Rich Apps in Every Browser
    • 
    Code in JavaScript
    • 
    Robust object system
    • 
    MVC Model
    • 
    Comprehensive UI components
    • 
    Complex layouts & theming
    • 
    Robust data APIs
    

    View Slide

14. Sencha Touch
    • 
    HTML5 mobile framework
    • 
    Cross-browser normalization
    • 
    Offline storage proxy
    • 
    Rich animations, styling,
    • 
    and themes
    • 
    Pre-built UI components
    • 
    Touch & Orientation Events
    • 
    Accessibility
    

    View Slide

15. Sencha Architect
    •  Visual app builder
    •  Made for collaboration
    •  Build mobile or desktop
    •  Enforce best practices
    •  Powerful code editing
    

    View Slide

16. Sencha Cmd
    •  Command-line build tools
    •  Compilation
    •  Minification
    •  Ant integration
    •  Legacy browser CSS3 support
    •  Mac, Windows & Linux
    

    View Slide

17. Amazing Web Apps for Every Device
    

    View Slide

18. Windows Azure
    

    View Slide

19. Windows Azure
    

    View Slide

20. Windows Azure
    • 
    Cloud Services
    • 
    Mobile Services
    • 
    Media Services
    • 
    Web Sites
    • 
    Virtual Machines
    

    View Slide

21. Ext.Azure 1.0*
    

    View Slide

22. Ext.Azure 1.0
    • 
    Azure Mobile Services
    - Data
    - Auth
    - Push
    • 
    Azure Storage Services
    - Table
    - Blob
    

    View Slide

23. Requirements
    • 
    Sencha Touch >= 2.2.x
    • 
    Sencha Cmd >= 3.1.x
    • 
    Cordova >= 2.8.x
    

    View Slide

24. View Slide

25. View Slide

26. View Slide

27. Mobile Services: Data
    • 
    Basic CRUD operations
    • 
    Filtering / Sorting
    • 
    Custom APIs
    

    View Slide

28. View Slide

29. Mobile Services: Auth
    • 
    Auth/Login via oAuth
    
    • 
    LocalStorage caching
    • 
    Web and Hybrid (Cordova)
    

    View Slide

30. Permissions
    

    View Slide

31. Identities
    

    View Slide

32. View Slide

33. Mobile Services: Push
    • 
    Hybrid (Cordova) only
    • 
    iOS, Android, WP8
    

    View Slide

34. Push Notifications
    

    View Slide

35. View Slide

36. Storage Services: Table
    • 
    Azure Table Storage REST APIs
    

    View Slide

37. View Slide

38. Storage Services: Blob
    • 
    Azure Blob Storage REST APIs
    

    View Slide

39. View Slide

40. Resources &

    Sample Apps
    
    

    View Slide

41. Documentation
    • 
    http://senchaazuredocs.azurewebsites.net/
    

    View Slide

42. Sample Apps
    • 
    Data & Filtering
    • 
    Authentication
    • 
    Push Notifications
    • 
    Storage (Table & Blob)
    

    View Slide

43. Q / A
    
    

    View Slide

44. Thanks!
    •  Solutions Architect

    View Slide