Your SlideShare is downloading. ×
0
HTML5 Hybrid Mobile Development Using Eclipse
HTML5 Hybrid Mobile Development Using Eclipse
HTML5 Hybrid Mobile Development Using Eclipse
HTML5 Hybrid Mobile Development Using Eclipse
HTML5 Hybrid Mobile Development Using Eclipse
HTML5 Hybrid Mobile Development Using Eclipse
HTML5 Hybrid Mobile Development Using Eclipse
HTML5 Hybrid Mobile Development Using Eclipse
HTML5 Hybrid Mobile Development Using Eclipse
HTML5 Hybrid Mobile Development Using Eclipse
HTML5 Hybrid Mobile Development Using Eclipse
HTML5 Hybrid Mobile Development Using Eclipse
HTML5 Hybrid Mobile Development Using Eclipse
HTML5 Hybrid Mobile Development Using Eclipse
HTML5 Hybrid Mobile Development Using Eclipse
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

HTML5 Hybrid Mobile Development Using Eclipse

1,781

Published on

Great Wide Open 2014 - Day 2 …

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

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,781
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
25
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. @burrsutter HTML5 Hybrid Mobile Dev using Eclipse Burr Sutter JBoss by Red Hat
  • 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. @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. @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. @burrsutter Phonegap/Apache Cordova Device APIs Accelerometer Camera Compass Console Connection Contacts Device Events File Geolocation Media Notification Storage
  • 6. @burrsutter Mobile Web/Hybrid Tools
  • 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. @burrsutter
  • 9. Demo @burrsutter
  • 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. @burrsutter Aerogear – Mobile SDKs & Push
  • 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. @burrsutter APNS & GCM
  • 14. Demo @burrsutter
  • 15. @burrsutter OpenShift.com

×