HOME > RSS > BLOGS France > [SPIP - contrib]

R S S : [SPIP - contrib]


PageRank : 7 %

VoteRank :
(0 - 0 vote)





tagsTags: , , , , ,


Français - French

RSS FEED READER



Métas +

>https://www.facebook.com/translations/FacebookLocales.xml</a>, <a class=play episode download
3 December, by erational, tetue[ —]

Améliorez l'indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card.

Installation

Activer le plugin dans le menu dédié.

Dans le panel de configuration, vous pouvez choisir quelles méta-données, vous voulez activer ou non :

  • Dublin Core : sémantique
  • Opengraph : format adopté notamment par Facebook . Il permet d'améliorer les informations transmises lorsque vos utilisateurs partagent une page
  • Twitter Card

Utilisation

Dans la balise .... de votre squelette de la page article, ajouter le code suivant à l'intérieur de la boucle ARTICLES

  1. {fond=inclure/metasplus-article,id_article} />

Utilisation avancée

Il est possible d'étendre l'ajout des métas à d'autres objets SPIP (rubriques, lieux, cartes, patates, ....)

Le plugin fournit un modèle général inclure/metasplus.html auquel il faut fournir les informations requises

  1. {fond=inclure/metasplus,
  2. titre=#GET{titre},
  3. lang=#GET{lang},
  4. territoire=#GET{territoire},
  5. desc=#GET{desc},
  6. auteur=#GET{author},
  7. date=#GET{date},
  8. url=#GET{url},
  9. logo=#GET{logo},
  10. og-type=article} />

Télécharger

Tous les paramètres sont facultatifs mais il est fortement indiqué de renseigner au minimum titre, desc, url.

Il faut transmettre des chaînes brutes sans HTML. On pourra utiliser les filtres |supprimer_tags|textebrut pour nettoyer les balises SPIP.

Nom du paramètreRemarques
titre titre
lang langue
territoire Permet de créer le locale facebook en_UK. Si ce paramètre territoire n'est pas transmis, on tente une locale avec la langue fr_FR, de_DE
Avec une exception pour l'anglais réglé par défaut sur en_US
Pour documentation, voici la liste des locales acceptés par Facebook ;
https://www.facebook.com/translations/FacebookLocales.xml
desc texte court d'introduction
auteur auteur sans lien
date Date en format YYYY-MM-DD
url URL de la ressource
logo Les images doivent faire au minimum 200x200 pixels et peser moins de 1Mo.
og-type Pour connaître les valeurs acceptées de og-type,
on pourra consulter :
https://developers.facebook.com/doc....
Si on ne précise rien, la valeur par défaut est article.

