HTML5 Hybrid Mobile Development Using Eclipse
•
1 like•3,825 views
Great Wide Open 2014 - Day 2 Burr Sutter - RedHat 11:30 AM - Developers 1
Recommended
More Related Content
What's hot
Similar to HTML5 Hybrid Mobile Development Using Eclipse
Similar to HTML5 Hybrid Mobile Development Using Eclipse (20)
More from Great Wide Open
More from Great Wide Open (20)
Recently uploaded
Recently uploaded (20)
HTML5 Hybrid Mobile Development Using Eclipse
- 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
- 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
- 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
- 14. Demo @burrsutter