SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano

278 Plugins, 195 contribs sur SPIP-Zone, 112 visiteurs en ce moment

Accueil > Affichage multimédia > Galeries et diaporamas > Mosaïque > Mosaïque

Mosaïque

21 septembre 2012 – par thom_b – 17 commentaires

9 votes

Ce plugin permet d’organiser les images du portfolio par simple glisser-déposer des vignettes d’une mosaïque accessible depuis la page d’édition de l’article.

Dépendances

Ce plugin nécessite les plugins Champs extra et Saisies pour fonctionner.

Utilisation

Le plugin Mosaïque ajoute un lien « Trier les images du portfolio » sur la page d’édition des articles (bouton « Modifier cet article ») dont le portfolio contient au moins deux images.

JPEG - 40.5 ko

Ce lien ouvre une popup qui présente les images (jpg, png et gif) du portfolio de l’article dans une mosaïque. On peut ordonner les vignettes de la mosaïque par simple glisser-déposer.

JPEG - 392.7 ko

Lorsque l’ordre est déterminé, un clic sur « Enregistrer » ferme la popup, et un message informe le rédacteur qu’il doit encore enregistrer l’article pour que l’ordre des vignettes soit sauvegardé dans la base.

JPEG - 28.3 ko

Affichage de la mosaïque

Il y a plusieurs moyens d’afficher la mosaïque :

Avec les squelettes de la dist
Le squelette de la dist inclure/documents.html est surchargé par le plugin pour prendre en compte l’ordre de la mosaïque. Sur les sites qui utilisent les squelettes par défaut, l’affichage de la mosaïque fonctionne donc sans modification supplémentaire.

Par les modèles
Le plugin introduit également deux modèles spécifiques :

  • <articleXXX|mosaique> permet d’afficher la mosaïque de l’article XXX.
  • <ordre_mosaique|id_article=XXX> retourne l’ordre des id des images de la mosaïque de l’article XXX, séparés par des virgules : 35,2,56,1,etc.

Utilisation dans les squelettes
Pour récupérer l’ordre d’une mosaïque dans une boucle DOCUMENTS, on utilise la méthode suivante (dans un contexte où l’id_article est défini) :

Remarquons qu’aucun critère de tri (critères {par ...} ou {tri ...}) ne doit être précisé dans la boucle.
De même, on veillera à n’insérer les autres éventuels critères qu’après l’appel d’ordre_mosaique dans les critères :

Remarque concernant le fonctionnement

L’ordre de la mosaïque est conservé dans un champ extra mosaique de la table spip_articles.
Il existe donc une balise #MOSAIQUE utilisable dans le contexte des boucles ARTICLES. Cependant l’utilisation de cette balise est à proscrire, car elle contient le dernier ordre défini par le rédacteur et ne tient pas compte des éventuels ajouts (ou suppressions) ultérieurs d’images dans le portfolio. Dans 99% des cas on préférera donc la méthode décrite ci-dessus pour récupérer l’ordre de la mosaïque dans les squelettes.

Développements possibles

On peut imaginer deux principaux axes de développement de ce plugin :

  • Le principe pourrait être généralisé aux objets d’une rubrique (articles, brèves, documents...), ce qui permettrait de se passer de la traditionnelle numérotation (parfois laborieuse) des objets par leur titre.
  • Dans la perspective du développement d’un nouvel objet éditorial « album », le principe pourrait être retenu afin que l’album prenne en compte la notion d’ordre, et ce de manière intuitive pour le rédacteur.
Retour en haut de la page

