CIWIDGET

La VERSION 2.0 de CIWIDGET offre 15 widgets dont un pour publier des graphiques (colonnes, lignes, radar, etc.). Le plugin CIWIDGET permet d’ajouter des widgets dans le texte des articles.

Les objectifs de ce plugin

L’objectif est de pouvoir afficher facilement, dans le texte d’un article d’un site SPIP, des contenus autres que du texte, des images et des pièces jointes.

Dans ce cadre, le plugin CIWIDGET offre (dans la version 2.0) les 15 widgets suivants :

Les prochaines versions du plugin CIWIDGET comprendront davantage de widgets.

Les widgets sont compatibles avec des écrans de faible largeur (responsive).

Les fonctionnalités sont détaillées dans le document Description du plugin CIWIDGET ci-joint au format PDF.

Les nouveautés de la version 2.0 de CIWIDGET (par rapport à la version 1.0) sont présentées dans le document Nouveautés de la version 2.0 ci-joint au format PDF.

Par exemple, le widget Graphique offre 10 types de graphique : colonnes, colonnes avec une courbe de tendance, colonnes empilées, colonnes empilées avec une courbe de tendance, barres, barres empilées, secteurs, anneau, lignes, radar.

Vidéo de démonstration de CIWIDGET version 1

Cliquer ci-dessous pour afficher cette vidéo :
vidéo

Vidéo de démonstration du widget pour publier des graphiques

Cliquer ci-dessous pour afficher cette vidéo :
vidéo

Installation

Il est nécessaire d’installer également les plugins CIAUTORISER (au minimum en version 1.5) et CISTYLE (au minimum en version 1.1), qui sont livrés avec le plugin CIWIDGET.

Remarque : Si le site utilise le plugin CISF, il est nécessaire d’utiliser au moins la version 4.1 de CISF. S’il utilise le plugin CIAR, ce dernier doit être au minimum en version 2.9. S’il utilise le plugin CISQUEL, ce dernier doit être au minimum en version 3.7.

Comment ajouter un widget ?

Dans l’espace privé, dans la page de l’article, cliquer sur le nouveau bouton « Ajouter un widget » (en bas à droite).

La page suivante s’affiche. Cliquer sur le widget souhaité (par exemple : un Tweet issu de Twitter)

La page suivante s’affiche. Renseigner les informations obligatoires ...

... ou cliquer d’abord sur le lien “Afficher/masquer les explications”

Après avoir cliqué sur le bouton [Enregistrer], le widget apparaît dans la liste des widgets attachés à l’article (en dessous de la liste des documents).

Il est possible de modifier ou de supprimer un widget (comme pour les documents).

Pour insérer le widget dans le texte de l’article, il convient de procéder comme pour les documents.

Une fois le raccourci <widget_tweet...|center> inséré dans le texte de l’article, on peut prévisualiser l’article (ou le publier).

Quels sont les apports du widget vidéo ?

Par rapport à l’insertion classique d’une vidéo dans SPIP (que l’on peut continuer à utiliser), le widget vidéo :

  • Indique, par sa présence, la possibilité de téléverser des vidéos.
  • Permet de limiter les formats autorisés.
  • Permet d’imposer un débit vidéo maximal avec audio.
  • Informe l’utilisateur sur le poids maximal, les formats autorisés et, le cas échéant, le débit maximal autorisé.
  • Permet de saisir une “Transcription textuelle” (stockée dans le descriptif), qui s’affichera sur le site public lorsque l’on cliquera sur le bouton “Voir la version texte”.
  • Offre deux options supplémentaires : tourne en boucle, démarre automatiquement.

Remarque : le plugin offre un lecteur vidéo accessible et compatible avec des écrans de faible largeur (responsive). La configuration générale offre trois choix d’apparence, c’est-à-dire 3 skins, pour le lecteur vidéo (cf. document de description du plugin ci-joint).

Configuration générale des widgets

La configuration générale consiste à modifier les valeurs par défaut des widgets.

La configuration générale est facultative. En effet, les widgets disposent de valeurs par défaut.
Seul un administrateur du site peut configurer.

Dans le cas où la configuration est imposée au site (cf. document de description du plugin ci-joint), il est possible de voir la configuration, sans pouvoir la modifier.

Pour configurer, il convient de se placer dans l’espace privé de SPIP et de cliquer sur le menu Configuration / Configurer les widgets .

La configuration générale permet d’activer la prise en compte du RGPD pour les widgets concernés (cf. document de description du plugin ci-joint).

updated on 18 November 2020

Discussion

