Drupal && Flash

Flash and buzz Kinematics 3D imitation Advanced motion handling Graphic filters advanced media handling

Kinematics

3D imitation

Advanced motion handling

Graphic filters

advanced media handling

Flash Object oriented technology Java and ECMAScript mixing Internal and external client-server communication real-time media loading Reusable components ready to use form & media components Mobile devices

Object oriented technology

Java and ECMAScript mixing

Internal and external client-server communication

real-time media loading

Reusable components

ready to use form & media components

Mobile devices

Flex Flash technology XML based description language extension Great UI element / layout support

Flash technology

XML based description language extension

Great UI element / layout support

SWF Flash player Browser AIR Desktop Container format D*mn small

Flash player

Browser

AIR

Desktop

Container format

D*mn small

How we can use Flash? Graphics / animation Media player Data visualizations graphs, trees, diagrams Games and applications Better / more dynamic content displaying scrolling/zooming/moving display object manipulation Website replacement

Graphics / animation

Media player

Data visualizations

graphs, trees, diagrams

Games and applications

Better / more dynamic content displaying

scrolling/zooming/moving

display object manipulation

Website replacement

Is Flash worth it? Yes, if ... it's faster provide a better way to give information it gives new important features mostly browser independent No, if ... it's another useless eyecandy it's SEO killer it slows down pageload radically you don't give alternative content

Yes, if ...

it's faster

provide a better way to give information

it gives new important features

mostly browser independent

No, if ...

it's another useless eyecandy

it's SEO killer

it slows down pageload radically

you don't give alternative content

What we have got in Drupal? AMFPHP (6, service) Asset API (5, file) DIY Map (5, cont) File Framework (6, file) Flash Node (6, cont) Image FUpload (6, file) Mollom (6, ?) SWFObject API (6, file) SWF Tools (6, file) SWFUpload (5, file) SWX (5, service) Tiny Player (x, file) Trackit(5, file) SWFAddress (5, service) SWF Charts (5, chart)

AMFPHP (6, service)

Asset API (5, file)

DIY Map (5, cont)

File Framework (6, file)

Flash Node (6, cont)

Image FUpload (6, file)

Mollom (6, ?)

SWFObject API (6, file)

SWF Tools (6, file)

SWFUpload (5, file)

SWX (5, service)

Tiny Player (x, file)

Trackit(5, file)

SWFAddress (5, service)

SWF Charts (5, chart)

How Druplash | Druplex works?

Client side communication JavaScript connection class ExternalInterface()

JavaScript connection

class ExternalInterface()

Server side communication Pure PHP connection ~ Ajax

Pure PHP connection ~ Ajax

Server side communication Services module XML-RPC AMFPHP SWX

Services module

XML-RPC

AMFPHP

SWX

AMFPHP RPC Binary format PHP extension Deploy to Services: define service for Services module params provide function return value

RPC

Binary format

PHP extension

Deploy to Services:

define service for Services module

params

provide function

return value

SEO URL Page elements http://www.stevenmerrilltenor.com/

URL

Page elements

http://www.stevenmerrilltenor.com/

SWFObject Advanced SWF embedding params - attributes - variables Alternative content Requirement validation eg flash version

Advanced SWF embedding

params - attributes - variables

Alternative content

Requirement validation

eg flash version

SWFAddress Deep linking (with bookmarks) Workflow page loaded | history action (back, forward) javascript --- (state) ---> flash flash process state ... flash change state flash --- (state) ---> javascript javascript set url ...

Deep linking (with bookmarks)

Workflow

page loaded | history action (back, forward)

javascript --- (state) ---> flash

flash process state

...

flash change state

flash --- (state) ---> javascript

javascript set url

...

Open source Flash OpenScreenProject swf, flv/f4v Flex sdk Gnash MTASC Openlaszlo

OpenScreenProject

swf, flv/f4v

Flex sdk

Gnash

MTASC

Openlaszlo

Security Services API key sessionID Client side - s ame o rigin p olicy

Services

API key

sessionID

Client side - s ame o rigin p olicy

Thanks for your attention, harrr Drupal - flash / flex connection group http://groups.drupal.org/node/6168/connecting-to-drupal http://flex.org/showcase/

Drupal - flash / flex connection group

http://groups.drupal.org/node/6168/connecting-to-drupal

http://flex.org/showcase/