Bien démarrer l'animation de son groupe

Construire des accords de groupes

• Quelles seraient les conditions minimales pour être efficients et heureux au sein de ce groupe ? Si vous perdez un peu de temps à définir ces règles de bases, vous en gagnerez bien pus par la suite.

Intégrer la notion du temps dans la gestion des groupes

La métaphore de l'arbre groupe

C'est grâce à eux tout ça

• Gatien Bataille
• Florian Schmitt
• Laurent Marseault

Co-écriture avec les pads

Créer un espace de coécriture et l'utiliser

Utilisation détaillée du pad

Les défis

• 🥉 Créer votre premier espace de co-écriture
• 🥈 Partager cet espace avec quelques complices et tester la co-écriture
• 🥇 Intégrer cet espace de co-écriture au sein d'un wiki

Comprendre et utiliser les composants de base

• des boutons
• des colonnes
• des flux d'informations...

Les défis

• 🥉 Faire un bouton d'alerte (rouge) avec une icone "bombe" qui renvoie vers un lien externe

• 🥈 Faire une mise en page avec 3 colonnes : une prenant la moitié de l'espace, les 2 autres un quart

• 🥇 Faire une page de veille avec une mise en page avec des onglets dans une meme page, avec une composant flux rss par onglet, avec que chaque onglet propose une liste des derniers articles du flux rss de votre choix

Créer des Listes à puces

• pour faire une liste aurait dit Lapalisse
• pour gérer la barre de menu, en effet
  • ce qui sera en liste à puce de premier niveau sera affiché dans le menu
  • ce qui sera en second niveau permettra de remplir les menus déroulants mais nous y reviendrons

Créer des pages, créer des liens

Créer une nouvelle page

• le texte du lien
• le nom de la page à créer

Créer un lien

• un système d'autocomplétion vous permettra de retrouver les pages de votre wiki
• si vous ajoutez une url, sera généré un lien externe

• dans la même page
• dans un nouvel onglet
• sous forme d'un pop up

Trouver le nom d'une page

• https://interlab.cc correspond à la racine du site
• RessourcesLab correspond au nom de la page au sein du wiki (ce qui se trouve après le ?)

Editer les pages spéciales

Les défis

• 🥉 Ajoutez une entrée au menu principal de votre wiki (le menu horizontal du haut)

• 🥈 Ajoutez une entrée à la roue crantée et au pied de page

• 🥇 En fonction des pages, mettre une entete différente, par exemple sur la page d'accueil, une grande image et une phrase d'accroche, sur les autres pages un bandeau plus petit

Editer une page

• un mode lecture
• un mode édition

• les textes prennent de la couleur
• une barre d'édition est visible

• Cliquer en bas à gauche de la page sur "Editer la page"
• Double cliquer dans la page

• Il existe une troisième solution pour passer en mode édition : ajouter /edit au bout de l'adresse web de votre page

Espace de saisie, espace de restitution des bases de données

• une interface de saisie, les formulaires qui permettent de saisir des fiches
• une interface de restitution des fiches sous diverses formes :
  • accordéons
  • carto
  • annuaires
  • agenda
  • calendrier
  • tableau...

Les défis

• 🥉 Afficher une liste d'articles sous forme de cartes en 3 colonnes avec des vignette d'images

• 🥈 Afficher une liste d'articles sous forme de cartes en 3 colonnes avec des vignette d'images, en limitant leur nombre à 6, et en ouvrant les article dans une fenètre modale

• 🥇 Afficher dans plusieures pages reliées par des onglets :
  • un onglet consultation avec une liste d'articles avec différentes facettes comme les thématiques abordées, le temps de lecture (des listes et cases a cocher devront etre ajoutées pour cela dans le formulaire des articles)
  • un onglet saisie avec le formulaire de saisie

Insérer des fichiers et des images

• Pour les fichiers de type image : jpg, gif, png... vous pourrez visualiser l'image
• Pour des vidéo : flv, mp4, avi vous obtiendrez un player vidéo
• Pour des sons : mp3, vous obtiendrez un player son
• Pour des pdf : vous pourrez au choix proposer un lien de téléchargement ou lire directement le pdf dans la page wiki
• Pour tout autre fichier : obtenir un lien de téléchargement.

Introduction à bazar, le gestionnaire de bases de données de YesWiki

• un agenda
• un gestionnaire de ressources
• un annuaire
• un gestionnaire d'actu

Le récapitulatif de tous les défis

Niveau Bronze

