https://www.wikidebrouillard.org/w/api.php?action=feedcontributions&feedformat=atom&user=Cl%C3%A9mentWikidebrouillard - Contributions de l’utilisateur [fr]2026-04-17T19:42:17ZContributions de l’utilisateurMediaWiki 1.31.3https://www.wikidebrouillard.org/w/index.php?title=Item:Servomoteur&diff=13179Item:Servomoteur2022-01-24T14:56:20Z<p>Clément : </p>
<hr />
<div>{{Item<br />
|Main_Picture=Item-Servomoteur_servoSG92R.jpg<br />
|Main_Picture_02=Item-Servomoteur_800px-Formeservo.jpg<br />
|Description=Un servomoteur (couramment appelé "servo" du latin "servus" signifiant "esclave") est un moteur capable de maintenir une opposition à un effort statique et dont la position est vérifiée en continu et corrigée en fonction de la mesure.<br />
|Cost=1,5<br />
|Currency=EUR (€)<br />
|ItemLongDescription====Du matériel de bidouille électronique courant===<br />
On utilise souvent le grand classique SG90 ou maintenant, le [http://www.towerpro.com.tw/product/sg92r-7/ SG92R de TowerPro]<br />
<br />
===Comparaison de servomoteurs===<br />
<br />
*Les MG90S sont très difficiles à trouver. Il coûtes 2 à 3 fois plus chers (engrenages métalliques) et<br />
*C'est la version MG90D qui est la version "Upgrade" du MG90S.<br />
*Les SG92R, présentent l'avantage de combiner un prix modique, des engrenages en fibre de carbone et des propriétés mécaniques similaires. Cependant, les dimensions sont légèrement différentes.<br />
<br />
Ils ont pour points commun d'avoir un cable de 25 cm et de recevoir les même accessoires (bras qui se fixent sur la tête du servo).<br />
<br />
Des liens vers la doc officielle des servo :<br />
<br />
*Le MG90S : http://www.towerpro.com.tw/product/mg90s-3/<br />
*Le MG90D (version upgrade du MG90S) : http://www.towerpro.com.tw/product/mg90d-2/<br />
*Le SG92R (nouvelle version du classique SG90) : http://www.towerpro.com.tw/product/sg92r-7/<br />
<br />
Comparatif des propriétés :<br />
{| class="wikitable"<br />
!Spécification<br />
!MG90S<br />
!MG90D<br />
!SG92R<br />
!SG90<br />
|-<br />
|Poid (g)<br />
|13<br />
|13,4<br />
|12<br />
|9<br />
|-<br />
|Couple (Kg) (4,8v)<br />
|2,1<br />
|1,8<br />
|2,5<br />
|1,8<br />
|-<br />
|Vitesse (sec/60deg)<br />
|0,1<br />
|0,1<br />
|0,1<br />
|0,1<br />
|-<br />
|A(mm)<br />
|32,5<br />
|32,5<br />
|34,5<br />
|34,5<br />
|-<br />
|B(mm)<br />
|22,6<br />
|22,8<br />
|22,8<br />
|22,8<br />
|-<br />
|C(mm)<br />
|28,5<br />
|28,4<br />
|26,7<br />
|26,7<br />
|-<br />
|D(mm)<br />
|12<br />
|12,4<br />
|12,6<br />
|12,6<br />
|-<br />
|E(mm)<br />
|31,5<br />
|32,1<br />
|32,5<br />
|32,5<br />
|-<br />
|F(mm)<br />
|19,8<br />
|18.5<br />
|16<br />
|16<br />
|}<br />
}}<br />
===Un système asservi.===<br />
Un servomoteur est un système motorisé capable d'atteindre des positions prédéterminées, puis de les maintenir. <br />
<br />
La position est : dans le cas d’un moteur rotatif, une valeur d'angle et, dans le cas d’un moteur linéaire une distance. <br />
<br />
On utilise des moteurs électriques (continu, asynchrone, brushless) aussi bien que des moteurs hydrauliques. Le démarrage et la conservation de la position prédéterminée sont commandés par un système de réglage. Pour un ajustement précis de la position, le moteur et son réglage sont équipés d'un système de mesure qui détermine la position courante (p. ex. l'angle de rotation parcouru relatif à une position de départ) du moteur. Cette mesure est effectuée sur un réglage rotatif, p. ex. un résolveur, un réglage incrémental ou un réglage absolu (réalisable p. ex. par un potentiomètre). Le système de réglage souvent électronique compare le signal à une valeur prescrite de la position de consigne. S’il y a une déviation, le moteur est commandé dans la direction qui garantit le plus petit chemin à effectuer pour arriver à la valeur de consigne. Cela a pour conséquence de faire diminuer l'écart. La procédure se répète aussi longtemps et, jusqu'à ce que la valeur courante se trouve incrémentiellement ou par l'intermédiaire d’une approximation dans les seuils de tolérance de la valeur consigne. Alternativement, la position du moteur peut être saisie aussi numériquement et comparée via un ordinateur approprié à une valeur prescrite.<br />
==Bibliothèque : ==<br />
Pour utiliser facilement ce capteur, nous vous conseillons d'utiliser la bibliothèque Servo (présente dans le gestionnaire de bibliothèques arduino) plus d'infos pour [https://www.wikidebrouillard.org/w/Importer_des_biblioth%C3%A8ques_dans_l'interface_Arduino Importer des bibliothèques dans l'interface Arduino]<br />
<br />{{#annotatedImageLight:Fichier:Item-Servomoteur Arduino-lib-servo.png|0=778px|hash=|jsondata=|mediaClass=Image|type=frameless|align=center|src=https://www.wikidebrouillard.org/images/7/7e/Item-Servomoteur_Arduino-lib-servo.png|href=./Fichier:Item-Servomoteur Arduino-lib-servo.png|resource=./Fichier:Item-Servomoteur Arduino-lib-servo.png|caption=|size=778px}}La bibliothèque est ici : https://github.com/arduino-libraries/Servo<br />
<br />
==Câblage : ==<br />
{{#annotatedImageLight:Fichier:Item-Servomoteur Arduino-servo-cablage.png|0=718px|hash=|jsondata=|mediaClass=Image|type=frameless|align=center|src=https://www.wikidebrouillard.org/images/a/ab/Item-Servomoteur_Arduino-servo-cablage.png|href=./Fichier:Item-Servomoteur Arduino-servo-cablage.png|resource=./Fichier:Item-Servomoteur Arduino-servo-cablage.png|caption=|size=718px}}<br />
==Code Minimal==<br />
<br /><br />
{| class="wikitable" cellspacing="0" border="0"<br />
| height="17" bgcolor="#999999" align="left" |<br />
| valign="middle" bgcolor="#999999" align="center" |<br />
| bgcolor="#999999" align="center" |Servo moteur<br />
|-<br />
| rowspan="2" valign="middle" height="49" bgcolor="#999999" align="center" |Avant le Setup<br />
| valign="middle" bgcolor="#999999" align="center" |Importation de la bibliothèque<br />
| valign="middle" align="left" |#include <Servo.h><br />
|-<br />
| valign="middle" bgcolor="#999999" align="center" |Création de l’objet<br />
| valign="middle" align="left" |Servo monservo;<br />
|-<br />
| valign="middle" height="17" bgcolor="#999999" align="center" |Dans le Setup<br />
| valign="middle" bgcolor="#999999" align="center" |Démarrage de l’objet<br />
| valign="middle" align="left" |monservo.attach(broche du servo, min, max);<br />
|-<br />
| valign="middle" height="28" bgcolor="#999999" align="center" |Dans le Loop<br />
| valign="middle" bgcolor="#999999" align="center" |Utilisation<br />
| valign="middle" align="left" |monservo.write(45);<br /><br />
|}<br />
<br /><syntaxhighlight lang="arduino" line="1" start="1"><br />
#include <Servo.h> //importation de la bibliothèque servo<br />
<br />
Servo monservo; // Création de l'objet monservo<br />
<br />
void setup() {<br />
monservo.attach(12, 544, 2600); //Démarrage de l'objet et configuration de celui-ci sur la broche D6. Les valeurs 544 et 2600 permettent de ré"gler les problèmes d'ampleur de rotation du servo.<br />
// La bibliothèque servo.h s'utilise comme ceci : monservo.attach(broche, min, max) Min et Max sont optionnels pour Arduino - on pourrait mettre simplement monservo.attach(broche) - mais avec le D1 mini, il y a parfois des soucis (certains servos ne tournent que de 0 à 90°) : <br />
// min : largeur d'impulsion, en microsecondes, correspondant à l'angle minimum (0 degré) du servo (valeur par défaut : 544).<br />
// max : la largeur d'impulsion, en microsecondes, correspondant à l'angle maximum (180 degrés) du servo (par défaut 2400). <br />
<br />
}<br />
<br />
void loop() {<br />
monservo.write(45); // Rotation du servo à la position 45°<br />
}<br />
</syntaxhighlight><br />
<br />
{{Tuto Status<br />
|Complete=Published<br />
}}</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Item:Servomoteur&diff=13178Item:Servomoteur2022-01-24T14:56:10Z<p>Clément : </p>
<hr />
<div>{{Item<br />
|Main_Picture=Item-Servomoteur_servoSG92R.jpg<br />
|Main_Picture_02=Item-Servomoteur_800px-Formeservo.jpg<br />
|Description=Un servomoteur (couramment appelé "servo" du latin "servus" signifiant "esclave") est un moteur capable de maintenir une opposition à un effort statique et dont la position est vérifiée en continu et corrigée en fonction de la mesure.<br />
|Cost=1,5<br />
|Currency=EUR (€)<br />
|ItemLongDescription====Du matériel de bidouille électronique courant===<br />
On utilise souvent le grand classique SG90 ou maintenant, le [http://www.towerpro.com.tw/product/sg92r-7/ SG92R de TowerPro]<br />
<br />
===Comparaison de servomoteurs===<br />
<br />
*Les MG90S sont très difficiles à trouver. Il coûtes 2 à 3 fois plus chers (engrenages métalliques) et<br />
*C'est la version MG90D qui est la version "Upgrade" du MG90S.<br />
*Les SG92R, présentent l'avantage de combiner un prix modique, des engrenages en fibre de carbone et des propriétés mécaniques similaires. Cependant, les dimensions sont légèrement différentes.<br />
<br />
Ils ont pour points commun d'avoir un cable de 25 cm et de recevoir les même accessoires (bras qui se fixent sur la tête du servo).<br />
<br />
Des liens vers la doc officielle des servo :<br />
<br />
*Le MG90S : http://www.towerpro.com.tw/product/mg90s-3/<br />
*Le MG90D (version upgrade du MG90S) : http://www.towerpro.com.tw/product/mg90d-2/<br />
*Le SG92R (nouvelle version du classique SG90) : http://www.towerpro.com.tw/product/sg92r-7/<br />
<br />
Comparatif des propriétés :<br />
{| class="wikitable"<br />
!Spécification<br />
!MG90S<br />
!MG90D<br />
!SG92R<br />
!SG90<br />
|-<br />
|Poid (g)<br />
|13<br />
|13,4<br />
|12<br />
|9<br />
|-<br />
|Couple (Kg) (4,8v)<br />
|2,1<br />
|1,8<br />
|2,5<br />
|1,8<br />
|-<br />
|Vitesse (sec/60deg)<br />
|0,1<br />
|0,1<br />
|0,1<br />
|0,1<br />
|-<br />
|A(mm)<br />
|32,5<br />
|32,5<br />
|34,5<br />
|34,5<br />
|-<br />
|B(mm)<br />
|22,6<br />
|22,8<br />
|22,8<br />
|22,8<br />
|-<br />
|C(mm)<br />
|28,5<br />
|28,4<br />
|26,7<br />
|26,7<br />
|-<br />
|D(mm)<br />
|12<br />
|12,4<br />
|12,6<br />
|12,6<br />
|-<br />
|E(mm)<br />
|31,5<br />
|32,1<br />
|32,5<br />
|32,5<br />
|-<br />
|F(mm)<br />
|19,8<br />
|18.5<br />
|16<br />
|16<br />
|}<br />
}}<br />
===Un système asservi.===<br />
Un servomoteur est un système motorisé capable d'atteindre des positions prédéterminées, puis de les maintenir. <br />
<br />
La position est : dans le cas d’un moteur rotatif, une valeur d'angle et, dans le cas d’un moteur linéaire une distance. <br />
<br />
On utilise des moteurs électriques (continu, asynchrone, brushless) aussi bien que des moteurs hydrauliques. Le démarrage et la conservation de la position prédéterminée sont commandés par un système de réglage. Pour un ajustement précis de la position, le moteur et son réglage sont équipés d'un système de mesure qui détermine la position courante (p. ex. l'angle de rotation parcouru relatif à une position de départ) du moteur. Cette mesure est effectuée sur un réglage rotatif, p. ex. un résolveur, un réglage incrémental ou un réglage absolu (réalisable p. ex. par un potentiomètre). Le système de réglage souvent électronique compare le signal à une valeur prescrite de la position de consigne. S’il y a une déviation, le moteur est commandé dans la direction qui garantit le plus petit chemin à effectuer pour arriver à la valeur de consigne. Cela a pour conséquence de faire diminuer l'écart. La procédure se répète aussi longtemps et, jusqu'à ce que la valeur courante se trouve incrémentiellement ou par l'intermédiaire d’une approximation dans les seuils de tolérance de la valeur consigne. Alternativement, la position du moteur peut être saisie aussi numériquement et comparée via un ordinateur approprié à une valeur prescrite.<br />
==Bibliothèque : ==<br />
Pour utiliser facilement ce capteur, nous vous conseillons d'utiliser la bibliothèque Servo (présente dans le gestionnaire de bibliothèques arduino) plus d'infos pour [https://www.wikidebrouillard.org/w/Importer_des_biblioth%C3%A8ques_dans_l'interface_Arduino Importer des bibliothèques dans l'interface Arduino]<br />
<br />{{#annotatedImageLight:Fichier:Item-Servomoteur Arduino-lib-servo.png|0=778px|hash=|jsondata=|mediaClass=Image|type=frameless|align=center|src=https://www.wikidebrouillard.org/images/7/7e/Item-Servomoteur_Arduino-lib-servo.png|href=./Fichier:Item-Servomoteur Arduino-lib-servo.png|resource=./Fichier:Item-Servomoteur Arduino-lib-servo.png|caption=|size=778px}}La bibliothèque est ici : https://github.com/arduino-libraries/Servo<br />
<br />
==Câblage : ==<br />
{{#annotatedImageLight:Fichier:Item-Servomoteur Arduino-servo-cablage.png|0=718px|hash=|jsondata=|mediaClass=Image|type=frameless|align=center|src=https://www.wikidebrouillard.org/images/a/ab/Item-Servomoteur_Arduino-servo-cablage.png|href=./Fichier:Item-Servomoteur Arduino-servo-cablage.png|resource=./Fichier:Item-Servomoteur Arduino-servo-cablage.png|caption=|size=718px}}<br />
==Code Minimal==<br />
<br /><br />
{| class="wikitable" cellspacing="0" border="0"<br />
| height="17" bgcolor="#999999" align="left" |<br />
| valign="middle" bgcolor="#999999" align="center" |<br />
| bgcolor="#999999" align="center" |Servo moteur<br />
|-<br />
| rowspan="2" valign="middle" height="49" bgcolor="#999999" align="center" |Avant le Setup<br />
| valign="middle" bgcolor="#999999" align="center" |Importation de la bibliothèque<br />
| valign="middle" align="left" |#include <Servo.h><br />
|-<br />
| valign="middle" bgcolor="#999999" align="center" |Création de l’objet<br />
| valign="middle" align="left" |Servo monservo;<br />
|-<br />
| valign="middle" height="17" bgcolor="#999999" align="center" |Dans le Setup<br />
| valign="middle" bgcolor="#999999" align="center" |Démarrage de l’objet<br />
| valign="middle" align="left" |monservo.attach(broche du servo, min, max);<br />
|-<br />
| valign="middle" height="28" bgcolor="#999999" align="center" |Dans le Loop<br />
| valign="middle" bgcolor="#999999" align="center" |Utilisation<br />
| valign="middle" align="left" |monservo.write(45);<br /><br />
|}<br />
<br /><syntaxhighlight lang="arduino" line="1" start="1"><br />
#include <Servo.h> //importation de la bibliothèque servo<br />
<br />
Servo monservo; // Création de l'objet monservo<br />
<br />
void setup() {<br />
monservo.attach(12, 544, 2600); //Démarrage de l'objet et configuration de celui-ci sur la broche D6. Les valeurs 544 et 2600 permettent de ré"gler les problèmes d'ampleur de rotation du servo.<br />
// La bibliothèque servo.h s'utilise comme ceci : monservo.attach(broche, min, max) Min et Max sont optionnels pour Arduino - on pourrait mettre simplement monservo.attach(broche) - mais avec le D1 mini, il y a parfois des soucis (certains servos ne tournent que de 0 à 90°) : <br />
// min : largeur d'impulsion, en microsecondes, correspondant à l'angle minimum (0 degré) du servo (valeur par défaut : 544).<br />
// max : la largeur d'impulsion, en microsecondes, correspondant à l'angle maximum (180 degrés) du servo (par défaut 2400). <br />
<br />
}<br />
<br />
void loop() {<br />
monservo.write(45); // Rotation du servo à la position 45°<br />
}<br />
</syntaxhighlight><br />
<br />
{{Tuto Status<br />
|Complete=Published<br />
}}<br />
<br />
<comment-streams/></div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Item:Servomoteur&diff=13177Item:Servomoteur2022-01-24T14:55:17Z<p>Clément : </p>
<hr />
<div>{{Item<br />
|Main_Picture=Item-Servomoteur_servoSG92R.jpg<br />
|Main_Picture_02=Item-Servomoteur_800px-Formeservo.jpg<br />
|Description=Un servomoteur (couramment appelé "servo" du latin "servus" signifiant "esclave") est un moteur capable de maintenir une opposition à un effort statique et dont la position est vérifiée en continu et corrigée en fonction de la mesure.<br />
|Cost=1,5<br />
|Currency=EUR (€)<br />
|ItemLongDescription====Du matériel de bidouille électronique courant===<br />
On utilise souvent le grand classique SG90 ou maintenant, le [http://www.towerpro.com.tw/product/sg92r-7/ SG92R de TowerPro]<br />
<br />
===Comparaison de servomoteurs===<br />
<br />
*Les MG90S sont très difficiles à trouver. Il coûtes 2 à 3 fois plus chers (engrenages métalliques) et<br />
*C'est la version MG90D qui est la version "Upgrade" du MG90S.<br />
*Les SG92R, présentent l'avantage de combiner un prix modique, des engrenages en fibre de carbone et des propriétés mécaniques similaires. Cependant, les dimensions sont légèrement différentes.<br />
<br />
Ils ont pour points commun d'avoir un cable de 25 cm et de recevoir les même accessoires (bras qui se fixent sur la tête du servo).<br />
<br />
Des liens vers la doc officielle des servo :<br />
<br />
*Le MG90S : http://www.towerpro.com.tw/product/mg90s-3/<br />
*Le MG90D (version upgrade du MG90S) : http://www.towerpro.com.tw/product/mg90d-2/<br />
*Le SG92R (nouvelle version du classique SG90) : http://www.towerpro.com.tw/product/sg92r-7/<br />
<br />
Comparatif des propriétés :<br />
{| class="wikitable"<br />
!Spécification<br />
!MG90S<br />
!MG90D<br />
!SG92R<br />
!SG90<br />
|-<br />
|Poid (g)<br />
|13<br />
|13,4<br />
|12<br />
|9<br />
|-<br />
|Couple (Kg) (4,8v)<br />
|2,1<br />
|1,8<br />
|2,5<br />
|1,8<br />
|-<br />
|Vitesse (sec/60deg)<br />
|0,1<br />
|0,1<br />
|0,1<br />
|0,1<br />
|-<br />
|A(mm)<br />
|32,5<br />
|32,5<br />
|34,5<br />
|34,5<br />
|-<br />
|B(mm)<br />
|22,6<br />
|22,8<br />
|22,8<br />
|22,8<br />
|-<br />
|C(mm)<br />
|28,5<br />
|28,4<br />
|26,7<br />
|26,7<br />
|-<br />
|D(mm)<br />
|12<br />
|12,4<br />
|12,6<br />
|12,6<br />
|-<br />
|E(mm)<br />
|31,5<br />
|32,1<br />
|32,5<br />
|32,5<br />
|-<br />
|F(mm)<br />
|19,8<br />
|18.5<br />
|16<br />
|16<br />
|}<br />
}}<br />
===Un système asservi.===<br />
Un servomoteur est un système motorisé capable d'atteindre des positions prédéterminées, puis de les maintenir. <br />
<br />
La position est : dans le cas d’un moteur rotatif, une valeur d'angle et, dans le cas d’un moteur linéaire une distance. <br />
<br />
On utilise des moteurs électriques (continu, asynchrone, brushless) aussi bien que des moteurs hydrauliques. Le démarrage et la conservation de la position prédéterminée sont commandés par un système de réglage. Pour un ajustement précis de la position, le moteur et son réglage sont équipés d'un système de mesure qui détermine la position courante (p. ex. l'angle de rotation parcouru relatif à une position de départ) du moteur. Cette mesure est effectuée sur un réglage rotatif, p. ex. un résolveur, un réglage incrémental ou un réglage absolu (réalisable p. ex. par un potentiomètre). Le système de réglage souvent électronique compare le signal à une valeur prescrite de la position de consigne. S’il y a une déviation, le moteur est commandé dans la direction qui garantit le plus petit chemin à effectuer pour arriver à la valeur de consigne. Cela a pour conséquence de faire diminuer l'écart. La procédure se répète aussi longtemps et, jusqu'à ce que la valeur courante se trouve incrémentiellement ou par l'intermédiaire d’une approximation dans les seuils de tolérance de la valeur consigne. Alternativement, la position du moteur peut être saisie aussi numériquement et comparée via un ordinateur approprié à une valeur prescrite.<br />
==Bibliothèque : ==<br />
Pour utiliser facilement ce capteur, nous vous conseillons d'utiliser la bibliothèque Servo (présente dans le gestionnaire de bibliothèques arduino) plus d'infos pour [https://www.wikidebrouillard.org/w/Importer_des_biblioth%C3%A8ques_dans_l'interface_Arduino Importer des bibliothèques dans l'interface Arduino]<br />
<br />{{#annotatedImageLight:Fichier:Item-Servomoteur Arduino-lib-servo.png|0=778px|hash=|jsondata=|mediaClass=Image|type=frameless|align=center|src=https://www.wikidebrouillard.org/images/7/7e/Item-Servomoteur_Arduino-lib-servo.png|href=./Fichier:Item-Servomoteur Arduino-lib-servo.png|resource=./Fichier:Item-Servomoteur Arduino-lib-servo.png|caption=|size=778px}}La bibliothèque est ici : https://github.com/arduino-libraries/Servo<br />
<br />
==Câblage : ==<br />
{{#annotatedImageLight:Fichier:Item-Servomoteur Arduino-servo-cablage.png|0=718px|hash=|jsondata=|mediaClass=Image|type=frameless|align=center|src=https://www.wikidebrouillard.org/images/a/ab/Item-Servomoteur_Arduino-servo-cablage.png|href=./Fichier:Item-Servomoteur Arduino-servo-cablage.png|resource=./Fichier:Item-Servomoteur Arduino-servo-cablage.png|caption=|size=718px}}<br />
==Code Minimal==<br />
<br /><br />
{| class="wikitable" cellspacing="0" border="0"<br />
| height="17" bgcolor="#999999" align="left" |<br />
| valign="middle" bgcolor="#999999" align="center" |<br />
| bgcolor="#999999" align="center" |Servo moteur<br />
|-<br />
| rowspan="2" valign="middle" height="49" bgcolor="#999999" align="center" |Avant le Setup<br />
| valign="middle" bgcolor="#999999" align="center" |Importation de la bibliothèque<br />
| valign="middle" align="left" |#include <Servo.h><br />
|-<br />
| valign="middle" bgcolor="#999999" align="center" |Création de l’objet<br />
| valign="middle" align="left" |Servo monservo;<br />
|-<br />
| valign="middle" height="17" bgcolor="#999999" align="center" |Dans le Setup<br />
| valign="middle" bgcolor="#999999" align="center" |Démarrage de l’objet<br />
| valign="middle" align="left" |monservo.attach(broche du servo, min, max);<br />
|-<br />
| valign="middle" height="28" bgcolor="#999999" align="center" |Dans le Loop<br />
| valign="middle" bgcolor="#999999" align="center" |Utilisation<br />
| valign="middle" align="left" |monservo.write(45);<br /><br />
|}<br />
<br /><syntaxhighlight lang="arduino" line="1" start="1"><br />
#include <Servo.h> //importation de la bibliothèque servo<br />
<br />
Servo monservo; // Création de l'objet monservo<br />
<br />
void setup() {<br />
monservo.attach(12, 544, 2600); //Démarrage de l'objet et configuration de celui-ci sur la broche D6. Les valeurs 544 et 2600 permettent de ré"gler les problèmes d'ampleur de rotation du servo.<br />
// La bibliothèque servo.h s'utilise comme ceci : monservo.attach(broche, min, max) Min et Max sont optionnels pour Arduino - on pourrait mettre simplement monservo.attach(broche) - mais avec le D1 mini, il y a parfois des soucis (certains servos ne tournent que de 0 à 90°) : <br />
// min : largeur d'impulsion, en microsecondes, correspondant à l'angle minimum (0 degré) du servo (valeur par défaut : 544).<br />
// max : la largeur d'impulsion, en microsecondes, correspondant à l'angle maximum (180 degrés) du servo (par défaut 2400). <br />
<br />
}<br />
<br />
void loop() {<br />
monservo.write(45); // Rotation du servo à la position 45°<br />
}<br />
</syntaxhighlight><br />
<br />
{{Tuto Status<br />
|Complete=Published<br />
}}</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Mod%C3%A8le:Group_Tabs&diff=8312Modèle:Group Tabs2020-06-16T08:00:12Z<p>Clément : </p>
<hr />
<div><div class="Input-tabs group-tabs"><br />
<div class="tabGroupsButton"><div class="container">{{#joinGroupButton:}} <div class="tabGroupsOptionButton"><br />
{{#ifanon:|<div class="dropdown"><span class="edit-btn btn dropdown-toggle" type="button" data-toggle="dropdown">...</span><br />
<ul class="dropdown-menu dropdown-menu-right"><br />
<li>[{{fullurl:group:{{PAGENAME}}|action=formedit}} {{int:edit}}]</li><br />
<li>[{{SERVER}}/w/index.php/Spécial:ReordonnerGroupe?groupName=group:{{PAGENAMEE}} {{int:wf-reorder-tutorials}}]</li><br />
<li>[{{SERVER}}/w/index.php/Spécial:Renommer_une_page/group:{{PAGENAMEE}} {{int:move}}]</li><br />
</ul><br />
</div>}}<br />
</div></div></div><br />
<div class="container"><br />
{{#if:{{{Group_Machines|}}}|{{#if:{{{Group_Event|}}}|<br />
{{#tag:tabber|<br />
Pédagogie =<br />
<h2>Déroulé</h2><br />
[[group-long-description::{{{group-long-description|}}}]]<br />
<h2>Objectifs</h2><br />
[[GroupObjectif::{{{GroupObjectif|}}}]]<br />
{{!}}-{{!}}<br />
Expériences =<br />
<h2>Expériences</h2>{{#displayMemberTutorials:this}}<br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-members-tabtitle}}={{int:wf-formgroup-tab-members-title}}</h2>{{#usersPagesLinksUsersList:member}}<br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-machines-tabtitle}} =<br />
<h2>{{int:wf-formgroup-tab-machines-title}}</h2><br />
{{{Group_Machines|}}}<br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-events-tabtitle}} =<br />
<h2>{{int:wf-formgroup-tab-events-title}}</h2><br />
{{{Group_Event|}}}<br />
}}<br />
|<br />
{{#tag:tabber|<br />
Pédagogie =<br />
<h2>Déroulé</h2><br />
[[group-long-description::{{{group-long-description|}}}]]<br />
<h2>Objectifs</h2><br />
[[GroupObjectif::{{{GroupObjectif|}}}]]<br />
{{!}}-{{!}}<br />
Expériences =<br />
<h2>Expériences</h2>{{#displayMemberTutorials:this}}<br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-members-tabtitle}}=<h2>{{int:wf-formgroup-tab-members-title}}</h2>{{#usersPagesLinksUsersList:member}}<br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-machines-tabtitle}} =<br />
<h2>{{int:wf-formgroup-tab-machines-title}}</h2><br />
{{{Group_Machines|}}}<br />
}} }}|{{#if:{{{Group_Event|}}}<br />
|<br />
{{#tag:tabber|<br />
Pédagogie =<br />
<h2>Déroulé</h2><br />
[[group-long-description::{{{group-long-description|}}}]]<br />
<h2>Objectifs</h2><br />
[[GroupObjectif::{{{GroupObjectif|}}}]]<br />
{{!}}-{{!}}<br />
Expériences =<br />
<h2>Expériences</h2>{{#displayMemberTutorials:this}}<br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-members-tabtitle}}=<h2>{{int:wf-formgroup-tab-members-title}}</h2>{{#usersPagesLinksUsersList:member}}<br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-events-tabtitle}} =<br />
<h2>{{int:wf-formgroup-tab-events-title}}</h2><br />
{{{Group_Event|}}}<br />
}}<br />
|<br />
{{#tag:tabber|<br />
Pédagogie =<br />
<h2>Déroulé</h2><br />
[[group-long-description::{{{group-long-description|}}}]]<br />
<h2>Objectifs</h2><br />
[[GroupObjectif::{{{GroupObjectif|}}}]]<br />
{{!}}-{{!}}<br />
Expériences =<br />
<h2>Expériences</h2>{{#displayMemberTutorials:this}}<br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-members-tabtitle}}=<h2>{{int:wf-formgroup-tab-members-title}}</h2>{{#usersPagesLinksUsersList:member}}<br />
}} }}}}<br />
</div><br />
</div><br />
[[Category:Group]]</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Mod%C3%A8le:Group_Tabs&diff=8311Modèle:Group Tabs2020-06-16T07:58:24Z<p>Clément : </p>
<hr />
<div><div class="Input-tabs group-tabs"><br />
<div class="tabGroupsButton"><div class="container">{{#joinGroupButton:}} <div class="tabGroupsOptionButton"><br />
{{#ifanon:|<div class="dropdown"><span class="edit-btn btn dropdown-toggle" type="button" data-toggle="dropdown">...</span><br />
<ul class="dropdown-menu dropdown-menu-right"><br />
<li>[{{fullurl:group:{{PAGENAME}}|action=formedit}} {{int:edit}}]</li><br />
<li>[{{SERVER}}/w/index.php/Spécial:ReordonnerGroupe?groupName=group:{{PAGENAMEE}} {{int:wf-reorder-tutorials}}]</li><br />
<li>[{{SERVER}}/w/index.php/Spécial:Renommer_une_page/group:{{PAGENAMEE}} {{int:move}}]</li><br />
</ul><br />
</div>}}<br />
</div></div></div><br />
<div class="container"><br />
{{#if:{{{Group_Machines|}}}|{{#if:{{{Group_Event|}}}|<br />
{{#tag:tabber|<br />
Expériences =<br />
<h2>Expériences</h2>{{#displayMemberTutorials:this}}<br />
{{!}}-{{!}}<br />
Pédagogie =<br />
<h2>Déroulé</h2><br />
[[group-long-description::{{{group-long-description|}}}]]<br />
<h2>Objectifs</h2><br />
[[GroupObjectif::{{{GroupObjectif|}}}]]<br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-members-tabtitle}}={{int:wf-formgroup-tab-members-title}}</h2>{{#usersPagesLinksUsersList:member}}<br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-machines-tabtitle}} =<br />
<h2>{{int:wf-formgroup-tab-machines-title}}</h2><br />
{{{Group_Machines|}}}<br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-events-tabtitle}} =<br />
<h2>{{int:wf-formgroup-tab-events-title}}</h2><br />
{{{Group_Event|}}}<br />
}}<br />
|<br />
{{#tag:tabber|<br />
Expériences =<br />
<h2>Expériences</h2>{{#displayMemberTutorials:this}}<br />
{{!}}-{{!}}<br />
Pédagogie =<br />
<h2>Déroulé</h2><br />
[[group-long-description::{{{group-long-description|}}}]]<br />
<h2>Objectifs</h2><br />
[[GroupObjectif::{{{GroupObjectif|}}}]]<br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-members-tabtitle}}=<h2>{{int:wf-formgroup-tab-members-title}}</h2>{{#usersPagesLinksUsersList:member}}<br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-machines-tabtitle}} =<br />
<h2>{{int:wf-formgroup-tab-machines-title}}</h2><br />
{{{Group_Machines|}}}<br />
}} }}|{{#if:{{{Group_Event|}}}<br />
|<br />
{{#tag:tabber|<br />
Expériences =<br />
<h2>Expériences</h2>{{#displayMemberTutorials:this}}<br />
{{!}}-{{!}}<br />
Pédagogie =<br />
<h2>Déroulé</h2><br />
[[group-long-description::{{{group-long-description|}}}]]<br />
<h2>Objectifs</h2><br />
[[GroupObjectif::{{{GroupObjectif|}}}]]<br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-members-tabtitle}}=<h2>{{int:wf-formgroup-tab-members-title}}</h2>{{#usersPagesLinksUsersList:member}}<br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-events-tabtitle}} =<br />
<h2>{{int:wf-formgroup-tab-events-title}}</h2><br />
{{{Group_Event|}}}<br />
}}<br />
|<br />
{{#tag:tabber|<br />
Expériences =<br />
<h2>Expériences</h2>{{#displayMemberTutorials:this}}<br />
{{!}}-{{!}}<br />
Pédagogie =<br />
<h2>Déroulé</h2><br />
[[group-long-description::{{{group-long-description|}}}]]<br />
<h2>Objectifs</h2><br />
[[GroupObjectif::{{{GroupObjectif|}}}]]<br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-members-tabtitle}}=<h2>{{int:wf-formgroup-tab-members-title}}</h2>{{#usersPagesLinksUsersList:member}}<br />
}} }}}}<br />
</div><br />
</div><br />
[[Category:Group]]</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Mod%C3%A8le:Group_Tabs&diff=8310Modèle:Group Tabs2020-06-16T07:56:13Z<p>Clément : </p>
<hr />
<div><div class="Input-tabs group-tabs"><br />
<div class="tabGroupsButton"><div class="container">{{#joinGroupButton:}} <div class="tabGroupsOptionButton"><br />
{{#ifanon:|<div class="dropdown"><span class="edit-btn btn dropdown-toggle" type="button" data-toggle="dropdown">...</span><br />
<ul class="dropdown-menu dropdown-menu-right"><br />
<li>[{{fullurl:group:{{PAGENAME}}|action=formedit}} {{int:edit}}]</li><br />
<li>[{{SERVER}}/w/index.php/Spécial:ReordonnerGroupe?groupName=group:{{PAGENAMEE}} {{int:wf-reorder-tutorials}}]</li><br />
<li>[{{SERVER}}/w/index.php/Spécial:Renommer_une_page/group:{{PAGENAMEE}} {{int:move}}]</li><br />
</ul><br />
</div>}}<br />
</div></div></div><br />
<div class="container"><br />
{{#if:{{{Group_Machines|}}}|{{#if:{{{Group_Event|}}}|<br />
{{#tag:tabber|<br />
Expériences =<br />
<div class="container"><h2>Expériences</h2>{{#displayMemberTutorials:this}}</div><br />
{{!}}-{{!}}<br />
Pédagogie =<br />
<div class="container"><br />
<h2>Déroulé</h2><br />
[[group-long-description::{{{group-long-description|}}}]]<br />
<h2>Objectifs</h2><br />
[[GroupObjectif::{{{GroupObjectif|}}}]]<br />
</div><br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-members-tabtitle}}=<div class="container"><h2>{{int:wf-formgroup-tab-members-title}}</h2>{{#usersPagesLinksUsersList:member}}</div><br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-machines-tabtitle}} =<br />
<div class="container"><h2>{{int:wf-formgroup-tab-machines-title}}</h2><br />
{{{Group_Machines|}}}</div><br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-events-tabtitle}} =<br />
<div class="container"><h2>{{int:wf-formgroup-tab-events-title}}</h2><br />
{{{Group_Event|}}}</div><br />
}}<br />
|<br />
{{#tag:tabber|<br />
Expériences =<br />
<div class="container"><h2>Expériences</h2>{{#displayMemberTutorials:this}}</div><br />
{{!}}-{{!}}<br />
Pédagogie =<br />
<div class="container"><br />
<h2>Déroulé</h2><br />
[[group-long-description::{{{group-long-description|}}}]]<br />
<h2>Objectifs</h2><br />
[[GroupObjectif::{{{GroupObjectif|}}}]]<br />
</div><br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-members-tabtitle}}=<div class="container"><h2>{{int:wf-formgroup-tab-members-title}}</h2>{{#usersPagesLinksUsersList:member}}</div><br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-machines-tabtitle}} =<br />
<div class="container"><h2>{{int:wf-formgroup-tab-machines-title}}</h2><br />
{{{Group_Machines|}}}</div><br />
}} }}|{{#if:{{{Group_Event|}}}<br />
|<br />
{{#tag:tabber|<br />
Expériences =<br />
<div class="container"><h2>Expériences</h2>{{#displayMemberTutorials:this}}</div><br />
{{!}}-{{!}}<br />
Pédagogie =<br />
<div class="container"><br />
<h2>Déroulé</h2><br />
[[group-long-description::{{{group-long-description|}}}]]<br />
<h2>Objectifs</h2><br />
[[GroupObjectif::{{{GroupObjectif|}}}]]<br />
</div><br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-members-tabtitle}}=<div class="container"><h2>{{int:wf-formgroup-tab-members-title}}</h2>{{#usersPagesLinksUsersList:member}}</div><br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-events-tabtitle}} =<br />
<div class="container"><h2>{{int:wf-formgroup-tab-events-title}}</h2><br />
{{{Group_Event|}}}</div><br />
}}<br />
|<br />
{{#tag:tabber|<br />
Expériences =<br />
<div class="container"><h2>Expériences</h2>{{#displayMemberTutorials:this}}</div><br />
{{!}}-{{!}}<br />
Pédagogie =<br />
<div class="container"><br />
<h2>Déroulé</h2><br />
[[group-long-description::{{{group-long-description|}}}]]<br />
<h2>Objectifs</h2><br />
[[GroupObjectif::{{{GroupObjectif|}}}]]<br />
</div><br />
{{!}}-{{!}}<br />
{{int:wf-formgroup-tab-members-tabtitle}}=<div class="container"><h2>{{int:wf-formgroup-tab-members-title}}</h2>{{#usersPagesLinksUsersList:member}}</div><br />
}} }}}}<br />
</div><br />
</div><br />
[[Category:Group]]</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Group:La_diversit%C3%A9_des_arbres&diff=8309Group:La diversité des arbres2020-06-16T07:54:02Z<p>Clément : </p>
<hr />
<div>{{Group Details<br />
|group-logo=Group-La_diversit_des_arbres_Artboard_1.jpg<br />
|group-banner=Group-La_diversit_des_arbres_fall-1051300_1920.jpg<br />
|group-description=Nous sommes entourés d’arbres dans notre quotidien, en forêt, le long des routes, dans les jardins, en ville, mais lorsque l’on parle des arbres, cela représente une grande variété d’individus. Tout comme les humains, il y en a des grands, des petits, des touffus, des clairs, des foncés… Chaque forêt, bois, parc possèdent des essences d’arbres majoritaires qui diffèrent selon les régions.<br />
Partons à la découverte de ceux de ta région ! Sauras-tu les détaillés et les reconnaître?<br />
IMPORTANT : LIRE L’ONGLET PÉDAGOGIE AVANT L’ONGLET EXPÉRIENCES !!!<br />
|GroupAge=A partir de 6 ans<br />
|GroupDuration=1h15<br />
|GroupNumber=1 et +<br />
}}<br />
{{Group Tabs<br />
|group-long-description=Bienvenue dans ce premier parcours, qui se porte autour du projet “Des Hommes et des Arbres”.<br />
<br />
Il va te permettre de mieux connaître la forêt et les arbres qui t’entoure pour comprendre l’enjeu de les préserver et valoriser les services qu’ils nous rendent. Les arbres sont une source de bien être à la portée de tous.<br />
<br />
Tu vas pouvoir découvrir différents parcours pédagogiques qui ont une suite logique pour mieux comprendre les arbres et notre lien avec eux. Celui-ci est le premier!<br />
<br />
Pour découvrir la diversité des arbres autour de chez toi, il te faudra :<br />
<br />
*Crayon à papier<br />
*Pastel de couleur sombre ou fusain (si tu n'as ni l'un ni l'autre, le crayon à papier suffira)<br />
*Support papier<br />
*Télécharger et imprimer les fichiers : Comment décrire un arbre? (1 fois) et Observation d'un arbre autour de chez toi, (2 fois minimum, selon le nombre d'arbre que tu veux observer)<br />
<br />
IMPORTANT : Imprime les en format paysage et Recto/Verso<br />
<br />
C’est parti!!<br />
<br />
Avant de commencer, tu peux te munir d’un cahier d'expériences que tu pourras reprendre pour les divers parcours pédagogiques à retrouver sur notre site pour raconter tes découvertes et dessiner tes observations !<br />
<br />
<br />
'''Atelier 1 : Dessine moi un arbre'''<br />
<br />
Explication rapide de l’expérience :<br />
<br />
Pendant cette expérience, tu vas dessiner la représentation que tu te fais d’un arbre et la comparer à d’autres pour te faire une idée de la diversité des arbres.<br />
<br />
2 possibilités :<br />
<br />
1a. atelier de groupe<br />
<br />
Donner à chacun une feuille et dessiner chacun un arbre.<br />
<br />
Observer les dessins de chacun, noter les similitudes et différences.<br />
<br />
1b. atelier seul<br />
<br />
Sur une feuille, dessine un arbre<br />
<br />
Regarde sur internet des images d’arbres, en cliquant ici!<br />
<br />
Vois-tu des différences ? des similitudes ?<br />
<br />
Explications et conclusion :<br />
<br />
Définition d’un arbre :<br />
<br />
Il n’existe pas de définition universelle en dessin de l’arbre tant cette notion recouvre une grande variété de formations et d'espèces aux agencements divers.<br />
<br />
L’une des définitions communément acceptée est la suivante : l’arbre est considéré comme un végétal ligneux, c’est à dire composé de bois (à l’inverse de l’herbe), ayant un tronc nu et non composé de branche (donc non ramifié) dès la base, d'une hauteur supérieure ou égale à sept mètres ou susceptible d'atteindre cette dimension à maturité. Lorsque la taille est inférieure à 7 mètres, on parle d’arbustes.<br />
<br />
<br />
'''Atelier 2 : Observation des arbres autour de chez toi'''<br />
<br />
Explication rapide de l’expérience :<br />
<br />
Pendant cette expérience, tu vas partir à la découverte des arbres autour de chez toi et récolter des informations sur leur taille, leur écorce, leurs feuilles etc.<br />
<br />
a. Récolte des données<br />
<br />
Important : Imprime les deux cahiers “Comment décrire un arbre?” et le second cahier "Observation d'un arbre autour de chez toi" en mode “paysage” et “recto/verso”<br />
<br />
Imprime le cahier “Comment décrire un arbre?” et le second cahier "Observation d'un arbre autour de chez toi" que tu imprimes 2 fois puis agrafe les pages en haut à gauche.<br />
<br />
Si tu n’as pas d’imprimante, recopie les informations du cahier sur une feuille blanche ou dans ton cahier d’expérience.<br />
<br />
Ensuite, tu vas pouvoir partir à la découverte des arbres qui t’entourent. Selon où tu es, observe les arbres que tu as auprès de chez toi.<br />
<br />
Choisis 2 ou 3 arbres de différentes formes/tailles<br />
<br />
Si tu as plus de 45 minutes devant toi, tu pourras imprimer le cahier "Observation d'un arbre autour de chez toi" autant de fois que tu veux observer d’arbres.<br />
<br />
Pour chaque arbre observé, récolte les éléments indiqués dans ton mini-cahier et complète-le avec les informations que tu auras trouvées.<br />
<br />
b. Récolte de feuilles et réalisation d’empreintes de troncs d’arbres<br />
<br />
Pour chaque arbre observé, tu vas pouvoir y associer une feuille et une empreinte de l’écorce.<br />
<br />
Pour la feuille, tu pourras la scotcher dans le mini-cahier, et pour l’empreinte du tronc d’arbre, il te suffit d'appliquer une feuille de papier sur un tronc d'arbre et de crayonner la surface : les reliefs apparaissent en noir, les creux, en blanc.<br />
<br />
<br />
'''Atelier 3 : Analyse des observations (30’)'''<br />
<br />
Explication rapide de l’expérience :<br />
<br />
A présent, grâce aux feuilles récoltées et aux empreintes que tu as mises dans ton cahier, nous allons pouvoir découvrir les espèces d’arbres que tu as autour de chez toi.<br />
<br />
<br />
Déroulé :<br />
<br />
Pour cela utilise [http://www1.onf.fr/outils/en_avant/20140130-103609-643033/4/++files++/1 la clé d’identification de l’ONF].<br />
<br />
Si tu ne trouves pas ta feuille dans la clé d’identification de l’ONF, tu peux essayer d’utiliser l’application Planta’Net avec tes parents<br />
<br />
Comment fonctionne planta’Net ? Lorsque tu prends en photo une feuille, cette application utilise une banque de données qui permet de comparer ta feuille avec des milliers de feuilles existantes. Ainsi l’application te permet d’identifier l’espèce végétale que tu as ramassée.<br />
<br />
Explication sur la diversité des arbres:<br />
<br />
Nous avons pu remarquer que les arbres n’ont pas tous la même forme, la même taille, la même écorce et les même feuilles… On parle de diversité des essences.<br />
<br />
Comme tu as pu le remarquer, il existe plusieurs arbres différents. Chaque arbre différent est une essence particulière. Chaque essence a sa particularité pour vivre dans des conditions spécifiques, en fonction de leur environnement, de l’altitude. Certaines plantes cohabitent et d’autres non.<br />
<br />
Pour maintenir l’équilibre des milieux, il est important de maintenir la diversité des espèces, on parle de préservation de la biodiversité.<br />
<br />
Dans la vie quotidienne<br />
<br />
Pourquoi les forêts diversifiées sont-elles bénéfiques en temps de changements climatiques ?<br />
<br />
Fruit de l’analyse de 150 sources scientifiques, le rapport [https://www.reforestaction.com/sites/default/files/notre_avenir_sappelle_foret_-_services_ecosystemiques_-_reforestaction.pdf Notre Avenir S’appelle Forêt] publié en novembre 2018 par Reforest’Action dresse un enseignement majeur. Les forêts composées d’une diversité d’essences d’arbres sont mieux armées que celles plus homogènes pour faire face aux manifestations actuelles et futures du changement climatique (sécheresses, incendies, tempêtes) et aux risques biotiques(=vivant) grandissants (attaques d’insectes et maladies). Ainsi les forêts mélangées :<br />
<br />
*sont généralement (pas systématiquement) plus résistantes aux sécheresses et tempêtes ;<br />
*sont plus résistantes aux attaques d’insectes ;<br />
*affichent une meilleure production de services écosystémiques, tels que le stockage de CO2 utile à la lutte contre le changement climatique, ou la production de bois, essentielle pour la filière et la transition énergétique ;<br />
*réduisent le risque de dommages économiques issus d’aléas biotiques et abiotiques ;<br />
*répondent aux attentes sociales grandissantes ;<br />
*contribuent à réduire le risque de développement de certaines maladies et les dépenses de santé publique<br />
|GroupObjectif=*Découvrir les différentes manières de représenter un arbre<br />
*Découvrir la diversité des arbres (morphologie, écorces, feuilles etc)<br />
*Découvrir les espèces d’arbres<br />
}}</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Group:La_diversit%C3%A9_des_arbres&diff=8308Group:La diversité des arbres2020-06-16T07:53:40Z<p>Clément : </p>
<hr />
<div>{{Group Details<br />
|group-logo=Group-La_diversit_des_arbres_Artboard_1.jpg<br />
|group-banner=Group-La_diversit_des_arbres_fall-1051300_1920.jpg<br />
|group-description=Nous sommes entourés d’arbres dans notre quotidien, en forêt, le long des routes, dans les jardins, en ville, mais lorsque l’on parle des arbres, cela représente une grande variété d’individus. Tout comme les humains, il y en a des grands, des petits, des touffus, des clairs, des foncés… Chaque forêt, bois, parc possèdent des essences d’arbres majoritaires qui diffèrent selon les régions.<br />
Partons à la découverte de ceux de ta région ! Sauras-tu les détaillés et les reconnaître?<br />
IMPORTANT : LIRE L’ONGLET PÉDAGOGIE AVANT L’ONGLET EXPÉRIENCES !!!<br />
|GroupAge=A partir de 6 ans<br />
|GroupDuration=1h15<br />
|GroupNumber=1 et +<br />
}}<br />
{{Group Tabs<br />
|group-long-description=Bienvenue dans ce premier parcours, qui se porte autour du projet “Des Hommes et des Arbres”.<br />
<br />
Il va te permettre de mieux connaître la forêt et les arbres qui t’entoure pour comprendre l’enjeu de les préserver et valoriser les services qu’ils nous rendent. Les arbres sont une source de bien être à la portée de tous.<br />
<br />
Tu vas pouvoir découvrir différents parcours pédagogiques qui ont une suite logique pour mieux comprendre les arbres et notre lien avec eux. Celui-ci est le premier!<br />
<br />
Pour découvrir la diversité des arbres autour de chez toi, il te faudra :<br />
<br />
* Crayon à papier<br />
* Pastel de couleur sombre ou fusain (si tu n'as ni l'un ni l'autre, le crayon à papier suffira)<br />
* Support papier<br />
* Télécharger et imprimer les fichiers : Comment décrire un arbre? (1 fois) et Observation d'un arbre autour de chez toi, (2 fois minimum, selon le nombre d'arbre que tu veux observer)<br />
<br />
IMPORTANT : Imprime les en format paysage et Recto/Verso<br />
<br />
C’est parti!!<br />
<br />
Avant de commencer, tu peux te munir d’un cahier d'expériences que tu pourras reprendre pour les divers parcours pédagogiques à retrouver sur notre site pour raconter tes découvertes et dessiner tes observations !<br />
<br />
<br />
'''Atelier 1 : Dessine moi un arbre'''<br />
<br />
Explication rapide de l’expérience :<br />
<br />
Pendant cette expérience, tu vas dessiner la représentation que tu te fais d’un arbre et la comparer à d’autres pour te faire une idée de la diversité des arbres.<br />
<br />
2 possibilités :<br />
<br />
1a. atelier de groupe<br />
<br />
Donner à chacun une feuille et dessiner chacun un arbre.<br />
<br />
Observer les dessins de chacun, noter les similitudes et différences.<br />
<br />
1b. atelier seul<br />
<br />
Sur une feuille, dessine un arbre<br />
<br />
Regarde sur internet des images d’arbres, en cliquant ici!<br />
<br />
Vois-tu des différences ? des similitudes ?<br />
<br />
Explications et conclusion :<br />
<br />
Définition d’un arbre :<br />
<br />
Il n’existe pas de définition universelle en dessin de l’arbre tant cette notion recouvre une grande variété de formations et d'espèces aux agencements divers.<br />
<br />
L’une des définitions communément acceptée est la suivante : l’arbre est considéré comme un végétal ligneux, c’est à dire composé de bois (à l’inverse de l’herbe), ayant un tronc nu et non composé de branche (donc non ramifié) dès la base, d'une hauteur supérieure ou égale à sept mètres ou susceptible d'atteindre cette dimension à maturité. Lorsque la taille est inférieure à 7 mètres, on parle d’arbustes.<br />
<br />
<br />
'''Atelier 2 : Observation des arbres autour de chez toi'''<br />
<br />
Explication rapide de l’expérience :<br />
<br />
Pendant cette expérience, tu vas partir à la découverte des arbres autour de chez toi et récolter des informations sur leur taille, leur écorce, leurs feuilles etc.<br />
<br />
a. Récolte des données<br />
<br />
Important : Imprime les deux cahiers “Comment décrire un arbre?” et le second cahier "Observation d'un arbre autour de chez toi" en mode “paysage” et “recto/verso”<br />
<br />
Imprime le cahier “Comment décrire un arbre?” et le second cahier "Observation d'un arbre autour de chez toi" que tu imprimes 2 fois puis agrafe les pages en haut à gauche.<br />
<br />
Si tu n’as pas d’imprimante, recopie les informations du cahier sur une feuille blanche ou dans ton cahier d’expérience.<br />
<br />
Ensuite, tu vas pouvoir partir à la découverte des arbres qui t’entourent. Selon où tu es, observe les arbres que tu as auprès de chez toi.<br />
<br />
Choisis 2 ou 3 arbres de différentes formes/tailles<br />
<br />
Si tu as plus de 45 minutes devant toi, tu pourras imprimer le cahier "Observation d'un arbre autour de chez toi" autant de fois que tu veux observer d’arbres.<br />
<br />
Pour chaque arbre observé, récolte les éléments indiqués dans ton mini-cahier et complète-le avec les informations que tu auras trouvées.<br />
<br />
b. Récolte de feuilles et réalisation d’empreintes de troncs d’arbres<br />
<br />
Pour chaque arbre observé, tu vas pouvoir y associer une feuille et une empreinte de l’écorce.<br />
<br />
Pour la feuille, tu pourras la scotcher dans le mini-cahier, et pour l’empreinte du tronc d’arbre, il te suffit d'appliquer une feuille de papier sur un tronc d'arbre et de crayonner la surface : les reliefs apparaissent en noir, les creux, en blanc.<br />
<br />
<br />
'''Atelier 3 : Analyse des observations (30’)'''<br />
<br />
Explication rapide de l’expérience :<br />
<br />
A présent, grâce aux feuilles récoltées et aux empreintes que tu as mises dans ton cahier, nous allons pouvoir découvrir les espèces d’arbres que tu as autour de chez toi.<br />
<br />
<br />
Déroulé :<br />
<br />
Pour cela utilise [http://www1.onf.fr/outils/en_avant/20140130-103609-643033/4/++files++/1 la clé d’identification de l’ONF].<br />
<br />
Si tu ne trouves pas ta feuille dans la clé d’identification de l’ONF, tu peux essayer d’utiliser l’application Planta’Net avec tes parents<br />
<br />
Comment fonctionne planta’Net ? Lorsque tu prends en photo une feuille, cette application utilise une banque de données qui permet de comparer ta feuille avec des milliers de feuilles existantes. Ainsi l’application te permet d’identifier l’espèce végétale que tu as ramassée.<br />
<br />
Explication sur la diversité des arbres:<br />
<br />
Nous avons pu remarquer que les arbres n’ont pas tous la même forme, la même taille, la même écorce et les même feuilles… On parle de diversité des essences.<br />
<br />
Comme tu as pu le remarquer, il existe plusieurs arbres différents. Chaque arbre différent est une essence particulière. Chaque essence a sa particularité pour vivre dans des conditions spécifiques, en fonction de leur environnement, de l’altitude. Certaines plantes cohabitent et d’autres non.<br />
<br />
Pour maintenir l’équilibre des milieux, il est important de maintenir la diversité des espèces, on parle de préservation de la biodiversité.<br />
<br />
Dans la vie quotidienne<br />
<br />
Pourquoi les forêts diversifiées sont-elles bénéfiques en temps de changements climatiques ?<br />
<br />
Fruit de l’analyse de 150 sources scientifiques, le rapport [https://www.reforestaction.com/sites/default/files/notre_avenir_sappelle_foret_-_services_ecosystemiques_-_reforestaction.pdf Notre Avenir S’appelle Forêt] publié en novembre 2018 par Reforest’Action dresse un enseignement majeur. Les forêts composées d’une diversité d’essences d’arbres sont mieux armées que celles plus homogènes pour faire face aux manifestations actuelles et futures du changement climatique (sécheresses, incendies, tempêtes) et aux risques biotiques(=vivant) grandissants (attaques d’insectes et maladies). Ainsi les forêts mélangées :<br />
<br />
* sont généralement (pas systématiquement) plus résistantes aux sécheresses et tempêtes ;<br />
* sont plus résistantes aux attaques d’insectes ;<br />
* affichent une meilleure production de services écosystémiques, tels que le stockage de CO2 utile à la lutte contre le changement climatique, ou la production de bois, essentielle pour la filière et la transition énergétique ;<br />
* réduisent le risque de dommages économiques issus d’aléas biotiques et abiotiques ;<br />
* répondent aux attentes sociales grandissantes ;<br />
* contribuent à réduire le risque de développement de certaines maladies et les dépenses de santé publique<br />
<br />
Si tu as un appareil photo : Tu peux découvrir le site LesTaxinomes.org<br />
<br />
Tu peux participer à faire un grand inventaire numérique des espèces présentes sur la planète, créez-vous un compte et commencez à partager, documenter et discuter de vos trouvailles.<br />
<br />
LesTaxinomes.org et le mouvement des Petits Débrouillards accentuent leur engagement en faveur de l’éducation à la biodiversité.<br />
<br />
Pour en lire davantage :<br />
<br />
Tu peux découvrir sur le site de l’[https://www.onf.fr/+/95::toutsavoirsurlesforets-comment-expliquer-diversite-des-essences-darbres.html Office National des Forêts (ONF)] une explication supplémentaire sur la diversité des arbres en métropole et un aperçu en Guyane!<br />
<br />
Tu peux découvrir [https://www.arbres.org/carte-de-france-interactive.htm les arbres remarquables] autour de chez toi, ils ont reçu les labels Arbre Remarquable de France et Ensemble Arboré Remarquable sont recensés par région. Il y en a peut-être autour de chez toi!!<br />
<br />
Lien vers des parcours similaires :<br />
<br />
Tu as aimé ce thème ? Je t'invite à découvrir aussi :<br />
<br />
* [[Group:Biodiversité : de quoi parle-t-on|La biodiversité de quoi parle-t-on ?]]<br />
* [https://trektic.org/album146 La Réserve Naturelle Régionale Trésor située en Guyane !].<br />
<br />
|GroupObjectif=*Découvrir les différentes manières de représenter un arbre<br />
*Découvrir la diversité des arbres (morphologie, écorces, feuilles etc)<br />
*Découvrir les espèces d’arbres<br />
}}</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Accueil&diff=8233Accueil2020-06-09T07:02:06Z<p>Clément : </p>
<hr />
<div>__NOTOC__<br />
<div class="community-theme community-theme-wikideb"><br />
<div class="container"><br />
<h1>L'encyclopédie curieuse et pratique</h1><br />
<p class="marketing-section-hp-subtitle">Expériences scientifiques amusantes à faire à la maison.</p><br />
{{#ifanon:[[Special:UserLogin/signup|<span class="sign-up-button-hp">Créer un compte</span>]] <span class="sign-up-or">ou</span> [[Special:UserLogin|<span class="log-in-link">Se connecter</span>]]|}}<br />
</div><br />
</div><br />
<div class="wikideb-intro"><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-5 col-sm-6 col-xs-12 wikideb-intro-text"><br />
<h2>Qu'y a t-il sur ce wiki ?</h2><br />
<p>Essentiellement des [[Spécial:WfExplore|expériences]] réalisables avec du matériel dont chacun dispose sûrement à la maison, mais aussi des [[Items|fiches qui décrivent le matériel]], où se le procurer, les applications etc... des [[Groups|parcours pédagogiques]], des [[:Category:Webographie|webographies]] de sites scientifiques sur internet etc... et surtout, tout ce que chacun souhaite y mettre ! Pour les nostalgiques, retrouvez [http://ancien.wikidebrouillard.org l'ancien wikidebrouillard] </p><br />
</div><br />
<div class="col-md-offset-1 col-md-6 col-sm-6 col-xs-12 wikideb-intro-help"><br />
<h2>Participez au wiki !</h2><br />
<p>Explorez les expériences, fiches matériel et disciplines scientifiques déjà créées.</p><br />
<p>Pour écrire sur le wiki, il faut [[Special:UserLogin/signup|créer un compte]]. Consultez [[Help|l'aide en ligne]] pour apprendre à créer ou modifier une page.</p><br />
<p>'''Avec le soutien de'''</p><br />
<p>[[Fichier:Accueil_logofondationOrange.jpg|link=https://www.fondationorange.com/|200px]]</p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<div class="wikideb-hp-content"><br />
<div class="container"><br />
<div class="communitytheme-HPnav"><br />
<h2 class="page-header">Dernières expériences modifiées</h2><br />
{{#exploreQuery: [[Category:Tutorials]] [[Complete::Published]] | 8}}<br />
</div><br />
</div><br />
</div><br />
<div class="wikideb-hp-ressources"><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-5 col-sm-6 col-xs-12 wikideb-hp-ressources-left"><br />
<h3>Bonnes pratiques</h3><br />
<p>Quelques pages pour vous apprendre à contribuer à Wikidébrouillard</p><br />
[[Guide_des_wikidebrouilleurs|Le guide des Wikidebrouilleurs]]<br />
</div><br />
<div class="col-md-5 col-sm-6 col-xs-12 col-md-offset-1 wikideb-hp-ressources-right"><br />
<h3>Consulter l'aide</h3><br />
<p>Pour tout savoir sur Wikidebrouillard et son fonctionnement</p><br />
[[Help|Lire l'aide complète]]<br />
</div><br />
</div><br />
</div><br />
</div></div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Mod%C3%A8le:Notes&diff=5586Modèle:Notes2020-03-31T07:14:28Z<p>Clément : </p>
<hr />
<div>{{#if:{{{Observations|}}}{{{Avertissement|}}}{{{Explanations|}}}{{{Deepen|}}}{{{Applications|}}}{{{Related|}}}|<br />
<h2>Comment ça marche ?</h2><br />
{{#if:{{{Observations|}}}|<h3>Observations : que voit-on ?</h3><br />
[[Observations::{{{Observations|}}}]]|}}<br />
{{#if:{{{Avertissement|}}}|<h3>Mise en garde : qu'est-ce qui pourrait faire rater l'expérience ?</h3><br />
[[Avertissement::{{{Avertissement|}}}]]|}}<br />
{{#if:{{{Explanations|}}}|<h3>Explications</h3><br />
[[Explanations::{{{Explanations|}}}]]|}}<br />
{{#if:{{{Deepen|}}}|<h3>Plus d'explications</h3><br />
[[Deepen::{{{Deepen|}}}]]|}}<br />
{{#if:{{{Applications|}}}|<h3>Applications : dans la vie de tous les jours</h3><br />
[[Applications::{{{Applications|}}}]]|}}<br />
{{#if:{{{Related|}}}|<h3>Vous aimerez aussi</h3><br />
[[Related::{{{Related|}}}]]|}}|}}<br />
{{#if:{{{Objectives|}}}{{{Animation|}}}{{{Notes|}}}|<br />
<div class="bg-halfsquare-separator-3"></div><br />
<h2>Éléments pédagogiques</h2><br />
{{#if:{{{Objectives|}}}|<h3>Objectifs pédagogiques</h3><br />
[[Objectives::{{{Objectives|}}}]]|}}<br />
{{#if:{{{Animation|}}}|<h3>Pistes pour animer l'expérience</h3><br />
[[Animation::{{{Animation|}}}]]|}}<br />
{{#if:{{{Notes|}}}|<h3>Sources et ressources</h3><br />
[[Notes::{{{Notes|}}}]]|}}|}}<br />
<br />
[{{fullurl:{{PAGENAME}}|action=history}} {{int:wf-last-edit-on}}] {{REVISIONDAY:{{PAGENAME}}}}/{{REVISIONMONTH:{{PAGENAME}}}}/{{REVISIONYEAR:{{PAGENAME}}}} {{int:wf-last-edit-by}} [[user:{{REVISIONUSER:{{PAGENAME}}}}]].<br />
<br />
<div class="noprint"><h2 class="cs-title">{{int:wf-cs-title}}</h2><br />
<comment-streams/></div></div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Utilisateur:Cl%C3%A9ment&diff=3935Utilisateur:Clément2019-11-28T16:11:14Z<p>Clément : create user page</p>
<hr />
<div></div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Accueil&diff=3927Accueil2019-11-28T14:29:06Z<p>Clément : </p>
<hr />
<div>__NOTOC__<br />
<div class="community-theme community-theme-wikideb"><br />
<div class="container"><br />
<h1>L'encyclopédie curieuse et pratique</h1><br />
<p class="marketing-section-hp-subtitle">Expériences scientifiques amusantes à faire à la maison.</p><br />
{{#ifanon:[[Special:UserLogin/signup|<span class="sign-up-button-hp">Créer un compte</span>]] <span class="sign-up-or">ou</span> [[Special:UserLogin|<span class="log-in-link">Se connecter</span>]]|}}<br />
</div><br />
</div><br />
<div class="wikideb-intro"><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-5 col-sm-6 col-xs-12 wikideb-intro-text"><br />
<h2>Qu'y a t-il sur ce wiki ?</h2><br />
<p>Essentiellement des [[Spécial:WfExplore|expériences]] réalisables avec du matériel dont chacun dispose sûrement à la maison, mais aussi des [[Items|fiches qui décrivent le matériel]], où se le procurer, les applications etc... des [[Groups|parcours pédagogiques]], des [[:Category:Webographie|webographies]] de sites scientifiques sur internet etc... et surtout, tout ce que chacun souhaite y mettre ! Pour les nostalgiques, retrouvez [http://ancien.wikidebrouillard.org l'ancien wikidebrouillard] </p><br />
</div><br />
<div class="col-md-offset-1 col-md-6 col-sm-6 col-xs-12 wikideb-intro-help"><br />
<h2>Participez au wiki !</h2><br />
<p>Explorez les expériences, fiches matériel et disciplines scientifiques déjà créées.</p><br />
<p>Pour écrire sur le wiki, il faut [[Special:UserLogin/signup|créer un compte]]. Consultez [[Help|l'aide en ligne]] pour apprendre à créer ou modifier une page.</p><br />
<p>'''Avec le soutien de'''</p><br />
<p>[[Fichier:Accueil_logofondationOrange.jpg|link=https://www.fondationorange.com/|200px]]</p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<div class="wikideb-hp-content"><br />
<div class="container"><br />
<div class="communitytheme-HPnav"><br />
<h2 class="page-header">Dernières expériences modifiées</h2><br />
{{#exploreQuery: [[Category:Tutorials]] [[Complete::Published]] | 8}}<br />
</div><br />
</div><br />
</div><br />
<div class="wikideb-hp-ressources"><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-5 col-sm-6 col-xs-12 wikideb-hp-ressources-left"><br />
<h3>Bonnes pratiques</h3><br />
<p>Quelques pages pour vous apprendre à contribuer à Wikidébrouillard</p><br />
[[Guide_des_wikidebrouilleurs|Le guide des Wikidebrouilleurs]]<br />
</div><br />
<div class="col-md-5 col-sm-6 col-xs-12 col-md-offset-1 wikideb-hp-ressources-right"><br />
<h3>Consulter l'aide</h3><br />
<p>Pour tout savoir sur Wikidebrouillard et son fonctionnement</p><br />
[[Help|Lire l'aide complète]]<br />
</div><br />
</div><br />
</div><br />
</div></div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Accueil&diff=3885Accueil2019-11-25T10:40:02Z<p>Clément : </p>
<hr />
<div>__NOTOC__<br />
<div class="community-theme community-theme-wikideb"><br />
<div class="container"><br />
<h1>L'encyclopédie curieuse et pratique</h1><br />
<p class="marketing-section-hp-subtitle">Expériences scientifiques amusantes à faire à la maison.</p><br />
{{#ifanon:[[Special:UserLogin/signup|<span class="sign-up-button-hp">Créer un compte</span>]] <span class="sign-up-or">ou</span> [[Special:UserLogin|<span class="log-in-link">Se connecter</span>]]|}}<br />
</div><br />
</div><br />
<div class="wikideb-intro"><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-5 col-sm-6 col-xs-12 wikideb-intro-text"><br />
<h2>Qu'y a t-il sur ce wiki ?</h2><br />
<p>Essentiellement des [[Spécial:WfExplore|expériences]] réalisables avec du matériel dont chacun dispose sûrement à la maison, mais aussi des [[Items|fiches qui décrivent le matériel]], où se le procurer, les applications etc... des [[Groups|parcours pédagogiques]], des [[:Category:Webographie|webographies]] de sites scientifiques sur internet etc... et surtout, tout ce que chacun souhaite y mettre ! Pour les nostalgiques, retrouvez [http://ancien.wikidebrouillard.org l'ancien wikidebrouillard] </p><br />
</div><br />
<div class="col-md-offset-1 col-md-6 col-sm-6 col-xs-12 wikideb-intro-help"><br />
<h2>Participez au wiki !</h2><br />
<p>Explorez les expériences, fiches matériel et disciplines scientifiques déjà créées.</p><br />
<p>Pour écrire sur le wiki, il faut [[Special:UserLogin/signup|créer un compte]]. Consultez [[Help|l'aide en ligne]] pour apprendre à créer ou modifier une page.</p><br />
<p>'''Avec le soutien de'''</p><br />
<p>[[Fichier:Accueil_logofondationOrange.jpg|link=https://www.fondationorange.com/|200px]]</p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<div class="wikideb-hp-content"><br />
<div class="container"><br />
<div class="communitytheme-HPnav"><br />
<h2 class="page-header">Dernières expériences modifiées</h2><br />
{{#exploreQuery: [[Category:Tutorials]] [[Complete::Published]] | 8}}<br />
</div><br />
</div><br />
</div><br />
<div class="wikideb-hp-ressources"><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-5 col-sm-6 col-xs-12 wikideb-hp-ressources-left"><br />
<h3>Bonnes pratiques</h3><br />
<p>Quelques pages pour vous apprendre à contribuer à Wikidébrouillard</p><br />
[[Guide_des_wikidebrouilleurs|Le guide des Wikidebrouilleurs]]<br />
</div><br />
<div class="col-md-5 col-sm-6 col-xs-12 col-md-offset-1 wikideb-hp-ressources-right"><br />
<h3>Consulter l'aide</h3><br />
<p>Pour tout savoir sur Wikidebrouillard et son fonctionnement</p><br />
[[Help|Lire l'aide complète]]<br />
</div><br />
</div><br />
</div><br />
</div></div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Accueil&diff=3705Accueil2019-11-19T08:45:33Z<p>Clément : </p>
<hr />
<div>__NOTOC__<br />
<div class="community-theme community-theme-wikideb"><br />
<div class="container"><br />
<h1>L'encyclopédie curieuse et pratique</h1><br />
<p class="marketing-section-hp-subtitle">Expériences scientifiques amusantes à faire à la maison.</p><br />
{{#ifanon:[[Special:UserLogin/signup|<span class="sign-up-button-hp">Créer un compte</span>]] <span class="sign-up-or">ou</span> [[Special:UserLogin|<span class="log-in-link">Se connecter</span>]]|}}<br />
</div><br />
</div><br />
<div class="wikideb-intro"><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-5 col-sm-6 col-xs-12 wikideb-intro-text"><br />
<h2>Qu'y a t-il sur ce wiki ?</h2><br />
<p>Essentiellement des [[Spécial:WfExplore|expériences]] réalisables avec du matériel dont chacun dispose sûrement à la maison, mais aussi des [[Items|fiches qui décrivent le matériel]], où se le procurer, les applications etc... des [[Groups|parcours pédagogiques]], des [[:Category:Webographie|webographies]] de sites scientifiques sur internet etc... et surtout, tout ce que chacun souhaite y mettre !</p><br />
</div><br />
<div class="col-md-offset-1 col-md-6 col-sm-6 col-xs-12 wikideb-intro-help"><br />
<h2>Participez au wiki !</h2><br />
<p>Explorez les expériences, fiches matériel et disciplines scientifiques déjà créées.</p><br />
<p>Pour écrire sur le wiki, il faut [[Special:UserLogin/signup|créer un compte]]. Consultez [[Help|l'aide en ligne]] pour apprendre à créer ou modifier une page.</p><br />
<p>'''Avec le soutien de'''</p><br />
<p>[[Fichier:Accueil_logofondationOrange.jpg|link=https://www.fondationorange.com/|200px]]</p><br />
</div><br />
</div><br />
<h2><center>Retrouvez l'ancien wikidebrouillard à cette adresse :</center></h2><br />
<h2><center>[http://ancien.wikidebrouillard.org http://ancien.wikidebrouillard.org]</center></h2><br />
</div><br />
</div><br />
<div class="wikideb-hp-content"><br />
<div class="container"><br />
<div class="communitytheme-HPnav"><br />
<h2 class="page-header">Dernières expériences modifiées</h2><br />
{{#exploreQuery: [[Category:Tutorials]] [[Complete::Published]] | 8}}<br />
</div><br />
</div><br />
</div><br />
<div class="wikideb-hp-ressources"><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-5 col-sm-6 col-xs-12 wikideb-hp-ressources-left"><br />
<h3>Bonnes pratiques</h3><br />
<p>Quelques pages pour vous apprendre à contribuer à Wikidébrouillard</p><br />
[[Guide_des_wikidebrouilleurs|Le guide des Wikidebrouilleurs]]<br />
</div><br />
<div class="col-md-5 col-sm-6 col-xs-12 col-md-offset-1 wikideb-hp-ressources-right"><br />
<h3>Consulter l'aide</h3><br />
<p>Pour tout savoir sur Wikidebrouillard et son fonctionnement</p><br />
[[Help|Lire l'aide complète]]<br />
</div><br />
</div><br />
</div><br />
</div></div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Accueil&diff=3669Accueil2019-11-18T14:58:41Z<p>Clément : </p>
<hr />
<div>__NOTOC__<br />
<div class="community-theme community-theme-wikideb"><br />
<div class="container"><br />
<h1>L'encyclopédie curieuse et pratique</h1><br />
<p class="marketing-section-hp-subtitle">Expériences scientifiques amusantes à faire à la maison.</p><br />
{{#ifanon:[[Special:UserLogin/signup|<span class="sign-up-button-hp">Créer un compte</span>]] <span class="sign-up-or">ou</span> [[Special:UserLogin|<span class="log-in-link">Se connecter</span>]]|}}<br />
</div><br />
</div><br />
<div class="wikideb-intro"><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-5 col-sm-6 col-xs-12 wikideb-intro-text"><br />
<h2>Qu'y a t-il sur ce wiki ?</h2><br />
<p>Essentiellement des [[Spécial:WfExplore|expériences]] réalisables avec du matériel dont chacun dispose sûrement à la maison, mais aussi des [[Items|fiches qui décrivent le matériel]], où se le procurer, les applications etc... des [[Groups|parcours pédagogiques]], des [[:Category:Webographie|webographies]] de sites scientifiques sur internet etc... et surtout, tout ce que chacun souhaite y mettre !</p><br />
</div><br />
<div class="col-md-offset-1 col-md-6 col-sm-6 col-xs-12 wikideb-intro-help"><br />
<h2>Participez au wiki !</h2><br />
<p>Explorez les expériences, fiches matériel et disciplines scientifiques déjà créées.</p><br />
<p>Pour écrire sur le wiki, il faut [[Special:UserLogin/signup|créer un compte]]. Consultez [[Help|l'aide en ligne]] pour apprendre à créer ou modifier une page.</p><br />
<p>'''Avec le soutien de'''</p><br />
<p>[[Fichier:Accueil_logofondationOrange.jpg|link=https://www.fondationorange.com/|200px]]</p><br />
</div><br />
</div><br />
<h2><center>Retrouvez l'ancien wikidebrouillard à cette adresse :</center></h2><br />
<h2><center>[http://ancien.wikidebrouillard.org http://ancien.wikidebrouillard.org]</center></h2><br />
</div><br />
</div><br />
<div class="wikideb-hp-content"><br />
<div class="container"><br />
<div class="communitytheme-HPnav"><br />
<h2 class="page-header">Dernières expériences modifiées</h2><br />
{{#exploreQuery: [[Category:Tutorials]] [[Complete::Published]] | 8}}<br />
</div><br />
</div><br />
</div><br />
<div class="wikideb-hp-ressources"><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-5 col-sm-6 col-xs-12 wikideb-hp-ressources-left"><br />
<h3>Bonnes pratiques</h3><br />
<p>Quelques pages pour vous apprendre à contribuer à Wikidébrouillard</p><br />
[[Guide_des_wikidebrouilleurs|Le guide des Wikidebrouilleurs]]<br />
</div><br />
<div class="col-md-5 col-sm-6 col-xs-12 col-md-offset-1 wikideb-hp-ressources-right"><br />
<h3>Consulter l'aide</h3><br />
<p>Pour tout savoir sur Wikidebrouillard et son fonctionnement</p><br />
[[Help|Lire l'aide complète]]<br />
</div><br />
</div><br />
</div><br />
</div></div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Privacy&diff=3668Privacy2019-11-18T14:50:13Z<p>Clément : A protégé « Privacy » ([Modifier=Autoriser uniquement les administrateurs] (infini) [Renommer=Autoriser uniquement les administrateurs] (infini))</p>
<hr />
<div>==Bienvenue==<br />
<br />
Bienvenue sur notre politique de confidentialité librement inspirée de celle de Wikipedia ! Wikidébrouillard fonctionnant sur MediaWiki, la structure logicielle de Wikipedia, les mécanismes de collecte, d’utilisation et de partage des données fonctionnent de façon similaire.<br />
Définition<br />
<br />
*« Site » / « Site Wikidébrouillard » / « Sites » : désigne les Sites Internet et services Wikidébrouillard (quelle qu’en soit la langue) y compris les applications mobiles, API, courriels et notifications, accessibles à l’adresse URL : http://wikidebrouillard.org et aux sous-domaines rattachés.<br />
* « vous » / « votre » / « vos » / « moi » : Désigne vous-même, que vous soyez une personne, un groupe ou une organisation, et que vous utilisiez le Site ou nos services en votre nom personnel ou pour le compte de quelqu’un d’autre.<br />
* « l’association Les petits débrouillards Grand-Ouest » / « l’association » / « nous » / « notre » / « nos » : désigne l’association Les petits débrouillards Grand-Ouest, organisation à but non lucratif qui exploite les Sites Wikidébrouillard.<br />
* « contribution » : désigne Le contenu que vous ajoutez ou les changements que vous apportez à l’un des Sites Wikidébrouillard.<br />
<br />
==Dispense de déclaration à la CNIL==<br />
<br />
Bien que dispensé de déclaration à la CNIL conformément à la Délibération n° 2010-229 du 10 juin 2010 dispensant de déclaration les traitements automatisés de données à caractère personnel mis en œuvre par des organismes à but non lucratif, Wikidébrouillard s'engage à ne pas vendre, louer ou utiliser vos informations pour vous adresser des publicités pour des produits et services tiers et à garder vos informations confidentielles, dans les limites prévues par cette Politique.<br />
==Vos contributions publiques==<br />
<br />
Lorsque vous effectuez une contribution sur le Site, y compris sur les pages d’utilisateur ou de discussion, vous créez un enregistrement permanent et public de chaque élément de contenu ajouté, supprimé ou altéré par vous. Votre contribution (même si vous venez de supprimer quelque chose) sera accompagnée de la date à laquelle elle a été effectuée et de votre nom d’utilisateur (si vous êtes connecté) ou votre adresse IP (si vous n’êtes pas connecté).<br />
<br />
À moins qu’une disposition de la présente Politique de confidentialité ne stipule le contraire, vous devez présumer que les informations que vous fournissez activement au Site, y compris les informations personnelles, sont publiquement disponibles et peuvent être trouvées par les moteurs de recherche. Veuillez ne pas fournir d’informations si vous ne souhaitez pas qu’elles soient rendues publiques de manière permanente.<br />
Informations sur le compte et inscription<br />
<br />
Vous n’êtes pas obligé de créer un compte pour lire ou contribuer au Site. Cependant, si vous contribuez sans vous connecter, votre contribution sera publiquement attribuée à l’adresse IP associée à votre appareil.<br />
<br />
Si vous créez un compte, nous vous demandons d’inventer un nom d’utilisateur et d'y associer un mot de passe de votre choix. Votre nom d’utilisateur sera visible publiquement, réfléchissez donc bien avant d’utiliser votre vrai nom comme nom d’utilisateur. Votre mot de passe ne servira qu’à vérifier que le compte est bien le vôtre. Votre adresse IP nous sera également communiquée automatiquement, mais nous ne l’enregistrerons temporairement qu’afin de prévenir et lutter contre certains abus. Aucune autre information personnelle n’est nécessaire : ni nom, ni adresse électronique, ni date de naissance, ni données de carte de crédit.<br />
<br />
Une fois créés, les comptes d’utilisateurs ne peuvent pas être entièrement supprimés (mais vous pouvez choisir de cacher des informations sur votre profil d’utilisateur). Ceci est dû au fait que vos contributions publiques doivent être associées à leur auteur (vous !). Assurez-vous de ne pas choisir un nom ou pseudonyme que vous pourriez regretter dans les années à venir.<br />
<br />
==Courriers électroniques==<br />
<br />
Vous avez la possibilité de fournir une adresse électronique lors de votre inscription ou depuis votre espace utilisateur. Si vous le faites, votre adresse électronique est traitée de manière confidentielle.<br />
<br />
Nous pouvons vous demander des informations générales telles que votre nom réel, votre genre ou votre âge. Nous vous indiquerons si ces informations sont destinées à être publiques ou privées pour que vous puissiez prendre une décision informée de nous les fournir ou non.<br />
<br />
Nous utilisons votre adresse électronique pour vous informer au sujet des événements qui ont lieu en lien avec Wikidébrouillard, notamment pour vous indiquer les informations importantes au sujet de votre compte, vous signaler les changements concernant les politiques de Wikidébrouillard, et vous alerter en cas de modification d’un article que vous avez décidé de suivre. Veuillez noter que si vous nous adressez un courrier électronique, nous pouvons conserver votre message, votre adresse électronique et toute autre information que vous nous indiquez pour pouvoir traiter et répondre à votre courrier.<br />
<br />
Vous pouvez décider de limiter certaines de ces notifications et la fréquence avec laquelle vous les recevez en modifiant vos préférences de notifications depuis votre espace utilisateur.<br />
<br />
Nous ne vous demanderons jamais votre mot de passe par courrier électronique (mais nous pouvons vous envoyer un mot de passe temporaire par courrier électronique si vous avez demandé une réinitialisation de mot de passe). Si vous recevez un tel courrier électronique, veuillez nous le signaler à contact@wikidebrouillard.org afin que nous puissions enquêter et identifier l’usurpateur à la source de ce courrier.<br />
<br />
Les communications directes entre utilisateurs (telles que les messages envoyés par la fonctionnalité « Envoyer un courriel à cet utilisateur »), dans la mesure où ces communications ne sont pas publiques et sont stockées pour transiter par les systèmes de Wikidébrouillard, sont gardées confidentielles, dans les limites prévues par cette Politique.<br />
<br />
==Informations que nous recueillons==<br />
<br />
Nous recueillons activement certains types d’informations en recourant à diverses technologies courantes. Il peut s’agir de pixels de suivi, de Javascript et de plusieurs technologies de « données enregistrées localement », notamment les cookies et le stockage local.<br />
<br />
En fonction de la technologie que nous utilisons, les données enregistrées localement peuvent être composées de texte, d’images, d’articles entiers (comme nous l’expliquons en détail plus loin) ou d’informations personnelles (notamment votre adresse IP) et d’informations relatives à votre utilisation du Site Wikidébrouillard (notamment votre nom d’utilisateur ou l’heure de votre visite).<br />
<br />
Nous utilisons ces informations pour faire en sorte que votre expérience sur le Site soit plus sûre et meilleure, pour mieux comprendre les préférences des utilisateurs et comment les utilisateurs interagissent avec le Site, et de manière générale pour améliorer le service. Nous n’utiliserons jamais de cookies de tierces parties. Si vous découvrez un outil de collecte de données provenant d’une tierce partie et que vous n’avez pas autorisé (notamment un outil qui a pu être placé par erreur par un autre utilisateur ou administrateur), veuillez nous le signaler à l’adresse contact@wikidebrouillard.org.<br />
<br />
Les données localement enregistrées, le code JavaScript et les pixels de suivi nous permettent notamment de :<br />
<br />
* vous proposer une expérience personnalisée, notamment en utilisant les cookies pour connaître la langue de votre choix, de mémoriser les préférences d’utilisateur que vous établissez pour que nous puissions vous proposer l’apparence et les caractéristiques personnalisées et de vous communiquer les affaires et événements intéressants liés à Wikidébrouillard dans votre région ;<br />
<br />
* vous proposer un contenu plus pertinent plus rapidement — par exemple, nous pouvons utiliser un stockage local pour enregistrer les tutoriels que vous avez lus récemment directement sur votre appareil pour que vous puissiez y accéder rapidement ; nous pourrions également utiliser des cookies pour mieux connaître les sujets recherchés afin d’optimiser les résultats de la recherche que nous vous proposons ;<br />
<br />
* comprendre comment vous utilisez le Site Wikidébrouillard, pour savoir ce qui fonctionne et ce qui est utile ; par exemple, nous pourrions utiliser des cookies pour en savoir plus sur les pages inscrits sur votre liste de suivi, afin de pouvoir vous recommander des articles similaires qui pourraient vous intéresser ;<br />
<br />
* comprendre comment vous utilisez le Site Wikidébrouillard, sur vos différents appareils, pour faire en sorte que le service soient plus efficaces pour vous ;<br />
<br />
* faire en sorte que le Site Wikidébrouillard soit plus pratique à utiliser, notamment en recourant aux cookies pour conserver votre session lorsque vous vous connectez ou pour mémoriser votre nom d’utilisateur dans le champ de saisie correspondant.<br />
<br />
Nous considérons que cette collecte de données nous aidera à améliorer votre expérience d’utilisateur, mais vous pouvez supprimer ou désactiver une partie ou l’ensemble des données enregistrées localement en recourant aux paramètres de votre navigateur, selon le navigateur que vous utilisez. Même si le stockage local de ces données peut ne pas être nécessaire pour naviguer sur le Site, certaines fonctionnalités pourraient ne pas fonctionner de façon optimale si vous le désactivez.<br />
<br />
Bien que les exemples ci-dessus concernant les informations à votre sujet, collectées par l’utilisation d’outils de collecte de données, soient gardées confidentielles conformément à la présente Politique, veuillez noter que certaines informations sur les actions effectuées sous votre nom d’utilisateur sont rendues disponibles dans nos journaux publics en même temps que les actions effectuées par d’autres utilisateurs. Les informations disponibles dans nos journaux publics n’incluront pas d’informations personnelles à votre sujet.<br />
Adresses IP<br />
<br />
Enfin, lorsque vous consultez le site Wikidébrouillard, nous recevons automatiquement l’adresse IP de l’appareil (ou du serveur mandataire) que vous utilisez pour accéder à Internet, laquelle pourrait être utilisée pour déterminer votre position géographique. Nous traitons les adresses IP de manière confidentielle, sauf dans la mesure prévue par cette politique.<br />
<br />
Par exemple, si vous effectuez une contribution sans vous connecter à votre compte, votre adresse IP sera enregistrée de manière publique et permanente. Nous utilisons les adresses IP pour des motifs de recherche et d’analyse ; pour mieux personnaliser le contenu, les notices, et les paramètres ; pour lutter contre les contenus indésirables, les usurpations d’identité, les logiciels malveillants et autres types d’abus ; et pour proposer de meilleures applications mobiles et d’autres applications.<br />
Partage de vos informations<br />
<br />
Toutes les informations que vous publiez sur le Site Wikidébrouillard deviennent tout simplement... publiques. Par exemple lorsque vous indiquez votre adresse électronique de messagerie sur votre page de discussion, qui est publique et qui n’est pas concernée par la présente Politique. Votre adresse IP sera également rendue publique lorsque vous rédigerez sans vous enregistrer ou sans vous connecter à votre compte. Demandez-vous quel niveau d’anonymat vous souhaitez conserver avant de divulguer des informations personnelles sur votre page d’utilisateur ou ailleurs.<br />
Durée de conservation de vos données<br />
<br />
Les données personnelles sont stockées et conservées pour toute la durée pendant laquelle l’Utilisateur conserve son compte sur le Site. Au-delà, nous recevons vos informations personnelles pendant la durée la plus courte possible, selon les besoins liés à la maintenance, la compréhension et l’amélioration du Site, ainsi que selon nos obligations en vertu de la loi en vigueur en France.<br />
<br />
Les informations non personnelles peuvent être retenues indéfiniment, notamment votre adresse IP (si vous modifiez un contenu alors que vous n’êtes pas identifié) et toutes les contributions publiques.<br />
<br />
==Protection des données==<br />
<br />
Nous nous efforçons de protéger vos informations contre tout accès, utilisation ou divulgation non autorisé(e). Nous avons recours à diverses politiques, procédures et mesures physiques et techniques (notamment des procédures de contrôle d’accès, des pare-feux de réseau et des mesures de sécurité physique) conçues pour protéger nos systèmes et vos informations personnelles. Malheureusement, il n’existe pas de méthode absolument sûre pour la transmission ou le stockage de données et donc nous ne sommes pas en mesure de garantir que notre sécurité ne sera jamais compromise (que ce soit par des moyens techniques ou par une violation de nos politiques et procédures).<br />
<br />
Pour la protection de l’association Les petits débrouillards Grand Ouest et des autres utilisateurs, si vous n’êtes pas d’accord avec la présente Politique de confidentialité, vous n’êtes pas autorisé à utiliser le Site Wikidébrouillard.<br />
<br />
==Pour nous contacter==<br />
<br />
Si vous avez des questions ou suggestions au sujet de la présente Politique de confidentialité ou des informations recueillies dans le cadre de cette Politique de confidentialité, veuillez nous adresser un courrier électronique à l’adresse contact@wikidebrouillard.org.<br />
==Merci !==<br />
Nous vous remercions de lire notre Politique de confidentialité. Nous espérons que vous apprécierez le site Wikidébrouillard et votre participation à la création, à la maintenance et au travail constant pour améliorer le Site.</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Terms&diff=3667Terms2019-11-18T14:50:03Z<p>Clément : A protégé « Terms » ([Modifier=Autoriser uniquement les administrateurs] (infini) [Renommer=Autoriser uniquement les administrateurs] (infini))</p>
<hr />
<div>==ARTICLE 1. Préambule==<br />
<br />
L’accès et l’utilisation du xsite accessible à l’adresse suivante: www.wikidebrouillard.org (ci-après dénommé « le Site ») et des services qui y sont proposés sont soumis au respect des présentes Conditions Générales d’Utilisation (ci-après dénommées « CGU »).<br />
<br />
==ARTICLE 2. Définition==<br />
<br />
* '''Wikidébrouillard :''' désigne le Site wikidebrouillard.org.<br />
* '''Les petits débrouillards :''' désigne [https://www.lespetitsdebrouillardsgrandouest.org/ l'association les petits débrouillards Grand-Ouest] qui porte le projet Wikidébrouilllard pour le réseau français des [http://www.lespetitsdebrouillards.org/ petits débrouillards].<br />
* '''Utilisateur(s) :''' désigne toute personne physique ou morale utilisatrice du Site, qui à titre professionnel ou personnel accède au Site afin de bénéficier des Services proposée par le Site.<br />
* '''Tutoriel(s) :''' désigne l’espace numérique de Documentation d’un projet de conception, fabrication ou réparation d’un objet et/ou d’une technique de fabrication. Il est constitué d'instructions détaillées pas à pas, appelées étape, et accueille l’ensemble de la Documentation relative à la réalisation du projet et/ou de la technique.<br />
* '''Service(s) :''' désigne l’ensemble des services dans leurs versions actuelles et futures accessibles via le Site et notamment, sans que cette liste ne soit exhaustive : l’hébergement de données, la mise à disposition des outils de publication et modification de Tutoriels, la gestion des conditions d’accès à son Tutoriel, etc.<br />
* '''Documentation :''' désigne tout élément que l’Utilisateur publie, envoi, partage, modifie, stocke, relatif à un Tutoriel.<br />
* '''Parties :''' on entend par Partie(s), individuellement l'association les petits débrouillards Grand-Ouest ou l’Utilisateur et, collectivement, l'association les petits débrouillards Grand-Ouest et l’Utilisateur<br />
<br />
==ARTICLE 3. Acceptation==<br />
<br />
Tout accès et/ou utilisation du Site suppose l’acceptation et le respect de l’ensemble des termes des présentes CGU et leur acceptation inconditionnelle. Elles constituent un contrat entre l'association les petits débrouillards Grand-Ouest et l’Utilisateur qui accède au Site en s’étant ou non préalablement inscrit et en ayant créé ou non un compte sur le Site. Le présent contrat est conclu pour une durée indéterminée à compter de l’utilisation du Site par l’Utilisateur. Dans l’hypothèse où l’Utilisateur ne souhaite pas accepter tout ou partie des présentes CGU, il lui est demandé de renoncer à tout usage du Site.<br />
<br />
==ARTICLE 4. Objet==<br />
<br />
Le Site est une plateforme dédiée à l’hébergement de Documentation de conception, fabrication et d'animation pédagogique d'expériences scientifiques ou de montage techniques à réaliser avec du matériel simple, basée sur un wiki (wikifab), à destination du public pour un usage gratuit.<br />
<br />
Il fournit des Services aux Utilisateurs afin qu’ils puissent créer ou modifier des Tutoriels, échanger des idées, résoudre des problèmes et télécharger des documents.<br />
<br />
==ARTICLE 5. Responsabilités de l'association les petits débrouillards Grand-Ouest==<br />
<br />
L'association les petits débrouillards Grand-Ouest n’exerce aucun rôle éditorial. Tout le contenu hébergé est fourni par les Utilisateurs. Ceci signifie que l'association les petits débrouillards Grand-Ouest n’exerce aucun contrôle ni aucune modération ou opération de contrôle, de surveillance sur la Documentation chargée, transmise, mise en ligne et/ou publiée sur le Site par l’Utilisateur.<br />
<br />
En aucune circonstance l'association les petits débrouillards Grand-Ouest ne peut être tenu responsable de la qualité des informations et des contenus fournis par les Utilisateurs, ni des conséquences (notamment tout litige ou dommage) pouvant résulter de l’utilisation des Services.<br />
<br />
De façon similaire, l'association les petits débrouillards Grand-Ouest n’approuve pas les opinions exprimées via les Services et ne présente ou ne garantie aucune vérité, précision ou fiabilité des contenus envoyés par les Utilisateurs.<br />
<br />
La Documentation présentée et affichée sur le Site relève de la responsabilité exclusive de l’Utilisateur qui l’a chargée, transmise, mise en ligne et/ou publiée sur le Site.<br />
<br />
La Documentation mise en ligne et/ou publiée sur le Site par un quelconque Utilisateur relève de la seule responsabilité de la personne qui l’a mise en ligne et/ou publiée.<br />
<br />
Bien que l'association les petits débrouillards Grand-Ouest héberge des informations qui relèvent des domaines techniques et scientifique, le contenu n’est proposé qu’à titre informatif. Il ne saurait en aucun cas être considéré comme un avis professionnel. Par conséquent, Wikifab demande aux Utilisateurs de s’adresser à des professionnels licenciés ou qualifiés dans le domaine applicable plutôt que d’agir en fonction d’informations, d’opinions ou de conseils contenus dans les Tutoriels.<br />
<br />
l'association les petits débrouillards Grand-Ouest ne peut pas offrir de protection, garantie, immunité ou indemnisation de quelques nature que ce soit pour des dommages liés au contenu publié sur le site.<br />
<br />
==ARTICLE 6. Obligation de l’Utilisateur==<br />
<br />
L’Utilisateur engage seul sa responsabilité du fait du contenu qu’il met en ligne sur le Site.<br />
<br />
Il s’interdit en conséquence de publier, diffuser, mettre en ligne tout contenu :<br />
* à caractère violent ou susceptible de porter atteinte au respect et à la dignité de la personne humaine, à l'égalité entre les hommes et les femmes, à la protection des enfants et des adolescents, notamment par la fabrication, le transport et la diffusion de messages à caractère violent ou pornographique ou de nature à porter atteinte à la dignité humaine ;<br />
* qui encourage à la commission de crimes et délits ;<br />
* qui incite à la consommation de substances interdites ;<br />
* qui provoque ou puisse provoquer la discrimination, la haine, la violence en raison de la race, de l'ethnie ou de la nation ;<br />
* qui soit illégal, nuisible, menaçant, abusif, constitutif de harcèlement, diffamatoire, injurieux, vulgaire, obscène, menaçant pour la vie privée d'autrui ou de nature à heurter la sensibilité de certaines personnes ;<br />
* qui porte atteinte aux droits de tiers comme, sans que cette liste ne soit limitative, à tout secret de fabrication, secret professionnel, information confidentielle, marque, brevet et d'une manière générale tout droit de propriété industrielle ou intellectuelle ou tout autre droit portant sur une information ou un contenu protégé ;<br />
* comprenant, sans que cette liste ne soit limitative, des virus informatiques ou tout autre code ou programme, conçus pour interrompre, détruire ou limiter la fonctionnalité de tout logiciel, ordinateur ou outil de télécommunication.<br />
<br />
La mise en ligne et/ou la publication de tout contenu, par un quelconque Utilisateur sur le Site, susceptible de comporter un quelconque caractère contraire à l’ordre public, aux lois ou règlements en vigueur, aux bonnes mœurs ou à un droit quelconque est strictement interdite.<br />
<br />
En conséquence, l'association les petits débrouillards Grand-Ouest recommande fortement aux Utilisateurs de s’assurer de la valeur de chaque élément qu’il publie sur le Site. En cas de signalement d´un tel caractère contraire, l'association les petits débrouillards Grand-Ouest se réserve le droit de retirer ledit contenu et de supprimer ou bannir le compte correspondant audit contenu contraire.<br />
<br />
Toute personne peut signaler à l'association les petits débrouillards Grand-Ouest l’existence d’un contenu contraire en envoyant un message électronique à l’adresse suivante : contact@wikidebrouillard.org.<br />
<br />
L’Utilisateur s’engage lors de la création d’un Tutoriel sur le Site, à opter pour une licence Creative Commons qui s’appliquera à la Documentation chargée, transmise, mise en ligne et/ou publiée sur le Site pour ce Tutoriel.<br />
<br />
L’Utilisateur choisi une licence parmi les licences Creative Commons disponibles sur la page édition du Tutoriel.<br />
<br />
==ARTICLE 7. Propriété intellectuelle==<br />
<br />
La structure générale du Site, ainsi que les textes, graphiques, images, sons et vidéos la composant, sont la propriété de l'association les petits débrouillards Grand-Ouest. Toute représentation et/ou reproduction et/ou exploitation partielle ou totale des contenus et services proposés par le Site par quelque procédé que ce soit, sans l'autorisation préalable et par écrit de l'association les petits débrouillards Grand-Ouest est strictement '''autorisée''' et '''ne''' serait '''pas''' susceptible de constituer une contrefaçon au sens des articles L 335-2 et suivants du Code de la propriété intellectuelle. La marque Wikidebrouillard et son logo sont des marques déposée par l'association les petits débrouillards Grand-Ouest. Toute représentation et/ou reproduction et/ou exploitation partielle ou totale de ces marques, de quelque nature que ce soit, est totalement prohibée.<br />
<br />
La Documentation chargée, transmise, mise en ligne et/ou publiée sur le Site par l’Utilisateur est encadrée par les licences Creative Commons. L’Utilisateur s’engage à respecter les termes et conditions d’utilisation de la Documentation conformément à la licence Creative Commons sous laquelle est chargée, transmise, mise en ligne et/ou publiée la Documentation.<br />
<br />
==ARTICLE 8. Données à caractère personnel==<br />
<br />
L'association les petits débrouillards Grand-Ouest s’engage en sa qualité de responsable de traitement, au strict respect des dispositions de la loi Informatique et Libertés du 6 janvier 1978, et de la Réglementation Générale sur les Données Privée (dite RGPD) dans le cadre du traitement des informations et données à caractère personnel relatives aux Utilisateurs recueillies sur le Site pour les besoins de la fourniture des Services telles que prévues aux termes des présentes.<br />
<br />
En application des disposition de la loi Informatique et Libertés modifiée, toute personne physique dispose des droits d’accès, de modification, de rectification et de suppression des données la concernant.<br />
<br />
Afin d’exercice de ce droit d’accès et de rectification, l’Utilisateur pourra adresser sa requête par email à l'association les petits débrouillards Grand-Ouest à l’adresse suivante : contact@wikidebrouillard.org.<br />
<br />
Les données à caractère personnel collectées sur le Site ne font l’objet d’aucune communication, cession ou de divulgation à des tiers dans un but prospectif ou publicitaire.<br />
<br />
l'association les petits débrouillards Grand-Ouest s’engage à prendre des précautions techniques reconnues afin de préserver la sécurité des données à caractère personnel et notamment empêcher qu’elles ne soient déformées, endommagées ou communiquées à des tiers non autorisés.<br />
==ARTICLE 9. Responsabilité de l’Utilisateur==<br />
<br />
L’Utilisateur reconnaît que les caractéristiques et les contraintes du réseau internet ne permettent pas de garantir la disponibilité et le bon fonctionnement du Site. En conséquence, l'association les petits débrouillards Grand-Ouest ne garantit pas que le Site fonctionnera sans interruption ni erreur.<br />
<br />
A ce titre, il est précisé que le Site est accessible 24 heures sur 24, 7 jours sur 7 sauf cas de force majeure ou événement hors du contrôle de l'association les petits débrouillards Grand-Ouest. l'association les petits débrouillards Grand-Ouest peut être amenée à interrompre l’accès à tout ou partie du Site, à tout ou partie des Utilisateurs, de façon temporaire pour des raisons de maintenance visant le bon fonctionnement du Site, sans préavis et sans que cette interruption puisse donner droit à une quelconque indemnité pour l’Utilisateur.<br />
<br />
L’Utilisateur renonce à rechercher la responsabilité de l'association les petits débrouillards Grand-Ouest au titre de ces interruptions de service ou perturbations de fonctionnement.<br />
<br />
L’Utilisateur n’est pas autorisé à utiliser le Site et les Services de manière contraire à la loi, à l’ordre public, à la morale et/ou aux bonnes mœurs.<br />
<br />
L’Utilisateur renonce également à exercer tout recours contre l'association les petits débrouillards Grand-Ouest dans le cas de poursuites diligentées par un tiers à son encontre du fait de l’utilisation et/ou de l’exploitation illicite du site.<br />
<br />
<br />
==ARTICLE 10. Modification des CGU==<br />
<br />
l'association les petits débrouillards Grand-Ouest se réserve la possibilité de faire évoluer à tout moment le Site ainsi que les CGU, ou encore de compléter celles-ci par de nouvelles conditions contractuelles complémentaires.<br />
<br />
Les CGU modifiées entreront en vigueur dès leur mise en ligne par l'association les petits débrouillards Grand-Ouest et prévaudront sur toute version imprimée de date antérieure.<br />
<br />
En conséquence, il est recommandé à l’Utilisateur de consulter régulièrement les CGU afin de vérifier la version en vigueur au moment de sa connexion.<br />
==ARTICLE 11. Loi applicable / Juridiction compétente==<br />
<br />
Les présentes CGU sont régies par la loi française.<br />
<br />
Seule la version en langue française des CGU fait foi entre les Parties et pourra être produite en justice.<br />
<br />
Le non respect par l’Utilisateur, quelle que soit sa localisation, de l’une des dispositions des présentes CGU et de façon plus générale, toute difficulté touchant à son exécution, son interprétation ou sa validité, sont soumis à la loi française et aux juridictions françaises et plus précisément des Tribunaux de Rennes.<br />
==ARTICLE 12. Contactez nous==<br />
<br />
Pour toute question relative aux présentes CGU ou réclamation, vous pouvez contacter l'association les petits débrouillards Grand-Ouest à l’adresse suivante : contact@wikidebrouillard.org.<br />
==ARTICLE 13. Merci==<br />
<br />
Nous vous remercions de lire nos conditions générales d’utilisation. Nous espérons que vous apprécierez Wikidébrouillard et votre participation à la création, à la maintenance et au travail constant pour améliorer le premier catalogue de tutoriels pour partager la curiosité, l'esprit critique, la découverte scientifique du monde et la pédagogie des sciences et Techniques..<br />
<br />
Mise à jour : Les présentes CGU ont été mises à jour le 28 novembre 2018.</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Dokit:Terms&diff=3666Dokit:Terms2019-11-18T14:49:34Z<p>Clément : Page redirigée vers Terms</p>
<hr />
<div>#REDIRECT [[Terms]]</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Dokit:Privacy&diff=3665Dokit:Privacy2019-11-18T14:49:17Z<p>Clément : Page redirigée vers Privacy</p>
<hr />
<div>#REDIRECT [[Privacy]]</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Dokit:Privacy&diff=3664Dokit:Privacy2019-11-18T14:48:52Z<p>Clément : Page créée avec « REDIRECT Privacy »</p>
<hr />
<div>REDIRECT Privacy</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Attribut:Disciplines_scientifiques&diff=3577Attribut:Disciplines scientifiques2019-10-16T07:25:53Z<p>Clément : </p>
<hr />
<div>This is a property of type [[Has type::Text]].<br />
<br />
The allowed values for this property are:<br />
* [[Allows value::Acoustics]]<br />
* [[Allows value::Arduino]]<br />
* [[Allows value::Astronomy]]<br />
* [[Allows value::Chemistry]]<br />
* [[Allows value::Computing]]<br />
* [[Allows value::Earth Sciences]]<br />
* [[Allows value::Electricity]]<br />
* [[Allows value::Life Sciences]]<br />
* [[Allows value::Mathematics]]<br />
* [[Allows value::Matter Sciences]]<br />
* [[Allows value::Mechanics]]<br />
* [[Allows value::Optical]]<br />
* [[Allows value::Physics]]<br />
* [[Allows value::Social Sciences]]</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Dokit:PropertiesList&diff=3575Dokit:PropertiesList2019-10-16T06:57:46Z<p>Clément : </p>
<hr />
<div>{{PropertiesList<br />
|PropertyTitleEN=Disciplines scientifiques<br />
|PropertyTitleFR=Disciplines scientifiques<br />
|PropertyType=checkboxes<br />
|PropertyIcon=fa-tag<br />
|PropertyValues01EN=Acoustics<br />
|PropertyValues01FR=Acoustique<br />
|PropertyValues02EN=Arduino<br />
|PropertyValues02FR=Arduino<br />
|PropertyValues03EN=Astronomy<br />
|PropertyValues03FR=Astronomie<br />
|PropertyValues04EN=Chemistry<br />
|PropertyValues04FR=Chimie<br />
|PropertyValues05EN=Computing<br />
|PropertyValues05FR=Informatique<br />
|PropertyValues06EN=Earth Sciences<br />
|PropertyValues06FR=Science de la terre<br />
|PropertyValues07EN=Electricity<br />
|PropertyValues07FR=Electricité<br />
|PropertyValues08EN=Life Sciences<br />
|PropertyValues08FR=Science de la vie<br />
|PropertyValues09EN=Mathematics<br />
|PropertyValues09FR=Mathématique<br />
|PropertyValues10EN=Matter Sciences<br />
|PropertyValues10FR=Science de la matière<br />
|PropertyValues11EN=Mechanics<br />
|PropertyValues11FR=Mécanique<br />
|PropertyValues12EN=Optical<br />
|PropertyValues12FR=Optique<br />
|PropertyValues13EN=Physics<br />
|PropertyValues13FR=Physique<br />
|PropertyValues14EN=Social Sciences<br />
|PropertyValues14FR=Sciences sociales<br />
|PropertyMandatory=yes<br />
|PropertyFilter=yes<br />
|PropertyPlace=Tutorials<br />
}}<br />
{{PropertyOptions<br />
|PropertyDifficulty=yes<br />
|PropertyDuration=yes<br />
}}</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Accorder_un_verre&diff=3444Accorder un verre2019-10-15T13:21:09Z<p>Clément : </p>
<hr />
<div>{{Tuto Details<br />
|Main_Picture=Accorder_un_verre_VID_20190228_192418.mp4<br />
|Licences=Attribution (CC-BY)<br />
|Description=Aligner les 8 verres sur une table. Ce nombre est important car il permet d'obtenir une gamme musicale complète (voir gamme musicale).<br />
|Disciplines scientifiques=Acoustics, Optical, Physics<br />
|Difficulty=Easy<br />
|Duration=20<br />
|Duration-type=minute(s)<br />
|Tags=musique, son, vibrations, son, verre<br />
}}<br />
{{Introduction<br />
|Introduction=Fais ton xylo au resto ! <br />
<br />
De la musique avec de l'eau et des verres. (pensez à faire une reservation pour 8)<br />
}}<br />
{{Materials<br />
|ItemList={{ItemList<br />
|Item=Eau<br />
}}{{ItemList<br />
|Item=Verre<br />
}}{{ItemList<br />
|Item=Crayon<br />
}}<br />
}}<br />
{{Separator}}<br />
{{Tuto Step<br />
|Step_Title=On a soif !<br />
|Step_Content=Remplir les verres (ou pots en verre) d'eau de manière décroissante (le verre de gauche doit contenir plus d'eau que son voisin de droite et ainsi de suite)<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Ca fait de la musique !<br />
|Step_Content=Prendre son crayon (ou une baguette) et frapper légèrement le bord supérieur des verres.<br />
}}<br />
{{Notes<br />
|Observations=On observe que plus un verre contient d'eau, plus le son, donc la note émise, est grave. Et à l'inverse, un verre contenant moins d'eau produit une note plus aigüe.<br />
|Avertissement=Il ne faut pas casser les verres.<br />
|Explanations=Les sons sont produits par des vibrations. Chaque vibration possède une vitesse de vibration propre appelée "fréquence"([http://fr.wikipedia.org/wiki/Frequence <nowiki>[1]</nowiki>]) Le fait de frapper un verre avec un crayon produit ce genre de vibrations. La vitesse de vibration dépend de la quantité d'eau dans le verre. Un verre plein possède une vitesse de vibration faible, donc produit un son plus grave qu'un verre vide.<br />
|Deepen=Pour aller plus loin dans l'expérience, il est possible d'accorder correctement ses verres. En effet, jusqu'à présent, la gamme obtenue n'était pas parfaite. Pour l'améliorer, utilisez un accordeur qui vous permettra d'ajuster la hauteur d'eau dans chaque verre. Du verre de gauche vers le verre de droite : DO, RÉ, MI, FA, SOL, LA, SI, et DO. Vous pouvez à présent jouer vos morceaux préférés dans votre cuisine!<br />
<br />
Vous pouvez aussi prendre des verres à pied en cristal et les mettre en résonance avec juste un doigt !<br />
|Applications=Ça rend les repas en famille bien plus fun !<br />
|Related=La menthe et la grenadine à l'eau.<br />
|Animation=Chacun son verre et chacun l'apporte pour créer un instrument pour tous. <br />
<br />
Chacun son crayon pour jouer ensemble. <br />
<br />
Attention aux fausses notes et au rythme !<br />
|Notes=L'eau du robinet, ça coule de source !<br />
<br />
L'eau en bouteille plastique c'est pas très écolo !<br />
}}<br />
{{Tuto Status<br />
|Complete=Draft<br />
}}</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Badge_avec_un_%C3%A9cran_Oled&diff=3443Badge avec un écran Oled2019-10-15T11:14:59Z<p>Clément : </p>
<hr />
<div>{{Tuto Details<br />
|Main_Picture=Badge_avec_un_écran_Oled_VID_20190209_145959_1.gif<br />
|Licences=Attribution (CC-BY)<br />
|Description=Comment réaliser un badge avec un écran OLED ?<br />
|Disciplines scientifiques=Arduino<br />
|Difficulty=Technical<br />
|Duration=2<br />
|Duration-type=hour(s)<br />
|Tags=ecran OLED, affichage, écran, badge, électronique<br />
}}<br />
{{Introduction<br />
|Introduction=Bien qu'un peu techniques, ces petits écrans sympathiques sont très plaisants à utiliser.<br />
}}<br />
{{Materials<br />
|ItemList={{ItemList<br />
|Item=Ecran OLED<br />
}}{{ItemList<br />
|Item=D1 mini<br />
}}{{ItemList<br />
|Item=Câble Dupont<br />
}}{{ItemList<br />
|Item=Breadboard<br />
}}{{ItemList<br />
|Item=Logiciel Arduino<br />
}}<br />
|Prerequisites={{Prerequisites<br />
|Prerequisites=Convertir une image en format xbm<br />
}}<br />
|Tuto_Attachments={{Tuto Attachments<br />
|Attachment=Badge-oled128X64.ino<br />
}}<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Réunir le matériel<br />
|Step_Content=Le matériel est tout simple :<br />
* 4 cables dupont<br />
* 1 breadboard<br />
* 1 D1 mini<br />
* 1 écran OLED<br />
* Sur la photo ne figure pas l'indispensable alimentation 5V<br />
|Step_Picture_00=Badge_avec_un_écran_Oled_badge-oledMate_riel.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Faites le montage<br />
|Step_Content=Le brochage se résume à 4 fils à brancher du D1 mini vers l'écran :<br />
* 5V vers VCC (fil rouge)<br />
* G vers GND (fil noir)<br />
* D6 vers SDA (Fil jaune)<br />
* D5 vers SCL (ou SCK (fil vert).<br />
|Step_Picture_00=Badge_avec_un_écran_Oled_badge-oled128X64_bb.png<br />
|Step_Picture_01=Badge_avec_un_écran_Oled_badge-oledMontage.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Ajouter l'image au programme<br />
|Step_Content=Point de vigilance : veiller à ce que les noms coïncident avec ceux du programme. Ne pas oublier la virgule finale.<br />
|Step_Picture_00=Badge_avec_un_écran_Oled_Capture_d_e_cran_2019-02-10_a_09.37.25.png<br />
|Step_Picture_01=Badge_avec_un_écran_Oled_Capture_d_e_cran_2019-02-10_a_09.37.50.png<br />
|Step_Picture_02=Badge_avec_un_écran_Oled_Capture_d_e_cran_2019-02-10_a_09.38.43.png<br />
|Step_Picture_03=Badge_avec_un_écran_Oled_Capture_d_e_cran_2019-02-10_a_09.38.58.png<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Téléversez sur le D1 mini le programme et l'image<br />
|Step_Content=Vous pouvez personnaliser l'image affichées en utilisant un convertisseur d'image pour passer d'un forma classique au format .xbm qui permet l'affichage.<br />
<br />
Voir la page [[Convertir une image en format xbm]]<br />
|Step_Picture_00=Badge_avec_un_écran_Oled_badge-oledArduino.png<br />
|Step_Picture_01=Badge_avec_un_écran_Oled_badge-oledImage.png<br />
|Step_Picture_02=Badge_avec_un_écran_Oled_exportXbmTexte.png<br />
}}<br />
{{Notes}}<br />
{{Tuto Status<br />
|Complete=Published<br />
}}<br />
{{Separator}}</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Badge_avec_un_%C3%A9cran_Oled&diff=3442Badge avec un écran Oled2019-10-15T11:14:42Z<p>Clément : </p>
<hr />
<div>{{Tuto Details<br />
|Main_Picture=Badge_avec_un_écran_Oled_VID_20190209_145959_1.gif<br />
|Licences=Attribution (CC-BY)<br />
|Description=Comment réaliser un badge avec un écran OLED ?<br />
|Disciplines scientifiques=Arduino<br />
|Difficulty=Technical<br />
|Duration=2<br />
|Duration-type=hour(s)<br />
|Tags=ecran OLED, affichage, écran, badge, électronique<br />
}}<br />
{{Introduction<br />
|Introduction=Bien qu'un peu techniques, ces petits écrans sympathiques sont très plaisants à utiliser.<br />
}}<br />
{{Materials<br />
|ItemList={{ItemList<br />
|Item=Ecran OLED<br />
}}{{ItemList<br />
|Item=D1 mini<br />
}}{{ItemList<br />
|Item=Câble Dupont<br />
}}{{ItemList<br />
|Item=Breadboard<br />
}}{{ItemList<br />
|Item=Logiciel Arduino<br />
}}<br />
|Prerequisites={{Prerequisites<br />
|Prerequisites=Convertir une image en format xbm<br />
}}<br />
|Tuto_Attachments={{Tuto Attachments<br />
|Attachment=Badge-oled128X64.ino<br />
}}<br />
}}<br />
{{Separator}}<br />
{{Tuto Step<br />
|Step_Title=Réunir le matériel<br />
|Step_Content=Le matériel est tout simple :<br />
* 4 cables dupont<br />
* 1 breadboard<br />
* 1 D1 mini<br />
* 1 écran OLED<br />
* Sur la photo ne figure pas l'indispensable alimentation 5V<br />
|Step_Picture_00=Badge_avec_un_écran_Oled_badge-oledMate_riel.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Faites le montage<br />
|Step_Content=Le brochage se résume à 4 fils à brancher du D1 mini vers l'écran :<br />
* 5V vers VCC (fil rouge)<br />
* G vers GND (fil noir)<br />
* D6 vers SDA (Fil jaune)<br />
* D5 vers SCL (ou SCK (fil vert).<br />
|Step_Picture_00=Badge_avec_un_écran_Oled_badge-oled128X64_bb.png<br />
|Step_Picture_01=Badge_avec_un_écran_Oled_badge-oledMontage.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Ajouter l'image au programme<br />
|Step_Content=Point de vigilance : veiller à ce que les noms coïncident avec ceux du programme. Ne pas oublier la virgule finale.<br />
|Step_Picture_00=Badge_avec_un_écran_Oled_Capture_d_e_cran_2019-02-10_a_09.37.25.png<br />
|Step_Picture_01=Badge_avec_un_écran_Oled_Capture_d_e_cran_2019-02-10_a_09.37.50.png<br />
|Step_Picture_02=Badge_avec_un_écran_Oled_Capture_d_e_cran_2019-02-10_a_09.38.43.png<br />
|Step_Picture_03=Badge_avec_un_écran_Oled_Capture_d_e_cran_2019-02-10_a_09.38.58.png<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Téléversez sur le D1 mini le programme et l'image<br />
|Step_Content=Vous pouvez personnaliser l'image affichées en utilisant un convertisseur d'image pour passer d'un forma classique au format .xbm qui permet l'affichage.<br />
<br />
Voir la page [[Convertir une image en format xbm]]<br />
|Step_Picture_00=Badge_avec_un_écran_Oled_badge-oledArduino.png<br />
|Step_Picture_01=Badge_avec_un_écran_Oled_badge-oledImage.png<br />
|Step_Picture_02=Badge_avec_un_écran_Oled_exportXbmTexte.png<br />
}}<br />
{{Notes}}<br />
{{Tuto Status<br />
|Complete=Published<br />
}}</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Afficher_des_pictos_sur_une_matrice_de_led_8X8&diff=3436Afficher des pictos sur une matrice de led 8X82019-10-15T10:58:35Z<p>Clément : </p>
<hr />
<div>{{Tuto Details<br />
|Main_Picture=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8coeur.jpg<br />
|Licences=Attribution (CC-BY)<br />
|Description=Comment créer des pictogrammes ou des images pour les afficher sur une matrice de Led 8X8<br />
|Disciplines scientifiques=Arduino<br />
|Difficulty=Easy<br />
|Duration=30<br />
|Duration-type=minute(s)<br />
|Tags=space-invaders, wemos, D1 mini, LOLIN, LOLIN D1 Mini<br />
|Area=Arduino<br />
}}<br />
{{Introduction<br />
|Introduction=Les matrices de Led 8X8 permettent d'afficher des images facile à fabriquer, nous allons voir comment.<br />
}}<br />
{{Materials<br />
|ItemList={{ItemList<br />
|Item=Arduino<br />
}}{{ItemList<br />
|Item=Logiciel Arduino<br />
}}{{ItemList<br />
|Item=Matrice de LED 8X8 - Max7219<br />
}}{{ItemList<br />
|Item=Cable Dupont<br />
}}<br />
|Tuto_Attachments={{Tuto Attachments<br />
|Attachment=FichePedaMatriceDeLed8X8.pdf<br />
}}{{Tuto Attachments<br />
|Attachment=MatriceLed8X8-Smiley.ino<br />
}}{{Tuto Attachments<br />
|Attachment=MatriceLed8X8-battementCoeur.ino<br />
}}{{Tuto Attachments<br />
|Attachment=MatriceLed8X8-SpaceInvader.ino<br />
}}{{Tuto Attachments<br />
|Attachment=MatriceLed8X8-battementCoeur-wemos.ino<br />
}}<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Réunissez le matériel près de votre ordinateur<br />
|Step_Picture_00=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8materielb.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Préparer Arduino et les images<br />
|Step_Content=Nous allons utiliser la bibliothèque LedControl (pour l'installer cliquer "outil" puis "Gérer les bibliothèques" est dans la recherche vous tapez LedControl et suivez les instructions).<br />
<br />
Pour afficher un smiley, je mettrais le programme bientôt ici.<br />
|Step_Picture_00=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8coeur2.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Créez vos propres images<br />
|Step_Content=Vous pouvez utiliser le fichier disponible dans la liste du matériel pour vous aider à dessiner des image en "Pixel Art" et en déduire le code à mettre dans le programme Arduino.<br />
|Step_Picture_00=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8-outilImage.png<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Réaliser des animations : Space Invaders<br />
|Step_Content=Le cinéma c'est c'est une succession d'images, nous allons faire pareil avec le code "'''MatriceLed8X8-battementCoeur.ino'''" (voir dans la liste du matériel, onglet "Fichiers").<br />
<br />
Chargez le code sur l'arduino, puis passez à l'étape suivante : le branchement de la matrice de LED.<br />
|Step_Picture_00=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8-invaderA.jpg<br />
|Step_Picture_01=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8-invaderB.jpg<br />
|Step_Picture_02=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8invader2.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Brancher la matrice de LED<br />
|Step_Content=Suivez les indications de branchement telles qu'elles sont présentées dans l'en-tête du programme :<br />
{<br />
|Step_Picture_00=Afficher_des_pictos_sur_une_matrice_de_led_8X8_progmatriceled8X8battement.png<br />
|Step_Picture_01=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8_bb.png<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Branchement et code pour utiliser un Wemos D1 mini<br />
|Step_Content=Brochage sur le Wemos D1 mini :<br />
{<br />
|Step_Picture_00=Afficher_des_pictos_sur_une_matrice_de_led_8X8_progWemosMatriceled8X8battement.png<br />
|Step_Picture_01=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8wemosD1mini.jpg<br />
}}<br />
{{Notes<br />
|Notes=Le [https://space-invaders.com/about/ site de l'artiste qui colle des space invaders] sur les murs des villes du monde.<br />
<br />
Un site permettant d'encoder des image et de créer facilement des animations : [https://xantorohara.github.io/led-matrix-editor/ Led Matrix Editor]<br />
}}<br />
{{Tuto Status<br />
|Complete=Published<br />
}}<br />
{{Separator}}</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Formulaire:Tutorial&diff=3435Formulaire:Tutorial2019-10-15T10:56:32Z<p>Clément : </p>
<hr />
<div>__NOTOC__<noinclude><br />
<div class="tutorial-page"><br />
<div class="container"><br />
<div class="new-tutorial-page"><br />
{{#ifanon:<div class="alert alert-warning" role="alert"><br />
{{int:wf-formtutorial-alert|[[Special:UserLogin/signup|{{int:wf-formtutorial-alert-createaccount}}]]|[[Special:UserLogin|{{int:wf-formtutorial-alert-login}}]]}}<br />
</div><br />
</div><br />
</div><br />
</div>|<br />
<h1>{{int:wf-formtutorial-main-title}}</h1><br />
{{#forminput:form=Tutorial|button text={{int:wf-formtutorial-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|}}<br />
<p data-toggle="modal" data-target="#ModalNom"><span class="glyphicon glyphicon-info-sign"></span> {{int:wf-formtutorial-main-subtitle}}</p><br />
</div><br />
</div><br />
</div><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Get_started|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-thumbs-up icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-getstart-title}}</span><br />
<span>{{int:wf-contribute-getstart-subtitle1}}</span><br />
</span>]]<br />
</div><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Taking_pictures|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-camera icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-takingpictures-title}}</span><br />
<span>{{int:wf-contribute-takingpictures-subtitle1}}</span><br />
</span>]]<br />
</div><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Help|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-book icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-help-title}}</span><br />
<span>{{int:wf-contribute-help-subtitle1}}</span><br />
</span>]]<br />
</div><br />
</div><br />
</div><br />
}}<br />
</noinclude><includeonly><br />
<div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div><br />
{{{for template|Tuto Details}}}<br />
<div class="row"><br />
<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-main-picture-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-main-picture-tooltip}}}}</span></div><br />
<div class="msuploadContainer msuploadContainerTall"><br />
{{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}}<br />
{{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}}<br />
</div><br />
<div class="Licences-group" id="accordion" role="tablist" aria-multiselectable="true"><br />
<div class="Licences"><br />
<div class="Licences-heading" role="tab" id="headingOne"><br />
<p class="Licences-title" data-toggle="collapse" data-target="#Licences">{{int:wf-formtutorial-edit-license-field}}</p><br />
</div><br />
<div id="Licences" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"><br />
<div class="Licences-body"><br />
{{{field|Licences|input type=dropdown|class=WfFormDropdown|mandatory|default=Attribution (CC-BY)}}}<br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
<div class="col-md-8 col-sm-8 col-xs-12"><br />
<div class="row"><br />
<div class="col-md-12"><br />
<div class="WfFormLabel">{{int:wf-formtutorial-description-field-title}}</div><div>{{{field|Description|input type=textarea|mandatory|translatable|rows=2|maxlength=4000|class=WfFormTextarea|placeholder={{int:wf-formtutorial-description-field-placeholder}}|}}}</div><br />
<!-- START CHECKBOXES ADMIN PROPERTY LIST --><div class="WfFormLabel">{{int:dokit-autopropertyvalue-Disciplines_scientifiques}}</div><br />
{{{field|Disciplines scientifiques|mandatory|input type=checkboxes|class=WfFormCheckbox|hide select al|mapping using translate=dokit-autopropertyvalue-Disciplines_scientifiques-}}}<br />
<!--END CHECKBOXES ADMIN PROPERTY LIST --><br />
</div><br />
</div><br />
<div class="row"><br />
<div class="col-md-6 col-xs-12"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-difficulty-field-title}}</span><span class="custom-tooltip">{{#info:<p>'''Facile :''' Accessible à tous. Un enfant de 8 ans peut, sans difficulté, réaliser l'expérience.</p><p>'''Technique :''' Accessible à tous. Un adulte peut, sans difficulté, réaliser l'expérience.</p><p>'''Expert :''' Seul un adulte averti peut réaliser l'expérience.</p>}}</span></div><br />
{{{field|Difficulty|input type=dropdown|mandatory|class=WfFormDropdown|mapping using translate=wf-propertyvalue-difficulty-}}} <br />
</div><br />
<div class="col-md-6 col-xs-12"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-duration-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-duration-popup}}|}}</span></div><br />
{{{field|Duration|mandatory|class=WfFormText WfFormTextCombine}}} {{{field|Duration-type|mandatory|input type=dropdown|class=WfFormDropdown WfFormDropdownCombine|mapping using translate=wf-propertyvalue-durationtype-}}} <br />
</div><br />
</div><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-tags-field-title}}</span><span class="custom-tooltip">{{#info:Entrez 4 à 5 mots clés pour décrire votre expérience. Ces mots clés peuvent être des thèmes ou des concepts scientifiques (séparez chaque mot clé par une virgule).|}}</span></div><br />
<div class="WfFormTokensParent">{{{field|Tags|placeholder={{int:wf-formtutorial-tag-field-tooltip}}|class=WfFormTokens|input type=tokens|size=}}}</div><br />
</div><br />
</div><br />
{{{end template}}}<br />
<div class="hrContentMinor-2"></div><br />
<div class="IntroductionFormTemplate hide-mobile-view"><br />
{{{for template|Introduction}}}<br />
<div class="edit-step-title">{{int:wf-formtutorial-introduction-field-title}} <span>{{int:wf-formtutorial-introduction-field-info}}</span></div><br />
{{{field|Introduction|input type=textarea|translatable|rows=5|maxlength=10000|class=form-textarea}}}<br />
{{{end template}}}<br />
</div><br />
<div class="hide-mobile-view multipleTemplateHideButton multipleTemplateSingleEntry"><br />
{{{for template|TutoVideo|multiple|minimum=0|maximum instances=1|add button text={{int:wf-tuto-video-btnlink}} }}}<br />
<div class="dokit-video-radio">{{{field|VideoType|input type=dropdown|default=Youtube|mandatory|class=WfFormDropdown WfFormDropdownFullWidth WfFormTextCombine|show on select=Youtube=>dokit-video-youtube;Vimeo=>dokit-video-vimeo;Dailymotion=>dokit-video-dailymotion;Mp4=>dokit-video-mp4}}}</div><br />
<div class="dokit-video-url" id="dokit-video-youtube"><br />
{{{field|VideoURLYoutube|mandatory|placeholder={{int:dokit-video-youtube-placeholder}}|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-vimeo"><br />
{{{field|VideoURLVimeo|mandatory|placeholder={{int:dokit-video-vimeo-placeholder}}|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-dailymotion"><br />
{{{field|VideoURLDailymotion|placeholder={{int:dokit-video-dailymotion-placeholder}}|mandatory|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-mp4"><br />
{{{field|mp4video|uploadable|size=25|class=form-picture}}}<br />
</div><br />
{{{end template}}}<br />
</div><br />
{{{for template|Materials}}}<br />
<div class="Input-tabs"><br />
{{#tag:tabber|<br />
Outils et matériel=<div class="file-subtitle"><span>{{int:dokit-item-tabs-subtitle}}</span><span class="custom-tooltip">{{#info:{{int:dokit-item-tabs-subtitle-tooltip|[[Form:Item|{{int:dokit-item-tabs-subtitle-tooltip-link}}]]}}}}</span></div><br />
<div class="prerequisites-selection">{{{field|ItemList|holds template}}}</div><br />
{{!}}-{{!}}<br />
Expériences pré-requises =<h4>Listez ici les expériences pré-requises :</h4><div class="prerequisites-selection">{{{field|Prerequisites|holds template}}}</div><br />
{{!}}-{{!}}<br />
{{int:wf-formtutorial-file-tabs-title}}=<div class="row"><br />
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form"><br />
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option1}}</div><br />
<div class="add-attachments add-attachments-upload simplePMG">{{{field|Tuto_Attachments|holds template}}}</div></div><br />
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form"><br />
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option2}}</div><br />
<div class="add-attachments">{{{field|ExternalAttachmentsLinks|holds template}}}</div><br />
</div><br />
}}<br />
</div><br />
{{{end template}}}<br />
{{{for template|ItemList|multiple|maximum instances=100|add button text=Ajouter un outil ou un matériel|embed in field=Materials[ItemList]}}}{{{field|Item|input type=combobox|existing values only|placeholder={{int:dokit-item-tabs-placeholder}}|values from namespace=Item}}}{{{end template}}}<br />
{{{for template|Prerequisites|multiple|maximum instances=20|add button text=Ajouter une expérience pré-requise|embed in field=Materials[Prerequisites]}}}{{{field|Prerequisites|input type=combobox|existing values only|placeholder=Recherchez et ajoutez une expérience pré-requise|values from category=Tutorials}}}{{{end template}}}<br />
{{{for template|ExternalAttachmentsLinks|multiple|maximum instances=10|add button text={{int:wf-formtutorial-file-tabs-btnlink}}|embed in field=Materials[ExternalAttachmentsLinks]}}}{{{field|ExternalAttachmentsLinks|input type=text|class=WfFormText}}}{{{end template}}}<br />
{{{for template|Tuto_Attachments|multiple|maximum instances=30|add button text={{int:wf-formtutorial-file-tabs-btnfile}}|embed in field=Materials[Tuto_Attachments]}}}{{{field|Attachment|class=WfFormText|default=|uploadable}}}{{{end template}}}<br />
</div><br />
<div class="bg-halfsquare-separator-2"></div><br />
<h2>{{int:wf-formtutorial-steps}}</h2><br />
<div class="multipleTemplate-tutostep">{{{for template|Tuto Step|multiple|minimum instances=1|maximum instances=400|add button text={{int:wf-formtutorial-step-btnaddstep}} }}}<br />
<div class="WfFormTutoStep"><br />
<div class="col-sm-6 col-xs-12 col-sm-push-6 WfFormTutoStepInstructions"><br />
<div class="step-title-numeroted">{{{field|Step_Title|input type=text|translatable|class=form-text form-step-title|placeholder={{int:wf-formtutorial-step-title-placeholder}}|size=50}}}</div><br />
<div>{{{field|Step_Content|input type=textarea|translatable|rows=16|class=form-textarea}}}</div><br />
</div><br />
<div class="col-sm-6 col-xs-12 col-sm-pull-6"><br />
<div class="col-pic-step msuploadContainer"><br />
{{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_00_annotation|input type=editableImage|target=Step_Picture_00}}}<br />
{{{field|Step_Picture_01|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_01_annotation|input type=editableImage|target=Step_Picture_01}}}<br />
{{{field|Step_Picture_02|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_02_annotation|input type=editableImage|target=Step_Picture_02}}}<br />
{{{field|Step_Picture_03|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_03_annotation|input type=editableImage|target=Step_Picture_03}}}<br />
{{{field|Step_Picture_04|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_04_annotation|input type=editableImage|target=Step_Picture_04}}}<br />
{{{field|Step_Picture_05|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}<br />
</div><br />
</div><br />
</div><br />
{{{end template}}}</div><br />
<div class="notes-ref"><br />
{{{for template|Notes}}}<br />
<br><br />
<h2>Comment ça marche ?</h2><br />
<h3>Observations : que voit-on ?</h3><br />
{{{field|Observations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Mise en garde : qu'est-ce qui pourrait faire rater l'expérience ?</h3><br />
{{{field|Avertissement|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Explications</h3><br />
{{{field|Explanations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Plus d'explications</h3><br />
{{{field|Deepen|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Application : dans la vie de tous les jours</h3><br />
{{{field|Applications|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Vous aimerez aussi</h3><br />
{{{field|Related|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<br><br />
<h2>Éléments pédagogiques</h2><br />
<h3>Objectifs pédagogiques <span class="custom-tooltip">{{#info:Listez ce à quoi peut servir cette expérience : comprendre tel phénomène, tel concepts, etc... }}</span></h3><br />
{{{field|Objectives|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
<h3>Pistes pour animer l'expérience <span class="custom-tooltip">{{#info:Idée d'animation, de mise en scène.}}</span></h3><br />
{{{field|Animation|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
<h3>Sources et ressources <span class="custom-tooltip">{{#info:Lien vers des sites web ressources : wikipédia, CNRS, Wikipédia,... éventuellement une bibliographie (ex les bouquins petits débrouillards).}}</span></h3><br />
{{{field|Notes|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
{{{end template}}}<br />
</div><br />
<hr class="WfEndForm hide-mobile-view"><br />
<div class="saving-menu">{{{standard input|saveDraft}}}<br />
<span class="display-none">{{{standard input|watch}}}</span>{{{standard input|save}}}<span id="loaderSave"><i class="fa fa-spinner fa-pulse fa-2x fa-fw "></i></span>{{{standard input|cancel}}}<div class="status-checkbox-container"><span class="status-checkbox-label">{{int:wf-completetooltip-label}}</span><span class="status-checkbox">{{{for template|Tuto_Status}}}{{{field|Complete|default=Draft|mandatory|input type=dropdown|class=WfFormDropdownLight|mapping using translate=wf-propertyvalue-complete-}}}{{{end template}}}</span><span class="custom-tooltip-light">{{#info:<p>'''{{int:wf-propertyvalue-complete-Published}} :''' {{int:wf-completetooltip-published-description}}</p><p>'''{{int:wf-propertyvalue-complete-Draft}} :''' {{int:wf-completetooltip-draft-description}}</p>}}</span></div><br />
</div><br />
</includeonly><br />
<br />
<div class="modal fade wfform" id="ModalCreativeCommons" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><br />
<div class="modal-dialog"><br />
<div class="modal-content"><br />
<div class="modal-header"><br />
<span class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></span><h4 class="modal-title">{{int:wf-formtutorial-popuplicense-title}}</h4><br />
</div><br />
<div class="modal-body"><br />
<div class="row"><br />
<div class="col-md-12 col-sm-12 col-xs-12"><br />
[[File:CC-BY.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence1-title}} <span class="label label-success">{{int:wf-formtutorial-popuplicense-licence-recommended}}</span></span><br />
<p>{{int:wf-formtutorial-popuplicense-licence1-description}}</p><br />
<p>[http://creativecommons.org/licenses/by/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p><br />
<br><br />
[[File:CC-BY-SA.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence2-title}}</span><br />
<p>{{int:wf-formtutorial-popuplicense-licence2-description}}</p><br />
<p>[http://creativecommons.org/licenses/by-sa/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by-sa/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p><br />
<hr><br />
<p>{{int:wf-formtutorial-popuplicense-question}} [http://feedback.wikifab.org/t/under-which-open-license-can-i-publish-my-tutorial-on-wikifab/30 {{int:wf-formtutorial-popuplicense-question-link}}].</p><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div></div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Formulaire:Tutorial&diff=3434Formulaire:Tutorial2019-10-15T10:55:20Z<p>Clément : </p>
<hr />
<div>__NOTOC__<noinclude><br />
<div class="tutorial-page"><br />
<div class="container"><br />
<div class="new-tutorial-page"><br />
{{#ifanon:<div class="alert alert-warning" role="alert"><br />
{{int:wf-formtutorial-alert|[[Special:UserLogin/signup|{{int:wf-formtutorial-alert-createaccount}}]]|[[Special:UserLogin|{{int:wf-formtutorial-alert-login}}]]}}<br />
</div><br />
</div><br />
</div><br />
</div>|<br />
<h1>{{int:wf-formtutorial-main-title}}</h1><br />
{{#forminput:form=Tutorial|button text={{int:wf-formtutorial-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|}}<br />
<p data-toggle="modal" data-target="#ModalNom"><span class="glyphicon glyphicon-info-sign"></span> {{int:wf-formtutorial-main-subtitle}}</p><br />
</div><br />
</div><br />
</div><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Get_started|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-thumbs-up icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-getstart-title}}</span><br />
<span>{{int:wf-contribute-getstart-subtitle1}}</span><br />
</span>]]<br />
</div><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Taking_pictures|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-camera icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-takingpictures-title}}</span><br />
<span>{{int:wf-contribute-takingpictures-subtitle1}}</span><br />
</span>]]<br />
</div><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Help|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-book icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-help-title}}</span><br />
<span>{{int:wf-contribute-help-subtitle1}}</span><br />
</span>]]<br />
</div><br />
</div><br />
</div><br />
}}<br />
</noinclude><includeonly><br />
<div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div><br />
{{{for template|Tuto Details}}}<br />
<div class="row"><br />
<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-main-picture-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-main-picture-tooltip}}}}</span></div><br />
<div class="msuploadContainer msuploadContainerTall"><br />
{{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}}<br />
{{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}}<br />
</div><br />
<div class="Licences-group" id="accordion" role="tablist" aria-multiselectable="true"><br />
<div class="Licences"><br />
<div class="Licences-heading" role="tab" id="headingOne"><br />
<p class="Licences-title" data-toggle="collapse" data-target="#Licences">{{int:wf-formtutorial-edit-license-field}}</p><br />
</div><br />
<div id="Licences" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"><br />
<div class="Licences-body"><br />
{{{field|Licences|input type=dropdown|class=WfFormDropdown|mandatory|default=Attribution (CC-BY)}}}<br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
<div class="col-md-8 col-sm-8 col-xs-12"><br />
<div class="row"><br />
<div class="col-md-12"><br />
<div class="WfFormLabel">{{int:wf-formtutorial-description-field-title}}</div><div>{{{field|Description|input type=textarea|mandatory|translatable|rows=2|maxlength=4000|class=WfFormTextarea|placeholder={{int:wf-formtutorial-description-field-placeholder}}|}}}</div><br />
<!-- START CHECKBOXES ADMIN PROPERTY LIST --><div class="WfFormLabel">{{int:dokit-autopropertyvalue-Disciplines_scientifiques}}</div><br />
{{{field|Disciplines scientifiques|mandatory|input type=checkboxes|class=WfFormCheckbox|hide select al|mapping using translate=dokit-autopropertyvalue-Disciplines_scientifiques-}}}<br />
<!--END CHECKBOXES ADMIN PROPERTY LIST --><br />
</div><br />
</div><br />
<div class="row"><br />
<div class="col-md-6 col-xs-12"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-difficulty-field-title}}</span><span class="custom-tooltip">{{#info:<p>'''Facile :''' Accessible à tous. Un enfant de 8 ans peut, sans difficulté, réaliser l'expérience.</p><p>'''Technique :''' Accessible à tous. Un adulte peut, sans difficulté, réaliser l'expérience.</p><p>'''Expert :''' Seul un adulte averti peut réaliser l'expérience.</p>}}</span></div><br />
{{{field|Difficulty|input type=dropdown|mandatory|class=WfFormDropdown|mapping using translate=wf-propertyvalue-difficulty-}}} <br />
</div><br />
<div class="col-md-6 col-xs-12"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-duration-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-duration-popup}}|}}</span></div><br />
{{{field|Duration|mandatory|class=WfFormText WfFormTextCombine}}} {{{field|Duration-type|mandatory|input type=dropdown|class=WfFormDropdown WfFormDropdownCombine|mapping using translate=wf-propertyvalue-durationtype-}}} <br />
</div><br />
</div><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-tags-field-title}}</span><span class="custom-tooltip">{{#info:Entrez 4 à 5 mots clés pour décrire votre expérience. Ces mots clés peuvent être des thèmes ou des concepts scientifiques (séparez chaque mot clé par une virgule).|}}</span></div><br />
<div class="WfFormTokensParent">{{{field|Tags|placeholder={{int:wf-formtutorial-tag-field-tooltip}}|class=WfFormTokens|input type=tokens|size=}}}</div><br />
</div><br />
</div><br />
{{{end template}}}<br />
<div class="hrContentMinor-2"></div><br />
<div class="IntroductionFormTemplate hide-mobile-view"><br />
{{{for template|Introduction}}}<br />
<div class="edit-step-title">{{int:wf-formtutorial-introduction-field-title}} <span>{{int:wf-formtutorial-introduction-field-info}}</span></div><br />
{{{field|Introduction|input type=textarea|translatable|rows=5|maxlength=10000|class=form-textarea}}}<br />
{{{end template}}}<br />
</div><br />
<div class="hide-mobile-view multipleTemplateHideButton multipleTemplateSingleEntry"><br />
{{{for template|TutoVideo|multiple|minimum=0|maximum instances=1|add button text={{int:wf-tuto-video-btnlink}} }}}<br />
<div class="dokit-video-radio">{{{field|VideoType|input type=dropdown|default=Youtube|mandatory|class=WfFormDropdown WfFormDropdownFullWidth WfFormTextCombine|show on select=Youtube=>dokit-video-youtube;Vimeo=>dokit-video-vimeo;Dailymotion=>dokit-video-dailymotion;Mp4=>dokit-video-mp4}}}</div><br />
<div class="dokit-video-url" id="dokit-video-youtube"><br />
{{{field|VideoURLYoutube|mandatory|placeholder={{int:dokit-video-youtube-placeholder}}|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-vimeo"><br />
{{{field|VideoURLVimeo|mandatory|placeholder={{int:dokit-video-vimeo-placeholder}}|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-dailymotion"><br />
{{{field|VideoURLDailymotion|placeholder={{int:dokit-video-dailymotion-placeholder}}|mandatory|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-mp4"><br />
{{{field|mp4video|uploadable|size=25|class=form-picture}}}<br />
</div><br />
{{{end template}}}<br />
</div><br />
{{{for template|Materials}}}<br />
<div class="Input-tabs"><br />
{{#tag:tabber|<br />
Outils et matériel=<div class="file-subtitle"><span>{{int:dokit-item-tabs-subtitle}}</span><span class="custom-tooltip">{{#info:{{int:dokit-item-tabs-subtitle-tooltip|[[Form:Item|{{int:dokit-item-tabs-subtitle-tooltip-link}}]]}}}}</span></div><br />
<div class="prerequisites-selection">{{{field|ItemList|holds template}}}</div><br />
{{!}}-{{!}}<br />
Expériences pré-requises =<h4>Listez ici les expériences pré-requises :</h4><div class="prerequisites-selection">{{{field|Prerequisites|holds template}}}</div><br />
{{!}}-{{!}}<br />
{{int:wf-formtutorial-file-tabs-title}}=<div class="row"><br />
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form"><br />
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option1}}</div><br />
<div class="add-attachments add-attachments-upload simplePMG">{{{field|Tuto_Attachments|holds template}}}</div></div><br />
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form"><br />
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option2}}</div><br />
<div class="add-attachments">{{{field|ExternalAttachmentsLinks|holds template}}}</div><br />
</div><br />
}}<br />
</div><br />
{{{end template}}}<br />
{{{for template|ItemList|multiple|maximum instances=100|add button text=Ajouter un outil ou un matériel|embed in field=Materials[ItemList]}}}{{{field|Item|input type=combobox|existing values only|placeholder={{int:dokit-item-tabs-placeholder}}|values from namespace=Item}}}{{{end template}}}<br />
{{{for template|Prerequisites|multiple|maximum instances=20|add button text=Ajouter une expérience pré-requise|embed in field=Materials[Prerequisites]}}}{{{field|Prerequisites|input type=combobox|existing values only|placeholder=Recherchez et ajoutez une expérience pré-requise|values from category=Tutorials}}}{{{end template}}}<br />
{{{for template|ExternalAttachmentsLinks|multiple|maximum instances=10|add button text={{int:wf-formtutorial-file-tabs-btnlink}}|embed in field=Materials[ExternalAttachmentsLinks]}}}{{{field|ExternalAttachmentsLinks|input type=text|class=WfFormText}}}{{{end template}}}<br />
{{{for template|Tuto_Attachments|multiple|maximum instances=30|add button text={{int:wf-formtutorial-file-tabs-btnfile}}|embed in field=Materials[Tuto_Attachments]}}}{{{field|Attachment|class=WfFormText|default=|uploadable}}}{{{end template}}}<br />
</div><br />
<div class="bg-halfsquare-separator-2"></div><br />
<h2>{{int:wf-formtutorial-steps}}</h2><br />
<div class="multipleTemplate-tutostep">{{{for template|Tuto Step|multiple|minimum instances=1|maximum instances=400|add button text={{int:wf-formtutorial-step-btnaddstep}} }}}<br />
<div class="WfFormTutoStep"><br />
<div class="col-sm-6 col-xs-12 col-sm-push-6 WfFormTutoStepInstructions"><br />
<div class="step-title-numeroted">{{{field|Step_Title|input type=text|translatable|class=form-text form-step-title|placeholder={{int:wf-formtutorial-step-title-placeholder}}|size=50}}}</div><br />
<div>{{{field|Step_Content|input type=textarea|translatable|rows=16|class=form-textarea}}}</div><br />
</div><br />
<div class="col-sm-6 col-xs-12 col-sm-pull-6"><br />
<div class="col-pic-step msuploadContainer"><br />
{{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_00_annotation|input type=editableImage|target=Step_Picture_00}}}<br />
{{{field|Step_Picture_01|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_01_annotation|input type=editableImage|target=Step_Picture_01}}}<br />
{{{field|Step_Picture_02|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_02_annotation|input type=editableImage|target=Step_Picture_02}}}<br />
{{{field|Step_Picture_03|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_03_annotation|input type=editableImage|target=Step_Picture_03}}}<br />
{{{field|Step_Picture_04|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_04_annotation|input type=editableImage|target=Step_Picture_04}}}<br />
{{{field|Step_Picture_05|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}<br />
</div><br />
</div><br />
</div><br />
{{{end template}}}</div><br />
<div class="notes-ref"><br />
{{{for template|Notes}}}<br />
<br><br />
<h2>Comment ça marche ?</h2><br />
<h3>Observations : que voit-on ?</h3><br />
{{{field|Observations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Mise en garde : qu'est-ce qui pourrait faire rater l'expérience ?</h3><br />
{{{field|Avertissement|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Explications</h3><br />
{{{field|Explanations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Plus d'explications</h3><br />
{{{field|Deepen|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Application : dans la vie de tous les jours</h3><br />
{{{field|Applications|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Vous aimerez aussi</h3><br />
{{{field|Related|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<br><br />
<h2>Éléments pédagogiques</h2><br />
<h3>Objectifs pédagogiques <span class="custom-tooltip">{{#info:Listez ce à quoi peut servir cette expérience : comprendre tel phénomène, tel concepts, etc... }}</span></h3><br />
{{{field|Objectives|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
<h3>Pistes pour animer l'expérience <span class="custom-tooltip">{{#info:Idée d'animation, de mise en scène.}}</span></h3><br />
{{{field|Animation|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
<h3>Sources et ressources <span class="custom-tooltip">{{#info:Lien vers des sites web ressources : wikipédia, CNRS, Wikipédia,... éventuellement une bibliographie (ex les bouquins petits débrouillards).}}</span></h3><br />
{{{field|Notes|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
{{{end template}}}<br />
</div><br />
<hr class="WfEndForm"><br />
<div class="saving-menu"><br />
<span class="status-checkbox">{{int:wf-completetooltip-label}} : {{{for template|Tuto_Status}}}{{{field|Complete|default=Draft|mandatory|input type=dropdown|class=WfFormDropdownLight|mapping using translate=wf-propertyvalue-complete-}}}{{{end template}}}</span><span class="custom-tooltip-light">{{#info:<p>'''{{int:wf-propertyvalue-complete-Published}} :''' {{int:wf-completetooltip-published-description}}</p><p>'''{{int:wf-propertyvalue-complete-Draft}} :''' {{int:wf-completetooltip-draft-description}}</p>}}</span><span class="display-none">{{{standard input|watch}}} {{{standard input|saveDraft}}}</span>{{{standard input|cancel}}}{{{standard input|save}}}<span id="loaderSave"><i class="fa fa-spinner fa-pulse fa-2x fa-fw "></i></span><br />
</div><br />
</includeonly><br />
<br />
<div class="modal fade wfform" id="ModalCreativeCommons" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><br />
<div class="modal-dialog"><br />
<div class="modal-content"><br />
<div class="modal-header"><br />
<span class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></span><h4 class="modal-title">{{int:wf-formtutorial-popuplicense-title}}</h4><br />
</div><br />
<div class="modal-body"><br />
<div class="row"><br />
<div class="col-md-12 col-sm-12 col-xs-12"><br />
[[File:CC-BY.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence1-title}} <span class="label label-success">{{int:wf-formtutorial-popuplicense-licence-recommended}}</span></span><br />
<p>{{int:wf-formtutorial-popuplicense-licence1-description}}</p><br />
<p>[http://creativecommons.org/licenses/by/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p><br />
<br><br />
[[File:CC-BY-SA.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence2-title}}</span><br />
<p>{{int:wf-formtutorial-popuplicense-licence2-description}}</p><br />
<p>[http://creativecommons.org/licenses/by-sa/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by-sa/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p><br />
<hr><br />
<p>{{int:wf-formtutorial-popuplicense-question}} [http://feedback.wikifab.org/t/under-which-open-license-can-i-publish-my-tutorial-on-wikifab/30 {{int:wf-formtutorial-popuplicense-question-link}}].</p><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div></div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Formulaire:Tutorial&diff=3433Formulaire:Tutorial2019-10-15T10:53:34Z<p>Clément : </p>
<hr />
<div>__NOTOC__<noinclude><br />
<div class="tutorial-page"><br />
<div class="container"><br />
<div class="new-tutorial-page"><br />
{{#ifanon:<div class="alert alert-warning" role="alert"><br />
{{int:wf-formtutorial-alert|[[Special:UserLogin/signup|{{int:wf-formtutorial-alert-createaccount}}]]|[[Special:UserLogin|{{int:wf-formtutorial-alert-login}}]]}}<br />
</div><br />
</div><br />
</div><br />
</div>|<br />
<h1>{{int:wf-formtutorial-main-title}}</h1><br />
{{#forminput:form=Tutorial|button text={{int:wf-formtutorial-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|}}<br />
<p data-toggle="modal" data-target="#ModalNom"><span class="glyphicon glyphicon-info-sign"></span> {{int:wf-formtutorial-main-subtitle}}</p><br />
</div><br />
</div><br />
</div><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Get_started|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-thumbs-up icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-getstart-title}}</span><br />
<span>{{int:wf-contribute-getstart-subtitle1}}</span><br />
</span>]]<br />
</div><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Taking_pictures|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-camera icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-takingpictures-title}}</span><br />
<span>{{int:wf-contribute-takingpictures-subtitle1}}</span><br />
</span>]]<br />
</div><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Help|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-book icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-help-title}}</span><br />
<span>{{int:wf-contribute-help-subtitle1}}</span><br />
</span>]]<br />
</div><br />
</div><br />
</div><br />
}}<br />
</noinclude><includeonly><br />
<div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div><br />
{{{for template|Tuto Details}}}<br />
<div class="row"><br />
<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-main-picture-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-main-picture-tooltip}}}}</span></div><br />
<div class="msuploadContainer msuploadContainerTall"><br />
{{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}}<br />
{{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}}<br />
</div><br />
<div class="Licences-group" id="accordion" role="tablist" aria-multiselectable="true"><br />
<div class="Licences"><br />
<div class="Licences-heading" role="tab" id="headingOne"><br />
<p class="Licences-title" data-toggle="collapse" data-target="#Licences">{{int:wf-formtutorial-edit-license-field}}</p><br />
</div><br />
<div id="Licences" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"><br />
<div class="Licences-body"><br />
{{{field|Licences|input type=dropdown|class=WfFormDropdown|mandatory|default=Attribution (CC-BY)}}}<br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
<div class="col-md-8 col-sm-8 col-xs-12"><br />
<div class="row"><br />
<div class="col-md-12"><br />
<div class="WfFormLabel">{{int:wf-formtutorial-description-field-title}}</div><div>{{{field|Description|input type=textarea|mandatory|translatable|rows=2|maxlength=4000|class=WfFormTextarea|placeholder={{int:wf-formtutorial-description-field-placeholder}}|}}}</div><br />
<!-- START CHECKBOXES ADMIN PROPERTY LIST --><div class="WfFormLabel">{{int:dokit-autopropertyvalue-Disciplines_scientifiques}}</div><br />
{{{field|Disciplines scientifiques|mandatory|input type=checkboxes|class=WfFormCheckbox|hide select al|mapping using translate=dokit-autopropertyvalue-Disciplines_scientifiques-}}}<br />
<!--END CHECKBOXES ADMIN PROPERTY LIST --><br />
</div><br />
</div><br />
<div class="row"><br />
<div class="col-md-6 col-xs-12"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-difficulty-field-title}}</span><span class="custom-tooltip">{{#info:<p>'''Facile :''' Accessible à tous. Un enfant de 8 ans peut, sans difficulté, réaliser l'expérience.</p><p>'''Technique :''' Accessible à tous. Un adulte peut, sans difficulté, réaliser l'expérience.</p><p>'''Expert :''' Seul un adulte averti peut réaliser l'expérience.</p>}}</span></div><br />
{{{field|Difficulty|input type=dropdown|mandatory|class=WfFormDropdown|mapping using translate=wf-propertyvalue-difficulty-}}} <br />
</div><br />
<div class="col-md-6 col-xs-12"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-duration-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-duration-popup}}|}}</span></div><br />
{{{field|Duration|mandatory|class=WfFormText WfFormTextCombine}}} {{{field|Duration-type|mandatory|input type=dropdown|class=WfFormDropdown WfFormDropdownCombine|mapping using translate=wf-propertyvalue-durationtype-}}} <br />
</div><br />
</div><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-tags-field-title}}</span><span class="custom-tooltip">{{#info:Entrez 4 à 5 mots clés pour décrire votre expérience. Ces mots clés peuvent être des thèmes ou des concepts scientifiques (séparez chaque mot clé par une virgule).|}}</span></div><br />
<div class="WfFormTokensParent">{{{field|Tags|placeholder={{int:wf-formtutorial-tag-field-tooltip}}|class=WfFormTokens|input type=tokens|size=}}}</div><br />
</div><br />
</div><br />
{{{end template}}}<br />
<div class="hrContentMinor-2"></div><br />
<div class="IntroductionFormTemplate hide-mobile-view"><br />
{{{for template|Introduction}}}<br />
<div class="edit-step-title">{{int:wf-formtutorial-introduction-field-title}} <span>{{int:wf-formtutorial-introduction-field-info}}</span></div><br />
{{{field|Introduction|input type=textarea|translatable|rows=5|maxlength=10000|class=form-textarea}}}<br />
{{{end template}}}<br />
</div><br />
<div class="hide-mobile-view multipleTemplateHideButton multipleTemplateSingleEntry"><br />
{{{for template|TutoVideo|multiple|minimum=0|maximum instances=1|add button text={{int:wf-tuto-video-btnlink}} }}}<br />
<div class="dokit-video-radio">{{{field|VideoType|input type=dropdown|default=Youtube|mandatory|class=WfFormDropdown WfFormDropdownFullWidth WfFormTextCombine|show on select=Youtube=>dokit-video-youtube;Vimeo=>dokit-video-vimeo;Dailymotion=>dokit-video-dailymotion;Mp4=>dokit-video-mp4}}}</div><br />
<div class="dokit-video-url" id="dokit-video-youtube"><br />
{{{field|VideoURLYoutube|mandatory|placeholder={{int:dokit-video-youtube-placeholder}}|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-vimeo"><br />
{{{field|VideoURLVimeo|mandatory|placeholder={{int:dokit-video-vimeo-placeholder}}|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-dailymotion"><br />
{{{field|VideoURLDailymotion|placeholder={{int:dokit-video-dailymotion-placeholder}}|mandatory|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-mp4"><br />
{{{field|mp4video|uploadable|size=25|class=form-picture}}}<br />
</div><br />
{{{end template}}}<br />
</div><br />
{{{for template|Materials}}}<br />
<div class="Input-tabs"><br />
{{#tag:tabber|<br />
Outils et matériel=<div class="file-subtitle"><span>{{int:dokit-item-tabs-subtitle}}</span><span class="custom-tooltip">{{#info:{{int:dokit-item-tabs-subtitle-tooltip|[[Form:Item|{{int:dokit-item-tabs-subtitle-tooltip-link}}]]}}}}</span></div><br />
<div class="prerequisites-selection">{{{field|ItemList|holds template}}}</div><br />
{{!}}-{{!}}<br />
Expériences pré-requises =<h4>Listez ici les expériences pré-requises :</h4><div class="prerequisites-selection">{{{field|Prerequisites|holds template}}}</div><br />
{{!}}-{{!}}<br />
{{int:wf-formtutorial-file-tabs-title}}=<div class="row"><br />
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form"><br />
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option1}}</div><br />
<div class="add-attachments add-attachments-upload simplePMG">{{{field|Tuto_Attachments|holds template}}}</div></div><br />
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form"><br />
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option2}}</div><br />
<div class="add-attachments">{{{field|ExternalAttachmentsLinks|holds template}}}</div><br />
</div><br />
}}<br />
</div><br />
{{{end template}}}<br />
{{{for template|ItemList|multiple|maximum instances=100|add button text=Ajouter un outil ou un matériel|embed in field=Materials[ItemList]}}}{{{field|Item|input type=combobox|existing values only|placeholder={{int:dokit-item-tabs-placeholder}}|values from namespace=Item}}}{{{end template}}}<br />
{{{for template|Prerequisites|multiple|maximum instances=20|add button text=Ajouter une expérience pré-requise|embed in field=Materials[Prerequisites]}}}{{{field|Prerequisites|input type=combobox|existing values only|placeholder=Recherchez et ajoutez une expérience pré-requise|values from category=Tutorials}}}{{{end template}}}<br />
{{{for template|ExternalAttachmentsLinks|multiple|maximum instances=10|add button text={{int:wf-formtutorial-file-tabs-btnlink}}|embed in field=Materials[ExternalAttachmentsLinks]}}}{{{field|ExternalAttachmentsLinks|input type=text|class=WfFormText}}}{{{end template}}}<br />
{{{for template|Tuto_Attachments|multiple|maximum instances=30|add button text={{int:wf-formtutorial-file-tabs-btnfile}}|embed in field=Materials[Tuto_Attachments]}}}{{{field|Attachment|class=WfFormText|default=|uploadable}}}{{{end template}}}<br />
</div><br />
<div class="hrContentMinor-2"></div><br />
<h2>{{int:wf-formtutorial-steps}}</h2><br />
<div class="multipleTemplate-tutostep">{{{for template|Tuto Step|multiple|minimum instances=1|maximum instances=400|add button text={{int:wf-formtutorial-step-btnaddstep}} }}}<br />
<div class="WfFormTutoStep"><br />
<div class="col-sm-6 col-xs-12 col-sm-push-6 WfFormTutoStepInstructions"><br />
<div class="step-title-numeroted">{{{field|Step_Title|input type=text|translatable|class=form-text form-step-title|placeholder={{int:wf-formtutorial-step-title-placeholder}}|size=50}}}</div><br />
<div>{{{field|Step_Content|input type=textarea|translatable|rows=16|class=form-textarea}}}</div><br />
</div><br />
<div class="col-sm-6 col-xs-12 col-sm-pull-6"><br />
<div class="col-pic-step msuploadContainer"><br />
{{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_00_annotation|input type=editableImage|target=Step_Picture_00}}}<br />
{{{field|Step_Picture_01|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_01_annotation|input type=editableImage|target=Step_Picture_01}}}<br />
{{{field|Step_Picture_02|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_02_annotation|input type=editableImage|target=Step_Picture_02}}}<br />
{{{field|Step_Picture_03|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_03_annotation|input type=editableImage|target=Step_Picture_03}}}<br />
{{{field|Step_Picture_04|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_04_annotation|input type=editableImage|target=Step_Picture_04}}}<br />
{{{field|Step_Picture_05|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}<br />
</div><br />
</div><br />
</div><br />
{{{end template}}}</div><br />
<div class="notes-ref"><br />
{{{for template|Notes}}}<br />
<br><br />
<h2>Comment ça marche ?</h2><br />
<h3>Observations : que voit-on ?</h3><br />
{{{field|Observations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Mise en garde : qu'est-ce qui pourrait faire rater l'expérience ?</h3><br />
{{{field|Avertissement|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Explications</h3><br />
{{{field|Explanations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Plus d'explications</h3><br />
{{{field|Deepen|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Application : dans la vie de tous les jours</h3><br />
{{{field|Applications|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Vous aimerez aussi</h3><br />
{{{field|Related|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<br><br />
<h2>Éléments pédagogiques</h2><br />
<h3>Objectifs pédagogiques <span class="custom-tooltip">{{#info:Listez ce à quoi peut servir cette expérience : comprendre tel phénomène, tel concepts, etc... }}</span></h3><br />
{{{field|Objectives|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
<h3>Pistes pour animer l'expérience <span class="custom-tooltip">{{#info:Idée d'animation, de mise en scène.}}</span></h3><br />
{{{field|Animation|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
<h3>Sources et ressources <span class="custom-tooltip">{{#info:Lien vers des sites web ressources : wikipédia, CNRS, Wikipédia,... éventuellement une bibliographie (ex les bouquins petits débrouillards).}}</span></h3><br />
{{{field|Notes|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
{{{end template}}}<br />
</div><br />
<hr class="WfEndForm"><br />
<div class="saving-menu"><br />
<span class="status-checkbox">{{int:wf-completetooltip-label}} : {{{for template|Tuto_Status}}}{{{field|Complete|default=Draft|mandatory|input type=dropdown|class=WfFormDropdownLight|mapping using translate=wf-propertyvalue-complete-}}}{{{end template}}}</span><span class="custom-tooltip-light">{{#info:<p>'''{{int:wf-propertyvalue-complete-Published}} :''' {{int:wf-completetooltip-published-description}}</p><p>'''{{int:wf-propertyvalue-complete-Draft}} :''' {{int:wf-completetooltip-draft-description}}</p>}}</span><span class="display-none">{{{standard input|watch}}} {{{standard input|saveDraft}}}</span>{{{standard input|cancel}}}{{{standard input|save}}}<span id="loaderSave"><i class="fa fa-spinner fa-pulse fa-2x fa-fw "></i></span><br />
</div><br />
</includeonly><br />
<br />
<div class="modal fade wfform" id="ModalCreativeCommons" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><br />
<div class="modal-dialog"><br />
<div class="modal-content"><br />
<div class="modal-header"><br />
<span class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></span><h4 class="modal-title">{{int:wf-formtutorial-popuplicense-title}}</h4><br />
</div><br />
<div class="modal-body"><br />
<div class="row"><br />
<div class="col-md-12 col-sm-12 col-xs-12"><br />
[[File:CC-BY.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence1-title}} <span class="label label-success">{{int:wf-formtutorial-popuplicense-licence-recommended}}</span></span><br />
<p>{{int:wf-formtutorial-popuplicense-licence1-description}}</p><br />
<p>[http://creativecommons.org/licenses/by/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p><br />
<br><br />
[[File:CC-BY-SA.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence2-title}}</span><br />
<p>{{int:wf-formtutorial-popuplicense-licence2-description}}</p><br />
<p>[http://creativecommons.org/licenses/by-sa/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by-sa/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p><br />
<hr><br />
<p>{{int:wf-formtutorial-popuplicense-question}} [http://feedback.wikifab.org/t/under-which-open-license-can-i-publish-my-tutorial-on-wikifab/30 {{int:wf-formtutorial-popuplicense-question-link}}].</p><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div></div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Formulaire:Tutorial&diff=3432Formulaire:Tutorial2019-10-15T10:52:23Z<p>Clément : </p>
<hr />
<div>__NOTOC__<noinclude><br />
<div class="tutorial-page"><br />
<div class="container"><br />
<div class="new-tutorial-page"><br />
{{#ifanon:<div class="alert alert-warning" role="alert"><br />
{{int:wf-formtutorial-alert|[[Special:UserLogin/signup|{{int:wf-formtutorial-alert-createaccount}}]]|[[Special:UserLogin|{{int:wf-formtutorial-alert-login}}]]}}<br />
</div><br />
</div><br />
</div><br />
</div>|<br />
<h1>{{int:wf-formtutorial-main-title}}</h1><br />
{{#forminput:form=Tutorial|button text={{int:wf-formtutorial-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|}}<br />
<p data-toggle="modal" data-target="#ModalNom"><span class="glyphicon glyphicon-info-sign"></span> {{int:wf-formtutorial-main-subtitle}}</p><br />
</div><br />
</div><br />
</div><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Get_started|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-thumbs-up icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-getstart-title}}</span><br />
<span>{{int:wf-contribute-getstart-subtitle1}}</span><br />
</span>]]<br />
</div><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Taking_pictures|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-camera icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-takingpictures-title}}</span><br />
<span>{{int:wf-contribute-takingpictures-subtitle1}}</span><br />
</span>]]<br />
</div><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Help|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-book icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-help-title}}</span><br />
<span>{{int:wf-contribute-help-subtitle1}}</span><br />
</span>]]<br />
</div><br />
</div><br />
</div><br />
}}<br />
</noinclude><includeonly><br />
<div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div><br />
{{{for template|Tuto Details}}}<br />
<div class="row"><br />
<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-main-picture-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-main-picture-tooltip}}}}</span></div><br />
<div class="msuploadContainer msuploadContainerTall"><br />
{{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}}<br />
{{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}}<br />
</div><br />
<div class="Licences-group" id="accordion" role="tablist" aria-multiselectable="true"><br />
<div class="Licences"><br />
<div class="Licences-heading" role="tab" id="headingOne"><br />
<p class="Licences-title" data-toggle="collapse" data-target="#Licences">{{int:wf-formtutorial-edit-license-field}}</p><br />
</div><br />
<div id="Licences" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"><br />
<div class="Licences-body"><br />
{{{field|Licences|input type=dropdown|class=WfFormDropdown|mandatory|default=Attribution (CC-BY)}}}<br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
<div class="col-md-8 col-sm-8 col-xs-12"><br />
<div class="row"><br />
<div class="col-md-12"><br />
<div class="WfFormLabel">{{int:wf-formtutorial-description-field-title}}</div><div>{{{field|Description|input type=textarea|mandatory|translatable|rows=2|maxlength=4000|class=WfFormTextarea|placeholder={{int:wf-formtutorial-description-field-placeholder}}|}}}</div><br />
<!-- START CHECKBOXES ADMIN PROPERTY LIST --><div class="WfFormLabel">{{int:dokit-autopropertyvalue-Disciplines_scientifiques}}</div><br />
{{{field|Disciplines scientifiques|mandatory|input type=checkboxes|class=WfFormCheckbox|hide select al|mapping using translate=dokit-autopropertyvalue-Disciplines_scientifiques-}}}<br />
<!--END CHECKBOXES ADMIN PROPERTY LIST --><br />
</div><br />
</div><br />
<div class="row"><br />
<div class="col-md-6 col-xs-12"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-difficulty-field-title}}</span><span class="custom-tooltip">{{#info:<p>'''Facile :''' Accessible à tous. Un enfant de 8 ans peut, sans difficulté, réaliser l'expérience.</p><p>'''Technique :''' Accessible à tous. Un adulte peut, sans difficulté, réaliser l'expérience.</p><p>'''Expert :''' Seul un adulte averti peut réaliser l'expérience.</p>}}</span></div><br />
{{{field|Difficulty|input type=dropdown|mandatory|class=WfFormDropdown|mapping using translate=wf-propertyvalue-difficulty-}}} <br />
</div><br />
<div class="col-md-6 col-xs-12"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-duration-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-duration-popup}}|}}</span></div><br />
{{{field|Duration|mandatory|class=WfFormText WfFormTextCombine}}} {{{field|Duration-type|mandatory|input type=dropdown|class=WfFormDropdown WfFormDropdownCombine|mapping using translate=wf-propertyvalue-durationtype-}}} <br />
</div><br />
</div><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-tags-field-title}}</span><span class="custom-tooltip">{{#info:Entrez 4 à 5 mots clés pour décrire votre expérience. Ces mots clés peuvent être des thèmes ou des concepts scientifiques (séparez chaque mot clé par une virgule).|}}</span></div><br />
<div class="WfFormTokensParent">{{{field|Tags|placeholder={{int:wf-formtutorial-tag-field-tooltip}}|class=WfFormTokens|input type=tokens|size=}}}</div><br />
</div><br />
</div><br />
{{{end template}}}<br />
<div class="hrContentMinor-2"></div><br />
<div class="IntroductionFormTemplate hide-mobile-view"><br />
{{{for template|Introduction}}}<br />
<div class="edit-step-title">{{int:wf-formtutorial-introduction-field-title}} <span>{{int:wf-formtutorial-introduction-field-info}}</span></div><br />
{{{field|Introduction|input type=textarea|translatable|rows=5|maxlength=10000|class=form-textarea}}}<br />
{{{end template}}}<br />
</div><br />
<div class="hide-mobile-view multipleTemplateHideButton multipleTemplateSingleEntry"><br />
{{{for template|TutoVideo|multiple|minimum=0|maximum instances=1|add button text={{int:wf-tuto-video-btnlink}} }}}<br />
<div class="dokit-video-radio">{{{field|VideoType|input type=dropdown|default=Youtube|mandatory|class=WfFormDropdown WfFormDropdownFullWidth WfFormTextCombine|show on select=Youtube=>dokit-video-youtube;Vimeo=>dokit-video-vimeo;Dailymotion=>dokit-video-dailymotion;Mp4=>dokit-video-mp4}}}</div><br />
<div class="dokit-video-url" id="dokit-video-youtube"><br />
{{{field|VideoURLYoutube|mandatory|placeholder={{int:dokit-video-youtube-placeholder}}|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-vimeo"><br />
{{{field|VideoURLVimeo|mandatory|placeholder={{int:dokit-video-vimeo-placeholder}}|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-dailymotion"><br />
{{{field|VideoURLDailymotion|placeholder={{int:dokit-video-dailymotion-placeholder}}|mandatory|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-mp4"><br />
{{{field|mp4video|uploadable|size=25|class=form-picture}}}<br />
</div><br />
{{{end template}}}<br />
</div><br />
{{{for template|Materials}}}<br />
<div class="Input-tabs"><br />
{{#tag:tabber|<br />
Outils et matériel=<div class="file-subtitle"><span>{{int:dokit-item-tabs-subtitle}}</span><span class="custom-tooltip">{{#info:{{int:dokit-item-tabs-subtitle-tooltip|[[Form:Item|{{int:dokit-item-tabs-subtitle-tooltip-link}}]]}}}}</span></div><br />
<div class="prerequisites-selection">{{{field|ItemList|holds template}}}</div><br />
{{!}}-{{!}}<br />
Expériences pré-requises =<h4>Listez ici les expériences pré-requises :</h4><div class="prerequisites-selection">{{{field|Prerequisites|holds template}}}</div><br />
{{!}}-{{!}}<br />
{{int:wf-formtutorial-file-tabs-title}}=<div class="row"><br />
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form"><br />
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option1}}</div><br />
<div class="add-attachments add-attachments-upload simplePMG">{{{field|Tuto_Attachments|holds template}}}</div></div><br />
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form"><br />
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option2}}</div><br />
<div class="add-attachments">{{{field|ExternalAttachmentsLinks|holds template}}}</div><br />
</div><br />
}}<br />
</div><br />
{{{end template}}}<br />
{{{for template|ItemList|multiple|maximum instances=100|add button text=Ajouter un outil ou un matériel|embed in field=Materials[ItemList]}}}{{{field|Item|input type=combobox|existing values only|placeholder={{int:dokit-item-tabs-placeholder}}|values from namespace=Item}}}{{{end template}}}<br />
{{{for template|Prerequisites|multiple|maximum instances=20|add button text=Ajouter une expérience pré-requise|embed in field=Materials[Prerequisites]}}}{{{field|Prerequisites|input type=combobox|existing values only|placeholder=Recherchez et ajoutez une expérience pré-requise|values from category=Tutorials}}}{{{end template}}}<br />
{{{for template|ExternalAttachmentsLinks|multiple|maximum instances=10|add button text={{int:wf-formtutorial-file-tabs-btnlink}}|embed in field=Materials[ExternalAttachmentsLinks]}}}{{{field|ExternalAttachmentsLinks|input type=text|class=WfFormText}}}{{{end template}}}<br />
{{{for template|Tuto_Attachments|multiple|maximum instances=30|add button text={{int:wf-formtutorial-file-tabs-btnfile}}|embed in field=Materials[Tuto_Attachments]}}}{{{field|Attachment|class=WfFormText|default=|uploadable}}}{{{end template}}}<br />
<div class="hrContentMinor-2"></div><br />
<h2>{{int:wf-formtutorial-steps}}</h2><br />
<div class="multipleTemplate-tutostep">{{{for template|Tuto Step|multiple|minimum instances=1|maximum instances=400|add button text={{int:wf-formtutorial-step-btnaddstep}} }}}<br />
<div class="WfFormTutoStep"><br />
<div class="col-sm-6 col-xs-12 col-sm-push-6 WfFormTutoStepInstructions"><br />
<div class="step-title-numeroted">{{{field|Step_Title|input type=text|translatable|class=form-text form-step-title|placeholder={{int:wf-formtutorial-step-title-placeholder}}|size=50}}}</div><br />
<div>{{{field|Step_Content|input type=textarea|translatable|rows=16|class=form-textarea}}}</div><br />
</div><br />
<div class="col-sm-6 col-xs-12 col-sm-pull-6"><br />
<div class="col-pic-step msuploadContainer"><br />
{{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_00_annotation|input type=editableImage|target=Step_Picture_00}}}<br />
{{{field|Step_Picture_01|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_01_annotation|input type=editableImage|target=Step_Picture_01}}}<br />
{{{field|Step_Picture_02|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_02_annotation|input type=editableImage|target=Step_Picture_02}}}<br />
{{{field|Step_Picture_03|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_03_annotation|input type=editableImage|target=Step_Picture_03}}}<br />
{{{field|Step_Picture_04|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_04_annotation|input type=editableImage|target=Step_Picture_04}}}<br />
{{{field|Step_Picture_05|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}<br />
</div><br />
</div><br />
</div><br />
{{{end template}}}</div><br />
<div class="notes-ref"><br />
{{{for template|Notes}}}<br />
<br><br />
<h2>Comment ça marche ?</h2><br />
<h3>Observations : que voit-on ?</h3><br />
{{{field|Observations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Mise en garde : qu'est-ce qui pourrait faire rater l'expérience ?</h3><br />
{{{field|Avertissement|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Explications</h3><br />
{{{field|Explanations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Plus d'explications</h3><br />
{{{field|Deepen|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Application : dans la vie de tous les jours</h3><br />
{{{field|Applications|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Vous aimerez aussi</h3><br />
{{{field|Related|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<br><br />
<h2>Éléments pédagogiques</h2><br />
<h3>Objectifs pédagogiques <span class="custom-tooltip">{{#info:Listez ce à quoi peut servir cette expérience : comprendre tel phénomène, tel concepts, etc... }}</span></h3><br />
{{{field|Objectives|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
<h3>Pistes pour animer l'expérience <span class="custom-tooltip">{{#info:Idée d'animation, de mise en scène.}}</span></h3><br />
{{{field|Animation|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
<h3>Sources et ressources <span class="custom-tooltip">{{#info:Lien vers des sites web ressources : wikipédia, CNRS, Wikipédia,... éventuellement une bibliographie (ex les bouquins petits débrouillards).}}</span></h3><br />
{{{field|Notes|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
{{{end template}}}<br />
</div><br />
<hr class="WfEndForm"><br />
<div class="saving-menu"><br />
<span class="status-checkbox">{{int:wf-completetooltip-label}} : {{{for template|Tuto_Status}}}{{{field|Complete|default=Draft|mandatory|input type=dropdown|class=WfFormDropdownLight|mapping using translate=wf-propertyvalue-complete-}}}{{{end template}}}</span><span class="custom-tooltip-light">{{#info:<p>'''{{int:wf-propertyvalue-complete-Published}} :''' {{int:wf-completetooltip-published-description}}</p><p>'''{{int:wf-propertyvalue-complete-Draft}} :''' {{int:wf-completetooltip-draft-description}}</p>}}</span><span class="display-none">{{{standard input|watch}}} {{{standard input|saveDraft}}}</span>{{{standard input|cancel}}}{{{standard input|save}}}<span id="loaderSave"><i class="fa fa-spinner fa-pulse fa-2x fa-fw "></i></span><br />
</div><br />
</includeonly><br />
<br />
<div class="modal fade wfform" id="ModalCreativeCommons" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><br />
<div class="modal-dialog"><br />
<div class="modal-content"><br />
<div class="modal-header"><br />
<span class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></span><h4 class="modal-title">{{int:wf-formtutorial-popuplicense-title}}</h4><br />
</div><br />
<div class="modal-body"><br />
<div class="row"><br />
<div class="col-md-12 col-sm-12 col-xs-12"><br />
[[File:CC-BY.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence1-title}} <span class="label label-success">{{int:wf-formtutorial-popuplicense-licence-recommended}}</span></span><br />
<p>{{int:wf-formtutorial-popuplicense-licence1-description}}</p><br />
<p>[http://creativecommons.org/licenses/by/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p><br />
<br><br />
[[File:CC-BY-SA.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence2-title}}</span><br />
<p>{{int:wf-formtutorial-popuplicense-licence2-description}}</p><br />
<p>[http://creativecommons.org/licenses/by-sa/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by-sa/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p><br />
<hr><br />
<p>{{int:wf-formtutorial-popuplicense-question}} [http://feedback.wikifab.org/t/under-which-open-license-can-i-publish-my-tutorial-on-wikifab/30 {{int:wf-formtutorial-popuplicense-question-link}}].</p><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div></div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Formulaire:Tutorial&diff=3431Formulaire:Tutorial2019-10-15T10:51:17Z<p>Clément : </p>
<hr />
<div>__NOTOC__<noinclude><br />
<div class="tutorial-page"><br />
<div class="container"><br />
<div class="new-tutorial-page"><br />
{{#ifanon:<div class="alert alert-warning" role="alert"><br />
{{int:wf-formtutorial-alert|[[Special:UserLogin/signup|{{int:wf-formtutorial-alert-createaccount}}]]|[[Special:UserLogin|{{int:wf-formtutorial-alert-login}}]]}}<br />
</div><br />
</div><br />
</div><br />
</div>|<br />
<h1>{{int:wf-formtutorial-main-title}}</h1><br />
{{#forminput:form=Tutorial|button text={{int:wf-formtutorial-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|}}<br />
<p data-toggle="modal" data-target="#ModalNom"><span class="glyphicon glyphicon-info-sign"></span> {{int:wf-formtutorial-main-subtitle}}</p><br />
</div><br />
</div><br />
</div><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Get_started|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-thumbs-up icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-getstart-title}}</span><br />
<span>{{int:wf-contribute-getstart-subtitle1}}</span><br />
</span>]]<br />
</div><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Taking_pictures|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-camera icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-takingpictures-title}}</span><br />
<span>{{int:wf-contribute-takingpictures-subtitle1}}</span><br />
</span>]]<br />
</div><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Help|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-book icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-help-title}}</span><br />
<span>{{int:wf-contribute-help-subtitle1}}</span><br />
</span>]]<br />
</div><br />
</div><br />
</div><br />
}}<br />
</noinclude><includeonly><br />
<div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div><br />
{{{for template|Tuto Details}}}<br />
<div class="row"><br />
<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-main-picture-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-main-picture-tooltip}}}}</span></div><br />
<div class="msuploadContainer msuploadContainerTall"><br />
{{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}}<br />
{{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}}<br />
</div><br />
<div class="Licences-group" id="accordion" role="tablist" aria-multiselectable="true"><br />
<div class="Licences"><br />
<div class="Licences-heading" role="tab" id="headingOne"><br />
<p class="Licences-title" data-toggle="collapse" data-target="#Licences">{{int:wf-formtutorial-edit-license-field}}</p><br />
</div><br />
<div id="Licences" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"><br />
<div class="Licences-body"><br />
{{{field|Licences|input type=dropdown|class=WfFormDropdown|mandatory|default=Attribution (CC-BY)}}}<br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
<div class="col-md-8 col-sm-8 col-xs-12"><br />
<div class="row"><br />
<div class="col-md-12"><br />
<div class="WfFormLabel">{{int:wf-formtutorial-description-field-title}}</div><div>{{{field|Description|input type=textarea|mandatory|translatable|rows=2|maxlength=4000|class=WfFormTextarea|placeholder={{int:wf-formtutorial-description-field-placeholder}}|}}}</div><br />
<!-- START CHECKBOXES ADMIN PROPERTY LIST --><div class="WfFormLabel">{{int:dokit-autopropertyvalue-Disciplines_scientifiques}}</div><br />
{{{field|Disciplines scientifiques|mandatory|input type=checkboxes|class=WfFormCheckbox|hide select al|mapping using translate=dokit-autopropertyvalue-Disciplines_scientifiques-}}}<br />
<!--END CHECKBOXES ADMIN PROPERTY LIST --><br />
</div><br />
</div><br />
<div class="row"><br />
<div class="col-md-6 col-xs-12"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-difficulty-field-title}}</span><span class="custom-tooltip">{{#info:<p>'''Facile :''' Accessible à tous. Un enfant de 8 ans peut, sans difficulté, réaliser l'expérience.</p><p>'''Technique :''' Accessible à tous. Un adulte peut, sans difficulté, réaliser l'expérience.</p><p>'''Expert :''' Seul un adulte averti peut réaliser l'expérience.</p>}}</span></div><br />
{{{field|Difficulty|input type=dropdown|mandatory|class=WfFormDropdown|mapping using translate=wf-propertyvalue-difficulty-}}} <br />
</div><br />
<div class="col-md-6 col-xs-12"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-duration-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-duration-popup}}|}}</span></div><br />
{{{field|Duration|mandatory|class=WfFormText WfFormTextCombine}}} {{{field|Duration-type|mandatory|input type=dropdown|class=WfFormDropdown WfFormDropdownCombine|mapping using translate=wf-propertyvalue-durationtype-}}} <br />
</div><br />
</div><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-tags-field-title}}</span><span class="custom-tooltip">{{#info:Entrez 4 à 5 mots clés pour décrire votre expérience. Ces mots clés peuvent être des thèmes ou des concepts scientifiques (séparez chaque mot clé par une virgule).|}}</span></div><br />
<div class="WfFormTokensParent">{{{field|Tags|placeholder={{int:wf-formtutorial-tag-field-tooltip}}|class=WfFormTokens|input type=tokens|size=}}}</div><br />
</div><br />
</div><br />
{{{end template}}}<br />
<div class="hrContentMinor-2"></div><br />
<div class="IntroductionFormTemplate hide-mobile-view"><br />
{{{for template|Introduction}}}<br />
<div class="edit-step-title">{{int:wf-formtutorial-introduction-field-title}} <span>{{int:wf-formtutorial-introduction-field-info}}</span></div><br />
{{{field|Introduction|input type=textarea|translatable|rows=5|maxlength=10000|class=form-textarea}}}<br />
{{{end template}}}<br />
</div><br />
<div class="hide-mobile-view multipleTemplateHideButton multipleTemplateSingleEntry"><br />
{{{for template|TutoVideo|multiple|minimum=0|maximum instances=1|add button text={{int:wf-tuto-video-btnlink}} }}}<br />
<div class="dokit-video-radio">{{{field|VideoType|input type=dropdown|default=Youtube|mandatory|class=WfFormDropdown WfFormDropdownFullWidth WfFormTextCombine|show on select=Youtube=>dokit-video-youtube;Vimeo=>dokit-video-vimeo;Dailymotion=>dokit-video-dailymotion;Mp4=>dokit-video-mp4}}}</div><br />
<div class="dokit-video-url" id="dokit-video-youtube"><br />
{{{field|VideoURLYoutube|mandatory|placeholder={{int:dokit-video-youtube-placeholder}}|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-vimeo"><br />
{{{field|VideoURLVimeo|mandatory|placeholder={{int:dokit-video-vimeo-placeholder}}|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-dailymotion"><br />
{{{field|VideoURLDailymotion|placeholder={{int:dokit-video-dailymotion-placeholder}}|mandatory|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-mp4"><br />
{{{field|mp4video|uploadable|size=25|class=form-picture}}}<br />
</div><br />
{{{end template}}}<br />
</div><br />
{{{for template|Materials}}}<br />
<div class="Input-tabs"><br />
{{#tag:tabber|<br />
Outils et matériel=<div class="file-subtitle"><span>{{int:dokit-item-tabs-subtitle}}</span><span class="custom-tooltip">{{#info:{{int:dokit-item-tabs-subtitle-tooltip|[[Form:Item|{{int:dokit-item-tabs-subtitle-tooltip-link}}]]}}}}</span></div><br />
<div class="prerequisites-selection">{{{field|ItemList|holds template}}}</div><br />
{{!}}-{{!}}<br />
Expériences pré-requises =<h4>Listez ici les expériences pré-requises :</h4><div class="prerequisites-selection">{{{field|Prerequisites|holds template}}}</div><br />
{{!}}-{{!}}<br />
{{int:wf-formtutorial-file-tabs-title}}=<div class="row"><br />
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form"><br />
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option1}}</div><br />
<div class="add-attachments add-attachments-upload simplePMG">{{{field|Tuto_Attachments|holds template}}}</div></div><br />
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form"><br />
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option2}}</div><br />
<div class="add-attachments">{{{field|ExternalAttachmentsLinks|holds template}}}</div><br />
</div><br />
}}<br />
</div><br />
{{{end template}}}<br />
{{{for template|ItemList|multiple|maximum instances=100|add button text=Ajouter un outil ou un matériel|embed in field=Materials[ItemList]}}}{{{field|Item|input type=combobox|existing values only|placeholder={{int:dokit-item-tabs-placeholder}}|values from namespace=Item}}}{{{end template}}}<br />
{{{for template|Prerequisites|multiple|maximum instances=20|add button text=Ajouter une expérience pré-requise|embed in field=Materials[Prerequisites]}}}{{{field|Prerequisites|input type=combobox|existing values only|placeholder=Recherchez et ajoutez une expérience pré-requise|values from category=Tutorials}}}{{{end template}}}<br />
{{{for template|ExternalAttachmentsLinks|multiple|maximum instances=10|add button text={{int:wf-formtutorial-file-tabs-btnlink}}|embed in field=Materials[ExternalAttachmentsLinks]}}}{{{field|ExternalAttachmentsLinks|input type=text|class=WfFormText}}}{{{end template}}}<br />
{{{for template|Tuto_Attachments|multiple|maximum instances=30|add button text={{int:wf-formtutorial-file-tabs-btnfile}}|embed in field=Materials[Tuto_Attachments]}}}{{{field|Attachment|class=WfFormText|default=|uploadable}}}{{{end template}}}<br />
<h2>{{int:wf-formtutorial-steps}}</h2><br />
<div class="multipleTemplate-tutostep">{{{for template|Tuto Step|multiple|minimum instances=1|maximum instances=400|add button text={{int:wf-formtutorial-step-btnaddstep}} }}}<br />
<div class="WfFormTutoStep"><br />
<div class="col-sm-6 col-xs-12 col-sm-push-6 WfFormTutoStepInstructions"><br />
<div class="step-title-numeroted">{{{field|Step_Title|input type=text|translatable|class=form-text form-step-title|placeholder={{int:wf-formtutorial-step-title-placeholder}}|size=50}}}</div><br />
<div>{{{field|Step_Content|input type=textarea|translatable|rows=16|class=form-textarea}}}</div><br />
</div><br />
<div class="col-sm-6 col-xs-12 col-sm-pull-6"><br />
<div class="col-pic-step msuploadContainer"><br />
{{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_00_annotation|input type=editableImage|target=Step_Picture_00}}}<br />
{{{field|Step_Picture_01|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_01_annotation|input type=editableImage|target=Step_Picture_01}}}<br />
{{{field|Step_Picture_02|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_02_annotation|input type=editableImage|target=Step_Picture_02}}}<br />
{{{field|Step_Picture_03|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_03_annotation|input type=editableImage|target=Step_Picture_03}}}<br />
{{{field|Step_Picture_04|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_04_annotation|input type=editableImage|target=Step_Picture_04}}}<br />
{{{field|Step_Picture_05|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}<br />
</div><br />
</div><br />
</div><br />
{{{end template}}}</div><br />
<div class="notes-ref"><br />
{{{for template|Notes}}}<br />
<br><br />
<h2>Comment ça marche ?</h2><br />
<h3>Observations : que voit-on ?</h3><br />
{{{field|Observations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Mise en garde : qu'est-ce qui pourrait faire rater l'expérience ?</h3><br />
{{{field|Avertissement|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Explications</h3><br />
{{{field|Explanations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Plus d'explications</h3><br />
{{{field|Deepen|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Application : dans la vie de tous les jours</h3><br />
{{{field|Applications|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Vous aimerez aussi</h3><br />
{{{field|Related|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<br><br />
<h2>Éléments pédagogiques</h2><br />
<h3>Objectifs pédagogiques <span class="custom-tooltip">{{#info:Listez ce à quoi peut servir cette expérience : comprendre tel phénomène, tel concepts, etc... }}</span></h3><br />
{{{field|Objectives|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
<h3>Pistes pour animer l'expérience <span class="custom-tooltip">{{#info:Idée d'animation, de mise en scène.}}</span></h3><br />
{{{field|Animation|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
<h3>Sources et ressources <span class="custom-tooltip">{{#info:Lien vers des sites web ressources : wikipédia, CNRS, Wikipédia,... éventuellement une bibliographie (ex les bouquins petits débrouillards).}}</span></h3><br />
{{{field|Notes|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
{{{end template}}}<br />
</div><br />
<hr class="WfEndForm"><br />
<div class="saving-menu"><br />
<span class="status-checkbox">{{int:wf-completetooltip-label}} : {{{for template|Tuto_Status}}}{{{field|Complete|default=Draft|mandatory|input type=dropdown|class=WfFormDropdownLight|mapping using translate=wf-propertyvalue-complete-}}}{{{end template}}}</span><span class="custom-tooltip-light">{{#info:<p>'''{{int:wf-propertyvalue-complete-Published}} :''' {{int:wf-completetooltip-published-description}}</p><p>'''{{int:wf-propertyvalue-complete-Draft}} :''' {{int:wf-completetooltip-draft-description}}</p>}}</span><span class="display-none">{{{standard input|watch}}} {{{standard input|saveDraft}}}</span>{{{standard input|cancel}}}{{{standard input|save}}}<span id="loaderSave"><i class="fa fa-spinner fa-pulse fa-2x fa-fw "></i></span><br />
</div><br />
</includeonly><br />
<br />
<div class="modal fade wfform" id="ModalCreativeCommons" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><br />
<div class="modal-dialog"><br />
<div class="modal-content"><br />
<div class="modal-header"><br />
<span class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></span><h4 class="modal-title">{{int:wf-formtutorial-popuplicense-title}}</h4><br />
</div><br />
<div class="modal-body"><br />
<div class="row"><br />
<div class="col-md-12 col-sm-12 col-xs-12"><br />
[[File:CC-BY.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence1-title}} <span class="label label-success">{{int:wf-formtutorial-popuplicense-licence-recommended}}</span></span><br />
<p>{{int:wf-formtutorial-popuplicense-licence1-description}}</p><br />
<p>[http://creativecommons.org/licenses/by/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p><br />
<br><br />
[[File:CC-BY-SA.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence2-title}}</span><br />
<p>{{int:wf-formtutorial-popuplicense-licence2-description}}</p><br />
<p>[http://creativecommons.org/licenses/by-sa/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by-sa/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p><br />
<hr><br />
<p>{{int:wf-formtutorial-popuplicense-question}} [http://feedback.wikifab.org/t/under-which-open-license-can-i-publish-my-tutorial-on-wikifab/30 {{int:wf-formtutorial-popuplicense-question-link}}].</p><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div></div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Formulaire:Tutorial&diff=3430Formulaire:Tutorial2019-10-15T10:49:44Z<p>Clément : </p>
<hr />
<div>__NOTOC__<noinclude><br />
<div class="tutorial-page"><br />
<div class="container"><br />
<div class="new-tutorial-page"><br />
{{#ifanon:<div class="alert alert-warning" role="alert"><br />
{{int:wf-formtutorial-alert|[[Special:UserLogin/signup|{{int:wf-formtutorial-alert-createaccount}}]]|[[Special:UserLogin|{{int:wf-formtutorial-alert-login}}]]}}<br />
</div><br />
</div><br />
</div><br />
</div>|<br />
<h1>{{int:wf-formtutorial-main-title}}</h1><br />
{{#forminput:form=Tutorial|button text={{int:wf-formtutorial-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|}}<br />
<p data-toggle="modal" data-target="#ModalNom"><span class="glyphicon glyphicon-info-sign"></span> {{int:wf-formtutorial-main-subtitle}}</p><br />
</div><br />
</div><br />
</div><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Get_started|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-thumbs-up icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-getstart-title}}</span><br />
<span>{{int:wf-contribute-getstart-subtitle1}}</span><br />
</span>]]<br />
</div><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Taking_pictures|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-camera icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-takingpictures-title}}</span><br />
<span>{{int:wf-contribute-takingpictures-subtitle1}}</span><br />
</span>]]<br />
</div><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Help|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-book icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-help-title}}</span><br />
<span>{{int:wf-contribute-help-subtitle1}}</span><br />
</span>]]<br />
</div><br />
</div><br />
</div><br />
}}<br />
</noinclude><includeonly><br />
<div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div><br />
{{{for template|Tuto Details}}}<br />
<div class="row"><br />
<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-main-picture-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-main-picture-tooltip}}}}</span></div><br />
<div class="msuploadContainer msuploadContainerTall"><br />
{{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}}<br />
{{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}}<br />
</div><br />
<div class="Licences-group" id="accordion" role="tablist" aria-multiselectable="true"><br />
<div class="Licences"><br />
<div class="Licences-heading" role="tab" id="headingOne"><br />
<p class="Licences-title" data-toggle="collapse" data-target="#Licences">{{int:wf-formtutorial-edit-license-field}}</p><br />
</div><br />
<div id="Licences" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"><br />
<div class="Licences-body"><br />
{{{field|Licences|input type=dropdown|class=WfFormDropdown|mandatory|default=Attribution (CC-BY)}}}<br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
<div class="col-md-8 col-sm-8 col-xs-12"><br />
<div class="row"><br />
<div class="col-md-12"><br />
<div class="WfFormLabel">{{int:wf-formtutorial-description-field-title}}</div><div>{{{field|Description|input type=textarea|mandatory|translatable|rows=2|maxlength=4000|class=WfFormTextarea|placeholder={{int:wf-formtutorial-description-field-placeholder}}|}}}</div><br />
<!-- START CHECKBOXES ADMIN PROPERTY LIST --><div class="WfFormLabel">{{int:dokit-autopropertyvalue-Disciplines_scientifiques}}</div><br />
{{{field|Disciplines scientifiques|mandatory|input type=checkboxes|class=WfFormCheckbox|hide select al|mapping using translate=dokit-autopropertyvalue-Disciplines_scientifiques-}}}<br />
<!--END CHECKBOXES ADMIN PROPERTY LIST --><br />
</div><br />
</div><br />
<div class="row"><br />
<div class="col-md-6 col-xs-12"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-difficulty-field-title}}</span><span class="custom-tooltip">{{#info:<p>'''Facile :''' Accessible à tous. Un enfant de 8 ans peut, sans difficulté, réaliser l'expérience.</p><p>'''Technique :''' Accessible à tous. Un adulte peut, sans difficulté, réaliser l'expérience.</p><p>'''Expert :''' Seul un adulte averti peut réaliser l'expérience.</p>}}</span></div><br />
{{{field|Difficulty|input type=dropdown|mandatory|class=WfFormDropdown|mapping using translate=wf-propertyvalue-difficulty-}}} <br />
</div><br />
<div class="col-md-6 col-xs-12"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-duration-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-duration-popup}}|}}</span></div><br />
{{{field|Duration|mandatory|class=WfFormText WfFormTextCombine}}} {{{field|Duration-type|mandatory|input type=dropdown|class=WfFormDropdown WfFormDropdownCombine|mapping using translate=wf-propertyvalue-durationtype-}}} <br />
</div><br />
</div><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-tags-field-title}}</span><span class="custom-tooltip">{{#info:Entrez 4 à 5 mots clés pour décrire votre expérience. Ces mots clés peuvent être des thèmes ou des concepts scientifiques (séparez chaque mot clé par une virgule).|}}</span></div><br />
<div class="WfFormTokensParent">{{{field|Tags|placeholder={{int:wf-formtutorial-tag-field-tooltip}}|class=WfFormTokens|input type=tokens|size=}}}</div><br />
</div><br />
</div><br />
{{{end template}}}<br />
<div class="hrContentMinor-2"></div><br />
<div class="IntroductionFormTemplate hide-mobile-view"><br />
{{{for template|Introduction}}}<br />
<div class="edit-step-title">{{int:wf-formtutorial-introduction-field-title}} <span>{{int:wf-formtutorial-introduction-field-info}}</span></div><br />
{{{field|Introduction|input type=textarea|translatable|rows=5|maxlength=10000|class=form-textarea}}}<br />
{{{end template}}}<br />
</div><br />
<div class="hide-mobile-view multipleTemplateHideButton multipleTemplateSingleEntry"><br />
{{{for template|TutoVideo|multiple|minimum=0|maximum instances=1|add button text={{int:wf-tuto-video-btnlink}} }}}<br />
<div class="dokit-video-radio">{{{field|VideoType|input type=dropdown|default=Youtube|mandatory|class=WfFormDropdown WfFormDropdownFullWidth WfFormTextCombine|show on select=Youtube=>dokit-video-youtube;Vimeo=>dokit-video-vimeo;Dailymotion=>dokit-video-dailymotion;Mp4=>dokit-video-mp4}}}</div><br />
<div class="dokit-video-url" id="dokit-video-youtube"><br />
{{{field|VideoURLYoutube|mandatory|placeholder={{int:dokit-video-youtube-placeholder}}|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-vimeo"><br />
{{{field|VideoURLVimeo|mandatory|placeholder={{int:dokit-video-vimeo-placeholder}}|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-dailymotion"><br />
{{{field|VideoURLDailymotion|placeholder={{int:dokit-video-dailymotion-placeholder}}|mandatory|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-mp4"><br />
{{{field|mp4video|uploadable|size=25|class=form-picture}}}<br />
</div><br />
{{{end template}}}<br />
</div><br />
{{{for template|Materials}}}<br />
<div class="Input-tabs"><br />
{{#tag:tabber|<br />
Outils et matériel=<div class="file-subtitle"><span>{{int:dokit-item-tabs-subtitle}}</span><span class="custom-tooltip">{{#info:{{int:dokit-item-tabs-subtitle-tooltip|[[Form:Item|{{int:dokit-item-tabs-subtitle-tooltip-link}}]]}}}}</span></div><br />
<div class="prerequisites-selection">{{{field|ItemList|holds template}}}</div><br />
{{!}}-{{!}}<br />
Expériences pré-requises =<h4>Listez ici les expériences pré-requises :</h4><div class="prerequisites-selection">{{{field|Prerequisites|holds template}}}</div><br />
{{!}}-{{!}}<br />
{{int:wf-formtutorial-file-tabs-title}}=<div class="row"><br />
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form"><br />
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option1}}</div><br />
<div class="add-attachments add-attachments-upload simplePMG">{{{field|Tuto_Attachments|holds template}}}</div></div><br />
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form"><br />
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option2}}</div><br />
<div class="add-attachments">{{{field|ExternalAttachmentsLinks|holds template}}}</div><br />
</div><br />
}}<br />
</div><br />
{{{end template}}}<br />
{{{for template|ItemList|multiple|maximum instances=100|add button text=Ajouter un outil ou un matériel|embed in field=Materials[ItemList]}}}{{{field|Item|input type=combobox|existing values only|placeholder={{int:dokit-item-tabs-placeholder}}|values from namespace=Item}}}{{{end template}}}<br />
{{{for template|Prerequisites|multiple|maximum instances=20|add button text=Ajouter une expérience pré-requise|embed in field=Materials[Prerequisites]}}}{{{field|Prerequisites|input type=combobox|existing values only|placeholder=Recherchez et ajoutez une expérience pré-requise|values from category=Tutorials}}}{{{end template}}}<br />
{{{for template|ExternalAttachmentsLinks|multiple|maximum instances=10|add button text={{int:wf-formtutorial-file-tabs-btnlink}}|embed in field=Materials[ExternalAttachmentsLinks]}}}{{{field|ExternalAttachmentsLinks|input type=text|class=WfFormText}}}{{{end template}}}<br />
{{{for template|Tuto_Attachments|multiple|maximum instances=30|add button text={{int:wf-formtutorial-file-tabs-btnfile}}|embed in field=Materials[Tuto_Attachments]}}}{{{field|Attachment|class=WfFormText|default=|uploadable}}}{{{end template}}}<br />
<div class="bg-halfsquare-separator-2"></div><br />
{{{for template|Separator}}}<br>{{{end template}}}<br />
<h2>{{int:wf-formtutorial-steps}}</h2><br />
<div class="multipleTemplate-tutostep">{{{for template|Tuto Step|multiple|minimum instances=1|maximum instances=400|add button text={{int:wf-formtutorial-step-btnaddstep}} }}}<br />
<div class="WfFormTutoStep"><br />
<div class="col-sm-6 col-xs-12 col-sm-push-6 WfFormTutoStepInstructions"><br />
<div class="step-title-numeroted">{{{field|Step_Title|input type=text|translatable|class=form-text form-step-title|placeholder={{int:wf-formtutorial-step-title-placeholder}}|size=50}}}</div><br />
<div>{{{field|Step_Content|input type=textarea|translatable|rows=16|class=form-textarea}}}</div><br />
</div><br />
<div class="col-sm-6 col-xs-12 col-sm-pull-6"><br />
<div class="col-pic-step msuploadContainer"><br />
{{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_00_annotation|input type=editableImage|target=Step_Picture_00}}}<br />
{{{field|Step_Picture_01|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_01_annotation|input type=editableImage|target=Step_Picture_01}}}<br />
{{{field|Step_Picture_02|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_02_annotation|input type=editableImage|target=Step_Picture_02}}}<br />
{{{field|Step_Picture_03|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_03_annotation|input type=editableImage|target=Step_Picture_03}}}<br />
{{{field|Step_Picture_04|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_04_annotation|input type=editableImage|target=Step_Picture_04}}}<br />
{{{field|Step_Picture_05|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}<br />
</div><br />
</div><br />
</div><br />
{{{end template}}}</div><br />
<div class="notes-ref"><br />
{{{for template|Notes}}}<br />
<div class="bg-halfsquare-separator-3"></div><br />
<h2>Comment ça marche ?</h2><br />
<h3>Observations : que voit-on ?</h3><br />
{{{field|Observations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Mise en garde : qu'est-ce qui pourrait faire rater l'expérience ?</h3><br />
{{{field|Avertissement|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Explications</h3><br />
{{{field|Explanations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Plus d'explications</h3><br />
{{{field|Deepen|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Application : dans la vie de tous les jours</h3><br />
{{{field|Applications|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Vous aimerez aussi</h3><br />
{{{field|Related|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<div class="bg-halfsquare-separator-3"></div><br />
<h2>Éléments pédagogiques</h2><br />
<h3>Objectifs pédagogiques <span class="custom-tooltip">{{#info:Listez ce à quoi peut servir cette expérience : comprendre tel phénomène, tel concepts, etc... }}</span></h3><br />
{{{field|Objectives|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
<h3>Pistes pour animer l'expérience <span class="custom-tooltip">{{#info:Idée d'animation, de mise en scène.}}</span></h3><br />
{{{field|Animation|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
<h3>Sources et ressources <span class="custom-tooltip">{{#info:Lien vers des sites web ressources : wikipédia, CNRS, Wikipédia,... éventuellement une bibliographie (ex les bouquins petits débrouillards).}}</span></h3><br />
{{{field|Notes|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
{{{end template}}}<br />
</div><br />
<hr class="WfEndForm"><br />
<div class="saving-menu"><br />
<span class="status-checkbox">{{int:wf-completetooltip-label}} : {{{for template|Tuto_Status}}}{{{field|Complete|default=Draft|mandatory|input type=dropdown|class=WfFormDropdownLight|mapping using translate=wf-propertyvalue-complete-}}}{{{end template}}}</span><span class="custom-tooltip-light">{{#info:<p>'''{{int:wf-propertyvalue-complete-Published}} :''' {{int:wf-completetooltip-published-description}}</p><p>'''{{int:wf-propertyvalue-complete-Draft}} :''' {{int:wf-completetooltip-draft-description}}</p>}}</span><span class="display-none">{{{standard input|watch}}} {{{standard input|saveDraft}}}</span>{{{standard input|cancel}}}{{{standard input|save}}}<span id="loaderSave"><i class="fa fa-spinner fa-pulse fa-2x fa-fw "></i></span><br />
</div><br />
</includeonly><br />
<br />
<div class="modal fade wfform" id="ModalCreativeCommons" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><br />
<div class="modal-dialog"><br />
<div class="modal-content"><br />
<div class="modal-header"><br />
<span class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></span><h4 class="modal-title">{{int:wf-formtutorial-popuplicense-title}}</h4><br />
</div><br />
<div class="modal-body"><br />
<div class="row"><br />
<div class="col-md-12 col-sm-12 col-xs-12"><br />
[[File:CC-BY.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence1-title}} <span class="label label-success">{{int:wf-formtutorial-popuplicense-licence-recommended}}</span></span><br />
<p>{{int:wf-formtutorial-popuplicense-licence1-description}}</p><br />
<p>[http://creativecommons.org/licenses/by/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p><br />
<br><br />
[[File:CC-BY-SA.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence2-title}}</span><br />
<p>{{int:wf-formtutorial-popuplicense-licence2-description}}</p><br />
<p>[http://creativecommons.org/licenses/by-sa/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by-sa/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p><br />
<hr><br />
<p>{{int:wf-formtutorial-popuplicense-question}} [http://feedback.wikifab.org/t/under-which-open-license-can-i-publish-my-tutorial-on-wikifab/30 {{int:wf-formtutorial-popuplicense-question-link}}].</p><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div></div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Formulaire:Tutorial&diff=3429Formulaire:Tutorial2019-10-15T10:48:21Z<p>Clément : </p>
<hr />
<div>__NOTOC__<noinclude><br />
<div class="tutorial-page"><br />
<div class="container"><br />
<div class="new-tutorial-page"><br />
{{#ifanon:<div class="alert alert-warning" role="alert"><br />
{{int:wf-formtutorial-alert|[[Special:UserLogin/signup|{{int:wf-formtutorial-alert-createaccount}}]]|[[Special:UserLogin|{{int:wf-formtutorial-alert-login}}]]}}<br />
</div><br />
</div><br />
</div><br />
</div>|<br />
<h1>{{int:wf-formtutorial-main-title}}</h1><br />
{{#forminput:form=Tutorial|button text={{int:wf-formtutorial-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|}}<br />
<p data-toggle="modal" data-target="#ModalNom"><span class="glyphicon glyphicon-info-sign"></span> {{int:wf-formtutorial-main-subtitle}}</p><br />
</div><br />
</div><br />
</div><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Get_started|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-thumbs-up icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-getstart-title}}</span><br />
<span>{{int:wf-contribute-getstart-subtitle1}}</span><br />
</span>]]<br />
</div><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Taking_pictures|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-camera icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-takingpictures-title}}</span><br />
<span>{{int:wf-contribute-takingpictures-subtitle1}}</span><br />
</span>]]<br />
</div><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Help|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-book icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-help-title}}</span><br />
<span>{{int:wf-contribute-help-subtitle1}}</span><br />
</span>]]<br />
</div><br />
</div><br />
</div><br />
}}<br />
</noinclude><includeonly><br />
<div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div><br />
{{{for template|Tuto Details}}}<br />
<div class="row"><br />
<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-main-picture-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-main-picture-tooltip}}}}</span></div><br />
<div class="msuploadContainer msuploadContainerTall"><br />
{{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}}<br />
{{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}}<br />
</div><br />
<div class="Licences-group" id="accordion" role="tablist" aria-multiselectable="true"><br />
<div class="Licences"><br />
<div class="Licences-heading" role="tab" id="headingOne"><br />
<p class="Licences-title" data-toggle="collapse" data-target="#Licences">{{int:wf-formtutorial-edit-license-field}}</p><br />
</div><br />
<div id="Licences" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"><br />
<div class="Licences-body"><br />
{{{field|Licences|input type=dropdown|class=WfFormDropdown|mandatory|default=Attribution (CC-BY)}}}<br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
<div class="col-md-8 col-sm-8 col-xs-12"><br />
<div class="row"><br />
<div class="col-md-12"><br />
<div class="WfFormLabel">{{int:wf-formtutorial-description-field-title}}</div><div>{{{field|Description|input type=textarea|mandatory|translatable|rows=2|maxlength=4000|class=WfFormTextarea|placeholder={{int:wf-formtutorial-description-field-placeholder}}|}}}</div><br />
<!-- START CHECKBOXES ADMIN PROPERTY LIST --><div class="WfFormLabel">{{int:dokit-autopropertyvalue-Disciplines_scientifiques}}</div><br />
{{{field|Disciplines scientifiques|mandatory|input type=checkboxes|class=WfFormCheckbox|hide select al|mapping using translate=dokit-autopropertyvalue-Disciplines_scientifiques-}}}<br />
<!--END CHECKBOXES ADMIN PROPERTY LIST --><br />
</div><br />
</div><br />
<div class="row"><br />
<div class="col-md-6 col-xs-12"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-difficulty-field-title}}</span><span class="custom-tooltip">{{#info:<p>'''Facile :''' Accessible à tous. Un enfant de 8 ans peut, sans difficulté, réaliser l'expérience.</p><p>'''Technique :''' Accessible à tous. Un adulte peut, sans difficulté, réaliser l'expérience.</p><p>'''Expert :''' Seul un adulte averti peut réaliser l'expérience.</p>}}</span></div><br />
{{{field|Difficulty|input type=dropdown|mandatory|class=WfFormDropdown|mapping using translate=wf-propertyvalue-difficulty-}}} <br />
</div><br />
<div class="col-md-6 col-xs-12"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-duration-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-duration-popup}}|}}</span></div><br />
{{{field|Duration|mandatory|class=WfFormText WfFormTextCombine}}} {{{field|Duration-type|mandatory|input type=dropdown|class=WfFormDropdown WfFormDropdownCombine|mapping using translate=wf-propertyvalue-durationtype-}}} <br />
</div><br />
</div><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-tags-field-title}}</span><span class="custom-tooltip">{{#info:Entrez 4 à 5 mots clés pour décrire votre expérience. Ces mots clés peuvent être des thèmes ou des concepts scientifiques (séparez chaque mot clé par une virgule).|}}</span></div><br />
<div class="WfFormTokensParent">{{{field|Tags|placeholder={{int:wf-formtutorial-tag-field-tooltip}}|class=WfFormTokens|input type=tokens|size=}}}</div><br />
</div><br />
</div><br />
{{{end template}}}<br />
<div class="hrContentMinor-2"></div><br />
{{{for template|Introduction}}}<br />
<div class="edit-step-title">{{int:wf-formtutorial-introduction-field-title}} <span>{{int:wf-formtutorial-introduction-field-info}}</span></div><br />
{{{field|Introduction|input type=textarea|translatable|rows=5|maxlength=10000|class=form-textarea}}}<br />
{{{end template}}}<br />
<div class="multipleTemplateHideButton hide-mobile-view"><br />
{{{for template|TutoVideo|multiple|minimum=0|maximum instances=1|add button text={{int:wf-tuto-video-btnlink}} }}}<br />
<div class="dokit-video-radio">{{{field|VideoType|input type=dropdown|mandatory|class=WfFormDropdown WfFormDropdownAutoWidth WfFormTextCombine|show on select=Youtube=>dokit-video-youtube;Vimeo=>dokit-video-vimeo;Dailymotion=>dokit-video-dailymotion;Mp4=>dokit-video-mp4}}}</div><br />
<div class="dokit-video-url" id="dokit-video-youtube"><br />
{{{field|VideoURLYoutube|mandatory|placeholder={{int:dokit-video-youtube-placeholder}}|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-vimeo"><br />
{{{field|VideoURLVimeo|mandatory|placeholder={{int:dokit-video-vimeo-placeholder}}|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-dailymotion"><br />
{{{field|VideoURLDailymotion|placeholder={{int:dokit-video-dailymotion-placeholder}}|mandatory|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-mp4"><br />
{{{field|mp4video|uploadable|size=25|class=form-picture}}}<br />
</div><br />
{{{end template}}}<br />
</div><br />
{{{for template|Materials}}}<br />
<div class="Input-tabs"><br />
{{#tag:tabber|<br />
Outils et matériel=<div class="file-subtitle"><span>{{int:dokit-item-tabs-subtitle}}</span><span class="custom-tooltip">{{#info:{{int:dokit-item-tabs-subtitle-tooltip|[[Form:Item|{{int:dokit-item-tabs-subtitle-tooltip-link}}]]}}}}</span></div><br />
<div class="prerequisites-selection">{{{field|ItemList|holds template}}}</div><br />
{{!}}-{{!}}<br />
Expériences pré-requises =<h4>Listez ici les expériences pré-requises :</h4><div class="prerequisites-selection">{{{field|Prerequisites|holds template}}}</div><br />
{{!}}-{{!}}<br />
{{int:wf-formtutorial-file-tabs-title}}=<div class="row"><br />
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form"><br />
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option1}}</div><br />
<div class="add-attachments add-attachments-upload simplePMG">{{{field|Tuto_Attachments|holds template}}}</div></div><br />
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form"><br />
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option2}}</div><br />
<div class="add-attachments">{{{field|ExternalAttachmentsLinks|holds template}}}</div><br />
</div><br />
}}<br />
</div><br />
{{{end template}}}<br />
{{{for template|ItemList|multiple|maximum instances=100|add button text=Ajouter un outil ou un matériel|embed in field=Materials[ItemList]}}}{{{field|Item|input type=combobox|existing values only|placeholder={{int:dokit-item-tabs-placeholder}}|values from namespace=Item}}}{{{end template}}}<br />
{{{for template|Prerequisites|multiple|maximum instances=20|add button text=Ajouter une expérience pré-requise|embed in field=Materials[Prerequisites]}}}{{{field|Prerequisites|input type=combobox|existing values only|placeholder=Recherchez et ajoutez une expérience pré-requise|values from category=Tutorials}}}{{{end template}}}<br />
{{{for template|ExternalAttachmentsLinks|multiple|maximum instances=10|add button text={{int:wf-formtutorial-file-tabs-btnlink}}|embed in field=Materials[ExternalAttachmentsLinks]}}}{{{field|ExternalAttachmentsLinks|input type=text|class=WfFormText}}}{{{end template}}}<br />
{{{for template|Tuto_Attachments|multiple|maximum instances=30|add button text={{int:wf-formtutorial-file-tabs-btnfile}}|embed in field=Materials[Tuto_Attachments]}}}{{{field|Attachment|class=WfFormText|default=|uploadable}}}{{{end template}}}<br />
<div class="bg-halfsquare-separator-2"></div><br />
{{{for template|Separator}}}<br>{{{end template}}}<br />
<h2>{{int:wf-formtutorial-steps}}</h2><br />
<div class="multipleTemplate-tutostep">{{{for template|Tuto Step|multiple|minimum instances=1|maximum instances=400|add button text={{int:wf-formtutorial-step-btnaddstep}} }}}<br />
<div class="WfFormTutoStep"><br />
<div class="col-sm-6 col-xs-12 col-sm-push-6 WfFormTutoStepInstructions"><br />
<div class="step-title-numeroted">{{{field|Step_Title|input type=text|translatable|class=form-text form-step-title|placeholder={{int:wf-formtutorial-step-title-placeholder}}|size=50}}}</div><br />
<div>{{{field|Step_Content|input type=textarea|translatable|rows=16|class=form-textarea}}}</div><br />
</div><br />
<div class="col-sm-6 col-xs-12 col-sm-pull-6"><br />
<div class="col-pic-step msuploadContainer"><br />
{{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_00_annotation|input type=editableImage|target=Step_Picture_00}}}<br />
{{{field|Step_Picture_01|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_01_annotation|input type=editableImage|target=Step_Picture_01}}}<br />
{{{field|Step_Picture_02|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_02_annotation|input type=editableImage|target=Step_Picture_02}}}<br />
{{{field|Step_Picture_03|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_03_annotation|input type=editableImage|target=Step_Picture_03}}}<br />
{{{field|Step_Picture_04|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_04_annotation|input type=editableImage|target=Step_Picture_04}}}<br />
{{{field|Step_Picture_05|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}<br />
</div><br />
</div><br />
</div><br />
{{{end template}}}</div><br />
<div class="notes-ref"><br />
{{{for template|Notes}}}<br />
<div class="bg-halfsquare-separator-3"></div><br />
<h2>Comment ça marche ?</h2><br />
<h3>Observations : que voit-on ?</h3><br />
{{{field|Observations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Mise en garde : qu'est-ce qui pourrait faire rater l'expérience ?</h3><br />
{{{field|Avertissement|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Explications</h3><br />
{{{field|Explanations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Plus d'explications</h3><br />
{{{field|Deepen|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Application : dans la vie de tous les jours</h3><br />
{{{field|Applications|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Vous aimerez aussi</h3><br />
{{{field|Related|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<div class="bg-halfsquare-separator-3"></div><br />
<h2>Éléments pédagogiques</h2><br />
<h3>Objectifs pédagogiques <span class="custom-tooltip">{{#info:Listez ce à quoi peut servir cette expérience : comprendre tel phénomène, tel concepts, etc... }}</span></h3><br />
{{{field|Objectives|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
<h3>Pistes pour animer l'expérience <span class="custom-tooltip">{{#info:Idée d'animation, de mise en scène.}}</span></h3><br />
{{{field|Animation|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
<h3>Sources et ressources <span class="custom-tooltip">{{#info:Lien vers des sites web ressources : wikipédia, CNRS, Wikipédia,... éventuellement une bibliographie (ex les bouquins petits débrouillards).}}</span></h3><br />
{{{field|Notes|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
{{{end template}}}<br />
</div><br />
<hr class="WfEndForm"><br />
<div class="saving-menu"><br />
<span class="status-checkbox">{{int:wf-completetooltip-label}} : {{{for template|Tuto_Status}}}{{{field|Complete|default=Draft|mandatory|input type=dropdown|class=WfFormDropdownLight|mapping using translate=wf-propertyvalue-complete-}}}{{{end template}}}</span><span class="custom-tooltip-light">{{#info:<p>'''{{int:wf-propertyvalue-complete-Published}} :''' {{int:wf-completetooltip-published-description}}</p><p>'''{{int:wf-propertyvalue-complete-Draft}} :''' {{int:wf-completetooltip-draft-description}}</p>}}</span><span class="display-none">{{{standard input|watch}}} {{{standard input|saveDraft}}}</span>{{{standard input|cancel}}}{{{standard input|save}}}<span id="loaderSave"><i class="fa fa-spinner fa-pulse fa-2x fa-fw "></i></span><br />
</div><br />
</includeonly><br />
<br />
<div class="modal fade wfform" id="ModalCreativeCommons" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><br />
<div class="modal-dialog"><br />
<div class="modal-content"><br />
<div class="modal-header"><br />
<span class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></span><h4 class="modal-title">{{int:wf-formtutorial-popuplicense-title}}</h4><br />
</div><br />
<div class="modal-body"><br />
<div class="row"><br />
<div class="col-md-12 col-sm-12 col-xs-12"><br />
[[File:CC-BY.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence1-title}} <span class="label label-success">{{int:wf-formtutorial-popuplicense-licence-recommended}}</span></span><br />
<p>{{int:wf-formtutorial-popuplicense-licence1-description}}</p><br />
<p>[http://creativecommons.org/licenses/by/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p><br />
<br><br />
[[File:CC-BY-SA.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence2-title}}</span><br />
<p>{{int:wf-formtutorial-popuplicense-licence2-description}}</p><br />
<p>[http://creativecommons.org/licenses/by-sa/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by-sa/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p><br />
<hr><br />
<p>{{int:wf-formtutorial-popuplicense-question}} [http://feedback.wikifab.org/t/under-which-open-license-can-i-publish-my-tutorial-on-wikifab/30 {{int:wf-formtutorial-popuplicense-question-link}}].</p><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div></div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Formulaire:Tutorial&diff=3427Formulaire:Tutorial2019-10-15T10:46:22Z<p>Clément : </p>
<hr />
<div>__NOTOC__<noinclude><br />
<div class="tutorial-page"><br />
<div class="container"><br />
<div class="new-tutorial-page"><br />
{{#ifanon:<div class="alert alert-warning" role="alert"><br />
{{int:wf-formtutorial-alert|[[Special:UserLogin/signup|{{int:wf-formtutorial-alert-createaccount}}]]|[[Special:UserLogin|{{int:wf-formtutorial-alert-login}}]]}}<br />
</div><br />
</div><br />
</div><br />
</div>|<br />
<h1>{{int:wf-formtutorial-main-title}}</h1><br />
{{#forminput:form=Tutorial|button text={{int:wf-formtutorial-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|}}<br />
<p data-toggle="modal" data-target="#ModalNom"><span class="glyphicon glyphicon-info-sign"></span> {{int:wf-formtutorial-main-subtitle}}</p><br />
</div><br />
</div><br />
</div><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Get_started|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-thumbs-up icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-getstart-title}}</span><br />
<span>{{int:wf-contribute-getstart-subtitle1}}</span><br />
</span>]]<br />
</div><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Taking_pictures|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-camera icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-takingpictures-title}}</span><br />
<span>{{int:wf-contribute-takingpictures-subtitle1}}</span><br />
</span>]]<br />
</div><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Help|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-book icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-help-title}}</span><br />
<span>{{int:wf-contribute-help-subtitle1}}</span><br />
</span>]]<br />
</div><br />
</div><br />
</div><br />
}}<br />
</noinclude><includeonly><br />
<div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div><br />
{{{for template|Tuto Details}}}<br />
<div class="row"><br />
<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-main-picture-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-main-picture-tooltip}}}}</span></div><br />
<div class="msuploadContainer msuploadContainerTall"><br />
{{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}}<br />
{{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}}<br />
</div><br />
<div class="Licences-group" id="accordion" role="tablist" aria-multiselectable="true"><br />
<div class="Licences"><br />
<div class="Licences-heading" role="tab" id="headingOne"><br />
<p class="Licences-title" data-toggle="collapse" data-target="#Licences">{{int:wf-formtutorial-edit-license-field}}</p><br />
</div><br />
<div id="Licences" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"><br />
<div class="Licences-body"><br />
{{{field|Licences|input type=dropdown|class=WfFormDropdown|mandatory|default=Attribution (CC-BY)}}}<br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
<div class="col-md-8 col-sm-8 col-xs-12"><br />
<div class="row"><br />
<div class="col-md-12"><br />
<!-- START CHECKBOXES ADMIN PROPERTY LIST --><!--END CHECKBOXES ADMIN PROPERTY LIST --><br />
</div><br />
</div><br />
<div class="row"><br />
<div class="col-md-6 col-xs-12"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-difficulty-field-title}}</span><span class="custom-tooltip">{{#info:<p>'''Facile :''' Accessible à tous. Un enfant de 8 ans peut, sans difficulté, réaliser l'expérience.</p><p>'''Technique :''' Accessible à tous. Un adulte peut, sans difficulté, réaliser l'expérience.</p><p>'''Expert :''' Seul un adulte averti peut réaliser l'expérience.</p>}}</span></div><br />
{{{field|Difficulty|input type=dropdown|mandatory|class=WfFormDropdown|mapping using translate=wf-propertyvalue-difficulty-}}} <br />
</div><br />
<div class="col-md-6 col-xs-12"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-duration-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-duration-popup}}|}}</span></div><br />
{{{field|Duration|mandatory|class=WfFormText WfFormTextCombine}}} {{{field|Duration-type|mandatory|input type=dropdown|class=WfFormDropdown WfFormDropdownCombine|mapping using translate=wf-propertyvalue-durationtype-}}} <br />
</div><br />
</div><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-tags-field-title}}</span><span class="custom-tooltip">{{#info:Entrez 4 à 5 mots clés pour décrire votre expérience. Ces mots clés peuvent être des thèmes ou des concepts scientifiques (séparez chaque mot clé par une virgule).|}}</span></div><br />
<div class="WfFormTokensParent">{{{field|Tags|placeholder={{int:wf-formtutorial-tag-field-tooltip}}|class=WfFormTokens|input type=tokens|size=}}}</div><br />
</div><br />
</div><br />
{{{end template}}}<br />
<div class="hrContentMinor-2"></div><br />
{{{for template|Introduction}}}<br />
<div class="edit-step-title">{{int:wf-formtutorial-introduction-field-title}} <span>{{int:wf-formtutorial-introduction-field-info}}</span></div><br />
{{{field|Introduction|input type=textarea|translatable|rows=5|maxlength=10000|class=form-textarea}}}<br />
{{{end template}}}<br />
<div class="multipleTemplateHideButton hide-mobile-view"><br />
{{{for template|TutoVideo|multiple|minimum=0|maximum instances=1|add button text={{int:wf-tuto-video-btnlink}} }}}<br />
<div class="dokit-video-radio">{{{field|VideoType|input type=dropdown|mandatory|class=WfFormDropdown WfFormDropdownAutoWidth WfFormTextCombine|show on select=Youtube=>dokit-video-youtube;Vimeo=>dokit-video-vimeo;Dailymotion=>dokit-video-dailymotion;Mp4=>dokit-video-mp4}}}</div><br />
<div class="dokit-video-url" id="dokit-video-youtube"><br />
{{{field|VideoURLYoutube|mandatory|placeholder={{int:dokit-video-youtube-placeholder}}|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-vimeo"><br />
{{{field|VideoURLVimeo|mandatory|placeholder={{int:dokit-video-vimeo-placeholder}}|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-dailymotion"><br />
{{{field|VideoURLDailymotion|placeholder={{int:dokit-video-dailymotion-placeholder}}|mandatory|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-mp4"><br />
{{{field|mp4video|uploadable|size=25|class=form-picture}}}<br />
</div><br />
{{{end template}}}<br />
</div><br />
{{{for template|Materials}}}<br />
<div class="Input-tabs"><br />
{{#tag:tabber|<br />
Outils et matériel=<div class="file-subtitle"><span>{{int:dokit-item-tabs-subtitle}}</span><span class="custom-tooltip">{{#info:{{int:dokit-item-tabs-subtitle-tooltip|[[Form:Item|{{int:dokit-item-tabs-subtitle-tooltip-link}}]]}}}}</span></div><br />
<div class="prerequisites-selection">{{{field|ItemList|holds template}}}</div><br />
{{!}}-{{!}}<br />
Expériences pré-requises =<h4>Listez ici les expériences pré-requises :</h4><div class="prerequisites-selection">{{{field|Prerequisites|holds template}}}</div><br />
{{!}}-{{!}}<br />
{{int:wf-formtutorial-file-tabs-title}}=<div class="row"><br />
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form"><br />
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option1}}</div><br />
<div class="add-attachments add-attachments-upload simplePMG">{{{field|Tuto_Attachments|holds template}}}</div></div><br />
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form"><br />
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option2}}</div><br />
<div class="add-attachments">{{{field|ExternalAttachmentsLinks|holds template}}}</div><br />
</div><br />
}}<br />
</div><br />
{{{end template}}}<br />
{{{for template|ItemList|multiple|maximum instances=100|add button text=Ajouter un outil ou un matériel|embed in field=Materials[ItemList]}}}{{{field|Item|input type=combobox|existing values only|placeholder={{int:dokit-item-tabs-placeholder}}|values from namespace=Item}}}{{{end template}}}<br />
{{{for template|Prerequisites|multiple|maximum instances=20|add button text=Ajouter une expérience pré-requise|embed in field=Materials[Prerequisites]}}}{{{field|Prerequisites|input type=combobox|existing values only|placeholder=Recherchez et ajoutez une expérience pré-requise|values from category=Tutorials}}}{{{end template}}}<br />
{{{for template|ExternalAttachmentsLinks|multiple|maximum instances=10|add button text={{int:wf-formtutorial-file-tabs-btnlink}}|embed in field=Materials[ExternalAttachmentsLinks]}}}{{{field|ExternalAttachmentsLinks|input type=text|class=WfFormText}}}{{{end template}}}<br />
{{{for template|Tuto_Attachments|multiple|maximum instances=30|add button text={{int:wf-formtutorial-file-tabs-btnfile}}|embed in field=Materials[Tuto_Attachments]}}}{{{field|Attachment|class=WfFormText|default=|uploadable}}}{{{end template}}}<br />
<div class="bg-halfsquare-separator-2"></div><br />
{{{for template|Separator}}}<br>{{{end template}}}<br />
<h2>{{int:wf-formtutorial-steps}}</h2><br />
<div class="multipleTemplate-tutostep">{{{for template|Tuto Step|multiple|minimum instances=1|maximum instances=400|add button text={{int:wf-formtutorial-step-btnaddstep}} }}}<br />
<div class="WfFormTutoStep"><br />
<div class="col-sm-6 col-xs-12 col-sm-push-6 WfFormTutoStepInstructions"><br />
<div class="step-title-numeroted">{{{field|Step_Title|input type=text|translatable|class=form-text form-step-title|placeholder={{int:wf-formtutorial-step-title-placeholder}}|size=50}}}</div><br />
<div>{{{field|Step_Content|input type=textarea|translatable|rows=16|class=form-textarea}}}</div><br />
</div><br />
<div class="col-sm-6 col-xs-12 col-sm-pull-6"><br />
<div class="col-pic-step msuploadContainer"><br />
{{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_00_annotation|input type=editableImage|target=Step_Picture_00}}}<br />
{{{field|Step_Picture_01|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_01_annotation|input type=editableImage|target=Step_Picture_01}}}<br />
{{{field|Step_Picture_02|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_02_annotation|input type=editableImage|target=Step_Picture_02}}}<br />
{{{field|Step_Picture_03|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_03_annotation|input type=editableImage|target=Step_Picture_03}}}<br />
{{{field|Step_Picture_04|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_04_annotation|input type=editableImage|target=Step_Picture_04}}}<br />
{{{field|Step_Picture_05|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}<br />
</div><br />
</div><br />
</div><br />
{{{end template}}}</div><br />
<div class="notes-ref"><br />
{{{for template|Notes}}}<br />
<div class="bg-halfsquare-separator-3"></div><br />
<h2>Comment ça marche ?</h2><br />
<h3>Observations : que voit-on ?</h3><br />
{{{field|Observations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Mise en garde : qu'est-ce qui pourrait faire rater l'expérience ?</h3><br />
{{{field|Avertissement|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Explications</h3><br />
{{{field|Explanations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Plus d'explications</h3><br />
{{{field|Deepen|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Application : dans la vie de tous les jours</h3><br />
{{{field|Applications|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Vous aimerez aussi</h3><br />
{{{field|Related|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<div class="bg-halfsquare-separator-3"></div><br />
<h2>Éléments pédagogiques</h2><br />
<h3>Objectifs pédagogiques <span class="custom-tooltip">{{#info:Listez ce à quoi peut servir cette expérience : comprendre tel phénomène, tel concepts, etc... }}</span></h3><br />
{{{field|Objectives|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
<h3>Pistes pour animer l'expérience <span class="custom-tooltip">{{#info:Idée d'animation, de mise en scène.}}</span></h3><br />
{{{field|Animation|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
<h3>Sources et ressources <span class="custom-tooltip">{{#info:Lien vers des sites web ressources : wikipédia, CNRS, Wikipédia,... éventuellement une bibliographie (ex les bouquins petits débrouillards).}}</span></h3><br />
{{{field|Notes|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
{{{end template}}}<br />
</div><br />
<hr class="WfEndForm"><br />
<div class="saving-menu"><br />
<span class="status-checkbox">{{int:wf-completetooltip-label}} : {{{for template|Tuto_Status}}}{{{field|Complete|default=Draft|mandatory|input type=dropdown|class=WfFormDropdownLight|mapping using translate=wf-propertyvalue-complete-}}}{{{end template}}}</span><span class="custom-tooltip-light">{{#info:<p>'''{{int:wf-propertyvalue-complete-Published}} :''' {{int:wf-completetooltip-published-description}}</p><p>'''{{int:wf-propertyvalue-complete-Draft}} :''' {{int:wf-completetooltip-draft-description}}</p>}}</span><span class="display-none">{{{standard input|watch}}} {{{standard input|saveDraft}}}</span>{{{standard input|cancel}}}{{{standard input|save}}}<span id="loaderSave"><i class="fa fa-spinner fa-pulse fa-2x fa-fw "></i></span><br />
</div><br />
</includeonly><br />
<br />
<div class="modal fade wfform" id="ModalCreativeCommons" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><br />
<div class="modal-dialog"><br />
<div class="modal-content"><br />
<div class="modal-header"><br />
<span class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></span><h4 class="modal-title">{{int:wf-formtutorial-popuplicense-title}}</h4><br />
</div><br />
<div class="modal-body"><br />
<div class="row"><br />
<div class="col-md-12 col-sm-12 col-xs-12"><br />
[[File:CC-BY.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence1-title}} <span class="label label-success">{{int:wf-formtutorial-popuplicense-licence-recommended}}</span></span><br />
<p>{{int:wf-formtutorial-popuplicense-licence1-description}}</p><br />
<p>[http://creativecommons.org/licenses/by/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p><br />
<br><br />
[[File:CC-BY-SA.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence2-title}}</span><br />
<p>{{int:wf-formtutorial-popuplicense-licence2-description}}</p><br />
<p>[http://creativecommons.org/licenses/by-sa/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by-sa/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p><br />
<hr><br />
<p>{{int:wf-formtutorial-popuplicense-question}} [http://feedback.wikifab.org/t/under-which-open-license-can-i-publish-my-tutorial-on-wikifab/30 {{int:wf-formtutorial-popuplicense-question-link}}].</p><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div></div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Dokit:PropertiesList&diff=3424Dokit:PropertiesList2019-10-15T10:42:41Z<p>Clément : </p>
<hr />
<div>{{PropertiesList<br />
|PropertyTitleEN=Disciplines scientifiques<br />
|PropertyTitleFR=Disciplines scientifiques<br />
|PropertyType=checkboxes<br />
|PropertyIcon=fa-tag<br />
|PropertyValues01EN=Acoustique<br />
|PropertyValues01FR=Acoustique<br />
|PropertyValues02EN=Arduino<br />
|PropertyValues02FR=Arduino<br />
|PropertyValues03EN=Astronomie<br />
|PropertyValues03FR=Astronomie<br />
|PropertyValues04EN=Chimie<br />
|PropertyValues04FR=Chimie<br />
|PropertyValues05EN=Informatique<br />
|PropertyValues05FR=Informatique<br />
|PropertyValues06EN=Science de la terre<br />
|PropertyValues06FR=Science de la terre<br />
|PropertyValues07EN=Electricité<br />
|PropertyValues07FR=Electricité<br />
|PropertyValues08EN=Science de la vie<br />
|PropertyValues08FR=Science de la vie<br />
|PropertyValues09EN=Mathématique<br />
|PropertyValues09FR=Mathématique<br />
|PropertyValues10EN=Science de la matière<br />
|PropertyValues10FR=Science de la matière<br />
|PropertyValues11EN=Mécanique<br />
|PropertyValues11FR=Mécanique<br />
|PropertyValues12EN=Optique<br />
|PropertyValues12FR=Optique<br />
|PropertyValues13EN=Physique<br />
|PropertyValues13FR=Physique<br />
|PropertyValues14EN=Sciences sociales<br />
|PropertyValues14FR=Sciences sociales<br />
|PropertyMandatory=yes<br />
|PropertyFilter=yes<br />
|PropertyPlace=Tutorials<br />
}}<br />
{{PropertyOptions<br />
|PropertyDifficulty=yes<br />
|PropertyDuration=yes<br />
}}</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Mod%C3%A8le:Tuto_Details&diff=3423Modèle:Tuto Details2019-10-15T10:40:03Z<p>Clément : </p>
<hr />
<div>__NOTOC__ __NOEDITSECTION__<br />
<div class="print-description print-only">[[Description::{{{Description|}}}]]</div><br />
<p class="tuto-details-autor-revision noprint hideInTranslatedPage">{{int:wf-author-title}} {{#displayAuthorDiv:toto}} | [{{fullurl:{{PAGENAME}}|action=history}} {{int:wf-last-edit-on}}] {{REVISIONDAY:{{PAGENAME}}}}/{{REVISIONMONTH:{{PAGENAME}}}}/{{REVISIONYEAR:{{PAGENAME}}}} {{int:wf-last-edit-by}} [[user:{{REVISIONUSER:{{PAGENAME}}}}|{{REVISIONUSER:{{PAGENAME}}}}]]</p><br />
<div class="row firstPage"><br />
<div class="col-md-5 col-sm-5 col-xs-12 fullWidthPrint"><br />
<div class="tuto-main-image noprint">{{#if:{{{Main_Picture|}}}|{{#annotatedImage:[[File:{{{Main_Picture}}}|frameless|border]]|{{{Main_Picture_annotation}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}<br />
</div><br />
<div class="tuto-details-box print-only"><br />
<div class="tuto-items-container"><br />
{{#if:{{{Difficulty|}}}|<div class="tuto-items-details-container"><br />
<div class="tuto-items-details-container-left"><i class="fa fa-tachometer" aria-hidden="true"></i> {{int:wf-formtutorial-difficulty-field-title}}</div><br />
<div class="tuto-items-details-container-right"><span class="propertyKey" style="display:none">[[Difficulty::{{{Difficulty|}}}]]</span> {{int:wf-propertyvalue-difficulty-{{{Difficulty|}}}|}}</div><br />
</div>|}}<br />
{{#if:{{{Duration|}}}|<div class="tuto-items-details-container"><br />
<div class="tuto-items-details-container-left"><i class="fa fa-clock-o" aria-hidden="true"></i> {{int:wf-formtutorial-duration-field-title}}</div><br />
<div class="tuto-items-details-container-right">[[Duration::{{{Duration|}}}]] <span class="propertyKey" style="display:none">[[Duration-type::{{{Duration-type|}}}]]</span> {{int:wf-propertyvalue-durationtype-{{{Duration-type|}}}|}}</div><br />
</div>|}}<br />
<!-- START ADMIN PRINT PROPERTY LIST --><!--END ADMIN PRINT PROPERTY LIST --><br />
</div><br />
</div><br />
</div><br />
<div class="col-md-7 col-sm-7 col-xs-12 fullWidthPrint no-print-book"><br />
<div class="tuto-details-box"><br />
<div class="tuto-details-about-title noprint">[[Description::{{{Description|}}}]]</div><br />
<div class="tuto-items-container">{{#if:{{{Difficulty|}}}|<div class="tuto-items-details-container noprint"><br />
<div class="tuto-items-details-container-left"><i class="fa fa-tachometer" aria-hidden="true"></i> {{int:wf-formtutorial-difficulty-field-title}}</div> <div class="tuto-items-details-container-right"><span class="propertyKey" style="display:none">[[Difficulty::{{{Difficulty|}}}]]</span> {{int:wf-propertyvalue-difficulty-{{{Difficulty|}}}|}}</div> </div>|}}{{#if:{{{Duration|}}}|<div class="tuto-items-details-container noprint"> <div class="tuto-items-details-container-left"><i class="fa fa-clock-o" aria-hidden="true"></i> {{int:wf-formtutorial-duration-field-title}}</div> <div class="tuto-items-details-container-right">[[Duration::{{{Duration|}}}]] <span class="propertyKey" style="display:none">[[Duration-type::{{{Duration-type|}}}]]</span> {{int:wf-propertyvalue-durationtype-{{{Duration-type|}}}|}}</div></div>|}}<br />
<!-- START ADMIN WEB PROPERTY LIST --><!--END ADMIN WEB PROPERTY LIST --><br />
<div class="tuto-items-languages noprint"><languages /></div><br />
<div class="tuto-items-details-container printTOC"><div class="tuto-items-details-container-left"><i class="fa fa-list-ol" aria-hidden="true"></i></div>__TOC__</div><br />
</div><br />
<div class="licence-detail noprint"><i class="fa fa-creative-commons"></i><span class="licence-detail-title">{{int:wf-formtutorial-license-field-title}} :</span> [[Licences::{{{Licences|}}}]]</div><br />
</div><br />
</div><br />
</div><br />
<span class="propertyKey" style="display:none">{{#arraymap:{{{Tags|}}}|,|x|[[Tags::x]]}}</span><br />
<span class="propertyKey" style="display:none">[[Main_Picture::{{{Main_Picture|}}}]]</span><br />
<span class="propertyKey" style="display:none"><!-- Language attributes are moved to an other template, but thoses should stay to still makes works old pages -->[[Language::{{{Language|}}}]]</span> <br />
<span class="propertyKey" style="display:none">[[SourceLanguage::{{{SourceLanguage|}}}]]</span> <br />
<span class="propertyKey" style="display:none">[[IsTranslation::{{{IsTranslation|}}}]]</span><br />
<span class="noprint">{{#arraymap:{{{Categories|}}}|,|x|[[Category:x]]|&#32;}}</span><br />
{{#stepNumber: step| init}}<br />
{{#seo:<br />
|keywords={{{Tags|}}}<br />
|description={{{Description|}}}<br />
}}</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Mod%C3%A8le:Tuto_Details&diff=3422Modèle:Tuto Details2019-10-15T10:37:43Z<p>Clément : </p>
<hr />
<div>__NOTOC__ __NOEDITSECTION__<br />
<div class="print-description print-only">[[Description::{{{Description|}}}]]</div><br />
<p class="tuto-details-autor-revision noprint hideInTranslatedPage">{{int:wf-author-title}} {{#displayAuthorDiv:toto}} | [{{fullurl:{{PAGENAME}}|action=history}} {{int:wf-last-edit-on}}] {{REVISIONDAY:{{PAGENAME}}}}/{{REVISIONMONTH:{{PAGENAME}}}}/{{REVISIONYEAR:{{PAGENAME}}}} {{int:wf-last-edit-by}} [[user:{{REVISIONUSER:{{PAGENAME}}}}|{{REVISIONUSER:{{PAGENAME}}}}]]</p><br />
<div class="row firstPage"><br />
<div class="col-md-5 col-sm-5 col-xs-12 fullWidthPrint"><br />
<div class="tuto-main-image noprint">{{#if:{{{Main_Picture|}}}|{{#annotatedImage:[[File:{{{Main_Picture}}}|frameless|border]]|{{{Main_Picture_annotation}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}<br />
</div><br />
<div class="tuto-details-box print-only"><br />
<div class="tuto-items-container"><br />
{{#if:{{{Difficulty|}}}|<div class="tuto-items-details-container"><br />
<div class="tuto-items-details-container-left"><i class="fa fa-tachometer" aria-hidden="true"></i> {{int:wf-formtutorial-difficulty-field-title}}</div><br />
<div class="tuto-items-details-container-right"><span class="propertyKey" style="display:none">[[Difficulty::{{{Difficulty|}}}]]</span> {{int:wf-propertyvalue-difficulty-{{{Difficulty|}}}|}}</div><br />
</div>|}}<br />
{{#if:{{{Duration|}}}|<div class="tuto-items-details-container"><br />
<div class="tuto-items-details-container-left"><i class="fa fa-clock-o" aria-hidden="true"></i> {{int:wf-formtutorial-duration-field-title}}</div><br />
<div class="tuto-items-details-container-right">[[Duration::{{{Duration|}}}]] <span class="propertyKey" style="display:none">[[Duration-type::{{{Duration-type|}}}]]</span> {{int:wf-propertyvalue-durationtype-{{{Duration-type|}}}|}}</div><br />
</div>|}}<br />
<!-- START ADMIN PRINT PROPERTY LIST --><!--END ADMIN PRINT PROPERTY LIST --><br />
</div><br />
</div><br />
</div><br />
<div class="col-md-7 col-sm-7 col-xs-12 fullWidthPrint no-print-book"><br />
<div class="tuto-details-box"><br />
<div class="tuto-details-about-title noprint">[[Description::{{{Description|}}}]]</div><br />
<div class="tuto-items-container">{{#if:{{{Difficulty|}}}|<div class="tuto-items-details-container noprint"><br />
<div class="tuto-items-details-container-left"><i class="fa fa-tachometer" aria-hidden="true"></i> {{int:wf-formtutorial-difficulty-field-title}}</div> <div class="tuto-items-details-container-right"><span class="propertyKey" style="display:none">[[Difficulty::{{{Difficulty|}}}]]</span> {{int:wf-propertyvalue-difficulty-{{{Difficulty|}}}|}}</div> </div>|}}{{#if:{{{Duration|}}}|<div class="tuto-items-details-container noprint"> <div class="tuto-items-details-container-left"><i class="fa fa-clock-o" aria-hidden="true"></i> {{int:wf-formtutorial-duration-field-title}}</div> <div class="tuto-items-details-container-right">[[Duration::{{{Duration|}}}]] <span class="propertyKey" style="display:none">[[Duration-type::{{{Duration-type|}}}]]</span> {{int:wf-propertyvalue-durationtype-{{{Duration-type|}}}|}}</div></div>|}}<br />
<!-- START ADMIN WEB PROPERTY LIST --><!--END ADMIN WEB PROPERTY LIST --><br />
<div class="tuto-items-languages noprint"><languages /></div><br />
<div class="tuto-items-details-container printTOC"><div class="tuto-items-details-container-left"><i class="fa fa-list-ol" aria-hidden="true"></i></div>__TOC__</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
<span class="propertyKey" style="display:none">{{#arraymap:{{{Tags|}}}|,|x|[[Tags::x]]}}</span><br />
<span class="propertyKey" style="display:none">[[Main_Picture::{{{Main_Picture|}}}]]</span><br />
<span class="propertyKey" style="display:none"><!-- Language attributes are moved to an other template, but thoses should stay to still makes works old pages -->[[Language::{{{Language|}}}]]</span> <br />
<span class="propertyKey" style="display:none">[[SourceLanguage::{{{SourceLanguage|}}}]]</span> <br />
<span class="propertyKey" style="display:none">[[IsTranslation::{{{IsTranslation|}}}]]</span><br />
<span class="noprint">{{#arraymap:{{{Categories|}}}|,|x|[[Category:x]]|&#32;}}</span><br />
{{#stepNumber: step| init}}<br />
{{#seo:<br />
|keywords={{{Tags|}}}<br />
|description={{{Description|}}}<br />
}}</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Mission_ludion,_l%27amener_au_fond_de_la_bouteille&diff=3383Mission ludion, l'amener au fond de la bouteille2019-09-30T08:57:34Z<p>Clément : </p>
<hr />
<div>{{Tuto Details<br />
|Main_Picture=Mission_ludion,_l'amener_au_fond_de_la_bouteille_IMG_20181217_181221.jpg<br />
|Licences=Attribution (CC-BY)<br />
|Description=Nous allons voir comment fabriquer ce défi ludique et plongeant qu'est le Ludion !<br />
|Area=Physics<br />
|Difficulty=Easy<br />
|Duration=30<br />
|Duration-type=minute(s)<br />
|Tags=poussée d'Archimède, flotabilité<br />
}}<br />
{{Introduction<br />
|Introduction=Comment faire descendre au fond de la bouteille, ce petit dispositif flottant ?<br />
<br />
Avant de jouer avec, nous allons le fabriquer !<br />
}}<br />
{{TutoVideo<br />
|VideoType=Youtube<br />
|VideoURLYoutube=https://www.youtube.com/watch?v=H0HYJdY80G0<br />
}}<br />
{{Materials<br />
|ItemList={{ItemList<br />
|Item=Bouteille plastique<br />
}}{{ItemList<br />
|Item=Ciseaux<br />
}}{{ItemList<br />
|Item=Trombone<br />
}}{{ItemList<br />
|Item=Ruban adhésif<br />
}}{{ItemList<br />
|Item=Paille<br />
}}{{ItemList<br />
|Item=Bocal<br />
}}{{ItemList<br />
|Item=Eau<br />
}}<br />
}}<br />
{{Separator}}<br />
{{Tuto Step<br />
|Step_Title=Réunissez le matériel<br />
|Step_Picture_00=Mission_ludion,_l'amener_au_fond_de_la_bouteille_IMG_20181217_180716.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Coupez la paille, repliez-là, scotchez-là<br />
|Step_Content=Coupez la paille de telle manière qu'elle se plie en deux parfaitement puis scotchez-la.<br />
|Step_Picture_00=Mission_ludion,_l'amener_au_fond_de_la_bouteille_IMG_20181217_180807.jpg<br />
|Step_Picture_01=Mission_ludion,_l'amener_au_fond_de_la_bouteille_IMG_20181217_180840.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Enfilez 3 trombones dans la paille<br />
|Step_Content=Enfilez un trombone dans chaque paille et le troisième dans les deux premiers.<br />
|Step_Picture_00=Mission_ludion,_l'amener_au_fond_de_la_bouteille_IMG_20181217_180857.jpg<br />
|Step_Picture_01=Mission_ludion,_l'amener_au_fond_de_la_bouteille_IMG_20181217_180915.jpg<br />
|Step_Picture_02=Mission_ludion,_l'amener_au_fond_de_la_bouteille_IMG_20181217_180932.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Réglez le Ludion<br />
|Step_Content=Plongez le Ludion dans l'eau et chassez un peu d'air en appuyant sur la paille (des bulles s'échappent)<br />
<br />
Il faut que le Ludion flotte à peine.<br />
|Step_Picture_00=Mission_ludion,_l'amener_au_fond_de_la_bouteille_IMG_20181217_180941.jpg<br />
|Step_Picture_01=Mission_ludion,_l'amener_au_fond_de_la_bouteille_IMG_20181217_181024.jpg<br />
|Step_Picture_01_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":800,"height":868,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.75,"scaleY":0.75,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"http://wikidebrouillard.dokit.io/w/images/thumb/9/9a/Mission_ludion%2C_l%27amener_au_fond_de_la_bouteille_IMG_20181217_181024.jpg/800px-Mission_ludion%2C_l%27amener_au_fond_de_la_bouteille_IMG_20181217_181024.jpg","filters":[]},{"type":"textbox","version":"2.4.6","originX":"center","originY":"center","left":386.46,"top":228,"width":240.09,"height":48.82,"fill":"black","stroke":"black","strokeWidth":1,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"text":"On appuye, des bulles d'air sortent de la paille","fontSize":20,"fontWeight":"normal","fontFamily":"sans-serif","fontStyle":"","lineHeight":1.16,"underline":false,"overline":false,"linethrough":false,"textAlign":"left","textBackgroundColor":"","charSpacing":0,"minWidth":20,"styles":{"0":{"9":{},"10":{},"11":{},"12":{},"13":{},"14":{},"15":{},"16":{},"17":{},"18":{},"19":{},"20":{},"21":{},"22":{},"23":{},"24":{},"25":{},"26":{},"27":{},"28":{},"29":{},"30":{},"31":{},"32":{},"33":{},"34":{},"35":{},"36":{},"37":{},"38":{},"39":{},"40":{},"41":{},"42":{},"43":{},"44":{},"45":{},"46":{},"47":{} } } },{"type":"wfarrow","version":"2.4.6","originX":"center","originY":"center","left":361,"top":288,"width":10,"height":90,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":3,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":1,"scaleY":1,"angle":41.68,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"points":[{"x":10,"y":10},{"x":10,"y":100},{"x":5,"y":90},{"x":10,"y":100},{"x":15,"y":90}]}],"height":651,"width":600}<br />
|Step_Picture_02=Mission_ludion,_l'amener_au_fond_de_la_bouteille_IMG_20181217_181041.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Mettez le Ludion dans la bouteille pleine d'eau<br />
|Step_Content=Remplissez la bouteille à ras bord puis déposez délicatement le Ludion dans la bouteille (en veillant à ce que l'eau qui est entrée dans la paille y reste).<br />
<br />
Refermez la bouteille... C'est prêt !<br />
<br />
Appuyez sur la bouteille et le Ludion descend, relâchez et il remonte !<br />
<br />
S'il est difficile de le faire couler, recommencez l'étape précédente en chassant plus d'air pour qu'il soit juste à la limite de la flottabilité.<br />
|Step_Picture_00=Mission_ludion,_l'amener_au_fond_de_la_bouteille_IMG_20181217_181059.jpg<br />
|Step_Picture_01=Mission_ludion,_l'amener_au_fond_de_la_bouteille_IMG_20181217_181106.jpg<br />
|Step_Picture_02=Mission_ludion,_l'amener_au_fond_de_la_bouteille_IMG_20181217_181152.jpg<br />
|Step_Picture_03=Mission_ludion,_l'amener_au_fond_de_la_bouteille_IMG_20181217_181221.jpg<br />
}}<br />
{{Notes<br />
|Observations=Lorsque l'on appuit sur la bouteille, le ludion descend. Plus la force exercée par les mains est importante, plus le Ludion descend. Il est possible de le stabiliser au milieu de la colonne d'eau en ajustant la force exercée.<br />
|Avertissement=La flottabilité du Ludion est le paramètre principal.<br />
<br />
S'il y a trop d'air dans la paille (ou si les trombones s'avèrent trop légers), il sera difficile, voire impossible, de faire couler le Ludion. <br />
<br />
S'il reste de l'air dans la bouteille (parceque vous ne l'avez pas remplie à ras bord par exemple) il sera aussi plus difficile de faire descendre le Ludion.<br />
|Explanations=C'est l'air contenu dans la paille qui permet au Ludion de flotter. <br />
<br />
Lorsque l’on appuie sur les parois de la bouteille, l’eau monte à l’intérieur du Ludion. L'air prend alors moins de place et le Ludion est entrainé vers le bas par le poids des trombones.<br />
|Deepen=Ce qui fait que les choses flottent c'est la poussée d'Archimède. C'est ainsi qu'on nomme la force qui nous fait flotter dans l'eau. Cette poussée d'Archimède, c'est la poussée de l'eau sur l'objet qui est dans l'eau. elle égale au poids du volume d'eau déplacé par l'objet.<br />
|Applications=C'est un phénomène bien connu des plongeurs. En effet, plus le plongeur descend (donc plus la pression qui s'exerce sur lui augmente), plus il doit insuffler une quantité d'air importante dans sa bouée pour se stabiliser.<br />
<br />
Par exemple, à 30m de profondeur la pression est de 4 bars (il y a une pression de seulement 1 bar à la surface). Le plongeur doit alors mettre 4 fois plus d'air dans sa bouée et ce pour un volume constant : à la surface comme au fond, la bouée du plongeur ne peut pas contenir plus de 40L d'air en moyenne. À 30 mètres de profondeur, on met l'équivalent de 40x4 litres d'air soit 160 litres d'air.<br />
|Animation=On peut par exemple proposer différentes mise en scène :<br />
* Défi : Proposer un Ludion tout fait et lance le défi de faire le descendre le Ludion au fond de la bouteille<br />
* Spectaculaire : faire comme si il y avait un fil invisible sous le Ludion, faire semblant de tirer dessus en appuyant discrètement et le Ludion suivra le mouvement de votre main qui tire sur le fil invisible. Demander aux participants de tirer le fil invisible ou de trouver la solution.<br />
* Spectaculaire : faire un détecteur de vrai ou faux trucs (vraie bague ou fausse montres,...) et dire quand le Ludion descend que ça détecte un "vrai" ou "faux". Puis lancer la discussion pour découvrir le vrai mécanisme du Ludion.<br />
* Scientifique : demander au groupe de refaire le Ludion.<br />
|Notes=* [http://www.cnrtl.fr/definition/ludion Le CNRTL propose une définition de Ludion]<br />
* [https://fr.wikipedia.org/wiki/Ludion_(physique) Le Ludion sur Wikipédia]<br />
}}<br />
{{Tuto Status<br />
|Complete=Published<br />
}}</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Dr%C3%B4le_d%27air_dans_mes_poumons&diff=3382Drôle d'air dans mes poumons2019-09-30T08:56:53Z<p>Clément : </p>
<hr />
<div>{{Tuto Details<br />
|Main_Picture=Drôle_d'air_dans_mes_poumons_poumon1.png<br />
|Licences=Attribution (CC-BY)<br />
|Description=Impact des poussières sur nos poumons<br />
|Area=Life Sciences<br />
|Difficulty=Easy<br />
|Duration=10<br />
|Duration-type=minute(s)<br />
|Tags=Poumon, Respiration, Pollution, Santé<br />
}}<br />
{{Introduction<br />
|Introduction=Que se passe-t-il sur nos poumons lorsque l’on inspire des poussières dans l’air, même microscopiques, tout au long d’une vie ? ou que l'on fume ?<br />
}}<br />
{{Materials<br />
|ItemList={{ItemList<br />
|Item=Eau<br />
}}{{ItemList<br />
|Item=Cuillère<br />
}}{{ItemList<br />
|Item=Farine<br />
}}<br />
|Prerequisites={{Prerequisites<br />
|Prerequisites=Poumon en bocal<br />
}}{{Prerequisites}}<br />
}}<br />
{{Separator}}<br />
{{Tuto Step<br />
|Step_Content=Reprendre le dispositif de l'expérience "[[Poumon en bocal]]"<br />
<br />
Tirer la membrane. '''Jusqu’où le ballon se gonfle-t-il ?'''<br />
|Step_Picture_00=Drôle_d'air_dans_mes_poumons_poumon.png<br />
|Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":234,"height":588,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":2.56,"scaleY":2.56,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"http://wikidebrouillard.dokit.io/w/images/a/a2/Dr%C3%B4le_d%27air_dans_mes_poumons_poumon.png","filters":[]}],"height":1508,"width":600}<br />
}}<br />
{{Tuto Step<br />
|Step_Content=Verser une cuillère d’eau dans le ballon et secouer pour humidifier sa paroi.<br />
|Step_Picture_00=Drôle_d'air_dans_mes_poumons_Poumon-eau2.png<br />
}}<br />
{{Tuto Step<br />
|Step_Content=Verser ensuite une demi-cuillère de farine dans le ballon et secouer. Tirer la membrane à nouveau. <br />
<br />
'''Jusqu’où le ballon se gonfle-t-il ?'''<br />
<br />
Rajouter encore de la farine, secouer, puis tirer une nouvelle fois la membrane.<br />
<br />
'''Que remarque-t-on ?'''<br />
|Step_Picture_00=Drôle_d'air_dans_mes_poumons_poumon-farine2.png<br />
}}<br />
{{Notes<br />
|Observations=On observe que plus on ajoute de la farine dans le ballon moins celui-ci se gonfle.<br />
|Explanations=Plus le ballon contient de farine, moins il se gonfle. Cela est dû au fait que la farine occupe du volume dans le ballon, mais également au durcissement de la paroi du ballon, rigidifiée par le mélange d’eau et de farine : moins élastique, la paroi se gonfle plus difficilement.<br />
<br />
Pendant le séjour de l’air dans les poumons, une partie de l’oxygène (O 2 ) qu’il contient passe dans le sang, tandis que le dioxyde de carbone (CO 2 ) que le sang a récupéré en circulant dans le corps passe dans les poumons. Mais les poumons reçoivent également toutes les petites poussières et gaz présents dans l’air que l’on respire.<br />
<br />
Lorsque ces intrus arrivent dans les poumons, ils sont évacués de deux façons différentes :<br />
* soit par la toux ou l'éternuement qui fait sortir l’air beaucoup plus fort, entraînant ainsi ce qu’il transporte ;<br />
* soit par la sécrétion par la membrane des poumons d’une grande quantité de mucus qui enveloppe les poussières et les entraîne vers la gorge, provoquant une toux ou une déglutition emportant les poussières dans le système digestif.<br />
Comme la farine et l’eau dans l’expérience, des poussières atteignant en grande quantité les alvéoles pulmonaires peuvent se mêler au mucus, durcissant ainsi les parois des poumons. Ces dernières se gonflent et se dégonflent alors plus difficilement, pouvant provoquer des difficultés respiratoires.<br />
|Deepen=Les poussières microscopiques présentes dans l’air sous forme solide, liquide ou gazeuse (substances chimiques, micro-organismes, pollens, gaz...) sont en général rejetées par l’organisme. Mais certaines d’entre elles arrivent parfois à pénétrer dans les poumons ou à l’intérieur du corps, ce qui peut avoir des conséquences sur la santé.<br />
<br />
Ainsi certaines maladies moins fréquentes il y a quelques décennies (allergie, asthme...) se sont développées avec l’accroissement des pollutions (industrielles, agricoles, domestiques) liées aux produits de synthèse qui nous entourent (pesticides, produits d’entretien, colles, plastiques...), ces derniers contenant des matières parfois dangereuses pour l’environnement et la santé. <br />
<br />
Une courte exposition à fortes doses à un ou plusieurs polluants peut entraîner des irritations, des nausées, des intoxications... Une exposition longue durée à faible dose à certaines substances peut quant à elle entraîner des allergies ou des maladies respiratoires (asthme...), voire dans les cas les plus sévères des troubles neurologiques, hormonaux (problèmes de fertilité, d'obésité) ou des risques de cancers.<br />
<br />
L’influence du tabac : la fumée de cigarette est constituée multitudes de microparticules qui entraînent un dysfonctionnement de l’ensemble respiratoire au fil des années. Les substances nocives et irritantes qu’elle contient diminuent la ventilation, les broches s’obstruent, le tissu pulmonaire perd de son élasticité et diverses pathologies apparaissent : bronchites, infections, asthme, insuffisance respiratoire, voire un cancer.<br />
|Objectives=Découvrir une des conséquences de la pollution de l'air : la baisse de la capacité respiratoire.<br />
|Notes=Malle "Transition écologique" - Parcours "Assainir son habitation" : <br />
* RESPIR. Environnement : système de défense de l’appareil respiratoire. http://www.respir.com/doc/abonne/base/EnvironnementDefenses.asp <br />
* CHU de Rouen. Anatomie et physionomie du système respiratoire. http://www3.chu-rouen.fr/Internet/test/ventiweb/patients/guide/anatomie/ <br />
* Observatoire de la qualité de l'air intérieur. Expositions et effets sanitaires. http://www.oqai.fr/ObsAirInt.aspx?idarchitecture=182<br />
* Afsset. Asthme, allergies et maladies respiratoires. http://www.afsset.fr/upload/bibliotheque/301829192144697173518532259520/09_asthme_allergies.pdf<br />
* Inserm. Les allergies. http://www.inserm.fr/thematiques/immunologie-hematologie-pneumologie/dossiers-d-information/allergies<br />
* Cité des sciences / Inserm. L’assistance médicale à la procréation : film "Quand la fertilité décroche". http://www.inserm.fr/thematiques/biologie-cellulaire-developpement-et-evolution/dossiers-d-information/l-assistance-medicale-a-la-procreation<br />
}}<br />
{{Tuto Status<br />
|Complete=Published<br />
}}</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Formulaire:Tutorial&diff=3381Formulaire:Tutorial2019-09-30T08:55:41Z<p>Clément : </p>
<hr />
<div>__NOTOC__<noinclude><br />
<div class="tutorial-page"><br />
<div class="container"><br />
<div class="new-tutorial-page"><br />
{{#ifanon:<div class="alert alert-warning" role="alert"><br />
{{int:wf-formtutorial-alert|[[Special:UserLogin/signup|{{int:wf-formtutorial-alert-createaccount}}]]|[[Special:UserLogin|{{int:wf-formtutorial-alert-login}}]]}}<br />
</div><br />
</div><br />
</div><br />
</div>|<br />
<h1>{{int:wf-formtutorial-main-title}}</h1><br />
{{#forminput:form=Tutorial|button text={{int:wf-formtutorial-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|}}<br />
<p data-toggle="modal" data-target="#ModalNom"><span class="glyphicon glyphicon-info-sign"></span> {{int:wf-formtutorial-main-subtitle}}</p><br />
</div><br />
</div><br />
</div><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Get_started|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-thumbs-up icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-getstart-title}}</span><br />
<span>{{int:wf-contribute-getstart-subtitle1}}</span><br />
</span>]]<br />
</div><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Taking_pictures|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-camera icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-takingpictures-title}}</span><br />
<span>{{int:wf-contribute-takingpictures-subtitle1}}</span><br />
</span>]]<br />
</div><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Help|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-book icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-help-title}}</span><br />
<span>{{int:wf-contribute-help-subtitle1}}</span><br />
</span>]]<br />
</div><br />
</div><br />
</div><br />
}}<br />
</noinclude><includeonly><br />
<div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div><br />
{{{for template|Tuto Details}}}<br />
<div class="row"><br />
<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-main-picture-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-main-picture-tooltip}}}}</span></div><br />
<div class="msuploadContainer msuploadContainerTall"><br />
{{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}}<br />
{{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}}<br />
</div><br />
<div class="Licences-group" id="accordion" role="tablist" aria-multiselectable="true"><br />
<div class="Licences"><br />
<div class="Licences-heading" role="tab" id="headingOne"><br />
<p class="Licences-title" data-toggle="collapse" data-target="#Licences">{{int:wf-formtutorial-edit-license-field}}</p><br />
</div><br />
<div id="Licences" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"><br />
<div class="Licences-body"><br />
{{{field|Licences|input type=dropdown|class=WfFormDropdown|mandatory|default=Attribution (CC-BY)}}}<br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
<div class="col-md-8 col-sm-8 col-xs-12"><br />
<div class="row"><br />
<div class="col-md-12"><br />
<div class="WfFormLabel">{{int:wf-formtutorial-description-field-title}}</div><div>{{{field|Description|input type=textarea|mandatory|translatable|rows=2|maxlength=4000|class=WfFormTextarea|placeholder={{int:wf-formtutorial-description-field-placeholder}}|}}}</div><br />
<p class="WfFormLabel">{{int:wf-property-scientificfields}}</p><br />
{{{field|Area|mandatory|input type=checkboxes|class=WfFormCheckbox|hide select all|mapping using translate=wf-propertyvalue-area-}}}<br />
</div><br />
</div><br />
<div class="row"><br />
<div class="col-md-6 col-xs-12"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-difficulty-field-title}}</span><span class="custom-tooltip">{{#info:<p>'''Facile :''' Accessible à tous. Un enfant de 8 ans peut, sans difficulté, réaliser l'expérience.</p><p>'''Technique :''' Accessible à tous. Un adulte peut, sans difficulté, réaliser l'expérience.</p><p>'''Expert :''' Seul un adulte averti peut réaliser l'expérience.</p>}}</span></div><br />
{{{field|Difficulty|input type=dropdown|mandatory|class=WfFormDropdown|mapping using translate=wf-propertyvalue-difficulty-}}} <br />
</div><br />
<div class="col-md-6 col-xs-12"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-duration-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-duration-popup}}|}}</span></div><br />
{{{field|Duration|mandatory|class=WfFormText WfFormTextCombine}}} {{{field|Duration-type|mandatory|input type=dropdown|class=WfFormDropdown WfFormDropdownCombine|mapping using translate=wf-propertyvalue-durationtype-}}} <br />
</div><br />
</div><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-tags-field-title}}</span><span class="custom-tooltip">{{#info:Entrez 4 à 5 mots clés pour décrire votre expérience. Ces mots clés peuvent être des thèmes ou des concepts scientifiques (séparez chaque mot clé par une virgule).|}}</span></div><br />
<div class="WfFormTokensParent">{{{field|Tags|placeholder={{int:wf-formtutorial-tag-field-tooltip}}|class=WfFormTokens|input type=tokens|size=}}}</div><br />
</div><br />
</div><br />
{{{end template}}}<br />
<div class="hrContentMinor-2"></div><br />
{{{for template|Introduction}}}<br />
<div class="edit-step-title">{{int:wf-formtutorial-introduction-field-title}} <span>{{int:wf-formtutorial-introduction-field-info}}</span></div><br />
{{{field|Introduction|input type=textarea|translatable|rows=5|maxlength=10000|class=form-textarea}}}<br />
{{{end template}}}<br />
<div class="multipleTemplateHideButton hide-mobile-view"><br />
{{{for template|TutoVideo|multiple|minimum=0|maximum instances=1|add button text={{int:wf-tuto-video-btnlink}} }}}<br />
<div class="dokit-video-radio">{{{field|VideoType|input type=dropdown|mandatory|class=WfFormDropdown WfFormDropdownAutoWidth WfFormTextCombine|show on select=Youtube=>dokit-video-youtube;Vimeo=>dokit-video-vimeo;Dailymotion=>dokit-video-dailymotion;Mp4=>dokit-video-mp4}}}</div><br />
<div class="dokit-video-url" id="dokit-video-youtube"><br />
{{{field|VideoURLYoutube|mandatory|placeholder={{int:dokit-video-youtube-placeholder}}|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-vimeo"><br />
{{{field|VideoURLVimeo|mandatory|placeholder={{int:dokit-video-vimeo-placeholder}}|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-dailymotion"><br />
{{{field|VideoURLDailymotion|placeholder={{int:dokit-video-dailymotion-placeholder}}|mandatory|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-mp4"><br />
{{{field|mp4video|uploadable|size=25|class=form-picture}}}<br />
</div><br />
{{{end template}}}<br />
</div><br />
{{{for template|Materials}}}<br />
<div class="Input-tabs"><br />
{{#tag:tabber|<br />
Outils et matériel=<div class="file-subtitle"><span>{{int:dokit-item-tabs-subtitle}}</span><span class="custom-tooltip">{{#info:{{int:dokit-item-tabs-subtitle-tooltip|[[Form:Item|{{int:dokit-item-tabs-subtitle-tooltip-link}}]]}}}}</span></div><br />
<div class="prerequisites-selection">{{{field|ItemList|holds template}}}</div><br />
{{!}}-{{!}}<br />
Expériences pré-requises =<h4>Listez ici les expériences pré-requises :</h4><div class="prerequisites-selection">{{{field|Prerequisites|holds template}}}</div><br />
{{!}}-{{!}}<br />
{{int:wf-formtutorial-file-tabs-title}}=<div class="row"><br />
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form"><br />
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option1}}</div><br />
<div class="add-attachments add-attachments-upload">{{{field|Tuto_Attachments|holds template}}}</div></div><br />
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form"><br />
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option2}}</div><br />
<div class="add-attachments">{{{field|ExternalAttachmentsLinks|holds template}}}</div><br />
</div><br />
}}<br />
</div><br />
{{{end template}}}<br />
{{{for template|ItemList|multiple|maximum instances=100|add button text=Ajouter un outil ou un matériel|embed in field=Materials[ItemList]}}}{{{field|Item|input type=combobox|existing values only|placeholder={{int:dokit-item-tabs-placeholder}}|values from namespace=Item}}}{{{end template}}}<br />
{{{for template|Prerequisites|multiple|maximum instances=20|add button text=Ajouter une expérience pré-requise|embed in field=Materials[Prerequisites]}}}{{{field|Prerequisites|input type=combobox|existing values only|placeholder=Recherchez et ajoutez une expérience pré-requise|values from category=Tutorials}}}{{{end template}}}<br />
{{{for template|ExternalAttachmentsLinks|multiple|maximum instances=10|add button text={{int:wf-formtutorial-file-tabs-btnlink}}|embed in field=Materials[ExternalAttachmentsLinks]}}}{{{field|ExternalAttachmentsLinks|input type=text|class=WfFormText}}}{{{end template}}}<br />
{{{for template|Tuto_Attachments|multiple|maximum instances=30|add button text={{int:wf-formtutorial-file-tabs-btnfile}}|embed in field=Materials[Tuto_Attachments]}}}{{{field|Attachment|class=WfFormText|default=|uploadable}}}{{{end template}}}<br />
<div class="bg-halfsquare-separator-2"></div><br />
{{{for template|Separator}}}<br>{{{end template}}}<br />
<h2>{{int:wf-formtutorial-steps}}</h2><br />
<div class="multipleTemplate-tutostep">{{{for template|Tuto Step|multiple|minimum instances=1|maximum instances=400|add button text={{int:wf-formtutorial-step-btnaddstep}} }}}<br />
<div class="WfFormTutoStep"><br />
<div class="col-sm-6 col-xs-12 col-sm-push-6 WfFormTutoStepInstructions"><br />
<div class="step-title-numeroted">{{{field|Step_Title|input type=text|translatable|class=form-text form-step-title|placeholder={{int:wf-formtutorial-step-title-placeholder}}|size=50}}}</div><br />
<div>{{{field|Step_Content|input type=textarea|translatable|rows=16|class=form-textarea}}}</div><br />
</div><br />
<div class="col-sm-6 col-xs-12 col-sm-pull-6"><br />
<div class="col-pic-step msuploadContainer"><br />
{{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_00_annotation|input type=editableImage|target=Step_Picture_00}}}<br />
{{{field|Step_Picture_01|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_01_annotation|input type=editableImage|target=Step_Picture_01}}}<br />
{{{field|Step_Picture_02|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_02_annotation|input type=editableImage|target=Step_Picture_02}}}<br />
{{{field|Step_Picture_03|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_03_annotation|input type=editableImage|target=Step_Picture_03}}}<br />
{{{field|Step_Picture_04|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_04_annotation|input type=editableImage|target=Step_Picture_04}}}<br />
{{{field|Step_Picture_05|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}<br />
</div><br />
</div><br />
</div><br />
{{{end template}}}</div><br />
<div class="notes-ref"><br />
{{{for template|Notes}}}<br />
<div class="bg-halfsquare-separator-3"></div><br />
<h2>Comment ça marche ?</h2><br />
<h3>Observations : que voit-on ?</h3><br />
{{{field|Observations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Mise en garde : qu'est-ce qui pourrait faire rater l'expérience ?</h3><br />
{{{field|Avertissement|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Explications</h3><br />
{{{field|Explanations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Plus d'explications</h3><br />
{{{field|Deepen|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Application : dans la vie de tous les jours</h3><br />
{{{field|Applications|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Vous aimerez aussi</h3><br />
{{{field|Related|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<div class="bg-halfsquare-separator-3"></div><br />
<h2>Éléments pédagogiques</h2><br />
<h3>Objectifs pédagogiques <span class="custom-tooltip">{{#info:Listez ce à quoi peut servir cette expérience : comprendre tel phénomène, tel concepts, etc... }}</span></h3><br />
{{{field|Objectives|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
<h3>Pistes pour animer l'expérience <span class="custom-tooltip">{{#info:Idée d'animation, de mise en scène.}}</span></h3><br />
{{{field|Animation|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
<h3>Sources et ressources <span class="custom-tooltip">{{#info:Lien vers des sites web ressources : wikipédia, CNRS, Wikipédia,... éventuellement une bibliographie (ex les bouquins petits débrouillards).}}</span></h3><br />
{{{field|Notes|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
{{{end template}}}<br />
</div><br />
<hr class="WfEndForm"><br />
<div class="saving-menu"><br />
<span class="status-checkbox">{{int:wf-completetooltip-label}} : {{{for template|Tuto_Status}}}{{{field|Complete|default=Draft|mandatory|input type=dropdown|class=WfFormDropdownLight|mapping using translate=wf-propertyvalue-complete-}}}{{{end template}}}</span><span class="custom-tooltip-light">{{#info:<p>'''{{int:wf-propertyvalue-complete-Published}} :''' {{int:wf-completetooltip-published-description}}</p><p>'''{{int:wf-propertyvalue-complete-Draft}} :''' {{int:wf-completetooltip-draft-description}}</p>}}</span><span class="display-none">{{{standard input|watch}}} {{{standard input|saveDraft}}}</span>{{{standard input|cancel}}}{{{standard input|save}}}<span id="loaderSave"><i class="fa fa-spinner fa-pulse fa-2x fa-fw "></i></span><br />
</div><br />
</includeonly><br />
<br />
<div class="modal fade wfform" id="ModalCreativeCommons" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><br />
<div class="modal-dialog"><br />
<div class="modal-content"><br />
<div class="modal-header"><br />
<span class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></span><h4 class="modal-title">{{int:wf-formtutorial-popuplicense-title}}</h4><br />
</div><br />
<div class="modal-body"><br />
<div class="row"><br />
<div class="col-md-12 col-sm-12 col-xs-12"><br />
[[File:CC-BY.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence1-title}} <span class="label label-success">{{int:wf-formtutorial-popuplicense-licence-recommended}}</span></span><br />
<p>{{int:wf-formtutorial-popuplicense-licence1-description}}</p><br />
<p>[http://creativecommons.org/licenses/by/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p><br />
<br><br />
[[File:CC-BY-SA.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence2-title}}</span><br />
<p>{{int:wf-formtutorial-popuplicense-licence2-description}}</p><br />
<p>[http://creativecommons.org/licenses/by-sa/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by-sa/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p><br />
<hr><br />
<p>{{int:wf-formtutorial-popuplicense-question}} [http://feedback.wikifab.org/t/under-which-open-license-can-i-publish-my-tutorial-on-wikifab/30 {{int:wf-formtutorial-popuplicense-question-link}}].</p><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div></div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Sonnerie_anti-jeune&diff=3380Sonnerie anti-jeune2019-09-30T08:55:02Z<p>Clément : </p>
<hr />
<div>{{Tuto Details<br />
|Main_Picture=Sonnerie_anti-jeune_Rui_do_Noise_041113GFDL.JPG<br />
|Licences=Attribution (CC-BY)<br />
|Description=Scandale acoustique dans les Côtes d'Armor au début de l'année 2008 ! Quelqu'un a installé un boîtier qui émet une sonnerie anti-jeune ! De quoi s'agit-il ?<br />
|Area=Acoustics, Physics<br />
|Difficulty=Easy<br />
|Duration=15<br />
|Duration-type=minute(s)<br />
|Tags=son, fréquence, audition, mp3<br />
}}<br />
{{Introduction<br />
|Introduction=Il parait même que certains ont détourné l'usage de cette sonnerie pour en faire une sonnerie de téléphone portable inaudible pour les adultes !<br />
}}<br />
{{Materials<br />
|ItemList={{ItemList<br />
|Item=Audacity<br />
}}<br />
}}<br />
{{Separator}}<br />
{{Tuto Step<br />
|Step_Title=Installez Audacity sur votre ordinateur<br />
|Step_Picture_00=Sonnerie_anti-jeune_Audacity-logo-r_50pct.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Ouvrez un nouveau projet dans Audacity<br />
|Step_Content=Cliquez sur "Générer" puis sur "son"<br />
|Step_Picture_00=Sonnerie_anti-jeune_Audacitygenerer.jpg<br />
|Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":800,"height":500,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.75,"scaleY":0.75,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"http://wikidebrouillard.dokit.io/w/images/thumb/1/12/Sonnerie_anti-jeune_Audacitygenerer.jpg/800px-Sonnerie_anti-jeune_Audacitygenerer.jpg","filters":[]},{"type":"wfcircle","version":"2.4.6","originX":"center","originY":"center","left":189.18,"top":30.62,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":10.34,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.29,"scaleY":0.12,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586}],"height":375,"width":600}<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Réglez la fréquence sur 17 000Hz<br />
|Step_Picture_00=Sonnerie_anti-jeune_Audacity17000.jpg<br />
|Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":800,"height":500,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.75,"scaleY":0.75,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"http://wikidebrouillard.dokit.io/w/images/thumb/5/5d/Sonnerie_anti-jeune_Audacity17000.jpg/800px-Sonnerie_anti-jeune_Audacity17000.jpg","filters":[]},{"type":"wfarrow","version":"2.4.6","originX":"center","originY":"center","left":353.05,"top":97.67,"width":10,"height":90,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":1.91,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":2.14,"scaleY":1,"angle":70.64,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"points":[{"x":10,"y":10},{"x":10,"y":100},{"x":5,"y":90},{"x":10,"y":100},{"x":15,"y":90}]}],"height":375,"width":600}<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Cliquez sur la touche "lecture" (flèche verte)<br />
|Step_Picture_00=Sonnerie_anti-jeune_Audacity17000c.jpg<br />
|Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":800,"height":500,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.75,"scaleY":0.75,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"http://wikidebrouillard.dokit.io/w/images/thumb/8/88/Sonnerie_anti-jeune_Audacity17000c.jpg/800px-Sonnerie_anti-jeune_Audacity17000c.jpg","filters":[]}],"height":375,"width":600}<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Testez avec ce son à 17 000 Hz<br />
|Step_Picture_00=Sonnerie_anti-jeune_Moustique17.mp3<br />
|Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":120,"height":120,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":5,"scaleY":5,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"http://wikidebrouillard.dokit.io/w/resources/assets/file-type-icons/fileicon.png","filters":[]}],"height":600,"width":600}<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Testez avec celui-ci à 16 000 Hz<br />
|Step_Picture_00=Sonnerie_anti-jeune_Moustique16.mp3<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Ou encore avec celui-là à 15 000 Hz<br />
|Step_Picture_00=Sonnerie_anti-jeune_Moustique15.mp3<br />
}}<br />
{{Notes<br />
|Observations=Ces sons ne sont pas audibles par tous le monde !<br />
<br />
Plus les personnes sont agées (ou avec les oreilles abimées) plus elles n'entendent que des fréquence basses.<br />
|Avertissement=Il faut que les haut-parleurs que vous utilisez soient capable de restituer ces fréquences.<br />
|Explanations=L'oreille humaine peut entendre des sons dans la gamme de fréquence 20 Hz à 20 000 Hz (la voix humaine va de 100 à 8000 Hz). Mais avec l'âge ou à cause d'accidents sonores (écoute prolongée de baladeur trop fort, endormi trop près des enceintes, métier à risque sonore sans protection auditive), l'acuité auditive diminue. On entend alors moins les basses, moins les aigus !!<br />
*En général, les jeunes entendent très bien.<br />
*Vers 40 ans, on n'entend plus qu'entre 20 Hz et 15 000 Hz.<br />
*Vers 50 ans, c'est entre 20 Hz et 12 000 Hz.<br />
===='''Questions sans réponses'''====<br />
Le '''MP3''' est un système de compression de la musique qui supprime certaines fréquences. Quelles sont les fréquences que conserve le MP3 ? Est-ce que ça varie d'un MP3 à l'autre ? Les enceintes de mon ordinateur restituent-elles toutes les fréquences ?<br />
|Deepen='''Teen Buzz, mosquito Buzz, mosquito ringtone.... tout ça c'est la même chose :''' Il s’agit d’un son à 17 000 Hertz, une haute fréquence que seuls les adolescents peuvent entendre ! Il a été conçu par un ingénieur anglais qui a eu une curieuse expérience étant petit, en allant voir son père dans l'entreprise où il travaillait. En effet, en entrant dans la fabrique, il a entendu un bruit terrible qui lui perçait les oreilles alors que les adultes, qui travaillaient là, n'entendaient rien ! Cette entreprise fixait les goulots de bouteilles en plastique avec des ultrasons. Plus tard, lorsque sa fille a eu des ennuis avec une bande d'andouilles, il s'est souvenu de cette expérience et a réalisé un boîtier à ultrasons anti-jeunes.C'est une entreprise anglaise qui a commercialisé ce dispositif, il y a déjà quelques années.<br />
<br />
Revers de la médaille, certains adolescents astucieux se sont saisis de cette fréquence pour en faire une sonnerie de téléphone portable inaudible par les adultes (parents et profs).<br />
<br />
Évidemment, c'est généraliser un peu rapidement : en fait, certains jeunes ont les oreilles abîmées et n'entendent rien, tandis que certains adultes ont conservé leurs oreilles d'enfant et entendent très bien ce son !<br />
|Notes=Voir [http://fr.wikipedia.org/wiki/Audition L'audition sur Wikipédia]<br />
}}<br />
{{Tuto Status<br />
|Complete=Published<br />
}}</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Scan_3D_Party_-_Num%C3%A9riser_le_patrimoine_de_sa_ville&diff=3379Scan 3D Party - Numériser le patrimoine de sa ville2019-09-30T08:54:03Z<p>Clément : </p>
<hr />
<div>{{Tuto Details<br />
|Main_Picture=Scan_3D_Party_-_Numériser_le_patrimoine_de_sa_ville_canva2s.png<br />
|Main_Picture_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":600,"height":487,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"http://wikidebrouillard.dokit.io/w/images/c/c6/Scan_3D_Party_-_Num%C3%A9riser_le_patrimoine_de_sa_ville_canva2s.png","filters":[]}],"height":487,"width":600}<br />
|Licences=Attribution (CC-BY)<br />
|Description=Partir seul ou en groupe numériser les statues et monuments célèbres, méconnus ou insolites de sa ville ou son village ! Dans ce tutoriel, apprenez à maitriser un scanner 3D, le logiciel de numérisation Skanect, à retoucher et mettre en ligne vos modèles 3D pour les partager, ou encore les reproduire à l'aide d'une imprimante 3D...<br />
|Area=Computing<br />
|Difficulty=Easy<br />
|Duration=2<br />
|Duration-type=hour(s)<br />
|Tags=scanner 3D, skanect, tinkercad, thingiverse, patrimoine, droit d'auteur<br />
}}<br />
{{Introduction}}<br />
{{Materials<br />
|ItemList={{ItemList<br />
|Item=Imprimante 3D<br />
}}{{ItemList}}<br />
|Prerequisites={{Prerequisites}}<br />
}}<br />
{{Separator}}<br />
{{Tuto Step<br />
|Step_Title=Trouver un scanner 3D pour moins de 20€<br />
|Step_Content=La caméra Kinect est une caméra de reconnaissance de mouvements utilisée il y a maintenant quelques années avec la console de jeux vidéo Xbox 360. Avec un succès mitigé, la Kinect 360 trouva une seconde vie grâce aux makers et bidouilleurs.ieuses ayant détourné son l'utilisation initiale et utiliser ses propriétés de caméra infrarouge dans de tous nouveaux projets. La Kinect 360 est maintenant utilisée dans de nombreuses installations artistiques, numériques, scientifiques... et peux même être très facilement utilisable comme un scanner 3D. La caméra, suite à son échec, est très facilement trouvable en occasion sur internet et dans les boutique de reventes entre 10 ou 20€. Elle rivalise presque avec les scanner 3D d'entrée de gamme de plusieurs centaines d'euro (!).<br />
|Step_Picture_00=Scan_3D_Party_-_Numériser_le_patrimoine_de_sa_ville_DSC07201_1.JPG<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Installer le logiciel Skanect<br />
|Step_Content=Pour numériser des objets ou personnes et créer des modèles 3D, nous utiliserons le logiciel [https://skanect.occipital.com/ Skanect]. Il est téléchargeable gratuitement mais vous serez limités dans le nombre de polygones de votre sauvegarde (ce qui peut aussi donner un effet [https://www.thingiverse.com/search?q=lowpoly&dwh=355c50ba7d99680 lowpoly] intéressant...). Il peut être intéressant financièrement d'acheter une licence à plusieurs, celle ci-étant partageable par de simples identifiants. Vous devrez aussi installer au préalable le logiciel gratuit" [http://download.microsoft.com/download/E/1/D/E1DEC243-0389-4A23-87BF-F47DE869FC1A/KinectSDK-v1.8-Setup.exe Kinect for Windows SDK]" permettant à votre ordinateur de détecter la caméra.<br />
|Step_Picture_00=Scan_3D_Party_-_Numériser_le_patrimoine_de_sa_ville_Capture2.PNG<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Scanner un objet et exporter le modèle 3D<br />
|Step_Content=Plus que des mots, une vidéo de la Youtubeuse Heliox vous permettra de vous familiariser avec le logiciel et son fonctionnement : [https://www.youtube.com/watch?v=h1uQq51JCtY "Je me scanne et je m'imprime en 3D avec la Kinect"]<br />
<br />
Le format standard répandu d'export pour le partage sur internet ou l'impression 3D est le format STL. Le format STL ne sauvegarde pas les informations de textures (couleurs, ombres...) vous n'aurez que les informations de volume. Si vous souhaitez visualiser les textures, le format OBJ est recommandé.<br />
|Step_Picture_00=Scan_3D_Party_-_Numériser_le_patrimoine_de_sa_ville_Capture.PNG<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Guide pratique du scanneur/scanneuse en extérieur<br />
|Step_Content=Pour organiser une Scan Party et partir numériser son patrimoine : <br />
<br />
- Installer Skanect sur un ordinateur portable.<br />
<br />
- Pour rendre le dispositif itinérant, les deux solutions que nous avons trouvé : Se balader avec des rallonges de plusieurs dizaines de mètres et compter sur la gentillesse des commerçants et habitants pour le partage d'une prise électrique (pour l'ordinateur portable et la Kinect). ou Monter l'alimentation de la Kinect sur batterie comme [https://hobbyking.com/fr_fr/graphene-1300mah-4s-65c-w-xt60.html celle ci] ou [https://www.amazon.com/Turnigy-Graphene-1300mAh-Lipo-Pack/dp/B01HEMIEJA celle là]. <br />
<br />
- Le soleil et sa lumière directe perturbent la caméra, il est préférable de faire un repérage préalable et de choisir une heure favorable dans laquelle les points d'intérêts seront à l'ombre ou en intérieur. <br />
<br />
- Profitez de la sortie pour poser des questions aux habitants sur les points d'intérêt observés. Pourquoi de pas faire un détour au service des archives pour obtenir de plus amples informations. <br />
<br />
- Avec votre accoutrement à la SOS Fantôme, de nombreuses personnes viendrons vous demander ce que vous fabriquez ! Prévoyez un support de communication pour expliquer et parler de votre projet avec le lien pour retrouver votre galerie en ligne de modèles partagés. <br />
<br />
- mets tes baskets !<br />
|Step_Picture_00=Scan_3D_Party_-_Numériser_le_patrimoine_de_sa_ville_DSC07008.JPG<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Partage en ligne des modèles 3D<br />
|Step_Content=Il existe plusieurs plateformes de partage en ligne de modèles 3D. Un des plus connus est [https://www.thingiverse.com/thing:2130898 Thingiverse.] Vous pourrez y créer un compte et une galerie gratuitement.<br />
|Step_Picture_00=Scan_3D_Party_-_Numériser_le_patrimoine_de_sa_ville_Screenshot_2019-01-03_le_froid_by_DclicLab.png<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Ais-je le droit de tout scanner et partager ?<br />
|Step_Content=Aie ! c'est la question qui fâche ! Ais-je le droit de scanner à tout vas ?! Une statue, une fontaine comme un monument ou une façade remarquable ont été réalisés par un.e artiste, architecte, ingénieur.e... au même titre qu'il est réglementé voir interdit dans certaines conditions de reproduire et partager une œuvre musicale, un film, un livre. Est-ce aussi le cas pour le patrimoine bâtie et les statues de ma ville ? <br />
<br />
Il faut se renseigner si l’œuvre, ou le monument, fait parti du domaine public. Normalement, une œuvre est intégrée dans le domaine public si l'auteur.e est mort depuis plus de 70 ans (source : [https://fr.wikipedia.org/wiki/Aide:FAQ/propri%C3%A9t%C3%A9_intellectuelle Wikipédia]). Il y a parfois des exceptions à la règle, le mieux est de se renseigner auprès des archives, associations ou service patrimoine de la ville ou commune concernée, avant de publier le modèle sur internet.<br />
|Step_Picture_00=Scan_3D_Party_-_Numériser_le_patrimoine_de_sa_ville_rubber-stamp-badge-copyright-mis-differentes-couleurs_1017-5626.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Impression 3D<br />
|Step_Content=L'impression 3D offre la possibilité de reproduire le patrimoine de sa ville en miniature et de démultiplier les lieux d'exposition. En imprimant plusieurs de ces œuvres il est possible de constituer un petit cabinet de curiosité du patrimoine condensé de sa commune !<br />
<br />
Le saviez-vous ? Des entreprises et makers utilisent aujourd’hui des drones pour scanner des monuments en zone de conflits risquant d'être détruits à jamais et offrant une possibilité de garder une trace de ce patrimoine parfois exceptionnel...<br />
|Step_Picture_00=Scan_3D_Party_-_Numériser_le_patrimoine_de_sa_ville_IMG_20180710_132900.jpg<br />
}}<br />
{{Notes}}<br />
{{Tuto Status<br />
|Complete=Published<br />
}}</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Convertir_une_image_en_format_xbm&diff=3378Convertir une image en format xbm2019-09-30T08:48:51Z<p>Clément : </p>
<hr />
<div>{{Tuto Details<br />
|Main_Picture=Convertir_une_image_en_format_xbm_exportXbmTexte.png<br />
|Licences=Attribution (CC-BY)<br />
|Description=Ce format est utilisé pour afficher des images sur des écrans OLED ou utiliser des imprimantes Thermiques avec Arduino<br />
|Area=Arduino<br />
|Difficulty=Technical<br />
|Duration=30<br />
|Duration-type=minute(s)<br />
|Tags=convertir<br />
}}<br />
{{Introduction}}<br />
{{Materials<br />
|ItemList={{ItemList<br />
|Item=The Gimp<br />
}}<br />
}}<br />
{{Separator}}<br />
{{Tuto Step<br />
|Step_Title=Ouvrez le logiciel The Gimp, chargez l'image et détourez la forme<br />
|Step_Content=Ici, le fond est blanc,le détourage se fait avec l'outil de sélection par couleur. <br />
<br />
Je copie le fond blanc.<br />
|Step_Picture_00=Convertir_une_image_en_format_xbm_ExportXbmLogo.png<br />
|Step_Picture_01=Convertir_une_image_en_format_xbm_exportXbmSelectionCouleur.png<br />
|Step_Picture_01_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":800,"height":545,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.75,"scaleY":0.75,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"http://wikidebrouillard.dokit.io/w/images/thumb/6/66/Convertir_une_image_en_format_xbm_exportXbmSelectionCouleur.png/800px-Convertir_une_image_en_format_xbm_exportXbmSelectionCouleur.png","filters":[]},{"type":"wfcircle","version":"2.4.6","originX":"center","originY":"center","left":97.67,"top":50.67,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":15,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.2,"scaleY":0.2,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586},{"type":"wfcircle","version":"2.4.6","originX":"center","originY":"center","left":135.6,"top":256.6,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":12.5,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.24,"scaleY":0.24,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586}],"height":409,"width":600}<br />
|Step_Picture_02=Convertir_une_image_en_format_xbm_exportXbmCopierCouleur.png<br />
}}<br />
{{Tuto Step<br />
|Step_Title=J'insère un nouveau calque sur le quel je colle le détourage<br />
|Step_Content=Pour insérer un calque je cliques sur "Calque" -> "nouveau calque".<br />
<br />
je colle le détourage sur le nouveau calque.<br />
|Step_Picture_00=Convertir_une_image_en_format_xbm_exportXbmNouveauCalqueTransparent.png<br />
|Step_Picture_01=Convertir_une_image_en_format_xbm_exportXbmColler.png<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Remplir le détourage de noir<br />
|Step_Content=Et je supprime le premier calque pour finir.<br />
|Step_Picture_00=Convertir_une_image_en_format_xbm_exportXbmPotDePeintureNoire.png<br />
|Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":800,"height":545,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.75,"scaleY":0.75,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"http://wikidebrouillard.dokit.io/w/images/thumb/2/23/Convertir_une_image_en_format_xbm_exportXbmPotDePeintureNoire.png/800px-Convertir_une_image_en_format_xbm_exportXbmPotDePeintureNoire.png","filters":[]},{"type":"wfcircle","version":"2.4.6","originX":"center","originY":"center","left":36.04,"top":93.04,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":15.79,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.19,"scaleY":0.19,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586},{"type":"wfcircle","version":"2.4.6","originX":"center","originY":"center","left":88.91,"top":132.91,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":13.04,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.23,"scaleY":0.23,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586},{"type":"wfarrow","version":"2.4.6","originX":"center","originY":"center","left":313.74,"top":130.24,"width":10,"height":90,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":5.78,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.52,"scaleY":0.52,"angle":85.23,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"points":[{"x":10,"y":10},{"x":10,"y":100},{"x":5,"y":90},{"x":10,"y":100},{"x":15,"y":90}]},{"type":"wfarrow","version":"2.4.6","originX":"center","originY":"center","left":325,"top":178,"width":10,"height":90,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":3,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":1,"scaleY":1,"angle":44.39,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"points":[{"x":10,"y":10},{"x":10,"y":100},{"x":5,"y":90},{"x":10,"y":100},{"x":15,"y":90}]},{"type":"wfarrow","version":"2.4.6","originX":"center","originY":"center","left":385.92,"top":177.78,"width":10,"height":90,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":5.62,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.53,"scaleY":0.53,"angle":350.46,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"points":[{"x":10,"y":10},{"x":10,"y":100},{"x":5,"y":90},{"x":10,"y":100},{"x":15,"y":90}]}],"height":409,"width":600}<br />
|Step_Picture_01=Convertir_une_image_en_format_xbm_exportXbmSupprimerCalque.png<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Changer le mode de l'image pour le mode couleur indexé<br />
|Step_Content=Choisir 2 couleurs<br />
|Step_Picture_00=Convertir_une_image_en_format_xbm_exportXbmModeCouleurIndexee.png<br />
|Step_Picture_01=Convertir_une_image_en_format_xbm_exportXbmPaletteNetB.png<br />
|Step_Picture_01_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":800,"height":722,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.75,"scaleY":0.75,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"http://wikidebrouillard.dokit.io/w/images/thumb/8/86/Convertir_une_image_en_format_xbm_exportXbmPaletteNetB.png/800px-Convertir_une_image_en_format_xbm_exportXbmPaletteNetB.png","filters":[]},{"type":"wfcircle","version":"2.4.6","originX":"center","originY":"center","left":251,"top":197.67,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":3,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":1,"scaleY":0.18,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586}],"height":541,"width":600}<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Ajustement de la taille<br />
|Step_Content=Cliquer sur "Edition" -> "Echelle et taille de l'image"<br />
<br />
Réduisez la résolution, et mettez la taille à la dimension voulue (ici l'écran oled faisant 64 pixel de haut, c'est 64 px qu'on choisis).<br />
<br />
Mettez à l'échelle et hop votre réduit. Agrandissez la visualisation en appuyant sur la touche "+".<br />
|Step_Picture_00=Convertir_une_image_en_format_xbm_exportXbmEchelleEtTaille.png<br />
|Step_Picture_01=Convertir_une_image_en_format_xbm_exportXbmEchelleEtTaille2.png<br />
|Step_Picture_02=Convertir_une_image_en_format_xbm_exportXbmEchelleEtTaille3.png<br />
|Step_Picture_03=Convertir_une_image_en_format_xbm_exportXbmEchelleEtTaille4.png<br />
|Step_Picture_04=Convertir_une_image_en_format_xbm_exportXbmEchelleZoom.png<br />
}}<br />
{{Tuto Step<br />
|Step_Title=retpouchez les pixels un à un<br />
|Step_Content=avec l'outil crayon, en réglant le diamètre à 1 pixel (C'est aussi de cette manière que vous pouvez faire des dessins libres).<br />
|Step_Picture_00=Convertir_une_image_en_format_xbm_exportXbmCoorectionPixels.png<br />
|Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":800,"height":545,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.75,"scaleY":0.75,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"http://wikidebrouillard.dokit.io/w/images/thumb/7/78/Convertir_une_image_en_format_xbm_exportXbmCoorectionPixels.png/800px-Convertir_une_image_en_format_xbm_exportXbmCoorectionPixels.png","filters":[]},{"type":"wfarrow","version":"2.4.6","originX":"center","originY":"center","left":430,"top":195,"width":10,"height":90,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":3,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":1,"scaleY":1,"angle":27.36,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"points":[{"x":10,"y":10},{"x":10,"y":100},{"x":5,"y":90},{"x":10,"y":100},{"x":15,"y":90}]},{"type":"wfcircle","version":"2.4.6","originX":"center","originY":"center","left":67.08,"top":96.08,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":25,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.12,"scaleY":0.12,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586},{"type":"wfcircle","version":"2.4.6","originX":"center","originY":"center","left":73.11,"top":213.01,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":5.26,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.57,"scaleY":0.12,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586}],"height":409,"width":600}<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Exportez en xbm<br />
|Step_Content=Cliquez sur "Fichier" -> "Exporter sous"<br />
<br />
Choisir le format d'export voulu : .xbm<br />
<br />
Vérifier le fichier exporter en l'ouvrant avec un éditeur de texte.<br />
<br />
Avec cette base, vous pouvez réaliser un [[Badge avec un écran Oled]] par exemple.<br />
|Step_Picture_00=Convertir_une_image_en_format_xbm_exportXbmExport.png<br />
|Step_Picture_01=Convertir_une_image_en_format_xbm_exportXbmFormaExport.png<br />
|Step_Picture_02=Convertir_une_image_en_format_xbm_exportXbmFormatExport.png<br />
|Step_Picture_03=Convertir_une_image_en_format_xbm_exportXbmTexte.png<br />
}}<br />
{{Notes}}<br />
{{Tuto Status<br />
|Complete=Published<br />
}}</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Formulaire:Tutorial&diff=3377Formulaire:Tutorial2019-09-30T08:47:01Z<p>Clément : </p>
<hr />
<div>__NOTOC__<noinclude><br />
<div class="tutorial-page"><br />
<div class="container"><br />
<div class="new-tutorial-page"><br />
{{#ifanon:<div class="alert alert-warning" role="alert"><br />
{{int:wf-formtutorial-alert|[[Special:UserLogin/signup|{{int:wf-formtutorial-alert-createaccount}}]]|[[Special:UserLogin|{{int:wf-formtutorial-alert-login}}]]}}<br />
</div><br />
</div><br />
</div><br />
</div>|<br />
<h1>{{int:wf-formtutorial-main-title}}</h1><br />
{{#forminput:form=Tutorial|button text={{int:wf-formtutorial-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|}}<br />
<p data-toggle="modal" data-target="#ModalNom"><span class="glyphicon glyphicon-info-sign"></span> {{int:wf-formtutorial-main-subtitle}}</p><br />
</div><br />
</div><br />
</div><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Get_started|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-thumbs-up icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-getstart-title}}</span><br />
<span>{{int:wf-contribute-getstart-subtitle1}}</span><br />
</span>]]<br />
</div><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Taking_pictures|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-camera icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-takingpictures-title}}</span><br />
<span>{{int:wf-contribute-takingpictures-subtitle1}}</span><br />
</span>]]<br />
</div><br />
<div class="col-md-4 col-sm-4 col-xs-12"><br />
[[Wikifab:Help|<span class="contribute-block"><br />
<span class="glyphicon glyphicon-book icon-contribute" aria-hidden="true"></span><br />
<span class="contribute-block-title">{{int:wf-contribute-help-title}}</span><br />
<span>{{int:wf-contribute-help-subtitle1}}</span><br />
</span>]]<br />
</div><br />
</div><br />
</div><br />
}}<br />
</noinclude><includeonly><br />
<div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div><br />
{{{for template|Tuto Details}}}<br />
<div class="row"><br />
<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-main-picture-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-main-picture-tooltip}}}}</span></div><br />
<div class="msuploadContainer msuploadContainerTall"><br />
{{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}}<br />
{{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}}<br />
</div><br />
<div class="Licences-group" id="accordion" role="tablist" aria-multiselectable="true"><br />
<div class="Licences"><br />
<div class="Licences-heading" role="tab" id="headingOne"><br />
<p class="Licences-title" data-toggle="collapse" data-target="#Licences">{{int:wf-formtutorial-edit-license-field}}</p><br />
</div><br />
<div id="Licences" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"><br />
<div class="Licences-body"><br />
{{{field|Licences|input type=dropdown|class=WfFormDropdown|mandatory|default=Attribution (CC-BY)}}}<br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
<div class="col-md-8 col-sm-8 col-xs-12"><br />
<div class="row"><br />
<div class="col-md-12"><br />
<div class="WfFormLabel">{{int:wf-formtutorial-description-field-title}}</div><div>{{{field|Description|input type=textarea|mandatory|translatable|rows=2|maxlength=4000|class=WfFormTextarea|placeholder={{int:wf-formtutorial-description-field-placeholder}}|}}}</div><br />
<p class="WfFormLabel">{{int:wf-property-scientificfields}}</p><br />
{{{field|Area|mandatory|input type=checkboxes|class=WfFormCheckbox|hide select all|mapping using translate=wf-propertyvalue-area-}}}<br />
</div><br />
</div><br />
<div class="row"><br />
<div class="col-md-6 col-xs-12"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-difficulty-field-title}}</span><span class="custom-tooltip">{{#info:<p>'''Facile :''' Accessible à tous. Un enfant de 8 ans peut, sans difficulté, réaliser l'expérience.</p><p>'''Technique :''' Accessible à tous. Un adulte peut, sans difficulté, réaliser l'expérience.</p><p>'''Expert :''' Seul un adulte averti peut réaliser l'expérience.</p>}}</span></div><br />
{{{field|Difficulty|input type=dropdown|mandatory|class=WfFormDropdown|mapping using translate=wf-propertyvalue-difficulty-}}} <br />
</div><br />
<div class="col-md-6 col-xs-12"><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-duration-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-duration-popup}}|}}</span></div><br />
{{{field|Duration|mandatory|class=WfFormText WfFormTextCombine}}} {{{field|Duration-type|mandatory|input type=dropdown|class=WfFormDropdown WfFormDropdownCombine|mapping using translate=wf-propertyvalue-durationtype-}}} <br />
</div><br />
</div><br />
<div class="WfFormLabel"><span>{{int:wf-formtutorial-tags-field-title}}</span><span class="custom-tooltip">{{#info:Entrez 4 à 5 mots clés pour décrire votre expérience. Ces mots clés peuvent être des thèmes ou des concepts scientifiques (séparez chaque mot clé par une virgule).|}}</span></div><br />
<div class="WfFormTokensParent">{{{field|Tags|placeholder={{int:wf-formtutorial-tag-field-tooltip}}|class=WfFormTokens|input type=tokens|size=}}}</div><br />
</div><br />
</div><br />
{{{end template}}}<br />
<div class="hrContentMinor-2"></div><br />
{{{for template|Introduction}}}<br />
<div class="edit-step-title">{{int:wf-formtutorial-introduction-field-title}} <span>{{int:wf-formtutorial-introduction-field-info}}</span></div><br />
{{{field|Introduction|input type=textarea|translatable|rows=5|maxlength=10000|class=form-textarea}}}<br />
{{{end template}}}<br />
<div class="multipleTemplateHideButton hide-mobile-view"><br />
{{{for template|TutoVideo|multiple|minimum=0|maximum instances=1|add button text={{int:wf-tuto-video-btnlink}} }}}<br />
<div class="dokit-video-radio">{{{field|VideoType|input type=dropdown|mandatory|class=WfFormDropdown WfFormDropdownAutoWidth WfFormTextCombine|show on select=Youtube=>dokit-video-youtube;Vimeo=>dokit-video-vimeo;Dailymotion=>dokit-video-dailymotion;Mp4=>dokit-video-mp4}}}</div><br />
<div class="dokit-video-url" id="dokit-video-youtube"><br />
{{{field|VideoURLYoutube|mandatory|placeholder={{int:dokit-video-youtube-placeholder}}|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-vimeo"><br />
{{{field|VideoURLVimeo|mandatory|placeholder={{int:dokit-video-vimeo-placeholder}}|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-dailymotion"><br />
{{{field|VideoURLDailymotion|placeholder={{int:dokit-video-dailymotion-placeholder}}|mandatory|class=dokit-video-url-field}}}<br />
</div><br />
<div class="dokit-video-url" id="dokit-video-mp4"><br />
{{{field|mp4video|uploadable|size=25|class=form-picture}}}<br />
</div><br />
{{{end template}}}<br />
</div><br />
{{{for template|Materials}}}<br />
<div class="Input-tabs"><br />
{{#tag:tabber|<br />
Outils et matériel=<div class="file-subtitle"><span>{{int:dokit-item-tabs-subtitle}}</span><span class="custom-tooltip">{{#info:{{int:dokit-item-tabs-subtitle-tooltip|[[Form:Item|{{int:dokit-item-tabs-subtitle-tooltip-link}}]]}}}}</span></div><br />
<div class="prerequisites-selection">{{{field|ItemList|holds template}}}</div><br />
{{!}}-{{!}}<br />
Expériences pré-requises =<h4>Listez ici les expériences pré-requises :</h4><div class="prerequisites-selection">{{{field|Prerequisites|holds template}}}</div><br />
{{!}}-{{!}}<br />
{{int:wf-formtutorial-file-tabs-title}}=<div class="row"><br />
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form"><br />
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option1}}</div><br />
<div class="add-attachments add-attachments-upload">{{{field|Tuto_Attachments|holds template}}}</div></div><br />
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form"><br />
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option2}}</div><br />
<div class="add-attachments">{{{field|ExternalAttachmentsLinks|holds template}}}</div><br />
</div><br />
}}<br />
</div><br />
{{{end template}}}<br />
{{{for template|ItemList|multiple|maximum instances=100|add button text=Ajouter un outil ou un matériel|embed in field=Materials[ItemList]}}}{{{field|Item|input type=combobox|existing values only|placeholder={{int:dokit-item-tabs-placeholder}}|values from namespace=Item}}}{{{end template}}}<br />
{{{for template|Prerequisites|multiple|maximum instances=20|add button text=Ajouter une expérience pré-requise|embed in field=Materials[Prerequisites]}}}{{{field|Prerequisites|input type=combobox|existing values only|placeholder=Recherchez et ajoutez une expérience pré-requise|values from category=Tutorials}}}{{{end template}}}<br />
{{{for template|ExternalAttachmentsLinks|multiple|maximum instances=10|add button text={{int:wf-formtutorial-file-tabs-btnlink}}|embed in field=Materials[ExternalAttachmentsLinks]}}}{{{field|ExternalAttachmentsLinks|input type=text|class=WfFormText}}}{{{end template}}}<br />
{{{for template|Tuto_Attachments|multiple|maximum instances=30|add button text={{int:wf-formtutorial-file-tabs-btnfile}}|embed in field=Materials[Tuto_Attachments]}}}{{{field|Attachment|class=WfFormText|default=|uploadable}}}{{{end template}}}<br />
<div class="bg-halfsquare-separator-2"></div><br />
{{{for template|Separator}}}<br>{{{end template}}}<br />
<h2>{{int:wf-formtutorial-steps}}</h2><br />
<div class="multipleTemplate-tutostep">{{{for template|Tuto Step|multiple|minimum instances=1|maximum instances=400|add button text={{int:wf-formtutorial-step-btnaddstep}} }}}<br />
<div class="WfFormTutoStep"><br />
<div class="col-sm-6 col-xs-12 col-sm-push-6 WfFormTutoStepInstructions"><br />
<div class="step-title-numeroted">{{{field|Step_Title|input type=text|translatable|class=form-text form-step-title|placeholder={{int:wf-formtutorial-step-title-placeholder}}|size=50}}}</div><br />
<div>{{{field|Step_Content|input type=textarea|translatable|rows=16|class=form-textarea}}}</div><br />
</div><br />
<div class="col-sm-6 col-xs-12 col-sm-pull-6"><br />
<div class="col-pic-step msuploadContainer"><br />
{{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_00_annotation|input type=editableImage|target=Step_Picture_00}}}<br />
{{{field|Step_Picture_01|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_01_annotation|input type=editableImage|target=Step_Picture_01}}}<br />
{{{field|Step_Picture_02|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_02_annotation|input type=editableImage|target=Step_Picture_02}}}<br />
{{{field|Step_Picture_03|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_03_annotation|input type=editableImage|target=Step_Picture_03}}}<br />
{{{field|Step_Picture_04|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_04_annotation|input type=editableImage|target=Step_Picture_04}}}<br />
{{{field|Step_Picture_05|size=32|class=form-picture|default=|uploadable|image preview}}}<br />
{{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}<br />
</div><br />
</div><br />
</div><br />
{{{end template}}}</div><br />
<div class="notes-ref"><br />
{{{for template|Notes}}}<br />
<div class="bg-halfsquare-separator-3"></div><br />
<h2>Comment ça marche ?</h2><br />
<h3>Observations : que voit-on ?</h3><br />
{{{field|Observations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Mise en garde : qu'est-ce qui pourrait faire rater l'expérience ?</h3><br />
{{{field|Avertissement|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Explications</h3><br />
{{{field|Explanations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Plus d'explications</h3><br />
{{{field|Deepen|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Application : dans la vie de tous les jours</h3><br />
{{{field|Applications|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<h3>Vous aimerez aussi</h3><br />
{{{field|Related|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}}<br />
<div class="bg-halfsquare-separator-3"></div><br />
<h2>Éléments pédagogiques</h2><br />
<h3>Objectifs pédagogiques <span class="custom-tooltip">{{#info:Listez ce à quoi peut servir cette expérience : comprendre tel phénomène, tel concepts, etc... }}</span></h3><br />
{{{field|Objectives|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
<h3>Pistes pour animer l'expérience <span class="custom-tooltip">{{#info:Idée d'animation, de mise en scène.}}</span></h3><br />
{{{field|Animation|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
<h3>Sources et ressources <span class="custom-tooltip">{{#info:Lien vers des sites web ressources : wikipédia, CNRS, Wikipédia,... éventuellement une bibliographie (ex les bouquins petits débrouillards).}}</span></h3><br />
{{{field|Notes|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}<br />
{{{end template}}}<br />
</div><br />
<hr class="WfEndForm"><br />
<div class="saving-menu"><br />
<span class="status-checkbox">{{int:wf-completetooltip-label}} : {{{for template|Tuto_Status}}}{{{field|Complete|default=Draft|mandatory|input type=dropdown|class=WfFormDropdownLight|mapping using translate=wf-propertyvalue-complete-}}}{{{end template}}}</span><span class="custom-tooltip-light">{{#info:<p>'''{{int:wf-propertyvalue-complete-Published}} :''' {{int:wf-completetooltip-published-description}}</p><p>'''{{int:wf-propertyvalue-complete-Draft}} :''' {{int:wf-completetooltip-draft-description}}</p>}}</span><span class="display-none">{{{standard input|watch}}} {{{standard input|saveDraft}}}</span>{{{standard input|cancel}}}<br />
{{{standard input|save}}}<span id="loaderSave"><i class="fa fa-spinner fa-pulse fa-2x fa-fw "></i></span><br />
</div><br />
</includeonly><br />
<br />
<div class="modal fade wfform" id="ModalCreativeCommons" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><br />
<div class="modal-dialog"><br />
<div class="modal-content"><br />
<div class="modal-header"><br />
<span class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></span><h4 class="modal-title">{{int:wf-formtutorial-popuplicense-title}}</h4><br />
</div><br />
<div class="modal-body"><br />
<div class="row"><br />
<div class="col-md-12 col-sm-12 col-xs-12"><br />
[[File:CC-BY.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence1-title}} <span class="label label-success">{{int:wf-formtutorial-popuplicense-licence-recommended}}</span></span><br />
<p>{{int:wf-formtutorial-popuplicense-licence1-description}}</p><br />
<p>[http://creativecommons.org/licenses/by/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p><br />
<br><br />
[[File:CC-BY-SA.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence2-title}}</span><br />
<p>{{int:wf-formtutorial-popuplicense-licence2-description}}</p><br />
<p>[http://creativecommons.org/licenses/by-sa/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by-sa/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p><br />
<hr><br />
<p>{{int:wf-formtutorial-popuplicense-question}} [http://feedback.wikifab.org/t/under-which-open-license-can-i-publish-my-tutorial-on-wikifab/30 {{int:wf-formtutorial-popuplicense-question-link}}].</p><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div></div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Bo%C3%AEte_%C3%A0_sons&diff=3376Boîte à sons2019-09-30T08:46:36Z<p>Clément : </p>
<hr />
<div>{{Tuto Details<br />
|Main_Picture=Boite_à_sons_IMG_20190209_221116.jpg<br />
|Licences=Attribution (CC-BY)<br />
|Description=Vous appuyez sur le gros bouton rouge et son (un fichier mp3 tiré au sort) est joué.<br />
|Area=Arduino<br />
|Difficulty=Expert<br />
|Duration=4<br />
|Duration-type=hour(s)<br />
|Tags=son, jeu<br />
}}<br />
{{Introduction<br />
|Introduction=Les gros boutons rouges donnent envie d'appuyer ! Au risque de vous faire rick'roller, appuyez sur le bouton !<br />
<br />
Pour lire la vidéo, allez par ici : http://wikidebrouillard.dokit.io/wiki/Fichier:BoiteASons.mp4<br />
}}<br />
{{TutoVideo<br />
|VideoType=Mp4<br />
|mp4video=BoiteASons.mp4<br />
}}<br />
{{Materials<br />
|ItemList={{ItemList<br />
|Item=D1 mini<br />
}}{{ItemList<br />
|Item=Breadboard<br />
}}{{ItemList<br />
|Item=Cable Dupont<br />
}}{{ItemList<br />
|Item=Haut parleur<br />
}}{{ItemList<br />
|Item=Gros bouton rouge<br />
}}{{ItemList<br />
|Item=Lecteur MP3-TF-16P<br />
}}{{ItemList<br />
|Item=Batterie 18650<br />
}}{{ItemList<br />
|Item=Chargeur-transformateur porte-batterie 18650<br />
}}{{ItemList<br />
|Item=Résistance<br />
}}{{ItemList<br />
|Item=Carte SD<br />
}}{{ItemList<br />
|Item=Fer à souder<br />
}}{{ItemList<br />
|Item=Cutter<br />
}}{{ItemList<br />
|Item=Pince à dénuder<br />
}}{{ItemList<br />
|Item=Pistolet à colle ou pistocolle<br />
}}<br />
|Tuto_Attachments={{Tuto Attachments<br />
|Attachment=boite-a-son-wemos.ino<br />
}}<br />
}}<br />
{{Separator}}<br />
{{Tuto Step<br />
|Step_Title=Réunissez le matériel<br />
|Step_Content=Pour l'alimentation, vous pouvez faire fonctionner la boite en 5V c'est donc assez souple :<br />
* Avec un chargeur de téléphone<br />
* Une batterie "power bank" pour téléphone<br />
* des piles en série (3 piles 1,5 V font parfaitement l'affaire)<br />
* ...<br />
Pour le haut-parleur, j'ai trouvé le mien dans un vieil ordinateur.<br />
<br />
Sur la photo, il manque du carton pour fabriquer la boite ainsi que les outils.<br />
|Step_Picture_00=-Boite_à_sons_materielBoiteASons.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Préparer le gros bouton rouge 1<br />
|Step_Content=Pour faciliter les branchement, nous allons souder des embouts femelles de câbles dupont. Pour cela, on coupe des câbles et on dénude.<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_192952.jpg<br />
|Step_Picture_01=Boite_à_sons_IMG_20190209_193025.jpg<br />
|Step_Picture_02=Boite_à_sons_IMG_20190209_193113.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Préparer le gros bouton rouge 2<br />
|Step_Content=Il y a quatre embouts femelle :<br />
* deux pour alimenter la LED interne.<br />
* deux pour le bouton poussoir<br />
<br />
== A propose de la LED : ==<br />
j'ai modifié la LED présente dans le bouton (Celle qui est présente par défaut fonctionne en 12V). Je l'ai retirée et remplacée par un LED ordinaire (5V).<br />
<br />
On consolide avec de la gaine thermo-retractable (ou du pistolet à colle).<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_193330.jpg<br />
|Step_Picture_01=Boite_à_sons_IMG_20190209_193400.jpg<br />
|Step_Picture_02=Boite_à_sons_IMG_20190209_193543.jpg<br />
|Step_Picture_03=Boite_à_sons_IMG_20190209_193824.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Préparation de l'interrupteur<br />
|Step_Content=En ajoutant des embouts femelles de la même façon.<br />
<br />
La gaine thermo-retractable consolide les soudure et protège des contacts involontaires.<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_194435.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Idem pour le chargeur-transformateur<br />
|Step_Content=Sur une sortie 5V on fixe deux embouts femelles :<br />
* Une pour le GND<br />
* Une pour le +5V<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_194457.jpg<br />
|Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":800,"height":471,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.75,"scaleY":0.75,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"http://wikidebrouillard.dokit.io/w/images/thumb/7/79/Boite_%C3%A0_sons_IMG_20190209_194457.jpg/800px-Boite_%C3%A0_sons_IMG_20190209_194457.jpg","filters":[]},{"type":"wfcircle","version":"2.4.6","originX":"center","originY":"center","left":316.33,"top":225.49,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":5.56,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.54,"scaleY":0.54,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586}],"height":353,"width":600}<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Préparer le lecteur de mp3<br />
|Step_Content=On l'installe sur la petite Breadboard.<br />
<br />
Pour préparer la carte microSD, chargez des sons mp3. Il faut numéroter les fichiers sons : 001-monfichierson.mp3 par exemple.<br />
<br />
Le lecteur accepte des fichier .mp3 et .wave.<br />
<br />
Suivez les instructions indiquées ici, sur le wiki de [https://www.dfrobot.com/wiki/index.php/DFPlayer_Mini_SKU:DFR0299 DFRobots].<br />
<br />
== Ou trouver des sons ? ==<br />
On peut les enregistrer soi-même, extraire des répliques cultes de films ou les téléchargez depuis des sites web :<br />
* http://www.universal-soundbank.com/percus-loops.htm<br />
* https://www.myinstants.com/index/us/<br />
* https://www.soundjay.com/button-sounds-1.html<br />
* http://www.soundsofchanges.eu/<br />
* etc, à vous de chercher !<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_194632.jpg<br />
|Step_Picture_01=Boite_à_sons_IMG_20190209_194658.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Les éléments principaux sont prêt !<br />
|Step_Content=Il ne reste plus qu'à câbler et installer dans la boite !<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_194753.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Mettre la batterie à charger<br />
|Step_Content=C'est le moment, comme cela elle sera prête lorsqu'on aura fini !<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_203636.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Préparer la boite en carton<br />
|Step_Content=Il s'agit de faire un cube, débrouillez-vous.<br />
<br />
Jouez du pistocolle, des ciseaux et des cutters<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_205417.jpg<br />
|Step_Picture_01=Boite_à_sons_IMG_20190209_210002.jpg<br />
|Step_Picture_02=Boite_à_sons_IMG_20190209_210009.jpg<br />
|Step_Picture_03=Boite_à_sons_IMG_20190209_210630.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Le trou pour le gros bouton rouge<br />
|Step_Content=Repérez le centre de la face à trouer, reportez le diamètre et découpez !<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_205358.jpg<br />
|Step_Picture_01=Boite_à_sons_IMG_20190209_210753.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Il est temps de tester le montage<br />
|Step_Content=Il s'agit de brancher les différents composants ensemble et de vérifier que tout marche comme prévu !<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_212715.jpg<br />
|Step_Picture_01=Boite_à_sons_IMG_20190209_212816.jpg<br />
|Step_Picture_02=Boite_à_sons_IMG_20190209_212840.jpg<br />
|Step_Picture_03=Boite_à_sons_boite-a-sons_bb.png<br />
}}<br />
{{Tuto Step<br />
|Step_Title=On installe le haut-parleur<br />
|Step_Content=Découper le trou qui va bien dans la boite, pistocoller tout ça !<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_213128.jpg<br />
|Step_Picture_01=Boite_à_sons_IMG_20190209_213305.jpg<br />
|Step_Picture_02=Boite_à_sons_IMG_20190209_213502.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Coller en place dans la boite<br />
|Step_Content=On installe tous les éléments et on referme !<br />
<br />
C'est prêt !<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_213919.jpg<br />
|Step_Picture_01=Boite_à_sons_IMG_20190209_214853.jpg<br />
}}<br />
{{Notes}}<br />
{{Tuto Status<br />
|Complete=Published<br />
}}</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=MediaWiki:Common.css&diff=3353MediaWiki:Common.css2019-09-11T13:20:18Z<p>Clément : Page créée avec « /* Le CSS placé ici sera appliqué à tous les habillages. */ .navbar-header .navbar-brand img { height: 43px; } .navbar-header .navbar-brand { padding: 4px 0 0... »</p>
<hr />
<div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br />
<br />
.navbar-header .navbar-brand img {<br />
height: 43px;<br />
}<br />
<br />
.navbar-header .navbar-brand {<br />
padding: 4px 0 0 0;<br />
}<br />
<br />
.page-Groups .search-section {display: none;}<br />
<br />
body[class^='page-Group_'] #main-content-header,<br />
body[class*='page-Group_'] #main-content-header {display: none;}<br />
<br />
body[class^='page-Group_'] .group-banner,<br />
body[class*='page-Group_'] .group-banner {margin-top:0}<br />
<br />
body[class^='page-Group_'] .group-title-box,<br />
body[class*='page-Group_'] .group-title-box {padding-top:50px}<br />
<br />
<br />
body[class^='page-Group_'].action-view #mw-content-text .tabber .tabbertab,<br />
body[class*='page-Group_'].action-view #mw-content-text .tabber .tabbertab {padding-bottom: 50px}</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Bo%C3%AEte_%C3%A0_sons&diff=2688Boîte à sons2019-02-20T15:08:30Z<p>Clément : </p>
<hr />
<div>{{Tuto Details<br />
|Main_Picture=Boite_à_sons_IMG_20190209_221116.jpg<br />
|Licences=Attribution (CC-BY)<br />
|Description=Vous appuyez sur le gros bouton rouge et son (un fichier mp3 tiré au sort) est joué.<br />
|Area=Arduino<br />
|Difficulty=Expert<br />
|Duration=4<br />
|Duration-type=hour(s)<br />
|Tags=son, jeu<br />
}}<br />
{{Introduction<br />
|Introduction=Les gros boutons rouges donnent envie d'appuyer ! Au risque de vous faire rick'roller, appuyez sur le bouton !<br />
<br />
Pour lire la vidéo, allez par ici : http://wikidebrouillard.dokit.io/wiki/Fichier:BoiteASons.mp4<br />
}}<br />
{{TutoVideo<br />
|VideoType=Mp4<br />
|mp4video=BoiteASons.mp4<br />
}}<br />
{{Materials<br />
|ItemList={{ItemList<br />
|Item=D1 mini<br />
}}{{ItemList<br />
|Item=Breadboard<br />
}}{{ItemList<br />
|Item=Cable Dupont<br />
}}{{ItemList<br />
|Item=Haut parleur<br />
}}{{ItemList<br />
|Item=Gros bouton rouge<br />
}}{{ItemList<br />
|Item=Lecteur MP3-TF-16P<br />
}}{{ItemList<br />
|Item=Batterie 18650<br />
}}{{ItemList<br />
|Item=Chargeur-transformateur porte-batterie 18650<br />
}}{{ItemList<br />
|Item=Résistance<br />
}}{{ItemList<br />
|Item=Carte SD<br />
}}{{ItemList<br />
|Item=Fer à souder<br />
}}{{ItemList<br />
|Item=Cutter<br />
}}{{ItemList<br />
|Item=Pince à dénuder<br />
}}{{ItemList<br />
|Item=Pistolet à colle ou pistocolle<br />
}}<br />
|Tuto_Attachments={{Tuto Attachments<br />
|Attachment=boite-a-son-wemos.ino<br />
}}<br />
}}<br />
{{Separator}}<br />
{{Tuto Step<br />
|Step_Title=Réunissez le matériel<br />
|Step_Content=Pour l'alimentation, vous pouvez faire fonctionner la boite en 5V c'est donc assez souple :<br />
* Avec un chargeur de téléphone<br />
* Une batterie "power bank" pour téléphone<br />
* des piles en série (3 piles 1,5 V font parfaitement l'affaire)<br />
* ...<br />
Pour le haut-parleur, j'ai trouvé le mien dans un vieil ordinateur.<br />
<br />
Sur la photo, il manque du carton pour fabriquer la boite ainsi que les outils.<br />
|Step_Picture_00=-Boite_à_sons_materielBoiteASons.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Préparer le gros bouton rouge 1<br />
|Step_Content=Pour faciliter les branchement, nous allons souder des embouts femelles de câbles dupont. Pour cela, on coupe des câbles et on dénude.<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_192952.jpg<br />
|Step_Picture_01=Boite_à_sons_IMG_20190209_193025.jpg<br />
|Step_Picture_02=Boite_à_sons_IMG_20190209_193113.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Préparer le gros bouton rouge 2<br />
|Step_Content=Il y a quatre embouts femelle :<br />
* deux pour alimenter la LED interne.<br />
* deux pour le bouton poussoir<br />
<br />
== A propose de la LED : ==<br />
j'ai modifié la LED présente dans le bouton (Celle qui est présente par défaut fonctionne en 12V). Je l'ai retirée et remplacée par un LED ordinaire (5V).<br />
<br />
On consolide avec de la gaine thermo-retractable (ou du pistolet à colle).<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_193330.jpg<br />
|Step_Picture_01=Boite_à_sons_IMG_20190209_193400.jpg<br />
|Step_Picture_02=Boite_à_sons_IMG_20190209_193543.jpg<br />
|Step_Picture_03=Boite_à_sons_IMG_20190209_193824.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Préparation de l'interrupteur<br />
|Step_Content=En ajoutant des embouts femelles de la même façon.<br />
<br />
La gaine thermo-retractable consolide les soudure et protège des contacts involontaires.<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_194435.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Idem pour le chargeur-transformateur<br />
|Step_Content=Sur une sortie 5V on fixe deux embouts femelles :<br />
* Une pour le GND<br />
* Une pour le +5V<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_194457.jpg<br />
|Step_Picture_00_annotation={"objects":[{"type":"wfcircle","originX":"center","originY":"center","left":316.33,"top":225.49,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":5.52,"strokeDashArray":null,"strokeLineCap":"butt","strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.54,"scaleY":0.54,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586}],"height":"353","width":"600"}<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Préparer le lecteur de mp3<br />
|Step_Content=On l'installe sur la petite Breadboard.<br />
<br />
Pour préparer la carte microSD, chargez des sons mp3. Il faut numéroter les fichiers sons : 001-monfichierson.mp3 par exemple.<br />
<br />
Le lecteur accepte des fichier .mp3 et .wave.<br />
<br />
Suivez les instructions indiquées ici, sur le wiki de [https://www.dfrobot.com/wiki/index.php/DFPlayer_Mini_SKU:DFR0299 DFRobots].<br />
<br />
== Ou trouver des sons ? ==<br />
On peut les enregistrer soi-même, extraire des répliques cultes de films ou les téléchargez depuis des sites web :<br />
* http://www.universal-soundbank.com/percus-loops.htm<br />
* https://www.myinstants.com/index/us/<br />
* https://www.soundjay.com/button-sounds-1.html<br />
* http://www.soundsofchanges.eu/<br />
* etc, à vous de chercher !<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_194632.jpg<br />
|Step_Picture_01=Boite_à_sons_IMG_20190209_194658.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Les éléments principaux sont prêt !<br />
|Step_Content=Il ne reste plus qu'à câbler et installer dans la boite !<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_194753.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Mettre la batterie à charger<br />
|Step_Content=C'est le moment, comme cela elle sera prête lorsqu'on aura fini !<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_203636.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Préparer la boite en carton<br />
|Step_Content=Il s'agit de faire un cube, débrouillez-vous.<br />
<br />
Jouez du pistocolle, des ciseaux et des cutters<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_205417.jpg<br />
|Step_Picture_01=Boite_à_sons_IMG_20190209_210002.jpg<br />
|Step_Picture_02=Boite_à_sons_IMG_20190209_210009.jpg<br />
|Step_Picture_03=Boite_à_sons_IMG_20190209_210630.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Le trou pour le gros bouton rouge<br />
|Step_Content=Repérez le centre de la face à trouer, reportez le diamètre et découpez !<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_205358.jpg<br />
|Step_Picture_01=Boite_à_sons_IMG_20190209_210753.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Il est temps de tester le montage<br />
|Step_Content=Il s'agit de brancher les différents composants ensemble et de vérifier que tout marche comme prévu !<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_212715.jpg<br />
|Step_Picture_01=Boite_à_sons_IMG_20190209_212816.jpg<br />
|Step_Picture_02=Boite_à_sons_IMG_20190209_212840.jpg<br />
|Step_Picture_03=Boite_à_sons_boite-a-sons_bb.png<br />
}}<br />
{{Tuto Step<br />
|Step_Title=On installe le haut-parleur<br />
|Step_Content=Découper le trou qui va bien dans la boite, pistocoller tout ça !<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_213128.jpg<br />
|Step_Picture_01=Boite_à_sons_IMG_20190209_213305.jpg<br />
|Step_Picture_02=Boite_à_sons_IMG_20190209_213502.jpg<br />
}}<br />
{{Tuto Step<br />
|Step_Title=Coller en place dans la boite<br />
|Step_Content=On installe tous les éléments et on referme !<br />
<br />
C'est prêt !<br />
|Step_Picture_00=Boite_à_sons_IMG_20190209_213919.jpg<br />
|Step_Picture_01=Boite_à_sons_IMG_20190209_214853.jpg<br />
}}<br />
{{Notes}}<br />
{{Tuto Status<br />
|Complete=Published<br />
}}</div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Fichier:No-logo-group.gif&diff=1551Fichier:No-logo-group.gif2019-01-07T08:34:39Z<p>Clément : </p>
<hr />
<div></div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Fichier:No-image-yet.jpg&diff=1135Fichier:No-image-yet.jpg2018-12-17T15:33:18Z<p>Clément : </p>
<hr />
<div></div>Clémenthttps://www.wikidebrouillard.org/w/index.php?title=Accueil&diff=1044Accueil2018-12-03T14:47:11Z<p>Clément : </p>
<hr />
<div>__NOTOC__<br />
<div class="community-theme community-theme-wikideb"><br />
<div class="container"><br />
<h1>L'encyclopédie curieuse et pratique</h1><br />
<p class="marketing-section-hp-subtitle">Expériences scientifiques amusantes à faire à la maison.</p><br />
{{#ifanon:[[Special:UserLogin/signup|<span class="sign-up-button-hp">Créer un compte</span>]] <span class="sign-up-or">ou</span> [[Special:UserLogin|<span class="log-in-link">Se connecter</span>]]|}}<br />
</div><br />
</div><br />
<div class="wikideb-intro"><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-5 col-sm-6 col-xs-12 wikideb-intro-text"><br />
<h2>Qu'y a t-il sur ce wiki ?</h2><br />
<p>Essentiellement des [[Spécial:WfExplore|expériences]] réalisables avec du matériel dont chacun dispose sûrement à la maison, mais aussi des [[Items|fiches qui décrivent le matériel]], où se le procurer, les applications etc... des [[Groups|parcours pédagogiques]], des [[:Category:Webographie|webographies]] de sites scientifiques sur internet etc... et surtout, tout ce que chacun souhaite y mettre !</p><br />
</div><br />
<div class="col-md-offset-1 col-md-6 col-sm-6 col-xs-12 wikideb-intro-help"><br />
<h2>Participez au wiki !</h2><br />
<p>Explorez les expériences, fiches matériel et disciplines scientifiques déjà créées.</p><br />
<p>Pour écrire sur le wiki, il faut [[Special:UserLogin/signup|créer un compte]]. Consultez [[Help|l'aide en ligne]] pour apprendre à créer ou modifier une page.</p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<div class="wikideb-hp-content"><br />
<div class="container"><br />
<div class="communitytheme-HPnav"><br />
<h2 class="page-header">Dernières expériences modifiées</h2><br />
{{#exploreQuery: [[Category:Tutorials]] [[Complete::Published]] | 8}}<br />
</div><br />
</div><br />
</div><br />
<div class="wikideb-hp-ressources"><br />
<div class="container"><br />
<div class="row"><br />
<div class="col-md-5 col-sm-6 col-xs-12 wikideb-hp-ressources-left"><br />
<h3>Bonnes pratiques</h3><br />
<p>Quelques pages pour vous apprendre à contribuer à Wikidébrouillard</p><br />
[[Guide_des_wikidebrouilleurs|Le guide des Wikidebrouilleurs]]<br />
</div><br />
<div class="col-md-5 col-sm-6 col-xs-12 col-md-offset-1 wikideb-hp-ressources-right"><br />
<h3>Consulter l'aide</h3><br />
<p>Pour tout savoir sur Wikidebrouillard et son fonctionnement</p><br />
[[Help|Lire l'aide complète]]<br />
</div><br />
</div><br />
</div><br />
</div></div>Clément