native touches to your hybrid mobile apps

Native Touches to your Hybrid AppsLohith G N

About Me

Technical Evangelist

Microsoft MVP (ASP.NET/IIS)

lohith.nagaraj@telerik.com

@kashyapa

http://www.kashyapas.com

http://www.telerikhelper.net

Lohith G N

http://www.telerik.com

Agenda

• Hybrid Apps - Introduction

• Lap around Kendo UI Mobile

• Cordova Plugins for Native Features

• Demo

Hybrid AppsWhat’s a Hybrid ?

Swiss Knife Image Courtesy: James Case

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

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

When ?

Target Multiple Mobile Platforms

Take advantage of device capabilities – GeoLocation, etc.

Offline usage

No need of advanced graphics performance

®

Let's talk Mobile ...

Use Web skills to make Mobile Apps!

Kendo UI MobileBuild Hybrid or Mobile Web apps

Completely Open Source & Free!

Bower install to any project

Has Angular Directives to render

Totally Cross-Platform

Hybrid Mobile AppsKendo UI Mobile powered

Best with AppBuilder

Use Cordova Plugins for Native API

Respective App Store

presence

Remember the UI WidgetsA complete application toolset for building hybrid and mobile web applications

ActionSheet

ButtonGroup

Drawer

Forms

ListView

MobileButton

ModalView

NavBar

PopOver

Scroller

ScrollView

SplitView

Switch

TabStrip

Kendo UI MobileFlexibility for Developers

Plays well with others

Offline capabilities Flat Themes

OS Adaptive Rendering

Something for everyone

Kendo UI CoreApplication Framework | Web | Mobile | Completely Free

Kendo UI ProfessionalEnterprise UI | Licensed per Developer | Support & Maintenance

Native Touches

Cordova Plugins

• Bridge between HTML & Native Layer

• Invoke Native things using Plugins

• Native Behaviors & Controls can be used in Hybrid Apps

Plugins we will see today

• Notification

• ActionSheet

• Social Sharing

• Toast

Demo

Thanks !

Lohith.Nagaraj@Telerik.com