La plate-forme OnDemand de David Guetta (projet co développé avec Romain Ecarnot pour la partie Actionscript 3 pour BB&PP), vient de se voir décerner le « Adobe Site of the Day Award » !
C’est pas qu’on serait content… mais presque
A noter… c’est le premier Adobe Award made with Pixlib… et c’est pas fini

>> CD On Demand – On Demand Business RIA made in Pixlib (PalmER Edition)
>> Invasion by Joachim Garraud: E-Business Flash RIA made in Pixlib

L’offre CD On Demand

La plateforme CD On Demand est un projet pionner initié par Joachim Garraud où « L’artiste invite ses fans à découvrir sur son site une offre de CD à la demande. A partir d’une playlist non exhaustive le client choisie ses chansons préférées et peut créer sa propre compilation qui lui est envoyé chez lui. La compilation est complètement personnalisable, depuis le matériaux du CD au packaging en passant par la sélection du artwork et du livret. Les CD sont pressés, imprimés, packagés et envoyés en moins de 72 heures. »

Mon employeur BB&PP, créateur de solution professionnelle de vente de musique en ligne, toujours en partenariat avec MPO international, spécialiste de la distribution de contenus via des supports physiques et numériques, décida l’an dernier d’aller encore plus loin dans la démarche en proposant une plateforme vraiment générique, dédiée non seulement aux artistes mais aussi aux labels et permettant de s’adapter à l’univers et aux spécificités de chaque client à partir de l’offre de base que constituent la conception d’un CD et le download de Digital.

Palmer, IoC, Ant & Co

Avec un roadmap très riche et s’étalant sur plusieurs années il était très clair dès le départ que parmi les objectifs primordiaux figurait le développement d’une architecture pérenne et évolutive et la mise en place d’une solide solution de déploiement.

L’applicatif a donc été complètement réécrit avec « Palmer » le dernier né des frameworks de la famille Pixlib. Un développement bicéphale assuré par Romain Ecarnot et moi-même.

Grâce à son architecture-workflow IoC made in Palmer, CD On Demand est en mesure d’offrir des possibilités de personnalisation par client vraiment très poussées allant de la sélection des modules (produit CD, produit Digital, panier d’achat, profil utilisateur…) à la configuration de l’intégration (polices de caractères, bitmaps, CSS) jusqu’à la définition-inclusion des états de l’application (Strategy pattern).

Plus globalement l’implémentation IoC de Palmer nous aura permis d’aller vraiment extrêmement loin (aussi loin que le développeur puisse aller dans sa réflexion finalement) et à titre d’illustration je pourrai citer la possibilité de générer dynamiquement des formulaires ou encore de mettre en place un système de localisation double à la fois commun à l’application mais aussi propre à chaque modules.

Optimisation et Performance

Plus que jamais, et surtout par les temps qui courent, il est vital d’offrir la meilleure expérience utilisateur possible, entendons une RIA qualitativement performante. Un intérêt tout particulier (et somme toute bien normal) a donc été porté aux problématiques de performance et d’optimisation.

Concernant la programmation proprement dite nous avons été très attentif aux coûts de consommation des ressources processeur et mémoire. Soit dit en passant la considération de la performance « va normalement de soi » car elle jalonne tous les aspects ou phases d’un développement – de la conception (architecture), à l’implémentation (maîtrise de l’api, choix des librairies) jusqu’au debuggage (logging, profiling).

Parmi les bonnes pratiques de programmation à retenir nous avons eu recours au mécanisme de l’object pooling afin de stabiliser la consommation mémoire fortement sollicitée par des objets qui normalement sont très fréquemment détruits et recrées (des cellRenderers majoritairement)

Je ne peux m’empêcher de saisir l’occasion afin évoquer mon vif intérêt pour l’alternative de gestion évènementielle proposée par Robert Penner (as3-signals). Une solution dont les taux de performance m’amène sérieusement à reconsidérer la microarchitecture MVC de certains modules…

Mais l’optimisation ne se cantonne pas seulement au champ du développement. L’application se doit d’ être accessible en un temps record. Nous nous sommes donc attachés à assurer un chargement initial optimum allant de l’exclusion des classes communes aux modules jusqu’au merging de requêtes AMF. Passé ce premier chargement l’application puise ensuite dans le cache du navigateur (sauf cas de mise à jour).

