Christophe Le Bot

  • Navigation rapide
Pratique de la conception numérique

Derniers commentaires

  • Une excellente thèse sur Simile Exhibit
    • Olivier Rossel | Bonjour. Malgre les annees, avez vous toujours en memoire vos usages d’Exhibit? Je serais ravi d’en discuter avec vous. Cordialement, Olivier Rossel.
  • Utiliser le planificateur de tâches OVH (crontab) avec PHP
    • Max | Bonjour, comme faire pour appeler une version de PHP qui n’est plus proposée par défaut dans le manager ? J’essaie de lancer un cron avec php 5.3 mais le log affiche No such file...
    • Christophe | @absolument Merci pour ces précisions. Je n’ai pas mis en place de tâches cron récemment, mais j’ai reçu quelques notifications étranges d’OVH il y a quelques...
  • Récupérer le dernier auto-incrément MySQL avec PHP
    • Thy | Sujet toujours *très* utile en 2015 ! Je réponds à Serge tsimba qui récupère un « Resource id ». (Et à tous ceux qui ont le même souci mais qui ne le disent pas) :)...
  • Régler l’heure de serveurs virtuels sous Debian
    • Ares_XL | Il semble que sur Débian la commande « tzconfig &ra quo; soit dépréciée et remplacée par : « dpkg-reconfigure tzdata » elle donne accès à une...
 

Archives de la catégorie
Design numérique

20 choses à savoir sur les navigateurs et le web

20 choses à savoir sur les navigateurs et le web

Je préviens de suite : ce n’est pas nouveau ! Je continue ma purge de brouillons parfois très anciens. Celui-ci me semblait encore pertinent aujourd’hui.

Le site 20 things I learned about browsers and the web, publié par Google pour mettre en avant les atouts de HTML5, date de novembre 2010. Mais les informations qu’il contient (et traduites en français) intéresseront toujours ceux qui veulent découvrir les fondamentaux du web. Les experts n’en garderont que la prouesse technique.

Depuis ce projet, la situation a évolué. Le HTML5 se généralise, Flash Player disparaît progressivement (non sans douleur…), les terminaux mobiles viennent bousculer le monopole du navigateur web, les interfaces se transforment radicalement. Cette reproduction bien faite d’un livre papier est en opposition complète avec les interfaces totalement nouvelles proposées maintenant sur tablettes tactiles. Comme d’habitude, ça bouge vite !

Surveillez le trafic maritime en temps réel

Trafic maritime en Manche, samedi 14 août 2010 en fin d’après-midi : plus de 2000 navires !

Il y a vraiment des applications Google Maps étonnantes ! MarineTraffic en est un exemple parfait. Ce site web trace en temps réel la route des navires civils qui émettent des données AIS. Ce système de tracking est devenu obligatoire pour les navires de fort tonnage et pour ceux qui transportent des passagers. D’autres de petits tonnages (notamment les bateaux de pêche) l’utilisent également car son système anti-abordage efficace sécurise la pratique de la mer.

Un petit tour sur la Manche. Ma doué ! Il y a du monde pour un samedi d’août ! Et ceux-là ne rentrent pas de vacances !

Je fais un tour vers un petit coin que je connais bien : la rade de Brest. Ah, tiens ? Le câblier de France Telecom est de sortie ! Il progresse doucement dans le goulet. Il part peut-être poser de la fibre au fond de l’Atlantique. D’autres navires sont à quai à Brest.

Passage du câblier René Descartes dans le goulet de Brest
Le câblier René Descartes… en vrai !

L’expérience utilisateur est surprenante. Je « vois » le René Descartes à 970 km de là, alors que mes cousins, sur les rives du goulet, ne le distinguent pas à travers le crachin !

Petite règle de prudence : n’utilisez pas ce service en mer, depuis votre joli iPad tout neuf. Rien, ni personne, ne garantit que les données sont conformes à la réalité ! Donc ouvrez l’oeil et branchez le radar ! C’est comme partir avec un GPS, sans prendre les cartes marines papier : quand il tombe en panne, on finit sur les cailloux. Ne rigolez pas, c’est arrivé…

