18
Build Hybrid Mobile Applications with Telerik Kendo UI Lohith G N

Build Hybrid Mobile Applications for Nokia Lumia Devices

Embed Size (px)

DESCRIPTION

Slide deck from my webinar "Build Hybrid Mobile Applications for Nokia Lumia Devices" which was held on Jun 19 2014

Citation preview

Page 1: Build Hybrid Mobile Applications for Nokia Lumia Devices

Build Hybrid Mobile Applicationswith Telerik Kendo UI

Lohith G N

Page 2: Build Hybrid Mobile Applications for Nokia Lumia Devices

About Me

Technical Evangelist, Telerik

Microsoft MVP (ASP.NET/IIS)

BDotNet Member, Author

Twitter: @kashyapa

Email: [email protected]

www.Telerik.com

www.telerikhelper.net

http://www.kashyapas.com

http://about.me/kashyapa

Lohith G N

Page 3: Build Hybrid Mobile Applications for Nokia Lumia Devices

Mobile Application Development Paradigms

Page 4: Build Hybrid Mobile Applications for Nokia Lumia Devices

Paradigms

• Native Apps• xCode/Objective-C for iOS• Eclipse/JAVA for Android• VS/C# for Windows Phone

• Mobile Web Apps• HTML styled to render well on a device

• Hybrid Apps• Written with Web Technologies• Run on Device• Leverage device browser engine

Page 5: Build Hybrid Mobile Applications for Nokia Lumia Devices

What is Hybrid App ?

Page 6: Build Hybrid Mobile Applications for Nokia Lumia Devices

Hybrid App - 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

Page 7: Build Hybrid Mobile Applications for Nokia Lumia Devices

Hybrid App – How ?

• Web Browser Control

• Full screen format – Native Browser Rendering Engine

• Device capability as JS API (Cordova)

• Native Wrapper compiled around HTML/CSS/JS

• Interop Layer connects JS API with Native API’s

Page 8: Build Hybrid Mobile Applications for Nokia Lumia Devices

Hybrid App – When ?

• Target Multiple Mobile Platforms

• Take advantage of device capabilities

• Offline usage

• No need of advanced graphics

Page 9: Build Hybrid Mobile Applications for Nokia Lumia Devices

Summary

Page 10: Build Hybrid Mobile Applications for Nokia Lumia Devices

How is this possible ?

Page 11: Build Hybrid Mobile Applications for Nokia Lumia Devices

Kendo UI Mobile

Page 12: Build Hybrid Mobile Applications for Nokia Lumia Devices

HTML5 F/W for building Hybrid Mobile Applications

Page 13: Build Hybrid Mobile Applications for Nokia Lumia Devices

Kendo UI Mobile Widgets

Page 14: Build Hybrid Mobile Applications for Nokia Lumia Devices

Telerik AppBuilder

Page 15: Build Hybrid Mobile Applications for Nokia Lumia Devices

Hybrid Mobile App IDE

Page 16: Build Hybrid Mobile Applications for Nokia Lumia Devices

AppBuilder Visual Studio Extension

http://cdn.icenium.com/live/vs/Icenium.vsix

Page 17: Build Hybrid Mobile Applications for Nokia Lumia Devices

DemoMedia Player