Pour vous la faire courte, GXT est une librairie pour créer des applications en ligne en Java. Ça vous fait penser à GWT ? C’est normal, car GXT se veut être une sur-couche qui exploite le même environnement de développement et les mêmes outils (Développez vos applications Web avec GXT). Concrètement, vous codez en Java et vous compilez votre application en HTML, CSS et javascript (GXT s’appuie sur la librairie Ext JS). L’intérêt de cette librairie est de gagner du temps tout en bénéficiant d’un environnement de développement rigoureux.

Dans la pratique, cette librairie vous propose un ensemble de composants d’interface pour accélérer le développement d’applications en ligne. Nous parlons ici d’applications d’entreprise, n’espérez donc pas y trouver des choses très funky, mais plutôt des choses utiles dans un contexte BtoB. L’éditeur fournit une liste d’exemples de ce que l’on peut faire. J’ai particulièrement apprécié (entre autres) :

• Les boutons personnalisables ;
  
• Les graphiques (en barres, colonnes, gauge, camembert ou surface) ;
  
• Les menus déroulants enrichis ;
  
• Les formulaires ;
  
• Les tableaux avec options de tri avancées ;
  
• Les menus en cascade ;
  
• Les listes avec menu contextuel ;
  
• Et même le dessin vectoriel (ici un logo).
  

Tout ceci est donc fort sympathique. Je ne me prononcerais pas sur l’épineux sujet des performances ou de la stabilité, je me contente d’apprécier les éléments d’interface du point de vue de l’utilisateur final.

Il n’y a pas réellement de concurrents directs à GXT, si ce n’est GWT. On retrouve par contre des librairies javascript qui se rapprochent de cette philosophie comme le projet français qooxdoo ou des librairies plus répandues comme Dojo ou jQuery UI.

Ce que je trouve particulièrement intéressant dans cette approche est de pouvoir coder la logique métier de façon rigoureuse et de s’appuyer sur une librairie « standardisée » pour l’affichage. D’autant plus qu’il est possible de concevoir une application à la souris (avec Sencha Architect) et de la déployer sur le web et le mobile (avec une autre librairie comme Sencha Touch). Idéalement, il faudrait pouvoir combiner ça avec un atelier de BPM en amont (Business Process Management) pour avoir une approche encore plus rigoureuse…

Dans cette lutte, les derniers événements en date sont les suivants :

• Opera continue de sortir de nouvelles versions (Opera 12, une version bêta disponible) ;
• Mozilla n’est pas en reste (Firefox 13 bêta : nouvel écran d’accueil et activation de SPDY) et lance même une nouvelle initiative dans le jeu en ligne avec BrowserQuest, une très belle réalisation de Little Workshop (BrowserQuest, An HTML5 MMO From Mozilla) ;
  
• Apple se fait très discret avec Safari : Why Hasn’t Safari Skyrocketed Like Chrome Has?.

Ça se bagarre donc très dure, mais pas aussi dure qu’entre les deux prétendants. Microsoft investit ainsi beaucoup d’énergie pour limiter la fuite des utilisateurs d’Internet Explorer. Nous avions déjà vu des expériences très intéressantes ces deux dernières années, notamment avec Never Mind the Bullets (cf. Offensive de Microsoft sur Silverlight et HTML5). Ils font également preuve d’humour avec un beau mea culpa pour assurer la fin de vie de IE6 : Internet Explorer, The Browser You Love to Hate.

Mais la grosse offensive a été lancée récemment avec une opération pour la sortie au cinéma de l’adaptation de The Hunger Games avec le The Capitol Tour, un site expérientiel en HTML5 : Hunger Games + Internet Explorer + HTML5 = The Capitol Tour.

Le site est intéressant, le film un peu moins (préférez-lui les livres). Et comme les jeux en ligne sont à la mode, les équipes de Microsoft se sont pliés à l’exercice imposé du portage du jeu Cut the Rope :

Force est de constater que ce portage est plutôt réussi. D’autant plus qu’il est largement documenté avec la mise en ligne d’un mini-site dédié (Build New Games).

