Interfaces de bureau en Flex / Flash / AIR

Les webOs ont la côte, et ces derniers multiplient les fonctionnalités, voici deux petites interfaces pour le plaisir, dont la dernière assez vue au mois d’Août propose dans le même temps de réinventer un peu l’ergonomie de bureau :

Interface de bureau en Flex :

TileUI, comme interface de bureau développée en Flex et compilée en AIR (avec du Papervision dedans si je ne m’abuse). A manipuler sur http://tileui.com.


separateur de post hebiflux

7 Comments so far

  1. Nicolas.Boo août 25th, 2007 8:09 pm

    Je trouve la seconde vidéo très intéressante.
    Cela me rappelle le concept montré il y a quelques mois (années ?) tant dans le tri et l’affichage des données, que dans les fonctionnalités regroupées autour des fichiers.
    Ici adaptées en interface de bureau exploitable dans un système Mac os x, je trouve ça vraiment étonnant d’accessibilité.

    Reste le hic’ de l’interface homme-machine au delà de l’affichage. Si le seul moyen de communiquer reste notre bonne vieille souris et le clavier, c’est vraiment dommage avec ce genre d’interface.
    Espérons que des technologies innovantes comme Microsoft Surface ou le multitouch qui si je ne m’abuse est breveté par Apple (Apple détient le brevet technologique je pense…) vont pouvoir nous proposer une exploitation encore améliorée, associée à des concepts comme ceux que tu nous montres à travers ces deux vidéos.

    Naturellement, bonne continuation.

  2. Nicolas.Boo août 25th, 2007 8:16 pm

    Tiens dis moi au passage, toi qui semble davantage dans le monde Adobe (Flash/Flex/AIR).
    Les animations Flex du contenu repose sur quelle API graphique ? Ce que je veux dire par là c’est que pour exemple uniquement, WPF repose sur Direct X plus bas niveau et je serai curieux de savoir si Flex et en général les éléments issus d’Adobe reposaiant sur un socle solide de gestion graphique ?
    Ma question est surtout intéressante pour moi en terme de performance et de standard… même si j’imagine que le besoin en portabilité des applications joue son rôle dans tout cela.

    Désolé pour le double-post, tu pourras éditer au besoin.

  3. Nicolas.Boo août 26th, 2007 6:23 pm

    Je viens de retrouver le nom du bureau ressemblant fort à l’interface de ta seconde vidéo : Bumptop (une simple recherche sur le net te montrera de nombreuses vidéos).

    Il s’agit réellement du projet original de cette interface à ma connaissance. Ca fait déjà un moment que ce projet existe. Je suis retombé sur ce nom en feuilletant le magazine Programmez! N°96 d’Avril. On y parlait également de WebOs naturellement, mais aussi de système différents en terme d’interface comme le projet Looking Glass de Sun et des WebOs comme starforce ou d’autres..

  4. crazy_snake août 26th, 2007 8:25 pm

    Bonjour :)

    L’interface reste en effet très limitée à partir du moment où l’on reste sur un écran d’ordinateur ‘de bureau’, mais des systèmes comme le multitouch, le surface ou d’autres supports comme l’Iphone permettent de proposer d’autres moyens d’interagir avec l’environnement. On a déjà vu des essais d’interaction avec la webcam mais cela reste limité à l’usage. On peut regarder du côté du jeu vidéo, il y a pas mal aujourd’hui de jeux qui requièrent une extension (guitar hero, eye toy, dance dance revolution, steel battalion…) physique pour interagir, voire même des consoles comme la wii ou la Nintendo DS. La nature de l’interface dépend pour beaucoup de son contexte d’utilisation, de la techno utilisée (standard ou non / ouverture / facile d’utilisation…), du public visé (bagage culturel d’une interface, ergonomie), de son véritable intérêt par rapport à ce que l’on veut faire…

    Bumptop est l’original du TileUI, en effet, j’ai faili le citer dans ce billet mais je ne me souvenais plus du nom non plus. Dans ce type d’interface, il y a l’interaction et l’expérience utilisateur bien sûr qui compte mais aussi la techno dans laquelle elle est développée : ici, c’est du flex compilée en AIR en très peu de temps. C’est aussi bien une demo technologique qu’une interface : le temps de développement est intéressant. Si l’on peut faire la même chose en une semaine avec une techno facile d’utilisation qu’en un an de développement avec une techno assez fermée et gourmande en ressources, on voit très clairement les possibilités d’ouverture offertes !

    Pour la gestion graphique, le lecteur flash ne se basait jusqu’à il y a quelques temps que sur les ressources processeurs quasiment. Il ne gère pas du tout l’accélération matérielle, cela permettait aussi de pouvoir tourner sur tout type de support. Toutefois sur la dernière version avec l’apparition de la prise en charge des vidéos HD, dans les paramètres du lecteur, on voit une case à cocher ‘activer l’accélération matérielle’, mais sans tellement plus d’informations que cela. Je pense que la carte graphique joue quand même dans l’histoire, mais je ne me suis jamais vraiment posé la question à vrai dire ;) Cela va devenir plus ou moins indispensable je pense au fil du temps, même si les proco ont de plus de plus de capacités de calcul. Je peux vous conseiller http://labs.prizee.com qui a travaillé un peu sur les comparaisons de performance entre flash et silverlight (premières versions si je me souviens bien)

  5. Nicolas.Boo août 27th, 2007 12:26 am

    Oh oui… tu as raison, j’oubliais Nintendo lorsque je parlais d’interface homme-machine.
    Ces derniers n’ont en effet jamais hésité à innover dans leur domaine et l’exemple de la Wii comme celui de la DS sont pour moi des exemples parfaits.

    Je viens de lire le comparatif entre Silverlight et Flash, il est très bien réalisé même si forcément plus tout à fait à jour depuis quelques annonces (notamment le support de l’HD pour Flash que tu as d’ailleurs abordé dans un de tes articles). De même que pour la version de Silverlight qui n’était alors que la 1.1 Alpha et non la refresh (les différences sont peut être les mêmes, je n’ai pas testé personnellement).

    La vraie question que je me posais, concernait les applications Flex face à des applications développées en exploitant pleinement WPF (pas WPF/E), en fait je suis étonné de la fluidité de l’animation de la vidéo de TileUi. Flash et la 3D ne faisant que très rarement bon ménage en termes de performances à ce qu’on peut voir sur la toile (tout comme Silverlight puisque ce n’est pas son but), je voulais savoir ce que donnent les applications Flex exécuté en local sur le poste client. Tire-t-on partie de l’accélération matérielle et si oui comment?(open gl ? solution proprio ? ).

    Une bonne chose en effet que Flash commence à ressentir le besoin de supporter l’accélération matérielle même si la tâche n’est pas aisée pour Adobe qui doit conserver sa diffusion multiplateforme et qu’en plus ils dépendent d’autres éléments à plus bas niveau (système, pilotes graphiques…).

    On verra bien ce que donnera la suite, l’accélération matérielle pour les vidéos HD semble être une chose facilement intégrable par Flash comme Silverlight si ce n’est déjà le cas. Après les autres traitements graphiques, c’est bien plus compliqué.
    Merci pour cette réponse en tout cas.

    Bonne continuation.

  6. crazy_snake août 27th, 2007 12:41 am

    Que ce soit du Flash ou du Flex, les perfs seront les mêmes puisque le lecteur est le même. Pas d’accélération matérielle non plus du coup. Ce qui fait la différence, c’est l’arrivée de l’actionscript 3 et du dernier player de flash en version 9.

    Jusque là, l’actionscript 1 et 2 (langage de flash) utilisait une machine virtuelle dans le player flash. Celle-ci a été complètement repensé pour l’actionscript 3, et donc pour Flash 9 et Flex, qui en utilise une toute nouvelle, permettant des gains énormes en terme de performance. Toujours pas d’accélération matérielle donc, mais une gestion bien meilleure d’affichage.

    En ce qui concerne la gestion de la 3D, je conseille d’aller voir les petits prodiges qu’est capable de réaliser la team de Papervision :
    http://blog.papervision3d.org/

    On arrive à des capacités de gestion vraiment performantes pour un framerate tout à fait correct. Je pense que d’ici la fin de l’année, on va voir pas mal d’exemples vraiment impresionnants basés sur cet outil. Le bon côté de Papervision, c’est que l’on voit fleurir aussi bien des projets expérimentaux que de vraies réalisations par des agences. c’est bon signe !

  7. crazy_snake août 27th, 2007 4:40 am

    côté interface et interaction homme-machine, n’oublions pas les artistes multimédia qui restent assez surprenants d’inventivité. Bon nombre de choses ne parviennent au public des années plus tard, je pense notamment à la très célèbre interface dans Minority report, qui avait été reprise et poussée pour l’occasion du film (avec un vrai travail de chorégraphie des mains, sisi…)

Laissez un avis