L'Air du Bois est une plateforme Open Source de partage collaboratif ouverte à tous les amoureux du travail du bois. (En savoir plus)

Rejoindre l'Air du Bois Se connecter

Boris Beaulant

Je cherche, je trouve !

Je cherche, je trouve ! +

Depuis bien longtemps je n'étais pas satisfait de l'implémentation de la recherche sur le site.
En effet, cette dernière était rangée un peu à part du reste dans une page spéciale accessible par le champs de recherche en haut à gauche.

Après avoir retourner le problème dans tous les sens, je me suis dit que la meilleure place pour intégrer la recherche était de la rapporter sur chaque liste de chaque section (Créations, Plans, ...). Oui, mais comment ?

De plus, dans la mise en forme précédente, il y avait un petit amalgame entre filtrage et tri. Et l'un et l'autre n'était pas "mixables".

Le déclic est venu un matin, sous la douche. Pourquoi ne pas faire une boîte pour les unifier tous !?
(Ouai, y a un petit côté Doc dans Retour vers le furtur mixé avec le Seigneur des anneaux, là dedans 😉 )

Bref, un bon gros paquet de ligne de code de Javascript et d'appels à Elasticsearch plus tard et le voici !

Le convecteur de recherche !

(Ok, j'arrête avec mes références foireuses ...)

On y retrouve donc un certain nombre de choses :

  • Un champ de recherche
  • Un bouton Filtres
  • Un bouton Tri

Le champ de recherche

Le champs de texte va vous permettre de saisir les mots principaux de votre recherche (exemple : table basse)

Le bouton Filtres

Le bouton Filtres va vous permettre d'affiner votre recherche sur divers critères (exemple : Avec plan).

Le bouton Tri

Alors que le bouton Tri vous permettra de choisir l'ordre de vos résultats (exemple : Plus commentées). Un seul tri peut être présent. Dans 90% des cas ça n'aurait pas de sens de mélanger plusieurs tris. Donc autant simplifier à n'en avoir qu'un.

La liste des filtres et des tris sont différents suivant le type de publication. Mais le principe reste le même.

Cerise sur la tartelette, la recherche ne recharge pas la page. Seul les résultats changent. Ainsi, on est plus vite servis ... héhé !


Vous allez peut-être me dire Pourquoi avoir implémenté cette fonctionnalité alors que Fournissothèque est déjà en cours de développement ?

Et bien en fait, je dirais que c'est en réfléchissant à cette fameuse fournissothèque que je me suis rendu compte de l'importance de repenser en premier lieu la recherche.


Il reste à peaufiner cette fonctionnalité. Mais j'avais envie de vous la proposer. Vous remarquerez d'ailleurs que certaines choses ont disparus (champs de recherche en haut à gauche, carte des membres).

Il n'y a rien de définitif. Mais en l'état actuel, ces fonctionnalités ne pouvaient pas apparaitre.

Voilou ... si vous avez des remarques, n'hésitez pas !

Mis à jour

Discussions

Niouniou
( Modifié )

C'est moi ou toute la mise en page a été troublée (il n 'y a plus de remplissage des plans et des créations par grille ou "tétris"...)? Ca s'affiche en liste, chez moi (firefox sous win 7)

Boris Beaulant
( Modifié )

Hmm ... j'aurais envie de penser à un problème de cache au niveau des javascripts. Essaye de faire un CTRL + R sur ta page ?

Niouniou
( Modifié )

en effet, ça marche, j'ai pas tout compris , mais bon, Merci

Wil
( Modifié )

Nickel, merci pour l'amélioration !

Merlin
( Modifié )

Merci pour le travail, je fais un feedback après utilisation étendue.

keke83
( Modifié )

Merci une fois de plus pour l'amélioration et la différentiation entre tri et filtre!

keke

gibetb
( Modifié )

Un bon moteur de recherche, cela ne peut qu'être un gros plus sur un site comme L'Air du Bois. Encore une fois merci pour ton travail zeloko.

mattlalielouise
( Modifié )

Nom de Zeus !
attendez un peu, Doc. Est-ce que j'ai bien entendu ? Vous dites que vous avez fabriqué une machine à rechercher des trucs… à partir d'une DeLorean ?

