SlideShare a Scribd company logo
Java based Cross-Platform Mobile Development
Cross-Platform Mobile Development
Peter Friese




         @peterfriese
          peter.friese@zuehlke.com
         xing.to/peter
         http://peterfriese.de


(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
Popular Architectural Patterns for Mobile


   ti ve                  L5                        ed
  a                    T M
                                               pret
N                     H                       r
                                         In te


                                              s-
 e b
                          br id              s d
                                           ro ile
W                     Hy                 C    p
                                           om
                                         c
Java == the most popular language for mobile?

ableView
th *)indexPath   JS     1.2%

ndexPath.row];
er               Java                                                         17.2%
oc] init];
er.speaker =


iewController    Objective-C             9.5%


                 C#            6.5%



                                  Source: TIOBE Programming Community Index for October 2012
So
                                                      Why Don’t

                                                 ?    We Use Java
                                                       to build
                                                        Mobile
                                                        Apps?




http://petux7.deviantart.com/art/java-cup-208839517
mgwt
How does mgwt work?
Demo
mgwt Features



Runs on webkit
 iOS, Android, BlackBerry

Native-looking UI
 Theming for Android / iOS

Access to platform (gwt-phonegap)
How does Vaadin TouchKit work?
Demo
Vaadin TouchKit Features



Supports iOS, Android

Rich collection of UI components

iOS-Look’n’Feel

Configurable offline support

Access to platform via PhoneGap
Java based Cross-Platform Mobile Development
PhoneGap Build - Wrap your App

            Upload your HTML-based app

            Build for
             iOS
             Android
             Windows Phone
             BlackBerry

            Download binary via QR code

            Publish to app store
PhoneGap Build - Wrap your App




              http://build.phonegap.com
