Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Hybrid mobile app with kendo ui mobile


Published on

Hybrid Mobile Application development with Kendo UI Mobile - presentation done as part of CSC India Learn @ Work Week

Published in: Technology
  • Be the first to comment

Hybrid mobile app with kendo ui mobile

  1. 1. Hybrid Mobile Application &Kendo UI Mobile @telerik
  2. 2. Who Am I ? Lohith G N – Developer Evangelist, Telerik India – Microsoft MVP – ASP.NET/IIS – Bangalore Dot Net (BDotNet) User Group Lead – @kashyapa – –
  3. 3. Agenda Mobile Building Apps Application What is Hybrid Introduction to with Kendo UIDevelopment App ? Kendo UI Mobile Mobile Paradigms
  4. 4. Mobile ApplicationDevelopmentParadigms @telerik
  5. 5. Paradigms Native Apps  xCode/Objective-C for iOS, Eclipse/Java for Android, VS/C# for WP Mobile Web Apps  HTML styled to render well on a device Hybrid Apps  Run on device, written with web technologies  Leverage device’s browser engine
  6. 6. What is Hybrid App ? @telerik
  7. 7. Definition Heterogeneous source Written with technology used for websites & Mobile web implementations Hosted/Runs in Native Container on device Marriage of Web Technology + Native execution
  8. 8. How ? Web View Control (UIWebView - iOS, WebView - Android/Others) Full Screen format - Native Browser rendering engine (WebKit) Abstract layer, device capabilities as JS API (Apache Cordova) Native wrapper compiled around HTML/CSS/JS – adds interop layer Interop layer connects JS API with native API’s
  9. 9. When ? Target Multiple Mobile Platforms Take advantage of device capabilities – GeoLocation, etc. Offline usage No need of advanced graphics performance
  10. 10. Summary
  11. 11. Kendo UI- Introduction @telerik
  12. 12. What is Kendo UI ?Everything you need to build HTML5 + JavaScript sites & APPS“Kendo UI solves an important problem faced by JavaScript andHTML5 developers. It delivers a unified framework backed byprofessional support. Its easier to learn, easier to upgrade, ultimatelymaking it easier to build apps with HTML5.” -Todd Anglin, VP – HTML5 Web & Mobile Tools, Telerik
  13. 13. Kendo UI Blocks Kendo UI Kendo UI Kendo UI Web DataViz Mobile Kendo Framework Elements
  14. 14. Kendo Building Blocks a.k.a F/W  DataSource  Validation  Globalization  Templating  MVVM  Drag & Drop
  15. 15. Kendo UI Mobile @telerik
  16. 16. What is Kendo UI Mobile ? HTML5 powered native mobile UI that automatically adapts to different devices
  17. 17. Native UI on Every Device
  18. 18. Ready for App Stores
  19. 19. Automatic Layout System
  20. 20. Tablet Ready
  21. 21. CompleteMobile Application Framework
  22. 22. Building Apps with Kendo UIMobile @telerik
  23. 23. DEMO @telerik
  24. 24. Q&A @telerik
  25. 25. Resources Kendo UI Mobile Home Page  Kendo UI Mobile Demos  Kendo UI Mobile Documentation  Kendo UI Dojo 