Tech de Gamuza

Utiliser des formulaires dans SPIP : le plugin « Formidable »

clem — 2022-11-30T10:21:14Z

Fonctionnement global du plugin Formidable :

Le plugin Formidable à pour fonction principale d'ajouter un « objet éditorial » supplémentaire dans SPIP : les formulaires qui peuvent être utilisés pour récolter des ou faire des sondages._ Une fois installé ce plugin, les administrateurs généraux et de rubriques peuvent créer des formulaires via l'interface de gestion du menu « Edition » > « Formulaires » et gérer les formulaires existants (consultation et exportation tableur des résultats, duplication, vidage des réponses...)._ Les formulaires créés, peuvent êtres insérés dans un article. Les visiteurs de cet article vont pouvoir répondre au formulaire, les réponses étant soit envoyées par mail soit stockées et accessibles aux administrateurs dans l'espace privé.

Création d'un formulaire :

Dans cet exemple on réalise un formulaire portant sur les préférences alimentaires des élèves.

**Etape 1 : définition du formulaire

Dans la page de gestion des formulaires, le bouton « Créer un nouveau formulaire » amène à la page de configuration du formulaire qui permet de donner :-*un titre qui permettra de retrouver le formulaire dans la page de gestion de Formidable, par ex « Enquête sur les habitudes alimentaires »-*un identifiant : si possible bref : il sera utilisé dans les raccourcis pour l'affichage du formulaire dans les articles, pour notre exemple « prefs_alimentaires »-*un message de retour : sera affiché lorsque l'utilisateur validera ses réponses en fin de formulaire (du style « Merci de votre participation »)-*la page suivant la validation : dans le cas de notre enquête, on choisit « Le formulaire à nouveau » de façon à ce que l'utilisateur puisse éventuellement modifier ses choixOn enregistre ces données avec le bouton « Enregistrer » pour générer le formulaire.

**Etape 2 : création des champs du formulaires

La boite dans la colonne de gauche donne maintenant le numéro identifiant ce formulaire et permet d'accéder à la configuration des champs.L'interface de gestion des champs offre de nombreux types :-*réponse unique parmi des choix imposés : « Boutons radios » ou « Liste déroulante » ou « Oui ou non » ou « Case unique »-*réponse multiple parmi des choix imposés : « Cases à cocher » ou « Sélection multiple »-*réponse ouverte : « Ligne de texte » (réponse courte) ou « Bloc de texte » (réponse longue)-*choix parmi des objet éditoriaux de SPIP : « Sélecteur d'article », « Sélecteur de rubrique », « Mot-clé » et « Sélecteur document » permettent de choisir parmi un de ces éléments du site. NB : ces types de champs manquent de débogage et sont donc peu facile à utiliser !-*choix parmi les utilisateurs du site : « Auteur » et « Destinataires » permettent de choisir parmi tous ou une sélection d'utilisateurs-*les types « Groupe de champs » et « Explication » ne sont pas des champs à remplir mais permettent d'affiner la mise en page et de commenter l'utilisation du formulaire.Pour chaque champ l'utilisation est identique :on sélectionne le type de champ ce qui le place à la fin du formulaire en cours : le champ est muni de 4 boutons permettant de l'éditer, le déplacer, le dupliquer ou le supprimer L'utilisation du bouton « Configurer » permet de finaliser les paramètres du champ selon son type :-*l'onglet « Description » permet de préciser :-**le label (le titre, obligatoire) du champ : par ex « Quel est votre repas préféré ? »-**une explication (facultative) liée à ce champ-**les choix possibles : 1 choix par ligne avec la syntaxe : choix1|Un oÃ¹ « choix1 » correspond à la valeur qui sera enregistrée et « Un » le texte qui sera affiché dans le formulaire : par ex :_ repas1|petit déjeuner_ repas2|repas de midi_ repas3|gouter_ repas4|diner-*les onglets « Utilisation » et « Affichage » permettent éventuellement de bloquer certains champs ou de ne les afficher qu'en fonction des choix faits dans les autres champs-*l'onglet « Validation » donne la possibilité de rendre un champ obligatoire et, pour les champs de type « Ligne de texte » il offre la possibilité de limiter le type de saisie à un format imposé (n° de tel, adresse mail, nombre entier, date...)Après chaque étape de configuration d'un champ, il ne faut surtout pas oublier de valider à l'aide du bouton « Valider » !De même, une fois la totalité des champs créés, il faut « Enregistrer » le formulaire.Cette validation permet de faire apparaÃ®tre dans la colonne de droite l'aide mémoire qui liste les champs avec leur identifiant (de la forme @nom_du_champ@), identifiant indispensable si vous souhaitez faire de affichages conditionnels par exemple (onglet « Affichage ») ou si vous souhaitez récupérer le contenu d'un champ pour le traitement du formulaire (par ex une adresse mail à laquelle envoyer une copie du formulaire pour confirmation).