• 🥉 Créer votre premier espace de co-écriture
• 🥉 Créer votre premier espace de post-it
• 🥉 Créer votre premier tableur partagé et le tester avec des complices
• 🥉 Créer son yeswiki sur la ferme interlab
• 🥉 Naviguer chronologiquement dans les modifications de la page d'accueil de ce wiki
• 🥉 Mettre en forme (titrages et quelques mises en exergue) le texte suivant :

Comment administrer un comprimé à son chat
La théorie  -  La pratique


1 - Prenez le chat dans le creux de votre bras gauche comme vous le feriez pour un bébé. Mettez l'index et le pouce de chaque côté de sa gueule et exercez une légère pression tout en tenant le comprimé dans la main droite. Quand la bouche s'ouvre, lancez la pilule. Laissez le chat refermer sa gueule et avaler. 
Ramassez le comprimé sur le sol et récupérez le chat derrière le canapé.

2 - Recommencez.
Récupérez le chat sous le lit et jetez le comprimé qui est tout ramolli. 

3 - Prenez un nouveau comprimé, reprenez le chat dans le creux du bras gauche en lui maintenant fermement les pattes arrière de la main gauche. Ecartez les mâchoires avec force et poussez le comprimé dans le fond de la gueule avec l'index droit. Maintenez la gueule fermée pendant 10 secondes. 
Repêchez le comprimé dans le fond de l'aquarium, récupérez le chat au sommet de l'armoire et sollicitez l'aide de votre conjoint. 

4 - Agenouillez-vous, le chat fermement coincé entre vos cuisses, tout en lui tenant les pattes avant et arrière. Ignorez les grondements du chat. Demandez à votre conjoint de lui ouvrir la gueule, d'y jeter le comprimé et de masser la gorge avec vigueur. 
Récupérez le chat sur la tringle à rideaux. Faites une note pour songer à réparer les rideaux et recoller les morceaux du vase. 

5 - Enveloppez le chat dans une serviette de bain et demandez à votre conjoint de se coucher dessus en laissant la tête du chat apparente. Mettez le comprimé dans une paille, forcez la gueule du chat et soufflez dans la paille. 
Assurez-vous que le comprimé n'est pas nocif pour les humains et buvez un verre d'eau pour chasser le goût. Pansez le bras de votre conjoint et lavez le sang sur le tapis avec de l'eau et du savon. Récupérez le chat chez le voisin et prenez un autre comprimé. 

6 - Coincez la tête du chat dans l'entrebâillement de la porte de l'armoire. Forcez la gueule avec une cuillère et lancez le comprimé à l'intérieur avec un élastique. 
Allez chercher un tournevis dans votre boite à outils pour remonter les charnières de la porte. Appliquez-vous une compresse froide sur la joue et vérifiez la date de votre rappel de vaccination antitétanique. Jetez votre tee-shirt et allez en chercher un autre. 
Appelez les pompiers pour récupérer le chat dans l'arbre. Excusez-vous auprès de votre voisin qui s'est écrasé contre un mur en évitant le chat. Prenez le dernier comprimé. 

7 - Liez les pattes du chat avec du fil de fer et attachez le tout au pied de la table. Mettez des gants de jardinier, ouvrez la gueule du chat avec une clef à molette, poussez-y le comprimé suivi d'un morceau de filet de bœuf. Maintenez la tête verticale et faites couler un bon demi-litre d'eau pour dissoudre le comprimé. 
Demandez à votre conjoint de vous conduire aux urgences et gardez votre calme pendant que le médecin vous met les agrafes aux doigts et à l'avant-bras et vous retire les déchets de comprimé de l'œil droit. Sur le chemin du retour, arrêtez-vous chez le marchand de meubles pour commander une nouvelle table. 

8 - Appelez le vétérinaire et demandez-lui s'il fait des visites à domicile.

• 🥉 Ajoutez une entrée au menu principal de votre wiki (le menu horizontal du haut)
• 🥉 Faire un bouton d'alerte (rouge) avec une icone "bombe" qui renvoie vers un lien externe
• 🥉 Afficher une liste d'articles sous forme de cartes en 3 colonnes avec des vignette d'images
• 🥉 En moins de 3 minutes Créez le même formulaire que celui de https://ripostecreativebretagne.xyz rubrique initiative avec les listes associées admin

• 🥉 Créez un formulaire avec un maximum de champs différents, une navigation par onglets, et des affichages conditionnels

Niveau Argent

