How to build a Druplash site?

Druplash Drupal + Flash = Druplex backend frontend

About me Peter Arato http://drupal.org/user/428960 Work at: Pronovix Drupal developer (from Hungary) Interested in tech Like Flash/Flex/AIR

? How many of you like Flash?

? How many of you have built a Drupal site that contained Flash?

? How many of you want to build a Flash - Drupal site, but have no experience?

About Flash Flash technology Flex framework SWF container (small file size) ActionScript 3 AIR, Flash player

Why we use Flash? Animation 3D Sound Effect Timeline Modularity (component) Multi platform (almost) Information

? Why are we afraid of using Flash (sites)?

Why are we afraid of using Flash? SEO bad URLs slow problems in Unix / OS-X

Definitions

What is Druplash? Frontend: Flash Backend: Drupal Communication Ajax - RCP - HTTP - Services Graceful degradation Disabled browsers Dynamic content change Deep linking History - URL

Communication: Flash <-> JavaScript

Actionscript JavaScript

Communication - Flash <HTTP> server

Actionscript

Communication - Flash <RCP> server

Actionscript

Graceful degradation

Deep linking

Modules

Communication layer Services Easy to extend Authentication (Session + Key) AMFPHP Transfers native ActionScript2/3 variable types Binary format SWFAddress Embedding (= replace content to) SWF objects SWFObject Deep linking support Initial variables to Flash Ajax Load Dynamic JavaScript / CSS loading

Druplash process

The process - 1st request Loading original non-Flash content example.com/news Redirect to basePath example.com/#/news Loading content of the given url (Ajax) Replace content with Flash Notify Flash about the state (news) Flash changes it's state (if it wants)

The process - navigation Send request for a page (click) example.com/#/news Flash notifies SWFAddress (Flash -> JS) SWFAddress state changed example.com/#/about_us Ajax request to the server (Ajax) Content elements recieved (JSON) Put content to the right place

Implementation

Server side

PHP Server side

Actionscript Client side - Flash

JavaScript Client side - JavaScript

Examples http://www.stevenmerrilltenor.com/ http://www.ilovetechno.be/ http://www.bobdylan.com/ http://hyperblaster.org/ http://www.martin-eng.com/

http://itarato.blogspot.com	82
http://www.slideshare.net	16
http://translate.googleusercontent.com	3
http://drupalcenter.hu	2
http://itarato.blogspot.in	1
http://itarato.blogspot.fr	1
http://itarato.blogspot.fi	1

How to build a Druplash site?

by Peter Arato on Nov 02, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

7 Embeds 106

Statistics

How to build a Druplash site? — Presentation Transcript