Mais la firme de Redmond est allée encore plus loin avec le lancement de Brandon Generator, une histoire animée réalisée par Edgar Wright (réalisateur de Shaun of the Dead) et Tommy Lee Edwards (illustrateur pour Marvel) : A new anti-hero boosts interactive storytelling for IE9 users.

Là encore, la réalisation est très soignée et se situe à mi-chemin entre comics et film animation. L’histoire est présentée sous forme de chapitres, mais vous pouvez aussi exploiter certaines fonctionnalités interactives.

Face à une telle débauche de moyens, Google ne pouvait pas rester sans rien faire et contre-attaque cette semaine avec une nouvelle démo technique très impressionnante : Cube, un mélange de Google Maps et Marble Madness.

La capture d’écran ne rend pas très bien, mais je peux vous assurer que la réalisation est très impressionnante et va mettre votre ordinateur à genoux. Par contre, ne vous y trompez pas, le but de la manoeuvre n’est certainement pas de s’assurer un leadership sur le segment des jeux en ligne.

L’enjeu est de taille, car une nouvelle version de Chrome OS est en finalisation (Sony preparing Chrome OS laptop, Google working on UI overhaul) avec des évolutions de l’interface graphique (Chrome OS borrows a little from Windows and a little from OS X in Aura UI update) et une intégration de Drive (Google Drive Integrated Into ChromeOS Dev Channel). L’objectif de Google est donc d’imposer son navigateur comme la nouvelle plateforme de référence : de faire comprendre aux éditeurs qu’ils doivent maintenant développer des solutions pour Chrome, et non pour Windows ou Mac.

La compétition est donc toujours aussi rude entre Google et Microsoft. Par contre, j’ai beaucoup de mal à comprendre pourquoi les équipes de Redmond ne concentrent pas leurs efforts sur la finalisation de IE10, voir sur la mise à niveau de IE11 par rapport aux navigateurs concurrents…

Quoi qu’il en soit, la pression est toujours aussi forte contre Flash qui subit de nouveaux outrages avec des nouvelles versions de services emblématiques comme FlickR ou Wix et toujours autant d’expérimentations (Inception Explained). Décidément, Adobe a bien fait de ce recentrer Flash sur le jeu et la vidéo HD !

ChronoZoom est un projet conjoint des universités de Berkeley et Moscou, ainsi que de Microsoft Research. L’objectif de ce service est de fournir un outil simple et universel pour visualiser des tonnes de données multimédias et en faciliter l’accès. Dit comme ça, le projet est un peu flou, mais je peux vous assurer que le site et les données qu’il y a derrière sont bien réels. Toute la difficulté de ce projet repose sur l’échelle et la matière première : nous ne parlons pas d’afficher quelques images sur une timeline retraçant les grandes étapes de l’humanité, mais de mettre en ligne une interface universelle (pour PC, tablettes, smartphones…) pour consulter l’ensemble des ressources disponibles (texte, photos, vidéos…) de l’histoire de l’univers (depuis le big bang jusqu’à l’adolescence de Justin Bieber). C’est donc un chantier titanesque, digne de la Grande Bibliothèque d’Alexandrie.

Concrètement, le service se présente sous la forme d’une timeline où sont affichés des médias. Il est possible de naviguer dans cette timeline avec la souris (un clic sur un ère permet de zoome sur celle-ci) ou à l’aide de repères.

Trois choix structurants ont été faits sur ce projet :

• Une représentation en timeline très intuitive (tout se fait à la souris avec la molette) ;
• Une interface en HTML5 pour consulter des informations historiques, géographiques, astrophysiques, géologiques… stockées dans les nuages (plus spécifiquement sur la plateforme Azure), ce projet est donc une mise en application concrète du concept de Big History (une variante de Big Data) ;
• Un outil d’édition en ligne pour permettre aux scientifiques du monde entier d’alimenter la base (cf. Chronozoom, le big data de l’histoire de l’univers, devient open source).

Au final, nous avons donc un service particulièrement convaincant qui fera des merveilles en salle de classe. Pour le moment, seule une petite quantité de données sont disponibles, mais la plateforme va être enrichie au fur et à mesure par la communauté scientifique et les passionnés.