mattlalielouise
( Modifié )

Après quelque minute a tester cette fonction, j'ai découvert des créations que je n'avais encore jamais vue donc c'est un succès! Merci.

Boris Beaulant
( Modifié )

Content que ça vous plaise 😉

mattlalielouise bah ouai on est pas des mauviettes !

mattlalielouise
( Modifié )

Faut voir grand dans la vie ! Quitte à voyager dans le temps au volant d'une voiture, autant en choisir une qui ait de la gueule !

sylvainlefrancomtois
( Modifié )

c est vous le doc ,doc!!!

ecto1
( Modifié )

Merci zeloko pour ton travail

bachibouzouk
( Modifié )

Classe !
en plus j'ai une explication au fait que je ne trouvais plus la carte des membres...
Une remarque : est ce que ce serait possible : soit d'en faire un objet flottant dans la page, soit de l'intégrer juste sous le titre (bandeau supérieur) pour que la barre de recherche soit toujours accessible même quand on défile vers le bas (donc même si je suis au milieu ou en bas de la page) ?
Une idée (à la con) en plus : moi j'aimerais bien une fonction "voir une création au hasard", parce que la liste s'allonge et c'est surtout les plus récentes qui sont bien visibles.

Boris Beaulant
( Modifié )

bachibouzouk, l'idée de garder la barre de recherche en haut est bonne. Et ça c'est faisable. A ajouter sur le TODO list ;)
Les créations au hasard, pourquoi pas ;)

Niouniou
( Modifié )

Autre petite modification souhaitable : une petite touche également visible "tout en bas" idem que "tout en haut" (cf capture jointe ci-dessous) car quand on est sur android et qu'on veut aller au dernier commentaire d'un post un peu long (ex : atelier de Ninja rouge) il faut faire défiler jusqu'en bas...
Ou alors que l'on puisse faire bouger le curseur de défilement sur la droite... Car , si je ne me trompe pas, il est juste là pour indication (sur androïd, toujours...)
J'espère que c'est clair

Marc
( Modifié )

Franchement super comme amélioration. Merci !

Pour ma part, j'apprécierais juste en plus une auto-complétion sur les noms de tags, d'essence, etc. Pas pour être fainéant ni ennuyant, mais pour se rendre compte des tags disponibles et pour éviter les fautes de frappe.

Le même principe que lorsqu'on indique un tag sur une création, autrement dit.

Boris Beaulant
( Modifié )

Arf, Marc ... sur les tags, il y a déjà. Mais c'est un peu lent à ce que le popup s'affiche.

zag89
( Modifié )

bon boulot ça marche bien sous win 10
merci zeloko

Boris Beaulant
( Modifié )

bachibouzouk, comme tu l'as suggéré, le champ de recherche reste toujours en haut de page maintenant (sauf sur mobile) ;)

Marc
( Modifié )

zeloko. Et bien ... Je ne vois pas comment cela fonctionne, alors ;)

Lorsque je tape un tag, il ne me propose aucune complétion même avec beaucoup de patience. A l'inverse de ce cadre de réponse où, lorsque je tape '@', les noms sont proposés illico. Mais peu importe, c'est une belle fonctionnalité malgré tout, cela nous aide tous !

Boris Beaulant
( Modifié )

Marc ... hmm, en effet, la recherche de propositions ne répond plus sur les tags. Bon, à corriger ;)

bachibouzouk
( Modifié )

zeloko c'est vrai, ça marche parfaitement.
l'occasion pour te remercier pour le travail titanesque que tu fais pour ce site, dont une grande force, à mon sens, est d'être extrêmement vivant et évolutif.
Alors encore merci !
Juste une question... tu dors quand ? si la journée tu fais du bois, et la nuit du code ? ;-)

mattlalielouise
( Modifié )

Il y a une rumeur qui coure et qui dit que zeloko serait en réalité un robot venue du futur (ou du passer) 😂

Khaled

Je suis un nouveau abonnés j'espère que puisse bien utiliser votre cité car beaucoup de choses que j'ai mal compris Merci

Connectez-vous pour ajouter un commentaire.
763 vues
25 commentaires

Publications associées

0 collection
Voir aussi