Anna-Maria Metzak  http://twitter.com/anna_metzak ,   Elena-Oana  Tabaranu  http://twitter.com/oanat   FII, UAIC 2009 Adob...
What is Adobe Flex? <ul><ul><li>Free open source framework
Released by Adobe Systems
Created for the development and deployment of cross-platform RIA
Based on the Adobe Flash platform.  </li></ul></ul>
Flex is more than Flash <ul>Language: <ul><li>MXML tags (Macromedia XML)
object oriented language – ActionScript </li></ul>Applications: <ul><li>Web applications (Flash Player)
Desktop applications (AIR) </li></ul></ul>
Flex Components <ul><ul><li>User Interface Components  </li><ul><li>buttons, list boxes, trees, data grids, text controls,...
charts
graphs   </li></ul><li>Web Services
Drag and Drop
Modal Dialogs
Animation Effects
Application States
Upcoming SlideShare
Loading in...5
×

Adobe Flex Framework

1,304

Published on

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

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

No notes for slide

Adobe Flex Framework

  1. 1. Anna-Maria Metzak http://twitter.com/anna_metzak , Elena-Oana Tabaranu http://twitter.com/oanat FII, UAIC 2009 Adobe Flex Framework
  2. 2. What is Adobe Flex? <ul><ul><li>Free open source framework
  3. 3. Released by Adobe Systems
  4. 4. Created for the development and deployment of cross-platform RIA
  5. 5. Based on the Adobe Flash platform. </li></ul></ul>
  6. 6. Flex is more than Flash <ul>Language: <ul><li>MXML tags (Macromedia XML)
  7. 7. object oriented language – ActionScript </li></ul>Applications: <ul><li>Web applications (Flash Player)
  8. 8. Desktop applications (AIR) </li></ul></ul>
  9. 9. Flex Components <ul><ul><li>User Interface Components </li><ul><li>buttons, list boxes, trees, data grids, text controls, layout containers
  10. 10. charts
  11. 11. graphs </li></ul><li>Web Services
  12. 12. Drag and Drop
  13. 13. Modal Dialogs
  14. 14. Animation Effects
  15. 15. Application States
  16. 16. Form Validation
  17. 17. ... </li></ul></ul>
  18. 18. Flex vs Ajax <ul><li>Flex </li><ul><li>Is stateless
  19. 19. Not indicated for text-heavy pages - Flash Player is less efficient at handling large amounts of text than the browser </li></ul><li>Ajax </li><ul><li>Not the right choice for an application with complex interactivity requirements (no IDE)
  20. 20. Development and debugging can often be complicated </li></ul><li>Flex and Ajax </li><ul><li>Often the right choice
  21. 21. Flex-Ajax Bridge - facilitates communication between JavaScript and a Flex SWF </li></ul></ul>
  22. 22. RIA Server Architecture Basics
  23. 23. Communication Between Flex And The Application Server <ul><li>HTTPService </li><ul><ul><li>HTTP(S) requests (mostly GET or POST)
  24. 24. transport various content types, from simple URLEncoded variables to more complex data like XML
  25. 25. used to communicate with a simple script or page like a JSP page, an ASP page or a PHP script. </li></ul></ul><li>WebService </li><ul><ul><li>SOAP messages over HTTP
  26. 26. ActionScript complex types are automatically mapped from and to SOAP/XMLschema data. </li></ul></ul><li>RemoteObject </li><ul><ul><li>ActionScript Message Format (AMF) data (not a transfer protocol, it is binary ActionScript)
  27. 27. dramatically faster than any other mean of communication (send and receive strongly typed objects)
  28. 28. the ActionScript serialization/deserialization process takes place on the server side </li></ul></ul></ul>
  29. 29. Flex application architecture as MVC
  30. 30. MVC - View layer
  31. 31. MVC - Model layer <ul><li>Stores data
  32. 32. Often implemented as Singleton
  33. 33. Uses Value Objects </li></ul>
  34. 34. MVC – Controller layer <ul><li>Logic between the View and the Model
  35. 35. Update the Model
  36. 36. Listen to the View </li></ul>
  37. 37. MVC – the Business layer <ul><li>Communicate with the Application Server to let it update the web application's Model, i.e. the DataBase </li></ul>
  38. 38. Architecture Frameworks <ul><li>Cairngorm
  39. 39. PureMVC
  40. 40. Mate
  41. 41. Swiz
  42. 42. ... </li></ul>
  43. 43. Limitations <ul><li>Flex content is not indexed by search engines
  44. 44. Text fields don't remember previous entries
  45. 45. Password manager doesn't work
  46. 46. Browser shortcuts like “Ctrl+T” don't work </li></ul>
  47. 47. Reasons to use Flex <ul><li>No More Browser Compliance Testing.
  48. 48. ECMAScript for XML (E4X)
  49. 49. No More Interface Layout Pain.
  50. 50. Simple Field Validation.
  51. 51. Rich Media Support.
  52. 52. True Separation of Presentation and Content.
  53. 53. The Flex Development Environment.
  54. 54. CSS
  55. 55. Adobe AIR (Apollo) </li></ul>
  1. Gostou de algum slide específico?

    Recortar slides é uma maneira fácil de colecionar informações para acessar mais tarde.

×