SlideShare une entreprise Scribd logo
1  sur  39
Development Workshop on ET1, Android and Motorola RhoElements
DEVELOP LESS. RUN MORE.


Application Development Workshop
    MOTOROLA RhoElements
AGENDA

• ET1 – Development Options

• Developing Native Android Applications - Toolset

• Developing for Multiple Mobile OS – the Problem

• The solution: RhoElements

• Key features & Benefits

• HTML5 Basics

• RhoElements Framework – Writing Sample Apps & Demos
DEVELOP LESS. RUN MORE.


      ET1 – Development Options
ET1 – DEVELOPMENT OPTIONS

5   • ET1
       • Rugged Enterprise Device
       • Android 2.3
    • Native Applications
       • Java language + set of associated tools
       • Full Device Features
    • Web Applications (Pure Web Frameworks)
       • HTML5, CSS, Javascript
       • Limited Access to Device Features
    • Web Applications (RhoElements)
       • HTML5, JS, CSS + Device Extensions
DEVELOP LESS. RUN MORE.


 Android Native App Development
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
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)
9




    Your First Android App
         Hello World
CURRENT MOBILE DEVELOPMENT
LANDSCAPE

•   Different Operating Systems
•   Different Programming Environments
•   Different Models for Distribution
•   Native vs Web Application
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
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
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
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
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
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
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
DEVELOP LESS. RUN MORE.


       HTML5 – A Quick Overview
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!
HTML5 FEATURES
HTML4/XHTML
•   HTML 4.01 Strict
•   HTML 4.01 Transitional
•   HTML 4.01 Frameset
•   XHTML 1.0 Strict
•   XHTML 1.0 Transitional
•   XHTML 1.0 Frameset
•   XHTML 1.1



    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
    4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">


                                  HTML5

                             <!DOCTYPE html>
HTML4

  <meta http-equiv="Content-Type"
content="text/html; charset=utf-8">




                        HTML5

                <meta charset=utf-8>
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.
FORMS




Screenshots : Courtesy – Mark Pilgrim, http://diveintohtml5.org
• 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>
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.
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.
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
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()
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.
DEVELOP LESS. RUN MORE.


                  HTML5 Demos
HTML5 DEMOS

   Local Storage Demo
   Web SQL Demo
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)
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
DEVELOP LESS. RUN MORE.


      RhoElements – Sample App
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
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
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
Development Workshop on ET1, Android and Motorola RhoElements

Contenu connexe

Tendances

IBM Worklight
IBM WorklightIBM Worklight
IBM WorklightNir Elbaz
 
Feed Herny developer training : crossplatform and HTML5
Feed Herny developer training : crossplatform and  HTML5Feed Herny developer training : crossplatform and  HTML5
Feed Herny developer training : crossplatform and HTML5Mobile Monday Brussels
 
Xamarin COE by Mukteswar Patnaik
Xamarin COE by Mukteswar PatnaikXamarin COE by Mukteswar Patnaik
Xamarin COE by Mukteswar PatnaikMukteswar Patnaik
 
Cross-Platform Development using Angulr JS in Visual Studio
Cross-Platform Development using Angulr JS in Visual StudioCross-Platform Development using Angulr JS in Visual Studio
Cross-Platform Development using Angulr JS in Visual StudioMizanur Sarker
 
Synapse india reviews on mobile application development
Synapse india reviews on mobile application developmentSynapse india reviews on mobile application development
Synapse india reviews on mobile application developmentsaritasingh19866
 
Developing Apps with CA Plex + CM WebClient
Developing Apps with CA Plex + CM WebClientDeveloping Apps with CA Plex + CM WebClient
Developing Apps with CA Plex + CM WebClientCM First Group
 
Mobile architecture options
Mobile architecture optionsMobile architecture options
Mobile architecture optionsjohnsprunger
 
Connect 2014 - AD202 - Get the best out of bootstrap with bootstrap4 x-pages
Connect 2014 - AD202 -  Get the best out of bootstrap with bootstrap4 x-pagesConnect 2014 - AD202 -  Get the best out of bootstrap with bootstrap4 x-pages
Connect 2014 - AD202 - Get the best out of bootstrap with bootstrap4 x-pagesPhilippe Riand
 
