This document discusses building hybrid mobile applications using Telerik Kendo UI. It defines hybrid apps as those written with web technologies but run natively on devices by leveraging the device's browser engine. Hybrid apps allow targeting multiple mobile platforms while still accessing device capabilities. Telerik Kendo UI is an HTML5 framework for building such hybrid mobile apps using its widgets. Telerik AppBuilder is a hybrid mobile app IDE, and it also has a Visual Studio extension to facilitate hybrid app development. The document concludes with a demo of a media player hybrid mobile app.

1. Build Hybrid Mobile Applications
with Telerik Kendo UI
Lohith G N

2. About Me
Technical Evangelist, Telerik
Microsoft MVP (ASP.NET/IIS)
BDotNet Member, Author
Twitter: @kashyapa
Email: Lohith.nagaraj@Telerik.com
www.Telerik.com
www.telerikhelper.net
http://www.kashyapas.com
http://about.me/kashyapa
Lohith G N

3. Mobile Application Development
Paradigms

4. Paradigms
• Native Apps
• xCode/Objective-C for iOS
• Eclipse/JAVA for Android
• VS/C# for Windows Phone
• Mobile Web Apps
• HTML styled to render well on a device
• Hybrid Apps
• Written with Web Technologies
• Run on Device
• Leverage device browser engine

5. What is Hybrid App ?

6. Hybrid App - 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

7. Hybrid App – How ?
• Web Browser Control
• Full screen format – Native Browser Rendering Engine
• Device capability as JS API (Cordova)
• Native Wrapper compiled around HTML/CSS/JS
• Interop Layer connects JS API with Native API’s

8. Hybrid App – When ?
• Target Multiple Mobile Platforms
• Take advantage of device capabilities
• Offline usage
• No need of advanced graphics

9. Summary

10. How is this possible ?

11. Kendo UI Mobile

12. HTML5 F/W for building Hybrid Mobile Applications

13. Kendo UI Mobile Widgets

14. Telerik AppBuilder

15. Hybrid Mobile App IDE

16. AppBuilder Visual Studio Extension
http://cdn.icenium.com/live/vs/Icenium.vsix

17. Demo
Media Player

18. Thank You !
lohith.nagaraj@Telerik.com
@kashyapa