hybrid mobile app with kendo ui mobile

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– Lohith.nagaraj@telerik.com

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