The document discusses creating native mobile apps across devices using Rhodes and PhoneGap. Rhodes allows developing native apps using web technologies that can run on any device and work offline. It has a model-view-controller architecture. PhoneGap is also an open source framework for building cross-platform mobile apps using HTML, CSS, and JavaScript. Both make it possible to write code once and deploy apps to various mobile operating systems. The document provides details on features, platforms supported, and best practices for cross-platform mobile development.

1. Creating native apps across devices in minutes
Ankit Shandilya

2.  Cell phones are the next
major computing
platform
 Today's Smartphone
have equivalent
capabilities to high-end
computers 5 years ago.
 Paradigm shift from to
convert major web apps
to mobile apps.
Source : http://www.gigaom.com

3. Web Apps Native apps
 Use of advance
browsers.
 Requires very little
knowledge related to
device.
 Works on all devices
irrespective of OS.
 Make use of device
characteristics.
 Potential to have
offline capabilities.
 Better usability coz’ its
device specific.

4.  Too many kinds of devices.
 Varied user interface styles: resolutions, input
modes.
 Very little penetration in enterprise solutions
like email.
Solution on next
slide …

5.  Rhodes
 Rhosync
 Rhohub
 Rhogallery
• Create client application
•Includes sync capabilities
• Build apps in cloud
• Managing your apps

6.  Cross platform:
write once, run on
any device
 Works anywhere:
when
connected, when
disconnected
 MVC : Model View
Controller
architecture
Rhodes Legacy Providers Other Framework
Support all Smart Phone Yes No No
Native UI Yes Yes Yes
App Language Standard Proprietary Standard
Model View Controller Yes No No
Barcode/Signature Capture Yes Yes No
HTML5 Yes No Yes
Support all OS Yes No No
MetaData Yes No No
Sync Yes No No
Native Push API Yes No No
Hosting Facility Yes No No
Source : www.rhomobile.com

8.  Install Rhodes
 Generate Rhodes controllers for your data
models
 Edit the views for your controller actions
 Test your application

9.  Application in 2mins
 Connecting rails & rhomobile
 Agile application using Metadata
25 mins to go ;)

10.  A platform to create native apps
 using web technologies
 A JavaScript library
 A native library for every platform
 Compilation helpers

11.  Open Source
 Multi-platform
 Latests -even future- standards
 First class apps

12.  PhoneGap is not a UI framework
 PhoneGap doesn’t compile
 Every platform need its own compilation
 HTML5/CSS3 compatibility varies
 PhoneGap doesn’t include a browser
and or a rendering engine

13.  iOS (iPhone y iPad)
 Android
 BlackBerry 4.x, - 7
 webOS
 Symbian
 Samsung Bada
 Windows Phone 7.5

14.  BlackBerry PlayBook
 Meego 1.2 Harmattan (Nokia N9)

15.  Apple AppStore
 Android Market, Amazon AppStore
 AppWorld
 AppCatalog
 Nokia Store
 Samsung Apps
 Windows Marketplace

16.  Accelerometer
 Camera (video/photo)
 Compass
 Contacts
 File Management

17.  Geolocation
 Multimedia
 Network Information
 Notification
 Storage

19.  Simulators and Emulators
(www.mobilexweb.com/emulators)
 Real devices
 Ripple Simulator
 Can we use a desktop browser?

21. we are using the browser
engine... So
why package it?

22. is it safe to use an
embedded web
view?

23.  .

24.  Screen sizes & orientations
 DPIs
 User Interface - should we emulate native UI?
 Performance & JavaScript Best
 Practices

25.  Native code to add more support
 Every platform should have its native code
 We need a plugin community

27. Advices
Try to maintain one source code
Embrace differences
Best experience for every platform
Define CSS and JavaScript per platform for
porting