Quand le web rencontre la 3D : Cooliris
Bien, maintenant que ce blog est ouvert, il faut le remplir ! Je vais donc commencer par parler de Cooliris.
Mais introduisons tout d’abord le problème :
Alors que depuis plusieurs années Internet se développe à une vitesse folle, faisant même apparaître le fameux Web 2.0 censé améliorer la communication entre le client et le serveur (grâce à diverses technologies telles que l’Ajax) on constate qu’il manque une chose que beaucoup de monde voudrait voir venir un jour : le Web 3D !
Bien sûr, je ne parle pas d’une interface révolutionnaire digne des films de science-fiction mais plutôt d’une interface agréable permettant de naviguer de façon simple et ludique sur un site. Seulement, pour le moment on ne voit rien venir… En cause, on retrouve la difficulté de ce genre projet (coder une interface 3D n’est pas une chose facile), mais aussi une standardisation quasi-inexistante (il existe bien quelques règles mais elles sont minimes).
Certains me diront : “Mais le web 3D existe déjà ! Tu as oublié Flash ?”. Certes, mais ce n’est que très peu répandu et cette technologie n’est pas la plus pratique pour la 3D, de plus, au niveau de l’accessibilité c’est zéro pointé ! (Et puis tout le monde le sait : SilverLight est mieux =° )
Bref, c’est la pagaille…
La solution ? Aucune pour le moment, mais Cooliris ouvre le bal !
Ce dernier est en fait un plugin qui vient s’intégrer à votre navigateur web (compatible avec IE6+, Firefox et Safari, on regrettera que Opera ne soit pas encore supporté) et permet d’afficher une galerie d’images dans une interface 3D en un simple clic. Pour cela, le site source doit être compatible (j’en reparlerai plus bas) mais les avantages sont là ! Alors, certes, on est encore loin de l’interface 3D complète d’un site web mais c’est déjà une belle avancée.
Afin de vous présenter cela, je vais prendre un exemple : vous vous trouvez sur une galerie d’images avec environ une vingtaine d’images par page et un lien sur chacune d’entre elles pour la voir en plus grand. C’est bien, mais les chargements sont bien trop nombreux et vous ne pouvez pas naviguer “au pif” très rapidement. Maintenant, admettons que ce site soit compatible avec le plugin Cooliris : il vous suffit alors de cliquer sur un bouton et vous êtes immédiatement transporté dans une interface 3D plein écran qui permet de visualiser toutes les images du site ! Mais quand je dis toutes c’est vraiment toutes (à condition que le site en offre la possibilité) ! Vous n’avez qu’à vous déplacer grâce à la souris (le clavier est utilisable lui aussi, vive l’accessibilité) et vous pouvez feuilleter des centaines de pages sans aucun rechargement de page. Au pire, il vous faudra attendre un peu que les miniatures se chargent mais ce n’est pas vraiment un problème.
Bref, je vous ai expliqué le principe, voici donc ce que j’en pense : ce n’est pas mal du tout ! J’ai essayé sur plusieurs sites (les plus grands sites comme Google, deviantArt, Flickr, etc… sont compatibles) et l’effet obtenu est vraiment agréable. Voici donc ce que l’on obtient en visualisant deviantArt :
Aperçu de l'interface
Comme vous pouvez le constater, l’interface est assez épurée et permet de visualiser un grand nombre d’images rapidement (on peut zoomer et dézoomer avec la molette).
- En haut à gauche vous avez donc la connexion à un compte (je n’en ai pas personnellement), l’image du site visité (facultative) et un menu nommé Discover qui permet de visualiser divers contenus éparpillés sur plusieurs sites.
- En haut à droite vous avez la recherche (sur plusieurs sites différents) ainsi que les boutons pour fermer ou réduire l’interface (voici à quoi ressemble l’interface une fois réduite, simple non ?).
- En bas à gauche se trouve un bouton permettant d’agrandir une image et donc de la mettre en plein écran de cette façon (la même chose peut se faire en double-cliquant sur l’image en question).
- Et enfin, la barre en bas au milieu permet de vous déplacer parmi les miniatures et aussi de voir combien d’entre elles vous pouvez visualiser en même temps.
Concernant l’affichage des images, vous n’êtes pas obligé de le faire constamment en plein écran, vous pouvez très bien faire un simple clic sur l’image en question, ce qui vous permettra de la visualiser de cette façon :
Après un simple clic sur une image
Bref, l’interface est vraiment super bien fichue et je vous propose d’aller essayer immédiatement sur le site officiel.
Concernant les performances, je n’ai relevé aucun problème et pas de chargements intempestifs (et pourtant mon PC n’est pas un monstre). Je n’ai pas eu le moindre bug non plus, à priori l’équipe n’a pas chômé. Il n’y a que l’affichage des vidéos (car, oui, on peut visualiser des vidéos !) provenant de Youtube qui foire pour le moment…
Un point noir par contre concernant l’interface : j’aurais apprécié que tout se fasse dans celle dernière comme parcourir, visualiser mais aussi enregistrer les images ! Or cette dernière fonction est inexistante, à la place on a un bouton permettant d’afficher l’image dans le navigateur mais rien de plus, c’est dommage…
Bref, c’est bien beau tout ça mais parlons maintenant de l’implémentation de Cooliris sur un site web : comment faire ? Étant assez prudent, je m’attendais à voir des trucs pas possibles et pourtant j’ai été bluffé : un simple flux RSS suffit oO ! Alors bien sûr il y a quand même quelques trucs à indiquer mais c’est assez dingue de simplicité.
Pour mettre une galerie d’images en place, il vous faudra donc créer un fichier XML en utilisant la syntaxe de “Media RSS Feed” (plus d’infos sur le site de Cooliris) puis déclarer votre flux RSS dans le header de votre page HTML.
J’ai moi-même fait un essai et ça fonctionne parfaitement. Vous constaterez par ailleurs que la visualisation d’un nombre restreint d’images n’est pas superbe, il en faut minimum une trentaine pour un effet sympathique… et si vous ne l’avez pas encore fait, allez donc visiter le site de deviantArt afin d’avoir un paquet d’images à regarder, l’effet sera tout de suite plus agréable.
Dernière chose concernant certains petits ajouts pratiques :
- Lorsque vous visualisez une image en plein écran vous pouvez lancer un diaporama automatique;
- Quand vous visualisez une image en plein écran, les images suivantes sont chargées à l’avance;
- Les images sont mises dans le même cache que celui du navigateur : un seul téléchargement à faire donc;
Bon, je crois avoir tout dit… j’espère que vous aurez trouvé ce billet intéressant (peut-être un peu trop long non ?) et moi je vous laisse !
Nes’
PS : Certains n’ont pas compris on dirait… le plugin ne se lance pas automatiquement ! Il faut cliquer sur l’icône située en haut à droite de votre navigateur.
Putain ça rokse ça. Allez j’installe et j’essaye.
Ça vaut au moins le coup d’être essayé oui. Après on aime ou on aime pas, mais sur les sites compatibles je trouve ça bien pratique =p
Putain, ç a l’air de rokser grave, ça. Par contre, dommage que Opera ne soit pas supporté. Et j’ai la flemem d’installer Firefox =°
Ca fail ton truc,je l’ai installé et ta page me met toujours “ca sert a rien sans le plugin” et sur deviantArt, je vois pas trop de truc en plus :/
Mais faut cliquer sur le bouton qui est apparu en haut à droite du navigateur § Ça se lance pas tout seul x)
(Encore que… il me semble qu’on peut faire un lancement automatique de ce truc, je vais vérifier)
Est-ce que c’est libre ? Va-t-on pouvoir utiliser ce plugin sur d’autres navigateurs que ceux qui sont cités dans l’article ? (l’excellent Epiphany en particulier)
Epiphany étant un navigateur très peu connu (je ne le connaissais pas moi-même), je doute que le plugin soit adapté, et je ne sais pas pour les autres navigateurs du style Opera, Konqueror, etc…
Quant au fait que ce soit libre, il ne me semble pas que ce soit le cas. Cependant il ne faut pas être repoussé par une application sous prétexte qu’elle n’est pas libre hein ;)
Alors oui, dans ce cas on pourrait dire que ça pue et que l’avenir semble limité, je ne suis pas tout à fait contre cet opinion. Cependant je trouve que c’est une bonne ouverture vers ce que l’on pourrait appeler le Web 3D, d’autant plus que les plus grands sites ont déjà commencé à l’utiliser =)