Building Cross-Device Apps with Flex and Spring@_JamesWard<br />
Native Apps and Web Apps - GALORE!<br />Native<br />App<br />Native<br />App<br />Native<br />App<br />Native<br />App<br ...
One Tool, One Language, One Codebase<br />Any Platform<br />Flex Application<br />                AIR              Flash P...
Flash Platform - A complete system for web innovation<br />
AIR extends the benefits of Flash Player<br /><ul><li>Richer and more engaging user experiences out of the browser
Empower Flash developers to deploy applications in app catalogs
Leverage desktop AIR app ecosystem
Shared codebase and porting with Flash Player</li></ul>Geo-Location<br />SQLite<br />Application Update Framework<br />App...
Demo Tour de Mobile Flex<br />
Deploying AIR Mobile Applications<br />App.apk<br />Android Market<br />Android Device<br />App.air<br />App.ipk<br />iTun...
How Flex Works<br />Adobe AIR<br />RTMP/S<br />AMF/S<br />HTTP/S<br />SOAP<br />.swf<br />.swf<br />Flex Builder IDE<br />...
Demo Quick Mobile App<br />
Upcoming SlideShare
Loading in …5
×

Building Cross-Device Apps with Flex and Spring

1,973 views
1,898 views

Published on

Today, users want apps in the browser, on their desktop, phone, tablet, and TV. Reusing code across all of these devices is now crucial for developers. By combining Flex for the UI with Spring and Hibernate for the back-end, developers can build apps that work on a variety of devices including PCs, Android phones / tablets, the BlackBerry PlayBook tablet, iPhones, and iPads. This session will walk developers through the steps for creating these cross-device apps with Flex and Java.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,973
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Building Cross-Device Apps with Flex and Spring

  1. 1. Building Cross-Device Apps with Flex and Spring@_JamesWard<br />
  2. 2. Native Apps and Web Apps - GALORE!<br />Native<br />App<br />Native<br />App<br />Native<br />App<br />Native<br />App<br />Web<br />App<br />Web<br />App<br />Desktop OSs<br />Desktop Browsers<br />Android<br />Blackberry<br />iOS<br />Mobile Browsers<br />
  3. 3. One Tool, One Language, One Codebase<br />Any Platform<br />Flex Application<br /> AIR Flash Player <br />Goal of the Flash Platform<br />​<br />Desktop OSs<br />Desktop Browsers<br />Android<br />Blackberry<br />iOS<br />Mobile Browsers<br />
  4. 4. Flash Platform - A complete system for web innovation<br />
  5. 5. AIR extends the benefits of Flash Player<br /><ul><li>Richer and more engaging user experiences out of the browser
  6. 6. Empower Flash developers to deploy applications in app catalogs
  7. 7. Leverage desktop AIR app ecosystem
  8. 8. Shared codebase and porting with Flash Player</li></ul>Geo-Location<br />SQLite<br />Application Update Framework<br />Application Lifecycle<br />.AIR File format for multi-screen applications<br />Enhanced Application Security model<br />Marketplace Distribution<br />Mobile Hardware Softkey Support<br />File-System Access (if allowed)<br />MediaLibrary API<br />Native Extensibility<br />ActionScript3 Support<br />Memory, battery & CPU optimizations<br />Audio/Video hardware decoding<br />Optimized SWF management<br />Multi-touch and Gestures<br />Hardware Acceleration<br />Mobile Text input<br />
  9. 9. Demo Tour de Mobile Flex<br />
  10. 10. Deploying AIR Mobile Applications<br />App.apk<br />Android Market<br />Android Device<br />App.air<br />App.ipk<br />iTunes App Store<br />iOS Device<br />App.bar<br />BlackBerry App World<br />RIM Device<br />
  11. 11. How Flex Works<br />Adobe AIR<br />RTMP/S<br />AMF/S<br />HTTP/S<br />SOAP<br />.swf<br />.swf<br />Flex Builder IDE<br />Browser<br />MXML and ActionScript<br />Flash Player<br />Flex SDK<br />MXML<br />ActionScript<br />Flex Class Library<br />Web Server<br />Compile<br />XML/HTTP<br />REST<br />SOAP Web Services<br />J2EE Application Server<br />BlazeDS or<br />LC Data Services<br />Existing Applications and Infrastructure<br />
  12. 12. Demo Quick Mobile App<br />
  13. 13. Flex with Java via Text-based Serialization<br />10<br />App Server<br />XML, JSON, etc<br />(RESTful / SOAP)<br />Web Service<br />Client<br />
  14. 14. 11<br />Demo Simple JSP, XML-RPC, WebService<br />
  15. 15. Remoting Performance Example<br />
  16. 16. Channels<br />Open Source BlazeDS<br />Long Polling<br />Messaging<br />Remoting<br />Producer<br />Consumer<br />RemoteObject<br />Polling<br />AMF<br />HTTP<br />Streaming<br />Piggyback<br />RPC<br />AMF<br />Pub/Sub<br />Real Time Push<br />Security<br />ColdFusion<br />SQL<br />Spring<br />WSRP<br />JMS<br />Java<br />Proxy<br />Services<br />Client-side APIs<br />Server-side <br />Infrastructure<br />Adapters<br />13<br />
  17. 17. Flex with Java via Binary Serialization<br />14<br />App Server<br />BlazeDS<br />POJO<br />AMF<br />Spring Bean<br />Endpoint<br />Client<br />EJB<br />Other<br />
  18. 18. 15<br />Demo Simple Remoting<br />
  19. 19. Flex with Java via Messaging<br />16<br />Messaging<br />System X<br />Adapter X<br />JMS<br />Provider<br />JMS Adapter<br />Messaging<br />System Y<br />Adapter Y<br />App Server<br />BlazeDS<br />Message<br />Service<br />Endpoint<br />AMF<br />Publisher<br />Subscriber<br />
  20. 20. 17<br />Demo Simple Messaging<br />
  21. 21. Putting it All Together - SnapIt Live!<br />18<br />Tomcat 7 with Spring and BlazeDS<br />AIR App<br />DB<br />Take picture<br />PhotoService.addPhoto(picture)<br />Hibernate<br />(AMF Remoting)<br />Web App<br />PictureUpdates<br />Message<br />Service<br />New pictures<br />(AMF Messaging)<br />Desktop App<br />New pictures<br />(AMF Messaging)<br />Spring Integration<br />System Notification<br />www.snapitlive.com<br />

×