Cross-Platform Mobile ApplicationsUsing JQuery Mobile and RhoMobile        Balaji D Loganathan         © Spritle Software ...
Agenda•   Overview of Rhomobile Platform•   Getting started with Rhodes•   Live Demo 1 – Signature App•   Live Demo 2 – Ch...
Introduction• Balaji D Loganathan – Founder @Spritle Software• Worked at Switzerland and Australia• M.S from Australia and...
List the Native Smart Phone LanguagesStore                  Operating System            LanguageApp Store              IOS...
Mobile Web Frameworks• jQuery Mobile : Mobile HTML Framework  from JQuery• Sencha Touch : Mobile JavaScript Framework,  co...
Mobile App vs Native AppMobile App                Native AppsUse of advanced browsers. Make use of device                 ...
Cross Platform Mobile App• What ?  – Write once and build it for all SmartPhone    Operating System• Why ?  – Building app...
List of Cross Platform Mobile         Frameworks                   KUTIR CONFIDENTIAL
© Spritle Software Private Limited | http://www.spritle.com
Rhodes - Intro• Cross-platform mobile application  development framework• Use your Web skill to develop native mobile  app...
Rhodes - Overview• Rhodes is a framework for building cross-  platform mobile apps.• Execute locally• Access to all device...
Supported Platforms• BlackBerry  – BlackBerry 4.6, 4.7, 5.0, 6.0  – 4.2 and 4.5 are supported but database access is very ...
Install       Setup                             Create$> gem install rhodes                 $> rhodes-setup    $> rhodes a...
Source                        Folder                       Structure© Spritle Software Private Limited | http://www.spritl...
Just like Rails app$> rhodes model product name, price                                                      M             ...
Run the App$> rake run:android$> rake run:iphone$> rake run:blackberry      © Spritle Software Private Limited | http://ww...
Code Sample     Spritle Software Private Limited | http://www.spritle.com
Device Capabilities                      Spritle Software Private Limited | http://www.spritle.com
Rhomobile Platform – Big Picture               © Spritle Software Private Limited | http://www.spritle.com
Live Demo 1• Signature App                  © Spritle Software Private Limited | http://www.spritle.com
Live Demo 2• http://www.ChangeBadToGood.com - App                  © Spritle Software Private Limited | http://www.spritle...
Http://ChangeBadToGood.com code          <input type="text" id="authentication_system[email]"                    name="aut...
Http://ChangeBadToGood.com code          # for Camera          def new_picture          Rho::NativeToolbar.create(home_wit...
Questions?          Contact: info@spritle.comJoin: http://groups.google.com/group/Rhomobile-india                         ...
Got Smart Phone App Ideas?           Please visithttp://www.spritle.com/community              © Spritle Software Private ...
Upcoming SlideShare
Loading in …5
×

Cross platform mobile apps using rhomobile and jquery mobile

2,929 views

Published on

Cross platform mobile apps using rhomobile and jquery mobile

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

No Downloads
Views
Total views
2,929
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • Apple IOS : C, Objective CGoogle Android : JavaRIM Blackberry : Java(J2me flavoured)Windows Mobile : .NETWindows 7 Phone : .NET
  • Cross platform mobile apps using rhomobile and jquery mobile

    1. 1. 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
    2. 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. 3. 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
    4. 4. 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
    5. 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. 6. 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
    7. 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. 8. List of Cross Platform Mobile Frameworks KUTIR CONFIDENTIAL
    9. 9. © Spritle Software Private Limited | http://www.spritle.com
    10. 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. 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. 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. 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. 14. Source Folder Structure© Spritle Software Private Limited | http://www.spritle.com
    15. 15. Just like Rails app$> rhodes model product name, price M V C © Spritle Software Private Limited | http://www.spritle.com
    16. 16. Run the App$> rake run:android$> rake run:iphone$> rake run:blackberry © Spritle Software Private Limited | http://www.spritle.com
    17. 17. Code Sample Spritle Software Private Limited | http://www.spritle.com
    18. 18. Device Capabilities Spritle Software Private Limited | http://www.spritle.com
    19. 19. Rhomobile Platform – Big Picture © Spritle Software Private Limited | http://www.spritle.com
    20. 20. Live Demo 1• Signature App © Spritle Software Private Limited | http://www.spritle.com
    21. 21. Live Demo 2• http://www.ChangeBadToGood.com - App © Spritle Software Private Limited | http://www.spritle.com
    22. 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. 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. 24. Questions? Contact: info@spritle.comJoin: http://groups.google.com/group/Rhomobile-india © Spritle Software Private Limited | http://www.spritle.com
    25. 25. Got Smart Phone App Ideas? Please visithttp://www.spritle.com/community © Spritle Software Private Limited | http://www.spritle.com

    ×