Vos commentaires

  • Le 13 octobre 2012 à 11:04, par KMk En réponse à : Mosaïque

    Bonjour,

    Très bonne idée de pouvoir organiser les images de façon graphique dans l’interface privée et les insérer dans l’article là où on le désire...

    Petite question : comme les images doivent être présentes dans le portfolio, il y a une redondance « image de la mosaïque dans l’article / image dans le portfolio »... Moi, cela ne me gêne pas, je peux « bidouiller » ; mais je suis en train de construire un site pour quelqu’un qui n’est pas familier avec spip...

    Y a-t-il un moyen d’adapter de sorte que si une image est incluse dans une mosaïque, elle n’apparaisse pas dans le portfolio ?

    En tout cas, merci pour cette fonctionnalité que je mets de côté pour d’autres occasions !

    KMk.

    • Le 13 octobre 2012 à 17:17, par thom_b En réponse à : Mosaïque

      Bonjour,

      Je ne suis pas sûr de bien comprendre la question...

      Dans l’idée, la mosaïque n’est pas un groupement d’images distinct du portfolio (ce que sont, par exemple, les albums), mais un ordre appliqué aux images du portfolio. Autrement dit, toutes les images du portfolio apparaissent dans la mosaïque.

      « Y a-t-il un moyen d’adapter de sorte que si une image est incluse dans une mosaïque, elle n’apparaisse pas dans le portfolio ? »

      ==> De fait, ça reviendrait à ne pas du tout afficher les images du portfolio, puisqu’elles sont toutes dans la mosaïque. Or ça me semble délicat, dans la mesure où si elles ne sont plus affichées, impossible de les sortir du portfolio... et donc de la mosaïque !

      Ou alors je vous ai mal compris...

    • Le 13 octobre 2012 à 19:15, par KMk En réponse à : Mosaïque

      Bonjour,

      Je crois que j’ai fait une confusion entre album / diaporama et la possibilité offerte par votre plugin.


      Dans l’idée, la mosaïque n’est pas un groupement d’images distinct du portfolio (ce que sont, par exemple, les albums), mais un ordre appliqué aux images du portfolio.

      Je pense avoir compris le principe : on peut réorganiser l’ordre de TOUS les documents joints - ou tout au moins inclus dans le portfolio - plus facilement. Ce qui m’a mise sur une mauvaise voie, c’est le code <articleN|mosaique> : ce code serait alors plutôt applicable à un article différent de N ? ???

      Merci pour votre contribution et votre réponse,
      Cordialement,
      KMk

    • Le 13 octobre 2012 à 19:31, par thom_b En réponse à : Mosaïque

      Oui, l’idée est à peu près ça. Plus précisément, le plugin permet d’ordonner les images du portfolio (petite nuance).

      Contrairement à l’ordre traditionnel par le num titre, l’ordre des images est ici propre à chaque article. Par exemple, on peut avoir :

      article 1 > img1, img2, img3
      article 2 > img2, img3, img1

      Du coup le code <articleN|mosaique> retoune la mosaïque de l’article N (c’est-à-dire les images du portfolio de l’article N, dans l’ordre établi par glisser-déposer sur la page dudit article et présentées sous forme de mosaïque), quel que soit le contexte d’utilisation.

    • Le 11 janvier à 09:58, par Patrick En réponse à : Mosaïque

      Bonjour,
      Tout d’abord, merci pour ce plugin.
      J’ai toutefois 2 affichages avec le code
      <article2|mosaique>

      -  la mosaïque ordonnée par mes soins... et
      -  mon portfolio habituel en dessous.
      J’ai bien sur réussi à supprimer la visibilité du portfolio (plugin Compositions) mais existe t il un moyen d’éviter d’en passer par ce stratagème ?
      Quel code placer dans la rédaction de l’article 2 pour faire apparaitre ma mosaïque ?
      Merci.

    • Le 11 janvier à 12:14, par thom_b En réponse à : Mosaïque

      Bonjour,

      Oui, en effet, l’un n’empêche pas l’autre, et c’est normal : c’est pour cela qu’il y a plusieurs modes d’insertion possibles.

      Si vous utilisez les squelettes par défaut (dist), normalement le portfolio devrait automatiquement prendre l’ordre de la mosaïque. Donc si le portfolio est déjà appelé par vos squelettes (ce qui est le cas dans la dist), placer <article2|mosaique> dans le texte affichera logiquement un doublon. Effectivement ça peut être gênant quand on veut insérer une mosaïque dans le texte sans avoir de doublon après.

      Voici une solution qui permet de ne pas afficher le portfolio quand la mosaïque est déjà présente dans le texte. Les modifications sont à faire dans une surcharge du squelette inclure/documents.html :

      Au tout début (ligne 2), ajouter :

      [(#INFO_TEXTE*{article,#ENV{id_article}}|match{<article#ENV{id_article}\|mosaique>}|non) #SET{afficher_portfolio,1}]

      Puis remplacer les critères de la BOUCLE_documents_portfolio par :

      <BOUCLE_documents_portfolio(DOCUMENTS) {id_article} {id_document IN #MODELE{ordre_mosaique,id_article}|explode{','}} {si #GET{afficher_portfolio}}{doublons}{vu=non}>

      Je n’ai pas trop le temps de m’en occuper en ce moment, mais ce sera ajouté dans la prochaine version du plugin.

      Merci pour ce retour !

    • Le 11 janvier à 13:12, par Patrick En réponse à : Mosaïque

      Merci pour ce retour rapide.
      Je teste dés que possible.

    • Le 11 janvier à 13:22, par Patrick En réponse à : Mosaïque

      Voilà, c’est testé et ça marche.
      Merci.

    Répondre à ce message

  • Le 3 janvier à 01:51, par David En réponse à : Mosaïque

    Bonjour,

    Excellente idée de plugin !

    Je viens de l’installer sur un SPIP 3.05 et rien ne s’affiche, quelle déception, j’ai 100 photos à ordonner ...

    -  J’ai désactivé tous les plugins (sauf les dépendances à Mosaique), et rien n’y fait.
    -  Le champ « mosaique » a bien été crée dans la table article.
    -  Les documents sont bien activés sur les articles, j’ai un bouton en bas « Ajouter un document », mais pas de bloc « Ajouter un document ou une image » à gauche, ni de bloc Mosaique

    Une idée de la cause de cette déchirante absence ?

    JPEG - 158.5 ko
    • Le 3 janvier à 14:25, par thom_b En réponse à : Mosaïque

      Bonjour,

      En fait, le lien « Trier les images du portfolio » doit normalement s’afficher sur la page d’édition de l’article où se trouve le formulaire d’édition du texte, etc. (et non sur la page de résumé des infos). Sur votre copie d’écran, il faut donc cliquer sur le bouton « Modifier cet article » en haut à droite pour y avoir accès.

      J’avoue que ce n’est pas forcément le chemin le plus intuitif. Il y a deux ou trois petits détails ergonomiques qui mériteraient d’être améliorés dans ce plugin. Peut-être pour une prochaine révision...

      En attendant j’ai mis la doc à jour pour qu’elle soit plus explicite.

    • Le 3 janvier à 15:38, par David En réponse à : Mosaïque

      Au temps ou autant pour moi, extraordinaire !

      Merci pour ce travail, c’est un gain de temps énorme.

      PS : dans l’espace privé, les images ne s’affichent pas par ordre mosaïque ?

    • Le 3 janvier à 16:16, par thom_b En réponse à : Mosaïque

      Non, et ça fait partie des améliorations de l’ergonomie prévues ;)
      À l’heure actuelle il reste possible (et pas très difficile) de changer ça dans les squelettes concernés de plugins-dist/media/ pour que l’ordre soit pris en compte dans le privé.
      Merci pour vos retours !

    Répondre à ce message

  • Le 21 septembre 2012 à 12:27, par Fab En réponse à : Mosaïque

    Super !!!
    Ça fonctionne dans l’admin.
    Dans les dépendances requises mais non installée il faut ajouter YAML (mais qui n’est pas une dépendance directe)

    Je ferai un test en production dans quelque temps, pour le moment pas de soucis avec un spip 3.05

    • Le 21 septembre 2012 à 15:16, par thom_b En réponse à : Mosaïque

      Bonjour,

      Sauf erreur de ma part (?), c’est l’interface des champs extra qui nécessite yaml. Or c’est l’API de champs extra qu’on utilise ici.

      Sinon, le plugin est en phase de test (je croise les doigts pour qu’aucun bug monstrueux ne se manifeste...), et tous les retours sont bienvenus !

    • Le 21 septembre 2012 à 15:24, par Fab En réponse à : Mosaïque

      Tout à fait, cela étant j’ai du installer YAML « manuellement » car son absence bloquait l’affichage complet des articles dans l’admin.

    Répondre à ce message

  • Le 21 septembre 2012 à 12:59, par drBouvierLeduc En réponse à : Mosaïque

    Bonjour,
    Bonne idée, ce plugin, il faut que je teste au plus vite !
    Concernant le plugin albums, je sais pas si tu as vu, il est en développement ici : http://contrib.spip.net/Albums-v2-DEV
    Il faudra que je regarde comment y intégrer ta contribution, pour l’instant je manque un peu de temps et il y a d’autres choses à finaliser avant, mais n’hésite pas à commiter.

    • Le 21 septembre 2012 à 15:21, par thom_b En réponse à : Mosaïque

      Bonjour,

      Cette page me dit quelque chose, j’avais déjà dû tomber dessus auparavant.

      Je viens de télécharger la version dev d’Albums V2 et (vu de loin) il semble que ce ne serait pas trop compliqué d’ajouter la gestion des albums à une future révision du plugin mosaïque. C’est peut-être plus simple dans ce sens là pour commencer, non ?

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d'abord sur gravatar.com (gratuit et indolore) et n'oubliez pas d'indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Agenda 2.0

    3 novembre 2008 – 860 commentaires

    Voici la version pour SPIP 2.0 du Plugin Agenda pour SPIP 1.9.2, avec une interface remaniée pour encore plus de plaisir. Pour une documentation concernant l’utilisation d’Agenda 3 pour SPIP 3, veuillez pour l’instant vous référer à SPIP 3, Agenda (...)

  • Afficher recherche google/bing

    19 mai – 10 commentaires

    Ce bout de code permet d’augmenter sa visibilité sur internet, il affiche les mots clés par lequel les visiteurs ont arrivés, que cela soit de Google, Bing, Yahoo, Qwant... Avec l’affichage des termes de recherche entrants liés aux articles de votre (...)

  • La Fabrique

    20 avril 2012 – 139 commentaires

    La Fabrique est un outil pour webmestres ou développeurs qui souhaitent créer des plugins. La Fabrique est capable de générer le code source minimal d’un plugin pour SPIP 3 (elle accélère donc le démarrage d’un plugin) et peut s’occuper également de (...)

  • Logo d’origine de la traduction

    13 octobre 2007 – 12 commentaires

    Une balise pour récupérer le logo de l’article de référence

  • Le plugin ZotSpip

    28 mai 2012 – 65 commentaires

    Synchronise Spip avec une bibliothèque (personnelle ou partagée) de références bibliographiques Zotero. Utilisez Zotero pour gérer / importer / rédiger vos références bibliographiques, puis incorporez vos références bibliographiques dans votre Spip avec (...)