(Clément a déplacé la page Catégorie:Tools vers Catégorie:Outils) |
|||
Ligne 1 : | Ligne 1 : | ||
− | # | + | __NOTOC__<noinclude> |
+ | <div class="tutorial-page"> | ||
+ | <div class="container"> | ||
+ | <div class="new-tutorial-page"> | ||
+ | {{#ifanon:<div class="alert alert-warning" role="alert"> | ||
+ | {{int:wf-formtutorial-alert|[[Special:UserLogin/signup|{{int:wf-formtutorial-alert-createaccount}}]]|[[Special:UserLogin|{{int:wf-formtutorial-alert-login}}]]}} | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div>| | ||
+ | <h1>{{int:wf-formtutorial-main-title}}</h1> | ||
+ | {{#forminput:form=Tutorial|button text={{int:wf-formtutorial-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|}} | ||
+ | <p data-toggle="modal" data-target="#ModalNom"><span class="glyphicon glyphicon-info-sign"></span> {{int:wf-formtutorial-main-subtitle}}</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4 col-sm-4 col-xs-12"> | ||
+ | [[Wikifab:Get_started|<span class="contribute-block"> | ||
+ | <span class="glyphicon glyphicon-thumbs-up icon-contribute" aria-hidden="true"></span> | ||
+ | <span class="contribute-block-title">{{int:wf-contribute-getstart-title}}</span> | ||
+ | <span>{{int:wf-contribute-getstart-subtitle1}}</span> | ||
+ | </span>]] | ||
+ | </div> | ||
+ | <div class="col-md-4 col-sm-4 col-xs-12"> | ||
+ | [[Wikifab:Taking_pictures|<span class="contribute-block"> | ||
+ | <span class="glyphicon glyphicon-camera icon-contribute" aria-hidden="true"></span> | ||
+ | <span class="contribute-block-title">{{int:wf-contribute-takingpictures-title}}</span> | ||
+ | <span>{{int:wf-contribute-takingpictures-subtitle1}}</span> | ||
+ | </span>]] | ||
+ | </div> | ||
+ | <div class="col-md-4 col-sm-4 col-xs-12"> | ||
+ | [[Wikifab:Help|<span class="contribute-block"> | ||
+ | <span class="glyphicon glyphicon-book icon-contribute" aria-hidden="true"></span> | ||
+ | <span class="contribute-block-title">{{int:wf-contribute-help-title}}</span> | ||
+ | <span>{{int:wf-contribute-help-subtitle1}}</span> | ||
+ | </span>]] | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | }} | ||
+ | </noinclude><includeonly> | ||
+ | <div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div> | ||
+ | {{{for template|Tuto Details}}} | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail"> | ||
+ | <div class="WfFormLabel"><span>{{int:wf-formtutorial-main-picture-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-main-picture-tooltip}}}}</span></div> | ||
+ | <div class="msuploadContainer msuploadContainerTall"> | ||
+ | {{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}} | ||
+ | {{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}} | ||
+ | </div> | ||
+ | <div class="Licences-group" id="accordion" role="tablist" aria-multiselectable="true"> | ||
+ | <div class="Licences"> | ||
+ | <div class="Licences-heading" role="tab" id="headingOne"> | ||
+ | <p class="Licences-title" data-toggle="collapse" data-target="#Licences">{{int:wf-formtutorial-edit-license-field}}</p> | ||
+ | </div> | ||
+ | <div id="Licences" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"> | ||
+ | <div class="Licences-body"> | ||
+ | {{{field|Licences|input type=dropdown|class=WfFormDropdown|mandatory|default=Attribution (CC-BY)}}} | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-8 col-sm-8 col-xs-12"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-12"> | ||
+ | <div class="WfFormLabel">{{int:wf-formtutorial-description-field-title}}</div><div>{{{field|Description|input type=textarea|mandatory|translatable|rows=2|maxlength=4000|class=WfFormTextarea|placeholder={{int:wf-formtutorial-description-field-placeholder}}|}}}</div> | ||
+ | <p class="WfFormLabel">{{int:wf-property-scientificfields}}</p> | ||
+ | {{{field|Area|mandatory|input type=checkboxes|class=WfFormCheckbox|hide select all|mapping using translate=wf-propertyvalue-area-}}} | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6 col-xs-12"> | ||
+ | <div class="WfFormLabel"><span>{{int:wf-formtutorial-difficulty-field-title}}</span><span class="custom-tooltip">{{#info:<p>'''Facile :''' Accessible à tous. Un enfant de 8 ans peut, sans difficulté, réaliser l'expérience.</p><p>'''Technique :''' Accessible à tous. Un adulte peut, sans difficulté, réaliser l'expérience.</p><p>'''Expert :''' Seul un adulte averti peut réaliser l'expérience.</p>}}</span></div> | ||
+ | {{{field|Difficulty|input type=dropdown|mandatory|class=WfFormDropdown|mapping using translate=wf-propertyvalue-difficulty-}}} | ||
+ | </div> | ||
+ | <div class="col-md-6 col-xs-12"> | ||
+ | <div class="WfFormLabel"><span>{{int:wf-formtutorial-duration-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-duration-popup}}|}}</span></div> | ||
+ | {{{field|Duration|mandatory|class=WfFormText WfFormTextCombine}}} {{{field|Duration-type|mandatory|input type=dropdown|class=WfFormDropdown WfFormDropdownCombine|mapping using translate=wf-propertyvalue-durationtype-}}} | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="WfFormLabel"><span>{{int:wf-formtutorial-tags-field-title}}</span><span class="custom-tooltip">{{#info:Entrez 4 à 5 mots clés pour décrire votre expérience. Ces mots clés peuvent être des thèmes ou des concepts scientifiques (séparez chaque mot clé par une virgule).|}}</span></div> | ||
+ | <div class="WfFormTokensParent">{{{field|Tags|placeholder={{int:wf-formtutorial-tag-field-tooltip}}|class=WfFormTokens|input type=tokens|size=}}}</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | {{{end template}}} | ||
+ | <div class="hrContentMinor-2"></div> | ||
+ | {{{for template|Introduction}}} | ||
+ | <div class="edit-step-title">{{int:wf-formtutorial-introduction-field-title}} <span>{{int:wf-formtutorial-introduction-field-info}}</span></div> | ||
+ | {{{field|Introduction|input type=textarea|translatable|rows=5|maxlength=10000|class=form-textarea}}} | ||
+ | {{{end template}}} | ||
+ | <div class="hide-mobile-view"> | ||
+ | {{{for template|TutoVideo|multiple|minimum=0|maximum instances=1|add button text={{int:wf-tuto-video-btnlink}} }}} | ||
+ | <div class="dokit-video-radio">{{{field|VideoType|input type=dropdown|default=Youtube|mandatory|class=WfFormDropdown WfFormDropdownAutoWidth WfFormTextCombine|show on select=Youtube=>dokit-video-youtube;Vimeo=>dokit-video-vimeo;Dailymotion=>dokit-video-dailymotion;Mp4=>dokit-video-mp4}}}</div> | ||
+ | <div class="dokit-video-url" id="dokit-video-youtube"> | ||
+ | {{{field|VideoURLYoutube|mandatory|placeholder={{int:dokit-video-youtube-placeholder}}|class=dokit-video-url-field}}} | ||
+ | </div> | ||
+ | <div class="dokit-video-url" id="dokit-video-vimeo"> | ||
+ | {{{field|VideoURLVimeo|mandatory|placeholder={{int:dokit-video-vimeo-placeholder}}|class=dokit-video-url-field}}} | ||
+ | </div> | ||
+ | <div class="dokit-video-url" id="dokit-video-dailymotion"> | ||
+ | {{{field|VideoURLDailymotion|placeholder={{int:dokit-video-dailymotion-placeholder}}|mandatory|class=dokit-video-url-field}}} | ||
+ | </div> | ||
+ | <div class="dokit-video-url" id="dokit-video-mp4"> | ||
+ | {{{field|mp4video|uploadable|size=25|class=form-picture}}} | ||
+ | </div> | ||
+ | {{{end template}}} | ||
+ | </div> | ||
+ | {{{for template|Materials}}} | ||
+ | <div class="Input-tabs"> | ||
+ | {{#tag:tabber| | ||
+ | Outils et matériel=<div class="file-subtitle"><span>{{int:dokit-item-tabs-subtitle}}</span><span class="custom-tooltip">{{#info:{{int:dokit-item-tabs-subtitle-tooltip|[[Form:Item|{{int:dokit-item-tabs-subtitle-tooltip-link}}]]}}}}</span></div> | ||
+ | <div class="prerequisites-selection">{{{field|ItemList|holds template}}}</div> | ||
+ | {{!}}-{{!}} | ||
+ | Expériences pré-requises =<h4>Listez ici les expériences pré-requises :</h4><div class="prerequisites-selection">{{{field|Prerequisites|holds template}}}</div> | ||
+ | {{!}}-{{!}} | ||
+ | {{int:wf-formtutorial-file-tabs-title}}=<div class="row"> | ||
+ | <div class="col-md-6 col-sm-6 col-xs-12 box-file-form"> | ||
+ | <div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option1}}</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="file-subtitle">{{int:wf-formtutorial-file-tabs-option2}}</div> | ||
+ | <div class="add-attachments">{{{field|ExternalAttachmentsLinks|holds template}}}</div> | ||
+ | </div> | ||
+ | }} | ||
+ | </div> | ||
+ | {{{end template}}} | ||
+ | {{{for template|ItemList|multiple|maximum instances=100|add button text=Ajouter un outil ou un matériel|embed in field=Materials[ItemList]}}}{{{field|Item|input type=combobox|existing values only|placeholder={{int:dokit-item-tabs-placeholder}}|values from namespace=Item}}}{{{end template}}} | ||
+ | {{{for template|Prerequisites|multiple|maximum instances=20|add button text=Ajouter une expérience pré-requise|embed in field=Materials[Prerequisites]}}}{{{field|Prerequisites|input type=combobox|existing values only|placeholder=Recherchez et ajoutez une expérience pré-requise|values from category=Tutorials}}}{{{end template}}} | ||
+ | {{{for template|ExternalAttachmentsLinks|multiple|maximum instances=10|add button text={{int:wf-formtutorial-file-tabs-btnlink}}|embed in field=Materials[ExternalAttachmentsLinks]}}}{{{field|ExternalAttachmentsLinks|input type=text|class=WfFormText}}}{{{end template}}} | ||
+ | {{{for template|Tuto_Attachments|multiple|maximum instances=30|add button text={{int:wf-formtutorial-file-tabs-btnfile}}|embed in field=Materials[Tuto_Attachments]}}}{{{field|Attachment|class=WfFormText|default=|uploadable}}}{{{end template}}} | ||
+ | <div class="bg-halfsquare-separator-2"></div> | ||
+ | {{{for template|Separator}}}<br>{{{end template}}} | ||
+ | <h2>{{int:wf-formtutorial-steps}}</h2> | ||
+ | <div class="multipleTemplate-tutostep">{{{for template|Tuto Step|multiple|minimum instances=1|maximum instances=400|add button text={{int:wf-formtutorial-step-btnaddstep}} }}} | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-6 col-xs-12 col-sm-push-6 WfFormTutoStepInstructions"> | ||
+ | <div>{{{field|Step_Title|input type=text|translatable|class=form-text form-step-title|placeholder={{int:wf-formtutorial-step-title-placeholder}}|size=50}}}</div> | ||
+ | <div>{{{field|Step_Content|input type=textarea|translatable|rows=16|class=form-textarea}}}</div> | ||
+ | </div> | ||
+ | <div class="col-sm-6 col-xs-12 col-sm-pull-6"> | ||
+ | <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}}} | ||
+ | {{{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}}} | ||
+ | {{{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}}} | ||
+ | {{{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}}} | ||
+ | {{{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}}} | ||
+ | {{{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 class="hrContentMinor"></div>{{{end template}}}</div> | ||
+ | <div class="notes-ref"> | ||
+ | {{{for template|Notes}}} | ||
+ | <div class="bg-halfsquare-separator-3"></div> | ||
+ | <h2>Comment ça marche ?</h2> | ||
+ | <h3>Observations : que voit-on ?</h3> | ||
+ | {{{field|Observations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}} | ||
+ | <h3>Mise en garde : qu'est-ce qui pourrait faire rater l'expérience ?</h3> | ||
+ | {{{field|Avertissement|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}} | ||
+ | <h3>Explications</h3> | ||
+ | {{{field|Explanations|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}} | ||
+ | <h3>Plus d'explications</h3> | ||
+ | {{{field|Deepen|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}} | ||
+ | <h3>Application : dans la vie de tous les jours</h3> | ||
+ | {{{field|Applications|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}} | ||
+ | <h3>Vous aimerez aussi</h3> | ||
+ | {{{field|Related|input type=textarea|class=form-textarea|translatable|rows=4|maxlength=5000}}} | ||
+ | <div class="bg-halfsquare-separator-3"></div> | ||
+ | <h2>Éléments pédagogiques</h2> | ||
+ | <h3>Objectifs pédagogiques <span class="custom-tooltip">{{#info:Listez ce à quoi peut servir cette expérience : comprendre tel phénomène, tel concepts, etc... }}</span></h3> | ||
+ | {{{field|Objectives|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}} | ||
+ | <h3>Pistes pour animer l'expérience <span class="custom-tooltip">{{#info:Idée d'animation, de mise en scène.}}</span></h3> | ||
+ | {{{field|Animation|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}} | ||
+ | <h3>Sources et ressources <span class="custom-tooltip">{{#info:Lien vers des sites web ressources : wikipédia, CNRS, Wikipédia,... éventuellement une bibliographie (ex les bouquins petits débrouillards).}}</span></h3> | ||
+ | {{{field|Notes|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}} | ||
+ | {{{end template}}} | ||
+ | </div> | ||
+ | <hr class="WfEndForm"> | ||
+ | <div class="saving-menu"> | ||
+ | <span class="status-checkbox">{{int:wf-completetooltip-label}} : {{{for template|Tuto_Status}}}{{{field|Complete|default=Draft|mandatory|input type=dropdown|class=WfFormDropdownLight|mapping using translate=wf-propertyvalue-complete-}}}{{{end template}}}</span><span class="custom-tooltip-light">{{#info:<p>'''{{int:wf-propertyvalue-complete-Published}} :''' {{int:wf-completetooltip-published-description}}</p><p>'''{{int:wf-propertyvalue-complete-Draft}} :''' {{int:wf-completetooltip-draft-description}}</p>}}</span><span class="display-none">{{{standard input|watch}}} {{{standard input|saveDraft}}}</span>{{{standard input|cancel}}}{{{standard input|save}}}<span id="loaderSave"><i class="fa fa-spinner fa-pulse fa-2x fa-fw "></i></span> | ||
+ | </div> | ||
+ | </includeonly> | ||
+ | |||
+ | <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">×</span></span><h4 class="modal-title">{{int:wf-formtutorial-popuplicense-title}}</h4> | ||
+ | </div> | ||
+ | <div class="modal-body"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-12 col-sm-12 col-xs-12"> | ||
+ | [[File:CC-BY.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence1-title}} <span class="label label-success">{{int:wf-formtutorial-popuplicense-licence-recommended}}</span></span> | ||
+ | <p>{{int:wf-formtutorial-popuplicense-licence1-description}}</p> | ||
+ | <p>[http://creativecommons.org/licenses/by/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p> | ||
+ | <br> | ||
+ | [[File:CC-BY-SA.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence2-title}}</span> | ||
+ | <p>{{int:wf-formtutorial-popuplicense-licence2-description}}</p> | ||
+ | <p>[http://creativecommons.org/licenses/by-sa/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by-sa/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p> | ||
+ | <hr> | ||
+ | <p>{{int:wf-formtutorial-popuplicense-question}} [http://feedback.wikifab.org/t/under-which-open-license-can-i-publish-my-tutorial-on-wikifab/30 {{int:wf-formtutorial-popuplicense-question-link}}].</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> |
Version du 3 décembre 2018 à 12:32
{{#ifanon:
Oups ! Vous n'avez pas la permission de créer une page car vous n'êtes pas connecté. Créez un compte ou connectez vous
|
Créer un tutoriel
Apprendre à bien choisir le nom de mon tutoriel.
}}
DiscussionsPoser une question
Pages dans la catégorie « Tools »
Cette catégorie comprend 5 pages, dont les 5 ci-dessous.