Par exemple pour un objet pomme

  • créer inclure/metasplus-pomme.html
  1. span>(POMMES){id_pomme}>
  2. [(#REM) Etape 1 : on récupére les données de l'objet ]
  3. #SET{titre,#TITRE|supprimer_tags|textebrut}
  4. ...
  5. [(#REM) Etape 2 : on les transmet au modèle général ]
  6. {fond=inclure/metasplus,
  7. titre=#GET{titre},
  8. lang=#GET{lang},
  9. desc=#GET{desc},
  10. auteur=#GET{author},
  11. date=#GET{date},
  12. url=#GET{url},
  13. logo=#GET{logo},
  14. og-type=product} />

Télécharger

  • ajouter dans le squelette de la page pomme, dans le ....
  1. {fond=inclure/metasplus-pomme,id_pomme} />

Outils divers

Outils Facebook
Outil pour vérifier vos opengraphs
https://developers.facebook.com/too...

Ces données sont mises en cache, voici l'outil pour vider le cache
https://developers.facebook.com/too...

Outils Twitter
Outil pour tester vos twitter cards
https://cards-dev.twitter.com/validator

Améliorez l'indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card.
{{{Installation}}} Activer le plugin dans le menu dédié. Dans le panel de configuration, vous pouvez choisir quelles méta-données, vous voulez activer ou non: -* Dublin Core: sémantique -* [Opengraph->http://ogp.me] : format adopté notamment par Facebook . Il permet d'améliorer les informations transmises lorsque vos utilisateurs partagent une page -* [Twitter Card->https://dev.twitter.com/cards/overview] {{{Utilisation}}} Dans la balise .... de votre squelette de la page article, ajouter le code suivant à l'intérieur de la boucle ARTICLES metasplus-article,id_article} /> {{{Utilisation avancée}}} Il est possible d'étendre l'ajout des métas à d'autres objets SPIP (rubriques, lieux, cartes, patates, ....) Le plugin fournit un modèle général {{inclure/metasplus.html}} auquel il faut fournir les informations requises metasplus, titre=#GET{titre}, lang=#GET{lang}, territoire=#GET{territoire}, desc=#GET{desc}, auteur=#GET{author}, date=#GET{date}, url=#GET{url}, logo=#GET{logo}, og-type=article} /> Tous les paramètres sont facultatifs mais il est fortement indiqué de renseigner au minimum {titre}, {desc}, {url}. Il faut transmettre des chaînes brutes sans HTML. On pourra utiliser les filtres |supprimer_tags|textebrut pour nettoyer les balises SPIP. |{{Nom du paramètre}}|{{Remarques}}| |{{titre}}|titre| |{{lang}}|langue| |{{territoire}}|Permet de créer le locale facebook en_UK. Si ce paramètre territoire n'est pas transmis, on tente une locale avec la langue fr_FR, de_DE
Avec une exception pour l'anglais réglé par défaut sur en_US
Pour documentation, voici la liste des locales acceptés par Facebook ; https://www.facebook.com/translations/FacebookLocales.xml| |{{desc}}|texte court d'introduction| |{{auteur}}|auteur sans lien| |{{date}}| Date en format YYYY-MM-DD| |url|URL de la ressource| |{{logo}}|Les images doivent faire au minimum 200x200 pixels et peser moins de 1Mo.| |{{og-type}}|Pour connaître les valeurs acceptées de {og-type},
on pourra consulter:
[->https://developers.facebook.com/docs/reference/opengraph].
Si on ne précise rien, la valeur par défaut est {article}.| Par exemple pour un objet {{pomme}} -* créer {{inclure/metasplus-pomme.html}} [(#REM) Etape 1 : on récupére les données de l'objet ] #SET{titre,#TITRE|supprimer_tags|textebrut} ... [(#REM) Etape 2 : on les transmet au modèle général ] metasplus, titre=#GET{titre}, lang=#GET{lang}, desc=#GET{desc}, auteur=#GET{author}, date=#GET{date}, url=#GET{url}, logo=#GET{logo}, og-type=product} /> -* ajouter dans le squelette de la page pomme, dans le .... metasplus-pomme,id_pomme} /> {{{Outils divers}}} {{Outils Facebook}} Outil pour vérifier vos opengraphs [->https://developers.facebook.com/tools/debug/] Ces données sont mises en cache, voici l'outil pour vider le cache [->https://developers.facebook.com/tools/debug/sharing/batch/] {{Outils Twitter}} Outil pour tester vos twitter cards [->https://cards-dev.twitter.com/validator]

pgn4spip à partir de SPIP 3

https://contrib.spip.net/Interface-Francaisplay episode download
18 November, by Jacques[ —]

Le plugin pgn4spip permet d'afficher des parties d'échecs dans vos articles SPIP.

La version de pgn4spip disponible à partir de SPIP 3 présente quelques améliorations par rapport à la précédente version pour SPIP 2, notamment l'installation est beaucoup plus simple.

Utilisation

L'usage le plus simple est de télécharger un fichier pgn et de saisir dans le corps de l'article le modèle pgn avec le numéro du document, par exemple
où 123 est le numéro du fichier pgn (document) téléchargé sur le site.

Pour un usage avancé il est possible d'afficher de nombreuses options. Par exemple
- affiche le document (fichier pgn) numéro 489
- le coup à jouer à partir de la position affichée est le 6e pour les noirs (initialHalfmove=11)
- on a un affichage type puzzle (position à résoudre - initialement le texte n'est pas affiché, la solution s'affiche lorsque l'on appuie sur les boutons)

Les options possibles sont décrites en détail dans l'article de ce site

On peut voir le plugin en fonctionnement par exemple dans cet article

Il est possible également de saisir des positions FEN, comme dans cet exemple.

Installation

Le plugin copie le plugin original pgn4web dans un dossier lib à la racine du site.

Pour pouvoir installer le plugin en automatique il faut donc avoir préalablement créés :
- le dossier plugins/auto
- le dossier lib

Configuration

Dans le backoffice la page de configuration du plugin s'appelle ainsi
monsitespip.tld/ecrire/ ?exec=configurer_pgn4spip


Il est possible d'y accéder facilement à partir de la page gestion des plugins, en cliquant sur l'icône outils sur la ligne de pgn4spip.

Crédits

pgn4spip est l'interface SPIP de pgn4web créé par Paolo Casaschi.

Todo

- Vérifier le fonctionnement des parties en live
- Vérifier que les nouvelles options de pgn4web pourraient s'implémenter (vidéos...)
- Vérifier l'accessibilité
- Améliorer la visibilité du sélecteur de parties en multiparties

Le plugin pgn4spip permet d'afficher des parties d'échecs dans vos articles SPIP. La version de pgn4spip disponible à partir de SPIP 3 présente quelques améliorations par rapport à la précédente version pour SPIP 2, notamment l'installation est beaucoup plus simple. {{{Utilisation}}} L'usage le plus simple est de télécharger un fichier pgn et de saisir dans le corps de l'article le modèle pgn avec le numéro du document, par exemple où 123 est le numéro du fichier pgn (document) téléchargé sur le site. Pour un usage avancé il est possible d'afficher de nombreuses options. Par exemple - affiche le document (fichier pgn) numéro 489 - le coup à jouer à partir de la position affichée est le 6ème pour les noirs (initialHalfmove=11) - on a un affichage type puzzle (position à résoudre - initialement le texte n'est pas affiché, la solution s'affiche lorsque l'on appuie sur les boutons) Les options possibles sont décrites en détail [dans l'article de ce site->https://www.ressources-echecs.net/Les-options-possibles-de-PGN4SPIP] On peut voir le plugin en fonctionnement par exemple dans [cet article->https://www.ressources-echecs.net/Afficher-des-parties-d-echecs-ici-une-petite-base-de-donnees] Il est possible également de saisir des positions FEN, [comme dans cet exemple->https://www.ressources-echecs.net/Diagrams-from-FEN-positions]. {{{Installation }}} Le plugin copie le plugin original pgn4web dans un dossier lib à la racine du site. Pour pouvoir installer le plugin en automatique il faut donc avoir préalablement créés : - le dossier plugins/auto - le dossier lib {{{Configuration}}} Dans le backoffice la page de configuration du plugin s'appelle ainsi monsitespip.tld/ecrire/?exec=configurer_pgn4spip Il est possible d'y accéder facilement à partir de la page gestion des plugins, en cliquant sur l'icône outils sur la ligne de pgn4spip. {{{Crédits}}} pgn4spip est l'interface SPIP de [pgn4web créé par Paolo Casaschi->http://pgn4web.casaschi.net/home.html]. {{{Todo}}} - Vérifier le fonctionnement des parties en live - Vérifier que les nouvelles options de pgn4web pourraient s'implémenter (vidéos...) - Vérifier l'accessibilité - Améliorer la visibilité du sélecteur de parties en multiparties

Agenda Fullcalendar facile

29 October, by Maïeul[ —]

Dans un précédent article, nous expliquions comment afficher un agenda Fullcalendar sur son site avec le plugin agenda.
Cependant, ceci nécessite des manipulation de squelettes, ce qui n'est pas toujours évident lorsqu'on débute.

La présente contribution permet d'intégrer plus facilement un agenda Fullcalendar, sans qu'il ne soit cependant possible d'avoir une configuration avancée [1].

Fonctionnalité

Avec le plugin Agenda activé, le présent plugin permet d'afficher dans un article un agenda Fullcalendar, affichant les évènements par mois, semaine ou jour, et liant chaque évènement à la page de l'article qui lui est associé.

PNG - 39.8 ko
Agenda souhaité au final

Installation

Le plugin nécessite SPIP 3.1, il s'installe comme n'importe quel plugin.

Utilisation

Une fois le plugin installé, et les événements créés, il suffit d'insérer le code suivant dans un article :


[1] Si le besoin s'en fait sentir, il est nécessaire d'apprendre des notions de squelettes SPIP, puis de lire mon tutoriel.

Dans un précédent article, nous expliquions [comment afficher un agenda Fullcalendar sur son site avec le plugin agenda->4210]. Cependant, ceci nécessite des manipulation de squelettes, ce qui n'est pas toujours évident lorsqu'on débute. La présente contribution permet d'intégrer plus facilement un agenda Fullcalendar, sans qu'il ne soit cependant possible d'avoir une configuration avancée[[Si le besoin s'en fait sentir, il est nécessaire d'apprendre des notions de squelettes SPIP, puis de lire mon tutoriel.]].
{{{Fonctionnalité}}} Avec le plugin [Agenda->2858] activé, le présent plugin permet d'afficher dans un article un agenda Fullcalendar, affichant les évènements par mois, semaine ou jour, et liant chaque évènement à la page de l'article qui lui est associé. {{{Installation}}} Le plugin nécessite SPIP 3.1, il [s'installe comme n'importe quel plugin-> http://www.spip.net/fr_article3396.html]. {{{Utilisation}}} Une fois le plugin installé, et les événements créés, il suffit d'insérer le code suivant dans un article:

Palette de boutons

27 October, by tetue[ —]

Avec ce plugin, dans sa dernière version, vous bénéficiez d'une vingtaine de styles prédéfinis, combinables, pour former des boutons de couleurs et de tailles différentes :



Tailles, couleurs et formes peuvent être combinées entres elles :

  • Sémantique (V2) :
    • primary (peu utilisable correctement dans SPIP)
    • secondary (sans effet = par défaut)
    • success
    • info
    • warning
    • danger
    • light : pour redonner l'apparence d'un lien
    • disabled : s'applique automatiquement aux boutons inactifs
  • Couleurs disponibles :
    • purple
    • pink
    • red
    • orange
    • yellow
    • green
    • blue
    • black
    • gray
    • white
    • metal : façon alu brossé
    • spip : aux couleurs de SPIP (violet et or)
  • Tailles disponibles :
    • small
    • big
    • super
  • Formes disponibles (V2) :
    • circle : uniquement sur boutons carrés
    • expand : pour étendre à toute la largeur disponible

Voyez la demo !

Un tableau des principaux styles de boutons est disponible dans votre site SPIP :
- Affichez la page de démo : ?page=demo/varicelle
- Ou insérez le modèle , dans un article par exemple
- Si vous utilisez ZPIP, affichez directement ?page=varicelle

Personnalisation CSS

Vous pouvez personnaliser l'apparence des boutons de cette palette, dans votre feuille de style, par surcharge CSS. Par exemple, pour définir la couleur par défaut de vos boutons, en particulier ceux des formulaires générés par SPIP, déclarez [*] :

Notez que, si vos squelettes en contiennent, les boutons d'administration du site public sont impactés par ce plugin, qui propose donc un habillage spécifique simplifié pour ceux-ci. Si besoin, surchargez le style de .spip-admin .btn [*].


[*] Dans la V1 il fallait utiliser le sélecteur .submit (et non .btn introduit en V2), soit :

.submit { background-color: pink; }
.submit:hover { background-color: red; }
Avec ce plugin, {{dans sa dernière version}}, vous bénéficiez d'une vingtaine de styles prédéfinis, combinables, pour former des boutons de couleurs et de tailles différentes : {{Tailles, couleurs et formes peuvent être combinées entres elles :}} -* Sémantique (V2) : -** primary (peu utilisable correctement dans~SPIP) -** secondary (sans effet = par défaut) -** success -** info -** warning -** danger -** light : pour redonner l'apparence d'un lien -** disabled : s'applique automatiquement aux boutons inactifs -* Couleurs disponibles : -** purple -** pink -** red -** orange -** yellow -** green -** blue -** black -** gray -** white -** metal : façon alu brossé -** spip : aux couleurs de SPIP (violet et or) -* Tailles disponibles : -** small -** big -** super -* Formes disponibles (V2) : -** circle : uniquement sur boutons carrés -** expand : pour étendre à toute la largeur disponible {{{Voyez la demo !}}} Un tableau des principaux styles de boutons est disponible dans votre site~SPIP : - Affichez la page de démo : ?page=demo/varicelle - Ou insérez le modèle , dans un article par exemple - Si vous utilisez ZPIP, affichez directement ?page=varicelle {{{Personnalisation CSS}}} Vous pouvez personnaliser l'apparence des boutons de cette palette, dans votre feuille de style, par surcharge~CSS. Par exemple, pour définir la couleur par défaut de vos boutons, en particulier ceux des formulaires générés par SPIP, déclarez [[<*>Dans la~V1 il fallait utiliser le sélecteur .submit (et non .btn introduit en~V2), soit : .submit { background-color: pink; } .submit:hover { background-color: red; }]] : .btn { background-color: pink; border-color: pink; } .btn:hover { background-color: red; border-color: red; } {Notez que, si vos squelettes en contiennent, les boutons d'administration du site public sont impactés par ce plugin, qui propose donc un habillage spécifique simplifié pour ceux-ci. Si~besoin, surchargez le style de .spip-admin .btn [[<*>]].}

Un retour d'expérience d'utilisation de Formidable

>http://contrib.spip.net/Formidable-le-generateur-de-formulaires</a>, <a class=play episode download
26 October, by Jacques[ —]

Il s'agissait de

  • créer un formulaire d'inscription à un évènement
  • modérer les inscriptions dans le privé
  • publier les inscriptions dans le public

Nous avons discuté de cette présentation lors de l'apéro SPIP du 15 février 2016 à la Cantine Toulouse.

Formidable ?

Un générateur de formulaires facilement configurable pour les non-informaticiens et facilement extensible pour les développeurs.

C'est la définition que l'on trouve dans l'article de documentation http://contrib.spip.net/Formidable-le-generateur-de-formulaires et ce qui m'intéresse particulièrement ici c'est que c'est pour de « non-informaticiens ». Des usages beaucoup plus pointus que celui que je veux présenter existent pour les développeurs.

Installation et prérequis

Formidable fonctionne à partir de SPIP 2.1 et nécessite les plugins Bonux, Saisies, Vérifier, YAML, Facteur. Il est également précisé qu'il faut installer le plugin jQuery UI pour pouvoir déplacer les champs à la souris pendant la création d'un formulaire.
Mais il ne faut pas s'en préoccuper tout ceci s'installe automatiquement depuis SPIP 3.0

Créer un formulaire

Il faut tout d'abord créer le formulaire. Dans un premier temps on renseigne seulement :

  • le titre
  • un nom abrégé
  • un message de retour pour les personnes qui rempliront
  • et le message explicatif pour le privé



On voit alors dans la boite de dialogue sur le côté que nous avons trois étapes à suivre :

  • Configurer le formulaire (déjà commencé à la création)
  • Configurer les champs
  • Configurer les traitements
PNG - 46.3 ko

Configurer les champs

On ajoute les champs que l'on veut au formulaire.
Dans notre optique « réaliser un formulaire d'inscription » nous allons surtout sélectionner des lignes de texte qu'il faut ensuite paramétrer.

PNG - 6.7 ko
4 boutons apparaissent au survol
  • déplacer le champ
  • le modifier
  • le dupliquer
  • le supprimer

Donc on insère une ligne de texte puis au survol de la souris sur le champ créé on va cliquer sur le crayon qui apparait :
- une ligne va être nommée prénom, on va dire qu'elle est obligatoire et on peut mettre un placeholder avec par exemple « votre prénom »
- une autre ligne de texte, va être renommée « nom » avec les mêmes caractéristiques
- on a en général besoin d'un champ mail, qui sera lui aussi obligatoire. on va dans le 4 ème onglet, l'onglet validation et dans « Type de vérification à effectuer » on sélectionne adresse de courriel. Il est alors possible de préciser quelques contrôles supplémentaires sur la validité de l'e-mail et si l'e-mail existe déjà ou pas.

PNG - 14.7 ko

On peut ajouter des champs commentaires (text-area) pour que les personnes qui s'incrivent laissent un commentaire, un champ « select » (en exemple pour sélectionner un département) ou encore un bouton radio (ici choix de couleur).


Configurer les traitements

Enfin dans la dernière étape de configuration du formulaire on va configurer les traitements pour :
- envoyer le résultat du formulaire à des destinataires
- modérer « à priori » la publication des résultats

Dans mon cas je coche les champs :
- Poste le résultat du formulaire par courriel à une liste de destinataires.
- Dans les destinataires supplémentaires je rajoute une ou plusieurs adresse (Une liste d'adresses séparées par des virgules)
- en nom de l'envoyeur @input_1@ @input_2@
- je coche « accusé de réception »
- Enregistre les résultats du formulaire dans la base de données
- Multiple : Une même personne peut répondre plusieurs fois. (utile quand un prof inscrit plusieurs de ses élèves par exemple)
- Enregistrer les IPs (masquées après un délai de garde)
- choix de modération : modération a priori

Utilisation dans un article

On peut maintenant utiliser ce formulaire d'inscription !
Grace au plugin « insérer-modèles » il est facile de retrouver la syntaxe exacte pour l'insérer dans un article :



Affichage des résultats côté public

On veut maintenant aussi publier une liste modérée des inscrits.
Pour cela on va créer un modèle basé sur la balise #VOIR_REPONSE présentée sur la page wiki
http://contrib.spip.net/Balises-et-boucles-avec-Formidable#balise_voir_reponse

Sur cette base on va créer un modèle qu'on va appeler apero.html. On place ce modèle dans le dossier squelettes/modeles

  1. Prénom
  2. Nom
  3. Commentaire
  4. Département
  5. Couleur
  6. span>(FORMULAIRES_REPONSES){id_formulaire=#ENV{id}}>
  7. #VOIR_REPONSE{input_1}
  8. #VOIR_REPONSE{input_2}
  9. #VOIR_REPONSE{textarea_1}
  10. #VOIR_REPONSE{selection_1}
  11. #VOIR_REPONSE{radio_1}

Télécharger

Par souci de respecter la confidentialité des utilisateur, on n'a pas affiché l'adresse de courriel, que l'on peut récupérer dans le privé si besoin.
on appelle ce modèle ainsi :

PNG - 27.3 ko

Ce modèle a des défauts, il répète l'intitulé de chaque champ avec la réponse.
On va modifier les cellules de réponse ainsi :

Comme précisé dans le wiki « on peut faire des variantes pour ne sortir que la valeur (en HTML mais sans le label et l'entourage) ou que la valeur brute dans la base. »
Dans mon cas valeur_uniquement ou brut produisent le même résultat. Après la virgule, on peut afficher des valeurs par défaut entre les quotes ''
Et on va appeler ce modèle aperospip.html qui va permettre un affichage beaucoup plus agréable.

On l'appelle ainsi

PNG - 12.4 ko

Modération des résultats, modification de l'affichage dans le privé

Par défaut, dans le privé, l'affichage des réponses est peu parlant. Il faut cliquer sur « voir la réponse » pour obtenir le détail des réponses. Ce qui est génant lorsque l'on veut modérer les résultats, que l'on peut avoir des réponses multiples à trier etc...

PNG - 17.7 ko

Alors je propose cette petite modification de l'affichage qui permet un meilleur affichage. Attention à ce que ça ne vienne pas nuire à d'autres usages de formidable sur le même site. Personnellement je ne vois pas de risques, mais je ne pense pas forcément à tous les cas. Bien entendu il est aussi possible de rajouter un champ. Tout ceci à manier avec précaution.

On va créer un squelettes/prive/objets/liste/formulaires_reponses.html pour afficher les noms, ou on ajoute dans le thead

et dans la table elle-même

Modèle joint

HTML - 2.9 ko

, qui s'insère donc ainsi dans l'arborescence

PNG - 39 ko

Le résultat devient plus facile à traiter dans l'optique d'une modération des inscriptions.

PNG - 36.8 ko

Voilà, c'était mon expérience d'utilisation de formidable :)

Il s'agissait de -* créer un formulaire d'inscription à un évènement -* modérer les inscriptions dans le privé -* publier les inscriptions dans le public Nous avons discuté de cette présentation lors de l'apéro SPIP du 15 février 2016 à la Cantine Toulouse.
{{{Formidable ?}}} Un générateur de formulaires facilement configurable pour les non-informaticiens et facilement extensible pour les développeurs. C'est la définition que l'on trouve dans l'article de documentation [http://contrib.spip.net/Formidable-le-generateur-de-formulaires->http://contrib.spip.net/Formidable-le-generateur-de-formulaires] et ce qui m'intéresse particulièrement ici c'est que c'est pour de non-informaticiens. Des usages beaucoup plus pointus que celui que je veux présenter existent pour les développeurs. {{{Installation et prérequis}}} Formidable fonctionne à partir de SPIP 2.1 et nécessite les plugins Bonux, Saisies, Vérifier, YAML, Facteur. Il est également précisé qu'il faut installer le plugin jQuery UI pour pouvoir déplacer les champs à la souris pendant la création d'un formulaire. Mais il ne faut pas s'en préoccuper tout ceci s'installe automatiquement depuis SPIP 3.0 {{{Créer un formulaire}}} Il faut tout d'abord créer le formulaire. Dans un premier temps on renseigne seulement : -* le titre -* un nom abrégé -* un message de retour pour les personnes qui rempliront -* et le message explicatif pour le privé On voit alors dans la boite de dialogue sur le côté que nous avons trois étapes à suivre: -* Configurer le formulaire (déjà commencé à la création) -* Configurer les champs -* Configurer les traitements {{{Configurer les champs}}} On ajoute les champs que l'on veut au formulaire. Dans notre optique réaliser un formulaire d'inscription nous allons surtout sélectionner des lignes de texte qu'il faut ensuite paramétrer. Donc on insère une ligne de texte puis au survol de la souris sur le champ créé on va cliquer sur le crayon qui apparait : - une ligne va être nommée prénom, on va dire qu'elle est obligatoire et on peut mettre un placeholder avec par exemple votre prénom - une autre ligne de texte, va être renommée nom avec les mêmes caractéristiques - on a en général besoin d'un champ mail, qui sera lui aussi obligatoire. on va dans le 4 ème onglet, l'onglet validation et dans Type de vérification à effectuer on sélectionne adresse de courriel. Il est alors possible de préciser quelques contrôles supplémentaires sur la validité de l'e-mail et si l'e-mail existe déjà ou pas. On peut ajouter des champs commentaires (text-area) pour que les personnes qui s'incrivent laissent un commentaire, un champ select (en exemple pour sélectionner un département) ou encore un bouton radio (ici choix de couleur). {{{Configurer les traitements}}} Enfin dans la dernière étape de configuration du formulaire on va configurer les traitements pour : - envoyer le résultat du formulaire à des destinataires - modérer à priori la publication des résultats Dans mon cas je coche les champs : - Poste le résultat du formulaire par courriel à une liste de destinataires. - Dans les destinataires supplémentaires je rajoute une ou plusieurs adresse (Une liste d'adresses séparées par des virgules) - en nom de l'envoyeur @input_1@ @input_2@ - je coche accusé de réception - Enregistre les résultats du formulaire dans la base de données - Multiple : Une même personne peut répondre plusieurs fois. (utile quand un prof inscrit plusieurs de ses élèves par exemple) - Enregistrer les IPs (masquées après un délai de garde) - choix de modération : modération a priori {{{Utilisation dans un article}}} On peut maintenant utiliser ce formulaire d'inscription ! Grace au plugin insérer-modèles il est facile de retrouver la syntaxe exacte pour l'insérer dans un article : {{{Affichage des résultats côté public}}} On veut maintenant aussi publier une liste modérée des inscrits. Pour cela on va créer un modèle basé sur la balise #VOIR_REPONSE présentée sur la page wiki [http://contrib.spip.net/Balises-et-boucles-avec-Formidable#balise_voir_reponse->http://contrib.spip.net/Balises-et-boucles-avec-Formidable#balise_voir_reponse] Sur cette base on va créer un modèle qu'on va appeler apero.html. On place ce modèle dans le dossier squelettes/modeles
Prénom Nom Commentaire Département Couleur
#VOIR_REPONSE{input_1} #VOIR_REPONSE{input_2} #VOIR_REPONSE{textarea_1} #VOIR_REPONSE{selection_1} #VOIR_REPONSE{radio_1}
Par souci de respecter la confidentialité des utilisateur, on n'a pas affiché l'adresse de courriel, que l'on peut récupérer dans le privé si besoin. on appelle ce modèle ainsi : Ce modèle a des défauts, il répète l'intitulé de chaque champ avec la réponse. On va modifier les cellules de réponse ainsi : #VOIR_REPONSE{input_1, brut, '' } #VOIR_REPONSE{input_2, valeur_uniquement, '' } #VOIR_REPONSE{textarea_1, brut, '' } #VOIR_REPONSE{selection_1, valeur_uniquement, ''} #VOIR_REPONSE{radio_1, valeur_uniquement, ''} Comme précisé dans le wiki on peut faire des variantes pour ne sortir que la valeur (en HTML mais sans le label et l'entourage) ou que la valeur brute dans la base. Dans mon cas valeur_uniquement ou brut produisent le même résultat. Après la virgule, on peut afficher des valeurs par défaut entre les quotes '' Et on va appeler ce modèle aperospip.html qui va permettre un affichage beaucoup plus agréable. On l'appelle ainsi {{{Modération des résultats, modification de l'affichage dans le privé}}} Par défaut, dans le privé, l'affichage des réponses est peu parlant. Il faut cliquer sur voir la réponse pour obtenir le détail des réponses. Ce qui est génant lorsque l'on veut modérer les résultats, que l'on peut avoir des réponses multiples à trier etc... Alors je propose cette petite modification de l'affichage qui permet un meilleur affichage. Attention à ce que ça ne vienne pas nuire à d'autres usages de formidable sur le même site. Personnellement je ne vois pas de risques, mais je ne pense pas forcément à tous les cas. Bien entendu il est aussi possible de rajouter un champ. Tout ceci à manier avec précaution. On va créer un squelettes/prive/objets/liste/formulaires_reponses.html pour afficher les noms, ou on ajoute dans le thead prenom nom et dans la table elle-même [(#VOIR_REPONSE{input_1, brut})] [(#VOIR_REPONSE{input_2, brut})] Modèle joint , qui s'insère donc ainsi dans l'arborescence Le résultat devient plus facile à traiter dans l'optique d'une modération des inscriptions. Voilà, c'était mon expérience d'utilisation de formidable :)

HAL Pub

25 October, by erational[ —]

Présentation

HAL est le site d'archives des publications scientifiques utilisé notamment par les universités françaises et le CNRS.

Le plugin HAL Pub permet d'afficher les publications du portail HAL soit globalement soit pour un laboratoire donné.

Il permet aussi d'effectuer des recherches sur les publications (recherche libre ou avec des filtres que l'on peut combiner).

Le moteur de recherche est puissant et intègre les fonctionnalités de l'API HAL

  • Recherche libre avec de nombreuses options
    • Recherche sur champs donnée docType_s:COMM
    • Recherche avec joker : Jean-*
    • Recherche combinée sur plusieurs termes : Vin blanc -Chablis
    • ...
  • Filtres avec facettes.

Voir les détails sur la documentation de l'API HAL

Installation

Activer simplement le plugin.
Le plugin n'installe aucune table SQL. Vous pouvez donc installer et le tester (ou désinstaller ...) sans aucune crainte.

Le plugin requiert une connexion internet car les données sont issues directement du portail HAL.

Configuration

Le panel de configuration vous permet d'indiquer :

L'adresse du portail portail général HAL ou
le portail du laboratoire donné
La pagination le nombre de publications affiché par page

Utilisation

Pour ajouter une liste de publication au sein d'un habillage, il suffit d'ajouter le modèle

Par défaut, le modèle liste :

  • le formulaire de recherche avec les filtres
  • la liste des résultats paginées

Le modèle dispose aussi de paramètres pour un usage avancé

Nom du paramètreExplicationExemples
q requete HAL *, scalaire,jean-l*,docType_s:COMM
annee année 2003
pub type de publication ART
cacher_formulaire permet de masquer le formulaire pour ne lister que les publications
cacher_q permet de cacher le formulaire de recherche libre
cacher_annee permet de cacher le filtre année
cacher_pub permet de cacher le filtre publication

Exemples
Lister toutes les publications

Lister toutes les publications sans le formulaire de recherche

Lorsque qu'on force une requête (q, annee, pub), il est recommandé de cacher l'élément de formulaire correspondant.
Lister les publications de '2015'

Lister les publications de type 'articles' de (ou citant) 'Hubert Reeves '

Habillage graphique

La feuille de style css/hal_style.css habille sommairement le modèle fourni.
Vous pouvez surcharger ces styles dans la feuille de style de votre site pour surcharger ce modèle de base

Les classes utilisées par le plugin utilisent la convention de nommage
.hal-nom_champs

Étendre le plugin

Le plugin est fourni avec un formulaire à champs libre et deux filtres à facettes (année et type de publication).
Libre à vous d'ajouter vos propres boucles et filtres en vous inspirant du code fourni.

Le plugin est basé sur :

Contribuer

Le code est sur la zone. N'hésitez pas à contribuer au plugin si votre code est assez générique.

Alternatives

Il existe d'autres plugins SPIP liés à HAL

{{{Présentation}}} [HAL->https://hal.archives-ouvertes.fr/] est le site d'archives des publications scientifiques utilisé notamment par les universités françaises et le CNRS. Le plugin HAL Pub permet d'afficher les publications du portail HAL soit globalement soit pour un laboratoire donné. Il permet aussi d'effectuer des recherches sur les publications (recherche libre ou avec des filtres que l'on peut combiner). Le moteur de recherche est puissant et intègre les fonctionnalités de l'API HAL -* Recherche libre avec de nombreuses options -** Recherche sur champs donnée {docType_s:COMM} -** Recherche avec joker : {Jean-*} -** Recherche combinée sur plusieurs termes: {Vin blanc -Chablis} -** ... -* Filtres avec facettes. Voir les détails sur la [documentation de l'API HAL->https://api.archives-ouvertes.fr/docs/search] {{{Installation}}} Activer simplement le plugin. Le plugin n'installe aucune table SQL. Vous pouvez donc installer et le tester (ou désinstaller ...) sans aucune crainte. Le plugin requiert une connexion internet car les données sont issues directement du portail HAL. {{{Configuration}}} Le panel de configuration vous permet d'indiquer: |{{L'adresse du portail}}| portail général HAL ou
le portail du laboratoire donné| | {{La pagination}} | le nombre de publications affiché par page| {{{Utilisation}}} Pour ajouter une liste de publication au sein d'un habillage, il suffit d'ajouter le modèle Par défaut, le modèle liste: -* le formulaire de recherche avec les filtres -* la liste des résultats paginées Le modèle dispose aussi de paramètres pour un usage avancé |{{Nom du paramètre}}|{{Explication}}|{{Exemples}}| |q|requete HAL|{*}, {scalaire},{jean-l*},{docType_s:COMM}| |annee|année|{2003}| |pub|type de publication|{ART}| |cacher_formulaire|permet de masquer le formulaire pour ne lister que les publications|| |cacher_q|permet de cacher le formulaire de recherche libre|| |cacher_annee|permet de cacher le filtre année|| |cacher_pub|permet de cacher le filtre publication|| {{Exemples}} Lister toutes les publications _ Lister toutes les publications sans le formulaire de recherche _ Lorsque qu'on force une requête ({q}, {annee}, {pub}), il est recommandé de cacher l'élément de formulaire correspondant. Lister les publications de '2015' _ Lister les publications de type 'articles' de (ou citant) 'Hubert Reeves ' _ {{{Habillage graphique}}} La feuille de style {{css/hal_style.css}} habille sommairement le modèle fourni. Vous pouvez surcharger ces styles dans la feuille de style de votre site pour surcharger ce modèle de base Les classes utilisées par le plugin utilisent la convention de nommage .hal-nom_champs {{{Étendre le plugin}}} Le plugin est fourni avec un formulaire à champs libre et deux filtres à facettes (année et type de publication). Libre à vous d'ajouter vos propres boucles et filtres en vous inspirant du code fourni. Le plugin est basé sur: -* l'[API HAL->https://api.archives-ouvertes.fr/docs/] -* [la boucle SPIP DATA->http://spip-loves-opendata.spip.net/] {{{Contribuer}}} Le code est sur la zone. N'hésitez pas à contribuer au plugin si votre code est assez générique. {{{Alternatives}}} Il existe d'autres plugins SPIP liés à HAL -* [Hal v3->http://plugins.spip.net/hal.html] qui permet de gérer des dépôts HAL -* [Hal v3 Auteurs->http://plugins.spip.net/hal_auteurs.html] Créer et lier facilement les dépôts HAL aux auteurs -* [spip_webpage_from_hal->https://github.com/Saga-UGA/spip_webpage_from_hal] Plugin qui propose un modèle HAL pour SPIP (non testé) -* [Astuce qui consiste à utiliser les flux RSS de HAL->http://www.harmoweb.cnrs.fr/spip.php?article104]

Mots obligatoires

24 October, by Maïeul[ —]

La configuration avancée des mots-clés de SPIP permet de dire qu'un groupe de mots-clés est important. Cependant, même quand un groupe de mots-clés est marqué comme important, il est possible de publier des objets (articles par exemple) qui ne possèdent pas de mots-clef de ce groupe.

Le plugin « mots obligatoires » empêche une telle publication.

Installation du plugin

Le plugin s'installe comme n'importe quel plugin. Il nécessite SPIP 3.1.0 ou supérieur.

Utilisation

Lorsque vous configurez un groupe de mots-clés pour être « important », il est impossible de publier un objet qui ne se voit pas attribuer au moins un mot du groupe.

Le formulaire de publication rejette la demande.

PNG - 84.5 ko
Activer la configuration avancée des groupes de mot-clés
Une option disponible en suivant le menu « Configuration »->« Contenu du site ».
PNG - 26.2 ko
Rendre un groupe de mots-clés obligatoire
Lors de la création d'un groupe
PNG - 29.9 ko
Le plugin empêche la publication d'objet lorsqu'il manque un mot-clé d'un groupe marqué comme important

Emploi avec le plugin Motus

Si vous utilisez le plugin Motus, le plugin n'empêche pas la publication d'objet lorsque le groupe de mots-clés obligatoire est réservé à une rubrique dans laquelle ne se trouve pas l'objet en question.

En revanche, si vous déplacez l'objet de rubrique après coup, il ne détectera pas l'absence de mot clef obligatoire.

Limites du plugin

Le plugin :
- ne permet pas de vérifier que lorsqu'on supprime le mot clef d'un objet, il reste au moins un mot clef du groupe obligatoire affecté à cet objet ;
- ne gère pas les objets dont la publication dépend de la publication d'autres objets, tels que par exemple les rubriques (publiées lorsqu'un article est publié dedans) ou des évènements (publiés lorsque l'article porteur est publié).

La configuration avancée des mots-clés de SPIP permet de dire qu'un groupe de mots-clés est important. Cependant, même quand un groupe de mots-clés est marqué comme important, il est possible de publier des objets (articles par exemple) qui ne possèdent pas de mots-clef de ce groupe. Le plugin mots obligatoires empêche une telle publication.
{{{Installation du plugin}}} Le plugin s'installe comme n'importe quel [plugin-> http://www.spip.net/fr_article3396.html]. Il nécessite SPIP 3.1.0 ou supérieur. {{{Utilisation}}} Lorsque vous configurez un groupe de mots-clés pour être important, il est impossible de publier un objet qui ne se voit pas attribuer au moins un mot du groupe. Le formulaire de publication rejette la demande. {{{Emploi avec le plugin Motus}}} Si vous utilisez [le plugin Motus->3372], le plugin n'empêche pas la publication d'objet lorsque le groupe de mots-clés obligatoire est réservé à une rubrique dans laquelle ne se trouve pas l'objet en question. En revanche, si vous déplacez l'objet de rubrique après coup, il ne détectera pas l'absence de mot clef obligatoire. {{{Limites du plugin}}} Le plugin : - ne permet pas de vérifier que lorsqu'on supprime le mot clef d'un objet, il reste au moins un mot clef du groupe obligatoire affecté à cet objet; - ne gère pas les objets dont la publication dépend de la publication d'autres objets, tels que par exemple les rubriques (publiées lorsqu'un article est publié dedans) ou des évènements (publiés lorsque l'article porteur est publié).

Module de Paiement Stripe

17 October, by Cerdic[ —]

Stripe est un prestataire de paiement externe https://stripe.com/fr qui propose une API moderne et une interface de paiement extrêmement conviviale et efficace.

Ce module permet les paiements à l'acte et les paiement récurrents.

PNG - 51.5 ko

Configuration

La configuration de ce module de paiement du plugin Bank se fait dans le menu Configuration > Paiements en ligne.

  • Live Secret Key : Clé secrète utilisée quand vous êtes en mode production ;
  • Live Publishable Key : Clé publique utilisée quand vous êtes en mode production ;
  • Mode Test : cochez la case pendant la phase de test de votre boutique, pour vérifier son bon fonctionnement avec des CB ou un SEPA factices (aucun paiement n'est réalisé dans le mode test). Vous devez aussi être en mode test dans l'interface Stripe ;
  • TEST Secret Key : Clé secrète utilisée quand vous êtes en mode test
  • TEST Publishable Key : Clé publique utilisée quand vous êtes en mode test
  • Webhook Endpoint : cette URL doit être renseignée dans l'interface d'administration de Stripe (https://dashboard.stripe.com/account/webhooks) si vous utilisez les paiement récurrent
    Attention : l'URL contient un identifiant qui dépend de l'informations ID, renseignez la bien avant de copier cette URL dans l'interface d'administration de Stripe.
Stripe est un prestataire de paiement externe https://stripe.com/fr qui propose une API moderne et une interface de paiement extrêmement conviviale et efficace. Ce module permet les paiements à l'acte et les paiement récurrents.
{{{Configuration}}} La configuration de ce module de paiement du [plugin Bank->4627] se fait dans le menu {Configuration} > {Paiements en ligne}. -* {{Live Secret Key}} : Clé secrète utilisée quand vous êtes en mode production ; -* {{Live Publishable Key}} : Clé publique utilisée quand vous êtes en mode production ; -* {{Mode Test}} : cochez la case pendant la phase de test de votre boutique, pour vérifier son bon fonctionnement avec des CB ou un SEPA factices (aucun paiement n'est réalisé dans le mode test). {{Vous devez aussi être en mode test dans l'interface Stripe}} ; -* {{TEST Secret Key}} : Clé secrète utilisée quand vous êtes en mode test -* {{TEST Publishable Key}} : Clé publique utilisée quand vous êtes en mode test -* {{Webhook Endpoint}} : cette URL doit être renseignée dans l'interface d'administration de Stripe (https://dashboard.stripe.com/account/webhooks) si vous utilisez les paiement récurrent _ {{Attention}} : l'URL contient un identifiant qui dépend de l'informations ID, renseignez la bien avant de copier cette URL dans l'interface d'administration de Stripe.

deckjs

https://contrib.spip.net/Diaporamaplay episode download
17 October, by cy_altern, tofulm[ —]

Adaptation de deck.js pour SPIP

Ce petit plugin permet de réaliser facilement des présentations façon PréAO/diaporama (Powerpoint, Impress...). Il s'appuie sur le plugin jquery deck.js

Installation

Comme tous les plugins, il suffit de l'activer pour qu'il fonctionne.

La présentation = 1 article

Il suffit d'appeler la page :

  1. ?page=presentation&id_article=XX
  • Le titre de l'article = le titre de la présentation
  • Chaque diapo commence par un intertitre
  • Une liste spip permet d'afficher les éléments l'un après l'autre

exemple d'article :
Le premier slide = le titre de l'article

  1. {{{Mon deuxième slide}}}
  2. mon texte ...
  3. {{{Mon troisième slide}}}
  4. mon texte
  5. -* s'affiche après un clic
  6. -* s'affiche après un nouveau clic

Télécharger

La présentation = tous les articles d'une rubrique

Il suffit d'appeler la page :

  1. ?page=presentation&id_rubrique=XX
  • Le titre de la rubrique = le titre de la présentation
  • Chaque diapo = 1 article
    • Le titre de l'article = le titre de la diapo
    • Le texte de l'article = le descriptif de la diapo
    • Même fonctionnement des listes

Fonctionnement

  • La touche « m » -> affiche une miniature de tous les slides
  • La touche « g » -> affiche un formulaire de sélection de slide
  • Les touches du clavier (gauche / droite) -> changement de slide
  • Il est possible de surcharger le squelette présentation.html afin de personnaliser la présentation (ex : ajouter un bandeau)
  • Il est possible de surcharger la CSS en créant un fichier squelettes/css/deck_perso.css
  • Il y a d'autres fonctionnalités, je vous laisse les découvrir dans la documentation officielle
Adaptation de [deck.js -> http://imakewebthings.com/deck.js/] pour SPIP
Ce petit plugin permet de réaliser facilement des présentations façon PréAO/diaporama (Powerpoint, Impress...). Il s'appuie sur le plugin jquery [deck.js -> http://imakewebthings.com/deck.js/] {{{Installation}}} Comme tous les plugins, il suffit de l'activer pour qu'il fonctionne. {{{La présentation = 1 article}}} Il suffit d'appeler la page : ?page=presentation&id_article=XX -* Le titre de l'article = le titre de la présentation -* Chaque diapo commence par un intertitre -* Une liste spip permet d'afficher les éléments l'un après l'autre exemple d'article: Le premier slide = le titre de l'article {{{Mon deuxième slide}}} mon texte ... {{{Mon troisième slide}}} mon texte -* s'affiche après un clic -* s'affiche après un nouveau clic {{{La présentation = tous les articles d'une rubrique}}} Il suffit d'appeler la page : ?page=presentation&id_rubrique=XX -* Le titre de la rubrique = le titre de la présentation -* Chaque diapo = 1 article -** Le titre de l'article = le titre de la diapo -** Le texte de l'article = le descriptif de la diapo -** Même fonctionnement des listes {{{Fonctionnement}}} -* La touche m -> affiche une miniature de tous les slides -* La touche g -> affiche un formulaire de sélection de slide -* Les touches du clavier (gauche / droite) -> changement de slide -* Il est possible de surcharger le squelette présentation.html afin de personnaliser la présentation (ex : ajouter un bandeau) -* Il est possible de surcharger la CSS en créant un fichier {{squelettes/css/deck_perso.css}} -* Il y a d'autres fonctionnalités, je vous laisse les découvrir dans la documentation officielle

Plugin Logo SVG : pouvoir utiliser des logos SVG

17 October, by Julien[ —]

Le SVG est un format vectoriel donc très léger et redimensionnable sans pertes, mais SPIP ne l'acceptait pas sur les logos. Ce plugin comble ce manque.

Comment ça fonctionne ?

Vous installez ce plugin, vous l'activez, et c'est tout.

Crédits

Une bonne partie du code du plugin a été reprise du core de SPIP et réadaptée pour gérer les SVG.

Comment contribuer ?

Le plugin est disponible sur GitHub pour vos forks : https://github.com/cahri/spip-logo-svg.

Le SVG est un format vectoriel donc très léger et redimensionnable sans pertes, mais SPIP ne l'acceptait pas sur les logos. Ce plugin comble ce manque.
{{{Comment ça fonctionne ?}}} Vous installez ce plugin, vous l'activez, et c'est tout. {{{Crédits}}} Une bonne partie du code du plugin a été reprise du core de SPIP et réadaptée pour gérer les SVG. {{{Comment contribuer ?}}} Le plugin est disponible sur GitHub pour vos forks : [->https://github.com/cahri/spip-logo-svg].

0 | 10










mirPod.com is the best way to tune in to the Web.

Search, discover, enjoy, news, english podcast, radios, webtv, videos. You can find content from the World & USA & UK. Make your own content and share it with your friends.


HOME add podcastADD PODCAST FORUM By Jordi Mir & mirPod since April 2005....
ABOUT US SUPPORT MIRPOD TERMS OF USE BLOG OnlyFamousPeople MIRTWITTER