InterfacesRiches.fr

Les habitudes de consommation changent, et les éditeurs évoluent avec elles. Ainsi nous passons de plus en plus de temps sur les terminaux alternatifs comme les smartphones ou les touchbooks, et cette tendance va s’accroître fortement au vue des prévisions. Pour anticiper cette évolution Adobe a tout récemment lancé deux initiatives pour renforcer sa légitimité sur ces terminaux alternatifs.

Il y a tout d’abord l’annonce du lancement de l’offre Digital Publishing qui permet de publier des contenus de type magazine sur des touchbooks. Le premier exemple visible est le portage du magazine Wired sur l’iPad. Après cette première expérience réussie, et la petite scène de ménage en public (cf. Vivement la fin du conflit entre Apple et Adobe), Adobe propose maintenant une extension à la suite InDesign pur pouvoir intégrer des contenus multimédias et concevoir une interface adaptée aux touchbooks : Adobe to Roll Out New Publishing Software for Tablets.

L'outil de publication de magazines numériques d'Adobe

Cette extension est composée du Digital Content Bundler qui permet d’importer des sources, de les retravailler, d’y ajouter des meta-données ainsi qu’une couche d’interactivité et de les publier dans un format propriétaire (le .issue). L’autre partie de l’offre est le Digital Content Viewer, un module de visualisation qui est proposé aux éditeurs pour qu’ils puissent distribuer leurs magazines.

La version numérique du magazine Wired

Je ne rentrerais pas dans les détails de l’offre, mais cette dernière me semble tout à fait adaptée aux contraintes des éditeurs (ne pas révolutionner leur chaîne de production) et va permettre d’abaisser grandement le coût de transformation des publications (enfin je pense, si vous avez des retours d’expérience je suis preneur). Cette offre nous prouve donc deux choses :

1. Adobe compte bien maintenir sa position dominante sur le créneau des outils d’édition
2. Adobe n’est pas tant fâché que ça avec Apple (après tout ils ont besoin l’un de l’autre)

Plus d’infos ici : Creating Digital Magazines et Advancing the future of digital publishing.

Deuxième initiative, un grand concours de développement de jeux sur mobile avec Flash (sur le plateforme Android) auquel participent trois gros acteurs (Kongregate, Flash Game Licence et Mochi Media).

Jeux mobiles avec Flash sur le Nexus One

Il y a ainsi près de 30.000$ de gains pour chacun de ces concours qui récompensera les meilleurs jeux mobiles (en fonction de leur jouabilité, de l’esthétisme et des performances techniques). Adobe n’en est pas à son premier gallop d’essai pour les jeux mobiles en Flash (Kongregate Tests New Android Flash Implementation With 100+ Games) mais ce concours devrait fortement stimuler les développeurs. Nottons au passage l’effort de pédagogie réalisé par Kongregate qui profite de l’occasion pour publier des recommandations parfaitement bien documentées : Best Practices for Adobe Flash Multiscreen Gaming.

À ce sujet je suis à la recherche de sources donnant des ordres de grandeur de coûts / temps de développement d’applications ou jeux mobiles selon les plateformes (iPhone, Android, BB, Symbian). Si vous avez des liens, merci des les partager dans les commentaires.

(Merci à Damien D. pour les liens)

Décidément il ne se passe pas une semaine sans que l’on parle de développement mobile et d’HTML5. Je profite donc de cette actualité pour traiter les deux sujets en même temps : Sencha (anciennement Ext JS) vient de sortir un framework de développement d’applications mobile reposant sur HTML 5 (Introducing Sencha Touch, HTML5 Framework for Mobile).

Sencha Touch pour vos développements mobiles

Pour celles et ceux qui se posent la question : “Un framework est un ensemble d’outils conçus en vue d’aider les programmeurs dans leur travail en permettant notamment la réutilisation du code” (adapté de la définition de Wikipedia). Traduction : Un framework vous permet d’assembler des bouts de code pour accélérer et standardiser le développement d’une application. Dans le cas d’une application mobile, ce framework est particulièrement intéressant avec la multiplication des plateformes mobiles. Plus de plateformes = Plus de versions = Plus de temps de développement.

