HATLAB - Contributions de l’utilisateur [fr]

Utilisateur:Admin

2019-07-14T21:58:43Z

Admin : create user page

SUNLAB - Enregistrement, Authentification & Accès électronique

2018-04-11T14:44:59Z

Admin :

{{Tuto Details
|Type=Technique
|Area=Électronique
|Description=Mise en place d'ouverture de porte par accès portail web.
|Difficulty=Difficile
|Cost=100
|Currency=EUR (€)
|Duration=10
|Duration-type=heure(s)
|Licences=GNU Free Hardware Designs
|Main_Picture=SUNLAB_-_Enregistrement__Authentification___Acc_s__lectronique_sunlab_door.png
}}
{{Introduction
|Introduction=Dans ce tutoriel nous allons voir deux sujets :
- Service d'authentification de la porte du Sunlab.
- Service d'enregistrement de présence au Sunlab.

Afin de suivre correctement ce tutoriel, il est nécessaire d'avoir des connaissances au moins basiques dans les domaines suivants: Linux, Programmation & électronique. Je ne vais pas rentrer dans les détails de certaines parties.

La majorité des opérations doivent être réalisés sur votre Raspberry-pi. Notamment la partie compilation des codes et programmes C qui ne fonctionneront pas s'ils sont compilés sous une architecture x68/x64 et déplacés sur ARM… Une partie des codes sources sont déjà disponibles compilés pour ARM dans le dépôt git.
}}
{{Materials
|Material=* Electro-aimants (de porte)
* Boitier plastique
* Connecteurs
* Fils electrique
* Raspberry (équipé)
* Relais 2A (5/12v commande)
|Tools=''' Liste des technologies '''
* Dév web: PHP / CSS / HTML / Javascript
* Dév système: C
* Hardware: Raspberry py, NFC reader
* Base de données: MYSQL / LDAP
* Système : Linux (debian), Apache2
* Gestion du code: Git
}}
{{Separator}}
{{Tuto Step
|Step_Title=Fonctionnement et architecture du code
|Step_Content=L'intégralité du code est géré sous GIT, vous pouvez contribuer directement en effectuant des demandes de merge.

Lien du git: [[https://github.com/ThomasGsp/sunlab|https://github.com/ThomasGsp/sunlab]]

'''Le code est divisé en quatre grande parties:'''
* Le "common", le code sert de base fonctionnelle aux trois autres.
* La partie "door", comprenant le code spécifique pour la porte.
* La partie "nfc", pour le nfc.
* La partie "register" pour l'enregistrement de présence.

'''Afin d'accélérer le développement, le code est basé sur plusieurs tierces parties:'''
* PHPMailer pour l'envoi des email.
* Bootstrap pour le CSS/HTML.
* PHP-Login pour la base php/js/mysql ( [[https://github.com/fethica/PHP-Login/tree/master/login|https://github.com/fethica/PHP-Login/tree/master/login]] ).
}}
{{Tuto Step
|Step_Title=Hardware
|Step_Content=* Un raspberry pi équipé (alimentation, carte SD, boitier).
* Un lecteur NFC compatible (type: [[https://www.amazon.fr/Lecteur-Proximit%C3%A9-125KHz-Contr%C3%B4le-S%C3%A9curit%C3%A9/dp/B00HSDOTTU/ref=sr_1_5?ie=UTF8&qid=1480970036&sr=8-5&keywords=nfc+reader|https://www.amazon.fr/Lecteur-Proximit%C3%A9-125KHz-Contr%C3%B4le-S%C3%A9curit%C3%A9/dp/B00HSDOTTU/ref=sr_1_5?ie=UTF8&qid=1480970036&sr=8-5&keywords=nfc+reader]]
* Tablette tactile (optionnel)
}}
{{Tuto Step
|Step_Title=Installation et configuration
|Step_Content=* Préparer une installation propre de Raspbian sur un Raspberry
* Installer les suites de logiciels suivants avec les configurations associés
}}
{{Tuto Step
|Step_Title=Stack web: apache2, php, mysql
|Step_Content='''Installation des paquets debian pour squeeze/Debian 8'''
apt-get install apache2 mysql-server php5 libapache2-mod-php5 php-curl php5-ldap php5-mysql

'''Installation des paquets debian pour stretch/Debian 9.1'''
apt install mariadb-server apache2 php libapache2-mod-php php-ldap php-mysql

'''Configuration sécurité apache:'''
vi /etc/apache2/conf-enabled/security.conf
ServerTokens Prod
ServerSignature Off

'''VHOST apache:'''
vi /etc/apache2/sites-available/sunlab.conf

<VirtualHost *:80>
ServerName porte.sunlab.org
ServerAdmin webmaster@localhost
DocumentRoot /var/www/sunlab/door
<Directory /var/www/sunlab/door>
Options -Indexes
</Directory>
ErrorLog ${APACHE_LOG_DIR}/porte_error.log
CustomLog ${APACHE_LOG_DIR}/porte_access.log combined
</VirtualHost>

<VirtualHost *:80>
ServerName presence.sunlab.org
ServerAdmin webmaster@localhost
DocumentRoot /var/www/sunlab/register
<Directory /var/www/sunlab/register>
Options -Indexes
</Directory>
ErrorLog ${APACHE_LOG_DIR}/presence_error.log
CustomLog ${APACHE_LOG_DIR}/presence_access.log combined
</VirtualHost>

<VirtualHost *:80>
ServerName nfc.sunlab.org
ServerAdmin webmaster@localhost
DocumentRoot /var/www/sunlab/nfc
<Directory /var/www/sunlab/nfc>
Options -Indexes
</Directory>
ErrorLog ${APACHE_LOG_DIR}/nfc_error.log
CustomLog ${APACHE_LOG_DIR}/nfc_access.log combined
</VirtualHost>

'''Configuration MYSQL:'''
Se connecter à mysql, créer une base avec un utilisateur associé:
CREATE DATABASE sunlab;
CREATE USER 'sunlab'@'localhost' IDENTIFIED BY 'definir_ici_un_mot_de_passe';
GRANT ALL PRIVILEGES ON sunlab.* TO 'sunlab'@'localhost';
FLUSH PRIVILEGES;

Le schéma de la base est disponible dans '''SUNLAB/DOC/DATABASE.sql'''
}}
{{Tuto Step
|Step_Title=Restaurer la base à partir de fichiers physiques
|Step_Content=* https://stackoverflow.com/questions/484750/restoring-mysql-database-from-physical-files
* https://biolinh.wordpress.com/2017/04/01/restoring-mysql-database-from-physical-files-debianubuntu/

service mariadb stop
cd /var/lib/mysql
for i in ib* ; do mv $i ${i}.prev ; done

mv sunlab sunlab_prev
tar zxvf /home/pi/download /var_lib_mysql_sunlab20180207.tar.gz

chown -R mysql: ib* sunlab

service mariadb start
}}
{{Tuto Step
|Step_Title=Déploiement: git
|Step_Content=''' Installation des paquets debian'''
apt-get install git

''' Cloner le projet dans votre home utilisateur'''
git clone https://github.com/ThomasGsp/sunlab.git

''' Copier le projet dans votre répertoire web'''
cp -R sunlab /var/www/
chown -R www-data: /var/www/sunlab
}}
{{Tuto Step
|Step_Title=NFC
|Step_Content=Pour utiliser le module nfc usb, il est nécessaire d'installer la librairie libnfc.

'''Installation des paquets debian'''
apt-get install dh-autoreconf doxygen libusb-dev libpcsclite-dev make pcscd

apt install libnfc5 libnfc-bin # en stretch / Debian 9.3

''' Installation de la libnfc (utiliser la version 1.5 pour des raisons de compatibilités !)'''
git clone https://github.com/nfc-tools/libnfc.git
cd libnfc/
git checkout libnfc-1.7.1
autoreconf -vis
./configure --enable-doc
make
make install

''' Blacklist du module originel'''
vi /etc/modprobe.d/blacklist-libnfc.conf
blacklist pn533
blacklist nfc

''' Désactivation à chaud '''
modprobe -r pn533 nfc

''' restart du process'''
service pcscd restart

lsusb # doit afficher une ligne similaire à :
Bus 001 Device 005: ID 072f:2200 Advanced Card Systems, Ltd ACR122U

nfc-list # en plaçant une carte reconnue par le nfc (navigo, carte bleue...) doit afficher quelque chose comme :
nfc-list uses libnfc 1.7.1
NFC device: ACS / ACR122U PICC Interface opened
1 ISO14443B-2 ST SRx passive target(s) found:
ISO/IEC 14443-2B ST SRx (106 kbps) target:
UID: 86 25 06 18 86 19 02 d0
}}
{{Tuto Step
|Step_Title=Gestion IO: wiringPi
|Step_Content='''Ce module permet de gérer les entrés/sorties GPIO du raspberry (en C) '''
git clone git://git.drogon.net/wiringPi
cd wiringPi
./build
}}
{{Tuto Step
|Step_Title=Code source spécifique
|Step_Content=L'utilisation des commandes NFC et PIN GPIO du Raspberry-pi nécessitent des droits utilisateur élevés (root).
Pour des raisons de sécurité, apache n'a pas des droits suffisamment élevés pour réaliser les opérations. Il existe plusieurs possibilités pour contourner le problème: Mettre en place un SUDO sur certaines commandes ou réaliser un Wrapper en C avec des droits associés corrects.

C'est cette seconde possibilité qui est mise en place.

Trois programmes sont concernés:
<web dir>/SUNLAB/nfc/bin/getid.c
<web dir>/SUNLAB/door/bin/waitforce.c
<web dir>/SUNLAB/door/bin/opendoor.c

'''Configuration opendoor.c:'''
<code a mettre>

''' Compiler le code source:'''
gcc -Wall -o opendoor opendoor.c -lwiringPi

''' L'attribuer avec le bon user:'''
chown root: opendoor

''' Lui donner les droits spécifique:'''
chmod ug+s opendoor

'''Configuration waitforce.c:'''
<code a mettre>

'''Compiler le code source:'''
gcc -Wall -o waitforce waitforce.c -lwiringPi

''' L'attribuer avec le bon user:'''
chown root: waitforce

''' Lui donner les droits spécifique:'''
chmod ug+s waitforce

'''Configuration getid.c:'''
<code a mettre>

'''Compiler le code source:'''
gcc -Wall -o getid getid.c

'''L'attribuer avec le bon user: '''
chown root: getid

''' Lui donner les droits spécifique: '''
chmod ug+s getid

Les programmes sont maintenant habilités à s'exécuter en root avec un utilisateur classique.

Le programme waitforce.c permettant l'ouverture forcé de la porte par le bouton est lancé automatiquement au démarrage du raspberry via une ligne ajouté au fichier “/etc/rc.local”.
}}
{{Tuto Step
|Step_Title=Architecture physique
|Step_Content='''Le système est composé de trois parties:''
* Les électro-aimants au situés au niveau de la porte
* La puissance électronique, le petit boîtier blanc
* La commande électroniques, le raspberry

'''Les électro-aimants:'''
Afin de limiter l'intensité au niveau du circuit électronique, ils ont été réglés sur 12v. Ils sont montés en dérivation et contrôlés par le boitier de puissance électronique.

L'alimentation 12v est assuré par un bloc dédié, un relais est mis en coupure permettant d'ouvrir ou fermer le circuit.

'''La puissance électronique:'''

Ce boîtier blanc permet de faire l'interconnexion entre les éléments d'actions (interrupteurs, électro-aimants) et le raspberry-pi.

Il possède plusieurs connecteurs externes:
* Connecteur series, pour l'interconnexion avec le raspberry
* Connecteur alimentation (entrée), qui permet de connecter le bloc d'alimentation
* Connecteur alimentation (sortie), qui permet la servitude des electro-aimants
* Connecteur jack, pour l'entrée de la commande des boutons de force d'ouverture
|Step_Picture_00=SUNLAB_-_Enregistrement__Authentification___Acc_s__lectronique_shemaporte.png
}}
{{Notes}}
{{Tuto Status}}

SUNLAB - Enregistrement, Authentification & Accès électronique

2018-04-11T14:39:48Z

Admin :

Fichier:SUNLAB - Enregistrement Authentification Acc s lectronique shemaporte.png

2018-04-11T14:39:40Z

Admin : Fichier téléversé avec MsUpload on SUNLAB_-_Enregistrement,_Authentification_&_Accès_électronique

Fichier téléversé avec MsUpload on [[SUNLAB_-_Enregistrement,_Authentification_&_Accès_électronique]]

SUNLAB - Enregistrement, Authentification & Accès électronique

2018-04-11T14:35:22Z

Admin :

SUNLAB - Enregistrement, Authentification & Accès électronique

2018-04-11T14:23:05Z

Admin :

SUNLAB - Enregistrement, Authentification & Accès électronique

2018-04-11T14:18:31Z

Admin :

SUNLAB - Enregistrement, Authentification & Accès électronique

2018-04-11T14:13:48Z

Admin :

SUNLAB - Enregistrement, Authentification & Accès électronique

2018-04-11T14:10:17Z

Admin :

Fichier:SUNLAB - Enregistrement Authentification Acc s lectronique sunlab door.png

2018-04-11T14:09:27Z

Admin : Fichier téléversé avec MsUpload on SUNLAB_-_Enregistrement,_Authentification_&_Accès_électronique

Fichier téléversé avec MsUpload on [[SUNLAB_-_Enregistrement,_Authentification_&_Accès_électronique]]

Canard

2017-11-27T09:52:45Z

Admin : Page créée avec « == Points importants à corriger avant mise en place == Plus rien pour le moment ! \o/ == Points à regarder / approfondir == * migration de pages dokuwiki vers mediawik... »

== Points importants à corriger avant mise en place ==

Plus rien pour le moment ! \o/

== Points à regarder / approfondir ==
* migration de pages dokuwiki vers mediawiki pour tests de récupération dans wikifab
** trouver des scripts de migration https://duckduckgo.com/?q=migration+dokuwiki+mediawiki&ia=web
** en sélectionner un permettant la migration page par page ou par lot de pages (ça s'automatise...)
** niveau de modifications manuelles nécessaire ? (peut nécessiter l'uniformisation du format des pages dans le dokuwiki)
** vérifier que l'historique de modifications est conservé pour attribution des pages à chaque membre du hatlab
* rendre jolies les pages du wiki et du wikifab, les adapter à la charte graphique du hatlab / sqylab / sunlab
** voir capacité à modifier les CSS par section (ou catégorie ?)
* voir quelles pages rendre publiques (indexées par moteurs de recherche) et quelles pages conservées disponibles uniquement si utilisateur identifié (+ groupes ?)
* voir l'utilisation possible de page personnelle des membres : photo, compétences, centres d'intérêt, prise de notes, liste de projets / pages en cours
* cacher les emails pour éviter de se faire spammer ensuite... (sur groupes, utilisateurs...)
* prendre en compte les images de type SVG

== Les points réglés ==

* Le nom (voire prénom) de l'auteur apparait en clair vu que la connexion se fait par le LDAP. Le LDAP, c'est pratique, mais les comptes sont nominatifs, et ça peut gêner les utilisaeurs (moi le premier ;o) ) [Question à régler côté LDAP a priori]
** cf. LDAP
* On peut attribuer un tuto à un "groupe", mais je ne vois nulle part où les créer, c'est un peu dommage [TROUVE]
** Il faut aller à l'url : https://wikifab.hatlab.fr/Formulaire:Group
** On peut aussi lister les groupes ici : http://wikifab.hatlab.fr/wiki/Groups
*** Il semble que cette page n'existe pas de base. C'est bien dommage. En tout cas, on peut trouver un groupe comme ça : http://wikifab.hatlab.fr/Group:[nom du groupe]
*** La page qui affiche tous les groupes : https://wikifab.hatlab.fr/Sp%C3%A9cial:ExploreGroups dur dur :D
*** => J'ai donc créé une page http://wikifab.hatlab.fr/Groups qui redirige automatiquement vers la page spéciale.... \o/
* Je ne vois nulle part non plus où modifier / mettre à jour les catégories, on ne sait jamais... [TROUVE]
** Il faut aller sur la page https://wikifab.hatlab.fr/Attribut:Area et la modifier pour ajouter/modifier/supprimer des catégories :o)
** ATTENTION: Avant de supprimer et/ou renommer une catégorie, il faut vérifier qu'aucun tutoriel n'y est attaché !!!
** TESTS :
*** Si j'attribue une catégorie à un tutoriel, puis que je modifie celle-ci, le tutoriel conserve son lien à l'ancienne catégorie
*** Si je renomme la catégorie, le tutoriel a toujours sa case cochée
*** Si je recréer une nouvelle catégorie avec l'ancien nom, le tuto ne voit pas sa case cochée, il doit donc y avoir une notion d'identifiant par catégorie malgré tout
*** C'est un peu le bazar, donc à toucher avec parcimonie !!!
*** ESSAI : Création d'une catégorie => il semble que la catégorie n'est pas prise en compte automatiquement sur la page d'accueil pour les filtres
* Il n'est pas forcément simple de créer une page "lambda", comme celle-ci par exemple. Mais c'est assez optionnel
* La page https://wikifab.hatlab.fr/Contribuer ne se met pas à jour toute seule, c'est un point à travailler à mon sens, mais pas hyper important / complexe
** à éditer à la mano pour le moment
* La page Explorer, justement : https://wikifab.hatlab.fr/Explorer
** Cette page semble statique, et doit être mise à jour car les catégories ne pointent pas correctement...
* La page d'accueil ne présente pas tous les projets par défaut [Question posée côté Wikifab]
** A priori, seuls les projets terminés apparaissent !
* Je cherche dans la documentation si on peut créer un projet "pour quelqu'un" et lui attribuer ensuite. J'ai réussi à éditer la vraie source d'une page de Tuto, mais l'information n'est pas dedans [Question posée côté Wikifab]
** Impossible. Il faut créer le compte de la personne et l'utiliser pour lui créer son projet puis lui transmettre les infos du compte...
* À ce propos, quid d'un Tuto fait en groupe par plusieurs utilisateurs ? [Question posée côté Wikifab]
** Impossible. Cependant la liste des différents contributeurs est affichée dans l'historique de la page du tuto
* La page de recherche a de drôles de comportements. Si on utilise la barre de recherche, il semble qu'elle soit mal connectée au wiki et donne des résultats un peu farfelus. Par contre, utiliser la page : https://wikifab.hatlab.fr/Sp%C3%A9cial:Recherche permet d'obtenir des résultats plus "propres"...
** Une recherche avec '''lampe''' retourne 2 fois le même tutoriel
** Une recherche avec '''Test''' retourne 1 seul tutoriel mais sans image
** Une recherche avec '''Open''' retourne 1 seul tutoriel, mais signale 4 résultats !
** Après essai, le wikifab "officiel" est encore pire, il ramène parfois 3 fois le même tutoriel !

== A explorer ==

* Les pages spéciales de mediawiki : https://www.mediawiki.org/wiki/Special_page_names#fr
* La page des fichiers orphelins : https://wikifab.hatlab.fr/Sp%C3%A9cial:Fichiers_inutilis%C3%A9s
* La page des pages avec des liens cassés : https://wikifab.hatlab.fr/Cat%C3%A9gorie:Pages_avec_des_liens_de_fichiers_bris%C3%A9s
* La page des pages spéciales : https://wikifab.hatlab.fr/Sp%C3%A9cial:Pages_sp%C3%A9ciales

Modèle:Tuto StepNoImage

2017-11-12T13:01:49Z

Admin : <div class="row"> <div class="col-md-12 step-instructions"> <h3>Etape n°{{#stepNumber: step }} - {{{1}}}</h3> {{{2}}} </div> </div> <div class="hrContentMinor"></div> Catégorie:Tutoriels

<div class="row">
<div class="col-md-12 step-instructions">
<h3>Etape n°{{#stepNumber: step }} - {{{1}}}</h3>
{{{2}}}
</div>
</div>
<div class="hrContentMinor"></div>
[[Catégorie:Tutoriels]]

Modèle:Tuto StepImage

2017-11-12T13:01:47Z

Admin : <div class="row"> <div class="col-md-6 step-instructions"> <h3>Etape n°{{#stepNumber: step }} - {{{1}}}</h3> {{{2}}} </div> <div class="col-md-6"> <div class="tuto-step-image"> {{{3}}} </div> </div> </div> <div class="hrContentMinor"></div> Catégorie:Tutoriels

<div class="row">
<div class="col-md-6 step-instructions">
<h3>Etape n°{{#stepNumber: step }} - {{{1}}}</h3>
{{{2}}}
</div>
<div class="col-md-6">
<div class="tuto-step-image">
{{{3}}}
</div>
</div>
</div>
<div class="hrContentMinor"></div>
[[Catégorie:Tutoriels]]

Modèle:Tuto Step

2017-11-12T13:01:45Z

Admin : {{#if:{{{Step_Picture_00|}}}| {{Tuto StepImage|}}}|}}}|{{ #carousel: File:{{{Step_Picture_00}}} | File:{{{Step_Picture_01}}} | File:{{{Step_Picture_02}}} | File:{{{Step_Picture_03}}} | File:{{{Step_Picture_04}}} | File:{{{Step_Picture_05}}} }} }} | {{Tuto StepNoImage|}}}|}}}}} }} Catégorie:Tutoriels

{{#if:{{{Step_Picture_00|}}}|
{{Tuto StepImage|[[Step_Title::{{{Step_Title|}}}]]|[[Step_Content::{{{Step_Content|}}}]]|{{ #carousel: [[File:{{{Step_Picture_00}}}]] | [[File:{{{Step_Picture_01}}}]] | [[File:{{{Step_Picture_02}}}]] | [[File:{{{Step_Picture_03}}}]] | [[File:{{{Step_Picture_04}}}]] | [[File:{{{Step_Picture_05}}}]] }} }} |
{{Tuto StepNoImage|[[Step_Title::{{{Step_Title|}}}]]|[[Step_Content::{{{Step_Content|}}}]]}}
}}
[[Catégorie:Tutoriels]]

Modèle:Tuto Status

2017-11-12T13:01:44Z

Admin : <span class="hide">{{#arraymap:{{{Complete|}}}|,|x|Complete::x}}</span>

<span class="hide">{{#arraymap:{{{Complete|}}}|,|x|[[Complete::x]]}}</span>

Modèle:Tuto Details

2017-11-12T13:01:42Z

Admin : <p class="tuto-details-autor-revision">Une <span class="type-lowercase">}}}</span> de {{#displayAuthorDiv:toto}} dans les catégories {{#arraymap:{{{Area|}}}|,|x|Area::x}}. [{{fullurl:{{PAGENAME}}|action=history}} Dernière modification] le {{REVISIONDAY: {{PAGENAME}} }}/{{REVISIONMONTH: {{PAGENAME}} }}/{{REVISIONYEAR: {{PAGENAME}} }} par [http://beta.wikifab.org/index.php/utilisateur:{{REVISIONUSER: {{PAGENAME}} }} {{REVISIONUSER: {{PAGENAME}} }}].</p> <div class="row"> <div class="col-md-5 col-sm-5 col-xs-12"> <div class="tuto-main-image">{{#if:{{{Main_Picture|}}}|border|link=}} </div> </div> <div class="col-md-7 col-sm-7 col-xs-12"> <div class="tuto-details-box"> <p

<p class="tuto-details-autor-revision">Une <span class="type-lowercase">[[Type::{{{Type|}}}]]</span> de {{#displayAuthorDiv:toto}} dans les catégories {{#arraymap:{{{Area|}}}|,|x|[[Area::x]]}}. [{{fullurl:{{PAGENAME}}|action=history}} Dernière modification] le {{REVISIONDAY: {{PAGENAME}} }}/{{REVISIONMONTH: {{PAGENAME}} }}/{{REVISIONYEAR: {{PAGENAME}} }} par [http://beta.wikifab.org/index.php/utilisateur:{{REVISIONUSER: {{PAGENAME}} }} {{REVISIONUSER: {{PAGENAME}} }}].</p>
<div class="row">
<div class="col-md-5 col-sm-5 col-xs-12">
<div class="tuto-main-image">{{#if:{{{Main_Picture|}}}|[[File:{{{Main_Picture}}}|frameless|border]]|[[File:No-image-yet.jpg|link=]]}}
</div>
</div>
<div class="col-md-7 col-sm-7 col-xs-12">
<div class="tuto-details-box">
<p class="tuto-details-about-title">[[Description::{{{Description|}}}]]</p>
<div class="tuto-items-container"><div class="tuto-items-details-container"><div class="tuto-items-details-container-left"><i class="fa fa-tachometer" aria-hidden="true"></i>
Difficulté</div><div class="tuto-items-details-container-right">[[Difficulty::{{{Difficulty|}}}]]</div></div>
<div class="tuto-items-details-container"><div class="tuto-items-details-container-left"><i class="fa fa-clock-o" aria-hidden="true"></i> Durée</div><div class="tuto-items-details-container-right">[[Duration::{{{Duration|}}}]] [[Duration-type::{{{Duration-type|}}}]]</div></div>
<div class="tuto-items-details-container"><div class="tuto-items-details-container-left"><i class="fa fa-money" aria-hidden="true"></i>
Coût</div><div class="tuto-items-details-container-right">[[Cost::{{{Cost|}}}]] [[Currency::{{{Currency|}}}]]</div></div>
<div class="tuto-items-details-container"><div class="tuto-items-details-container-left"><i class="fa fa-list-ol" aria-hidden="true"></i></div>__TOC__</div>
</div>
<div class="licence-detail"><i class="fa fa-creative-commons"></i><span class="licence-detail-title">Licence :</span> [[Licences::{{{Licences|}}}]]</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="tuto-main-image">
[[Fichier:{{{Main_Picture}}}|frameless|border]]
</div>
</div>
</div>
<div class="display-none">Mot(s)-clé(s) : {{#arraymap:{{{Tags|}}}|,|x|[[Tags::x]]}}</div>
[[Catégorie:Tutoriels]]
{{#stepNumber: step| init}}

Modèle:Tuto Attachments

2017-11-12T13:01:41Z

Admin : <div class="row attach-link-table"> <div class="col-xs-4 col-md-2"><i class="fa fa-file"></i> Fichier</div> <div class="col-xs-8 col-md-10">}}}</div> </div> Catégorie:Tutoriels

<div class="row attach-link-table">
<div class="col-xs-4 col-md-2"><i class="fa fa-file"></i> Fichier</div>
<div class="col-xs-8 col-md-10">[[File:{{{Attachment|}}}]]</div>
</div>
[[Catégorie:Tutoriels]]

Modèle:Separator

2017-11-12T13:01:39Z

Admin : <div class="bg-halfsquare-separator"></div> Catégorie:Tutoriels

<div class="bg-halfsquare-separator"></div>
[[Catégorie:Tutoriels]]

Modèle:Pin

2017-11-12T13:01:38Z

Admin : <p> <div class="icon-instructions-image">link=</div> <div class="icon-instructions-text">{{{Text}}}</div> </p>

Modèle:Notes

2017-11-12T13:01:37Z

Admin : <h2>Notes et références</h2> }}}

<h2>Notes et références</h2>
[[Notes::{{{Notes|}}}]]

Modèle:MaterialsNoImage

2017-11-12T13:01:35Z

Admin : {{#if:{{{1}}}| <div class="row"> <div class="col-md-6 step-instructions"> <h3>Liste des matériaux</h3> {{{1}}} </div> <div class="col-md-6 step-instructions"> <h3>Liste des outils</h3> {{{2}}} </div> </div>| {{#if:{{{2}}}|<div class="col-md-6 step-instructions"> <h3>Liste des outils</h3> {{{2}}} </div> </div>| }} }} Catégorie:Tutoriels

{{#if:{{{1}}}| <div class="row">
<div class="col-md-6 step-instructions">
<h3>Liste des matériaux</h3>
{{{1}}}
</div>
<div class="col-md-6 step-instructions">
<h3>Liste des outils</h3>
{{{2}}}
</div>
</div>| {{#if:{{{2}}}|<div class="col-md-6 step-instructions">
<h3>Liste des outils</h3>
{{{2}}}
</div>
</div>| }} }}

[[Catégorie:Tutoriels]]

Modèle:MaterialsImage

2017-11-12T13:01:33Z

Admin : <div class="row"> <div class="col-md-6 step-instructions"> <h3>Liste des matériaux</h3> {{{1}}} <div class="hrContentMinor-2"></div> <h3>Liste des outils</h3> {{{2}}} </div> <div class="col-md-6"> <div class="tuto-step-image"> {{{3}}} </div> </div> </div> Category:Tutoriels

<div class="row">
<div class="col-md-6 step-instructions">
<h3>Liste des matériaux</h3>
{{{1}}}
<div class="hrContentMinor-2"></div>
<h3>Liste des outils</h3>
{{{2}}}
</div>
<div class="col-md-6">
<div class="tuto-step-image">
{{{3}}}
</div>
</div>
</div>
[[Category:Tutoriels]]

Modèle:Materials

2017-11-12T13:01:31Z

Admin : {{#if:{{{Tuto_Attachments|}}}{{{ExternalAttachmentsLinks|}}}| <div class="Input-tabs"> <tabber> Outils & Matériaux= {{#if:{{{Step_Picture_00|}}}| {{MaterialsImage|}}}|}}}|{{ #carousel: File:{{{Step_Picture_00}}} | File:{{{Step_Picture_01}}} | File:{{{Step_Picture_02}}} | File:{{{Step_Picture_03}}} | File:{{{Step_Picture_04}}} | File:{{{Step_Picture_05}}} }} }} | {{MaterialsNoImage|}}}|}}} }} }} |-| Fichiers={{{ExternalAttachmentsLinks|}}} {{{Tuto_Attachments|}}} </tabber> </div> | <div class="Input-tabs"> <tabber> Outils & Matériaux= {{#if:{{{Step_Picture_00|}}}| {{MaterialsImage|}}}|[[Tools::{{{Tools|

{{#if:{{{Tuto_Attachments|}}}{{{ExternalAttachmentsLinks|}}}|
<div class="Input-tabs">
<tabber>
Outils & Matériaux=
{{#if:{{{Step_Picture_00|}}}|
{{MaterialsImage|[[Material::{{{Material|}}}]]|[[Tools::{{{Tools|}}}]]|{{ #carousel: [[File:{{{Step_Picture_00}}}]] | [[File:{{{Step_Picture_01}}}]] | [[File:{{{Step_Picture_02}}}]] | [[File:{{{Step_Picture_03}}}]] | [[File:{{{Step_Picture_04}}}]] | [[File:{{{Step_Picture_05}}}]] }} }} |
{{MaterialsNoImage|[[Material::{{{Material|}}}]]|[[Tools::{{{Tools|}}}]] }}
}}
|-|
Fichiers={{{ExternalAttachmentsLinks|}}}
{{{Tuto_Attachments|}}}
</tabber>
</div>
|
<div class="Input-tabs">
<tabber>
Outils & Matériaux=
{{#if:{{{Step_Picture_00|}}}|
{{MaterialsImage|[[Material::{{{Material|}}}]]|[[Tools::{{{Tools|}}}]]|{{ #carousel: [[File:{{{Step_Picture_00}}}]] | [[File:{{{Step_Picture_01}}}]] | [[File:{{{Step_Picture_02}}}]] | [[File:{{{Step_Picture_03}}}]] | [[File:{{{Step_Picture_04}}}]] | [[File:{{{Step_Picture_05}}}]] }} }} |
{{MaterialsNoImage|[[Material::{{{Material|}}}]]|[[Tools::{{{Tools|}}}]] }}
}}
</tabber>
</div>
}}
[[Catégorie:Tutoriels]]

Modèle:Introduction

2017-11-12T13:01:30Z

Admin : {{#if:{{{Introduction|}}}| <div class="hrContentMinor-2"></div> <h3>Introduction</h3> }}} | }}

{{#if:{{{Introduction|}}}| <div class="hrContentMinor-2"></div>
<h3>Introduction</h3>
[[Introduction::{{{Introduction|}}}]] | }}

Modèle:Info

2017-11-12T13:01:28Z

Admin : <p> <div class="icon-instructions-image">link=</div> <div class="icon-instructions-text">{{{Text}}}</div> </p>

Modèle:Idea

2017-11-12T13:01:27Z

Admin : <p> <div class="icon-instructions-image">link=</div> <div class="icon-instructions-text">{{{Text}}}</div> </p>

Modèle:Group Tabs

2017-11-12T13:01:26Z

Admin : <div class="Input-tabs group-tabs"> <div class="tabGroupsButton"><div class="container">{{#joinGroupButton:}}</div></div> <tabber> Tutoriels= <div class="container"><h2>Tutoriels du groupe</h2>{{#displayMemberTutorials:this}}</div> |-| Membres= <div class="container"><h2>Membres du groupe</h2>{{#usersPagesLinksUsersList:member}}</div> |-| Machines= <div class="container"><h2>Parc machines</h2> {{{Group_Machines|}}}</div> |-| Évènements= <div class="container"><h2>Évènements</h2> {{{Group_Event|}}}</div> |-| À propos= <div class="container"><h2>À propos de ce groupe</h2> <div class="row"><div class="col-sm-3 col-xs-4 group-about-text">Description</div><div class="col-sm-9 col-xs-8">}}}</div> <d

<div class="Input-tabs group-tabs">
<div class="tabGroupsButton"><div class="container">{{#joinGroupButton:}}</div></div>
<tabber>
Tutoriels=
<div class="container"><h2>Tutoriels du groupe</h2>{{#displayMemberTutorials:this}}</div>
|-|
Membres=
<div class="container"><h2>Membres du groupe</h2>{{#usersPagesLinksUsersList:member}}</div>
|-|
Machines=
<div class="container"><h2>Parc machines</h2>
{{{Group_Machines|}}}</div>
|-|
Évènements=
<div class="container"><h2>Évènements</h2>
{{{Group_Event|}}}</div>
|-|
À propos=
<div class="container"><h2>À propos de ce groupe</h2>
<div class="row"><div class="col-sm-3 col-xs-4 group-about-text">Description</div><div class="col-sm-9 col-xs-8">[[group-long-description::{{{group-long-description|}}}]]</div>
<div class="col-sm-12"><hr></div>
<div class="col-sm-3 col-xs-4 group-about-text">Phone</div><div class="col-sm-9 col-xs-8">[[group-phone::{{{group-phone|}}}]]</div></div></div>
</tabber>
</div>
[[Catégorie:Group]]

Modèle:Group Machines

2017-11-12T13:01:23Z

Admin : __NOTOC__ <div class="row"> <div class="col-md-2 col-sm-3 col-xs-4"> <div class="group-machine-image"> {{#if:{{{group-machine-image|}}}|<div class="tuto-main-image">link=</div> | <div class="tuto-main-image">link=</div> }} </div> </div> <div class="col-md-10 col-sm-9 col-xs-8"> <h4 class="group-machine-name">}}}</h4> <p class="group-machine-description">}}}</p> <p class="group-machine-conditions">}}}</p> </div> </div> <hr> Catégorie:Group

__NOTOC__
<div class="row">
<div class="col-md-2 col-sm-3 col-xs-4">
<div class="group-machine-image">
{{#if:{{{group-machine-image|}}}|<div class="tuto-main-image">[[File:{{{group-machine-image}}}|link=]]</div> |
<div class="tuto-main-image">[[File:No-image-yet.jpg|link=]]</div> }}
</div>
</div>
<div class="col-md-10 col-sm-9 col-xs-8">
<h4 class="group-machine-name">[[group-machine-name::{{{group-machine-name|}}}]]</h4>
<p class="group-machine-description">[[group-machine-description::{{{group-machine-description|}}}]]</p>
<p class="group-machine-conditions">[[group-machine-conditions::{{{group-machine-conditions|}}}]]</p>
</div>
</div>
<hr>
[[Catégorie:Group]]

Modèle:Group Event

2017-11-12T13:01:21Z

Admin : __NOTOC__ <h4>}}}</h4> <p>}}}</p> <div class="group-event-icon"><i class="fa fa-map-marker"></i> }}}</div> <div class="group-event-icon"><i class="fa fa-calendar-check-o"></i> }}}</div> <div class="group-event-icon"><i class="fa fa-external-link"></i> }}}</div> <hr> Catégorie:Group

__NOTOC__
<h4>[[group-event-title::{{{group-event-title|}}}]]</h4>
<p>[[group-event-description::{{{group-event-description|}}}]]</p>
<div class="group-event-icon"><i class="fa fa-map-marker"></i> [[group-event-address::{{{group-event-address|}}}]]</div>
<div class="group-event-icon"><i class="fa fa-calendar-check-o"></i> [[group-event-date::{{{group-event-date|}}}]]</div>
<div class="group-event-icon"><i class="fa fa-external-link"></i> [[group-event-url::{{{group-event-url|}}}]]</div>
<hr>
[[Catégorie:Group]]

Modèle:Group Details

2017-11-12T13:01:19Z

Admin : __NOTOC__ <div class="group-banner"> link= </div> <div class="container group-title-box"> <div class="row"> <div class="col-md-3 col-sm-3 col-xs-12"> <div class="group-main-image"> {{#if:{{{group-logo|}}}|link=|link=}} </div> </div> <div class="col-md-9 col-sm-9 col-xs-12"> <h1 class="group-title">{{PAGENAME}}<span class="group-type">}}}</span></h1> <p class="group-description">}}}</p> <div class="group-info"><span><i class="fa fa-map-marker"></i> }}}</span><span><i class="fa fa-envelope"></i> }}}</span><span><i class="fa fa-globe"></i> [

__NOTOC__
<div class="group-banner">
[[File:{{{group-banner}}}|link=]]
</div>
<div class="container group-title-box">
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="group-main-image">
{{#if:{{{group-logo|}}}|[[File:{{{group-logo}}}|link=]]|[[File:no-logo-group.gif|link=]]}}
</div>
</div>
<div class="col-md-9 col-sm-9 col-xs-12">
<h1 class="group-title">{{PAGENAME}}<span class="group-type">[[group-type::{{{group-type|}}}]]</span></h1>
<p class="group-description">[[group-description::{{{group-description|}}}]]</p>
<div class="group-info"><span><i class="fa fa-map-marker"></i> [[group-address::{{{group-address|}}}]]</span><span><i class="fa fa-envelope"></i> [[group-email::{{{group-email|}}}]]</span><span><i class="fa fa-globe"></i> [[group-url::{{{group-url|}}}]]</span>

</div>
{{#stepNumber: step| init}}
</div>
</div>
</div>
[[Catégorie:Group]]

Modèle:ExternalAttachmentsLinks

2017-11-12T13:01:18Z

Admin : <div class="row attach-link-table"> <div class="col-xs-4 col-md-2"><i class="fa fa-external-link"></i> Lien externe</div> <div class="col-xs-8 col-md-10">}}}</div> </div> Catégorie:Tutoriels

<div class="row attach-link-table">
<div class="col-xs-4 col-md-2"><i class="fa fa-external-link"></i> Lien externe</div>
<div class="col-xs-8 col-md-10">[[ExternalAttachmentsLinks::{{{ExternalAttachmentsLinks|}}}]]</div>
</div>
[[Catégorie:Tutoriels]]

Modèle:Dont

2017-11-12T13:01:16Z

Admin : <p> <div class="icon-instructions-image">link=</div> <div class="icon-instructions-text">{{{Text}}}</div> </p>

Modèle:Caution

2017-11-12T13:01:14Z

Admin : <p> <div class="icon-instructions-image">link=</div> <div class="icon-instructions-text">{{{Text}}}</div> </p>

<p>
<div class="icon-instructions-image">[[File:Caution-icon.jpg|link=]]</div>
<div class="icon-instructions-text">{{{Text}}}</div>
</p>

Attribut:Type

2017-11-12T13:01:12Z

Admin : Cette propriété est de type A le type::Texte. Elle pointe sur les pages utilisant le formulaire Utilise le formulaire::Tutoriel. Les valeurs autorisées pour cette propriété sont : * Valeur possible::Création * Valeur possible::Technique

Cette propriété est de type [[A le type::Texte]]. Elle pointe sur les pages utilisant le formulaire [[Utilise le formulaire::Tutoriel]].

Les valeurs autorisées pour cette propriété sont :
* [[Valeur possible::Création]]
* [[Valeur possible::Technique]]

Attribut:Tuto Attachments

2017-11-12T13:01:10Z

Admin : Cette propriété est de type A le type::Texte.

Cette propriété est de type [[A le type::Texte]].

Attribut:Tools

2017-11-12T13:01:08Z

Admin : Cette propriété est de type A le type::Texte.

Cette propriété est de type [[A le type::Texte]].

Attribut:Tags

2017-11-12T13:01:05Z

Admin : Cette propriété est de type A le type::String.

Cette propriété est de type [[A le type::String]].

Attribut:Step Title

2017-11-12T13:01:02Z

Admin : Cette propriété est de type A le type::Texte.

Cette propriété est de type [[A le type::Texte]].

Attribut:Step Picture 06

2017-11-12T13:01:01Z

Admin : Cette propriété est de type A le type::Texte.

Cette propriété est de type [[A le type::Texte]].

Attribut:Step Picture 05

2017-11-12T13:00:59Z

Admin : Cette propriété est de type A le type::Texte.

Cette propriété est de type [[A le type::Texte]].

Attribut:Step Picture 04

2017-11-12T13:00:58Z

Admin : Cette propriété est de type A le type::Texte.

Cette propriété est de type [[A le type::Texte]].

Attribut:Step Picture 03

2017-11-12T13:00:55Z

Admin : Cette propriété est de type A le type::Texte.

Cette propriété est de type [[A le type::Texte]].

Attribut:Step Picture 02

2017-11-12T13:00:53Z

Admin : Cette propriété est de type A le type::Texte.

Cette propriété est de type [[A le type::Texte]].

Attribut:Step Picture 01

2017-11-12T13:00:51Z

Admin : Cette propriété est de type A le type::Texte.

Cette propriété est de type [[A le type::Texte]].

Attribut:Step Picture 00

2017-11-12T13:00:50Z

Admin : Cette propriété est de type A le type::Texte.

Cette propriété est de type [[A le type::Texte]].

Attribut:Step Content

2017-11-12T13:00:47Z

Admin : Cette propriété est de type A le type::Texte.

Cette propriété est de type [[A le type::Texte]].

Attribut:Notes

2017-11-12T13:00:44Z

Admin : Cette propriété est de type A le type::Texte.

Cette propriété est de type [[A le type::Texte]].

Attribut:Material

2017-11-12T13:00:41Z

Admin : Cette propriété est de type A le type::Texte.

Cette propriété est de type [[A le type::Texte]].

Attribut:Main Picture

2017-11-12T13:00:38Z

Admin : Cette propriété est de type A le type::Enregistrement.

Cette propriété est de type [[A le type::Enregistrement]].

Attribut:Licences

2017-11-12T13:00:34Z

Admin : Cette propriété est de type A le type::Texte. Les valeurs autorisées pour cette propriété sont : * Valeur possible::Attribution (CC BY) * Valeur possible::Attribution - Partage dans les Mêmes Conditions (CC BY-SA) * Allows value::CERN Open Hardware Licence v1.2 * Allows value::TAPR Open Hardware License v1.0 * Allows value::GNU Free Hardware Designs

Cette propriété est de type [[A le type::Texte]].

Les valeurs autorisées pour cette propriété sont :
* [[Valeur possible::Attribution (CC BY)]]
* [[Valeur possible::Attribution - Partage dans les Mêmes Conditions (CC BY-SA)]]
* [[Allows value::CERN Open Hardware Licence v1.2]]
* [[Allows value::TAPR Open Hardware License v1.0]]
* [[Allows value::GNU Free Hardware Designs]]