CM WebClient CA Expo Mannheim Germany
CM WebClient CA Expo Mannheim Germany CM WebClient CA Expo Mannheim Germany
CM WebClient CA Expo Mannheim Germany CM First Group
 
Cordova 3, apps para android
Cordova 3, apps para androidCordova 3, apps para android
Cordova 3, apps para androidDroidcon Spain
 
Open Source World : Using Web Technologies to build native iPhone and Android...
Open Source World : Using Web Technologies to build native iPhone and Android...Open Source World : Using Web Technologies to build native iPhone and Android...
Open Source World : Using Web Technologies to build native iPhone and Android...Jeff Haynie
 
Adobe AIR Development for the BlackBerry PlayBook
Adobe AIR Development for the BlackBerry PlayBookAdobe AIR Development for the BlackBerry PlayBook
Adobe AIR Development for the BlackBerry PlayBookKyle McInnes
 
IBM Connect 2014 - KEY108: IBM Collaboration Solutions Application Developmen...
IBM Connect 2014 - KEY108: IBM Collaboration Solutions Application Developmen...IBM Connect 2014 - KEY108: IBM Collaboration Solutions Application Developmen...
IBM Connect 2014 - KEY108: IBM Collaboration Solutions Application Developmen...IBM Connections Developers
 
CM WebClient for CA Plex
CM WebClient for CA PlexCM WebClient for CA Plex
CM WebClient for CA PlexCM First Group
 
"BlackBerry Webworks : Apps for The Smartphone and Tablet"
"BlackBerry Webworks : Apps for The Smartphone and Tablet""BlackBerry Webworks : Apps for The Smartphone and Tablet"
"BlackBerry Webworks : Apps for The Smartphone and Tablet"Software Park Thailand
 
Training on webwroks1
Training on webwroks1Training on webwroks1
Training on webwroks1sumeettechno
 

Tendances (20)

IBM Worklight
IBM WorklightIBM Worklight
IBM Worklight
 
Feed Herny developer training : crossplatform and HTML5
Feed Herny developer training : crossplatform and  HTML5Feed Herny developer training : crossplatform and  HTML5
Feed Herny developer training : crossplatform and HTML5
 
JavaOne 2010 Keynote
JavaOne 2010 Keynote JavaOne 2010 Keynote
JavaOne 2010 Keynote
 
Xamarin COE by Mukteswar Patnaik
Xamarin COE by Mukteswar PatnaikXamarin COE by Mukteswar Patnaik
Xamarin COE by Mukteswar Patnaik
 
Cross-Platform Development using Angulr JS in Visual Studio
Cross-Platform Development using Angulr JS in Visual StudioCross-Platform Development using Angulr JS in Visual Studio
Cross-Platform Development using Angulr JS in Visual Studio
 
Synapse india reviews on mobile application development
Synapse india reviews on mobile application developmentSynapse india reviews on mobile application development
Synapse india reviews on mobile application development
 
Developing Apps with CA Plex + CM WebClient
Developing Apps with CA Plex + CM WebClientDeveloping Apps with CA Plex + CM WebClient
Developing Apps with CA Plex + CM WebClient
 
Mobile architecture options
Mobile architecture optionsMobile architecture options
Mobile architecture options
 
Android quick talk
Android quick talkAndroid quick talk
Android quick talk
 
Connect 2014 - AD202 - Get the best out of bootstrap with bootstrap4 x-pages
Connect 2014 - AD202 -  Get the best out of bootstrap with bootstrap4 x-pagesConnect 2014 - AD202 -  Get the best out of bootstrap with bootstrap4 x-pages
Connect 2014 - AD202 - Get the best out of bootstrap with bootstrap4 x-pages
 
CM WebClient CA Expo Mannheim Germany
CM WebClient CA Expo Mannheim Germany CM WebClient CA Expo Mannheim Germany
CM WebClient CA Expo Mannheim Germany
 
Cordova 3, apps para android
Cordova 3, apps para androidCordova 3, apps para android
Cordova 3, apps para android
 
Open Source World : Using Web Technologies to build native iPhone and Android...
Open Source World : Using Web Technologies to build native iPhone and Android...Open Source World : Using Web Technologies to build native iPhone and Android...
Open Source World : Using Web Technologies to build native iPhone and Android...
 
