Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
@burrsutter
HTML5 Hybrid Mobile Dev
using Eclipse
Burr Sutter
JBoss by Red Hat
@burrsutter
EE6
HTML5
Mobile
iOS/Android
Phonegap/Cordova
Grails/Rails
Scala/Clojure
Maven/Gradle
Git
Node.js
MongoDB/Redi...
@burrsutter
Mobile Explosion: Nov 2010 to Dec 2011
Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec '11
iOS 4.2.5
Verizon i...
@burrsutter
Mobile Web vs Apps
Mobile Web
<html>
<body>
<div id=”name”/>
<script src=”x.js”/>
</body>
</html>
Native Shell...
@burrsutter
Phonegap/Apache Cordova Device APIs
Accelerometer
Camera
Compass
Console
Connection
Contacts
Device
Events
Fil...
@burrsutter
Mobile Web/Hybrid Tools
@burrsutter
JBoss Tools Features
• Mobile/HTML5:
•jQuery Mobile Palette
•BrowserSim
•CordovaSim - beta as of Nov 2013
•Hyb...
@burrsutter
Demo
@burrsutter
@burrsutter
Aerogear Features
• Push:Apple Push Notification System (APNS), Google Cloud
Messaging (GCM), SimplePush (web ...
@burrsutter
Aerogear – Mobile SDKs & Push
@burrsutter
Push Types
• App or Web? APNS/GCM require a real app
• Possibly offline - APNS/GCM will work even if the app
b...
@burrsutter
APNS & GCM
Demo
@burrsutter
@burrsutter
OpenShift.com
Prochain SlideShare
Chargement dans…5
×

HTML5 Hybrid Mobile Development Using Eclipse

3 671 vues

Publié le

Great Wide Open 2014 - Day 2
Burr Sutter - RedHat
11:30 AM - Developers 1

  • Soyez le premier à commenter

HTML5 Hybrid Mobile Development Using Eclipse

  1. 1. @burrsutter HTML5 Hybrid Mobile Dev using Eclipse Burr Sutter JBoss by Red Hat
  2. 2. @burrsutter EE6 HTML5 Mobile iOS/Android Phonegap/Cordova Grails/Rails Scala/Clojure Maven/Gradle Git Node.js MongoDB/Redis Hadoop *-aaS 10s Asynchronous Reactive 00s MVC – Struts DI- Spring ORM – Hibernate XML WS-* JSF RIA/AJAX Agile AutomatedTesting CI SVN Linux AJAX ClientGUI/Event Request/Response 90s HTTP/HTML CGI GET/POST Cookies Java Servlet EJB Windows NT Solaris/AIX 80s C/C++ 4GLs RDBMS/SQL Unix Interactive Distributed 70s COBOL JCL WFL Batch Programmer Evolution
  3. 3. @burrsutter Mobile Explosion: Nov 2010 to Dec 2011 Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec '11 iOS 4.2.5 Verizon iPhone iOS 4.3 iPad2 iOS 5.0 iPhone 4S Verizon OTA Gingerbread (2.3) Amazon Kindle Fire Dec ASUS Transformer RIM Playbook CES Motorola Xoom Toshiba Thrive iOS 4.2.1 Nov '10 HTC EVO 4G Sony Xperia Play Nexus Prime Samsung Galaxy S2 Blackberry Bold 9900 Windows Phone MangoWindows Phone 7.0 Windows Phone NoDo Dozens of new devices ship annually Multiply by the number of OS versions (Android 2.2, 2.3, 3.0, iOS 4.x, 5, Blackberry 7,Windows 7.0, 7.5) Multiply by the number of wireless carriers (Verizon,AT&T,Vodafone...)
  4. 4. @burrsutter Mobile Web vs Apps Mobile Web <html> <body> <div id=”name”/> <script src=”x.js”/> </body> </html> Native Shell Native App Native Code Apple apple apple Android android Windows windows IOS ios ios Jave Objectve c <html> <body> <div id=”name”/> <script src=”x.js”/> </body> </html> HTML5HTML5 Device Browser Apache Cordova Objective-C Android JavaPros: Instant Deployment Reuse of Web Talents No App Stores Cons: Limited Device Features Limited Offline Capabilities No Push No App Stores Pros: Cross-Platform Native Device Features Push App Stores Cons: HTML/JS-based UI Non-native look & feel App Stores Pros: Limitless capability Cons: Unique Codebases Unique skillsets Addressing multiple screen dimensions
  5. 5. @burrsutter Phonegap/Apache Cordova Device APIs Accelerometer Camera Compass Console Connection Contacts Device Events File Geolocation Media Notification Storage
  6. 6. @burrsutter Mobile Web/Hybrid Tools
  7. 7. @burrsutter JBoss Tools Features • Mobile/HTML5: •jQuery Mobile Palette •BrowserSim •CordovaSim - beta as of Nov 2013 •Hybrid Mobile (Cordova) Application Project wizard – beta • Java EE: JSF, CDI, JPA, etc • Hibernate, Maven, OpenShift, RichFaces, Forge • Tooling Base for: Switchyard, Drools, jBPM, Riftsaw, etc.
  8. 8. @burrsutter
  9. 9. Demo @burrsutter
  10. 10. @burrsutter Aerogear Features • Push:Apple Push Notification System (APNS), Google Cloud Messaging (GCM), SimplePush (web browser) • Client SDKs: JavaScript, iOS,Android and Apache Cordova • Secured CRUD • OTP (One Time Password) • Coming Soon: Encryption, DataSync, Offline, Cordova GeoFencing...
  11. 11. @burrsutter Aerogear – Mobile SDKs & Push
  12. 12. @burrsutter Push Types • App or Web? APNS/GCM require a real app • Possibly offline - APNS/GCM will work even if the app backgrounded or not yet even launched • APNS/GCM is not for “streaming” - more like SMS – smallish messages that arrive asynchronously, not guaranteed delivery • APNS/GCM is battery friendly • APNS/GCM has a relatively small data payload – useful for triggering a “call-back” to the server • iOS Users have control over placement/alert style, DND
  13. 13. @burrsutter APNS & GCM
  14. 14. Demo @burrsutter
  15. 15. @burrsutter OpenShift.com

×