May 15, 2015
facebook.com/telerik
@telerik
Hybrid Mobile Application &Kendo UI Mobile
Lohith G N– Developer Evangelist, Telerik India– Microsoft MVP – ASP.NET/IIS– Bangalore Dot Net (BDotNet) User Group
Lead– @kashyapa– http://kashyapas.com– [email protected]
Who Am I ?
Agenda
Mobile Application
Development Paradigms
What is Hybrid App ?
Introduction to Kendo UI
Mobile
Building Apps with Kendo UI Mobile
facebook.com/telerik
@telerik
Mobile Application DevelopmentParadigms
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
Paradigms
facebook.com/telerik
@telerik
What is Hybrid App ?
Heterogeneous source
Written with technology used for websites & Mobile web implementations
Hosted/Runs in Native Container on device
Marriage of Web Technology + Native execution
Definition
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
How ?
Target Multiple Mobile Platforms
Take advantage of device capabilities – GeoLocation, etc.
Offline usage
No need of advanced graphics performance
When ?
Summary
facebook.com/telerik
@telerik
- Introduction
Kendo UI
Everything you need to build HTML5 + JavaScript sites & APPS
What is Kendo UI ?
“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
Kendo UI Blocks
Kendo Framework Elements
Kendo UI Web Kendo UI DataViz
Kendo UI Mobile
DataSource
Validation
Globalization
Templating
MVVM
Drag & Drop
Kendo Building Blocks a.k.a F/W
facebook.com/telerik
@telerik
Kendo UI Mobile
HTML5 powered native mobile UI that automatically adapts to different devices
What is Kendo UI Mobile ?
Native UI on Every Device
Ready for App Stores
Automatic Layout System
Tablet Ready
Complete Mobile Application Framework
facebook.com/telerik
@telerik
Building Apps with Kendo UI Mobile
facebook.com/telerik
@telerik
DEMO
facebook.com/telerik
@telerik
Q & A
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
Resources