Adobe AIR Development for the BlackBerry PlayBook
Adobe AIR Development for the BlackBerry PlayBookAdobe AIR Development for the BlackBerry PlayBook
Adobe AIR Development for the BlackBerry PlayBook
 
Web works presso
Web works pressoWeb works presso
Web works presso
 
IBM Connect 2014 - KEY108: IBM Collaboration Solutions Application Developmen...
IBM Connect 2014 - KEY108: IBM Collaboration Solutions Application Developmen...IBM Connect 2014 - KEY108: IBM Collaboration Solutions Application Developmen...
IBM Connect 2014 - KEY108: IBM Collaboration Solutions Application Developmen...
 
CM WebClient for CA Plex
CM WebClient for CA PlexCM WebClient for CA Plex
CM WebClient for CA Plex
 
"BlackBerry Webworks : Apps for The Smartphone and Tablet"
"BlackBerry Webworks : Apps for The Smartphone and Tablet""BlackBerry Webworks : Apps for The Smartphone and Tablet"
"BlackBerry Webworks : Apps for The Smartphone and Tablet"
 
Getting Started with BB Development..
Getting Started with BB Development..Getting Started with BB Development..
Getting Started with BB Development..
 
Training on webwroks1
Training on webwroks1Training on webwroks1
Training on webwroks1
 

Similaire à Development Workshop on ET1, Android and Motorola RhoElements

Synapse india reviews on asp.net mobile application
Synapse india reviews on asp.net mobile applicationSynapse india reviews on asp.net mobile application
Synapse india reviews on asp.net mobile applicationsaritasingh19866
 
Anatomy of an HTML 5 mobile web app
Anatomy of an HTML 5 mobile web app Anatomy of an HTML 5 mobile web app
Anatomy of an HTML 5 mobile web app Ivano Malavolta
 
Cross platform mobile application devlopment
Cross platform mobile application devlopmentCross platform mobile application devlopment
Cross platform mobile application devlopmentPrabhat gangwar
 
Html5 workshop part 1
Html5 workshop part 1Html5 workshop part 1
Html5 workshop part 1NAILBITER
 
Understanding Native, Hybrid, and Web Mobile Architectures
Understanding Native, Hybrid, and Web Mobile ArchitecturesUnderstanding Native, Hybrid, and Web Mobile Architectures
Understanding Native, Hybrid, and Web Mobile ArchitecturesSalesforce Developers
 
Cross Platform Mobile Development
Cross Platform Mobile DevelopmentCross Platform Mobile Development
Cross Platform Mobile DevelopmentManesh Lad
 
Meetup. Technologies Intro for Non-Tech People
Meetup. Technologies Intro for Non-Tech PeopleMeetup. Technologies Intro for Non-Tech People
Meetup. Technologies Intro for Non-Tech PeopleIT Arena
 
Developing Windows Phone 8 apps using PhoneGap
Developing Windows Phone 8 apps using PhoneGapDeveloping Windows Phone 8 apps using PhoneGap
Developing Windows Phone 8 apps using PhoneGapAmar Mesic
 
Soa architect summit mobile 2013_mar [compatibility mode]
Soa architect summit mobile 2013_mar [compatibility mode]Soa architect summit mobile 2013_mar [compatibility mode]
Soa architect summit mobile 2013_mar [compatibility mode]Sreeni Pamidala
 
12 Frameworks for Mobile Hybrid Apps
12 Frameworks for Mobile Hybrid Apps12 Frameworks for Mobile Hybrid Apps
12 Frameworks for Mobile Hybrid AppsFilipe Lima
 
HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?Reto Meier
 
MyMobileWeb Certification Part I
MyMobileWeb Certification Part IMyMobileWeb Certification Part I
MyMobileWeb Certification Part Icrdlc
 
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
Hybrid Mobile Development with Apache Cordova,AngularJs and ionicHybrid Mobile Development with Apache Cordova,AngularJs and ionic
Hybrid Mobile Development with Apache Cordova,AngularJs and ionicErmias Bayu
 
IBM MobileFirst - Hybrid Application Development with Worklight
IBM MobileFirst - Hybrid Application Development with WorklightIBM MobileFirst - Hybrid Application Development with Worklight
IBM MobileFirst - Hybrid Application Development with WorklightIBIZZ
 
