| (8 révisions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
{{Tuto Details | {{Tuto Details | ||
| − | |Main_Picture= | + | |Main_Picture=Une_part_d_Histoire_Une_part_d_Histoire.JPG |
| − | |Main_Picture_annotation={"version":"3.5.0","objects":[{"type":"image","version":"3.5.0","originX":"left","originY":"top","left": | + | |Main_Picture_annotation={"version":"3.5.0","objects":[{"type":"image","version":"3.5.0","originX":"left","originY":"top","left":-1,"top":-30,"width":1942,"height":2031,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.31,"scaleY":0.31,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://wikifab.org/images/b/bb/Une_part_d_Histoire_Une_part_d_Histoire.JPG","filters":[]}],"height":450.2654867256637,"width":600} |
|Licences=Attribution (CC BY) | |Licences=Attribution (CC BY) | ||
|Description=<translate>Ce tutoriel permet de fabriquer un appareil composé d'un boîtier disposant de 6 boutons. | |Description=<translate>Ce tutoriel permet de fabriquer un appareil composé d'un boîtier disposant de 6 boutons. | ||
| Ligne 16 : | Ligne 16 : | ||
}} | }} | ||
{{Introduction | {{Introduction | ||
| − | |Introduction=<translate> | + | |Introduction=<translate>Ce projet de vulgarisation historique s'appuie sur un dispositif informatique ludique (à l’aide d’un Raspberry Pi). Il permet la découverte d'œuvres selon différents critères : |
<br /> | <br /> | ||
| − | * | + | *Une période : |
| − | * Un | + | **Préhistoire |
| − | * Des niveaux de difficulté | + | **Antiquité |
| + | **Moyen-Âge | ||
| + | **Temps moderne | ||
| + | **Époque contemporaine) | ||
| + | *Un support : | ||
| + | **Sites internet | ||
| + | **BD/Roman graphique | ||
| + | **Podcast | ||
| + | **Jeux | ||
| + | **Livres | ||
| + | *Des niveaux de difficulté : | ||
| + | **Facile | ||
| + | **Débutant | ||
| + | **Moyen | ||
| + | **Difficile | ||
| + | **Expert | ||
| − | Une fois ces | + | Une fois ces sélections faits, une référence est proposée : empruntable, réservable ou consultable en ligne. |
| − | + | Ce dispositif peut être accompagné d'une animation : un quiz historique basé sur les thèmes des œuvres proposées.</translate> | |
}} | }} | ||
{{Materials | {{Materials | ||
| − | |Material=<translate>===Base du boîtier=== | + | |Material=<translate>====Base du boîtier==== |
| − | ====Fabrication==== | + | =====<u>Fabrication</u>===== |
*Une plaque de bois contreplaqué de '''E''' mm d'épaisseur + surface à définir= '''S''' mm² | *Une plaque de bois contreplaqué de '''E''' mm d'épaisseur + surface à définir= '''S''' mm² | ||
| Ligne 39 : | Ligne 54 : | ||
*colle à bois / colle forte | *colle à bois / colle forte | ||
| − | ====Peinture==== | + | =====<u>Peinture</u>===== |
*Peinture noire, blanche ou vernis si souhait de garder apparente la teinte du bois | *Peinture noire, blanche ou vernis si souhait de garder apparente la teinte du bois | ||
| − | ===Couvercle et boutons=== | + | ==== Couvercle et boutons ==== |
*6 couleurs de fil adaptés à l'imprimante 3D disponible | *6 couleurs de fil adaptés à l'imprimante 3D disponible | ||
| − | ===Pour la partie électronique=== | + | ==== Pour la partie électronique ==== |
*Un RaspberryPi (ici modèle 4) et ses périphériques(possiblement inclus en cas d'achat d'un kit complet) | *Un RaspberryPi (ici modèle 4) et ses périphériques(possiblement inclus en cas d'achat d'un kit complet) | ||
| + | **un transformateur adapté (sortie 5 Volts ; '''''??''''' ampères) | ||
**un cordon d'alimentation | **un cordon d'alimentation | ||
**un cordon Hdmi <-> mini Hdmi | **un cordon Hdmi <-> mini Hdmi | ||
| Ligne 55 : | Ligne 71 : | ||
**6 petits boutons poussoirs | **6 petits boutons poussoirs | ||
**Environ2 m de fil de cuivre gainé | **Environ2 m de fil de cuivre gainé | ||
| − | **Étain à souder | + | **Étain à souder |
| − | |||
| − | ====Fabrication==== | + | <br /> |
| + | ====À prévoir en plus pour le fonctionnement==== | ||
| + | |||
| + | * Un moniteur connectable en Hdmi | ||
| + | * Une souris pour le démarrage | ||
| + | |||
| + | <br /></translate> | ||
| + | |Tools=<translate>====Base du boîtier==== | ||
| + | |||
| + | =====<u>Fabrication</u>===== | ||
*Un réglet | *Un réglet | ||
| Ligne 67 : | Ligne 91 : | ||
*Quelques serre-joints | *Quelques serre-joints | ||
| − | ====Peinture==== | + | =====<u>Peinture</u>===== |
*Un pinceau | *Un pinceau | ||
| − | ===Couvercle et boutons=== | + | <br /> |
| + | ====Couvercle et boutons==== | ||
*Imprimante 3D | *Imprimante 3D | ||
*Un ordinateur équipé d'un logiciel de conception compatible avec l'imprimante 3D disponible | *Un ordinateur équipé d'un logiciel de conception compatible avec l'imprimante 3D disponible | ||
| − | ===Pour la partie électronique=== | + | <br /> |
| + | ====Pour la partie électronique==== | ||
| − | ==== Les boutons ==== | + | =====<u>Les boutons</u>===== |
*6 petits boutons poussoirs | *6 petits boutons poussoirs | ||
*Fer à souder + éponge humide | *Fer à souder + éponge humide | ||
*Support à pinces type "3éme main" | *Support à pinces type "3éme main" | ||
| − | * | + | *Pistolet à colle |
| + | |||
| + | <br /> | ||
| + | ====Pour la réalisation des fiches==== | ||
| + | * Un logiciel de création graphique, ici canva (service en ligne) | ||
| + | <br /> | ||
| + | ====Pour le codage==== | ||
| − | <br /></translate> | + | *Un éditeur de texte pour la saisie du code |
| + | *Un navigateur web pour tester le programme<br /></translate> | ||
}} | }} | ||
{{Tuto Step | {{Tuto Step | ||
| Ligne 95 : | Ligne 128 : | ||
#Dessiner aussi les 6 rectangles sur la plaque de bois | #Dessiner aussi les 6 rectangles sur la plaque de bois | ||
#*Un passage pour les câbles étant à prévoir dans l'une des plaques, prévoir le découpage d'une petite fenêtre rectangulaire de '''l''' par '''h''' | #*Un passage pour les câbles étant à prévoir dans l'une des plaques, prévoir le découpage d'une petite fenêtre rectangulaire de '''l''' par '''h''' | ||
| − | #*Penser à en limer chaque côté le long de la hauteur '''h''' à 60° vers l'intérieur pour en faciliter l'assemblage. | + | #*Penser à en limer chaque côté le long de la hauteur '''h''' à 60° vers l'intérieur pour en faciliter l'assemblage. |
#Les découper de la même façon | #Les découper de la même façon | ||
#*découper la petite fenêtre rectangulaire dans l'un d'entre eux | #*découper la petite fenêtre rectangulaire dans l'un d'entre eux | ||
| − | #Coller chacun des rectangles sur les côtés de l'hexagone en les renforçant d'un tasseau à leur base. (''image jointe)''</translate> | + | #Coller chacun des rectangles sur les côtés de l'hexagone en les renforçant d'un tasseau à leur base. (''image jointe)'' |
| + | #Peindre ou vernir à votre goût</translate> | ||
|Step_Picture_00=Une_part_d_Histoire_Une_Part_d_Histoire_IMG_20260305_141755_721.jpeg | |Step_Picture_00=Une_part_d_Histoire_Une_Part_d_Histoire_IMG_20260305_141755_721.jpeg | ||
}} | }} | ||
| Ligne 113 : | Ligne 147 : | ||
}} | }} | ||
{{Tuto Step | {{Tuto Step | ||
| − | |Step_Title=<translate>Assemblage des éléments du boîtier</translate> | + | |Step_Title=<translate>Assemblage des éléments du boîtier (facultatif mais amortit le toucher des boutons)</translate> |
| − | |Step_Content=<translate> | + | |Step_Content=<translate>#Découper de petits coussinets circulaires dans un bloc de mousse pour amortir la sensation d'appui sur le boutons |
| − | |||
| − | #Découper de petits coussinets circulaires dans un bloc de mousse pour amortir la sensation d'appui sur le boutons | ||
#Avec le pistolet à colle, fixer une rondelle métallique sur le haut du bouton poussoir | #Avec le pistolet à colle, fixer une rondelle métallique sur le haut du bouton poussoir | ||
#*Ça compensera la fragilité de la mousse et permettra de décoller les boutons en cas de besoin | #*Ça compensera la fragilité de la mousse et permettra de décoller les boutons en cas de besoin | ||
| Ligne 127 : | Ligne 159 : | ||
{{Tuto Step | {{Tuto Step | ||
|Step_Title=<translate>Assemblage électronique des éléments du boîtier</translate> | |Step_Title=<translate>Assemblage électronique des éléments du boîtier</translate> | ||
| − | |Step_Content=<translate># Insérerles boutons poussoir dans les trous du couvercle | + | |Step_Content=<translate>#Insérerles boutons poussoir dans les trous du couvercle |
| − | # Les fixer avec les vis et rondelle founies | + | #Les fixer avec les vis et rondelle founies |
| − | + | #Relier entre eux tous les boutons par l'une de leurs deux broches | |
| − | + | #*soudure ou cosse | |
| − | + | #*rajouter 15 cm de fil partant de ce circuit vers l'une des broches du raspberry selon le schéma joint | |
| − | + | #Relier chaque broche restant des 6 boutons à 15 cm de fil pour relier les 6 broches du Raspberry nécessaires (schéma joint) | |
| − | * | + | #Pour renforcer les soudures et pouvoir ouvrir le boîtier sans risque,, il est possible de les recouvrir d'une petite épaisseur avec le pistiolet à colle. Ça renforcera aussi les les fils. |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<br /></translate> | <br /></translate> | ||
| Ligne 151 : | Ligne 177 : | ||
{{Tuto Step | {{Tuto Step | ||
|Step_Title=<translate>Le contenu culturel : les fiches et le programme</translate> | |Step_Title=<translate>Le contenu culturel : les fiches et le programme</translate> | ||
| − | |Step_Content=<translate></translate> | + | |Step_Content=<translate>Les fiches, oint été réalisées avec Canva. Le design correspond avec la charte graphique que nous avons utilisée durant tout le projet. Ainsi, nous pouvons retrouver : le titre de l'œuvre, l’auteur, le résumé. |
| + | |||
| + | En haut à droite de l’image, un petit dessin de montre permet d'identifier le niveau de difficulté du document. Le nombre de montres correspond au niveau (ex : deux montres correspondent au niveau 2). | ||
| + | |||
| + | En haut à droite, un pictogramme désigne le type de support du document (ex : un micro pour les podcasts, un livre pour les documents imprimés…) et une tache de couleur permet d’identifier la période. Les couleurs sont similaires à celles des boutons de la machine. Dans cette tâche, une image permet de visualiser l'œuvre présentée. | ||
| + | |||
| + | Enfin, en bas à droite, se trouve un QR code permettant aux usagers, en le scannant, de se rendre sur le site de la bibliothèque pour voir la ressource ou pour aller sur les sites des ressources en ligne. Une tâche rose est également présente sur l’ensemble des fiches dans l’angle en bas à gauche de celles-ci.</translate> | ||
|Step_Picture_00=Une_part_d_Histoire_IMG_2770.jpg | |Step_Picture_00=Une_part_d_Histoire_IMG_2770.jpg | ||
| + | |Step_Picture_00_annotation={"version":"3.5.0","objects":[{"type":"image","version":"3.5.0","originX":"left","originY":"top","left":0,"top":0,"width":4032,"height":3024,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.15,"scaleY":0.15,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://wikifab.org/images/c/c9/Une_part_d_Histoire_IMG_2770.jpg","filters":[]},{"type":"textbox","version":"3.5.0","originX":"center","originY":"center","left":246.46,"top":182.08,"width":223.32,"height":48.82,"fill":"#FF0000","stroke":"#FF0000","strokeWidth":1,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.62,"scaleY":0.67,"angle":0.01,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"text":"Couleur de la période historique","fontSize":20,"fontWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","lineHeight":1.16,"underline":false,"overline":false,"linethrough":false,"textAlign":"left","textBackgroundColor":"","charSpacing":0,"minWidth":20,"splitByGrapheme":false,"styles":{} },{"type":"wfarrow2line","version":"3.5.0","originX":"center","originY":"center","left":315,"top":191,"width":100,"height":0,"fill":"rgba(255,0,0,0)","stroke":"#FF0000","strokeWidth":4,"strokeDashArray":null,"strokeLineCap":"round","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"x1":-50,"x2":50,"y1":0,"y2":0,"x2a":30,"y2a":-8,"x2b":30,"y2b":8},{"type":"wfarrow2circle","version":"3.5.0","originX":"center","originY":"center","left":265,"top":191,"width":16,"height":16,"fill":"#aaa","stroke":"#666","strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":0.5,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":8,"startAngle":0,"endAngle":6.283185307179586},{"type":"wfarrow2circle","version":"3.5.0","originX":"center","originY":"center","left":365,"top":191,"width":16,"height":16,"fill":"#aaa","stroke":"#666","strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":0.5,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":8,"startAngle":0,"endAngle":6.283185307179586},{"type":"textbox","version":"3.5.0","originX":"center","originY":"center","left":230.96,"top":101.09,"width":334.61,"height":22.6,"fill":"#FF0000","stroke":"#FF0000","strokeWidth":1,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.62,"scaleY":0.67,"angle":0.01,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"text":"Niveau de difficulté de 1 à 5","fontSize":20,"fontWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","lineHeight":1.16,"underline":false,"overline":false,"linethrough":false,"textAlign":"left","textBackgroundColor":"","charSpacing":0,"minWidth":20,"splitByGrapheme":false,"styles":{} },{"type":"wfarrow2line","version":"3.5.0","originX":"center","originY":"center","left":85.5,"top":96,"width":55,"height":14,"fill":"rgba(255,0,0,0)","stroke":"#FF0000","strokeWidth":4,"strokeDashArray":null,"strokeLineCap":"round","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"x1":27.5,"x2":-27.5,"y1":7,"y2":-7,"x2a":-10.091490766620602,"y2a":5.686363004082152,"x2b":-6.14462227646171,"y2b":-9.819191778684923},{"type":"wfarrow2circle","version":"3.5.0","originX":"center","originY":"center","left":113,"top":103,"width":16,"height":16,"fill":"#aaa","stroke":"#666","strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":0.5,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":8,"startAngle":0,"endAngle":6.283185307179586},{"type":"wfarrow2circle","version":"3.5.0","originX":"center","originY":"center","left":58,"top":89,"width":16,"height":16,"fill":"#aaa","stroke":"#666","strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":0.5,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":8,"startAngle":0,"endAngle":6.283185307179586},{"type":"textbox","version":"3.5.0","originX":"center","originY":"center","left":458.02,"top":85.93,"width":223.32,"height":22.6,"fill":"#FF0000","stroke":"#FF0000","strokeWidth":1,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.59,"scaleY":0.64,"angle":0.01,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"text":"","fontSize":20,"fontWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","lineHeight":1.16,"underline":false,"overline":false,"linethrough":false,"textAlign":"left","textBackgroundColor":"","charSpacing":0,"minWidth":20,"splitByGrapheme":false,"styles":{} },{"type":"textbox","version":"3.5.0","originX":"center","originY":"center","left":495.46,"top":71.09,"width":355.57,"height":22.6,"fill":"#FF0000","stroke":"#FF0000","strokeWidth":1,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.62,"scaleY":0.67,"angle":0.01,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"text":"Média proposé","fontSize":20,"fontWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","lineHeight":1.16,"underline":false,"overline":false,"linethrough":false,"textAlign":"left","textBackgroundColor":"","charSpacing":0,"minWidth":20,"splitByGrapheme":false,"styles":{} },{"type":"wfarrow2line","version":"3.5.0","originX":"center","originY":"center","left":492,"top":81,"width":44,"height":2,"fill":"rgba(255,0,0,0)","stroke":"#FF0000","strokeWidth":4,"strokeDashArray":null,"strokeLineCap":"round","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"x1":-22,"x2":22,"y1":1,"y2":-1,"x2a":2.383890483143208,"y2a":7.899901540055398,"x2b":1.6573679084448083,"y2b":-8.083595103309397},{"type":"wfarrow2circle","version":"3.5.0","originX":"center","originY":"center","left":470,"top":82,"width":16,"height":16,"fill":"#aaa","stroke":"#666","strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":0.5,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":8,"startAngle":0,"endAngle":6.283185307179586},{"type":"wfarrow2circle","version":"3.5.0","originX":"center","originY":"center","left":514,"top":80,"width":16,"height":16,"fill":"#aaa","stroke":"#666","strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":0.5,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":8,"startAngle":0,"endAngle":6.283185307179586}],"height":450,"width":600} | ||
|Step_Picture_01=Une_part_d_Histoire_IMG_2769.jpg | |Step_Picture_01=Une_part_d_Histoire_IMG_2769.jpg | ||
| + | }} | ||
| + | {{Tuto Step | ||
| + | |Step_Title=<translate>Le codage Informatique</translate> | ||
| + | |Step_Content=<translate>====='''<u>Réalisation du code (HTML/CSS)</u>'''===== | ||
| + | |||
| + | Pour accueillir les fiches de la machine, un petit programme est nécessaire pour permettre aux usagers d'enregistrer leurs choix. | ||
| + | |||
| + | Écrit en HTML/CSS , un simple navigateur internet suffit pour le faire fonctionner. Il est aussi léger pour ne pas surcharger le Raspberry Pi et ne pose pas de problèmes de compatibilité. | ||
| + | |||
| + | |||
| + | L'arborescence correspondant à toutes les fiches a été réalisée pour inclure : | ||
| + | |||
| + | *la période historique | ||
| + | *le support souhaité | ||
| + | *le niveau de difficulté | ||
| + | |||
| + | 125 choix sont possibles. Ils correspondent à l'ensemble des pages : c'est à dire les fiches, et des ressources asociées. | ||
| + | |||
| + | |||
| + | Ces pages ont les fonctionnalités suivantes: | ||
| + | |||
| + | *Il est possible d'accéder aux pages suivantes via la pression d'une touche sur le clavier | ||
| + | *L'appui sur la touche "r" (bouton orange de la machine) permet d'être redirigé vers une page aléatoire, ou de retourner à la page d'accueil quand l'utilisateur est sur une page de ressource | ||
| + | *Les pages de ressources affichent simplement la fiche documentaire correspondante (une image en .png) qui s'adapte à la taille de l'écran sur lequel le Raspberry est connecté. | ||
| + | |||
| + | Au niveau du style, les pages sont aux couleurs de la machine, les boutons de choix en couleur qui correspondent aux couleurs de la machine. | ||
| + | |||
| + | =====<u>'''Code Raspberry Pi et ajout du code HTML/CSS à la machine'''</u>===== | ||
| + | Pour que les boutons de la machine réagissent avec notre code HTML/CSS, il nous a fallu faire un peu de codage en interne du Raspberry... Il fallait créer un programme en Python qui transformait les inputs GPIO du Raspberry (qui ont un mode "high" et un mode "low") en inputs de clavier pour pouvoir interagir avec notre code. De plus, ce programme devait se lancer dès le démarrage de l'ordinateur et fonctionner à tout moment. Nous avons ainsi utilisé le module Python uinput (qui permet la transformation GPIO vers clavier), puis nous avons fait passer ce petit code en tant que processus à exécuter dès le lancement de l'ordinateur.</translate> | ||
}} | }} | ||
{{Tuto Step | {{Tuto Step | ||
Version actuelle datée du 19 mars 2026 à 20:00
Ce tutoriel permet de fabriquer un appareil composé d'un boîtier disposant de 6 boutons.
Un RaspberryPi gère le tout, son programme permettant de naviguer dans une sélection de ressources culturelles d'Histoire.
Les ressources et les fonctions des boutons peuvent être modifiés en adaptant le programme.
Difficulté
Moyen
Durée
50 heure(s)
Catégories
Électronique, Jeux & Loisirs
Coût
200 EUR (€)
Sommaire
- 1 Introduction
- 2 Étape 1 - Fabrication du boîtier
- 3 Étape 2 - Fabrication du couvercle et des boutons
- 4 Étape 3 - Assemblage des éléments du boîtier (facultatif mais amortit le toucher des boutons)
- 5 Étape 4 - Assemblage électronique des éléments du boîtier
- 6 Étape 5 - Connexion du RaspberryPi aux boutons
- 7 Étape 6 - Le contenu culturel : les fiches et le programme
- 8 Étape 7 - Le codage Informatique
- 9 Étape 8 - Installation finale
- 10 Commentaires
Introduction
Ce projet de vulgarisation historique s'appuie sur un dispositif informatique ludique (à l’aide d’un Raspberry Pi). Il permet la découverte d'œuvres selon différents critères :
- Une période :
- Préhistoire
- Antiquité
- Moyen-Âge
- Temps moderne
- Époque contemporaine)
- Un support :
- Sites internet
- BD/Roman graphique
- Podcast
- Jeux
- Livres
- Des niveaux de difficulté :
- Facile
- Débutant
- Moyen
- Difficile
- Expert
Une fois ces sélections faits, une référence est proposée : empruntable, réservable ou consultable en ligne.
Matériaux
Base du boîtier
Fabrication
- Une plaque de bois contreplaqué de E mm d'épaisseur + surface à définir= S mm²
- 6 tasseaux de bois de L mm de largeur
- colle à bois / colle forte
Peinture
- Peinture noire, blanche ou vernis si souhait de garder apparente la teinte du bois
Couvercle et boutons
- 6 couleurs de fil adaptés à l'imprimante 3D disponible
Pour la partie électronique
- Un RaspberryPi (ici modèle 4) et ses périphériques(possiblement inclus en cas d'achat d'un kit complet)
- un transformateur adapté (sortie 5 Volts ; ?? ampères)
- un cordon d'alimentation
- un cordon Hdmi <-> mini Hdmi
- une carte micro-SD
- 6 petits boutons poussoirs
- Environ2 m de fil de cuivre gainé
- Étain à souder
À prévoir en plus pour le fonctionnement
- Un moniteur connectable en Hdmi
- Une souris pour le démarrage
Outils
Base du boîtier
Fabrication
- Un réglet
- Un crayon à papier tendre
- Une scie à bois de précision
- Papier de verre
- Colle à bois
- Quelques serre-joints
Peinture
- Un pinceau
Couvercle et boutons
- Imprimante 3D
- Un ordinateur équipé d'un logiciel de conception compatible avec l'imprimante 3D disponible
Pour la partie électronique
Les boutons
- 6 petits boutons poussoirs
- Fer à souder + éponge humide
- Support à pinces type "3éme main"
- Pistolet à colle
Pour la réalisation des fiches
- Un logiciel de création graphique, ici canva (service en ligne)
Pour le codage
- Un éditeur de texte pour la saisie du code
- Un navigateur web pour tester le programme
Étape 1 - Fabrication du boîtier
- Dessiner la forme de l'hexagone sur la plaque de bois
- Découper l'hexagone
- Dessiner aussi les 6 rectangles sur la plaque de bois
- Un passage pour les câbles étant à prévoir dans l'une des plaques, prévoir le découpage d'une petite fenêtre rectangulaire de l par h
- Penser à en limer chaque côté le long de la hauteur h à 60° vers l'intérieur pour en faciliter l'assemblage.
- Les découper de la même façon
- découper la petite fenêtre rectangulaire dans l'un d'entre eux
- Coller chacun des rectangles sur les côtés de l'hexagone en les renforçant d'un tasseau à leur base. (image jointe)
- Peindre ou vernir à votre goût
Étape 2 - Fabrication du couvercle et des boutons
- Dessiner l'hexagone dans logiciel de conception 3D
- Penser aux trous pour faire passer les bourtons-pousoir
- Dessiner les 6 triangles
- penser aux cavités pour l'insertion des boutons-poussoir
- Imprimer les pièces
- Insérer le couvercle sur sur le boîtier de bois
Étape 3 - Assemblage des éléments du boîtier (facultatif mais amortit le toucher des boutons)
- Découper de petits coussinets circulaires dans un bloc de mousse pour amortir la sensation d'appui sur le boutons
- Avec le pistolet à colle, fixer une rondelle métallique sur le haut du bouton poussoir
- Ça compensera la fragilité de la mousse et permettra de décoller les boutons en cas de besoin
- Coller de la même façon, les triangles sur les boutons + rondelle
Étape 4 - Assemblage électronique des éléments du boîtier
- Insérerles boutons poussoir dans les trous du couvercle
- Les fixer avec les vis et rondelle founies
- Relier entre eux tous les boutons par l'une de leurs deux broches
- soudure ou cosse
- rajouter 15 cm de fil partant de ce circuit vers l'une des broches du raspberry selon le schéma joint
- Relier chaque broche restant des 6 boutons à 15 cm de fil pour relier les 6 broches du Raspberry nécessaires (schéma joint)
- Pour renforcer les soudures et pouvoir ouvrir le boîtier sans risque,, il est possible de les recouvrir d'une petite épaisseur avec le pistiolet à colle. Ça renforcera aussi les les fils.
Étape 5 - Connexion du RaspberryPi aux boutons
Étape 6 - Le contenu culturel : les fiches et le programme
Les fiches, oint été réalisées avec Canva. Le design correspond avec la charte graphique que nous avons utilisée durant tout le projet. Ainsi, nous pouvons retrouver : le titre de l'œuvre, l’auteur, le résumé.
En haut à droite de l’image, un petit dessin de montre permet d'identifier le niveau de difficulté du document. Le nombre de montres correspond au niveau (ex : deux montres correspondent au niveau 2).
En haut à droite, un pictogramme désigne le type de support du document (ex : un micro pour les podcasts, un livre pour les documents imprimés…) et une tache de couleur permet d’identifier la période. Les couleurs sont similaires à celles des boutons de la machine. Dans cette tâche, une image permet de visualiser l'œuvre présentée.
Enfin, en bas à droite, se trouve un QR code permettant aux usagers, en le scannant, de se rendre sur le site de la bibliothèque pour voir la ressource ou pour aller sur les sites des ressources en ligne. Une tâche rose est également présente sur l’ensemble des fiches dans l’angle en bas à gauche de celles-ci.
Étape 7 - Le codage Informatique
Réalisation du code (HTML/CSS)
Pour accueillir les fiches de la machine, un petit programme est nécessaire pour permettre aux usagers d'enregistrer leurs choix.
Écrit en HTML/CSS , un simple navigateur internet suffit pour le faire fonctionner. Il est aussi léger pour ne pas surcharger le Raspberry Pi et ne pose pas de problèmes de compatibilité.
L'arborescence correspondant à toutes les fiches a été réalisée pour inclure :
- la période historique
- le support souhaité
- le niveau de difficulté
125 choix sont possibles. Ils correspondent à l'ensemble des pages : c'est à dire les fiches, et des ressources asociées.
Ces pages ont les fonctionnalités suivantes:
- Il est possible d'accéder aux pages suivantes via la pression d'une touche sur le clavier
- L'appui sur la touche "r" (bouton orange de la machine) permet d'être redirigé vers une page aléatoire, ou de retourner à la page d'accueil quand l'utilisateur est sur une page de ressource
- Les pages de ressources affichent simplement la fiche documentaire correspondante (une image en .png) qui s'adapte à la taille de l'écran sur lequel le Raspberry est connecté.
Au niveau du style, les pages sont aux couleurs de la machine, les boutons de choix en couleur qui correspondent aux couleurs de la machine.
Code Raspberry Pi et ajout du code HTML/CSS à la machine
Pour que les boutons de la machine réagissent avec notre code HTML/CSS, il nous a fallu faire un peu de codage en interne du Raspberry... Il fallait créer un programme en Python qui transformait les inputs GPIO du Raspberry (qui ont un mode "high" et un mode "low") en inputs de clavier pour pouvoir interagir avec notre code. De plus, ce programme devait se lancer dès le démarrage de l'ordinateur et fonctionner à tout moment. Nous avons ainsi utilisé le module Python uinput (qui permet la transformation GPIO vers clavier), puis nous avons fait passer ce petit code en tant que processus à exécuter dès le lancement de l'ordinateur.
Étape 8 - Installation finale
Draft
Français
English
Deutsch
Español
Italiano
Português