native touches to your hybrid mobile apps
TRANSCRIPT
Native Touches to your Hybrid AppsLohith G N
About Me
Technical Evangelist
Microsoft MVP (ASP.NET/IIS)
@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