Hybrid Mobile Development with Apache Cordova and Java EE 7 (JavaOne 2014)
Hybrid Mobile Development with Apache Cordova and Java EE 7 (JavaOne 2014)Hybrid Mobile Development with Apache Cordova and Java EE 7 (JavaOne 2014)
Hybrid Mobile Development with Apache Cordova and Java EE 7 (JavaOne 2014)Ryan Cuprak
 
Philipe Riand - Building Social Applications using the Social Business Toolki...
Philipe Riand - Building Social Applications using the Social Business Toolki...Philipe Riand - Building Social Applications using the Social Business Toolki...
Philipe Riand - Building Social Applications using the Social Business Toolki...LetsConnect
 
IBM ConnectED SPOT104: Lightning-Fast Development of Native Mobile Apps for I...
IBM ConnectED SPOT104: Lightning-Fast Development of Native Mobile Apps for I...IBM ConnectED SPOT104: Lightning-Fast Development of Native Mobile Apps for I...
IBM ConnectED SPOT104: Lightning-Fast Development of Native Mobile Apps for I...darwinodb
 

Similaire à Development Workshop on ET1, Android and Motorola RhoElements (20)

Synapse india reviews on asp.net mobile application
Synapse india reviews on asp.net mobile applicationSynapse india reviews on asp.net mobile application
Synapse india reviews on asp.net mobile application
 
Anatomy of an HTML 5 mobile web app
Anatomy of an HTML 5 mobile web app Anatomy of an HTML 5 mobile web app
Anatomy of an HTML 5 mobile web app
 
Cross platform mobile application devlopment
Cross platform mobile application devlopmentCross platform mobile application devlopment
Cross platform mobile application devlopment
 
Html5 workshop part 1
Html5 workshop part 1Html5 workshop part 1
Html5 workshop part 1
 
Understanding Native, Hybrid, and Web Mobile Architectures
Understanding Native, Hybrid, and Web Mobile ArchitecturesUnderstanding Native, Hybrid, and Web Mobile Architectures
Understanding Native, Hybrid, and Web Mobile Architectures
 
Cross Platform Mobile Development
Cross Platform Mobile DevelopmentCross Platform Mobile Development
Cross Platform Mobile Development
 
Meetup. Technologies Intro for Non-Tech People
Meetup. Technologies Intro for Non-Tech PeopleMeetup. Technologies Intro for Non-Tech People
Meetup. Technologies Intro for Non-Tech People
 
Developing Windows Phone 8 apps using PhoneGap
Developing Windows Phone 8 apps using PhoneGapDeveloping Windows Phone 8 apps using PhoneGap
Developing Windows Phone 8 apps using PhoneGap
 
Soa architect summit mobile 2013_mar [compatibility mode]
Soa architect summit mobile 2013_mar [compatibility mode]Soa architect summit mobile 2013_mar [compatibility mode]
Soa architect summit mobile 2013_mar [compatibility mode]
 
12 Frameworks for Mobile Hybrid Apps
12 Frameworks for Mobile Hybrid Apps12 Frameworks for Mobile Hybrid Apps
12 Frameworks for Mobile Hybrid Apps
 
HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?
 
MyMobileWeb Certification Part I
MyMobileWeb Certification Part IMyMobileWeb Certification Part I
MyMobileWeb Certification Part I
 
Mobile Web Apps
Mobile Web AppsMobile Web Apps
Mobile Web Apps
 
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
Hybrid Mobile Development with Apache Cordova,AngularJs and ionicHybrid Mobile Development with Apache Cordova,AngularJs and ionic
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
 
IBM MobileFirst - Hybrid Application Development with Worklight
IBM MobileFirst - Hybrid Application Development with WorklightIBM MobileFirst - Hybrid Application Development with Worklight
IBM MobileFirst - Hybrid Application Development with Worklight
 
Hybrid Mobile Development with Apache Cordova and Java EE 7 (JavaOne 2014)
Hybrid Mobile Development with Apache Cordova and Java EE 7 (JavaOne 2014)Hybrid Mobile Development with Apache Cordova and Java EE 7 (JavaOne 2014)
Hybrid Mobile Development with Apache Cordova and Java EE 7 (JavaOne 2014)
 
