InterfacesRiches.fr

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)

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.

Normalement sur ce blog je ne traite que des sites web et applications proposant des interfaces enrichies (donc qui font plus qu’afficher du texte et des images), mais je souhaiterais aujourd’hui sortir de ce cadre et vous faire découvrir un concept d’interface transparente pour ebooks : Text 2.0. Par interface transparente, je fais référence à une interface invisible (pas de menu, de boutons ou d’icônes) qui serait pilotée par le regard :

Ce concept nécessite donc le recours à une webcam placée au dessous de l’écran qui capterait le regard de l’utilisateur et permettrait de déclencher des actions selon des comportements définis à l’avance.

Prototype de ebook utilisant une interface transparente

Par exemple si un lecteur s’attarde sur un mot, sa définition est affichée dans une bulle :

La définition d'un mot affichée si le regard est fixe

De même, si un lecteur se contente de survoler le texte et de lire en diagonale, l’interface va masquer la majorité des mots pour mettre en évidence ceux qui ont le plus d’importance d’un point de vue sémantique :

Masquage des mots superflus par faciliter le survol d'un texte

Fonctionnalité bonus, si un lecteur prend le livre électronique en main et parcours la page de façon chaotique (il cherche sa ligne), l’interface affiche une petite flèche pour l’aider à reprendre sa lecture là où il l’avait laissée : :

L'interface qui vous aide à retrouver votre ligne

Magie ? Non, technologie. Ici le concept est poussé à l’extrême, mais il serait tout à fait possible de proposer ces fonctionnalités en complément de menus et boutons (recherche, accès à l’index…). L’idée serait alors d’assister l’utilisateur dans son quotidien ou plutôt de modifier légèrement le protocole d’interaction pour lui simplifier la vie. En tout la plus-valeur d’une telle interface justifie largement l’implémentation d’une webcam dans un ebook (c’est tout de meme plus discret qu’une EyeSeeCam !).

(via Wired)