Formulaire:Tutoriel : Différence entre versions
 
(373 révisions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
−
<noinclude>
+
__NOTOC__<noinclude>
−
 
+
<div class="tutorial-page">
−
Entrez le nom du tutoriel que vous souhaitez créer ci-dessous. Si un tutoriel avec ce nom existe déjà, vous serez dirigé vers un formulaire pour l’éditer.
+
<div class="container">
−
 
+
<div class="new-tutorial-page">
−
{{#forminput:form=Tutoriel}}
+
{{#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> Apprendre à bien choisir le nom de mon tutoriel.</p>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-4 col-sm-4 col-xs-12">
 +
[[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>
 +
<span>Quelques conseils en une page<br>pour bien commencer</span>
 +
</span>]]
 +
</div>
 +
<div class="col-md-4 col-sm-4 col-xs-12">
 +
[[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>
 +
<span>Découvrez notre tutoriel pour<br>apprendre à prendre de belles photos</span>
 +
</span>]]
 +
</div>
 +
<div class="col-md-4 col-sm-4 col-xs-12">
 +
[[Wikifab:Aide|<span class="contribute-block">
 +
<span class="glyphicon glyphicon-book icon-contribute" aria-hidden="true"></span>
 +
<span class="contribute-block-title">L'aide complète</span>
 +
<span>Pour tout savoir sur wikifab<br>et son fonctionnement</span>
 +
</span>]]
 +
</div>
 +
</div>
 +
</div>
 +
}}
 
</noinclude><includeonly>
 
</noinclude><includeonly>
 
<div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div>
 
<div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div>
Ligne 9 : Ligne 44 :
 
<div class="row">
 
<div class="row">
 
<div class="col-md-8 col-sm-8 col-xs-12">
 
<div class="col-md-8 col-sm-8 col-xs-12">
−
<h3 class="form-detail-title">Détails du tutoriel</h3>
 
 
<div class="row table-edit-form">
 
<div class="row table-edit-form">
−
<div class="col-md-2 col-sm-2 col-xs-12 edit-form-title">Type</div>
+
<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-12">{{{field|Type|mandatory|class=detail-field}}}</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 drone)</p><p>'''Technique''' : votre tutoriel concerne une technique à apprendre (ex : Utiliser une machine à coudre)</p>}}
 +
</div>
 
</div>
 
</div>
 
<div class="row table-edit-form">
 
<div class="row table-edit-form">
 
<div class="col-md-2 col-sm-2 col-xs-12 edit-form-title">Catégorie(s)</div>
 
<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=detail-area-field}}}</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>
 
<div class="row table-edit-form">
 
<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-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 with autocomplete|mandatory|rows=2|maxlength=200|placeholder=Décrivez l'objet du tutoriel en quelques lignes|class=text-field}}}</div>
+
<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="col-md-2 col-sm-2 col-xs-12 edit-form-title">Difficulté</div>
 
−
<div class="col-md-4 col-sm-4 col-xs-12">{{{field|Difficulty|class=detail-field}}}</div>
 
−
<div class="col-md-2 col-sm-2 col-xs-12 edit-form-title">Coût</div>
 
−
<div class="col-md-4 col-sm-4 col-xs-12">{{{field|Cost|input type=dropdown|class=detail-field}}}</div>
 
 
</div>
 
</div>
−
<div class="row table-edit-form">
+
<div class="row licence-section">
−
<div class="col-md-2 col-sm-2 col-xs-12 edit-form-title">Durée</div>
+
<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title table-edit-form">Difficulté</div>
−
<div class="col-md-10 col-sm-10 col-xs-12">{{{field|Duration|class=text-field|placeholder=ex: 15 à 20 minutes}}}</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 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}}} {{{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>
 
</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=Ecrivez le nom d'un matériau, cliquez sur "Entrer" puis répétez l'opération.}}}</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 class="row table-edit-form">
 
−
<div class="col-md-2 col-sm-2 col-xs-2 edit-form-title">Outils</div>
 
