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 Saturday, December 12, 2009

About us • Peter Arato • Jo Wouters (user/428960) (user/8777) • Hungary • Belgium • Pronovix • Krimson | Drupal Architects • Drupal, Flash, Tech • Project management, Consultancy, Training, Development Saturday, December 12, 2009

About ILoveTechno • http://www.ilovetechno.be/ • 1995 .. 2009 ... • Techno festival • Informational site • Aggregator site Saturday, December 12, 2009

Co-operation • Communication • Motivation • Well shared tasks • Iterative development (prototyping) Saturday, December 12, 2009

Requirements Saturday, December 12, 2009

Music player Saturday, December 12, 2009

Flash objects Saturday, December 12, 2009

Lineup editor Saturday, December 12, 2009

Different page elements Saturday, December 12, 2009

Aggregation Saturday, December 12, 2009

... bunch of general Drupal stuff Saturday, December 12, 2009

Features • Druplash • Deeplinking • Dynamic content loading • Graceful degradation • XML-RPC content pulling • ... other interesting stuff Saturday, December 12, 2009

Druplash • Flash (frontend) • Drupal (backend + content + layout) • Communication (client, server) • Different implementations • SWFAddress (SWFObject), Services, AMFPHP Saturday, December 12, 2009

Deeplinking • Persistent URL • History • SWFAddress Saturday, December 12, 2009

ActionScript Saturday, December 12, 2009

JavaScript Saturday, December 12, 2009

1st page load • 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 Saturday, December 12, 2009

Navigation • 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 Saturday, December 12, 2009

Dynamic elements • Ajax request • Content • CSS • JavaScript (evaluation) • AjaxLoad Saturday, December 12, 2009

PHP Saturday, December 12, 2009

JavaScript Saturday, December 12, 2009

Graceful degradation • Browsers without FlashPlayer / JS • Deprecated FlashPlayer version • SWFAddress (SWFObject) Saturday, December 12, 2009

Communication Saturday, December 12, 2009

Flash <> Client return call Flash HTML call return Saturday, December 12, 2009

ActionScript JavaScript Saturday, December 12, 2009

Flash <> Server 01000100010 00100101010 11010100 $nid = 1; $a = [... 11010111010 AMFPHP gateway Client SERVER 01000100010 00100101010 11010100 $node = {“title”: ... 11010111010 Saturday, December 12, 2009

ActionScript Saturday, December 12, 2009

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 Saturday, December 12, 2009

I Love Techno - the site

by Peter Arato on Dec 12, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

2 Embeds 2

Statistics

I Love Techno - the site — Presentation Transcript

http://www.slideshare.net	1
http://health.medicbd.com	1