Drupal & Flash

3,113 views

Published on

Sketchy prez. about Drupal and Flash

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

No Downloads
Views
Total views
3,113
On SlideShare
0
From Embeds
0
Number of Embeds
223
Actions
Shares
0
Downloads
40
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Drupal & Flash

  1. 1. Drupal && Flash
  2. 2. Flash and buzz <ul><ul><li>Kinematics </li></ul></ul><ul><ul><li>3D imitation </li></ul></ul><ul><ul><li>Advanced motion handling </li></ul></ul><ul><ul><li>Graphic filters </li></ul></ul><ul><ul><ul><li>advanced media handling </li></ul></ul></ul>
  3. 3. Flash <ul><ul><li>Object oriented technology </li></ul></ul><ul><ul><ul><li>Java and ECMAScript mixing </li></ul></ul></ul><ul><ul><li>Internal and external client-server communication </li></ul></ul><ul><ul><ul><li>real-time media loading </li></ul></ul></ul><ul><ul><li>Reusable components </li></ul></ul><ul><ul><ul><li>ready to use form & media components </li></ul></ul></ul><ul><ul><li>Mobile devices </li></ul></ul>
  4. 4. Flex <ul><ul><li>Flash technology </li></ul></ul><ul><ul><li>XML based description language extension </li></ul></ul><ul><ul><li>Great UI element / layout support </li></ul></ul>
  5. 5. SWF <ul><li>Flash player </li></ul><ul><li>Browser </li></ul><ul><li>AIR </li></ul><ul><li>Desktop </li></ul><ul><ul><li>Container format </li></ul></ul><ul><ul><li>D*mn small </li></ul></ul>
  6. 6. How we can use Flash? <ul><ul><li>Graphics / animation </li></ul></ul><ul><ul><li>Media player </li></ul></ul><ul><ul><li>Data  visualizations </li></ul></ul><ul><ul><ul><li>graphs, trees, diagrams </li></ul></ul></ul><ul><ul><li>Games and applications </li></ul></ul><ul><ul><li>Better / more dynamic content displaying </li></ul></ul><ul><ul><ul><li>scrolling/zooming/moving </li></ul></ul></ul><ul><ul><ul><li>display object manipulation </li></ul></ul></ul><ul><ul><li>Website replacement </li></ul></ul>
  7. 7. Is Flash worth it? <ul><ul><li>Yes, if ... </li></ul></ul><ul><ul><ul><li>it's faster </li></ul></ul></ul><ul><ul><ul><li>provide a better way to give information </li></ul></ul></ul><ul><ul><ul><li>it gives new important features </li></ul></ul></ul><ul><ul><ul><li>mostly browser independent </li></ul></ul></ul><ul><ul><li>No, if ... </li></ul></ul><ul><ul><ul><li>it's another useless eyecandy </li></ul></ul></ul><ul><ul><ul><li>it's SEO killer </li></ul></ul></ul><ul><ul><ul><li>it slows down pageload radically </li></ul></ul></ul><ul><ul><ul><li>you don't give alternative content </li></ul></ul></ul>
  8. 8. What we have got in Drupal? <ul><ul><li>AMFPHP (6, service) </li></ul></ul><ul><ul><li>Asset API (5, file) </li></ul></ul><ul><ul><li>DIY Map (5, cont) </li></ul></ul><ul><ul><li>File Framework (6, file) </li></ul></ul><ul><ul><li>Flash Node (6, cont) </li></ul></ul><ul><ul><li>Image FUpload (6, file) </li></ul></ul><ul><ul><li>Mollom (6, ?) </li></ul></ul><ul><ul><li>SWFObject API (6, file) </li></ul></ul><ul><ul><li>SWF Tools (6, file) </li></ul></ul><ul><ul><li>SWFUpload (5, file) </li></ul></ul><ul><ul><li>SWX (5, service) </li></ul></ul><ul><ul><li>Tiny Player (x, file) </li></ul></ul><ul><ul><li>Trackit(5, file) </li></ul></ul><ul><ul><li>SWFAddress (5, service) </li></ul></ul><ul><ul><li>SWF Charts (5, chart) </li></ul></ul>
  9. 9. How Druplash | Druplex works?  
  10. 10. Client side communication <ul><ul><li>JavaScript connection </li></ul></ul><ul><ul><ul><li>class ExternalInterface() </li></ul></ul></ul>
  11. 11. Server side communication <ul><ul><li>Pure PHP connection ~ Ajax </li></ul></ul>
  12. 12. Server side communication <ul><ul><li>Services module </li></ul></ul><ul><ul><ul><li>XML-RPC </li></ul></ul></ul><ul><ul><ul><li>AMFPHP </li></ul></ul></ul><ul><ul><ul><li>SWX </li></ul></ul></ul>
  13. 13. AMFPHP <ul><ul><li>RPC </li></ul></ul><ul><ul><li>Binary format </li></ul></ul><ul><ul><ul><li>PHP extension </li></ul></ul></ul><ul><ul><li>Deploy to Services: </li></ul></ul><ul><ul><ul><li>define service for Services module </li></ul></ul></ul><ul><ul><ul><ul><li>params </li></ul></ul></ul></ul><ul><ul><ul><li>provide function </li></ul></ul></ul><ul><ul><ul><ul><li>return value </li></ul></ul></ul></ul>
  14. 14. SEO <ul><ul><li>URL </li></ul></ul><ul><ul><li>Page elements </li></ul></ul><ul><ul><li>http://www.stevenmerrilltenor.com/   </li></ul></ul>
  15. 15. SWFObject <ul><ul><li>Advanced SWF embedding </li></ul></ul><ul><ul><ul><li>params - attributes - variables </li></ul></ul></ul><ul><ul><li>Alternative content </li></ul></ul><ul><ul><li>Requirement validation </li></ul></ul><ul><ul><ul><li>eg flash version </li></ul></ul></ul>
  16. 16. SWFAddress <ul><ul><li>Deep linking (with bookmarks) </li></ul></ul><ul><ul><li>Workflow </li></ul></ul><ul><ul><ul><li>page loaded | history action (back, forward) </li></ul></ul></ul><ul><ul><ul><li>javascript --- (state) ---> flash </li></ul></ul></ul><ul><ul><ul><li>flash process state </li></ul></ul></ul><ul><ul><ul><li>... </li></ul></ul></ul><ul><ul><ul><li>flash change state </li></ul></ul></ul><ul><ul><ul><li>flash --- (state) ---> javascript </li></ul></ul></ul><ul><ul><ul><li>javascript set url </li></ul></ul></ul><ul><ul><ul><li>... </li></ul></ul></ul>
  17. 17. Open source Flash <ul><ul><li>OpenScreenProject </li></ul></ul><ul><ul><ul><li>swf, flv/f4v </li></ul></ul></ul><ul><ul><li>Flex sdk </li></ul></ul><ul><ul><li>Gnash </li></ul></ul><ul><ul><li>MTASC </li></ul></ul><ul><ul><li>Openlaszlo </li></ul></ul>
  18. 18. Security <ul><ul><li>Services </li></ul></ul><ul><ul><ul><li>API key </li></ul></ul></ul><ul><ul><ul><li>sessionID </li></ul></ul></ul><ul><ul><li>Client side - s ame o rigin p olicy </li></ul></ul>
  19. 19. Thanks for your attention, harrr <ul><ul><li>Drupal - flash / flex connection group </li></ul></ul><ul><ul><ul><li>http://groups.drupal.org/node/6168/connecting-to-drupal   </li></ul></ul></ul><ul><ul><li>http://flex.org/showcase/   </li></ul></ul>

×