Nous parlons ici de contenus historiques / scientifiques, mais imaginez un peu ce que cela pourrait donner avec des données commerciales ou CRM… La simplicité de l’interface ouvre en effet de nombreuses applications possibles, et préfigure peut-être le remplaçant du navigateur Windows (qui sait ?).

(via Techcrunch)

PS : Vous noterez que je sous-entends dans le titre qu’il y a d’autres univers que le nôtre…

France 5 a ainsi toujours été très actif dans la production de webdocumentaires, et ça dernière grosse réalisation en date témoigne de cet engagement. Manipulation est ainsi un modèle du genre avec un contenu très dense que les internautes doivent découvrir au fur et à mesure de leur progression dans les différents dossiers.

Outre les webdocumentaires émanant de l’univers de la télévision, on trouve aussi de très belles réalisations financées par des fonds publics, à l’image de Bear71, un projet à mi-chemin entre documentaire et expérience interactive sur l’extinction des ours au Canada : This interactive documentary blurs the line between wild and wired worlds. L’idée derrière ce dispositif est de proposé à la fois un documentaire visionable sur les médias traditionnels, mais aussi des contenus interactifs en ligne, dont un traceur qui permet de suivre à la trace la femelle ours présenté dans le reportage et de découvrir au quotidien les interactions qu’elle a avec d’autres animaux sauvages ou avec des humains :

De même, signalons l’énorme travail du Ministère des Affaires Étrangères qui publie depuis 2010 un webdocumentaire très complet sur son action au quotidien : Destinations, chroniques d’une diplomatie de terrain. Là encore, c’est une véritable mine d’or d’informations, de vidéos et de données qui sont à disposition des internautes pour découvrir le quotidien des diplomates.

Comme ce sont des productions assez coûteuses, ce webdocumentaire se construit petit à petit en rajoutant des pays régulièrement. Ce ne sont que trois exemples parmi tant d’autres, mais ils sont, selon moi, représentatifs de ce qui se fait de mieux. Si vous avez d’autres exemples, n’hésitez pas à les mentionner dans les commentaires.

Encore plus intéressant, ce format est également utilisé dans la communication institutionnelle, à l’image de SFR qui avait déjà publié un rapport interactif : Homo Numericus. Mélange d’animations, de vidéos et d’éléments interactifs, ce webdocumentaire propose une façon très intéressante de restituer les conclusions (et la matière) de l’étude.

En allant un peu plus loin, il serait possible d’appliquer ce principe à des documents très rébarbatifs comme les rapports annuels. L’idée serait de mettre en scène les principaux messages et les chiffres-clés dans un format agréable et spectaculaire et de proposer le reste au téléchargement. C’est ainsi ce que propose l’agence In Visu avec ses Video Digital Report : Une nouvelle génération d’interface !.

Le format utilisé est toujours plus ou moins le même (vidéos interactives…), mais la mise en scène permet de concentrer l’attention et de donner une image carrément plus moderne de la prise de parole institutionnelle. Il existait une très belle démonstration en linge, mais elle a été mise hors ligne pour une raison que je n’explique pas…

J’imagine que vous êtes, tout comme moi, convaincu de l’efficacité de ce format, mais que des contraintes budgétaires vous empêchent de passer à l’action. Soit, je peux bien le comprendre, car la vidéo interactive est un luxe que tous ne peuvent s’offrir. Qu’à cela ne tienne, nous pouvons tout à fait envisager un principe similaire, mais sans la vidéo : une mise en scène de messages textuels et de chiffres pour mieux capter l’attention et sortir du lot.

Prenons ainsi l’exemple du rapport annuel de Leetchi, une startup française, qui a été publié sous forme d’infographie :

Il serait tout à fait possible de dynamiser cette page en exploitant les possibilités offertes par les CSS3 (animations, transitions…) ou par javascript. Non seulement cette mise en scène permettrait de concentrer l’attention, mais elle apporterait une dimension narrative à la présentation des chiffres ou des réalisations de l’année. Le tout dans des ordres de coût tout à fait raisonnable, et même consultable sur des terminaux mobiles ou des tablettes !