Un grand merci à la station SNSM de Camaret qui m’a fait découvrir ce truc.

Essayez vos lunettes avec Enjoy Sunglasses

Accueil Enjoy Sunglasses

Et voilà, Enjoy Sunglasses est en ligne ! Ce site e-commerce qui vend des lunettes de soleil, est l’un des rares à proposer d’essayer ses produits… en temps réel et en ligne !

Pour un client, rien n’est plus frustrant que d’acheter un produit qui ne lui va pas. Pour un vendeur, rien n’est plus frustrant que de perdre des ventes parce que le client n’a pas essayé le produit. Partant de ce constat, Enjoy Sunglasses a misé sur des technologies innovantes et propose l’essayage des paires de lunettes sur son propre visage. Une prouesse rendue possible par l’utilisation des outils d’essayage de Fitting Box.

Intégré à chaque étape-clé de la navigation, l’essayage virtuel offre enfin un moyen rapide de sélectionner la bonne paire de lunettes en fonction de la forme de son visage.

Retours d’expérience

Au-delà du concept plus qu’intéressant, j’ai eu la chance et le plaisir de vivre ce projet de l’intérieur. Toute l’équipe d’Ekinos a, en effet, participé à la construction de ce site autour de la plate-forme e-commerce Magento. Un travail parfois long et souvent difficile car les besoins étaient très éloignés du standard et les technologies utilisées longues à caler.

Sans tout dévoiler (ce n’est pas fini, une suite est déjà en route…), ce projet nous a permis de sortir des sentiers battus et de mettre à profit l’architecture si particulière de Magento. Oui, Magento est un gigantesque Lego. Oui, on peut faire des choses étonnantes avec. Mais quelle exigence ! J’avoue que la jeunesse de la solution nous a causé pas mal de soucis, cependant nous avons acquis une belle expertise dans le développement de modules, l’optimisation des performances et les méthodes de production adaptées à Magento (cycles de tests, packages, données de test et de production, installation, migration, etc.).

Nous avons maintenant une longue liste de points d’amélioration pour les futures versions de Magento, avec, en première ligne, la gestion des règles de calcul de prix pour le marché français et européen (prix HT, prix TTC, TVA, remises et escomptes, règles officielles d’arrondis sur 5 décimales, contextes d’application, etc.). Je reviendrai sur ce sujet pour préciser les aspects métier et fiscaux qui doivent être intégrés dans le standard Magento. C’est curieux : tous les intégrateurs Magento ont ce soucis, mais personne n’ose le dire…

Manque plus que l’soleil !

Maintenant, le site est en production. Avec l’arrivée du printemps (plus quelques fonctionnalités…), Enjoy Sunglasses sera, je l’espère, l’un des piliers du e-commerce ! Il faut bien rêver un peu, d’autant que les équipes d’Enjoy Sunglasses et de Fitting Box méritent bien ce succès : le projet est réfléchi, exigeant, précis et bien piloté. J’avoue prendre beaucoup de plaisir à travailler avec des gens qui ont des idées et de l’énergie pour les concrétiser. Surtout quand ils ont l’intelligence d’être souples face aux obstacles !

Je tiens aussi à remercier l’équipe qui partage mon quotidien chez Ekinos et a réalisé ce travail. Le challenge valait le coup, non ? Oui, bon, je sais, on soufflera plus tard : on doit livrer des projets encore plus dingues… J’y retourne !

World of Goo : le design numérique par excellence


World of Goo, LA surprise numérique de cette fin d’année.

Noël approche ! C’est le moment de penser aux cadeaux. Et pour ceux qui cherchent encore, j’ai LE truc qui va plaire à tout le monde : World of Goo.

« Quoi ? Un jeu vidéo !? »

A première vue, oui, mais ce serait passer à côté de l’essentiel : il s’agit surtout d’une oeuvre numérique parfaitement réalisée. Pour calmer cet emballement juvénile soudain (cela doit faire 15 ans que je n’ai pas touché un jeu vidéo), je vais aborder le sujet sous un angle plus rabat-joie technique. Voici donc le cocktail détonnant qui compose la chose…

