Difference between revisions of "Form:Tutoriel"

 
(9 intermediate revisions by one other user not shown)
Line 16: Line 16:
 
<div class="row">
 
<div class="row">
 
<div class="col-md-4 col-sm-4 col-xs-12">
 
<div class="col-md-4 col-sm-4 col-xs-12">
[[Wikifab:Premiers_pas|<span class="contribute-block">
+
[https://help.dokit.io/ <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 démarrer</span></span>]
<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>
 
<div class="col-md-4 col-sm-4 col-xs-12">
 
<div class="col-md-4 col-sm-4 col-xs-12">
Line 30: Line 26:
 
</div>
 
</div>
 
<div class="col-md-4 col-sm-4 col-xs-12">
 
<div class="col-md-4 col-sm-4 col-xs-12">
[[Wikifab:Aide|<span class="contribute-block">
+
[https://help.dokit.io/ <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 la plateforme<br>et son fonctionnement</span></span>]
<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>
 
</div>
Line 132: Line 124:
 
|-|
 
|-|
 
  Fichiers=
 
  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="alert alert-info" role="alert">Ajoutez un lien vers l'endroit ou vos fichiers sont hébergés ou stockez vos fichiers directement sur la plateforme.</div>
 
<div class="row">
 
<div class="row">
 +
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form">
 +
<div class="file-subtitle">Uploadez vos fichiers sur la plateforme</div>
 +
<div class="add-attachments add-attachments-upload">{{{field|Tuto_Attachments|holds template}}}</div></div>
 
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form">
 
<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="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="add-attachments">{{{field|ExternalAttachmentsLinks|holds template}}}</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>
 
</div>
 
</tabber>
 
</tabber>
Line 198: Line 190:
 
<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="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>
 
</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 fade wfform" id="ModalCreativeCommons" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
Line 278: Line 195:
 
<div class="modal-content">
 
<div class="modal-content">
 
<div class="modal-header">
 
<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>
+
<span class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></span><h4 class="modal-title">Description des licences proposées</h4>
 
</div>
 
</div>
 
<div class="modal-body">
 
<div class="modal-body">
 
<div class="row">
 
<div class="row">
 
<div class="col-md-12 col-sm-12 col-xs-12">
 
<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>
+
<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>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>
 
<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>
 
<br>
[[Fichier:CC-BY-SA.png]]<span class="cc-modal-subtitle">Attribution - Partage dans les Mêmes Conditions</span>
+
<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>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>
 
<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>
 
</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>
Line 362: Line 218:
 
<div class="modal-content">
 
<div class="modal-content">
 
<div class="modal-header">
 
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">Comment choisir le nom de votre tutoriel</h4>
+
<span class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></span>
 +
<h4 class="modal-title" id="myModalLabel">Comment choisir le nom de votre tutoriel ?</h4>
 
</div>
 
</div>
 
<div class="modal-body">
 
<div class="modal-body">

Latest revision as of 10:24, 17 June 2017