Accéder à Bazar pour créer des formulaires

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 (image de droite).
Télécharger le fichier bazar.png
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).

sujet

Voir la fiche Modifier

Activer les commentaires sur une Activité

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.
Télécharger le fichier activercommentairefiche1.png 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

Télécharger le fichier activercommentairefiche2.png 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.

Télécharger le fichier commentairesactivs.png Une fois les commentaires activés sur une Activité, vous constaterez un nouvel espace reservé aux commentaires en bas de la fiche.

sujet

Voir la fiche Modifier

Adrien Devos

Nom Devos

Prénom Adrien

Mon métier, ma fonction Responsable d'équipe Numérique et enseigant

Ma présentation

En tant que Responsable d'une équipe Numérique dans une association de collectivités et enseignant associé à l'Université, j'essaie d’œuvrer à des pratiques collectives et numériques plus émancipatrices.

Tombé dans la marmite YesWiki en 2014, ce merveilleux outil reste un des trucs qui me fait encore croire à du numérique souhaitable :)

Emeraldchat.fr - alternative Omegle pour le chat vidéo aléatoire.

Nom de la structure Agate/Université Savoie Mont-Blanc

Code postal 73000

Ville Chambéry

Voir la fiche Modifier

Index

Afficher les données

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.

Télécharger le fichier formulaire_affichage_composant.png2 – Cliquez sur le bouton « Composants », puis sur « Afficher les données d'un formulaire ».

Télécharger le fichier formulaire_affichage_dialog.png3 – 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 »).

Télécharger le fichier formulaire_affichage_choix_fait.pngUne 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.

Télécharger le fichier formulaire_affichagechoix_facette.png8 – 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).

Télécharger le fichier formulaire_affichage_action.png14 – 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

Bazar – Afficher uniquement certains résultats grâce aux requêtes "query"

Vous savez afficher l'ensemble des fiches d'un formulaire, mais dans certains cas, il peut être utile de n'afficher que certaines fiches.

Par exemple :
- pour un trombinoscope afficher uniquement les fiches des personnes ayant autorisé l'affichage de leur fiche profil
- pour une page projet, ne voir que les personnes, les réunions ou les ressources liées à ce projet

Préalable

En premier lieu il est nécessaire de définir quelle valeur de quel champs va permettre le tri des fiches à afficher.
Puis, si ce n'est déjà fait, de créer dans le formulaire le champs et la liste ou le formulaire bazar associé, en conséquence.

Par exemple :

Dans un formulaire "Annuaire", créer un champs de type "bouton radio" avec l'intitulé "j'autorise l'affichage de mon profil sur le trombi" et une liste avec deux valeurs : "oui" ou "non"
Dans un formulaire "Agenda", créer un champs de type "case à cocher" avec l'intitulé "projets concernés" et une liste avec des valeurs de type : "super projet 1" "projet génial 2" "projet relou 3"...

Voir comment créer des listes et les utiliser dans un formulaire.

Ajout de la requête dans votre affichage bazar

- 1 : Mettez vous en mode édition, sur la ligne de code d'affichage de votre formulaire
Télécharger le fichier Capture_dcran_du_20250212_143704.png
- 2 : Ajoutez dans le code, en mode édition, la "query" en fonction de ce que vous souhaitez

Trier les fiches en fonction d'une valeur : query="bf_champs=clé"

- bf_champs est l'identifiant du champs concerné. Il est défini par défaut lorsque vous choisissez le type de champs. Ex: bf_checkboxes mais vous pouvez le personnaliser lors de la création de votre formulaire.
- clé est la clé de la valeur de votre liste.

Télécharger le fichier Capture_dcran_du_20250212_155347.png
Autres possibilités :

trier sur la base de valeurs différentes : query="bf_champs!=clé" permet de garder uniquement les valeurs différentes de "clé"
trier avec plusieurs valeurs de la même liste en ajoutant une virgule sans espace entre les clés : query="nom_du_champs=clé1,clévaleur2"
trier sur la base de valeurs de deux listes différentes : query="nom_du_champs1=clé|nom_du_champs2=clé"
trier sur la base d'un contenu vide : query="bf_champs=" Permet de ne garder que les fiches dont le champ bf_champs est vide
trier sur la base de contenu non vide : query="bf_champs!=" Permet de ne garder que les fiches dont le champ bf_champs n'est pas vide
trier sur base du contenu d'un champ (bf_...)
- query="bf_champs=a." Affiche tous les titres commençant par a)
- query="bf_champs=.a" (affiche tous les titres finissant par a)
- query="bf_titre=NomYeswiki (affiche la fiche dont le champ titre est NomYeswiki)
- query="bf_champs=." (affiche toutes les fiches dont le champ "bf_titre" est vierge)
trier sur base d'une liste dynamique de type "checkboxfiche" query="checkboxfiche<numeroduformulaireappelé>=PageFiche
Exemple : {{bazarliste id="2" query="checkboxfiche2=TesT"}}

Voir la fiche Modifier

Afficher les résultats dʼun formulaire

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

Cartographie

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

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.

Télécharger le fichier formulaire_affichage_composant.png2 – Cliquez sur le bouton « Composants », puis sur « Afficher les données d'un formulaire ».

Télécharger le fichier formulaire_affichagechoix_facette.png8 – 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.

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).

Télécharger le fichier formulaire_affichage_action.png14 – 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

sujet

Voir la fiche Modifier

Ajouter des colonnes à un page

Réponse

Télécharger le fichier Edit_composants.pngLʼ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/12^e 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

sujet

Voir la fiche Modifier

Ajouter des encadrés en accordéon

Réponse

Télécharger le fichier Edit_composants.pngLʼ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

sujet

Voir la fiche Modifier

Ajouter des explications dans un formulaire

Réponse

Champ de type « Custom HTML »

Télécharger le fichier Bouton_custom_html.pngComme 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.

Télécharger le fichier champ_custom_HTML.png 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>. 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.

sujet

Voir la fiche Modifier

Ajouter des onglets à un formulaire

Réponse

Ajouter des onglets à son formulaire

Télécharger le fichier formulaire_onglets.pngLorsqu'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 » Télécharger le fichier champ_navigation_par_onglets_bouton.png
Le type de champs « passage à l'onglet suivant » Télécharger le fichier champ_passage_onglet_suivant_bouton.png

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 »

Télécharger le fichier champ_navigation_par_onglets.png

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 »

Télécharger le fichier champ_passage_onglet_suivant.png

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 ».

sujet

Voir la fiche Modifier

Ajouter un bouton

Réponse

Télécharger le fichier Edit_composants.pngLʼ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 Télécharger le fichier 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 Télécharger le fichier 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.

sujet

Voir la fiche Modifier

Ajouter un champ de type date à son formulaire

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.

Télécharger le fichier champ_dateOK.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Télécharger le fichier champ_param_ID.pngCe 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é

Télécharger le fichier champ_param_label.pngIl 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

Télécharger le fichier champ_param_aide.pngCe 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

Télécharger le fichier champ_param_access_read.pngPar 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

Télécharger le fichier champ_param_access_write.pngPar 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.

sujet

Voir la fiche Modifier

Ajouter un champ de type e-mail à son formulaire

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.

Télécharger le fichier champ_email1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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.

sujet

Voir la fiche Modifier

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

Réponse

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

Télécharger le fichier champ_geoloc.png 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

Télécharger le fichier champ_param_oblig.pngCe 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 ».

sujet

Voir la fiche Modifier

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

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.

Télécharger le fichier champ_radio1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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).

sujet

Voir la fiche Modifier

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

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.

Télécharger le fichier champ_checkbox1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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

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

sujet

Voir la fiche Modifier

Ajouter un champ de type image à son formulaire

Réponse

Champ de type « image »

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

Télécharger le fichier champ_imageok.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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.

sujet

Voir la fiche Modifier

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

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.

Télécharger le fichier champ_liste1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

Remarque sur lʼidentifiant unique pour ce type de champs

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

Origine des données

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

sujet

Voir la fiche Modifier

Ajouter un champ de type texte court à son formulaire

Réponse

Champ de type texte court

Un champ texte permet la saisie de quelques mots.

Télécharger le fichier champ_texte1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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.

sujet

Voir la fiche Modifier

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

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.

Télécharger le fichier champ_uploadOK.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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

sujet

Voir la fiche Modifier

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

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.

Télécharger le fichier champ_zone1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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.

sujet

Voir la fiche Modifier

Ajouter une colonne dans une zone qui en comporte plusieurs

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

sujet

Voir la fiche Modifier

Ajouter un encadré

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.

sujet

Voir la fiche Modifier

Ajouter un encadré à un accordéon

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

sujet

Voir la fiche Modifier

Ajouter une question conditionnelle à son formulaire

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 4^e onglet pour voir apparaitre de nouvelles questions).

Télécharger le fichier champ_affichage_conditionnel_contexte.png 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> 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 »

Télécharger le fichier champ_affichage_conditionnel.png 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

sujet

Voir la fiche Modifier

Atelier Wiki

Laure Beyler et Adrien Devos, formateurices Animacoop proposent de découvrir les bases techniques pour créer et administrer votre wiki avec Yeswiki. Que vous soyez débutants ou confirmées, venez découvrir et partager autour de YesWiki !

Cet atelier s'adresse à toute personne
- ayant un niveau de base de l'utilisation d'internet et des outils informatiques
- ayant ou non un wiki Yeswiki
- ayant ou non des bases d'utilisation de Yeswiki

Du 28.05.2024 - 09:00

Au 28.05.2024 - 17:00

https://ferme.yeswiki.net/animacoop2savoie/?AtelierYeswikimai24

Durée (heures) 7

€ prix libre

Localisation Annecy : L'E.C.R.E.V.I.S Salle Transfo

Adresse 36 rue de l'aerodrome

Code postal 74960

Ville Annecy

Voir la fiche Modifier

Caroline Pruvost

Nom Pruvost

Prénom Caroline

Mon métier, ma fonction Ingénieure en gestion d'information

Ma présentation

Assurer un cadre propice à la collaboration numérique, et fluidifier les processus en vérifiant que les informations sont partagées et capitalisées, afin de s'assurer d'usages numériques ajustés au service d'une société compatible avec le Vivant : c'est la mission que je me donne.

Nom de la structure CaPr - SynerCoop

Adresse 17 rue du Colonel Driant

Code postal 10000

Ville Troyes

Voir la fiche Modifier

Charles Népote, David Delon et Patrick Paul créent WikiNi à partir de Wakka

Date 01.01.2002

Explications Deux longues années de veille et d'autoformation conduisent Charles Népote à la découverte de WakkaWiki : un moteur de wiki simple à installer, proprement codé et comprenant toutes les fonctionnalités souhaitées pour un wiki. Quelques jours plus tard, c'est la rencontre avec David Delon qui vient de fonder WakkaFr ; Patrick Paul rejoint les deux compères et tous trois donnent naissance à WikiNi.

Voir la fiche Modifier

Comment intégrer une police dans Yeswiki

Réponse

Exemple de code à copier dans PageCss pour ajouter des polices

Etapes

Télécharger le fichier Capture_google_font.png 1ère solution proposée en utilisant Google Font
Cette solution présente l'avantage d'être rapide et ne nécessite pas d'accéder au code source de votre site.

On choisit la police et Google font nous propose toute une déclinaison de la plus fine à la plus grasse.
je clique sur + (pour sélectionner la police souhaitée) et à droite de l'écran je vois "comment les utiliser sur le web" > choisir la fonction "@import" (plutôt que @link)
On peut éventuellement sélectionner 2 polices si on projette d'utiliser un style différent pour les titres par exemple.
on copie ce code (sans les balises <style>) et on le colle dans PageCss tout en haut (au dessus de root)
- ```
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Roboto&display=swap');
```
les polices sont maintenant utilisables via votre conf graphique

2eme solution en chargeant nos 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/margot/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;
}

Pour aller plus loin : dossier custom sur le serveur

sujet

Voir la fiche Modifier

Comment réussir sa peinture intérieure : conseils et astuces essentielles ?

Réponse Conseils peinture intérieure : astuces pour un résultat impeccable

Réussir une peinture intérieure ne s’improvise pas. Que ce soit pour rafraîchir une pièce ou rénover entièrement un logement, il est essentiel de suivre de bons conseils peinture intérieure afin d’obtenir un rendu propre, durable et esthétique. Grâce à quelques astuces peinture, il est possible d’éviter les erreurs courantes et d’améliorer nettement la finition.

Bien préparer les surfaces avant de peindre

La préparation est une étape clé souvent négligée. Avant d’appliquer la peinture, il faut nettoyer les murs, reboucher les trous, poncer les surfaces et appliquer une sous-couche adaptée. Ces conseils de peinture intérieure permettent une meilleure adhérence et un résultat plus homogène.

sujet

organisation et menus

Voir la fiche Modifier

Index

Composants de mise en forme

Les composants de mise en forme

Les wikis sont très souvent denses en informations : non seulement elles sont la mémoire du collectif dans le temps mais en plus elles doivent répondre aux questions d'une multitude d'acteurs du collectif. C'est pourquoi il est nécessaire de faciliter le parcours utilisateur. N'importe quelle personne doit pouvoir trouver l'information utile en 3 clics. Il est donc primordial d'anticiper les besoins des utilisateurs et d'organiser votre wiki de manière à suggérer où aller pour accomplir une action comme "s'inscrire" "en savoir plus" "afficher la carte". Votre boite à outils se compose de la barre de menu, mais aussi des liens, des boutons, des images cliquables...
Vous trouverez ici un aperçu des composants de mise en forme utilisables dans Yeswiki.

Les composants se trouvent dans la barre d'édition d'une page :
Télécharger le fichier Capture_dcran_du_20250130_105041.png

En cliquant sur Mise en forme, voici les options :
Télécharger le fichier MiseEnForme_liste_deroulante.png

Bouton

Un bouton est un élément visuel coloré qui permet de mettre en valeur un lien. Il se détache du contenu par son fond coloré et l'interactivité est mise en valeur par un léger changement de couleur lorsque l'utilisateur le survole avec la souris.

Télécharger le fichier demo_bouton.gif

La dernière version de Yeswiki ("Doryphore") présente une nouveauté dans l'interface d'édition qui facilite grandement l'utilisation des éléments de mise en forme : les composants.
Une interface permet maintenant d'insérer facilement des boutons (et autres éléments de mise en forme que nous verrons plus loin).
Si vous souhaitez modifier un paramètre de votre bouton pour utiliser une autre couleur par exemple, il est possible d'éditer le composant en cliquant sur la ligne dans l'éditeur, un crayon apparait à gauche, il permet de réafficher les paramètres du bouton. (voir demo ci-dessous)
Pour aller plus loin dans la mise en forme, vous pouvez cocher la case paramètres avancés

