InterfacesRiches.fr

Alors que Google est en train d’accélérer le rythme des innovations autour de son navigateur, les équipes de Chrome Experiment viennent de publier une nouvelle démonstration technologique autour de HTML5 particulièrement intéressante : Arcade Fire, HTML5 and Chrome. Cette expérimentation artistique met en scène le dernier titre du groupe Arcade Fire dans une chorégraphie de fenêtres orchestrées par le réalisateur Chris Milk : The Wilderness Downtown.

The Wilderness Downtown avec HTML5

L’objectif affiché de cette création artistique est de valoriser des techniques comme la balise vidéo, le rendu 3D de la balise Canvas (avec le nuage d’oiseaux), la manipulation d’objets (les cartes issues de Google Maps et Hearth), la synchronisation des fenêtres, les dessins procéduraux (voir la capture en dessous), les filtres couleur appliqués aux images ainsi que l’incrustation de sprites dans les vues aériennes et les streets views.

Dessin vectoriel séquentiel et fenêtres synchronisées

Le tout forme une expérience inédite mais qui consomme tout de même beaucoup de ressources. Qu’importe, j’imagine que l’objectif de Google est de démontrer la supériorité de son navigateur et surtout d’illustrer des possibilités jusqu’alors inexploitées. Des possibilités inexploitées par un navigateur… ça ne vous dit rien ? Avec cette démonstration Google est en train de préparer tranquillement l’opinion publique à la sortie de son web OS éponyme (programmée pour la fin de l’année) qui va devoir se heurter au scepticisme des clients qui vont avoir bien du mal à faire le deuil du couple OS / logiciel auquel ils sont attachés.

Même si cette expérimentation nous prouve surtout que les navigateurs sont limités en capacité de traitement, ils préparent déjà la suite avec un gros coup : Une nouvelle version de Chrome capable d’exploiter la carte graphique des ordinateurs (Hardware Acceleration is Coming to Chrome). Petit à petit, Google est donc en train de creuser l’écart avec ses concurrents et surtout de préparer l’avenir avec un Chrome promu au status de plateforme : OS + Navigateur + App Store (cf. Chrome OS Gets Ready for Gaming). Selon cette perspective, Chrome ne serait plus réellement un concurrent de Firefox ou encore d’IE, mais plutôt d’iTunes et d’iOS. À suivre…

(via The Next Web)

La réalité augmentée est décidément un sujet chaud en ce moment. Et ça tombe bien car Total Immersion, le pionnier et le leader de ce créneau (Cocorico !), vient de lancer un module pour Flash : Total Immersion enhances its D’Fusion platform with the launch of its new augmented reality Adobe Flash module. Jusqu’à présent, pour faire de la réalité augmentée avec votre webcam vous aviez le choix entre utiliser une technologie propriétaire comme celle de TI (qui fonctionne très bien mais nécessite un plug-in : Olympus utilise la réalité augmentée pour la démo de son nouvel APN) ou utilisé une brique open source comme FLARToolkit mais qui ne fonctionne qu’avec un marqueur. Un choix pas évident car si Flash est installé sur 99% des ordinateurs, la nécessité d’imprimer une page avec un marqueur dessus est plus que bloquant. D’un autre côté, installer un plug-in est toujours pénible, mais la solution de Total Immersion peut se passer de marqueur donc fonctionner avec n’importe quel support 2D.

Ce choix est maintenant derrière nous avec la mise à disposition du module D’Fusion for Adobe Flash Player. Le principe est de proposer un environnement de développement générique (D’Fusion) et différents modules de déploiement (ordinateur, mobile, web…). Je vous recommande de tester la démo pour bien appréhender le potentiel de cette technologie :

La réalité augmentée avec Flash et sans marqueur

Encore une fois, tout l’intérêt est de pouvoir faire de la réalité augmentée SANS marqueur, donc d’exploiter des supports génériques comme des publicités ou des logos de marque. De nombreuses possibilités sont ainsi ouvertes, à commencer par des dérives comme cette campagne anti-BP : Are We Entering the Age of Augmented Trademark Infringement?.

Mais le principal avantage que je vois dans cette annonce est de pouvoir profiter du portage de Flash sur les smartphones Android pour faire rimer réalité augmentée et mobilité. Le gain de temps pour monter une opération est très significatif.

Bref, je me réjouie de cette annonce, d’autant plus qu’elle concerne une entreprise française ! Au passage, s’il y a des personnes de chez Total Immersion qui lisent ce blog, je suis partant pour une petite interview et plus si affinité (comme un visite de la cellule R&D par exemple…).