Un gameplay basique, mais un univers totalement décalé

Pour perdre du temps à jouer sans culpabilité, il faut pouvoir se plonger dans un univers en décalage complet avec la réalité. Avec World of Goo, on est servi ! Le but du jeu est plutôt simple (mettre des Goos dans un tuyau), mais l’histoire, les messages, les transitions entre les scènes nous plongent dans un univers caustique et sarcastique (rien que ça !), à mi-chemin entre le doux rêve et le cauchemar absolu.

Une création graphique originale

Chaque élément de l’interface est travaillé pour servir le jeu. Tous les détails comptent : la forme, le comportement, les interactions avec les autres éléments, les messages dans lesquels sont cachés des astuces. Le tout traité avec une grande cohérence graphique. Un excellent travail !

Une bande son extraordinaire

Les concepteurs de jeu le savent bien : le son est plus efficace que l’image pour immerger l’utilisateur. Et les concepteurs de World of Goo ne l’ont pas oublié. La musique se fond parfaitement aux phases du jeu, les bruitages sont superbes (la palme au bruit du Goo se faisant croquer !).

Une programmation sans faille

Dommage que je ne puisse pas accéder au code source… Quand on voit le jeu tourner, on perçoit immédiatement la qualité de la programmation (orientée objet, cela va de soi). Sa fluidité incroyable offre une parfaite maîtrise des éléments qui composent la scène. Aucun bug constaté.

Les lois de la physique parfaitement respectées

Je finis par ce qui fait le principal intérêt de World of Goo : son respect maniaque des grands principes de la physique : masse, inertie, élasticité, énergie, gravité, mécanique des fluides. Tout repose sur la parfaite intégration de ces notions intuitives. Nul doute que tout est programmé grâce aux formules mathématiques adéquates. D’ailleurs, le résultat semble largement inspiré d’autres projets, comme les animaux de SodaZoo (huit ans déjà !) ou les expériences de Yugo Nakamura.

Joyeux Noël !

Après ce déluge d’éloges, je ne peux que vous inciter à essayer ce jeu, d’autant que son prix reste très abordable (20$). Pour ma part, je garderai de ce projet l’exemple d’une parfaite intégration des différents métiers du numérique : scénario, création graphique, composition musicale, programmation objet, etc. Même si l’équipe derrière ce bijou se résume à quelques fous furieux talentueux !

Je me sens agile !

Excellente journée, aujourd’hui !

Pour commencer, une jolie acquisition finalisée ce matin (la 4e entreprise du groupe) dont je laisse au padrone le soin d’annoncer la nouvelle. Ce sera le 21 octobre. Oui, je sais, ça fait un peu buzz

Et puis, c’était surtout la journée Agile Tour 2008 à Toulouse ! Inutile de tourner autour du pot : j’ai été très agréablement surpris ! Et ce, pour plusieurs raisons :

  • L’organisation était parfaite : accueil sympathique, horaires respectés, pauses gourmandes généreuses, matériel et salles adaptés, atmosphère détendue propice aux échanges.
  • Les salles étaient combles, preuve que les méthodes agiles commencent à s’installer doucement mais surement.
  • Les intervenants étaient passionnés, passionnants et pédagogues.
  • Les exemples d’utilisation étaient clairs et convaincants.
  • La programmation était judicieuse pour avoir une vision globale du sujet (1. Origine, théorie ; 2. Application via les ateliers ; 3. Retours d’expérience).
  • L’effort des sponsors a permis d’ouvrir gratuitement cette journée à tous, sans rogner sur la qualité des interventions.

Que du bonheur ! Il faut dire que c’était facile : l’organisation de ces journées Agile Tour a elle-même bénéficié d’une approche agile…

Sur ce coup, les absents ont eu tord, mais ils pourront (légèrement) se rattraper en consultant les supports des conférences sur le site de la SigmaT dès demain.

