facebook.com/telerik @telerik
Create Hybrid Mobile
Applications with Icenium and
Kendo UI Mobile
Agenda
What is Hybrid Application
Introducing Icenium
Introducing Kendo UI Mobile
Discussion on App Architecture
Demo
Ques...
 Dhananjay Kumar
– Customer Advocate, Telerik
– Microsoft MVP
– Mindcracker MVP
– @debug_mode
– http://debugmode.net
– ht...
 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
...
Different Types of Apps
Apps for
Devices
Native
Apps
Mobile
Web Apps
Hybrid
Apps
facebook.com/telerik @telerik
Why Hybrid Apps?
• Objective C
• MAC
iOS
• Java
• Eclipse
Android
• Visual Studio
• C#/XAML
...
facebook.com/telerik @telerik
Hybrid App
Development
CSS
JAVASCRIPT
HTML
Deploy using
Cordova
iOS Android
Windows
Phone
Va...
Steps for Hybrid App Development
Step 1: Create App using HTML
JavaScript , CSS
Step 2: Build and Package the
App using Ph...
Icenium is a Cloud Based Integrated Development
Environment for Cross Platform Application
Development
Icenium
MIST GRAPHI...
Icenium Features
Live Sync Simulator
Github
integration
Version
Control
Packaging
and
Publishing
Certificate
Management
Co...
 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 Framework
DataSource Model Template MVVM
Drag OvservableObject Node Template
OvservableArray Validator
Draggable
Kendo UI Mobile Widgets
ActionSheet BackButton Button ButtonGroup DetailButton
Layout ListView Loader ModalView NavBar
Pan...
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.n...
Questions?
Create Hybrid Mobile Application with Icenium and Kendo UI Mobile
Create Hybrid Mobile Application with Icenium and Kendo UI Mobile
Create Hybrid Mobile Application with Icenium and Kendo UI Mobile
Create Hybrid Mobile Application with Icenium and Kendo UI Mobile
Create Hybrid Mobile Application with Icenium and Kendo UI Mobile
Upcoming SlideShare
Loading in...5
×

Create Hybrid Mobile Application with Icenium and Kendo UI Mobile

1,983

Published on

Presentation on Create Hybrid Mobile Application with Icenium and Kendo UI Mobile

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,983
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
39
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Create Hybrid Mobile Application with Icenium and Kendo UI Mobile

  1. 1. facebook.com/telerik @telerik Create Hybrid Mobile Applications with Icenium and Kendo UI Mobile
  2. 2. Agenda What is Hybrid Application Introducing Icenium Introducing Kendo UI Mobile Discussion on App Architecture Demo Question and Answer
  3. 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. 4.  Two of you may win Ninja T-shirt  Winners will be announced in follow up blog on telerikhelper.net Giveaway
  5. 5. facebook.com/telerik @telerik App Architecture Database Service layer Build using Kendo UI Mobile Build and Package using Icenium
  6. 6. Different Types of Apps Apps for Devices Native Apps Mobile Web Apps Hybrid Apps
  7. 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. 8. facebook.com/telerik @telerik Hybrid App Development CSS JAVASCRIPT HTML Deploy using Cordova iOS Android Windows Phone Various Platforms
  9. 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. 10. Icenium is a Cloud Based Integrated Development Environment for Cross Platform Application Development Icenium MIST GRAPHITE
  11. 11. Icenium Features Live Sync Simulator Github integration Version Control Packaging and Publishing Certificate Management Code Editor Build on Cloud Wen Interface Development
  12. 12.  HTML5 powered native mobile UI that automatically adapts to different devices Built using Kendo UI Mobile ?
  13. 13. Native UI on Every Device
  14. 14. Ready for App Stores
  15. 15. Kendo UI Framework DataSource Model Template MVVM Drag OvservableObject Node Template OvservableArray Validator Draggable
  16. 16. Kendo UI Mobile Widgets ActionSheet BackButton Button ButtonGroup DetailButton Layout ListView Loader ModalView NavBar Pane PopOver Scroller ScrollView SplitView Switch Swipe TabStrip View
  17. 17. facebook.com/telerik @telerik Demo App Architecture Database Service layer
  18. 18. Demo Let us write some codes
  19. 19. Resources http://icenium.com http://www.kendoui.com http://docs.kendoui.com http://docs.icenium.com http://telerikhelper.net @Telerik @kendoui @icenium
  20. 20. Questions?
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×