(et éventuellement s’il y a un ou deux AR.Drones qui trainent chez Parrot, je suis preneur aussi !)

(Ha mince, rien à voir, si ce n’est que se sont deux sociétés françaises)

(Bon c’est pas grave, j’ai déjà publié le billet…)

(via R/W W)

Un peu plus de 6 mois après la disponibilité des versions beta, Adobe annonce le même jour le lancement des nouvelles versions de Flash et AIR : Adobe AIR 2 Now Available et Flash Player 10.1 Now Available for Windows, Mac, and Linux.

Commençons par Flash avec cette nouvelle version 10.1 qui apporte les améliorations suivantes :

• Meilleure gestion des ressources (processeur et mémoire), les animations tournant dans un onglet non-visible seront ainsi mises en sommeil ;
• Des vidéos HD plus fluides (accélération matérielle pour le décodage du format H.264, implémentation de HTTP Dynamic Streaming) ;
• Des vidéos P2P plus performantes avec le Real Time Media Flow Protocol ;
• Nouvelles API multitouch ;
• Prise en compte du mode “Privacy” des navigateurs ;
• Meilleures performances sou Mac (surtout avec Safari).

Les équipes insistent sur le fait que cette nouvelle version représente un bon en avant et pas seulement une incrémentation de 0.1 dans la version. OK mais alors pourquoi ne pas l’avoir nommé Flash 10.5 ? En tout cas j’espère que nous pourrons constater les améliorations sur des applications innovantes comme Tweet for Honor (disponible bientôt).

Concernant AIR, voici la liste des nouveautés :

• Amélioration de la stabilité et des performances (utilisation de 30% de mémoire en moins) ;
• Support de HTML5 et CSS3 (et notamment de l’élément <canvas>) ;
• Meilleur support du système de fichier ainsi que des processus d’installation et d’impression ;
• Prise en charge du code natif avec l’API NativeProcess.

Des nouveautés qui ne seront donc pas forcément visible à l’oeil mais qui vont grandement améliorer ce qui se passe sour le capot. Pour tester tout ça, je vous recommande un petit tour sur la marketplace d’applications.

Dans la même lignée que le film Believe pour la promotion de Halo 3 ou la fantastique pub TV Carousel pour les téléviseurs 21:9 de Philips, la branche canadienne de Showcase vient de lancer une campagne très intéressante pour faire la promotion de sa nouvelle série TV Crash & Burn : Une vidéo panoramique (Autotopsy: Point of Impact, toujours aussi fascinante à regarder) et un mini-site pour prolonger l’expérience (Autotopsy.ca).

La série suit le quotidien d’un expert en analyse d’accidents de voitures, le mini-site reprend la vidéo panoramique du teaser mais y rajoute une couche d’interactivité avec la possibilité de naviguer dans une timeline en bas de page :

La navigation par timeline sur le mini-site Autotopsy

L’immersion est maximale avec une vidéo en pleine écran (et 3 niveau de qualité pour ne pas trop ralentir le chargement). La scène de l’accident est ponctuée de points d’intérêts (les victimes) sur lesquels il est possible de cliquer pour avoir accès à une petite vidéo de storytelling (les 2 minutes précédents l’accident) :