Un mot sur le modèle économique du CD on Demand

A l’ère de l’économie numérique la fidélisation du client est une exigence de premier plan. Toute réussite est véritablement fonction de la qualité des échanges noués avec sa clientèle. Les décisions d’achat se prennent il est vrai plus facilement lorsque l’acheteur parvient à trouver rapidement un compromis entre coûts et gamme de produits. Il est donc primordial de lui offrir le plus de flexibilité et de choix possible.

Le cœur du concept du CD On demand est d’offrir à l’artiste ou au label un accès à un inventaire de produit physique virtuellement illimité et vendu à la demande. Un tel système présente des avantages évidents et exclusifs allant de la revalorisation de l’objet, au flux tendu et à la suppression des stocks et plus globalement donne accès à un service évolutif. La réussite d’un tel modèle économique provient finalement et assez logiquement du nouveau partage des revenus qu’il génère. Les artistes et labels peuvent vendre directement, sans passer par la lourde chaine de distribution qui enlève aux records une sérieuse marge sur les bénéfices. Ce faisant, voici un modèle où l’artiste peut s’il le souhaite se permettre de proposer des prix beaucoup plus concurrentiel.

Extrait de clients CD On Demand

Permettez moi je vous présenter le dernier né des productions Flydesigners/ BB&PP. La première plateforme offrant à l’internaute la possibilité de constituer sur mesure son propre album CD Joachim Garraud.

http://invasion.joachimgarraud.com

En effet, à l’occasion de la sortie de son premier album solo, Joachim Garraud a pris le parti d’assurer une distribution directe de plus 60 tracks éligibles à l’achat en format cd audio personnalisé et/ou téléchargement via une interface full-flash.

[/lang_fr]

[lang_en]

Let me introduce the last born of Flydesigners Productions. The first online platform offering the user, better say the fan, the possibility to personalize its own album from the original release.

Indeed, on the release date of it’s first solo album, Joachim Garraud – french DJ – has decided to let the user choose the tracks he wants but also how the cd looks. A unique object delivered as desired. Also the user can buy and download the tracks recorded and produced in 96 Khz/ 24 bits at the same price as a MP3. http://invasion.joachimgarraud.com

[/lang_en]

[lang_es]

Dejenme presentarles el ultimo nacido de las producciones flydesigners. La primera plataforma Internet que ofrece al usuario, mejor dicho al fan, la posibilidad de crear su propia version del ultimo album de Joachim Garraud.

De hecho, a la salida de su primer album solo, joachim garraud – dj frances – ha apostado por asegurar una distribucion directa de mas de unas 60 pistas audio que se pueden eligir a la compra mediante una creacion personalizada del cd fisico y/o para descarga digital. http://invasion.joachimgarraud.com

[/lang_es]

[lang_fr]

Joachim Garraud CD on Demand
envoyé par viva-musica. – Regardez la dernière sélection musicale.

La genèse du concept de vente inédit imaginé et expliqué par Joachim Garraud

Le cycle de vie de l’album Invasion 2008 s’ affranchie complètement du modèle économique classique. La sortie et la disponibilité de l’oeuvre sont assurés par l’applicatif Flash, qui offre en outre, en exclusivité, des possibilités de personnalisation inédite. Un produit sur mesure, qui peut être acheté et expédié depuis n’importe quel pays dans le monde. L’application est accessible en Français, Espagnol et Anglais et fournie des tutoriaux vidéos disponibles en chacune de ses langues.

Compétences et rôle de Flydesigners

Un concept novateur, un défi que nous avons choisi de relever et une aventure humaine à laquelle nous sommes heureux et fiers d’avoir participé! La tache était rude et le délai de livraison juste à point ^^.

Notre rôle a été global. Réalisation de la maquette graphique, création du client Flash, création de l’applicatif serveur et back-office, mise en relation et coordination technique des prestataires tiers (banque, pressage cd), Communication avec des évenements qui n’ont pas manqué de scander le rythme du développement (conférences de presse, soirée Unighted au Stade de france…).

