Aller au contenu principal
Interpole
Formats d'animation
Outils numériques
Notions et astuces
Récits d'expériences
Recherche
Voir les cartes
Ajouter une carte
Cartes favorites
Importer des cartes en lot
Exporter des cartes
Documentation
Login
×
Login
Email or username
Password
Lost password ?
Remember me
Login
Signup
Aide
Gestion du site
Tableau de bord
Base de données
Tous Doux Liste
Archives
Mémoires d'actions
Ils.Elles nous inspirent
Badges Qrcode
Scanner Qrcode
Visualisation Qrcode Troc
Mon Parcours Collaboratif
Interpole
Add an entry : Les techniques et formats d'animation
Nom de l'outil d'animation
Valeur ajoutée / utilité de l'outil en une phrase
Illustration
, or modify the image
delete the image
Illustration
Illustration
Objectif
Check all
Ouvrir et clôturer
Réfléchir ensemble et débloquer une situation
Réguler l'énergie
Informer et consulter
Créer du lien
(co)-produire
Décider ensemble et s'aligner
Evaluer et apprendre ensemble
Poser le cadre et l'intention
Intelligence émotionnelle
Autre
Type d'outil
Exercices corporels ou sensoriels
Processus de gouvernance
Animation de groupe
Pair à pair
Autres
Taille du groupe
De 2 à 5 personnes
De 6 à 12 personnes
De 13 à 30 personnes
Plus de 30 personnes
Participants volatiles
Durée
moins de 10 min
10 à 30 min
30 à 60 min
60 à 120 min
plus de 120 min
variable
Faisable à distance ?
Ca s'adapte bien à distance
Il faut vraiment changer la méthode pour la faire à distance mais ça reste une bonne base
Cette méthode se base bien trop sur le présentiel pour être adaptée à distance
Difficulté de mise en œuvre
Résumé du déroulé (500 caractères)
Format
Huge title
Very big title
Big title
Basic title
Center
Bigger text
Highlighted text
Block source code
Inline source code
Make visible the selected part only in edit mode
Activate JavaScript to upload files.
File
Cancel
Failed
Components
Edit selected component
Buttons
Shapes
Unionion / RSS feeds
Reactions / Votes
Embeded video
Email/Mailing lists sending actions
Tag management
Display a form to create an entry
Display form's data
Advanced actions
Déroulé détaillé
Format
Huge title
Very big title
Big title
Basic title
Center
Bigger text
Highlighted text
Block source code
Inline source code
Make visible the selected part only in edit mode
Activate JavaScript to upload files.
File
Cancel
Failed
Components
Edit selected component
Buttons
Shapes
Unionion / RSS feeds
Reactions / Votes
Embeded video
Email/Mailing lists sending actions
Tag management
Display a form to create an entry
Display form's data
Advanced actions
"Dessine moi internet" est un format d'animation intéressant pour introduire des séances où il est important que les participant·e·s sachent distinguer un logiciel de sa mise à disposition en ligne par un hébergeur. Il est souvent utilisé avant une session de formation sur certains services en ligne ou sur un CMS, afin de s'assurer que les participant·e·s disposent d'une culture [[http://devenirinfopreneur.fr/ numérique]] de base à même de leur permettre de faire des choix éclairés en la matière... et de mettre le bon sens derrière des mots aux contours souvent flous (serveurs, service en ligne,...). Sa puissance réside dans le fait qu'il part des représentations des participant·e·s, ce qui lui permet de s'adapter à chaque groupe. Il a été créé dans le cadre de la formation Animacoop. {{attach file="internet33.jpg" desc="image internet3.jpg (0.2MB)" size="big" class="center" caption="Illustration présentation"}} ====Durée==== 45mn ====Objectif==== - Disposer d'éléments de culture numérique de base pour comprendre le fonctionnement du web. - Se mettre en énergie collectivement. ====Déroulement==== Le format part de la représentation des participant·e·s (recueillie à l'écrit et à l'oral) pour aboutir à un exposé synthétique du fonctionnement du oueb. ===Temps 1 - Créativité | 10mn === Cette première partie est très simple : - Répartir les participant·e·s en trois groupes ou plus d'au moins deux participant·e·s. Chaque groupe doit disposer d'un espace dédié (une table séparée des autres par exemple) - Donner à chaque groupe un support pour écrire ou dessiner, des feutres et tout autre matériel créatif disponible (gommettes, ...) - Donner la consigne "Dessinez-moi Internet". En cas de question, ne pas donner plus de précision afin de laisser chaque groupe donner libre court à son imaginaire à partir de cette consigne floue. - Passer dans les groupes afin de rassurer en cas de blocage (ça n'arrive en principe jamais) - Au bout de dix minutes, demander aux groupes de stopper. Laisser 5 minutes supplémentaires si vous l'estimez utile. A cette étape, nous observons généralement trois types de représentation d'internet : - Techniques : des serveurs, situés sur une planète, reliés par des câbles à d'autres serveurs et à des ordinateurs. - Par les usages : représentation des usages d'internet par les participant·e·s (logo des services utilisés, mots-clés) - Philosophicometaphoriques : des nuages, des cœurs, des étoiles, des gentils CHATONS, parfois le diable représenté par son point G. {{attach file="internet22.jpg" desc="image internet3.jpg (0.2MB)" size="big" class="center" caption="Illustration présentation"}} ===Temps 2 - débrief / exposé | 10mn=== - Afficher les productions des participant·e·s - Reformer un grand groupe - Donner la parole successivement à chaque groupe (3mn maximum) afin qu'ils vous expliquent leur dessin - Laisser chaque groupe choisir qui présente, mais inciter à l'action afin que ça ne prenne pas trop de temps à se décider. - L'animateur·trice relève de son côté les compréhensions d'internet fausses, ou qui s'opposent entre les groupes {{attach file="internet11.jpg" desc="image internet3.jpg (0.2MB)" size="big" class="center" caption="Illustration présentation"}} ===Temps 3 - apport de contenu | 10mn=== En s'appuyant sur les éléments relevés dans la phase précédente et sur le vocabulaire utilisé par les participant·e·s, l'animateur·trice apporte un éclairage sur le fonctionnement réel d'internet. Il est très important ici de s'appuyer sur les étapes précédentes et sur les dessins des participants afin de bien ancrer cet apport dans l'imaginaire collectif qui s'y est construit. On évite ainsi d'effectuer un apport de contenu basé sur un champs lexical hors sol. Il est ainsi possible de redessiner un schéma, mais uniquement si aucun des éléments produits par les groupes ne peut être utilisé, et il faut alors l'expliciter. En tous cas, il est recommandé de ne pas partir d'un dessin déjà tout fait. C'est le moment d'insister en particulier sur les lacunes relevées, et de mettre en lumière les points qui étaient déjà bien compris par tou·te·s. En s'appuyant sur les dessins les moins techniques, il est aussi possible d'élargir aux usages variés du web, aux impacts de l'omniprésence de ces services dans nos vies, et pourquoi pas rappeler l'utopie originelle. L'objectif principal sera qu'en ressortant, chacun·e comprenne les mots liés à internet et les éléments techniques qui se cachent derrière. Voici une petite liste non exhaustive des notions, mots-clés généralement abordées à cette étape ou de phrases qu'on y a entendu prononcées : - **Internet**, c'est basé sur un **langage commun** (standard) pour les machines qui permet aux ordinateurs de communiquer entre eux - Mon **ordinateur** peut communiquer avec tous les autres grâce à un langage partagé, mais comme des fois j'éteins mon ordinateur, il faut un **serveur** ou un ordinateur à distance pour que les autres puissent y accéder tout le temps - Internet passe par des **tuyaux** sur la terre et dans la mer (plutôt que par des satellites), l'ensemble forme un réseau. S'il n'y a pas de câble, c'est un réseau local. Si on peut y accéder depuis n'importe où, c'est "sur internet". - Un **serveur** c'est un gros ordinateur allumé en permanence - On peut installer des **logiciels** sur un serveur comme sur son ordinateur - On peut avoir son propre **serveur** dans son salon (mais c'est une responsabilité technique) ou en passant par un **hébergeur** (on loue une partie du serveur dont il a la responsabilité technique) - Un **nom de domaine** c'est une adresse qui permet d’accéder directement à une partie d'un autre ordinateur (ou d'un serveur) - Facultatif (seulement parfois) - Introduire la différence entre "le **web**" (ouvrir sur une interface un contenu qui se trouve sur internet, comme un navigateur) et "**internet**" Attention, un écueil serait de vouloir tout dire du fonctionnement du net, l'enjeu est bien ici d'amener une culture générale de base qui mette chacun en capacité de comprendre ce qu'il se passe quand il loue un hébergement ou utilise un service en ligne ! Si le groupe dispose d'un·e "geek" doué·e de bonnes capacités de vulgarisation et de synthèse, n'hésitez pas à lui laisser la main ;-) Quelques ressources sur lesquelles s'appuyer : - Comprendre la différence entre le web et internet : https://education.francetv.fr/matiere/education-au-numerique/cinquieme/article/ne-pas-confondre-le-web-et-internet - Comprendre le web : https://www.franceculture.fr/numerique/il-y-a-30-ans-linvention-du-web-sans-tambour-ni-trompette - Une synthèse de ressources par Lilian : http://www.lilianricaud.com/travail-en-reseau/ressources/creation-de-site-web/.
Conseils de mise en œuvre et pièges à éviter
Format
Huge title
Very big title
Big title
Basic title
Center
Bigger text
Highlighted text
Block source code
Inline source code
Make visible the selected part only in edit mode
Activate JavaScript to upload files.
File
Cancel
Failed
Components
Edit selected component
Buttons
Shapes
Unionion / RSS feeds
Reactions / Votes
Embeded video
Email/Mailing lists sending actions
Tag management
Display a form to create an entry
Display form's data
Advanced actions
Points d'attention
Format
Huge title
Very big title
Big title
Basic title
Center
Bigger text
Highlighted text
Block source code
Inline source code
Make visible the selected part only in edit mode
Activate JavaScript to upload files.
File
Cancel
Failed
Components
Edit selected component
Buttons
Shapes
Unionion / RSS feeds
Reactions / Votes
Embeded video
Email/Mailing lists sending actions
Tag management
Display a form to create an entry
Display form's data
Advanced actions
Variantes et bonifications en plein air, dans la rue
Format
Huge title
Very big title
Big title
Basic title
Center
Bigger text
Highlighted text
Block source code
Inline source code
Make visible the selected part only in edit mode
Activate JavaScript to upload files.
File
Cancel
Failed
Components
Edit selected component
Buttons
Shapes
Unionion / RSS feeds
Reactions / Votes
Embeded video
Email/Mailing lists sending actions
Tag management
Display a form to create an entry
Display form's data
Advanced actions
Variantes et bonifications (notamment à distance)
Format
Huge title
Very big title
Big title
Basic title
Center
Bigger text
Highlighted text
Block source code
Inline source code
Make visible the selected part only in edit mode
Activate JavaScript to upload files.
File
Cancel
Failed
Components
Edit selected component
Buttons
Shapes
Unionion / RSS feeds
Reactions / Votes
Embeded video
Email/Mailing lists sending actions
Tag management
Display a form to create an entry
Display form's data
Advanced actions
Matériel nécessaire
Format
Huge title
Very big title
Big title
Basic title
Center
Bigger text
Highlighted text
Block source code
Inline source code
Make visible the selected part only in edit mode
Activate JavaScript to upload files.
File
Cancel
Failed
Components
Edit selected component
Buttons
Shapes
Unionion / RSS feeds
Reactions / Votes
Embeded video
Email/Mailing lists sending actions
Tag management
Display a form to create an entry
Display form's data
Advanced actions
- Feutres - Grande feuille de papier pour 4 participant·e·s (A2 ou A1)
Références, lien utile ou ressource pédagogique liée:
Format
Huge title
Very big title
Big title
Basic title
Center
Bigger text
Highlighted text
Block source code
Inline source code
Make visible the selected part only in edit mode
Activate JavaScript to upload files.
File
Cancel
Failed
Components
Edit selected component
Buttons
Shapes
Unionion / RSS feeds
Reactions / Votes
Embeded video
Email/Mailing lists sending actions
Tag management
Display a form to create an entry
Display form's data
Advanced actions
Licence d'utilisation la ressource
CC BY SA
CC 0
Autre licence libre (préciser en description)
Licence non-libre
Aut·eur·rice·s ou historique des contributions
État de la ressource
En cours de rédaction
Diffusable
Mots clés de complément
Joindre un fichier ressource depuis mon ordinateur
Contribut·eur.rice·s ayant expérimenté cet outil
Check all
Alain Imbaud - Interventions Numériques
Alice Oechsner de Coninck
Angélique Sanches
Anne-Cerise Tissot - Animation, Concertation & Territoires
Anne-Laure
Audrey Auriault /GARC.ESS/Ouvre Boite
Aurelia Boisante : Enjeux Formations & ABCF Formations
Balmes Malvina
Caroline Pruvost
Cavellat Pierre-Yves / Héliocat
Christine Denié-Hervy
Claire Orabé
Clémence
Clément Charleux
Corinne Lamarche
Cécile Favé U
Cécile Guillemet
Cécile TREDANIEL - Coélan
Célia Goncalves
Céline DOUX
David Delon
Delphine STRAZZIERI
Deschamps Jessica
Dominique Hébert
Elodie RETEL
Emeline Sebert
Emmanuelle GERNET
Eric Favre
Fabienne Morel
Florent GAUDIN
Floriane Hamon
Frédérique Assal Pôles en pomme 🍎
GAUCHER Tiphaine
Gatien Bataille
Guillaume Doukhan
Héloïse Fournier
Ilie Illet
Jean-François Le Limantour
Jean-François Rochas-Parrot
Jean-Michel Cornu
Jessica Deschamps
Julie
Julie Chabaud
Juliette Vidal
Justine BRUNET
Jérôme Thierry
Laumonnier Anne
Laura Cunchinabé
Laure Beyler
Laurent CHEDANNE
Laurent Marseault
Lilian Ricaud
Louise Didier
Magalie Dréano
Manuel Ibanez
Marianne Langlet
Marie-Andrée Roy
Marilo
Marilyne Barisic
Maroin Al Dandachi
Melissa Vicaut
Michel Briand
Mélanie Feldstein
Mélanie Lacayrouze / Metacartes.ccl
Nadine Bagué
Nathalie Denic
Nicolas Geiger
Olivier Heinry / Artefacts
Othman Ben Brahim
Romain Haonfaure
Romain Lalande
Sarah Dubois
Sarah Gaucher
Sarah Lamy
Sarah Trichet-Allaire
Schmitt Florian
Sophie Laleman
Stéphanie Dupré
Stéphanie Dupré
Suzanne Pigeon
Sylvain Boyer
Test TEST
Valentin Douarre
Yann Le Beguec
Yasu Moy
Yohan Lechevalier
Yohan Reversat (Jardinier.e.s du Nous)
jacky animacoop
Cliquez ici pour accéder aux champs obsolètes
Préparation
Format
Huge title
Very big title
Big title
Basic title
Center
Bigger text
Highlighted text
Block source code
Inline source code
Make visible the selected part only in edit mode
Activate JavaScript to upload files.
File
Cancel
Failed
Components
Edit selected component
Buttons
Shapes
Unionion / RSS feeds
Reactions / Votes
Embeded video
Email/Mailing lists sending actions
Tag management
Display a form to create an entry
Display form's data
Advanced actions
Lien vers la fiche méthodologique
Vérification for saving page
Submit
Cancel
×
Pick a form
Nb. : It is possible to display several databases once by giving their id separated by a coma [
open the documentation
].
Code to insert in the page
×
Add a link to selected text
Edit the link
Create a page
YesWiki page name or URL
Page name to create
Page name should not contains any special characters other than - or _. URL must start with https://
If the page does not exists, it will be created.
This page already exists !
Text displayed
Link's text towards this new page
Hovering Title
Link opens in current tab
Link opens in new tab
Link opens in modal box
×
Upload file
Download link text
Show the pdf in the page :
as a link
directly included in the page
Image alignment
Text below
Left
Center
Right
Image size
Thumbnail (140x97)
Medium (300x209)
Big (780x544)
Original size
Alternative text, for visually impaired people
This text will be displayed instead of the image, if the image is not found. It will also be read out loud by assistive technology (screen readers). Let it empty if the image serves a purely decorative purpose
Advanced parameters
Associated link
Graphical effects
White border
Drop shadow
Zoom on hover
Add a link to only display the full image
Yes
No
Caption text