Bref, je pense que vous avez compris où je voulais en venir : les interfaces riches pour donner du peps et scénariser des contenus initialement plutôt « plats » (pour ne pas dire rébarbatifs). En poussant la logique jusqu’au bout, j’anticipe même un créneau à prendre pour les plus malins qui se feraient une spécialité de la réalisation de ces rapports annuels…

Dernier fait notable en date, le portage du Unreal Engine dans la dernière version de Flash : Epic touts console-quality graphics in browser-based Flash games with Unreal Engine. Cette démo est très longue à charger, mais le résultat est spectaculaire, car vous vous retrouvez en face d’un environnement en 3D temps réel d’une très grande fluidité et finesse.

La mise en ligne de cette démo n’est pas un hasard, car elle est synchronisée avec le recentrage récent de Flash sur le jeu et la vidéo HD. Cette annonce est également faite conjointement avec le lancement d’un nouveau site vertical (Gaming.Adobe.com) et de différentes annonces autour de Stage3D récapitulées ici : So much stuff to talk about.

Adobe met donc le paquet pour se réserver la part du lion sur ce créneau. Il faut dire que le marché est juteux, non pas en nombre de joueurs, mais en nombre de studios et de développeurs indépendants. Il faut dire que Adobe a accumulé un peu de retard, surtout face à des plateformes de développement dédiées comme Unity3D qui vient de passer à la version 3.5 et qui sera utilisé dans la conversion des titres de Capcom : Capcom Bringing it in Browsers, Onimusha Soul Coming this Summer.

La compétition est donc serrée, et Adobe doit bouger vote pour encercler des concurrents de petite taille comme Unity, car de plus gros poissons viennent de rentrer dans la danse : Google’s Unified Gaming Platform.

Google vient donc d’officialiser PlayN, son framework de développement de jeux en ligne. Comme je ne suis pas un pro, je me suis renseigné auprès de Didier Girard qui m’a gentiment fourni les explications suivantes :

Toujours est-il que le débat HTML5 + WebGL / Flash + Stage 3D n’est plus réellement d’actualité, car la concurrence est ailleurs. Porter un jeu initialement conçu pour le desktop dans le navigateur est une tâche hasardeuse et plutôt ingrate, d’autant plus à l’heure du cloud gaming. Les acteurs de ce créneau connaissent ainsi une forte croissance et signent des partenariats tout à fait intéressants : Warner Bros Interactive Entertainment and Gaikai Partner to Launch World’s First Cloud-Based Streaming MMO Game Experience. Pour en savoir plus sur la stratégie de développement des deux principaux acteurs, je vous recommande l’article suivant : CES, Two cloud gaming firms, two different visions.

Une publication qui tombe à pic, car Adobe s’est fait pas mal chahuter ces derniers temps (Adobe toujours dans la tourmente malgré des nouveautés intéressantes), non pas que ses produits ne sont plus bons, mais parce qu’une tranche de la blogosphère high-tech a décidé que Flash n’était plus à la mode. Mettons tout de suite les choses au point : avec cet article, mon but n’est pas de prendre la défense d’Adobe, mais de militer en faveur des interfaces riches, de TOUTES les interfaces riches, pour que les concepteurs de sites et de services en ligne aient une palette d’outils la plus large possible afin d’améliorer et d’enrichir l’expérience des internautes.

D’où vient Flash et où va cette technologie ?

Comme précisé dans le document, Flash est une technologie d’animation vectorielle créée dans les années 90. Suite à un accueil enthousiaste de la communauté, ce plug-in a commencé à intégrer toujours plus de possibilités (animations, audio, vidéo, accès aux périphériques…). Si le rythme d’innovation avec Flash a été aussi soutenu, c’est parce que la technologie était tirée par un écosystème de développeurs frustrés de voir les spécifications de HTML stagner. Résultats : ils se sont rabattus sur Flash pour pouvoir délivrer des expériences toujours plus riches à des internautes en recherche de sensations et de spectaculaire.

