This document discusses cross-platform mobile application development using Rhomobile and jQuery Mobile. It provides an overview of the Rhomobile platform, how to get started with Rhodes for developing apps, and live demos of sample apps. Contact and community information is also included.

1. Cross-Platform Mobile Applications
Using JQuery Mobile and RhoMobile
Balaji D Loganathan
© Spritle Software Private Limited | http://www.spritle.com
Some of the content’s were taken from Internet

2. Agenda
• Overview of Rhomobile Platform
• Getting started with Rhodes
• Live Demo 1 – Signature App
• Live Demo 2 – ChangeBadToGood.com
• Questions
© Spritle Software Private Limited | http://www.spritle.com

3. Introduction
• Balaji D Loganathan – Founder @Spritle Software
• Worked at Switzerland and Australia
• M.S from Australia and B.E from Annamalai Uni
Spritle software: A Chennai based company
specializing in developing enterprise Web apps
using Ruby on Rails and Mobile apps using
Rhomobile
© Spritle Software Private Limited | http://www.spritle.com

4. List the Native Smart Phone Languages
Store Operating System Language
App Store IOS Objective C
Android Market Android OS Java and NDK
App World BlackBerry Java ME + custom API’s
Windows Market Place Windows Mobile and .NET, C#, Sliver light
Windows Phone
Palm App Store Palm WebOS HTML/JS/C/C++
Nokia OVI store Symbian C++ and others
KUTIR CONFIDENTIAL

5. Mobile Web Frameworks
• jQuery Mobile : Mobile HTML Framework
from JQuery
• Sencha Touch : Mobile JavaScript Framework,
counterpart to the Ext JS framework
• jQTouch : Mobile HTML Framework(Not Under
development)
KUTIR CONFIDENTIAL

6. Mobile App vs Native App
Mobile App Native Apps
Use of advanced browsers. Make use of device
characteristics.
Requires very little Potential to have offline
knowledge related to capabilities
device.
Works on all devices Better usability because it’s
irrespective of OS. device specific
KUTIR CONFIDENTIAL

7. Cross Platform Mobile App
• What ?
– Write once and build it for all SmartPhone
Operating System
• Why ?
– Building applications for each
device(iPhone, Android, Windows Mobile and
more)requires different frameworks and
languages
– Single Codebase
KUTIR CONFIDENTIAL

8. List of Cross Platform Mobile
Frameworks
KUTIR CONFIDENTIAL

9. © Spritle Software Private Limited | http://www.spritle.com

10. Rhodes - Intro
• Cross-platform mobile application
development framework
• Use your Web skill to develop native mobile
app
• Rhodes is Ruby gem
• Follows MVC Architecture
© Spritle Software Private Limited | http://www.spritle.com

11. Rhodes - Overview
• Rhodes is a framework for building cross-
platform mobile apps.
• Execute locally
• Access to all device capabilities
• Store data locally
• Synchronize to enterprise systems using
RhoConnect (RhoSync)
• Generic HTTP access (AsyncHTTP)
KUTIR CONFIDENTIAL

12. Supported Platforms
• BlackBerry
– BlackBerry 4.6, 4.7, 5.0, 6.0
– 4.2 and 4.5 are supported but database access is very
slow on these devices.
• Windows Mobile
– Windows Mobile 6.1 Professional, 6.0 Standard
• Android
– Android 1.6 and greater
• iPhone
– All versions of iPhone 3.0 or greater, iPad
KUTIR CONFIDENTIAL

13. Install Setup Create
$> gem install rhodes
$> rhodes-setup
$> rhodes app a_sample_spritle_rhodes_app
© Spritle Software Private Limited | http://www.spritle.com

14. Source
Folder
Structure
© Spritle Software Private Limited | http://www.spritle.com

15. Just like Rails app
$> rhodes model product name, price
M
V
C
© Spritle Software Private Limited | http://www.spritle.com

16. Run the App
$> rake run:android
$> rake run:iphone
$> rake run:blackberry
© Spritle Software Private Limited | http://www.spritle.com

17. Code Sample
Spritle Software Private Limited | http://www.spritle.com

18. Device Capabilities
Spritle Software Private Limited | http://www.spritle.com

19. Rhomobile Platform – Big Picture
© Spritle Software Private Limited | http://www.spritle.com

20. Live Demo 1
• Signature App
© Spritle Software Private Limited | http://www.spritle.com

21. Live Demo 2
• http://www.ChangeBadToGood.com - App
© Spritle Software Private Limited | http://www.spritle.com

22. Http://ChangeBadToGood.com code
<input type="text" id="authentication_system[email]"
name="authentication_system[email]" <%=
placeholder("Email") %> />
<input type="text"
id="authentication_system[display_name]"
name="authentication_system[display_name]" <%=
placeholder("Display name") %> />
<input type="password"
id="authentication_system[password]"
name="authentication_system[password]"
<%= placeholder("Password") %> />
© Spritle Software Private Limited | http://www.spritle.com

23. Http://ChangeBadToGood.com code
# for Camera
def new_picture
Rho::NativeToolbar.create(home_with_log
out)
settings = {:format =>
"jpg", :enable_editing => false}
Camera::take_picture(url_for(:action =>
:camera_callback), settings)
render
end
© Spritle Software Private Limited | http://www.spritle.com

24. Questions?
Contact: info@spritle.com
Join: http://groups.google.com/group/Rhomobile-india
© Spritle Software Private Limited | http://www.spritle.com

25. Got Smart Phone App Ideas?
Please visit
http://www.spritle.com/community
© Spritle Software Private Limited | http://www.spritle.com