Ce framework est donc compatible avec iPhone, iPad et Android (soit 90% des mobinautes). Il propose les fonctionnalités suivantes :

• Un moteur d’affichage en HTML5 / CSS3 ;
• Intégration de nombreuses icônes et transitions ;
• Prise en charge de la géolocalisation et du multitouch ;
• Manipulation des données facilitée avec Ajax et JSON, possibilité de stockage en local ;
• Publié sous licence GPL V3.

Le plus intéressant dans tout ça est l’utilisation intensive d’HTML5 pour exploiter au mieux les fonctions natives des terminaux ciblés (notamment pour els formulaires) tout en offrant une large gamme de représentations et comportements (voir à ce sujet les démos et le Kitchen Sink). Je ne reviendrais pas sur le grand débat application vs. HTML5 (lire à ce sujet mon précédent article : Vous êtes plutôt application mobile ou site web optimisé pour les smartphones ?) mais je pense tout de même que cette solution repose sur des fondamentaux technologiques tout à fiat viables : A HTML5 Primer for the Overwhelmed.

Je suis incapable d’évaluer la qualité des librairies proposées aussi je m’en remet à vos commentaires pour cet aspect là (vos retours d’expérience sont les bienvenus). Pour le moment ce framework est publié en licence open source, mais ils précisent qu’une licence payante est en cours de production (attendez-vous donc à sortir votre CB pour la V.2).

(via Techcrunch)

Le mois dernier MSN a lancé un nouveau magazine en ligne (Glo.msn.com) avec une mise en page des plus surprenantes :

La page d'accueil de Glo

À l’origine de ce projet il y a un partenariat avec BermanBraun et Hachette Filipacchi Media pour monter un féminin en ligne (cf. Glo launches today on MSN.com) proposant une expérience très différente de ce que l’on connaissait déjà. D’après ce que j’ai compris, le contenu est issu des différentes publications du réseau MSN mais c’est bien dans la façon de consommer les contenus que ce magazine innove : Pas de pages intérieures ou de rubriques, tout se passe sur la page d’accueil avec un système de défilement vertical.

L’idée est de présenter une couverture par jour avec des articles auxquels on accède en cliquant sur le titre (ou en défilant la page vers le bas). Les articles peuvent être des diaporamas ou des vidéos :

Un contenu vidéo dans Glo

Il y a également des articles plus classiques avec du texte :

Un article dans Glo

Notez également la possibilité de mettre des côté des articles ou des produits dans le Scrapbook (accessible en utilisant Facebook Connect) :

Le système de Scrapbook dans Glo

Au final nous avons donc un magazine en ligne au format surprenant mais tout à fait convainquant. Il ne faut pas être devin pour se rendre compte que ce format est particulièrement adapté aux touchbooks car il n’y a pas de clic, juste du défilement vertical. Ce n’est donc pas un hasard si ce magazine n’est pas en Flash (à par le Scrapbook) mais en HTML pour pouvoir être accessible depuis n’importe quel tablet ou terminal alternatif.

Notez également que MSN n’en est pas à son premier coup d’essai puisqu’ils avaient déjà lancé WonderWall, un portail orienté entertainement avec un principe de défilement horizontal :

Qui peut me confirmer que ce site passe très bien avec l’iPad ?

Décidément il y a des petits malins chez Apple qui se plaisent à entretenir le conflit du moment (cf. Vivement la fin du conflit entre Apple et Adobe) car nous venons de découvrir qu’Apple travaillerait sur un concurrent de Flash : Apple is developing a Flash alternative. Un concurrent de Flash ? Non pas tout à fait car il s’agit d’un framework javascript pour réaliser des interfaces riches. Le nom de code de ce framework est Gianduia et serait une version browser-side de Cocoa avec un peu de CoreData et de WebObject dedans (pour les détails c’est ici : Gianduia, une alternative à Flash ?).

