-
-
SEARCH
Réalisations
Created : dimanche 14 mars 2004
Last modified : jeudi 13 avril 2006 20:22:40
Last modified : jeudi 13 avril 2006 20:22:40
Reebok - I Am What I Am
- Client :
- Reebok
Marque de vêtements et chaussures. - Date :
- Mars 2006
- Url :
- Site (ici dans sa version française) dédié à la campagne I Am What I Am
- Sujet :
- Mini-site chargé d'appuyer la campagne IAWIA de la marque.
- Problématique :
- - Adapter un site existant, crée et développé par une agence américaine (Zugara) pour une cible anglophone et le décliner en une version globalisable à redistribuer aux agences internationales de la marque
- - Délais trés courts et tenus à impératifs puisque la sortie du site doit se faire en même temps que le démarrage de la campagne (dont une campagne de publicité télévisée trés visible)
- - Même problématique de globalisation des contenus que sur les sites précédents de la marque
- - Le site a été programmé et crée sur Flash 8 pour le lecteur Flash 8
- - En plus de la localisation linguistique, chaque pays devra pouvoir intervenir sur les contenus (à l'origine statiques) des différentes rubriques du site
- Développement :
- - J'ai adapté et modifié un module de sous-titrages de vidéo Flash que j'avais développé il y a quelques années en actionscript 1 pour le porter en actionscript 2 et lui ajouter le support des formats de fichiers de sous-titres SRT et SSA afin de permettre de sous titrer l'intégralité des vidéos du site tout en permettant une édition faclite des contenus linguistiques.
Reebok - Answer IX
- Client :
- Reebok
Marque de vêtements et chaussures. - Date :
- Novembre 2005
- Url :
- Site (ici dans sa version taïwanaise) dédié à la chaussure Answer IX
- Sujet :
- Mini-site chargé de présenter la chaussure Answer IX de la marque.
- Le site a été primé sur FWA pour sa version américaine.
- C'est le premier site officiel utilisant les nouvelles fonctonnalités du lecteur Flash 8 sur lequel j'ai été amené à travailler.
- Problématique :
- - Adapter un site existant, crée et développé par une agence américaine (Zugara) pour une cible anglophone et le décliner en une version globalisable à redistribuer aux agences internationales de la marque
- - Le site a été programmé et crée sur Flash 8 pour le lecteur Flash 8
- - La marge sur la qualité graphique rendue par les traductions de chaque pays est réduite au minimum, chaque élément de localisation doit être redimensionnable et adapté au contenu graphique du site
- - En plus de la localisation linguistique, chaque pays devra pouvoir intervenir sur les contenus (à l'origine statiques) des différentes rubriques du site.
- Développement :
- - Le paquetage de la classe de localisation a été mis à jour pour permettre l'utilisation des nouvelles propriétés relatives aux champs de textes (c.à.d le support de Cleartype principalement) que Flash 8 a introduites.
Reebok - Running
- Client :
- Reebok
Marque de vêtements et chaussures. - Date :
- Septembre-Octobre 2005
- Url :
- Site (ici dans sa version française) dédié à la gamme des produits Running de Reebok
- Sujet :
- Site catalogue chargé de présenter la gamme des produits Running de la marque.
- Problématique :
- - Adapter un site existant, crée et développé par une agence américaine (Resource Interactive) pour une cible anglophone et le décliner en une version globalisable à redistribuer aux agences internationales de la marque
- - Les comportements programmés du site doivent intégralement répondre aux différentes demandes de localisation des agences de chaque pays clients
- - Une partie du site doit être localisée et chaque agence doit avoir la possibilité d'en éditer le contenu selon ses besoins
- - Une partie du catalogue doit être gérable par le contenu de localisation
- - Les polices affichées doivent présenter la même qualité que les polices incluses, même pour les langues asiatiques
- Développement :
- - Le travail principal a consisté à développer le paquetage de classes existant sur le projet Wrapshear pour étendre ses fonctionnalités de manière à lui permettre de supporter le chargement dynamique de fichiers de polices présentant un jeu de caractères réduit à son plus strict minimum pour les langues à écriture logographique.
- - Il a fallu adapter la programmation faite sur le site (heureusement trés bien programmé en Actionscript 2) sur des composants destinés à être désignés dans l'interface de l'éditeur directement en des composants totalement redimensionnables en fonction du contenu linguistique inséré par chaque pays.
Reebok - Wrapshear
- Client :
- Reebok
Marque de vêtements et chaussures. - Date :
- Aout 2005
- Url :
- Mini-site (ici dans sa version chinoise) dédié au modèle de la chaussure Wrapshear
- Sujet :
- Mini-site vitrine présentant le nouveau modèle de chaussure Reebok Wrapshear.
- Problématique :
- - Adapter un site existant, crée et développé par une agence américaine (Zugara) pour une cible anglophone et le décliner en une version globalisable à redistribuer aux agences internationales de la marque
- - Le contenu linguistique doit être totalement externalisé pour être éditable depuis un ou plusieurs fichiers XML statiques, les mêmes animations doivent servir à tout les pays sans modifications possibles par les agences locales.
- - Le site doit être prioritairement adapté aux langues Asie-Pacifique
- - Délais de livraisons trés courts
- - Ayant été prévenu de la possible répétition dans le temps de ce genre de problèmatique, le développement doit s'effectuer en pensant à l'évolutivité des classes et à la création d'outils permettant l'automatisation des tâches répétitives.
- Développement :
- - Les délais de développement trés courts ont permis de créer un paquetage de classes de localisation en AS2 à même de charger un fichier XML au format XLIFF. Une fois chargé le contenu linguistique est inje cté au runtime dans les champs de texte.
Loreal - Institut de Beauté du Cheveu Elsève
- Client :
- Loreal
Marque de produits de beauté. - Date :
- Avril 2005
- Url :
- Institut de beauté du cheveu Elsève
- Sujet :
- Diagnostic permettant de déterminer son "profil cheveux" et d'établir un programme de soins adapté à ce profil en proposant une gamme de produits adaptés à chaque cas.
- Problématique :
- - Le diagnostic doit à terme être éditable simplement
- - Les réponses peuvent être ou non déterminantes
- - Les réponses déterminantes modifient les questions posées par la suite, le parcours du questionnaire n'est donc pas fixe
- - Le résultat final du diagnostic doit être calculé immédiatement dans l'animation et délivrer le résultat en temps réel
- Développement :
- - La principale réflexion s'est faite sur la structure à donner à 4 fichiers XML qui seront à même de prendre en charge les différents parcours possibles pour le questionnaire.
- - Le développement du module s'est fait en Actionscript 2
Opel
- Client :
- Opel
Contructeur automobile - Date :
- Mai 2005
- Sujet :
- Prise en main d'une partie du développement Actionscript sur plusieurs mini-sites et modules du site français du constructeur.
- Problématique :
- Adaptation de scripts internes et externes pour convenir aux différentes mises à jour requises en conservant la version du langage Actionscript employé (Actionscript 1).
- Développement :
- Divers formulaires et modules de localisation de concessionaires.
Questions de conduite - Jeu des Plaques
- Client :
- TF1, Total
TF1 (eTF1 cellule Internet) est une chaîne de télévision française et Total le groupe pétrolier - Date :
- Juin 2004
- Url :
- Jeu des plaques (cloture le 26 aout 2004)
- Sujet :
- - Création d'un site évenementiel, support d'un jeu par tirage au sort qui donne lieu à gagner chaque semaine un an de carburant dans les stations Total. Le jeu est appuyé tous les soirs de la semaine par l'émission Questions de conduite sur TF1 et le dimanche pour les résultats du tirage au sort.
- Problématique :
- - Permettre l'enregistrement des joueurs pour toute la durée du jeu tout en leur permettant cependant par simple authentification hebdomadaire de concourir à nouveau pour le tirage de la semaine en cours
- - L'interface comporte un module "Envoyer à un ami", "Retouver son mot de passe", génération automatique de mot de passe avec envoi de mail de confirmation lors de l'inscription
- - Une alerte hebdomadaire au format HTML ou texte doit être envoyée aux inscrits en ayant fait la demande pour leur rappeler de jouer et leur donner le vainqueur de la semaine.
- - Un back-office sécurisé permet à l'huissier de procéder au tirage et d'informer les principaux concernés du résultat
- Développement :
- - L'architecture de la base de données et de l'hébergement est conçue pour accueillir un nombre trés important de participants et tout y a été pensé en termes d'optimisation des processus serveur
- - L'alerte hebdomadaire est envoyée à tous les participants à partir de PHP et d'une classe développée pour l'occasion par mes soins. L'alerte est entièrement automatisée et commence à être envoyée toute seule 2 jours avant le prochain tirage au sort. Le contenu du mail lui même est dynamique.
- - Des contraintes imposées par le rêglement imposent une vérification stricte des enregistrements à partir des formulaire d'inscriptions (enregistrement par foyer, plaques d'immatriculations doubles etc...)
Pinnacle Liquid Edition
- Client :
- Pinnacle Systems
Société spécialisée dans le développement et la distribution de logiciels ou matériels relatifs au montage audio et vidéo - Date :
- Septembre 2003
- Url :
- Formulaire de commande du CD de démonstration
- Sujet :
- - Réalisation d'un CD-Rom de démonstration grand public pour le dernier né des logiciels de montage vidéo de la marque.
- Problématique :
- - Le CD-Rom est entièrement réalisé en Flash
- - Le CD-Rom doit permettre la lecture de 13 vidéos tournées pour la plupart en Anglais mais aussi en Français
- - L'interface, la navigation et le sous titrages des vidéos doivent être multilingue
- - La traduction se fera dans 8 langues dans le Coréen et le Chinois
- - La qualité des vidéos et de leur lecture doivent être excellente afin de représenter à sa juste valeur la marque leader en ce domaine
- Développement :
- - Développement à titre personnel et gracieux d'une classe Flash de parsing des fichiers
.srtafin d'avoir accés à un format de fichiers de sous-titres largement utilisés en vidéo numérique - - De nombreuses options sont possibles, calquées sur les options offertes par les principaux lecteurs logiciels de lecture DVD du marché.
- - La traduction et le sous titrage est géré en 8 langues dont le Coréen et le Chinois avec la gestion des caractères propres aux deux dernières langues écrites
- - Découpage des vidéos en plusieurs séquences à la demande du client pour les faire coïncider au menu
- - Marquage temps des vidéos découpées (pour la synchronisation des sous titres)
- - Encodage des vidéos au format SWF afin d'en permettre la lecture par le Flash Player depuis le CD-Rom
- - Écriture, marquage temps et intégration de certains sous-titres français et anglais, le reste ayant été fait par un prestataire externe
game.lapatate.com
- Client :
- Enlive
- Url :
- game.lapatate.com
- Date :
- Avril-Mai 2003
- Sujet :
- Extension de l'univers du site www.lapatate.com par la création d'un jeu à fort impact promotionnel afin de supplanter la version du jeu plus complet à venir
- Problématique :
- - Permettre l'enregistrement des scores des joueurs, le décompte des parties jouées
- - Créer des mouvements de caméras intéressants
- Développements :
- - Connection de l'animation Flash à une passerelle AMF-PHP
- - Optimisation maximale de la base de données et des processus d'enregistrement et lecture des scores pour supporter les millions de visites attendues à plus ou moins long terme
- - Développement d'une classe de gestion du multilingue permettant à l'animation d'être prête à recevoir une interface multilingue
- - Enregistrement discret des visites par machine, par joueur et du nombre de partie jouées.
www.lapatate.com
- Client :
- Enlive
Entreprise dont j'étais un des employés - Url :
- www.lapatate.com
- Date :
- Octobre 2002
- Sujet :
- Conception d'un site auto-promotionnel mettant en scène la chanson composée par des collègues de travail
- Problématique :
- - Obtenir de ma part une supervisation technique permanente permettant de conseiller et former l'illustrateur auteur de l'animation.
- - Optimiser au maximum le poids du fichier principal de l'animation afin de permettre un train de lecture continu sans aucun préchargement.
- Développements :
- - Soutient permanent et apprentissage des bases techniques essentielles à l'illustrateur à l'époque encore peu habitué à l'utilisation de Flash en tant qu'outil de travail principal
- - Apport de conseils décisifs sur la constitution du scénario de l'animation
- - Optimisation manuelle de l'animation symbole par symbole, scène par scène avant mise en ligne
- - Création d'une version exécutable en plein écran à l'aide de la technologie swfXXL™
- - Intégration de l'interface de visualisation de l'animation
- - Envoi des newsletters de voeux de nouvelle année.
Kultureflash
- Client :
- Kultureflash
Société de gestion de l'évenementiel sur Londres et sa banlieue. - Date :
- Novembre 2003
- Sujet :
- Développement d'une solution PHP destinée à gérer l'envoi d'une newsletter hebdomadaire réunissant plus de 20000 inscrits volontaires
- Problématique :
- - Faire un envoi groupé le plus rapide possible
- - La newsletter est envoyée sous deux format pour ceux souhaitant recevoir l'information au format texte et les autres au format HTML.
- - Respect des rêgles essentielles de diffusion de mails en masse pour ne pas que la société vivant principalement sur l'envoi hebdomaire de cette newsletter ne se voit interdire l'accés aux serveurs POP comme ceux d'Hotmail ou Yahoo réunissant à eux seuls quasimment la moitié des inscrits
- - Le back-office de l'application doit être utilisable directement par le client sur un accés sécurisé
- - Le client doit pouvoir uploader un fichier de mail au format texte, html et le fichier des inscrits au format CSV
- Développements :
- - Programmation complète de la partie PHP et MySQL
- - Adaptation d'une classe open-source d'envoi de mail pour une meilleure compatibilité avec les besoins de l'application
- - Possibilité de pré-visualiser directement le fichier de mail généré par l'application (format
.eml) évitant ainsi d'avoir à envoyer une série de mails de tests avant chaque newsletter - - Tri, validation des mails, et "
dédoublonnage
" du fichier CSV uploadé par le client - - Outil de statistiques récapitulatives de chaque envoi de newsletter
- - Développement d'une technique d'envoi par groupes restreints des mails pour tous les serveurs communautaires afin de limiter les possibilités de refus pour spam abusif. L'envoi sur les serveurs unitaires se fait de manière groupée ce qui accélére énormément le processus d'envoi.
GEFCO
- Client :
- Gefco
Transporteur, intégration logistique de rang 1. - Date :
- Juillet 2003
- Sujet :
- - Réalisation d'un CD-Rom multilingues sur 11 langues à destination de 19 pays dont le contenu est destiné à être distribué à toutes les antennes internationales du groupe pour distribuer sa charte graphique de communication ainsi que les divers fichiers de correspondance (documents administratifs, fax, courrier internes, carte de visite, enveloppe ...) se devant d'être utilisés par chacune d'elles.
- Problématique :
- - Réalisation d'un modèle de fichier FLA trés facilement ré-utilisable d'une langue à l'autre afin que l'intégration de chacune des langues de traduction soit aisée et rapide. Le CD demandant à ce que le fichier de base soit dupliqué en 17 fichiers FLA différents, la moindre erreur aurait demandé à répéter le travail de correction 17 fois sur chaque fichier. Ce n'est jamais arrivé.
- - Navigation au travers d'une mappemonde animée afin de sélectionner le pays de son choix.
Intranet du groupe Pierres et Vacance Immobilier
- Client :
- Pierre et vacances
Société d'investissement immobilier - Date :
- Juillet 2002 - Février 2003
- Sujet :
- - Développement d'une solution Intranet permettant la manipulation des cartes administratives de chaque pays d'Europe dans lesquels le groupe Pierres et Vacance Immobilier pourra glisser et déposer une résidence de la couleur de chacune des marques qu'elle représente
- - Le placement de chaque résidence doit apporter suffisamment de précision pour permettre une localisation géographique au niveau de détails d'une commune.
- - Chaque résidence doit être éditable de manière à ce que l'accés à l'édition de la résidence se fasse graphiquement à l'aide de la souris.
- - Il doit être possible d'imprimer n'importe quelle zone de l'Europe avec les résidences qu'elle contient sur un niveau de détail variable selon le désir de l'utilisateur.
- Problématique :
- - Il avait été initialement décidé par notre société que le développement se ferait sur des cartes au format vectoriel en prenant comme référence les service cartographique offerts par Teleatlas qui est le fournisseur de service de localisation géographique qu'utilise Mappy.fr.
- Le choix de la technologie Flash s'est donc imposé dés les premiers temps du développement et a été conservé malgré la décision qui a été faite par le client final d'utiliser des cartes "raster" au format TIFF nécessitant un travail supplémentaire énorme comparé à celui demandé par les cartes au format vectoriel.
- - Le choix du langage serveur et celui de la solution logicielle de la base de données n'étaient soumis à presque aucune restriction puisque le développement s'est fait sur un Intranet. Il a donc été décidé d'utiliser la solutions open-source Apache, PHP et MySQL.
- - L'ensemble des coordonées vectorielles représentant les limites administratives des pays, régions et départements sont stockées directement dans la base de données afin de permettre une localisation de chaque click de souris sur la carte dans l'application Flash. Il est donc possible de déterminer automatiquement le pays, la région et le département dans lesquels chaque résidence a été déposée, ou quelle zone a été imprimée.
- - La qualité du zoom sur la carte est soumis à une amélioration automatique en fonction du niveau de zoom par le téléchargement d'une série de carte de qualité supèrieure à chaque agrandissement.
- - Il est possible d'améliorer le zoom sur la carte grâce à une navigation trés intuitive par le double click sur la carte, ou une navigation plus fonctionnelle grace à une série de combo-box précisant le pays, la région et le département.
M6 télévision GP 2002
- Client :
- M6 télévision et M6 web pour le Magazine Turbo
Chaîne de télévision française - Ntnz
Agence conseil en communication (ZNZgroup) - Date :
- Mars 2002
- Sujet :
- - Conditions identiques à celles requises pour le jeu loué à Tag Heuer la même année à ceci près que le jeu doit être accessible grâce à un service de micropaiement Paybytel. Le principe étant que le joueur ne pouvait concourir qu'une fois par micropaiement effectué grâce à la composition sur le site d'un code distribué par un simple appel au service Paybytel.
- - Les lots offerts aux gagnants sont bien plus nombreux que ceux offerts pour les autres jeux loués cette même année.
- Problématique :
- Adapter l'architecture du jeu pour lui permettre d'offrir une sécurité suffisante à l'héberger derrière le service Paybytel afin qu'aucune intrusion par accés direct au fichier de l'animation flash ne puisse permettre de passer outre le service de paiement
Vodafone Racing Trophy
Tag Heueur Kirium Trophy
- Client :
- Tag Heuer
Montres et chronographes Ntnz
- Agence conseil en communication (ZNZgroup)
- Dates :
- Mars 2002 (location du jeu)
- Mars 2003 (redéveloppement complet et personnalisation du jeu pour la marque)
- Novembre 2003 (maquette d' jeu en 3D)
- Url :
- Le jeu est volontairement injouable à la demande du client depuis Octobre 2003, date de la fin de la saison de Formule 1
- Sujet :
- Conception du développement d'un jeu voué à la location future des clients potentiels de l'agence de communication NTNZ
- Jeu concours basé sur les résultats des participants à un jeu vidéo de course de Formule1 en ligne
- Les lots attribués aux trois vainqueurs montés sur le podium sont trois montres de valeurs de la marque Tag Heuer
- Technologies :
- - Site et jeu intégralement réalisé en Flash MX.
- - PHP et MySQL
- - Flash Remoting MX (AMF-PHP)
- Problématique :
- - Adapter le développement aux éléments graphiques intégralement fournis par le client
- - Avoir un site instantanémment accessible en 6 langues (dont le japonais)
- - Le jeu doit être validé par huissier et donc être parfaitement sécurisé pour garantir la validité des scores, sans aucune tricherie possible
- - Offrir une architecture optimisée pour résister à la charge du nombres des parties jouées en simultané
- - Permettre une synchronisation en temps réel des sonnées stockées avec le serveur distant de Tag Heuer grâce à un flux XML au format SOAP
- - Jeu extensible sur toute la saison de formule1, avec changement automatique du circuit à heure fixe et calcul des scores en conséquences
- Développements :
- - Programmation complète de la partie en PHP et MySQL sur le serveur
- - Formulaires Flash inscription/désinscription, inscription/désinscription à la newsletter, envoyer à un ami, retrouver son mot de passe
- - Fenêtres 10 meilleurs scores, fenêtre 1000 premiers scores, rêglement, rêgles du jeu, réglages du jeu, choix des fantômes
- - Moteur du jeu de formule1 extensible aux 17circuits
- - Elements d'animation scriptés
- - Emulation d'un moteur multijoueur basé sur la possibilité de jouer en temps réel contre les enregistrements du "
fantôme
" de la meilleur course de 6 de chacun des joueurs de son choix.
DoYouBabouche
- Client :
- DoYouBabouche
Prêt-à-porter, chausseur - Dates :
- Novembre 2001 (déploiement d'un site vitrine statique)
- Juin 2002 (développement d'un back-office adapté à la ligne des produits de la société)
- Aout 2003 (développement d'une boutique e-commerce flash)
- Url :
- www.doyoubabouche.com (la version actuellement en ligne n'est plus celle que j'ai développée, la société ayant été rachetée)
- Sujet :
- Cyril et Patrizio ont crée leur marque de prêt à porter. Ils travaillent en permanence à l'aide d'Internet pour véhiculer l'image de leur entreprise. Le site se devait donc de conserver le "Spirit of Babouche" tout en permettant l'accés direct à la vente en ligne d'une gamme complète de produits du prêt-à-porter
- Technologies :
- Site intégralement réalisé en Flash MX
- PHP et MySQL
- Flash Remoting MX (AMF-PHP)
- DHTML
- Problématique :
- - Adapter le développement aux éléments graphiques intégralement fournis par le client
- - Créer l'application en se basant sur une architecture et une hiérarchie de navigation en constante évolution
- - Offrir un outil d'administration en "back-office" permettant de gérer les stocks, créer de nouveau article, uploader les galleries d'images et mettre à jour en temps réel les - rubriques texte du sitesans l'intervention du webmaster (moi en l'occurence)
- - Permettre l'achat des articles directement depuis le site Flash
- Développements :
- - Outil d'administration du back-office PHP/MySQL développé en interne
- - Formulaire inscription/désinscription à la newsletter
- - Classe de gestion du panier
- - Interface flash de communication direct avec le site de la banque (via Mercanet)
- - Elements d'animation scriptés
Antimorosite
- Client :
- Oswald Orb
Agence conseil en communication - Url :
- www.antimorosite.com
- (site évenementiel fermé depuis Décembre 2001)
- Date :
- Aout 2001
- Sujet :
- La rentrée approche, Oswald Orb propose d'emblée une solution anti-morosité démontrant aux annonceurs l'intérêt d'Internet pour communiquer afin de bien amorcer la reprise à venir
- Technologies :
- Interface entièrement réalisée en Flash 5
- PHP et MySQL
- Problématique :
- Mise en ligne d'un site évenementiel avec un délai de réalisation trés court et échéance fixée au jour prés puisqu'une annonce préalable avait été faite de l'ouverture du site dans plusieurs magazines
- Développements :
- - Outil d'envoi d'e-card avec image au choix
- - Formulaire inscription/désinscription à la newsletter
- - Fonctionnalité envoyer à un ami
- - Intégration de deux minis-jeux Flash au sein de l'animation
- - Optimisation maximale du temps d'accés à l'animation