This document discusses how to create hybrid mobile applications using Icenium and Kendo UI Mobile. It begins with an agenda and introduction of the presenter. It then covers the basics of hybrid apps, introducing Icenium as a cloud-based IDE and Kendo UI Mobile for building cross-platform UIs. The document demonstrates an example app architecture and shows the steps to develop a hybrid app. It highlights features of Icenium and widgets in Kendo UI Mobile before concluding with a demo and Q&A section.

1. facebook.com/telerik @telerik
Create Hybrid Mobile
Applications with Icenium and
Kendo UI Mobile

2. Agenda
What is Hybrid Application
Introducing Icenium
Introducing Kendo UI Mobile
Discussion on App Architecture
Demo
Question and Answer

3.  Dhananjay Kumar
– Customer Advocate, Telerik
– Microsoft MVP
– Mindcracker MVP
– @debug_mode
– http://debugmode.net
– http://telerikhelper.net
– Dhananjay.kumar@telerik.com
Your Presenter

4.  Two of you may win Ninja T-shirt
 Winners will be announced in follow
up blog on telerikhelper.net
Giveaway

5. facebook.com/telerik @telerik
App Architecture
Database
Service
layer
Build using Kendo UI
Mobile
Build and Package using
Icenium

6. Different Types of Apps
Apps for
Devices
Native
Apps
Mobile
Web Apps
Hybrid
Apps

7. facebook.com/telerik @telerik
Why Hybrid Apps?
• Objective C
• MAC
iOS
• Java
• Eclipse
Android
• Visual Studio
• C#/XAML
Windows
Phone
100
LOC
100
LOC
100
LOC
300
LOC
Development
Maintenance

8. facebook.com/telerik @telerik
Hybrid App
Development
CSS
JAVASCRIPT
HTML
Deploy using
Cordova
iOS Android
Windows
Phone
Various Platforms

9. 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

10. Icenium is a Cloud Based Integrated Development
Environment for Cross Platform Application
Development
Icenium
MIST GRAPHITE

16. Icenium Features
Live Sync Simulator
Github
integration
Version
Control
Packaging
and
Publishing
Certificate
Management
Code Editor
Build on
Cloud
Wen Interface
Development

17.  HTML5 powered native mobile UI that automatically adapts to
different devices
Built using Kendo UI Mobile ?

18. Native UI on Every Device

19. Ready for App Stores

20. Kendo UI Framework
DataSource Model Template MVVM
Drag OvservableObject Node Template
OvservableArray Validator
Draggable

21. Kendo UI Mobile Widgets
ActionSheet BackButton Button ButtonGroup DetailButton
Layout ListView Loader ModalView NavBar
Pane PopOver Scroller ScrollView SplitView
Switch Swipe TabStrip View

22. facebook.com/telerik @telerik
Demo App Architecture
Database
Service
layer

23. Demo
Let us write some
codes

24. Resources
http://icenium.com
http://www.kendoui.com
http://docs.kendoui.com
http://docs.icenium.com
http://telerikhelper.net
@Telerik
@kendoui
@icenium

25. Questions?