Donc ce Gianduia serait en fait beaucoup plus proche de framework comme SproutCore, Cappucino (déjà utilisé par Apple pour MobileMe et iWork) ou JavascriptMVC que de technologies avec plugin comme Flash ou Silverlight. Ce framework permet de faire des interfaces en HTML / CSS / javascript avec un affichage et un comportement cohérent entre les différents OS et navigateur. Cela permet de gagner du temps et standardiser les développements.

Exemple d'interface en javascript utilisée par Apple

Dans l’absolu Apple est carrément en retard sur ce coup là car il existe d’autres framework à la philosophie proche ainsi que de nombreuses bibliothèques dont certains proposés par de grands éditeurs comme Spry d’Adobe ou YUI de Yahoo! ou des bibliothèques open source comme jQuery ou Dojo.

Je ne me lancerais pas dans un comparatif de ces frameworks / bibliothèques, mais je sais qu’il faut beaucoup de moyens et d’énergie pour développer et maintenir une offre viable dans ce domaine. Eventuellement Apple pourrait proposer du code optimisé pour son navigateur (Safari) mais celà restreindrait carrément le champ d’application.

…

…

…

…

…

…

…

…

…

Un framework RIA en javascript qui serait proposé par l’éditeur d’un navigateur web. Ça ne vous rappelle personne ? Google peut être avec GWT et Chrome. Donc au final ce Guianduia est plus un concurrent de GWT que de Flash (cf. Avec Gianduia, Apple vise Flash et Silverlight, mais aussi GWT).

Je pense qu’il faut donc nuancer cette annonce et y voir une technologie utilisée en interne chez Apple plutôt qu’un concurrent direct de Flash. Donc on se calme (d’où le titre du billet).

Faire de la 3D dans un navigateur est un sacré challenge, tout simplement car ils n’avaient pas été prévus pour ça. Il n’empêche, la pression de la part des éditeurs de jeux en ligne est toujours plus forte. De ce fait, une course à la montre à donc été entamée depuis quelques temps pour combler cette lacune (lacune ?) et faire tourner de la 3D dans nos navigateurs.

Plusieurs technologies sont ainsi en concurrence et le choix n’est pas évident car on peut difficilement les comparer. J’ai déjà eu de nombreuses occasions de vous en parler, mais je souhaite au travers de ce billet faire le point avec vous et éventuellement en apprendre sur des technologies et produits que je ne connais pas (encore). Il ne s’agit pas ici de dresser une liste exhaustive des technologies mais plutôt de voir où en sont les trois plus prometteuses.

Il y a tout d’abord Flash associé à la librairie Papervision3D qui permet de faire des choses tout à fait intéressantes. Le principal avantage est que Flash est installé sur plus de 95% des ordinateurs. Illustration avec OGCOpen, une simulation de golf :

Simulation de golf avec Papervision3D

La communauté est très active autour de ce projet mais il y a plusieurs problèmes :

• Le coeur du moteur 3D de Papervision est en cours de réécriture depuis 1 an (nom de code : PapervisionX) et le chantier n’est pas terminé ;
• Adobe travail de son côté à l’intégration de la 3D dans Flash ;
• Il n’existe pas d’environnement de production dédié au jeu (même dans Flash Builder 4).

Hypothèse optimiste : Adobe décide d’investir officiellement dans le projet (pour l’intégrer dans les futures versions) et lance un environnement de production dédié dans Flash Builder 5.

Il y a ensuite Unity3D, une technologie propriétaire dont les principaux avantages sont les performances et la maturité de l’environnement de production (la prochaine version 3 s’annonce encore plus impressionnante).

Le rendu 3D dans Unity

Problèmes :

• La technologie est propriétaire ;
• Le taux de pénétration du Unity Web Player est quasi insignifiant ;
• L’éditeur est de petite taille donc se pose à la question de la pérennité.

Hypothèse optimiste : Unity est racheté ou financé par un gros éditeur et atteint la taille critique pour s’imposer sur le marché.

