Cross platform mobile apps using rhomobile and jquery mobile

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

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

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

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

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

Mobile App vs Native AppMobile App Native AppsUse of advanced browsers. Make use of device characteristics.Requires very little Potential to have offlineknowledge related to capabilitiesdevice.Works on all devices Better usability because it’sirrespective of OS. device specific KUTIR CONFIDENTIAL

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

List of Cross Platform Mobile Frameworks KUTIR CONFIDENTIAL

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

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

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

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

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

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

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

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

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

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

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

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

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

Cross platform mobile apps using rhomobile and jquery mobile

by SPRITLE SOFTWARE PRIVATE LIMIT ED

Accessibility

Categories

Upload Details

Usage Rights

Statistics