**Etape 3 : configuration des traitements du formulaire

Le bouton « Configurer les traitements » va permettre de préciser comment les réponses saisies seront traitées ainsi que les possibilités de modification et/ou de réponse(s) unique/multiple pour les utilisateurs.Le premier choix à faire est de déterminer si les réponses sont envoyées par mail et/ou stockées dans le SPIP. L'enregistrement est conseillé si vous voulez garder une trace des réponses !Pour l'envoi par mail les options sont multiples et complexes, alors pour résumer :-*pour envoyer toutes les réponses à une (ou quelques) adresses, toujours les même (la vôtre par ex), il faut mettre cette (ces) adresse(s) dans le champ « Destinataires supplémentaires »-*si vous avez créé un champ « Votre adresse mail » dans le formulaire, vous pouvez envoyer une copie des réponses à cette adresse (ce qui donne l'équivalent d'un accusé de réception) en faisant :-**choisir le champ « Votre adresse mail » pour le choix « Courriel de l\'envoyeur »-**cochez la case « Accusé de réception »-**mettez une adresse d'expéditeur réelle (votre mail CoNum par ex) dans le champ « Courriel de l\'accusé de réception »La seconde partie de la page des traitements permet de configurer l'utilisation du formulaire, les options principales sont les suivantes :cochez « Multiple » si une même personne peut répondre plusieurs foiscochez « Modifiable » si vous souhaitez que l'utilisateur puisse modifier sa réponse(en général ces 2 options s'excluent mutuellement)Les deux options suivantes concernent l'anonymat des réponses. A priori vous devriez cocher « Enregistrer les IPs » si votre formulaire comporte des champs de texte susceptibles d'êtres remplis avec des propos diffamatoires€¦Le dernier paramètre « Champs à exclure » permet de lister les éventuels champs à ne pas afficher dans les réponses si vous décidez de les afficher dans un article. Ici on utilise les identifiant des champs listés dans l'aide mémoire sans les @

Publication du formulaire

