Utilisateur:Admin

De MCHobby - Wiki
Révision datée du 1 septembre 2024 à 13:33 par Admin (discussion | contributions) (→‎Boxes)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
Sauter à la navigation Sauter à la recherche

Liens Perso / Idées projets

Idées projets:

  • Maker PI RP2040 + Zumo Robot

Idées Blog:

  • Maker Pi RP2040 (Cytron) + Romi

MediaWiki reference

https://wiki.mchobby.be/index.php?title=Accueil&action=XXX

Avec XXX pouvant recevoir les valeurs suivantes:

  • raw : contenu de la page wiki tel que présenté dans le volet "edit"
  • render : rendu HTML sans interface utilisateur et sans inclusion CSS. Idéal pour inclure dans un IFrame ou compiler un PDF.
  • info : Affiche des informations sur la page
  • purge : efface le cache pour la page, force la recompilation depuis la source.
  • history : affiche l'historique de modification de la page
  • Voir aussi Actions sur MediaWiki

Specific Ressource

Image

[[Fichier:image.png]]
[[Fichier:image.png|240px]]

ADF Images

{{ADFImage|name.jpg}}
{{ADFImage|name.jpg|250px}}

Pololu

Infobox pour page de garde compilée avec compile_tuto.py : 

{{Pololu-Zumo-Shield-Arduino-NAV}}
{{infobox tuto
   | image = Pololu-Zumo-Shield-Arduino-01.jpg
   | title = Guide utilisateur du Robot Zumo Pololu
   | subtitle = Un guide complet et abordable pour assembler, utiliser et exploiter rapidement votre Robot Zumo.
   | version = 0.1
}}

Image Pololu avec crédit et description 

{{POLImage|name.jpg|250px|descr}}

Lien vers produit Pololu: 

{{pl|447|châssis Zumo}} {{polpl|1418}}

MediaWiki extension

Template MCHobby

  • MCH-Aider
  • MCH-Accord
  • ADF-Accord, ARDUINO-Accord, GOF-Accord, ECE-Accord

syntaxhighlight

<syntaxhighlight lang="python">
#!/usr/bin/python

# Simple RGBMatrix example, using only Clear(), Fill() and SetPixel().
# These functions have an immediate effect on the display; no special
# refresh operation needed.
# Requires rgbmatrix.so present in the same directory.

import time
from rgbmatrix import Adafruit_RGBmatrix
</syntaxhighlight>

#!/usr/bin/python

# Simple RGBMatrix example, using only Clear(), Fill() and SetPixel().
# These functions have an immediate effect on the display; no special
# refresh operation needed.
# Requires rgbmatrix.so present in the same directory.

import time
from rgbmatrix import Adafruit_RGBmatrix

Template condensé 

<syntaxhighlight lang="python">
x
</syntaxhighlight>

<syntaxhighlight lang="c">
x
</syntaxhighlight>

Round Box