• 🥈 Partager cet espace avec quelques complices et tester la co-écriture
• 🥈 Partager cet espace avec quelques complice et tester le travail synchrone
• 🥈 Tester les autres fonctionnalités de Cryptpad (sondages, présentations, etc,...)
• 🥈 Créer son yeswiki sur son propre hébergement web admin
• 🥈 Revenir sur une version précédente d'une page
• 🥈 Rajouter des balises html pour intégrer une video en rapport avec les arc-en-ciel et pour mettre les noms des couleurs aux couleurs de l'arc en ciel, sur le texte suivant :

Aujourd'hui en Occident, les représentations des couleurs de l'arc-en-ciel ont souvent cinq à sept couleurs ; les sept énoncées par Newton — rouge, orange, jaune, vert, bleu, indigo, violet — gardent une certaine influence culturelle.

• 🥈 Ajoutez une entrée à la roue crantée et au pied de page
• 🥈 Faire une mise en page avec 3 colonnes : une prenant la moitié de l'espace, les 2 autres un quart
• 🥈 Afficher une liste d'articles sous forme de cartes en 3 colonnes avec des vignette d'images, en limitant leur nombre à 6, et en ouvrant les article dans une fenètre modale
• 🥈 Créez le même formulaire que celui de https://ripostecreativebretagne.xyz rubrique initiative mais sans passer par les fonctions d'import, mais par l'interface de création de formulaire, en copiant-collant admin
• 🥈 Afficher sur la page d'accueil de votre site uniquement
  • les 5 prochains évènements
  • avec une icone particulière si cet évènement est en présence ou a distance
  • et une couleur signifiant réunion d'équipe, de bureau, de CA
  • afficher ces évènement sur votre calendrier web préféré

Niveau Or

• 🥇 Intégrer cet espace de co-écriture au sein d'un wiki
• 🥇 Intégrer un tableau de post-it au sein d'un wiki (c'est un peu plus compliqué qu'avec le pad, il va falloir utiliser l'aide mémoire qui se trouve à droite de la barre d'édition de votre wiki )
• 🥇 Créer son propre identifiant sur Cryptpad et organiser ses documents et fichiers
• 🥇 (défi pas nécessairement à accomplir maintenant) Créer sa propre ferme à wikis admin
• 🥇 Comparer les modifications entre deux versions de page, en mode visualisation et en mode wiki
• 🥇 Réaliser un truc qui ressemble à... un joli cadre bleu qui fait des bonds quand vous arrivez sur la page

• 🥇 En fonction des pages, mettre une entete différente, par exemple sur la page d'accueil, une grande image et une phrase d'accroche, sur les autres pages un bandeau plus petit
• 🥇 Faire une page de veille avec une mise en page avec des onglets dans une meme page, avec une composant flux rss par onglet, avec que chaque onglet propose une liste des derniers articles du flux rss de votre choix
• 🥇 Afficher dans plusieures pages reliées par des onglets :
  • un onglet consultation avec une liste d'articles avec différentes facettes comme les thématiques abordées, le temps de lecture (des listes et cases a cocher devront etre ajoutées pour cela dans le formulaire des articles)
  • un onglet saisie avec le formulaire de saisie
• 🥇 Créez le même formulaire que celui de https://ripostecreativebretagne.xyz rubrique initiative mais sans passer par les fonctions d'import, ni en copiant/collant l'existant, mais par l'interface de création de formulaire admin
• 🥇 Vous permettez à des paysans de décrire leur exploitation, le nombre de vaches, volailles, moutons, le nombre d'hectares de l'exploitation... admin
  • s'il possèdent des volailles, leur proposer la possibilité de préciser le nombre de poules, canards, lapins
  • Affichez un tableau qui résume :
    • pour chaque exploitation
      • le nombre total d'animaux
      • le nombre d'animaux par hectare
  • le total de chaque catégorie d'animal ainsi que les surfaces totales de toutes ces exploitations

Les 3 manières de créer un formulaire

• partir d'un formulaire existant
• aspirer le formulaire d'un autre wiki
• ou partir de zéro

Les défis

• 🥉 En moins de 3 minutes Créez le même formulaire que celui de https://ripostecreativebretagne.xyz rubrique initiative avec les listes associées admin

• 🥈 Créez le même formulaire que celui de https://ripostecreativebretagne.xyz rubrique initiative mais sans passer par les fonctions d'import, mais par l'interface de création de formulaire, en copiant-collant admin