Gros plan sur une des victimes du mini-site (c'est pour une série TV)

Il est également possible d’avoir une description plus complète (Case Study) :

Le dossier complet des victimes

Il y a enfin un plan en 3D très utile pour s’y retrouver dans la scène de l’accident :

Le plan en 3D de l'accident

Au final nous avons donc un mini-site assez long à charger (il faut le reconnaitre) mais parfaitement immersif et avec une très grande qualité de réalisation. Rien à redire, c’est à ça que servent les interfaces riches et ils ne sont pas prêt d’être remplacés pour ce type de réalisation.

Je pense que les avis convergent pour prédire que 2010 sera l’année de l’explosion des touchbooks (autrement appelés “tablet PC” mais le “PC” peut prêter à confusion). Entre les différents produits déjà lancé en 2009 (cf. Netbook + TabletPC = Touchbook, et le web devient tactile) et les rumeurs de futurs machines chez Apple et Google, le marché est en ébulition.

Mais qui dit nouvelles machines, dit nouveaux services et surtout nouvelles interfaces. Car n’oublions pas que l’interface est un élément clé dans l’adoption et le succès d’une innovation technologique (cf. l’iPhone qui a révolutionné le marché). Je souhaiterais donc partager avec vous les différents concepts d’interfaces déjà proposés par certains.

Commençons avec la ces particulier des magazines papier “portés” sur support numérique comme cette démonstration technologique de Condé Nast, l’éditeur de nombreux magazines US (dont Wired), qui devraient être disponible sur la tablet d’Apple : Condé Nast’s Offering for Apple’s Mystery Tablet: Wired Magazine.

Il y a ensuite cette très belle illustration d’un magazine de sport en version électronique (Time Inc. shows off magazine tablet demo) :

Votre magazine de sport en version électronique et tactile

Le texte et les images occupent donc toute la surface d’affichage avec un menu radial qui est affiché en tapotant l’écran. Démonstration vidéo ici :

Plus futuriste mais nettement plus impressionnant, le Mag+ de l’éditeur suédois Bonnier (Bonnier Takes A Stab At Re-Inventing The Mag) :

Concept futuriste de touchbook

À découvrir en vidéo ici :

Il y a aussi le grand retour de l’OLPC (l’ordinateur à 100$) qui pourrait bien faire un retour en force avec une machine de troisième génération à la sauce touchscreen (OLPC Comes Up With a Beautiful, Thin Tablet Concept) :

Evolution de l'OLPC en touchscreen

Pour finir n’oublions pas le brevet déposer par Apple pour un écran à retour de force (Possible Apple tablet multi-touch tactile keyboard detailed) un concept dont j’avais déjà parlé dans un précédent billet (Interfaces en relief et crayonnage 3D) :

L'écran en relief d'Apple

Donc comme vous pouvez le constater c’est un véritable festival d’innovations en tout genre pour les différents constructeurs et éditeurs qui semblent prêt à se lancer dans une course à l’armement autour de ce nouveau format (les touchbooks).

Tout ceci n’est-il pas un peu précipité ? Si, bien sûr que si dans la mesure où les ordinateurs à écran tactile existent déjà depuis de nombreuses années et où un système d’exploitation comme Windows 7 intègre maintenant de façon plus fine la gestion du multitouch. Le frein à l’adoption se situe donc bien du côté du logiciel plutôt que du côté du hardware ou des services. Comprenez par là que les machines sont prêtes, mais que les interfaces permettant de “consommer” de l’information et des services sont encore à inventer. Et sur ce point précis, c’est Adobe qui semble le mieux placé. Pourquoi ? Tout simplement parce que les interfaces tactiles vont littéralement inonder le marché et qu’il va falloir gérer de nombreux terminaux et systèmes d’exploitation. Ors, c’est justement pour palier à ce défi que AIR a été conçu.

D’autant plus que AIR est une technologie qui a fait ses preuves avec le Times Reader qui pourrait donc s’imposer comme la référence de facto de la presse en ligne qu’il faudrait “juste” adapter aux écrans tactiles, dont le iSlate d’Apple qui sera le premier à sortir sur le marché. Oui mais voilà, le torchon brule entre Adobe et Apple (notamment en ce qui concerne le portage de Flash sur l’iPhone ou les problèmes de performance du dernier Flash Player sur Mac OS). Il se pourrait donc que nous soyons à l’aube d’une belle bataille entre Apple et le reste de l’industrie soutenue par Adobe (Can Adobe and Apple Play Nicely When–And If–The Tablet Shows Up?).

Pour résumer une longue histoire, je suis intimement persuadé qu’une partie du succès de ces touchbooks va reposer sur leur capacité à proposer une expérience enrichissante de consommation d’informations et de services à valeur ajoutée. Tout comme il existe des applications mobiles payantes pour smartphones éditées par les grands journaux, attendez-vous à voir fleurir des offres équivalentes adaptées au format des touchbooks dans différents domaines (news, sport, cuisine…). L’innovation dans ce domaine a toutes les chances d’être passionnante, notamment dans le commerce en ligne.

La réalité augmentée n’est pas un sujet tout neuf, pourtant l’année 2009 aura été décisive pour les applications “marketing et business” de la réalité augmentée domestique (cf. 10 Awesome Uses of Augmented Reality Marketing et Tracking brands in Augmented Reality). J’ai déjà eu de nombreuses occasions de vous parler d’applications réalisées avec Flash, il est donc maintenant temps de vous parler de celles réalisées avec Silverlight : Silverlight 4 Augmented Reality Proof Of Concept.

L’astuce est d’utiliser NyARToolkitCS (un dérivé de la librairie ARToolkit) ainsi que l’API webcam de Silverlight 4 (cf. Accessing Web Camera and Microphone).

Mieux, l’auteur de cette première expérimentation nous en propose une autre avec de la 3D en temps réel : Real Time 3D Augmented Reality with Silverlight.

Donc comme le dit si bien Galdric : “Réalité augmentée en Silverlight 4 : ça c’est fait“. Attendons maintenant de voir de meilleures performances avec la version définitive de Silverlight 4. Et puisque l’on parle de meilleures performances, saviez-vous qu’il était possible de combiner Flash, réalité augmentée et Unity3D (Flash pour la capture et Unity3D pour le rendu 3D) : Unity3D + FlarToolkit = … hein ?!.

Bon… il semblerait donc que la prochaine étape soit de faire de la réalité augmentée sans plug-in avec HTML5 et WebGL.

Sur ce coup là j’ai carrément un train de retard, c’est inacceptable car en une semaine ce ne sont pas une mais trois nouvelles versions de technologies RIA / RDA qui viennent d’être annoncées.

Commençons par Adobe avec les sorties en beta de Flash 10.1 et de AIR 2.0 : AIR 2 and Flash Player 10.1 Betas now Available.

Au programme des nouveautés pour Flash 10.1 :

• Prise en charge du multi-touch ;
• Gains de performance ;
• Disponibilité prochaine sur des terminaux mobiles comme le Palm Pre (cf. Full Adobe Flash Is Coming Soon to Mobile) ;
• Grosse amélioration de la gestion de la mémoire.

Meilleure gestion de la mémoire avec Flash 10.1

Concernant AIR 2.0, voici les nouveautés :

• Prise en charge des périphériques de stockage et du hardware (micro, webcam…) ;
• Possibilité d’accéder aux commandes natives ;
• Prise en charge du multi-touch et des commandes gestuelles ;
• Mise à jour du moteur de rendu pour une meilleure gestion du HTML 5 / CSS 3…

Pour plus de détails ça se passe ici : Introducing Adobe AIR 2 beta.

Du côté de chez Microsoft, ils viennent tout juste d’annoncer la beta de Silvelright 4 lors de la Professional Developers Conference 2009. Voici les nouveautés :

• Prise en charge complète de l’impression ;
• De nouveaux éléments de formulaire (Rich Texbox with links…) ;
• amélioration de la fluidité de l’interface et des effets proposés ;
• Support de la webcam, du micro, du clic droit et de la molette dela souris ;
• Copier / Coller depuis le clipboard ;
• Fonctionne dans Google Chrome ;
• Des applications deux fois plus rapides au démarrage (mais pas forcément à l’exécution ?) ;
• Accès aux répertoires utilisateurs (”Mes documents, “Ma musique”…)…

C’est sur ce dernier point que Microsoft dévoile ses réelles intentions quand à cette nouvelle version de Silverlight : concurrencer à la fois Flash et AIR. Il sera ainsi possible d’installer des simili-applications sur votre bureau (ils appellent ça des client apps) pour pouvoir contourner les limitations du navigateur (et notamment la sandbox qui l’isole du système). Autant dire que cette possibilité change complètement la donne : Silverlight Four Is Going To Be Huge.

Illustration avec SilverFace, une Rich Desktop Application conçu avec le SDK de Facebook :

Silverlight + Facebook = SilverFace

Pour résumer : ça ressemble à une application, ça se comporte comme une application et c’est du 100% Facebook (plus d’infos ici : Silverlight 4 In Beta, Screenshots of Facebook Desktop App et The Windows Platform, Silverlight 4, and Facebook.

Wow, que de nouveautés et de très très grosses ambitions pour Adobe et Microsoft qui semblent bien avoir décidé de se prendre de vitesse l’un comme l’autre. Pour le moment il ne s’agit que de versions beta, il reste encore à stabiliser tout ça, mais je pressens que 2010 va être l’année où la frontière entre service en ligne et application va disparaitre.

Le mois dernier le maire de Lyon et le président de l’OL ont lancé un nouveau site pour faire la promotion du futur grand stade de l’Olympique Lyonnais :

Le site du futur grand stade de l'OL

Pour faire découvrir ce futur stade au public ils proposent une visite virtuelle en 3D qui exploite le Shiva Web Player :

Une vue des tribunes du futur Grand Stade de l'OL

Cette visite virtuelle a été réalisée par Immersive Solution avec la solution Shiva de Stonetrip (utilisée notamment pour KidNet). Vous avez ainsi la possibilité de visiter l’intérieur du stade selon différents points de vue (pelouse, gradins…) mais également l’extérieur :

Vous remarquerez la possibilité de “sauter” de point à point (à l’aide de la petite carte) ou encore de prendre des photos (virtuelles). Il y a également une très belle vue d’oiseau :

La vue d'oiseau du futur grand stade de l'OL

Cette mise en ligne correspond à un premier pas vers de la billetterie assistée par de la 3D (prochainement implémentée) qui permettra de choisir au mieux sa place dans le stade. Il y aura ensuite un deuxième temps visiblement beaucoup plus ambitieux, mais je ne peux pas vous en parler pour le moment…

La nouvelle a été récemment annoncée par Kevin Lynch (le CTO d’Adobe) : La prochaine version mobile de Flash prendra en charge les interfaces multi-touch et l’accéléromètre : Mobile Flash to Get Accelerometer, Multi-touch Support Early Next Year. Avec la montée en puissance de terminaux mobiles de nouvelle génération (notamment Android) il est normal qu’Adobe ouvre une brèche dans la muraille d’Apple et la position ultra-dominante de l’App Store sur le marché des applications mobiles next-gen.

Le multi-touch en action

Hé oui, car c’est bien de cela dont il est question : faire pression sur Apple pour qu’ils lèvent l’embargo sur la technologie Flash et l’intègre à l’iPhone. Restons lucides : ça n’arrivera pas. Soit, mais le marché ne peut pas se contenter de se faire rançonner par Apple, il lui faut un écosystème plus ouvert pour respirer et c’est précisément ce qu’ils vont venir chercher avec Android et le webOS de Palm Pre (cf. Flash Player Coming to Palm Pre and webOS).

Les premières expérimentations d’utilisation d’interfaces multi-touch avec Flash remontent à 2007 (cf. Working Flash applications with multi-touch) mais la possibilité des créer des Rich Mobile Applications pouvant exploiter à la fois l’accéléromètre et le multi-touch ouvre de très nombreuses opportunités. Surtout pour des systèmes d’exploitation mobiles “légers” comme le webOS de Palm qui va s’appuyer sur HTML5 et javascript pour les applications.

“Système d’exploitation léger”, “applications en HTML5″, “Android”, “open source“… tout ça ne vous rappelle rien ? Mais si : le futur Chrome OS de Google ! Car le multi-touch ne concerne pas que les écrans, il fonctionne aussi avec les pavés tactiles des netbooks. J’anticipe ainsi une vague d’applications de “nouvelle génération” : légères, intuitives et surtout très proches de l’expérience d’un iPhone. C’est donc ça : reproduire l’expérience de l’iPhone sans en subir les désagréments (les conditions spartiates imposées par Apple).

Bien évidement vous pourriez me dire que le multi-touch est un truc de geeks ou de riches (pour ceux qui ont les moyens de se payer un iPhone), mais je vous répondrais que cela va changer avec Windows 7 (qui va en faire un usage intensif) et surtout la version netbook de Windows 7.

Le multi-touch dans Windows 7

Mais revenons à nos moutons (numériques) et à cette future version de Flash mobile : un Flash player mobile plus riche, c’est également des bannières et des applications marchandes plus riches. Et oui, car Flash est étroitement lié à l’industrie publicitaire (bannières, campagnes rich media…) et aux annonceurs souhaitant faire vivre des expériences toujours plus immersives à leurs clients / prospects. Autant ils sont prêts à financer une version iPhone, autant ça deviens de plus en plus compliqué à mesure que s’allonge la liste des terminaux-cibles. Heureusement l’Open Screen Project est là pour assurer une expérience constante à vos campagnesapplications quel que soit le support.

Je fais très certainement de la paranoïa, mais je doute que c’est par souci de draguer les professionnels du casual gaming qu’Adobe investit en R&D dans ce sens. C’est encore (et toujours) une histoire de gros sous et de licences à vendre aux annonceurs. Mais qui s’en plaindrait dans la mesure où cela fait progresser la technologie et améliore l’expérience des utilisateurs… à condition que ceux-ci soient équipés du bon terminal / OS sinon ils risques de se sentir lésés (cf. Flash Multi-Touch will introduce era of 2′face development).

Mais ne vous méprenez pas sur mes propos : je suis plus qu’impatient de découvrir les premières applications qui seront normalement dévoilées lors de la prochaine édition du MAX. J’ai hâte d’y être !