Citons enfin WebGL, le standard promulgué par le Khronos Group (cf. WebGL, le nouveau standard de la 3D sur le web) qui progresse à grand pas. En témoigne CopperLicht, un moteur Javascript exploitant WebGL et proposant à la fois de très bonne performances et un environnement de production dédié (cf. Copperlicht: A new WebGL 3D Engine).

Le moteur 3D de CopperLicht en action

WebGL semble donc être un bon compromis entre les deux technologies citées plus haut en combinant performance, ouverture et au moins un éditeur d’un environnement de production. Gros problème : WebGL n’est supporté que par les navigateurs de dernière génération (par exemple Webkit sur Mac).

Vous l’aurez donc compris, le choix n’est pas simple et il faut bien peser le pour et le contre avant de miser sur une technologie : Performances, maturité, viabilité, ouverture… La clé de cette course étant la domination d’un marché qui s’annonce très juteux : Les Rich Internet Games.

Merci de mettre en commentaire toute information complémentaire sur ces technologies ou sur des alternatives (ou même sur un benchmark).

Ils l’avaient annoncé l’année dernière et ils ont (presque) tenus promesse puisque Adobe vient de confirmer la disponibilité très prochaine de AIR pour Android (le système d’exploitation de Google) : Adobe Unveils AIR on Mobile Devices. J’ai encore un doute sur le “très prochaine” qui peut signifier des semaines ou des mois mais il semblerait que la disponibilité réelle soit imminente.

Donc si je récapitule :

• AIR est un environnement d’exécution qui permet de faire tourner une même application sur différents systèmes d’exploitation desktop (Windows, Mac, Linux) et mobiles (Android dans un premier temps puis BlackBerry, Plam, Windows Phone, Symbian…) ;
• Cette plateforme permettra d’afficher et d’exécuter aussi bien du Flash que de l’HTML ou des applications en Flex ;
• Les applications pourront exploiter des API pour tirer partie du hardware (écran tactile, GPS, accéléromètre, caméra…).

C’est donc une grande nouvelle car cela concrétise enfin l’Open Screen Project qui vise à déployer un environnement d’exécution unique quelque soit le terminal (plus d’infos ici : Adobe AIR sur mobile). Vous pourriez me dire que le tableau ne sera pas complet tant que AIR ne sera pas disponible sur l’iPhone, et je vous répondrais que ce n’est pas un problème car il sera possible d’exporter une application en un exécutable pour iPhone (cf. Packager for iPhone). Donc d’ici quelques mois une même application Flash pourra être exécutée sur quasiment tous les smartphones du marché (le nirvana des Rich Mobile Applications).

Une seule application exploitée sur différents terminaux

Plusieurs vidéos et démonstrations technologiques sont disponibles ici : Preview of AIR on Android et Flash Player 10.1 and AIR 2 mobile preview videos. Attendez-vous à voir déferler un vague d’applications et de jeux en Flash “portés” sur smartphones à l’image d’Alchemist.

Les casual games sur mobile sont une catégorie intéressante mais d’autres applications sont en cours de finalisation comme le très attendu e-magazine Wired pour touchbook (réalisé avec AIR) et prochainement disponible sur l’iPad : Transforming the Magazine Experience With Wired and AIR.

Le magazine Wired sur votre iPad grâce à AIR

C’est assurément LA nouvelle de ce début d’année et j’ai vraiment hâte de voir ce que cela va donner du côté des performances et de la capacité des terminaux à “accueillir” des applications génériques. Loin de moi l’idée de jouer les pessimiste de service, mais j’ai comme l’impression que nous allons avoir droit au grand retour du “Site optimisé pour tel navigateur” mais dans une version “Application mobile optimisée pour tel OS“.

J’ai récemment découvert que la société  Light Blue Optics a annoncé l’arrivée d’un projecteur intelligent qui projette une interface tactile sur n’importe quel support plat ( À voir pour la couleur de la surface ).  Rapidement, j’ai fait le lien avec l’arrivée du Touchbook.