• 🥇 Créez le même formulaire que celui de https://ripostecreativebretagne.xyz rubrique initiative mais sans passer par les fonctions d'import, ni en copiant/collant l'existant, mais par l'interface de création de formulaire admin

Les différents champs possibles pour créer des formulaires

• textes cours
• textes longs
• cases à cocher
• choix dans une liste
• email...

Pour aller plus loin

Les défis

• 🥉 Créez un formulaire avec un maximum de champs différents, une navigation par onglets, et des affichages conditionnels

• 🥈 Afficher sur la page d'accueil de votre site uniquement
  • les 5 prochains évènements
  • avec une icone particulière si cet évènement est en présence ou a distance
  • et une couleur signifiant réunion d'équipe, de bureau, de CA
  • afficher ces évènement sur votre calendrier web préféré

• 🥇 Vous permettez à des paysans de décrire leur exploitation, le nombre de vaches, volailles, moutons, le nombre d'hectares de l'exploitation... admin
  • s'il possèdent des volailles, leur proposer la possibilité de préciser le nombre de poules, canards, lapins
  • Affichez un tableau qui résume :
    • pour chaque exploitation
      • le nombre total d'animaux
      • le nombre d'animaux par hectare
  • le total de chaque catégorie d'animal ainsi que les surfaces totales de toutes ces exploitations

Les outils indispensables pour animateur

La gare centrale

Des photos de gares centrales

Ok on fait comment ?

Dans le maintien à jour

Pour faire vivre la gare centrale

• on met en avant à interval régulier, un membre du collectif, une ressource, un tuto
• on remet en avant de temps à autre, un outil utilisé dans le collectif