6 discussions

  • 2
    Bernard CLEMENT

    Bonjour
    J’ai voulu installer la dernière version de Ciwidget 2 et j’ai un blocage.
    j’ai téléchargé les 3 plugins dans ./plugins/auto
    puis activé le nouveau ciwidget, il m’indique 100% puis page blanche HTTP erreur 500
    ensuite impossible de relancer le site
    je dois par ftp supprimer le plugin ciwidget pour pouvoir relancer le site.
    Je n’ai pas ce problème quand je réinstalle ciwidget version 1

    petit détail pour les 3 plugins il n’y a plus le numéro de la version

    Je suis en Spip 3.2.1
    merci de votre aide

    • Je viens d’effectuer l’activation de ces 3 plugins situés dans plugins/auto (dans un site vide sous SPIP 3.2.8), et je n’ai pas rencontré pas de problème.

      Il convient de :
      -  vérifier que les plugins ne sont pas également dans plugins ou plugins-dist.
      -  regarder le contenu du log de SPIP (tmp/spip.log)
      -  regarder le contenu du log d’erreur d’Apache

    • Bernard CLEMENT

      J’ai installé spip 3.2.8 et tous les plugins en date du 17 nov 2020
      Tout est OK
      merci

    Reply to this message

  • 5

    Bonjour et merci pour cette noisette.
    J’aurais voulu que mon texte soit en fer à gauche en partie publique dans celui de l’Infographie. Y a t’il une méthode SVP ?
    Exemple sur ma page : http://www.patcatnats.fr/spip.php?article827
    Merci
    Patrice MOREL

    • Bonsoir,
      Toujours dans le widget “Infographie”, y a t’il une limite du nombre de caractères dans le texte ?
      J’ai un drôle d’affichage où le texte semble “sortir” de la fenêtre...
      Exemple : http://www.patcatnats.fr/spip.php?article837
      Merci encore
      Patrice

    • Bonjour,
      La version 2.0.2 de CIWIDGET évite ces deux problèmes (elle n’utilise plus la classe de SPIP “spip_doc_descriptif” pour éviter le premier problème et elle n’utilise plus les classes de SPIP “offscreen” et “invisible” pour éviter le second problème).

    • Merci beaucoup,
      Dois-je désinstaller et réinstaller ? (Je ne voie pas de mise à jour dans la gestion de mes plugings !)
      Patrice

    • Il convient de copier le contenu du fichier ZIP, joint au présent article, dans le dossier où la version précédente figure (“plugins” ou “plugins-dist”), puis de vider le cache de SPIP.

    • Bonjour,
      Quelle réactivité !
      Merci beaucoup (çà fonctionne)
      Patrice

    Reply to this message

  • 3

    Suggestion pour une prochaine version: rendre visible les widgets de la même manière que les images/docs quand on utilise le plugin EDITION DIRECTE

    Quand on utilise le plugin EDITION DIRECTE, il est obligatoire de cliquer sur “modifier cet article” pour visualiser le ou les widgets créés et ainsi les ajouter dans le corps de l’article.

    En tous les cas merci pour ce plugin qui rend service :)

    Reply to this message

  • 1

    Sous SPIP version 3.3 (mais pas sous SPIP 3.2), CWIDGET version 1.0 empêche de téléverser des images dans les articles.

    Reply to this message

  • 7

    Bonjour

    J’ai 2 erreurs dans le modèle audio.html :

    • Filtre ciparam_xtn2 non défini
    • Filtre ciparam_xtTraiter non défini

    En effet, je ne trouve pas trace de ces filtres dans le plugin.

    • La version 1.0.1 du 12/11/2019, jointe à la présente page, évite ces messages de filtres non définis dans le modèle audio.html.

    • Cool !
      Merci pour le travail et pour la réactivité.

    • merci
      par contre je rencontre un pb de dimensions du lecteur audio

      est il possible de régler ça quelques part.

      car pour un site utilisant une synthèse vocal (non-voyant)

      Quand j’ai un seul fichier audio ou vidéo dans un article la synthèse vocale affiche les commandes de lecture.
      Si j’ai plusieurs fichiers audios ou vidéos dans un article comme sur la page d’accueil, je peux lire le titre des fichiers multi-médias, mais pas la commande de lecture.

      je pense que c’est du au fait de la taille du lecteur audio

      pour la video le pb semble résolu, encore merci pour ce plugin qui facilite la vie

    • Dans le formulaire de modification d’un document, SPIP offre la possibilité de préciser ses dimensions, en particulier sa largeur.

    • J’ai créé un article avec deux fichiers audios dans le texte (balise emb). Le lecteur d’écran NVDA lit la commande de lecture du premier fichier audio, puis celle du second fichier audio.

    • Merci, pour votre aide
      effectivement pour la largeur il suffit de passer le paramètre |largeur=xx>

      dans l’article je passé :
      du coup je vais essayé avec

      et demandé un retour.

    • Il faut indiquer la largeur dans le formulaire de modification du document.

    Reply to this message

  • 2

    Hello , qu’est ce que j’ai loupé ?
    car “”utilise“” c’est pas obligatoire contrairement a “”nécessite“”

    Impossible d’activer le plugin ../plugins-dist/adaptionsSF/ciwidget

    Utilise le plugin CISF en version ≥ 4.1.0.
    Utilise le plugin CIAR en version ≥ 2.9.0.
    Utilise le plugin CISQUEL en version ≥ 3.7.0.

    • La réponse est dans le chapitre “Installation” de la présente page.

    • ok alors je visionne

      Il est nécessaire d’installer également le plugin CIAUTORISER (au minimum en version 1.5), qui est livré avec le plugin CIWIDGET.

      ça c’est ok : 1.5

      Remarque : Si le site utilise le plugin CISF, il est nécessaire d’utiliser au moins la version 4.1 de CISF.

      je n’utilise pas CISF

      S’il utilise le plugin CIAR, ce dernier doit être au minimum en version 2.9.

      ça c’est pas bon : 2.7.0, je recharge la dernière version mais rien me dit que j’ai une nouvelle version a télécharger via SVP

      et la c’est bon
      Installation du plugin ciwidget : Widgets
      Installation réussie

      merci pour la piste ...
      je n’avais pas penser a vérifié les versions dans le paquet.xml

    Reply to this message

Ajouter un commentaire

pre-moderation

Warning, your message will only be displayed after it has been checked and approved.

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom