Déjà près de 7 semaines que Icones.pro est en ligne et j’ai eu la très bonne surprise de constater ce matin que le site venait de dépasser le million de pages vues depuis son lancement (le 16 octobre dernier) soit près de 20 000 pages vues par jours en moyenne… J’avais donc juste envie de partager ce premier million avec vous ! La barre des deux millions devrait être atteinte d’ici moins de 40 jours si tout va bien soit vers la mi-janvier…

Voilà ce que vous allez pouvoir trouver de nouveau (chaque item étant détaillé plus bas) :

1. Refonte du moteur de recherche
2. Recherche par taille et par licence
3. Mais aussi la recherche par couleur !
4. Nouvelle mise en page de la page d’accueil
5. Meilleure compréhension de la licence d’utilisation de chaque image
6. Moteur de recherche Firefox avec autocomplétion
7. Devenez Fan sur Facebook
8. Un compte Twitter
9. Les prémices de la suite…

1) Refonte du moteur de recherche

Il s’agit certainement du développement qui m’a pris le plus de temps et que j’avais déjà prévu avant même de mettre en ligne la première version du site. Icones.pro est avant tout un moteur de recherche. Sa qualité première est donc de proposer des résultats pertinents par rapport à la recherche qui est demandée. Je me suis donc basé sur les milliers de recherches quotidiennes pour comprendre et améliorer la pertinence des résultats. Il ne s’agit pas forcément de proposer plus de résultats pour une recherche mais de trier ces résultats de manière plus fine pour que les premières images proposées soient celles que vous chercher ! Ce travail de fond nécessite encore un peu de réglages, cette tâche n’est donc pas terminée mais comparé à ce qu’il y a avait hier, c’est déjà bien mieux !

L'algorithme du moteur de recherche d'Icones.pro a complètement été revu

2) Recherche par taille et par licence

De tous les retours que j’ai eus, la possibilité de rechercher par taille et par licence d’utilisation est certainement l’une de vos plus grandes demandes. C’est en ligne ! Désormais après avoir lancé une recherche sur un ou plusieurs mots-clé, vous pouvez choisir la taille minimum que vous souhaitez (32px, 48px, 64px, 96px, 128px ou même 256px). Pourquoi seulement la taille minimum ? Et bien parce que sur Icones.pro, chaque image est disponible dans toutes les tailles inférieures à sa taille maxium. Si par exemple une image existe en 128px, elle vous sera proposée en 96px, 64px, 48px, 32px et 16px. De la même manière vous pouvez demander à ne trouver que des images avec une licence d’utilisation autorisant un usage commercial. Si vous êtes donc à la recherche d’icônes pour un client ou pour un produit à but commercial, vous serez ainsi sûr de ne pas enfreindre la loi en utilisant des icônes qui vous y autorisent.

Vous pouvez maintenant filtrer les résultats par taille, licence d'utilisation et couleurs !

Chaque filtre peut facilement être supprimé en un seul clic

3) Mais aussi la recherche par couleur !

Ok celui-là est certainement celui dont je suis le plus fan ^_^ ! Au delà de la recherche par taille et par licence, je vous propose désormais la possibilité de filtrer votre recherche par couleur !  Par exemple, vous cherchez une image de flèche (177 résultats), vous cliquez sur le petit carré symbolisant la couleur bleu, et boom  : 42 images de flèche uniquement de la couleur bleu ! Génial, non ? Et cela marche bien évidemment pour toutes les recherches… Vous pouvez même combiner les couleurs en cliquant sur plusieurs couleurs, la recherche se filtre sur un critère en « OU ». Si je reprends mon exemple précédent de la recherche flèche de couleur bleu, si j’ajoute le vert, je passe à 140 résultats d’image de flèche « bleu OU vert« , etc. Enfin, et cela va sans le dire, tous les filtres de recherche (taille, licence et donc couleur) sont cumulables : je peux ainsi chercher des images de flèche de couleur bleu ou vert d’une taille minimale de 128pixels et à usage commercial autorisé : 38 images correspondent à cette recherche !

