build hybrid mobile applications for nokia lumia devices

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

Upload: lohith-gn

Post on 18-Dec-2014

186 views

Category:

Technology


1 download

DESCRIPTION

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

TRANSCRIPT

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