Pour finir, voici en vrac ce que je retiens de cet événement :

  • Lire deux livres : The Mythical Man-Month, de Frederick P. Brooks, et Peopleware, de Tom DeMarco et Timothy R. Lister.
  • L’Agile Manifesto et ses 12 principes.
  • La complémentarité de l’approche Lean sur les projets agiles.
  • Le constat à l’origine de la création de Scrum : « le processus de développement est imprévisible ».
  • Scrum est utilisé dans 3 projets agiles sur 4 (Scrum seul 49%, Scrum + XP 22%).
  • Le coeur de cible agile : un nouveau projet pas trop critique, piloté par un management accomodant, sur une architecture définie, développé à temps plein par une équipe de 5 à 12 personnes réunies en un même lieu, s’appuyant sur des outils et systèmes interactifs ! C’est un idéal, bien sûr…
  • Sélectionner les méthodes agiles adéquates et les adapter au contexte.
  • Shu Ha Ri : suivre, comprendre, adapter. Auquel j’ajouterais améliorer.
  • Bien penser son architecture avant d’appliquer un développement agile.
  • Ne pas oublier de documenter son travail (non par formalisme, mais parce que tout ne peut pas être déduit du code, comme les séquences).
  • L’atelier XP Game qui a vite montré à tous les participants l’intérêt de l’Extreme Programming pour piloter un projet.
  • L’excellent retour d’expérience d’Igeoss qui a adopté les méthodes agiles dès l’origine pour développer ses solutions, avec un réel avantage productif et qualitatif.
  • L’excellente discussion avec Ramiro Sarmiento, agile coach chez Agilii et organisateur de l’Agile Tour 2008.

Parmi les blogs que je lis régulièrement sur le sujet, je vous recommande :

Merci à tous les organisateurs d’Agile Tour 2008 pour cette belle réussite ! Leurs efforts méritent bien ce petit retour.

Journée IHM à Toulouse le 30 juin 2008

Comme l’an dernier, Midi-Pyrénées Innovation et le SIGCHI (Special interest group on computer-human interaction) organisent une Journée Interface homme-machine et interaction innovante. Cette fois-ci, la rencontre se déroulera au Museum d’histoire naturelle de Toulouse le 30 juin 2008.

Au programme, le meilleur de l’ergonomie d’interfaces avec de nombreuses études de cas et des démonstrations : IntuiLab, Thales Avionics, Aeroconseil, Smiths Dectection, Microsoft, Immersive Solutions, Blanc Tailleur, SL Dimension, IRIT, etc. Il y a aura même Metapages, cette boîte de fous furieux (de génie) dans laquelle j’ai passé deux ans inoubliables !

Si l’édition 2008 est aussi réussie que l’an dernier, je vous conseille vivement de vous y rendre !

Agence web ou SSII : que choisir ?

Lors d’une conférence aux RSI Midi-Pyrénées, j’ai été amené à répondre à une question sur le choix du prestataire pour une plate-forme e-commerce. Ma réponse a été suffisamment maladroite et incomplète pour que plusieurs visiteurs me relancent sur le sujet dans les couloirs de Sup Info.

La fameuse question

La question était à peu près : « est-ce que le choix entre agence web et SSII n’est qu’une simple question de coût ? ».

J’ai donc répondu que le débat ne se situait pas là, puisque nous constatons une évolution profonde des agences web et des SSII autour des prestations Internet.

La fameuse réponse

Il y a 15 ans, quand démarraient les premiers projets Internet, il y a avait peu de technologies associées. Juste du HTML, même pas de CSS ! Ce nouveau canal de diffusion servait essentiellement à la communication d’entreprises. Naturellement, ce sont les services de communication et/ou de marketing qui ont hérité des projets Internet et ont, à leur tour, transmis les demandes à leurs prestataires habituels : les agences de communication et de design.

Résultat : ces agences ont créé des départements web autour de méthodes et outils utilisés dans les métiers de création. Il suffit de relire les cahiers des charges des sites web de l’époque pour s’en convaincre…

Puis, tout a évolué très vite. Les technologies ont débarqué à un rythme effréné. Attirés par ce nouveau marché juteux, les agences web ont fleuri (en débauchant des profils d’agences de communication et de design) et ont intégré de plus en plus de profils techniques, sans radicalement changer leurs méthodes. Jusqu’à l’éclatement de la « Bulle Internet » en 2000 et 2001.