Cliquez sur une couleur, et Boom ! les résultats sont filtrés par couleur

De la même manière que pour la taille ou la licence, vous pouvez supprimer une couleur en un seul clic

4) Nouvelle mise en page de la page d’accueil

Je n’étais pas super fan d’avoir un moteur de recherche à droite sur le site et notamment sur  page d’accueil. J’ai donc revu tout cela pour proposer une page d’accueil plus sobre, avec un champ de recherche central et bien identifié. J’ai laissé les différentes images en dessous (sélection du jour, les plus vues, les plus téléchargées, etc.) en optimisant le temps de chargement de ce bloc. Ce changement de position du champ de recherche a également été reporté sur l’ensemble des pages du site où vous trouverez désormais le moteur de recherche en haut à gauche (position classique et plus intuitive).

Nouvelle page d'accueil du site Icones.pro

5) Meilleure compréhension de la licence d’utilisation de chaque image

Une autre demande qui m’a également été souvent soumise est de pouvoir mieux visualiser quelle licence d’utilisation dispose chaque icône. En effet, de nombreux utilisateurs du service sont des webdesigners ou graphistes et ont des besoins d’utiliser des icônes dans un cadre commercial. A ce titre (et en plus du filtre par licence dans la recherche), j’ai créé un encart dédié à la licence d’utilisation pour chaque icône. La licence y est clairement définie ( Creative Commons, libre pour usage personnel uniquement, GML , LGPL, etc.) et la mention usage commercial OUI / NON est mise en avant. Ainsi plus de doute possible !

La licence d'utilisation de chaque image est désormais clairement identifiée (cadre rouge)

La licence appliquée et la possibilité d'utiliser l'icône dans un but commercial sont explicitement indiquées

6) Moteur de recherche Firefox avec autocomplétion

Les utilisateurs de Firefox ont la possibilité de choisir les moteurs de recherche qui figurent à haut à droite aux cotés de Google, Wikipedia et autre. Suite à deux demandes que j’ai reçues d’utilisateur d’Icones.pro, je me suis renseigné sur la possibilité d’y faire figurer le site. C’est désormais possible. Une fois sur le site, si vous regardez bien, un halo bleu apparaît sous l’icône du moteur de recherche que vous utilisez. Cela indique qu’en cliquant dessus vous allez pouvoir ajouter à la liste celui d’Icones.pro. Une fois ajouté, il vous suffit de commencer à taper une recherche et vous retrouvez alors le fonctionnement classique de la recherche avec l’autocomplétion. Pratique, non ?

Sur Firefox, une fois sur le site, cliquez sur l'icône du moteur de recherche en haut à droite...

... choisissez ensuite "Ajouter "Cherche sur Icones.pro"" ...

.. vous pouvez alors à tout moment lancer une recherche d'icône. Des suggestions vous sont mêmes proposées !

7) Devenez Fan sur Facebook

Autre nouveauté, cette fois-ci en dehors du site en lui-même, j’ai créé une page sur Facebook pour le site. Quel but ? Promouvoir le site sur le réseau social, diffuser les dernières infos du site auprès de la communauté (et donc pas forcément ici, sur aysoon.fr). Alors si vous aimez le site, n’attendez plus ! Devenez Fan d’Icones.pro sur Facebook et diffuser le message !! Merci

Vous aimez ou utilisez Icones.pro ? Devenez fan du site sur Facebook !

Un compte Twitter

Ceux qui me connaissent le savent, je suis assez accroc à Twitter depuis plus de 2 ans et demi maintenant. Il est donc tout naturel qu’Icones.pro possède son propre compte Twitter afin là encore de diffuser de nouvelles infos, les derniers pack d’icônes, etc. Comme la page Facebook, c’est également un moyen pour moi de dialoguer et d’échanger avec les utilisateurs du site. Si vous êtes utilisateur de Twitter, le compte à ajouter est @icones_pro !

