Aller au contenu principal
image YESWIKInoir.png (0.1MB)
  • Présentation
  • La communauté
  • Aide
  • Créer un wiki
  • Soutenir YesWiki
  • Se connecter

    Se connecter

    Mot de passe perdu ?
  • Tableau de bord
  • Documentation
  • Gestion du site
  • Formulaires
  • Gare centrale de la communauté
Se connecter

Se connecter

Mot de passe perdu ?

S'inscrire
image YESWIKInoir.png (0.1MB)
  • Formulaires
  • Rechercher
  • Saisir
  • Listes
  • Importer
  • Exporter

Accéder à Bazar pour créer des formulaires

Concerne
  • formulaires
Complexité Il faut des accès spéciaux
La réponse

Accéder à Bazar

Bazar est la partie base de données de YesWiki. On s'y rend de la manière suivante.
  • Menu roue crantée en haut à droite du wiki.
  • Entrée « Formulaires ».

Notez qu'il faut être connecté avec un compte administrateur du wiki pour pouvoir utiliser certaines fonctionnalités Bazar.

L'écran qui se présente ressemble à ceci :
YWDocBazarAcces

Les différents onglets en haut de cette page permettent d'accéder aux différentes fonctions de Bazar.

« Formulaires » vous permet de gérer vos formulaires.

« Rechercher » vous permet de rechercher parmi les fiches déjà présentes dans vos formulaires.
Vous pouvez également trier vos fiches pour n'afficher que celles appartenant à un formulaire donné.

« Saisir » vous permet de saisir des fiches dans un de vos formulaires.

« Listes » vous permet de créer les listes (et leurs contenus) que vous utiliserez ensuite dans vos formulaires.

« Importer » vous permet d'importer des données en nombre (en provenance d'un tableur par exemple) directement dans un de vos formulaire.

« Exporter » vous permet d'exporter les données d'un de vos formulaire pour un usage externe (dans un tableur par exemple).
PDF Voir la fiche

Activer les commentaires sur une Activité

Concerne
  • LMS
Complexité Il faut des accès spéciaux
La réponse

Activer les commentaires sur une Activité

Par l'édition de la fiche

Par défaut, les fiches LMS Activité sont déjà configurées pour pouvoir y ouvrir des commentaires.
image activercommentairefiche1.png (28.1kB)
Pour les ouvrir, il suffit ainsi de créer une nouvelle fiche ou de modifier une fiche existante et de sélectionner « Oui » pour « Activer les commentaires sur cette fiche ? ». À la création d'une fiche, cette valeur sera automatiquement sélectionnée afin de gagner du temps pour chaque nouvelle Activité.
De la même manière, vous pourrez activer les commentaires pour toute fiche dont le champ acls aura été configuré tel qu'expliqué à la section précédente.

Par le bouton d'ouverture des commentaires

image activercommentairefiche2.png (24.2kB)
Une autre possibilité pour activer les commentaires est d'utiliser le bouton « Ouvrir les commentaires » au niveau de la barre de rédaction en bas de la fiche puis de sélectionner « Pour les personnes connectées ».
Cette méthode a exactement les mêmes effets que la première mais celle-ci est plus générale car elle fonctionne par défaut avec toute page ou fiche YesWiki.

image commentairesactivs.png (31.7kB)
Une fois les commentaires activés sur une Activité, vous constaterez un nouvel espace reservé aux commentaires en bas de la fiche.
PDF Voir la fiche

Afficher des cartes avec un fond perso

Concerne
  • formulaires
  • carte
Complexité Il faut des accès spéciaux
La réponse Il faut ajouter les paramètres des sources de votre carte dans le répertoire de Leaflet
  • /yeswiki/tools/bazar/libs/vendor/leaflet/leaflet-providers.js

A partir de la ligne 78 :
L.TileLayer.Provider.providers = {


  • On trouve la liste des providers et vous pouvez y ajouter le lien vers votre propre tileset.

  • MaCarte: {
    			url: 'http://[URL de vos tiles]/{z}/{x}/{y}.png',
    			options: {
    				maxZoom: 5,
    				minZoom: 2,
    				attribution: 'Mon propre fond de carte!'
    			}
    		},
    
Ensuite lors de la création d'une carte, vous pouvez choisir votre fond, en écrivant un truc du type :
{{bazarliste id="" template="map.tpl.html" provider="MaCarte" lat="" lon="" zoom="1"  width="" height="" query="" zoommolette="true" }}


Pour créer votre propre tileset, vous pouvez utiliser ImageMagick
PDF Voir la fiche

Afficher la saisie de plusieurs formulaires Bazar sur une même page

Concerne
  • formulaires
Complexité Il faut réfléchir
La réponse Sur la page de votre choix,
  • Pour afficher la saisie des formulaires 1,2,3,4,... entrez la syntaxe :
{{bazar voirmenu="0" vue="saisir" id="1,2,3,4,..."}}

  • Pour afficher la saisie de tous les formulaires, entrez la syntaxe :
{{bazar voirmenu="0" vue="saisir"}}

Cela permet de :
  • présenter de manière épurée et de choisir vos formulaires
  • d'économiser le nombre de page crées

(le rendu en image)
AfficherLaSaisieDePlusieursFormulairesBaz_form.jpg
PDF Voir la fiche

Afficher les contours d'une zone sur une carte

Concerne
La réponse Alors, la première étape consiste à récupérer le contour de la zone. Pour cela, il faut contacter votre cousin SIGiste et lui demander un export des contours de la zone au format

Voir la suite sur la page BazarCartoMulticouche
AfficherLesContoursDUneZoneSurUneCarte_ejt.png
PDF Voir la fiche

afficher les fiches sans coordonnées de localisation

Concerne
La réponse Le template map ({{bazarliste id="..." template="map"}}) n'affiche pas les fiches qui ne possèdent pas de coordonnées de localisation.

Il y avait avant un template dédié pour les afficher. Il est maintenant possible d'utiliser une query pour les afficher comme l'ancien template "liste.fiches_horscate.tpl.html".

  • Code pour avoir exactement le même comportement que "liste.fiches_horscate.tpl.html"
    {{bazarliste id="x" template="liste_liens" query="bf_latitude="}}
    
  • Code pour afficher la liste des fiches sans coordonnées de localisation mais en liste accordéon
    {{bazarliste id="x" query="bf_latitude="}}
    

A noter : certaines fiches peuvent appraître sur cette liste alors qu'elles sont bien affichés sur la carte. Ceci est dû au fait que les coordonnées de localisation sont stockées avec la clé "carte_google". Il suffit juste de les ouvrir et les enregistrer pour que les données soient à nouveau enregistrées au bon format.
PDF Voir la fiche

Afficher les résultats dʼun formulaire

Concerne
La réponse

Bazar – Afficher les résultats

Vous avez créé votre formulaire, permis la saisie des fiches. Nous allons maintenant afficher les résultats.

Remarques préliminaires

Pas de fiches, pas d'affichage
Bazar offre plusieurs manières de présenter les résultats. Mais, dans la plupart des cas, s'il n'y a pas de résultats (pas de fiches), vous ne verrez rien. Donc pour s'assurer que tout fonctionne comme vous le souhaitez, il est toujours préférable de saisir quelques fiches.
Cartographie
Pour afficher les résultats sous la forme d'une carte, il est impératif que vous ayez un champ de type « géolocalisation de l'adresse ». Les coordonnées géographiques sont en effet indispensables.
Calendrier et agenda
De même, pas de calendrier ni d'agenda sans champ de type date.
Image
Quant à tous les affichages qui nécessitent une image (trombinoscope ...), il faut évidemment que le champs correspondant existe.
Facettes
Vous ne pourrez mettre en œuvre des facettes dans votre affichage que si votre formulaire utilise au moins une liste (champs de type « sélectionner », « groupe de cases à cocher » ou « groupe de boutons radio »).

Comment faire

1 –Vous pouvez afficher les résultats sur toute page où cela vous semble cohérent. Donc, vous vous rendez sur la page et à l'endroit où vous voulez que vos résultats soient affichés.
YWDocBazarAffichage_formulaire_affichage_composant2 – Cliquez sur le bouton « Composants », puis sur « Afficher les données d'un formulaire ».
YWDocBazarAffichage_formulaire_affichage_dialog3 – Dans la boîte de dialogue qui s'ouvre, cliquez sur la zone intitulée « Choisissez un formulaire ».
4 – Choix du formulaire – Dans la liste de formulaires qui s'affiche, choisissez celui dont vous souhaitez afficher les résultats.
5 – Choix du type d'affichage – Puis, cliquez sur la zone intitulée « Sous quelle forme voulez-vous afficher les données ? ».
6 – Dans la liste qui s'affiche, choisissez le type d'affichage que vous souhaitez (cf. « Remarques préliminaires »).

YWDocBazarAffichage_formulaire_affichage_choix_faitUne visualisation des résultats du formulaire s'affiche en partie dans la boîte de dialogue. En dessous de cette vue, se trouve une section dans laquelle vous trouverez toutes sortes de merveilles. Nous allons en développer deux.

Ajout d'une facette (optionnel)
7 – Cliquez sur le bouton « Ajouter une facette », vous ferez apparaître deux zones de saisie. Cliquez sur la flèche verticale qui se trouve à gauche de ces zones de saisie.
YWDocBazarAffichage_formulaire_affichagechoix_facette8 – Choisissez le champ sur lequel vous voulez que la facette fonctionne.
9 – La prévisualisation de l'affichage se modifie en conséquence dans la boîte de dialogue.
Modifier l'ordre d'affichage des fiches (optionnel)
10 – Par défaut, Bazar montre les fiches dans l'ordre alphabétique croissant de leur titre. Vous pouvez modifier ce comportement.
Dans la colonne la plus à droite de cette section, cliquez sur le champ « Champ pour le tri ».
11 – Choisissez le champ sur lequel vous voulez trier l'affichage de vos fiches.
12 – En dessous de ce champ, cliquez sur le champ « Ordre de classement ».
13 – Choisissez l'ordre de tri que vous souhaitez (croissant ou décroissant).
YWDocBazarAffichage_formulaire_affichage_action 14 – Insertion dans la page – Cliquez sur le bouton insérer dans la page. Cela donne quelque chose comme ceci.
15 – Enregistrer votre page.
Et voilà !
CC-by-SA YesWiki
PDF Voir la fiche

Afficher une icone dans une page

Concerne
La réponse Pour avoir une jolie icone correspondant à la bibliothèque font Awesome il suffit d'utiliser le code suivant
""<i class="fas fa-ambulance"></i>""
et vous obtiendrez
  • En allant sur le site de font Awesome vous pourrez choisir icone à votre pied
  • Il vous suffira de remplacer "ambulance" par le nom de l'icone qui vous intéresse et le tour sera joué
PDF Voir la fiche

Afficher un formulaire de saisie dans une modal

Concerne
La réponse Il n'est pas possible d'utiliser un formulaire dans une fenêtre modale qui n'est pas iframe (bouton valider qui risque de ne pas marcher, champ géolocalisation etc.)
Par exemple le lien d'un bouton modal ne doit pas etre
{{button class="modalbox" link="Trombicreer" text="Créer ma fiche" }}
mais
{{button class="modalbox" link="?Trombicreer/iframe" text="Créer ma fiche" title="Créer ma fiche"}}
PDF Voir la fiche

Ajouter des colonnes à un page

Concerne
La réponse
Edit_composants.png
Lʼinterface dʼédition de page YesWiki permet d'ajouter facilement de nombreux éléments puissants à la page.
  • Pour cela, on utilise le menu « Composants » de lʼinterface dʼédition.
Pour ajouter des colonnes à une page.
1 – Placez-vous à lʼemplacement où vous souhaitez voir démarrer le colonnage.
2 – Cliquez sur « Composants », puis sur « Mise en forme ».
3 – Puis choisissez « Afficher plusieurs colonnes ».
4 – Dans la boîte de dialogue qui sʼouvre, validez en cliquant sur « Insérer dans la page ».
Cette opération ajoute quatre colonnes de largeurs égales sous la forme du code suivant.
{{grid }}
{{col size="3"}}
Texte de la colonne 1 à changer par la suite
{{end elem="col"}}
{{col size="3"}}
Texte de la colonne 2 à changer par la suite
{{end elem="col"}}
{{col size="3"}}
Texte de la colonne 3 à changer par la suite
{{end elem="col"}}
{{col size="3"}}
Texte de la colonne 4 à changer par la suite
{{end elem="col"}}
{{end elem="grid"}}

Quelques explications
  • La zone comprise entre {{grid }} et {{end elem="grid"}} délimite la partie de la page sur laquelle le colonnage sʼapplique. Il ne peut pas y avoir de colonnes en dehors de cette zone.
  • Cette zone est découpée en quatre « lanières » verticales d'égale largeur (1/12e de la largeur de la zone). Pour devez préciser la largeur de vos colonnes en indiquant, pour chacune dʼentre elles, le nombre de ces « lanières ».
  • Une colonne commence par {{col size="3"}} et finit par {{end elem="col"}}. Les colonnes ne sʼéquilibrent pas automatiquement entre elles. Le texte qui sʼaffiche dans chaque colonne est celui qui se trouve entre ces marqueurs.
  • Dans {{col size="3"}}, la largeur de la colonne est indiquée par le nombre compris entre les guillemets (ici 3). Pour reprendre notre analogie avec des « lanières », il sʼagit du nombre de celle-ci. Ce nombre est donc un nombre sans virgule compris entre 1 et 12 inclus.
  • La somme des largeurs des colonnes au sein dʼune zone {{grid }} ne doit pas dépasser 12.
  • De même quʼil doit y avoir un {{end elem="grid"}} pour tout {{grid }}, il doit y avoir un {{end elem="col"}} pour tout {{col….

Enlever une colonne
Pour enlever une colonne, il suffit de supprimer :
  • le code qui marque de début de la colonne : {{col size="…"}} ;
  • tout ce qui se trouve entre les code de début et de fin de la colonne ;
  • le code qui marque de fin de la colonne : {{end elem="col"}}.
Pensez à modifier les largeurs des colonnes restantes de manière à ce que la somme de leur largeur soit bien égale à 12.
Plus dʼexplications sur le fonctionnement des colonnes

Ajouter une colonne
Pour ajouter une colonne, il suffit dʼajouter :
  • le code qui marque de début de la colonne : {{col size="…"}} (attention à ajuster la largeur de chacune des colonnes de manière à ce que la somme de leur largeur soit bien égale à 12) ;
  • le code qui marque la fin de la colonne : {{end elem="col"}}.
Vous pouvez alors saisir le contenu de la colonne ainsi créée.
Plus dʼexplications sur le fonctionnement des colonnes

Supprimer tout le colonnage de la zone
Pour supprimer tout le colonnage dʼune zone, il faut supprimer :
  • le code qui marque de début du colonnage : {{grid}} ;
  • le code qui marque de début de chaque colonne : {{col size="…"}} ;
  • le code qui marque de fin de chaque colonne : {{end elem="col"}} ;
  • le code qui marque de fin du colonnage : {{end elem="grid"}}.
Plus dʼexplications sur le fonctionnement des colonnes
PDF Voir la fiche

Ajouter des encadrés en accordéon

Concerne
La réponse
Edit_composants.png
Lʼinterface dʼédition de page YesWiki permet d'ajouter facilement de nombreux éléments puissants à la page.
  • Pour cela, on utilise le menu « Composants » de lʼinterface dʼédition.
Pour ajouter un accordéon (plusieurs encadrés liés entre eux) à une page.
1 – Placez-vous à lʼemplacement où vous souhaitez positionner lʼaccordéon.
2 – Cliquez sur « Composants », puis sur « Mise en forme ».
3 – Puis, choisissez « Afficher des encadrés en accordéon ».
4 – Dans la boîte de dialogue qui sʼouvre, validez en cliquant sur « Insérer dans la page ».
Cette opération ajoute un accordéon composé de deux encadrés sous la forme du code suivant.
{{accordion }}
{{panel title="Titre 1"}}
Texte du panneau 1 à changer par la suite
{{end elem="panel"}}
{{panel title="Titre 2"}}
Texte du panneau 2 à changer par la suite
{{end elem="panel"}}
{{end elem="accordion"}}

5 – Modifiez le titre de chaque encadré dans {{panel title="Titre…" }}
6 – Remplacez, pour chaque encadré, le texte compris entre {{panel title="Titre…" }} et {{end elem="panel"}} par le contenu de lʼencadré.
Plus dʼexplications sur le fonctionnement des accordéons
Ajouter un encadré à un accordéon
Placez vous à l'intérieur de l'accordéon mais en dehors de tout encadré. Cʼest à dire :
  • entre {{accordion }} et {{end elem="accordion"}},
  • mais pas entre un {{panel…}} et le{{end elem="panel"}} correspondant).
Suivez alors la procédure pour ajouter un encadré seul. Plus dʼexplications sur le fonctionnement des accordéons

Supprimer un encadré
Pour supprimer un encadré, il suffit de supprimer :
  • le code qui marque de début de lʼencadré : {{panel title="…"}} ;
  • tout ce qui se trouve entre les codes de début et de fin de lʼencadré ;
  • le code qui marque de fin de lʼencadré : {{end elem="panel"}}.
Plus dʼexplications sur le fonctionnement des accordéons

Supprimer un accordéon en entier
Pour supprimer lʼintégralité dʼun accordéon, il faut supprimer :
  • le code qui marque de début de lʼaccordéon : {{accordion}} ;
  • le code qui marque de début de chaque encadré : {{panel title="…"}}(pensez à conserver le titre de lʼencadré) ;
  • le code qui marque de fin de chaque encadré : {{end elem="panel"}} ;
  • le code qui marque de fin lʼaccordéon : {{end elem="accordion"}}.
Plus dʼexplications sur le fonctionnement des accordéons
PDF Voir la fiche

Ajouter des explications dans un formulaire

Concerne
La réponse

Champ de type « Custom HTML »

YWDocBazarChampCustomHtml_Bouton_custom_htmlComme son nom lʼindique, le champ « custom HTML » permet d'incorporer du code HTML dans un formulaire. L'intérêt est que cela permet d'ajouter du texte, par exemple pour contextualiser un ou des champs.

On peut définir si le texte en question apparaît lors de la saisie, ou de l'affichage des fiches, ou les deux.

YWDocBazarChampCustomHtml_champ_custom_HTML Voir l'image du champ en grand
Ce type de champ comporte uniquement des paramètres spécifiques.

Paramètres spécifiques aux champs de type « Custom HTML »

Contenu lors de la saisie
Ce paramètre permet dʼindiquer ce que lʼon souhaite quʼil sʼaffiche lors de la saisie d'une fiche.
Contenu lors de lʼaffichage dʼune fiche
Ce paramètre permet dʼindiquer ce que lʼon souhaite quʼil sʼaffiche lors de la visualisation d'une fiche.
Syntaxe commune aux deux paramètres
Si vous ne connaissez pas le code HTML, voici deux syntaxes que vous pourrez utiliser dans les paramètres de ce champ « custom HTML ».
  • <p>Mon texte ici</p> quand on veut simplement expliquer quelque chose, pour le champ qui suit par exemple (<p> pour paragraphe).
  • <h3>Mon titre ici</h3> quand on veut ajouter un texte plus gros, comme un titre pour une partie du formulaire (<h3> pour heading 3 cʼest à dire titre de niveau 3).
Dans les deux cas, faîtes attention à bien respecter la syntaxe : on commence avec <p> ou <h3> et on termine par, respectivement </p> ou </h3>.

Remarques

« Custom HTML » et questions conditionnelles — Dans le cas des questions conditionnelles, YesWiki crée deux champs :
  • un pour définir à la fois le début de la zone conditionnée et les conditions de son affichage ;
  • un second pour marquer la fin de la zone conditionnée.
Il arrive que ce dernier champ change d'aspect dans l'assistant graphique de création de formulaire et apparaisse alors sous la forme d'un champ « custom HTML » dont le contenu du paramètre « Contenu lors de la saisie » serait </div><!-- Fin de condition -->. Dans ce cas, il faut laisser ce champ et lʼétat (tout va bien se passer).

Champs « custom HTML » trop complexes — Dans les versions courantes de YesWiki (4.3.1 et les précédentes), évitez de saisir dans un champ « custom HTML » les choses suivantes :
  • du texte contenant un retour à la ligne (touche « entrée » du clavier),
  • une suite d'éléments HTML (par exemple : <p>Mon texte ici</p><p>encore du texte</p> ou <h3>Mon titre ici</h3><p>Mon texte ici</p>).
Dans ces cas là, vous risquez de perdre une partie du contenu du champ.

Utilisation poussée des champs « custom HTML » — Si vous maîtrisez HTML et le comportement des pages web, vous pouvez utiliser ce champ pour incorporer des éléments plus complexes à vos formulaires.
PDF Voir la fiche

Ajouter des onglets à un formulaire

Concerne
La réponse

Ajouter des onglets à son formulaire

YWDocBazarOnglets_formulaire_ongletsLorsqu'un formulaire comporte beaucoup de questions ou encore qu'on souhaite séparer les questions les unes des autres pour plus de clarté, on peut, avec Bazar, ajouter des onglets à son formulaire (voir l'exemple ci-contre).

Bazar met deux types de champs à disposition pour cela.
  • Le type de champs « navigation par onglets » YWDocBazarOnglets_champ_navigation_par_onglets_bouton
  • Le type de champs « passage à l'onglet suivant » YWDocBazarOnglets_champ_passage_onglet_suivant_bouton
Le champ de type « navigation par onglets » permet de :
  • déclarer qu'on va utiliser des onglets dans ce formulaire (il n'en faut donc qu'un dans le formulaire),
  • préciser le nom des dits onglets.
Le champ de type « passage à l'onglet suivant » permet, quant à lui, de :
  • marquer la fin de chaque onglet (il en faut donc un à la fin de chaque onglet),
  • préciser le comportement de chaque onglet lors de la saisie et lors de l'affichage.


Champ de type « navigation par onglets »

YWDocBazarOnglets_champ_navigation_par_onglets
Ce champ n'est pas un vrai champ.
Il s'agit, dans les faits, d'un outil qui permet d'ajouter des onglets dans votre formulaire. Ces onglets peuvent être affichés lors de la saisie ou lors de l'affichage d'une fiche du formulaire.
Lorsque vous incorporez un tel champ dans votre formulaire, seront ajoutés automatiquement trois champs de type « passage à l'onglet suivant ». Vous pouvez, bien sûr, en ajouter d'autres ou en supprimer selon votre besoin.

Attention ! Il est nécéssaire que le nombre d'onglets soit cohérent avec les valeurs des paramètres « Pour le formulaire » et « Pour la fiche » du champ « navigation par onglets ».


Paramètres du type de champs « navigation par onglets »

Pour le formulaire
Ce paramètre définit les onglets affichés lors de la saisie de la fiche.
Si vous ne saisissez rien, il n'y aura pas d'onglets lors de la saisie de la fiche.
Vous devez saisir les noms des différents onglets, dans l'ordre, et en les séparant par des virgules (« , »). Par exemple : « Présentation,Adresse,Produits,Vente ».
Pour la fiche
Ce paramètre définit les onglets affichés lors de l'affichage de la fiche.
Si vous ne saisissez rien, il n'y aura pas d'onglets lors de l'affichage de la fiche.
Vous devez saisir les noms des différents onglets, dans l'ordre, et en les séparant par des virgules (« , »). Par exemple : « Présentation,Adresse,Produits,Vente ».
Déplacer le bouton valider
Ce paramètre permet de déplacer le bouton de validation au dernier onglet.
Couleur des boutons
Ce paramètre permet de choisir la couleur des boutons placés à la fin des onglets.
Par défaut, ils seront dans la couleur primaire du wiki. Vous avez le choix parmi la palette de couleurs du wiki.
Taille des boutons
Ce paramètre permet de réduire la taille des boutons des onglets.


Champ de type « passage à l'onglet suivant »

YWDocBazarOnglets_champ_passage_onglet_suivant
Ce champ n'est pas un vrai champ.
Il s'agit, dans les faits, d'un outil qui permet de délimiter un onglet en en marquant la fin tout en précisant quand cet onglet doit être affiché (saisie, affichage).

Info Lorsque vous incorporez un tel champ dans votre formulaire, vous marquez la fin d'un onglet et le début d'un suivant.

Paramètres du type de champs « passage à l'onglet suivant »

Pour le formulaire
Ce paramètre définit si l'onglet est affiché lors de la saisie de la fiche.
Par défaut, l'onglet est affiché lors de la saisie de la fiche.
Attention à être cohérent avec ce que vous avez saisi pour le paramètre « Pour le formulaire » du champ de type « navigation par onglets ».
Pour la fiche
Ce paramètre définit si l'onglet est affiché lors de l'affichage de la fiche.
Par défaut, l'onglet n'apparaît pas lors de l'affichage de la fiche.
Attention à être cohérent avec ce que vous avez saisi pour le paramètre « Pour la fiche » du champ de type « navigation par onglets ».
PDF Voir la fiche

Ajouter un bouton

Concerne
La réponse
Edit_composants.png
Lʼinterface dʼédition de page YesWiki permet d'ajouter facilement de nombreux éléments puissants à la page.
  • Pour cela, on utilise le menu « Composants » de lʼinterface dʼédition.
Pour ajouter un bouton à une page.
1 – Placez-vous à lʼemplacement où vous souhaitez positionner le bouton.
2 – Cliquez sur « Composants », puis sur « Boutons ».
3 – Dans la boîte de dialogue qui sʼouvre, saisissez les paramètres qui vous intéressent :
  • Texte du bouton — Ce paramètre vous permet de saisir le texte qui apparaitra sur le bouton. Vous pouvez laisser ce paramètre vide si vous souhaitez un bouton orné dʼune icône seule.
  • Lien web ou nom dʼune page de ce wiki — Dans YesWiki, un bouton permet, comme un lien, de se rendre quelque part. Ce paramètre sert donc à indiquer la destination du voyage.
    • Si votre bouton va vers le web, nʼoubliez pas le « https:// ». Si, au contraire, votre bouton va vers une autre page de votre wiki….
  • Icône — Vous permet dʼajouter une icône à votre bouton, celle-ci sera placée avant le texte du bouton (sʼil y a du texte).
    • Vous pouvez rechercher parmi toutes les icônes disponibles en cliquant sur ce paramètre, puis en saisissant dans la zone intitulée « Rechercher » (le début dʼ)un mot en anglais (par exemple : book).
  • Couleur — Vous permet de choisir la couleur du bouton parmi les couleurs définies sur votre wiki.
Si vous cliquez sur Paramètres avancés, dʼautres paramètres vont apparaître :
  • vous pouvez notamment choisir les modalités dʼaffichage de la destination :
    • si vous voulez que la destination sʼaffiche dans une fenêtre modale, sélectionnez lʼoption qui vous convient dans Ouvrir le contenu du lien dans une popup ;
    • si vous voulez que la destination sʼaffiche dans un nouvel onglet ou une nouvelle fenêtre, sélectionnez « Oui » dans Ouvrir dans une nouvelle fenêtre ;
    • si vous voulez que la destination sʼaffiche dans lʼonglet courant, ne faîtes rien de tout cela ;
  • vous pouvez également :
    • faire en sorte quʼun texte sʼaffiche un texte lorsque le curseur de la sourie passe au dessus du bouton (Texte affiché au survol) ;
    • modifier la taille du bouton (Taille) ;
    • changer le positionnement du bouton (Position) en le plaçant à droite de la page ou sur toute la largeur de celle-ci ;
    • afficher le bouton non pas comme un bouton, mais comme un lien (Afficher sous forme de lien) ;
    • faire en sorte que le bouton ne soit visible que pour les utilisateurs qui auraient le droit de visiter sa cible (Masquer si lʼutilisateur nʼa pas accès).
Attention — Ne pas oublier de sortir en cliquant sur « Insérer dans la page ».

Modification dʼun bouton
Pour modifier un composant on peut utiliser lʼinterface graphique du composant.
Il existe pour cela deux méthodes.
Première méthode
Modif_composants_crayon.png
  • Cliquer de façon à placer le curseur dans le code du composant (entre « {{ » et « }} »).
  • Cliquer sur le bouton « crayon » qui apparaît dans la marge à gauche.
  • Modifier les paramètres voulus.
  • Ne pas oublier de sortir en cliquant sur « Mettre à jour le code ».
Seconde méthode
Modif_composants_menu.png
  • Cliquer de façon à placer le curseur dans le code du composant (entre « {{ » et « }} »).
  • Cliquer sur « Composants » dans le menu dʼédition, puis sur « Éditer le composant sélectionné ».
  • Modifier les paramètres voulus.
  • Ne pas oublier de sortir en cliquant sur « Mettre à jour le code ».
Attention, avec les deux méthodes, si vous avez plusieurs composants sur une même ligne YesWiki, ça ne fonctionne pas toujours bien, nous vous recommandons donc :
  • dʼinsérer un saut de ligne entre les deux composants,
  • de modifier le composant voulu avec lʼune ou lʼautre des méthodes,
  • de supprimer si besoin le saut de ligne que vous avez inséré à la première étape.
Un autre procédé pour modifier un composant consiste modifier directement son code si on sait quoi faire.
PDF Voir la fiche

Ajouter un bouton "Télécharger l'image" sous une image dans une fiche bazar

Concerne
La réponse Ajouter ce script précédé de et de deux guillements dans le footer de votre site en indiquant suite à id le n° du formulaire concerné. Evidemment, le formulaire devra avoir un champ image
document.addEventListener('DOMContentLoaded', function(event) {
    var img = $('.id1 .img-responsive.left');
    if (img) {
      img.after('<a href="'+img.attr('src')+'">Télécharger l\'image</a>')
    }
});
PDF Voir la fiche

Ajouter un champ de type date à son formulaire

Concerne
La réponse

Champ de type date

Un champ de type date permet de saisir sans erreur une date.
Certains affichages des résultats (calendrier, agenda, etc.) nécessitent la présence d'un champ date.

YWDocBazarChampDate_champ_dateOK Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Paramètres spécifiques au type de champs date

Initialiser à Aujourd'hui
Ce paramètre permet de préciser si on souhaite que la date soit prédéfinie à la date du jour.
PDF Voir la fiche

Ajouter un champ de type e-mail à son formulaire

Concerne
La réponse

Champ de type « email »

Ce type de champs permet de saisir une adresse électronique. YesWiki effectue automatiquement des contrôles sur la syntaxe de l'adresse et propose également de paramétrer des comportements spécifiquement liés à ce type de données.

YWDocBazarChampemail_champ_email1 Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Paramètres spécifiques au type de champs « email »

Remplacer l'email par un bouton contact
En sélectionnant « oui » pour ce paramètre, on fait en sorte que l'adresse électronique soit remplacée, lors de l'affichage de la fiche, par un bouton qui renvoit vers un formulaire de contact automatiquement généré. L'email n'est donc pas visible par les personnes qui visualisent la fiche.
Dans ce cas les paramètres avancés changent :
-affichage brut de l'email autorisé pour
- Envoi d'email autorisé pour permet de choisir qui peut voir le bouton permettant d'envoyer un mail grâce au formulaire de contact
- Peut être saisie par permet de choisir qui peut voir ce champ au moment de la saisie de la fiche.

Envoyer le contenu de la fiche à cet email
Ce paramètre permet de demander à YesWiki d'envoyer le contenu de la fiche à l'adresse saisie. Cet envoi se fera lorsque la personne aura validé la saisie de la fiche.
PDF Voir la fiche

Ajouter un champ de type « géolocalisation de l'adresse » à son formulaire

Concerne
La réponse

Champ de type « géolocalisation de l'adresse »

YWDocBazarChampGeo_champ_geoloc
Ce champ n'est pas un vrai champ.
Il s'agit, de fait, d'un outil qui permet de transformer une adresse saisie par un humain en un jeu de coordonnées (longitude et latitude).
Son comportement est donc un peu différent de ce qu'on trouve dans les autres champs.

Notamment, pour trouver les coordonnées d'une adresse, il faut à YesWiki des informations sur celle-ci. Votre formulaire doit donc obligatoirement contenir au moins un des champs suivants (une bonne pratique étant d'en avoir plusieurs, voire tous).
  • un champ dont l'identifiant unique est « bf_adresse ». S'il n'existe pas, il est d'ailleurs inséré automatiquement lors de la création du champ « géolocalisation de l'adresse » ;
  • un champ dont l'identifiant unique est « bf_ville » ;
  • un champ dont l'identifiant unique est « bf_pays ».
Il est indispensable d'avoir un champ de ce type dans votre formulaire si vous souhaitez afficher vos résultats sous forme de carte.

Paramètres du type de champs « géolocalisation de l'adresse »

Obligatoire
YWDocBazarChampGeo_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Nom du champ latitude
Avec ce champ, YesWiki va convertir l'adresse postale en coordonnées. Ce paramètre indique à YesWiki dans quel nom interne il doit donner à la valeur de latitude. Sauf besoin précis, conservez la valeur par défaut qui est « bf_latitude ».
Nom du champ longitude
Avec ce champ, YesWiki va convertir l'adresse postale en coordonnées. Ce paramètre indique à YesWiki dans quel nom interne il doit donner à la valeur de longitude. Sauf besoin précis, conservez la valeur par défaut qui est « bf_longitude ».
PDF Voir la fiche

Ajouter un champ de type « groupe de boutons radio » à son formulaire

Concerne
La réponse

Champ de type « groupe de boutons radio »

  • En premier lieu ce type de champs nécessite de pouvoir énumérer les différentes valeurs possibles Pour savoir comment faire.
  • Un champ de ce type permet de proposer à l'utilisateur une liste fermée de choix. Les choix possibles seront présentés sous forme d'un groupe de boutons radio.
  • En outre, l'utisation de ce type de champ permet d'avoir recours à des facettes pour filtrer parmi les fiches remplies.

YWDocBazarChampRadio_champ_radio1 Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.
Remarque sur lʼidentifiant unique pour ce type de champs

Paramètres spécifiques au type de champs « groupe de boutons radio »

Origine des données
Dans ce paramètre, pour permettre à l'utilisateur de choisir parmi les valeur d'une liste, sélectionnez « une liste ».
Si, au contraire, vous souhaitez permettre à l'utilisateur de choisir parmi des fiches d'un autre formulaire, sélectionnez « Un formulaire Bazar ».
Choix de la liste/du formulaire
Avec ce paramètre vous choisissez la liste (ou le formulaire) à partir de laquelle vous souhaitez que les utilisateurs choisissent.
Valeur par défaut
Ce paramètre vous permet de proposer une valeur par défaut. Si vous n'en précisez pas, c'est le mot « choisir » qui s'affichera jusqu'à ce qu'un choix soit effectué. Attention, pour préciser la valeur par défaut, il faut indiquer sa clef dans la liste (et non pas sa valeur).
PDF Voir la fiche

Ajouter un champ de type « groupe de cases à cocher » à son formulaire

Concerne
La réponse

Champ de type « groupe de cases à cocher »

  • En premier lieu ce type de champs nécessite de pouvoir énumérer les différentes valeurs possibles Pour savoir comment faire.
  • Un champ de ce type permet de proposer à l'utilisateur une liste fermée de choix. Les choix possibles seront présentés sous forme d'un groupe de cases à cocher.
  • En outre, l'utisation de ce type de champ permet d'avoir recours à des facettes pour filtrer parmi les fiches remplies.

YWDocBazarChampCheckbox_champ_checkbox1 Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.
Remarque sur lʼidentifiant unique pour ce type de champs

Paramètres spécifiques au type de champs « groupe de cases à cocher »

Origine des données
Dans ce paramètre, pour permettre à l'utilisateur de choisir parmi les valeur d'une liste, sélectionnez « une liste ».
Si, au contraire, vous souhaitez permettre à l'utilisateur de choisir parmi des fiches d'un autre formulaire, sélectionnez « Un formulaire Bazar ».
Choix de la liste/du formulaire
Avec ce paramètre vous choisissez la liste (ou le formulaire) à partir de laquelle vous souhaitez que les utilisateurs choisissent.
Valeur par défaut
Ce paramètre vous permet de proposer une valeur par défaut. Si vous n'en précisez pas, c'est le mot « choisir » qui s'affichera jusqu'à ce qu'un choix soit effectué. Attention, pour préciser la valeur par défaut, il faut indiquer sa clef dans la liste (et non pas sa valeur).
PDF Voir la fiche

Ajouter un champ de type image à son formulaire

Concerne
La réponse

Champ de type « image »

Un champ de type image permet d'importer un fichier image qui sera ensuite visualisable dans la fiche.

YWDocBazarChampImage_champ_imageok Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Paramètres spécifiques au type de champs « image »

Alignement
C'est là que l'on paramètre le comportement d'affichage de l'image. Son fonctionnement est similaire à ce qui se passe dans l'édition de pages (quand on joint une image avec le bouton Fichier).
Image par défaut
Ce paramètre permet de télécharger une image qui apparaitra par défaut si aucune autre image n'est téléchargée.
Hauteur vignette
YesWiki génère une vignette des images afin de les afficher rapidement si besoin. Ce paramètre permet de préciser la hauteur de cette vignette.
Largeur vignette
YesWiki génère une vignette des images afin de les afficher rapidement si besoin. Ce paramètre permet de préciser la largeur de cette vignette.
Hauteur redimension
YesWiki peut harmoniser la taille des images importées pour ce formulaire. Ce paramètre permet de préciser la hauteur de cette image redimensionnée.
Largeur redimension
YesWiki peut harmoniser la taille des images importées pour ce formulaire. Ce paramètre permet de préciser la largeur de cette image redimensionnée.
Taille max
Ce paramètre permet de préciser une taille maximum. Ici l'unité est en octet, 2000000 correspond à 2Mo.
PDF Voir la fiche

Ajouter un champ de type « sélectionner » (liste déroulante) à son formulaire

Concerne
La réponse

Champ de type « sélectionner »

  • En premier lieu ce type de champs nécessite de pouvoir énumérer les différentes valeurs possibles Pour savoir comment faire.
  • Un champ de ce type permet de proposer à l'utilisateur une liste fermée de choix. Les choix possibles seront présentés sous forme d'une liste déroulante.
  • En outre, l'utisation de ce type de champ permet d'avoir recours à des facettes pour filtrer parmi les fiches remplies.
YWDocBazarChampListe_champ_liste1 Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.
Remarque sur lʼidentifiant unique pour ce type de champs

Paramètres spécifiques au type de champs « sélectionner »

Origine des données
Dans ce paramètre, pour permettre à l'utilisateur de choisir parmi les valeur d'une liste, sélectionnez « une liste ».
Si, au contraire, vous souhaitez permettre à l'utilisateur de choisir parmi des fiches d'un autre formulaire, sélectionnez « Un formulaire Bazar ».
Choix de la liste/du formulaire
Avec ce paramètre vous choisissez la liste (ou le formulaire) à partir de laquelle vous souhaitez que les utilisateurs choisissent.
Valeur par défaut
Ce paramètre vous permet de proposer une valeur par défaut. Si vous n'en précisez pas, c'est le mot « choisir » qui s'affichera jusqu'à ce qu'un choix soit effectué. Attention, pour préciser la valeur par défaut, il faut indiquer sa clef dans la liste (et non pas sa valeur).
PDF Voir la fiche

Ajouter un champ de type texte court à son formulaire

Concerne
La réponse

Champ de type texte court

Un champ texte permet la saisie de quelques mots.

YWDocBazarChampTexte_champ_texte1 Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Paramètres spécifiques au type de champs « texte court »

Valeur
Ce paramètre permet de pré-remplir le champ. C'est utile lorsque on connait la réponse la plus courante (si, par exemple, on demande le pays).
Nombre de caractères visibles
Ce paramètre permet de préciser combien de caractères seront visibles à l'écran.
Longueur max
Ce paramètre permet de limiter la longueur de la réponse que les utilisateurs peuvent saisir.
PDF Voir la fiche

Ajouter un champ de type « upload de fichier » à son formulaire

Concerne
La réponse

Champ de type « upload de fichier »

Ce type de champ permet d'uploaded un fichier (par exemple au format PDF). Ce fichier est ensuite téléchargeable par les personnes qui visualisent la fiche.

YWDocBazarChampUpload_champ_uploadOK Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Paramètres spécifiques au type de champs « upload de fichier »

Taille max
Ce paramètre permet de limiter la taille du fichier. Il s'agit d'un nombre d'octets (par ex. 2000000 équivalent à 2 Mo).
Label à l'affichage
Ce paramètre permet de choisir l'intitulé qui apparait au-dessus du bouton de téléchargement lors de l'affichage de la fiche. Par défaut l'intitulé est "Fichier : {filename}" c'est à dire Fichier : le nom du fichier téléchargé..
Extensions présélectionnées
Lors de la saisie de la fiche, ce paramètre permet de présélectionner uniquement certains types de fichier pour faciliter la recherche du fichier à télécharger.
Ex : .pdf" pour ne pré-sélectionner que les fichiers pdf ou .pdf,.jpg,.png" pour ne présélectionner que ces 3 extensions.
Type sémantique du champ
PDF Voir la fiche

Ajouter un champ de type « zone de texte » (texte long) à son formulaire

Concerne
La réponse

Champ de type « Texte long »

Une zone de texte permet la saisie d'un texte relativement long et pouvant courrir sur plusieurs lignes.

YWDocBazarChampZone_champ_zone1 Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Paramètres spécifiques au type de champs « zone de texte »

Valeur
Ce paramètre permet de pré-remplir le champ. C'est utile lorsque on connait la réponse la plus courante (si, par exemple, on demande le pays).
Format d'écriture
Ce paramètre permet de paramétrer les fonctionnalités d'écriture dont disposeront les utilisateurs. Trois valeurs sont possibles.
  • Wiki – C'est la valeur par défaut. Elle offre pour la saisie de ce champ tous les outils disponibles lorsqu'on édite une page YesWiki.
  • Éditeur wysiwyg – Ce paramètrage offre à l'utilisateur beaucoup plus de facilité de saisie. Son usage est toutefois à limiter pour des raisons d'ergonomie.
  • Texte non interprété – Cette valeur limite la saisie aux seuls caractères sans mise en forme (pas d'italique ni de gras par exemple). C'est très utile pour saisir des adresses postales.
Largeur champ de saisie
Ce paramètre permet de préciser la largeur du champ de saisie.
PDF Voir la fiche

Ajouter un détecteur de flux rss dans firefox

Concerne
La réponse Dans Firefox, allez dans les préférences (trois petites barres à droite) => Extensions et thèmes.
  • Dans découvrez davantage de modules, cherchez awesome rss
  • Cliquez sur ajouter dans votre navigateur
  • Maintenant dans chaque site visité, une petite icone flux RSS apparaitra à droite de la barre de menu si le site génère un flux rss. en cliquant dessus, vous obtiendrez les liens vers ces flux.
rss40674_640.png
PDF Voir la fiche

Ajouter une ancre à une page

Concerne
La réponse Une ancre permet de faire pointer un lien vers un endroit précis dans la page, autre qu'en haut de la page.
Pour ajouter une ancre dans votre page, il suffit de placer le code suivant à l'endroit voulu, généralement sur un titre :
""<div></div>""

puis d'appeler cette ancre depuis le lien suivant :
https://mondomaine.ext/?PageCourante#monancre

Nota 1 : <div> est un conteneur de type bloc et occasionne un saut de ligne.

Nota 2 : pour éviter un saut de ligne intempestif, on pourra remplacer <div> par <span> qui est un conteneur de type in line n'occasionnant pas de saut de ligne :
""<span></span>""
</span></div></div>
PDF Voir la fiche

Ajouter une colonne dans une zone qui en comporte plusieurs

Concerne
La réponse
Pour ajouter une colonne, il suffit dʼajouter :
  • le code qui marque de début de la colonne : {{col size="…"}} (attention à ajuster la largeur de chacune des colonnes de manière à ce que la somme de leur largeur soit bien égale à 12) ;
  • le code qui marque la fin de la colonne : {{end elem="col"}}.
Vous pouvez alors saisir le contenu de la colonne ainsi créée.
Plus dʼexplications sur le fonctionnement des colonnes
PDF Voir la fiche

Ajouter un encadré

Concerne
La réponse
Si vous voulez ajouter un seul encadré, choisissez Ajouter un encadré unique.
Si vous souhaitez plutôt ajouter une succession dʼencadrés liés entre eux, lʼouverture de lʼun entrainant la fermeture des autres, choisissez Ajouter des encadrés en accordéon.
PDF Voir la fiche

Ajouter un encadré à un accordéon

Concerne
La réponse
Placez vous à l'intérieur de l'accordéon mais en dehors de tout encadré. Cʼest à dire :
  • entre {{accordion }} et {{end elem="accordion"}},
  • mais pas entre un {{panel…}} et le{{end elem="panel"}} correspondant).
Suivez alors la procédure pour ajouter un encadré seul. Plus dʼexplications sur le fonctionnement des accordéons
PDF Voir la fiche

Ajouter un encadré unique

Concerne
La réponse
Edit_composants.png
Lʼinterface dʼédition de page YesWiki permet d'ajouter facilement de nombreux éléments puissants à la page.
  • Pour cela, on utilise le menu « Composants » de lʼinterface dʼédition.
Pour ajouter un encadré à une page.
1 – Placez-vous à lʼemplacement où vous souhaitez positionner lʼencadré.
2 – Cliquez sur « Composants », puis sur « Mise en forme ».
3 – Puis, choisissez « Encadré ».
4 – Dans la boîte de dialogue qui sʼouvre, saisissez les paramètres qui vous intéressent :
  • Titre — Le titre de lʼencadré apparaitra dans le bandeau en haut de votre encadré.
  • Type — Vous avez le choix entre
    • simple encadré : un encadré qui ne peut pas se replier ;
    • accordeon ouvert : un encadré ouvert mais que lʼon peut replier ou déplier en cliquant sur une petite flêche dans le bandeau de titre ;
    • accordéon fermé : un encadré fermé mais que lʼon peut déplier ou replier en cliquant sur une petite flêche dans le bandeau de titre.
  • Couleur — Vous permet de choisir la couleur du bouton parmi les couleurs définies sur votre wiki.
5 – Valider en cliquant sur « Insérer dans la page ».
Cette opération ajoute un encadré sous la forme du code suivant.
{{panel title="Titre de mon encadré" }}
Texte de votre encadré à modifier par la suite{{end elem="panel"}}

6 – Modifiez le titre de votre encadré dans {{panel title="Titre de mon encadré" }}
7 – Remplacez le texte compris entre {{panel title="Titre de mon encadré" }} et {{end elem="panel"}} par le contenu de votre encadré.
Attention — Il doit y avoir un {{end elem="panel"}} pour tout {{panel…, et réciproquement.

Supprimer un encadré
Pour supprimer un encadré, il suffit de supprimer :
  • le code qui marque de début de lʼencadré : {{panel title="…"}} ;
  • tout ce qui se trouve entre les codes de début et de fin de lʼencadré ;
  • le code qui marque de fin de lʼencadré : {{end elem="panel"}}.
Plus dʼexplications sur le fonctionnement des accordéons
PDF Voir la fiche

Ajouter une question conditionnelle à son formulaire

Concerne
La réponse

Question conditionnelle

Il arrive que dans un formulaire on souhaite afficher certaines questions en fonction de la réponse apportée à une des questions précédentes.
Cʼest ce qui se passe notamment lorsque lʼutilisateur répond « autre » à une liste déroulante ou à des cases à cocher, et quʼon lui propose alors un champ texte pour préciser (ce champ texte nʼapparaissant que dans ce cas).
La question conditionnelle fait donc suite à une question de type Liste (Sélectionner), Checkbox (cases à cocher) ou Radio (Boutons radio).
Illustrations
  • https://boyer.earth/yeswiki/?SaisieParticipant (répondez « oui » à lʼune ou lʼautre des deux questions de la section intitulée « Votre projet support » pour voir apparaître de nouvelles questions).
  • https://tourainebio.org/?PageAjoutProducteur#menu4 (répondez « oui » à certaines questions de ce 4e onglet pour voir apparaitre de nouvelles questions).

YWDocBazarQuestionConditionnelle_champ_affichage_conditionnel
Lorsque vous insérez un « Affichage conditionnel » dans votre formulaire, Bazar y crée deux champs.
  • Le premier, intitulé « Condition »,
  • Le second intitulé « Fin de condition ».
Ce que vous devez faire :
  • placer, entre le champ « Condition » et le champ « Fin de condition », le ou les champs que vous souhaitez faire apparaître de manière conditionnelle ;
  • préciser dans le champ « Condition », la condition d'apparition de ce ou ces champs ;
  • laisser le champ « Fin de condition » en lʼétat.

Remarque 1 — Un couple de champs « Affichage conditionnel » (« Condition » et « Fin de condition ») définit une seule condition (même si elle peut être complexe). Si vous souhaitez obtenir différents comportements en fonction de différentes conditions, il vous faudra insérer et définir autant dʼaffichages conditionnels que de conditions à remplir.
Remarque 2 — Il peut arriver, dans certains contextes (formulaire long ou comportant de nombreux champs de type « Custom HTML »), que le champ « Fin de condition » apparaisse sous le nom de « Custom HTML ». Si cʼest le cas, vérifiez juste que son contenu est bien le suivant : </div><!-- Fin de condition--> dans « Contenu lors de la saisie ».
Remarque 3 — Il peut également arriver que, lors de l'affichage sous forme de liste des fiches dʼun formulaire comportant des questions conditionnelles, toutes les fiches semblent imbriquées les unes dans les autres et que seule la première fiche apparaisse (les autres semblant être à lʼintérieur). Si cʼest le cas, ajoutez, tout à la fin de votre formulaire, un champ de type « Custom HTML » dans lequel vous laisserez le paramètre « Contenu lors de la saisie » vide et saisirez </div></div> dans le paramètre « Contenu lors de lʼaffichage ».

Champ de type « condition »

YWDocBazarQuestionConditionnelle_champ_affichage_conditionnel Voir l'image du champ en grand
Ce champ n'est pas un vrai champ.
Il s'agit, dans les faits, d'un outil qui permet d'exprimer la condition qui sera nécessaire pour montrer tout ce qui se trouve entre « Condition » et « Fin de condition ».

Paramètres du type de champs « condition »

Pour que cela fonctionne (et ait du sens), la condition doit faire référence à une ou plusieurs valeurs dʼun ou plusieurs champs de type énumération : Liste (Sélectionner), Checkbox (cases à cocher) ou Radio (Boutons radio).
Condition
Ce paramètre définit la condition à respecter pour afficher les champs qui suivent (jusquʼà « Fin de condition »).
Les règles de syntaxe de ce paramètre sont expliquées dans lʼencadré qui se trouve au dessus.
Voici quelques exemples pour illustrer cette syntaxe.
Rappel sur lʼidentifiant unique On suppose quʼon dispose de :
  • un champ de type « Sélectionner » (ou radio ou checkbox) dont l'identifiant unique est bf_trucmuche
  • une liste listeConfiture sur laquelle s'appuie ce champ (les valeurs étant : {1, figues}, {2, gingembre-tomates vertes}, … ,{5, autre}).
Pour afficher si… valeur du paramètre
on a répondu « autre » bf_Confiture==5
on nʼa pas répondu « figues » bf_Confiture!=1
on nʼa répondu ni « figues », ni « autre » bf_Confiture!=1 and bf_Confiture!=5
on nʼa pas répondu du tout bf_Confiture is empty
on a répondu « figues » ou « gingembre-tomates vertes » (pareil quʼen dessous) bf_Confiture==1 or bf_Confiture==2
on a répondu « figues » ou « gingembre-tomates vertes » (pareil quʼau dessus) bf_Confiture in [1,2]
dans le cas dʼune checkbox, on a répondu « figues » et « gingembre-tomates vertes » bf_Confiture==[1,2]
dans le cas dʼune checkbox, moins de trois cases ont été cochées bf_Confiture|length < 3
dans le cas dʼune checkbox, au moins deux cases ont été cochées mais pas la case « autre » bf_Confiture|length > 2 and bf_Confiture!=5
PDF Voir la fiche

Ajouter un picto aux éléments de ma liste dans un formulaire

Concerne
La réponse
Il existe des bibliothèques d'icones qui permettent d'illustrer les éléments de vos listes.


La bibliothèque fontawesome est intégrée à Yeswiki (version Doryphore)

Télécharger le fichier capture fontawesome.png
Sélectionnez votre icon, puis copiez le code HTML proposé.


Éditez votre liste via Bazar et collez ce code HTML à coté de l'intitulé de votre liste
Télécharger le fichier Capture picto liste.png

Une autre bibliothèque très pratique en svg qui permet de choisir la couleur du picto : https://tablericons.com/
Son fonctionnement est simplissime : après avoir sélectionné taille et couleur, vous cliquez sur le picto choisi, le code HTML est copié directement, il ne reste plus qu'à le coller dans votre liste.
CommentAjouterUnPictoAuxElementsDeMaLis_capture-exemple-icon.png
PDF Voir la fiche

Ajouter un suivi statistique sur mon wiki

Concerne
La réponse Installer l'extension stats
  • aller dans gestion du site / fichier de conf
    • activer l'action en passant statistiques sur "true"
  • dans une page insérer l'action {{stats}}
PDF Voir la fiche

Améliorer les aperçus générés lors de la publication sur les réseaux sociaux

Concerne
La réponse Lorsque l'on publie sur les réseaux sociaux, si l'image ou le titre qui est généré automatiquement ne nous va pas, il y a quelques astuces applicables :
  • Pour le titre, mettre {#======Mon premier titre======#} en tout début de page, ça ne s'affichera ni dans le html ni dans le rendu mais ce sera pris en compte pour générer l'aperçu.
  • Pour la description, elle est accessible pour les fiches (bf_description) mais pas pour les pages.
  • Pour les images, lorsque l'on utilise l'action {{attach ... }} entre {#...#} la première image est également utilisée comme vignette.
PDF Voir la fiche

Avoir des iframes qui s'adapte automatiquement en hauteur

Concerne
La réponse La class class="auto-resize" est la clé :) ! Voir sur la documentation
PDF Voir la fiche

avoir des listes multi-langues ?

Concerne
La réponse Avec la version doryphore 4.2.0 (sortie avril 2022), il est possible de configurer des listes multilangues.

Pour ceci, dans la page de gestion des listes de votre wiki (?BazaR&vue=listes):
  • cliquer sur Saisir une nouvelle liste (?BazaR&vue=listes&action=saisir_liste)
  • pour chaque elément de la liste :
    • mettre une clé comme d'habitude (ex. cle1, cle2)
    • pour la valeur, mettre
      <span lang="fr" xml:lang="fr">Clé 1</span><span lang="en" xml:lang="en">Key 1</span>
      
      (si Français ou Anglais)
    • comme il y 6 langues possibles en YesWiki, il est préférable de toutes les définir pour éviter que le texte ne s'affiche pas
      <span lang="fr" xml:lang="fr">Clé 1</span><span lang="en" xml:lang="en">Key 1</span><span lang="pt" xml:lang="pt">Chave 1</span><span lang="ca" xml:lang="ca">Tecla 1</span><span lang="es" xml:lang="es">Clave 1</span><span lang="nl" xml:lang="nl">Sleutel 1</span>
      
    • si vous ne souaitez pas traduire toutes les langues, il vaut mieux les définir mais laisser le texte en Français ou Anglais pour cette langue, afin que le texte reste affiché.
PDF Voir la fiche

avoir un affichage plus large du contenu de mon wiki

Concerne
La réponse Si tu mets le code suivant dans ta page, elle prendra 1300px de large et non les 1100px de base

""""
PDF Voir la fiche

cacher du texte ou insérer des commentaires de code dans une page

Concerne
La réponse

Pour laisser des explications sur le code ou écrire du texte avant de le publier.
PDF Voir la fiche

Cacher la phrase par défaut "Saisir une fiche"

Concerne
La réponse Par défaut quand on appelle un formulaire en mode saisie, une phrase générique apparaît en haut du formulaire et indique
"saisir une fiche : "
Télécharger le fichier Capture_decran_20190617_a_162845.png

Ce n'est pas toujours très beau. Il est possible de la cacher en plaçant sur ce petit bout de code dans la page qui accueille le formulaire en mode saisie :

""""
PDF Voir la fiche

cacher les boutons de mise en page d'un champ texte long dans un formulaire

Concerne
La réponse ajouter le code suivant ( à récupérer sur https://plainesdelescaut.be/batraciens/?SaisirLaplaigne/raw ) sur la page qui contient votre formulaire en mode saisie


""""
PDF Voir la fiche

Cacher les facettes (tri par case à cocher) en affichage sur smartphone

Concerne
La réponse L'affichage facette actuel ne se prête pas bien à l'utilisation sur smartphone. Les cases à cocher pour le tri prennent souvent trop de place ;-(. Par défaut elles se placent au-dessus ou au-dessous des fiches.

Dans l'attente d'un affichage smartphone compatible, il est possible de cacher les champs de tri d'une page avec facette lorsqu'elle est affichée sur un petit écran en plaçant sur la page concernée ce bout de code :
Ce code est à adapter si votre colonne de facette est différent de 3.

""""
PDF Voir la fiche

Changer le texte qui apparaît dans le champ de recherche d'un formulaire en mode "recherche"

Concerne
La réponse Ajouter ce code sur la page en question et l'adapter :

""""
PDF Voir la fiche

colorier les valeurs dans la facette avec les couleurs choisies dans le rendu bazar

Concerne
La réponse Il faut déposer du code css dans la page concernée (ou dans le footer) entre balise style
[value="Perm Comp"] ~ span span {color:#FF0000;}

Perm Comp est la valeur de ce champ dans la liste du formulaire.
Il faut autant de ligne que de valeur dans la liste à colorier
Capture_decran_20230915_a_18.20.53.png
PDF Voir la fiche

Comment afficher les fiches d'un autre Yeswiki ?

Concerne
La réponse Il est possible d'afficher les fiches d'un autre YesWiki dans son YesWiki.

Une page de documentation dédiée a été créée : ActionBazarlisteDonneesExternes
PDF Voir la fiche

Comment afficher les fiches d'un formulaire agenda sur son téléphone ou dans son agenda personnel ?

Concerne
La réponse Depuis les dernières mises à jour, il est possible d'afficher les fiches d'un formulaire agenda sur son téléphone, sur ordinateur ou dans son agenda personnel.

  • 1. se rendre sur la page BazaR
  • 2. choisir le formulaire concerné (il doit avoir la notion ICAL à droite de son nom)
  • 3. Faire un clic droit sur ICAL puis copier le lien
  • 4. Utiliser ce lien pour l'ajouter dans son agenda de téléphone ou d'ordinateur


Important:
Il se peut que votre serveur ne soit pas sur le bon fuseau horaire ce qui pourrait créer des décalages lors de la synchronisation. Rendez-vous sur la page GererConfig pour définir le bon fuseau horaire. Toutes les nouvelles fiches bazar, ou les fiches modifiées seront alors sur le bon fuseau horaire. Les fiches précédemment enregistrées apparaitront avec un décalage hoaraire qui disparait dès qu'elle est modifiée.

A noter
Pour être sûr que l'agenda s'affiche bien, le formulaire "agenda" doit générer des fiches accessible en lecture (*).
PDF Voir la fiche

comment créer une page

Concerne
PDF Voir la fiche

Comment faire pour convertir un template Bazar .tpl.html en .twig ?

Concerne
La réponse Il existe un tutoriel dans la documentation : ConvertirEnTwig

Convertir un template Bazar
.tpl.html
en
.twig


.twig
: qu'est-ce ?


  • .twig
    
    est un langage pour décrire des modèles (templates) pour la génération de sortie HTML à partir d'un script PHP.
  • Il y a une documentation officielle bien garnie

Comment faire ?


  • 1. Choisir un template à convertir. (Exemple :
    liste_liens.tpl.html
    
    )
Le code source de la version de travail de ce fichier est recopiée à la fin de cette page.
  • 2. Vérifier la présence de ce fichier dans le dossier
    tools/bazar/presentation/templates/
    
  • 3. Copier le fichier dans le dossier
    custom/bazar/templates/
    
  • 4. Identifier les fonctions php non standards ; ici
    getCustomValueForEntry()
    
  • 5. Recopier le contenu de
    custom/bazar/templates/liste_liens.tpl.html
    
    dans
    custom/bazar/templates/liste_liens.twig
    
    en retirant ce qui concerne les fonctions non-standard.
<?php
if(count($fiches)>0) : ?>
    <?php echo $info_res;?>
    <ul class="BAZ_liste <?php echo $param['class'];?>">
    <?php
    foreach($fiches as $fiche): ?>
        <li class="bazar-entry" <?php echo $fiche['html_data'];?>>
          <a href="<?php echo $fiche['url']; ?>"
           target="_blank">
            <?php
            if (!empty($color)) {
              echo '<span class="pellet" style="background-color:'.$color.';"></span> ';
            }
            if (!empty($icon)) {
              echo '<i class="'.$icon.'"></i> ';
            }

            echo '<span class="entry-title">'.$fiche['bf_titre'].'</span>';
            ?>
          </a>
        </li>
        <?php
    endforeach; ?>
    </ul>
    <?php echo $pager_links;?>
<?php endif; ?>


  • 6. traduire le code
    php
    
    en
    .twig
    
    (voir le tableau de conversion utilisé en fin de cette fiche) pour obtenir ceci
{% if fiches|length > 0 %}
  {{ info_res }}
  <ul class="BAZ_liste {{ param.class }}">
    {% for in,fiche in fiches %}
      <li class="bazar-entry" {{ fiche.html_data }}>
        <a href="{{ fiche.url }}" target="_blank">
         {% if colors[id] %}
           <span class="pellet" style="background-color:{{ colors[id] }}"></span>
         {% endif %}
         {% if icons[id] %}
           <i class="{{ icons[id] }}"></i>
         {% endif %}
         <span class="entry-title">{{ fiche.bf_titre }}</span>
       </a>
      </li>
    {% endfor %}
  </ul>
  {{ pager_links }}
{% endif %}

  • 7. tester ce fichier avec le code suivant dans une page de test
    {{bazarliste id="1" template="liste_liens.twig"}}
    
    Tout ne fonctionnera pas car il n'y a plus les couleurs et les icônes.

  • 8. pour rétablir les icônes et les couleurs, il faut conserver le fichier
    liste_liens.tpl.html
    
    mais complétement le réécrire avec ceci
<?php
$colors = [];
$icons = [];
foreach ($fiches as $id => $fiche){
    $colors[$id] = getCustomValueForEntry(
      $param['color'],
      $param['colorfield'],
      $fiche,
      ''
    );
    
    $icons[$id] = getCustomValueForEntry(
      $param['icon'],
      $param['iconfield'],
      $fiche,
      ''
    );
}
echo $this->render('@bazar\liste_liens.twig',[
        'fiches' => $fiches,
        'param' => $param,
        'colors' => $colors,
        'icons' => $icons,
        'info_res' => $info_res,
        'pager_links' => $pager_links,
    ]);

  • La première partie permet de stocker les informations de couleur et d'icône dans les variables
    colors
    
    et
    icons
    
    .
  • Ensuite, on génère le rendu du fichier
    .twig
    
    grâce à
    echo $this->render()
    
    .
  • Il faut alors passer en paramètre un tableau qui a la liste exhaustive des variables utilisées par le
    .twig
    
  • Le test se fait avec ceci
    {{bazarliste id="1" template="liste_liens"}}
    
    ou
    {{bazarliste id="1" template="liste_liens.tpl.html"}}
    
  • 9. Il est alors possible de publier le code dans le coeur de YesWiki en mettant les fichiers dans les dossiers suivant:
    • tools/bazar/presentation/templates/liste_liens.tpl.html
      
    • tools/bazar/templates/liste_liens.twig
      

PHP
->
.twig


<?php if(count($fiches)>0) : ?>

->
{% if fiches|length > 0 %}

<?php endif; ?>

->
{% endif %}

<?php echo $info_res;?>

->
{{ info_res }}

<?php echo $param['class'];?>

->
{{ param.class }}

<?php foreach($fiches as $fiche): ?>

->
{% for fiche in fiches %}

<?php foreach($fiches as $id => $fiche): ?>

->
{% for id,fiche in fiches %}

<?php endforeach; ?>

->
{% endfor %}

<?php echo $fiche['html_data'];?>

->
{{ fiche.html_data }}

<?php echo $fiche['url']; ?>

->
{{ fiche.url }}

if (!empty($color)) {

->
{% if colors[id] %}
avec introdution de la variable
colors

echo '<span class="pellet" style=
"background-color:'.$color.';"></span> ';

->
<span class="pellet" style="background-color:{{ colors[id] }}"></span>

if (!empty($icon)) {

->
{% if icons[id] %}
avec introdution de la variable
icons

echo '<i class="'.$icon.'"></i> ';

->
<i class="{{ icons[id] }}"></i>

echo '<span class="entry-title">'
.$fiche['bf_titre'].'</span>';

->
<span class="entry-title">{{ fiche.bf_titre }}</span>

<?php echo $pager_links;?>

->
{{ pager_links }}


<?php
if(count($fiches)>0) : ?>
    <?php echo $info_res;?>
    <ul class="BAZ_liste <?php echo $param['class'];?>">
    <?php
    foreach($fiches as $fiche): ?>
        <li class="bazar-entry" <?php echo $fiche['html_data'];?>>
          <a href="<?php echo $fiche['url']; ?>"
           target="_blank">
            <?php
            $style = '';
            $color = getCustomValueForEntry(
              $param['color'],
              $param['colorfield'],
              $fiche,
              ''
            );
            if (!empty($color)) {
              echo '<span class="pellet" style="background-color:'.$color.';"></span> ';
            }
            $icon = getCustomValueForEntry(
              $param['icon'],
              $param['iconfield'],
              $fiche,
              ''
            );
            if (!empty($icon)) {
              echo '<i class="'.$icon.'"></i> ';
            }

            echo '<span class="entry-title">'.$fiche['bf_titre'].'</span>';
            ?>
          </a>
        </li>
        <?php
    endforeach; ?>
    </ul>
    <?php echo $pager_links;?>
<?php endif; ?>

PDF Voir la fiche

Comment faire pour installer chez O2switch

Concerne
La réponse Dans cPanel :
  • charger le zip précédemment récupéré sur YesWiki dans le répertoire souhaité (par exemple dans public_html/yeswiki), le décompresser et déplacer les fichiers du dossier du nom de la version (doryphore) vers le dossier racine (ici : public_html/yeswiki).
  • Créer une base de donnée vierge et un utilisateur puis associer l'utilisateur à la base de donnée et lui donner les droits de création/modification (seulement cocher "Grant all").
  • Aller sur http://votre_nom_de_domaine/yeswiki et remplir les paramètres comme indiqué sur la page d'installation de YesWiki, section "Paramétrage du YesWiki".
  • Il est aussi possible d'utiliser un sous-domaine du genre http://wiki.votre_nom_de_domaine/ et d'ajouter un certificat de sécurité gratuit via Let's Encrypt, toujours dans l'interface de cPanel.
PDF Voir la fiche

comment faire pour que les pdf s'ouvrent directement dans le browser (et pas se téléchargent)

Concerne
La réponse Certains pdf s'ouvrent directement dans le browser, certains se téléchargent directement...
Pour forcer l'ouverture dans le browser, la fonction {{attach}} pose parfois problème.

Pour contourner ce "problème"
  • créer un formulaire bazar avec un champ fichier (vous permettant de déposer le pdf)
  • récupérer sur cette fiche le lien vers le pdf (clic droit, enregistrer le l'adresse du lien)
  • utiliser cette adresse dans votre wiki

Autre piste

voir la doc réalisée par Laurent Bouquet : http://www.le-projet.cc/bio/?PagePdf
PDF Voir la fiche

Comment faire pour résoudre un problème d'horaire sur un calendrier ?

Concerne
La réponse Il peut arriver que l'affichage de l'heure de début d'un évènement sur le calendrier soit décalée.
Le problème vient du fuseau horaire du site (voir dans Gestion du site / Gerer config / Paramètres principaux), par défaut celui ci est à GMT et se cale sur le fuseau horaire du serveur. En fonction de la configuration serveur, ca peut être en décalage par rapport à notre fuseau horaire.
Pour bien configurer, on peut mettre dans le paramètre Fuseau horaire du site la valeur : Europe/Paris (ou sinon UTC)
PDF Voir la fiche

Comment faire pour travailler avec git en local ?

Concerne
La réponse Ceci est réservé aux utilisations avancées.

Il est possible de travailler en local avec git afin de faire tourner son site internet sur une branche de travail qui n'est pas encore déployée dans les mises à jour.

Tutoriel "Astuce : travailler avec git en local"
PDF Voir la fiche

Comment générer un bouton qui envoie un mail avec objet, contenu et destinataire du mail préremplis

Concerne
La réponse
{{button nobtn="1" link="mailto:adresse@mail.com?cc=mail@encc.be&amp;subject=le%20sujet%20du%20mail&amp;body=le%20texte%20du%20contenu" text="m'envoyer un mail" title="m'envoyer un mail"}}
PDF Voir la fiche

Comment intégrer une police dans Yeswiki

Concerne
La réponse

Exemple de code à copier dans PageCss pour ajouter des polices


Si les polices que vous souhaitez utiliser ne sont pas présente dans la liste des polices fournies, il est possible d'ajouter vos propres polices.
Cette opération est toutefois un peu technique et elle requiert au minimum de savoir accéder aux dossiers de votre wiki sur votre hébergement.

Etapes pour charger vos propres font sur le serveur
ce paragraphe mérite d'être complété
Si vous ne souhaitez pas utiliser le service de Google, vous pouvez également héberger vous-même les polices
Sur https://google-webfonts-helper.herokuapp.com/fonts vous disposez d’un service qui vous permet de choisir les polices que vous souhaitez utiliser, puis il fournit les fichiers et CSS nécessaires pour le faire.

Cette manipulation nécessite d'avoir accès au serveur (par ftp),
  • copier vos polices dans dossier /custom/fonts
  • dans votre wiki modifier PageCss pour ajouter le chargement des polices

/* Typo utilisée ubuntu-regular - latin */
/* ubuntu-regular - latin */
/* ubuntu-mono-700 - latin */
@font-face {

    font-family: 'Ubuntu Mono';
    font-style: normal;
    font-weight: 700;
    src: url('custom/fonts/ubuntu-mono-v10-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('custom/fonts/ubuntu-mono-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('custom/fonts/ubuntu-mono-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('custom/fonts/ubuntu-mono-v10-latin-700.woff') format('woff'), /* Modern Browsers */
        url('custom/fonts/ubuntu-mono-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('custom/fonts/ubuntu-mono-v10-latin-700.svg#UbuntuMono ') format('svg'); /* Legacy iOS */

}
/* fira-sans-regular - latin */
@font-face {

    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: url('custom/fonts/fira-sans-v11-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('custom/fonts/fira-sans-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('custom/fonts/fira-sans-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('custom/fonts/fira-sans-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('custom/fonts/fira-sans-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('custom/fonts/fira-sans-v11-latin-regular.svg#FiraSans ') format('svg'); /* Legacy iOS */

}

:root {
--main-text-fontfamily: 'Fira Sans', sans-serif;
--main-title-fontfamily: 'Ubuntu Mono', sans-serif;
}
PDF Voir la fiche

Comment intégrer un panel (accordéon qui s'ouvre et ferme) dans un formulaire

Concerne
La réponse je crée le panel dans un page wiki / puis je récupère le code html du panel (voir le code source de la page => chercher <div class="panel panel-default"> .... prendre jusqu'à la fermeture du panel (< ! --end of panel- ->) et je le place dans un custom html dans mon formulaire.

voir => https://www.osonslanuit.be/?Saisirlieubelleetoile</div>
PDF Voir la fiche

Comprendre ce que sont des facettes

Concerne
La réponse

Filtrer parmi des fiches au moyen d'une facette

YWDocBazaRListesFacette_listes_facette
  • Les facettes servent lors de l'affichage des fiches d'un formulaire.
  • Une facette est un petit outil qui permet de filtrer parmi les fiches d'un formulaire pour n'afficher que celles qui correspondent aux critères que l'on choisit.
  • On ne peut avoir de facette que pour des champs construits à partir d'une liste.
PDF Voir la fiche

Comprendre ce quʼest une sélection sous forme de liste déroulante

Concerne
La réponse

Sélection sous forme de liste déroulante

YWDocBazaRListesSelectionner_liste_selectionner
  • Un seul choix est possible.
PDF Voir la fiche

Comprendre ce quʼest un groupe de boutons radio

Concerne
La réponse

Sélection sous forme de groupe de boutons radio

YWDocBazaRListesRadio_liste_radio
  • On ne peut choisir qu'une seule réponse.
PDF Voir la fiche

Comprendre ce quʼest un groupe de cases à cocher

Concerne
La réponse

Sélection sous forme de groupe de cases à cocher

YWDocBazaRListesCasesaCocher_liste_cases_a_cocher
  • On peut choisir plusieurs réponses.
PDF Voir la fiche

Comprendre et modifier le code derrière les champs dʼun formulaire

Concerne
La réponse

Le code derrière les champs Bazar

Que se passe-t-il lorsque j'utilise le constructeur graphique de formulaire bazar ?

Lorsquʼon crée ou modifie un formulaire bazar, deux méthodes nous sont offertes. La méthode par défaut dans doryphore est le constructeur graphique.

YWDocBazarCode_dcfhabjikckbbnbi
Celui-ci permet de construire son formulaire de manière relativement intuitive sans avoir recours à du code puisque son rôle est justement dʼécrire le code pour vous.

Il est cependant parfois utile de comprendre ce qui se passe derrière. Nous allons donc lʼillustrer avec deux exemples, le cas dʼun champ texte, et celui dʼun groupe de cases à cocher.

Tout dʼabord, quelques petites règles simples :
  • à chaque champ placé dans le constructeur graphique, correspond une ligne dans lʼonglet « code » ;
  • lʼordre est le même dans les deux onglets (les champs dans le constructeur graphique sont dans le même ordre que les lignes correspondantes dans lʼonglet « code » ;
  • chaque ligne de code est composée de plusieurs paramètres et ces différents paramètres sont séparés par des groupes de trois astérisques (***) ;
  • le premier de ces paramètres indique toujours le type de champ.

Voyons maintenant ce qui se passe dans le cas dʼun champ texte.

Lʼimage ci-dessous montre la façon dont ce qui est rempli dans le constructeur graphique pour un champ texte se retrouve dans la ligne correspondante du code.

YWDocBazarCode_alpdkgehbbnibiem


Si on regarde la ligne de code (on se rappelle que les différents paramètres sont délimités par « *** ») on constate, par exemple, que :
  • le 1er paramètre contient bien le type de champ,
  • dans le 2e on retrouve le nom du champ,
  • le libellé du champ est dans le 3e paramètre,
  • les 4e et 5e paramètres contiennent les nombres de caractères affichés et maximum respectivement,
  • le 9e paramètre indique que le champ est obligatoire (« 1 »),
  • le 11e paramètre contient le texte dʼaide,
  • le 12e paramètre indique que le champ peut être lu par tout le monde (« »). Tous ces détails et bien dʼautres encore se trouvent sur la page https://yeswiki.net/?ChampsPossibles Regardons à présent les différences dans le cas dʼun champ de type groupe de cases à cocher.*

Lʼimage ci-dessous montre la façon dont ce qui est rempli dans le constructeur graphique pour un groupe de cases à cocher se retrouve dans la ligne correspondante du code.

YWDocBazarCode_oeimcnmcfckahabb

Le comportement est identique à celui que lʼon a vu pour un champ de type texte à la différence de :
  • le 1er champ dans le constructeur graphique (intitulé «nom ») est vide et nʼa pas de correspondance dans la ligne de code ;
  • le 2e paramètre de la ligne de code contient le nom de la liste utilisée pour ce groupe de cases à cocher ;

La page de référence pour retrouver le rôle de chacun des paramètres des codes de champ bazar est : https://yeswiki.net/?ChampsPossibles
PDF Voir la fiche

Comprendre la place du LMS dans une formation

Concerne
La réponse

La place d'un LMS dans une formation

Une formation, pour quoi faire ?

Avant de créer sa formation en ligne, il est important de prendre le temps d'identifier quelle est son intention. Vous allez être amenés à faire progresser vos apprenants au sein d'une discipline : identifiez bien les prérequis nécessaires pour que la formation puisse être correctement suivie et ce que vous aimeriez que l'apprenant maîtrise une fois la formation terminée.

Il est important de garder en vue, tout au long de la conception d'une formation, la ligne d'arrivée. C'est pourquoi, il est nécessaire de déterminer les objectifs pédagogiques. Ce sont les résultats que nous voulons voir chez les apprenants. Pour les identifer, nous pouvons nous poser les questions : Quels savoirs les apprenants doivent-ils acquérir ? Quels compétences doivent-ils développer ?
Sans oublier que ces objectifs pédagogiques doivent tous répondre à des besoins qu'ont vos apprenants sur votre domaine de compétence...

Les objectifs pédagogiques vont alors vous aider à structurer votre formation. En associant à chaque contenu un ou plusieurs objectifs pédagogiques, vous suivrez une direction : y répondre !







Pour aller plus loin : Comment construire un module de formation en béton ?

Pour aller plus loin : Comment organiser et planifier sa formation ?
Pour aller plus loin : L'alignement pédagogique : un concept clé en pédagogie universitaire
On parle également d'alignement pédagogique quand on part des objectifs pédagogiques et qu'on définit en fonction les activités pédagogiques puis des stratégies d'évaluation pour s'assurer que ces objectifs soient bien atteints.

alignement pédagogique Biggs
L'alignement pédagogique, proposé par Biggs (1997, 2004)

Modalités pédagogiques et place du LMS

On identifie 4 modalités : présence/distance et synchrone/asynchrone
Même lieu Lieux différents
Synchrone (en même temps) Présentiel : le luxe ! RDV à distance (visioconférence)
Asynchrone (temps différents) Relais de présence dans un lieu commun (rare) Connexion de chacun.e à la formation quand ça lui convient > Place privilégiée d’une plateforme pédagogique !


Une plateforme pédagogique LMS est utile à différents niveaux :

Une vraie gare centrale pour s'y retrouver
Si votre formation s'organise autour de différentes modalités (alternant présence et distance ou synchrone et asynchrone), la plateforme pédagogique est le lien entre tout ça pour rappeler les infos (horaires, liens, trombinoscope des participant.e.s et intervenant.e.s ...) et garder traces (productions, ressources ...). Nous sommes là encore dans une fonction de gare centrale.

Distanciel asynchrone : là le LMS prend tout son sens
Si vous investissez le distanciel asynchrone le LMS est un appui fort de vos contenus organisés en progression pédagogique.

Distanciel synchrone : la plateforme en appui des visio
Le RDV en visio peut prendre la forme d'une activité dans le LMS pour rappeler les éléments d'organisation : l'horaire, le lien de connexion, l'ordre du jour, l'espace de prise de notes ... Ce sera également utile à celleux qui n'auront pas pu participer pour retrouver d'éventuels notes voire enregistrements.

Présentiel synchrone : la plateforme en appui du présentiel
Le présentiel a lui aussi des aspects logistiques à rappeler. Et il est riche de ressources partagées que votre plateforme pédagogique saura restituer.
Les temps pédagogique en présentiel sont très précieux : ce sont les plus efficaces et les plus conviviaux. La plateforme en ligne doit donc être conçue pour profiter au maximum du présenciel et regléguer au distanciel et asynchrone ce qui peut l'être grâce aux outils.
PDF Voir la fiche

Comprendre la relation entre parcours, module et activité

Concerne
La réponse

Fonctionnement en Parcours / Module / Activité

image structure_parcours.png (18.1kB)
Une formation se découpe en 3 niveaux :
  • Les parcours : c'est le niveau d'une formation : en règle générale, 1 formation = 1 parcours. Dans le cas, on l'on distingue plusieurs parties bien distinctes dans une formation, il est possible que chaque partie soit représentée par un parcours. Toutefois, cette organisation peut avoir un inconvénient : les tableaux de bord de suivi des apprenants synthétisent les informations parcours par parcours et non pour plusieurs formations à la fois (cf. module : Approndir sa plateforme pédagogique)
  • Les modules : un parcours se divise en plusieurs modules, chaque module aborde une thématique du sujet que vous transmettez
  • Les activités : c'est le niveau du contenu, chaque activité apporte des apprentissages concrets sur la thématique abordée par le module. Il est intéressant de varier les supports d'apprentissage et qu'il soit adapté au sujet évoqué : texte, vidéo, pdf, exercice, schéma de synthèse, quiz...
PDF Voir la fiche

comprendre le « fonctionnement » du champ titre dʼun formulaire

Concerne
La réponse

Le seul champ indispensable : le titre

Particularités indispensables
Ce champ est un champ de type texte court. Cependant, il a trois particularités indispensables.
1. Il doit être présent dans tout formulaire.
2. Son paramètre identifiant unique doit nécessairement être « bf_titre ».
3. Il doit nécessairement être obligatoire.

Vous êtes libres de définir le libellé qui vous convient.

Corollaire
Si un formulaire doit comporter une question obligatoire qui en sera le titre, il convient de choisir judicieusement celle-ci. Dans le cas de la participation à un goûter, par exemple, on pourra demander le prénom de la personne qui s'inscrit.

Qu'advient-il de ce titre ?
Lors de la création d'une fiche par un utilisateur, YesWiki fabrique une page (d'un type particulier) à partir de cette fiche.
L'adresse (url) de cette page est déterminée automatiquement à partir du titre de la fiche. Une fiche dont le titre serait « Le titre de ma fiche » donnerait la page LeTitreDeMaFiche. À l'usage, il peut arriver que deux fiches soient créées avec le même titre. Bazar évite alors les doublons en ajoutant un nombre à la fin du titre qu'il génère (ici, LeTitreDeMaFiche1).
Le fait que chaque fiche soit également une page présente plusieurs avantages.
  • Vous pouvez donner l'adresse d'une fiche (ex. : https://mon.wiki.fr/?LeTitreDeMaFiche) à quelqu'un sans pour autant que cette personne ait à chercher parmi toutes les fiches.
  • Les différentes modifications de la fiche occasionneront autant de versions de la page.
  • Il est possible de modifier les droits sur une fiche/page en particulier.
  • Si vous modifiez le titre d'une fiche après sa création, le titre affiché sera bien modifié, mais pas l'adresse de la page.
Lors de l'affichage d'une fiche, le titre est présenté de manière particulière. YWDocBazarChampTitre_Champ_titre

  • Il a l'aspect d'un titre (en haut, plus gros, en couleur). Mais on s'y attendait.
  • Dans une liste de fiches par exemple, seul le titre sera visible pour toutes les fiches non « dépliées ».
  • Le titre est le seul champ qui soit présenté sans rappel de la question posée lors de sa saisie. Par exemple, dans un formulaire dans lequel on utilise le prénom comme titre, on aura « Nadine » et non pas « Prénom : Nadine ».
PDF Voir la fiche

Comprendre lʼidentifiant unique des champs basés sur une énumération

Concerne
La réponse

Au sujet de lʼidentifiant unique des champs basés sur une énumération

Si vous avez un champ de type « Sélectionner » qui énumère la liste listeConfiture, son identifiant YesWiki sera listeListeConfiture.
Si cela avait été un champ de type « Cases à cocher », l'identifiant serait checkboxListeConfiture.
Et pour un champ de type « boutons radio », l'identifiant serait radioListeConfiture.

Si vous spécifiez pour ce champ que son paramètre « identifiant unique » est bf_tartine, alors son identifiant complet deviendrait listeListeConfiturebf_tartine (ou checkboxListeConfiturebf_tartine ou radioListeConfiturebf_tartine). Mais du fait que vous spécifié cet identifiant unique, vous pouvez aussi lʼutiliser seul et vous référer à ce champ comme étant bf_tartine (en tout cas cela fonctionne pour les champs conditionnels).
PDF Voir la fiche

Comprendre lʼinterface utilisateur de LMS

Concerne
La réponse

Suivre une formation grâce à l'extension

L'extension LMS permet à des apprenants de pouvoir naviguer aisément entre les différents niveaux d'une formation. De la description générale d'un parcours, il permet d'accéder un à un à chaque module et effectuer dans l'ordre les activités prévues pour chaque module.
L'extension définit un rendu particulier des différentes fiches de type LMS Parcours, LMS Module et LMS Activité et permet une navigation adaptée entre elles.

En visualisant une fiche LMS Parcours, l'apprenant peut avoir connaissance de la description de la formation, des différents modules et de leur description, nombre d'activités et temps estimé. Il peut également accéder aux activités de chaque module à l'aide du bouton principal du module :
  • le bouton « Commencer » s'affiche quand il n'a encore jamais consulté une activité du module, il lui permet alors d'accéder à la première activité
  • le bouton « Reprendre » s'affiche quand une partie des activités du module a été consulté, l'apprenant peut ainsi revenir à la dernière activité consultée
  • le bouton « Revoir » s'affiche quand toutes les activités du modules ont déjà été consultées, en cliquant dessus l'apprenant revient à la première activité

Pour les administrateurs uniquement, un encart est également affiché où les modes de scénarisation pour le parcours sont affichés (cf « M3.1-c Lectures : Créer sa formation en ligne »), et un accès au tableau de bord de suivi des apprenants (cf « module 2 »).
image prise_en_main_vue_parcours.png (0.1MB)
Consultation d'une fiche de type « LMS Parcours »




image prise_en_main_vue_activit.png (0.1MB)
Consultation d'une fiche de type « LMS Activité »
Une fois que l'apprenant accède à une fiche LMS Activité, la page est alors organisée en plusieurs zones :
  • le contenu de l'activité prend la majeure partie de la page et permet à l'apprenant de suivre le cour à l'aide de différents contenus qui peuvent être intégrées : texte, vidéo, pdf, exercice, schéma de synthèse, quiz...
  • le menu du parcours à gauche permet à l'apprenant de visualiser là où il se situe dans la formation : dans quel module et activité du module. Si les modes de scénarisation sont désactivés (cf « M3.1-c Lectures : Créer sa formation en ligne »), il peut alors utiliser ce menu pour naviguer vers une activité du même module ou vers un autre module.
  • la barre de navigation en bas de page lui permet de passer à l'activité suivante, mais également de revenir à la précédente activité. En cas de première activité affichée, le bouton précédent passe au module précédent et de la même manière à la dernière activité, l'apprenant est redirigé au module suivant lorsqu'il clique sur « Suivant ».
  • la zone des réactions : si cette option est activée au niveau de la fiche (cf « M3.1-c Lectures : Créer sa formation en ligne »), un apprenant qui est connecté avec un compte peut sélectionner une réaction parmi celles proposées. Un compteur est affiché en bas de chaque réaction et permet de voir à tout moment le nombre de personnes qui ont « voté » pour chacune d'elle.

Afin d'afficher correctement une activité dans son contexte de formation, l'extension LMS se base sur les paramètres donnés dans l'URL de la page. Les paramètres « course » et « module » sont ainsi utilisés pour référencer une fiche LMS Parcours et une fiche LMS Module et permettent d'identifier dans quel contexte de formation et de module l'activité est affichée vu qu'une activité peut être associée à plusieurs parcours ou plusieurs modules.
Pour chaque paramètre, le tag de la fiche (ou identifiant) est donné en valeur comme par exemple l'URL de cette page activité au sein de cette formation :
https://quincaillere.org/formationgarecentrale2022/?M31LmsLectures&course=P3LmsParcours3Lms&module=M31LmsPenserMaFormationSelonLeDecoupage
L'URL référence alors la fiche LMS Parcours P3LmsParcours3Lms et la fiche LMS Module M31LmsPenserMaFormationSelonLeDecoupage et permet que l'affichage du menu du parcours et des boutons « Précédent » et « Suivant » prenne en compte la séquence de navigation prévue par la formation.

Si ces paramètres ne sont pas donnés, l'affichage de l'activité risque de s'afficher sans contexte (menu parcours et barre de navigation vides) ou avec le mauvais contexte.
C'est par exemple le cas quand on revient d'une saisie d'une fiche Activité LMS, YesWiki perd ces paramètres quand on passe en mode édition. Ce désagrément pourrait être corrigé avec quelques développements supplémentaires mais cela n'a pas encore été jugé comme prioritaire.

L'affichage d'un module dans son contexte de formation fonctionne avec le même système de paramètre dans l'URL de la page. Toutefois, seul le parcours associé au module est donné en paramètre comme dans l'URL suivante qui réfère au module de l'activité courante :
https://quincaillere.org/formationgarecentrale2022/?M31LmsPenserMaFormationSelonLeDecoupage&course=P3LmsParcours3Lms




image prise_en_main_vue_module.png (62.5kB)
PDF Voir la fiche

Concevoir son formulaire

Concerne
La réponse
Retour à lʼaccueil de la documentation

Bazar – Concevoir son formulaire

Les questions à se poser lors de la conception d'un formulaire Bazar

Lorsqu'on conçoit un formulaire, on se pose la question "qu'est-ce que je cherche à savoir ?", autrement dit, « quelles sont les questions auxquelles on souhaite que les utilisateurs répondent ? ».

Cohérence des objectifs
En tant que concepteur, la première question que l'on doit se poser dans ce type de démarche est la suivante : « quel est l'objectif de ce formulaire ? »
Cette question en amène quelques autres sur lesquelles il pourrait être constructif de se pencher.
  • Cet objectif, que j'imagine, a-t-il été validé par le groupe auquel le formulaire est destiné ?
  • Quel est mon objectif ?
  • Les réponses à ces différentes questions sont-elles cohérentes ?

Éviter de vouloir la perfection
Au risque d'enfoncer quelques portes ouvertes et en supposant que le perfection existe…
1 – Le formulaire parfait à vos yeux ne le sera pas nécessairement aux yeux des autres.
2 – Le formulaire parfait, aujourd'hui, ne le sera pas nécessairement demain (et oui, le monde change).

Au delà de ces considérations, voici deux aspects de la conception de formulaire pour lesquels il n'y a pas de bonne réponse absolue.

Le nombre de questions – Vaut-il mieux prévoir un fomulaire le plus complet possible afin d'éviter de solliciter trop souvent la participation ? A contrario, un individu normalement constitué ne risque-t-il pas de se décourager à la vue d'un questionnaire qu'il juge trop long ? Une réponse juste à ces interrogations se trouve peut-être dans les deux considérations suivantes.
  • Quels sont, pour le groupe, les objectifs de votre formulaire ? Vous y tenez-vous ?
  • Un individu est beaucoup plus enclin à produire un effort qu'il a décidé. Autrement dit, si vous avez conçu, de manière réellement coopérative, un formulaire, chacune des personnes partie prenante à cette conception sera plus volontiers volontaire pour le remplir.

Les informations obligatoires – Quand on y réfléchit bien, si on pose la question, c'est qu'on veut connaître la réponse. Une conséquence de cela est la tendance à rendre obligatoires beaucoup de questions de notre formulaire.
L'expérience montre que les formulaires comportant trop de questions obligatoires sont peu remplis. Les principales raisons en sont le découragement, d'une part, et, d'autre part, l'impossibilité, parfois, de remplir le formulaire en une fois, du fait de la nature de certaines questions.
Une bonne pratique consiste à se focaliser, pour les questions obligatoires, sur celles pour lesquelles l'absence de réponse priverait la fiche de tout son sens.
On évitera également de rendre obligatoire toute question dont la réponse peut demander une implication trop forte sauf si bien sûr c'est là l'objet du formulaire. Pour illustrer, demander aux gens ce qu'ils vont apporter est acceptable pour l'organisation du goûter de la semaine prochaine, mais risque de décourager quand il s'agit de l'encas de toutes les réunions du CA de l'an prochain (on y est pas encore et ça fait beaucoup).

Testez, corrigez, recommencez (itérations) – La conception du formulaire (1re phase) va avoir un impact sur son comportement aussi bien lors de la saisie des différentes fiches (2e phase) que lors de l'affichage de ses résultats (3e phase). Vous allez donc probablement découvrir des choses en cours de route et devoir adapter votre formulaire (1re phase).
Ce n'est pas grave !
Il sera donc judicieux de procéder à quelques tests de votre page de saisie et de votre page d'affichage des résultats avant de diffuser massivement les liens vers ces pages. Voire de le faire tester à des collègues qui apporteront leur regard neuf.

Prendre le contrôle sur son collectif
  • Enfermez vous tout seul chez vous.
  • Concevez le formulaire parfait.
  • Imposez à tous les autres de le remplir.
  • Obligez les à être heureux en consultant les résultats.

Si vous pensez ne pas être capable de réaliser au moins une des étapes ci-dessus, alors vous êtes face à une excellente occasion de mettre en œuvre de la coopération en co-élaborant votre formulaire.

A toi de jouer !

Sur un fichier texte ou sur ton cahier, note :
  • le 1er formulaire auquel tu penses pour ton wiki
  • à quel besoin répond ce formulaire ? quel problème va-t-il résoudre ?
  • quelles sont les 3 questions indispensables à ce formulaire
  • comment vas-tu travailler, soumettre ce formulaire à tes collègues ?

Tu es en difficulté ou tu as des questions ? N'hésite pas à solliciter la communauté YesWiki sur le forum


Bazar – Conception technique du formulaire

Accéder à Bazar

Bazar est la partie base de données de YesWiki. On s'y rend de la manière suivante.
  • Menu roue crantée en haut à droite du wiki.
  • Entrée « Formulaires ».

Notez qu'il faut être connecté avec un compte administrateur du wiki pour pouvoir utiliser certaines fonctionnalités Bazar.

L'écran qui se présente ressemble à ceci :
YWDocBazarAcces

Les différents onglets en haut de cette page permettent d'accéder aux différentes fonctions de Bazar.

« Formulaires » vous permet de gérer vos formulaires.

« Rechercher » vous permet de rechercher parmi les fiches déjà présentes dans vos formulaires.
Vous pouvez également trier vos fiches pour n'afficher que celles appartenant à un formulaire donné.

« Saisir » vous permet de saisir des fiches dans un de vos formulaires.

« Listes » vous permet de créer les listes (et leurs contenus) que vous utiliserez ensuite dans vos formulaires.

« Importer » vous permet d'importer des données en nombre (en provenance d'un tableur par exemple) directement dans un de vos formulaire.

« Exporter » vous permet d'exporter les données d'un de vos formulaire pour un usage externe (dans un tableur par exemple).

Gestion des formulaires Bazar

Pour gérer les formulaires, il faut se rendre sur l'onglet « Formulaires » de la partie base de données de YesWiki.
  • Menu roue crantée en haut à droite du wiki.
  • Entrée « Formulaires ».
  • Onglet « Formulaires ».

Cet onglet se présente sous la forme d'un tableau dans lequel chaque formulaire présent sur le wiki occupe une ligne.
Pour chaque ligne, et donc chaque formulaire, on a donc les informations suivantes (les nombres en rouge sur la capture d'écran correspondent aux numéros dans la liste ci-après).
1 – Le nom du formulaire. C'est le nom sous lequel ce formulaire apparaîtra pour vous.
Parfois ce nom est suivi de quelques mots de description (dans l'exemple ci-contre c'est le cas des formulaires Convive et Ressources)
2 – Ce petit bouton en forme de loupe vous permet d'accéder à la recherche parmi les fiches de ce formulaire. Le comportement est alors similaire à celui qu'on aurait avec l'onglet « Rechercher » en haut de page.
3 – Ce petit bouton en forme de « + » vous permet d'accéder à la saisie de fiches pour ce formulaire. Le comportement est alors similaire à celui qu'on aurait avec l'onglet « Saisir » en haut de page.
4 – Chacune des icônes ou libellés dans ce groupe permet de déclencher l'export, la diffusion ou la publication selon le format indiqué.
5 – Il s'agit de l'identifiant (ou nom) du formulaire pour YesWiki. Vous n'aurez a priori pas à utiliser ce nom.
6 – Ce petit bouton permet de dupliquer un formulaire afin de s'en inspirer pour en construire un autre en partie similaire sans avoir à tout refaire.
7 – Ce petit bouton en forme de crayon permet d'accéder à la modification du formulaire.
8 – Cette petite gomme permet de supprimer toutes les fiches du formulaire. Attention, il n'y a pas de moyen de récupérer des fiches supprimées.
9 – Cette petite poubelle permet de supprimer le formulaire. Attention, il n'y a pas de moyen de récupérer un formulaire supprimé.
10 – Ce bouton permet de créer un nouveau formulaire.
11 – Vous pouvez, si vous avez repéré sur un autre YesWiki un formulaire qui vous conviendrait, utiliser ce champ pour saisir l'adresse du wiki en question. Vous serez ensuite guidés pour récupérer le ou les formulaires qui vous intéressent sur ce wiki.
YWDocBazarFormulaireGestion

Création et modification d'un formulaire Bazar

Pour modifier un formulaire ou utilisera donc le petit bouton en forme de crayon (cf. 7 précédent).
Et, pour créer un nouveau formulaire, on utilisera le bouton « Saisir un nouveau formulaire ».
Les deux boutons envoient sur un écran similaire, vide dans le cas de la création et présentant les questions du formulaire dans le cas d'une modification.
Création d'un formulaire YWDocBazarFormulaireModification_formulaire_creation
Modification d'un formulaire YWDocBazarFormulaireModification_formulaire_modification

Nom du formulaire
Dans la première zone en haut de l'écran, on saisit (création), ou on trouve (modification), le nom du formulaire.
  • Ce nom peut être composé de plusieurs mots, comportant éventuellement des caractères accentués.
  • Il est possible de modifier ce nom par la suite.

Description du fomulaire
Cette zone permet de saisir des explications pour comprendre l'objectif du formulaire depuis l'écran de gestion des formulaires (cf. 1 précédent).

Ajout, suppression et réorganisation des champs du formulaire
Remarque concernant le vocabulaire – Nous appellerons « champ » la mise en œuvre technique d'une question.

Depuis la version Doryphore de YesWiki, la gestion des champs du formulaire se fait au moyen d'un constructeur graphique. Celui-ci permet d'ajouter, modifier, supprimer ou réorganiser des champs dans le formulaire.
YWDocBazarFormulaireModification_formulaire_constructeur

Ce constructeur graphique se présente en deux parties. Les numéros sur l'image renvoient aux explications ci-dessous.
Dans la partie gauche de l'écran, sont montrés les champs (ou questions) déjà présents avec :
  • leur intitulé (1),
  • une représentation de leur aspect dans le formulaire final (2),
  • un petit astérique rouge si le champ est obligatoire (3).
Lorsqu'on déplace le pointeur de la souris au dessus de la zone correspondant au champ, celui-ci devient une poignée (4) qui permet de déplacer le champ pour le positionner à un en autre endroit dans le formulaire.
Apparaissent également au survol de la souris,
  • un bouton de suppression du champ (5),
  • un bouton de modification du champ (6),
  • un bouton de duplication du champ (7).
Dans la partie de droite se trouvent les différents types de champs possibles (8).
En saisissant, dans la partie droite, l'icône d'un type de champs et en la glissant dans la partie gauche, on va ajouter un champ de ce type au formulaire. YWDocBazarFormulaireModification_formulaire_constructeur_grab
Une zone noire apparaît alors à l'endroit où le champ sera inséré. Dans l'exemple montré, cette zone est placée en dessous du champ prééxistant.
YWDocBazarFormulaireModification_formulaire_constructeur_drop_field
En relachant le bouton de la souris, le champ se crée.
YWDocBazarFormulaireModification_formulaire_constructeur_champ_creation

Modification d'un champ de formulaire
En cliquant sur le petit crayon correspondant à un champ, on peut modifier ses différents paramètres.
Les détails sont dans l'onglet ci-dessous : "Types de champs des formulaires Bazar"

Enregistrer
Lorsque vous avez fini de modifier votre formulaire, vous devez valider au moyen du bouton du même nom en bas de page.

A toi de jouer !

Dans les formulaires de ton wiki :
  • modifie le formulaire "Agenda"
    • supprime la questions "Documents"
    • glisse au-dessus de la question "Description" les 2 questions "Début et fin d'événement"
  • crée un nouveau formulaire
    • nomme le formulaire test ou en cohérence avec un vrai besoin
    • modifie la question "Titre de la fiche"
    • ajoute une question de type "texte long"
Tu es en difficulté ou tu as des questions ? N'hésite pas à solliciter la communauté YesWiki sur le forum


Types de champs Bazar

Bazar propose de nombreux types de champs. Voici ceux auxquels vous aurez le plus souvent recours.

Les types de champs les plus simples et les plus courants

Le seul champ indispensable : le titre

Particularités indispensables
Ce champ est un champ de type texte court. Cependant, il a trois particularités indispensables.
1. Il doit être présent dans tout formulaire.
2. Son paramètre identifiant unique doit nécessairement être « bf_titre ».
3. Il doit nécessairement être obligatoire.

Vous êtes libres de définir le libellé qui vous convient.

Corollaire
Si un formulaire doit comporter une question obligatoire qui en sera le titre, il convient de choisir judicieusement celle-ci. Dans le cas de la participation à un goûter, par exemple, on pourra demander le prénom de la personne qui s'inscrit.

Qu'advient-il de ce titre ?
Lors de la création d'une fiche par un utilisateur, YesWiki fabrique une page (d'un type particulier) à partir de cette fiche.
L'adresse (url) de cette page est déterminée automatiquement à partir du titre de la fiche. Une fiche dont le titre serait « Le titre de ma fiche » donnerait la page LeTitreDeMaFiche. À l'usage, il peut arriver que deux fiches soient créées avec le même titre. Bazar évite alors les doublons en ajoutant un nombre à la fin du titre qu'il génère (ici, LeTitreDeMaFiche1).
Le fait que chaque fiche soit également une page présente plusieurs avantages.
  • Vous pouvez donner l'adresse d'une fiche (ex. : https://mon.wiki.fr/?LeTitreDeMaFiche) à quelqu'un sans pour autant que cette personne ait à chercher parmi toutes les fiches.
  • Les différentes modifications de la fiche occasionneront autant de versions de la page.
  • Il est possible de modifier les droits sur une fiche/page en particulier.
  • Si vous modifiez le titre d'une fiche après sa création, le titre affiché sera bien modifié, mais pas l'adresse de la page.
Lors de l'affichage d'une fiche, le titre est présenté de manière particulière. YWDocBazarChampTitre_Champ_titre

  • Il a l'aspect d'un titre (en haut, plus gros, en couleur). Mais on s'y attendait.
  • Dans une liste de fiches par exemple, seul le titre sera visible pour toutes les fiches non « dépliées ».
  • Le titre est le seul champ qui soit présenté sans rappel de la question posée lors de sa saisie. Par exemple, dans un formulaire dans lequel on utilise le prénom comme titre, on aura « Nadine » et non pas « Prénom : Nadine ».

Champ de type texte court

Un champ texte permet la saisie de quelques mots.

YWDocBazarChampTexte_champ_texte1 Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Paramètres spécifiques au type de champs « texte court »

Valeur
Ce paramètre permet de pré-remplir le champ. C'est utile lorsque on connait la réponse la plus courante (si, par exemple, on demande le pays).
Nombre de caractères visibles
Ce paramètre permet de préciser combien de caractères seront visibles à l'écran.
Longueur max
Ce paramètre permet de limiter la longueur de la réponse que les utilisateurs peuvent saisir.

Champ de type « Texte long »

Une zone de texte permet la saisie d'un texte relativement long et pouvant courrir sur plusieurs lignes.

YWDocBazarChampZone_champ_zone1 Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Paramètres spécifiques au type de champs « zone de texte »

Valeur
Ce paramètre permet de pré-remplir le champ. C'est utile lorsque on connait la réponse la plus courante (si, par exemple, on demande le pays).
Format d'écriture
Ce paramètre permet de paramétrer les fonctionnalités d'écriture dont disposeront les utilisateurs. Trois valeurs sont possibles.
  • Wiki – C'est la valeur par défaut. Elle offre pour la saisie de ce champ tous les outils disponibles lorsqu'on édite une page YesWiki.
  • Éditeur wysiwyg – Ce paramètrage offre à l'utilisateur beaucoup plus de facilité de saisie. Son usage est toutefois à limiter pour des raisons d'ergonomie.
  • Texte non interprété – Cette valeur limite la saisie aux seuls caractères sans mise en forme (pas d'italique ni de gras par exemple). C'est très utile pour saisir des adresses postales.
Largeur champ de saisie
Ce paramètre permet de préciser la largeur du champ de saisie.

Champ de type « image »

Un champ de type image permet d'importer un fichier image qui sera ensuite visualisable dans la fiche.

YWDocBazarChampImage_champ_imageok Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Paramètres spécifiques au type de champs « image »

Alignement
C'est là que l'on paramètre le comportement d'affichage de l'image. Son fonctionnement est similaire à ce qui se passe dans l'édition de pages (quand on joint une image avec le bouton Fichier).
Image par défaut
Ce paramètre permet de télécharger une image qui apparaitra par défaut si aucune autre image n'est téléchargée.
Hauteur vignette
YesWiki génère une vignette des images afin de les afficher rapidement si besoin. Ce paramètre permet de préciser la hauteur de cette vignette.
Largeur vignette
YesWiki génère une vignette des images afin de les afficher rapidement si besoin. Ce paramètre permet de préciser la largeur de cette vignette.
Hauteur redimension
YesWiki peut harmoniser la taille des images importées pour ce formulaire. Ce paramètre permet de préciser la hauteur de cette image redimensionnée.
Largeur redimension
YesWiki peut harmoniser la taille des images importées pour ce formulaire. Ce paramètre permet de préciser la largeur de cette image redimensionnée.
Taille max
Ce paramètre permet de préciser une taille maximum. Ici l'unité est en octet, 2000000 correspond à 2Mo.

Champ de type « upload de fichier »

Ce type de champ permet d'uploaded un fichier (par exemple au format PDF). Ce fichier est ensuite téléchargeable par les personnes qui visualisent la fiche.

YWDocBazarChampUpload_champ_uploadOK Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Paramètres spécifiques au type de champs « upload de fichier »

Taille max
Ce paramètre permet de limiter la taille du fichier. Il s'agit d'un nombre d'octets (par ex. 2000000 équivalent à 2 Mo).
Label à l'affichage
Ce paramètre permet de choisir l'intitulé qui apparait au-dessus du bouton de téléchargement lors de l'affichage de la fiche. Par défaut l'intitulé est "Fichier : {filename}" c'est à dire Fichier : le nom du fichier téléchargé..
Extensions présélectionnées
Lors de la saisie de la fiche, ce paramètre permet de présélectionner uniquement certains types de fichier pour faciliter la recherche du fichier à télécharger.
Ex : .pdf" pour ne pré-sélectionner que les fichiers pdf ou .pdf,.jpg,.png" pour ne présélectionner que ces 3 extensions.
Type sémantique du champ

Champ de type « email »

Ce type de champs permet de saisir une adresse électronique. YesWiki effectue automatiquement des contrôles sur la syntaxe de l'adresse et propose également de paramétrer des comportements spécifiquement liés à ce type de données.

YWDocBazarChampemail_champ_email1 Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Paramètres spécifiques au type de champs « email »

Remplacer l'email par un bouton contact
En sélectionnant « oui » pour ce paramètre, on fait en sorte que l'adresse électronique soit remplacée, lors de l'affichage de la fiche, par un bouton qui renvoit vers un formulaire de contact automatiquement généré. L'email n'est donc pas visible par les personnes qui visualisent la fiche.
Dans ce cas les paramètres avancés changent :
-affichage brut de l'email autorisé pour
- Envoi d'email autorisé pour permet de choisir qui peut voir le bouton permettant d'envoyer un mail grâce au formulaire de contact
- Peut être saisie par permet de choisir qui peut voir ce champ au moment de la saisie de la fiche.

Envoyer le contenu de la fiche à cet email
Ce paramètre permet de demander à YesWiki d'envoyer le contenu de la fiche à l'adresse saisie. Cet envoi se fera lorsque la personne aura validé la saisie de la fiche.

Champ de type date

Un champ de type date permet de saisir sans erreur une date.
Certains affichages des résultats (calendrier, agenda, etc.) nécessitent la présence d'un champ date.

YWDocBazarChampDate_champ_dateOK Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Paramètres spécifiques au type de champs date

Initialiser à Aujourd'hui
Ce paramètre permet de préciser si on souhaite que la date soit prédéfinie à la date du jour.

Les autres types de champs

Lorsqu'on peut énumérer toutes les réponses possibles à une question

Il arrive fréquemment qu'on puisse énumérer (lister) toutes les réponses possibles à une question de notre formulaire, pour exemples : (oui, non) ou encore (sympathisant, adhérent, etc.).

À quoi cela peut-il servir ?

Dans Bazar, cette énumération des réponses possibles se matérialise sous la forme d'une liste ou d'un formulaire dont les différentes fiches constitueront les réponses possibles.

Lors de la phase 1 de conception du formulaire, ces énumérations (listes ou formulaires liés) vont permettre de poser les questions sous forme de :
  • liste déroulante,
  • groupe de cases à cocher,
  • groupe de boutons radio.


Lors de la phase 3 d'affichage des résultats du formulaire, le recours à des énumérations permet de proposer des facettes afin que l'utilisateur puisse filtrer parmi les fiches remplies.

Les listes dans Bazar

Bazar permet de définir des listes que vous allez pouvoir utiliser ensuite dans des formulaires.

Gestion des listes

Pour gérer les listes, il faut se rendre sur l'onglet « Listes » de la partie base de données de YesWiki.
  • Menu roue crantée en haut à droite du wiki.
  • Entrée « Formulaires ».
  • Onglet « Listes ».

Cet onglet se présente de la manière suivante (les nombres en rouge sur la capture d'écran correspondent aux numéros dans la liste ci-après).
1 – Le nom de la liste. C'est le nom sous lequel cette liste apparaîtra pour vous.
2 – Un aperçu de la liste. En cliquant sur la petite flêche descendante à droite, on peut faire apparaître l'ensemble des valeurs possibles.
3 – Le nom de la liste, vu du côté de YesWiki cette fois. Vous n'aurez a priori pas à utiliser ce nom.
4 – Ce petit bouton en forme de crayon permet d'accéder à la modification de la liste.
5 – Cette petite poubelle permet de supprimer la liste. Attention, il n'y a pas de moyen de récupérer une liste supprimée.
6 – Ce bouton permet de créer une nouvelle liste.
7 – Vous pouvez, si vous avez repéré sur un autre YesWiki une liste qui vous conviendrait, utiliser ce champ pour saisir l'adresse du wiki en question. Vous serez ensuite guidés pour récupérer la ou les listes qui vous intéressent sur ce wiki. Le wiki https://yeswiki.net/serveur recense des listes utiles : départements de France, pays du monde ... ;-)
YWDocBazaRListes

Création ou modification d'une liste

Pour modifier une liste ou utilisera donc le petit bouton en forme de crayon (cf. 4 précédent). Et, pour créer une nouvelle liste, on utilisera le bouton « Saisir une nouvelle liste ».
Les deux boutons envoient sur un écran similaire, vide dans le cas de la création et chargé du contenu de la liste dans le cas d'une modification.
Création d'une liste YWDocBazaRListes_liste_creation45
Modification d'une liste YWDocBazaRListes_liste_modification45
Nom de la liste
Dans la première zone en haut de l'écran, on saisit (création), ou on trouve (modification), le nom de la liste (cf. 1 de la section précédente).
  • Ce nom peut être composé de plusieurs mots, comportant éventuellement des caractères accentués.
  • Il est possible de modifier ce nom par la suite.
Saisie ou modification d'une valeur de la liste
Chacune des valeurs de la liste sera saisie dans une ligne.
On y trouve deux valeurs et deux boutons :
  • Le libellé ou texte – C'est le texte ou la valeur qui va s'afficher. Cela peut être un ou plusieurs mots ou des nombres. C'est le seul élément à saisir. Il faut valider une valeur en cliquant sur le +.
  • La clef ou identifiant unique – C'est le nom que YesWiki va utiliser pour cette valeur.
    • Dans la version 4.5 cette clef est générée automatiquement par YesWiki. Dans les version précédentes, nous recommandons de n'utiliser pour cette clef que des suites de caractères sans accents et sans espaces.
    • Même si vous n'en verrez rien, c'est cette clef que YesWiki va stocker dans les fiches de formulaire pour lesquelles les utilisateurs ont choisi cette valeur de liste.
  • Le bouton de suppression – Ce bouton permet de retirer cette valeur de la liste. Attention :
    • une valeur supprimée ne peut pas être restaurée (pas d'annulation de la suppression). Si après avoir supprimé une valeur vous vous rendez compte qu'il s'agissait d'une erreur, vous devrez saisir à nouveau cette valeur.
    • Quand vous supprimez une valeur d'une liste, cela ne change rien dans les différentes fiches de formulaires. Autrement dit, supposons que vous ayez une liste (oui, non), et que vous ayez un formulaire d'inscription dans lequel vous demandez au personnes si elles sont adhérentes au moyen de cette liste (oui, non). Si vous supprimer la valeur « oui » de la liste, toutes les fiches pour lesquelles les personnes ont répondu « oui » à la question « Avez-vous adhéré ? » vont conserver cette information.
  • La poignée de déplacement – Cette poignée permet de changer l'ordre des valeurs dans la liste. Vous pouvez ainsi ajouter des valeurs selon vos besoins, puis réordonner la liste pour qu'elle se présente comme vous le souhaitez (par exemple, dans l'ordre alphabétique).
Ajouter une nouvelle valeur à la liste
Si vous souhaitez ajouter une valeur à votre liste et qu'aucune ligne de saisie n'est vide, vous pouvez en ajouter une au moyen du bouton +.
Enregistrer
Lorsque vous avez fini d'ajouter des valeurs à votre liste, vous pouvez cliquer sur ce bouton afin de sauvegarder votre liste.

Liste à plusieurs niveaux

La version 4.5 de YesWki permet de faire des listes à plusieurs niveaux.
Vous allez déplier et saisir des valeurs de niveaux inférieurs avec la flèche à gauche de la valeur.
Voici un exemple avec 2 niveaux :
YWDocBazaRListes_CaptureListe2niveauxbazar
On peut même imaginer 3, 4 ... niveaux :
YWDocBazaRListes_CaptureListe3ou4niveauxbazar
Voici comment ça s'affichera lors de la saisie :
YWDocBazaRListes_affichagelisteplusieursniveaux
Et voici comment ça s'affichera lors de l'affichage des données avec des facettes :
YWDocBazaRListes_vidoaffichagebazarfacetteplusieursniveauxdelistes

Utiliser un formulaire en tant que liste

Bazar permet d'utiliser, dans un formulaire, un autre formulaire comme s'il s'agissait d'une liste. Les réponses à cet autre formulaire constituent alors les différentes valeurs de cette liste.
Premier exemple
Vous avez un formulaire « projet » présentant des projets et un autre formulaire, « commentaire », permettant d'ajouter des commentaires sur ces projets.
Vous souhaitez, au sein du formulaire « commentaire », permettre à l'utilisateur de choisir dans une liste déroulante dynamique la fiche « projet » qu'il souhaite commenter.
Second exemple
Vous avez un formulaire « recette » qui regroupe différents plats (un par fiche).
Et, dans un autre formulaire (« menu » par exemple), vous souhaitez permettre à l'utilisateur de choisir dans une liste déroulante dynamique un plat parmi vos recettes.

Comment faire ?

Bazar va permettre de lier un formulaire à un autre. Dans notre premier exemple, des fiches du formulaire « commentaire » vont être liées à des fiches du formulaire « projet ».
Pour cela on utilise un des champs :
  • Sélectionner,
  • Groupe de cases à cocher,
  • Groupe de boutons radio.
Lors du paramétrage de ce champ, il faut :
  • pour le paramètre « Origine des données », choisir « Un formulaire Bazar ».
  • puis, pour le paramètre « Choix de la liste/du formulaire », indiquer le formulaire à partir duquel vous souhaitez que les utilisateurs choisissent.

Montrer les fiches liées

En reprenant notre premier exemple, on peut, lorsqu'on affiche une fiche « projet », montrer toutes les fiches « commentaire » s'y rapportant.
Pour cela on utilisera, dans le formulaire « projet », un champ du type « Liste des fiches liées » dont le paramètre « Id du formulaire lié » contiendra l'identifiant Bazar du formulaire « commentaire » (point 5 sur cette page).

Champ de type « sélectionner »

  • En premier lieu ce type de champs nécessite de pouvoir énumérer les différentes valeurs possibles Pour savoir comment faire.
  • Un champ de ce type permet de proposer à l'utilisateur une liste fermée de choix. Les choix possibles seront présentés sous forme d'une liste déroulante.
  • En outre, l'utisation de ce type de champ permet d'avoir recours à des facettes pour filtrer parmi les fiches remplies.
YWDocBazarChampListe_champ_liste1 Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.
Remarque sur lʼidentifiant unique pour ce type de champs

Paramètres spécifiques au type de champs « sélectionner »

Origine des données
Dans ce paramètre, pour permettre à l'utilisateur de choisir parmi les valeur d'une liste, sélectionnez « une liste ».
Si, au contraire, vous souhaitez permettre à l'utilisateur de choisir parmi des fiches d'un autre formulaire, sélectionnez « Un formulaire Bazar ».
Choix de la liste/du formulaire
Avec ce paramètre vous choisissez la liste (ou le formulaire) à partir de laquelle vous souhaitez que les utilisateurs choisissent.
Valeur par défaut
Ce paramètre vous permet de proposer une valeur par défaut. Si vous n'en précisez pas, c'est le mot « choisir » qui s'affichera jusqu'à ce qu'un choix soit effectué. Attention, pour préciser la valeur par défaut, il faut indiquer sa clef dans la liste (et non pas sa valeur).

Champ de type « groupe de cases à cocher »

  • En premier lieu ce type de champs nécessite de pouvoir énumérer les différentes valeurs possibles Pour savoir comment faire.
  • Un champ de ce type permet de proposer à l'utilisateur une liste fermée de choix. Les choix possibles seront présentés sous forme d'un groupe de cases à cocher.
  • En outre, l'utisation de ce type de champ permet d'avoir recours à des facettes pour filtrer parmi les fiches remplies.

YWDocBazarChampCheckbox_champ_checkbox1 Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.
Remarque sur lʼidentifiant unique pour ce type de champs

Paramètres spécifiques au type de champs « groupe de cases à cocher »

Origine des données
Dans ce paramètre, pour permettre à l'utilisateur de choisir parmi les valeur d'une liste, sélectionnez « une liste ».
Si, au contraire, vous souhaitez permettre à l'utilisateur de choisir parmi des fiches d'un autre formulaire, sélectionnez « Un formulaire Bazar ».
Choix de la liste/du formulaire
Avec ce paramètre vous choisissez la liste (ou le formulaire) à partir de laquelle vous souhaitez que les utilisateurs choisissent.
Valeur par défaut
Ce paramètre vous permet de proposer une valeur par défaut. Si vous n'en précisez pas, c'est le mot « choisir » qui s'affichera jusqu'à ce qu'un choix soit effectué. Attention, pour préciser la valeur par défaut, il faut indiquer sa clef dans la liste (et non pas sa valeur).

Champ de type « groupe de boutons radio »

  • En premier lieu ce type de champs nécessite de pouvoir énumérer les différentes valeurs possibles Pour savoir comment faire.
  • Un champ de ce type permet de proposer à l'utilisateur une liste fermée de choix. Les choix possibles seront présentés sous forme d'un groupe de boutons radio.
  • En outre, l'utisation de ce type de champ permet d'avoir recours à des facettes pour filtrer parmi les fiches remplies.

YWDocBazarChampRadio_champ_radio1 Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.
Remarque sur lʼidentifiant unique pour ce type de champs

Paramètres spécifiques au type de champs « groupe de boutons radio »

Origine des données
Dans ce paramètre, pour permettre à l'utilisateur de choisir parmi les valeur d'une liste, sélectionnez « une liste ».
Si, au contraire, vous souhaitez permettre à l'utilisateur de choisir parmi des fiches d'un autre formulaire, sélectionnez « Un formulaire Bazar ».
Choix de la liste/du formulaire
Avec ce paramètre vous choisissez la liste (ou le formulaire) à partir de laquelle vous souhaitez que les utilisateurs choisissent.
Valeur par défaut
Ce paramètre vous permet de proposer une valeur par défaut. Si vous n'en précisez pas, c'est le mot « choisir » qui s'affichera jusqu'à ce qu'un choix soit effectué. Attention, pour préciser la valeur par défaut, il faut indiquer sa clef dans la liste (et non pas sa valeur).

Champ de type « géolocalisation de l'adresse »

YWDocBazarChampGeo_champ_geoloc
Ce champ n'est pas un vrai champ.
Il s'agit, de fait, d'un outil qui permet de transformer une adresse saisie par un humain en un jeu de coordonnées (longitude et latitude).
Son comportement est donc un peu différent de ce qu'on trouve dans les autres champs.

Notamment, pour trouver les coordonnées d'une adresse, il faut à YesWiki des informations sur celle-ci. Votre formulaire doit donc obligatoirement contenir au moins un des champs suivants (une bonne pratique étant d'en avoir plusieurs, voire tous).
  • un champ dont l'identifiant unique est « bf_adresse ». S'il n'existe pas, il est d'ailleurs inséré automatiquement lors de la création du champ « géolocalisation de l'adresse » ;
  • un champ dont l'identifiant unique est « bf_ville » ;
  • un champ dont l'identifiant unique est « bf_pays ».
Il est indispensable d'avoir un champ de ce type dans votre formulaire si vous souhaitez afficher vos résultats sous forme de carte.

Paramètres du type de champs « géolocalisation de l'adresse »

Obligatoire
YWDocBazarChampGeo_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Nom du champ latitude
Avec ce champ, YesWiki va convertir l'adresse postale en coordonnées. Ce paramètre indique à YesWiki dans quel nom interne il doit donner à la valeur de latitude. Sauf besoin précis, conservez la valeur par défaut qui est « bf_latitude ».
Nom du champ longitude
Avec ce champ, YesWiki va convertir l'adresse postale en coordonnées. Ce paramètre indique à YesWiki dans quel nom interne il doit donner à la valeur de longitude. Sauf besoin précis, conservez la valeur par défaut qui est « bf_longitude ».

Champ de type « titre automatique »

YWDocBazarTitreAutomatique_champ_titre_automatique_etroit
Pour qu'un formulaire Bazar fonctionne, il doit contenir un champ titre.
Plus exactement, il doit contenir un champ de type « texte court » dont l'identifiant unique soit « bf_titre ».
Cependant, il n'est pas toujours pertinent de nommer les fiches d'un formulaire à partir du contenu d'un seul champ.
Le champ de type « titre automatique » permet de fabriquer un titre à partir de plusieurs champs. Ce titre sera rempli automatiquement lors de l'enregistrement de chaque fiche.
Comment faire
  • Laissez le paramètre « Intitulé » tel quel.
  • Tout se fait avec le paramètre « Valeur ».
  • Dans « Valeur », pour faire référence à un autre champ, vous devez encadrer son identifiant unique entre des doubles paires d'accolades (ex. : « {{bf_prenom}} », notez bien qu'il y a deux accolades ouvrantes avant l'identifiant unique du champ, et deux accolades fermantes après).
  • Dans « Valeur », vous pouvez également ajouter du texte, avant, après ou entre les différents champs référencés.
  • Supprimez le champ titre du formulaire (celui dont l'identifiant unique est « bf_titre »).
Exemples
Il y a très souvent plusieurs manières de faire la même chose. Ces exemples n'ont pour objectif que de faire comprendre le fonctionnement du champ.

Prenons le cas d'un formulaire dans lequel on demande prénom et nom. On peut utiliser le champ titre avec pour libellé « Prénon Nom ». C'est simple, mais outre le fait que cela ne garantit pas que tout le monde saisira son prénom, ou son nom, ou les saisira dans cet ordre, cela ne permet pas de trier les fiches par nom de famille.
Dans ce cas là, on peut :
  • demander le prénom dans un champ texte court obligatoire dont l'identifiant serait par exemple « bf_text » ;
  • demander le nom dans un champ texte court obligatoire dont l'identifiant serait par exemple « bf_text1 » ;
  • ajouter un champ de type « titre automatique » ;
  • dans le paramètre valeur de ce champ, saisir « {{bf_text}} {{bf_text1}} ».

Dans le cas d'un formulaire d'organisation de goûters, on pourrait souhaiter construire le titre à partir du prénom et de la date du goûter. On pourrait alors avoir un titre tel que : « Théo vient le 14/02/2022 ».
Dans ce cas là, on peut :
  • demander le prénom dans un champ texte court obligatoire dont l'identifiant serait par exemple « bf_text » ;
  • demander la date dans un champ date obligatoire dont l'identifiant serait par exemple « bf_date » ;
  • ajouter un champ de type « titre automatique » ;
  • dans le paramètre valeur de ce champ, saisir « {{bf_text}} vient le {{bf_date}} ».
Recommandations importantes
  • Assurez vous que les champs que vous allez utiliser pour construire votre titre sont bien obligatoires.
  • Il n'y a pas d'aide, ni de contrôle lors de la saisie du paramètre « valeur » du titre automatique. En conséquence, il vous appartient de saisir l'identifiant unique des champs correctement (accolades et identifiant unique correctement écrit).
  • Supprimez le champ titre du formulaire (celui dont l'identifiant unique est « bf_titre »).
  • Cela ne fonctionne pas avec tous les types de champs (par exemple, le contenu d'un champ zone de texte ou case à cocher peut difficilement être utilisé pour contruire un titre). Donc, faites des essais avant de demander à tout le monde de saisir.

Paramètres du type de champs « titre automatique »

Intitulé
Laissez ce paramètre en l'état.
Valeur
C'est dans ce paramètre que vous indiquez comment construire le titre.
La référence à un autre champ se fait en écrivant son identifiant unique entre doubles accolades (ex. : « {{bf_text}} ») :
  • deux accolades ouvrantes (« {{ »),
  • puis l'identifiant unique du champ,
  • puis deux accolades fermantes(« }} »).

Champ de type « liste des fiches liées »

Ce type de champs permet dans le cas où on un autre formulaire est lié à celui-ci, d'afficher les fiches ainsi liées. Ce champ a donc un comportement un peu spécial, puisque son effet n'est visible que dans la phase 3 d'affichage des résultats du formulaire. Un certain nombre de ses paramètres ne visent d'ailleurs qu'à définir le comportement dans cette phase d'affichage des résultats.

YWDocBazarChampFichesLiees_champ_liste_fiches_liees Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Ce type de champ ne reprend que peu des paramètres génériques.
Peut être lu par
YWDocBazarChampFichesLiees_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.
Peut être saisi par
YWDocBazarChampFichesLiees_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Paramètres spécifiques au type de champs « liste des fiches liées »

Id du formulaire lié
Ce paramètre, obligatoire, permet d'identifier le formulaire lié.
Le formulaire lié est celui dans lequel vous avez posé une question (sous forme de liste déroulante, de cases à cocher ou de boutons radio) faisant référence au formulaire courant.
On doit saisir ici l'identifiant Bazar du formulaire lié (point 5 sur cette page).
Query
Ce paramètre fait partie de ceux qui définissent le comportement dans la phase d'affichage des résultats. Ceci explique certaines similitudes. Cependant, ce qui se fait au moyen d'une interface graphique en phase 3 se fait ici avec du pseudo code.

Ce paramètre permet de n'afficher qu'une partie des fiches liées.
Vous trouverez plus d'information sur sa syntaxe ici.

Par défaut, si vous ne saisissez rien, toutes les fiches liées s'afficheront. C'est en général ce qu'on souhaite.
Params de l'action
Ce paramètre fait partie de ceux qui définissent le comportement dans la phase d'affichage des résultats. Ceci explique certaines similitudes. Cependant, ce qui se fait au moyen d'une interface graphique en phase 3 se fait ici avec du pseudo code.

Vous pouvez utiliser ce paramètres pour préciser comment afficher les résultats.
Le plus fréquemment, on veut changer l'ordre d'affichage des fiches liées.
On va, par exemple, les afficher non pas triées par titre, ce qui est le comportement par défaut, mais par ordre antechronologique (si elles comportent un champ date).
Dans cet exemple, on saisira dans ce paramètre : « champ=bf_date ordre=desc ».
  • « bf_date » est l'identifiant unique du champ date dans le formulaire lié.
  • « champ=bf_date » indique que l'on triera les fiches liées en utilisant ce champ date.
  • Et « ordre=desc » indique que le tri sera descendant, c'est à dire des dates les plus récentes aux dates les plus anciennes.
  • On notera que les deux paramètres sont séparés par un espace.
Vous trouverez plus d'information sur cette syntaxe et les différentes possiblités ici.

Par défaut, si vous ne saisissez rien, les fiches liées s'afficheront triées par ordre alphabétique croissant de leur titre.
Nombre de fiches à afficher
Ce paramètre fait partie de ceux qui définissent le comportement dans la phase d'affichage des résultats. Ceci explique certaines similitudes. Cependant, ce qui se fait au moyen d'une interface graphique en phase 3 se fait ici avec du pseudo code.

Si vous le désirez, vous pouvez préciser ici le nombre de fiches liées à afficher.

Par défaut, si vous ne saisissez rien, toutes les fiches liées s'afficheront. C'est en général ce qu'on souhaite.
Template de restitution
Ce paramètre fait partie de ceux qui définissent le comportement dans la phase d'affichage des résultats. Ceci explique certaines similitudes. Cependant, ce qui se fait au moyen d'une interface graphique en phase 3 se fait ici avec du pseudo code.

De même que dans la phase 3 on choisit la manière d'afficher les fiches, on peut déterminer ici comment montrer les fiches liées. Cependant, il n'y a pas de jolie boîte de dialogue dans laquelle choisir son template d'affichage. Il faut connaître son nom et le saisir.

Par défaut, si vous ne saisissez rien, les fiches liées s'afficheront sous forme de liste en accordéon. C'est en général ce qu'on souhaite.
Type de fiche liée (ou label du champ)
Vous devez préciser ici le type de champ utilisé dans le formulaire lié pour effectuer cette liaison.
  • « liste » pour une liste déroulante.
  • « checkbox » pour un groupe de cases à cocher.
  • « radio » pour un groupe de boutons radio.

Champ de type « Custom HTML »

YWDocBazarChampCustomHtml_Bouton_custom_htmlComme son nom lʼindique, le champ « custom HTML » permet d'incorporer du code HTML dans un formulaire. L'intérêt est que cela permet d'ajouter du texte, par exemple pour contextualiser un ou des champs.

On peut définir si le texte en question apparaît lors de la saisie, ou de l'affichage des fiches, ou les deux.

YWDocBazarChampCustomHtml_champ_custom_HTML Voir l'image du champ en grand
Ce type de champ comporte uniquement des paramètres spécifiques.

Paramètres spécifiques aux champs de type « Custom HTML »

Contenu lors de la saisie
Ce paramètre permet dʼindiquer ce que lʼon souhaite quʼil sʼaffiche lors de la saisie d'une fiche.
Contenu lors de lʼaffichage dʼune fiche
Ce paramètre permet dʼindiquer ce que lʼon souhaite quʼil sʼaffiche lors de la visualisation d'une fiche.
Syntaxe commune aux deux paramètres
Si vous ne connaissez pas le code HTML, voici deux syntaxes que vous pourrez utiliser dans les paramètres de ce champ « custom HTML ».
  • <p>Mon texte ici</p> quand on veut simplement expliquer quelque chose, pour le champ qui suit par exemple (<p> pour paragraphe).
  • <h3>Mon titre ici</h3> quand on veut ajouter un texte plus gros, comme un titre pour une partie du formulaire (<h3> pour heading 3 cʼest à dire titre de niveau 3).
Dans les deux cas, faîtes attention à bien respecter la syntaxe : on commence avec <p> ou <h3> et on termine par, respectivement </p> ou </h3>.

Remarques

« Custom HTML » et questions conditionnelles — Dans le cas des questions conditionnelles, YesWiki crée deux champs :
  • un pour définir à la fois le début de la zone conditionnée et les conditions de son affichage ;
  • un second pour marquer la fin de la zone conditionnée.
Il arrive que ce dernier champ change d'aspect dans l'assistant graphique de création de formulaire et apparaisse alors sous la forme d'un champ « custom HTML » dont le contenu du paramètre « Contenu lors de la saisie » serait </div><!-- Fin de condition -->. Dans ce cas, il faut laisser ce champ et lʼétat (tout va bien se passer).

Champs « custom HTML » trop complexes — Dans les versions courantes de YesWiki (4.3.1 et les précédentes), évitez de saisir dans un champ « custom HTML » les choses suivantes :
  • du texte contenant un retour à la ligne (touche « entrée » du clavier),
  • une suite d'éléments HTML (par exemple : <p>Mon texte ici</p><p>encore du texte</p> ou <h3>Mon titre ici</h3><p>Mon texte ici</p>).
Dans ces cas là, vous risquez de perdre une partie du contenu du champ.

Utilisation poussée des champs « custom HTML » — Si vous maîtrisez HTML et le comportement des pages web, vous pouvez utiliser ce champ pour incorporer des éléments plus complexes à vos formulaires.

Pour aller encore plus loin avec Bazar

  • Champ de type « configuration des droits d'accès »

Ce champ n'est pas un vrai champ. Il s'agit, dans les faits, d'un outil qui permet de définir les droits d'accès qui seront affectés à chacune des fiches du formulaire. Vous pouvez donc ainsi préciser quelles catégories d'utilisateurs peuvent lire, saisir ou modifier ou encore commenter des fiches de votre formulaire.

Attention ! Cette configuration des droits d'accès ne s'applique qu'aux fiches saisies après son paramétrage. Autrement dit, si vous ajoutez ce « champ » à votre formulaire, ou si vous le modifiez, seules les fiches saisies ou modifiées après cet ajout, ou cette modfication, auront les droits que vous avez définis.
YWDocBazarChampAccessConfig_champ_config_acces

Détails des paramètres

Peut voir la fiche
YWDocBazarChampAccessConfig_champ_param_form_access_readPar défaut, les fiches d'un formulaire peuvent être lues par toute personne (identifié ou non). Ce « champ » permet de modifier ce comportement pour les fiches du formulaire en question. On peut ainsi masquer ces fiches à certain.e.s utilisateurices.

Voir les différentes valeurs possibles.

Peut éditer la fiche
YWDocBazarChampAccessConfig_champ_param_form_access_writePar défaut, les fiches d'un formulaire peuvent être édités par toute personne (identifié ou non). Ce « champ » permet de modifier ce comportement pour les fiches du formulaire en question. On peut ainsi protéger ces fiches de façon à ce que seuls certain.e.s utilisateurices puissent les modifier.

Voir les différentes valeurs possibles.

Peut commenter la fiche
YWDocBazarChampAccessConfig_champ_param_form_access_commentPar défaut, les fiches d'un formulaire peuvent être commentées par toute personne disposant de cette autorisation sur le wiki. Ce « champ » permet de modifier ce comportement pour les fiches du formulaire en question. On peut ainsi restreindre les commentaires sur ces fiches à certains utilisateurs.

Voir les différentes valeurs possibles.

Ajouter des onglets à son formulaire

YWDocBazarOnglets_formulaire_ongletsLorsqu'un formulaire comporte beaucoup de questions ou encore qu'on souhaite séparer les questions les unes des autres pour plus de clarté, on peut, avec Bazar, ajouter des onglets à son formulaire (voir l'exemple ci-contre).

Bazar met deux types de champs à disposition pour cela.
  • Le type de champs « navigation par onglets » YWDocBazarOnglets_champ_navigation_par_onglets_bouton
  • Le type de champs « passage à l'onglet suivant » YWDocBazarOnglets_champ_passage_onglet_suivant_bouton
Le champ de type « navigation par onglets » permet de :
  • déclarer qu'on va utiliser des onglets dans ce formulaire (il n'en faut donc qu'un dans le formulaire),
  • préciser le nom des dits onglets.
Le champ de type « passage à l'onglet suivant » permet, quant à lui, de :
  • marquer la fin de chaque onglet (il en faut donc un à la fin de chaque onglet),
  • préciser le comportement de chaque onglet lors de la saisie et lors de l'affichage.


Champ de type « navigation par onglets »

YWDocBazarOnglets_champ_navigation_par_onglets
Ce champ n'est pas un vrai champ.
Il s'agit, dans les faits, d'un outil qui permet d'ajouter des onglets dans votre formulaire. Ces onglets peuvent être affichés lors de la saisie ou lors de l'affichage d'une fiche du formulaire.
Lorsque vous incorporez un tel champ dans votre formulaire, seront ajoutés automatiquement trois champs de type « passage à l'onglet suivant ». Vous pouvez, bien sûr, en ajouter d'autres ou en supprimer selon votre besoin.

Attention ! Il est nécéssaire que le nombre d'onglets soit cohérent avec les valeurs des paramètres « Pour le formulaire » et « Pour la fiche » du champ « navigation par onglets ».


Paramètres du type de champs « navigation par onglets »

Pour le formulaire
Ce paramètre définit les onglets affichés lors de la saisie de la fiche.
Si vous ne saisissez rien, il n'y aura pas d'onglets lors de la saisie de la fiche.
Vous devez saisir les noms des différents onglets, dans l'ordre, et en les séparant par des virgules (« , »). Par exemple : « Présentation,Adresse,Produits,Vente ».
Pour la fiche
Ce paramètre définit les onglets affichés lors de l'affichage de la fiche.
Si vous ne saisissez rien, il n'y aura pas d'onglets lors de l'affichage de la fiche.
Vous devez saisir les noms des différents onglets, dans l'ordre, et en les séparant par des virgules (« , »). Par exemple : « Présentation,Adresse,Produits,Vente ».
Déplacer le bouton valider
Ce paramètre permet de déplacer le bouton de validation au dernier onglet.
Couleur des boutons
Ce paramètre permet de choisir la couleur des boutons placés à la fin des onglets.
Par défaut, ils seront dans la couleur primaire du wiki. Vous avez le choix parmi la palette de couleurs du wiki.
Taille des boutons
Ce paramètre permet de réduire la taille des boutons des onglets.


Champ de type « passage à l'onglet suivant »

YWDocBazarOnglets_champ_passage_onglet_suivant
Ce champ n'est pas un vrai champ.
Il s'agit, dans les faits, d'un outil qui permet de délimiter un onglet en en marquant la fin tout en précisant quand cet onglet doit être affiché (saisie, affichage).

Info Lorsque vous incorporez un tel champ dans votre formulaire, vous marquez la fin d'un onglet et le début d'un suivant.

Paramètres du type de champs « passage à l'onglet suivant »

Pour le formulaire
Ce paramètre définit si l'onglet est affiché lors de la saisie de la fiche.
Par défaut, l'onglet est affiché lors de la saisie de la fiche.
Attention à être cohérent avec ce que vous avez saisi pour le paramètre « Pour le formulaire » du champ de type « navigation par onglets ».
Pour la fiche
Ce paramètre définit si l'onglet est affiché lors de l'affichage de la fiche.
Par défaut, l'onglet n'apparaît pas lors de l'affichage de la fiche.
Attention à être cohérent avec ce que vous avez saisi pour le paramètre « Pour la fiche » du champ de type « navigation par onglets ».

Question conditionnelle

Il arrive que dans un formulaire on souhaite afficher certaines questions en fonction de la réponse apportée à une des questions précédentes.
Cʼest ce qui se passe notamment lorsque lʼutilisateur répond « autre » à une liste déroulante ou à des cases à cocher, et quʼon lui propose alors un champ texte pour préciser (ce champ texte nʼapparaissant que dans ce cas).
La question conditionnelle fait donc suite à une question de type Liste (Sélectionner), Checkbox (cases à cocher) ou Radio (Boutons radio).
Illustrations
  • https://boyer.earth/yeswiki/?SaisieParticipant (répondez « oui » à lʼune ou lʼautre des deux questions de la section intitulée « Votre projet support » pour voir apparaître de nouvelles questions).
  • https://tourainebio.org/?PageAjoutProducteur#menu4 (répondez « oui » à certaines questions de ce 4e onglet pour voir apparaitre de nouvelles questions).

YWDocBazarQuestionConditionnelle_champ_affichage_conditionnel
Lorsque vous insérez un « Affichage conditionnel » dans votre formulaire, Bazar y crée deux champs.
  • Le premier, intitulé « Condition »,
  • Le second intitulé « Fin de condition ».
Ce que vous devez faire :
  • placer, entre le champ « Condition » et le champ « Fin de condition », le ou les champs que vous souhaitez faire apparaître de manière conditionnelle ;
  • préciser dans le champ « Condition », la condition d'apparition de ce ou ces champs ;
  • laisser le champ « Fin de condition » en lʼétat.

Remarque 1 — Un couple de champs « Affichage conditionnel » (« Condition » et « Fin de condition ») définit une seule condition (même si elle peut être complexe). Si vous souhaitez obtenir différents comportements en fonction de différentes conditions, il vous faudra insérer et définir autant dʼaffichages conditionnels que de conditions à remplir.
Remarque 2 — Il peut arriver, dans certains contextes (formulaire long ou comportant de nombreux champs de type « Custom HTML »), que le champ « Fin de condition » apparaisse sous le nom de « Custom HTML ». Si cʼest le cas, vérifiez juste que son contenu est bien le suivant : </div><!-- Fin de condition--> dans « Contenu lors de la saisie ».
Remarque 3 — Il peut également arriver que, lors de l'affichage sous forme de liste des fiches dʼun formulaire comportant des questions conditionnelles, toutes les fiches semblent imbriquées les unes dans les autres et que seule la première fiche apparaisse (les autres semblant être à lʼintérieur). Si cʼest le cas, ajoutez, tout à la fin de votre formulaire, un champ de type « Custom HTML » dans lequel vous laisserez le paramètre « Contenu lors de la saisie » vide et saisirez </div></div> dans le paramètre « Contenu lors de lʼaffichage ».

Champ de type « condition »

YWDocBazarQuestionConditionnelle_champ_affichage_conditionnel Voir l'image du champ en grand
Ce champ n'est pas un vrai champ.
Il s'agit, dans les faits, d'un outil qui permet d'exprimer la condition qui sera nécessaire pour montrer tout ce qui se trouve entre « Condition » et « Fin de condition ».

Paramètres du type de champs « condition »

Pour que cela fonctionne (et ait du sens), la condition doit faire référence à une ou plusieurs valeurs dʼun ou plusieurs champs de type énumération : Liste (Sélectionner), Checkbox (cases à cocher) ou Radio (Boutons radio).
Condition
Ce paramètre définit la condition à respecter pour afficher les champs qui suivent (jusquʼà « Fin de condition »).
Les règles de syntaxe de ce paramètre sont expliquées dans lʼencadré qui se trouve au dessus.
Voici quelques exemples pour illustrer cette syntaxe.
Rappel sur lʼidentifiant unique On suppose quʼon dispose de :
  • un champ de type « Sélectionner » (ou radio ou checkbox) dont l'identifiant unique est bf_trucmuche
  • une liste listeConfiture sur laquelle s'appuie ce champ (les valeurs étant : {1, figues}, {2, gingembre-tomates vertes}, … ,{5, autre}).
Pour afficher si… valeur du paramètre
on a répondu « autre » bf_Confiture==5
on nʼa pas répondu « figues » bf_Confiture!=1
on nʼa répondu ni « figues », ni « autre » bf_Confiture!=1 and bf_Confiture!=5
on nʼa pas répondu du tout bf_Confiture is empty
on a répondu « figues » ou « gingembre-tomates vertes » (pareil quʼen dessous) bf_Confiture==1 or bf_Confiture==2
on a répondu « figues » ou « gingembre-tomates vertes » (pareil quʼau dessus) bf_Confiture in [1,2]
dans le cas dʼune checkbox, on a répondu « figues » et « gingembre-tomates vertes » bf_Confiture==[1,2]
dans le cas dʼune checkbox, moins de trois cases ont été cochées bf_Confiture|length < 3
dans le cas dʼune checkbox, au moins deux cases ont été cochées mais pas la case « autre » bf_Confiture|length > 2 and bf_Confiture!=5

Si vous aimez l'histoire et en savoir plus sur les aspects techniques

Le code derrière les champs Bazar

Que se passe-t-il lorsque j'utilise le constructeur graphique de formulaire bazar ?

Lorsquʼon crée ou modifie un formulaire bazar, deux méthodes nous sont offertes. La méthode par défaut dans doryphore est le constructeur graphique.

YWDocBazarCode_dcfhabjikckbbnbi
Celui-ci permet de construire son formulaire de manière relativement intuitive sans avoir recours à du code puisque son rôle est justement dʼécrire le code pour vous.

Il est cependant parfois utile de comprendre ce qui se passe derrière. Nous allons donc lʼillustrer avec deux exemples, le cas dʼun champ texte, et celui dʼun groupe de cases à cocher.

Tout dʼabord, quelques petites règles simples :
  • à chaque champ placé dans le constructeur graphique, correspond une ligne dans lʼonglet « code » ;
  • lʼordre est le même dans les deux onglets (les champs dans le constructeur graphique sont dans le même ordre que les lignes correspondantes dans lʼonglet « code » ;
  • chaque ligne de code est composée de plusieurs paramètres et ces différents paramètres sont séparés par des groupes de trois astérisques (***) ;
  • le premier de ces paramètres indique toujours le type de champ.

Voyons maintenant ce qui se passe dans le cas dʼun champ texte.

Lʼimage ci-dessous montre la façon dont ce qui est rempli dans le constructeur graphique pour un champ texte se retrouve dans la ligne correspondante du code.

YWDocBazarCode_alpdkgehbbnibiem


Si on regarde la ligne de code (on se rappelle que les différents paramètres sont délimités par « *** ») on constate, par exemple, que :
  • le 1er paramètre contient bien le type de champ,
  • dans le 2e on retrouve le nom du champ,
  • le libellé du champ est dans le 3e paramètre,
  • les 4e et 5e paramètres contiennent les nombres de caractères affichés et maximum respectivement,
  • le 9e paramètre indique que le champ est obligatoire (« 1 »),
  • le 11e paramètre contient le texte dʼaide,
  • le 12e paramètre indique que le champ peut être lu par tout le monde (« »). Tous ces détails et bien dʼautres encore se trouvent sur la page https://yeswiki.net/?ChampsPossibles Regardons à présent les différences dans le cas dʼun champ de type groupe de cases à cocher.*

Lʼimage ci-dessous montre la façon dont ce qui est rempli dans le constructeur graphique pour un groupe de cases à cocher se retrouve dans la ligne correspondante du code.

YWDocBazarCode_oeimcnmcfckahabb

Le comportement est identique à celui que lʼon a vu pour un champ de type texte à la différence de :
  • le 1er champ dans le constructeur graphique (intitulé «nom ») est vide et nʼa pas de correspondance dans la ligne de code ;
  • le 2e paramètre de la ligne de code contient le nom de la liste utilisée pour ce groupe de cases à cocher ;

La page de référence pour retrouver le rôle de chacun des paramètres des codes de champ bazar est : https://yeswiki.net/?ChampsPossibles

A toi de jouer !

Dans le formulaire créé dans l'exercice précédent, amuse toi :
  • crée de nouveaux champs
  • mets certains champs en saisie obligatoire
Dans l'onglet "Listes" :
  • crée une nouvelle liste
  • retourne dans ton formulaire de test pour appeler cette liste dans une question de type "cases cocher"

Tu es en difficulté ou tu as des questions ? N'hésite pas à solliciter la communauté YesWiki sur le forum


CC-by-SA YesWiki
PDF Voir la fiche

Configurer automatiquement les droits d'accès sur les nouvelles fiches dʼun formulaire

Concerne
La réponse
  • Champ de type « configuration des droits d'accès »

Ce champ n'est pas un vrai champ. Il s'agit, dans les faits, d'un outil qui permet de définir les droits d'accès qui seront affectés à chacune des fiches du formulaire. Vous pouvez donc ainsi préciser quelles catégories d'utilisateurs peuvent lire, saisir ou modifier ou encore commenter des fiches de votre formulaire.

Attention ! Cette configuration des droits d'accès ne s'applique qu'aux fiches saisies après son paramétrage. Autrement dit, si vous ajoutez ce « champ » à votre formulaire, ou si vous le modifiez, seules les fiches saisies ou modifiées après cet ajout, ou cette modfication, auront les droits que vous avez définis.
YWDocBazarChampAccessConfig_champ_config_acces

Détails des paramètres

Peut voir la fiche
YWDocBazarChampAccessConfig_champ_param_form_access_readPar défaut, les fiches d'un formulaire peuvent être lues par toute personne (identifié ou non). Ce « champ » permet de modifier ce comportement pour les fiches du formulaire en question. On peut ainsi masquer ces fiches à certain.e.s utilisateurices.

Voir les différentes valeurs possibles.

Peut éditer la fiche
YWDocBazarChampAccessConfig_champ_param_form_access_writePar défaut, les fiches d'un formulaire peuvent être édités par toute personne (identifié ou non). Ce « champ » permet de modifier ce comportement pour les fiches du formulaire en question. On peut ainsi protéger ces fiches de façon à ce que seuls certain.e.s utilisateurices puissent les modifier.

Voir les différentes valeurs possibles.

Peut commenter la fiche
YWDocBazarChampAccessConfig_champ_param_form_access_commentPar défaut, les fiches d'un formulaire peuvent être commentées par toute personne disposant de cette autorisation sur le wiki. Ce « champ » permet de modifier ce comportement pour les fiches du formulaire en question. On peut ainsi restreindre les commentaires sur ces fiches à certains utilisateurs.

Voir les différentes valeurs possibles.
PDF Voir la fiche

Connaître les différents types de champs possibles dans un formulaire

Concerne
La réponse

Types de champs Bazar

Bazar propose de nombreux types de champs. Voici ceux auxquels vous aurez le plus souvent recours.

Les types de champs les plus simples et les plus courants

Le seul champ indispensable : le titre

Particularités indispensables
Ce champ est un champ de type texte court. Cependant, il a trois particularités indispensables.
1. Il doit être présent dans tout formulaire.
2. Son paramètre identifiant unique doit nécessairement être « bf_titre ».
3. Il doit nécessairement être obligatoire.

Vous êtes libres de définir le libellé qui vous convient.

Corollaire
Si un formulaire doit comporter une question obligatoire qui en sera le titre, il convient de choisir judicieusement celle-ci. Dans le cas de la participation à un goûter, par exemple, on pourra demander le prénom de la personne qui s'inscrit.

Qu'advient-il de ce titre ?
Lors de la création d'une fiche par un utilisateur, YesWiki fabrique une page (d'un type particulier) à partir de cette fiche.
L'adresse (url) de cette page est déterminée automatiquement à partir du titre de la fiche. Une fiche dont le titre serait « Le titre de ma fiche » donnerait la page LeTitreDeMaFiche. À l'usage, il peut arriver que deux fiches soient créées avec le même titre. Bazar évite alors les doublons en ajoutant un nombre à la fin du titre qu'il génère (ici, LeTitreDeMaFiche1).
Le fait que chaque fiche soit également une page présente plusieurs avantages.
  • Vous pouvez donner l'adresse d'une fiche (ex. : https://mon.wiki.fr/?LeTitreDeMaFiche) à quelqu'un sans pour autant que cette personne ait à chercher parmi toutes les fiches.
  • Les différentes modifications de la fiche occasionneront autant de versions de la page.
  • Il est possible de modifier les droits sur une fiche/page en particulier.
  • Si vous modifiez le titre d'une fiche après sa création, le titre affiché sera bien modifié, mais pas l'adresse de la page.
Lors de l'affichage d'une fiche, le titre est présenté de manière particulière. YWDocBazarChampTitre_Champ_titre

  • Il a l'aspect d'un titre (en haut, plus gros, en couleur). Mais on s'y attendait.
  • Dans une liste de fiches par exemple, seul le titre sera visible pour toutes les fiches non « dépliées ».
  • Le titre est le seul champ qui soit présenté sans rappel de la question posée lors de sa saisie. Par exemple, dans un formulaire dans lequel on utilise le prénom comme titre, on aura « Nadine » et non pas « Prénom : Nadine ».

Champ de type texte court

Un champ texte permet la saisie de quelques mots.

YWDocBazarChampTexte_champ_texte1 Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Paramètres spécifiques au type de champs « texte court »

Valeur
Ce paramètre permet de pré-remplir le champ. C'est utile lorsque on connait la réponse la plus courante (si, par exemple, on demande le pays).
Nombre de caractères visibles
Ce paramètre permet de préciser combien de caractères seront visibles à l'écran.
Longueur max
Ce paramètre permet de limiter la longueur de la réponse que les utilisateurs peuvent saisir.

Champ de type « Texte long »

Une zone de texte permet la saisie d'un texte relativement long et pouvant courrir sur plusieurs lignes.

YWDocBazarChampZone_champ_zone1 Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Paramètres spécifiques au type de champs « zone de texte »

Valeur
Ce paramètre permet de pré-remplir le champ. C'est utile lorsque on connait la réponse la plus courante (si, par exemple, on demande le pays).
Format d'écriture
Ce paramètre permet de paramétrer les fonctionnalités d'écriture dont disposeront les utilisateurs. Trois valeurs sont possibles.
  • Wiki – C'est la valeur par défaut. Elle offre pour la saisie de ce champ tous les outils disponibles lorsqu'on édite une page YesWiki.
  • Éditeur wysiwyg – Ce paramètrage offre à l'utilisateur beaucoup plus de facilité de saisie. Son usage est toutefois à limiter pour des raisons d'ergonomie.
  • Texte non interprété – Cette valeur limite la saisie aux seuls caractères sans mise en forme (pas d'italique ni de gras par exemple). C'est très utile pour saisir des adresses postales.
Largeur champ de saisie
Ce paramètre permet de préciser la largeur du champ de saisie.

Champ de type « image »

Un champ de type image permet d'importer un fichier image qui sera ensuite visualisable dans la fiche.

YWDocBazarChampImage_champ_imageok Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Paramètres spécifiques au type de champs « image »

Alignement
C'est là que l'on paramètre le comportement d'affichage de l'image. Son fonctionnement est similaire à ce qui se passe dans l'édition de pages (quand on joint une image avec le bouton Fichier).
Image par défaut
Ce paramètre permet de télécharger une image qui apparaitra par défaut si aucune autre image n'est téléchargée.
Hauteur vignette
YesWiki génère une vignette des images afin de les afficher rapidement si besoin. Ce paramètre permet de préciser la hauteur de cette vignette.
Largeur vignette
YesWiki génère une vignette des images afin de les afficher rapidement si besoin. Ce paramètre permet de préciser la largeur de cette vignette.
Hauteur redimension
YesWiki peut harmoniser la taille des images importées pour ce formulaire. Ce paramètre permet de préciser la hauteur de cette image redimensionnée.
Largeur redimension
YesWiki peut harmoniser la taille des images importées pour ce formulaire. Ce paramètre permet de préciser la largeur de cette image redimensionnée.
Taille max
Ce paramètre permet de préciser une taille maximum. Ici l'unité est en octet, 2000000 correspond à 2Mo.

Champ de type « upload de fichier »

Ce type de champ permet d'uploaded un fichier (par exemple au format PDF). Ce fichier est ensuite téléchargeable par les personnes qui visualisent la fiche.

YWDocBazarChampUpload_champ_uploadOK Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Paramètres spécifiques au type de champs « upload de fichier »

Taille max
Ce paramètre permet de limiter la taille du fichier. Il s'agit d'un nombre d'octets (par ex. 2000000 équivalent à 2 Mo).
Label à l'affichage
Ce paramètre permet de choisir l'intitulé qui apparait au-dessus du bouton de téléchargement lors de l'affichage de la fiche. Par défaut l'intitulé est "Fichier : {filename}" c'est à dire Fichier : le nom du fichier téléchargé..
Extensions présélectionnées
Lors de la saisie de la fiche, ce paramètre permet de présélectionner uniquement certains types de fichier pour faciliter la recherche du fichier à télécharger.
Ex : .pdf" pour ne pré-sélectionner que les fichiers pdf ou .pdf,.jpg,.png" pour ne présélectionner que ces 3 extensions.
Type sémantique du champ

Champ de type « email »

Ce type de champs permet de saisir une adresse électronique. YesWiki effectue automatiquement des contrôles sur la syntaxe de l'adresse et propose également de paramétrer des comportements spécifiquement liés à ce type de données.

YWDocBazarChampemail_champ_email1 Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Paramètres spécifiques au type de champs « email »

Remplacer l'email par un bouton contact
En sélectionnant « oui » pour ce paramètre, on fait en sorte que l'adresse électronique soit remplacée, lors de l'affichage de la fiche, par un bouton qui renvoit vers un formulaire de contact automatiquement généré. L'email n'est donc pas visible par les personnes qui visualisent la fiche.
Dans ce cas les paramètres avancés changent :
-affichage brut de l'email autorisé pour
- Envoi d'email autorisé pour permet de choisir qui peut voir le bouton permettant d'envoyer un mail grâce au formulaire de contact
- Peut être saisie par permet de choisir qui peut voir ce champ au moment de la saisie de la fiche.

Envoyer le contenu de la fiche à cet email
Ce paramètre permet de demander à YesWiki d'envoyer le contenu de la fiche à l'adresse saisie. Cet envoi se fera lorsque la personne aura validé la saisie de la fiche.

Champ de type date

Un champ de type date permet de saisir sans erreur une date.
Certains affichages des résultats (calendrier, agenda, etc.) nécessitent la présence d'un champ date.

YWDocBazarChampDate_champ_dateOK Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Paramètres spécifiques au type de champs date

Initialiser à Aujourd'hui
Ce paramètre permet de préciser si on souhaite que la date soit prédéfinie à la date du jour.

Les autres types de champs

Lorsqu'on peut énumérer toutes les réponses possibles à une question

Il arrive fréquemment qu'on puisse énumérer (lister) toutes les réponses possibles à une question de notre formulaire, pour exemples : (oui, non) ou encore (sympathisant, adhérent, etc.).

À quoi cela peut-il servir ?

Dans Bazar, cette énumération des réponses possibles se matérialise sous la forme d'une liste ou d'un formulaire dont les différentes fiches constitueront les réponses possibles.

Lors de la phase 1 de conception du formulaire, ces énumérations (listes ou formulaires liés) vont permettre de poser les questions sous forme de :
  • liste déroulante,
  • groupe de cases à cocher,
  • groupe de boutons radio.


Lors de la phase 3 d'affichage des résultats du formulaire, le recours à des énumérations permet de proposer des facettes afin que l'utilisateur puisse filtrer parmi les fiches remplies.

Les listes dans Bazar

Bazar permet de définir des listes que vous allez pouvoir utiliser ensuite dans des formulaires.

Gestion des listes

Pour gérer les listes, il faut se rendre sur l'onglet « Listes » de la partie base de données de YesWiki.
  • Menu roue crantée en haut à droite du wiki.
  • Entrée « Formulaires ».
  • Onglet « Listes ».

Cet onglet se présente de la manière suivante (les nombres en rouge sur la capture d'écran correspondent aux numéros dans la liste ci-après).
1 – Le nom de la liste. C'est le nom sous lequel cette liste apparaîtra pour vous.
2 – Un aperçu de la liste. En cliquant sur la petite flêche descendante à droite, on peut faire apparaître l'ensemble des valeurs possibles.
3 – Le nom de la liste, vu du côté de YesWiki cette fois. Vous n'aurez a priori pas à utiliser ce nom.
4 – Ce petit bouton en forme de crayon permet d'accéder à la modification de la liste.
5 – Cette petite poubelle permet de supprimer la liste. Attention, il n'y a pas de moyen de récupérer une liste supprimée.
6 – Ce bouton permet de créer une nouvelle liste.
7 – Vous pouvez, si vous avez repéré sur un autre YesWiki une liste qui vous conviendrait, utiliser ce champ pour saisir l'adresse du wiki en question. Vous serez ensuite guidés pour récupérer la ou les listes qui vous intéressent sur ce wiki. Le wiki https://yeswiki.net/serveur recense des listes utiles : départements de France, pays du monde ... ;-)
YWDocBazaRListes

Création ou modification d'une liste

Pour modifier une liste ou utilisera donc le petit bouton en forme de crayon (cf. 4 précédent). Et, pour créer une nouvelle liste, on utilisera le bouton « Saisir une nouvelle liste ».
Les deux boutons envoient sur un écran similaire, vide dans le cas de la création et chargé du contenu de la liste dans le cas d'une modification.
Création d'une liste YWDocBazaRListes_liste_creation45
Modification d'une liste YWDocBazaRListes_liste_modification45
Nom de la liste
Dans la première zone en haut de l'écran, on saisit (création), ou on trouve (modification), le nom de la liste (cf. 1 de la section précédente).
  • Ce nom peut être composé de plusieurs mots, comportant éventuellement des caractères accentués.
  • Il est possible de modifier ce nom par la suite.
Saisie ou modification d'une valeur de la liste
Chacune des valeurs de la liste sera saisie dans une ligne.
On y trouve deux valeurs et deux boutons :
  • Le libellé ou texte – C'est le texte ou la valeur qui va s'afficher. Cela peut être un ou plusieurs mots ou des nombres. C'est le seul élément à saisir. Il faut valider une valeur en cliquant sur le +.
  • La clef ou identifiant unique – C'est le nom que YesWiki va utiliser pour cette valeur.
    • Dans la version 4.5 cette clef est générée automatiquement par YesWiki. Dans les version précédentes, nous recommandons de n'utiliser pour cette clef que des suites de caractères sans accents et sans espaces.
    • Même si vous n'en verrez rien, c'est cette clef que YesWiki va stocker dans les fiches de formulaire pour lesquelles les utilisateurs ont choisi cette valeur de liste.
  • Le bouton de suppression – Ce bouton permet de retirer cette valeur de la liste. Attention :
    • une valeur supprimée ne peut pas être restaurée (pas d'annulation de la suppression). Si après avoir supprimé une valeur vous vous rendez compte qu'il s'agissait d'une erreur, vous devrez saisir à nouveau cette valeur.
    • Quand vous supprimez une valeur d'une liste, cela ne change rien dans les différentes fiches de formulaires. Autrement dit, supposons que vous ayez une liste (oui, non), et que vous ayez un formulaire d'inscription dans lequel vous demandez au personnes si elles sont adhérentes au moyen de cette liste (oui, non). Si vous supprimer la valeur « oui » de la liste, toutes les fiches pour lesquelles les personnes ont répondu « oui » à la question « Avez-vous adhéré ? » vont conserver cette information.
  • La poignée de déplacement – Cette poignée permet de changer l'ordre des valeurs dans la liste. Vous pouvez ainsi ajouter des valeurs selon vos besoins, puis réordonner la liste pour qu'elle se présente comme vous le souhaitez (par exemple, dans l'ordre alphabétique).
Ajouter une nouvelle valeur à la liste
Si vous souhaitez ajouter une valeur à votre liste et qu'aucune ligne de saisie n'est vide, vous pouvez en ajouter une au moyen du bouton +.
Enregistrer
Lorsque vous avez fini d'ajouter des valeurs à votre liste, vous pouvez cliquer sur ce bouton afin de sauvegarder votre liste.

Liste à plusieurs niveaux

La version 4.5 de YesWki permet de faire des listes à plusieurs niveaux.
Vous allez déplier et saisir des valeurs de niveaux inférieurs avec la flèche à gauche de la valeur.
Voici un exemple avec 2 niveaux :
YWDocBazaRListes_CaptureListe2niveauxbazar
On peut même imaginer 3, 4 ... niveaux :
YWDocBazaRListes_CaptureListe3ou4niveauxbazar
Voici comment ça s'affichera lors de la saisie :
YWDocBazaRListes_affichagelisteplusieursniveaux
Et voici comment ça s'affichera lors de l'affichage des données avec des facettes :
YWDocBazaRListes_vidoaffichagebazarfacetteplusieursniveauxdelistes

Utiliser un formulaire en tant que liste

Bazar permet d'utiliser, dans un formulaire, un autre formulaire comme s'il s'agissait d'une liste. Les réponses à cet autre formulaire constituent alors les différentes valeurs de cette liste.
Premier exemple
Vous avez un formulaire « projet » présentant des projets et un autre formulaire, « commentaire », permettant d'ajouter des commentaires sur ces projets.
Vous souhaitez, au sein du formulaire « commentaire », permettre à l'utilisateur de choisir dans une liste déroulante dynamique la fiche « projet » qu'il souhaite commenter.
Second exemple
Vous avez un formulaire « recette » qui regroupe différents plats (un par fiche).
Et, dans un autre formulaire (« menu » par exemple), vous souhaitez permettre à l'utilisateur de choisir dans une liste déroulante dynamique un plat parmi vos recettes.

Comment faire ?

Bazar va permettre de lier un formulaire à un autre. Dans notre premier exemple, des fiches du formulaire « commentaire » vont être liées à des fiches du formulaire « projet ».
Pour cela on utilise un des champs :
  • Sélectionner,
  • Groupe de cases à cocher,
  • Groupe de boutons radio.
Lors du paramétrage de ce champ, il faut :
  • pour le paramètre « Origine des données », choisir « Un formulaire Bazar ».
  • puis, pour le paramètre « Choix de la liste/du formulaire », indiquer le formulaire à partir duquel vous souhaitez que les utilisateurs choisissent.

Montrer les fiches liées

En reprenant notre premier exemple, on peut, lorsqu'on affiche une fiche « projet », montrer toutes les fiches « commentaire » s'y rapportant.
Pour cela on utilisera, dans le formulaire « projet », un champ du type « Liste des fiches liées » dont le paramètre « Id du formulaire lié » contiendra l'identifiant Bazar du formulaire « commentaire » (point 5 sur cette page).

Champ de type « sélectionner »

  • En premier lieu ce type de champs nécessite de pouvoir énumérer les différentes valeurs possibles Pour savoir comment faire.
  • Un champ de ce type permet de proposer à l'utilisateur une liste fermée de choix. Les choix possibles seront présentés sous forme d'une liste déroulante.
  • En outre, l'utisation de ce type de champ permet d'avoir recours à des facettes pour filtrer parmi les fiches remplies.
YWDocBazarChampListe_champ_liste1 Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.
Remarque sur lʼidentifiant unique pour ce type de champs

Paramètres spécifiques au type de champs « sélectionner »

Origine des données
Dans ce paramètre, pour permettre à l'utilisateur de choisir parmi les valeur d'une liste, sélectionnez « une liste ».
Si, au contraire, vous souhaitez permettre à l'utilisateur de choisir parmi des fiches d'un autre formulaire, sélectionnez « Un formulaire Bazar ».
Choix de la liste/du formulaire
Avec ce paramètre vous choisissez la liste (ou le formulaire) à partir de laquelle vous souhaitez que les utilisateurs choisissent.
Valeur par défaut
Ce paramètre vous permet de proposer une valeur par défaut. Si vous n'en précisez pas, c'est le mot « choisir » qui s'affichera jusqu'à ce qu'un choix soit effectué. Attention, pour préciser la valeur par défaut, il faut indiquer sa clef dans la liste (et non pas sa valeur).

Champ de type « groupe de cases à cocher »

  • En premier lieu ce type de champs nécessite de pouvoir énumérer les différentes valeurs possibles Pour savoir comment faire.
  • Un champ de ce type permet de proposer à l'utilisateur une liste fermée de choix. Les choix possibles seront présentés sous forme d'un groupe de cases à cocher.
  • En outre, l'utisation de ce type de champ permet d'avoir recours à des facettes pour filtrer parmi les fiches remplies.

YWDocBazarChampCheckbox_champ_checkbox1 Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.
Remarque sur lʼidentifiant unique pour ce type de champs

Paramètres spécifiques au type de champs « groupe de cases à cocher »

Origine des données
Dans ce paramètre, pour permettre à l'utilisateur de choisir parmi les valeur d'une liste, sélectionnez « une liste ».
Si, au contraire, vous souhaitez permettre à l'utilisateur de choisir parmi des fiches d'un autre formulaire, sélectionnez « Un formulaire Bazar ».
Choix de la liste/du formulaire
Avec ce paramètre vous choisissez la liste (ou le formulaire) à partir de laquelle vous souhaitez que les utilisateurs choisissent.
Valeur par défaut
Ce paramètre vous permet de proposer une valeur par défaut. Si vous n'en précisez pas, c'est le mot « choisir » qui s'affichera jusqu'à ce qu'un choix soit effectué. Attention, pour préciser la valeur par défaut, il faut indiquer sa clef dans la liste (et non pas sa valeur).

Champ de type « groupe de boutons radio »

  • En premier lieu ce type de champs nécessite de pouvoir énumérer les différentes valeurs possibles Pour savoir comment faire.
  • Un champ de ce type permet de proposer à l'utilisateur une liste fermée de choix. Les choix possibles seront présentés sous forme d'un groupe de boutons radio.
  • En outre, l'utisation de ce type de champ permet d'avoir recours à des facettes pour filtrer parmi les fiches remplies.

YWDocBazarChampRadio_champ_radio1 Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.
Obligatoire
YWDocBazarParametresGeneriques_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.


Identifiant unique
YWDocBazarParametresGeneriques_champ_param_IDCe paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.
Vous n'avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.
Intitulé
YWDocBazarParametresGeneriques_champ_param_labelIl s'agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.


Texte d'aide
YWDocBazarParametresGeneriques_champ_param_aide
Ce paramètre vous permet de saisir un texte d'aide afin d'aiguiller l'utilisateur si vous pensez qu'il peut en avoir besoin pour cette question.


Peut être lu par
YWDocBazarParametresGeneriques_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Peut être saisi par
YWDocBazarParametresGeneriques_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.
Remarque sur lʼidentifiant unique pour ce type de champs

Paramètres spécifiques au type de champs « groupe de boutons radio »

Origine des données
Dans ce paramètre, pour permettre à l'utilisateur de choisir parmi les valeur d'une liste, sélectionnez « une liste ».
Si, au contraire, vous souhaitez permettre à l'utilisateur de choisir parmi des fiches d'un autre formulaire, sélectionnez « Un formulaire Bazar ».
Choix de la liste/du formulaire
Avec ce paramètre vous choisissez la liste (ou le formulaire) à partir de laquelle vous souhaitez que les utilisateurs choisissent.
Valeur par défaut
Ce paramètre vous permet de proposer une valeur par défaut. Si vous n'en précisez pas, c'est le mot « choisir » qui s'affichera jusqu'à ce qu'un choix soit effectué. Attention, pour préciser la valeur par défaut, il faut indiquer sa clef dans la liste (et non pas sa valeur).

Champ de type « géolocalisation de l'adresse »

YWDocBazarChampGeo_champ_geoloc
Ce champ n'est pas un vrai champ.
Il s'agit, de fait, d'un outil qui permet de transformer une adresse saisie par un humain en un jeu de coordonnées (longitude et latitude).
Son comportement est donc un peu différent de ce qu'on trouve dans les autres champs.

Notamment, pour trouver les coordonnées d'une adresse, il faut à YesWiki des informations sur celle-ci. Votre formulaire doit donc obligatoirement contenir au moins un des champs suivants (une bonne pratique étant d'en avoir plusieurs, voire tous).
  • un champ dont l'identifiant unique est « bf_adresse ». S'il n'existe pas, il est d'ailleurs inséré automatiquement lors de la création du champ « géolocalisation de l'adresse » ;
  • un champ dont l'identifiant unique est « bf_ville » ;
  • un champ dont l'identifiant unique est « bf_pays ».
Il est indispensable d'avoir un champ de ce type dans votre formulaire si vous souhaitez afficher vos résultats sous forme de carte.

Paramètres du type de champs « géolocalisation de l'adresse »

Obligatoire
YWDocBazarChampGeo_champ_param_obligCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Nom du champ latitude
Avec ce champ, YesWiki va convertir l'adresse postale en coordonnées. Ce paramètre indique à YesWiki dans quel nom interne il doit donner à la valeur de latitude. Sauf besoin précis, conservez la valeur par défaut qui est « bf_latitude ».
Nom du champ longitude
Avec ce champ, YesWiki va convertir l'adresse postale en coordonnées. Ce paramètre indique à YesWiki dans quel nom interne il doit donner à la valeur de longitude. Sauf besoin précis, conservez la valeur par défaut qui est « bf_longitude ».

Champ de type « titre automatique »

YWDocBazarTitreAutomatique_champ_titre_automatique_etroit
Pour qu'un formulaire Bazar fonctionne, il doit contenir un champ titre.
Plus exactement, il doit contenir un champ de type « texte court » dont l'identifiant unique soit « bf_titre ».
Cependant, il n'est pas toujours pertinent de nommer les fiches d'un formulaire à partir du contenu d'un seul champ.
Le champ de type « titre automatique » permet de fabriquer un titre à partir de plusieurs champs. Ce titre sera rempli automatiquement lors de l'enregistrement de chaque fiche.
Comment faire
  • Laissez le paramètre « Intitulé » tel quel.
  • Tout se fait avec le paramètre « Valeur ».
  • Dans « Valeur », pour faire référence à un autre champ, vous devez encadrer son identifiant unique entre des doubles paires d'accolades (ex. : « {{bf_prenom}} », notez bien qu'il y a deux accolades ouvrantes avant l'identifiant unique du champ, et deux accolades fermantes après).
  • Dans « Valeur », vous pouvez également ajouter du texte, avant, après ou entre les différents champs référencés.
  • Supprimez le champ titre du formulaire (celui dont l'identifiant unique est « bf_titre »).
Exemples
Il y a très souvent plusieurs manières de faire la même chose. Ces exemples n'ont pour objectif que de faire comprendre le fonctionnement du champ.

Prenons le cas d'un formulaire dans lequel on demande prénom et nom. On peut utiliser le champ titre avec pour libellé « Prénon Nom ». C'est simple, mais outre le fait que cela ne garantit pas que tout le monde saisira son prénom, ou son nom, ou les saisira dans cet ordre, cela ne permet pas de trier les fiches par nom de famille.
Dans ce cas là, on peut :
  • demander le prénom dans un champ texte court obligatoire dont l'identifiant serait par exemple « bf_text » ;
  • demander le nom dans un champ texte court obligatoire dont l'identifiant serait par exemple « bf_text1 » ;
  • ajouter un champ de type « titre automatique » ;
  • dans le paramètre valeur de ce champ, saisir « {{bf_text}} {{bf_text1}} ».

Dans le cas d'un formulaire d'organisation de goûters, on pourrait souhaiter construire le titre à partir du prénom et de la date du goûter. On pourrait alors avoir un titre tel que : « Théo vient le 14/02/2022 ».
Dans ce cas là, on peut :
  • demander le prénom dans un champ texte court obligatoire dont l'identifiant serait par exemple « bf_text » ;
  • demander la date dans un champ date obligatoire dont l'identifiant serait par exemple « bf_date » ;
  • ajouter un champ de type « titre automatique » ;
  • dans le paramètre valeur de ce champ, saisir « {{bf_text}} vient le {{bf_date}} ».
Recommandations importantes
  • Assurez vous que les champs que vous allez utiliser pour construire votre titre sont bien obligatoires.
  • Il n'y a pas d'aide, ni de contrôle lors de la saisie du paramètre « valeur » du titre automatique. En conséquence, il vous appartient de saisir l'identifiant unique des champs correctement (accolades et identifiant unique correctement écrit).
  • Supprimez le champ titre du formulaire (celui dont l'identifiant unique est « bf_titre »).
  • Cela ne fonctionne pas avec tous les types de champs (par exemple, le contenu d'un champ zone de texte ou case à cocher peut difficilement être utilisé pour contruire un titre). Donc, faites des essais avant de demander à tout le monde de saisir.

Paramètres du type de champs « titre automatique »

Intitulé
Laissez ce paramètre en l'état.
Valeur
C'est dans ce paramètre que vous indiquez comment construire le titre.
La référence à un autre champ se fait en écrivant son identifiant unique entre doubles accolades (ex. : « {{bf_text}} ») :
  • deux accolades ouvrantes (« {{ »),
  • puis l'identifiant unique du champ,
  • puis deux accolades fermantes(« }} »).

Champ de type « liste des fiches liées »

Ce type de champs permet dans le cas où on un autre formulaire est lié à celui-ci, d'afficher les fiches ainsi liées. Ce champ a donc un comportement un peu spécial, puisque son effet n'est visible que dans la phase 3 d'affichage des résultats du formulaire. Un certain nombre de ses paramètres ne visent d'ailleurs qu'à définir le comportement dans cette phase d'affichage des résultats.

YWDocBazarChampFichesLiees_champ_liste_fiches_liees Voir l'image du champ en grand
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.

Paramètres génériques

Ce type de champ ne reprend que peu des paramètres génériques.
Peut être lu par
YWDocBazarChampFichesLiees_champ_param_access_readPar défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.
Peut être saisi par
YWDocBazarChampFichesLiees_champ_param_access_writePar défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.

Voir la liste des différentes valeurs possibles.

Paramètres spécifiques au type de champs « liste des fiches liées »

Id du formulaire lié
Ce paramètre, obligatoire, permet d'identifier le formulaire lié.
Le formulaire lié est celui dans lequel vous avez posé une question (sous forme de liste déroulante, de cases à cocher ou de boutons radio) faisant référence au formulaire courant.
On doit saisir ici l'identifiant Bazar du formulaire lié (point 5 sur cette page).
Query
Ce paramètre fait partie de ceux qui définissent le comportement dans la phase d'affichage des résultats. Ceci explique certaines similitudes. Cependant, ce qui se fait au moyen d'une interface graphique en phase 3 se fait ici avec du pseudo code.

Ce paramètre permet de n'afficher qu'une partie des fiches liées.
Vous trouverez plus d'information sur sa syntaxe ici.

Par défaut, si vous ne saisissez rien, toutes les fiches liées s'afficheront. C'est en général ce qu'on souhaite.
Params de l'action
Ce paramètre fait partie de ceux qui définissent le comportement dans la phase d'affichage des résultats. Ceci explique certaines similitudes. Cependant, ce qui se fait au moyen d'une interface graphique en phase 3 se fait ici avec du pseudo code.

Vous pouvez utiliser ce paramètres pour préciser comment afficher les résultats.
Le plus fréquemment, on veut changer l'ordre d'affichage des fiches liées.
On va, par exemple, les afficher non pas triées par titre, ce qui est le comportement par défaut, mais par ordre antechronologique (si elles comportent un champ date).
Dans cet exemple, on saisira dans ce paramètre : « champ=bf_date ordre=desc ».
  • « bf_date » est l'identifiant unique du champ date dans le formulaire lié.
  • « champ=bf_date » indique que l'on triera les fiches liées en utilisant ce champ date.
  • Et « ordre=desc » indique que le tri sera descendant, c'est à dire des dates les plus récentes aux dates les plus anciennes.
  • On notera que les deux paramètres sont séparés par un espace.
Vous trouverez plus d'information sur cette syntaxe et les différentes possiblités ici.

Par défaut, si vous ne saisissez rien, les fiches liées s'afficheront triées par ordre alphabétique croissant de leur titre.
Nombre de fiches à afficher
Ce paramètre fait partie de ceux qui définissent le comportement dans la phase d'affichage des résultats. Ceci explique certaines similitudes. Cependant, ce qui se fait au moyen d'une interface graphique en phase 3 se fait ici avec du pseudo code.

Si vous le désirez, vous pouvez préciser ici le nombre de fiches liées à afficher.

Par défaut, si vous ne saisissez rien, toutes les fiches liées s'afficheront. C'est en général ce qu'on souhaite.
Template de restitution
Ce paramètre fait partie de ceux qui définissent le comportement dans la phase d'affichage des résultats. Ceci explique certaines similitudes. Cependant, ce qui se fait au moyen d'une interface graphique en phase 3 se fait ici avec du pseudo code.

De même que dans la phase 3 on choisit la manière d'afficher les fiches, on peut déterminer ici comment montrer les fiches liées. Cependant, il n'y a pas de jolie boîte de dialogue dans laquelle choisir son template d'affichage. Il faut connaître son nom et le saisir.

Par défaut, si vous ne saisissez rien, les fiches liées s'afficheront sous forme de liste en accordéon. C'est en général ce qu'on souhaite.
Type de fiche liée (ou label du champ)
Vous devez préciser ici le type de champ utilisé dans le formulaire lié pour effectuer cette liaison.
  • « liste » pour une liste déroulante.
  • « checkbox » pour un groupe de cases à cocher.
  • « radio » pour un groupe de boutons radio.

Champ de type « Custom HTML »

YWDocBazarChampCustomHtml_Bouton_custom_htmlComme son nom lʼindique, le champ « custom HTML » permet d'incorporer du code HTML dans un formulaire. L'intérêt est que cela permet d'ajouter du texte, par exemple pour contextualiser un ou des champs.

On peut définir si le texte en question apparaît lors de la saisie, ou de l'affichage des fiches, ou les deux.

YWDocBazarChampCustomHtml_champ_custom_HTML Voir l'image du champ en grand
Ce type de champ comporte uniquement des paramètres spécifiques.

Paramètres spécifiques aux champs de type « Custom HTML »

Contenu lors de la saisie
Ce paramètre permet dʼindiquer ce que lʼon souhaite quʼil sʼaffiche lors de la saisie d'une fiche.
Contenu lors de lʼaffichage dʼune fiche
Ce paramètre permet dʼindiquer ce que lʼon souhaite quʼil sʼaffiche lors de la visualisation d'une fiche.
Syntaxe commune aux deux paramètres
Si vous ne connaissez pas le code HTML, voici deux syntaxes que vous pourrez utiliser dans les paramètres de ce champ « custom HTML ».
  • <p>Mon texte ici</p> quand on veut simplement expliquer quelque chose, pour le champ qui suit par exemple (<p> pour paragraphe).
  • <h3>Mon titre ici</h3> quand on veut ajouter un texte plus gros, comme un titre pour une partie du formulaire (<h3> pour heading 3 cʼest à dire titre de niveau 3).
Dans les deux cas, faîtes attention à bien respecter la syntaxe : on commence avec <p> ou <h3> et on termine par, respectivement </p> ou </h3>.

Remarques

« Custom HTML » et questions conditionnelles — Dans le cas des questions conditionnelles, YesWiki crée deux champs :
  • un pour définir à la fois le début de la zone conditionnée et les conditions de son affichage ;
  • un second pour marquer la fin de la zone conditionnée.
Il arrive que ce dernier champ change d'aspect dans l'assistant graphique de création de formulaire et apparaisse alors sous la forme d'un champ « custom HTML » dont le contenu du paramètre « Contenu lors de la saisie » serait </div><!-- Fin de condition -->. Dans ce cas, il faut laisser ce champ et lʼétat (tout va bien se passer).

Champs « custom HTML » trop complexes — Dans les versions courantes de YesWiki (4.3.1 et les précédentes), évitez de saisir dans un champ « custom HTML » les choses suivantes :
  • du texte contenant un retour à la ligne (touche « entrée » du clavier),
  • une suite d'éléments HTML (par exemple : <p>Mon texte ici</p><p>encore du texte</p> ou <h3>Mon titre ici</h3><p>Mon texte ici</p>).
Dans ces cas là, vous risquez de perdre une partie du contenu du champ.

Utilisation poussée des champs « custom HTML » — Si vous maîtrisez HTML et le comportement des pages web, vous pouvez utiliser ce champ pour incorporer des éléments plus complexes à vos formulaires.

Pour aller encore plus loin avec Bazar

  • Champ de type « configuration des droits d'accès »

Ce champ n'est pas un vrai champ. Il s'agit, dans les faits, d'un outil qui permet de définir les droits d'accès qui seront affectés à chacune des fiches du formulaire. Vous pouvez donc ainsi préciser quelles catégories d'utilisateurs peuvent lire, saisir ou modifier ou encore commenter des fiches de votre formulaire.

Attention ! Cette configuration des droits d'accès ne s'applique qu'aux fiches saisies après son paramétrage. Autrement dit, si vous ajoutez ce « champ » à votre formulaire, ou si vous le modifiez, seules les fiches saisies ou modifiées après cet ajout, ou cette modfication, auront les droits que vous avez définis.
YWDocBazarChampAccessConfig_champ_config_acces

Détails des paramètres

Peut voir la fiche
YWDocBazarChampAccessConfig_champ_param_form_access_readPar défaut, les fiches d'un formulaire peuvent être lues par toute personne (identifié ou non). Ce « champ » permet de modifier ce comportement pour les fiches du formulaire en question. On peut ainsi masquer ces fiches à certain.e.s utilisateurices.

Voir les différentes valeurs possibles.

Peut éditer la fiche
YWDocBazarChampAccessConfig_champ_param_form_access_writePar défaut, les fiches d'un formulaire peuvent être édités par toute personne (identifié ou non). Ce « champ » permet de modifier ce comportement pour les fiches du formulaire en question. On peut ainsi protéger ces fiches de façon à ce que seuls certain.e.s utilisateurices puissent les modifier.

Voir les différentes valeurs possibles.

Peut commenter la fiche
YWDocBazarChampAccessConfig_champ_param_form_access_commentPar défaut, les fiches d'un formulaire peuvent être commentées par toute personne disposant de cette autorisation sur le wiki. Ce « champ » permet de modifier ce comportement pour les fiches du formulaire en question. On peut ainsi restreindre les commentaires sur ces fiches à certains utilisateurs.

Voir les différentes valeurs possibles.

Ajouter des onglets à son formulaire

YWDocBazarOnglets_formulaire_ongletsLorsqu'un formulaire comporte beaucoup de questions ou encore qu'on souhaite séparer les questions les unes des autres pour plus de clarté, on peut, avec Bazar, ajouter des onglets à son formulaire (voir l'exemple ci-contre).

Bazar met deux types de champs à disposition pour cela.
  • Le type de champs « navigation par onglets » YWDocBazarOnglets_champ_navigation_par_onglets_bouton
  • Le type de champs « passage à l'onglet suivant » YWDocBazarOnglets_champ_passage_onglet_suivant_bouton
Le champ de type « navigation par onglets » permet de :
  • déclarer qu'on va utiliser des onglets dans ce formulaire (il n'en faut donc qu'un dans le formulaire),
  • préciser le nom des dits onglets.
Le champ de type « passage à l'onglet suivant » permet, quant à lui, de :
  • marquer la fin de chaque onglet (il en faut donc un à la fin de chaque onglet),
  • préciser le comportement de chaque onglet lors de la saisie et lors de l'affichage.


Champ de type « navigation par onglets »

YWDocBazarOnglets_champ_navigation_par_onglets
Ce champ n'est pas un vrai champ.
Il s'agit, dans les faits, d'un outil qui permet d'ajouter des onglets dans votre formulaire. Ces onglets peuvent être affichés lors de la saisie ou lors de l'affichage d'une fiche du formulaire.
Lorsque vous incorporez un tel champ dans votre formulaire, seront ajoutés automatiquement trois champs de type « passage à l'onglet suivant ». Vous pouvez, bien sûr, en ajouter d'autres ou en supprimer selon votre besoin.

Attention ! Il est nécéssaire que le nombre d'onglets soit cohérent avec les valeurs des paramètres « Pour le formulaire » et « Pour la fiche » du champ « navigation par onglets ».


Paramètres du type de champs « navigation par onglets »

Pour le formulaire
Ce paramètre définit les onglets affichés lors de la saisie de la fiche.
Si vous ne saisissez rien, il n'y aura pas d'onglets lors de la saisie de la fiche.
Vous devez saisir les noms des différents onglets, dans l'ordre, et en les séparant par des virgules (« , »). Par exemple : « Présentation,Adresse,Produits,Vente ».
Pour la fiche
Ce paramètre définit les onglets affichés lors de l'affichage de la fiche.
Si vous ne saisissez rien, il n'y aura pas d'onglets lors de l'affichage de la fiche.
Vous devez saisir les noms des différents onglets, dans l'ordre, et en les séparant par des virgules (« , »). Par exemple : « Présentation,Adresse,Produits,Vente ».
Déplacer le bouton valider
Ce paramètre permet de déplacer le bouton de validation au dernier onglet.
Couleur des boutons
Ce paramètre permet de choisir la couleur des boutons placés à la fin des onglets.
Par défaut, ils seront dans la couleur primaire du wiki. Vous avez le choix parmi la palette de couleurs du wiki.
Taille des boutons
Ce paramètre permet de réduire la taille des boutons des onglets.


Champ de type « passage à l'onglet suivant »

YWDocBazarOnglets_champ_passage_onglet_suivant
Ce champ n'est pas un vrai champ.
Il s'agit, dans les faits, d'un outil qui permet de délimiter un onglet en en marquant la fin tout en précisant quand cet onglet doit être affiché (saisie, affichage).

Info Lorsque vous incorporez un tel champ dans votre formulaire, vous marquez la fin d'un onglet et le début d'un suivant.

Paramètres du type de champs « passage à l'onglet suivant »

Pour le formulaire
Ce paramètre définit si l'onglet est affiché lors de la saisie de la fiche.
Par défaut, l'onglet est affiché lors de la saisie de la fiche.
Attention à être cohérent avec ce que vous avez saisi pour le paramètre « Pour le formulaire » du champ de type « navigation par onglets ».
Pour la fiche
Ce paramètre définit si l'onglet est affiché lors de l'affichage de la fiche.
Par défaut, l'onglet n'apparaît pas lors de l'affichage de la fiche.
Attention à être cohérent avec ce que vous avez saisi pour le paramètre « Pour la fiche » du champ de type « navigation par onglets ».

Question conditionnelle

Il arrive que dans un formulaire on souhaite afficher certaines questions en fonction de la réponse apportée à une des questions précédentes.
Cʼest ce qui se passe notamment lorsque lʼutilisateur répond « autre » à une liste déroulante ou à des cases à cocher, et quʼon lui propose alors un champ texte pour préciser (ce champ texte nʼapparaissant que dans ce cas).
La question conditionnelle fait donc suite à une question de type Liste (Sélectionner), Checkbox (cases à cocher) ou Radio (Boutons radio).
Illustrations
  • https://boyer.earth/yeswiki/?SaisieParticipant (répondez « oui » à lʼune ou lʼautre des deux questions de la section intitulée « Votre projet support » pour voir apparaître de nouvelles questions).
  • https://tourainebio.org/?PageAjoutProducteur#menu4 (répondez « oui » à certaines questions de ce 4e onglet pour voir apparaitre de nouvelles questions).

YWDocBazarQuestionConditionnelle_champ_affichage_conditionnel
Lorsque vous insérez un « Affichage conditionnel » dans votre formulaire, Bazar y crée deux champs.
  • Le premier, intitulé « Condition »,
  • Le second intitulé « Fin de condition ».
Ce que vous devez faire :
  • placer, entre le champ « Condition » et le champ « Fin de condition », le ou les champs que vous souhaitez faire apparaître de manière conditionnelle ;
  • préciser dans le champ « Condition », la condition d'apparition de ce ou ces champs ;
  • laisser le champ « Fin de condition » en lʼétat.

Remarque 1 — Un couple de champs « Affichage conditionnel » (« Condition » et « Fin de condition ») définit une seule condition (même si elle peut être complexe). Si vous souhaitez obtenir différents comportements en fonction de différentes conditions, il vous faudra insérer et définir autant dʼaffichages conditionnels que de conditions à remplir.
Remarque 2 — Il peut arriver, dans certains contextes (formulaire long ou comportant de nombreux champs de type « Custom HTML »), que le champ « Fin de condition » apparaisse sous le nom de « Custom HTML ». Si cʼest le cas, vérifiez juste que son contenu est bien le suivant : </div><!-- Fin de condition--> dans « Contenu lors de la saisie ».
Remarque 3 — Il peut également arriver que, lors de l'affichage sous forme de liste des fiches dʼun formulaire comportant des questions conditionnelles, toutes les fiches semblent imbriquées les unes dans les autres et que seule la première fiche apparaisse (les autres semblant être à lʼintérieur). Si cʼest le cas, ajoutez, tout à la fin de votre formulaire, un champ de type « Custom HTML » dans lequel vous laisserez le paramètre « Contenu lors de la saisie » vide et saisirez </div></div> dans le paramètre « Contenu lors de lʼaffichage ».

Champ de type « condition »

YWDocBazarQuestionConditionnelle_champ_affichage_conditionnel Voir l'image du champ en grand
Ce champ n'est pas un vrai champ.
Il s'agit, dans les faits, d'un outil qui permet d'exprimer la condition qui sera nécessaire pour montrer tout ce qui se trouve entre « Condition » et « Fin de condition ».

Paramètres du type de champs « condition »

Pour que cela fonctionne (et ait du sens), la condition doit faire référence à une ou plusieurs valeurs dʼun ou plusieurs champs de type énumération : Liste (Sélectionner), Checkbox (cases à cocher) ou Radio (Boutons radio).
Condition
Ce paramètre définit la condition à respecter pour afficher les champs qui suivent (jusquʼà « Fin de condition »).
Les règles de syntaxe de ce paramètre sont expliquées dans lʼencadré qui se trouve au dessus.
Voici quelques exemples pour illustrer cette syntaxe.
Rappel sur lʼidentifiant unique On suppose quʼon dispose de :
  • un champ de type « Sélectionner » (ou radio ou checkbox) dont l'identifiant unique est bf_trucmuche
  • une liste listeConfiture sur laquelle s'appuie ce champ (les valeurs étant : {1, figues}, {2, gingembre-tomates vertes}, … ,{5, autre}).
Pour afficher si… valeur du paramètre
on a répondu « autre » bf_Confiture==5
on nʼa pas répondu « figues » bf_Confiture!=1
on nʼa répondu ni « figues », ni « autre » bf_Confiture!=1 and bf_Confiture!=5
on nʼa pas répondu du tout bf_Confiture is empty
on a répondu « figues » ou « gingembre-tomates vertes » (pareil quʼen dessous) bf_Confiture==1 or bf_Confiture==2
on a répondu « figues » ou « gingembre-tomates vertes » (pareil quʼau dessus) bf_Confiture in [1,2]
dans le cas dʼune checkbox, on a répondu « figues » et « gingembre-tomates vertes » bf_Confiture==[1,2]
dans le cas dʼune checkbox, moins de trois cases ont été cochées bf_Confiture|length < 3
dans le cas dʼune checkbox, au moins deux cases ont été cochées mais pas la case « autre » bf_Confiture|length > 2 and bf_Confiture!=5

Si vous aimez l'histoire et en savoir plus sur les aspects techniques

Le code derrière les champs Bazar

Que se passe-t-il lorsque j'utilise le constructeur graphique de formulaire bazar ?

Lorsquʼon crée ou modifie un formulaire bazar, deux méthodes nous sont offertes. La méthode par défaut dans doryphore est le constructeur graphique.

YWDocBazarCode_dcfhabjikckbbnbi
Celui-ci permet de construire son formulaire de manière relativement intuitive sans avoir recours à du code puisque son rôle est justement dʼécrire le code pour vous.

Il est cependant parfois utile de comprendre ce qui se passe derrière. Nous allons donc lʼillustrer avec deux exemples, le cas dʼun champ texte, et celui dʼun groupe de cases à cocher.

Tout dʼabord, quelques petites règles simples :
  • à chaque champ placé dans le constructeur graphique, correspond une ligne dans lʼonglet « code » ;
  • lʼordre est le même dans les deux onglets (les champs dans le constructeur graphique sont dans le même ordre que les lignes correspondantes dans lʼonglet « code » ;
  • chaque ligne de code est composée de plusieurs paramètres et ces différents paramètres sont séparés par des groupes de trois astérisques (***) ;
  • le premier de ces paramètres indique toujours le type de champ.

Voyons maintenant ce qui se passe dans le cas dʼun champ texte.

Lʼimage ci-dessous montre la façon dont ce qui est rempli dans le constructeur graphique pour un champ texte se retrouve dans la ligne correspondante du code.

YWDocBazarCode_alpdkgehbbnibiem


Si on regarde la ligne de code (on se rappelle que les différents paramètres sont délimités par « *** ») on constate, par exemple, que :
  • le 1er paramètre contient bien le type de champ,
  • dans le 2e on retrouve le nom du champ,
  • le libellé du champ est dans le 3e paramètre,
  • les 4e et 5e paramètres contiennent les nombres de caractères affichés et maximum respectivement,
  • le 9e paramètre indique que le champ est obligatoire (« 1 »),
  • le 11e paramètre contient le texte dʼaide,
  • le 12e paramètre indique que le champ peut être lu par tout le monde (« »). Tous ces détails et bien dʼautres encore se trouvent sur la page https://yeswiki.net/?ChampsPossibles Regardons à présent les différences dans le cas dʼun champ de type groupe de cases à cocher.*

Lʼimage ci-dessous montre la façon dont ce qui est rempli dans le constructeur graphique pour un groupe de cases à cocher se retrouve dans la ligne correspondante du code.

YWDocBazarCode_oeimcnmcfckahabb

Le comportement est identique à celui que lʼon a vu pour un champ de type texte à la différence de :
  • le 1er champ dans le constructeur graphique (intitulé «nom ») est vide et nʼa pas de correspondance dans la ligne de code ;
  • le 2e paramètre de la ligne de code contient le nom de la liste utilisée pour ce groupe de cases à cocher ;

La page de référence pour retrouver le rôle de chacun des paramètres des codes de champ bazar est : https://yeswiki.net/?ChampsPossibles

A toi de jouer !

Dans le formulaire créé dans l'exercice précédent, amuse toi :
  • crée de nouveaux champs
  • mets certains champs en saisie obligatoire
Dans l'onglet "Listes" :
  • crée une nouvelle liste
  • retourne dans ton formulaire de test pour appeler cette liste dans une question de type "cases cocher"

Tu es en difficulté ou tu as des questions ? N'hésite pas à solliciter la communauté YesWiki sur le forum


PDF Voir la fiche

Créer ou modifier un formulaire

Concerne
La réponse

Création et modification d'un formulaire Bazar

Pour modifier un formulaire ou utilisera donc le petit bouton en forme de crayon (cf. 7 précédent).
Et, pour créer un nouveau formulaire, on utilisera le bouton « Saisir un nouveau formulaire ».
Les deux boutons envoient sur un écran similaire, vide dans le cas de la création et présentant les questions du formulaire dans le cas d'une modification.
Création d'un formulaire YWDocBazarFormulaireModification_formulaire_creation
Modification d'un formulaire YWDocBazarFormulaireModification_formulaire_modification

Nom du formulaire
Dans la première zone en haut de l'écran, on saisit (création), ou on trouve (modification), le nom du formulaire.
  • Ce nom peut être composé de plusieurs mots, comportant éventuellement des caractères accentués.
  • Il est possible de modifier ce nom par la suite.

Description du fomulaire
Cette zone permet de saisir des explications pour comprendre l'objectif du formulaire depuis l'écran de gestion des formulaires (cf. 1 précédent).

Ajout, suppression et réorganisation des champs du formulaire
Remarque concernant le vocabulaire – Nous appellerons « champ » la mise en œuvre technique d'une question.

Depuis la version Doryphore de YesWiki, la gestion des champs du formulaire se fait au moyen d'un constructeur graphique. Celui-ci permet d'ajouter, modifier, supprimer ou réorganiser des champs dans le formulaire.
YWDocBazarFormulaireModification_formulaire_constructeur

Ce constructeur graphique se présente en deux parties. Les numéros sur l'image renvoient aux explications ci-dessous.
Dans la partie gauche de l'écran, sont montrés les champs (ou questions) déjà présents avec :
  • leur intitulé (1),
  • une représentation de leur aspect dans le formulaire final (2),
  • un petit astérique rouge si le champ est obligatoire (3).
Lorsqu'on déplace le pointeur de la souris au dessus de la zone correspondant au champ, celui-ci devient une poignée (4) qui permet de déplacer le champ pour le positionner à un en autre endroit dans le formulaire.
Apparaissent également au survol de la souris,
  • un bouton de suppression du champ (5),
  • un bouton de modification du champ (6),
  • un bouton de duplication du champ (7).
Dans la partie de droite se trouvent les différents types de champs possibles (8).
En saisissant, dans la partie droite, l'icône d'un type de champs et en la glissant dans la partie gauche, on va ajouter un champ de ce type au formulaire. YWDocBazarFormulaireModification_formulaire_constructeur_grab
Une zone noire apparaît alors à l'endroit où le champ sera inséré. Dans l'exemple montré, cette zone est placée en dessous du champ prééxistant.
YWDocBazarFormulaireModification_formulaire_constructeur_drop_field
En relachant le bouton de la souris, le champ se crée.
YWDocBazarFormulaireModification_formulaire_constructeur_champ_creation

Modification d'un champ de formulaire
En cliquant sur le petit crayon correspondant à un champ, on peut modifier ses différents paramètres.
Les détails sont dans l'onglet ci-dessous : "Types de champs des formulaires Bazar"

Enregistrer
Lorsque vous avez fini de modifier votre formulaire, vous devez valider au moyen du bouton du même nom en bas de page.

A toi de jouer !

Dans les formulaires de ton wiki :
  • modifie le formulaire "Agenda"
    • supprime la questions "Documents"
    • glisse au-dessus de la question "Description" les 2 questions "Début et fin d'événement"
  • crée un nouveau formulaire
    • nomme le formulaire test ou en cohérence avec un vrai besoin
    • modifie la question "Titre de la fiche"
    • ajoute une question de type "texte long"
Tu es en difficulté ou tu as des questions ? N'hésite pas à solliciter la communauté YesWiki sur le forum


PDF Voir la fiche

Créer ses fiches Parcours, Modules, activités

Concerne
La réponse
Retour à la documentation
La création d'une formation s'effectue en créant :
  • des fiches activités
  • puis des fiches modules référençant chacun les différentes fiches activités qui les composent
  • et enfin une fiche parcours qui décrira la formation et y référencera une série de fiches modules

Pour créer ces fiches, il faut aller sur l'interface « Base de Données » accessible depuis la « roue crantée » mis par défaut sur les sites YesWiki. Ensuite, la création de la fiche s'effectue en allant cliquer au niveau formulaire voulu sur le bouton « + », comme ci-dessous.

image aller_vers_creer_fiche_activite.gif (0.5MB)

A toi de jouer !

Va sur la page "Base de données" de ton Yeswiki et clique sur le "+" de la ligne "LMS Activités",la suite ci-dessous...

Tu es en difficulté ou tu as des questions ? N'hésite pas à solliciter la communauté YesWiki sur le forum



Créer/Paramétrer une fiche Activité


image saisie_fiche_activite1.png (45.4kB)
...
image saisie_fiche_activite2.png (16.3kB)
Saisie d'une fiche « LMS Activité »
Détails pour chaque champ de saisie :
  • Titre de l'activité : le titre utilisé pour créér le tag/identifiant de la fiche et affiché pour l'activité si le champ Titre affiché n'est pas défini. Le titre de l'activité se retrouve dans le menu du parcours et en tant que titre au début de chaque activité.
  • Titre affiché (optionnel) : quand ce champ comporte une valeur, c'est celle-ci qui est affichée au niveau du menu du parcours ou en début de chaque activité. Ce champ permet d'avoir un titre affiché de l'activité qui diffère de celui utilisé pour créer un tag/identifiant de fiche (un tag spécifique permet de plus facilement organiser ses fiches et les retrouver).
  • Auteur⋅ice⋅s : liste des auteurs ayant participé à l'élaboration de la fiche (champ de type mot-clé car il permet de réutiliser facilement les noms d'auteur déjà saisis et de filtrer les pages de même auteur)
  • Durée estimée de l'activité en minutes : Temps en minutes estimé pour l'activité. Cette durée est utilisée pour calculer le temps estimé annoncé pour chaque module au niveau de la fiche Parcours.
  • License : Licence sous laquelle est l'activité pédagogique. Par exemple : Creative Commons CC-BY-SA s'il on désire que la ressource soit un commun avec l'obligation que les adaptations/produits dérivés gardent la même licence. Pour faire le choix entre les différentes licences Creative Commons, référez-vous à cette page.
  • Contenu : C'est le contenu qui sera affiché pour l'activité pédagogique. Il est tapé en syntaxe YesWiki et le bouton « Composants » permet d'insérer facilement des actions YesWiki depuis la barre de formattage associée au champ. Contrairement aux pages, le petit crayon n'est pas affichée quand on sélectionne une action YesWiki et il faut aller cliquer sur le bouton « Composants » puis sur « Éditer le composant sélectionné » afin de modifier l'action.
  • Tags de description : Mots-clés qui permet de décrire l'activité pédagogiques et qui permet de la retrouver plus facilement.
  • Activer les commentaires ? : Si « oui » est défini, le champ devrait activer les commentaires. Or cela ne fonctionne pour l'instant que pour des installations particulières où l'extension LMS est utilisée avec la plateforme social Humhub et avec le module adéquat. Prochainement : une version de YesWiki qui intègre nativement les commentaires des pages et des fiches Activités de l'extension LMS devrait bientôt sortir.
  • Activer les réactions ? : Si « oui » est défini, la zone de réaction permettant de récolter le vote de chaque apprenant est proposée en bas de la fiche Activité. Prochainement : une version améliorée des réactions devrait bientôt sortir et permettre notamment de suivre l'ensemble des réactions via un tableau de bord.

A toi de jouer !

Vas-y, créé quelques premières activités ! pour l'instant avec un contenu simple et provisoire.

Pour enrichir le contenu de tes activités et insérer des vidéos, des quizz etc. ce sera par ici Voir la page "enrichir sa plateforme pédagogique"

Petite astuce : pour classer facilement tes activité dans le bon module et dans le bon ordre, choisi un titre d'activité et une nomenclature explicite :
Exemple:
Titre de l'activité : "mettre à jour son Yeswiki 1.2" ou "M1-2 mettre à jour son Yeswiki" (pour module 1 activité 2)
Titre affiché (pour la personne apprenante) "Mettre à jour son Yeswiki"
Tu es en difficulté ou tu as des questions ? N'hésite pas à solliciter la communauté YesWiki sur le forum



Créer/Paramétrer une fiche Module

image saisie_fiche_module.png (0.1MB)
Saisie d'une fiche « LMS Module »
Détails pour chaque champ de saisie :
  • Titre du module : le titre affiché pour le module et utilisé pour créer le tag/identifiant de la fiche
  • Description : description du module (texte long en syntaxe YesWiki)
  • Image : image donnée pour le module (affichée sur la fiche module ainsi que la fiche parcours)
  • Date d'ouverture : date jusqu'à laquelle le module est fermé pour les apprenants, l'accès étant réservé qu'aux administrateurs
  • Activé : Si défini à « non », le module est fermé aux apprenants (accès possible pour les administateurs). Ce paramétrage est prioritaire sur la Date d'ouverture, c'est à dire que le module sera fermé si la date d'ouverture est passée et que Activé est à « non ».
  • Activités : suite de fiches Activités qui définisent la séquence pédagogique du module (les fiches Activités sont affichées avec possibilité de filtrage et sont ajoutées à la liste via la bouton « + » ou via « Glisser - Déposer »)


A toi de jouer !

Créé un premier module et intègres-y les activités que tu as créées !

Tu es en difficulté ou tu as des questions ? N'hésite pas à solliciter la communauté YesWiki sur le forum



Créer ou paramétrer une fiche Parcours


image saisie_fiche_parcours.png (0.1MB)
Saisie d'une fiche « LMS Parcours »
Détails pour chaque champ de saisie :
  • Titre du parcours : le titre affiché pour la formation et utilisé pour créer le tag/identifiant de la fiche
  • Description : description de la formation (texte long en syntaxe YesWiki)
  • Image : image donnée pour la formation (non affichée aujourd'hui à la consultation de la fiche)
  • Modules : séquence des modules de la formation (les fiches Modules sont affichées avec possibilité de filtrage et sont ajoutées à la liste via la bouton « + » ou via « Glisser - Déposer »)
  • Scénarisation des activités : par défaut, défini à « non » et la navigation est libre parmi les activités de chaque module. Si défini à « oui », les activités sont débloquées au fur et à mesure de la progression de l'apprenant : l'apprenant doit déjà avoir consulté l'activité précédente pour accéder à une activité
  • Scénarisation des modules : par défaut, défini à « non » et la navigation est libre parmi les modules du parcours. Si défini à « oui », un module n'est accessible que si l'apprenant a consulté toutes les activités du module précédent.

En imbriquant les modules et activités comme vous le souhaitez au sein de votre parcours, vous définissez la navigation qu'effectueront les apprenants lorsqu'ils suivront votre formation.

A toi de jouer !

Créé ton parcours en y insérant ton ou tes modules créés.


Tu es en difficulté ou tu as des questions ? N'hésite pas à solliciter la communauté YesWiki sur le forum



Donner accès à votre formation


Le plus simple pour que vos apprenants accèdent à votre formation est de faire un lien dans votre PagePrincipale et/ou votre menu du haut (PageMenuHaut) vers le tag qui correspond à votre fiche Parcours.

Vous pouvez également inclure cette fiche Parcours directement dans votre PagePrincipale grâce à l'action {{include page="TagDePageOuFiche"}}. Via l'interface graphique, l'action est accessible via « Composants » / « Actions avancées » / « Inclure une page dans une autre ».

Le sommaire de votre formation pourra être ainsi affiché.

image sommaireparcours.png (72.9kB)

A toi de jouer !

Créé une page dans ton menu haut "ma formation" et intègre-y ton parcours.

Tu es en difficulté ou tu as des questions ? N'hésite pas à solliciter la communauté YesWiki sur le forum


CC-by-SA Adrien Cheype et Louise Didier
PDF Voir la fiche

Créer une fiche Activité

Concerne
La réponse

Créer/Paramétrer une fiche Activité


image saisie_fiche_activite1.png (45.4kB)
...
image saisie_fiche_activite2.png (16.3kB)
Saisie d'une fiche « LMS Activité »
Détails pour chaque champ de saisie :
  • Titre de l'activité : le titre utilisé pour créér le tag/identifiant de la fiche et affiché pour l'activité si le champ Titre affiché n'est pas défini. Le titre de l'activité se retrouve dans le menu du parcours et en tant que titre au début de chaque activité.
  • Titre affiché (optionnel) : quand ce champ comporte une valeur, c'est celle-ci qui est affichée au niveau du menu du parcours ou en début de chaque activité. Ce champ permet d'avoir un titre affiché de l'activité qui diffère de celui utilisé pour créer un tag/identifiant de fiche (un tag spécifique permet de plus facilement organiser ses fiches et les retrouver).
  • Auteur⋅ice⋅s : liste des auteurs ayant participé à l'élaboration de la fiche (champ de type mot-clé car il permet de réutiliser facilement les noms d'auteur déjà saisis et de filtrer les pages de même auteur)
  • Durée estimée de l'activité en minutes : Temps en minutes estimé pour l'activité. Cette durée est utilisée pour calculer le temps estimé annoncé pour chaque module au niveau de la fiche Parcours.
  • License : Licence sous laquelle est l'activité pédagogique. Par exemple : Creative Commons CC-BY-SA s'il on désire que la ressource soit un commun avec l'obligation que les adaptations/produits dérivés gardent la même licence. Pour faire le choix entre les différentes licences Creative Commons, référez-vous à cette page.
  • Contenu : C'est le contenu qui sera affiché pour l'activité pédagogique. Il est tapé en syntaxe YesWiki et le bouton « Composants » permet d'insérer facilement des actions YesWiki depuis la barre de formattage associée au champ. Contrairement aux pages, le petit crayon n'est pas affichée quand on sélectionne une action YesWiki et il faut aller cliquer sur le bouton « Composants » puis sur « Éditer le composant sélectionné » afin de modifier l'action.
  • Tags de description : Mots-clés qui permet de décrire l'activité pédagogiques et qui permet de la retrouver plus facilement.
  • Activer les commentaires ? : Si « oui » est défini, le champ devrait activer les commentaires. Or cela ne fonctionne pour l'instant que pour des installations particulières où l'extension LMS est utilisée avec la plateforme social Humhub et avec le module adéquat. Prochainement : une version de YesWiki qui intègre nativement les commentaires des pages et des fiches Activités de l'extension LMS devrait bientôt sortir.
  • Activer les réactions ? : Si « oui » est défini, la zone de réaction permettant de récolter le vote de chaque apprenant est proposée en bas de la fiche Activité. Prochainement : une version améliorée des réactions devrait bientôt sortir et permettre notamment de suivre l'ensemble des réactions via un tableau de bord.
PDF Voir la fiche

Créer une fiche Module

Concerne
La réponse

Créer/Paramétrer une fiche Module

image saisie_fiche_module.png (0.1MB)
Saisie d'une fiche « LMS Module »
Détails pour chaque champ de saisie :
  • Titre du module : le titre affiché pour le module et utilisé pour créer le tag/identifiant de la fiche
  • Description : description du module (texte long en syntaxe YesWiki)
  • Image : image donnée pour le module (affichée sur la fiche module ainsi que la fiche parcours)
  • Date d'ouverture : date jusqu'à laquelle le module est fermé pour les apprenants, l'accès étant réservé qu'aux administrateurs
  • Activé : Si défini à « non », le module est fermé aux apprenants (accès possible pour les administateurs). Ce paramétrage est prioritaire sur la Date d'ouverture, c'est à dire que le module sera fermé si la date d'ouverture est passée et que Activé est à « non ».
  • Activités : suite de fiches Activités qui définisent la séquence pédagogique du module (les fiches Activités sont affichées avec possibilité de filtrage et sont ajoutées à la liste via la bouton « + » ou via « Glisser - Déposer »)

PDF Voir la fiche

Créer une fiche Parcours

Concerne
La réponse

Créer ou paramétrer une fiche Parcours


image saisie_fiche_parcours.png (0.1MB)
Saisie d'une fiche « LMS Parcours »
Détails pour chaque champ de saisie :
  • Titre du parcours : le titre affiché pour la formation et utilisé pour créer le tag/identifiant de la fiche
  • Description : description de la formation (texte long en syntaxe YesWiki)
  • Image : image donnée pour la formation (non affichée aujourd'hui à la consultation de la fiche)
  • Modules : séquence des modules de la formation (les fiches Modules sont affichées avec possibilité de filtrage et sont ajoutées à la liste via la bouton « + » ou via « Glisser - Déposer »)
  • Scénarisation des activités : par défaut, défini à « non » et la navigation est libre parmi les activités de chaque module. Si défini à « oui », les activités sont débloquées au fur et à mesure de la progression de l'apprenant : l'apprenant doit déjà avoir consulté l'activité précédente pour accéder à une activité
  • Scénarisation des modules : par défaut, défini à « non » et la navigation est libre parmi les modules du parcours. Si défini à « oui », un module n'est accessible que si l'apprenant a consulté toutes les activités du module précédent.

En imbriquant les modules et activités comme vous le souhaitez au sein de votre parcours, vous définissez la navigation qu'effectueront les apprenants lorsqu'ils suivront votre formation.
PDF Voir la fiche

Créer une liste pour formulaire bazar via un tableur

Concerne
La réponse Quand on doit créer une nouvelle liste avec beaucoup d'éléments que l'on peut récupérer sur le web ()en csv par exemple), il est possible de remplir cette liste rapidement (càd pas à la main une par une) via une manipulation dans un tableau (en concaténant les infos).
Un fichier tableur exemple est fourni dans cette fiche.

comment procéder ?

  • créer votre liste avec juste une clé/valeur
  • récupérer le nomwiki de votre liste et ouvrez la page
  • le contenu de cette page s'apparente à :
  • {"titre_liste":"Titre de votre liste","label":{XXXXXXXXXXXXXXXXX}}
    
  • ouvrez le tableur exemple et compléter la colonne clé et la colonne valeur
  • récupérez (copiez) ensuite la dernière ligne de la dernière colonne du tableur (en gros la liste concaténée)
  • et copiez-la dans la pagewiki de votre liste à la place des XXXX (enlevez la dernière virgule)
  • sauvez votre page
  • retournez voir dans la page bazar de votre wiki si la liste a bien été complétée.
PDF Voir la fiche

Créer une page qui reste parfaitement vierge

Concerne
La réponse Dans toute page, pour pouvoir l'enregistrer, on doit y mettre au moins un caractère qui ne soit pas un espace.
Une solution pour avoir une page vierge consiste à y mettre un espace insécable :
& n b s p ;
C'est utile pour certaines pages qui sont intégrées dans le site et apparaissent donc à l'écran mais sur lesquelles on ne veut voir aucun texte, par exemple une page de colonne ou de titre.
PDF Voir la fiche

Créer un espace de questions-réponses

Concerne
La réponse

Espace Questions/Réponses

Nous sommes là avec un double objectif pédagogique : un espace où l'apprenant·e peut poser sa question et où il peut voir les questions des autres (pour lui éviter de poser la sienne déjà résolue ou pour lui donner des idées). L'interet est de ne pas attendre les moments synchrones pour se délester de ses questions et dʼavoir un espace disponible pour les recevoir à tout moment.
Les questions peuvent être de deux ordres :
  • sur le contenu de la formation pour aller plus loin sur le fond,
  • sur l'organisation de la formation.
Et techniquement ?
Deux solutions sʼoffrent à vous :
  • construire cet espace Q/R avec bazar,
  • aller chercher un outil de type forum sur le web et lʼintégrer en iframe.
Comment choisir ? Il faut définir vos besoins précis ;-) Vous aurez notamment à vous poser les questions suivantes.
  • Organisation des formateurices – Combien de questions on imagine recevoir et comment les formateurices comptent s'organiser pour y répondre : au fil de l'eau ? vérification des nouvelles questions à une fréquence précise ? besoin de notifications mails ? plusieurs intervenant·e·s seront invité·e·s à répondre ou une personne est-elle en charge de cette tache ? allez-vous répondre par écrit, audio et/ou vidéo ?
  • Attentes des participant·e·s – Comment vont-ielles être informé·e·s que leur question a été traitée ? Devront-ielles se créer un compte sur un outil supplémentaire pour participer à cet espace Q/R ?
  • Capitalisation – Comment garder traces de ces Q/R pour nourrir la formation et ses participant·e·s ?
PDF Voir la fiche

Créer un espace individuel pour chaque apprenant·e

Concerne
La réponse

Un espace individuel pour chaque apprenant·e

Lʼespace individuel nous semble tout aussi nécessaire que la carte des participant·e·s : jʼai une vue d'ensemble du groupe et une visibilité aussi sur mes informations personnelles, un accès direct à ce qui me concerne.
On peut y retrouver plusieurs éléments :
  • la fiche participant·e telle qu'affichée sur la carte ou le trombinoscope des participant·e·s pour éventuellement pouvoir la modifier ;
  • mes exercices ;
  • mes questions et leurs réponses ;
  • des données administratives : on peut profiter de cet espace privé pour donner les informations et documents liés à l'inscription (convention, émargement, devis, facture…)
Cet espace personnel est sécurisé et ne devient accessible quʼune fois identifié·e.
Et techniquement ?
Il sʼagit dʼune simple page wiki qui appelle et rassemble des éléments collectés par ailleurs. À vous de la construire avec les éléments qui vous semblent pertinents.
Si vous utilisez bazar, vous ajouterez le paramètre filteruserasowner="true" pour afficher une sélection d'une base de données : la personne identifiée (ou connectée ou loguée) ne verra que ses fiches (celles qu'elle a créées, dont elle est propriétaire).
PDF Voir la fiche

Créer un formulaire de contact plus complet via Bazar

Concerne
La réponse Le formulaire de contact par defaut de YesWiki est un peu pauvre alors que le Bazar permet de faire des formulaires bien plus complet avec des champs conditionnels et plein d'autres choses.

Nous allons voir comment créér un formulaire de contact avec Bazar.

Cette methode doit aussi permettre l'envoi de formulaire sur des adresses differentes via un champ de selection et les champs conditionnel.

Passons a la pratique

Le but est de se créer un formulaire, pour cela je vous laisse regarder les differents tutoriels ou documentations.

A la fin de votre formulaire,
  • Ajouter un custom HTML avec pour reglage
    <div>
    
    permettant de cacher le champ email aux utilisateurs.
Télécharger le fichier custom_html.jpg
  • Ajouter un champ Email
Télécharger le fichier Mail.jpg
Voici la version YesWiki
labelhtml***<div>*** *** ***
champs_mail***bf_mail_contact***Adresse contact*** *** ***adress_de_contact@ndd.fr*** *** ***0***1*** *** % *** % *** *** *** ***
labelhtml***</div> *** *** ***
</div>
PDF Voir la fiche

Créer un glossaire façon wikipedia dans votre yeswiki

Concerne
La réponse
Et si votre wiki affichait la définition des mots compliqués en popup par simple survol ?

Il arrive qu'on souhaite afficher en popup la définition d'un mot ou des infos sur un sujet en popup simplement au survol du mot. Un peu comme le propose wikipedia dans ses articles.
Ceci est désormais possible dans yeswiki !
Survolez donc ici pour voir et cliquer pour m'ouvrir dans une nouvelle fenêtre !

comment ?

Avec cette syntaxe :
{{button class="btn btn-link btn-glossaire modalbox-hover new-window " link="PageInfoBulle"  text="texte à survoler"}}



Décortitons-la :

  • btn btn-link : permet de ne pas créer de bouton et donc d'avoir un lien clicable "classique"
  • btn-glossaire : permet d'enlever les marges un peu embêtantes dans ce contexte de lien à survoler
  • modalbox-hover : affiche le contenu appelé via le link en popup sur simple survol du lien
  • new-window : ouvre le lien dans une nouvelle page si l'utilisateur clique dessus
  • link : doit être une page wiki de votre wiki (ne peut pas être un lien externe)
  • text : vous mettez ce que vous voulez mais ce sera le titre de la modale


Exemple d'usage : Faire un glossaire en utilisant un formulaire bazar

Première étape : vous créez un formulaire bazar avec ces champs

labelhtml*** *** *** <div>
texte***bf_titre***Le mot***25***25*** *** *** ***1***0***
labelhtml*** *** *** </div> ***
textelong***bf_description***Définition***10***2*** *** ***wiki *** *** ***
lien_internet***bf_url***Lien pour en savoir plus***40***255***http://*** *** ***0***0



Le label html pour bf_titre permet d'éviter que le nom du mot à définir s'affiche deux fois dans le popup

Deuxième étape : Vous créez une page glossaire dans votre wiki et appelez le contenu du formulaire avec la syntaxe suivante

{{bazarliste id="x" template="annuaire-alphabetique.tpl.hml"}}



Ceci affichera le contenu de votre glossaire par ordre alphabetique

Troisième étape : vous insérez en haut de cette même page un bouton pour permettre à chacun de définir les mots compliqués

""<div class="pull-right">""{{button class="btn-success" icon="pencil icon-white" link="SaisirGlossaire" text="J'ajoute un mot dans le glossaire"}}""</div>""



Ensuite vous récupérez le nom de la page wiki pour chaque mot défini (il suffit de la survoler dans le glossaire par ex et de récupérer en bas de son browser son nom wiki)
PDF Voir la fiche

Créer un lien "Retour à la page précédente"

Concerne
La réponse Il est parfois utile de pouvoir insérer un lien "Retour à la page précédente" quelle que soit cette page. Pour cela, il faut utiliser ce bout de code :

""<a href="#">Précédent</a> ""


On peut aussi ajouter la propriété title="Retourner à la page précédente" qui permet d'afficher un texte complémentaire au survol du lien.
PDF Voir la fiche

Définir des listes utilisables dans des formulaires

Concerne
La réponse DocBazaRListes
PDF Voir la fiche

Déterminer les latitude, longitude et niveau de zoom pour votre carte

Concerne
La réponse Allez sur OpenStreetMap, choisissez la zone qui vous convient, ainsi que le niveau de zoom souhaité.
Regardez maintenant l'adresse dans la barre d'adresse de votre navigateur. Elle est sous la forme :
https://www.openstreetmap.org/#map=15/43.8593/3.9014&amp;layers=CN

  • Le premier chiffre (ici 15) indique le niveau de zoom (1=Monde, 5=Pays, 10=Région, 5=Communal)
  • Le second (ici 43.8593) indique la latitude du centre de votre carte
  • Le troisième (ici 3.9014) indique la longitude du centre de votre carte

Et hop !
CommentFairePourTrouverLaLatitudeLongitu_zoomcarto.png
PDF Voir la fiche

Donner accès à sa formation

Concerne
La réponse

Donner accès à votre formation


Le plus simple pour que vos apprenants accèdent à votre formation est de faire un lien dans votre PagePrincipale et/ou votre menu du haut (PageMenuHaut) vers le tag qui correspond à votre fiche Parcours.

Vous pouvez également inclure cette fiche Parcours directement dans votre PagePrincipale grâce à l'action {{include page="TagDePageOuFiche"}}. Via l'interface graphique, l'action est accessible via « Composants » / « Actions avancées » / « Inclure une page dans une autre ».

Le sommaire de votre formation pourra être ainsi affiché.

image sommaireparcours.png (72.9kB)
PDF Voir la fiche

Écrire sans tenir compte des ChatsMots

Concerne
La réponse Pour éviter qu'un mot comprenant plusieurs majuscules ne soit traduit par Yeswiki en lien vers une nouvelle page, il suffit de taper le mot entre guillemets de cette manière ChatMot
PDF Voir la fiche

Empêcher l'indexation par les moteurs de recherche

Concerne
La réponse Dans la partie gestion du site / fichier de conf / Balises meta pour l'indexation web / Empêcher les robots à indexer le wiki / ajouter noindex,nofollow,noarchive,noimageindex

si le wiki n'a jamais été indexé, il faut mettre
User-agent: *
Disallow: /


Dans /robots.txt

s'il a déjà été indexé, il faut mettre
User-agent: *
Allow: /?*
Allow: /
Disallow: /?api/*
Disallow: /?api*
Disallow: /?GererSite*
Disallow: /?GererMisesAJour*
Disallow: /?TableauDeBord*
Disallow: /?PageRapideHaut*
Disallow: /?MotDePassePerdu*
Disallow: /cache/
Disallow: /files/
Disallow: *.yaml$
Disallow: *.md$
Disallow: *field=bf_mail$
Disallow: */edit$
Disallow: */share$
Disallow: */revisions$
Disallow: */upload&amp;file=*


et faire une demande explicite sur https://search.google.com/search-console et https://www.bing.com/webmasters
PDF Voir la fiche

Enlever une colonne dans une zone qui en comporte plusieurs

Concerne
La réponse
Pour enlever une colonne, il suffit de supprimer :
  • le code qui marque de début de la colonne : {{col size="…"}} ;
  • tout ce qui se trouve entre les code de début et de fin de la colonne ;
  • le code qui marque de fin de la colonne : {{end elem="col"}}.
Pensez à modifier les largeurs des colonnes restantes de manière à ce que la somme de leur largeur soit bien égale à 12.
Plus dʼexplications sur le fonctionnement des colonnes
PDF Voir la fiche

Enrichir sa plateforme pédagogique

Concerne
La réponse
Retour à la documentation

Enrichir sa plateforme pédagogique



Images

Vous allez bien sûr illustrer vos contenus avec des images.
Une petite astuce : décidez si lʼimage sera cliquable (configuration par défaut qui ouvre lʼimage en plein écran quand on clique dessus) ou non (paramètre nofullimagelink="1" à ajouter dans votre code {{attach}}).

Vidéo

Pour intégrer une vidéo il est nécessaire qu'elle soit préalablement en ligne sur une plateforme spécialisée : YouTube, Viméo, PeerTube, etc.
image Video_menu.png (40.9kB)

Vous pouvez alors utiliser l'action {{video}} disponible dans les composants.
image Video_composant.png (0.2MB)
Par défaut, ce composant vous propose deux paramètres.
  • Serveur de la vidéo – Vous pouvez choisir le serveur sur lequel se trouve la vidéo parmi PeerTube, Vimeo et Youtube.
  • Identifiant de la vidéo – Il ne sʼagit pas de lʼURL complète de la vidéo. Le plus souvent, c'est la série de chiffres et lettres placée en fin d'URL. Par exemple, dans https://www.youtube.com/watch?v=TNPnia5UCKk, lʼidentifiant de la vidéo est TNPnia5UCKk.

En cochant la case « paramètres avancés », vous pouvez faire afficher plus de paramètres.
  • Instance du serveur PeerTube – Ce paramètre nʼest présent que si vous avez choisi PeerTube en tant que serveur de la vidéo.
  • Ratio de la vidéo – Vous pouvez préciser le ratio qui vous convient pour afficher la vidéo.
  • Largeur maximale – Par défaut, la vidéo sera affichée sur toute la largeur disponible. Si vous le souhaitez, ce paramètre vous permet de préciser la largeur maximale sur laquelle la vidéo sera affichée. Attention, cette largeur doit être saisie en nombre de pixels (par exemple : 500). Vous ne pouvez utiliser de pourcentage pour exprimer cette largeur maximale.
  • Hauteur maximale – Par défaut, la hauteur dʼaffichage de la vidéo sera calculée automatiquement en fonction de la largeur disponible (de manière à conserver les proportions, ou ratio, initiales de la vidéo). Ce paramètre vous permet, si vous le souhaitez, de fixer la hauteur maximale dʼaffichage de la vidéo. Attention, cette hauteur doit être saisie en nombre de pixels (par exemple : 500). Vous ne pouvez utiliser de pourcentage pour exprimer cette hauteur maximale.
  • Position de la vidéo – Ce paramètre ne prend effet que si vous avez précisé une largeur maximale inférieure à la largeur dʼaffichage disponible. Si vous spécifiez que la position de la vidéo doit être à droite, et qu'il reste de la place à gauche de celle-ci, alors YesWiki commencera à afficher le texte suivant la vidéo à gauche de celle-ci. Et réciproquement pour un choix dʼaffichage de la vidéo à gauche, le texte viendra à droite, sʼil reste de la place.

Une autre méthode consiste à intégrer la vidéo en utilisant un iframe. Cependant l'action {{video}} vous permet un affichage responsive (c'est à dire qui sʼadapte à la taille de la fenêtre).

Quizz

Vous trouverez sur le web plusieurs outils de quizz que vous pouvez intégrer en iframe.
YesWiki va vers une meilleure intégration du H5P. Vous pouvez voir un exemple sur Wiki pour des écoles fait avec le Logiquiz de La digitale.

Au-delà du LMS en lui-même, YesWiki vous offre de nombreuses possibilités pour construire votre plateforme pédagogique.
Voici quelques idées dʼusages et de solutions techniques.


A toi de jouer !

Enrichi tes activités en variant les contenus et en incluant :
- des images
- des vidéos
- des quizz ...

Tu es en difficulté ou tu as des questions ? N'hésite pas à solliciter la communauté YesWiki sur le forum



Visibilité du groupe d'apprenant·e·s

image carteparticipants.png (1.1MB)
Par une carte géographique ou par un trombinoscope les plateformes de formation proposent souvent une visualisation du groupe d'apprenant·e·s. Rendre le groupe visible au groupe est essentiel et remplit plusieurs fonctions (aller plus loin : définition de l'holoptisme) :
  • nourrir le sentiment d'apartenance et la confiance nécessaires à l'apprentissage : je peux sereinement livrer mes projets et questions parce que je sais qui me lit
  • tisser des liens entre personnes et projets que ce soit par des points communs thématiques ou territoriaux : je peux directement contacter tel participant parce que son travail m'intéresse où qu'il est près de chez moi
  • donner des idées sur des appropriations : je vois que des participant.es viennent avec d'autres attentes, d'autres expériences et ça me donne des idées pour ma pratique
  • valoriser la formation en montrant le nombre de participant.es et/ou leur diversité
On peut aussi choisir de profiter de cet espace pour présenter les intervenant.es. C'est le cas pour cette formation et ça dénote d'une posture d'éducation populaire de ne pas instaurer de distance trop grande entre participant.es et formateurices.
Et techniquement ?
Bazar vous offre là de belles fonctionnalités.

A toi de jouer !

Créé une page Trombinoscope des personnes apprenants, avec deux mises en page des fiches trombi :
- en vignette avec les photos de profil
- sous forme de carte

Tu peux mettre ces deux affichages l'un en dessous de l'autre, ou créer des onglets de navigation dans ta page.

Tu es en difficulté ou tu as des questions ? N'hésite pas à solliciter la communauté YesWiki sur le forum



Un espace individuel pour chaque apprenant·e

Lʼespace individuel nous semble tout aussi nécessaire que la carte des participant·e·s : jʼai une vue d'ensemble du groupe et une visibilité aussi sur mes informations personnelles, un accès direct à ce qui me concerne.
On peut y retrouver plusieurs éléments :
  • la fiche participant·e telle qu'affichée sur la carte ou le trombinoscope des participant·e·s pour éventuellement pouvoir la modifier ;
  • mes exercices ;
  • mes questions et leurs réponses ;
  • des données administratives : on peut profiter de cet espace privé pour donner les informations et documents liés à l'inscription (convention, émargement, devis, facture…)
Cet espace personnel est sécurisé et ne devient accessible quʼune fois identifié·e.
Et techniquement ?
Il sʼagit dʼune simple page wiki qui appelle et rassemble des éléments collectés par ailleurs. À vous de la construire avec les éléments qui vous semblent pertinents.
Si vous utilisez bazar, vous ajouterez le paramètre filteruserasowner="true" pour afficher une sélection d'une base de données : la personne identifiée (ou connectée ou loguée) ne verra que ses fiches (celles qu'elle a créées, dont elle est propriétaire).

A toi de jouer !

Créé un espace individuel pour chaque personne apprenante et rend la visible uniquement de cette personne (création d'un compte nécessaire)
Tu peux t'entrainer avec des comptes fictifs si tu veux.

Mets par exemple sur cette page :
- un document de prise de note lors des rendez-vous ensemble (type pad ou autre)
- l'aperçu des fiches créées (ex fiche Trombi), des commentaires et des réactions de la personne
- sa convention téléchargeable
- ...

Tu es en difficulté ou tu as des questions ? N'hésite pas à solliciter la communauté YesWiki sur le forum



Espace Questions/Réponses

Nous sommes là avec un double objectif pédagogique : un espace où l'apprenant·e peut poser sa question et où il peut voir les questions des autres (pour lui éviter de poser la sienne déjà résolue ou pour lui donner des idées). L'interet est de ne pas attendre les moments synchrones pour se délester de ses questions et dʼavoir un espace disponible pour les recevoir à tout moment.
Les questions peuvent être de deux ordres :
  • sur le contenu de la formation pour aller plus loin sur le fond,
  • sur l'organisation de la formation.
Et techniquement ?
Deux solutions sʼoffrent à vous :
  • construire cet espace Q/R avec bazar,
  • aller chercher un outil de type forum sur le web et lʼintégrer en iframe.
Comment choisir ? Il faut définir vos besoins précis ;-) Vous aurez notamment à vous poser les questions suivantes.
  • Organisation des formateurices – Combien de questions on imagine recevoir et comment les formateurices comptent s'organiser pour y répondre : au fil de l'eau ? vérification des nouvelles questions à une fréquence précise ? besoin de notifications mails ? plusieurs intervenant·e·s seront invité·e·s à répondre ou une personne est-elle en charge de cette tache ? allez-vous répondre par écrit, audio et/ou vidéo ?
  • Attentes des participant·e·s – Comment vont-ielles être informé·e·s que leur question a été traitée ? Devront-ielles se créer un compte sur un outil supplémentaire pour participer à cet espace Q/R ?
  • Capitalisation – Comment garder traces de ces Q/R pour nourrir la formation et ses participant·e·s ?

Espace formateurices

Les intervenant·e·s peuvent avoir besoin de disposer de leur gare centrale dans la plateforme pédagogique pour retrouver des éléments dédiés. Le lien vers cet espace peut être discret, par exemple dans la roue crantée en haut à droite.
Pour illustration cet espace pourrait comprendre :
  • le rappel de nos liens utiles : tableau dʼinscription, budget, espace de prise de notes, outils de visio… ;
  • lʼensemble des fiches mises en pratique ;
  • un document ouvert pour déposer ses idées dʼaméliorations pour les prochaines sessions ;
  • un suivi des ressources produites et de leur mise en partage notamment sur yeswiki.net.
Et techniquement ?
Cʼest une simple page wiki qui appelle et rassemble des éléments collectés par ailleurs. Cette page sera configurée pour en réserver lʼaccès aux intervenant·e·s.

A toi de jouer !

Créé un espace formateurices visible uniquement de l'équipe pédagogique, depuis la roue crantée, avec les documents qui te semblent interessant de partager par exemple :
- le fil rouge et les déroulés pédagogiques
- les contrats de sous-traitance
- le document de suivi des inscriptions
-...

Tu es en difficulté ou tu as des questions ? N'hésite pas à solliciter la communauté YesWiki sur le forum



Evénements

image agendaparticipatif.png (65.8kB)
Une fonctionnalité dʼagenda permet dʼenrichir la formation en recensant des événements liés. On peut imaginer un calendrier géré par les seul·e·s organisat·eur·rice·s ou un calendrier ouvert et collaboratif nourri par les participant·e·s.
Et techniquement ?
Bazar fera très bien lʼaffaire, surtout si vous optez pour la version collaborative.
Mais si vous utilisez déjà un autre agenda il sera peut-être plus malin de ne pas multiplier les agendas.

A toi de jouer !

Créé un agenda pour y inclure les rendez-vous, les journées de formations synchrones, les visios...

Tu es en difficulté ou tu as des questions ? N'hésite pas à solliciter la communauté YesWiki sur le forum



En résumé : deux pistes techniques

Formulaires Bazar
Bazar vous offre une grande facilité pour collecter des données : vos participant·e·s nʼont quʼà remplir des formulaires pour participer. Et une configuration fine de ces bases de données vous permettra de personnaliser votre plateforme. Les fonctionnalités sont cependant limitées et Bazar ne répondra peut-être pas à tous vos besoins.
Outil embarqué (Embed / iframe)
Vous pouvez profiter de la richesse du web en intégrant les outils spécifiques.
La difficulté est de sʼy retrouver dans une offre foisonnante. Et il faut aussi veiller à lʼergonomie et à lisibilité : un outil embarqué trop complexe, avec sa propre logique de navigation, peut brouiller lʼutilisation de votre plateforme.
PDF Voir la fiche

Faire disparaître le champ de recherche et la roue crantée au-dessous d'une certaine largeur d'écran

Concerne
La réponse Pour cela, il suffit d'ajouter dans vos CSS ou à défaut dans la page footer du wiki :

""
@media (max-width: 600px) {
.yeswiki-topnav-fast-access {
    display: none;
}
""


600px correspond à une largeur au choix, au-dessous de laquelle doivent disparaître les éléments.
PDF Voir la fiche

Faire fonctionner l'« upload » de fichier sur certains sites d'OVH

Concerne
La réponse Parfois sur des sites d'OVH, lorsqu'on veut faire un « upload » d'un fichier (insertion d'image notamment), le téléchargement termine immédiatement en échec et avec l'image ci-dessous.

Pour résoudre ce soucis, la seule solution qui a été pour l'instant trouvé est de désactiver le firewall d'OVH. Pour modifier ce paramétrage, il est nécessaire d'avoir un accès FTP de l'hébergement. Il faut ainsi aller modifier le fichier .ovhconfig stocké à la racine de votre site (répertoire « / »). Si le firewall est activé, vous trouverez la ligne suivante :
http.firewall=security

Remplacez-la par celle-ci :
http.firewall=none

(si la première ligne n'est pas trouvée, vous pouvez tout de même essayer de résoudre ce problème en insérant la deuxième ligne en bas du fichier)
FaireFonctionnerLUploadDeFichierSurC_2022-04-08-10-56-capture-d-ecran.png
PDF Voir la fiche

Filtrer des fiches avec plusieurs champs en paramètre lors de l'affichage des données d'un formulaire

Concerne
La réponse Pour pouvoir filtrer des fiches lors de l'affichage des données d'un formulaire, on souhaite parfois utiliser plusieurs champs. Voici la syntaxe à utiliser :
query="listeListe1=XXXX|listeListe2=YYYYY
PDF Voir la fiche

Filtrer parmi des fiches au moyen d'une facette

Concerne
La réponse

Filtrer parmi des fiches au moyen d'une facette

YWDocBazaRListesFacette_listes_facette
  • Les facettes servent lors de l'affichage des fiches d'un formulaire.
  • Une facette est un petit outil qui permet de filtrer parmi les fiches d'un formulaire pour n'afficher que celles qui correspondent aux critères que l'on choisit.
  • On ne peut avoir de facette que pour des champs construits à partir d'une liste.
PDF Voir la fiche

générer un pdf "sur mesure" de la page wiki

Concerne
La réponse Parfois on veut créer un pdf de la page wiki. Il existe bien le /pdf mais celui-ci a quelques limites. En attendant qu'elles soient résolues, il est possible de s'aider d'un petit plugin permettant de placer en bas de la page des boutons d'impression et de création d'un pdf (avec une certaine finesse de rendu fort appréciable)

Le code a insérer est celui-ci

""<a href="https://www.printfriendly.com" style="color:#6D9F00;text-decoration:none;" class="printfriendly" title="Printer Friendly and PDF"><img style="border:none;" src="//cdn.printfriendly.com/buttons/printfriendly-pdf-button-nobg-md.png" alt="Print Friendly and PDF" /></a>""
PDF Voir la fiche

Générer un titre automatique pour les fiches de son formulaire

Concerne
La réponse

Champ de type « titre automatique »

YWDocBazarTitreAutomatique_champ_titre_automatique_etroit
Pour qu'un formulaire Bazar fonctionne, il doit contenir un champ titre.
Plus exactement, il doit contenir un champ de type « texte court » dont l'identifiant unique soit « bf_titre ».
Cependant, il n'est pas toujours pertinent de nommer les fiches d'un formulaire à partir du contenu d'un seul champ.
Le champ de type « titre automatique » permet de fabriquer un titre à partir de plusieurs champs. Ce titre sera rempli automatiquement lors de l'enregistrement de chaque fiche.
Comment faire
  • Laissez le paramètre « Intitulé » tel quel.
  • Tout se fait avec le paramètre « Valeur ».
  • Dans « Valeur », pour faire référence à un autre champ, vous devez encadrer son identifiant unique entre des doubles paires d'accolades (ex. : « {{bf_prenom}} », notez bien qu'il y a deux accolades ouvrantes avant l'identifiant unique du champ, et deux accolades fermantes après).
  • Dans « Valeur », vous pouvez également ajouter du texte, avant, après ou entre les différents champs référencés.
  • Supprimez le champ titre du formulaire (celui dont l'identifiant unique est « bf_titre »).
Exemples
Il y a très souvent plusieurs manières de faire la même chose. Ces exemples n'ont pour objectif que de faire comprendre le fonctionnement du champ.

Prenons le cas d'un formulaire dans lequel on demande prénom et nom. On peut utiliser le champ titre avec pour libellé « Prénon Nom ». C'est simple, mais outre le fait que cela ne garantit pas que tout le monde saisira son prénom, ou son nom, ou les saisira dans cet ordre, cela ne permet pas de trier les fiches par nom de famille.
Dans ce cas là, on peut :
  • demander le prénom dans un champ texte court obligatoire dont l'identifiant serait par exemple « bf_text » ;
  • demander le nom dans un champ texte court obligatoire dont l'identifiant serait par exemple « bf_text1 » ;
  • ajouter un champ de type « titre automatique » ;
  • dans le paramètre valeur de ce champ, saisir « {{bf_text}} {{bf_text1}} ».

Dans le cas d'un formulaire d'organisation de goûters, on pourrait souhaiter construire le titre à partir du prénom et de la date du goûter. On pourrait alors avoir un titre tel que : « Théo vient le 14/02/2022 ».
Dans ce cas là, on peut :
  • demander le prénom dans un champ texte court obligatoire dont l'identifiant serait par exemple « bf_text » ;
  • demander la date dans un champ date obligatoire dont l'identifiant serait par exemple « bf_date » ;
  • ajouter un champ de type « titre automatique » ;
  • dans le paramètre valeur de ce champ, saisir « {{bf_text}} vient le {{bf_date}} ».
Recommandations importantes
  • Assurez vous que les champs que vous allez utiliser pour construire votre titre sont bien obligatoires.
  • Il n'y a pas d'aide, ni de contrôle lors de la saisie du paramètre « valeur » du titre automatique. En conséquence, il vous appartient de saisir l'identifiant unique des champs correctement (accolades et identifiant unique correctement écrit).
  • Supprimez le champ titre du formulaire (celui dont l'identifiant unique est « bf_titre »).
  • Cela ne fonctionne pas avec tous les types de champs (par exemple, le contenu d'un champ zone de texte ou case à cocher peut difficilement être utilisé pour contruire un titre). Donc, faites des essais avant de demander à tout le monde de saisir.

Paramètres du type de champs « titre automatique »

Intitulé
Laissez ce paramètre en l'état.
Valeur
C'est dans ce paramètre que vous indiquez comment construire le titre.
La référence à un autre champ se fait en écrivant son identifiant unique entre doubles accolades (ex. : « {{bf_text}} ») :
  • deux accolades ouvrantes (« {{ »),
  • puis l'identifiant unique du champ,
  • puis deux accolades fermantes(« }} »).
PDF Voir la fiche

Gérer (créer ou modifier) une liste utilisable dans un formulaire

Concerne
La réponse

Les listes dans Bazar

Bazar permet de définir des listes que vous allez pouvoir utiliser ensuite dans des formulaires.

Gestion des listes

Pour gérer les listes, il faut se rendre sur l'onglet « Listes » de la partie base de données de YesWiki.
  • Menu roue crantée en haut à droite du wiki.
  • Entrée « Formulaires ».
  • Onglet « Listes ».

Cet onglet se présente de la manière suivante (les nombres en rouge sur la capture d'écran correspondent aux numéros dans la liste ci-après).
1 – Le nom de la liste. C'est le nom sous lequel cette liste apparaîtra pour vous.
2 – Un aperçu de la liste. En cliquant sur la petite flêche descendante à droite, on peut faire apparaître l'ensemble des valeurs possibles.
3 – Le nom de la liste, vu du côté de YesWiki cette fois. Vous n'aurez a priori pas à utiliser ce nom.
4 – Ce petit bouton en forme de crayon permet d'accéder à la modification de la liste.
5 – Cette petite poubelle permet de supprimer la liste. Attention, il n'y a pas de moyen de récupérer une liste supprimée.
6 – Ce bouton permet de créer une nouvelle liste.
7 – Vous pouvez, si vous avez repéré sur un autre YesWiki une liste qui vous conviendrait, utiliser ce champ pour saisir l'adresse du wiki en question. Vous serez ensuite guidés pour récupérer la ou les listes qui vous intéressent sur ce wiki. Le wiki https://yeswiki.net/serveur recense des listes utiles : départements de France, pays du monde ... ;-)
YWDocBazaRListes

Création ou modification d'une liste

Pour modifier une liste ou utilisera donc le petit bouton en forme de crayon (cf. 4 précédent). Et, pour créer une nouvelle liste, on utilisera le bouton « Saisir une nouvelle liste ».
Les deux boutons envoient sur un écran similaire, vide dans le cas de la création et chargé du contenu de la liste dans le cas d'une modification.
Création d'une liste YWDocBazaRListes_liste_creation45
Modification d'une liste YWDocBazaRListes_liste_modification45
Nom de la liste
Dans la première zone en haut de l'écran, on saisit (création), ou on trouve (modification), le nom de la liste (cf. 1 de la section précédente).
  • Ce nom peut être composé de plusieurs mots, comportant éventuellement des caractères accentués.
  • Il est possible de modifier ce nom par la suite.
Saisie ou modification d'une valeur de la liste
Chacune des valeurs de la liste sera saisie dans une ligne.
On y trouve deux valeurs et deux boutons :
  • Le libellé ou texte – C'est le texte ou la valeur qui va s'afficher. Cela peut être un ou plusieurs mots ou des nombres. C'est le seul élément à saisir. Il faut valider une valeur en cliquant sur le +.
  • La clef ou identifiant unique – C'est le nom que YesWiki va utiliser pour cette valeur.
    • Dans la version 4.5 cette clef est générée automatiquement par YesWiki. Dans les version précédentes, nous recommandons de n'utiliser pour cette clef que des suites de caractères sans accents et sans espaces.
    • Même si vous n'en verrez rien, c'est cette clef que YesWiki va stocker dans les fiches de formulaire pour lesquelles les utilisateurs ont choisi cette valeur de liste.
  • Le bouton de suppression – Ce bouton permet de retirer cette valeur de la liste. Attention :
    • une valeur supprimée ne peut pas être restaurée (pas d'annulation de la suppression). Si après avoir supprimé une valeur vous vous rendez compte qu'il s'agissait d'une erreur, vous devrez saisir à nouveau cette valeur.
    • Quand vous supprimez une valeur d'une liste, cela ne change rien dans les différentes fiches de formulaires. Autrement dit, supposons que vous ayez une liste (oui, non), et que vous ayez un formulaire d'inscription dans lequel vous demandez au personnes si elles sont adhérentes au moyen de cette liste (oui, non). Si vous supprimer la valeur « oui » de la liste, toutes les fiches pour lesquelles les personnes ont répondu « oui » à la question « Avez-vous adhéré ? » vont conserver cette information.
  • La poignée de déplacement – Cette poignée permet de changer l'ordre des valeurs dans la liste. Vous pouvez ainsi ajouter des valeurs selon vos besoins, puis réordonner la liste pour qu'elle se présente comme vous le souhaitez (par exemple, dans l'ordre alphabétique).
Ajouter une nouvelle valeur à la liste
Si vous souhaitez ajouter une valeur à votre liste et qu'aucune ligne de saisie n'est vide, vous pouvez en ajouter une au moyen du bouton +.
Enregistrer
Lorsque vous avez fini d'ajouter des valeurs à votre liste, vous pouvez cliquer sur ce bouton afin de sauvegarder votre liste.

Liste à plusieurs niveaux

La version 4.5 de YesWki permet de faire des listes à plusieurs niveaux.
Vous allez déplier et saisir des valeurs de niveaux inférieurs avec la flèche à gauche de la valeur.
Voici un exemple avec 2 niveaux :
YWDocBazaRListes_CaptureListe2niveauxbazar
On peut même imaginer 3, 4 ... niveaux :
YWDocBazaRListes_CaptureListe3ou4niveauxbazar
Voici comment ça s'affichera lors de la saisie :
YWDocBazaRListes_affichagelisteplusieursniveaux
Et voici comment ça s'affichera lors de l'affichage des données avec des facettes :
YWDocBazaRListes_vidoaffichagebazarfacetteplusieursniveauxdelistes
PDF Voir la fiche

Gérer des droits des pages en masse

Concerne
La réponse

Gérer les droits d'accès en masse

Gestion des droits par utilisateur

La gestion utilisateur par utilisateur est trés fine MAIS présente quelques inconvénients :
  • lorsque vous avez limité l'accès de plusieurs pages à un utilisateur et qu'un nouvel utilisateur doit recevoir les mêmes accès, vous voilà bon à repasser sur chaque page pour y ajouter son nom ;-(
  • idem dans l'autre sens, si un utilisateur doit "perdre" ses accès

Pour s'affranchir de ces limites, la notion de groupe a été introduite.
Un groupe reprend un ou plusieurs utilisateurs wiki. Il se nomme @nomdugroupe.
Un seul groupe existe par défaut sur le wiki @admins et contient par défaut un seul utilisateur à savoir celui qui a créé le wiki.
Ce groupe @admins a TOUS les droits sur TOUTES les pages du wiki.
C'est un groupe "sensible" donc car les utilisateurs qui s'y trouvent ont des pouvoirs importants sur le wiki et notamment des pouvoirs de suppression (de pages, de formulaires bazar, de listes...) avec des effets potentiellement complexes à "rattraper". Il faut donc être vigilant avec les utilisateurs que l'on va placer dans ce groupe.

Il est possible de créer autant d'autres groupes que souhaité.
Ces autres groupes n'ont aucun privilège sur le wiki. Ils sont simplement un regroupement d'utilisateurs. Ce regroupement, ce groupe (@poule, @coq, @...) pourra être utilisé dans la gestion des droits des pages du wiki comme on le ferait pour un utilisateur (on mettra le nom du groupe plutôt que le nom de l'utilisateur).
Ce faisant, si un utilisateur (membre du groupe @coq) quitte le projet et ne doit plus pouvoir modifier les pages auquels il avait accés en écriture, il ne faut pas repasser sur chaque page concernée mais il suffira de l'enlever du groupe @coq ;-)

Pour gérer les groupes (et les utilisateurs inclus) cela se passe sur la page "utilisateurs et groupes" accessible via la roue crantée / gestion du site (attention, il faut faire partie des administrateurs du wiki pour pouvoir modifier, créer, supprimer des groupes)

Voici à quoi ressemble la page
  • pour voir le contenu des groupes : je choisis dans la liste et fait "voir/éditer"
  • pour créer un nouveau groupe : j'indique son nom et fait "définir"
  • pour supprimer un groupe (attention) : je choisis et fait "supprimer"
Pour info : en bas de cette page, vous découvrez et gérer (si vous êtes dans le groupe @admins) les utilisateurs connus du wiki. YWDocGererDroitsAccesEnMasse_Gerergroupe


Pour ajouter ou retirer un utilisateur d'un groupe
lorsque j'ai cliqué sur voir/éditer le groupe concerné, il me suffit dans la case qui apparaît d'indiquer (ou de retirer) le nomwiki de l'utilisateur sur une ligne (sans virgule) et d'enregistrer
YWDocGererDroitsAccesEnMasse_ajoutgroupe

Gestion des droits des pages en masse

La gestion page par page c'est sympa mais quand on a 150 pages dans son wiki... ça peut vite devenir très long. Heureusement il existe une page permettant de gérer les changements des droits d'accès de plusieurs pages (toutes les pages) en même temps.

Cette page se nomme "Droits d'accès aux pages" et est accessible via la roue crantée / gestion du site. (attention, il faut faire partie des administrateurs du wiki pour avoir accès à cette page)

Sur cette page, vous pourrez aussi voir les droits qui sont attribués à chacune des pages du wiki et pourrez cocher les pages qui doivent être modifiées et attribuer en bas les nouveaux droits en utilisant

en mode simple

via les listes déroulantes proposées (droit de lecture, droit d'écriture)
YWDocGererDroitsAccesEnMasse_modesimple

en mode avancé

via les champs classiques (ceux qu'on retrouve quand on édite les droits d'une page seule)
YWDocGererDroitsAccesEnMasse_modeavance

A toi de jouer !

Dans ton wiki :
  • Crée un nouveau groupe
  • Inscris quelques utilisateurices à ce groupe
  • Configure quelques pages comme modifiables seulement par ce groupe

Tu es en difficulté ou tu as des questions ? N'hésite pas à solliciter la communauté YesWiki sur le forum



Et on fait quoi avec les pages qui n'existent pas encore mais vont évidemment apparaître ?


CC-by-SA Gatien Bataille et Louise Didier
PDF Voir la fiche

Gérer des droits par utilisateur

Concerne
La réponse

Gérer les droits d'accès en masse

Gestion des droits par utilisateur

La gestion utilisateur par utilisateur est trés fine MAIS présente quelques inconvénients :
  • lorsque vous avez limité l'accès de plusieurs pages à un utilisateur et qu'un nouvel utilisateur doit recevoir les mêmes accès, vous voilà bon à repasser sur chaque page pour y ajouter son nom ;-(
  • idem dans l'autre sens, si un utilisateur doit "perdre" ses accès

Pour s'affranchir de ces limites, la notion de groupe a été introduite.
Un groupe reprend un ou plusieurs utilisateurs wiki. Il se nomme @nomdugroupe.
Un seul groupe existe par défaut sur le wiki @admins et contient par défaut un seul utilisateur à savoir celui qui a créé le wiki.
Ce groupe @admins a TOUS les droits sur TOUTES les pages du wiki.
C'est un groupe "sensible" donc car les utilisateurs qui s'y trouvent ont des pouvoirs importants sur le wiki et notamment des pouvoirs de suppression (de pages, de formulaires bazar, de listes...) avec des effets potentiellement complexes à "rattraper". Il faut donc être vigilant avec les utilisateurs que l'on va placer dans ce groupe.

Il est possible de créer autant d'autres groupes que souhaité.
Ces autres groupes n'ont aucun privilège sur le wiki. Ils sont simplement un regroupement d'utilisateurs. Ce regroupement, ce groupe (@poule, @coq, @...) pourra être utilisé dans la gestion des droits des pages du wiki comme on le ferait pour un utilisateur (on mettra le nom du groupe plutôt que le nom de l'utilisateur).
Ce faisant, si un utilisateur (membre du groupe @coq) quitte le projet et ne doit plus pouvoir modifier les pages auquels il avait accés en écriture, il ne faut pas repasser sur chaque page concernée mais il suffira de l'enlever du groupe @coq ;-)

Pour gérer les groupes (et les utilisateurs inclus) cela se passe sur la page "utilisateurs et groupes" accessible via la roue crantée / gestion du site (attention, il faut faire partie des administrateurs du wiki pour pouvoir modifier, créer, supprimer des groupes)

Voici à quoi ressemble la page
  • pour voir le contenu des groupes : je choisis dans la liste et fait "voir/éditer"
  • pour créer un nouveau groupe : j'indique son nom et fait "définir"
  • pour supprimer un groupe (attention) : je choisis et fait "supprimer"
Pour info : en bas de cette page, vous découvrez et gérer (si vous êtes dans le groupe @admins) les utilisateurs connus du wiki. YWDocGererDroitsAccesEnMasse_Gerergroupe


Pour ajouter ou retirer un utilisateur d'un groupe
lorsque j'ai cliqué sur voir/éditer le groupe concerné, il me suffit dans la case qui apparaît d'indiquer (ou de retirer) le nomwiki de l'utilisateur sur une ligne (sans virgule) et d'enregistrer
YWDocGererDroitsAccesEnMasse_ajoutgroupe

Gestion des droits des pages en masse

La gestion page par page c'est sympa mais quand on a 150 pages dans son wiki... ça peut vite devenir très long. Heureusement il existe une page permettant de gérer les changements des droits d'accès de plusieurs pages (toutes les pages) en même temps.

Cette page se nomme "Droits d'accès aux pages" et est accessible via la roue crantée / gestion du site. (attention, il faut faire partie des administrateurs du wiki pour avoir accès à cette page)

Sur cette page, vous pourrez aussi voir les droits qui sont attribués à chacune des pages du wiki et pourrez cocher les pages qui doivent être modifiées et attribuer en bas les nouveaux droits en utilisant

en mode simple

via les listes déroulantes proposées (droit de lecture, droit d'écriture)
YWDocGererDroitsAccesEnMasse_modesimple

en mode avancé

via les champs classiques (ceux qu'on retrouve quand on édite les droits d'une page seule)
YWDocGererDroitsAccesEnMasse_modeavance

A toi de jouer !

Dans ton wiki :
  • Crée un nouveau groupe
  • Inscris quelques utilisateurices à ce groupe
  • Configure quelques pages comme modifiables seulement par ce groupe

Tu es en difficulté ou tu as des questions ? N'hésite pas à solliciter la communauté YesWiki sur le forum



Et on fait quoi avec les pages qui n'existent pas encore mais vont évidemment apparaître ?


CC-by-SA Gatien Bataille et Louise Didier
PDF Voir la fiche

Gérer la photo dans le partage sur les réseaux sociaux

Concerne
La réponse Quand on partage une page sur les réseaux sociaux, YesWiki utilise pour le post "réseau social" la première image présente sur votre page ou votre fiche s'il en existe une.

Nota : idéalement, l'image doit faire 1200x630

Si la première image n'est pas celle que vous souhaitez ou qu'elle n'a pas le bon format, l'astuce consiste à charger l'image de votre choix en haut de page et la mettre entre commentaire : elle n'apparaitra pas sur la page mais sera bien prise en compte sur la vignette réseaux sociaux.

Si votre page n'a pas d'image, le post présente parfois un look étrange. Pour éviter ce problème, vous pouvez activer le paramètre opengraph qui permet d'imposer une image par défaut. Ce paramètre est à placer dans le fichier waka-config.

'opengraph_image' => 'https://domaine.ext/nomdelimage.jpg',



Certains réseaux sociaux mettent en cache une image lors de la publication de votre premier post. Ainsi tous les autres posts auront la même vignette associée.
Pour Linkedin, par exemple, il faut suivre cette procédure pour changer l'image (Merci Florent ;-)
PDF Voir la fiche

Gérer les accès des pages non encore existantes

Concerne
La réponse

Gérer les accès des pages non encore existantes

La gestion vue jusque maintenant permet de gérer l'existant mais comment gérer ce qui va s'ajouter au wiki ?

En ce qui concerne les pages

  • soit en le faisant au fur et à mesure via les méthodes présentées ci-dessus
    • méthode la plus courante (mais franchement pas pratique et fastidieuse)
  • soit en attribuant des droits par défaut à toutes les nouvelles pages créées
    • Pour ce faire, il faut aller dans la roue crantée/gestion du site/fichier de conf
      • dans l'accordéon "droit d'accès" vous pouvez déterminer quelles seront les accès par défaut des prochaines pages
YWDocGererDroitsAccesPagesNonEncoreExistantes_Droitaccesfichierconf

En ce qui concerne les fiches bazar

Assez souvent, la contribution sur les wikis se passe via des formulaires.
Par défaut ces fiches sont ouvertes en lecture et écriture.
On peut limiter totalement ou partiellemement l'accès aux fiches ou à certaines parties des fiches.
Cela se réalise lors de la construction du formulaire via certains paramètres.

Pour chaque champ de votre formulaire vous pouvez décider des accès en lecture et écriture afin :
  • de déterminer qui peut remplir ce champ (donc la visibilité de celui-ci en mode "saisie")
  • de déterminer qui peut voir ce champ une fois la fiche existante
YWDocGererDroitsAccesPagesNonEncoreExistantes_droitchampformulaire

Vous pouvez aussi décider d'attribuer "par défaut" des droits particuliers à la fiche entière afin :
  • qu'elle ne soit visible QUE par tel ou tel groupe d'utilisateurs
  • qu'elle ne soit modifiable QUE par tel ou tel groupe d'utilisateurs

Cette gestion s'effectue via le champ "configuer les droits d'accès" de votre formulaire
YWDocGererDroitsAccesPagesNonEncoreExistantes_confidroitaccesformulaire

A toi de jouer !

Dans ton wiki :
  • modifie les droits d'accès par défaut dans le fichier de configuration
  • crée une nouvelle page pour vérifier que la nouvelle configuration s'applique bien
  • modifie les droits sur un champ dans un formulaire

Tu es en difficulté ou tu as des questions ? N'hésite pas à solliciter la communauté YesWiki sur le forum



Savez-vous qu'il est aussi possible de cacher des PARTIES de pages, tout comme on peut cacher des parties de formulaire ?


CC-by-SA Gatien Bataille et Louise Didier
PDF Voir la fiche

Gérer les droits d'accès en masse

Concerne
La réponse

Gérer les droits d'accès en masse

Gestion des droits par utilisateur

La gestion utilisateur par utilisateur est trés fine MAIS présente quelques inconvénients :
  • lorsque vous avez limité l'accès de plusieurs pages à un utilisateur et qu'un nouvel utilisateur doit recevoir les mêmes accès, vous voilà bon à repasser sur chaque page pour y ajouter son nom ;-(
  • idem dans l'autre sens, si un utilisateur doit "perdre" ses accès

Pour s'affranchir de ces limites, la notion de groupe a été introduite.
Un groupe reprend un ou plusieurs utilisateurs wiki. Il se nomme @nomdugroupe.
Un seul groupe existe par défaut sur le wiki @admins et contient par défaut un seul utilisateur à savoir celui qui a créé le wiki.
Ce groupe @admins a TOUS les droits sur TOUTES les pages du wiki.
C'est un groupe "sensible" donc car les utilisateurs qui s'y trouvent ont des pouvoirs importants sur le wiki et notamment des pouvoirs de suppression (de pages, de formulaires bazar, de listes...) avec des effets potentiellement complexes à "rattraper". Il faut donc être vigilant avec les utilisateurs que l'on va placer dans ce groupe.

Il est possible de créer autant d'autres groupes que souhaité.
Ces autres groupes n'ont aucun privilège sur le wiki. Ils sont simplement un regroupement d'utilisateurs. Ce regroupement, ce groupe (@poule, @coq, @...) pourra être utilisé dans la gestion des droits des pages du wiki comme on le ferait pour un utilisateur (on mettra le nom du groupe plutôt que le nom de l'utilisateur).
Ce faisant, si un utilisateur (membre du groupe @coq) quitte le projet et ne doit plus pouvoir modifier les pages auquels il avait accés en écriture, il ne faut pas repasser sur chaque page concernée mais il suffira de l'enlever du groupe @coq ;-)

Pour gérer les groupes (et les utilisateurs inclus) cela se passe sur la page "utilisateurs et groupes" accessible via la roue crantée / gestion du site (attention, il faut faire partie des administrateurs du wiki pour pouvoir modifier, créer, supprimer des groupes)

Voici à quoi ressemble la page
  • pour voir le contenu des groupes : je choisis dans la liste et fait "voir/éditer"
  • pour créer un nouveau groupe : j'indique son nom et fait "définir"
  • pour supprimer un groupe (attention) : je choisis et fait "supprimer"
Pour info : en bas de cette page, vous découvrez et gérer (si vous êtes dans le groupe @admins) les utilisateurs connus du wiki. YWDocGererDroitsAccesEnMasse_Gerergroupe


Pour ajouter ou retirer un utilisateur d'un groupe
lorsque j'ai cliqué sur voir/éditer le groupe concerné, il me suffit dans la case qui apparaît d'indiquer (ou de retirer) le nomwiki de l'utilisateur sur une ligne (sans virgule) et d'enregistrer
YWDocGererDroitsAccesEnMasse_ajoutgroupe

Gestion des droits des pages en masse

La gestion page par page c'est sympa mais quand on a 150 pages dans son wiki... ça peut vite devenir très long. Heureusement il existe une page permettant de gérer les changements des droits d'accès de plusieurs pages (toutes les pages) en même temps.

Cette page se nomme "Droits d'accès aux pages" et est accessible via la roue crantée / gestion du site. (attention, il faut faire partie des administrateurs du wiki pour avoir accès à cette page)

Sur cette page, vous pourrez aussi voir les droits qui sont attribués à chacune des pages du wiki et pourrez cocher les pages qui doivent être modifiées et attribuer en bas les nouveaux droits en utilisant

en mode simple

via les listes déroulantes proposées (droit de lecture, droit d'écriture)
YWDocGererDroitsAccesEnMasse_modesimple

en mode avancé

via les champs classiques (ceux qu'on retrouve quand on édite les droits d'une page seule)
YWDocGererDroitsAccesEnMasse_modeavance

A toi de jouer !

Dans ton wiki :
  • Crée un nouveau groupe
  • Inscris quelques utilisateurices à ce groupe
  • Configure quelques pages comme modifiables seulement par ce groupe

Tu es en difficulté ou tu as des questions ? N'hésite pas à solliciter la communauté YesWiki sur le forum



Et on fait quoi avec les pages qui n'existent pas encore mais vont évidemment apparaître ?


CC-by-SA Gatien Bataille et Louise Didier
PDF Voir la fiche

Gérer les droits sur les fiches Activités, Modules ou Parcours

Concerne
La réponse

Gestion des droits des fiches du LMS

Droits par défaut des pages

image droitaccespardefaut.resized.png (62.2kB)
Les droits par défaut des pages et fiches BazaR sont définis dans le fichier de configuration de YesWiki. Sa configuration est accessible par l'interface graphique via « roue crantée » / Gestion du site / Fichier de conf. et sont définis dans le panneau Droits d'accès. C'est à partir de ces paramètres que se base YesWiki pour donner les droits d'une page ou d'une fiche à sa création.

Droits spécifiques pour les fiches des formulaires LMS

Droits de consultation/modification
image bazareditionaclslmsactivite.png (91.5kB)
Il est possible de donner des droits particuliers aux fiches d'un formulaire. C'est le rôle du champ acls et c'est ce qu'utilisent les formulaires LMS Activité, LMS Module et LMS Parcours.
Les fiches ainsi créées sont par défaut accessibles uniquement aux utilisateurs connectés et modifiables par un administrateur. C'est bien ce qu'on voit en éditant par exemple le formulaire LMS Activités via la page « roue crantée » / Base de données avec les propriétés « Peut voir la fiche » et « Peut éditer la fiche » du champ acls (cf la capture d'écran).
Vous pouvez bien entendu modifier ce comportement par défaut en modifiant ces valeurs. Notez par contre, que cela fonctionnera uniquement pour les nouvelles fiches. Pour les fiches déjà crées, il faudra soit éditer les permissions de chaque fiche (bouton « Propriétaire : X - Permissions » dans la barre de rédaction en bas de fiche) ou par lot via la page « roue crantée » / Gestion du site / Droits.
Droits pour les commentaires
Par défaut, les nouvelles fiches LMS Activité sont créées avec la possibilité de commenter pour les utilisateurs identifiés.
Ce nʼest pas le cas pour les nouvelles fiches LMS Module et LMS Parcours pour lesquelles les commentaires sont fermés par défaut car les échanges entre participants dʼune formation sʼeffectuent en général davantage sur les Activités.
Si vous décidez de rendre possibles les commentaires sur les Modules ou Parcours, il faudra modifier le champ acls en sélectionnant :
  • « Utilisateurs identifiés » pour la propriété « Droit par défaut pour les commentaires ouverts » ;
  • « Oui » pour « Demander dʼactiver les commentaires ? » ;
  • « Oui » ou « Non » pour « Choix par défaut pour lʼactivation des commentaires » selon que vous désiriez quʼà la création de la fiche la case à cocher soit par défaut sélectionnée ou non.
De la même manière quʼen ce qui concerne les droits de consultation ou dʼédition, cela ne sʼappliquera que pour les nouvelles fiches. Il faudra ainsi mettre à jour les fiches existantes.
Par ailleurs, cette même configuration avec le champ acls vous permettra de rajouter la possibilité de commenter les fiches du formulaire de votre choix.
PDF Voir la fiche

Gérer les formulaires Bazar

Concerne
La réponse

Gestion des formulaires Bazar

Pour gérer les formulaires, il faut se rendre sur l'onglet « Formulaires » de la partie base de données de YesWiki.
  • Menu roue crantée en haut à droite du wiki.
  • Entrée « Formulaires ».
  • Onglet « Formulaires ».

Cet onglet se présente sous la forme d'un tableau dans lequel chaque formulaire présent sur le wiki occupe une ligne.
Pour chaque ligne, et donc chaque formulaire, on a donc les informations suivantes (les nombres en rouge sur la capture d'écran correspondent aux numéros dans la liste ci-après).
1 – Le nom du formulaire. C'est le nom sous lequel ce formulaire apparaîtra pour vous.
Parfois ce nom est suivi de quelques mots de description (dans l'exemple ci-contre c'est le cas des formulaires Convive et Ressources)
2 – Ce petit bouton en forme de loupe vous permet d'accéder à la recherche parmi les fiches de ce formulaire. Le comportement est alors similaire à celui qu'on aurait avec l'onglet « Rechercher » en haut de page.
3 – Ce petit bouton en forme de « + » vous permet d'accéder à la saisie de fiches pour ce formulaire. Le comportement est alors similaire à celui qu'on aurait avec l'onglet « Saisir » en haut de page.
4 – Chacune des icônes ou libellés dans ce groupe permet de déclencher l'export, la diffusion ou la publication selon le format indiqué.
5 – Il s'agit de l'identifiant (ou nom) du formulaire pour YesWiki. Vous n'aurez a priori pas à utiliser ce nom.
6 – Ce petit bouton permet de dupliquer un formulaire afin de s'en inspirer pour en construire un autre en partie similaire sans avoir à tout refaire.
7 – Ce petit bouton en forme de crayon permet d'accéder à la modification du formulaire.
8 – Cette petite gomme permet de supprimer toutes les fiches du formulaire. Attention, il n'y a pas de moyen de récupérer des fiches supprimées.
9 – Cette petite poubelle permet de supprimer le formulaire. Attention, il n'y a pas de moyen de récupérer un formulaire supprimé.
10 – Ce bouton permet de créer un nouveau formulaire.
11 – Vous pouvez, si vous avez repéré sur un autre YesWiki un formulaire qui vous conviendrait, utiliser ce champ pour saisir l'adresse du wiki en question. Vous serez ensuite guidés pour récupérer le ou les formulaires qui vous intéressent sur ce wiki.
YWDocBazarFormulaireGestion
PDF Voir la fiche

Insérer des icônes dans les listes bazar

Concerne
La réponse Dans une liste bazar, l'ajout d'une image est souvent sympa
et rend l'aspect du filtre plus agréable lorsqu'on utilise groups (facette).

Plusieurs pistes :
  • utiliser les emojis : facile !
    • 🛑 terminée
      
  • intégrer une image quelconque
    • il faut qu'elle existe sur le web
    • mettre ce code dans le champ de la liste
    • <img src="https://cliketik.fr/themes/img/produits/prod-bie.png" height="25" alt="prod-bie.png" /> Bière
      
InsererDesIconesDansLesListesBazar_capture-décran-2020-10-29-à-21.56.46.png
PDF Voir la fiche

Insérer une vidéo sur une page

Concerne
La réponse
Pour intégrer une vidéo il est nécessaire qu'elle soit préalablement en ligne sur une plateforme spécialisée : YouTube, Viméo, PeerTube, etc.
image Video_menu.png (40.9kB)

Vous pouvez alors utiliser l'action {{video}} disponible dans les composants.
image Video_composant.png (0.2MB)
Par défaut, ce composant vous propose deux paramètres.
  • Serveur de la vidéo – Vous pouvez choisir le serveur sur lequel se trouve la vidéo parmi PeerTube, Vimeo et Youtube.
  • Identifiant de la vidéo – Il ne sʼagit pas de lʼURL complète de la vidéo. Le plus souvent, c'est la série de chiffres et lettres placée en fin d'URL. Par exemple, dans https://www.youtube.com/watch?v=TNPnia5UCKk, lʼidentifiant de la vidéo est TNPnia5UCKk.

En cochant la case « paramètres avancés », vous pouvez faire afficher plus de paramètres.
  • Instance du serveur PeerTube – Ce paramètre nʼest présent que si vous avez choisi PeerTube en tant que serveur de la vidéo.
  • Ratio de la vidéo – Vous pouvez préciser le ratio qui vous convient pour afficher la vidéo.
  • Largeur maximale – Par défaut, la vidéo sera affichée sur toute la largeur disponible. Si vous le souhaitez, ce paramètre vous permet de préciser la largeur maximale sur laquelle la vidéo sera affichée. Attention, cette largeur doit être saisie en nombre de pixels (par exemple : 500). Vous ne pouvez utiliser de pourcentage pour exprimer cette largeur maximale.
  • Hauteur maximale – Par défaut, la hauteur dʼaffichage de la vidéo sera calculée automatiquement en fonction de la largeur disponible (de manière à conserver les proportions, ou ratio, initiales de la vidéo). Ce paramètre vous permet, si vous le souhaitez, de fixer la hauteur maximale dʼaffichage de la vidéo. Attention, cette hauteur doit être saisie en nombre de pixels (par exemple : 500). Vous ne pouvez utiliser de pourcentage pour exprimer cette hauteur maximale.
  • Position de la vidéo – Ce paramètre ne prend effet que si vous avez précisé une largeur maximale inférieure à la largeur dʼaffichage disponible. Si vous spécifiez que la position de la vidéo doit être à droite, et qu'il reste de la place à gauche de celle-ci, alors YesWiki commencera à afficher le texte suivant la vidéo à gauche de celle-ci. Et réciproquement pour un choix dʼaffichage de la vidéo à gauche, le texte viendra à droite, sʼil reste de la place.

Une autre méthode consiste à intégrer la vidéo en utilisant un iframe. Cependant l'action {{video}} vous permet un affichage responsive (c'est à dire qui sʼadapte à la taille de la fenêtre).
PDF Voir la fiche

Insérer un lien dans une page

Concerne
La réponse

Les trois méthodes pour créer un lien

Cas d'un lien allant vers une page du wiki
Si vous souhaitez que votre lien aille vers une page de votre wiki, il suffit de saisir le nom wiki de cette page (par ex. : « PagePrincipale »). Pour YesWiki, ce nom représente une URL.

Si vous saisissez l'adresse d'une page (par exemple : « https://yeswiki.net »), YesWiki, comprenant qu'il s'agit d'une adresse, générera un lien cliquable dont le texte sera l'URL elle-même (ou le nom de la page de wiki le cas échéant).
Dans la page en mode édition, cliquez sur le bouton « lien ».
bouton_lien.png

Vous serez alors guidé·e dans vos choix avec cette fenêtre :

Faites vos choix et cliquez sur « Insérer » : la ligne de code s'inscrit toute seule ;-)

Fenêtre modale : une fenêtre modale est une fenêtre qui vient s'afficher devant la page que vous êtes en train de visualiser (comme une « pop-up ») et que vous devez fermer avant de pouvoir retourner à la visualisation de votre page. Elle est, soit visible, soit fermée, contrairement à d'autres fenêtres qui peuvent être ouvertes et cachées derrière autre chose.
ajouterunliennew.png
Voici ce que ça donne quand on regarde le code :
[Aller à la page d'accueil](PagePrincipale) > Aller à la page d'accueil
[Aller sur le site de yeswiki](https://yeswiki.net/?PagePrincipale) > Aller sur le site de yeswiki
{{button class="btn-primary" link="mailto:louise@quincaillere.org" nobtn="1" text="Envoyer un mail à Louise" }} > Envoyer un mail à Louise
Remarque importante — Dans le cas où vous choisiriez que le lien s'ouvre dans un nouvel onglet ou dans une fenêtre modale, YesWiki utilisera un bouton pour créer le lien (même si il l'affiche sous la forme d'un lien).
Voir la documentation du bouton Si, pour créer un lien, on utilise le composant « bouton » même dans le cas d'un lien s'affichant dans l'onglet courant, on se laisse la possibilité de faire évoluer plus facilement le comportement de ce lien.
Comment faire ?
1. Dans la fenêtre de paramétrage du bouton, vous saisissez :
  • le texte du lien dans « Texte du bouton »,
  • l'adresse de la page de destination du lien dans « Lien web ou nom d'une page de ce wiki ».
2. Puis, cliquez sur « Paramètres avancés ».
3. Choisissez les modalités d'affichage de la destination :
  • si vous voulez que la destination s'affiche dans une fenêtre modale, sélectionnez l'option qui vous convient dans « Ouvrir le contenu du lien dans une popup » ;
  • si vous voulez que la destination s'affiche dans un nouvel onglet ou une nouvelle fenêtre, sélectionnez « Oui » dans « Ouvrir dans une nouvelle fenêtre » ;
  • si vous voulez que la destination s'affiche l'onglet courant, ne faîtes rien de tout cela.
4. Cochez la case « Afficher sous forme de lien »
Les avantages à utiliser un bouton pour créer un lien.
  • Vous pouvez ajouter une icône à votre lien.
  • Vous pouvez ajouter un texte qui s'affiche au survol du lien.
  • Vous pouvez faire en sorte que le lien n'apparaisse pas aux utilisateurs qui n'ont pas accès à la page de destination.
  • Vous pouvez modifier tous ces paramètres très simplement aussi souvent que vous voulez.
PDF Voir la fiche

Installer lʼextension LMS

Concerne
La réponse

Installation de lʼextension LMS


L'extension LMS s'installe facilement comme toute extension de YesWiki via l'interface « Mises à jour / extensions ». Pour y accéder, cliquez sur « roue crantée » / Gestion du site, puis sur l'onglet « Mises à jour / extensions ».

Attention !! Avant toute mise à jour de YesWiki, n'oubliez pas de sauvegarder le répertoire hébergeant votre site sur votre serveur. Si pour une raison inconnue, une erreur survenait durant cette mise à jour et rendait votre site innaccessible, vous pourriez facilement revenir à la version précédente de votre site web en restaurant ce répertoire.


1) Mise à jour de YesWiki


image mise_a_jour_yeswiki.png (80.3kB)






Avant d'installer l'extension, il est nécessaire de s'assurer que vous avez la dernière version de YesWiki disponible sur le dépôt. Ainsi si cette page détecte que vous n'avez pas la dernière version comme sur la copie d'écran ci-contre, veuillez cliquer sur le bouton « Mettre à jour ».


2) Installation de l'extension






Ensuite l'installation s'effectue en cliquant sur l'accordéon « Tools (extensions) » puis sur le bouton « Installer » à droite de la ligne Lms.
image installation_lms_1.png (79.3kB)

A l'écran suivant, cliquez sur « Finaliser la mise à jour (lancer les actions de post-installation) ».
Vérifiez ensuite que vous avez bien la confirmation comme sur la copie d'écran ci-dessous que les éléments nécessaires à l'extension ont bien été créés. Parmi ceux-ci, vous avez :
  • la liste Bazar OuiNon Lms
  • les formulaires bazar LMS Activité (id : 1201), LMS Module (id : 1202), LMS Parcours (id : 1203)
  • les pages PageMenuLms, ProgressDashboard, LearnerDashboard
Nous reviendrons plus loin sur la plupart de ces éléments.

image installation_lms_2.png (62.7kB)
image installation_lms_3.png (0.1MB)
PDF Voir la fiche

Installer un mot de passe général au wiki

Concerne
La réponse C'est possible en installant l'extension Herse.
PDF Voir la fiche

Lorsqu'on peut énumérer toutes les réponses possibles à une question

Concerne
La réponse

Lorsqu'on peut énumérer toutes les réponses possibles à une question

Il arrive fréquemment qu'on puisse énumérer (lister) toutes les réponses possibles à une question de notre formulaire, pour exemples : (oui, non) ou encore (sympathisant, adhérent, etc.).

À quoi cela peut-il servir ?

Dans Bazar, cette énumération des réponses possibles se matérialise sous la forme d'une liste ou d'un formulaire dont les différentes fiches constitueront les réponses possibles.

Lors de la phase 1 de conception du formulaire, ces énumérations (listes ou formulaires liés) vont permettre de poser les questions sous forme de :
  • liste déroulante,
  • groupe de cases à cocher,
  • groupe de boutons radio.


Lors de la phase 3 d'affichage des résultats du formulaire, le recours à des énumérations permet de proposer des facettes afin que l'utilisateur puisse filtrer parmi les fiches remplies.

Les listes dans Bazar

Bazar permet de définir des listes que vous allez pouvoir utiliser ensuite dans des formulaires.

Gestion des listes

Pour gérer les listes, il faut se rendre sur l'onglet « Listes » de la partie base de données de YesWiki.
  • Menu roue crantée en haut à droite du wiki.
  • Entrée « Formulaires ».
  • Onglet « Listes ».

Cet onglet se présente de la manière suivante (les nombres en rouge sur la capture d'écran correspondent aux numéros dans la liste ci-après).
1 – Le nom de la liste. C'est le nom sous lequel cette liste apparaîtra pour vous.
2 – Un aperçu de la liste. En cliquant sur la petite flêche descendante à droite, on peut faire apparaître l'ensemble des valeurs possibles.
3 – Le nom de la liste, vu du côté de YesWiki cette fois. Vous n'aurez a priori pas à utiliser ce nom.
4 – Ce petit bouton en forme de crayon permet d'accéder à la modification de la liste.
5 – Cette petite poubelle permet de supprimer la liste. Attention, il n'y a pas de moyen de récupérer une liste supprimée.
6 – Ce bouton permet de créer une nouvelle liste.
7 – Vous pouvez, si vous avez repéré sur un autre YesWiki une liste qui vous conviendrait, utiliser ce champ pour saisir l'adresse du wiki en question. Vous serez ensuite guidés pour récupérer la ou les listes qui vous intéressent sur ce wiki. Le wiki https://yeswiki.net/serveur recense des listes utiles : départements de France, pays du monde ... ;-)
YWDocBazaRListes

Création ou modification d'une liste

Pour modifier une liste ou utilisera donc le petit bouton en forme de crayon (cf. 4 précédent). Et, pour créer une nouvelle liste, on utilisera le bouton « Saisir une nouvelle liste ».
Les deux boutons envoient sur un écran similaire, vide dans le cas de la création et chargé du contenu de la liste dans le cas d'une modification.
Création d'une liste YWDocBazaRListes_liste_creation45
Modification d'une liste YWDocBazaRListes_liste_modification45
Nom de la liste
Dans la première zone en haut de l'écran, on saisit (création), ou on trouve (modification), le nom de la liste (cf. 1 de la section précédente).
  • Ce nom peut être composé de plusieurs mots, comportant éventuellement des caractères accentués.
  • Il est possible de modifier ce nom par la suite.
Saisie ou modification d'une valeur de la liste
Chacune des valeurs de la liste sera saisie dans une ligne.
On y trouve deux valeurs et deux boutons :
  • Le libellé ou texte – C'est le texte ou la valeur qui va s'afficher. Cela peut être un ou plusieurs mots ou des nombres. C'est le seul élément à saisir. Il faut valider une valeur en cliquant sur le +.
  • La clef ou identifiant unique – C'est le nom que YesWiki va utiliser pour cette valeur.
    • Dans la version 4.5 cette clef est générée automatiquement par YesWiki. Dans les version précédentes, nous recommandons de n'utiliser pour cette clef que des suites de caractères sans accents et sans espaces.
    • Même si vous n'en verrez rien, c'est cette clef que YesWiki va stocker dans les fiches de formulaire pour lesquelles les utilisateurs ont choisi cette valeur de liste.
  • Le bouton de suppression – Ce bouton permet de retirer cette valeur de la liste. Attention :
    • une valeur supprimée ne peut pas être restaurée (pas d'annulation de la suppression). Si après avoir supprimé une valeur vous vous rendez compte qu'il s'agissait d'une erreur, vous devrez saisir à nouveau cette valeur.
    • Quand vous supprimez une valeur d'une liste, cela ne change rien dans les différentes fiches de formulaires. Autrement dit, supposons que vous ayez une liste (oui, non), et que vous ayez un formulaire d'inscription dans lequel vous demandez au personnes si elles sont adhérentes au moyen de cette liste (oui, non). Si vous supprimer la valeur « oui » de la liste, toutes les fiches pour lesquelles les personnes ont répondu « oui » à la question « Avez-vous adhéré ? » vont conserver cette information.
  • La poignée de déplacement – Cette poignée permet de changer l'ordre des valeurs dans la liste. Vous pouvez ainsi ajouter des valeurs selon vos besoins, puis réordonner la liste pour qu'elle se présente comme vous le souhaitez (par exemple, dans l'ordre alphabétique).
Ajouter une nouvelle valeur à la liste
Si vous souhaitez ajouter une valeur à votre liste et qu'aucune ligne de saisie n'est vide, vous pouvez en ajouter une au moyen du bouton +.
Enregistrer
Lorsque vous avez fini d'ajouter des valeurs à votre liste, vous pouvez cliquer sur ce bouton afin de sauvegarder votre liste.

Liste à plusieurs niveaux

La version 4.5 de YesWki permet de faire des listes à plusieurs niveaux.
Vous allez déplier et saisir des valeurs de niveaux inférieurs avec la flèche à gauche de la valeur.
Voici un exemple avec 2 niveaux :
YWDocBazaRListes_CaptureListe2niveauxbazar
On peut même imaginer 3, 4 ... niveaux :
YWDocBazaRListes_CaptureListe3ou4niveauxbazar
Voici comment ça s'affichera lors de la saisie :
YWDocBazaRListes_affichagelisteplusieursniveaux
Et voici comment ça s'affichera lors de l'affichage des données avec des facettes :
YWDocBazaRListes_vidoaffichagebazarfacetteplusieursniveauxdelistes

Utiliser un formulaire en tant que liste

Bazar permet d'utiliser, dans un formulaire, un autre formulaire comme s'il s'agissait d'une liste. Les réponses à cet autre formulaire constituent alors les différentes valeurs de cette liste.
Premier exemple
Vous avez un formulaire « projet » présentant des projets et un autre formulaire, « commentaire », permettant d'ajouter des commentaires sur ces projets.
Vous souhaitez, au sein du formulaire « commentaire », permettre à l'utilisateur de choisir dans une liste déroulante dynamique la fiche « projet » qu'il souhaite commenter.
Second exemple
Vous avez un formulaire « recette » qui regroupe différents plats (un par fiche).
Et, dans un autre formulaire (« menu » par exemple), vous souhaitez permettre à l'utilisateur de choisir dans une liste déroulante dynamique un plat parmi vos recettes.

Comment faire ?

Bazar va permettre de lier un formulaire à un autre. Dans notre premier exemple, des fiches du formulaire « commentaire » vont être liées à des fiches du formulaire « projet ».
Pour cela on utilise un des champs :
  • Sélectionner,
  • Groupe de cases à cocher,
  • Groupe de boutons radio.
Lors du paramétrage de ce champ, il faut :
  • pour le paramètre « Origine des données », choisir « Un formulaire Bazar ».
  • puis, pour le paramètre « Choix de la liste/du formulaire », indiquer le formulaire à partir duquel vous souhaitez que les utilisateurs choisissent.

Montrer les fiches liées

En reprenant notre premier exemple, on peut, lorsqu'on affiche une fiche « projet », montrer toutes les fiches « commentaire » s'y rapportant.
Pour cela on utilisera, dans le formulaire « projet », un champ du type « Liste des fiches liées » dont le paramètre « Id du formulaire lié » contiendra l'identifiant Bazar du formulaire « commentaire » (point 5 sur cette page).
PDF Voir la fiche

mettre des droits sur toutes les fiches d'un formulaire

Concerne
La réponse Dans la page gestion du site / droits / Filtrer
Et là, choisir le formulaire concerné
  • cocher toutes les pages
  • changer les droits
PDF Voir la fiche

Mettre en avant les événements liés à la formation

Concerne
La réponse

Evénements

image agendaparticipatif.png (65.8kB)
Une fonctionnalité dʼagenda permet dʼenrichir la formation en recensant des événements liés. On peut imaginer un calendrier géré par les seul·e·s organisat·eur·rice·s ou un calendrier ouvert et collaboratif nourri par les participant·e·s.
Et techniquement ?
Bazar fera très bien lʼaffaire, surtout si vous optez pour la version collaborative.
Mais si vous utilisez déjà un autre agenda il sera peut-être plus malin de ne pas multiplier les agendas.
PDF Voir la fiche

Mettre en place un espace format·eur·rice·s

Concerne
La réponse

Espace formateurices

Les intervenant·e·s peuvent avoir besoin de disposer de leur gare centrale dans la plateforme pédagogique pour retrouver des éléments dédiés. Le lien vers cet espace peut être discret, par exemple dans la roue crantée en haut à droite.
Pour illustration cet espace pourrait comprendre :
  • le rappel de nos liens utiles : tableau dʼinscription, budget, espace de prise de notes, outils de visio… ;
  • lʼensemble des fiches mises en pratique ;
  • un document ouvert pour déposer ses idées dʼaméliorations pour les prochaines sessions ;
  • un suivi des ressources produites et de leur mise en partage notamment sur yeswiki.net.
Et techniquement ?
Cʼest une simple page wiki qui appelle et rassemble des éléments collectés par ailleurs. Cette page sera configurée pour en réserver lʼaccès aux intervenant·e·s.
PDF Voir la fiche

Mettre les images dans le dossier files

Concerne
La réponse

Mettre les images dans le dossier files

Vous avez deux possibilités.
Vous avez accès au wiki par FTP – Vous déposez les images dans le dossier files en notant bien le nom du fichier pour le reporter à l'identique dans le Param4.
Vous nʼavez pas accès au wiki en FTP
  • Choisissez une page du wiki où stocker l'image : une page de test ou une page d'administration qui ne sera pas visible de vos visiteurices.
  • Télécharger mon image de façon habituelle avec l'action {{attach}} (bouton « fichier » en mode édition).
  • Faire un clic droit sur l'image et choisir « ouvrir dans un nouvel onglet ».
  • Lʼurl dans le nouvel onglet révèle le nom du fichier tel qu'il est stocké dans le répertoire files. Ça ressemblera à monwiki.fr/files/PageTest_monimage.png.
  • Cʼest ce nom de fichier (PageTest_monimage.png dans mon exemple) que je vais coller dans le paramêtre Param4.
  • Répéter l'opération autant de fois qu'il y a d'images illustrant les réactions.
PDF Voir la fiche

mettre un couleur de fond sur l'entièreté de la page footer

Concerne
La réponse Si vous utilisez le thème Margot, le choix des couleurs est modifiable via la page PageCSS de votre wiki
Copiez le code suivant et adaptez la couleur souhaitée
:root{
/* couleur de fond du pied de page */
 --footer-bg-color: white; }
PDF Voir la fiche

Modifier la couleur des titres

Concerne
La réponse
  • Si vous utilisez le thème Margot, il est possible de définir la couleur des titres en copiant ce code dans PageCss
  • :root { 
    /* couleur des titres */
     --title-h1-color:var(--neutral-color); 
     --title-h2-color:var(--primary-color); 
     --title-h3-color:var(--secondary-color-1); 
     --title-h4-color:var(--neutral-color);
     }
    
Ce code définit des variables de couleurs qui s'appliquent à l'ensemble du wiki.
Titre de niveau 1 - couleur neutre
titre de niveau 2 - couleur primaire
titre de niveau 3 - couleur secondaire 1
titre de niveau 4 - couleur neutre

A vous de jongler à votre guise avec ces couleurs.
Il est possible d'utiliser soit les couleurs en hexadecimal (#092e67) soit les variables de couleurs (primaire, secondaire, neutre )qui correspndent aux couleurs que que vous avez choisies pour votre configuration graphique via la page Apparence
PDF Voir la fiche

Modifier la page d'inscription au Wiki par un formulaire plus complet?

Concerne
La réponse remplacer dans PageRapideHaut
{{login template="modal.tpl.html" nobtn="1"}} par {{login template="modal.tpl.html" nobtn="1" signupurl="CreerCompteViaForm"}}

Créer la page PageLogin en y mettant
{{login signupurl="CreerCompteViaForm"}}

Créer la page CreerCompteViaForm en y mettant
{{bazar id="1" vue="saisir" voirmenu="0"}} (identifiant du formulaire à choisir)
PDF Voir la fiche

Modifier la typo de mon wiki en utilisant des google font

Concerne
La réponse ajouter dans votre footer ou votre page css
  • choisissez votre font dans https://fonts.google.com/
  • sélectionnez votre font préférée
  • cliquez sur "select this style"
  • cliquez en haut à droite sur l'icone "view your selected family"
  • récupérer le code qui ressemble à ce qui se trouve ci dessous et positionnez le dans la page CSS ou dans le footer

""


""
PDF Voir la fiche

Modifier le formulaire LMS Activité

Concerne
La réponse

Modifier le formulaire LMS Activité

Dans la roue crantée > Base de données, vous allez modifier le formulaire LMS Activité (numéro 1201).
image modifieractivits.png (93.0kB)
Ouvrir le champ Réactions et observer les paramétrages.
image reactions.png (35.4kB)
  • Param0 : il indique « reactions », on n'y touche pas.
  • Param1 : il indique « reactions », on n'y touche pas.
  • Param2 : identifiants de chaque réaction (sans caractère spécial et sans espace), séparés par une virgule.
  • Param3 : titres de chaque réaction telle que ça va apparaitre pour les utilisateurices, séparés par une virgule.
  • Param4 : noms des fichiers « image » stockés dans le répertoire files et qui va illustrer chaque réaction, séparés par une virgule.
PDF Voir la fiche

Modifier le mail envoyé lors de la création d'un compte utilisateur

Concerne
La réponse Deux endroits possibles pour personnaliser le mail envoyé lors de la création d'un compte :

  • Il est possible de copier les templates tools/contact/templates/notify-newuser-email-subject.twig et tools/contact/templates/notify-newuser-email-text.twig dans le dossier custom/templates/contact et de les modifier à votre guise.

  • ou recopier les traductions de CONTACT_NEW_USER_SUBJECT et CONTACT_NEW_USER_MESSAGE que tu trouveras dans tools\contact\lang\contact_fr.inc.php et les recopier dans custom/lang/custom_fr.inc.php
  • Exemple de fichier custom/lang/custom_fr.inc.php
  • <?php
    
    return [
       'CONTACT_NEW_USER_SUBJECT' => 'Bienvenue sur le site',
       'CONTACT_NEW_USER_MESSAGE' => "Bonjour!\n\n".
            "Votre inscription sur le site a ete finalisee, dorenavant vous pouvez vous identifier avec les informations suivantes :\n\n".
            "Url : {{ baseUrl }}\n\n".
            "Votre identifiant NomWiki : {{ wikiName }}\n\n".
            "Votre email : {{ email }}\n\n".
            "Votre mot de passe : (le mot de passe que vous avez choisi)\n\n".
            "Pour reinitialiser votre mot de passe : {{ urlForPasswordRenewal }}\n\n".
            "A tres bientot ! ",
    ];
    
Attention : aucun caractères spéciaux ne sera toléré dans ce fichier !! Il faudra donc écrire sans accent.
PDF Voir la fiche

Modifier les droits de consultation ou de modification des fiches Activités, Modules ou Parcours

Concerne
La réponse
Droits de consultation/modification
image bazareditionaclslmsactivite.png (91.5kB)
Il est possible de donner des droits particuliers aux fiches d'un formulaire. C'est le rôle du champ acls et c'est ce qu'utilisent les formulaires LMS Activité, LMS Module et LMS Parcours.
Les fiches ainsi créées sont par défaut accessibles uniquement aux utilisateurs connectés et modifiables par un administrateur. C'est bien ce qu'on voit en éditant par exemple le formulaire LMS Activités via la page « roue crantée » / Base de données avec les propriétés « Peut voir la fiche » et « Peut éditer la fiche » du champ acls (cf la capture d'écran).
Vous pouvez bien entendu modifier ce comportement par défaut en modifiant ces valeurs. Notez par contre, que cela fonctionnera uniquement pour les nouvelles fiches. Pour les fiches déjà crées, il faudra soit éditer les permissions de chaque fiche (bouton « Propriétaire : X - Permissions » dans la barre de rédaction en bas de fiche) ou par lot via la page « roue crantée » / Gestion du site / Droits.
PDF Voir la fiche

Modifier les droits sur les commentaires des Activités, Modules, Parcours

Concerne
La réponse
Droits pour les commentaires
Par défaut, les nouvelles fiches LMS Activité sont créées avec la possibilité de commenter pour les utilisateurs identifiés.
Ce nʼest pas le cas pour les nouvelles fiches LMS Module et LMS Parcours pour lesquelles les commentaires sont fermés par défaut car les échanges entre participants dʼune formation sʼeffectuent en général davantage sur les Activités.
Si vous décidez de rendre possibles les commentaires sur les Modules ou Parcours, il faudra modifier le champ acls en sélectionnant :
  • « Utilisateurs identifiés » pour la propriété « Droit par défaut pour les commentaires ouverts » ;
  • « Oui » pour « Demander dʼactiver les commentaires ? » ;
  • « Oui » ou « Non » pour « Choix par défaut pour lʼactivation des commentaires » selon que vous désiriez quʼà la création de la fiche la case à cocher soit par défaut sélectionnée ou non.
De la même manière quʼen ce qui concerne les droits de consultation ou dʼédition, cela ne sʼappliquera que pour les nouvelles fiches. Il faudra ainsi mettre à jour les fiches existantes.
Par ailleurs, cette même configuration avec le champ acls vous permettra de rajouter la possibilité de commenter les fiches du formulaire de votre choix.
PDF Voir la fiche

Modifier le style de police de la barre de menu

Concerne
La réponse L'idéal est de modifier la police en utilisant le fichier CSS du wiki. Mais si vous n'avez pas accès à ce fichier css, vous pouvez toujours ajouter et adapter ce bout de code dans la page footer de votre wiki :
""""

Vous pouvez aussi jouer sur la taille de la police
font-size: 1.2em;

la couleur
color: navy;

ou
color : rgb(255,0,0);
PDF Voir la fiche

Modifier mon formulaire alors que des fiches ont déjà été saisies

Concerne
La réponse

Et si je dois modifier mon formulaire alors que des fiches ont déjà été saisies

Entre ce qu'on a conçu, même à plusieurs, et ce que la vie nous impose parfois, il y a une marge. Donc, il va peut-être vous arriver de devoir modifier un formulaire alors que des fiches ont déjà été saisies pour ce formulaire.
Sans entrer dans les considérations techniques, voici quelques indications.
  • Si on modifie le nom du formulaire :
    • cela ne change rien dans le fonctionnement du formulaire ni pour ses fiches.
  • Si on ajoute un champ :
    • ce champ sera proposé à la saisie pour toutes les fiches à partir de ce moment là,
    • ce champ sera vide pour toutes les fiches saisies auparavant, il faudra donc les modifier une par une pour compléter ce nouveau champ.
  • Si on supprime un champ :
    • lorsqu'on ouvrira une fiche de ce formulaire, ce champ n'apparaîtra plus.
  • Si on modifie l'identifiant unique d'un champ :
    • ce champ est « cassé » pour toutes les fiches. Ne faîtes pas cela !
  • Si on modifie le libellé d'un champ :
    • ce champ sera, à partir de ce moment là, affiché avec le nouveau libellé.
  • Si on rend un champ obligatoire :
    • ce champ sera obligatoire à partir de ce moment là,
    • si vous essayez de modifier une fiche précédemment saisie dans laquelle ce champ serait resté vide, vous ne pourrez valider la fiche qu'après avoir complété ce champ.
  • Si on supprime le caractère obligatoire d'un champ :
    • ce champ ne sera plus obligatoire à partir de ce moment là,
  • Si on modifie le texte d'aide d'un champ :
    • le nouveau texte d'aide apparaîtra, à partir de ce moment là, pour ce champ.
CC-by-SA YesWiki
PDF Voir la fiche

Modifier un bouton

Concerne
La réponse
Edit_composants.png
Lʼinterface dʼédition de page YesWiki permet d'ajouter facilement de nombreux éléments puissants à la page.
  • Pour cela, on utilise le menu « Composants » de lʼinterface dʼédition.
Pour ajouter un bouton à une page.
1 – Placez-vous à lʼemplacement où vous souhaitez positionner le bouton.
2 – Cliquez sur « Composants », puis sur « Boutons ».
3 – Dans la boîte de dialogue qui sʼouvre, saisissez les paramètres qui vous intéressent :
  • Texte du bouton — Ce paramètre vous permet de saisir le texte qui apparaitra sur le bouton. Vous pouvez laisser ce paramètre vide si vous souhaitez un bouton orné dʼune icône seule.
  • Lien web ou nom dʼune page de ce wiki — Dans YesWiki, un bouton permet, comme un lien, de se rendre quelque part. Ce paramètre sert donc à indiquer la destination du voyage.
    • Si votre bouton va vers le web, nʼoubliez pas le « https:// ». Si, au contraire, votre bouton va vers une autre page de votre wiki….
  • Icône — Vous permet dʼajouter une icône à votre bouton, celle-ci sera placée avant le texte du bouton (sʼil y a du texte).
    • Vous pouvez rechercher parmi toutes les icônes disponibles en cliquant sur ce paramètre, puis en saisissant dans la zone intitulée « Rechercher » (le début dʼ)un mot en anglais (par exemple : book).
  • Couleur — Vous permet de choisir la couleur du bouton parmi les couleurs définies sur votre wiki.
Si vous cliquez sur Paramètres avancés, dʼautres paramètres vont apparaître :
  • vous pouvez notamment choisir les modalités dʼaffichage de la destination :
    • si vous voulez que la destination sʼaffiche dans une fenêtre modale, sélectionnez lʼoption qui vous convient dans Ouvrir le contenu du lien dans une popup ;
    • si vous voulez que la destination sʼaffiche dans un nouvel onglet ou une nouvelle fenêtre, sélectionnez « Oui » dans Ouvrir dans une nouvelle fenêtre ;
    • si vous voulez que la destination sʼaffiche dans lʼonglet courant, ne faîtes rien de tout cela ;
  • vous pouvez également :
    • faire en sorte quʼun texte sʼaffiche un texte lorsque le curseur de la sourie passe au dessus du bouton (Texte affiché au survol) ;
    • modifier la taille du bouton (Taille) ;
    • changer le positionnement du bouton (Position) en le plaçant à droite de la page ou sur toute la largeur de celle-ci ;
    • afficher le bouton non pas comme un bouton, mais comme un lien (Afficher sous forme de lien) ;
    • faire en sorte que le bouton ne soit visible que pour les utilisateurs qui auraient le droit de visiter sa cible (Masquer si lʼutilisateur nʼa pas accès).
Attention — Ne pas oublier de sortir en cliquant sur « Insérer dans la page ».

Modification dʼun bouton
Pour modifier un composant on peut utiliser lʼinterface graphique du composant.
Il existe pour cela deux méthodes.
Première méthode
Modif_composants_crayon.png
  • Cliquer de façon à placer le curseur dans le code du composant (entre « {{ » et « }} »).
  • Cliquer sur le bouton « crayon » qui apparaît dans la marge à gauche.
  • Modifier les paramètres voulus.
  • Ne pas oublier de sortir en cliquant sur « Mettre à jour le code ».
Seconde méthode
Modif_composants_menu.png
  • Cliquer de façon à placer le curseur dans le code du composant (entre « {{ » et « }} »).
  • Cliquer sur « Composants » dans le menu dʼédition, puis sur « Éditer le composant sélectionné ».
  • Modifier les paramètres voulus.
  • Ne pas oublier de sortir en cliquant sur « Mettre à jour le code ».
Attention, avec les deux méthodes, si vous avez plusieurs composants sur une même ligne YesWiki, ça ne fonctionne pas toujours bien, nous vous recommandons donc :
  • dʼinsérer un saut de ligne entre les deux composants,
  • de modifier le composant voulu avec lʼune ou lʼautre des méthodes,
  • de supprimer si besoin le saut de ligne que vous avez inséré à la première étape.
Un autre procédé pour modifier un composant consiste modifier directement son code si on sait quoi faire.
PDF Voir la fiche

Montrer les limites d'un départment sur un affichage cartographiqe

Concerne
La réponse On suppose qu'on a
  • un formulaire qui permet un affichage cartographique (présence des champs nécessaires à la géolocalisation) ;
  • une page (ex. : PageAfficheCarto) dans laquelle on souhaite afficher la carte avec les limites de la zone en question (ex. : le département du Puy-de-Dôme).
Procédure à suivre
  1. Créer sur le wiki une page destinée à recevoir les données décrivant le contour de la zone (par exemple, un département), la page peut s'appeler par exemple : ContoursDepartmentPuyDeDome
  2. Se rendre sur le site https://osm-boundaries.com
  3. Sélectionner au moyen du menu de droite, la zone dont on veut afficher les limites.
  4. Cliquer sur « Download » (en bas de la page).
  5. Cliquer sur « Download » à droite en face de « API url ».
  6. Déziper le fichier téléchargé.
  7. Ouvrir avec un éditeur de texte le fichier nommé « data » que vous venez de dézipper.
  8. Copier l'intégralité du fichier dans la page créée au point 1 sur le wiki (ex. : ContoursDepartmentPuyDeDome).
  9. Enregistrer cette page.
  10. Ouvrir en édition la page d'affichage de la carte (ex. : PageAfficheCarto) et ajouter dans le code de l'action bazarliste (par exemple, juste avant les deux accolades fermantes), le code suivant (voir explications plus bas) :
    layers="Lisiere|GeoJson|visiblebydefault|wakka.php?wiki=ContoursDepartmentPuyDeDome/raw"
    
  11. Enregistrer
Explication du code
layers="Lisiere|GeoJson|visiblebydefault|wakka.php?wiki=ContoursDepartmentPuyDeDome/raw"
On ajoute à l'action bazarliste un paramètre layer.
La valeur de ce paramètre est composée de plusieurs éléments. Sans entrer dans les détails, sachez que les seules parties que vous avez le droit de modifier dans ce code sont présentées en gras.
  1. Le nom du calque : ici le mot Lisiere désigne le nom du calque, vous pouvez mettre ce que vous voulez à la place de ce mot.
  2. Le nom de la page où sont les données du contour : dans notre exemple, nous avons copié ces données dans la page ContoursDepartmentPuyDeDome. Mais ce pourrait être n'importe quelle autre page. La page ne doit cependant contenir que ces informations géographiques.
PDF Voir la fiche

obtenir des infos supplémentaires sur une page

Concerne
La réponse
  • /raw : montre le code wiki => quand il est utilisé sur une fiche bazar, il permet de vérifier les champs réellement remplis et singulièrement de vérifier leur nom précis (important pour les templates par ex) + les valeurs (par ex dans les listes ou checkbox)
  • &debug à la fin de l'url permet de montrer les messages d'erreur
  • &refresh=1 permet de rafraichir profondément le contenu de la page (y compris la cache)
PDF Voir la fiche

Paramétrer Umap pour y insérer des fiches Yeswiki

Concerne
La réponse La solution a été documentée sur cette page : BazarAfficherSurCarteUMAP
PDF Voir la fiche

Paramétrer une fiche Activité

Concerne
La réponse

Créer/Paramétrer une fiche Activité


image saisie_fiche_activite1.png (45.4kB)
...
image saisie_fiche_activite2.png (16.3kB)
Saisie d'une fiche « LMS Activité »
Détails pour chaque champ de saisie :
  • Titre de l'activité : le titre utilisé pour créér le tag/identifiant de la fiche et affiché pour l'activité si le champ Titre affiché n'est pas défini. Le titre de l'activité se retrouve dans le menu du parcours et en tant que titre au début de chaque activité.
  • Titre affiché (optionnel) : quand ce champ comporte une valeur, c'est celle-ci qui est affichée au niveau du menu du parcours ou en début de chaque activité. Ce champ permet d'avoir un titre affiché de l'activité qui diffère de celui utilisé pour créer un tag/identifiant de fiche (un tag spécifique permet de plus facilement organiser ses fiches et les retrouver).
  • Auteur⋅ice⋅s : liste des auteurs ayant participé à l'élaboration de la fiche (champ de type mot-clé car il permet de réutiliser facilement les noms d'auteur déjà saisis et de filtrer les pages de même auteur)
  • Durée estimée de l'activité en minutes : Temps en minutes estimé pour l'activité. Cette durée est utilisée pour calculer le temps estimé annoncé pour chaque module au niveau de la fiche Parcours.
  • License : Licence sous laquelle est l'activité pédagogique. Par exemple : Creative Commons CC-BY-SA s'il on désire que la ressource soit un commun avec l'obligation que les adaptations/produits dérivés gardent la même licence. Pour faire le choix entre les différentes licences Creative Commons, référez-vous à cette page.
  • Contenu : C'est le contenu qui sera affiché pour l'activité pédagogique. Il est tapé en syntaxe YesWiki et le bouton « Composants » permet d'insérer facilement des actions YesWiki depuis la barre de formattage associée au champ. Contrairement aux pages, le petit crayon n'est pas affichée quand on sélectionne une action YesWiki et il faut aller cliquer sur le bouton « Composants » puis sur « Éditer le composant sélectionné » afin de modifier l'action.
  • Tags de description : Mots-clés qui permet de décrire l'activité pédagogiques et qui permet de la retrouver plus facilement.
  • Activer les commentaires ? : Si « oui » est défini, le champ devrait activer les commentaires. Or cela ne fonctionne pour l'instant que pour des installations particulières où l'extension LMS est utilisée avec la plateforme social Humhub et avec le module adéquat. Prochainement : une version de YesWiki qui intègre nativement les commentaires des pages et des fiches Activités de l'extension LMS devrait bientôt sortir.
  • Activer les réactions ? : Si « oui » est défini, la zone de réaction permettant de récolter le vote de chaque apprenant est proposée en bas de la fiche Activité. Prochainement : une version améliorée des réactions devrait bientôt sortir et permettre notamment de suivre l'ensemble des réactions via un tableau de bord.
PDF Voir la fiche

Paramétrer une fiche Module

Concerne
La réponse

Créer/Paramétrer une fiche Module

image saisie_fiche_module.png (0.1MB)
Saisie d'une fiche « LMS Module »
Détails pour chaque champ de saisie :
  • Titre du module : le titre affiché pour le module et utilisé pour créer le tag/identifiant de la fiche
  • Description : description du module (texte long en syntaxe YesWiki)
  • Image : image donnée pour le module (affichée sur la fiche module ainsi que la fiche parcours)
  • Date d'ouverture : date jusqu'à laquelle le module est fermé pour les apprenants, l'accès étant réservé qu'aux administrateurs
  • Activé : Si défini à « non », le module est fermé aux apprenants (accès possible pour les administateurs). Ce paramétrage est prioritaire sur la Date d'ouverture, c'est à dire que le module sera fermé si la date d'ouverture est passée et que Activé est à « non ».
  • Activités : suite de fiches Activités qui définisent la séquence pédagogique du module (les fiches Activités sont affichées avec possibilité de filtrage et sont ajoutées à la liste via la bouton « + » ou via « Glisser - Déposer »)

PDF Voir la fiche

Paramétrer une fiche Parcours

Concerne
La réponse

Créer ou paramétrer une fiche Parcours


image saisie_fiche_parcours.png (0.1MB)
Saisie d'une fiche « LMS Parcours »
Détails pour chaque champ de saisie :
  • Titre du parcours : le titre affiché pour la formation et utilisé pour créer le tag/identifiant de la fiche
  • Description : description de la formation (texte long en syntaxe YesWiki)
  • Image : image donnée pour la formation (non affichée aujourd'hui à la consultation de la fiche)
  • Modules : séquence des modules de la formation (les fiches Modules sont affichées avec possibilité de filtrage et sont ajoutées à la liste via la bouton « + » ou via « Glisser - Déposer »)
  • Scénarisation des activités : par défaut, défini à « non » et la navigation est libre parmi les activités de chaque module. Si défini à « oui », les activités sont débloquées au fur et à mesure de la progression de l'apprenant : l'apprenant doit déjà avoir consulté l'activité précédente pour accéder à une activité
  • Scénarisation des modules : par défaut, défini à « non » et la navigation est libre parmi les modules du parcours. Si défini à « oui », un module n'est accessible que si l'apprenant a consulté toutes les activités du module précédent.

En imbriquant les modules et activités comme vous le souhaitez au sein de votre parcours, vous définissez la navigation qu'effectueront les apprenants lorsqu'ils suivront votre formation.
PDF Voir la fiche

Permettre la saisie de fiches pour un formulaire

Concerne
La réponse

Bazar – Permettre la saisie des fiches

Vous avez à présent créé votre formulaire. Il vous faut à présent en permettre la saisie aux utilisateurs.
Voici une méthode pas à pas :
1 – Créer une page qui sera uniquement destinée à la saisie des fiches de ce formulaire. Par exemple, pour permettre la saisie des fiches de mon formulaire d'organisation de gouter, je vais créer une page « SaisieConvive ».
YWDocBazarPermettreSaisie_formulaire_saisie_composants2 – Cliquez sur le bouton « Composants », puis sur « Afficher un formulaire de création de fiche ».
YWDocBazarPermettreSaisie_formulaire_saisie_choix_form 3 – Dans la boîte de dialogue qui s'ouvre, cliquez sur la zone intitulée « Choisissez un formulaire ».


4 – Dans la liste de formulaires qui s'affiche, choisir celui pour lequel vous souhaitez créer une page de saisie. Une visualisation du formulaire s'affiche en partie dans la boîte dialogue.
YWDocBazarPermettreSaisie_formulaire_saisie_choix_fait5 – Optionnel –Si vous cochez « paramètres avancés », vous ferez apparaître une zone vous permettant d'indiquer dans quelle page vous souhaitez que l'utilisateur se retrouve après avoir validé la saisie de sa fiche. Le comportement par défaut est que l'utilisateur reste sur la page où il était (dans notre exemple « SaisieConvive »).
YWDocBazarPermettreSaisie_formulaire_saisie_action 6 – Cliquez sur le bouton insérer dans la page. Cela donne ceci.
7 – Enregistrer votre page.
Et voilà !
CC-by-SA YesWiki
PDF Voir la fiche

Personnaliser la configuration du LMS

Concerne
La réponse
Retour à la documentation

Personnaliser la configuration du LMS

Cette page explique les différents paramétrages de lʼextension LMS. Certaines notions sont complexes et sont réservées aux utilisateurs de YesWiki les plus expérimentés. Lʼobjectif de cette page est dʼêtre exhaustif sur les possibilités de lʼextension car pour la plupart des cas, la configuration par défaut est amplement suffisante.
Lʼaccès à la configuration de lʼextension LMS sʼeffectue à la page « roue crantée » / « Gestion du site », et à lʼonglet « Fichier de conf ».
Les différents paramètres avec leur valeur actuelle se retrouvent alors au sein de lʼaccordéon « LMS » présenté dans la capture dʼécran plus bas.
Un champ texte permet de modifier la valeur de chaque paramètre. Les valeurs en gris sont les valeurs qui sont mises en place par défaut par lʼextension. Ainsi, si la valeur est écrite en noire, cela signifie quʼelle a été spécifiquement définie pour ce site.

Quand lʼutilisateur a accès aux fichiers hébergés sur son site YesWiki, il peut également retrouver lʼensemble des paramètres définis dans cette page au niveau du fichier « wakka.config.php » dans le dossier de votre YesWiki.

image configurationlms1.png (76.2kB)
…
image configurationlms2.png (14.1kB)
Voici les différents paramètres avec pour chacun lʼintitulé, le nom de paramètre utilisé dans le fichier de configuration (entre parenthèse), ainsi quʼune description détaillée.
Identifiant du formulaire LMS Activité
(activity_form_id)
Identifiant du formulaire LMS Module
(module_form_id)
Identifiant du formulaire LMS Parcours
(course_form_id)
Ce sont les ID utilisés pour ces trois formulaires sur lesquels repose le fonctionnement de lʼextension LMS. Ils sont définis par défaut à 1201, 1202 et 1203 (les identifiants au dessus de 1000 sont réservés aux extensions). Il nʼest pas conseillé de les modifier même si cʼest possible de le faire avant de créer les fiches du LMS.
Activer les activités supplémentaires (webinaires, ateliers…)
(extra_activity_enabled)
Quand la valeur est « true », les administrateurs peuvent ajouter des « activités supplémentaires » au niveau du tableau de bord des progressions.
Ainsi pour les apprenant·e·s inscrit·e·s à cette activité, cette dernière sera comptablisée au niveau de leur tableau de bord.
Identifiant du formulaire LMS Feuille dʼémargement
(attendance_sheet_form_id)
Cet identifiant, par défaut à 1204, est utilisé pour le formulaire « Feuille dʼémargement » qui est activé uniquement quand « Activer les activités supplémentaires » est à « true ».
Pour que ce formulaire soit créé, il faut modifier ce paramètre et lancer le handler /update (pour cela aller sur nʼimporte quel page avec /update en fin dʼURL).
Ce formulaire nʼest pas nécessaire pour faire fonctionner les activités supplémentaires. Il permet uniquement de créer des fiches pour gérer ses émargements dʼactivités supplémentaire en faisant le lien avec un module dʼun parcours.
Sauvegarder la progression des adminstrat⋅eur⋅rice⋅s
(save_progress_for_admins)
Si « true », les progressions des administrat⋅eur⋅rice⋅s sont également comptabilisées dans le tableau de bord des progressions. Par défaut, seule lʼactivité des apprenant⋅e⋅s (qui nʼont pas les droits admin) est sauvegardée.
Activer les conditions de passage pour la scénarisation
(activity_navigation_conditions_enabled)
Non activées par défaut.
Si « true », une ou plusieurs conditions de passage peuvent être ajoutées lors de lʼédition dʼune fiche Activité. Il est ainsi possible de contraindre lʼapprenant·e à sélectionner une réaction ou à saisir une fiche dʼun formulaire particulier pour pouvoir passer à lʼactivité suivante.
Un type de condition peut également porter sur la réalisation dʼun quizz ou lʼobtention pour un quizz dʼune note supérieure à une note donnée mais cela ne fonctionne quʼavec un type de quizz qui nécessite des compétences de développement pour être intégré [Ces conditions de passage ne fonctionnent plus aujourdʼhui car elles sont affectées par un bug].
Afficher le titre des activités
(display_activity_title)
Par défaut, les titres de chaque Activité LMS sont automatiquement affichés en début de chaque activité et avec le style « Titre 1 ». Pour laisser une mise en page plus personnalisée, il est possible de passer à « false » ce paramètre.
Taille de lʼimage de chaque module sur la page de présentation dʼun cours (en pixels)
(module_image_size_in_course)
Par défaut, réglé à 400 pixels mais le paramètre permet de modifier la taille de ces images qui sont affichées dans chaque cartouche de module lorsquʼon consulte une fiche Parcours.
Activer le mode de regroupement des activités par onglets (TAB)
(tabs_enabled)
Non activé par défaut.
Ce paramètre quand il est défini à « true » permet dʼintégrer des onglets avec lʼaction Onglet avec des pages différentes dans les Activités LMS.
Il est aujourdʼhui plus simple dʼutiliser lʼaction Onglets avec des parties de la page pour intégrer des onglets à une activité LMS.
Toutefois, quand il est activé, ce mode permet que les Activités qui correspondent à chaque onglet soient reconnues comme faisant partie de la même Activité dans le menu de navigation. Ainsi, toutes les fiches « MonActivite » qui se terminent avec un chiffre sont reconnues comme lʼActivité ayant le même nom mais sans ce chiffre. Par exemple, lʼaction Onglet avec des pages différentes peut référer aux fiches « MonActivite », « MonActivite2 », « MonActivite3 » bien quʼil nʼy ait que la fiche « MonActivite » qui soit ajoutée à la fiche du module. Avec le paramétrage à « true », il faut toutefois faire attention de ne pas créer dans dʼautres circonstances des Activités avec un chiffre à la fin car ces dernières seraient associées à lʼactivité sans ce numéro et elle ne serait donc pas reconnue dans le menu de navigation.
Utiliser uniquement les temps personnalisés dans le tableau de bord des apprenants
(use_only_custom_elapsed_time)
Par défaut à « false ». Dans cette configuration cela permet dʼafficher dans le tableau de bord des apprenant·e·s les « temps estimés » même si aucun temps nʼa été renseigné manuellement en éditant le temps dʼun module ou dʼune activité.
Quand le paramètre est à « true », les temps sont uniquement affichés sʼils ont étés manuellement ajoutés.
Afficher la durée des activités dans le tableau de bord des apprenants
(display_activity_elapsed_time)
Quand il est à « true » (valeur par défaut), les temps des activités sont affichés et peuvent être modifiés dans le tableau de bord dʼun·e apprenant·e.
Autoriser lʼaccès aux activités qui ne font pas partie dʼun cours
(show_activities_without_context_or_learner)
Par défaut à « true », les apprenant·e·s peuvent consulter une activité qui nʼest pas intégrée à un module dʼun parcours.
La valeur « false » permet dʼinterdire lʼaccès à de telles activités.
Identifiant du formulaire de profil utilisateur utilisé pour lʼapprenant
(learner_form_id)
Identifiant du formulaire qui correspond au profil dʼun utilisateur.
Les tableaux de bord du LMS se servent de ce formulaire pour trouver les informations telles que les prénom, nom, mail associés à chaque apprenant·e.
Quand il nʼy a pas de profil utilisateur ou que lʼID ne correspond pas au bon formulaire, seul le nom dʼutilisat·eur·rice associé au compte de YesWiki est affiché.
Nom du champ pour le mail de lʼapprenant dans le formulaire du profil utilisateur
(learner_mail_field)
Par défaut, cʼest le champ « bf_mail » qui représente le mail de lʼapprenant·e dans le formulaire du profil utilisat·eur·rice.
Ce paramétre permet dʼindiquer le champ sans lequel se trouve le mail des participant·e·s et de lʼafficher correctement dans les tableaux de bord du LMS lorsque le champ du mail nʼest pas « bf_mail ».
Liste de champs de lʼapprenant sur lesquels on filtre le tableau de bord des progressions
(progress_dashboard_filters)
Par défaut, le paramètre est vide et aucun filtre nʼest proposé.
Si un ou plusieurs noms de champ du formulaire du profil utilisat·eur·rice est renseigné (chaque champ étant séparé des autres par une virgule), le tableau de bord des progressions peut alors être filtré selon les valeurs de ces champs, de la même manière quʼon peut filtrer des fiches Bazar avec les facettes.
Ce filtrage peut par exemple aider les formateurices à suivre les progressions des apprenant·e·s sur uniquement la dernière session de formation, à condition quʼun champ qui désigne la session pour laquelle est inscrit·e lʼapprenant·e ait été renseigné au niveau du formulaire de profil de lʼapprenant·e et que ce nom de champ ait été ajouté à ce paramètre.
PDF Voir la fiche

Personnaliser le favicon

Concerne
La réponse Le favicon est le petit logo qui apparait sur l'onglet de votre navigateur à coté du titre de votre wiki. Par défaut c'est le logo YesWiki ✌️ mais l'idéal est de le remplacer par le logo de votre projet !

  • Le favicon est une version miniature de votre logo : il doit être carré, il est recommandé de redimensionner votre image au format 16px*16px ou 32px*32px.
  • Pour modifier votre favicon vous devez d'abord le télécharger sur une page de votre wiki, par exemple sur la page "Gérer site" après le racourci vers les pages spéciales (menu, pied de page, etc...), c'est un bon endroit pour laisser les infos réservées à l'administrateur.
  • Une fois que vous avez téléchargé votre favicon sur la page (grâce à la fonction attach), copiez l'url complète de l'image (clic droit sur l'image / copier l'url)
  • Dans Gestion du site / onglet fichier de configuration , coller l'url de votre image dans le paramètre favicon

Il est également possible d'utiliser un emoji (en copiant collant depuis cette page par exemple : https://getemoji.com
PDF Voir la fiche

Personnaliser les couleurs du wiki

Concerne
La réponse

Personnaliser les couleurs

YWDocPersonnaliserCouleurs_lookwiki

Pour vous permettre de poser un décor, YesWiki vous permet de personnaliser les couleurs : menus, titres, liens, boutons peuvent adopter la couleur de votre choix.
Avec un wiki récent (en version Doryphore et avec le thème Margot) , vous pouvez accéder aux options de couleurs via l'onglet Look de la page "Gestion du site", puis bouton "Personnaliser le thème de ce wiki" - voir l'animation ci-contre.

Si vous n'avez pas de charte graphique, je vous conseille de définir avec votre groupe si un élément visuel peut vous caractériser (une plaquette, une photo, un objet totem, ...). Il existe des outils pour extraire une couleur d'une image, cela peut être un bon point de départ. Si ce n'est pas le cas, cherchez une palette de couleur tendance - ne choisissez pas 3 couleurs au hasard !

Choisir une palette de couleur

En créant "une nouvelle configuration graphique", vous avez la possibilité de définir :
  • une couleur primaire : c'est votre couleur dominante, elle sera utilisée par défaut pour la barre de menu ainsi que pour les titres et les liens. N'utilisez la couleur dominante de votre palette que sur les éléments essentiel de votre site ( appel à l'action, bouton, liens ...)
  • 2 couleurs secondaires peu visibles par defaut mais vous pourrez facilement les utiliser dans vos éléments de mise en forme. La couleur secondaire 2 est utilisée pour l'encadré "texte mis en valeur".
  • la couleur de votre texte et celle du fond - si vous les modifiez, veillez à bien respecter le contraste pour assurer la lisibilité des contenus.

Astuce Il arrive parfois d'avoir envie de différencier 2 parties du site, par exemple si une partie est publique et l'autre partie est privée (en mode intranet). Il est possible de définir 2 jeux de couleurs (2 configurations graphiques) et de les appliquer à chaque page : lorsque vous éditez une page de votre wiki, vous trouverez un bouton "theme" en bas de page qui vous permettra d'appliquer spécifiquement à cette page le jeu de couleur souhaité.



Pour aller plus loin

Test accessibilité des couleurs
Pour aller plus loin : personnalisation plus fine via PageCss
PDF Voir la fiche

Personnaliser les polices des titres et du texte

Concerne
La réponse

Personnaliser les polices des titres et du texte

Une police donne du caractère à votre contenu - il fait partie des éléments de style. La police des titres devra accrocher l'oeil (par sa taille, sa couleur, et par la forme des lettres), la police du corps de texte doit avant tout permettre de faciliter la lecture.
Google font propose 900 polices libres, rangées par Google selon les plus utilisées. Vous pouvez les utiliser gratuitement. L'avantage est qu'elles sont optimisées pour tous les navigateurs.

Recommandations

  • polices manuscrite (handwriting) : coté humain et artisanal, mais à garder pour quelques phrases à mettre en valeur ou des titres, difficulté de lisibilité
  • polices à empattement (avec serif) : effet imprimerie, crédibilité à utiliser plutot pour les supports papiers
  • polices sans empattement (sans serif) : plus épurées, elles offrent un meilleur confort de lecture à l'écran

Parmi les web font les plus populaires : Arial, Montserrat, Lato, Roboto.

Exemples de combinaison de police

Utilisation de la police Montserrat
Titre en lettres capitales pour plus d'impact
YWDocPersonnaliserPolices_Palmiers_Montserrat
Police des titres : Raleway
Police du texte : Roboto
image HPF_Raleway_Roboto.png (46.2kB)
A l'heure actuelle, sauvegarder la configuration et l'appliquer à vos pages ne suffit pas et une intervention supplémentaire de votre part sera nécessaire pour pouvoir réellement utiliser les polices choisies.

Comment intégrer une police dans Yeswiki





Pour aller plus loin

10 combinaisons de police
PDF Voir la fiche

Personnaliser les réactions

Concerne
La réponse
Retour à la documentation

Personnaliser les réactions

Étapes pour personnaliser les réactions

Modifier le formulaire LMS Activité

Dans la roue crantée > Base de données, vous allez modifier le formulaire LMS Activité (numéro 1201).
image modifieractivits.png (93.0kB)
Ouvrir le champ Réactions et observer les paramétrages.
image reactions.png (35.4kB)
  • Param0 : il indique « reactions », on n'y touche pas.
  • Param1 : il indique « reactions », on n'y touche pas.
  • Param2 : identifiants de chaque réaction (sans caractère spécial et sans espace), séparés par une virgule.
  • Param3 : titres de chaque réaction telle que ça va apparaitre pour les utilisateurices, séparés par une virgule.
  • Param4 : noms des fichiers « image » stockés dans le répertoire files et qui va illustrer chaque réaction, séparés par une virgule.

Mettre les images dans le dossier files

Vous avez deux possibilités.
Vous avez accès au wiki par FTP – Vous déposez les images dans le dossier files en notant bien le nom du fichier pour le reporter à l'identique dans le Param4.
Vous nʼavez pas accès au wiki en FTP
  • Choisissez une page du wiki où stocker l'image : une page de test ou une page d'administration qui ne sera pas visible de vos visiteurices.
  • Télécharger mon image de façon habituelle avec l'action {{attach}} (bouton « fichier » en mode édition).
  • Faire un clic droit sur l'image et choisir « ouvrir dans un nouvel onglet ».
  • Lʼurl dans le nouvel onglet révèle le nom du fichier tel qu'il est stocké dans le répertoire files. Ça ressemblera à monwiki.fr/files/PageTest_monimage.png.
  • Cʼest ce nom de fichier (PageTest_monimage.png dans mon exemple) que je vais coller dans le paramêtre Param4.
  • Répéter l'opération autant de fois qu'il y a d'images illustrant les réactions.

Info pour les mises à jour

Faire une mise à jour de l'extension LMS après avoir fait cette personnalisation ne pose pas de problème : vous ne perdrez pas vos modifications.

Explications en images

PDF Voir la fiche

Personnaliser les réactions possibles en bas d'une activité ou d'un module dans le LMS

Concerne
La réponse remplacer
reactions***reactions*** *** *** *** *** *** *** *** ***

par
reactions***reactions***love,hate***J'aime,Je hais***love.jpg,hate.jpg*** *** *** *** *** ***


  • pour choisir en j'aime/je hais
  • love,hate : champs id
  • J'aime,Je hais : titre a l'écran
  • love.jpg,hate.jpg : images qui doivent etre présentes dans le dossier files du wiki
PDF Voir la fiche

Pourquoi ai-je une partie de mes fiches qui s'affiche en italique, en gras... dans une liste bazar ?

Concerne
La réponse Il peut arriver que dans le titre ou dans le texte de la fiche d'ouvrir une zone en italique avec le symbole mais sans le refermer ! Il suffit de mettre à nouveau en fin de la zone de texte ou bien de supprimer le symbole pour résoudre le souci normalement !
PDF Voir la fiche

Protéger des pages en lecture

Concerne
La réponse

Solution 1 chaque utilisateur a un compte puis on gère un groupe

  • chaque utilisateur se créé un compte
    • option 1 =>roue crantée / se connecter / s'inscrire
    • option 2 => on créé un formulaire qu'ils remplissent ce qui leur créé un compte en même temps (champ créer un utilisateur quand la fiche est validée) puis un admin les met dans un groupe type
  • un admin créé un groupe ex : stagiaires (molette / gestion du site / utilisateurs et groupes)
  • ajoute ensuite les utilisateurs concernés dans le groupe stagiaire
  • puis va au niveau des pages concernées, clique en bas sur permissions et met @stagiaires dans la case droit de lectures à la place de *
    • on peut gérer en masse ces droits en allant sur la page molette / gestion du site / droits d'accès

Solution 2 on créé un même compte pour tout le monde (plus simple)

  • on créé un compte stagiaire (roue crantée / se connecter / s'inscrire)
  • on se déconnecte puis se connecte en admin
  • puis va au niveau des pages concernées, clique en bas sur permissions et met stagiaire dans la case droit de lectures à la place de *
    • on peut gérer en masse ces droits en allant sur la page molette / gestion du site / droits d'accès
PDF Voir la fiche

recevoir un mail à chaque ajout de fiche

Concerne
La réponse Vous souhaitez recevoir un mail à chaque ajout dans un formulaire bazar ?
  • soit vous faites parties des @admins alors
    • vous pouvez activer le param dans le wakka config
      'BAZ_ENVOI_MAIL_ADMIN' => true
      
    • ce qui envoie le contenu de la fiche A CHAQUE admin du wiki, ce qui n'est pas toujours super !
  • soit vous souhaitez être le seul à recevoir les fiches
    • il faut "tricher" un peu en détournant les possibilités du champ mail
    • placer dans votre formulaire les champs suivants
    • labelhtml***<div>***<div>*** *** 
      champs_mail***bf_mail1***Email***40***255***votremail*** *** *** ***1*** ***@admins 
      labelhtml***</div>***</div>*** ***
      

ceci aura pour effet de cacher le champ mail, d'y insérer votre mail par défaut ET d'envoyer une copie de la fiche à chaque validation !

ATTENTION, ceci ne fonctionne que si votre wiki peut envoyer des mails (voir https://yeswiki.net/?ReparerLesWikisQuiNEnvoientPasLesMails )
PDF Voir la fiche

récupérer le fichier (.tpl.html) d'un template repéré sur un wiki

Concerne
La réponse Il suffit de récupérer le nom du template sur la page (en utilisant /raw)
une fois le nom connu, on tape dans l'url
https://urlduwiki/themes/tools/bazar/templates/nomdutemplate.tpl.html

en remplaçant urlduwiki par l'url du wiki ;-) et nomdutemplate par le nom reperé via le /raw
puis récupérer le code source de la page
PDF Voir la fiche

Rediriger l'utilisateur vers une page spécifique à la validation d'un formulaire

Concerne
La réponse Pour rediriger l'utilisateur vers une page spécifique quand il a validé un formulaire, il faut ajouter le paramètre redirecturl="URLcomplete" dans
{{bazar voirmenu="0" vue="saisir" id=" " redirecturl="https://yeswiki.net/?BazarAfficherFormulaireSaisie"}}


Attention : ne pas utiliser l'adresse courte wiki dans redirecturl mais bien une URL complète (http://...).
PDF Voir la fiche

rendre une vidéo responsive (en largeur ET hauteur)

Concerne
La réponse On peut facilement rendre un iframe de vidéo responsive en largeur en mettant 100% dans le widht MAIS il faut alors jouer "à la main" sur le nombre de pixels en hauteur.

On peut aussi utiliser ce code
""<div class="embed-responsive embed-responsive-16by9">
  
</div>""


l'url de la vidéo à utiliser est la partie à repiquer dans l'iframe fourni par la plateforme et qui contient le /embed
PDF Voir la fiche

Rendre visible le groupe dʼapprenant·e·s

Concerne
La réponse

Visibilité du groupe d'apprenant·e·s

image carteparticipants.png (1.1MB)
Par une carte géographique ou par un trombinoscope les plateformes de formation proposent souvent une visualisation du groupe d'apprenant·e·s. Rendre le groupe visible au groupe est essentiel et remplit plusieurs fonctions (aller plus loin : définition de l'holoptisme) :
  • nourrir le sentiment d'apartenance et la confiance nécessaires à l'apprentissage : je peux sereinement livrer mes projets et questions parce que je sais qui me lit
  • tisser des liens entre personnes et projets que ce soit par des points communs thématiques ou territoriaux : je peux directement contacter tel participant parce que son travail m'intéresse où qu'il est près de chez moi
  • donner des idées sur des appropriations : je vois que des participant.es viennent avec d'autres attentes, d'autres expériences et ça me donne des idées pour ma pratique
  • valoriser la formation en montrant le nombre de participant.es et/ou leur diversité
On peut aussi choisir de profiter de cet espace pour présenter les intervenant.es. C'est le cas pour cette formation et ça dénote d'une posture d'éducation populaire de ne pas instaurer de distance trop grande entre participant.es et formateurices.
Et techniquement ?
Bazar vous offre là de belles fonctionnalités.
PDF Voir la fiche

réparer des tables cassées (wiki non accessible)

Concerne
La réponse Si vous recevez un message de ce type à l'affichage de votre wiki
Query failed: delete from _referrers where time < date_sub(now(), interval '24' day) (Table './dehors/_referrers' is marked as crashed and last (automatic?) repair failed)


Vous pouvez réparer les tables en passant par phpmyadmin
  • choissisez la db
  • sélectionnez les tables concernées (voir votre )
  • dans "avec la sélection" => réparer la table
PDF Voir la fiche

réparer les wikis qui n'envoient pas les mails ;-(

Concerne
La réponse sur certains hébergements, l'envoi de mail par défaut ne marche pas , il faut créer un compte smtp
et donc rajouter dans le fichier wakka.config.php les parametres suivants
'contact_mail_func' => 'smtp',
  'contact_smtp_host' => 'ssl://:465',
  'contact_smtp_user' => 'user@mail.ext',
  'contact_smtp_pass' => '',


Attention, tous les serveur mail n'accepte pas de jouer ce jeu.

avec brevo

créez-vous un compte puis allez dans les paramètres (via ce lien) chercher votre clé smtp (limitée à 300 mails par jour)
'contact_mail_func' => 'smtp',
  'contact_smtp_host' => 'smtp-relay.sendinblue.com:587',
  'contact_smtp_user' => 'monmail@pourmoncomptesendinblue.com',
  'contact_smtp_pass' => '',

ou
'contact_mail_func' => 'smtp',
  'contact_smtp_host' => 'smtp-relay.sendinblue.com',
  'contact_smtp_port' => '587',
  'contact_smtp_user' => 'monmail@pourmoncomptesendinblue.com',
  'contact_smtp_pass' => '',

avec gmail

Gmail le fait mais avec une limite d'envoi journalière et souvent un blocage de scurité à lever via un paramètre : plus d'infos ici
https://support.google.com/accounts/answer/6010255
'contact_smtp_host' => 'ssl://smtp.gmail.com:465',


Autre piste possible, acheter un nom de domaine chez gandi et utiliser le smtp lié
PDF Voir la fiche

rétablir un bon format de table quand on a un nouveau wiki sur une vieille table

Concerne
La réponse on passe par phpmyadmin et on applique cette requête sql (en changeant le prefixe)

ALTER TABLE _nature
  DROP IF EXISTS bn_ce_id_menu,
  DROP IF EXISTS bn_commentaire,
  DROP IF EXISTS bn_appropriation,
  DROP IF EXISTS bn_image_titre,
  DROP IF EXISTS bn_image_logo,
  DROP IF EXISTS bn_couleur_calendrier,
  DROP IF EXISTS bn_picto_calendrier,
  DROP IF EXISTS bn_type_fiche,
  DROP IF EXISTS bn_label_class,
  MODIFY COLUMN bn_ce_i18n VARCHAR(5) NOT NULL DEFAULT '';
PDF Voir la fiche

Suivre la progression des apprenants

Concerne
La réponse

Tableau de bord des progressions

La mise en place d'une formation en ligne passe inévitablement par un suivi de l'apprentissage des participants. Il est important de s'assurer que les apprenants arrivent à progresser dans votre formation et de pouvoir les questionner pour pouvoir les aider s'ils prennent du retard.
A minima, il est utile de leur rappeler les échéances afin qu'ils puissent avancer au même rythme que les autres apprenants de la promotion et puissent acquérir les savoirs prérequis pour d'éventuels atelier en présentiel ou en visio-conférence.

L'accès au tableau de bord s'effectue depuis la fiche LMS Parcours via le bouton « Tableau de bord » affiché dans l'encadré réservé aux administrateurs. Il est également possible d'y accéder directement en consultant la page ProgressDashboard du site YesWiki hébergeant la formation.
image bouton_tableaudebord.png (19.0kB)

image tableaudebord_modules.png (0.1MB)
Tableau de bord des progressions

Le tableau de bord des progressions permet de connaître l'avancement des apprenants en se basant sur les consultations des pages de la formation. Nous considérons qu'un apprenant a terminé un module lorsqu'il a consulté toutes ses activités. En tant que formateur, il est important de prendre conscience que cette information est un simple indicateur, et que certains apprenants ont pu consulter toutes les activités d'un module sans réellement passer du temps sur leur contenu.

La page est organisée de la manière suivante :
  • nous accédons d'abord au niveau Parcours avec le détail pour chaque Module. Il est ensuite possible d'accéder au détail des activités d'un module en cliquant sur le titre du module en question.
  • pour chaque niveau, deux informations sont présentées.
    • les chiffres « X / Y » : X étant le nombre d'apprenants ayant terminé le Parcours, Module ou Activité et Y le nombre total d'apprenants de la formation (on comptabilise un apprenant dans le nombre total dès lors qu'il a consulté une première activité de la formation)
    • le temps estimé : il est calculé avec les différents temps estimés qui ont été rentrés par les rédacteurs des fiches Activité
  • il est possible de regarder le détail des apprenants qui ont terminé ou non terminé un module ou une activité en cliquant sur le chevron affiché avant son titre.
    • une liste de ces apprenants est affichée en précisant le nom et le mail de chacun (quand ces informations sont disponibles, sinon c'est le nom d'utilisateur qui est affiché). Il est également possible de cliquer sur l'oeil pour visualiser leur fiche de profil quand une telle fiche est disponible.
    • en cliquant sur le bouton « Export CSV » , la liste peut être exportée et facilement intégrée dans un tableur. Elle peut être utilisée notamment pour envoyer des mails groupés pour relancer ou questionner les apprenants.

Pour finir, il y a aussi la possibilité de configurer le tableau de bord afin de filtrer les apprenants sur différents critères de sa fiche de profil (cf. M3.2-b Lectures : Personnaliser la configuration du LMS). La sélection de ces critères s'effectue alors de la même manière que lorsqu'on filtre une liste de fiches BazaR avec les facettes.
PDF Voir la fiche

Suivre sa propre progression en tant quʼapprenant

Concerne
La réponse

Tableau de bord d'un apprenant

Depuis le tableau de bord des progressions, un clic sur le nom d'un apprenant (nom complet ou nom d'utilisateur) parmi les listes des apprenants qui ont fini ou non, permet d'accéder au détail de sa progression dans la formation.

Un administrateur peut également accéder aux progressions de n'importe quel apprenant en allant directement à la page LearnerDashboard. Dans un tel cas, il n'accèdera pas aux progressions d'une formation en particuler mais au détail des progressions pour l'ensemble de ses formation.
Un apprenant peut de la même manière consulter sa propre progression. Ainsi s'il accède à la page LearnerDashboard, il arrive directement au suivi des progressions de l'ensemble de ses formations.

image tableaudebordapprenant.png (0.1MB)
Tableau de bord d'un apprenant

Le récapitulatif d'informations est donné pour chaque parcours et chaque module. Si l'on arrive à cette page LearnerDashboard depuis le tableau de bord des progressions, seules les informations de la formation pour laquelle on consultait le tableau de bord sont affichées (paramètre course spécifié dans l'URL). Si l'on arrive directement à la page LearnerDashboard (par conséquent sans paramètre course), on retrouve les informations de l'utilisateur par rapport à toutes ses formations.

La logique suit la même que le tableau de bord des progressions. Pour chaque niveau (parcours, module ou activité), nous avons les informations suivantes :
  • le pourcentage d'avancement qui donne sous la forme de pourcentage le nombre d'activités qui ont été terminé par rapport à leur nombre total
  • le temps passé . Par défaut, c'est la durée estimée calculée à partir des temps renseigné par le créateur de chaque fiche Activité.
  • la date/heure de premier accès de l'apprenant . Attention à ne pas conclure le temps qu'aurait pu passer un apprenant sur une activité en regardant les heures d'accès de deux activités successives : les apprenants peuvent avoir juste jeter un oeil sur le contenu et y revenir plus tard.

Pour les activités, certaines informations diffèrent :
  • le status d'avancement remplace le pourcentage d'avancement. Les valeurs sont « ---- » quand l'apprenant n'y a pas encore accédé, « En cours » quand il a déjà accédé à cette activité mais pas encore à la suivante, ou « Terminée » quand il a bien terminé cette activité et l'activité suivante.
  • la possibilité de « modification du temps passé » en cliquant sur l'icône . Dans ce cas, l'utilisateur peut renseigner une durée à la page suivante qui écrase la durée affichée du temps estimé saisi par le créateur de la fiche et cette durée est répercutée au niveau des totaux du module ou du parcours dont l'activité fait partie.
PDF Voir la fiche

Supprimer la marge blanche au dessus d'une section dans une page sans header

Concerne
La réponse Ajouter en bas de la page principale
""""
PDF Voir la fiche

Supprimer tout le colonnage (toutes les colonnes) dʼune zone

Concerne
La réponse
Pour supprimer tout le colonnage dʼune zone, il faut supprimer :
  • le code qui marque de début du colonnage : {{grid}} ;
  • le code qui marque de début de chaque colonne : {{col size="…"}} ;
  • le code qui marque de fin de chaque colonne : {{end elem="col"}} ;
  • le code qui marque de fin du colonnage : {{end elem="grid"}}.
Plus dʼexplications sur le fonctionnement des colonnes
PDF Voir la fiche

Supprimer un accordéon en entier

Concerne
La réponse
Pour supprimer lʼintégralité dʼun accordéon, il faut supprimer :
  • le code qui marque de début de lʼaccordéon : {{accordion}} ;
  • le code qui marque de début de chaque encadré : {{panel title="…"}}(pensez à conserver le titre de lʼencadré) ;
  • le code qui marque de fin de chaque encadré : {{end elem="panel"}} ;
  • le code qui marque de fin lʼaccordéon : {{end elem="accordion"}}.
Plus dʼexplications sur le fonctionnement des accordéons
PDF Voir la fiche

Supprimer un encadré

Concerne
La réponse
Pour supprimer un encadré, il suffit de supprimer :
  • le code qui marque de début de lʼencadré : {{panel title="…"}} ;
  • tout ce qui se trouve entre les codes de début et de fin de lʼencadré ;
  • le code qui marque de fin de lʼencadré : {{end elem="panel"}}.
Plus dʼexplications sur le fonctionnement des accordéons
PDF Voir la fiche

Transférer des images d'une page vers une autre

Concerne
La réponse
  • 1. se rendre sur la page d'origine (ex. : PageDorigine) et copier le code l'action {{attach file="Mon_Fichier.txt" ...}}
  • 2. se rendre sur la nouvelle page et coller tout ce code
  • 3. ajouter en début du nom de fichier le nom de la page suivie de / ; exemple : {{attach file="PageDorigine/Mon_Fichier.txt" ...}}

Les images (et autres fichiers) figurant dans les pages de YW se trouvent dans le dossier /files sur le serveur. Au moment où le fichier est téléchargé, son nom est modifié : le NomDePage dans laquelle il se trouve est ajouté devant le nom du fichier.

Pour transférer des fichiers inclus dans une page vers une autre page, il suffit de les renommer en changeant leur NomDePage. Il faut bien sûr avoir accès au serveur en ftp. Par exemple, dans l'illustration ci-dessous, pour transférer les images de la page BrouilloN vers la page BoiteALivres, renommer les fichiers "BrouilloN_IMG_..." en "BoiteALivres_IMG_...". Les images seront supprimées de la page BrouilloN et apparaitront dans la page BoiteALivres.

Cette procédure est particulièrement intéressante quand on veut changer le nom d'une page existante qui contient des fichiers. Dans ce cas, on récupère le code wiki de la page existante et on le colle dans la nouvelle page, sauf que les fichiers restent attachés à l'ancienne page et qu'à la place des images apparaissent des boutons "Télécharger le fichier...". Une fois qu'on a renommé les fichiers, les images deviennent visibles dans la nouvelle page.
TransfererDesImagesDUnePageVersUneAutre_capture-decran-du-2021-04-15-00-10-12.png
PDF Voir la fiche

Trouver la place du LMS en fonction de mes modalités pédagogiques et LMS

Concerne
La réponse

Modalités pédagogiques et place du LMS

On identifie 4 modalités : présence/distance et synchrone/asynchrone
Même lieu Lieux différents
Synchrone (en même temps) Présentiel : le luxe ! RDV à distance (visioconférence)
Asynchrone (temps différents) Relais de présence dans un lieu commun (rare) Connexion de chacun.e à la formation quand ça lui convient > Place privilégiée d’une plateforme pédagogique !


Une plateforme pédagogique LMS est utile à différents niveaux :

Une vraie gare centrale pour s'y retrouver
Si votre formation s'organise autour de différentes modalités (alternant présence et distance ou synchrone et asynchrone), la plateforme pédagogique est le lien entre tout ça pour rappeler les infos (horaires, liens, trombinoscope des participant.e.s et intervenant.e.s ...) et garder traces (productions, ressources ...). Nous sommes là encore dans une fonction de gare centrale.

Distanciel asynchrone : là le LMS prend tout son sens
Si vous investissez le distanciel asynchrone le LMS est un appui fort de vos contenus organisés en progression pédagogique.

Distanciel synchrone : la plateforme en appui des visio
Le RDV en visio peut prendre la forme d'une activité dans le LMS pour rappeler les éléments d'organisation : l'horaire, le lien de connexion, l'ordre du jour, l'espace de prise de notes ... Ce sera également utile à celleux qui n'auront pas pu participer pour retrouver d'éventuels notes voire enregistrements.

Présentiel synchrone : la plateforme en appui du présentiel
Le présentiel a lui aussi des aspects logistiques à rappeler. Et il est riche de ressources partagées que votre plateforme pédagogique saura restituer.
Les temps pédagogique en présentiel sont très précieux : ce sont les plus efficaces et les plus conviviaux. La plateforme en ligne doit donc être conçue pour profiter au maximum du présenciel et regléguer au distanciel et asynchrone ce qui peut l'être grâce aux outils.
PDF Voir la fiche

trouver le code wiki qui permet de réaliser une requète query ou champ conditionnel

Concerne
La réponse Pour afficher des éléments pré-triés d'une base de données de YesWiki, on peut utiliser une option query dans l'action bazarliste
query="checkboxfiche2=TesT"

Mais comment trouver les éléments permettant de trier checkboxfiche2=TesT

Le plus simple consiste à
  • mettre en place un affichage des éléments d'une base de donnée en ajoutant un filtre / facette avec les éléments à trier.
  • cliquer sur l'élément à trier ou à utiliser dans vos champ conditionnels.
Vous obtenez une URL du style https://interpole.xyz/?TechFor#checkboxListeUsageAnim=9
  • récupérer les éléments se situant après le #, ici => checkboxListeUsageAnim=9
C'est cet élément que vous pourrez mettre dans un query="checkboxListeUsageAnim=9"
ou dans un champ conditionnel => checkboxListeUsageAnim==9
PDF Voir la fiche

Utiliser un formulaire en tant que liste

Concerne
La réponse

Utiliser un formulaire en tant que liste

Bazar permet d'utiliser, dans un formulaire, un autre formulaire comme s'il s'agissait d'une liste. Les réponses à cet autre formulaire constituent alors les différentes valeurs de cette liste.
Premier exemple
Vous avez un formulaire « projet » présentant des projets et un autre formulaire, « commentaire », permettant d'ajouter des commentaires sur ces projets.
Vous souhaitez, au sein du formulaire « commentaire », permettre à l'utilisateur de choisir dans une liste déroulante dynamique la fiche « projet » qu'il souhaite commenter.
Second exemple
Vous avez un formulaire « recette » qui regroupe différents plats (un par fiche).
Et, dans un autre formulaire (« menu » par exemple), vous souhaitez permettre à l'utilisateur de choisir dans une liste déroulante dynamique un plat parmi vos recettes.

Comment faire ?

Bazar va permettre de lier un formulaire à un autre. Dans notre premier exemple, des fiches du formulaire « commentaire » vont être liées à des fiches du formulaire « projet ».
Pour cela on utilise un des champs :
  • Sélectionner,
  • Groupe de cases à cocher,
  • Groupe de boutons radio.
Lors du paramétrage de ce champ, il faut :
  • pour le paramètre « Origine des données », choisir « Un formulaire Bazar ».
  • puis, pour le paramètre « Choix de la liste/du formulaire », indiquer le formulaire à partir duquel vous souhaitez que les utilisateurs choisissent.

Montrer les fiches liées

En reprenant notre premier exemple, on peut, lorsqu'on affiche une fiche « projet », montrer toutes les fiches « commentaire » s'y rapportant.
Pour cela on utilisera, dans le formulaire « projet », un champ du type « Liste des fiches liées » dont le paramètre « Id du formulaire lié » contiendra l'identifiant Bazar du formulaire « commentaire » (point 5 sur cette page).
PDF Voir la fiche

Utiliser YesWiki comme support de formation

Concerne
La réponse

Notion de LMS

e-learning course
Le LMS, une plateforme d'apprentissage en ligne
Un LMS (Learning Management System) peut se traduire en français par système de gestion d'apprentissage, mais nous parlons plus communément de plateforme d'apprentissage en ligne. Cette plateforme permet de concevoir, structurer puis diffuser des contenus pédagogiques à des apprenants.

Ainsi avec l'extension LMS de YesWiki, l'objectif est d'utiliser les fonctionnalités et la flexibilité de YesWiki pour pouvoir proposer des formations en ligne.
PDF Voir la fiche
CSV JSON

YesWiki

Nous contacter
Mentions légales

Association loi 1901
d'intéret général
♥️ faire un don défiscalisé

Présentation

  • Fonctionnalités
  • Notes de version
  • Feuille de route
  • Voter pour les futures fonctionnalités
  • Code source (github)
  • Contribuer au développement

La communauté

  • Notre histoire
  • Ils peuvent vous aider
  • Ils utilisent YesWiki
  • L'association
  • Soutenir YesWiki
  • Services libres

Aide

  • Doc officielle
  • Contenus de formation
  • Comment faire pour ...
  • Forum d'entraide

Créer un wiki

  • Tester sur une ferme
  • Télécharger la dernière version
  • Hébergement partenaires
  • Trouver une personne pour m'aider

Illustrations CC-BY-SA Miko Kontente
(>^_^)> Galope sous YesWiki <(^_^<)