Puis en 2008, Adobe a sorti AIR, un environnement d’exécution multiplateforme pour pouvoir encapsuler des contenus Flash dans une similiapplication. L’objectif était de pouvoir proposer une solution de distribution universelle pour des applications légères et des jeux.

Jusque-là tout se passait bien, puis sont arrivés les smartphones et notamment l’iPhone d’Apple qui a refusé Flash pour pouvoir préserver l’intégrité de son modèle de distribution (iTunes). Certes, il y avait également l’alternative d’Android, mais les équipes d’Adobe ont visiblement rencontré des problèmes de performance insurmontables. De ce fait, décision a été prise de se concentrer sur un portage de AIR sur les smartphones afin de se conformer au modèle de distribution de « petites » applications mobiles via des marketplace. Aujourd’hui la situation est à priori stabilisée puisque ce mode de fonctionnement (des contenus Flash encapsulés sous forme d’applications mobiles) semble être le compromis universellement accepté.

Plus récemment, le W3C a enfin débloqué la situation et repris son travail de normalisation pour faire évoluer les spécifications de HTML. Une très bonne nouvelle, car les évolutions apportées par HTML5 vont grandement simplifier la création d’interfaces plus sophistiquées, surtout avec CSS3 (HTML 5 + CSS 3 = une révolution pour les interfaces web). Pour vous éviter une longue explication, disons qu’avec CSS3 et HTML5, le HTML va reprendre sa place et Flash va reprendre la sienne (Flash et HTML5 ne sont pas concurrents).

Deux créneaux porteurs : les jeux et la vidéo en ligne

Comme précisé plus haut, le but de cette roadmap est de clarifier le positionnement de Flash. Ce nouveau positionnement va donc s’articuler autour de deux créneaux : les jeux et la vidéo en ligne.

Au sujet des jeux en ligne, les ambitions d’Adobe sont clairement affichées : ils veulent faire de Flash la console virtuelle pour le web en capitalisant sur les possibilités offertes par le plugin (distribution universelle, accélération matérielle pour la 3D, prise en charge des périphériques…) ainsi que sur un écosystème de développeurs très dense. Ils comptent d’ailleurs aller encore plus loin en formalisant un Game Developer Program pour soutenir l’industrie et stimuler l’écosystème.

Certes, avec des technologies comme WebGL il est possible de faire de très belles choses (Gameloft Embraces HTML5 With 3D Game GT Racing), mais la population ciblée est beaucoup plus restreinte, et les environnements de développement ne sont pas aussi sophistiqués (à l’image de Unity3D).

Autre domaine où Flash excelle : la vidéo en ligne. C’est d’ailleurs sur ce second créneau qu’Adobe souhaite intensifier ses efforts pour faire de Flash LE moteur de la vidéo pour le web. Là encore, vous pourriez me dire que HTML5 propose des lecteurs vidéo très performants, mais diffuser de la vidéo ne se limite pas à déployer un lecteur. Sur ce point, les équipes d’Adobe vont travailler pour pouvoir étendre le support à de nouveaux codecs, enrichir les possibilités de manipulation des vidéos, collaborer de façon étroite avec les constructeurs et CDN pour optimiser les flux de streaming, proposer des solutions de DRM plus fiables pour protéger les contenus et autoriser des outils d’analytics plus sophistiqués.

Quelles évolutions pour Flash et AIR ?

Plusieurs stades d’évolution de Flash sont décrits dans la roadmap (qui devrait d’ailleurs être enrichie au fur et à mesure) :

• Une version 11.2 qui devrait sortir très bientôt avec un support plus étendu des cartes graphiques (rétrocompatibilité jusqu’en 2008), des astuces pour les jeux (verrouillage de la souris, support du clic droit, désactivation du menu contextuel…) et de meilleures performances pour la vidéo ;
• Une version « Cyril » qui devrait sortir au cours du second trimestre et apporter d’autres améliorations techniques ainsi que la possibilité de streamer des textures 3D ;
• Une version « Dolores » programmée pour la seconde moitié de l’année avec d’autres améliorations techniques et une rétrocompatibilité sur les cartes graphiques sorties depuis 2005 ;
• C’est par contre en 2013 que sortira normalement la version « Next » avec une réécriture du noyau et une nouvelle machine virtuelle ActionScript supportant la future version d’ActionScript.

