Create Hybrid Mobile Application with Icenium and Kendo UI Mobile
-
Upload
dhananjay-kumar -
Category
Education
-
view
1.946 -
download
2
description
Transcript of 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 – [email protected]
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?