Formulaire:Tutoriel : Différence entre versions

@@ Ligne 3 : / Ligne 3 : @@
 <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 data-toggle="modal" data-target="#ModalNom"><span class="glyphicon glyphicon-info-sign"></span> Comment choisir le nom de mon tutoriel.</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">
-[[Page en construction|<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">
@@ Ligne 57 : / Ligne 66 : @@
 <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 table-edit-form">Coût</div>
-<div class="col-md-4 col-sm-4 col-xs-9 table-edit-form custom-tooltip">{{{field|Cost|mandatory|class=form-duration}}} <span class="currency-in-form">€</span> {{#info:Coût approximatif pour acheter le materiel (hors outils), en supposant qu'il faille tout acheter.}}</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">
@@ Ligne 65 : / Ligne 74 : @@
 <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">
-<div class="col-md-2 col-sm-2 col-xs-12 edit-form-title">Matériaux</div>
-<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>
 </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">Outils</div>
+<div class="msuploadContainer">
-<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>
+{{{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>
 </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-2 col-sm-3 col-xs-12 edit-step-title">Titre :</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-10 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="help-text"><span class="glyphicon glyphicon-question-sign"></span> Apprendre à <span class="style-instructions-text" data-toggle="modal" data-target="#myModal">mettre en forme</span> le texte et <span class="style-instructions-text" data-toggle="modal" data-target="#ModalLink">insérer des liens</span>.</p>
-</div>
 </div>
 </div>
 <div class="col-md-6 col-sm-6 col-xs-12">
-{{{field|Step_Picture_00|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 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=No-image-yet.jpg|uploadable}}}
+<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=No-image-yet.jpg|uploadable}}}
+<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=No-image-yet.jpg|uploadable}}}
+<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=No-image-yet.jpg|uploadable}}}
+<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=No-image-yet.jpg|uploadable}}}
+<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>
 </div>
-<div class="hrContentMinor"></div>
+<div class="hrContentMinor"></div>{{{end template}}}
-{{{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|placeholder=Entrez ici les notes et références du tutoriel.}}}<p class="help-text"><span class="glyphicon glyphicon-question-sign"></span> Apprendre à <span class="style-instructions-text" data-toggle="modal" data-target="#ModalRef">insérer des références</span>.</p>
+{{{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}}}
+[[Catégorie:Tutoriels]]
 </div>
-<div class="saving-menu">
+<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>
-<div class="container">
-{{{standard input|save}}} {{{standard input|save and continue}}} {{{standard input|cancel}}}  {{{standard input|watch}}}
-</div>
-</div>
 </includeonly>
-<!-- Modal -->
 <div class="modal fade wfform" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-dialog">
@@ Ligne 192 : / 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 221 : / Ligne 274 : @@
 </div>
-<!-- Modal -->
 <div class="modal fade wfform" id="ModalCreativeCommons" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <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">Description des licences autorisées sur Wikifab</p>
+<span class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></span><h4 class="modal-title">Description des licences autorisées sur Wikifab</h4>
 </div>
 <div class="modal-body">
 <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>
-<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>
-<br>
-[[Fichier:CC-BY-NC-SA.png]]<span class="cc-modal-subtitle">Attribution - Pas d’Utilisation Commerciale - Partage dans les Mêmes Conditions</span>
-<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>
-<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>
-<br>
-<h4>Pourquoi les licences "Pas de Modification" ne sont pas possibles sur Wikifab ?</h4>
-<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>
 </div>
@@ Ligne 261 : / Ligne 299 : @@
 </div>
-<!-- Modal -->
 <div class="modal fade wfform" id="ModalLink" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-dialog">
@@ Ligne 285 : / Ligne 322 : @@
 <tr>
 <td>Lien externe</td>
-<td><pre>http://google.com</pre></td>
+<td><pre>http://wikipedia.org</pre></td>
-<td>http://google.com</td>
+<td>http://wikipedia.org</td>
 </tr>
 <tr>
 <td>Lien externe avec un intitulé différent</td>
-<td><pre>[http://google.com Lien vers Google]</pre></td>
+<td><pre>[http://wikipedia.org Lien vers Wikipedia]</pre></td>
-<td>[http://google.com Lien vers Google]</td>
+<td>[http://wikipedia.org Lien vers Wikipedia]</td>
 </tr>
 </table>
@@ Ligne 299 : / Ligne 336 : @@
 </div>
-<!-- Modal -->
 <div class="modal fade wfform-2" id="ModalRef" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-dialog">
@@ Ligne 324 : / Ligne 358 : @@
 </div>
-<!-- Modal -->
 <div class="modal fade wfform-2" id="ModalNom" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-dialog">
@@ Ligne 333 : / Ligne 365 : @@
 </div>
 <div class="modal-body">
-Dans un souci d'homogénité et d'optimisation de la recherche, nous vous demandons de prendre le temps de réfléchir au nom de votre tutoriel. Si un tutoriel avec ce nom existe déjà, vous serez dirigé vers un formulaire pour l’éditer. Voici nos recommandations pour 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 :
 <h4>1. Si votre tutoriel concerne la fabrication d'un objet :</h4>
@@ Ligne 383 : / Ligne 414 : @@
 * 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 à 10: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.