Hybrid mobile app with kendo ui mobile
Download as PPTX, PDF2 likes1,659 views
This document discusses hybrid mobile application development and introduces Kendo UI Mobile. It defines a hybrid app as one that runs on a device but is written with web technologies. It leverages the device's browser engine. Kendo UI Mobile is introduced as an HTML5 framework that automatically adapts applications to different devices and platforms and allows building apps that are ready for app stores. The presenter demonstrates building a sample app with Kendo UI Mobile and takes questions at the end.
Hybrid mobile app with kendo ui mobile
- 2. Hybrid Mobile Application & Kendo UI Mobile facebook.com/telerik @telerik
- 3. 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
- 4. Agenda Mobile Building Apps Application What is Hybrid Introduction to with Kendo UI Development App ? Kendo UI Mobile Mobile Paradigms
- 5. Mobile Application Development Paradigms facebook.com/telerik @telerik
- 6. 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
- 7. What is Hybrid App ? facebook.com/telerik @telerik
- 8. 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
- 9. 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
- 10. When ? Target Multiple Mobile Platforms Take advantage of device capabilities – GeoLocation, etc. Offline usage No need of advanced graphics performance
- 11. Summary
- 12. Kendo UI - Introduction facebook.com/telerik @telerik
- 13. What is Kendo UI ? Everything you need to build HTML5 + JavaScript sites & APPS “Kendo UI solves an important problem faced by JavaScript and HTML5 developers. It delivers a unified framework backed by professional support. It's easier to learn, easier to upgrade, ultimately making it easier to build apps with HTML5.” -Todd Anglin, VP – HTML5 Web & Mobile Tools, Telerik
- 14. Kendo UI Blocks Kendo UI Kendo UI Kendo UI Web DataViz Mobile Kendo Framework Elements
- 15. Kendo Building Blocks a.k.a F/W DataSource Validation Globalization Templating MVVM Drag & Drop
- 16. Kendo UI Mobile facebook.com/telerik @telerik
- 17. What is Kendo UI Mobile ? HTML5 powered native mobile UI that automatically adapts to different devices
- 18. Native UI on Every Device
- 19. Ready for App Stores
- 21. Tablet Ready
- 23. Building Apps with Kendo UI Mobile facebook.com/telerik @telerik
- 24. DEMO facebook.com/telerik @telerik
- 25. Q&A facebook.com/telerik @telerik
- 26. 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