Embed Size (px)
Citation preview
Cross-Platform Mobile App Development Using:
RhoMobile
PLEASE NOTE THIS INFORMATION IS STRICTLY CONFIDENTIAL AND IS A PROPERTY OF TAU TECHNOLOGIES INC
2
● Hybrid approach is most promising
● Web technologies are widely used everywhere
● Web developers (front-end HTML/JS) are much more numerous and cheap than iOS or Android devs
● There are some OS like WebOS and FireFox OS where you can write application only using web technologies
● By Gartner report currently in the enterprise environment 90% of applications are web or hybrid
Cross-Platform Approaches
3
● Hybrid cross-platform solutions like Phonegap or Rhomobile allow to reduce development cost in three and more times
● It’s possible to involve existing web developers
● Existing web applications code reuse
● App code portability between development platforms
Cut Expenses
What exactly is “RhoMobile”:● The set of development tools for creating
data-centric, cross-platform, native mobile consumer and enterprise applications.
● It allows developers to build native mobile apps using web technologies, such as CSS3, HTML5, JavaScript and Ruby.
● With RhoMobile you can track offline changes on mobile clients and synchronize with a corporate backend.
● It dynamically updates application UI when backend data changes.
?
5
2008 2009 2010 2011 2012 2013 2014 2015
You can find more details about Rhomobile on : http://rhomobile.com/
Rhomobile was founded in Silicon Valley in 2008 by Adam Blum
In 2011 Rhomobile was acquired by Motorola Solutions
In 2014 Motorola Solutions sold enterprise business (including Rhomobile) to Zebra Technologies
In 2015 Tau Technologies was founded by Rhomobile team members
Rhomobile Evolution
Rhomobile Suite● RhoStudio allows for development, debugging and
testing of cross-platform enterprise apps with single tool simplicity.
● The foundation of RhoMobile Suite, Rhodes is an open-source cross-platform development framework for rapidly building native apps.
● For access to built-in APIs for barcode scanning and RFID, support for the widest range of operating systems and more, developers can count on the value-added functionality of RhoElements.
● Our integration server RhoConnect allows for fast, simple synchronization with backend business data and synchronization for offline use.
What’s a RhoMobile Application?
A hybrid mobile application is a mobile application that runs inside of a native container and leverages the device’s web browser to display locally hosted HTML pages. Hybrid mobile apps are composed mostly of HTML, JavaScript, and CSS. Device specific functionalities such as camera access, geolocation, and accelerometer readings are exposed through a JavaScript API.
•Front-end side– HTML page– CSS Style Sheet– JavaScript code
•Back-end side– Ruby– SQLite Database– Node.js/Express.js
RhoMobile Apps are WebApps
I’m the local SQLite
I’m the front-end side. I run inside the browser sandbox and I’m written in HTML5, CSS and JavaScript.I can talk to remote web services and to the local HTTP serverI can use Rhodes/RhoElements JavaScript API
I’m the local HTTP server
We’re static files: HTML, CSS and JavaScript
I’m the local Ruby VM. I execute the framework and your dynamic ruby code
I’m the local Node.JS server
RhoMobile Architecture
Data ORM RhoConnectClient
SQLite DB
Model-View-Controller (MVC)
HTML5 / CSS / JavaScript/RubyYou write the
application
Core Services
Webkit*
We providethe framework
*Tau Webkit available on WinCE, Windows Mobile
RhoConnect Server
BackendData
BackendData
Source Adapter
Source Adapter
Ruby VM Node.JS
Covers Consumer and Enterprise
Offline Data and Synchronization● Mobile clients have out-of-date information
from company infrastructure and does not have Internet connectivity at all times
● Mobile application should allow to change data when offline
● Company backend is out-of date with mobile clients
● Possible conflicts when multiple clients change same data
● Data change conflicts should be resolved when device eventually connects to enterprise network
RhoConnect is a Robust Solution
Features and Benefits
● Enterprise-class Rugged Devices● Windows CE/Mobile/Embedded support● Leverage Zebra Printing ● Zebra Rugged Devices out of the box● RhoBrowser for Enterprise
Rhoelements
● Improve data synchronization● Zero-touch integration● Manage backend changes● Fast and easy scaling
RhoConnect
● Faster cross-platform application development● Reduce hardware costs● Improve developer productivity● Easier integration
RhoStudio
● Reduce Costs● Leverage All Device Features● Completely Control Look and Feel● Get Online and Offline Support
Rhodes
Getting Started with Development● RhoMobile Suite
● Mobile Platform SDK
● Mobile Devices
○ Recommended for deployment/testing
○ Emulators are alternative but not a true test
● Getting Started guide available on docs.rhomobile.com
Platform Capabilities● All standard platform API like Network, File, DataBase,
ORM, Bluetooth, Battery etc
● Built-in Synchronization Client, Push Notifications etc
● Printing, Scanner(1D/2D), Card Reader, Camera, RFID, NFC etc
● Native UI components like MenuBar, ToolBar, TabBar, NavBar etc
UI Design
● HTML5, CSS3
● jQuery Mobile, Sencha Touch, Bootstrap, KendoUI, Dojo Mobile etc
● Native UI components
jQuery Mobile● HTML5-based UI framework that provides
a mobile application look and feel.
● Built-in content and widgets are supported across mobile, tablet and desktop platforms.
● Visit http://jquerymobile.com and http://jquery.com for more details.
Sencha Touch● UI JavaScript library specifically built for the
Mobile Web● Look and feel like native applications on
supported mobile devices.● Visit http://www.sencha.com/products/touch
for more details.
Bootstrap● Free and open-source front-end web
framework for designing websites and web applications.
● It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components.
● Visit http://getbootstrap.com for more details.
MVC design
Client-Server MVC Approach
● Ruby On Rails, Node.JS & Express.JS
● Views are prepared outside of WebView and rendered in a WebView
● Models and Controllers are processed outside of WebView
● Performance excellence
WebView MVC Approach
● AngularJS, Ember.JS, Backbone.JS
● Views are prepared and rendered in a WebView
● Models and Controllers are processed in a WebView
● Performance can be a bottleneck in some cases
Developer Experience● Live Update
● RhoStudio, RhoSimulator, WeinRe
● Native Extensions
● Documentation
● Community
● Enterprise Support
● Open Source