Vous avez un compte Twitter ? Ajoutez @icones_pro!

9) Les prémices de la suite…

Enfin et pour finir, j’ai déjà commencé à travailler sur la version suivante. Je ne compte en effet pas m’arrêter en si bon chemin, de plus en plus d’internautes utilisent le site chaque jour et je souhaite continuer à travailler sur le service ! Mon prochain principal chantier concerne l’amélioration des performances du site : temps de chargement, disponibilité des images, temps de réponse du moteur de recherche. C’est un chantier important qui ne devrait pas me prendre plus de 2 semaines. Il est en revanche nécessaire pour préparer la suite : l’internationalisation du site ! Patience ça arrive

Travaillant dessus depuis quelques semaines déjà, c’est avec plaisir que je vous annonce aujourd’hui la mise en ligne de la première version d’Icones.pro !

Qu’est-ce qu’Icones.pro

Icones.pro est un moteur de recherche d’images PNG et d’icônes en français. Il propose actuellement plus de 15 000 images référencées dans sa base et je souhaite continuer à en ajouter régulièrement. Il ne s’agit pas d’un blog mais bien d’une espace de partage et de recherche d’images PNG. J’ai choisi de me lancer dans cette aventure en constatant le nombre de graphistes et webdesigners qui s’amusaient à publier des packs d’icônes ou d’images sur différents thèmes et le nombre de personnes / webmasters / blogueurs qui pouvaient en être friand et en chercher. Actuellement, il existe surtout ce genre de site en anglais (US) mais pas à ma connaissance en France.

La page d'accueil du site Icones.pro

Le site est construit essentiellement autour de son moteur de recherche. Vous entrez un ou deux mots-clé que vous cherchez et boom les résultats s’affichent.. classique mais efficace Dans un deuxième temps, vous pouvez continuer votre navigation depuis une image en découvrant les images du même genre ou les images issues du pack d’icônes. A date, il n’y a pas d’entrée de navigation par catégorie afin de privilégier le moteur de recherche, à vous de me dire si cela manque.

A ce titre, j’ai mis en place (dans le coin droit en bas de chaque page) un système de feedback pour me remonter toutes anomalies, tout avis ou encore une nouvelle fonctionnalité que vous aimeriez voir arriver sur Icones.pro.

Par ailleurs je compte développer pas mal de contenus éditoriaux sur tout ce qui attrait à l’utilisation des icônes, à leur création sur Mac, sur PC, etc.

A qui s’adresse ce site ?

Je pense qu’Icones.pro intéressera avant tout les webdesigners ou blogeurs cherchant des images pour illustrer leurs sites ou blogs, des graphistes, des personnes cherchant des illustrations pour leurs slides PowerPoint ou encore tous les utilisateurs de Windows ou Mac voulant personnaliser les icônes de leur dossier. Le référencement du site dans Google m’en dira plus en surveillant les recherches des internautes qui les mèneront sur le site.

Quelques recherches en exemple

Parmi toutes les recherches envisageables, certaines marchent déjà pas mal comme :

• Facebook
• animal
• logo Twitter
• icône RSS
• icône jeux
• iPod ou iPhone ou Apple
• Outlook

Il reste encore du travail !

Même si le site semble terminé et disponible en ligne, je considère que le plus gros reste encore à faire : améliorer la pertinence des résultats. C’est un des chantiers de fond de ce projet et je ne compte pas m’arrêter là ! Pour le constaterez peut-être mais certaines recherches renvoient beaucoup (trop) de résultats. Il y a un travail de paramétrage à mener au fil des recherches qui vont être faites sur le site. J’ai donc besoin de vous pour améliorer le site ! Je pense concentrer mes efforts dans un premier temps sur les termes les plus recherchés, le moteur de recherche complet s’améliorera ainsi peu à peu.