Paramètres avancés disponibles pour les boutons

Ouvrir dans une pop-up - permet à l'utilisateur de rester sur la même page
ouvrir dans un nouvel onglet - à n'utiliser que si le lien renvoie vers un autre site, sinon la convention est de garder le même onglet pour les liens internes
taille du bouton : petit moyen grand
position du bouton : à droite ou sur toute la largeur (j'utilise l'option "sur toute la largeur" en particulier dans les colonnes, cela permet d'avoir des boutons de la meme taille meme si le texte est de taille différente)
afficher sous forme de lien - et utiliser quand même les options telles que icone ou ouverture pop up
masquer le bouton si l'utilisateur n'a pas accès à la page cible (par exemple le bouton renvoie vers une page réservé aux admins, on peut masquer le bouton aux autres utilisateurs)

Télécharger le fichier video_bouton_avanc.mp4

Nouveauté
Les étiquettes sont disponibles dans les composants de mise en forme. C'est une petite indication qui attire l'oeil. Elle s'adapte bien à un texte court pour donner un qualificatif à une rubrique.

Paramètre disponible

couleur
Les 3 couleurs que vous avez choisi dans votre configuration graphique sont disponible pour les étiquettes (primaire, secondaire 1 et secondaire 2).
4 couleurs supplémentaires porteuse de sens, comme leur nom l'indique :

info, la couleur de l'étiquette info est une déclinaison plus claire de votre couleur primaire, elle offre un balisage visible mais se fond dans le contenu
success, un vert synonyme d'un événenement positif ou d' "objectif validé"
warning, pour un point de vigilance - une échéance proche
danger, pour un point de désaccord ou un point urgent

Télécharger le fichier etiquettes.png

Les onglets peuvent être considérés comme une sorte de menu.
Il y a 2 manières de faire :

Onglets avec des parties de la page (recommandé si les contenus sont relativement simples ou courts)
Onglets avec des pages différentes (recommandé si le contenu est riche ou si les pages sont déja créées)
- Attention dans ce cas : vous devrez recopier le code des onglets sur toutes les pages concernées ;-)

Paramètres

Les onglets peuvent être affichés de différentes manières :

en horizontal, c'est-à-dire au dessus de votre contenu (vous avez alors le choix entre souligné, sobre et justifié)
en vertical, c'est à dire à gauche de votre contenu

Télécharger le fichier Capture_onglets.png

Ce type d'encadrés ou d'accordéon permet d'afficher / masquer un texte. Il est disponible sous le nom "Encadré" dans les composants. L'action qui en découle s'appelle panel et se décline sous différentes formes : dépliée ou pas et dans les différentes couleurs de base de votre thème : Primary Secondary-1 ...
Cette mise en forme s'adapte particulièrement bien pour les FAQ (Foire aux questions)

Paramètres

Type :
- simple encadré
- accordeon ouvert
- accordéon fermé
Couleur : comme pour les étiquettes un jeu de couleurs correspondant à votre configuration graphique est disponible. Essayer d'adopter une couleur pour un type d'information.

Télécharger le fichier Capture_encadres.png

Les sections (ou bandeau)

La section permet de définir un style pour un des blocs de votre page : un simple fond de couleur ou un bandeau avec une image de fond
Un fond de couleur avec votre couleur primaire mettra en avant votre texte.
Un fond en pleine largeur avec une image crée une séparation fluide entre 2 parties qui traitent de sujets différents (une image en pleine largeur doit avoir une dimension de 1920px de large - sa hauteur dépendra de la taille du texte contenu dans la section, si l'image est juste décorative vous devrez spécifier une hauteur à la section )

Paramètres

texture : permet de choisir si un utilise une couleur unie ou des motifs en fond de section
forme : la section peut aussi prendre une forme de blob un arrondi asymétrique
tonalité : permet de jouer sur les contraste entre le texte et le fond pour assurer une bonne lisibilité
afficher sur toute la largeur - permet de couvrir toute la largeur de l'écran (supprime les marges)
les options animation pour mettre en mouvement une partie du contenu
Nouveauté une option pour masquer/afficher une section aux utilisateurs non connectés
L'option "Ne pas mettre de conteneur" est parfois utile si vous combinez plusieurs types de composants (section et colonnes par exemple) et que votre texte déborde

Les erreurs fréquentes : Les textes se chevauchent en version mobile

Si votre page contient des sections, évitez d'utiliser le paramètre "height", il vaut mieux laisser le comportement par défaut qui permet à la section de s'adapter au contenu - ainsi si la largeur de l'écran varie, la hauteur du contenu va s'allonger...
Cette erreur courante peut être très facilement corrigé en supprimant le paramètre "height" de votre code correspondant à la section.

Télécharger le fichier Capture_exemple_section.png Sur cet exemple, plusieurs sections permettent de structurer la page :

une section avec une image de fond
une section avec un motif diagonale (paramètre texture)
une section avec un fond uni de couleur bleu

Les colonnes

Structurer le contenu

Le composant colonne vous permet d'insérer le code wiki pour 2, 3, 4, 6 ou 12 colonnes. L'écran étant divisable en 12 colonnes, à vous de le moduler la taille et le nombre de colonne pour obtenir la structure souhaitée.

Paramètres

Vous choisissez le nombre de colonnes :2, 3, 4, 6 ou 12.
Le code sera créé pour des colonnes de taille égale : si vous créez 2 colonnes le code indiquera size=6 pour chacune.
Mais vous pouvez adapter. Par exemple pour 2 colonnes : 1/3 (size 4) + 2/3 (size 8)

{{grid }}
{{col size="4"}}
{{section bgcolor="#d0e0e3" class="text-left" height="300" }}
=====size 4===== {{end elem="section"}}
{{end elem="col"}}
{{col size="8"}}
{{section bgcolor="#d0e0e3" class="text-left" height="300" }}
=====size 8===== {{end elem="section"}}
{{end elem="col"}}
{{end elem="grid"}}

Télécharger le fichier Capture_colonnes.png

Voir la fiche Modifier

Comprendre ce que sont des facettes

Réponse

Filtrer parmi des fiches au moyen d'une facette

Télécharger le fichier listes_facette.png

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.

sujet

Voir la fiche Modifier

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

Réponse

Sélection sous forme de liste déroulante

Télécharger le fichier liste_selectionner.png

Un seul choix est possible.

sujet

Voir la fiche Modifier

Comprendre ce quʼest un groupe de boutons radio

Réponse

Sélection sous forme de groupe de boutons radio

Télécharger le fichier liste_radio.png

On ne peut choisir qu'une seule réponse.

sujet

Voir la fiche Modifier

Comprendre ce quʼest un groupe de cases à cocher

Réponse

Sélection sous forme de groupe de cases à cocher

Télécharger le fichier liste_cases_a_cocher.png

On peut choisir plusieurs réponses.

sujet

Voir la fiche Modifier

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

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.

Télécharger le fichier dcfhabjikckbbnbi.png 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.

Télécharger le fichier alpdkgehbbnibiem.png

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 1^er paramètre contient bien le type de champ,
dans le 2^e on retrouve le nom du champ,
le libellé du champ est dans le 3^e paramètre,
les 4^e et 5^e paramètres contiennent les nombres de caractères affichés et maximum respectivement,
le 9^e paramètre indique que le champ est obligatoire (« 1 »),
le 11^e paramètre contient le texte dʼaide,
le 12^e 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.

Télécharger le fichier oeimcnmcfckahabb.png
Le comportement est identique à celui que lʼon a vu pour un champ de type texte à la différence de :

le 1^er champ dans le constructeur graphique (intitulé «nom ») est vide et nʼa pas de correspondance dans la ligne de code ;
le 2^e 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

sujet

Voir la fiche Modifier

Comprendre la place du LMS dans une formation

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.

Télécharger le fichier alignementpdagogiqueBiggs.png

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.

sujet

Voir la fiche Modifier

Comprendre la relation entre parcours, module et activité

Réponse

Fonctionnement en Parcours / Module / Activité

Télécharger le fichier structure_parcours.png 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...

sujet

Voir la fiche Modifier

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

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. Télécharger le fichier Champ_titre_affichage.png

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 ».

sujet

Voir la fiche Modifier

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

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).

sujet

Voir la fiche Modifier

Comprendre lʼinterface utilisateur de LMS

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 »).

Télécharger le fichier prise_en_main_vue_parcours.png

Télécharger le fichier prise_en_main_vue_activit.png

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

Télécharger le fichier prise_en_main_vue_module.png

sujet

Voir la fiche Modifier

Index

Conception technique du formulaire

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 ».

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.

Télécharger le fichier formulaire_gestion.png

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 Télécharger le fichier formulaire_creation.png

Modification d'un formulaire Télécharger le fichier formulaire_modification.png

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.
Télécharger le fichier formulaire_constructeur.png 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. Télécharger le fichier formulaire_constructeur_grab.png 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.
Télécharger le fichier formulaire_constructeur_drop_field.png En relachant le bouton de la souris, le champ se crée.
Télécharger le fichier formulaire_constructeur_champ_creation.png

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

Corollaire

Qu'advient-il de ce titre ?

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. Télécharger le fichier Champ_titre_affichage.png

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.

Télécharger le fichier champ_texte1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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.

Télécharger le fichier champ_zone1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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.

Télécharger le fichier champ_imageok.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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.

Télécharger le fichier champ_uploadOK.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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

Extensions présélectionnées

Type sémantique du champ

Champ de type « email »

Télécharger le fichier champ_email1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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

Remplacer l'email par un bouton contact

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.

Télécharger le fichier champ_dateOK.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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 :

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.

Télécharger le fichier liste_gestion.png

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 Télécharger le fichier liste_creation45.png

Modification d'une liste Télécharger le fichier liste_modification45.png

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 :
Télécharger le fichier CaptureListe2niveauxbazar.png On peut même imaginer 3, 4 ... niveaux :
Télécharger le fichier CaptureListe3ou4niveauxbazar.png Voici comment ça s'affichera lors de la saisie :
Télécharger le fichier affichagelisteplusieursniveaux.png Et voici comment ça s'affichera lors de l'affichage des données avec des facettes :
Télécharger le fichier vidoaffichagebazarfacetteplusieursniveauxdelistes.gif

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 :

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.

Télécharger le fichier champ_liste1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

Remarque sur lʼidentifiant unique pour ce type de champs

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

Origine des données

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

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.

Télécharger le fichier champ_checkbox1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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

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

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.

Télécharger le fichier champ_radio1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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

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

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

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

Télécharger le fichier champ_param_oblig.pngCe 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

Nom du champ longitude

Champ de type « titre automatique »

Télécharger le fichier champ_titre_automatique_etroit.png 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.

Télécharger le fichier champ_liste_fiches_liees.png 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

Peut être saisi par

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 »

Télécharger le fichier champ_custom_HTML.png 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.

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>).

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.

Télécharger le fichier champ_config_acces.png

Détails des paramètres

Peut voir la fiche

Télécharger le fichier champ_param_form_access_read.pngPar 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

Télécharger le fichier champ_param_form_access_write.pngPar 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

Télécharger le fichier champ_param_form_access_comment.pngPar 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

Le type de champs « navigation par onglets » Télécharger le fichier champ_navigation_par_onglets_bouton.png
Le type de champs « passage à l'onglet suivant » Télécharger le fichier champ_passage_onglet_suivant_bouton.png

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 »

Télécharger le fichier champ_navigation_par_onglets.png

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

Pour le formulaire

Pour la fiche

Déplacer le bouton valider

Ce paramètre permet de déplacer le bouton de validation au dernier onglet.

Couleur des boutons

Taille des boutons

Ce paramètre permet de réduire la taille des boutons des onglets.

Champ de type « passage à l'onglet suivant »

Télécharger le fichier champ_passage_onglet_suivant.png

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

Pour le formulaire

Pour la fiche

Question conditionnelle

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 4^e onglet pour voir apparaitre de nouvelles questions).

Télécharger le fichier champ_affichage_conditionnel_contexte.png 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.

Champ de type « condition »

Télécharger le fichier champ_affichage_conditionnel.png Voir l'image du champ en grand

Paramètres du type de champs « condition »

Condition

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

à 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.

le 1^er paramètre contient bien le type de champ,
dans le 2^e on retrouve le nom du champ,
le libellé du champ est dans le 3^e paramètre,
les 4^e et 5^e paramètres contiennent les nombres de caractères affichés et maximum respectivement,
le 9^e paramètre indique que le champ est obligatoire (« 1 »),
le 11^e paramètre contient le texte dʼaide,
le 12^e 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.*

le 1^er champ dans le constructeur graphique (intitulé «nom ») est vide et nʼa pas de correspondance dans la ligne de code ;
le 2^e 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

Voir la fiche Modifier

Concevoir son formulaire

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 (1^re phase) va avoir un impact sur son comportement aussi bien lors de la saisie des différentes fiches (2^e phase) que lors de l'affichage de ses résultats (3^e phase). Vous allez donc probablement découvrir des choses en cours de route et devoir adapter votre formulaire (1^re 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 avec 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 ».

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 ».

Télécharger le fichier formulaire_gestion.png

Création et modification d'un formulaire Bazar

Création d'un formulaire Télécharger le fichier formulaire_creation.png

Modification d'un formulaire Télécharger le fichier formulaire_modification.png

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

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).

un bouton de suppression du champ (5),
un bouton de modification du champ (6),
un bouton de duplication du champ (7).

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

Corollaire

Qu'advient-il de ce titre ?

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. Télécharger le fichier Champ_titre_affichage.png

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.

Télécharger le fichier champ_texte1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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.

Télécharger le fichier champ_zone1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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.

Télécharger le fichier champ_imageok.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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.

Télécharger le fichier champ_uploadOK.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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

Extensions présélectionnées

Type sémantique du champ

Champ de type « email »

Télécharger le fichier champ_email1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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

Remplacer l'email par un bouton contact

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.

Télécharger le fichier champ_dateOK.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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 ?

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).

Télécharger le fichier liste_gestion.png

Création ou modification d'une liste

Création d'une liste Télécharger le fichier liste_creation45.png

Modification d'une liste Télécharger le fichier liste_modification45.png

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

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

Second exemple

Comment faire ?

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

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.

Télécharger le fichier champ_liste1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

Remarque sur lʼidentifiant unique pour ce type de champs

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

Origine des données

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

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.

Télécharger le fichier champ_checkbox1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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

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

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.

Télécharger le fichier champ_radio1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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

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

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

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

Télécharger le fichier champ_param_oblig.pngCe 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

Nom du champ longitude

Champ de type « titre automatique »

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

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}} ».

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

deux accolades ouvrantes (« {{ »),
puis l'identifiant unique du champ,
puis deux accolades fermantes(« }} »).

Champ de type « liste des fiches liées »