• via les options de yeswiki, on peut automatiser la mise en avant des X dernières ressourcces, fiches ou... crées sur le wiki (voir notre page d'accueil)
• via l'inclusion d'un agenda (qui se remplit ailleurs)
• ...

Organiser une réunion

Les Pads

• en amont de la réunion afin de préparer l'ordre du jour
• pendant la réunion afin d'être plusieurs le compte rendu
• après la réunion afin de stabiliser le compte-rendu

Les Postits

Mettre en forme les textes et supprimer les mises en forme

• Mise en forme simple
• Mise en forme avancée

Les défis

• 🥉 Mettre en forme (titrages et quelques mises en exergue) le texte suivant :

Comment administrer un comprimé à son chat
La théorie  -  La pratique


1 - Prenez le chat dans le creux de votre bras gauche comme vous le feriez pour un bébé. Mettez l'index et le pouce de chaque côté de sa gueule et exercez une légère pression tout en tenant le comprimé dans la main droite. Quand la bouche s'ouvre, lancez la pilule. Laissez le chat refermer sa gueule et avaler. 
Ramassez le comprimé sur le sol et récupérez le chat derrière le canapé.

2 - Recommencez.
Récupérez le chat sous le lit et jetez le comprimé qui est tout ramolli. 

3 - Prenez un nouveau comprimé, reprenez le chat dans le creux du bras gauche en lui maintenant fermement les pattes arrière de la main gauche. Ecartez les mâchoires avec force et poussez le comprimé dans le fond de la gueule avec l'index droit. Maintenez la gueule fermée pendant 10 secondes. 
Repêchez le comprimé dans le fond de l'aquarium, récupérez le chat au sommet de l'armoire et sollicitez l'aide de votre conjoint. 

4 - Agenouillez-vous, le chat fermement coincé entre vos cuisses, tout en lui tenant les pattes avant et arrière. Ignorez les grondements du chat. Demandez à votre conjoint de lui ouvrir la gueule, d'y jeter le comprimé et de masser la gorge avec vigueur. 
Récupérez le chat sur la tringle à rideaux. Faites une note pour songer à réparer les rideaux et recoller les morceaux du vase. 

5 - Enveloppez le chat dans une serviette de bain et demandez à votre conjoint de se coucher dessus en laissant la tête du chat apparente. Mettez le comprimé dans une paille, forcez la gueule du chat et soufflez dans la paille. 
Assurez-vous que le comprimé n'est pas nocif pour les humains et buvez un verre d'eau pour chasser le goût. Pansez le bras de votre conjoint et lavez le sang sur le tapis avec de l'eau et du savon. Récupérez le chat chez le voisin et prenez un autre comprimé. 

6 - Coincez la tête du chat dans l'entrebâillement de la porte de l'armoire. Forcez la gueule avec une cuillère et lancez le comprimé à l'intérieur avec un élastique. 
Allez chercher un tournevis dans votre boite à outils pour remonter les charnières de la porte. Appliquez-vous une compresse froide sur la joue et vérifiez la date de votre rappel de vaccination antitétanique. Jetez votre tee-shirt et allez en chercher un autre. 
Appelez les pompiers pour récupérer le chat dans l'arbre. Excusez-vous auprès de votre voisin qui s'est écrasé contre un mur en évitant le chat. Prenez le dernier comprimé. 

7 - Liez les pattes du chat avec du fil de fer et attachez le tout au pied de la table. Mettez des gants de jardinier, ouvrez la gueule du chat avec une clef à molette, poussez-y le comprimé suivi d'un morceau de filet de bœuf. Maintenez la tête verticale et faites couler un bon demi-litre d'eau pour dissoudre le comprimé. 
Demandez à votre conjoint de vous conduire aux urgences et gardez votre calme pendant que le médecin vous met les agrafes aux doigts et à l'avant-bras et vous retire les déchets de comprimé de l'œil droit. Sur le chemin du retour, arrêtez-vous chez le marchand de meubles pour commander une nouvelle table. 

8 - Appelez le vétérinaire et demandez-lui s'il fait des visites à domicile.

• 🥈 Rajouter des balises html pour intégrer une video en rapport avec les arc-en-ciel et pour mettre les noms des couleurs aux couleurs de l'arc en ciel, sur le texte suivant :

Aujourd'hui en Occident, les représentations des couleurs de l'arc-en-ciel ont souvent cinq à sept couleurs ; les sept énoncées par Newton — rouge, orange, jaune, vert, bleu, indigo, violet — gardent une certaine influence culturelle.

• 🥇 Réaliser un truc qui ressemble à... un joli cadre bleu qui fait des bonds quand vous arrivez sur la page

Objectifs de la formation

Objectifs

• acquérir des bases d'animation, en particulier adopter une posture et une culture de coopération
• apprendre a utiliser les outils libres les plus simples et maléables pour travailler a plusieurs
• se perfectionner particulierement sur YesWiki, outil convivial connecteur, permettant de faire des bases de données

Méthode

• 🥉 : niveau bronze, les plus simples, il faut les avoir acquéri
• 🥈 : niveau argent, défis déja plus élaborés
• 🥇 : niveau or, défis relevés pour les jedis

Revenir sur une version antérieure d'une page

Les défis

• 🥉 Naviguer chronologiquement dans les modifications de la page d'accueil de ce wiki
• 🥈 Revenir sur une version précédente d'une page
• 🥇 Comparer les modifications entre deux versions de page, en mode visualisation et en mode wiki

Tableau de post-it collaboratif

Créer son tableau de post-it

Les usages

Les défis

• 🥉 Créer votre premier espace de post-it
• 🥈 Partager cet espace avec quelques complice et tester le travail synchrone
• 🥇 Intégrer un tableau de post-it au sein d'un wiki (c'est un peu plus compliqué qu'avec le pad, il va falloir utiliser l'aide mémoire qui se trouve à droite de la barre d'édition de votre wiki )

Tableur collaboratif sur Cryptpad

Les défis

• 🥉 Créer votre premier tableur partagé et le tester avec des complices
• 🥈 Tester les autres fonctionnalités de Cryptpad (sondages, présentations, etc,...)
• 🥇 Créer son propre identifiant sur Cryptpad et organiser ses documents et fichiers

Travailler sa posture d'animateurice

Pourquoi coopérer ?

• Quelle intérêt aurions-nous à coopérer plutôt qu'à ne pas le faire ?
• Avons-nous des expériences positives de coopération et quels en fûrent les ingrédients ?
• Avons-nous des expériences négatives de dynamique de groupe et quelles en furent les raisons ?

Utiliser les méthodes agiles pour animer son groupe

Méthodes agile, itérations, solutions pour faire avancer un collectif

Animation d'un collectif : les prochains petits pas

Quelle périodicité pour les rendez-vous dans les collectifs ?

Pourquoi faire des retrospectives regulières avec un groupe ?

Que faire si les tensions dans un explosent au moment des rétrospectives ?

YesWiki, l'outil couteau suisse

Pour les gares centrales

Pour les formateurices

Pour des bases de données coopératives

Les défis

• 🥉 Créer son yeswiki sur la ferme interlab
• 🥈 Créer son yeswiki sur son propre hébergement web admin
• 🥇 (défi pas nécessairement à accomplir maintenant) Créer sa propre ferme à wikis admin