Internet Explorer 6 ? naaaan…

Choix radical et sans appel, Icones.pro ne supporte pas Internet Explorer 6… du tout ! Pour le lancement et certainement pour la suite, les utilisateurs du très vieux (2001) IE 6 sont redirigés vers une page les invitant à migrer vers un navigateur plus récent. Icones.pro utilisant pas mal de JavaScript, des PNG transparents (non supportés en natif par IE6, je le rappelle) et visant une population d’utilisateurs assez habitués au web, je ne pense pas que cette page sera souvent affichée. Mais bon je vais surveiller les stats quand même

Un petit mot sur la technique : WordPress !

Ca en surprendra certains, mais Icones.pro est construit sur WordPress ! WordPress est en effet devenu un outil robuste et que l’on peut aisément adapter pour l’utiliser comme un véritable CMS. J’ai donc construit toute la logique du site autour de cet outil en le tordant un peu pour répondre à mon besoin. Avec une bonne gestion du cache en place, je pense que le serveur devrait tenir un bon moment avant de rencontrer des difficultés de charge. Nous verrons bien. Pour la partie rendue, j’utilise le célèbre jQuery. De manière générale, j’ai essayé d’optimiser le temps d’accès des pages en minifiant et regroupant les JS et CSS.

Quelques fonctionnalités sympas en image

La page d'accueil propose plusieurs navigations transverses : les plus vues, les plus téléchargées, etc.

Le moteur de recherche propose de l'auto-complétion avec prévisualisation !

Chaque image PNG est téléchargeable en un clic dans plusieurs tailles

Pour chaque image, vous pouvez avoir toutes ces infos, la téléchager en PNG ou ICO et la partager !

Découvrez pour chaque image, toutes les images qui y ressemblent

Mais vous pouvez aussi découvrir les images du même pack d'icônes

Allez n’attendez plus, découvrez Icones.pro et donnez-moi votre avis !

Dumb Little Man nous propose une sélection de 15 services web offrant la possibilité de gérer ses finances personnelles : budget mensuel, prévisionnel, rapprochement avec les comptes bancaires, etc. On y retrouve le célèbre et joli Mint mais aussi des services moins connus… Seul regret : il n'y a que des sites anglophones… En France vous en connaissez ou moins des services proposant le français comme langue d'interface ?

Description du site : Dumb Little Man shares ideas to make the everyday person more productive in life. Expect to read tips on finance, saving money, business, and some DIY for the house.

Voir le site

J’en ai d’ailleurs profiter pour continuer à « tuer » un peu plus mon pseudo aysoon en redirigeant (301) les requêtes de mon ancien site perso vers sa nouvelle url : http://cozic.fr . Y a plus qu’à attendre que Google face son travail Fini donc le temps où je voulais être connu comme aysoon sur le web et bienvenue à mon vrai nom pour de bon !

Comme j’ai déjà eu l’occasion d’en parler ici, je considère avec attention l’empreinte que je laisse sur le web et donc mon identité numérique au sens large du terme. Il est important de maîtriser les informations qui remontent sur la recherche de son nom dans Google par exemple. Même si l’on parle souvent de ce point pour les recruteurs qui enquêtes sur des candidats, je pense que cette réflexion peut-être étendue à n’importe quelle personne qui vous cherche sur le web : annonceur, organisateur de conférence, journaliste, anciens amis ou simple curieux.

Maintenant que les principales pages de cette nouvelle version sont en ligne, je vais continuer de réfléchir à améliorer ce site tant dans son contenu que sur sa forme ou son référencement. Dans tous les cas, vos avis sont les bienvenues comme toujours !! Alors allez y faire un tour et revenez ici me donner vos critiques (bonnes ou mauvaises comme toujours) ^_^.