<div style="border: 1px solid #FF9933; background-color: #FFCC66; padding-top: 10px; padding-bottom: 10px; padding-left:10px; border-radius: 15px; margin-bottom: 10px; text-align: left;">Traduction réalisée par Meurisse. D pour [http://shop.mchobby.be shop.MCHobby.be] - '''Licence CC-BY-SA.'''<br />
'''Crédit de traduction:''' Toute référence, mention ou extrait de cette traduction doit également être explicitement accompagné du crédit de traduction suivant : «  Traduction par MCHobby ([http://shop.mchobby.be shop.MCHobby.be]) » avec un lien vers la source (donc cette page) et ce quelque soit le média utilisé.</div>
   ou
{{rbox-orange| exemple de round box orange}}
Traduction réalisée par Meurisse. D pour shop.MCHobby.be - Licence CC-BY-SA.
Crédit de traduction: Toute référence, mention ou extrait de cette traduction doit également être explicitement accompagné du crédit de traduction suivant : «  Traduction par MCHobby (shop.MCHobby.be) » avec un lien vers la source (donc cette page) et ce quelque soit le média utilisé.
exemple de round box orange
<div style="border: 1px solid #BAC6C7; background-color: #F1BBBB; padding-top: 10px; padding-bottom: 10px; padding-left:10px; border-radius: 15px; margin-bottom: 10px; text-align: left;">Un message important à ne pas rater!</div>
   ou
{{rbox-red| exemple de round box rouge}}
Un message important à ne pas rater!
exemple de round box rouge
<div style="background-color: #B6F7B8; padding: 8px 10px; border-radius: 0; border: 1px solid #30C164; margin-left: 10px; margin-bottom:10px; border-radius:15px;">Encore un autre modèle</div>
   ou 
{{rbox-green | exemple de round box vert}}
Encore un autre modèle
exemple de round box vert

Voyez le Color Picker de W3Schools pour les couleurs ;-)

Div Box

{{dbox-orange| dbox-orange example }}
dbox-orange example 
{{dbox-red| dbox-red example }}
dbox-red example 
{{dbox-green| dbox-green example }}
dbox-green example 
{{dbox-blue| dbox-blue example }}
dbox-blue example 
{{dbox-gray| dbox-gray example }}
dbox-gray example

Boxes

Exemple TmBox

Some tmbox text.
En cours de traduction 
{{tmbox | text = En cours de traduction}}
Pas Op! Une betise tu va bientôt faire une fois 
{{tmbox | type = speedy | text = Pas Op! Une betise tu va bientôt faire une fois}}

Exemple AmBox

Some text. 
{{ambox | text = Some text.}}
Stop
 Text for a big box, for the top of articles.
Stop
 Ne surtout pas faire cette bêtise!!! 
{{Ambox
| type       = delete
| image      = [[File:StopHand.png|40px|alt=Stop]]
| textstyle  = color: red; font-weight: bold; font-style: italic;
| text       = Text for a big box, for the top of articles.
}}

{{ambox-stop | text = Ne surtout pas faire cette bêtises!!! }}
Question
 Text for an open question.
Question
 I have a question to ask myself 


{{Ambox
| image      = [[File:Ambox_blue_question.png|40px|alt=Question]]
| textstyle  = color: black;
| text       = Text for an open question.
}}

{{Ambox-question | text = I have a question to ask myself }}

IFrame (vidéo)

Exemple de IFrame

{{#Widget:Iframe |url=https://www.youtube.com/embed/lmoz-XrSfEw |width=420 |height=315 |border=0 }} 

{{#Widget:Iframe
|url=https://www.youtube.com/embed/lmoz-XrSfEw
|width=420
|height=315
|border=0
}}

Navigation & Formatage

Navigateur

Petite structure permettant de naviguer plus facilement dans les articles composés de plusieurs pages.

Déclaration à l'aide d'un template 

{{TFT-SHIELD-NAV}}

Anciennement, le contenu du template était: 

 <div style="position: absolute; right:10px; background-color: #f6f6f6; padding-right: 5px; border: 1px #d8d8d8 solid;">
* Introduction  
** [[Ecran tactile 2.8" TFT]]
* Librairie GFX
** [[Tutoriel Librairie Adafruit GFX|Tutoriel GFX]]
** [[Tutoriel Librairie Adafruit GFX - Couleurs 16 Bits|Couleurs 16 bits]]
* Acheter
** [http://mchobby.be/PrestaShop/product.php?id_product=16 Ecran tactile 2.8"]
</div>

Il est maintenant remplacé par l'utilisation du template {{TUTO-NAV}} prenant en charge l'affichage des éléments HTML du navigateur.

Voici donc le nouveau contenu de {{TFT-SHIELD-NAV}} 

{{TUTO-NAV|
* Introduction  
** [[Ecran tactile 2.8" TFT]]
* Librairie GFX
** [[Tutoriel Librairie Adafruit GFX|Tutoriel GFX]]
** [[Tutoriel Librairie Adafruit GFX - Couleurs 16 Bits|Couleurs 16 bits]]
* Acheter
** {{pl|16|Ecran tactile 2.8"}}
}}

Bas de page

Utilise la technique du template reprenant la nomenclature suivante: 

{{TFT-SHIELD-TRAILER}}

Qui contient généralement: 

<hr />
<small>Source: [http://learn.adafruit.com/wave-shield-voice-changer/overview]

''Réalisé avec l'aide de Mr Carette J. à qui nous remettons tous nos remerciements.''</small>

{{ADF-Accord}}

{{MCH-Accord}}

Bloc

Bloc Etroit

Les blocs permettent de mettre en place une section plus étroite pour placer du texte à gauche du navigateur... sans devoir utiliser soit même une série de 

{{bloc-etroit
   |text=Le texte a faire paraitre dans le bloc :-) avec toute sorte de truc Wiki
}}

Bloc Download

Bloc présentant un aspect plus agréable qu'un simple lien. Le texte de la boite passe également à 120%.

Download-icon.pngTéléchargez Raspbian PiTFT 2.8"
{{download-box|Téléchargez Raspbian PiTFT 2.8"|http://adafruit-download.s3.amazonaws.com/PiTFT28R_raspbian140620_2014_08_25.zip}}

Bloc YouTube

Bloc présentant un aspect plus agréable qu'un simple lien. Le texte de la boite passe également à 120%.

Youtube-icon.pngWiring the cansat boards
{{youtube-box|Wiring the cansat boards|https://youtu.be/dmc9noI2WAs}}

Formatage de texte

Hormis le formatage standard de médiawiki, voici quelques petits extra:

Comment mettre un texte en souligné ;-) 

Comment mettre {{underline|un texte en souligné}}

Comment mettre un text en overline 

Comment mettre {{overline|un text en overline}}

Comment afficher LeNomDuneFonction() ou du code en courrier :-) 

Comment afficher {{fname|LeNomDuneFonction()}} en courrier

Exemple de page type

{{Voice-Changer-NAV}}

{{traduction}}

{{bloc-etroit
   |text=Blablabla
}}

{{Voice-Changer-TRAILER}}

Ce qui produit:


MCHobby investit du temps et de l'argent dans la réalisation de traduction et/ou documentation. C'est un travail long et fastidieux réalisé dans l'esprit Open-Source... donc gratuit et librement accessible.
SI vous aimez nos traductions et documentations ALORS aidez nous à en produire plus en achetant vos produits chez MCHobby.
Page-under-construction.pngPage(s) en cours de traduction/élaboration.

Page(s) under translation/construction

Blablabla

Source: Wave Shield Voice Changer. Crédit: Adafruit Industries

Réalisé avec l'aide de Mr Carette J. à qui nous remettons tous nos remerciements.

Traduit avec l'autorisation d'AdaFruit Industries - Translated with the permission from Adafruit Industries - www.adafruit.com

Toute référence, mention ou extrait de cette traduction doit être explicitement accompagné du texte suivant : «  Traduction par MCHobby (www.MCHobby.be) - Vente de kit et composants » avec un lien vers la source (donc cette page) et ce quelque soit le média utilisé.

L'utilisation commercial de la traduction (texte) et/ou réalisation, même partielle, pourrait être soumis à redevance. Dans tous les cas de figures, vous devez également obtenir l'accord du(des) détenteur initial des droits. Celui de MC Hobby s'arrêtant au travail de traduction proprement dit.

Liste des tutoriels

Flag spéciaux:

  • traduction=1 : permet d'indiquer un banner "under construction" à la place de l'image du tutoriel. Affiche également le texte "TRAVAUX EN COURS." en tête de description.
  • link=INTERNAL_PAGE_CODE : a utiliser pour une page tuto complète.
  • url=http://xxx : a utiliser à la place de link pour pointer vers une page externe au Wiki
{{ttuto-begin}}

{{ttuto
  |label=Capteur de courant
  |descr=Mesure de puissance/energie dans une installation électrique.
  |img=Senseur-Courant.jpg
  |link=SENSEUR-COURANT
  |traduction=1
}}

{{ttuto
  |label=Arduino Yun
  |descr=Arduino '''Yun''', spécialiste du WIFI et du Net. <font color="red">avec traduction de la librairie en français</font>.
  |img=tlogo-yun.jpg
  |link=Arduino Yun
}}

-- AUSSI AVEC LIEN VERS GITHUB --

{{ttuto
  |label=MOD-Wii-Chuck [UEXT]
  |descr=Contrôleur de jeu I2C Wii Nunchuck. Exploiter le sous MicroPython (via port UEXT).
  |img=tlogo-mod-wii-nunchuck.png
  |url=https://github.com/mchobby/esp8266-upy/tree/master/modwii
}}

{{ttuto-end}}

Capteur de courant

Tlogo-under-construction.jpg

TRAVAUX EN COURS. Mesure de puissance/energie dans une installation électrique.

Arduino Yun

Tlogo-yun.jpg

Arduino Yun, spécialiste du WIFI et du Net.

MOD-Wii-Chuck [UEXT]

Tlogo-mod-wii-nunchuck.png

Contrôleur de jeu I2C Wii Nunchuck. Exploiter le sous MicroPython (via port UEXT).

 

TABLES

Parts List - Table

{{parts-begin}}

{{parts-item
  |name=Afficheur
  |descr=Afficheur LCD (2x16 caractères)
  |img=afficheur-lcd-afficheur.jpg
  |link=http://shop.mchobby.be/product.php?id_product=176
  |qty=1
}}

{{parts-item
  |name=Potentiomètre
  |descr=pot. 10 KOhms linéraire<br />Inclus avec l'afficheur LCD
  |img=afficheur-lcd-pot.jpg
  |link=http://shop.mchobby.be/product.php?id_product=33
  |qty=1
}}

{{parts-end}}


  Description Quantité
Afficheur
Afficheur-lcd-afficheur.jpg 		Afficheur LCD (2x16 caractères)
disponible ici chez MCHobby 		1
Potentiomètre
Afficheur-lcd-pot.jpg 		pot. 10 KOhms linéraire
Inclus avec l'afficheur LCD
disponible ici chez MCHobby 		1

parts-item prédéfini

Plutôt que recoder systématiquement toutes les informations d'un part-item, il est également possible d'utiliser l'un des prédéfini.

Exemple : 

{{parts-begin}}
{{parts-item-pi|qty=1}}
{{parts-end}}
  Description Quantité
Raspberry Pi B
Part-item-pi.jpg 		Raspberry Pi

disponible ici chez MCHobby 		1
Raspberry Pi 3 ou Pi 2
Part-item-piplus.jpg 		Raspberry Pi 3

disponible ici chez MCHobby 		1

Modèle pour Création : 

{{parts-item
  |name=Raspberry Pi
  |descr=Raspberry Pi<br />{{{note| }}}
  |img=part-item-pi.jpg
  |link=http://mchobby.be/PrestaShop/product.php?id_product=141
  |qty={{{qty}}}
}}

Liste :

Liste des parts-items

Assemblage - Tables

décrit les opérations d'assemblages

Part-item-pi.jpg Le texte de description ici
Afficheur-lcd-afficheur.jpg


Part-item-pi.jpg

Avec paramètre additionnel qui réduit l'image à 250px (size=250px)

Autre ligne

  • Et bullet list :-)
{{asm-begin}}

{{asm-row|img=part-item-pi.jpg}}
{{asm-text}} Le texte de description ici

{{asm-row|img=afficheur-lcd-afficheur.jpg|size=250px}}
{{asm-img|img=part-item-pi.jpg}}
{{asm-text}} Avec paramètre additionnel qui réduit l'image à 250px (size=250px)

Autre ligne
* Et bullet list :-)
{{asm-end}}

WikiMedia - Tables

Titre1 Description
xx yyyy
xx yyyy
xx yyyy 
{| class="wikitable" border="1"
|-
| align="center" | Titre1
| align="center" | Description
|- style="font-size: 90%"
| align="left" | xx	
| align="left" | yyyy	
|- style="font-size: 90%"
| align="left" | xx	
| align="left" | yyyy	
|- style="font-size: 90%"
| align="left" | xx	
| align="left" | yyyy	
|}


Titre1 Titre2 Description
ww xx yyyy
ww xx yyyy
ww xx yyyy 
{| class="wikitable" border="1"
|-
| align="center" | Titre1
| align="center" | Titre2
| align="center" | Description
|- style="font-size: 90%"
| align="left" | ww	
| align="left" | xx	
| align="left" | yyyy	
|- style="font-size: 90%"
| align="left" | ww	
| align="left" | xx	
| align="left" | yyyy	
|- style="font-size: 90%"
| align="left" | ww	
| align="left" | xx	
| align="left" | yyyy	
|}
Titre1 Titre2 Titre3 Description
ww xx yyyy zzzz
ww xx yyyy zzzz
ww xx yyyy zzzz 
{| class="wikitable" border="1"
|-
| align="center" | Titre1
| align="center" | Titre2
| align="center" | Titre3
| align="center" | Description
|- style="font-size: 90%"
| align="left" | ww	
| align="left" | xx	
| align="left" | yyyy	
| align="left" | zzzz	
|- style="font-size: 90%"
| align="left" | ww	
| align="left" | xx	
| align="left" | yyyy	
| align="left" | zzzz	
|- style="font-size: 90%"
| align="left" | ww	
| align="left" | xx	
| align="left" | yyyy	
| align="left" | zzzz	
|}
Type de lumière ambiante... Lumière ambiante (lux) Valeur photo-Résistance (Ohms) Photo-résistance + R (Ohms) Courant (Photo-résistance + R) Tension aux bornes de R
Hall faiblement éclairé 0.1 lux 600 KOhms 610 KOhms 0.008 mA 0.1 V
Clair de lune 1 lux 70 KOhms 80 KOhms 0.07 mA 0.6 V
Pièce sombre 10 lux 10 KOhms 20 KOhms 0.25 mA 2.5 V
Jour très couvert (sombre) / Pièce lumineuse 100 lux 1.5 KOhms 11.5 KOhms 0.43 mA 4.3 V
Jour couvert 1000 lux 300 Ohms 10.03 KOhms 0.5 mA 5V 
{| class="wikitable" border="1"
|-
| align="center" | Type de lumière ambiante...
| align="center" | Lumière ambiante (lux)
| align="center" | Valeur photo-Résistance (Ohms)
| align="center" | Photo-résistance + R (Ohms)
| align="center" | Courant (Photo-résistance + R)
| align="center" | Tension aux bornes de R
|- style="font-size: 90%"
| align="left" | Hall faiblement éclairé	
| align="left" | 0.1 lux	
| align="left" | 600 KOhms	
| align="left" | 610 KOhms
| align="left" | 0.008 mA
| align="left" | 0.1 V
|- style="font-size: 90%"
| align="left" | Clair de lune
| align="left" | 1 lux
| align="left" | 70 KOhms
| align="left" | 80 KOhms
| align="left" | 0.07 mA
| align="left" | 0.6 V
|- style="font-size: 90%"
| align="left" | Pièce sombre
| align="left" | 10 lux
| align="left" | 10 KOhms
| align="left" | 20 KOhms
| align="left" | 0.25 mA
| align="left" | 2.5 V
|- style="font-size: 90%"
| align="left" | Jour très couvert (sombre) / Pièce lumineuse
| align="left" | 100 lux
| align="left" | 1.5 KOhms
| align="left" | 11.5 KOhms
| align="left" | 0.43 mA
| align="left" | 4.3 V
|- style="font-size: 90%"
| align="left" | Jour couvert
| align="left" | 1000 lux
| align="left" | 300 Ohms
| align="left" | 10.03 KOhms
| align="left" | 0.5 mA
| align="left" | 5V
|}

Aligner des tables

Bouton Entrées PiGrrl 1 Entrées Arduino
A B1 D2
+ B2 D3
Bouton Entrées PiGrrl 2 Entrées Arduino
2 B1 D7
1 B2 D8 
{| class="wikitable" border="1" style="display: inline-block;"
|-
| align="center" | '''Bouton'''
| align="center" | '''Entrées PiGrrl 1'''
| align="center" | '''Entrées Arduino'''
|- style="font-size: 90%"
| align="center" | A
| align="center" | B1
| align="center" | D2
|- style="font-size: 90%"
| align="center" | +
| align="center" | B2
| align="center" | D3
|}

{| class="wikitable" border="1" style="display: inline-block;"
|-
| align="center" | '''Bouton'''
| align="center" | '''Entrées PiGrrl 2'''
| align="center" | '''Entrées Arduino'''
|- style="font-size: 90%"
| align="center" | 2
| align="center" | B1
| align="center" | D7
|- style="font-size: 90%"
| align="center" | 1
| align="center" | B2
| align="center" | D8
|}

Liens Produits & Categ

Hyperlien produit

Permet de créer rapidement & facilement un lien produit vers le WebShop à partir de l'ID produit.

Utilise le code PL en minuscule pour Product Link. 

{{pl|_ID_|_texte_}}

Exemple: 

{{pl|345|The Pi-Rack de la mort qui tue}}

The Pi-Rack de la mort qui tue

Hyperlien Categorie

Permet de créer rapidement & facilement un lien catégorie vers le WebShop à partir de l'ID produit.

Utilise le code CL en minuscule pour Category Link. 

{{cl|_ID_|_texte_}}

Exemple: 

{{cl|43|La gamme Trinket}}

La gamme Trinket

Hyperlien Recherche produit

Permet de créer rapidement & facilement un lien recherche de produit sur le WebShop à partir de d'un mot clé.

Utilise le code SL en minuscule pour Search Link. 

{{sl|_MOT_CLE_|_texte_}}

Exemple: 

{{sl|neopixel|Les différents produits NéoPixel}}

Les différents produits NéoPixel


link-product-CODE

Commence par "link-product-" + code produit

link-product-categ

Lien fournisseur

{{pl|447|châssis Zumo}} {{polpl|1418}}

châssis Zumo lien pololu

Editing Tools / UNICODE

Toolbox

Quelques outils pour créer plus facilement du contenu sur ce wiki.

Divers

Récupérée de « https://wiki.mchobby.be/index.php?title=Utilisateur:Admin&oldid=32187 »