Visiblement cette nouvelle version d’ActionScript va être une authentique révolution, mais je ne possède pas les compétences pour en apprécier la portée. Je laisse donc le soin à d’autres de commenter cette partie.

Concernant AIR, il n’y aura pas de grosses évolutions (en dehors de celles induites par le Flash Player encapsulé dedans). Les équipes vont visiblement travailler à l’amélioration des APIs pour offrir plus de modularité et de stabilité aux développeurs tiers.

Pour ce qui est de la compatibilité sur les différentes plateformes :

• Flash et AIR continueront d’exister sur les ordinateurs (Mac et Windows), mais le support de Linux ne sera assuré qu’au travers de Chrome (Google privilégiant ainsi Flash à AIR sur ses chromebooks).
• Flash ne sera donc plus disponible sur les smartphones ou tablettes puisque c’est l’option AIR qui a été privilégiée. Il y a deux semaines, Adobe a officiellement confirmé que Flash ne serait plus supporté par le navigateur d’Android (Adobe confirms: no Flash for Chrome on Android), cette décision va permettre aux équipes de concentrer leurs efforts dans une même direction. Précisons que les problèmes de performance et de consommation d’énergie qui plombaient l’utilisation de Flash dans le navigateur d’Android se retrouvent également avec javascript (ils vont devoir faire de gros progrès sur la machine virtuelle).
• Pour les télévisions connectées, même si certaines plateformes embarquent Flash dans le navigateur, il semblerait que la priorité soit encore une fois donnée à AIR.

Voilà, tout est dit dans ce document et nous y voyons maintenant beaucoup plus clair.

Flash est mort, vive Flash !

Donc si l’on résume ce qui a été annoncé : Les RIAs exploitant Flash ne subsisteront que sur les ordinateurs, pour les terminaux mobiles et alternatifs (smartphones, tablettes, TV et voitures connectées…), les contenus Flash devront être distribués sous forme d’applications.

Cela veut-il dire qu’Adobe jette l’éponge et que finalement Flash n’est pas un bon produit. Non, bien évidemment que non, car de toute façon, une application AIR n’est qu’un contenu Flash distribué non pas dans le navigateur, mais au sein d’une application autonome. C’est donc la fin du Flash Player pour mobile, mais pas de Flash !

Le constat d’échec ne se situe donc pas au niveau de la technologie en elle-même, mais au niveau du modèle de distribution : les constructeurs ont fait le forcing pour imposer leur app store et sécuriser ainsi un minimum de revenu pour financer le développement de leur système d’exploitation. Dans l’absolu ce n’est pas plus mal, car même si ce système force les utilisateurs à payer un peu plus, il permet de tirer la qualité vers le haut en générant plus de revenus pour les développeurs et les distributeurs.

Moralité : vous n’avez pas fini d’entendre parler de Flash, ni d’HTML5, car ces deux familles technologiques vont maintenant pouvoir cohabiter en symbiose.

Commençons par le très spectaculaire CNN Ecosphere, une initiative lancée à l’occasion de la conférence des Nations Unies sur les changements climatiques qui c’est déroulée en fin d’année dernière.

L’idée était de représenter les conversations sur Twitter autour de la conférence sous la forme d’arbres qui se développent de façon fractal autour de notre planète (plus il y a de conversations et plus les arbres poussent). Il est également possible de filtrer les branches par thématique et par pays. Réalisée avec WebGL, la représentation est très gourmande en ressources puisqu’il y a plus de 20.000 discussions et votre ordinateur aura sûrement un peu de mal à les afficher avec fluidité…

Deuxième exemple avec Yahoo! C.O.R.E. Data Visualization, une interface de visualisation des contenus publiés sur Yahoo!. Fondée sur le Content Optimization and Relevance Engine, cette initiative vise à illustrer le volume très important des infos et données publiées par Yahoo!, mais également de démontrer leur capacité à filtrer et analyser ces contenus : Think you’re unique? Let Yahoo’s data trove be the judge. L’interface se présente sous la forme d’un carrousel affichant les 5 dernières actus avec des options de filtrage sur les côtés et une réglette pour remonter le temps en bas. Un nuage de points est affiché en fond de page, chaque point représente une photo et une news qui est affichée au survol de la souris :

