Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Cross platform mobile apps using rhomobile and jquery mobile
Similar to Cross platform mobile apps using rhomobile and jquery mobile (20)
Recently uploaded
Recently uploaded (20)
Cross platform mobile apps using rhomobile and jquery mobile
- 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
Editor's Notes
- Apple IOS : C, Objective CGoogle Android : JavaRIM Blackberry : Java(J2me flavoured)Windows Mobile : .NETWindows 7 Phone : .NET