Une fois votre formulaire terminé, comme tous les objets éditoriaux de SPIP il faut le rendre publiable : choix « publier en ligne » dans la boite d'info de la colonne de gauche.A partir de là il faut aller dans l'article oÃ¹ vous voulez faire apparaÃ®tre le formulaire, éditer le texte (« Modifier cet article ») et coller le raccourci permettant d'afficher le formulaire : par ex si le formulaire est le numéro 123 et que son identifiant est prefs_alimentaire cela donne ou (les 2 sont équivalents).Une fois l'article publié, vous pouvez tester le formulaire en le remplissant puis le validant. Vérifiez que le message de retour est celui que vous avez configuré dans l'étape 1 puis rendez-vous dans l'interface de gestion des formulaires de l'espace privé : vous pourrez constater que votre formulaire a maintenant une réponse :En ouvrant le formulaire, le bloc de la colonne de gauche propose 2 boutons supplémentaires :-*« nb réponses » : permet d'accéder à la liste des réponses et de les consulter une par une en cliquant sur « Voir la réponse ». Il est alors possible de modérer certaines réponses (choix « supprimé » dans le bloc de gauche.-*« Analyse des réponses » donne une page avec le traitement statistique des résultats. C'est cette page que l'on peut faire afficher dans un article si on veut publier automatiquement les résultats obtenus.Le bloc des raccourcis (colonne de droite) « Exporter l'analyse », donne accès au téléchargement sous forme tableur (CSV) des résultats. NB : l'export au format Excel semble boguée...

Afficher les résultats du formulaire dans un article :

Pour un formulaire utilisé comme une sorte d'enquête publique ou de sondage, on peut envisager de publier dans un article l'analyse globale des résultats. Pour cela on collera le raccourci ou Celle ci sera mise à jour automatiquement au fur et à mesure des réponses.

Un article généré à partir d'un fichier OpenOffice Writer par le plugin odt2spip

clem — 2022-11-30T10:20:47Z

Insertion d'images dans le texte (titre niveau 2)

texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte Ici une flêche pour légender un élément de l'image mais pour l'instant ça n'est pas géré...texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texteFormules de math :une formule de maths :une formule de chimie :une autre formule de maths :

Les tableaux (Titre niveau 2)

Tableaux simples (titre 3)|Tableau avec |format automatique|« Standard »||cellule 4|cellule 5|cellule 6||cellule 7|cellule 8|cellule 9||cellule avec 3 colonnes fusionnées |<|<||cellule 4|cellule 5|cellule 6||cellule 7|cellule 8|cellule 9||cellule 1|cellule 2|cellule 3||cellule A|cellule avec 2 lignes fusionnées|cellule C||cellule D|^|cellule F|Tableau complexe :(titre 3)|From|To|Special Fares|<||^|^|One-way|Round Trip||San Jose|Peoria|$150.00|$295.00||Chicago Midway|Los Angeles|$200.00|$350.00||Chicago O'Hare|^|^|^|

Divers trucs (Titre 2)

un lien sur http://spip-contrib.net et ici un lien vers l'ancre ci-dessousUne première note de bas de page [1] texte texte texte du gras texte texte texte de l'italique texte texte texte texte [2] texte texte texte texte texte texte texte texte texte 3 paragraphes vides3 retours à la ligne_ _ _ _ Ici une ancre dans le texte (= repère de texte)Et un saut de page

Les listes

listes simplesune liste ordonnée simple :-#item 1-#item 2 -#item 3une liste à puce simple :-*item 1-*item 2 -*item 3listes complexesUne liste ordonnée imbriquée :-#item 1-##item 1.1-##item 1.2-#item 2-#item 3Une liste à puces imbriquée :-*item 1-**item 1.1-***item 1.1.1-***item 1.1.2-**item 1.2-**item 1.3-*item 2-**item 2.1-**item 2.2-*item 3encore un saut de page

Eléments non gérés

Elements ignorés :Tous les éléments suivant ne sont pas gérés par le plugin puisque le code SPIP ne permet pas de le générer : ils restent sous la forme de texte « standard ».Du texte en couleur ou sur fond coloré.Des variations de police : ici de l'arial et là du comic Des variation de taille de caractères Du texte souligné ou barré Les niveaux de titres supplémentaires :Tous les titres de niveau inférieur au titres de niveau 2 sont formatés à l'identique : en italiqueTitre niveau 4Titre niveau 5Eléments supprimés : Les en-têtes et pieds de page ne seront pas repris dans la version SPIPUne table des matières automatique ne sera pas reproduite dans la version SPIP (idem pour un index automatique)

Cet article à été généré à partir du fichier ODT mis en document attaché par le plugin odt2spip_ Documentation du plugin odt2spip : http://www.spip-contrib.net/odt2spi..._ Téléchargement : http://files.spip.org/spip-zone/odt...

[1] le texte de la note de bas de page

[2] le texte de la 2eme note

Réparer le charset d'une base SPIP

2022-11-30T10:17:00Z

UPDATE spip_table SET titre = CONVERT(CONVERT(CONVERT(titre USING latin1) USING binary) USING UTF8);

Travail en ligne de commande avec SPIP

clem — 2022-01-04T11:27:01Z

Commandes spip-cli

Commandes bash

Lister les versions en cours des plugins disponibles

for i in ls ./; do echo $i; cat $i/paquet.xml |grep compatibilite; done

Le filtre |image_recadre avec des proportions

clem — 2019-06-21T11:42:36Z

Le filtre |image_recadre permet un recadrage proportionnel avec optionnellement centrage de la partie conservée sur un point focus. Deux exemples proposés par Marcimat sur Seenthis en complément de la (succincte) doc officielle du filtre https://www.spip.net/fr_article5786...

Pour avoir une proportion largeur x hauteur spécifique :

[(#LOGO_ARTICLE|image_recadre{16:9, -, focus})]

Pour avoir une taille spécifique :

[(#LOGO_ARTICLE|image_recadre{200:80, - focus}|image_reduire{200, 80})]

attention, le point d'intérêt n'est pris en compte que si le filtre image_recadre est appliqué en premier à l'image

Bradley Hand ITC

clem — 2018-03-28T01:35:48Z

que j'ai de bon et d'agréable me vient d'elle. Je le savais mais jamais je ne l'avais senti de façon aussi forte.

J'ai passé qq bons moments à Paris avec François Lefort qui m'a emmené dîner (en 15 minutes) au buffet de la gare du Nord.

A Creil, impossible de voir Ferréol qui est de service à Chantilly au GQG [1]. Nous échangeons qq aimables souhaits par téléphone dans le bureau du Lt-colonel commandant militaire de la gare.

Ce matin, en tirant les rideaux de notre wagon, nous apercevons un peu partout des campements de troupes, des fourgons, des trains blindés : c'est la pleine vie de l'arrière d'une armée.

Nous débarquons, mon ordonnance et moi à Hersin-Coupigny [2] vers 7 h ½. C'est certainement une erreur des commissaires militaires de Creil car je sais que le 295è est bien loin de là. En effet, personne là ne sait où est la 58è division. A la gare, je téléphone en vain à Bruay. Je vais au QG de la 49e division. Là, je trouve un officier d'Etat-major aimable, qui me renseigne à peu près et me fait conduire en auto à Aubigny [3]. Carte

A Savy-Berlette (1500 m d'Aubigny), je trouve dans une rame de wagons arrivée du matin Lhernault et mes chevaux ; ils avaient fait bon voyage. Je déjeune à un estaminet devant la gare et à deux heures, je profite de l'auto de l'intendant de ma division pour aller rejoindre le régiment à Habarcq [4] où il est au repos pour 6 jours.

Jeudi 21 oct.Fait connaissance avec mon bataillon. Les officiers très bons. J'ai parlé avec beaucoup de soldats, ce qui a paru leur faire grand plaisir.

Je suis installé dans une petite chambre, avec un bon lit. La pièce est un peu humide et froide, mais je suis bien couvert. Baboin, mon ordonnance [5], couche sur la paille dans la pièce qui précède la mienne comme le mameluk à la porte de Napoléon. Je fais popote avec les officiers de la 17è compagnie auxquels sont déjà adjoints les 2 médecins du bataillon. On parle beaucoup des dernières attaques qui ont causé qq pertes, dont 3 officiers l'un La Tour-Fondue a été tué. Introduction Officiers du 295

http://lemenestrel.fr/AG14-18/Artoi...

[1] Grand Quartier Général

[2] 20 km NO d'Arras

[3] 14 km ONO d'Arras

[4] 11 km Ouest d'Arras

[5] Dans l'album de guerre, le lien Lt-Col de Bercegol, page suivante, montre une photo de deux soldats : « Lhernault, mon ordonnance ». L'autre serait donc Baboin

[expert] Boucle DATA sur Instagram avec graphQL

clem — 2018-02-27T14:22:58Z

<BOUCLE_instagram(DATA){source json, https://www.instagram.com/explore/tags/squirrel/?__a=1}{datapath graphql/hashtag/edge_hashtag_to_media/edges}> <BOUCLE_images(DATA){source table,#VALEUR}{!par taken_at_timestamp}> <a href="#DISPLAY_URL"></a> </BOUCLE_images> </BOUCLE_instagram>

Organisation selon 2 BOUCLEs :

la première permet de récupérer le fichier GraphQL (format Json) depuis https://www.instagram.com/explore/tags/squirrel/?__a=1
la deuxième permet d'afficher les vignettes (avec un lien sur l'image) référencées dans le noeud edge_hashtag_to_media

[base] Attacher un ensemble de photos à un article SPIP : utilisation d'un fichier ZIP

clem — 2016-12-31T18:34:56Z

Lorsque l'on souhaite attacher plusieurs (dizaines de) photos (ou autres fichiers) à un article SPIP, l'utilisation de l'outil de téléchargement fichier après fichier peut vite s'avérer fastidieuse voire rebutante... Pour minimiser le nombre d'opérations, on va utiliser un fichier compressé au format ZIP qui contient l'ensemble des photos, SPIP se chargeant de faire l'attachement pour tous les éléments contenus dans le ZIP.

Préalable : créer le fichier ZIP

Selon votre système d'exploitation la manipulation est variable mais l'idée est de générer ce ZIP à partir de la sélection de l'ensemble des photos et/ou fichiers à attacher à l'article.
NB 1 : il est possible de zipper une arborescence complète : l'ensemble des fichiers dans les dossiers et sous-dossiers seront traités à l'identique.
NB 2 : dans le cas de photos il est fondamental d'adapter la taille des images à une utilisation sur écran avant de les attacher à l'article. Une largeur ou hauteur de 1024 ou 2048 pixels maximum est largement suffisante et évitera aux visiteurs consultant vos photos d'avoir des temps de téléchargements indécents...

Intégrer le fichier ZIP :

SPIP choix ajout document ordinateur

Dans l'article qui doit recevoir les photos/fichiers, ouvrir l'outil "Ajouter un document" situé tout en bas de la page de l'article. Par défaut l'origine des documents ("depuis : ") est configuré sur "mon ordinateur" : on gardera ce choix.

SPIP ajout document choix zip

Cliquer sur le bouton "Parcourir" et naviguer dans l'arborescence de votre machine pour sélectionner le fichier ZIP contenant les photos/fichiers.

SPIP ajout document televerser

Valider votre choix (le fichier apparaît sous le bouton "Parcourir"), puis envoyer votre fichier ZIP sur votre SPIP en cliquant sur le bouton "Téléverser".

SPIP ajout document decompresser zip

Après un temps plus ou moins long (selon la taille du fichier que vous envoyez...), SPIP détecte que vous essayez d'attacher un ZIP et vous propose 2 options pour le traitement du fichier : on choisira "décompressé et chaque élément qu'il contient installé sur le site..."
Si il s'agit d'images ou photos, il est également conseillé de faire générer un titre à partir du nom de fichier : pour cela cocher l'option "Titrer selon le nom des fichiers".
Dans le cas de photos on peut aussi choisir de les placer directement dans le portfolio associé à l'article en cochant l'option "Déposer toutes les images dans le portfolio".
Si l'on souhaite donner la possibilité à l'internaute de récupérer l'ensemble des fichiers en une seule opération, on également cocher l'option "Conserver l'archive après l'extraction" : le fichier ZIP sera à disposition pour le téléchargement.

On se retrouve donc avec l'ensemble des photos/fichiers attachés à l'article, c'est à dire dans le bloc "Illustrations" en dessous du texte de l'article.

SPIP ajout document resultat

Publier l'article

SPIP valider article 2

Bien évidemment, comme tout article SPIP, si l'on souhaite que les documents attachés soient visible sur le site public, il faut passer le statut de l'article en "Publié en ligne"...
...et valider ce choix !

[documentation] Starter !

clem — 2016-02-17T23:11:25Z

HTML et CSS

Les bases de la réalisation d'une page web : http://www.alsacreations.com/tuto/lire/555-design-css-complet-5-etapes.html
Utiliser CSS à partir de 0 : http://www.pompage.net/traduction/cssdezero-1
Un outil indispensable : l'extension Firebug de Firefox : http://www.alsacreations.com/article/lire/1215-firebug-debug-debogage-web-extension.html
Référence de base pour HTML : http://statique.i-climb.com/selfhtml/navigation/syntaxe.htm#html
Référence complète de CSS 2 : http://www.yoyodesign.org/doc/w3c/css2/propidx.html (voir aussi sur ce site le chapitre sur les sélecteurs : http://www.yoyodesign.org/doc/w3c/css2/selector.html)
Référence complète de CSS 3 : https://developer.mozilla.org/fr/docs/Web/CSS/Reference

Javascript et jQuery

Débuter avec Javascript : http://statique.i-climb.com/stage_javascript/
Débuter avec jQuery : http://babylon-design.com/apprendre-et-comprendre-jquery-1-3/
Référence de base javascript : http://statique.i-climb.net/selfhtml/navigation/syntaxe.htm#javascript
Référence complète jQuery : http://api.jquery.com/

SPIP

Cours SPIP rédacteur : http://contrib.spip.net/Cours-SPIP-3-pour-redacteur
Les raccourcis pour la rédaction : http://contrib.spip.net/Les-raccourcis-typographiques-en-standard-avec-SPIP
Administrer un site sous SPIP : http://spip3.hullaert.be/spip.php?page=plan (dans un premier temps on peut "sauter" la partie "Installation et mise à jour de SPIP")
Créer mon premier squelette en SPIP : http://www.spip.net/fr_rubrique144.html
Programmer avec SPIP : http://programmer.spip.net/ chapitres "Introduction" et "Ecriture des squelettes"
Référence complète SPIP : http://www.spip.net/@

PHP et MySQL

Le tutoriel pour une prise en main complète : http://sylvie-vauthier.developpez.com/tutoriels/php/grand-debutant/
Référence complète pour PHP : http://php.net/manual/fr/langref.php
Référence de base pour MySQL : http://sql.sh/cours

Ligne de commande sous Linux

Commencer avec la ligne de commande sous Linux : https://openclassrooms.com/courses/reprenez-le-controle-a-l-aide-de-linux?status=published parties 2 et 3 + installation d'une machine virtuelle pour faire ses essais = chapitre 7 de la partie 1 (https://openclassrooms.com/courses/reprenez-le-controle-a-l-aide-de-linux/installez-linux-dans-une-machine-virtuelle)
Référence de base bash : http://ss64.com/bash/

Utilisation de Git pour le versionning des projets de développement :

diaporama de présentation (rapide) de Git : https://tech.gamuza.fr/?page=presentation&id_rubrique=11
un cours en "pas à pas" : https://openclassrooms.com/courses/gerez-vos-codes-source-avec-git
présentation « avancée » des commandes de git : https://www.miximum.fr/blog/enfin-comprendre-git/
Doc de référence : Git book : https://git-scm.com/book/fr/v2/

[base] Mode attaché / mode intégré : les médias attachés aux articles

2015-10-31T20:03:04Z

Comment utiliser les fichiers attachés à un article ?

2 possibilités :

fichier attaché = à télécharger
fichier intégré (si son format le permet !) = visible directement dans la page

L'exemple des images

Image en mode attaché : on utilise le raccourcis doc qui donne une vignette cliquable pour visualiser l'image en grand. On ajoute |left ou |right ou |center selon le centrage que l'on souhaite : pour l'image ci-contre

Image en mode intégrée : on utilise le raccourci emb : , généralement avec |center ce qui permet d'afficher l'image à sa plus grande dimension possible dans l'article.

Les images non appelées dans le texte par un doc ou un emb doivent être déposées dans le portfolio (cf bouton associé avec l'image) pour apparaître en fin de l'article sous forme d'un diaporama d'images.

Généralisation

Quelque soit le type de média :

le raccourci permet de le proposer au téléchargement
le raccourci permet de l'intégrer dans la page ... si son format est compatible avec un affichage par le navigateur !
si le document n'est pas appelé dans la page, il apparaîtra en fin d'article dans le bloc Documents joints en mode attaché

**Formats de fichier supportant en principe l'intégration dans les articles SPIP** :
extensions	type de média
jpg, gif, png	images
mp3	sons
flv, mp4	vidéos
swf	animations flash
csv	tableur avec séparateur virgule ou point virgule