Là encore une représentation en 3D temps réel, mais qui est beaucoup plus fluide que la précédente.

Dernier exemple avec PhiloGL, un framework de visualisation de données fondé sur WebGL. Plusieurs représentations sont proposées, notamment les routes aériennes (World Airlines Routes) et l’évolution des températures (Temperature Anomalies from 1880 to 2010).

Ces interfaces de visualisation sont non seulement très spectaculaires, mais aussi parfaitement fluides. C’est donc une combinaison parfaite pour rendre des données plus sexy et faire passer des messages. WebGL serait-elle donc la technologie idéale pour faire de la 3D en temps réel dans le navigateur ? Non, car Microsoft ne l’a toujours pas implémenté dans Internet Explorer, mais il existe néanmoins un plugin  : IEWebGL (un plugin pour remplacer un plugin ? Oui je sais…).

Pour voir d’autres exemples de ce qu’il est possible de faire avec WebGL, je vous renvoie vers les WebGL Experiments de Google ou vers le site francophone WebGL.fr.Si vous avez d’autres exemples, n’hésitez pas à les mentionner dans les commentaires.

Il y a bien le très impressionnant smart e-book system proposé par un labo de R&D Coréen (KAIST’s smart e-book system more convenient than paper-based books), mais j’ai l’impression que nous avons atteint un plateau d’innovation.

Pour autant, nous continuons à voir émerger des concepts très intéressants, mais ils requièrent des accessoires ou extensions :

• Il y a ainsi tout une série de jeux qui utilisent des figurines comme Zombie Burbz ;
  
• Il y a aussi les stylets interactifs comme le ColorStudio HD proposé par Griffin / Crayola qui permet notamment de colorier des objets animés ;

  

• Toujours pour les enfants, Toyota Creatures propose des housses pour transformer votre iPad en doudou tactile ;

  

• Pour les musiciens on trouve également des produits hybrides comme le Mackie DL 1608 qui combine un mélangeur avec des préamplificateurs et l’interface tactile de l’iPad ;

  

• Pour les joueurs on trouve enfin des concepts intéressants comme le Fiona de Razer qui est livré avec deux joysticks / poignées.

  

• La palme du plus beau produit revient à la startup française ePawn qui fabrique un plateau de jeu interactif très convaincant.

  

Vous noterez que le point commun de ces innovations est l’utilisation conjointe d’une interface tactile et d’accessoires. C’est une bonne nouvelle dans la mesure où si l’on part sur ce terrain d’innovation, les possibilités sont encore plus nombreuses, d’autant plus si l’on tient compte de nouveaux outils de production comme les imprimantes 3D qui permettent de réaliser de petits objets physiques dans des ordres de coût tout à fait raisonnable. Moralité : les interfaces de demain seront à la fois digitales et physiques.

Interfaces tactiles, imprimante 3D, accéléromètre… c’est fou comme la technologie peut faire des merveilles quand il est question de se divertir !

Très remarquée lors de sa sortie, l’interface en HTML5 est exploitée par de nombreuses applications pour faire de la retouche de photos. Ils viennent d’annoncer hier une nouvelle version de leur éditeur : Introducing Version 2 of the Aviary Editor.

Au programme des nouveautés :

• Plus de rapidité et de stabilité ;
• De nombreux filtres et effets, dont des outils de correction automatique (auto enhance) ;
• Une interface simplifiée et surtout unifiée entre les différents supports.

L’intérêt d’abandonner Flash au profit de HTML5 était donc un bon choix pour faciliter le portage de  l’application du web vers les terminaux mobiles (HTML5 s’impose petit à petit comme LA référence pour les applications mobiles). Est-ce pour autant LA solution ultime qui va révolutionner le secteur et décupler les revenus des éditeurs ? Non, car les choses ne sont pas si simples :

