Formulaire:Tutoriel : Différence entre versions

@@ Ligne 1 : / Ligne 1 : @@
-<noinclude>
+__NOTOC__<noinclude>
 <div class="tutorial-page">
 <div class="container">
 <div class="new-tutorial-page">
+{{#ifanon:<div class="alert alert-warning" role="alert"><strong>Oups !</strong> Vous n'avez pas la permission de créer un tutoriel car vous n'êtes pas connecté. [[Special:UserLogin/signup|Créez un compte]] ou [[Special:UserLogin|connectez-vous]].</div>
+</div>
+</div>
+</div>|
 <h1>Créer un tutoriel</h1>
 {{#forminput:form=Tutoriel|button text=Créer ou modifier|placeholder=Entrez ici le nom du tutoriel que vous souhaitez créer}}
-<p><span class="glyphicon glyphicon-info-sign"></span> Si un tutoriel avec ce nom existe déjà, vous serez dirigé vers un formulaire pour l’éditer.</p>
+<p data-toggle="modal" data-target="#ModalNom"><span class="glyphicon glyphicon-info-sign"></span> Apprendre à bien choisir le nom de mon tutoriel.</p>
 </div>
 </div>
@@ Ligne 12 : / Ligne 16 : @@
 <div class="row">
 <div class="col-md-4 col-sm-4 col-xs-12">
-[[Wikifab:Indispensable|<span class="contribute-block">
+[[Wikifab:Premiers_pas|<span class="contribute-block">
 <span class="glyphicon glyphicon-thumbs-up icon-contribute" aria-hidden="true"></span>
 <span class="contribute-block-title">Premiers pas</span>
@@ Ligne 19 : / Ligne 23 : @@
 </div>
 <div class="col-md-4 col-sm-4 col-xs-12">
-[[Nos règles|<span class="contribute-block">
+[[Réussir_vos_photos_de_tutoriels|<span class="contribute-block">
 <span class="glyphicon glyphicon-camera icon-contribute" aria-hidden="true"></span>
 <span class="contribute-block-title">Prendre des photos</span>
@@ Ligne 34 : / Ligne 38 : @@
 </div>
 </div>
+}}
 </noinclude><includeonly>
 <div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div>
@@ Ligne 41 : / Ligne 46 : @@
 <div class="row table-edit-form">
 <div class="col-md-2 col-sm-2 col-xs-3 edit-form-title">Type</div>
-<div class="col-md-10 col-sm-10 col-xs-9 custom-tooltip">{{{field|Type|mandatory|class=form-dropdown}}} {{#info:<p>'''Création''' : votre tutoriel concerne un objet à créer (ex : Fabriquer un drône radiocommandé)</p><p>'''Réparation''' : votre tutoriel concerne un objet à réparer (ex : Réparer une machine à laver)</p><p>'''Technique''' : votre tutoriel présente une technique à apparendre (ex : Carreler une terrasse)</p>}}
+<div class="col-md-10 col-sm-10 col-xs-9 custom-tooltip">{{{field|Type|mandatory|class=form-dropdown}}} {{#info:<p>'''Création''' : votre tutoriel concerne un objet à créer (ex : Fabriquer un drone)</p><p>'''Technique''' : votre tutoriel concerne une technique à apprendre (ex : Utiliser une machine à coudre)</p>}}
 </div>
 </div>
@@ Ligne 47 : / Ligne 52 : @@
 <div class="col-md-2 col-sm-2 col-xs-12 edit-form-title">Catégorie(s)</div>
 <div class="col-md-10 col-sm-10 col-xs-12">{{{field|Area|mandatory|class=form-checkbox}}}</div>
+</div>
+<div class="row table-edit-form">
+<div class="col-md-2 col-sm-2 col-xs-12 edit-form-title">Mot(s)-clé(s)</div>
+<div class="col-md-10 col-sm-10 col-xs-12 custom-tooltip">{{{field|Tags|class=form-tokens|input type=tokens|size=}}} {{#info:Entrez 4 à 5 mots clés pour décrire votre tutoriel (séparez chaque mot clé par une virgule).}}</div>
 </div>
 <div class="row table-edit-form">
 <div class="col-md-2 col-sm-2 col-xs-12 edit-form-title">Description</div>
-<div class="col-md-10 col-sm-10 col-xs-12">{{{field|Description|input type=textarea|mandatory|rows=2|maxlength=200|placeholder=Décrivez l'objet du tutoriel en quelques lignes|class=form-textarea}}}
+<div class="col-md-10 col-sm-10 col-xs-12">{{{field|Description|input type=textarea|mandatory|rows=3|maxlength=4000|class=form-textarea|placeholder=Décrivez l'objet du tutoriel en quelques lignes}}}
 </div>
 </div>
-<div class="row table-edit-form">
+<div class="row licence-section">
-<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title">Difficulté</div>
+<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title table-edit-form">Difficulté</div>
-<div class="col-md-3 col-sm-4 col-xs-9">{{{field|Difficulty|input type=dropdown|class=form-dropdown}}}</div>
+<div class="col-md-4 col-sm-4 col-xs-9 table-edit-form custom-tooltip">{{{field|Difficulty|input type=dropdown|mandatory|class=form-dropdown}}} {{#info:<p>'''Très facile''' : Accessible à tous. Un enfant de 8 ans peut, sans difficulté, réaliser votre tutoriel</p><p>'''Facile''' : Accessible à tous. Un adulte peut, sans difficulté, réaliser le tutoriel</p><p>'''Moyen''' : Seul un adulte averti peut réaliser le tutoriel. Ne nécessite pas de compétance particulière</p><p>'''Difficile''' : Nécessite la maitrise de compétances techniques. Un amateur pourra toutefois réaliser le tutoriel</p><p>'''Très difficile''' : Généralement réservé aux professionnels du secteur. Nécessite la maitrise de compétances techniques complexes</p>}}</div>
-<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title">Coût</div>
+<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title table-edit-form">Coût</div>
-<div class="col-md-5 col-sm-4 col-xs-9">{{{field|Cost|input type=dropdown|class=form-dropdown-1}}}</div>
+<div class="col-md-4 col-sm-4 col-xs-9 table-edit-form custom-tooltip">{{{field|Cost|mandatory|class=form-duration}}} {{{field|Currency|mandatory|input type=dropdown|class=form-dropdown-2}}} {{#info:Coût approximatif pour acheter le materiel (hors outils), en supposant qu'il faille tout acheter.}}</div>
+</div>
+<div class="row">
+<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title table-edit-form">Durée</div>
+<div class="col-md-4 col-sm-10 col-xs-9 table-edit-form custom-tooltip licence-section">{{{field|Duration|mandatory|class=form-duration}}} {{{field|Duration-type|mandatory|input type=dropdown|class=form-dropdown-2}}} {{#info:Durée totale pour réaliser le tutoriel (temps de repos, séchage, cuisson... inclus).}}</div>
+<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title table-edit-form">Licence</div>
+<div class="col-md-4 col-sm-10 col-xs-9 table-edit-form">{{{field|Licences|input type=dropdown|class=form-dropdown-3}}}<span class="style-instructions-text" data-toggle="modal" data-target="#ModalCreativeCommons"><span class="glyphicon glyphicon-question-sign tuto-question-icon"></span></span></div>
 </div>
-<div class="row table-edit-form licence-section">
-<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title">Durée</div>
-<div class="col-md-3 col-sm-10 col-xs-9">{{{field|Duration|class=form-duration}}} {{{field|Duration-type|input type=dropdown|class=form-dropdown-2}}}</div>
-<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title">Licence</div>
-<div class="col-md-5 col-sm-10 col-xs-9">{{{field|Licences|input type=dropdown|class=form-dropdown}}}<span class="style-instructions-text" data-toggle="modal" data-target="#ModalCreativeCommons"><span class="glyphicon glyphicon-question-sign tuto-question-icon"></span></span></div>
 </div>
-<div class="row table-edit-form">
+<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail">
-<div class="col-md-2 col-sm-2 col-xs-12 edit-form-title">Matériaux</div>
+<div class="msuploadContainer">
-<div class="col-md-10 col-sm-10 col-xs-12">{{{field|Materials|input type=tokens|size=5|class=token-field|placeholder=Entrez le nom d'un matériau et appuyez sur la touche Entrer de votre clavier.}}}</div>
+{{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}}
+{{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}}
+{{{end template}}}
 </div>
-<div class="row table-edit-form">
-<div class="col-md-2 col-sm-2 col-xs-12 edit-form-title">Outils</div>
-<div class="col-md-10 col-sm-10 col-xs-12">{{{field|Tools|input type=tokens|class=token-field|size=5|placeholder=Entrez le nom d'un outil et appuyez sur la touche Entrer de votre clavier.}}}</div>
 </div>
 </div>
-<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail">
+<div class="hrContentMinor-2"></div>
-{{{field|Main_Picture|default=No-image-yet.jpg|uploadable|size=25|class=form-picture|image preview}}}
+{{{for template|Introduction}}}
+<div class="edit-step-title">Introduction <span>(facultative)</span></div>
+{{{field|Introduction|input type=textarea|rows=5|maxlength=10000|class=form-textarea|placeholder=Vous pouvez utiliser ce champ libre pour décrire votre projet dans le détail (vos essais, le contexte, etc.)}}}
 {{{end template}}}
+{{{for template|Materials}}}
+<div class="Input-tabs">
+<tabber>
+ Outils & Matériaux=
+<div class="material-tool-list row">
+<div class="col-md-6 col-sm-6 col-xs-12"><div class="edit-step-title">Liste des matériaux</div>
+{{{field|Material|input type=textarea|rows=8|class=form-textarea|placeholder=Listez les matériaux nécessaires à la réalisation de votre tutoriel.
+Privilégiez les puces (bullet points). Pour activer une puce, entrez le symbole étoile (*) au début de chaque ligne.
+L'utilisation de noms commerciaux (marques) n'est autorisé que si la réalisation de votre tutoriel n'est possible qu'avec le produit de la marque en question.}}}
+<div class="hrContentMinor-2"></div>
+<div class="edit-step-title">Liste des outils</div>
+{{{field|Tools|input type=textarea|rows=8|class=form-textarea|placeholder=Listez les outils nécessaires à la réalisation de votre tutoriel.
+Privilégiez les puces (bullet points). Pour activer une puce, entrez le symbole étoile (*) au début de chaque ligne.
+Utilisez le nom générique de l'outil et ne citez pas de noms commerciaux (marques).}}}
+</div>
+<div class="col-md-6 col-sm-6 col-xs-12">
+<div class="col-pic-step msuploadContainer">
+{{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}
+{{{field|Step_Picture_00_annotation|input type=editableImage|target=Step_Picture_00}}}
+<p class="upload-instructions">Votre image sera visible après l'enregistrement de la page.</p>
+<div class="btn btn-primary" type="button" data-toggle="collapse-next"  aria-expanded="false" >+ Ajouter des photos </div>
+<div class="collapse" id="collapseExample">
+<div class="well add-more-pics">
+<span>2ème photo : </span>{{{field|Step_Picture_01|size=32|class=form-picture|default=|uploadable|image preview}}}
+{{{field|Step_Picture_01_annotation|input type=editableImage|target=Step_Picture_01}}}
+<span>3ème photo : </span>{{{field|Step_Picture_02|size=32|class=form-picture|default=|uploadable|image preview}}}
+{{{field|Step_Picture_02_annotation|input type=editableImage|target=Step_Picture_02}}}
+<span>4ème photo : </span>{{{field|Step_Picture_03|size=32|class=form-picture|default=|uploadable|image preview}}}
+{{{field|Step_Picture_03_annotation|input type=editableImage|target=Step_Picture_03}}}
+<span>5ème photo : </span>{{{field|Step_Picture_04|size=32|class=form-picture|default=|uploadable|image preview}}}
+{{{field|Step_Picture_04_annotation|input type=editableImage|target=Step_Picture_04}}}
+<span>6ème photo : </span>{{{field|Step_Picture_05|size=32|class=form-picture|default=|uploadable|image preview}}}
+{{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}
 </div>
 </div>
-<div class="row add-attachments">
-<div class="col-md-8 col-sm-8 col-xs-12"><div class="row table-edit-form"><div class="col-md-2 col-sm-2 col-xs-12 edit-form-title">Pièces jointes</div>
-<div class="col-md-10 col-sm-10 col-xs-12">{{{for template|Tuto Attachments|multiple|minimum instances=0|maximum instances=20|add button text=+ Ajouter un fichier}}}
-{{{field|attachment|default=|uploadable|size=25}}}{{{end template}}}
 </div>
 </div>
-<div class="col-md-4 col-sm-4 col-xs-0">
 </div>
+|-|
+ Fichiers=
+<div class="alert alert-info" role="alert">Hébergez vos fichiers sur la plateforme de gestion de fichiers de votre choix (telles que Github ou Bitbucket) ou uploadez vos fichiers sur Wikifab.</div>
+<div class="row">
+<div class="col-md-6 col-sm-6 col-xs-12 box-file-form">
+<div class="file-subtitle">Ajoutez un lien vers le site sur lequel votre fichier est hébergé</div>
+<div class="add-attachments">{{{field|ExternalAttachmentsLinks|holds template}}}</div></div>
+<div class="col-md-6 col-sm-6 col-xs-12 box-file-form">
+<div class="file-subtitle">Uploadez vos fichiers sur Wikifab</div>
+<div class="add-attachments add-attachments-upload">{{{field|Tuto_Attachments|holds template}}}</div>
 </div>
+</tabber>
 </div>
+{{{end template}}}
+{{{for template|ExternalAttachmentsLinks|multiple|maximum instances=10|add button text=+ Ajouter un lien|embed in field=Materials[ExternalAttachmentsLinks]}}}{{{field|ExternalAttachmentsLinks|input type=text}}}{{{end template}}}
+{{{for template|Tuto_Attachments|multiple|maximum instances=30|add button text=+ Ajouter un fichier|embed in field=Materials[Tuto_Attachments]}}}{{{field|Attachment|default=|uploadable}}}{{{end template}}}
 <div class="bg-halfsquare-separator-2"></div>
 {{{for template|Separator}}}<br>{{{end template}}}
-{{{for template|Tuto Step|multiple|minimum instances=1|maximum instances=100|add button text=+ Ajouter une étape}}}
+{{{for template|Tuto Step|multiple|minimum instances=1|maximum instances=400|add button text=+ Ajouter une étape}}}
 <div class="row">
 <div class="col-md-6 col-sm-6 col-xs-12">
 <div class="row">
-<div class="col-md-3 col-sm-3 col-xs-12 edit-step-title">Etape n°{{#stepNumber: step }} :</div>
+<div class="col-md-12 col-sm-12 col-xs-12">{{{field|Step_Title|input type=text|class=form-text form-step-title|placeholder=Titre de l'étape|size=50}}}</div>
-<div class="col-md-9 col-sm-9 col-xs-12">{{{field|Step_Title|class=form-text|placeholder=Titre de l'étape|size=50}}}</div>
 </div>
 <div class="row">
-<div class="col-md-12 col-sm-12 col-xs-12"><p class="step-instruction-title">Instructions à suivre pour réaliser l'étape :</p></div>
 <div class="col-md-12 col-sm-12 col-xs-12">{{{field|Step_Content|input type=textarea|rows=16|class=form-textarea|placeholder=Ecrivez ici les instructions à suivre pour réaliser l'étape.
 Privilégiez les textes courts et les listes par puces (bullet points). Pour activer un bullet points, entrez le symbole étoile (*) au début de chaque ligne.
 L'utilisation de nom commerciaux (marques, etc.) est interdite.}}}</div>
-<div class="col-md-12 col-sm-12 col-xs-12">
-<p class="style-instructions-text" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-question-sign"></span> Apprendre à mettre en forme le texte</p>
-</div>
 </div>
 </div>
 <div class="col-md-6 col-sm-6 col-xs-12">
-{{{field|Step_Picture|size=32|class=form-picture|default=No-image-yet.jpg|uploadable|image preview}}}
+<div class="col-pic-step msuploadContainer">
+{{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}
+{{{field|Step_Picture_00_annotation|input type=editableImage|target=Step_Picture_00}}}
 <p class="upload-instructions">Votre image sera visible après l'enregistrement de la page.</p>
-<div>
+<div class="btn btn-primary" type="button" data-toggle="collapse-next"  aria-expanded="false" >+ Ajouter des photos </div>
+<div class="collapse" id="collapseExample">
+<div class="well add-more-pics">
+<span>2ème photo : </span>{{{field|Step_Picture_01|size=32|class=form-picture|default=|uploadable|image preview}}}
+{{{field|Step_Picture_01_annotation|input type=editableImage|target=Step_Picture_01}}}
+<span>3ème photo : </span>{{{field|Step_Picture_02|size=32|class=form-picture|default=|uploadable|image preview}}}
+{{{field|Step_Picture_02_annotation|input type=editableImage|target=Step_Picture_02}}}
+<span>4ème photo : </span>{{{field|Step_Picture_03|size=32|class=form-picture|default=|uploadable|image preview}}}
+{{{field|Step_Picture_03_annotation|input type=editableImage|target=Step_Picture_03}}}
+<span>5ème photo : </span>{{{field|Step_Picture_04|size=32|class=form-picture|default=|uploadable|image preview}}}
+{{{field|Step_Picture_04_annotation|input type=editableImage|target=Step_Picture_04}}}
+<span>6ème photo : </span>{{{field|Step_Picture_05|size=32|class=form-picture|default=|uploadable|image preview}}}
+{{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}
+</div>
 </div>
 </div>
 </div>
-<div class="hrContentMinor"></div>
+</div>
+<div class="hrContentMinor"></div>{{{end template}}}
+<div class="bg-halfsquare-separator-3"></div>
+<div class="notes-ref">
+<h2>Notes et références</h2>
+{{{for template|Notes}}}
+{{{field|Notes|input type=textarea|rows=5|maxlength=5000|class=form-textarea|placeholder=Entrez ici les notes et références du tutoriel.}}}
 {{{end template}}}
-<div class="saving-menu">
+[[Catégorie:Tutoriels]]
-<div class="container">
-{{{standard input|save}}} {{{standard input|save and continue}}} {{{standard input|cancel}}}  {{{standard input|watch}}}
-</div>
 </div>
+<div class="saving-menu">{{{standard input|save}}} {{{standard input|save and continue}}} {{{standard input|cancel}}}  {{{standard input|watch}}} <span class="status-checkbox">{{{for template|Tuto_Status}}}{{{field|Complete}}}{{{end template}}}</span></div>
 </includeonly>
-<!-- Modal -->
-<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+<div class="modal fade wfform" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-dialog">
 <div class="modal-content">
@@ Ligne 170 : / Ligne 245 : @@
          <tr>
            <td>Interdire une action</td>
-           <td>[[Fichier:Icon-popup-04.jpg]]</td>
+           <td>[[Fichier:Icon-popup-04.jpg|link=]]</td>
            <td><pre>{{Dont|Text=Voici un exemple}}</pre></td>
          </tr>
          <tr>
            <td>Prévenir d'un danger<br>Solliciter l'attention</td>
-           <td>[[Fichier:Icon-popup-01.jpg]]</td>
+           <td>[[Fichier:Icon-popup-01.jpg|link=]]</td>
            <td><pre>{{Caution|Text=Voici un exemple}}</pre></td>
          </tr>
          <tr>
            <td>Inviter à la mémorisation</td>
-           <td>[[Fichier:Icon-popup-05.jpg]]</td>
+           <td>[[Fichier:Icon-popup-05.jpg|link=]]</td>
            <td><pre>{{Pin|Text=Voici un exemple}}</pre></td>
          </tr>
          <tr>
            <td>Donner une information complémentaire</td>
-           <td>[[Fichier:Icon-popup-03.jpg]]</td>
+           <td>[[Fichier:Icon-popup-03.jpg|link=]]</td>
            <td><pre>{{Info|Text=Voici un exemple}}</pre></td>
          </tr>
          <tr>
            <td>Donner des idées</td>
-           <td>[[Fichier:Icon-popup-02.jpg]]</td>
+           <td>[[Fichier:Icon-popup-02.jpg|link=]]</td>
            <td><pre>{{Idea|Text=Voici un exemple}}</pre></td>
          </tr>
@@ Ligne 199 : / Ligne 274 : @@
 </div>
+<div class="modal fade wfform" id="ModalCreativeCommons" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-<!-- Modal -->
-<div class="modal fade" id="ModalCreativeCommons" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-dialog">
 <div class="modal-content">
@@ Ligne 210 : / Ligne 283 : @@
 <div class="row">
 <div class="col-md-12 col-sm-12 col-xs-12">
-[[Fichier:CC-Zero.png]]<span class="cc-modal-subtitle">Domaine Public</span>
+[[Fichier:CC-BY.png]]<span class="cc-modal-subtitle">Attribution <span class="label label-success">Recommandé</span></span>
-<p>Cette licence permet au titulaire des droits de renoncer au maximum à ceux-ci dans la limite des lois applicables, afin de placer son œuvre au plus près du domaine public. Elle autorise toute personne à réutiliser librement ses travaux, les améliorer, les modifier, quel que soit le but et sans aucune restriction de droit, sauf celles imposées par la loi.</p>
-<p>[https://creativecommons.org/publicdomain/zero/1.0/ Voir le Résumé Explicatif] | [https://creativecommons.org/publicdomain/zero/1.0/legalcode Voir le Code Juridique]</p>
-<br>
-[[Fichier:CC-BY.png]]<span class="cc-modal-subtitle">Attribution</span>
 <p>Cette licence permet aux autres de distribuer, remixer, arranger, et adapter votre œuvre, même à des fins commerciales, tant qu’on vous accorde le mérite de la création originale en citant votre nom. C’est le contrat le plus souple proposé. Recommandé pour la diffusion et l’utilisation maximales d’œuvres licenciées sous CC. </p>
 <p>[http://creativecommons.org/licenses/by/4.0/ Voir le Résumé Explicatif] | [http://creativecommons.org/licenses/by/4.0/legalcode Voir le Code Juridique]</p>
 <br>
-[[Fichier:CC-BY-SA.png]]<span class="cc-modal-subtitle">Attribution - Partage dans les Mêmes Conditions <span class="label label-success">Recommandé</span></span>
+[[Fichier:CC-BY-SA.png]]<span class="cc-modal-subtitle">Attribution - Partage dans les Mêmes Conditions</span>
 <p>Cette licence permet aux autres de remixer, arranger, et adapter votre œuvre, même à des fins commerciales, tant qu’on vous accorde le mérite en citant votre nom et qu’on diffuse les nouvelles créations selon des conditions identiques. Cette licence est souvent comparée aux licences de logiciels libres, “open source” ou “copyleft”. Toutes les nouvelles œuvres basées sur les vôtres auront la même licence, et toute œuvre dérivée pourra être utilisée même à des fins commerciales. C’est la licence utilisée par Wikipédia.</p>
 <p>[http://creativecommons.org/licenses/by-sa/4.0/ Voir le Résumé Explicatif] | [http://creativecommons.org/licenses/by-sa/4.0/legalcode Voir le Code Juridique]</p>
-<br>
+<hr>
-[[Fichier:CC-BY-NC.png]]<span class="cc-modal-subtitle"> Attribution - Pas d’Utilisation Commerciale</span>
+<p>Pourquoi ne proposer que ces deux licences ? Quel est mon intérêt à distribuer mon tutoriel sous une licence open-source ? Retrouvez notre vision et vos réactions concernant les licences sur [http://discuter.wikifab.org/t/sous-quelle-licence-mon-tutoriel-est-il-publie/13/1 cette page].</p>
-<p>Cette licence permet aux autres de remixer, arranger, et adapter votre œuvre à des fins non commerciales et, bien que les nouvelles œuvres doivent vous créditer en citant votre nom et ne pas constituer une utilisation commerciale, elles n’ont pas à être diffusées selon les mêmes conditions.</p>
+</div>
-<p>[http://creativecommons.org/licenses/by-nc/4.0/ Voir le Résumé Explicatif] | [http://creativecommons.org/licenses/by-nc/4.0/legalcode Voir le Code Juridique]</p>
+</div>
-<br>
+</div>
-[[Fichier:CC-BY-NC-SA.png]]<span class="cc-modal-subtitle">Attribution - Pas d’Utilisation Commerciale - Partage dans les Mêmes Conditions</span>
+</div>
-<p>Cette licence permet aux autres de remixer, arranger, et adapter votre œuvre à des fins non commerciales tant qu’on vous crédite en citant votre nom et que les nouvelles œuvres sont diffusées selon les mêmes conditions.</p>
+</div>
-<p>[http://creativecommons.org/licenses/by-nc-sa/4.0/ Voir le Résumé Explicatif] | [http://creativecommons.org/licenses/by-nc-sa/4.0/legalcode Voir le Code Juridique]</p>
+</div>
-<br>
-<h4>Pourquoi les licences "Pas de Modification" ne sont pas possibles sur Wikifab ?</h4>
+<div class="modal fade wfform" id="ModalLink" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-<p>La philosophie de Wikifab est de permettre à tout le monde de modifier les tutoriels existants afin qu'ils puissent être améliorer par un contributeur tiers souhaitant apporter son expertise. Les licences qui restreignent la modification du contenu par un utlisateur sont doncproscrites sur Wikifab.</p>
+<div class="modal-dialog">
+<div class="modal-content">
+<div class="modal-header">
+<span class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></span><p class="modal-title">Insérez un lien dans votre tutoriel</p></div>
+<div class="modal-body"><table class="table table-bordered">
+        <tr>
+          <th>Description</th>
+          <th>Vous tapez</th>
+          <th>Vous obtenez</th>
+        </tr>
+        <tr>
+          <td>Lien interne</td>
+          <td><pre>[[Accueil]]</pre></td>
+          <td>[[Accueil]]</td>
+        </tr>
+        <tr>
+          <td>Lien interne avec un intitulé différent</td>
+          <td><pre>[[Accueil|Lien vers la page d'accueil]]</pre></td>
+          <td>[[Accueil|Lien vers la page d'accueil]]</td>
+        </tr>
+<tr>
+<td>Lien externe</td>
+<td><pre>http://wikipedia.org</pre></td>
+<td>http://wikipedia.org</td>
+</tr>
+<tr>
+<td>Lien externe avec un intitulé différent</td>
+<td><pre>[http://wikipedia.org Lien vers Wikipedia]</pre></td>
+<td>[http://wikipedia.org Lien vers Wikipedia]</td>
+</tr>
+</table>
+</div>
+</div>
+</div>
+</div>
+<div class="modal fade wfform-2" id="ModalRef" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+<div class="modal-dialog">
+<div class="modal-content">
+<div class="modal-body"><table class="table table-bordered">
+<tr>
+<th>Vous tapez</th>
+<th>Vous obtenez</th>
+</tr>
+<tr>
+<td><pre>* Je me suis inspiré du [[Mölkky|tutoriel Molky réalisé par Auguste&Claire]] que je trouve très bien fait</pre></td>
+<td>* Je me suis inspiré du [[Mölkky|tutoriel Molky réalisé par Auguste&Claire]] que je trouve très bien fait.</td>
+</tr>
+<tr>
+<td><pre>* Pour décaper un meuble vernis, je me suis inspiré de ce [https://www.youtube.com/watch?v=6034yubI7CI|tutoriel vidéo réalisé par Minute Déco].</pre></td>
+<td>* Pour décaper un meuble vernis, je me suis inspiré de ce [https://www.youtube.com/watch?v=6034yubI7CI|tutoriel vidéo réalisé par Minute Déco].</td>
+</tr>
+</table>
+</div>
+</div>
 </div>
 </div>
+<div class="modal fade wfform-2" id="ModalNom" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+<div class="modal-dialog">
+<div class="modal-content">
+<div class="modal-header">
+<h4 class="modal-title" id="myModalLabel">Comment choisir le nom de votre tutoriel</h4>
+</div>
+<div class="modal-body">
+Dans un souci d'homogénéité et d'optimisation de la recherche, nous vous demandons de prendre le temps de réfléchir au nom de votre tutoriel. Voici nos recommandations :
+<h4>1. Si votre tutoriel concerne la fabrication d'un objet :</h4>
+.1 Entrez directement le nom de l'objet. Ne précédez pas le nom de l'objet par un article défini (le, la, les) et indéfini (un, une, des).
+* A faire : Tabouret en bois
+* A ne PAS faire : Un tabouret en bois
+.2 Ne commencez pas le nom de votre tutoriel par les verbes "Fabriquer" ou "Créer". Le verbe n'apporte pas d'information au lecteur puisqu'il recherche une création et il sait déjà qu'il s'apprête à fabriquer ou créer quelque chose.
+* A faire : Tabouret en bois
+* A ne PAS faire : Fabriquer un tabouret en bois
+.3 Spécifiez les matériaux utilisés afin de qualifier le tutoriel le mieux possible.
+* Préférez : Tabouret d’appoint en bois de chêne et en béton ciré
+* Plutot que : Tabouret en bois
+<h4>2. Si votre tutoriel concerne une technique :</h4>
+.1 Démarrez toujours par le verbe qui décrit la technique à l'infinitif.
+* Préférez : Poncer une planche
+* Plutôt que : Poncez une planche
+.2 Ne commencez pas le nom de votre tutoriel par le verbe "Apprendre" car cela n'apporte pas d'information au lecteur qui sait déjà qu'il s'apprête à apprendre une technique.
+* Préférez : Poncer une planche de chaîne
+* Plutôt que : Apprendre à poncer une planche de chaîne
+<h4>3. Si votre tutoriel concerne une réparation :</h4>
+.1 Démarrez toujours par le verbe qui décrit l'opération de la réparation (évitez le verbe "Réparer" car il est trop généraliste) et mettez le l'infinitif.
+* Préférez : Remplacer le tambourt de la machine à lavée
+* Plutôt que : Réparer le tambourt de la machine à lavée
+.2 Indiquez toujours le modèle du produit que vous réparez.
+* Préférez : Remplacer le tambourt du lave linge Bosh WAB24211FF
+* Plutôt que : Remplacer le tambourt d'une machine à laver
+{{Info|Text=Si un tutoriel avec le nom que vous avez entré existe déjà, vous serez redirigé vers un formulaire pour l’éditer.}}
 </div>
 </div>
 </div>
 </div>

Version actuelle datée du 12 juin 2017 à 11:27

Oups ! Vous n'avez pas la permission de créer un tutoriel car vous n'êtes pas connecté. Créez un compte ou connectez-vous.

Mettre en forme le texte×

Description	Résultat	Saisie
Bullet points	Ceci est un bullet point	* à insérer en début de phrase
Texte en gras	Ceci est un texte en gras	'''Ceci est un texte en gras'''
Texte en italique	Ceci est un texte en italic	''Ceci est un texte en italic''
Texte barré	~~Texte barré~~	<s>Texte barré</s>
Souligner du texte	Texte souligné	<u>Texte souligné</u>

Insérer des pastilles d'aide à la réalisation du tutoriel

Description	Résultat	Saisie
Interdire une action		{{Dont\|Text=Voici un exemple}}
Prévenir d'un danger Solliciter l'attention		{{Caution\|Text=Voici un exemple}}
Inviter à la mémorisation		{{Pin\|Text=Voici un exemple}}
Donner une information complémentaire		{{Info\|Text=Voici un exemple}}
Donner des idées		{{Idea\|Text=Voici un exemple}}

Description des licences autorisées sur Wikifab

Attribution Recommandé

Cette licence permet aux autres de distribuer, remixer, arranger, et adapter votre œuvre, même à des fins commerciales, tant qu’on vous accorde le mérite de la création originale en citant votre nom. C’est le contrat le plus souple proposé. Recommandé pour la diffusion et l’utilisation maximales d’œuvres licenciées sous CC.

Voir le Résumé Explicatif | Voir le Code Juridique

Attribution - Partage dans les Mêmes Conditions

Cette licence permet aux autres de remixer, arranger, et adapter votre œuvre, même à des fins commerciales, tant qu’on vous accorde le mérite en citant votre nom et qu’on diffuse les nouvelles créations selon des conditions identiques. Cette licence est souvent comparée aux licences de logiciels libres, “open source” ou “copyleft”. Toutes les nouvelles œuvres basées sur les vôtres auront la même licence, et toute œuvre dérivée pourra être utilisée même à des fins commerciales. C’est la licence utilisée par Wikipédia.

Voir le Résumé Explicatif | Voir le Code Juridique

Pourquoi ne proposer que ces deux licences ? Quel est mon intérêt à distribuer mon tutoriel sous une licence open-source ? Retrouvez notre vision et vos réactions concernant les licences sur cette page.

Insérez un lien dans votre tutoriel

Description	Vous tapez	Vous obtenez
Lien interne	[[Accueil]]	Accueil
Lien interne avec un intitulé différent	[[Accueil\|Lien vers la page d'accueil]]	Lien vers la page d'accueil
Lien externe	http://wikipedia.org	http://wikipedia.org
Lien externe avec un intitulé différent	[http://wikipedia.org Lien vers Wikipedia]	Lien vers Wikipedia

Vous tapez	Vous obtenez
* Je me suis inspiré du [[Mölkky\|tutoriel Molky réalisé par Auguste&Claire]] que je trouve très bien fait	* Je me suis inspiré du tutoriel Molky réalisé par Auguste&Claire que je trouve très bien fait.
* Pour décaper un meuble vernis, je me suis inspiré de ce [https://www.youtube.com/watch?v=6034yubI7CI\|tutoriel vidéo réalisé par Minute Déco].	* Pour décaper un meuble vernis, je me suis inspiré de ce vidéo réalisé par Minute Déco.

Vous tapez

Vous obtenez

* Je me suis inspiré du [[Mölkky|tutoriel Molky réalisé par Auguste&Claire]] que je trouve très bien fait

* Je me suis inspiré du tutoriel Molky réalisé par Auguste&Claire que je trouve très bien fait.

* Pour décaper un meuble vernis, je me suis inspiré de ce [https://www.youtube.com/watch?v=6034yubI7CI|tutoriel vidéo réalisé par Minute Déco].

* Pour décaper un meuble vernis, je me suis inspiré de ce vidéo réalisé par Minute Déco.

Comment choisir le nom de votre tutoriel

Dans un souci d'homogénéité et d'optimisation de la recherche, nous vous demandons de prendre le temps de réfléchir au nom de votre tutoriel. Voici nos recommandations :

1. Si votre tutoriel concerne la fabrication d'un objet :

1.1 Entrez directement le nom de l'objet. Ne précédez pas le nom de l'objet par un article défini (le, la, les) et indéfini (un, une, des).

A faire : Tabouret en bois
A ne PAS faire : Un tabouret en bois

1.2 Ne commencez pas le nom de votre tutoriel par les verbes "Fabriquer" ou "Créer". Le verbe n'apporte pas d'information au lecteur puisqu'il recherche une création et il sait déjà qu'il s'apprête à fabriquer ou créer quelque chose.

A faire : Tabouret en bois
A ne PAS faire : Fabriquer un tabouret en bois

1.3 Spécifiez les matériaux utilisés afin de qualifier le tutoriel le mieux possible.

Préférez : Tabouret d’appoint en bois de chêne et en béton ciré
Plutot que : Tabouret en bois

2. Si votre tutoriel concerne une technique :

2.1 Démarrez toujours par le verbe qui décrit la technique à l'infinitif.

Préférez : Poncer une planche
Plutôt que : Poncez une planche

2.2 Ne commencez pas le nom de votre tutoriel par le verbe "Apprendre" car cela n'apporte pas d'information au lecteur qui sait déjà qu'il s'apprête à apprendre une technique.

Préférez : Poncer une planche de chaîne
Plutôt que : Apprendre à poncer une planche de chaîne

3. Si votre tutoriel concerne une réparation :

3.1 Démarrez toujours par le verbe qui décrit l'opération de la réparation (évitez le verbe "Réparer" car il est trop généraliste) et mettez le l'infinitif.

Préférez : Remplacer le tambourt de la machine à lavée
Plutôt que : Réparer le tambourt de la machine à lavée

3.2 Indiquez toujours le modèle du produit que vous réparez.