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.
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
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
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
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