• HTML5 est une technologie très versatile, mais ne proposant un niveau de sophistication et de robustesse suffisant pour convenir à n’importe quelle application (nous verrons ce que Microsoft va faire avec l’interface HTML5 de Windows 8, mais les équipes de Google semblent faire du sur-place avec Chrome OS, pourtant ils sont loin d’être incompétents) ;
• Plus le marché se développe et plus les disparités entre les terminaux augmentent (affichage, capacités…), donc les difficultés d’adaptation ;
• La concurrence est aujourd’hui extrêmement forte avec de très nombreux éditeurs indépendants (voir plus bas).

Au final, peut importe la technologie utilisée, l’important est avant tout de proposer une interface cohérente au plus grand nombre. Il existe aujourd’hui de nombreuses applications en ligne de très bonne facture (Zoho, CentralDesktop, ou même Picnik) mais qui ne proposent que des interfaces web, elles se privent donc de l’explosion d’usages de terminaux mobiles.

En poussant le raisonnement plus loin, la distribution multiple va même au-delà du web et des terminaux mobiles. Des éditeurs provenant du monde mobile commencent ainsi à commercialiser leur application sur le Mac App Store, à l’image de SnapSeed (un très beau cas d’étude). Nous nous dirigeons donc vers une configuration de marché où des éditeurs indépendants peuvent lancer une application en toute modestie et petit à petit élargir leur clientèle cible en la déclinant sur différents supports (smartphones, tablettes, desktop, tv connectées, voitures…). Selon cette optique, la technologie utilisée pour créer les interfaces est accessoire, l’important est de proposer une offre cohérente (répondu à un besoin réel) et une expérience enrichissante (à la fois ludique et permettant de résoudre un problème identifié). Vous noterez que j’avais déjà abordé ce sujet de la conception multi-écran.

Pourquoi parler du parallax scrolling ? Par ce que j’ai comme l’impression que cette technique est remise au gout du jour sur un certain nombre de mini-sites : Parallax Scrolling Inspiration. Comme précisé plus haut, tout l’intérêt est de donner une signature graphique particulière à un site pour que les visiteurs s’en souviennent. De plus, utilisée de façon intelligente, le parallax scrolling permet de scénariser l’apparition d’éléments sur la page, lui conférant ainsi une cinématique sans pour autant avoir recours à Flash. Le site Ben the Bodyguard a ainsi été le premier à l’exploiter en le combinant à un défilement vertical, le tout dans univers de BD.

De nombreux designers s’en servent maintenant pour leur portfolio, de même que des grandes marques qui en ont vu l’intérêt :

• Nike sur le mini-site de son organisation Better World ;

  

• Smart sur son site américain SmartUSA ;

  

•  VW sur le site de sa nouvelle Beetle ;

  

•  Citroën sur le site de la DS5.

  

Je ne saurais vous dire pourquoi trois constructeurs automobiles ont utilisé cette technique de défilement vertical en quelque mois, toujours est-il que la communauté apprécie. Il n’y a pas de raison particulière pour mettre en oeuvre le parallax scrolling si ce n’est vouloir différencier son site et proposer une expérience graphique originale.

Puisque l’on parle d’originalité, je vous propose de découvrir deux derniers sites qui poussent encore plus loin cette technique :

• Nintendo avec un mini site pour Mario Kart qui utilise du scrolling vertical et horizontal ;

  

• L’office du tourisme de Nouvelle-Zélande qui incorpore toute une série de modules interactifs.

  

Est-ce que le parallax scrolling va devenir la norme ? Non, aucune chance. D’une part car il c’est une technique complexe à coder qu n’est pas forcément compatible avec les systèmes de gestion de contenu (pas pratique pour les sites multilingues), d’autre part car cela rallonge les temps d’affichage de la page (il faut charger tous les éléments graphiques et contenus). Mais le plus important est qu’en adoptant un défilement horizontal, vous cassez le principe de navigation page à page. Dans l’absolu, ce n’est pas très grave (Vive les sites web à page unique !), mais un défilement horizontal combiné avec un bandeau de navigation horizontal qui vous suit tout au long de la page peut en dérouter plus d’un. Bref, à utiliser avec précaution.