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.

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

20. Automatic Layout System

21. Tablet Ready

22. Complete
Mobile Application Framework

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