i love techno - the site

Saturday, December 12, 2009

• Amphion - Flash development - Antwerp

• frontend, content management, client contact, design

• Krimson - Drupal specialist - Antwerp

• project management, architecture supervision, theming, server related

• Pronovix - Drupal specialist - Belgium/Hungary

• special Drupal projects, backend / service architecture, technical help


• Peter Arato (user/428960)

• Hungary

• Pronovix

• Drupal, Flash, Tech

About us

• Jo Wouters (user/8777)

• Belgium

• Krimson | Drupal Architects

• Project management, Consultancy, Training, Development


About ILoveTechno

• http://www.ilovetechno.be/

• 1995 .. 2009 ...

• Techno festival

• Informational site

• Aggregator site


http://ilovetechno/be

http://ilovetechno/be

• Communication

• Motivation

• Well shared tasks

• Iterative development (prototyping)

Co-operation


Requirements


Music player


Flash objects


Lineup editor


Different page elements


Aggregation


... bunch of general Drupal stuff


Features

• Druplash

• Deeplinking

• Dynamic content loading

• Graceful degradation

• XML-RPC content pulling

• ... other interesting stuff


Druplash

• Flash (frontend)

• Drupal (backend + content + layout)

• Communication (client, server)

• Different implementations

• SWFAddress (SWFObject), Services, AMFPHP


Deeplinking

• Persistent URL

• History

• SWFAddress


ActionScript


JavaScript


• Loading original 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

1st page load


• Send request for a page (about_us)

• Flash notifies SWFAddress (Flash > JS)

• SWFAddress state changed (example.com/#/about_us)

• Ajax request to the server (Ajax)

• Content elements received (JSON)

• Put content to the right place

Navigation


Dynamic elements

• Ajax request

• Content

• CSS

• JavaScript (evaluation)

• AjaxLoad


PHP


JavaScript


Graceful degradation

• Browsers without FlashPlayer / JS

• Deprecated FlashPlayer version

• SWFAddress (SWFObject)


Communication


Flash <> Client

HTML

Flashreturn

call

call

return


ActionScript

JavaScript


Flash <> Server

Client SERVER

AM

FPHP gatew

ay

010001000100010010101011010111010

010001000100010010101011010111010

11010100 $nid = 1; $a = [...

11010100 $node = {“title”: ...


ActionScript


Numbers

• Event sold out: 35.000 tickets!

• 42.000 unique visitors in 2 days

• 65.000 visits in 2 days

• > 420.000 unique visitors

• > 580.000 visits

• > 8.000.000 page views


i love techno - the site

Technology

content management

flash objectssaturday

news loading content

state news flash

server ajax content

actionscript javascript

given url ajax

tech project management