4. Les formulaires

Dans Yeswiki, il existe un module nommé "Bazar" et qui offre la possibilité de créer des formulaires (pour recueillir de la donnée) et d'afficher ensuite ces données sous de multiples formats (cartes, annuaires, listes, album photos, agenda, slider...). Ceci ouvre des perspectives :-)

Comment ça marche ?

  • Il faut être connecté à son wiki pour pouvoir créer et modifier des formulaires !
  • il faut ensuite passer par la roue crantée / Base de données

Pour comprendre en détail les parties de ce module bazar => je me rends ici (clic droit)

Formulaires Fiches Formats de données ID Actions
Agenda CSV JSON Widget 5
Agenda participatif CSV JSON Widget 17
Album Photos à copier-coller et à adapter
Un formulaire pour créer un album photo partagé. Pour permettre la saisie dans ce formulaire, placez ce code où vous le désirez {{bazar voirmenu="0" vue="saisir" id="8"}} / pour rendre visible l'agenda et son contenu : {{bazarliste id="8" template="photobox.tpl.html"}} là où vous le souhaitez
CSV JSON Widget 8
Jeux coopératifs / Animations CSV JSON Widget 18
Les rendez-vous des familles Automne 2020 CSV JSON Widget 2
Ressources à copier-coller et à adapter
Un formulaire pour créer un espace ressources partagées. Pour permettre la saisie dans ce formulaire, placez ce code où vous le désirez {{bazar voirmenu="0" vue="saisir" id="4"}} / pour rendre visible les ressources collectées : {{bazar id="4" vue="recherche" voirmenu="0"}} là où vous le souhaitez.
CSV JSON Widget 4
Semaine de la parentalité à Oraison juin 2021 CSV JSON Widget 20
semaines des familles avril 2018 CSV JSON Widget 19
Saisir un nouveau formulaire
Importer les formulaires d'un autre yeswiki

Exemple d'url pour obtenir des formulaires types: https://yeswiki.net


Formulaires ID


  • Nous allons importer un formulaire existant en provenance de ce wiki support de formation.
    • je me rends sur la roue crantée de mon wiki / bade de données (en étant connecté)
    • en bas de la page, je copie-colle l'url complète du wiki "source" (celui qui contient le formulaire que je veux copier) => https://coop-site.net/cooptic7
    • je clique sur Go !
    • les formulaires existants sont affichés et je peux cocher ceux que je souhaite importer sur mon wiki (ici prenons les formulaires avec copier-coller dans le titre)
    • les formulaires sont maintenant sur mon wiki, près à être adapter à mon contexte

  • Pour adapter un formulaire à mon contexte, je vais cliquer sur le petit crayon en vis-à-vis de son nom
    • je vois alors la structure de mon formulaire (* *), ça fait peur mais ne partez pas !
    • lisons ensemble la structure de ces lignes et on a déjà moins peur ;-)
    • adaptons les pour voir (personne ne va mourir alors allons y de bon coeur !)

Pour comprendre les différents champs à votre disposition : c'est par ici

Nos formulaires sont là et "adaptés" : il est temps de les rendre visibles !

Dans la description des formulaires importés, la syntaxe a utiliser est indiquée pour chaque formulaire.
A la fois pour :
  • permettre la saisie des informations dans le formulaire
  • permettre la visualisation des informations saisies dans le formulaire
REFEREZ VOUS à cette syntaxe pour mener quelques essais !
Vous pouvez aussi vous rendre sur la page "rendre visible"


La syntaxe générale liée à bazar

Permettre la saisie de données

Tout d'abord, il nous faut permettre aux participants de déposer de la donnée dans ces formulaires. Pour cela je dépose ce bout de code sur une page de mon wiki
{{bazar id="2" vue="saisir" voirmenu="0"}}

le numéro derrière id=" " est le numéro de votre formulaire

Rendre visibles les données

Les données peuvent être rendues visibles de multiples façons.
ATTENTION : il faut adapter l'id de la syntaxe ci-dessous avec le numéro du formulaire que vous voulez afficher
  • sous forme de liste
    • {{bazarliste id="2"}}
      
  • sous forme d'annuaire
    • {{bazarliste id="2" template="material-card.tpl.html"}}
      
  • sous forme d'agenda si le formulaire contient un champ date
    • {{calendrier id="2"}}
      
  • sous forme de carte si le formulaire contient un champ adresse
    • {{bazarliste id="2" template="map.tpl.html"}}
      
  • sous forme d'album photos si le formulaire contient une image
    • {{bazarliste id="2" template="photobox.tpl.html"}}
      
  • sous forme de "slider" par exemple dans une pageheader (le bandeau)
    • {{bazarliste id="2" template="carousel.tpl.html" }}
      

Il est aussi possible de trier ces données, d'afficher un champ de tri dynamique...