This presentation is part of my 2-hour Development Workshop that I conducted at a Motorola Channel Power event. The workshop covered various development options on the ET1 and covered Native Android Development, HTML5 basics and a step by step breakdown of a RhoElements application that integrated device capabilities like barcode scanning.
7. WHAT IS ANDROID?
7
• A software stack for mobile devices
• Includes Linux Kernel, OS Middleware, Application
Framework & Applications.
• Provides SDK for developers
• From Google
• Open Source and provided to Handset manufacturers
• Over 7,00,000 Devices being activated per day
• http://www.android.com
• http://developer.android.com
8. ANDROID DEVELOPER TOOLS
8
• Java SDK
• Eclipse
• Android SDK
• Android Emulator
• Command Line Tools
• Documentation + Samples
• Platform Libraries
• Android Development Tools (ADT) for Eclipse
(Recommended to begin with)
10. CURRENT MOBILE DEVELOPMENT
LANDSCAPE
• Different Operating Systems
• Different Programming Environments
• Different Models for Distribution
• Native vs Web Application
11. UNTIL TODAY…POSSIBLE SOLUTIONS
THREE CHOICES:
1 • Remain standardized on Windows Mobile
- Future OS versions will require re-write of existing applications
2 • Standardize on a new OS
- Still need enterprise security, management, applications and
application control
3 • Support multiple OS platforms
- Requires different versions for different operating systems
ALL THREE OPTIONS CAN DRIVE COSTS UP AND CONTROL DOWN
PAGE 11
12. A NEW OPTION: RHOELEMENTS
RHOELEMENTS OS-AGNOSTIC APPLICATIONS: DEVELOP LESS, RUN MORE
• Create one application version that runs on different device types and
operating systems
• Includes device-level APIs that provide full access to enterprise-class device
and peripheral features and capabilities
• Standards-based HTML5 application development framework
• Supports your local language
• Applications look and behave identically on all devices
• Provides complete device freedom — without increasing cost
• Dedicated ongoing support plans for emerging mobile device types and
operating systems — including tablets and Android
13. WHAT DOES RHOELEMENTS
SUPPORT?
A LOOK AT TODAY…AND TOMORROW
• TODAY:
- Motorola mobile computers based on Windows Mobile,
Windows CE and Android
- Create one application to work on your different Motorola
mobile computers
• IN THE NEAR FUTURE:
- Non-Motorola enterprise and consumer mobile devices
- More of the most popular operating systems, including Apple iOS
- Advanced services, such as cloud-based computing
14. RHOELEMENTS V1:
App Server:
HTML5 / JS / CSS SVG / JS PHP/MySQL
Application Application Ruby on Rails
ASP.NET
RhoElements
MotoWebkit SVG Engine
• Delivers Hybrid (Web-based) apps
• Support for only Motorola Devices –
SQL Device Extensions
Lite MPA2+
• Apps can be either HTML5 or SVG
• SQLite used for storing data offline
• Not a native app with Sync
capabilities
MPA 2.0 / MPA 3.0 Devices • Device Extensions are delivered
thru 2 options (Meta Tags/EMML,
JavaScript objects)
PAGE 14
15. RHOELEMENTS FEATURES AND
FUNCTIONALITY
SUPPORT DIFFERENT DEVICES
• Regardless of architecture, screen size, screen resolution or whether device
is connected to Wi-Fi or cellular wireless networks
SUPPORT DIFFERENT OPERATING SYSTEMS
• Write once, operate on Motorola mobile computers running Microsoft
Windows Mobile, Microsoft Windows CE or Android today; on non-Motorola
mobile computers and more operating systems tomorrow . Supports ES400,
MC65, MC75A, MC9500, MC55A0, MC3100, MK4000, MC9190-G and ET1
TAKE COMPLETE CONTROL OF APPLICATION DESIGN
• No more OS interface design rules — create the graphical user interface that
is as intuitive as possible and will best streamline your workflow
CREATE APPLICATIONS THAT LOOK, FEEL AND ACT THE SAME ACROSS
DEVICE TYPES
• Provides the ultimate in application consistency, regardless of device type,
screen size or operating system
16. RHOELEMENTS FEATURES AND
FUNCTIONALITY
DELIVER STELLAR APPLICATION PERFORMANCE
• State of the art HTML5 features deliver a substantial performance
increase, with screen draws that take place in a fraction of the time it
takes in typical mobile applications
TAKE ADVANTAGE OF ALL THE FEATURES ON YOUR MOBILE DEVICES
— AND THEIR PERIPHERALS
• Easily integrate bar code scanning, signature capture, photo capture,
payment card processing, mobile printing of receipts and more
CREATE APPLICATIONS THAT SCALE TO FIT ANY SCREEN —
AUTOMATICALLY
• Easily develop applications that automatically scale up and down as
needed to match the display size on each device
17. RHOELEMENTS FEATURES AND
FUNCTIONALITY
ACCOMMODATE AND CONTROL SCREEN ROTATION
• Applications rapidly re-draw in portrait and landscape modes on devices
that support screen rotation; prevent rotation for applications designed
for a specific orientation
CREATE APPLICATIONS THAT ARE AVAILABLE ON AND OFFLINE
• Web applications remain available during lapses in Wi-Fi and cellular
network coverage, keeping workforce productive all day long
• While web applications typically are not available when a network
connection is lost, RhoElements applications support a database that is
resident on the mobile device
PROVIDES A SINGLE EASY-TO-USE FAMILIAR APPLICATION
DEVELOPMENT ENVIRONMENT
• Reduce need for expertise on specific platforms, which reduces
staffing costs; faster deployment; easily adopted by your current
development team
19. A BRIEF HISTORY
WHAT : Next generation HTML
WHO : WHATG, W3C, IETF
WHEN : 2004, 2008, May 2011, 2014
All vendors support it ! (Is that true?)
A lot of stuff – you can use today!
23. FORMS
Aims to make development and usage of forms easier.
No Javascript required.
13 New Types introduced for user input (e.g. email,
phone, number, etc)
Additional attributes like : placeholder, required,
autofocus.
Coding for validations is made easier.
25. • Audio and video are first class citizens in the HTML5
web
• A plug-in free world
Simple tags : <video>, <audio>
Even Simpler usage:
<video src=“demo.mp4”></video>
<audio src=“song.mp3”></audio>
26. Determine where the device is. Find it
right in the browser.
Useful for providing location based
services.
User should be allowed to opt in.
API allows for both : one time location
and continuous location.
27. OFFLINE & STORAGE
• Web Apps can start faster and work even if there is no
internet connection, thanks to the HTML5 App Cache,
as well as the Local Storage, Web SQL, Indexed DB,
and the File API specifications.
28. STORAGE API
Allows local storage of application data on the device.
5MB – 10MB per domain.
Key component to Offline usage.
Types of Storage options:
Local Indexed
Session Web SQL
Storage DB
Storage Storage
Storage
29. LOCAL STORAGE API
Simple API for storing values in easily
retrievable JavaScript objects which
persist across page loads
window.localStorage
getItem(key)
setItem(key,value)
removeItem(key)
clear()
30. HTML5 – OFFLINE APPS
Network is not available all the time.
The application must be available even if the server is
done.
Application Cache to the rescue.
Stores the specified resources (HTML,CSS,JS) on the
client.
Combine Application Cache with Offline Storage to
provide availability.
33. RHOELEMENTS + HTML5
Supports key features of HTML5
Standardize on HTML5 as the single development
platform
Tap into vast amount of Web Resources available
Use your favorite Editor to get going
Test using standard Desktop browsers and their tools
(e.g. Google Chrome)
34. RHOELEMENTS DEVICE EXTENSIONS
HTML5 on its own will not enable Enterprise Apps
Platform has to expose Device Hardware features
RhoElements provides EMML and Javascript Objects
to access device features
Most
Comprehensive set of device extensions like
Scanning, Signature Capture, etc.
Extensive Documentation available
36. RHOELEMENTS – BARCODE
APPLICATION
STEP BY STEP DEVELOPMENT HTML5 APP WITH
RHOELEMENTS
• Step 1 : Create HTML5 Application Skeleton
• Step 2 : Use HTML5 : Local Storage & Web SQL
• Step 3 : Test It Out Locally on Google Chrome Browser
• Step 4 : Integrate Barcode Device Extension
• Scan
• Save to Local Storage
• Step 5 : Deploying to ET1
37. ET1 – APP DEPLOYMENT
• Configuration File
• Start page
• Application List
• Web Application is copied as is to a folder on Device
• Alternately on ET1, create a Shortcut and point to the
start page
38. RHOELEMENTS V2:
Rhodes RhoE
RhoE v1
Framework v2
• Portable Framework
• Write once and run on: iPhone, Android, BlackBerry, Windows Phone7, Win Mobile,
WinCE, Symbian
• Leverages Web Skills
• Build apps quickly in HTML5 and Ruby
• Hybrid model – write either Native apps or Web-based apps
• Easy Backend Integration and Offline Use
• Easily connect to any backend app through web services
• Work with synchronized local data when offline
• Exploit device capabilities
• GPS, PIM data, camera, push/SMS, native mapping, barcode, signature capture, NFC
• Enterprise Security Compliant
• Encrypt data on the device, remote wipe of device, secure authentication…
PAGE 38