Aide:Accueil : Différence entre versions
(→utiliser des widgets) |
|||
(116 révisions intermédiaires par 8 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
+ | ==Je souhaite écrire dans ce wiki : comment faire ?== | ||
+ | Il vous suffit de demander un compte en cliquant sur le bonhomme en haut à droite. | ||
+ | Il vous faudra remplir un petit formulaire pour valider votre demande de compte, afin de vérifier que vous n'êtes pas un robot. | ||
+ | Nous validerons ensuite aussi rapidement que possible votre demande. | ||
− | afficher | + | Une fois inscrit, vous pourrez intervenir sur des pages existantes, ou en créer de nouvelles pour documenter vos travaux. |
+ | |||
+ | [[Aide:Documenter]] | ||
+ | |||
+ | ==Personnaliser son profil== | ||
+ | Par défaut, votre page utilisateur n'indique que le texte que vous avez tapé lors de la création de votre compte. Pas très fun... | ||
+ | |||
+ | Le modèle "laborantin" est là pour remédier à ça ! En copiant et en personnalisant le bout de code ci-dessous : | ||
+ | |||
+ | <pre> | ||
+ | {{Laborantin | ||
+ | |image=VOTREIMAGE | ||
+ | |Sujets_Preferes=VOSSUJETSPRÉFÉRÉS | ||
+ | |compétences=VOSCOMPÉTENCES | ||
+ | }} | ||
+ | </pre> | ||
+ | sur votre page utilisateur.rice, vous allez pouvoir arborer une "interface" plus funky, qui agrège notamment de façon automatique les liens des pages auxquelles vous contribuez ! | ||
+ | |||
+ | À vous de jouer! | ||
+ | |||
+ | ==Aide pour rédiger les pages== | ||
+ | |||
+ | '''Vous rencontrez un problème ou vous avez une question ? Faites-nous remonter l'information sur cette page : [http://fablabo.net/wiki/bugs [http://fablabo.net/wiki/bugs]]''' | ||
+ | |||
+ | ===Syntaxe générale=== | ||
+ | |||
+ | Vous pouvez vous entraîner à éditer une page dans le [[BacASable]]. | ||
+ | Vous pouvez aussi consulter la page d'[[Aide:Syntaxe]] ou bien celle-ci, plus complète : | ||
+ | |||
+ | [http://www.mediawiki.org/wiki/Help:Formatting/fr aide pour éditer une page] sur le site mediawiki | ||
+ | |||
+ | |||
+ | ====Créer une page==== | ||
+ | |||
+ | La première action à faire est d'éditer une page existante, et d'y insérer un lien vers la page que l'on veut créer. | ||
+ | |||
+ | Par exemple <nowiki>[[mapage]]</nowiki> affichera [[mapage]] | ||
+ | |||
+ | Une fois cette modification exécutée, il suffit de suivre le lien qui nous entraînera sur votre nouvelle page. | ||
+ | |||
+ | ====Assigner une catégorie==== | ||
+ | |||
+ | Suivre l'explication détaillée ici http://www.mediawiki.org/wiki/Help:Categories/fr#Ajouter_une_page_.C3.A0_une_cat.C3.A9gorie | ||
+ | |||
+ | ====Images et fichiers==== | ||
+ | |||
+ | Pour afficher une image, il faut d'abord la télécharger sur le site en vous rendant sur la page [[Spécial:Téléverser|Importer un fichier]] (le lien est aussi disponible à gauche dans la barre de navigation). | ||
+ | |||
+ | Ensuite utiliser la syntaxe wiki en utilisant les [http://www.mediawiki.org/wiki/Help:Images/fr options pour les images] sur le site mediawiki | ||
+ | |||
+ | =====Galleries d'images===== | ||
+ | |||
+ | <nowiki> | ||
+ | <gallery> | ||
+ | Image:Exemple.jpg|titre | ||
+ | Image:Exemple.jpg|titre | ||
+ | ... | ||
+ | </gallery> | ||
+ | </nowiki> | ||
+ | |||
+ | |||
+ | <gallery> | ||
+ | Image:Exemple.jpg|titre | ||
+ | Image:Exemple.jpg|titre | ||
+ | ... | ||
+ | </gallery> | ||
+ | |||
+ | =====Images externes===== | ||
+ | |||
+ | On peut utiliser la balise <img> html pour intégrer des images externes | ||
+ | exemple : | ||
+ | <code> | ||
+ | <img src="http://ktd.club.fr/programmation/images/mozodojo-original-image.jpg" width=130 height=200/> | ||
+ | </code> | ||
+ | <img src="http://ktd.club.fr/programmation/images/mozodojo-original-image.jpg" width=130 height=200/> | ||
+ | |||
+ | =====Fichiers attachés===== | ||
+ | |||
+ | Un peu comme pour les images : | ||
+ | Un lien vers un fichier dans le dossier upload : <nowiki>[[file:Combinaison.scad]] ou [[fichier:Combinaison.scad]]</nowiki> donne : [[file:Combinaison.scad]] | ||
+ | |||
+ | À noter que le fichier en question a été téléversé sur le site à partir de la page [[Spécial:Téléverser|Importer un fichier]] (accessible dans le menu de gauche) | ||
+ | |||
+ | ===insérer du code=== | ||
+ | On insère du code dans le texte avec les balises : | ||
+ | |||
+ | <pre> | ||
+ | <code [options]>your code</code> | ||
+ | |||
+ | where options are: | ||
+ | lang='s' This is the language type that explains how to highlight the code. Default is 'text'. | ||
+ | See GeSHi for full list of supported syntaxes | ||
+ | linenumbers Turn on line numbers for each line in your code | ||
+ | download Turn on the "Download Code" link for this block of your code | ||
+ | tabwidth='n' How many spaces does a TAB represent | ||
+ | fileurl='s' Instead of processing the code provided between the tags, process the code at specified URL | ||
+ | </pre> | ||
+ | |||
+ | exemple : | ||
+ | <nowiki><code lang='javascript'> | ||
+ | fonction pouet(){ | ||
+ | alert('poète!!!'); | ||
+ | }</code></nowiki> | ||
+ | <code lang='javascript'> | ||
+ | fonction pouet(){ | ||
+ | alert('poète!!!'); | ||
+ | }</code> | ||
+ | |||
+ | NB: la fonction crée l'objet! | ||
+ | |||
+ | ===utiliser des widgets=== | ||
+ | |||
+ | Les widgets sont des sortes de plugins qui permettent d'augmenter les possibilités du wiki | ||
+ | |||
+ | on les utilise de la manière suivante : <nowiki>{{#widget:nomDuWidget|parametre= valeur}}</nowiki> | ||
+ | |||
+ | |||
+ | [http://fablabo.net/mediawiki/index.php?title=Sp%C3%A9cial%3ARecherche&profile=advanced&search=widget&fulltext=Search&ns274=1&redirs=1&profile=advanced Voir les widgets existants] et consulter leur page pour avoir des exemples | ||
+ | |||
+ | ===intégrer une vidéo=== | ||
+ | <nowiki>{{#Widget:Vimeo|id=46570749}}</nowiki> | ||
+ | {{#Widget:Vimeo|id=46570749}} | ||
+ | |||
+ | |||
+ | <nowiki>{{#Widget:KalturaPing|id=0_8rjdiln8}}</nowiki> | ||
+ | {{#Widget:KalturaPing|id=0_8rjdiln8}} | ||
+ | |||
+ | <nowiki>{{#Widget:KalturaPing|id=0_8rjdiln8}}</nowiki> | ||
+ | {{#Widget:KalturaPing|id=0_8rjdiln8}} | ||
+ | |||
+ | {{#widget:YouTube|id=bH3nhwNF2CM}} | ||
+ | |||
+ | ===faire du code processingjs=== | ||
+ | |||
+ | |||
+ | <nowiki><processingjs>{le code processingjs} | ||
+ | <processingjs></nowiki> | ||
+ | |||
+ | |||
+ | <processingjs> | ||
+ | /* | ||
+ | PROCESSINGJS.COM - BASIC EXAMPLE | ||
+ | Delayed Mouse Tracking | ||
+ | MIT License - Hyper-Metrix.com/F1LT3R | ||
+ | Native Processing compatible | ||
+ | */ | ||
+ | |||
+ | // Global variables | ||
+ | float radius = 50.0; | ||
+ | int X, Y; | ||
+ | int nX, nY; | ||
+ | int delay = 16; | ||
+ | |||
+ | // Setup the Processing Canvas | ||
+ | void setup(){ | ||
+ | size( 600, 200 ); | ||
+ | strokeWeight( 10 ); | ||
+ | frameRate( 15 ); | ||
+ | X = width / 2; | ||
+ | Y = width / 2; | ||
+ | nX = X; | ||
+ | nY = Y; | ||
+ | } | ||
+ | |||
+ | // Main draw loop | ||
+ | void draw(){ | ||
+ | |||
+ | radius = radius + sin( frameCount / 4 ); | ||
+ | |||
+ | // Track circle to new destination | ||
+ | X+=(nX-X)/delay; | ||
+ | Y+=(nY-Y)/delay; | ||
+ | |||
+ | // Fill canvas grey | ||
+ | background( 120 ); | ||
+ | |||
+ | // Set fill-color to blue | ||
+ | fill( 0, 12, 184 ); | ||
+ | |||
+ | // Set stroke-color white | ||
+ | stroke(255); | ||
+ | |||
+ | // Draw circle | ||
+ | ellipse( X, Y, radius, radius ); | ||
+ | } | ||
+ | |||
+ | |||
+ | // Set circle's next destination | ||
+ | void mouseMoved(){ | ||
+ | nX = mouseX; | ||
+ | nY = mouseY; | ||
+ | } | ||
+ | |||
+ | </processingjs> | ||
+ | |||
+ | <nowiki><processingjs> | ||
+ | /* | ||
+ | PROCESSINGJS.COM - BASIC EXAMPLE | ||
+ | Delayed Mouse Tracking | ||
+ | MIT License - Hyper-Metrix.com/F1LT3R | ||
+ | Native Processing compatible | ||
+ | */ | ||
+ | |||
+ | // Global variables | ||
+ | float radius = 50.0; | ||
+ | int X, Y; | ||
+ | int nX, nY; | ||
+ | int delay = 16; | ||
+ | |||
+ | // Setup the Processing Canvas | ||
+ | void setup(){ | ||
+ | size( 600, 200 ); | ||
+ | strokeWeight( 10 ); | ||
+ | frameRate( 15 ); | ||
+ | X = width / 2; | ||
+ | Y = width / 2; | ||
+ | nX = X; | ||
+ | nY = Y; | ||
+ | } | ||
+ | |||
+ | // Main draw loop | ||
+ | void draw(){ | ||
+ | |||
+ | radius = radius + sin( frameCount / 4 ); | ||
+ | |||
+ | // Track circle to new destination | ||
+ | X+=(nX-X)/delay; | ||
+ | Y+=(nY-Y)/delay; | ||
+ | |||
+ | // Fill canvas grey | ||
+ | background( 120 ); | ||
+ | |||
+ | // Set fill-color to blue | ||
+ | fill( 0, 12, 184 ); | ||
+ | |||
+ | // Set stroke-color white | ||
+ | stroke(255); | ||
+ | |||
+ | // Draw circle | ||
+ | ellipse( X, Y, radius, radius ); | ||
+ | } | ||
+ | |||
+ | |||
+ | // Set circle's next destination | ||
+ | void mouseMoved(){ | ||
+ | nX = mouseX; | ||
+ | nY = mouseY; | ||
+ | } | ||
+ | |||
+ | </processingjs></nowiki> | ||
+ | |||
+ | ===afficher le contenu d'une catégorie=== | ||
+ | <nowiki><categorytree mode=pages style=compact headings=bullet showcats=1 showarts=0>Machines</categorytree></nowiki> | ||
+ | |||
+ | <categorytree mode=pages style=compact headings=bullet showcats=1 showarts=0>Machines</categorytree> | ||
+ | |||
+ | |||
+ | plus d'aide | ||
[http://www.mediawiki.org/wiki/Extension:CategoryTree/fr aide:categoryTree] | [http://www.mediawiki.org/wiki/Extension:CategoryTree/fr aide:categoryTree] | ||
− | [[ | + | http://www.semantic-mediawiki.org/wiki/Help:Inline_queries |
+ | |||
+ | ===utiliser les modèles=== | ||
+ | |||
+ | les modèles sont des sortes de formulaires qui permettent facilement de compléter une page | ||
+ | |||
+ | et accessoirement de compléter des données sémantiques, de façon à faciliter la recherche dans ce wiki. | ||
+ | |||
+ | Sur ce wiki, un assortiment de modèles en cours de développement tente de rendre l'usage du fablab et la lisibilité des usages plus fluide. | ||
+ | |||
+ | Il est actuellement au stade expérimental et demande du test... | ||
+ | |||
+ | |||
+ | ==== Remplir sa page de profil d'utilisateur==== | ||
+ | |||
+ | Une fois loggué, utilisez le formulaire pour compléter votre "profil" qui permettra aux autres usagers de mieux vous connaitre. | ||
+ | |||
+ | Pour ce faire, rendez vous sur votre page utilisateur (en cliquant en haut à droite sur votre nom), et choisissez " modifier avec le formulaire" | ||
+ | |||
+ | Ces infos sont visibles sur la page [[Fablabo:Accueil|Communauté]] | ||
+ | |||
+ | |||
+ | |||
+ | ====créer une page projet==== | ||
+ | |||
+ | Pour créer une page projet, utilisez le [[Formulaire:Projet]] | ||
+ | |||
+ | Cette page pourra vous servir de carnet de bord au fil de votre réalisation. | ||
+ | |||
+ | Vous la retrouverez sur la page d'accueil : [[Accueil#Projets]] | ||
+ | |||
+ | ==afficher des données structurées== | ||
+ | |||
+ | Ceci permet d'affiner un affichage grâce aux propriétés stockées dans certaines pages | ||
+ | |||
+ | requête avec Ask : | ||
+ | |||
+ | <nowiki>{{#ask: | ||
+ | |?# | ||
+ | |?fonction | ||
+ | |?type | ||
+ | | ?taille#cm = surface de travail | ||
+ | |format=broadtable | ||
+ | |limit=10 | ||
+ | |headers=show | ||
+ | |link=all | ||
+ | |class=sortable wikitable smwtable | ||
+ | |offset= | ||
+ | }} | ||
+ | </nowiki> | ||
+ | |||
+ | |||
+ | |||
+ | {{#ask: | ||
+ | |?# | ||
+ | |?fonction | ||
+ | |?type | ||
+ | | ?taille#cm = surface de travail | ||
+ | |?entree | ||
+ | |?sortie | ||
+ | |format=broadtable | ||
+ | |limit=10 | ||
+ | |headers=show | ||
+ | |link=all | ||
+ | |class=sortable wikitable smwtable | ||
+ | |offset= | ||
+ | }} | ||
+ | |||
+ | |||
+ | ===exemple avec les fablabs=== | ||
+ | |||
+ | Tous les fablabs espaces Numériques : | ||
+ | <nowiki> | ||
+ | {{#ask: [[intitulé::espacenum]] | ||
+ | |?long # - | ||
+ | |?latt # | ||
+ | |?site | ||
+ | |?adresse | ||
+ | |?intitulé | ||
+ | |?structures | ||
+ | }} | ||
+ | </nowiki> | ||
+ | |||
+ | {{#ask: [[intitulé::espacenum]] | ||
+ | |?long # - | ||
+ | |?latt # | ||
+ | |?site | ||
+ | |?adresse | ||
+ | |?intitulé | ||
+ | |?structures | ||
+ | |format=csv | ||
+ | }} | ||
+ | |||
+ | {{#ask: [[intitulé::espacenum]] | ||
+ | |?long # - | ||
+ | |?latt # | ||
+ | |?site | ||
+ | |?adresse | ||
+ | |?intitulé | ||
+ | |?structures | ||
+ | }} | ||
+ | |||
+ | |||
+ | |||
+ | === Discuter === | ||
+ | ------- | ||
+ | <iframe src="http://webchat.freenode.net?channels=%23ping&uio=d4" width="647" height="400"></iframe> | ||
+ | |||
+ | http://webchat.freenode.net?channels=%23ping&uio=d4 | ||
+ | |||
+ | |||
+ | |||
+ | ===page de documentation=== | ||
+ | |||
+ | On peut utiliser le Modèle [[PianoPieds]] | ||
+ | |||
+ | |||
+ | |||
+ | [[Catégorie:Aide|{{PAGENAME}}]] |
Version actuelle en date du 22 mai 2023 à 12:39
Sommaire
Je souhaite écrire dans ce wiki : comment faire ?
Il vous suffit de demander un compte en cliquant sur le bonhomme en haut à droite. Il vous faudra remplir un petit formulaire pour valider votre demande de compte, afin de vérifier que vous n'êtes pas un robot. Nous validerons ensuite aussi rapidement que possible votre demande.
Une fois inscrit, vous pourrez intervenir sur des pages existantes, ou en créer de nouvelles pour documenter vos travaux.
Personnaliser son profil
Par défaut, votre page utilisateur n'indique que le texte que vous avez tapé lors de la création de votre compte. Pas très fun...
Le modèle "laborantin" est là pour remédier à ça ! En copiant et en personnalisant le bout de code ci-dessous :
{{Laborantin |image=VOTREIMAGE |Sujets_Preferes=VOSSUJETSPRÉFÉRÉS |compétences=VOSCOMPÉTENCES }}
sur votre page utilisateur.rice, vous allez pouvoir arborer une "interface" plus funky, qui agrège notamment de façon automatique les liens des pages auxquelles vous contribuez !
À vous de jouer!
Aide pour rédiger les pages
Vous rencontrez un problème ou vous avez une question ? Faites-nous remonter l'information sur cette page : [http://fablabo.net/wiki/bugs]
Syntaxe générale
Vous pouvez vous entraîner à éditer une page dans le BacASable. Vous pouvez aussi consulter la page d'Aide:Syntaxe ou bien celle-ci, plus complète :
aide pour éditer une page sur le site mediawiki
Créer une page
La première action à faire est d'éditer une page existante, et d'y insérer un lien vers la page que l'on veut créer.
Par exemple [[mapage]] affichera mapage
Une fois cette modification exécutée, il suffit de suivre le lien qui nous entraînera sur votre nouvelle page.
Assigner une catégorie
Suivre l'explication détaillée ici http://www.mediawiki.org/wiki/Help:Categories/fr#Ajouter_une_page_.C3.A0_une_cat.C3.A9gorie
Images et fichiers
Pour afficher une image, il faut d'abord la télécharger sur le site en vous rendant sur la page Importer un fichier (le lien est aussi disponible à gauche dans la barre de navigation).
Ensuite utiliser la syntaxe wiki en utilisant les options pour les images sur le site mediawiki
Galleries d'images
<gallery> Image:Exemple.jpg|titre Image:Exemple.jpg|titre ... </gallery>
- ...
Images externes
On peut utiliser la balise <img> html pour intégrer des images externes
exemple :
<img src="http://ktd.club.fr/programmation/images/mozodojo-original-image.jpg" width=130 height=200/>
<img src="http://ktd.club.fr/programmation/images/mozodojo-original-image.jpg" width=130 height=200/>
Fichiers attachés
Un peu comme pour les images : Un lien vers un fichier dans le dossier upload : [[file:Combinaison.scad]] ou [[fichier:Combinaison.scad]] donne : Fichier:Combinaison.scad
À noter que le fichier en question a été téléversé sur le site à partir de la page Importer un fichier (accessible dans le menu de gauche)
insérer du code
On insère du code dans le texte avec les balises :
<code [options]>your code</code> where options are: lang='s' This is the language type that explains how to highlight the code. Default is 'text'. See GeSHi for full list of supported syntaxes linenumbers Turn on line numbers for each line in your code download Turn on the "Download Code" link for this block of your code tabwidth='n' How many spaces does a TAB represent fileurl='s' Instead of processing the code provided between the tags, process the code at specified URL
exemple :
<code lang='javascript'>
fonction pouet(){
alert('poète!!!');
}</code>
fonction pouet(){
alert('poète!!!');
}
NB: la fonction crée l'objet!
utiliser des widgets
Les widgets sont des sortes de plugins qui permettent d'augmenter les possibilités du wiki
on les utilise de la manière suivante : {{#widget:nomDuWidget|parametre= valeur}}
Voir les widgets existants et consulter leur page pour avoir des exemples
intégrer une vidéo
{{#Widget:Vimeo|id=46570749}}
{{#Widget:KalturaPing|id=0_8rjdiln8}}
{{#Widget:KalturaPing|id=0_8rjdiln8}}
faire du code processingjs
<processingjs>{le code processingjs} <processingjs>
<processingjs>
/*
PROCESSINGJS.COM - BASIC EXAMPLE Delayed Mouse Tracking MIT License - Hyper-Metrix.com/F1LT3R Native Processing compatible
- /
// Global variables float radius = 50.0; int X, Y; int nX, nY; int delay = 16;
// Setup the Processing Canvas void setup(){
size( 600, 200 ); strokeWeight( 10 ); frameRate( 15 ); X = width / 2; Y = width / 2; nX = X; nY = Y;
}
// Main draw loop void draw(){
radius = radius + sin( frameCount / 4 ); // Track circle to new destination X+=(nX-X)/delay; Y+=(nY-Y)/delay; // Fill canvas grey background( 120 ); // Set fill-color to blue fill( 0, 12, 184 ); // Set stroke-color white stroke(255); // Draw circle ellipse( X, Y, radius, radius );
}
// Set circle's next destination
void mouseMoved(){
nX = mouseX; nY = mouseY;
}
</processingjs>
<processingjs> /* PROCESSINGJS.COM - BASIC EXAMPLE Delayed Mouse Tracking MIT License - Hyper-Metrix.com/F1LT3R Native Processing compatible */ // Global variables float radius = 50.0; int X, Y; int nX, nY; int delay = 16; // Setup the Processing Canvas void setup(){ size( 600, 200 ); strokeWeight( 10 ); frameRate( 15 ); X = width / 2; Y = width / 2; nX = X; nY = Y; } // Main draw loop void draw(){ radius = radius + sin( frameCount / 4 ); // Track circle to new destination X+=(nX-X)/delay; Y+=(nY-Y)/delay; // Fill canvas grey background( 120 ); // Set fill-color to blue fill( 0, 12, 184 ); // Set stroke-color white stroke(255); // Draw circle ellipse( X, Y, radius, radius ); } // Set circle's next destination void mouseMoved(){ nX = mouseX; nY = mouseY; } </processingjs>
afficher le contenu d'une catégorie
<categorytree mode=pages style=compact headings=bullet showcats=1 showarts=0>Machines</categorytree>
plus d'aide
http://www.semantic-mediawiki.org/wiki/Help:Inline_queries
utiliser les modèles
les modèles sont des sortes de formulaires qui permettent facilement de compléter une page
et accessoirement de compléter des données sémantiques, de façon à faciliter la recherche dans ce wiki.
Sur ce wiki, un assortiment de modèles en cours de développement tente de rendre l'usage du fablab et la lisibilité des usages plus fluide.
Il est actuellement au stade expérimental et demande du test...
Remplir sa page de profil d'utilisateur
Une fois loggué, utilisez le formulaire pour compléter votre "profil" qui permettra aux autres usagers de mieux vous connaitre.
Pour ce faire, rendez vous sur votre page utilisateur (en cliquant en haut à droite sur votre nom), et choisissez " modifier avec le formulaire"
Ces infos sont visibles sur la page Communauté
créer une page projet
Pour créer une page projet, utilisez le Formulaire:Projet
Cette page pourra vous servir de carnet de bord au fil de votre réalisation.
Vous la retrouverez sur la page d'accueil : Accueil#Projets
afficher des données structurées
Ceci permet d'affiner un affichage grâce aux propriétés stockées dans certaines pages
requête avec Ask :
{{#ask: |?# |?fonction |?type | ?taille#cm = surface de travail |format=broadtable |limit=10 |headers=show |link=all |class=sortable wikitable smwtable |offset= }}
exemple avec les fablabs
Tous les fablabs espaces Numériques : {{#ask: [[intitulé::espacenum]] |?long # - |?latt # |?site |?adresse |?intitulé |?structures }}
Discuter
<iframe src="http://webchat.freenode.net?channels=%23ping&uio=d4" width="647" height="400"></iframe>
http://webchat.freenode.net?channels=%23ping&uio=d4
page de documentation
On peut utiliser le Modèle PianoPieds