Adf mobile overview
Adf mobile overviewAdf mobile overview
Adf mobile overview
 
Hybrid mobile apps
Hybrid mobile appsHybrid mobile apps
Hybrid mobile apps
 
Philipe Riand - Building Social Applications using the Social Business Toolki...
Philipe Riand - Building Social Applications using the Social Business Toolki...Philipe Riand - Building Social Applications using the Social Business Toolki...
Philipe Riand - Building Social Applications using the Social Business Toolki...
 
IBM ConnectED SPOT104: Lightning-Fast Development of Native Mobile Apps for I...
IBM ConnectED SPOT104: Lightning-Fast Development of Native Mobile Apps for I...IBM ConnectED SPOT104: Lightning-Fast Development of Native Mobile Apps for I...
IBM ConnectED SPOT104: Lightning-Fast Development of Native Mobile Apps for I...
 

Plus de Romin Irani

Google Cloud Platform Update - NEXT 2017
Google Cloud Platform Update - NEXT 2017Google Cloud Platform Update - NEXT 2017
Google Cloud Platform Update - NEXT 2017Romin Irani
 
Introduction to Google Cloud Machine Learning APIs
Introduction to Google Cloud Machine Learning APIsIntroduction to Google Cloud Machine Learning APIs
Introduction to Google Cloud Machine Learning APIsRomin Irani
 
The Journey to conversational interfaces
The Journey to conversational interfacesThe Journey to conversational interfaces
The Journey to conversational interfacesRomin Irani
 
Blogging Tips - A guide to why you should blog
Blogging Tips - A guide to why you should blogBlogging Tips - A guide to why you should blog
Blogging Tips - A guide to why you should blogRomin Irani
 
How to Contribute to your Project
How to Contribute to your ProjectHow to Contribute to your Project
How to Contribute to your ProjectRomin Irani
 
Go Language Hands-on Workshop Material
Go Language Hands-on Workshop MaterialGo Language Hands-on Workshop Material
Go Language Hands-on Workshop MaterialRomin Irani
 
Google Cloud Platform Updates
Google Cloud Platform UpdatesGoogle Cloud Platform Updates
Google Cloud Platform UpdatesRomin Irani
 
Internet of Things Overview
Internet of Things OverviewInternet of Things Overview
Internet of Things OverviewRomin Irani
 
Gradle and Android Studio : Best of Friends
Gradle and Android Studio : Best of FriendsGradle and Android Studio : Best of Friends
Gradle and Android Studio : Best of FriendsRomin Irani
 
Powering your Apps via Google Cloud Platform
Powering your Apps via Google Cloud PlatformPowering your Apps via Google Cloud Platform
Powering your Apps via Google Cloud PlatformRomin Irani
 
How to get business ready for Wearables: GDayX Mumbai 2014
How to get business ready for Wearables: GDayX Mumbai 2014How to get business ready for Wearables: GDayX Mumbai 2014
How to get business ready for Wearables: GDayX Mumbai 2014Romin Irani
 
Talk on Future of Enterprise Mobile App Development
Talk on Future of Enterprise Mobile App DevelopmentTalk on Future of Enterprise Mobile App Development
Talk on Future of Enterprise Mobile App DevelopmentRomin Irani
 
Android developer webinar-march-2012-mindstormsoftware
Android developer webinar-march-2012-mindstormsoftwareAndroid developer webinar-march-2012-mindstormsoftware
Android developer webinar-march-2012-mindstormsoftwareRomin Irani
 
HTML5 Webinar - Mind Storm Software
HTML5 Webinar - Mind Storm SoftwareHTML5 Webinar - Mind Storm Software
HTML5 Webinar - Mind Storm SoftwareRomin Irani
 
Smart Computing : Cloud + Mobile + Social
Smart Computing : Cloud + Mobile + SocialSmart Computing : Cloud + Mobile + Social
Smart Computing : Cloud + Mobile + SocialRomin Irani
 
Thadomal IEEE-HTML5-Workshop
Thadomal IEEE-HTML5-WorkshopThadomal IEEE-HTML5-Workshop
Thadomal IEEE-HTML5-WorkshopRomin Irani
 