En ce qui me concerne, ma plus grande satifaction provient de la collaboration étroite et soudée entre tous les membres de l’équipe Flydesigners. Je soulignerai en particulier la disponibilité extrêmement généreuse de mon comparse Benoit Guchet, développeur de Bubblebeat.com, première plateforme française de sélections electro pour professionnels et grand public.

Programmation ActionScript

Nous avions 2 impératifs majeurs: livrer l’application à temps dans les bacs ^^ et assurer des déclinaisons potentielles compatibles avec la plateforme mobile. Le développement a donc été réalisé en ActionScript 2.0, s’appuyant sur le framework applicatif Pixlib et le framework de composants Adobe.

Un seul composant a été utilisé. Le composant List doté de fonctionnalités Drag and Drop. Réutilisé en de multiples endroits (Tracklisting, Sélection CD, Sélection Digitals, Menus de préselections, Formulaires), il a tout naturellement été exploité comme librairie partagée afin de réduire les coûts de chargement. 2 skins visuels ont été utilisé.

A noter également l’utilisation de Papervision en charge de la présentation 3D (Stack et Coverflow)

Si vous ne connaissez pas encore Joachim Garraud, vous avez donc l’occasion d’écouter, télécharger et achetez la version qui vous correspond de son dernier album. http://invasion.joachimgarraud.com

[/lang_fr]

[lang_en]

Joachim Garraud CD on Demand
envoyé par viva-musica. – Regardez la dernière sélection musicale.

Genesis of this new online store concept imagined and explained by Joachim Garraud (english subtitled)

Invasion 2008 is itself its own music distribution system. Stock availability and release date of the album are only accessible through the Flash client Front-End.

The client comes into 3 language flavours : English, French and Spanish. Step by step video tutorials are availables for each of thoses languages

Competences and role of Flydesigners

A unique and great concept. A challenge, a human journey we are very proud to be part of.

We faced a huge task within a 6-weeks deadline. Our role was global. Making of all graphics and videos, making of the Flash RIA, making of the server-side and back-end applications, technical coordination of third party participants ( bank, cd creation ), Events communication (Press conference, Unighted by Cathy Guetta at Stade de france…).

Personally, my greatest satisfaction comes from the high quality collaboration among Flyd staff all along those 6 weeks. Particulary I would like to thank Benoit Guchet for its kindness. Benoit Guchet known as the key master behind Bubblebeat.com, first french digital platform of electronic music selections for professionals and all publics.

For those of you asking for the technical credits of Invasion 2008, here it is.

Development responsabilities and tasks were shared between Benoit Guchet and myself.

- Benoit was in charge of Php server-side and back-end development, plus the technical coordination with third party participants.
- I was in charge of the ActionScript development, graphics and video intégration and the overall RIA design choices and solutions.

ActionScript engineering

I’ll be brief about the ActionScript programatic review.

We had 2 major imperatives. To respect the deadline and ensure the compatibility for the mobile platform. As a consequence, the development is based on AS2 and its corresponding mx framework (about which I unfortunately and hopefully know almost everything about quirks and goodness).

I used only one component. An extended version of the List component, with Drag and Drop functionalities. Multiples instances of the component were requiered across the application (tracklisting, CD1/ CD2 selections, Digitals selections, Guests/ Preselections Menu, register/ checkout forms). I naturally shared the component as a library across the application so as to reduce bandwith costs. Graphically we have 2 visuals skins, a grey one for all forms and a black one for all others cases.

Papervision was chosen as 3D solution to speed up conversion process between AS2 and the upcoming AS3 version. The tracklisting (a stack) and the Artworks selection step (a coverflow) were done using Papervision AS2.

Finally its no surprise if I tell you the application structure is made with Pixlib .

If you don’t know Joachim Garraud yet, you have the opportunity to listen, download and buy your own cd version of its last album release. http://invasion.joachimgarraud.com
[/lang_en]

[lang_es]

Joachim Garraud CD on Demand
envoyé par viva-musica. – Regardez la dernière sélection musicale.

Genesis del concepto de venta inedito imaginado y explicado por Joachim Garraud (subtitulado ingles)