Je me demandais laquelle des deux technologies sera la préférée des utilisateurs et surtout quels seront les atouts pour le visionnement des interfaces riches.

En ce qui me concerne je crois que le projecteur intelligent est très intéressant pour les présentations professionnelles et que le touchbook gagne pour ce qui est de jouer à des jeux qui demande des mouvements particuliers. L’expérience utilisateur procurée sur ce dernier est plus riche.

Votre avis ?

Source photos et article  : Arnaud Meunier

Impossible aujourd’hui de passer à côté de l’annonce du jour : Deezer lance son offre premium avec son Haute Qualité (jusqu’à 320 kb/s) et version mobiles / desktop (pour en savoir plus : Deezer lance Deezer Premium, Spotify en ligne de mire).

Même si cet abonnement premium présente un intérêt certain, nous sommes tous d’accord pour dire que l’important n’est pas de qui passe dans les tuyaux mais la sophistication du player. Sur ce point là, le player “classique” est assez sobre, si ce n’est un très léger effet coverflow sur les pochettes des albums :

Le player classique de Deezer

Mais les choses deviennent beaucoup plus intéressantes avec le player plein écran qui propose une cinématique d’introdution en Flash 3D et une très belle interface de lecture :

Le player plein écran en 3D de Deezer

Nous avons droit à de très beaux reflets et un défilement des titres avec un effet fish eye. Le rendu est très sobre et classieux. Une réussite !

(via Graphism)

Mise à jour : Un article très intéressant de Hebi nous apprend que cette interface a été également prévue pour un usage tactile : Fullscreen chez Deezer, et écrans tactiles.

Après Rolland-Garros et le Tour de France, la technologie de streaming HD de Silverlight a été retenue pour une exploitation annuelle par Canal+ et France24.

Commençons par la chaine cryptée qui vient de lancer la diffusion HD de la ligue 1 et de la Champions League sur son service payant Foot+ : Canal+ goes Silverlight for Foot+.

Le foot en HD avec Silverlight

Non seulement les abonnés ont accès à un flux de streaming en HD sur leur ordinateur, mais ils peuvent de plus regarder ça sur leur TV au travers d’une XBox.

Autre ambiance avec France24 qui propose de la rediffusion 24H/24H avec cette expérimentation : France 24 expérimente le contrôle du direct, le speech to text, les votes et chapitrage automatique dans son player HD.

France24 en HD avec Silverlight

À tester ici : France24 HD Live Player.

Visiblement les équipes de Microsoft sont en train de prendre une belle avance sur le streaming HD et surtout de s’installer durablement sur ce créneau en signant des partenariats prestigieux.

Je ne sais pas pour vous, mais j’ai comme l’impression que dans son élan d’intégration verticale Microsoft pourrait bien verrouiller un peu plus le marché en rachetant un gros acteur de Content Delivery (Akamai ?).

Annoncée en mars dernier, la nouvelle version de Papervision3D (baptisée provisoirement PapervisionX) a enfin été annoncée officiellement : Papervision3D is Shifting Gears. Il s’agira donc de la version 3.0 qui représente une évolution majeure par rapport à la 2.1 puisqu’entièrement réécrit pour profiter pleinement du Flash Player 10.

Voici donc une excellente nouvelle… mais qui ne se concrétisera pas avant plusieurs mois !

En attendant, vous pouvez toujours prendre votre dose quotidienne de 3D dans Flash sur les différents blogs de la “galaxie” Papervision :

• PV3D Developers Blog, le blog officiel pour les dev ;
• Daily Papervision3D, un blog qui liste les différents projets ;
• PV3D.org et PV3World, deux blogs indépendants ;
• Papervision3D Tutorials, pour vous familiariser avec le code ;
• Papervision Showcase, pour des exemples (mais là le site semble en carafe).

Il y a assurément une communauté solide derrière cette librairie qui semble vouloir distancer les autres. À ce sujet je suis preneur d’un comparatif des librairies 3D, n’hésitez pas à déposer vos liens dans les commentaires (billet à suivre bientôt).