of 27/27
Client or Partner logo and Together. Free your energie Architecting RIAs With the Adobe Flash Platform …and what about JavaFX? Mark Nankman

Architecting RIAs

  • View

  • Download

Embed Size (px)


A deck of slides I used for a presentation about Architecting RIAs on the Adobe Flash Platform and whether the practices applied could be used with JavaFX. I concluded the presentation with a small comparison between Flex/AIR and JavaFX.

Text of Architecting RIAs

  • 1. Architecting RIAsWith the Adobe Flash Platform and what about JavaFX? Mark Nankman

2. Contents

  • RIA
  • Adobe Flex
  • Adobe AIR
  • Adobe LifeCycle
  • Bonus material: Adobe Flex compared to JavaFX

3. RIA

  • Rich
  • Internet
  • Application

"Rich Internet applications (RIAs) are emerging as vehicles to enable the next generation of Information Workplaces that are best suited for decision-makers and task-oriented workers who engage in complex, multistep processes people who need seamless, individualized, and highly visual user experiences." Forrester: 4. TIA versus RIA Backofficesystems database Business logic Application server Web server Web browser HTTP GET/POST HTML Backofficesystems database Business logic Application server Presentation server Web server Web browser HTTP GET/POST XML or compressedbinary data RIA Engine Application GUI RenderingRemoting Data Manager TIA RIA 5. Server-side MVC Architecture Server Client http://osteele.com/archives/2004/08/web-mvc Model View Controller Model View Controller 6. RIA MVC Architecture Server Client http://osteele.com/archives/2004/08/web-mvc Model Model View Controller 7. RIA Architecture blueprint: MVCS Views Services Models populates references notifies communicates interacts http://joeberkovitz.com/blog/reviewtube/ Media Service Comment Service Video Player Controller interface interface Video Browser Login, Search Collection VideoInfo Comment Comment Session interface 8. MVCS In Summary

  • Model :semantic dataonly
  • View :interaction and presentationonly
  • Controller :actions ,mediation ,cross-cutting concerns
  • Services :communicationonly

9. Prototype Take into production U S E RE X P E R I E N C Ea n dT E C H N O L O G Y Project initiation Project acceptance Produce graphic design Accessability training Platform installation Technical design Usability test Usability tests RIA Competence Center, a RIA specific project methodology Definition Launch Construction Design Graphical design Style guide Terminology, Methodology: Deliver, Test plan: functional testing & stress testing Quality User manual, Administration manual, Technical documentation Documentation User training, Administrator training, Developer training Training Meetings, Procedures: Delivery management, Incidence Management & Change Management Project Management RIA Architecture Backoffice Architecture Database schemas Visual Concept Usability requirements Accessability reqs. content tree Content architecture content templates Specifications Use cases Datamodel Programming RIA Components Backoffice components Database Scenarios Persona design usage scenarios Objectives Taskdefinitions 10. The Flash Platform 11. The Flash Platform (2) 12. The Flash Player

  • Flash VM
  • Actionscript VM
  • Tamarin
  • Flash Player 10ARM Processors

13. Flex

  • Platform
  • Framework
  • Example applications
    • http://www.volkswagen.co.uk/used/search
    • http://www.miele.nl

14. How Flex Works ... 9 MXML and ActionScript Compile XML/HTTP REST SOAP Web Services JEE Application Server LC Data ServicesWeb Server Existing Applications and Infrastructure Flex Builder 3 IDE Flex SDK 3 MXML ActionScript Flex Class Library .swf .swf HTTP/S AMF/S RTMP/S SOAP RIA Clients Flash Player Adobe AIR 15. Flex Architecture sketch 16. AIR

  • Desktop applications
  • Reuse your Flex skills
  • Reuse your Ajax skills
  • Example applications:
    • Balsamiq Mockups
    • Google Analytics

17. LiveCycle Enterprise Suite Cross-Platform Clients User Interface Technologies Tooling Solution Components Foundation LIVECYCLEES ENTERPRISE SUITE Designer Workbench Flex Builder Common Administration, Invocation, Orchestration, Security Existing Customer Infrastructure PDF Flex ECM CRM/SFA ERP LDAP ... Reader Flash Browser AIR Forms ES Reader Extensions ES Barcoded Forms ES Data Services ES PDF Generator ES Rights Management ES Digital Signatures ES PDF Generator 3D ES Data Capture Information Assurance Document Output Output ES Production Print ES Process Management Process Management ES Business Activity Monitoring ES Content Services ES ES Connectors for ECM Content Services 18. BlazeDS

  • Open Source
  • undressed version of LCDS
  • http://www.adobe.com/devnet/livecycle/articles/blazeds_gettingstarted.html

19. Flex Micro architecture: Cairngorm 20. Flash vs. JavaFX Vs. 21. JavaFX 22. JavaFX Platform 23. What is JavaFX?

  • A programming language
  • A UI framework
  • A platform

24. Hello Flex 25. Hello JavaFX 26. JavaFX-Flex comparison

  • Cross platform
  • Well suited for mobile
  • Infantile, but mature foundation
  • Clean code
  • Robust
  • Fast, well okay not really yet
  • Extremely cool
  • Cross platform
  • To heavy for mobile
  • Mature
  • Robust
  • Messy (XML + code)
  • Fast
  • Enterprise( boring?)

27. Questions