Cooliris
Quoi de neuf ?
Ben pas grand chose, en fait j’ai seulement envie d’écrire un billet pour parler de moi et de tout ce qui ne vous intéresse pas… c’est mon blog après tout, pas le vôtre =°
Mais j’ai tout de même quelques trucs intéressants à dire, je vais faire une liste ça sera plus simple :
- J’ai continué à regarder d’un peu plus près mon menu en Javascript afin de détecter quelques bugs et il se trouve qu’il y a un très gros problème de performances sur les petits ordinateurs ! Heureusement, j’ai une solution mais ça va être chiant à mettre en place.
- J’ai enfin mon sous-domaine pour le blog ! Au début, je croyais que ça buggait, mais il se trouve que j’ai injustement accusé mon hébergeur suite à une bête erreur de ma part et je m’en excuse =)
- J’ai commencé à étudier un système d’upload en Ajax qui utilise l’extension APC de PHP, cela permet notamment d’aller vérifier dans le cache où en est l’upload du fichier. Bref, c’est super sympa à faire et c’est pas très compliqué, je vais très probablement faire un tuto pour le Site du Zéro.
Thunderseb, lui, de son côté a aussi étudié le système de progression de l’upload mais par le biais d’une application Flash/Ajax. Chaque technique a ses avantages et ses inconvénients mais je dois reconnaître que celle de Flash est vachement bien fichue. Il a, par ailleurs, déjà écrit un tuto sur le sujet et devrait le mettre en ligne sur le SdZ d’ici peu. - Je vais me relancer dans quelques petits projets qui m’intéressent. Il seront pas bien longs à réaliser mais ça me fera un peu d’entraînement, je vais donc (tenter de) faire : un gestionnaire d’avatars dynamiques (j’en avais déjà réalisé un y’a un moment mais il pue), ainsi qu’un système d’affichage des images en JS (peut-être compatible avec Cooliris pourquoi pas ^^ ). Au passage, mon portfolio n’avance plus vraiment en ce moment ^^’
Bien, je crois que c’est tout. Je voulais au moins donner quelques nouvelles, normalement je ferai un article d’ici quelques jours sur l’extension APC. Ça en intéressera sûrement quelques-uns. ;)
Et dernière chose, ce qui me fout en rogne : la configuration minimale de Left 4 Dead a été annoncée et bien entendu mon PC ne peut pas suivre § Du coup je vais très probablement devoir me passer d’un jeu que j’attendais tout particulièrement mais que mon vieux bouzin ne peut pas faire tourner : MAYRDE §
Nes’
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.