Plus de Romin Irani (16)

Google Cloud Platform Update - NEXT 2017
Google Cloud Platform Update - NEXT 2017Google Cloud Platform Update - NEXT 2017
Google Cloud Platform Update - NEXT 2017
 
Introduction to Google Cloud Machine Learning APIs
Introduction to Google Cloud Machine Learning APIsIntroduction to Google Cloud Machine Learning APIs
Introduction to Google Cloud Machine Learning APIs
 
The Journey to conversational interfaces
The Journey to conversational interfacesThe Journey to conversational interfaces
The Journey to conversational interfaces
 
Blogging Tips - A guide to why you should blog
Blogging Tips - A guide to why you should blogBlogging Tips - A guide to why you should blog
Blogging Tips - A guide to why you should blog
 
How to Contribute to your Project
How to Contribute to your ProjectHow to Contribute to your Project
How to Contribute to your Project
 
Go Language Hands-on Workshop Material
Go Language Hands-on Workshop MaterialGo Language Hands-on Workshop Material
Go Language Hands-on Workshop Material
 
Google Cloud Platform Updates
Google Cloud Platform UpdatesGoogle Cloud Platform Updates
Google Cloud Platform Updates
 
Internet of Things Overview
Internet of Things OverviewInternet of Things Overview
Internet of Things Overview
 
Gradle and Android Studio : Best of Friends
Gradle and Android Studio : Best of FriendsGradle and Android Studio : Best of Friends
Gradle and Android Studio : Best of Friends
 
Powering your Apps via Google Cloud Platform
Powering your Apps via Google Cloud PlatformPowering your Apps via Google Cloud Platform
Powering your Apps via Google Cloud Platform
 
How to get business ready for Wearables: GDayX Mumbai 2014
How to get business ready for Wearables: GDayX Mumbai 2014How to get business ready for Wearables: GDayX Mumbai 2014
How to get business ready for Wearables: GDayX Mumbai 2014
 
Talk on Future of Enterprise Mobile App Development
Talk on Future of Enterprise Mobile App DevelopmentTalk on Future of Enterprise Mobile App Development
Talk on Future of Enterprise Mobile App Development
 
Android developer webinar-march-2012-mindstormsoftware
Android developer webinar-march-2012-mindstormsoftwareAndroid developer webinar-march-2012-mindstormsoftware
Android developer webinar-march-2012-mindstormsoftware
 
HTML5 Webinar - Mind Storm Software
HTML5 Webinar - Mind Storm SoftwareHTML5 Webinar - Mind Storm Software
HTML5 Webinar - Mind Storm Software
 
Smart Computing : Cloud + Mobile + Social
Smart Computing : Cloud + Mobile + SocialSmart Computing : Cloud + Mobile + Social
Smart Computing : Cloud + Mobile + Social
 
Thadomal IEEE-HTML5-Workshop
Thadomal IEEE-HTML5-WorkshopThadomal IEEE-HTML5-Workshop
Thadomal IEEE-HTML5-Workshop
 

Dernier

DP & Jesus Marriage - 2 potential candidates
DP & Jesus Marriage - 2 potential candidatesDP & Jesus Marriage - 2 potential candidates
DP & Jesus Marriage - 2 potential candidatesBengt & Maarit de Paulis
 
