Blogs sexe : plus d’ergonomie, moins de bugs !
Les captures d’écran de pages web arrivent sur Blogs sexe !
Certes, j’ai ajouté de nouveaux blogs sur Blogs sexe, ces derniers jours, mais ce n’est pas la nouvelle de ce soir. Ce soir, je voulais vous parler de la mise à jour du récent l’habillage et de la correction des bugs. Bref, deux points essentiellement techniques.
Plus d’ergonomie
Vous avez été nombreux à apprécier la nouvelle mise en page rose de Blogs sexe. Plusieurs lecteurs n’ont pas hésité à laisser des commentaires constructifs, permettant d’améliorer encore un peu l’ergonomie, notamment en matière d’identification rapide visuelle des blogs ainsi listés. Mais ces remarques ont été plus que cela. Elles ont permis de faire naître de nouvelles idées, ou d’en réveiller des plus anciennes, mises de côté.
Dès son lancement, Blogs sexe associait un avatar à chaque blog. Cet avatar permettait de trouver visuellement un blog sur la page en un clin d’oeil, la confirmation exacte se faisant à la lecture du titre du blog apparaissant juste en dessous. Désormais, en plus de cet avatar, une capture d’écran du blog l’accompagne. Et je dois avouer que j’en suis assez fier, le procédé étant particulièrement rare sur Internet.
En effet, je n’ai réalisé aucune capture d’écran de chacun des cent et quelques blogs listés sur Blogs sexe. Cela aurait été particulièrement long et fastidieux. De plus, l’idée n’était pas uniquement d’associer un nouveau logo au blog, représentatif de sa maquette graphique, l’avatar précédent n’étant pas toujours évident seul, mais surtout de permettre aux photoblogs d’être mieux perçus par les visiteurs.
Blogs sexe référence plusieurs photoblogs ne comportant pas ou peu de textes. Si un aperçu textuel apparaît face à chaque blog listé, aucune représentation graphique ne venait la compléter, desservant ainsi les blogs essentiellement graphiques. Capturer l’écran pour montrer un aperçu visuel du blog à visiter était donc une question de justice, en plus de rendre l’identification des blogs listés plus intuitive.
La solution technique permettant de faire des captures d’écran est actuellement relativement artisanale, mais elle n’en reste pas moins relativement efficace. Concrètement, un script PHP tournant sur mon ordinateur local lance un logiciel de captures d’écrans de pages web utilisant à son tour Internet Explorer. Chaque nouvelle mise à jour de blog est ainsi repérée et capturée, car c’est le dernier article publié qui nous intéresse. Une fois la page web capturée, le programme redimensionne l’image et l’enregistre sous un format d’image optimal (96×96 pixels, 4096 octets maximum par image afin de limiter le temps de chargement de la page). Enfin, l’image est transférée via FTP sur le serveur web, fonctionnant sous un dialecte d’UNIX.
Si le principe en lui-même fonctionne plutôt bien, la réalisation souffre cependant de quelques défauts. D’une part, l’accès à certaines pages pour adultes nécessite la validation manuelle d’une fenêtre d’avertissement. D’autre part, certaines pages et les défauts de ma connexion Internet arrivent avec des erreurs rendant parfois nécessaire la validation de quelques messages d’erreur pour poursuivre la procédure de mise à jour.
Sans continuer à entrer dans les détails, retenons que la capture d’écran qui accompagne chaque blog listé est soit celle de l’article cité, soit celle d’un article précédent, soit encore celle du prochain article à paraître sur Blogs sexe dans l’heure qui suit.
Moins de bugs
En étudiant les flux RSS de quelque deux cent blogs ayant été un jour ou l’autre référencés sur Blogs sexe, on trouve beaucoup d’erreurs dans son propre code. Désormais, la plupart des erreurs restantes (il y en a !) sont essentiellement limitées à la gestion de cas exceptionnels (un à deux blogs sur deux cent) sur le point d’être résolus. Il me restera aussi une correction des erreurs de code HTML apparaissant ci-et-là dans les articles des blogs cités et quelques autres broutilles restantes. Bref, ça marche !
À suivre
L’une des mises à jour majeures que j’aimerais effectuer dans les semaines à venir sur Blogs sexe, c’est de permettre aux utilisateurs de cacher les blogs qui ne les satisfont pas, directement depuis la même page, sans configuration ou connexion nécessaires, de la mannière la plus ergonomique et intuitive possible, le tout en rendant la page plus rapide à charger… Bref, AJAX pointe le bout de son nez !
Enfin… vos commentaires sont toujours les bienvenus !
Réactions des lecteurs
Aucune réaction, soyez le premier à réagir ! pour l'article Blogs sexe : plus d’ergonomie, moins de bugs !.
sheepyr a écrit le 25 novembre 2005 à 9:41 :
Le coup de la capture d’ecran j’ai adoré, moi qui n’arrivais pas a mémorisé les avatars je retrouve maintenant a chaque fois mes blogs préférés.
J’espere que tu va trouver un solution plus performante qu’un truc local.
Concernant Ajax, il y un article dans le dernier 01informatique. Le plus marrant c’est qu’il interview un copain de service militaire que j’ai pas vue depuis 15 ans :D
Ajax rapporte même les vieux pôtes !
Go-Go-Yubari a écrit le 25 novembre 2005 à 10:36 :
C’est plus sympa d’associer un avatar avec un aperçu du blog, le faire site par site manuellement un peu long c’est sûr!!
plan_q a écrit le 25 novembre 2005 à 12:01 :
le mieux c’est d’ajouter un bouton « salope en manque de Q », comme ça c’est plus rapide pour les recherches.
Q.
sheepyr a écrit le 25 novembre 2005 à 15:08 :
Pour revenir sur l’apperçu du blog il y a un pluging dotclear sur le même principe:
http://www.prendreuncafe.com/blog/04/14/68-blogmarksnet-ou-le-bookmarking-social
Qui fonctionne avec blogmarks.net
ralphy a écrit le 25 novembre 2005 à 16:19 :
Bien vu, sheepyr ! Cela dit, Blogmarks a un format d’image différent, ce qui implique un redimensionnement et une sauvegarde JPEG supplémentaire, les deux étants faits à partir d’une image très petite de qualité plutôt basse à la base… Mais cela pourrait être utilisé si une image actuellement affichée sur Blogs sexe n’est pas à jour, en effet, à condition que les flux soient déjà référencés sur Blogmarks et à jour ! Cela dit, je pourrais enregistrer ces flux moi-même sur ce service.
Par ailleurs, Il existe d’autres services commerciaux (payants) permettant de réaliser des captures d’écran sur demande et ce, quel que soit le système d’exploitation ou le navigateur. Eventuellement, avec un système de cache et en finançant cette utilisation avec la publicité (hmm… il faudrait vraiment que ce service soit bon marché, vu ce que rapporte la publicité sur ce site…), cela pourrait aussi être envisagé.
Une solution plus originale pourrait consister à exploiter la puissance des ordinateurs des visiteurs de Blogs sexe pour capturer les images. Un script JavaScript pourrait en effet vérifier si les images affichées sont à jour par rapport aux blogs correspondants. Dans le cas contraire, le navigateur pourrait aller chercher lui-même la page obsolète, en prendre la capture, l’afficher et… la charger sur le serveur ! Cependant, cette solution — pour le moins originale – pourrait en gêner plus d’un :
- Les utilisateurs ayant une faible puissance d’ordinateur (processeur, mémoire) verraient leur puissance utilisée pour que d’autres en profitent (en plus d’eux-mêmes, je veux dire.)
- Les utilisateurs de modem classiques ou d’Internet lent verraient leur consommation de bande passante augmenter, ralentissant leur vitesse de chargement le temps de la capture.
- Les webmasters pourrait voir leur bande passante augmenter artificiellement, puisque jusqu’à plusieurs utilisateurs pourraient télécharger la même image en cas d’accès concurrentiel.
- La vie privée des utilisateurs pourrait être remise en question avec un tel service, leur navigateur accéder à une page "malgré eux" et qu’ils ne visualisent pas directement.
Cela dit, ces points ne sont pas très pénalisants, plutôt négligeables. Néanmoins, pour des raisons de vie privée et de sécurité, je ne suis pas certain que cela soit possible à réaliser.
Je pense plutôt me pencher sur un plugin Mozilla Firefox plutôt qu’Internet Explorer. Cela risque d’être plus facile et plus portable. Cela permettrait en outre de déplacer la capture d’écran sur un serveur UNIX, à condition que celui-ci dispose d’un serveur X. Malheureusement, ce n’est pas le cas actuellement. Néanmoins, cela permettrait d’envisager une solution entièrement automatique. Elle n’est que partiellement automatique actuellement.
Bref, merci pour de nouvelles idées, elles sont toujours les bienvenues !
Jisse a écrit le 25 novembre 2005 à 16:48 :
Magique ! C’est vraiment pratique, ca permet de pas rester sur l’impression de l’image représentative du blog, et utile pour ceux qui n’ont pas encore de logo ! :)
ralphy a écrit le 26 novembre 2005 à 0:16 :
Bon, après avoir constaté qu’avec mes petites images et quelque cent vingt blogs, nous en arrivions à 80 blogs listés (car mis à jour durant les 7 derniers jours) en même temps sur la page Blogs sexe, ce qui faisait des pages complètes à charger allant jusqu’à 700 Ko (soit environ 2 minutes 20 secondes de chargement sur un modem 56 K utilisé par un visiteur sur 7), j’ai décidé de réduire la liste de blogs maximum affichés à 50 dernières entrées mises à jour. Cela réduit la page à charger à 400 Ko environ, tous fichiers confondus.
J’en suis presque à hésiter à enlever les logos « manuels » des blogs. En effet, chaque logo manuel prend 2 Ko, et je consacre 4 Ko pour les logos « screenshots », ce qui fait 6 Ko d’images par blog, plus le texte qui va avec, et la mise en page associée (encore un peu moins de 2 Ko supplémentaires).
Avez-vous un avis à ce sujet ?
NinouetLui a écrit le 26 novembre 2005 à 14:33 :
J’arrive un peu tard… mais le principal est de donner son avis non :-)
Ce nouvel habillage est très sympa en terme de lisibilité mais j’avoue avoir un faible pour le noir qui sied bien au thème du « sexe », mais ça c’est tout a fait personnel… ;-)
En tout cas je trouve très sympa la nouveauté des aperçus d’écran ! Et pour répondre à ton interrogation… effectivement, est ce que c’est necessaire de garder les deux ? Je trouve que le screenshot est déjà très représentatif… Bon, d’un autre côté le logo permet d’arriver sur la page d’accueil…
Concernant la réduction de la liste des blogs, je trouve que 50 c’est trop peu, on peut passer à côté de certaines mises a jour.
Mais bon je comprends que le « technique » passe avant toute chose, surtout si cela réduit le temps de chargement et donc la lecture du blog…
Voilà tout ce que j’en pense :-)
Ninou
ralphy a écrit le 26 novembre 2005 à 15:57 :
Pour satisfaire tout le monde, NinouEtLui, il va donc falloir que je trouve des solutions aussi flexibles et ouvertes que possible. C’est techniquement possible, mais plus difficile à maintenir, puisqu’il faut systématiquement vérifier toutes les possibilités.
Il va donc falloir tenir compte permettre plusieurs choix parmi :
- plusieurs habillages (dont rose, noir et « safe for office » pour ceux qui mattent les blogs durant leurs heures de bureau… ;
- les blogs à afficher ou non ;
- la quantité de blogs mis à jour affichés
pour ne citer que les plus réclamés. Je note par ailleurs que les captures d’écran sont unanimement prébiscitées et préférées aux avatars manuels face à chaque blog.
Pour ce qui est de l’idée de plan_Q, je ne suis pas certain qu’il soit évident de proposer un bouton « salope en manque de Q », car cela nécessiterait la compréhension du contenu du blog par la machine. Ce bouton serait alors nécessairement manuel…
Jisse a écrit le 26 novembre 2005 à 16:08 :
le fait d’avoir juste les screenshots serait plus SFW ! :)
ralphy a écrit le 26 novembre 2005 à 19:59 :
Je ne suis pas certain que tu aies bien regardé, Jisse, mais Blogs sexe référence plusieurs blogs à caractère exhibitionniste. Aussi, les captures d’écran ne sont pas particulièrement « safe » au bureau… ;)
Jisse a écrit le 27 novembre 2005 à 13:52 :
Oui mais cela reste qd mm bcp plus petit que les logos !
sheepyr a écrit le 28 novembre 2005 à 10:59 :
L’etude de poid de la page est une bonne chose en effet. A 700 ko cela commence à être lourd par de doute.
Garder les 50 dernières mise à jour c’est un bonne idée a supposer que tu utilise un pagination pour afficher les 50 suivantes…
La même fonctionnalité est à reprendre dans ton achitecture ajax peut’être…
En tout ca tu t’endore pas sur tes lauriers ralph, chapeau.
plan_q a écrit le 29 novembre 2005 à 20:08 :
Un bouton, « salope » c’est pas plus simple ?
Q.
ralphy a écrit le 29 novembre 2005 à 20:20 :
Jisse, il est possible en effet que les captures d’écran soient plus discrètes que les logos, que j’ai pourtant essayé d’être explicites sans être choquants. Quoi qu’il en soit, permettre de choisir son habillage à l’avenir devrait permettre une pause blogs depuis le bureau sans passer pour un obsédé sexuel.
Je réfléchis, sheepyr, à un maximum d’ergonomie avec le minimum d’interaction, ainsi qu’à l’utilisation optimale de la bande passante pour permettre aux utilisateurs de modems classiques d’apprécier Blogs sexe sans avoir à attendre deux ou trois minutes son chargement complet.
Le problème du bouton « salope », plan_Q, comme tu le sais d’ailleurs, c’est que rares sont les femmes qui se qualifient de telles publiquement. Aussi, rares sont celles qui aimeraient de voir leur blog associé à un tel bouton. Je préférerais autant éviter des poursuites en diffamation… ;-)
Réagir à cet article
Tchat
Discutez en direct sur ce tchat gratuit où vous pouvez vous exprimer à loisirs, dans un français correct, dans le respect des autres et des lois en vigueur.