Keith Sutton Silicon Valley Flex User Group (SilvaFUG)  http://silvafug.org Introduction to Adobe Flex and available Seman...
Agenda <ul><li>What is Flex? </li></ul><ul><li>Elements of a semantic application </li></ul><ul><li>Flex and Actionscript ...
What is Flex? <ul><li>Flex is a framework for building: </li></ul><ul><ul><li>Rich Internet Applications (RIA) – Browser-b...
Why Flex for Semantic Applications <ul><li>Flex compiles applications that run on Flash Player – so what ? </li></ul><ul><...
Design and Development Workflow
Eclipse-based IDE
Building Applications MXML ActionScript IDE
Compiling & Running RIA MXML ActionScript ActionScript Browser .swf Desktop Web Server First time access .swf Compiler
Compiling & Running AIR MXML ActionScript ActionScript Browser .air Desktop First time access .air Compiler Web Server
Elements of a Semantic Web App Data Mgmt User Interface Components - Visualization - Connectivity Logic Client Triple Stor...
Connectivity <ul><li>HTTPService – HTTP Get/Post (REST-Style) </li></ul><ul><ul><li>XML, JSON </li></ul></ul><ul><ul><li>h...
Data Management <ul><li>XML – native XML, XMLList and XMLListCollection </li></ul><ul><li>JSON – multiple libraries availa...
Logic <ul><li>ActionScript – object oriented language </li></ul><ul><ul><li>Build what you need </li></ul></ul><ul><li>App...
UI Graph Visualization <ul><li>Open Source graph visualization libraries </li></ul><ul><ul><li>SpringGraph:   http://mark-...
RDF Visualization Example <ul><li>SPARQL Browser:  http://ccgi.arutherford.plus.com/website/flex/dbPedia/sparqlQueryViewer...
Have a look yourself <ul><li>Coding in MXML and Actionscript  http://www.adobe.com/devnet/flex/quickstart/coding_with_mxml...
Upcoming SlideShare
Loading in …5
×

Introduction To Adobe Flex And Semantic Resources

3,939 views
3,861 views

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
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

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

No notes for slide

Introduction To Adobe Flex And Semantic Resources

  1. 1. Keith Sutton Silicon Valley Flex User Group (SilvaFUG) http://silvafug.org 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: http://www.adobe.com/cfusion/entitlement/index.cfm?e=flex3sdk </li></ul></ul><ul><ul><li>Commercial Package: Flex/Flash Builder (Eclipse based IDE): http://www.adobe.com/cfusion/entitlement/index.cfm?e=flexbuilder3 </li></ul></ul>http://www.adobe.com/products/flex/
  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>http://www.adobe.com/devnet/flex/quickstart/httpservice/ </li></ul></ul><ul><li>WebService - Simple Object Access Protocol (SOAP) </li></ul><ul><ul><li>XML, JSON </li></ul></ul><ul><ul><li>http://blog.flexexamples.com/2008/04/14/calling-a-simple-web-service-from-flex-using-the-webservice-class/ </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>http://livedocs.adobe.com/flex/3/html/help.html?content=data_access_4.html </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>http://www.darronschall.com/weblog/2006/02/actionscript-3-json-library-now-available.cfm </li></ul></ul><ul><ul><li>http://code.google.com/p/as3corelib/ </li></ul></ul><ul><li>XMP – ActionScript add-on available from Adobe </li></ul><ul><ul><li>http://labs.adobe.com/technologies/xmplibrary/ </li></ul></ul><ul><ul><li>http://www.brooksandrus.com/blog/2009/04/13/getting-down-and-dirty-with-xmp-and-as3/ </li></ul></ul><ul><li>RDF-XML under construction </li></ul><ul><ul><li>http://code.google.com/p/semanticflash/ </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>http://opensource.adobe.com/wiki/display/cairngorm/ </li></ul></ul><ul><ul><li>http://puremvc.org/ </li></ul></ul><ul><ul><li>http://www.asfusion.com/projects/mate/ </li></ul></ul><ul><ul><li>http://code.google.com/p/swizframework/ </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: http://mark-shepherd.com/blog/springgraph-flex-component/ http://mark-shepherd.com/SpringGraph/RoamerDemo/bin/RoamerDemo.html </li></ul></ul><ul><ul><li>BirdEye: http://code.google.com/p/birdeye/ http://birdeye.googlecode.com/svn/trunk/ravis/RaVisExamples/example-binaries/RaVisExplorer.html </li></ul></ul><ul><ul><li>Flare: http://flare.prefuse.org/ http://flare.prefuse.org/demo </li></ul></ul><ul><ul><li>Kaplab: http://lab.kapit.fr/display/visualizer/Visualizer </li></ul></ul><ul><li>Commercial </li></ul><ul><ul><li>YFiles: http://www.yworks.com/en/products_yfilesflex_about.html </li></ul></ul>
  15. 15. RDF Visualization Example <ul><li>SPARQL Browser: http://ccgi.arutherford.plus.com/website/flex/dbPedia/sparqlQueryViewer/ </li></ul>
  16. 16. Have a look yourself <ul><li>Coding in MXML and Actionscript http://www.adobe.com/devnet/flex/quickstart/coding_with_mxml_and_actionscript/ </li></ul><ul><li>Tour de Flex </li></ul><ul><ul><li>http://www.adobe.com/devnet/flex/tourdeflex/ </li></ul></ul><ul><li>FlexBook </li></ul><ul><ul><li>http://demo.quietlyscheming.com/book/Anatomy.html </li></ul></ul>

×