Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Hybrid mobile app with kendo ui mobile

1 741 vues

Publié le

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

Publié dans : Technologie
  • Soyez le premier à commenter

Hybrid mobile app with kendo ui mobile

  1. 1. Hybrid Mobile Application &Kendo UI Mobile facebook.com/telerik @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 – http://kashyapas.com – Lohith.nagaraj@telerik.com
  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 facebook.com/telerik @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 ? facebook.com/telerik @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 facebook.com/telerik @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 facebook.com/telerik @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 facebook.com/telerik @telerik
  23. 23. DEMO facebook.com/telerik @telerik
  24. 24. Q&A facebook.com/telerik @telerik
  25. 25. Resources Kendo UI Mobile Home Page  http://www.kendoui.com/mobile.aspx Kendo UI Mobile Demos  http://demos.kendoui.com/mobile/overview/index.html Kendo UI Mobile Documentation  http://docs.kendoui.com/api/mobile Kendo UI Dojo  http://www.kendoui.com/dojo.aspx