create hybrid mobile application with icenium and kendo ui mobile

facebook.com/telerik

@telerik

Create Hybrid Mobile Applications with Icenium and Kendo UI Mobile

AgendaWhat is Hybrid Application

Introducing Icenium

Introducing Kendo UI Mobile

Discussion on App Architecture

Demo

Question and Answer

Dhananjay Kumar– Customer Advocate, Telerik– Microsoft MVP – Mindcracker MVP– @debug_mode – http://debugmode.net– http://telerikhelper.net – Dhananjay.kumar@telerik.co

m

Your Presenter

Two of you may win Ninja T-shirt Winners will be announced in

follow up blog on telerikhelper.net

Giveaway

facebook.com/telerik

@telerik

App Architecture

Database

Service layer

Build using Kendo UI Mobile

Build and Package using Icenium

Different Types of Apps

Apps for Devices

Native Apps

Mobile Web Apps

Hybrid Apps

facebook.com/telerik

@telerik

Why Hybrid Apps?

iOS •Objective C•MAC

Android •Java •Eclipse

Windows Phone

•Visual Studio •C#/XAML

100 LOC

100

LOC

100

LOC

300 LOC

Development

Maintenance

facebook.com/telerik

@telerik

Hybrid App Development

CSS

JAVASCRIP

T

HTML Deploy using

Cordova

iOS Android

Windows Phone

Various Platforms

Steps for Hybrid App Development

Step 1: Create App using HTML JavaScript , CSS

Step 2: Build and Package the App using PhoneGap

Step 3: Submit the package to App Store, Market Place or Google Play

Icenium is a Cloud Based Integrated Development Environment for Cross Platform Application Development

Icenium

MIST GRAPHITE

Icenium Features Live Sync

Simulator

Github integration

Version Control

Packaging and

Publishing

Certificate Managemen

t

Code Editor

Build on Cloud

Wen Interface Development

HTML5 powered native mobile UI that automatically adapts to different devices

Built using Kendo UI Mobile ?

Native UI on Every Device

Ready for App Stores

Kendo UI FrameworkDataSou

rce Model Template

MVVM Drag OvservableObject

Node Template

OvservableArray

Validator

Draggable

Kendo UI Mobile WidgetsActionS

heetBackBut

ton Button ButtonGroup

DetailButton Layout ListView Loader

ModalView NavBar Pane PopOver

Scroller ScrollView

SplitView Switch

Swipe TabStrip View

facebook.com/telerik

@telerik

Demo App Architecture

Database

Service layer

Demo

Let us write some codes

Resources http://icenium.com

http://www.kendoui.com

http://docs.kendoui.com

http://docs.icenium.com

http://telerikhelper.net

@Telerik

@kendoui

@icenium

Questions?