Télécharger le fichier champ_liste_fiches_liees.png 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

Peut être saisi par

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

Id du formulaire lié

Query

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.

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 »

Télécharger le fichier champ_custom_HTML.png 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.

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>).

Pour aller encore plus loin avec Bazar

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

Télécharger le fichier champ_config_acces.png

Détails des paramètres

Peut voir la fiche

Peut éditer la fiche

Peut commenter la fiche

Ajouter des onglets à son formulaire

Le type de champs « navigation par onglets » Télécharger le fichier champ_navigation_par_onglets_bouton.png
Le type de champs « passage à l'onglet suivant » Télécharger le fichier champ_passage_onglet_suivant_bouton.png

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 »

Télécharger le fichier champ_navigation_par_onglets.png

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

Pour le formulaire

Pour la fiche

Déplacer le bouton valider

Ce paramètre permet de déplacer le bouton de validation au dernier onglet.

Couleur des boutons

Taille des boutons

Ce paramètre permet de réduire la taille des boutons des onglets.

Champ de type « passage à l'onglet suivant »

Télécharger le fichier champ_passage_onglet_suivant.png

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

Pour le formulaire

Pour la fiche

Question conditionnelle

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 4^e onglet pour voir apparaitre de nouvelles questions).

Télécharger le fichier champ_affichage_conditionnel_contexte.png 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.

Champ de type « condition »

Télécharger le fichier champ_affichage_conditionnel.png Voir l'image du champ en grand

Paramètres du type de champs « condition »

Condition

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

à 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.

le 1^er paramètre contient bien le type de champ,
dans le 2^e on retrouve le nom du champ,
le libellé du champ est dans le 3^e paramètre,
les 4^e et 5^e paramètres contiennent les nombres de caractères affichés et maximum respectivement,
le 9^e paramètre indique que le champ est obligatoire (« 1 »),
le 11^e paramètre contient le texte dʼaide,
le 12^e 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.*

le 1^er champ dans le constructeur graphique (intitulé «nom ») est vide et nʼa pas de correspondance dans la ligne de code ;
le 2^e 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

sujet

Voir la fiche Modifier

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

Réponse

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

Télécharger le fichier champ_config_acces.png

Détails des paramètres

Peut voir la fiche

Peut éditer la fiche

Peut commenter la fiche

sujet

Voir la fiche Modifier

Index

Configurer les accès à certaines parties au sein même des pages

Il est donc possible de limiter les accés en lecture et/ou écriture aux pages du wiki.
Mais pourrions nous limiter les accès à certaines parties des pages ?

Et oui !

Lorsque l'on construit sa page wiki, on utilise souvent les composants.
La plupart de ces composants proposent dans leurs paramètres avancés, des choix permettant de limiter leur visibilité aux seuls utilisateurs autorisés.

dans la cas d'un bouton (ou d'un onglet), vous pouvez le cacher aux utilisateurs qui n'ont pas reçu les droits d'accès vers la page vers laquelle ce bouton pointe.
dans le cas d'une section, vous pouvez déterminer par qui elle sera "visible"
...

Ces opérations sont aussi réalisables pour les différents champs d'un formulaire .

A toi de jouer !

Dans une page "bac à sable" de ton wiki :

Crée une section qui ne sera visible que d'un certain groupe d'utilisateurices
Crée un bouton qui ne sera visible que d'un certain groupe d'utilisateurices

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

CC-by-SA Gatien Bataille et Louise Didier

Voir la fiche Modifier

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

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

Corollaire

Qu'advient-il de ce titre ?

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. Télécharger le fichier Champ_titre_affichage.png

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.

Télécharger le fichier champ_texte1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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.

Télécharger le fichier champ_zone1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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.

Télécharger le fichier champ_imageok.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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.

Télécharger le fichier champ_uploadOK.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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

Extensions présélectionnées

Type sémantique du champ

Champ de type « email »

Télécharger le fichier champ_email1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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

Remplacer l'email par un bouton contact

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.

Télécharger le fichier champ_dateOK.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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 ?

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).

Télécharger le fichier liste_gestion.png

Création ou modification d'une liste

Création d'une liste Télécharger le fichier liste_creation45.png

Modification d'une liste Télécharger le fichier liste_modification45.png

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

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

Second exemple

Comment faire ?

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

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.

Télécharger le fichier champ_liste1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

Remarque sur lʼidentifiant unique pour ce type de champs

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

Origine des données

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

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.

Télécharger le fichier champ_checkbox1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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

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

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.

Télécharger le fichier champ_radio1.png 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

Télécharger le fichier champ_param_oblig.pngCe paramètre permet d'indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.

Identifiant unique

Intitulé

Texte d'aide

Télécharger le fichier champ_param_aide.pngCe 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

Peut être saisi par

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

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

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

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

Télécharger le fichier champ_param_oblig.pngCe 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

Nom du champ longitude

Champ de type « titre automatique »

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

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}} ».

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

deux accolades ouvrantes (« {{ »),
puis l'identifiant unique du champ,
puis deux accolades fermantes(« }} »).

Champ de type « liste des fiches liées »

Télécharger le fichier champ_liste_fiches_liees.png 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

Peut être saisi par

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

Id du formulaire lié

Query

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.

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 »

Télécharger le fichier champ_custom_HTML.png 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.

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>).

Pour aller encore plus loin avec Bazar

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

Télécharger le fichier champ_config_acces.png

Détails des paramètres

Peut voir la fiche

Peut éditer la fiche

Peut commenter la fiche

Ajouter des onglets à son formulaire

Le type de champs « navigation par onglets » Télécharger le fichier champ_navigation_par_onglets_bouton.png
Le type de champs « passage à l'onglet suivant » Télécharger le fichier champ_passage_onglet_suivant_bouton.png

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 »

Télécharger le fichier champ_navigation_par_onglets.png

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

Pour le formulaire

Pour la fiche

Déplacer le bouton valider

Ce paramètre permet de déplacer le bouton de validation au dernier onglet.

Couleur des boutons

Taille des boutons

Ce paramètre permet de réduire la taille des boutons des onglets.

Champ de type « passage à l'onglet suivant »

Télécharger le fichier champ_passage_onglet_suivant.png

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

Pour le formulaire

Pour la fiche

Question conditionnelle

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 4^e onglet pour voir apparaitre de nouvelles questions).

Télécharger le fichier champ_affichage_conditionnel_contexte.png 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.

Champ de type « condition »

Télécharger le fichier champ_affichage_conditionnel.png Voir l'image du champ en grand

Paramètres du type de champs « condition »

Condition

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

à 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.

le 1^er paramètre contient bien le type de champ,
dans le 2^e on retrouve le nom du champ,
le libellé du champ est dans le 3^e paramètre,
les 4^e et 5^e paramètres contiennent les nombres de caractères affichés et maximum respectivement,
le 9^e paramètre indique que le champ est obligatoire (« 1 »),
le 11^e paramètre contient le texte dʼaide,
le 12^e 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.*

le 1^er champ dans le constructeur graphique (intitulé «nom ») est vide et nʼa pas de correspondance dans la ligne de code ;
le 2^e 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

sujet

Voir la fiche Modifier

Construire la plateforme d'un projet collectif avec YesWiki

Cette formation est 100% à distance : vous êtes les bienvenu·es où que vous soyez !

Les bases pour construire son wiki : du 2 au 27 octobre 2023

Chaque semaine, un nouveau module de 5h de formation s'ouvre.

Un module comprend :

Des contenus théoriques (lectures ou vidéos) à découvrir en autonomie sur la plateforme de formation,
Un webinaire de 2h les jeudis de 10h à 12h avec 10 à 15 participant·es et 2 intervenant·es,
Un défi de la semaine pour la mise en pratique dans son propre projet et sur son propre wiki.

Du 02.10.2023

Au 27.10.2023

https://quincaillere.org/FormationYesWiki

Durée (heures) 20

€ 1500

Localisation À distance

Organisme de formation portant la formation Oxalis

Voir la fiche Modifier

Construire la plateforme d'un projet collectif avec YesWiki

Installer, concevoir, configurer, maintenir et animer une plateforme

Aucun pré-requis si ce n'est l'envie !

Pour en savoir plus, contactez Louise DIDIER : louise@quincaillere.org - 06 59 99 61 78

Du 03.02.2025

Au 24.03.2025

https://quincaillere.org/FormationYesWiki/?2025OffreYesWiki

Durée (heures) 30

€ 2600

Localisation à distance

Organisme de formation portant la formation Oxalis

Voir la fiche Modifier

Construire la plateforme d'un projet collectif avec YesWiki

En 4 semaines vous construirez votre 1ère plateforme YesWiki !
Cette formation à distance vous donnera l'autonomie pour installer, personnaliser et animer votre espace collaboratif.

C'est à distance ET c'est convivial !
Grâce aux pédagogies actives et à l'enthousiasme de Louise, vous découvrirez les contenus et vous pratiquerez dans une communauté d'apprentissage soutenante.
Nous utilisons la pédagogie de la classe inversée : chaque semaine un nouveau module comprend des cours à lire et des exercices à réaliser puis on se retrouve en webinaire le jeudi de 10h à 12h pour répondre aux questions, partager les expérimentations et aller plus loin.
Il faut prévoir environ 5h par semaine.

Et dans le détails ? Vous apprendrez :

à créer des pages complexes avec du texte mis en forme, des images, des pièces jointes, des outils intégrés
à penser l'arborescence à créer des menus
à créer des formulaires et des bases de données pour réaliser de beaux trombinoscopes, de riches cartographies ou encore des bibliothèques avec critères de tri
à personnaliser le look de votre wiki (couleurs, polices ...)
à penser l'ergonomie
à configurer les droits d'accès (ouvrir ou fermer certaines pages ou rubriques)

Et en filigrane nous parlerons des enjeux d'animation pour faire vivre une plateforme et la rendre collective ;-)

Le pré-requis technique est minime : avoir une utilisation courante de l'ordinateur et d'internet.

Du 05.02.2024

Au 01.03.2024

https://quincaillere.org/FormationYesWiki

Durée (heures) 20

€ 1500

Localisation A distance

Organisme de formation portant la formation Oxalis

Voir la fiche Modifier

Construire une plateforme pédagogique : extension LMS de YesWiki

Du 30.10.2023

Au 12.11.2023

https://quincaillere.org/FormationYesWiki/?2023OffreLms

Durée (heures) 10

€ 900

Localisation A distance

Organisme de formation portant la formation Oxalis

Voir la fiche Modifier

Construire une plateforme pédagogique : extension LMS de YesWiki

Du 18.03.2024

Au 29.03.2024

https://quincaillere.org/FormationYesWiki/?PagePrincipale

Durée (heures) 10

€ 900

Localisation A distance

Organisme de formation portant la formation Oxalis

Voir la fiche Modifier

Création de l'association Outils-Réseaux

Date 01.01.2008

Explications De 2008 à 2014, l'association portera, développera et diffusera YesWiki

Voir la fiche Modifier

Créer et animer sa plateforme collaborative d’équipe avec Yeswiki

La Ruche Marseille nous accueille pour une formation-action 100% opérationnelle

Télécharger le fichier travailenequipe.png

Objectifs de la formation

Savoir créer une plateforme collaborative avec l’outil Yeswiki, acquérir les connaissances et méthodes permettant de la co-construire et de l'animer pour et avec ses collaborateurs.

Contexte

La promesse de l’usage du numérique dans les projets et les organisations est d’apporter rapidité et efficacité malgré la distance. La réalité est nuancée : entre la grande quantité de documents produits et les multitudes d’outils utilisés, les informations tendent à être dispersées, on perd la visibilité sur les actions à réaliser, on se sent submergé.

Notre proposition de plateforme collaborative permet de simplifier et de faciliter nos usages numériques, et de se
rapprocher de la promesse initiale d’outils non-aliénants au service de nos ambitions collectives.

Une plateforme collaborative d’équipe est à la fois :

un espace d'accueil qui centralise les informations, ressources et autres données d'une équipe dans un même endroit ;
et un espace d'orientation qui permet à ses membres d'identifier l'avancement des projets.

Elle est un outil hybride adaptable à de multiples usages utile pour animer un projet ou une équipe.

Une formation qui allie compréhension des dynamiques de groupes et techniques du web pour renforcer la réussite de son projet collectif !

Télécharger le fichier recherche.png

A l'issue de cette formation, vous serez en capacité

1) d’intégrer les notions clés relatives à la création et l'animation d'une plateforme collaborative
présenter ce qu'est une plateforme collaborative d’équipe et expliquer ses enjeux pour l'animation d'un projet ou pour le management d’équipe,
analyser les besoins de votre équipe pour créer une plateforme personnalisée et l'adapter dans le temps
2) de découvrir et maîtriser le logiciel libre YesWiki
identifier, de vous approprier les connaissances relatives aux fonctionnalités de base de YesWiki et les mettre en pratique
connaître et pratiquer de façon détaillée les multiples fonctionnalités du module Bazar (bases de données) et identifier les usages possibles avec votre équipe
gérer les droits d'accès selon les typologies de publics
savoir mettre en relation un besoin avec les différentes options techniques pour apporter une réponse adaptée au collectif
3) d’affiner la personnalisation de votre plateforme Yeswiki
adapter son esthétique selon une charte graphique définie et les valeurs du collectif ou de l’organisation
organiser les contenus de façon pertinente selon les usages et les publics

Votre projet et votre plateforme en fil conducteur

Durant la formation vous créez (ou vous améliorez) votre propre plateforme.
- De nombreux moments sont dédiés à la mise en pratique.
- En amont de la formation nous vous aidons à installer votre YesWiki.
- Des supports pédagogiques en ligne accessibles sans limite de durée.
- Des petits groupes (5 à 15 stagiaires) afin de permettre les échanges et retours d'expérience.

Détails du contenu

S’initier aux enjeux de la coopération à distance et découvrir Yeswiki : l’outil libre facilitant la collaboration
Premier pas sur l’outil : créer et modifier des pages et du contenu
Centraliser les données et les informations de son équipe : des usages aux outils
Mise en pratique : personnaliser des formulaires et la base de données

Accompagner à la prise en main et aux contributions : faire évoluer sa plateforme selon le besoin collectif présent et à venir
Maîtriser le paramétrage avancé des options de partage et d’ouverture : opendata et confidentialité

Mise en pratique guidée sous forme de défi, d’ateliers en binômes sur les projets de chacun.e

Améliorer la mise en page :

initiation au webdesign
adaptation aux différentes tailles d’écrans
personnalisation graphique

Mise en pratique :

S’initier au CSS pour aller plus loin
Appliquer une mise en page avancée sur son projet

