Yeswiki niveau 2 : le Bazar

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)

Visualisation du fichier CSV pour l'export des fiches de type : Beaux arbres du Pays de Redon - Total des fiches : 17
"datetime_create","datetime_latest","Nom de l'arbre","Nom latin","Description de l'arbre, ses caractéristiques","Image de présentation (hautement recommandé)","Adresse postale","Code postal *","Commune","bf_latitude *","bf_longitude *"
27/01/2020 16:52:17,27/01/2020 16:52:17,"Allaire - Le chêne du square du centre-ville",,"Dans le square du centre-ville, près de la mairie. Multiséculaire, il appartient à une ancienne haie bocagère dont d'autres arbres ont été conservés dans ce square.","ChenePedoncule_qr_allaire_2018-10.jpg","Square de l'allée du parc","56350","Allaire","47.637612630009016","-2.161833643913269"
27/01/2020 16:53:22,27/01/2020 16:53:22,"Peillac - Le noisetier du jardin... du noisetier",,"Un arbre, vraiment ? Plutôt un arbuste, mais dont les dimensions sont tellement exceptionnelles qu'il a tout d'un petit arbre. Il a d'ailleurs donné son nom au jardin. ","NoisetieR_noisetier_bourg_peillac_reduit.jpg","Jardin du Noisetier, rue Jeanne d'Arc","56220","Peillac","47.71229545145475","-2.2184550762176514"
27/01/2020 16:52:47,27/01/2020 16:52:47,"Peillac - Le chêne de Maubran",,"Ce chêne aurait environ 200 ans; Il a été acheté au propriétaire du terrain ou il se situe pour éviter qu'il soit abattu. Un acte notarié a été dressé pour pérenniser l'achat.","ChenE_a-18-1.jpg","Maubran","56220","Peillac","47.71612856647502","-2.2491341829299926"
27/01/2020 16:57:45,27/01/2020 16:57:45,"Saint-Vincent-sur-Oust - Le chêne du Pâtis",,"Niché dans un fond de vallée, au milieu d'une prairie protégé des vents dominants par le bois qui occupe le coteau proche, il a pu profiter de sa situation d'arbre solitaire pour développer une ramure majestueuse. ","LeCheneDuPlessis_chene_le_patis.jpg","Le Pâtis","56350","Saint-Vincent-sur-Oust","47.687362497227475","-2.1343034505844116"
27/01/2020 16:53:54,27/01/2020 16:53:54,"Bains-sur-Oust - Le Grand Chêne de la Morinais",,"Il faut un brin de curiosité pour dénicher ce chêne majestueux. Il est idéalement situé dans un vallon, protégé des tempêtes et c'est certainement ce qui lui a permis de prendre tant d'ampleur. Les gens sérieux disent qu'il aurait environ 250 ou 300 ans mais une légende lui en donne bien plus... On raconte qu'un chef gaulois du nom de Malatan, enterré un peu plus haut et réincarné en oiseau serait venu le planter là afin de partager sa mémoire et de recueillir la vôtre, pour un peu que vous preniez le temps de vous y adosser....","LeGrandCheneDeLaMorinais_img_0142.jpg","Ferme de la Morinais","35600","Bains sur Oust","47.68067774601876","-2.0756596326828003"
27/01/2020 16:54:18,27/01/2020 16:54:18,"Bains-sur-Oust - Le Tilleul de la Morinais",,"Un tilleul incroyablement haut à l'orée du camping à la ferme.
Lorsqu'il est en fleurs bourdonnement intensif et parfum envoûtant garantis !","LeTilleulDeLaMorinais_tilleul_morinais.jpg","Ferme de la Morinais","35600","BAINS-SUR-OUST","47.68039242423219","-2.076394557952881"
27/01/2020 16:55:40,27/01/2020 16:55:40,"Redon - Le chêne du Vircouët",,"Conservé lors des travaux routier de l'entrée nord de Redon, ce chêne isolé étend sa ramure sur le giratoire du Vircouët. Une vigie en entrée de ville pour les décennies à venir !","LeCheneDuVircouet_chene_vircouet.jpg","Le Vircouet","35600","Redon","47.67498415","-2.06464218329004"
27/01/2020 16:54:44,27/01/2020 16:54:44,"Bains-sur-Oust -Les trois chênes de la RD 873",,"À mi-chemin entre Redon et la Gacilly, ces trois chênes se succèdent le long de la route départementale 873 ; points de repère sur le parcours, ils portent le souvenir des haies bocagères qui maillaient le secteur.","LesTroisChenesDeLaRd873_chenes_d873.jpg","Gatepeille","35600","Bains-sur-Oust","47.715536653750945","-2.09165096282959"
23/02/2019 14:46:21,23/02/2019 14:46:21,"Pommier à couteau",,"Au moins centenaire ?","","6 Rolland","44290","Massérac","47.6662275","-1.9232465"
27/01/2020 16:51:31,27/01/2020 16:51:31,"Redon - Glycine",,"Magnifique glycine sur le mur de la sous-préfecture","GlycinE_20170416_174447.jpg","","35600","Redon","47.65145486180013","-2.0833253860473633"
02/05/2019 10:09:56,02/05/2019 10:09:56,"Ensemble de chênes le long du Don",,"Ensemble de chênes pédonculés d'au moins 1 m de diamètre de tronc ; Une belle futaie, sur taillis.","","","","Guéméné-Penfao","47.62326054412892","-1.8170785903930664"
27/01/2020 16:49:50,27/01/2020 16:49:50,"Saint-Nicolas-de-Redon - Chêne place Tabago",,"allez le voir à la lumière rasante des photographes vers dix huit heures et l'hiver est éclairé par le sol","","place Tabago","44460","Saint-Nicolas-de-Redon","47.64442216534085","-2.069597840309143"
27/01/2020 16:56:41,27/01/2020 16:56:41,"Saint-Jacut-les-Pins - Le chêne du marais de Tressel",,"Magnifique arbre isolé à la descente dans le marais ; sa silhouette très équilibrée lui apporte une ampleur remarquable.","LeCheneDuMaraisDeTressel_chene_tressel.jpg","Tressel","56220","Saint-Jacut-les-Pins","47.68793667415341","-2.193167209625244"
26/10/2019 13:10:03,26/10/2019 13:10:03,"Béganne - Le chêne du bas du bourg",,"Ce vieux chêne a été révélé par l'aménagement du nouveau giratoire en entrée de bourg. ","BeganneLeCheneDuBasDuBourg_chene_entree_beganne.jpg","rue du chemin creux","56350","Béganne","47.599156806457","-2.2386038303375244"
27/01/2020 16:51:04,27/01/2020 16:51:04,"Redon - Le chêne aux deux troncs",,"Comportant deux troncs, il est situé en bord de route le long de la Vilaine, après le pont de chemin de fer et avant le conservatoire de musique en direction de Rennes. Il nous a été dit qu'il est très ancien, peut-être le plus vieil arbre de Redon ?","LeCheneAuxDeuxTroncs_arbre-bd-bonne-nouvelle-redon-baudu-1.jpg","Boulevard Bonne Nouvelle","35600","Redon","47.6514271","-2.0770895"
07/02/2020 00:27:44,07/02/2020 00:27:44,"Guenrouët  - Le Chêne de l'Ongle",,"Chêne sur les bords de l'Isac. Un arbre maître . Très large ramure.","GuenrouetCheneDeLOngle_sam_0637.jpg","L'Ongle","44530","Guenrouët","",""
29/02/2020 17:43:49,29/02/2020 17:43:49,"Saint-Jean-la-Poterie - Le chêne à double tronc",,"Ce chêne centenaire a 2 troncs et 3 branches.

À vous de le retrouver sur le terrain des lises !?!","LeCheneAuxDeuxTroncs2_chene_deux_troncs_st-jean.jpg","Rue des Lisières","56350","Saint-Jean-la-Poterie","47.63427259719348","-2.1223032474517822"

Télécharger le fichier d'export au format csv

  • 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/cooptic6
    • 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 mourrir alors allons y de bon coeur !)



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


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