WeLoveIcons.com (We ♥ Icons) propose une très belle collection d'icônes pour Mac, Windows ou au format PNG libres de droit pour une utilisation personnelle. Ses auteurs (Dan Wiersema et Nando Albuquerque) publie régulièrement de nouvelles icônes : à bookmarker donc dans son flus RSS A noter que le design du site est également très sympa…

Description du site : _blank href=’http://weloveicons.com/page/1/?show=50′Voir le site/aimg src=’http: …/i/small/pp align … _blank href=’http://weloveicons.com/page/1/?show=50′Voir le site/aimg …

Voir le site

Avant de vous présenter les 3 objets, je tenais à préciser que je prends à ma charge les frais de port (en France métropolitaine). C’est toujours bon à savoir . Si vous êtes intéressé, il vous suffit de me contacter par mail : frederic@cozic.fr. Et si vous avez des questions, je vous invite à les poser en commentaire pour en faire profiter tout le monde

un iPod de 5ème génération de 30Go blanc : 90€

Il s’agit d’un iPod de 5ème génération blanc de 30Go dans un très bon état. Je ne l’ai utilisé que très peu. Il est mis à jour et formaté et donc prêt ) être utilisé. Comme tous les iPods, il possède quelques rayures à l’arrière (sur la coque miroir) mais qui reste très minimes (je le ballade dans une house en général). Je le vends avec une paire d’écouteurs et un cordon USB. I est idéal pour emmener avec soi sa musique mais aussi ses podcasts, photos et même vidéos… On le trouve sur ebay entre 80 et 120 euros. Je le propose donc aux lecteurs du blog pour 90€ frais de ports inclus. Update 14h50 : l’iPod est vendu.

un téléphone mobile HTC Tytn (ou SPV M3100) : 80€

Il s’agit de mon premier PocketPC acheté courant 2007. J’en ai toujours été content et la présence d’un vrai clavier m’a toujours plu. Il est en bon état mis à part une fente sur le plastique de protection de l’objectif photo. Cela dit cette fente n’empêche pas du tout de prendre des photos normales. L’écran tactile est intact, protégé par une protection depuis le premier jour. Pour les caractéristiques techniques, je vous laisse visiter sa fiche. Je l’ai apprécié pour son vrai clavier je le disais mais aussi pour son écran tactile, sa comptabilité Exchange mais aussi IMAP et sa connectivité wifi. Je le vends avec un cordon USB pour le charger et/ou le synchroniser. On le trouve sur ebay entre 70 et 150 euros. Je le propose donc aux lecteurs du blog pour 80€ frais de ports inclus. Update 11h42 : le téléphone est vendu.

un téléphone mobile HTC Tytn II (ou P4550) : 180€

Il s’agit de mon dernier téléphone en date (avant le BlackBerry Bold). J’ai acheté ce téléphone début 2008 via Orange (il est débloqué maintenant). Il est en excellent état, sans aucune rayure. L’écran tactile est comme neuf, protégé par une protection depuis le premier jour. Pour les caractéristiques techniques, je vous laisse visiter sa fiche. Personnellement, j’ai apprécié l’écran que l’on peut incliner sur le vrai clavier, la présence d’un GPS embarqué, le wifi, sa compatibilité Exchange et IMAP. Je le vends avec un cordon USB pour le charger et/ou le synchroniser, un socle (une base pour le brancher sur le cable USB), une carte micro SD de 1Go, TOMTOM installé et opérationnel. On le trouve sur ebay entre 120 et 250 euros. Je le propose donc aux lecteurs du blog pour 180€ frais de ports inclus (justifié par les accessoires que je rajoute). Update 15h49 : le téléphone est vendu.

alors, intéressé ?

Update 15h49 : Les 3 objets ont trouvé acquéreur. J’espère qu’ils feront plaisir à leurs 3 nouveaux propriétaires et je suis ravi d’avoir pu les vendre sur ce blog plutôt qu’ailleurs ^_^.