−
<div class="col-md-10 col-sm-10 col-xs-10">{{{field|Tools|input type=tokens|class=token-field|size=5|placeholder=Ecrivez le nom d'un outil, cliquez sur "Entrer" puis répétez l'opération.}}}</div>
 
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="col-md-4 col-sm-4 col-xs-12">
+
<div class="hrContentMinor-2"></div>
−
<h3 class="form-detail-title">Image principale</h3>
+
{{{for template|Introduction}}}
−
{| class="formtable"
+
<div class="edit-step-title">Introduction <span>(facultative)</span></div>
−
{{{field|Main_Picture|uploadable|size=25|class=text-field|image preview}}}
+
{{{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}}}
 
{{{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>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="bg-halfsquare-separator"></div>
+
|-|
−
<h3 class="form-detail-title">Ajouter ou modifier les étapes</h3>
+
Fichiers=
−
{{{for template|Tuto Step|multiple|minimum instances=1|maximum instances=100|add button text=+ Ajouter une étape}}}
+
<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=400|add button text=+ Ajouter une étape}}}
 
<div class="row">
 
<div class="row">
 
<div class="col-md-6 col-sm-6 col-xs-12">
 
<div class="col-md-6 col-sm-6 col-xs-12">
−
'''Etape n°{{#stepNumber: step }} :''' {{{field|Step_Title|class=step-title-field|class=text-field|placeholder=Titre de l'étape|size=50}}}
+
<div class="row">
−
 
+
<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>
−
'''Instructions :''' {{{field|Step_Content|input type=textarea|rows=15|class=step-content-field|class=text-field|placeholder=Ecrivez ici les instructions à suivre pour réaliser l'étape.  
+
</div>
 +
<div class="row">
 +
<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.
 
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.}}}
+
L'utilisation de nom commerciaux (marques, etc.) est interdite.}}}</div>
 +
</div>
 
</div>
 
</div>
 
<div class="col-md-6 col-sm-6 col-xs-12">
 
<div class="col-md-6 col-sm-6 col-xs-12">
−
'''Image de l'étape :''' {{{field|Step_Picture|size=32|class=step-picture-field|uploadable|class=text-field|image preview}}}
+
<div class="col-pic-step msuploadContainer">
−
<p class="upload-instructions">La taille recommandée est 800 x 600 pixels. L'image n'est visible que lorsque vous cliquez sur "Enregistrer".</p>
+
{{{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>
 
</div>
 
</div>
 
</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}}}
 
{{{end template}}}
−
<br/><br/>
+
[[Catégorie:Tutoriels]]
−
{{{standard input|summary}}}
+
</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>
 +
 
 +
<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">
 +
<div class="modal-body">
 +
<p class="modal-subtitle">Mettre en forme le texte<span class="close" data-dismiss="modal" aria-hidden="true">&times;</span></p>
 +
<table class="table table-bordered">
 +
        <tr>
 +
          <th>Description</th>
 +
          <th>Résultat</th>
 +
          <th>Saisie</th>
 +
        </tr>
 +
        <tr>
 +
          <td>Bullet points</td>
 +
          <td><ul><li>Ceci est un bullet point</li></ul></td>
 +
          <td><div style="width:36px; float:left; margin-right:10px"><pre>*</pre></div> à insérer en début de phrase</td>
 +
        </tr>
 +
        <tr>
 +
          <td>Texte en gras</td>
 +
          <td>'''Ceci est un texte en gras'''</td>
 +
          <td><pre>'''Ceci est un texte en gras'''</pre></td>
 +
        </tr>
 +
        <tr>
 +
          <td>Texte en italique</td>
 +
          <td>''Ceci est un texte en italic''</td>
 +
          <td><pre>''Ceci est un texte en italic''</pre></td>
 +
        </tr>
 +
        <tr>
 +
          <td>Texte barré</td>
 +
          <td><s>Texte barré</s></td>
 +
          <td><pre><s>Texte barré</s></pre></td>
 +
        </tr>
 +
        <tr>
 +
          <td>Souligner du texte</td>
 +
          <td><u>Texte souligné</u></td>
 +
          <td><pre><u>Texte souligné</u></pre></td>
 +
        </tr>
 +
    </table>
 +
<p class="modal-subtitle">Insérer des pastilles d'aide à la réalisation du tutoriel</p>
 +
<table class="table table-bordered">
 +
        <tr>
 +
          <th>Description</th>
 +
          <th>Résultat</th>
 +
          <th>Saisie</th>
 +
        </tr>
 +
        <tr>
 +
          <td>Interdire une action</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|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|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|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|link=]]</td>
 +
          <td><pre>{{Idea|Text=Voici un exemple}}</pre></td>
 +
        </tr>
 +
    </table>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<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><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-BY.png]]<span class="cc-modal-subtitle">Attribution <span class="label label-success">Recommandé</span></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>
 +
<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>
 +
<hr>
 +
<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>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<div class="modal fade wfform" id="ModalLink" 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">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.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
 +
 
  
−
{{{standard input|minor edit}}} {{{standard input|watch}}}
+
<h4>2. Si votre tutoriel concerne une technique :</h4>
  
−
{{{standard input|save}}} {{{standard input|preview}}} {{{standard input|changes}}} {{{standard input|cancel}}}
+
2.1 Démarrez toujours par le verbe qui décrit la technique à l'infinitif.
−
</includeonly>
+
 
 +
* 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
 +
 
 +
 
 +
<h4>3. Si votre tutoriel concerne une réparation :</h4>
 +
 
 +
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.
 +
 
 +
* 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


Récupérée de « https://wikifab.org/w/index.php?title=Formulaire:Tutoriel&oldid=15306 »
© 2017 - 2024 Dokit, SAS.