Retour d’expérience : analyse croisée des réalisations
Approfondissements et questions/réponses
Maîtriser les fonctionnalités avancées de Bazar
Maîtriser la gestion avancée des droits
Se mettre en réseau pour continuer à développer ses compétences YesWiki

Pour qui ?

Pour toute personne qui anime ou gère un projet, une équipe, un réseau :

chef·fe de projet, manager, chargé·e de mission, coordinateur·ice d’activité, etc.

Pour toute personne impliquée dans un projet collectif, membre d’équipe ou

bénévole

Dates et lieu

3 jours consécutifs les 5, 6 et 7 décembre 2023
+ une journée de perfectionnement le 18 janvier 2024

L'espace de coworking (et bien plus !) La Ruche Marseille nous accueille pour cette formation.

Tarif

1820€ (net de taxes)
100% finançable : OPCO, Pôle Emploi, Région, etc.
Nous ne voulons pas que l'argent soit un frein à votre formation. Contactez-nous pour trouver une solution adaptée à votre situation.

Télécharger le fichier undraw_Meeting_re_i53h.png

Envie d'en savoir plus ?

Contactez notre responsable pédagogique
Valentin DOUARRE
06 68 15 97 81
contact@valentindouarre.fr

Du 05.12.2023

Au 07.12.2023

Durée (heures) 28

€ 1820

Localisation À Marseille

Adresse 28 Boulevard national

Code postal 13001

Ville Marseille

Organisme de formation portant la formation Centre de Ressources des Hauts Pays Alpins

Voir la fiche Modifier

Créer et animer une plateforme collaborative avec Yeswiki

La Ruche Marseille nous accueille pour une formation-action 100% opérationnelle

Télécharger le fichier MarseillE/travailenequipe.png

Objectifs de la formation

Savoir créer une plateforme collaborative avec l’outil Yeswiki, acquérir les connaissances et méthodes permettant de la co-construire et de l'animer pour et avec ses collaborateurs.

Contexte

un espace d'accueil qui centralise les informations, ressources et autres données d'une équipe dans un même endroit ;
et un espace d'orientation qui permet à ses membres d'identifier l'avancement des projets.

Elle est un outil hybride adaptable à de multiples usages utile pour animer un projet ou une équipe.

Une formation qui allie compréhension des dynamiques de groupes et techniques du web pour renforcer la réussite de son projet collectif !

Télécharger le fichier MarseillE/recherche.png

A l'issue de cette formation, vous serez en capacité

Votre projet et votre plateforme en fil conducteur

Durant la formation vous créez (ou vous améliorez) votre propre plateforme.
- De nombreux moments sont dédiés à la mise en pratique.
- En amont de la formation nous vous aidons à installer votre YesWiki.
- Des supports pédagogiques en ligne accessibles sans limite de durée.
- Des petits groupes (5 à 10 stagiaires) afin de permettre les échanges et retours d'expérience.

Détails du contenu

S’initier aux enjeux de la coopération à distance et découvrir Yeswiki : l’outil libre facilitant la collaboration
Premier pas sur l’outil : créer et modifier des pages et du contenu
Centraliser les données et les informations de son équipe : des usages aux outils
Mise en pratique : personnaliser des formulaires et la base de données

Accompagner à la prise en main et aux contributions : faire évoluer sa plateforme selon le besoin collectif présent et à venir
Maîtriser le paramétrage avancé des options de partage et d’ouverture : opendata et confidentialité

Mise en pratique guidée sous forme de défi, d’ateliers en binômes sur les projets de chacun.e

Améliorer la mise en page :

initiation au webdesign
adaptation aux différentes tailles d’écrans
personnalisation graphique

Mise en pratique :

S’initier au CSS pour aller plus loin
Appliquer une mise en page avancée sur son projet

Retour d’expérience : analyse croisée des réalisations
Approfondissements et questions/réponses
Se mettre en réseau pour continuer à développer ses compétences YesWiki

Pour qui ?

Pour toute personne qui anime ou gère un projet, une équipe, un réseau :

chef·fe de projet, manager, chargé·e de mission, coordinateur·ice d’activité, etc.

Pour toute personne impliquée dans un projet collectif, membre d’équipe ou

bénévole

Dates et lieu

3 jours consécutifs les 10 11 12 Avril 2024
+ une visio retours d'expérience en juin 2024

L'espace de coworking (et bien plus !) La Ruche Marseille nous accueille pour cette formation.

Tarif

1320€ (net de taxes)
100% finançable : OPCO, Pôle Emploi, Région, etc.
Nous ne voulons pas que l'argent soit un frein à votre formation. Contactez-nous pour trouver une solution adaptée à votre situation.

Télécharger le fichier MarseillE/undraw_Meeting_re_i53h.png

Envie d'en savoir plus ?

Contactez notre responsable pédagogique
Valentin DOUARRE
06 68 15 97 81
contact@valentindouarre.fr

Du 10.04.2024

Au 12.04.2024

Durée (heures) 24

€ 1320

Localisation Marseille

Adresse 28 Boulevard national

Code postal 13001

Ville Marseille

Organisme de formation portant la formation Centre de Ressources des Hauts Pays Alpins

Voir la fiche Modifier

Créer ou modifier un formulaire

Réponse

Création et modification d'un formulaire Bazar

Création d'un formulaire Télécharger le fichier formulaire_creation.png

Modification d'un formulaire Télécharger le fichier formulaire_modification.png

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

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).

un bouton de suppression du champ (5),
un bouton de modification du champ (6),
un bouton de duplication du champ (7).

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

sujet

Voir la fiche Modifier

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

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.

Télécharger le fichier aller_vers_creer_fiche_activite.gif

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é

Télécharger le fichier saisie_fiche_activite1.png ...
Télécharger le fichier saisie_fiche_activite2.png

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

Télécharger le fichier saisie_fiche_module.png 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

Télécharger le fichier saisie_fiche_parcours.png 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 Accueil 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 Accueil 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é.

Télécharger le fichier sommaireparcours.png

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

sujet

Voir la fiche Modifier

Créer une fiche Activité

Réponse

Créer/Paramétrer une fiche Activité

Télécharger le fichier saisie_fiche_activite1.png ...
Télécharger le fichier saisie_fiche_activite2.png

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.

sujet

Voir la fiche Modifier

Créer une fiche Module

Réponse

Créer/Paramétrer une fiche Module

Télécharger le fichier saisie_fiche_module.png 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 »)

sujet

Voir la fiche Modifier

Créer une fiche Parcours

Réponse

Créer ou paramétrer une fiche Parcours

Télécharger le fichier saisie_fiche_parcours.png 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.

sujet

Voir la fiche Modifier

Index

Créer une page

Vous pouvez créer une nouvelle page où que vous soyez dans votre wiki : dans une page classique ou dans le menu.
La méthode la plus simple est de :

créer un lien
lors de la création de ce lien, saisir le nom YesWiki de la page que l'on souhaite créer.

Créer un lien

Dans la page en mode édition, cliquez sur le bouton « lien ».
Télécharger le fichier 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.

Télécharger le fichier ajouterunliennew.png

Voici ce que ça donne quand on regarde le code :
[Aller à la page d'accueil](Accueil) > Aller à la page d'accueil
[Aller sur le site de yeswiki](https://yeswiki.net/?Accueil) > 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).

Nommer ma nouvelle page

La seule règle est que le nom de votre page ne comporte : « ni espace ni caractères spéciaux ».
Donc, vous pouvez choisir de l'appeler nomdemapage ou comptesrendusdereunions.
Toutefois, ce sera plus lisible si vous alternez avec des minuscules et majuscules : « NomDeMaPage ». C'est la méthode traditionnelle de nommage des pages dans YesWiki, nous parlions de « ChatMot »).
Et, c'est encore mieux (notamment pour les moteurs de recherches) si vous optez pour les tirets (« nom-de-ma-page ») ou les soulignés (« nom_de_ma_page »).

Ça donne ça :
Télécharger le fichier page1newb.png Quand je clique sur « insérer », ça génère cette ligne de code :
[Cliquez ici pour ouvrir la nouvelle page](nom-de-la-page)
Il ne vous reste plus qu'à sauver.

Quand le lien vient d'être créé mais que la nouvelle page est vide, un petit crayon apparait devant le lien. Il disparaitra quand vous aurez saisi, et enregistré, du contenu dans la nouvelle page.
Télécharger le fichier page3.png

Astuces

Une fois votre nouvelle page créée vous pouvez enlever le lien qui y mène sans que la page disparaisse pour autant. Vous pouvez retrouver vos pages au moyen du menu roue crantée en haut à droite, puis en sélectionnant « Tableau de bord ». Cela peut être une bonne manière de cacher des pages.
Une toute autre manière de créer une nouvelle page est d'aller, dans la barre d'adresse de votre navigateur, modifier l'URL. La dernière partie de l'adresse (après « /? ») correspond au nom de la page.

Télécharger le fichier Capture_dcran_du_20220128_152625.png

YesWiki va interpréter tout ChatMot comme une nouvelle page. Si on veut écrire un ChatMot sans créer de nouvelle page (par exemple pour écrire « YesWiki » sans créer de page ni de lien), on l'encadre de doubles guillemets :

Télécharger le fichier creer_nouvelle_page_chat_mot_non_lien.png

A toi de jouer !

Dans une page "bac à sable" de ton wiki :

Crée une nouvelle page avec ton prénom
Finalise cette création de page en écrivant quelques lignes dans cette nouvelle page

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

Voir la fiche Modifier

Créer un espace de questions-réponses

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 ?

sujet

Voir la fiche Modifier

Créer un espace individuel pour chaque apprenant·e

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).

sujet

Voir la fiche Modifier

Créer un intranet pour ma structure

co-construire un intranet sur mesure pour faciliter l 'implication des bénévoles dans ces projets

Au programme : comprendre les besoins des membres du groupe, apprendre à publier du contenu sur le wiki, concevoir des cartes interactives, un agenda, un formulaire, gérer les droits de lecture et d'écriture , ...

Du 24.05.2024

Au 27.05.2024

Durée (heures) 14

€ 1130

Localisation Toulon

Adresse Place D'armes

Code postal 83000

Ville Toulon

Voir la fiche Modifier

Définir des listes utilisables dans des formulaires

Réponse DocBazaRListes

sujet

Voir la fiche Modifier

Donner accès à sa formation

Réponse

Donner accès à votre formation

sujet

Voir la fiche Modifier

Index

Editeur de page

image sex_sexy_nude_porn_girl_image_indian_tamil_telugu_mallu_masala_kollywood.jpg (0.2MB)

image Blonde_Girl_Fuck_on_The_Beack_Wallpaper_Adult_Dating.jpg (0.2MB)

image Lips__Dating_Meet_Hot_Women_Seeking_Men_Adult_Personals_USA_American.jpg (0.2MB)

image 21sex_sexy_nude_porn_girl_image_indian_tamil_telugu_mallu_masala_154.jpg (0.2MB)

Éléments de base sur les pages

En mode édition, YesWiki vous offre une barre dʼédition comportant une série de boutons qui vous permettent dʼeffectuer la plupart des opérations de mise en forme.
Télécharger le fichier editer_une_page_barre.png

Les principales astuces de mise en page

Lorsqu'on utilise la barre dʼédition de YesWiki, on constate que cela se traduit par lʼapparition de « codes » dans la page. Rassurez-vous ces codes ne sont visibles quʼau cours de lʼédition et se traduiront, lorsque vous enregistrez la page, par la mise en forme ou le comportement voulu. Voici quelques uns de ce code.

Accentuation

**Gras**

//Italique//

__Souligné__

@@Barré@@

Titres

======Titre 1======
=====Titre 2=====
====Titre 3====
===Titre 4===
==Titre 5==

Insérer un filet horizontal

----

Ce qui donne :

Listes

 - Liste à puces niveau 1
 - Puce niveau 1
  - Puce niveau 2
  - Puce niveau 2
 - Puce niveau 1

Liste à puces niveau 1
Puce niveau 1
- Puce niveau 2
- Puce niveau 2
Puce niveau 1

Remarque : en mode édition, si vous ne voyez plus la coloration syntaxique après une liste à puces, il suffit de sauter une ligne, juste après la liste, pour la retrouver… (mais, même sans la coloration, tout le reste fonctionne).

 1) Liste énumérée
 1) Liste énumérée
 1) Liste énumérée

Liste énumérée
Liste énumérée
Liste énumérée

Tableaux

[|
| **Nom** | **prénom** | **Couleurs préférées** |
|Lagaffe |Gaston |jaune |
|Lapalice |Jean |vert |
|texte calé à gauche | texte calé à droite| texte centré |
|]

Nom	prénom	Couleurs préférées
Lagaffe	Gaston	jaune
Lapalice	Jean	vert
texte calé à gauche	texte calé à droite	texte centré

Écrire en html

Si vous souhaitez introduire du HTML dans la page wiki, 
il faut l'entourer de ""  "" 
pour qu'il soit traité correctement.

En réalité, une page internet est constituée de code HTML.
Et cʼest ce HTML que sait afficher votre navigateur internet (Firefox, Chrome, Safari ou autre).

Mais le HTML est verbeux et complexe. YesWiki met donc à votre disposition un code plus simple (celui qui est en partie décrit dans cette page). Et lors de l'affichage de la page, YesWiki traduit son code en HTML que le navigateur affiche alors.

Dans le cas où vous insérez du code HTML dans votre code YesWiki, les doubles guillemets ("") indiquent à YesWiki de ne pas traduire le code en question.

Placer du code en commentaire sur la page

En utilisant le code ci-dessous, on peut mettre du texte qui n’apparaît pas sur la page…

