1. Creating Cross Platform
Mobile Application with Data
in the Cloud
Dhananjay Kumar
Telerik
@debug_mode

2. what are we going to create ?
Data in Cloud

3. App Architecture
Data in
cloud
Service layer App

4. Agenda
Hybrid
App
Data in
Cloud
Service
layer
App

5. Different types of Apps
Apps for
Devices
Native
Apps
Mobile
Web Apps
Hybrid
Apps

6. Hybrid Apps
Hybrid
Apps HTML
JAVASCRIPT
CSS
Phone
gap or
Cordova
iOS Android
Windows
Phone
Blackberry
Access device capability
Build and
Package

7. Step 1: Create App using HTML JavaScript , CSS.
Access device capability using Phonegap
Step 2: Build and Package App using Phonegap
Step 3: distribute App from App Store, Market
Place , Google Play etc.
Hybrid Apps

8. Data in cloud
Data in cloud
Data can reside in
any cloud provider
like Amazon , Azure
etc.
Service Layer
SDK or Cloud client
Apps

9. Services
OData service
like WCF Data
Service
REST based
Service
Classical Web
Service
SOAP based
Service like WCF
SOAP service
Web API

10. Demo creating OData Service
SQL Azure
Data Model using
ADO.Net Entity
Framework
WCF Data Service with
JSON message format

11. Demo Creating App
Data in
cloud
Service layer App

12. Demo Creating App
Create DataSource
consuming Service
Create Template to
render data
Create ListView to
display data

13. Icenium
Icenium is a Cloud Based Integrated Development
Environment for Cross Platform Application Development
Icenium
MIST GRAPHITE
http://www.icenium.com/
Live Sync Simulator
Github
integration
Version Control
Packaging and
Publishing
Certificate
Management
Code Editor Build on Cloud
Wen Interface
Development

14. Kendo UI
Comprehensive HTML5/JavaScript framework for modern
web and mobile app development
Kendo UI
Web app
development
framework
Mobile app
development
framework
Rich UI widgets
for data
visualization
Server wrappers
http://www.kendoui.com/

15. Kendo UI framework
http://www.kendoui.com/
DataSource Model Template MVVM
Drag OvservableObject Node Template
OvservableArray Validator
Draggable

16. Kendo UI mobile
http://www.kendoui.com/
ActionSheet BackButton Button ButtonGroup DetailButton
Layout ListView Loader ModalView NavBar
Pane PopOver Scroller ScrollView SplitView
Switch Swipe TabStrip View

17. Thanks and Your Presenter was
 Dhananjay Kumar
– Customer Advocate, Telerik
– Microsoft MVP
– Mindcracker MVP
– @debug_mode
– http://debugmode.net
– http://telerikhelper.net
– Dhananjay.kumar@telerik.com
Dhananjay.25july@gmail.com