365 Days of Thanking God_ Cultivating a Heart of Thanksgiving Everyday (Revis...
365 Days of Thanking God_ Cultivating a Heart of Thanksgiving Everyday (Revis...365 Days of Thanking God_ Cultivating a Heart of Thanksgiving Everyday (Revis...
365 Days of Thanking God_ Cultivating a Heart of Thanksgiving Everyday (Revis...Eizijesu Obahaiye
 
DP & Nostradamus-Fatima-Bailey-Branham-Ford - Short vers
DP & Nostradamus-Fatima-Bailey-Branham-Ford - Short versDP & Nostradamus-Fatima-Bailey-Branham-Ford - Short vers
DP & Nostradamus-Fatima-Bailey-Branham-Ford - Short versBengt & Maarit de Paulis
 
SERPENT COIL: THE AWAKENING OF KUNDALINI
SERPENT COIL: THE AWAKENING OF KUNDALINISERPENT COIL: THE AWAKENING OF KUNDALINI
SERPENT COIL: THE AWAKENING OF KUNDALINISantanu Das
 
All About Zakah for Muslim Americans - Dr. Main Alqudah [https://www.guidance...
All About Zakah for Muslim Americans - Dr. Main Alqudah [https://www.guidance...All About Zakah for Muslim Americans - Dr. Main Alqudah [https://www.guidance...
All About Zakah for Muslim Americans - Dr. Main Alqudah [https://www.guidance...iqra tube
 
Islamic Finance 101 - Dr. Main Alqudah [https://www.guidancecollege.org/]
Islamic Finance 101 - Dr. Main Alqudah [https://www.guidancecollege.org/]Islamic Finance 101 - Dr. Main Alqudah [https://www.guidancecollege.org/]
Islamic Finance 101 - Dr. Main Alqudah [https://www.guidancecollege.org/]iqra tube
 
Deerfoot Church of Christ Bulletin 3 24 24
Deerfoot Church of Christ Bulletin 3 24 24Deerfoot Church of Christ Bulletin 3 24 24
Deerfoot Church of Christ Bulletin 3 24 24deerfootcoc
 
Easter Apocalypse_Palm Sunday_Rev. 7.pptx
Easter Apocalypse_Palm Sunday_Rev. 7.pptxEaster Apocalypse_Palm Sunday_Rev. 7.pptx
Easter Apocalypse_Palm Sunday_Rev. 7.pptxStephen Palm
 
The_Chronological_Life_of_Christ_Part_93_Fear God
The_Chronological_Life_of_Christ_Part_93_Fear GodThe_Chronological_Life_of_Christ_Part_93_Fear God
The_Chronological_Life_of_Christ_Part_93_Fear GodNetwork Bible Fellowship
 
Free eBook ~Short Inspirational Stories - The Benefits.pdf
Free eBook ~Short Inspirational Stories - The Benefits.pdfFree eBook ~Short Inspirational Stories - The Benefits.pdf
Free eBook ~Short Inspirational Stories - The Benefits.pdfOH TEIK BIN
 
The Mormon & Quaker Moons of Lancashire: Stories of Religious Conversion & Mi...
The Mormon & Quaker Moons of Lancashire: Stories of Religious Conversion & Mi...The Mormon & Quaker Moons of Lancashire: Stories of Religious Conversion & Mi...
The Mormon & Quaker Moons of Lancashire: Stories of Religious Conversion & Mi...Cometan
 
Old Age but fruitful and meaningful.pptx
Old Age but fruitful and meaningful.pptxOld Age but fruitful and meaningful.pptx
Old Age but fruitful and meaningful.pptxInnovator Marbun
 

Dernier (13)

DP & Jesus Marriage - 2 potential candidates
DP & Jesus Marriage - 2 potential candidatesDP & Jesus Marriage - 2 potential candidates
DP & Jesus Marriage - 2 potential candidates
 
365 Days of Thanking God_ Cultivating a Heart of Thanksgiving Everyday (Revis...
365 Days of Thanking God_ Cultivating a Heart of Thanksgiving Everyday (Revis...365 Days of Thanking God_ Cultivating a Heart of Thanksgiving Everyday (Revis...
365 Days of Thanking God_ Cultivating a Heart of Thanksgiving Everyday (Revis...
 
DP & Nostradamus-Fatima-Bailey-Branham-Ford - Short vers
DP & Nostradamus-Fatima-Bailey-Branham-Ford - Short versDP & Nostradamus-Fatima-Bailey-Branham-Ford - Short vers
DP & Nostradamus-Fatima-Bailey-Branham-Ford - Short vers
 
SERPENT COIL: THE AWAKENING OF KUNDALINI
SERPENT COIL: THE AWAKENING OF KUNDALINISERPENT COIL: THE AWAKENING OF KUNDALINI
SERPENT COIL: THE AWAKENING OF KUNDALINI
 
All About Zakah for Muslim Americans - Dr. Main Alqudah [https://www.guidance...
All About Zakah for Muslim Americans - Dr. Main Alqudah [https://www.guidance...All About Zakah for Muslim Americans - Dr. Main Alqudah [https://www.guidance...
All About Zakah for Muslim Americans - Dr. Main Alqudah [https://www.guidance...
 
English - The 1st Book of Adam and Eve.pdf
English - The 1st Book of Adam and Eve.pdfEnglish - The 1st Book of Adam and Eve.pdf
English - The 1st Book of Adam and Eve.pdf
 
Islamic Finance 101 - Dr. Main Alqudah [https://www.guidancecollege.org/]
Islamic Finance 101 - Dr. Main Alqudah [https://www.guidancecollege.org/]Islamic Finance 101 - Dr. Main Alqudah [https://www.guidancecollege.org/]
Islamic Finance 101 - Dr. Main Alqudah [https://www.guidancecollege.org/]
 
Deerfoot Church of Christ Bulletin 3 24 24
Deerfoot Church of Christ Bulletin 3 24 24Deerfoot Church of Christ Bulletin 3 24 24
Deerfoot Church of Christ Bulletin 3 24 24
 
Easter Apocalypse_Palm Sunday_Rev. 7.pptx
Easter Apocalypse_Palm Sunday_Rev. 7.pptxEaster Apocalypse_Palm Sunday_Rev. 7.pptx
Easter Apocalypse_Palm Sunday_Rev. 7.pptx
 
The_Chronological_Life_of_Christ_Part_93_Fear God
The_Chronological_Life_of_Christ_Part_93_Fear GodThe_Chronological_Life_of_Christ_Part_93_Fear God
The_Chronological_Life_of_Christ_Part_93_Fear God
 
Free eBook ~Short Inspirational Stories - The Benefits.pdf
Free eBook ~Short Inspirational Stories - The Benefits.pdfFree eBook ~Short Inspirational Stories - The Benefits.pdf
Free eBook ~Short Inspirational Stories - The Benefits.pdf
 
The Mormon & Quaker Moons of Lancashire: Stories of Religious Conversion & Mi...
The Mormon & Quaker Moons of Lancashire: Stories of Religious Conversion & Mi...The Mormon & Quaker Moons of Lancashire: Stories of Religious Conversion & Mi...
The Mormon & Quaker Moons of Lancashire: Stories of Religious Conversion & Mi...
 
Old Age but fruitful and meaningful.pptx
Old Age but fruitful and meaningful.pptxOld Age but fruitful and meaningful.pptx
Old Age but fruitful and meaningful.pptx
 

Development Workshop on ET1, Android and Motorola RhoElements

  • 2. DEVELOP LESS. RUN MORE. Application Development Workshop MOTOROLA RhoElements
  • 3. AGENDA • ET1 – Development Options • Developing Native Android Applications - Toolset • Developing for Multiple Mobile OS – the Problem • The solution: RhoElements • Key features & Benefits • HTML5 Basics • RhoElements Framework – Writing Sample Apps & Demos
  • 4. DEVELOP LESS. RUN MORE. ET1 – Development Options
  • 5. ET1 – DEVELOPMENT OPTIONS 5 • ET1 • Rugged Enterprise Device • Android 2.3 • Native Applications • Java language + set of associated tools • Full Device Features • Web Applications (Pure Web Frameworks) • HTML5, CSS, Javascript • Limited Access to Device Features • Web Applications (RhoElements) • HTML5, JS, CSS + Device Extensions
  • 6. DEVELOP LESS. RUN MORE. Android Native App Development
  • 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)
  • 9. 9 Your First Android App Hello World
  • 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
  • 18. DEVELOP LESS. RUN MORE. HTML5 – A Quick Overview
  • 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!
  • 21. HTML4/XHTML • HTML 4.01 Strict • HTML 4.01 Transitional • HTML 4.01 Frameset • XHTML 1.0 Strict • XHTML 1.0 Transitional • XHTML 1.0 Frameset • XHTML 1.1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> HTML5 <!DOCTYPE html>
  • 22. HTML4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> HTML5 <meta charset=utf-8>
  • 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.
  • 24. FORMS Screenshots : Courtesy – Mark Pilgrim, http://diveintohtml5.org
  • 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.
  • 31. DEVELOP LESS. RUN MORE. HTML5 Demos
  • 32. HTML5 DEMOS  Local Storage Demo  Web SQL Demo
  • 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
  • 35. DEVELOP LESS. RUN MORE. RhoElements – Sample App
  • 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