Internet avait prouvé son intérêt, mais il fallait l’aborder autrement. Les entreprises ont donc impliqué d’autres profils, ceux de l’informatique, autour de méthodes et outils très différents.

D’une façon générale, les agences web qui avaient survécu au crash, ont continué leur chemin autour de la communication et de la conception de contenu et d’interfaces. Les SSII ont récupéré les développements techniques et l’exploitation des services Internet.

Avec le temps et parce que les deux mondes coexistaient sans réellement se comprendre, les rapprochements étaient inévitables. C’est ce que nous vivons depuis quelques années, avec les fusions-acquisitions d’agences web par les SSII (l’inverse est plus rare).

J’ai conclus ma « fameuse » réponse sur ce point. J’ai donc pris beaucoup (trop) de raccourcis et oublié la suite !

Ce que j’aurais dû ajouter

Bien sûr, se faire manger tout crû par une SSII n’a pas plu à certains responsables d’agences web qui réclament haut et fort leur indépendance et leur culture. Et je leur donne mille fois raison !

Voici donc la suite de ma pensée… qui reste toujours la mienne et soumise à débat.

En réponse à la demande des internautes (dont le comportement a fortement évolué avec la généralisation du haut débit), les acteurs d’Internet se spécialisent. Les profils et les prestations deviennent très techniques et mettent à l’écart les agences web qui n’ont pas su évoluer ou recentrer leur activité. Non seulement les méthodes des métiers de la création côtoient les méthodes de développement logiciel, mais Internet a fini par favoriser la création de nouvelles méthodes (méthodes agiles, développements pilotés par les tests, conception centrée utilisateur, etc.). S’il existe encore des agences web indépendantes, c’est parce qu’elles utilisent ces nouvelles approches.

A côté de cela, une myriade de nouveaux acteurs se focalise sur les marchés de niche : référencement, marketing viral, e-mailing, e-commerce, vidéo web, réseaux sociaux, univers virtuels, veille, développement RIA/RDA, M2M, convergence web / mobile, etc. Cette dynamique structure le marché des prestations Internet et favorise la créativité, technique à l’appui.

C’est ma vision des choses qui ne demande qu’à évoluer grâce à vos commentaires.

Magento et le web sémantique

Si vous êtes à Toulouse le mardi 27 mai et voulez tout savoir sur les solutions internet actuelles, je vous invite à vous inscrire aux RSI Midi-Pyrénées. 19 conférences sont programmées autour de trois thèmes majeurs : le e-commerce, les technologies web et les stratégies innovantes.

J’ai l’immense privilège (et la lourde tâche !) d’être invité à deux conférences pour aborder ces sujets et montrer le résultat d’approches innovantes dans le e-commerce. Je vais donc prendre mon sujet de prédilection du moment : Magento ! Et pour compliquer la chose, j’y ajouterai une dose de web sémantique, grâce aux travaux menés par Ekinos et Mondeca sur de nouvelles interfaces de sites marchands (navigation contextuelle, filtres à facettes, moteur de recherche sémantique, association de produits et conseils d’achat en temps réel, etc.). Et comme un bon exemple vaut mieux qu’un long discours, je prendrai comme support un site e-commerce Magento que nous développons en ce moment.

Je serai ravi de vous rencontrer sur place pour discuter de tous ces sujets qui me passionnent. Si vous venez, faites-moi signe ! Maxime et Florent, je vous ai déjà repérés ! D’ailleurs, merci Maxime pour ton dernier billet : je vais en avoir bigrement besoin mardi !

Dernière chose, si vous loupez Toulouse, l’équipe d’Ekinos sera présente à Paris le 5 juin pour le TEC Paris – Île de France.

Sauvez les développeurs !

Mettre au point des sites web qui fonctionnent avec Internet Explorer 6 relève du défi ! Ce qui devait arriver, arrive : Save the developers!

Pour ma part, j’ai pu mesurer le temps passé à mettre au point une interface pour Internet Explorer 6 : 15 à 25% du temps de développement des interfaces web ! Sans parler de l’énervement au sein des équipes de développement…