^{en pleine installation de mon Mac juste avant de démarrer la conférénce… (source)}

Comme le sujet traite de la monétisation et que j’y étais invité pour Monetiweb, j’ai publié ce week-end le compte rendu de mon intervention directement sur blog.cozic.fr. Je vous invite donc à vous y rendre pour en savoir plus.

Pour les plus impatients ou les plus pressés, je re-publie mes slides ci-dessous.

N’hésitez pas à me faire tous vos retours comme à chaque fois ^_^.

J’y sépare les briques techniques des briques comportementales / fonctionnelles. Le travail n’est en rien exhaustif (il manque de nombreux blocs) et pourra paraître évident pour vous mais il s’agissait d’illustrer les bases du Web2.0 tout en restant simple. Un peu comme je l’avais fait de manière plus globale dans cette illustration du Web 2.0.

Tout cela me donne envie de me remettre dans la synthèse de concepts du web au travers d’illustrations même si j’ai plaisir à en découvrir tous les jours sur Webilus !

Le label West Web Valley est né de la constatation que la région Ouest a été et est particulièrement active sur les sujets des TIC et du web 2.0. Cette manifestation organisée sur une journée entière au Diapason à Rennes sera l’occasion de faire le point sur les projets, les usages et les technologies du WEB2.0. Plusieurs entreprises de la région travaillant dans ces domaines seront d’ailleurs présents sur des stands mis à leur disposition.

Je suis ravi de me rendre à cet événement où les différentes sessions et participants semblent des plus intéressants. Cela sera l’occasion de parler de blog.cozic.fr a un public orienté professionnel tout en représentant la société qui m’emploie, Noven, en tant que consultant Web. J’en profite pour remercier Guillaume Thomas de aladom.fr pour avoir pensé à moi pour cette conférence.

Le programme

8h45 : Accueil café

9h15 : Introduction :

• Intervention de Loïc Lemeur, Fondateur de Seesmic.com en direct de la Silicon Valley.
• Présentation de la West Web Valley (MEITO – Région Bretagne – WEB2Rennes)

9h45 : OPEN INNOVATION BY ORANGE – Arnaud VAMPARYS, Directeur du Développement, ORANGE
Animateur : Daniel GERGES Fondateur de WEEM.COM

10h30 : Pause café autour des stands.

11h30 : LE MULTICANAL, UNE STRATEGIE INCONTOURNABLE – Jean-François CAENEN, CTO France & Arnaud CONTIVAL, Directeur Nouveaux Marchés, CAPGEMINI
Animateur : Emmanuel DOUAUD, Fondateur de SEEMY.EU

12h15 : WEB-TV, PANORAMA & MODELE ECONOMIQUE – Christian DUMARD, Directeur, SAILINGNEWS.TV

12h45 : Déjeuner buffet autour des stands

14h30 : COMMENT ACCELERER SON DEVELOPPEMENT AVEC LES API GOOGLE – Jean-François WASSONG, Customer Solutions Engineer, GOOGLE FRANCE
Animateur : Guillaume THOMAS, Fondateur de ALADOM.COM

15h15 : LA MONETISATION DES SERVICES 2.0 – Frédéric COZIC, Directeur, blog.cozic.fr
Animateur : Yann RAOUL, Fondateur de KELBILLET.COM et co-fondateur de MAPEED.COM

16h00 : Pause autour des stands

16h45-17h45 : TABLE RONDE : LE FINANCEMENT DES PROJETS WEB.

• Eric COZANET, Président du Directoir, OUEST VENTURES
• Antoine KRIER, Business Angel, LOGODEN PARTICIPATIONS
• Fabrice RICHARD, Délégué Innotech, RESEAU ENTREPRENDRE
• Véronique ROTH, Directeur Associé, AELIOS FINANCE
• Sylvain COQUET, Chargé de Mission, RENNES ATALANTE

Plus d’infos avec Cédric Williamson au Billaut Show