Tech de Gamuza https://tech.gamuza.fr/ fr SPIP - www.spip.net Utiliser des formulaires dans SPIP : le plugin « Formidable » https://tech.gamuza.fr/utiliser-des-formulaires-dans-spip-le-plugin-formidable.html https://tech.gamuza.fr/utiliser-des-formulaires-dans-spip-le-plugin-formidable.html 2022-11-30T10:21:14Z text/html fr clem <p>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, (…)</p> - <a href="https://tech.gamuza.fr/-Archives-SPIP-.html" rel="directory">Archives SPIP</a> <div class='rss_texte'><h2 class="spip">Fonctionnement global du plugin Formidable :</h2> <p>Le <strong>plugin Formidable</strong> à pour fonction principale d'ajouter un « objet éditorial » supplémentaire dans SPIP : <strong>les formulaires</strong> 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 « <strong> Edition </strong> » > « <strong> Formulaires </strong> » et gérer les formulaires existants (consultation et exportation tableur des résultats, duplication, vidage des réponses...)._ Les formulaires créés, peuvent êtres <strong>inséré</strong><strong>s</strong><strong> dans un article</strong>. 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é.</p> <h2 class="spip">Création d'un formulaire :</h2> <p>Dans cet exemple on réalise un formulaire portant sur les préférences alimentaires des élèves.</p> <h2 class="spip">**Etape 1 : définition du formulaire</h2> <p>Dans la page de gestion des formulaires, le bouton « <strong>Créer un nouveau formulaire</strong> » amène à la page de configuration du formulaire qui permet de donner :-*<strong>un titre</strong> qui permettra de retrouver le formulaire dans la page de gestion de Formidable, par ex « Enquête sur les habitudes alimentaires »-*<strong>un identifiant</strong> : si possible bref : il sera utilisé dans les raccourcis pour l'affichage du formulaire dans les articles, pour notre exemple « prefs_alimentaires »-*<strong>un message de retour</strong> : sera affiché lorsque l'utilisateur validera ses réponses en fin de formulaire (du style « Merci de votre participation »)-*<strong>la page suivant la validation</strong> : 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 « <strong> Enregistrer </strong> » pour générer le formulaire.</p> <h2 class="spip">**Etape 2 : création des champs du formulaires</h2> <p>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 : « <strong>Boutons radios</strong> » ou « <strong>Liste déroulante</strong> » ou « <strong>Oui ou non</strong> » ou « <strong>Case unique</strong> »-*réponse multiple parmi des choix imposés : « <strong>Cases à cocher</strong> » ou « <strong>Sélection multiple</strong> »-*réponse ouverte : « <strong>Ligne de texte</strong> » (réponse courte) ou « <strong>Bloc de texte</strong> » (réponse longue)-*choix parmi des objet éditoriaux de SPIP : « <strong>Sélecteur d'article</strong> », « <strong>Sélecteur de rubrique</strong> », « <strong>Mot-clé</strong> » et « <strong>Sélecteur document</strong> » 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 : « <strong> Auteur </strong> » et « <strong> Destinataires </strong> » permettent de choisir parmi tous ou une sélection d'utilisateurs-*les types « <strong>Groupe de champs</strong> » et « <strong> Explication </strong> » 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 <strong>l'éditer</strong>, le <strong>déplacer</strong>, le <strong>dupliquer</strong> ou le <strong>supprimer </strong>L'utilisation du bouton « <strong> Configurer </strong> » permet de finaliser les paramètres du champ selon son type :-*l'onglet « <strong> Description </strong> » 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 : <strong>choix1|Un</strong> où « <strong>choix1</strong> » correspond à la valeur qui sera enregistrée et « <strong> Un </strong> » le texte qui sera affiché dans le formulaire : par ex :_ repas1|petit déjeuner_ repas2|repas de midi_ repas3|gouter_ repas4|diner-*les onglets « <strong> Utilisation </strong> » et « <strong> Affichage </strong> » permettent éventuellement de bloquer certains champs ou de ne les afficher qu'en fonction des choix faits dans les autres champs-*l'onglet « <strong> Validation </strong> » 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 « <strong>Valider</strong> » !De même, une fois la totalité des champs créés, il faut « <strong> Enregistrer </strong> » le formulaire.Cette validation permet de faire apparaître dans la colonne de droite l'<strong>aide mémoire</strong> qui liste les champs avec leur identifiant (de la forme <strong>@nom_du_champ@</strong>), identifiant indispensable si vous souhaitez faire de affichages conditionnels par exemple (onglet « Affichage ») ou si vous souhaitez <strong>récupérer le contenu d'un champ pour le traitement du formulaire</strong> (par ex une adresse mail à laquelle envoyer une copie du formulaire pour confirmation).</p> <h2 class="spip">**Etape 3 : configuration des traitements du formulaire</h2> <p>Le bouton « <strong>Configurer les traitements</strong> » 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 <strong>envoyées par mail</strong> et/ou <strong>stockées dans le SPIP</strong>. 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 <strong>envoyer toutes les réponses à une (ou quelques) adresses</strong>, toujours les même (la vôtre par ex), il faut mettre cette (ces) adresse(s) dans le champ « <strong>Destinataires supplémentaires</strong> »-*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 <strong>accusé de réception</strong>) en faisant :-**choisir le champ « Votre adresse mail » pour le choix « <strong>Courriel de l\'envoyeur</strong> »-**cochez la case « <strong>Accusé de réception</strong> »-**mettez une adresse d'expéditeur réelle (votre mail CoNum par ex) dans le champ « <strong>Courriel de l\'accusé de réception</strong> »La seconde partie de la page des traitements permet de <strong>configurer l'utilisation du formulaire</strong>, les options principales sont les suivantes :cochez « <strong> Multiple </strong> » si une même personne peut répondre plusieurs foiscochez « <strong> Modifiable </strong> » 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'<strong>anonymat des réponses</strong>. A priori vous devriez cocher « <strong>Enregistrer les IP</strong><strong>s</strong> » si votre formulaire comporte des champs de texte susceptibles d'êtres remplis avec des propos diffamatoires€¦Le dernier paramètre « <strong>Champs à exclure</strong> » 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 <strong>sans les @</strong></p> <h2 class="spip">Publication du formulaire</h2> <p>Une fois votre formulaire terminé, comme tous les objets éditoriaux de SPIP il faut le rendre publiable : choix « <strong>publier en ligne</strong> » 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 (« <strong>Modifier cet article</strong> ») et coller le raccourci permettant d'afficher le formulaire : par ex si le formulaire est le numéro <strong>123</strong> et que son identifiant est <strong>prefs_alimentaire</strong> cela donne <strong><code class='spip_code spip_code_inline' dir='ltr'><formulaire|formidable|id=123></code></strong> ou <strong><code class='spip_code spip_code_inline' dir='ltr'><formulaire|formidable|id=prefs_alimentaire></code></strong> (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 :-*« <strong>nb réponses</strong> » : permet d'accéder à la liste des réponses et de les consulter une par une en cliquant sur « <strong>Voir la réponse</strong> ». Il est alors possible de modérer certaines réponses (choix « supprimé » dans le bloc de gauche.-*« <strong>Analyse des réponses</strong> » 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) « <strong>Exporter l'analyse</strong> », donne accès au téléchargement sous forme tableur (CSV) des résultats. NB : l'export au format Excel semble boguée...</p> <h2 class="spip">Afficher les résultats du formulaire dans un article :</h2> <p>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 <strong><code class='spip_code spip_code_inline' dir='ltr'><formulaire_analyse|id_formulaire=123></code></strong> ou <strong><code class='spip_code spip_code_inline' dir='ltr'><formulaire_analyse|id_formulaire=prefs_alimentaire></code></strong>Celle ci sera mise à jour automatiquement au fur et à mesure des réponses.</p></div> Un article généré à partir d'un fichier OpenOffice Writer par le plugin odt2spip https://tech.gamuza.fr/un-article-genere-a-partir-d-un-fichier-openoffice-writer-par-le-plugin-odt2spip.html https://tech.gamuza.fr/un-article-genere-a-partir-d-un-fichier-openoffice-writer-par-le-plugin-odt2spip.html 2022-11-30T10:20:47Z text/html fr clem <p>Exemple d'article généré avec le plugin odt2spip.</p> - <a href="https://tech.gamuza.fr/-Archives-SPIP-.html" rel="directory">Archives SPIP</a> <div class='rss_texte'><h2 class="spip">Insertion d'images dans le texte (titre niveau 2)</h2> <p>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 texte<strong>Formules de math :</strong>une formule de maths :<img src='https://tech.gamuza.fr/local/cache-vignettes/L500xH42/c5449eda5f0dcd3d2c9b94c93bf94dea-37cad.png?1768432052' style='vertical-align:middle;' width='500' height='42' alt="\frac{\sqrt{2x+9}}{4y-6}=\frac{\alpha 3}{\beta 2}" title="\frac{\sqrt{2x+9}}{4y-6}=\frac{\alpha 3}{\beta 2}" /></math>une formule de chimie :<img src='https://tech.gamuza.fr/local/cache-vignettes/L500xH42/39b52082b38c8dca774f788d6fe01c60-20c64.png?1768432052' style='vertical-align:middle;' width='500' height='42' alt="6\mathrm{CO2}+6\mathrm{H2}O\to \mathrm{C6}\mathrm{H12}\mathrm{O6}" title="6\mathrm{CO2}+6\mathrm{H2}O\to \mathrm{C6}\mathrm{H12}\mathrm{O6}" /></math>une autre formule de maths :<img src='https://tech.gamuza.fr/local/cache-vignettes/L500xH42/e617d0e349608840df7f83e289ba6a85-c9751.png?1768432052' style='vertical-align:middle;' width='500' height='42' alt="\sqrt{5y+3}=\frac{9x}{3z}" title="\sqrt{5y+3}=\frac{9x}{3z}" /></math></p> <h2 class="spip">Les tableaux (Titre niveau 2)</h2> <p><strong>Tableaux simples (titre 3)</strong>|<strong>Tableau avec </strong>|<strong>format automatique</strong>|<strong>« Standard »</strong>||cellule 4|cellule 5|cellule 6||cellule 7|cellule 8|cellule 9||<strong>cellule avec 3 colonnes fusionnées </strong>|<|<||cellule 4|cellule 5|cellule 6||cellule 7|cellule 8|cellule 9||<strong>cellule 1</strong>|<strong>cellule 2</strong>|<strong>cellule 3</strong>||cellule A|cellule avec 2 lignes fusionnées|cellule C||cellule D|^|cellule F|<strong>Tableau complexe :(titre 3)</strong>|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|^|^|^|</p> <h2 class="spip">Divers trucs (Titre 2)</h2> <p>un lien sur <a href="http://spip-contrib.net/" class="spip_out" rel="external">http://spip-contrib.net</a> et ici un <a href="#ancre" class="spip_ancre">lien vers l'ancre</a> ci-dessousUne première note de bas de page<span class="spip_note_ref"> [<a href="#nb1" class="spip_note" rel="appendix" title="le texte de la note de bas de page" id="nh1">1</a>]</span> texte texte texte <strong>du gras</strong> texte texte texte <i>de l'italique</i> texte texte texte texte<span class="spip_note_ref"> [<a href="#nb2" class="spip_note" rel="appendix" title="le texte de la 2eme note" id="nh2">2</a>]</span> texte texte texte texte texte texte texte texte texte 3 paragraphes vides3 retours à la ligne_ _ _ _ <a id="ancre"></a>Ici une ancre dans le texte (= repère de texte)Et un saut de page</p> <h2 class="spip">Les listes</h2> <p><strong>listes simples</strong>une liste ordonnée simple :-#item 1-#item 2 -#item 3une liste à puce simple :-*item 1-*item 2 -*item 3<strong>listes complexes</strong>Une 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</p> <h2 class="spip">Eléments non gérés</h2> <p><strong>Elements ignorés :</strong>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é <strong>Les niveaux de titres supplémentaires :</strong>Tous les titres de niveau inférieur au titres de niveau 2 sont formatés à l'identique : en italique<i>Titre niveau 4</i><i>Titre niveau 5</i><strong>Eléments supprimés : </strong>Les en-têtes et pieds de page ne seront pas repris dans la version SPIPUne table des matières automatique ne sera <strong>pas</strong> reproduite dans la version SPIP (idem pour un index automatique)</p></div> <hr /> <div <div class='rss_ps'><p>Cet article à été généré à partir du fichier ODT mis en document attaché par le plugin <strong>odt2spip</strong>_ Documentation du plugin odt2spip : <a href="http://www.spip-contrib.net/odt2spip-creation-d-articles-a" class="spip_url spip_out" rel="external">http://www.spip-contrib.net/odt2spi...</a>_ Téléchargement : <a href="http://files.spip.org/spip-zone/odt2spip.zip" class="spip_url spip_out" rel="external">http://files.spip.org/spip-zone/odt...</a></p></div> <hr /> <div class='rss_notes'><div id="nb1"> <p><span class="spip_note_ref">[<a href="#nh1" class="spip_note" title="Notes 1" rev="appendix">1</a>] </span>le texte de la note de bas de page</p> </div><div id="nb2"> <p><span class="spip_note_ref">[<a href="#nh2" class="spip_note" title="Notes 2" rev="appendix">2</a>] </span>le texte de la 2eme note</p> </div></div> 
Erreur d’exécution plugins/spipr-dist/inclure/rss-item.html
[medias] Intégration de vidéos internes : mp4 ou autres https://tech.gamuza.fr/integration-de-videos-internes-mp4-ou-flv.html https://tech.gamuza.fr/integration-de-videos-internes-mp4-ou-flv.html 2015-10-31T20:03:04Z text/html fr <p>Pour les vidéos stockées sur le site tous les formats de vidéos "modernes" fonctionnent correctement (MP4, mov, webm...) Leur intégration dans les pages se fait avec la balise <embXYZ> ou (mais cela revient au même) : <videoXYZ> <br class='autobr' /> Exemple pour MP4 : Format mp4 : <br class='autobr' /> L'utilisation du plugin Vidéo accessible permet également d'ajouter un fichier de sous-titre avec chaque vidéo <br class='autobr' /> Pour les vidéos distante, voir article 335</p> - <a href="https://tech.gamuza.fr/-Archives-SPIP-.html" rel="directory">Archives SPIP</a> <div class='rss_texte'><p>Pour les vidéos stockées sur le site tous les formats de vidéos "modernes" fonctionnent correctement (MP4, mov, webm...)<br class='manualbr' />Leur intégration dans les pages se fait avec la balise <code class='spip_code spip_code_inline' dir='ltr'><embXYZ></code> ou (mais cela revient au même) : <code class='spip_code spip_code_inline' dir='ltr'><videoXYZ></code></p> <p>Exemple pour MP4 : Format mp4 : <code class='spip_code spip_code_inline' dir='ltr'><emb531></code></p> <p>L'utilisation du plugin <a href="http://contrib.spip.net/Video-Accessible" class="spip_out" rel="external">Vidéo accessible</a> permet également d'ajouter un fichier de sous-titre avec chaque vidéo</p> <p>Pour les vidéos distante, voir <a href='https://tech.gamuza.fr/spip.php?page=article&id_article=335'>article 335</a></p></div> <hr /> <div <div class='rss_ps'><p>Documentation du plugin Vidéos accessibles : <a href="http://contrib.spip.net/Video-Accessible" class="spip_url spip_out auto" rel="nofollow external">http://contrib.spip.net/Video-Accessible</a></p></div> [medias externes] Intégrer une collection de vidéos avec les \widgets\ de VIMEO https://tech.gamuza.fr/integrer-une-collection-de-videos-avec-les-widgets-de-vimeo.html https://tech.gamuza.fr/integrer-une-collection-de-videos-avec-les-widgets-de-vimeo.html 2015-10-31T20:03:04Z text/html fr <p>VIMEO est un site de partage de vidéos qui propose de publier ses vidéos sur d'autres sites en utilisant des petits utilitaires : les widgets</p> - <a href="https://tech.gamuza.fr/-Archives-SPIP-.html" rel="directory">Archives SPIP</a> <div class='rss_texte'><p><a href="http://vimeo.com" class="spip_out" rel="external">VIMEO</a> est un site de partage de vidéo qui propose un espace de stockage pour vidéos. Par rapport à YouTube ou DailyMotion il présente l'avantage que les vidéos ne sont pas envahies de publicités une fois finies de jouer.<br class='autobr' /> Le tutoriel suivant suppose que vous disposez d'un compte sur Vimeo et que vous y avez téléchargé quelques vidéos (configurées en accès public : This video is public. Anybody can watch it.)Une fois que l'on à chargé plusieurs vidéos sur VIMEO, on peut les présenter en tant que <strong>collection</strong> sur son SPIP en utilisant le widget Hubnut.</p> <h2 class="spip">Les étapes sont les suivantes :</h2><ul class="spip" role="list"><li> Dans l'interface de Vimeo, le menu utilisateur au sommet de la page permet d'accéder à l'outil Widget <br style="clear: both;"/></li><li> Choisir le mode d'affichage <strong>\Hubnut</strong> qui permet de faire défiler les vidéos disponibles et de les jouer dans la page<br style="clear: both;"/></li><li> Choisir le groupe de vidéos à afficher : <strong>My videos (uploaded videos only)</strong> correspond à n'afficher que les vidéos que l'on a téléchargé sur le site. Si l'on souhaite être plus précis (ne prendre qu'un partie de celle-ci par exemple) on constituera un <strong>Album</strong> que l'on associera avec les vidéos choisies.</li><li> Configurer les couleurs (fond et texte)<br style="clear: both;"/></li><li> En cliquant sur <strong>Get Code</strong> on peut alors copier le code nécessaire à l'intégration dans le site distant<br style="clear: both;"/></li><li> Créer un article SPIP dans lequel on va coller ce code. Pour bien faire les choses il est conseillé d'entourer ce code entre les marqueurs SPIP <code class='spip_code spip_code_inline' dir='ltr'><html>...le code collé ici...</html></code> pour signifier au moteur de rendu de SPIP qu'il s'agit de code brut. <h2 class="spip">Résultat : les vidéos de géologie disponibles</h2><object type=application/x-shockwave-flash width=400 height=300 data=http://\vimeo.com/hubnut/?user_id=user3099499&color=ff9933&background=000000&fullscreen=1&slideshow=1&stream=uploaded_videos&id=&server=vimeo.com> <param name=quality value=best /> <param name=allowfullscreen value=true /> <param name=allowscriptaccess value=always /> <param name=scale value=showAll /> <param name=movie value=http://vimeo.com/hubnut/?user_id=user3099499&color=ff9933&background=000000&fullscreen=1&slideshow=1&stream=uploaded_videos&id=&server=vimeo.com /></object></li></ul></div>