Alors, s’il vous plaît, mettez à jour votre navigateur web ! Ce sera bénéfique pour tout le monde : les développeurs pourront concevoir des interfaces plus rapidement, les applications web seront plus stables et vous bénéficierez d’un outil efficace et adapté au web d’aujourd’hui.

Vous avez l’embarras du choix :

Téléchargez Internet Explorer

Si vous tenez à rester dans le giron de Microsoft, installez dès que possible Internet Explorer 7. Les améliorations sont notables, même si nous sommes encore loin d’un résultat idéal. Il paraît qu’Internet Explorer 8 sera enfin un navigateur digne de ce nom. J’attends de voir… Bref, vous l’aurez compris : ce n’est pas mon préféré.

Téléchargez Firefox

Firefox 2 est le navigateur web le plus utilisé par les développeurs, grâce à une interface intuitive et une multitude d’extensions. Seule ombre au tableau : sa gourmandise en terme de ressources mémoire. Mais Firefox 3 apportera un sérieux changement de ce côté. Incontournable et recommandé par les professionnels.

Téléchargez Opera

Opera, c’est LE navigateur web par excellence. Léger, rapide, complet, il a tout pour plaire, en particulier son support quasi parfait des normes du W3C. S’il reste marginal sur les ordinateurs, il est le roi du web mobile !

Téléchargez Safari

Proposé par Apple, Safari est le navigateur web par défaut de MacOS, mais il fonctionne aussi sous Windows. Un bon produit qui possède la magie Apple. Parfait pour l’utilisateur qui ne veut pas s’embarrasser de technique.

Quel que soit votre choix, le plus important est d’abandonner Internet Explorer 6 !

Naviguer dans les graphes, un défi pour la conception d’interfaces ?

Le web sémantique est à la mode. Cette nouvelle « découverte » des notions fondamentales de l’informatique (le web est jeune, qu’il en soit pardonné…) entraîne une évolution des interfaces, à commencer par celles qui facilitent la compréhension et la manipulation de graphes de données.

Exemple avec le site dédié à l’exposition Design and the Elastic Mind du MoMA.

Interface du site web Design and the Elastic Mind
Interface du site web Design and the Elastic Mind.

L’interface (réalisée en Flash) permet de naviguer d’un article à un autre, grâce aux liens typés affichés sur chaque article sélectionné. L’idée est intéressante et l’aspect très réussi, mais l’ensemble manque d’efficacité (la destination d’un lien est imposée et la représentation mentale de l’ensemble est difficile).

Finalement, malgré son âge (7 ans), je trouve Kartoo plus efficace pour naviguer d’une information à l’autre, via leurs relations intrinsèques (même si ces dernières sont déduites de l’indexation des sites et ne gèrent ni l’orientation, ni la composition). Je l’utilise régulièrement quand un moteur « classique », comme Google, ne peut affiner une recherche floue.

Exemple de résultat Kartoo
Exemple de résultat de recherche avec Kartoo.

Autre approche, Visuwords qui tente de typer fortement les relations entre les données. Le résultat est exhaustif, mais, au-delà d’un item (ce que ne fait pas Visuwords), sa lecture nécessite du temps et un effort intellectuel important.

Visuwords
Recherche d’un mot dans le dictionnaire Visuwords.

Malgré le degré de finition de ces quelques exemples (et de tant d’autres glanés sur le web), je reste encore sur ma faim. Est-ce si difficile de concevoir une interface efficace pour naviguer dans des graphes complexes de données ? Je finis par le penser. A croire que notre (mon) cerveau n’a pas naturellement vocation à maîtriser ce type de représentation de l’information qui nous semble pourtant si intuitif…

Au bout du compte, j’en viens à me demander si la manipulation de graphes ne devrait pas être la chasse gardée des machines. Twine semble parfaitement tirer profit de cette approche.

Graphe de données Twine
Un graphe Twine… que l’utilisateur ne verra jamais !
Interface de Twine
L’interface de Twine, simple et pertinente.