{# du texte que je ne souhaite pas afficher #}

Cela permet de laisser des explications par exemple ou même d'écrire du texte en préparation d'une publication future.

A toi de jouer !

Dans une page "bac à sable" de ton wiki, écris un paragraphe avec :

un titre
du texte en gras
une liste à puces

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

En plus du texte, on peut vouloir ajouter des images, des documents à télécharger, voire des vidéos ou des fichiers audio. Avec YesWiki ceci est très facile ! Voici comment faire.

Bouton « fichier »

Dans la page en mode édition, cliquer sur le bouton « Fichier » permet de choisir un fichier qui se trouve sur votre ordinateur.
Télécharger le fichier inserer_image_bouton.png En fonction du type de fichier à insérer, YesWiki propose des interfaces différentes, mais le principe reste le même.

Télécharger le fichier dossier.png

Le bouton ouvre sur une fenêtre qui permet de choisir l'alignement de l'image, sa taille à l'affichage ainsi que le texte qui s'affichera au survol (texte de la vignette).
Télécharger le fichier inserer_image_fenetre3.png
En cliquant sur « Paramètres avancés », on peut ajouter un lien associé (en vert ci-dessous), des effets graphiques, modifier le texte alternatif et empêcher l'affichage de l'image lorsqu'on clique dessus (en jaune).
Télécharger le fichier inserer_image_fenetre_parametres2.png
On peut modifier l'image après l'avoir enregistrée. Pour cela il faut re-éditer la page, trouver le bout de code entre {{ }} qui concerne ce fichier et cliquer n'importe où dessus : un bouton crayon apparaît, il suffit de cliquer dessus pour afficher la fenêtre permettant de faire toutes les modifications que vous souhaitez.
Télécharger le fichier inserer_image_modifier_crayon2.png

Ici le bouton ouvre une fenêtre qui permet de modifier le texte du lien et d'afficher le fichier sous forme de lien ou directement inclus dans la page.
Télécharger le fichier inserer_fichier_fenetre2.png
Comme pour les images, on peut
- cliquer sur Paramètres avancés pour ajouter un lien associé, des effets graphiques et que modifier le texte alternatif.
- et modifier le fichier après l'avoir enregistré en cliquant sur bout de code entre {{ }}.

Le principe est toujours le même. Ces fichiers seront interprétés sous forme de lecteur audio. Mais souvent ce sont des fichiers lourds qu'on a tendance à stocker sur des plateformes spécialisées (vimeo, youtube, peertube ...) pour ensuite les intégrer au wiki en iframe.

Le principe est toujours le même. Ces fichiers seront affichés sous forme de carte heuristique cliquable.

Vous avez envie de code ?

Pas de souci, vous avez ci-dessus les bouts de codes générés par les boutons, ils peuvent être créés directement sur votre page en mode édition, et modifiés comme vous le souhaitez.
Pour plus d'infos, aller sur la page {{attach}} de la documentation YesWiki.

Une vidéo pour vous aider

Voir la vidéo (elle est faite à partir de la version précédente mais le principe est le même)

A toi de jouer !

Dans une page "bac à sable" de ton wiki :

intègre une image en choissant la taille moyenne et le posionnement à gauche
reviens modifier la configuration de l'image pour qu'elle soit de taille large, positionnée au centre, et qu'en cliquant sur l'image on arrive sur https://yeswiki.net/
intègre un document PDF
- une fois sous forme de lien
- une fois affiché directement dans la page

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

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.
Télécharger le fichier Video_menu.png
Vous pouvez alors utiliser l'action {{video}} disponible dans les composants.

Télécharger le fichier Video_composant.pngPar 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).

A toi de jouer !

Dans une page "bac à sable" de ton wiki :

Insère la vidéo https://videos.yeswiki.net/w/qaiq6teGqAk6tDtwVaVsry (en plus cette vidéo peut t'intéresser ;-)

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

Dans les pages d'un wiki on a souvent besoin de faire des liens vers d'autres pages ou d'autres sites. Encore une fois, c'est assez simple.

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. : « Accueil »). 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 ».
Télécharger le fichier bouton_lien.png

Télécharger le fichier ajouterunliennew.png

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.

A toi de jouer !

Dans une page "bac à sable" de ton wiki, fais :

un lien vers la page d'accueil de ton wiki avec pour texte affiché "Revenir à l'accueil"
un lien vers le site https://yeswiki.net avec pour texte affiché "clique ici pour accéder au site de yeswiki"
un bouton qui indique "Forum yeswiki", qui envoie sur https://forum.yeswiki.net/ et avec un pictogramme de votre choix
exercice toi à faire des liens nécessaires pour ton projet, en réfléchissant au type d'ouverture
- dans l'onglet courant
- dans un nouvel onglet
- dans une fenetre modale

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

Avec YesWiki on peut facilement intégrer à son wiki des pages intéressantes.
On peut aussi tout simplement avoir besoin d'utiliser différents outils de travail coopératif et vouloir les centraliser dans notre wiki. Voici comment faire.

Incorporer un « widget »

Un peu de vocabulaire

Un « widget » est un petit module qui permet à une page d'embarquer (encapsuler, intégrer… « embed » en anglais) et de re-publier dynamiquement des contenus et fonctions issus de services proposés par d'autres sites internet.

Quelques étapes très simples

1. Trouver le code « iframe » permettant l'intégration

Un site propose souvent d'afficher ses contenus ailleurs que « chez lui », en fournissant un morceau de code HTML (appelé iframe), qui se trouve dans les options « Partager », « Intégrer » ou encore « Iframe ».
Ca peut ressembler à un de ces trois pictogrammes :

Télécharger le fichier partager.png

Télécharger le fichier partageryoutube.png

Télécharger le fichier intgrer.png

Le code « iframe » que vous allez trouver ressemblera à ça :

<iframe name="embed_readwrite" src="""https://unsite.com/iframe""" width="100%" height="600" ></iframe>

Vous allez sélectionner et copier ce code pour pouvoir le coller dans votre wiki.

2. Coller ce code dans votre page wiki

Une fois le code collé dans la page il faut penser à ajouter avant et après deux guillemets.

""coller ici le code HTML fourni par le site tiers""

3. Sauver et profiter !

Vous enregistrez ces modifications et vous pouvez profiter des fonctionnalités de cet autre site dans votre wiki : lire la vidéo, écrire dans le pad, lire un contenu…

Bricoler le code

Changer la taille de la fenêtre

Le code « iframe » fourni peut être personnalisé, notamment pour les dimensions de la fenêtre intégrée.
Dans le bout de code à copier-coller, les paramètres (on parle d'attributs) width (largeur) et height (hauteur) permettent de spécifier la taille de ce cadre et ils sont renseignés en pixels. Vous pouvez modifier ces chifres pour ajuster la taille de la fenêtre.

Largeur
L'attribut width= est indispensable. Il peut indiquer un nombre pixels ou un pourcentage de la taille de l'écran.
Pour que la fenêtre prenne toute la largeur et s'adapte à l'écran vous pouvez indiquer width=100%

Hauteur
L'insertion iframe peut configurer sa longueur automatiquement via la class class="auto-resize"

Ajouter ou enlever un cadre noir

La fenetre intégrée peut être encadrée ou non.
Dans le code de l'« iframe », vous pouvez préciser frameborder="1" (avec cadre noir) ou frameborder="0" (sans cadre noir)

<iframe width="100%" src="""https://unsite.com/iframe""" frameborder="1" ></iframe>

A toi de jouer !

Dans une page "bac à sable" de ton wiki :

intègre un outil que tu utilises déjà : un pad, un GoogleDoc ...

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

CC-by-SA Frédérique Dumont, Louise Didier et Sylvain Boyer

Voir la fiche Modifier

Enlever une colonne dans une zone qui en comporte plusieurs

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

sujet

Voir la fiche Modifier

Enrichir sa plateforme pédagogique

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

Télécharger le fichier Video_composant.pngPar 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.

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

Télécharger le fichier carteparticipants.pngPar 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

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…)

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

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

Télécharger le fichier agendaparticipatif.png 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.

sujet

Voir la fiche Modifier

Index

Et si je dois modifier mon formulaire alors que des fiches ont déjà été saisies ?

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

Voir la fiche Modifier

Index

Exemples de mise en forme

Exemples de mise en forme pour une page d'accueil

Site vitrine

Télécharger le fichier site_vitrine.png

Copier le modèle Page exemple site vitrine

Quelques exemples inspirants:
https://tiers-lieux.fr
https://classe-dehors.org/

Intranet

Télécharger le fichier CapturePage7.png

Copier le modèle Page exemple intranet

Quelques exemples inspirants:
Ressourc'eure - gare centrale
Gare centrale évènement co-construire
Projet Transiscope

Evènement

Télécharger le fichier CapturePage11.png Copier le modèle Page exemple evenement

Quelques exemples inspirants:
https://rnhp2024.fr
https://co-construire.be
https://www.forum-ess.fr
https://nuitdeschercheurs-france.eu

Voir la fiche Modifier

Filtrer parmi des fiches au moyen d'une facette

Réponse

Filtrer parmi des fiches au moyen d'une facette

Télécharger le fichier listes_facette.png

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.

sujet

Voir la fiche Modifier

Forum national ESS

Texte Le Forum National de l'ESS commence le 30 janvier : près de 150 ateliers et conférences autour de 16 parcours thématiques pour célébrer les 10 ans de l'ESS - un très beau programme co-construit. Et devinez ... ils l'ont fait avec YesWiki ✌ !

Pour son 10ème anniversaire, le Forum national de l’ESS & de l'Innovation sociale fait vivre les valeurs défendues par l’économie sociale et solidaire (ESS). C’est donc ses acteurs qui ont élaboré le programme du Forum 2024 avec comme fil conducteur : prendre soin du territoire, des personnes et du vivant.

Nous vous proposons un petit tour dans les coulisses de l'évènement pour comprendre les étapes de coconstruction.

Pour en savoir plus sur nos formations YesWiki sur-mesure : https://lnkd.in/d4pS_Pts

Date de publication 29.01.2024

Lien vers la publication https://www.linkedin.com/feed/update/urn:li:ugcPost:7157675866452340737/

Voir la fiche Modifier

Framasoft

Site web https://framasoft.org/fr/

Type de ressource

Description Framasoft, c’est une association d’éducation populaire, un groupe d’ami·es convaincu·es qu’un monde numérique émancipateur est possible, persuadé·es qu’il adviendra grâce à des actions concrètes sur le terrain et en ligne avec vous et pour vous !

Voir la fiche Modifier

Générer un titre automatique pour les fiches de son formulaire

Réponse

Champ de type « titre automatique »

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

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}} ».

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

deux accolades ouvrantes (« {{ »),
puis l'identifiant unique du champ,
puis deux accolades fermantes(« }} »).

sujet

Voir la fiche Modifier

Gérer (créer ou modifier) une liste utilisable dans un formulaire

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).

Télécharger le fichier liste_gestion.png

Création ou modification d'une liste

Création d'une liste Télécharger le fichier liste_creation45.png

Modification d'une liste Télécharger le fichier liste_modification45.png

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

sujet

Voir la fiche Modifier

Gérer des droits des pages en masse

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. Télécharger le fichier Gerergroupe.png

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
Télécharger le fichier ajoutgroupe.png

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)
Télécharger le fichier modesimple.png

en mode avancé

via les champs classiques (ceux qu'on retrouve quand on édite les droits d'une page seule)
Télécharger le fichier modeavance.png

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

sujet

Voir la fiche Modifier

Gérer des droits par utilisateur

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 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"

Gestion des droits des pages en masse

en mode simple