El ciclo de vida del album Invasion 2008 se libra por completo del modelo economico clasico. El aplicativo Flash asegura la salida y la disponibilidad de la obra que ademas ofrece, por primera vez, posibilidades de personalizacion ineditas. Un producto hecho a medidas, que se puede comprar y recibir desde cualquier pais del mundo.

Se puede acceder al aplicativo en castellano, frances e ingles. Se ofrece tutoriales videos que estan traducidas en cada una de esos idiomas.

Competencias y papel de Flydesigners

Un concepto novedoso, un desafio que aceptamos y una aventura humana de la cual estamos muy contentos y orgullosos.

La tarea fue ardua y el plazo de entrega, como muy a menudo, justito ^^.

Nuestro papel fue global. Realizacion de la maqueta grafica, creacion del cliente Flash, creacion del aplicado servidor y back-office, puesta en relacion y coordinacion tecnica de los prestatarios de tercera parte (bancos, concepcion CD), comunicacion durante los eventos que participaron al ritmo del desarollo ^^(conferencia de prensa, encuentros de DJs durante el ‘Unighted by Cathy Guetta’ al “Stade de france” …).

Por mi parte, mi mayor satisfaccion proviene una vez mas de la estrecha y unida colaboracion que nos unio todos en Flyd durante mas de un mes y medio. Aprovecho para agradecer a Benoit Guchet que tuvo una disponobilidad muy generosa. Benoit Guchet, mas conocido en el circuito profesional por ser el desarollador de Bubblebeat.com, primera plataforma francesa de descarga de musica electronica selecionadas por profesionales para profesionales y el publico en general.

Para aquellos que quisieran el fichaje de la plantilla responsable del desarollo de invasion 2008, aqui esta.

Benoit y yo hemos compartido las responsabilidades y competencias del desarollo.

- Benoit estaba en carga del aplicado y del back-office Php, asimismo que de la coordinacion con las entidades terceras (banco y creacion cd).
- A mi me tocaba el desarollo ActionScript, la coordinacion de la integracion Flash, las elecciones y soluciones en cuanto a la ergonomia del aplicativo.

Programacion ActionScript

Seré breve. Teniamos 2 imperativos principales. Librar el aplicativo con tiempo ^^ y asegurar declinaciones para la plataforma movil.

El desarollo es entonces de tipo AS2 basado en el framework mx (del cual conozco fortuna y desafortunadamente los defectos y las cualidades)

Se utilizo un solo componente. El componente List, dotado de funcionalidades de Drag and Drop. El componente fue reutilizado en varios lugares (tracklisting, selecciones CD1 y CD2, selecciones Digitals, Menu Guests y Preselecciones, formularios de inscripciones y de validacion de compra) y logicamente explotado como libreria compartida. Se uso 2 skins visuales, un gris para los formularios y un negro para los otros casos.

Elije Papervision comme solucion de presentacion 3D con el fin de asegurar una transicion rapida hacia la version AS3 que tenemos previsto en Septiembre (una version mas avanzada aun, en particular con una gestion tiempo real de la disponibilidad a la compra o rebajas de los tracks). Asi pues, se realizaron el tracklisting (de tipo stack) y los artworks (de tipo coverflow) con Papervision AS2.

Por ultimo, nadie estara sorprendido si les digo que el aplicativo se contruyo con Pixlib .

Si no conocen todavia a Joachim Garraud, tienen entonces ahora la oportunidad de escuchar, descargar y comprar la version que mejor les coresponde de su ultimo album. http://invasion.joachimgarraud.com
[/lang_es]

Press articles (french):

http://www.clubic.com/actualite-145232-joachim-garraud-instaurer-cd-demande.html
http://www.infos-du-net.com/actualite/13836-album-joachim-garraud.html
http://www.journaldunet.com/breve/28322/le-dj-joachim-garraud-vend-son-cd-a-la-carte-sur-internet.shtml
http://www.numerama.com/magazine/9948-Personnalisez-votre-album-de-Joachim-Garraud.html
http://www.lemondenumerique.com/?p=2865
http://www.simonrobic.com/blog/2008/06/14/joachim-garraud-invasion-joachim-rinvente-la-vente-de-musique-en-ligne/