{"id":7569,"date":"2025-06-10T12:28:43","date_gmt":"2025-06-10T11:28:43","guid":{"rendered":"https:\/\/blog.univ-angers.fr\/polytech_2A\/?p=7569"},"modified":"2025-06-10T12:28:43","modified_gmt":"2025-06-10T11:28:43","slug":"%f0%9f%93%96une-boite-a-histoires-%f0%9f%93%96","status":"publish","type":"post","link":"https:\/\/blog.univ-angers.fr\/polytech_2A\/2025\/06\/10\/%f0%9f%93%96une-boite-a-histoires-%f0%9f%93%96\/","title":{"rendered":"\ud83d\udcd6Une Bo\u00eete \u00e0 Histoires \ud83d\udcd6"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2025\/06\/image-100.png\"><img loading=\"lazy\" decoding=\"async\" width=\"696\" height=\"994\" src=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2025\/06\/image-100.png\" alt=\"\" class=\"wp-image-7805\" style=\"width:169px;height:auto\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2025\/06\/image-100.png 696w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2025\/06\/image-100-210x300.png 210w\" sizes=\"auto, (max-width: 696px) 100vw, 696px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Nous sommes Elisa et Domitille, en 2A \u00e0 Polytech Angers, et dans le cadre de notre dernier semestre de Peip, nous avons r\u00e9alis\u00e9 un projet : la Bo\u00eete \u00e0 Histoires que nous vous pr\u00e9sentons juste apr\u00e8s \ud83d\ude09<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-background has-small-font-size\" style=\"background-color:#aaa8ff\"><strong>\ud83c\udfa7Une bo\u00eete \u00e0 histoires, mais en version libre et personnalisable<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Pour ce projet, nous avons choisi de cr\u00e9er une <strong>bo\u00eete \u00e0 histoires<\/strong>. Nous avons pu pour cela nous inspirer de la bo\u00eete \u00e0 histoire de chez Lunii, tout en voulant lui apporter des modifications. Il est maintenant possible avec notre bo\u00eete \u00e0 histoire de cr\u00e9er ses propres histoires et de les ajouter, pour ainsi avoir un nombre d\u2019histoires illimit\u00e9 !<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2025\/06\/image-92.png\"><img loading=\"lazy\" decoding=\"async\" width=\"565\" height=\"345\" src=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2025\/06\/image-92.png\" alt=\"\" class=\"wp-image-7575\" style=\"width:272px;height:auto\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2025\/06\/image-92.png 565w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2025\/06\/image-92-300x183.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2025\/06\/image-92-491x300.png 491w\" sizes=\"auto, (max-width: 565px) 100vw, 565px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Pour ce faire, nous avons eu la chance de repartir d\u2019un ancien projet, con\u00e7u il y a deux ans par deux \u00e9tudiants de Polytech, Maxime Lambert et Adrien Morille. Leur prototype fonctionnait d\u00e9j\u00e0 bien, mais il manquait quelques fonctionnalit\u00e9s essentielles : il ne pouvait pas \u00eatre utilis\u00e9 sur batterie (m\u00eame si une batterie \u00e9tait pr\u00e9sente), et il n\u2019\u00e9tait pas possible d\u2019ajouter de nouveaux fichiers sans d\u00e9monter la bo\u00eete.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Et nous avons donc apport\u00e9 toutes ces modifications !<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><em>Nos ambitions :&nbsp;<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u2192 offrir une alternative libre et personnalisable<\/strong>, o\u00f9 chacun peut facilement rajouter ses propres histoires ou en t\u00e9l\u00e9charger gratuitement, simplement via une carte SD et un ordinateur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2192 <strong>pouvoir transporter la bo\u00eete partout,<\/strong> en faisant une bo\u00eete compacte et rechargeable, cela permet de facilement la transporter.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2192<strong> avoir une boite ludique et esth\u00e9tique,<\/strong> il \u00e9tait important pour nous d&#8217;avoir un beau visuel et de pouvoir imaginer la boite avec un enfant.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2192 <strong>avoir un \u00e9cran pour afficher les pistes<\/strong>. Nous voulions qu\u2019il soit simple de comprendre sur quelle piste nous sommes, c\u2019est pour cela que nous avons mis un \u00e9cran lisible pour facilement le voir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-background has-small-font-size\" style=\"background-color:#aaa8ff\"><strong>Repenser la bo\u00eete de A \u00e0 Z<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Encadr\u00e9s par nos enseignants r\u00e9f\u00e9rents, R\u00e9my Guyonneau et Franck Mercier, nous avons d\u00e9cid\u00e9 de <strong>repenser enti\u00e8rement la bo\u00eete \u00e0 histoires<\/strong>, en respectant plusieurs objectifs techniques et p\u00e9dagogiques. L\u2019une des premi\u00e8res consignes : la bo\u00eete devait \u00eatre con\u00e7ue en impression 3D.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voici les grandes \u00e9tapes que nous avons suivies :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>D\u00e9couverte du projet et premi\u00e8res recherches<br><\/li>\n\n\n\n<li>S\u00e9lection et commande des composants<br><\/li>\n\n\n\n<li>Premiers tests et programmation sous Arduino (gestion des boutons, \u00e9cran, etc.)<br><\/li>\n\n\n\n<li>R\u00e9solution des probl\u00e8mes li\u00e9s \u00e0 l\u2019alimentation par batterie<br><\/li>\n\n\n\n<li>Soudure des composants<br><\/li>\n\n\n\n<li>Cr\u00e9ation, enregistrement et int\u00e9gration des histoires<br><\/li>\n\n\n\n<li>Mod\u00e9lisation 3D de la bo\u00eete (CAO)<br><\/li>\n\n\n\n<li>Impression 3D finale<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-background has-small-font-size\" style=\"background-color:#aaa8ff\"><strong>Travail r\u00e9alis\u00e9<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Tout d\u2019abord, nous nous sommes donc lanc\u00e9es dans des recherches internet sur les composants qui nous seraient n\u00e9cessaires afin de pouvoir cr\u00e9er notre boite !!<br>Nous avons d\u00e9cid\u00e9 de changer d\u2019\u00e9cran et de passer sur un plus grand compar\u00e9 \u00e0 l\u2019ann\u00e9e derni\u00e8re afin d\u2019avoir plus de texte !<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdbnc-gWfxsuuh5X6eZuLXRtAj_aGNXF8ZG8F2CS3odOJSF0qFzANNhnuTVqnYcJrSCsGi1eGDU6Nx6jndP-UAq4gAV0UTGxpaqIx6XLks4MzmOPeF6vYxSiqZ9gXx-Jn3iFa4BlA?key=V8SZKaA8_hzza6FvjZKCn_9Y\" width=\"95\" height=\"105\"> \u21d2&nbsp; <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcTwXlyrNek2uQAlPy0DzSAHA45bczJvnAkPIhR15IPNAP1ZF7UZNbNwhlBlyQ2Oq1sXq-HCzyt0gvEzQk0R42HSM343ZARVzMceQ1Wl592m1dk6VoBlwBNcEgdAJqhoTsfk9BT?key=V8SZKaA8_hzza6FvjZKCn_9Y\" width=\"304\" height=\"123\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nous avons eu du fil \u00e0 retordre avec la batterie. Au d\u00e9part\u00a0nous pensions changer la batterie du projet pr\u00e9c\u00e9dent, car nous pensions qu\u2019elle ne fonctionnait pas. Mais apr\u00e8s quelques heures de recherche, nous avons finalement r\u00e9ussi \u00e0 la faire fonctionner et \u00e0 alimenter notre Arduino gr\u00e2ce \u00e0 un PowerBoost. De plus, nous avons int\u00e9gr\u00e9 un bouton on\/off ainsi qu\u2019un chargeur \u00e0 notre batterie: ce qui permet d\u2019alimenter notre carte (bo\u00eete) seulement quand c\u2019est souhait\u00e9 et \u00e9galement de pouvoir recharger la batterie.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXeI4swAtd1VE60VLuwjvE1UscGDJ6ZaCWZcYDkhp138hpxwSwbKc4-NniFsgX6Kxl7c5WYac3lQn3gSWW7OG3Ca7aM6sohF5YrW4uyP8d0BEgR6_6Qxf1wZFIiV5uINkPih-u8uLQ?key=V8SZKaA8_hzza6FvjZKCn_9Y\" alt=\"\" style=\"width:356px;height:auto\" \/><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXf49Hr_61j3noxx5gP7P5b3McHfQSzZwoKjU0pzIPNANXSoRj1H5ZDwJ-28MFSU9JbWZcnq0F0TnzcephSOfVn00XK88Ii7be-6Rgt_QzdMNNUFCU41Z65pSiK8P6EkvjX-mwHvWg?key=V8SZKaA8_hzza6FvjZKCn_9Y\" alt=\"\" style=\"width:258px;height:auto\" \/><figcaption class=\"wp-element-caption\">PowerBoost<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Pour les derniers composants, il nous fallait des boutons \u23ee\ufe0f\u23f8\ufe0f\u23ed\ufe0f. Un DFPlayer, qui contient la carte SD et nous permet de faire sortir un son avec un haut-parleur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour cr\u00e9er notre bo\u00eete, nous avions besoin d&#8217;une carte Arduino, ce qui signifie un code Arduino. Ce n&#8217;est pas la partie la plus facile, partant de z\u00e9ro, nous avons mis du temps \u00e0 coder \ud83d\udd54. Ce code nous permet, gr\u00e2ce \u00e0 notre carte, d&#8217;alimenter nos diff\u00e9rents composants et de les connecter les uns aux autres. Alors, le prototype fonctionne !<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une fois tous nos composants choisis et notre code fonctionnel, c&#8217;est parti pour la soudure !<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdc2PxYG0pOq3QxuIAV7H3gD6WsTFP1g3e46CybfTmYHq7gyVw3CkOO_JEwkyN0181KDkDYSxb47f-TYVFMcXdoPujdDCbBdZsQKpsdWdF0WbJnAF5v6jpYRXueFX4Udfzc4TB2qA?key=V8SZKaA8_hzza6FvjZKCn_9Y\" alt=\"\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">\u26a0\ufe0f C&#8217;est une \u00e9tape tr\u00e8s minutieuse, un c\u00e2ble qui casse n&#8217;est pas facilement rep\u00e9rable. Il faut bien faire attention \u00e0 connecter chaque c\u00e2ble au bon endroit. Nous avons d\u00fb nous reprendre \u00e0 plusieurs reprises, car une soudure est \u00e9galement facilement cassable.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-background has-small-font-size\" style=\"background-color:#aaa8ff\"><strong>Le design<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Cette partie est peut-\u00eatre la plus fun ! Elle nous permet un max de cr\u00e9ativit\u00e9. Nous avons d\u00e9cid\u00e9 de cr\u00e9er un bo\u00eetier en impression 3D, avec un emplacement sur le devant pour l&#8217;\u00e9cran ainsi que nos boutons. Voici notre mod\u00e8le CAO.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2025\/06\/image-95.png\"><img loading=\"lazy\" decoding=\"async\" width=\"638\" height=\"680\" src=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2025\/06\/image-95.png\" alt=\"\" class=\"wp-image-7606\" style=\"width:261px;height:auto\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2025\/06\/image-95.png 638w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2025\/06\/image-95-281x300.png 281w\" sizes=\"auto, (max-width: 638px) 100vw, 638px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Pour terminer notre design, nous avons choisi de privil\u00e9gier une impression UV. C&#8217;est une sorte de peinture en vernis qui s\u00e8che instantan\u00e9ment. Sur notre bo\u00eete imprim\u00e9e en bleu, nous avons dessin\u00e9 un dragon. Pour que l&#8217;impression soit qualitative, il a fallu deux couches blanches de peinture avant la couleur, puis nous avons mis du vernis gloss sur les traits ext\u00e9rieurs du dragon afin de faire ressortir les contours et les yeux, ce qui donnait un aspect plus enfantin.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Et maintenant, la bo\u00eete est termin\u00e9e !! Plus qu&#8217;\u00e0 enregistrer tes propres histoires ou y d\u00e9poser des fichiers MP3 libres de droit afin de faire profiter un heureux !<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-background has-small-font-size\" style=\"background-color:#aaa8ff\">Conclusion<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ce projet \u00e9tait tr\u00e8s int\u00e9ressant \u00e0 r\u00e9aliser. En effet, nous avions \u00e9norm\u00e9ment de libert\u00e9 quant \u00e0 la r\u00e9alisation de notre projet. Nous avons tout r\u00e9alis\u00e9 de A \u00e0 Z avec l&#8217;aide de nos enseignants r\u00e9f\u00e9rents et chaque \u00e9tape \u00e9tait plus ou moins difficile. Malgr\u00e9 cela, nous avons r\u00e9ussi \u00e0 nous r\u00e9partir le travail intelligemment et \u00e0 finir juste \u00e0 temps ! On pense en effet au d\u00e9but que 100 h sont largement suffisantes, mais on se rend compte \u00e0 la fin que l&#8217;on utiliserai bien du temps suppl\u00e9mentaire.<\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile is-vertically-aligned-bottom is-image-fill-element is-style-default has-blue-color has-text-color has-link-color wp-elements-1\"><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXf0PcRVrhP3VHtGKZx0YnW7OUO9QsqHu0hEFpMhXUfUnMi6zkqDoVepbo4P6hKBOHswbkzTPNd6oQhyeK5eNGF3pA0hqj7z41c9JhbHvxzYHsdJ7kyNHdPcUrcL98PXX72pNKUwRQ?key=V8SZKaA8_hzza6FvjZKCn_9Y\" alt=\"\" style=\"object-position:44% 38%\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-2 wp-block-paragraph\" style=\"color:#aaa8ff\"><strong>Merci d&#8217;avoir lu !\ud83d\ude04<\/strong><\/p>\n<\/div><\/div>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nous sommes Elisa et Domitille, en 2A \u00e0 Polytech Angers, et dans le cadre de notre dernier semestre de Peip, nous avons r\u00e9alis\u00e9 un projet : la Bo\u00eete \u00e0 Histoires que nous vous pr\u00e9sentons juste apr\u00e8s \ud83d\ude09 \ud83c\udfa7Une bo\u00eete \u00e0 &hellip; <a href=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/2025\/06\/10\/%f0%9f%93%96une-boite-a-histoires-%f0%9f%93%96\/\">Continuer la lecture <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":108805,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[631],"tags":[],"class_list":["post-7569","post","type-post","status-publish","format-standard","hentry","category-631"],"_links":{"self":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/7569","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/users\/108805"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/comments?post=7569"}],"version-history":[{"count":4,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/7569\/revisions"}],"predecessor-version":[{"id":7823,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/7569\/revisions\/7823"}],"wp:attachment":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/media?parent=7569"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/categories?post=7569"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/tags?post=7569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}