via les listes déroulantes proposées (droit de lecture, droit d'écriture)
Télécharger le fichier modesimple.png

en mode avancé

via les champs classiques (ceux qu'on retrouve quand on édite les droits d'une page seule)
Télécharger le fichier modeavance.png

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

sujet

Voir la fiche Modifier

Gérer les accès des pages non encore existantes

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

Télécharger le fichier Droitaccesfichierconf.png

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

Télécharger le fichier droitchampformulaire.png
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
Télécharger le fichier confidroitaccesformulaire.png

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

sujet

Voir la fiche Modifier

Index

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

Télécharger le fichier Droitaccesfichierconf.png

En ce qui concerne les fiches bazar

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

Télécharger le fichier droitchampformulaire.png
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
Télécharger le fichier confidroitaccesformulaire.png

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

Voir la fiche Modifier

Gérer les droits d'accès en masse

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 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"

Gestion des droits des pages en masse

en mode simple

via les listes déroulantes proposées (droit de lecture, droit d'écriture)
Télécharger le fichier modesimple.png

en mode avancé

via les champs classiques (ceux qu'on retrouve quand on édite les droits d'une page seule)
Télécharger le fichier modeavance.png

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

sujet

Voir la fiche Modifier

Index

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 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"

Gestion des droits des pages en masse

en mode simple

via les listes déroulantes proposées (droit de lecture, droit d'écriture)
Télécharger le fichier modesimple.png

en mode avancé

via les champs classiques (ceux qu'on retrouve quand on édite les droits d'une page seule)
Télécharger le fichier modeavance.png

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

Voir la fiche Modifier

Gérer les droits sur les fiches Activités, Modules ou Parcours

Réponse

Gestion des droits des fiches du LMS

Droits par défaut des pages

Télécharger le fichier droitaccespardefaut.resized.png 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

Télécharger le fichier bazareditionaclslmsactivite.png 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.

sujet

Voir la fiche Modifier

Gérer les formulaires Bazar

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 ».

Télécharger le fichier formulaire_gestion.png

sujet

Voir la fiche Modifier

Guillaume Leguen

Nom Leguen

Prénom Guillaume

Mon métier, ma fonction Cultivateur des autonomies numériques

Ma présentation

Educateur à l’environnement marin, Guillaume Leguen est un grand utilisateur d’outils numériques. Gêné par l’accaparement du numérique par les GAFAM(X), il a vite cherché à s’extraire de cette facilité pour réaligner ses usages et ses valeurs. Formé nottament à yeswiki, il est aujourd’hui investi dans plusieurs collectifs (YesWiki, Dodoc...) qui développent des outils libres. Sa contribution à ces projets collectifs est de former les usager·e·s du numérique à s’approprier ces derniers afin de reprendre leur autonomie numérique.

Nom de la structure guillaumeleguen.xyz

Site Internet https://guillaumeleguen.xyz

Code postal 14150

Ville Caen

Voir la fiche Modifier

Index

Importer/exporter des formulaires d'un wiki à un autre

Un formulaire peut donner lieu à deux types d'imports et exports.

L'import/export du formulaire lui même ("les questions").
L'import/export des données d'un formulaire ("les réponses").

Importer un formulaire d'un autre yeswiki

Un formulaire sur un autre wiki vous inspire ? Vous pouvez récupérer sa trame pour ne pas repartir de zéro ou le copier « à la main ».
Dans l'onglet "formulaires" en dessous du tableau des formulaires, se trouve un cartouche "Importer les formulaires d'un autre yeswiki". Renseignez-y simplement l'URL du wiki « modèle » dans la case prévue à cet effet. Tous les formulaires de ce wiki vont apparaitre et vous pourrez cocher ceux qui vous intéressent.
Attention !

Les questions qui ont été protégées par des droits restrictifs (accès réservé aux admins par exemple) ne seront pas importées.
Il est nécéssaire que les deux wiki soient sur la même version et qu'elle soit supérieur à Doryphore 4.5.

Astuces

Il est possible de faire de même avec les listes
Voici quelques modèles utiles sur https://yeswiki.net/serveur

Télécharger le fichier bazarimportformulaire.png

Importer/exporter des données

L'onglet "exporter" dans Bazar

Permet de télécharger le contenu d'une base de données au format CSV (format tableur qui sera reconnu par Excel par exemple).
Télécharger le fichier bazarexporter.png

L'onglet "importer" dans Bazar

Permet d'incrémenter une base de données à partir d'un fichier.

Attention ! La base de données et le fichier d'import doivent être structurés exactement de la même manière. Afin de bien préparer son fichier d'import, après sélection d'un formulaire, yeswiki propose de télécharger un exemple de fichier ".csv". Il est plus facile de construire son tableur en partant de cet exemple. Télécharger le fichier bazarimporter.png

Afficher les bases de données d'autres wikis

Les donnés Bazar d'un autre wiki sont intéressantes à afficher voire compiler sur le votre ? Pas de problème !

Il est possible d'afficher sur une page d'un wiki A les données d'un wiki B. Pour cela on utilise par exemple le code :

{{bazarliste id="https://formations.yeswiki.net|1"}}

Celui-ci va afficher les fiches du formulaire 1 du wiki https://formations.yeswiki.net (vos cher·es formateurices YesWiki ;-))

Il est possible de cumuler les sources en ajoutant des virgules :
par exemple :

{{bazarliste id="1, https://formations.yeswiki.net|1, https://formations.yeswiki.net|2"}}

va afficher le formulaire n° 1 de votre wiki, ainsi que les n° 1 et 2 du wiki https://formations.yeswiki.net

Info ! Le contenu s'affichera avec le thème graphique du wiki récepteur : le look du wiki d'origine n'est pas récupéré.

Voir la fiche Modifier

Infographie Gare centrale par les écolohumanistes

Texte https://lesecolohumanistes.fr/gare-centrale/

Voir la fiche Modifier

Insérer une vidéo sur une page

Réponse

Télécharger le fichier Video_composant.pngPar 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.

sujet

Voir la fiche Modifier

Insérer un lien dans une page

Réponse

Les trois méthodes pour créer un lien

Dans la page en mode édition, cliquez sur le bouton « lien ».
Télécharger le fichier bouton_lien.png

Télécharger le fichier ajouterunliennew.png

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.

sujet

Voir la fiche Modifier

Installer lʼextension LMS

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

Télécharger le fichier mise_a_jour_yeswiki.png

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.

Télécharger le fichier installation_lms_1.png

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.

Télécharger le fichier installation_lms_2.png

Télécharger le fichier installation_lms_3.png

sujet

Voir la fiche Modifier

Index

Introduction aux droits d'accès

Yeswiki a beau être très ouvert lors de son installation (ce qui oblige à se poser quelques questions que nous aborderons lors du webinaire), il n'en offre pas moins une gestion fine des droits de lecture et d'écriture de son contenu.

Cette gestion permettra :

de limiter l'accès de tout ou partie du wiki à certaines personnes ou catégories de personnes (groupes)
de protéger certaines parties (bandeau, menu, footer...) de votre wiki contre les modifications involontaires (ou intempestives)
de garder certaines parties de votre wiki cachée (mais pas réellement fermées en accès)

Un préalable pour jouer dans les droits d'accès : exister sur le wiki

En effet seules les personnes ayant un compte sur le wiki peuvent modifier les droits d'accès aux pages et encore avec certaines limites. La seule personne ayant tous les droits est celle qui a créé le wiki (le super admin). Cette personne peut évidemment partager ses droits avec d'autres utilisateurs du wiki (voir plus bas)

Il est donc nécessaire de pouvoir se créer un compte sur le wiki ou de se connecter à celui-ci. Cela s'opère via la roue crantée du wiki / se connecter (ou s'inscrire). En cas de perte du mot de passe, le lien "mot de passe perdu" pourra vous le renvoyer sur le mail indiqué lors de l'inscription.
=> plus d'infos sur https://yeswiki.net/?DocumentationIdentification

Une fois connecté, vous ne possédez pas encore beaucoup de droits (sauf si l'administrateur du wiki vous en a attribués) à savoir :

créer des pages (vu précédemment)
vous attribuer la propriété d'une page
attribuer des droits d'accès en lecture et écriture sur les pages dont vous êtes propriétaire
supprimer les pages dont vous êtes propriétaire

Devenir propriétaire d'une page

On devient automatiquement propriétaire des nouvelles pages que l'on crée lorsque l'on est connecté sur le wiki (cela se vérifie en bas de page avec la mention propriétaire = vous)
Pour devenir propriétaire d'une page sans propriétaire, il suffit de cliquer sur Appropriation (en bas de page) : se faisant vous recevez des droits de gestion sur cette page (même si ça ne se voit pas comme ça)
On ne peut devenir propriétaire d'une page qui a déjà un propriétaire, mais le propriétaire lui même peut décider de vous nommer nouveau propriétaire de cette page. Si vous avez reçu des droits d'admin sur le wiki, vous pourrez devenir propriétaire de n'importe quelle page sans l'accord du propriétaire !

Supprimer une page dont vous êtes propriétaire

Lorsque vous êtes propriétaire d'une page, un bouton supprimer apparait en bas de page. Il vous permettra de supprimer définitivement la page et son historique (attention c'est sans retour d'où le message de confirmation !).
Si vous avez reçu des droits d'admin sur le wiki, vous pourrez modifier toutes les pages, y compris celles dont vous n'êtes pas propriétaire.

Modifier les droits d'une page dont vous êtes propriétaire

En bas de page, vous allez trouver un bouton permissions. En cliquant sur celui-ci, une fenêtre popup va vous permettre de gérer les droits en lecture et écriture.
Voici les possibilités qui vous sont offertes
Télécharger le fichier popuppermission.png

Ah oui j'oubliais, j'ai compilé des trucs et astuces très pratique sur cette page, vous allez aimer !

Cette gestion page par page et user par user est vite "pesante"

Pour dépasser cette lourdeur,

un module de gestion des droits des utilisateurs par groupe a été créé
un module de gestion du droit d'accés aux pages en masse a été créé

A toi de jouer !

Dans ta page "bac à sable" de ton wiki :

modifie les droits en lecture
modifie les droits en écriture

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

CC-by-SA Gatien Bataille et Louise Didier

Voir la fiche Modifier

L'association YesWiki est créée pour soutenir la communauté

Date 01.01.2019

Voir la fiche Modifier

Laure

Votre structure / collectif / projet Test

Quel est votre contexte (collectif, projet, réseau..) pour lequel vous avez envie de faire un wiki ? Test

Voir la fiche Modifier

Laure Beyler

Nom Beyler

Prénom Laure

Mon métier, ma fonction Former et accompagner à l'animation de projets coopératifs, y compris via les outils numériques...libres de préférence ;)

Ma présentation

J'accompagne, je forme et j'anime des projets et des dynamiques collectives facilitant l'émancipation, l'intelligence collective et le pouvoir d'agir.
Et comme coopérer n'est pas inné et que nos expériences acquises, notamment à l'école, nous incitent plutôt à l'individualisme et à la compétition, il y a du boulot !
Ma devise : "Coopérons pour être moi cons !", citation de Laurent Marseault à laquelle j'adhère sans son inimitable impertinence.

En 2018 j'ai eu 2 coups de coeur, la formation Animacoop et Yeswiki, notamment grâce à Louise qui m'a fait découvrir les possibilités fantastiques de cet outil.
Depuis j'essaie de me contrôler et de ne pas systématiquement faire un wiki mais de bien vérifier les usages et la pertinence de l'outil collectivement en fonction du contexte.
Résultat : Le collectif choisi souvent de faire un wiki, comme ma CAE Amétis dernièrement, youpi !

Sinon côté perso j'essaie de rendre mon mode de vie cohérent avec mes idées : du lien, de la solidarité, de la joie, de la simplicité et j'aimerais bien un peu plus de lenteur.
En vrac, j'aime aussi : le mosh pit dans un bon concert de métal, lire de la SF avec mon chat sur les genoux, écouter des podcasts et lire des journaux qui remettent en question le numérique, le patriarcat, le capitalisme... les grandes tablées avec plein d'ami.es, courir en montagne, soulever des altères au crossfit (en tout cas essayer), faire du stop, manger des huitres, sauver des insectes, être de mauvaise foi et assumer une part d'incohérence.

Nom de la structure La Tisseuse - Animacoop - CAE Amétis

Site Internet https://la-tisseuse.fr

Ville Annecy

Voir la fiche Modifier

Index

Les questions à se poser en amont

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

Cohérence des objectifs

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

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.

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.

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 avec tes collègues ?

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

Voir la fiche Modifier

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

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 ?

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).

Télécharger le fichier liste_gestion.png

Création ou modification d'une liste

Création d'une liste Télécharger le fichier liste_creation45.png

Modification d'une liste Télécharger le fichier liste_modification45.png

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

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

Second exemple

Comment faire ?

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

sujet

Voir la fiche Modifier

Louise Didier

Nom Didier

Prénom Louise

Mon métier, ma fonction Quincaillère

Ma présentation

Quincaillère, j'outille les collectifs qui veulent aller vers plus de coopération !

Ma boîte à outils comprend des méthodes d'éducation populaire, des logiciels libres, des pédagogies actives et des pratiques autour des communs de la connaissance.

J'anime des formations (Animacoop et YesWiki principalement), j'accompagne les structures de l'ESS et j'anime des temps collectifs (réunions, AG, élections ...), en présence ou à distance.

Site Internet https://quincaillere.org

Ville Oullins

Voir la fiche Modifier

Index

Lutter contre les spams en gérant les droits d'accès

En cas de vagues de spams

Hélas comme la plupart des wikis ouverts (MediaWiki, DokuWiki), YesWiki n'échappe pas aux attaques de quelques emmerdeurs référenceurs soit-disant professionnels et autres robots de spam, qui polluent les contenus des pages.

Les 10 commandements du lutteur anti spam

1. Je consulte régulièrement mon wiki
2. Je m'abonne à son flux RSS
3. Je consulte la page TableauDeBordDeCeWiki de mon wiki (accessible depuis la "roue crantée")
4. Je vérifie les dernières pages modifiées dans le TableauDeBordDeCeWiki ou sur la page DerniersChangements
5. Je vérifie les derniers comptes crées sur la page TableauDeBordDeCeWiki. (Action {{Listusers last="20"}} )
6. J'édite les pages en question et je supprime les parties indésirables, puis je sauve. (Cela prend moins d'une minute)
7. Je protège l'accès en écriture des pages non collectives (PageRapideHaut, PageHeader, PageFooter, etc.)
7bis Je ferme temporairement l'entiereté du wiki en écriture
8. Je mets à jour mon YesWiki quand une nouvelle version sort.
9. Pour les plus endurcis, je fais le grand ménage avec l'outil despam (voir plus bas)
10. Je ne cède pas à la tentation de transformer mon espace collaboratif en bunker. Et je continue à mettre en balance les effets positifs de l'intelligence collective.

Les symptômes : comment identifier les spams ?

Vous pouvez découvrir sur une ou plusieurs pages des liens vers des sites externes qui semblent sans rapport avec l'objet du wiki (qui vendent des robes de mariée, des sites indonésien sans rapport, des liens commerciaux vers la loi duflot, des textes en langue étrangère etc..)
Il se peut aussi que de nouvelles pages soit créées, et dans certains cas de nouveaux utilisateurs wikis.

Dans tous les cas, il sera toujours possible de faire marche arrière, et les informations sensibles d'accès ftp ou mysql à votre serveur ne peuvent pas être trouvés comme cela.

Fermer l'accès au wiki à certaines adresses IP

Souvent les vagues de spam proviennent d'une région spécifique et on peut s'en préserver via une fermeture des accès aux wikis à ces adresses IP spécifiques (les IP sont spécifiques des régions/pays)

Vous pourrez régler ces détails dans la roue crantée/ gestion du site/ fichier de conf/ blocage d'adresse IP
Télécharger le fichier confblocageip.png
Il faudra au préalable que vous ayez installé l'extension IP block via roue crantée/gestion du site/mise à jour et extensions
Télécharger le fichier extensionipblock.png

Pour supprimer de nombreuses pages rapidement

Pour supprimer des pages il faut être connecté-e qu'admin. Il y a ensuite 2 méthodes :

coller ceci à la fin de l'url des pages à supprimer : /deletepage&confirme=oui

Attention, ce "raccourci" supprime définitivement la page sans message de confirmation, ne vous trompez donc pas !

installer l'extension Maintenance, puis créer une page où vous mettez l'action {{multideletepages}}

Mettre un wiki en hibernation

Si vous savez que votre wiki ne doit plus bouger dans les mois, années à venir, vous pouvez le mettre en hibernation : les modification ne seront plus possibles, le wiki sera en mode "lecture seule" (à part en désactivant l'hibernation !).
Roue crantée > Gestion du site > Fichier de conf > Sécurité > Etat du wiki > hibernate

Pour découvrir l'ensemble des stratégies possibles face au spam => https://yeswiki.net/?LutterContreLeSpam

A toi de jouer !

Dans ton wiki :

Vérifie dans la page GererMisesAJour que ton wiki est bien sur la dernière version. Si besoin, fais la mise à jour.
Installe l'extension "maintenance"

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

CC-by-SA Gatien Bataille et Louise Didier

Voir la fiche Modifier

Mélanie Michel

Nom Michel

Prénom Mélanie

Mon métier, ma fonction Webdesigner

Ma présentation

Je suis développeur indépendante - yeswiki addict depuis plus de 10 ans. J'interviens principalement sur des missions de personnalisation graphique de plateformes wiki. Ce qui me motive c'est la mise en valeur de contenus collaboratifs comme levier de participation.

Nom de la structure Pratic-Coop

Site Internet https://pratic-coop.fr

Code postal 83000

Ville Toulon

Voir la fiche Modifier

Mettre en avant les événements liés à la formation

Réponse

Evénements

sujet

Voir la fiche Modifier

Mettre en place un espace format·eur·rice·s

Réponse

Espace formateurices

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.

sujet

Voir la fiche Modifier

Mettre les images dans le dossier files

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.

sujet

Voir la fiche Modifier

Index

Mode multilangue

Traduire le contenu de vos pages

Votre projet est international, vos utilisateurs ne maitrisent pas tous le francais ? Avec YesWiki vous avez la possibilité de gérer la traduction des contenus.

Dans chacune de vos pages

Il existe un composant lang YesWiki permettant de proposer une version de votre page dans une autre langue .
Sur une même page vous pouvez avoir

un texte en francais, il sera précédé par {{lang="fr"}}
un texte en anglais, il sera précédé par {{lang="en"}}
un texte en espagnol, il sera précédé par {{lang="es"}}

Exemple

{{lang="fr"}}
=====Bienvenue=====

{{lang="en"}}
=====Welcome=====

{{lang="es"}}
=====Bienvenido=====

Dans la barre de menu

Pour permettre aux utilisateurs de choisir leur langue, vous devez ajouter dans votre barre de menu le composant translation, il permettra d'ajouter des drapeaux pour identifier les langues de votre choix.
Lorsqu'un utilisateur clique sur un drapeau anglais alors les contenus précédés de lang="en" seront affichés

Exemple :

Ajouter les drapeaux pour choisir la langue
Télécharger le fichier drapeaux.png

- {{translation destination="fr"}}
 - {{translation destination="en"}}  
 - {{translation destination="es"}}

Choisir la langue pour les intitulés de l'interface YesWiki

A la création du wiki, la langue choisie est le français, mais ce paramètre peut être modifié via le fichier de configuration. On y accède via : Roue Crantée / Gestion du site / Onglet Fichier de conf

Dans l'accordéon "Paramètres Principaux", le paramètre Langue par défaut - default_language permet de modifier la langue pour les menus et paramètres en mode édition et les pages comme la page de configuration.
valeurs possibles

fr pour francais
en pour anglais
es pour espagnol
pt pour portuguais
ca pour catalan
nl pour néerlandais
auto pour la langue du navigateur

Télécharger le fichier fichier_de_conf.png

Les traductions de l'interface YesWiki sont encore incomplètes mais toute contribution pour faire évoluer le projet est la bienvenue ! L'outil Weblate a récemment été mis en place pour gérer les traductions : https://hosted.weblate.org/projects/yeswiki/#languages
CC-by-SA Mélanie Michel

Voir la fiche Modifier

Index

Modifier le favicon

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

Voir la fiche Modifier

Modifier le formulaire LMS Activité

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).
Télécharger le fichier modifieractivits.png Ouvrir le champ Réactions et observer les paramétrages.
Télécharger le fichier reactions.png

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.

sujet

Voir la fiche Modifier

Modifier les droits de consultation ou de modification des fiches Activités, Modules ou Parcours

Réponse

Droits de consultation/modification

sujet

Voir la fiche Modifier

Modifier les droits sur les commentaires des Activités, Modules, Parcours

Réponse

Droits pour les commentaires

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.

sujet

Voir la fiche Modifier

Modifier mon formulaire alors que des fiches ont déjà été saisies

Réponse

Et si je dois modifier mon formulaire alors que des fiches ont déjà été saisies

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

sujet

Voir la fiche Modifier

Modifier un bouton

Réponse

Télécharger le fichier Edit_composants.pngLʼ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.

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 Télécharger le fichier 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 Télécharger le fichier 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.

sujet

Voir la fiche Modifier

Montrer les limites d'un départment sur un affichage cartographiqe

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

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
Se rendre sur le site https://osm-boundaries.com
Sélectionner au moyen du menu de droite, la zone dont on veut afficher les limites.
Cliquer sur « Download » (en bas de la page).
Cliquer sur « Download » à droite en face de « API url ».
Déziper le fichier téléchargé.
Ouvrir avec un éditeur de texte le fichier nommé « data » que vous venez de dézipper.
Copier l'intégralité du fichier dans la page créée au point 1 sur le wiki (ex. : ContoursDepartmentPuyDeDome).
Enregistrer cette page.
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"
```
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.

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.
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.

sujet

Voir la fiche Modifier

Paramétrer une fiche Activité

Réponse

Créer/Paramétrer une fiche Activité

Télécharger le fichier saisie_fiche_activite1.png ...
Télécharger le fichier saisie_fiche_activite2.png

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.

sujet

Voir la fiche Modifier

Paramétrer une fiche Module

Réponse

Créer/Paramétrer une fiche Module

Télécharger le fichier saisie_fiche_module.png 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 »)

sujet

Voir la fiche Modifier

Paramétrer une fiche Parcours

Réponse

Créer ou paramétrer une fiche Parcours

Télécharger le fichier saisie_fiche_parcours.png 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.

sujet

Voir la fiche Modifier

Permettre la saisie de fiches pour un formulaire

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 ».

Télécharger le fichier formulaire_saisie_composants.png2 – Cliquez sur le bouton « Composants », puis sur « Afficher un formulaire de création de fiche ».

Télécharger le fichier formulaire_saisie_choix_form.png3 – 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.

Télécharger le fichier formulaire_saisie_choix_fait.png5 – 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 »).

Télécharger le fichier formulaire_saisie_action.png6 – Cliquez sur le bouton insérer dans la page. Cela donne ceci.

7 – Enregistrer votre page.

Et voilà !
CC-by-SA YesWiki

sujet

Voir la fiche Modifier

Index

Permettre la saisie des fiches

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 :

Télécharger le fichier formulaire_saisie_composants.png2 – Cliquez sur le bouton « Composants », puis sur « Afficher un formulaire de création de fiche ».

Télécharger le fichier formulaire_saisie_action.png6 – Cliquez sur le bouton insérer dans la page. Cela donne ceci.

7 – Enregistrer votre page.

Et voilà !
CC-by-SA YesWiki

Voir la fiche Modifier

Index

Personnalisation avancées CSS

Page CSS

Pour ajuster les couleurs plus précisemment

Si vous n'avez pas peur d'un peu de code
Des variables CSS sont disponibles dans le thème Margot pour vous aider à affiner le design :
couleur des titres
couleur des liens
couleur de la barre de menu...

Sur chaque wiki, il existe une page nommée PageCss qui permet d'ajouter du code CSS pour définir des styles personnalisés

Un extrait de code est disponible par défaut 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(--secondary-color-2); */

/*}*/

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 secondaire 2
Dans l'exemple qui est fournit par défaut vous remarquez les caractères /* et */ : c'est le code pour commenter une ligne, c'est à dire signaler qu'elle ne doit pas être appliqué.

Si vous souhaitez commencer la personnalisation il faudra d'abord enlever les commentaires pour les lignes que vous souhaitez personnaliser :

:root { 
--title-h4-color:var(--neutral-color);
}

Il est possible d'utiliser soit les couleurs en hexadecimal (#092e67) soit les variables de couleurs qui correspndent aux couleurs que que vous avez choisies via la page Apparence

[IMPORTANT!]Après avoir fait une modif de style CTRL + MAJ + R pour vider le cache du navigateur

Pour aller plus loin

En insérant des instructions css vous allez pouvoir appliquer tous les éléments de style que vous souhaitez.
Voici un lien vers la documentation de référence pour apprendre le CSS : https://www.w3schools.com/css/css_syntax.asp

Voir la fiche Modifier

Personnaliser l'affichage des données issues de formulaires

Dans cette formation vous apprendrez à coder afin de maitriser la structure et la mise en forme de vos données. Nous passerons du coté obscur de la force en prennant la main sur le rendu des fiches bazar mais ne vous inquiétez pas : les langages que nous utiliserons sont très accessibles et nous les aborderons progressivement. En quelques sessions vous serez capable de rendre la présentation de vos données plus claire, plus lisible, plus professionelle.

La formation se déroulera à distance.

Les frais de formation peuvent être pris en charge par votre OPCO.

Du 10.01.2025

Au 05.02.2025

Durée (heures) 12

€ 780

Localisation à distance

Organisme de formation portant la formation Centre de ressources de Veynes

Voir la fiche Modifier

Index

Le thème graphique Margot

Personnaliser l'apparence

Pour définir le style graphique de votre wiki, vous pouvez jouer sur les couleurs, les polices et les illustrations.

Thème graphique Margot

Le thème Margot est le thème standard livré avec la dernière version de YesWiki.
Plusieurs variantes sont disponibles en modifiant le squelette, le style et la configuration graphique. A vous de trouver la bonne combinaison. La page LookWiki vous permet de changer le style très facilement : accessible depuis le menu Gestion du site / onglet Look

Squelette : choisir la disposition du site

Il propose plusieurs squelettes qui permettent de jouer sur la position du menu :

Modèle classique avec barre de menu horizontale

Choisir le squelette : 1-col

Télécharger le fichier Capture_dcran_classique.png

Barre de menu verticale

Choisir le squelette : 1-col-verticalmenu

Télécharger le fichier Capture_dcran_vertical.png

Avec une side bar

Choisir le squelette : 2-cols-left ou 2 cols-right
Télécharger le fichier Capture_dcran_2colsright.png

Style

Margot

Avec le style margot.css la couleur primaire s'appliquera à la barre de menu et à vos liens hypertextes.

Télécharger le fichier Capture_dcran_hackathon.png

Margot-fun

Un style graphique moins conventionnel avec une position du menu sous le bandeau header et une forme

Margot light

Avec le style light.css la barre de menu sera blanche et seuls vos titres et les boutons "primaire" auront la couleur primaire

Configuration graphique : la palette de couleurs

1 .Vous pouvez choisir 3 couleurs principales pour votre site :
- la couleur primaire sera visible sur la barre de menu, les liens et les menus de niveau 1 et 2

- la couleur secondaire 1 sera utilisable pour les sections, boutons, les accordéons. Elle sera utilisée aussi en mode édition pour mettre en évidence certains paramètres dans le code des actions yeswiki, veillez à prendre une couleur suffisamment lisible (éviter le pastel pour la couleur secondaire 1)

- la couleur secondaire 2 sera utilisable pour les sections, les boutons, les accordéons

2 . Choisissez la police pour vos titres et pour vos textes.

3. Nommez votre configuration graphique et enregistrez la.

4. Vous pouvez maintenant l'appliquer sur tout le site : soit directement sur la page LookWiki , soit en passant par la page Gestion du site / onglet Thème, en bas de la page vous pouvez définir le style par défaut pour votre site.

Pour vous aider à choisir votre palette de couleurs

Générateur de palette de couleurs et outil de test de contraste : https://coolors.co/

UI colors permet de générer des palettes sobres avec une seule couleur et des variantes de teinte : https://uicolors.app/create

Ou si vous n'avez pas la moindre idée, laissez-faire le hazard : https://randoma11y.com/

Choisir des polices

Si vous ne possédez pas de charte graphique, voici un site sur lequel vous pouvez prendre des exemples de combinaisons de police : https://typespiration.com/

A toi de jouer !

Recherche les codes couleurs de ta charte ou choisis des couleurs dans une palette. Puis fais des essais de personnalisation du thème avec ces couleurs.
Remplace le favicon de ton wiki par le logo de ton projet ou une image pertinente

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

Voir la fiche Modifier

Personnaliser la configuration du LMS

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.

Télécharger le fichier configurationlms1.png …
Télécharger le fichier configurationlms2.png 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.

sujet

Voir la fiche Modifier

Personnaliser les couleurs du wiki

Réponse

Personnaliser les couleurs

Télécharger le fichier lookwiki_800px.gif
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

sujet

Voir la fiche Modifier

Personnaliser les polices des titres et du texte

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
Télécharger le fichier Palmiers_Montserrat.png

Police des titres : Raleway
Police du texte : Roboto
Télécharger le fichier HPF_Raleway_Roboto.png

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

sujet

Voir la fiche Modifier

Personnaliser les réactions

Réponse

Retour à la documentation

Personnaliser les réactions

Étapes pour personnaliser les réactions

Modifier le formulaire LMS Activité

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

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

sujet

Voir la fiche Modifier

Petits pas pour bien démarrer un projet collectif

Texte Dans un projet collectif, si la marche est trop grosse le groupe s'épuise ... Comment continuer à avancer ? La technique du prochain petit pas est un de nos rituels pour garder l'énergie et la motivation du groupe . Merci à Laurent et Audrey pour cette vidéo

Voir la fiche Modifier

Rendre visible le groupe dʼapprenant·e·s

Réponse

Visibilité du groupe d'apprenant·e·s

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é

sujet

Voir la fiche Modifier

Reprenez le contrôle sur vos usages numériques

Nos usages quotidiens du numérique ont un impact sur notre environnement et nos sociétés. Entre sur-exploitation des ressources, sur-consommation énergétique, monopoles des GAFAM(X)..., il est courant de se sentir dépassé et dépendant.
Cette formation vous donnera les clés pour questionner vos usages professionnels pour vous engager vers plus d’éthique et d’autonomie
numérique. Vous serez en capacité de proposer un plan de migration à votre structure et serez initié·e·s à des outils numériques libres alternatifs, tel que yeswiki, nextcloud, framasoft, yunohost, dodoc...

Du 16.09.2025 - 09:30

Au 09.10.2025 - 17:30

https://numerique.guillaumeleguen.xyz/?PagePrincipale

Durée (heures) 14

€ 800 finançables par les OPCO

Localisation Caen (14)

Adresse 1080 Boulevard Grand Parc

Code postal 14200

Ville Hérouville-Saint-Clair

Organisme de formation portant la formation Graine Normandie

Voir la fiche Modifier

Sortie Culturelle

La culture, moins on en a, plus on l'étale!

Du 30.05.2023 - 18:00

Au 02.05.2021 - 20:00

https://www.yeswiki.net

Adresse Avenue des Champs Elysées

Code postal 75000

Ville Paris

Voir la fiche Modifier

Index

Structure du site

La structure de YesWiki

Par défaut une page wiki contient :

une Page Titre : c'est le nom du wiki
une Page Menu Haut : on peut y ajouter des liens vers les pages du wiki (menu et sous-menu)
une Page Rapide Haut : il s'agit des pages d'administration du wiki, la roue crantée en haut à droite
une Page Header : c'est une partie utile pour écrire le titre donné au wiki, ajouter une description, un logo... Cette partie est désactivée par défaut à partir de la version doryphore 4.5. Pour la réactiver, il est possible de suivre les instructions lisibles en mode édition de la page header.
une Page Footer : autrement dit un pied de page, où se trouvent diverses informations au sujet due wiki

Télécharger le fichier GererSite_composition_dune_page.jpg

Il y a deux manières d'accéder à une page menu pour la modifier :

Par la roue crantée

Télécharger le fichier GereSite_modif_menu_roue.png Dans la page Gestion du site, on retrouve les liens vers toutes les pages citées ci-dessus.

Par l'url

Télécharger le fichier GereSite_modif_menu_url.png Pour les menus par défaut ces url sont :

https://www.urldusite.ext/PageTitre
https://www.urldusite.ext/PageMenuHaut
https://www.urldusite.ext/PageRapideHaut
https://www.urldusite.ext/PageHeader
https://www.urldusite.ext/PageFooter

Pour créer ou modifier un menu...

... il faut savoir créer des liens (voir la doc)...

Les titres de menu coorrespondent à des liens menant à des pages, qu'elles soient déjà créées ou non.
Si une page n'existe pas : un petit crayon s'affichera à côté de son nom. On pourra créer la page en cliquant sur ce nom.

...et des listes à puces (voir la doc)

Une page menu est organisée comme une liste de puces. Un niveau de menu correspond au retrait de la puce, soit un ou plusieurs espaces placés en début de ligne :

un seul espace avant le tiret créera un titre de premier niveau (toujours apparent dans le menu). Ici la page "Menu exemple".
deux espaces avant le tiret créera un titre de deuxième niveau (apparent après avoir cliqué sur le titre de premier niveau). Ici les pages "Exemple annuaire", "Exemple agenda"...

N'hésitez pas à vous inspirer du code du menu déjà en place. Un wiki récemment installé a quelques éléments de menu justement pour vous montrer comment ça marche ;-)

Télécharger le fichier edit_menu_yeswiki_45.png

Se connecter

Le bouton munis d'un pyctogramme "personne" sert à s'identifier ou à se créer un compte ("s'inscrire") :

Nous explorerons les détails de cette fonctionnalités dans le module qui traite de la gestion des droits.

Télécharger le fichier seconnecter.png

Roue crantée

Télécharger le fichier Capture_dcran_du_20250130_120500.png

Cliquer sur la roue crantée en haut à droite donne accès à un certain nombre d'espaces dédiés à l'administration du wiki :
La roue crantée peut être personnalisée sur PageRapideHaut.

Tableau de bord

Dans le tablau de bord vous pouvez voir :

les derniers comptes utilisateurs créés
les dernières pages modifiées
la liste exhaustive des pages du wiki

C'est le tableau de bord configuré par défaut mais vous pouvez le personnaliser.

Documentation

Vous avez là une intégration des pages d'aide du site yeswiki.net

Gestion du site

Cette page gestion du site est très importante. Elle donne accès à de nombreuses fonctionnalités d'administration :
Télécharger le fichier gestiondusite.png

Accueil de gestion du site

Vous avez là un récap des menus et pages spéciales du wiki.

Droits d'accès

C'est ici que vous pouvez indiquer qui a le droit de faire quoi sur quelle page.
Il faut être identifié comme administrateur pour visionner et modifier les informations de cet espace.
Nous explorerons les détails de cette fonctionnalités dans le module qui traite de la gestion des droits.

Look

C'est par là que vous personnalisez le squelette et l'esthétique de votre wiki.
Il faut être identifié comme administrateur pour visionner et modifier les informations de cet espace.
Nous explorerons les détails de cette fonctionnalités dans le module qui traite de la personnalisation graphique

Utilisateurs et groupes

Ici vous visualisez les comptes utilisateurs créés et vous pouvez les organiser en "groupes".
Il faut être identifié comme administrateur pour visionner et modifier les informations de cet espace.
Nous explorerons les détails de cette fonctionnalités dans le module qui traite de la gestion des droits.

Mots clés

Si vous avez utilisé des mots clés pour qualifier vos pages wiki vous en trouvez un récap ici.
Il faut être identifié comme administrateur pour visionner et modifier les informations de cet espace.

Fichier de conf

Certains éléments de configuration peuvent être personnalisés ici : accès par défaut, sécurité, indexation ...
Il faut être identifié comme administrateur pour visionner et modifier les informations de cet espace.
Nous les explorerons au fil des modules.

Mises à jour / extensions

Vous pouvez voir ici la version du wiki et s'il s'agit de la toute dernière.
Si vous êtes identifié comme administrateur vous pouvez faire les mises à jour.

Mes contenues

C'est ici que l'on peut retrouver la liste des contenues que l'on a créé ou édités.

Formulaires

C'est ici que l'on configure Bazar : Bazar est une extension importante de Yeswiki qui lui ajoute des fonctionnalités de création et de gestion de bases de données (formulaires).
Nous verrons ça en détails dans le module qui traite des formulaires.
Il faut être identifié comme administrateur pour créer ou modifier un formulaire Bazar.

CC-by-SA Frédérique Dumont et Louise Didier

Voir la fiche Modifier

Suivre la progression des apprenants

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.

Télécharger le fichier bouton_tableaudebord.png

Télécharger le fichier tableaudebord_modules.png
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.

sujet

Voir la fiche Modifier

Suivre sa propre progression en tant quʼapprenant

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.

Télécharger le fichier tableaudebordapprenant.png
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.

sujet

Voir la fiche Modifier

Supprimer tout le colonnage (toutes les colonnes) dʼune zone

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

sujet

Voir la fiche Modifier

Supprimer un accordéon en entier

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

sujet

Voir la fiche Modifier

Supprimer un encadré

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

sujet

Voir la fiche Modifier

Sylvain Boyer

Nom Boyer

Prénom Sylvain

Mon métier, ma fonction Accompagnateur et formateur à la coopération

Nom de la structure Odyssée création

Code postal 37000

Ville Tours

Voir la fiche Modifier

Sʼapproprier YesWiki

Cette formation de trois jours se tiendra les 21, 22 mars & 19 avril 2024 en présence à Montlouis-sur-Loire (37).
Elle se déroulera sur trois temps.

Deux jours de découverte, dʼapprentissage et dʼexpérimentation (21 & 22 mars).
Quatre semaines de mise en pratique en autonomie.
Une journée dʼapprofondissement (19 avril).

Du 21.03.2024

Au 19.04.2024

https://boyer.earth/yeswiki

Durée (heures) 21

€ 1440

Localisation À Tours

Adresse 1 rue Bernard Maris

Code postal 37270

Ville Montlouis-sur-Loire

Organisme de formation portant la formation Odyssée création

Voir la fiche Modifier

Sʼapproprier YesWiki

Cette formation de trois jours se tiendra les 17, 18 octobre & 17 novembre 2023 en présence à Montlouis-sur-Loire (37).
Elle se déroulera sur trois temps.

Deux jours de découverte, dʼapprentissage et dʼexpérimentation (17 & 18 oct.).
Quatre semaines de mise en pratique en autonomie.
Une journée dʼapprofondissement (17 nov.).

Du 17.10.2023

Au 17.11.2023

https://boyer.earth/yeswiki

Durée (heures) 21

€ 1 440

Localisation À Tours

Adresse 1 rue Bernard Maris

Code postal 37270

Ville Montlouis-sur-Loire

Organisme de formation portant la formation Odyssée création

Voir la fiche Modifier

Test

Je réserve ma place à l'atelier Yeswiki Oui

Voir la fiche Modifier

Trouver la place du LMS en fonction de mes modalités pédagogiques et LMS

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 !

sujet

Voir la fiche Modifier

Un beau logo pour Yeswiki

Résumé Il fallait le rafraichir, nous l'avons fait !

Billet Après multiples discussions, tests et essais, un logo plus actuel a été créé pour Yeswiki
Nous espérons que vous l'aimerez ;-)

Voir la fiche Modifier

Index

Une démarche en trois phases

Bazar – Une démarche en trois phases

Vous avez décidé d'utiliser un ou des formulaires pour faciliter la contribution.
Quelques éclaircissements s'imposent sur la notion de formulaire.
Un formulaire va vous permettre deux choses :

faciliter la saisie en offrant un cadre structuré de collecte d'informations,
visualiser tout ou partie des informations saisies sous une forme qui vous semble pertinente (une carte, un trombinoscope, une liste, etc.).

Prenons un exemple

1 – Supposons que je souhaite organiser un goûter et que j'utilise pour ce faire un formulaire dans lequel je demande :

le prénom de chaque personne,
si elle apporte une boisson ou un gâteau (soyons fous !),
une description plus détaillée de ce qu'elle apporte.

2 – Afin de permettre la saisie, je vais mettre à disposition une page sur laquelle je vais afficher le formulaire vide afin que chaque personne puisse y répondre.
Marguerite, Théo, Barnabé et Manon se rendent sur cette page et remplissent le formulaire. Lorsque chacune de ces personnes se rend sur cette page elle remplit sa fiche qui répond à ce formulaire.

Télécharger le fichier formulaire_saisie.png

3 – Pour que tout le monde puisse voir ce que chacun va apporter, je vais également mettre à disposition une page sur laquelle je vais afficher toutes les fiches de réponses au formulaire sous forme de liste (par exemple).
Je verrai sur cette page les fiches de Marguerite, Théo, Barnabé et Manon.

Télécharger le fichier formulaire_resultats.png

Un peu de vocabulaire

Nous appellerons formulaire le jeu de questions posées. Dans notre exemple, ce sont :

prénom,
le type de ce que la personne apporte,
des précisions sur ce que la personne apporte.

On désignera par fiche une réponse individuelle à un formulaire. Dans notre exemple, il y a quatre fiches qui répondent à ce formulaire.

Les trois phases

Du point de vue de l'utilisateur, seules existent :

la page sur laquelle il ou elle pourra saisir sa fiche,
et la page d'affichage sur laquelle on peut consulter les réponses au formulaire.

Mais pour vous qui allez fabriquer le formulaire, les choses sont légèrement différentes.
Vous allez devoir, avant même de fabriquer les pages de saisie des fiches et d'affichage des réponses, concevoir ce formulaire.

Nous avons donc trois phases :

concevoir le formulaire,
mettre à disposition une page pour la saisie des fiches,
mettre en œuvre une page d'affichage des résultats du formulaire.

Vous	L'utilisateur
Concevoir
Permettre la saisie	Saisir sa fiche
Afficher les résultats	Consulter les résultats

1 – Concevoir le formulaire

Concevoir le formulaire revient à choisir et agencer les différentes questions que vous allez poser.
Si vous partez de zéro, cela peut être une excellente occasion de mettre en œuvre de la coopération en co-élaborant votre formulaire.

On se place, lors de cette étape, à un niveau générique (le formulaire). On ne sait pas si Marguerite va répondre. En revanche, on sait qu'on veut collecter (et donc demander) le prénom de chacune des personnes qui répond au formulaire.

Cette phase de conception va avoir un impact sur le comportement du formulaire lors de la saisie des différentes fiches, mais également sur ce qu'il est possible de faire en termes d'affichage du formulaire.

Lors de la conception vous travaillerez dans la page Formulaires de votre wiki accessible via le menu roue crantée en haut à droite du wiki.

2 – Permettre la saisie des fiches

Pour construire la page de saisie des fiches vous travaillerez dans une page que vous aurez choisie à cet effet.

3 – Afficher les résultats du formulaire

De même pour l'affichage des résultats du formulaire que vous mettrez en œuvre dans une page de votre choix.
CC-by-SA YesWiki

Voir la fiche Modifier

Une ferme pour dupliquer sa plateforme : extension Ferme de YesWiki

Du 27.11.2023

Au 08.12.2023

https://quincaillere.org/FormationYesWiki/?2023OffreFerme

Durée (heures) 10

€ 900

Localisation A distance

Organisme de formation portant la formation Oxalis

Voir la fiche Modifier

Une plateforme ressource qui génère des PDF : extension Publication de YesWiki

Du 13.11.2023

Au 24.11.2023

https://quincaillere.org/FormationYesWiki/?2023OffrePubli

Durée (heures) 10

€ 900

Localisation A distance

Organisme de formation portant la formation Oxalis

Voir la fiche Modifier

UnNouveauThemePourYeswiki_capture-décran-2020-02-12-à-13.16.33.png

Un nouveau thème pour Yeswiki

Résumé Margot, voilà le nom du nouveau thème qui sera distribué avec la prochaine version de Yeswiki

Billet Plus moderne, mieux pensé, plus graphiqu.
Margot permettra d'unifier les rendus graphiques des wikis.

Voir la fiche Modifier

Usages numériques durables au service de la coopération : Collaboration numérique

Principes des pratiques numériques durables au sein des associations, et mise en application avec les outils NextCloud / Framaspace, BigBlueButton et Yeswiki
Formation réservée au bénévoles des associations du Grand Est

Du 26.04.2025 - 09:30

Au 20.09.2024 - 12:30

https://mon.ca-pr.fr/contact/

Durée (heures) 3

€ gratuit

Localisation A Troyes

Adresse Maison des associations - 63 avenue Pasteur

Code postal 10000

Ville Troyes

Organisme de formation portant la formation SynerCoop

Voir la fiche Modifier

Utiliser un formulaire en tant que liste

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

Second exemple

Comment faire ?

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

sujet

Voir la fiche Modifier

Utiliser YesWiki comme support de formation

Réponse

Notion de LMS

Télécharger le fichier lms.png 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.

sujet

Voir la fiche Modifier

Valentin Douarre

Nom Douarre

Prénom Valentin

Mon métier, ma fonction Consultant et formateur en méthodes de travail collaboratives, facilitateur en intelligence collective

Site Internet https://valentindouarre.fr

Code postal 83130

Ville La Garde

Voir la fiche Modifier

Voeux 2024

Texte En cette nouvelle année, l'équipe des Formations YesWiki vous adressent ses vœux les plus chaleureux. Que 2024 vous permette des collaborations fertiles et festives ! 🌟 Et on a envie de commencer 2024 par un jeu avec vous 😎

YesWiki c'est une communauté dans laquelle se croisent différents univers. Ce sont des vrais gens (généralement sympa !) qui construisent brique par brique cet outil qui se veut émancipateur.
Et qui y mettent leur touche personnelle, souvent avec beaucoup d'humour !
L'année passée on a matérialisé ça dans une illustration ! (que certain·es vont porter fièrement en t-shirt)

Alors qui trouvera dans cette illustration des indices sur Yeswiki et sa communauté ?

Illustration par Brume https://brume.ink/

- - -
Pour en savoir plus sur nos formations YesWiki sur-mesure : https://formations.yeswiki.net/

Ne pas afficher dans le post :
Les réponses

Le capitaine haddock
les insultes du nom des versions de YW
des chatons
un raspberry pi
un micro de karaoké
un calendrier avec la date 1983 (fausse année de création de yeswiki)
un chameau (ChatMot)
un coucou (nom de notre newsletter)'

Lien vers la publication https://www.linkedin.com/feed/update/urn:li:activity:7150440905454395392

Voir la fiche Modifier

Ward Cunningham crée le concept de wiki

Date 01.03.1995

Explications Extrait de l'article wikipédia sur le wiki :
"Un wiki est une application web qui permet la création, la modification et l'illustration collaboratives de pages à l'intérieur d'un site web. Il utilise un langage de balisage, le wikitexte, et son contenu est modifiable au moyen d’un navigateur web. C'est un logiciel de gestion de contenu, dont la structure implicite est minimale, tandis que la structure explicite se met en place progressivement en fonction des besoins des usagers. "

Voir la fiche Modifier

Wikini devient ""YesWiki""

Date 01.01.2009

Voir la fiche Modifier

Yeswiki : le site officiel

Site web https://yeswiki.net

Type de ressource

Description Tout ce qu'il y a à savoir sur Yeswiki

Voir la fiche Modifier

Yeswikiday

Une journée pour faire avancer le projet Yeswiki dans la bonne humeur

Du 30.04.2020 - 09:00

Au 30.04.2020 - 16:00

https://yeswiki.net/?DocumentatioN

Code postal 7700

Ville Mouscron

Voir la fiche Modifier

Youpi ici c'est le titre

Un événement autour du vin, c'est pour cela qu'il est à Bordeaux...

Du 08.01.2020

Au 10.01.2020

Ville Bordeaux

Voir la fiche Modifier

CSV JSON Widget