Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introduction To Adobe Flex And Semantic Resources


Published on

This presentation was used at the Semantic Technology Conference in San Jose on June 18, 2009 by Keith Sutton, Silicon Valley Flex User Group (SilvaFUG) Manager

Published in: Technology, Business
  • Be the first to comment

Introduction To Adobe Flex And Semantic Resources

  1. 1. Keith Sutton Silicon Valley Flex User Group (SilvaFUG) Introduction to Adobe Flex and available Semantic Technology Resources
  2. 2. Agenda <ul><li>What is Flex? </li></ul><ul><li>Elements of a semantic application </li></ul><ul><li>Flex and Actionscript Resources </li></ul><ul><li>Available Examples </li></ul>
  3. 3. What is Flex? <ul><li>Flex is a framework for building: </li></ul><ul><ul><li>Rich Internet Applications (RIA) – Browser-based applications that look like applications (running on Flash Player) </li></ul></ul><ul><ul><li>Desktop applications that run on Adobe Integrated Runtime (AIR) </li></ul></ul><ul><li>Available as: </li></ul><ul><ul><li>Free SDK: </li></ul></ul><ul><ul><li>Commercial Package: Flex/Flash Builder (Eclipse based IDE): </li></ul></ul>
  4. 4. Why Flex for Semantic Applications <ul><li>Flex compiles applications that run on Flash Player – so what ? </li></ul><ul><ul><li>Secure platform </li></ul></ul><ul><ul><li>Deploy globally </li></ul></ul><ul><ul><li>Substantial visual capabilities </li></ul></ul><ul><ul><li>Embodies 10+ years of design experience </li></ul></ul><ul><ul><li>Runtime is Free :) and Cross-Platform </li></ul></ul><ul><li>Bottom-line easy to create and deploy visually engaging user experiences </li></ul>
  5. 5. Design and Development Workflow
  6. 6. Eclipse-based IDE
  7. 7. Building Applications MXML ActionScript IDE
  8. 8. Compiling & Running RIA MXML ActionScript ActionScript Browser .swf Desktop Web Server First time access .swf Compiler
  9. 9. Compiling & Running AIR MXML ActionScript ActionScript Browser .air Desktop First time access .air Compiler Web Server
  10. 10. Elements of a Semantic Web App Data Mgmt User Interface Components - Visualization - Connectivity Logic Client Triple Store SPARQL endpoint Service REST Objects RPC Search HTTP XML, JSON, SOAP, Serialized Binary
  11. 11. Connectivity <ul><li>HTTPService – HTTP Get/Post (REST-Style) </li></ul><ul><ul><li>XML, JSON </li></ul></ul><ul><ul><li> </li></ul></ul><ul><li>WebService - Simple Object Access Protocol (SOAP) </li></ul><ul><ul><li>XML, JSON </li></ul></ul><ul><ul><li> </li></ul></ul><ul><li>Remote Object - Adobe Action Message Format (AMF) </li></ul><ul><ul><li>RPC – serialized binary </li></ul></ul><ul><ul><li> </li></ul></ul>
  12. 12. Data Management <ul><li>XML – native XML, XMLList and XMLListCollection </li></ul><ul><li>JSON – multiple libraries available </li></ul><ul><ul><li> </li></ul></ul><ul><ul><li> </li></ul></ul><ul><li>XMP – ActionScript add-on available from Adobe </li></ul><ul><ul><li> </li></ul></ul><ul><ul><li> </li></ul></ul><ul><li>RDF-XML under construction </li></ul><ul><ul><li> </li></ul></ul>
  13. 13. Logic <ul><li>ActionScript – object oriented language </li></ul><ul><ul><li>Build what you need </li></ul></ul><ul><li>Application frameworks </li></ul><ul><ul><li> </li></ul></ul><ul><ul><li> </li></ul></ul><ul><ul><li> </li></ul></ul><ul><ul><li> </li></ul></ul><ul><li>Semantic logic ??? </li></ul>
  14. 14. UI Graph Visualization <ul><li>Open Source graph visualization libraries </li></ul><ul><ul><li>SpringGraph: </li></ul></ul><ul><ul><li>BirdEye: </li></ul></ul><ul><ul><li>Flare: </li></ul></ul><ul><ul><li>Kaplab: </li></ul></ul><ul><li>Commercial </li></ul><ul><ul><li>YFiles: </li></ul></ul>
  15. 15. RDF Visualization Example <ul><li>SPARQL Browser: </li></ul>
  16. 16. Have a look yourself <ul><li>Coding in MXML and Actionscript </li></ul><ul><li>Tour de Flex </li></ul><ul><ul><li> </li></ul></ul><ul><li>FlexBook </li></ul><ul><ul><li> </li></ul></ul>