How does Tabris work?


       Native App
                                     http:// (JSON)

          RAP Mobile
            Engine                                                  RAP App
                                                                     (Java)

                    iPhone Device
                                                                         RAP Server




                                               N )
                                            SO
                                            (J
                                         ://
                                       tp
                                      ht
       Native App
                                                          Files
                                                          Images
                                                      Other Resources
                                                                           Database
          RAP Mobile
            Engine



                    Android Device                                             Backend
Demo
Tabris Features

Supports iOS, Android

Rich collection of UI components

(Mostly) native look’n’feel

No offline support - needs to be online

Access to platform via bridge or native
Want to know more about these patterns?


   ti ve                L5                       ed
  a                  T M
                                            pret
N                   H                      r
                                      In te


                                            s-
 e b
                        br id              s d
                                         ro ile
W                    Hy                C    p
                                         om
                                       c



           Get in touch: peter.friese@zuehlke.com
Peter Friese
                       om
peter.friese@zuehlke.c

  hlke Engineering Gm
                      bH    Available for cons
Zü
Am Sandtorkai 66                               ulting,
20457 Hamburg               projects, discuss
                                              ing
 +49 151 108 604 72         all things mobile
                            - and frostynbteer
                                  coffei aev d agenks
                                               dri s! !

More Related Content

PPT
Mobile Java
PDF
Using Vaadin to create HTML5-enabled web apps in pure Scala
PDF
MTC Spring 2013 - crossplatform woes - robert virkus - 2013-03-13
PDF
Mobile Delivery Run Through
PPTX
PhoneGap/PhoneGap Build - Amsterdam Adobe Camp
PPTX
PhoneGap: a brief history and apologia
PDF
【17-A-6】X-Platform Development with ngCore
PPT
Django Python(2)
Mobile Java
Using Vaadin to create HTML5-enabled web apps in pure Scala
MTC Spring 2013 - crossplatform woes - robert virkus - 2013-03-13
Mobile Delivery Run Through
PhoneGap/PhoneGap Build - Amsterdam Adobe Camp
PhoneGap: a brief history and apologia
【17-A-6】X-Platform Development with ngCore
Django Python(2)

Similar to Java based Cross-Platform Mobile Development (20)

ODP
Introduction to PhoneGap
ODP
Introduction to PhoneGap
ODP
Phonegap
PPSX
Doppl Code Sharing
PDF
【Primer】WebApp release in 3 hours! Programming from scratch Rails course
KEY
Mobile Drupal
PPT
Rhodes Ruby Nation
PDF
2011 Mobile & Web technologies
PPTX
An introduction to Apache Cordova
PDF
"React Native" by Vanessa Leo e Roberto Brogi
PDF
"Reinventing the Dialplan" slides from Twilio's Astricon 2009 talk
KEY
Notes (2012-06-08)
PDF
Native Application Development Company
PDF
2016 App vs. Web: Differences & Trends
PDF
Ionic Framework
PPTX
Native v s hybrid
DOC
React native vs flutter
PDF
Firefox OS / B2G and the future of the web
PDF
One App, Multiple Platforms
PPTX
Standards for statistical data dissemination: a wish list
Introduction to PhoneGap
Introduction to PhoneGap
Phonegap
Doppl Code Sharing
【Primer】WebApp release in 3 hours! Programming from scratch Rails course
Mobile Drupal
Rhodes Ruby Nation
2011 Mobile & Web technologies
An introduction to Apache Cordova
"React Native" by Vanessa Leo e Roberto Brogi
"Reinventing the Dialplan" slides from Twilio's Astricon 2009 talk
Notes (2012-06-08)
Native Application Development Company
2016 App vs. Web: Differences & Trends
Ionic Framework
Native v s hybrid
React native vs flutter
Firefox OS / B2G and the future of the web
One App, Multiple Platforms
Standards for statistical data dissemination: a wish list
Ad

More from Peter Friese (20)

PDF
Building Reusable SwiftUI Components
PDF
Firebase & SwiftUI Workshop
PDF
Building Reusable SwiftUI Components
PDF
Firebase for Apple Developers - SwiftHeroes
PDF
 +  = ❤️ (Firebase for Apple Developers) at Swift Leeds
PDF
async/await in Swift
PDF
Firebase for Apple Developers
PDF
Building Apps with SwiftUI and Firebase
PDF
Rapid Application Development with SwiftUI and Firebase
PDF
Rapid Application Development with SwiftUI and Firebase
PDF
6 Things You Didn't Know About Firebase Auth
PDF
Five Things You Didn't Know About Firebase Auth
PDF
Building High-Quality Apps for Google Assistant
PDF
Building Conversational Experiences with Actions on Google
PDF
Building Conversational Experiences with Actions on Google
PDF
What's new in Android Wear 2.0
PDF
Google Fit, Android Wear & Xamarin
PDF
Introduction to Android Wear
PDF
Google Play Services Rock
PDF
Introduction to Android Wear
Building Reusable SwiftUI Components
Firebase & SwiftUI Workshop
Building Reusable SwiftUI Components
Firebase for Apple Developers - SwiftHeroes
 +  = ❤️ (Firebase for Apple Developers) at Swift Leeds
async/await in Swift
Firebase for Apple Developers
Building Apps with SwiftUI and Firebase
Rapid Application Development with SwiftUI and Firebase
Rapid Application Development with SwiftUI and Firebase
6 Things You Didn't Know About Firebase Auth
Five Things You Didn't Know About Firebase Auth
Building High-Quality Apps for Google Assistant
Building Conversational Experiences with Actions on Google
Building Conversational Experiences with Actions on Google
What's new in Android Wear 2.0
Google Fit, Android Wear & Xamarin
Introduction to Android Wear
Google Play Services Rock
Introduction to Android Wear
Ad

Recently uploaded (20)

PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PDF
Machine learning based COVID-19 study performance prediction
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PPTX
MYSQL Presentation for SQL database connectivity
PPTX
Big Data Technologies - Introduction.pptx
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PPTX
Cloud computing and distributed systems.
PDF
Empathic Computing: Creating Shared Understanding
PDF
Assigned Numbers - 2025 - Bluetooth® Document
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
PPTX
Spectroscopy.pptx food analysis technology
PPTX
Programs and apps: productivity, graphics, security and other tools
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
Machine learning based COVID-19 study performance prediction
Digital-Transformation-Roadmap-for-Companies.pptx
“AI and Expert System Decision Support & Business Intelligence Systems”
Spectral efficient network and resource selection model in 5G networks
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
MYSQL Presentation for SQL database connectivity
Big Data Technologies - Introduction.pptx
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Cloud computing and distributed systems.
Empathic Computing: Creating Shared Understanding
Assigned Numbers - 2025 - Bluetooth® Document
Mobile App Security Testing_ A Comprehensive Guide.pdf
MIND Revenue Release Quarter 2 2025 Press Release
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Spectroscopy.pptx food analysis technology
Programs and apps: productivity, graphics, security and other tools
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx

Java based Cross-Platform Mobile Development

  • 3. Peter Friese @peterfriese peter.friese@zuehlke.com xing.to/peter http://peterfriese.de (c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • 4. Popular Architectural Patterns for Mobile ti ve L5 ed a T M pret N H r In te s- e b br id s d ro ile W Hy C p om c
  • 5. Java == the most popular language for mobile? ableView th *)indexPath JS 1.2% ndexPath.row]; er Java 17.2% oc] init]; er.speaker = iewController Objective-C 9.5% C# 6.5% Source: TIOBE Programming Community Index for October 2012
  • 6. So Why Don’t ? We Use Java to build Mobile Apps? http://petux7.deviantart.com/art/java-cup-208839517
  • 10. mgwt Features Runs on webkit iOS, Android, BlackBerry Native-looking UI Theming for Android / iOS Access to platform (gwt-phonegap)
  • 11. How does Vaadin TouchKit work?
  • 12. Demo
  • 13. Vaadin TouchKit Features Supports iOS, Android Rich collection of UI components iOS-Look’n’Feel Configurable offline support Access to platform via PhoneGap
  • 15. PhoneGap Build - Wrap your App Upload your HTML-based app Build for iOS Android Windows Phone BlackBerry Download binary via QR code Publish to app store
  • 16. PhoneGap Build - Wrap your App http://build.phonegap.com
  • 17. How does Tabris work? Native App http:// (JSON) RAP Mobile Engine RAP App (Java) iPhone Device RAP Server N ) SO (J :// tp ht Native App Files Images Other Resources Database RAP Mobile Engine Android Device Backend
  • 18. Demo
  • 19. Tabris Features Supports iOS, Android Rich collection of UI components (Mostly) native look’n’feel No offline support - needs to be online Access to platform via bridge or native
  • 20. Want to know more about these patterns? ti ve L5 ed a T M pret N H r In te s- e b br id s d ro ile W Hy C p om c Get in touch: peter.friese@zuehlke.com
  • 21. Peter Friese om peter.friese@zuehlke.c hlke Engineering Gm bH Available for cons Zü Am Sandtorkai 66 ulting, 20457 Hamburg projects, discuss ing +49 151 108 604 72 all things mobile - and frostynbteer coffei aev d agenks dri s! !