{"id":102259,"date":"2023-10-10T12:48:34","date_gmt":"2023-10-10T10:48:34","guid":{"rendered":"http:\/\/riverdi.com\/blog\/comment-demarrer-avec-lecran-embarque-riverdi-stm32-u5-tutoriel-par-controllerstech\/"},"modified":"2024-05-21T15:07:33","modified_gmt":"2024-05-21T13:07:33","slug":"comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech","status":"publish","type":"post","link":"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech","title":{"rendered":"Comment d\u00e9marrer avec l&rsquo;\u00e9cran embarqu\u00e9 Riverdi STM32-U5 &#8211; tutoriel par Controllerstech"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #002175;color:#002175\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #002175;color:#002175\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech\/#Afficheur_embarque_Riverdi_STM32-U5\" >Afficheur embarqu\u00e9 Riverdi STM32-U5<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech\/#Conception_de_linterface_utilisateur_sur_TouchGFX\" >Conception de l&rsquo;interface utilisateur sur TouchGFX<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech\/#Creer_le_projet_a_laide_de_TouchGFX\" >Cr\u00e9er le projet \u00e0 l&rsquo;aide de TouchGFX<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech\/#Ajouter_les_elements_requis_a_linterface_utilisateur\" >Ajouter les \u00e9l\u00e9ments requis \u00e0 l&rsquo;interface utilisateur<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech\/#Configurer_le_projet_dans_cubeMX\" >Configurer le projet dans cubeMX<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech\/#Ecrivons_le_code\" >\u00c9crivons le code<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech\/#Flash_le_projet\" >Flash le projet<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech\/#Resultat\" >R\u00e9sultat<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech\/#Telecharger_le_code\" >T\u00e9l\u00e9charger le code<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech\/#Riverdi_%E2%80%93_le_fabricant_europeen_de_presentoirs_de_la_plus_haute_qualite\" >Riverdi &#8211; le fabricant europ\u00e9en de pr\u00e9sentoirs de la plus haute qualit\u00e9<\/a><\/li><\/ul><\/nav><\/div>\n<p><span data-ccp-props=\"{}\">Ce tutoriel pr\u00e9sente en d\u00e9tail la mise en \u0153uvre de l&rsquo;\u00e9cran embarqu\u00e9 STM32-U5 de Riverdi dans un projet, mettant en avant un \u00e9cran LCD TFT de 5 pouces issu de la nouvelle gamme de Riverdi, qui est construite autour du MCU de la s\u00e9rie STM32U5, r\u00e9put\u00e9 pour ses microcontr\u00f4leurs avanc\u00e9s \u00e0 faible consommation d&rsquo;\u00e9nergie.  <\/span><\/p>\n<p><strong>Tutoriel &#8211; Cr\u00e9ation de visuels pour un potentiom\u00e8tre ADC avec Riverdi STM32 Embedded Display<br \/>\n<\/strong><\/p>\n<p>En incorporant une interface utilisateur tactile capacitive d\u00e9velopp\u00e9e par TouchGFX, le tutoriel d\u00e9crit comment visualiser les variations d&rsquo;un signal analogique (provenant d&rsquo;un potentiom\u00e8tre) sur l&rsquo;interface utilisateur graphique (GUI), en configurant le p\u00e9riph\u00e9rique ADC, en codant et en int\u00e9grant la gestion des t\u00e2ches et des files d&rsquo;attente avec FreeRTOS dans l&rsquo;environnement STM32CubeIDE. D\u00e9taillant chaque \u00e9tape, depuis la configuration du MCU avec cubeMX, le codage de la t\u00e2che ADC, l&rsquo;interfa\u00e7age et la mise \u00e0 jour de l&rsquo;interface graphique, jusqu&rsquo;au flashage final du projet, le tutoriel met en \u00e9vidence un processus de d\u00e9veloppement rationalis\u00e9 qui r\u00e9g\u00e9n\u00e8re directement les projets en utilisant cubeMX, en surmontant les probl\u00e8mes rencontr\u00e9s avec les pr\u00e9c\u00e9dents \u00e9crans embarqu\u00e9s Riverdi STM32-H7, et en produisant finalement un affichage r\u00e9actif de la jauge et de la tension dans l&rsquo;interface graphique qui s&rsquo;adapte aux ajustements du potentiom\u00e8tre.<\/p>\n<p>Ce tutoriel a \u00e9t\u00e9 r\u00e9alis\u00e9 par Controllerstech &#8211; Robotics Simplified, une soci\u00e9t\u00e9 de d\u00e9veloppement de logiciels bas\u00e9e en Inde. Leur objectif est de fournir des connaissances logicielles pour les microcontr\u00f4leurs bas\u00e9s sur le STM32. Nous pr\u00e9sentons ci-dessous le guide publi\u00e9 \u00e0 l&rsquo;origine ici <a href=\"https:\/\/controllerstech.com\/riverdi-stm32-u5-embedded-display\">: https:\/\/controllerstech.com\/riverdi-stm32-u5-embedded-display\/<\/a><\/p>\n<p>Voir le tutoriel vid\u00e9o :<\/p>\n<p><iframe title=\"Lecteur vid\u00e9o YouTube\" src=\"https:\/\/www.youtube.com\/embed\/lhjI2T527Eo?si=Bkv2jSmURQgKw44u\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2 class=\"has-text-align-center\"><span class=\"ez-toc-section\" id=\"Afficheur_embarque_Riverdi_STM32-U5\"><\/span><strong><em>Afficheur embarqu\u00e9 Riverdi STM32-U5<br \/>\n<\/em><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><em>Voici un nouveau tutoriel sur l&rsquo;\u00e9cran embarqu\u00e9 STM32 de Riverdi, et aujourd&rsquo;hui nous avons un \u00e9cran LCD TFT de 5 pouces de leur nouvelle gamme. Riverdi est sp\u00e9cialis\u00e9 dans la fabrication de diff\u00e9rents types d&rsquo;\u00e9crans, dont les \u00e9crans bas\u00e9s sur le STM32 qui prennent en charge le TouchGFX. L&rsquo;\u00e9cran peut \u00eatre achet\u00e9 sur le site https:\/\/riverdi.com\/product-category\/stm32-embedded-displays<\/em><\/p>\n<p><em>Cet \u00e9cran est construit autour du MCU de la s\u00e9rie STM32U5, qui offre des microcontr\u00f4leurs avanc\u00e9s \u00e0 faible consommation d&rsquo;\u00e9nergie, bas\u00e9s sur Arm\u00ae Cortex\u00ae-M33 pour r\u00e9pondre aux exigences les plus strictes en mati\u00e8re de consommation d&rsquo;\u00e9nergie et de performances. Offrant jusqu&rsquo;\u00e0 4 Mbytes de m\u00e9moire flash et 2514 Kbytes de SRAM, la s\u00e9rie de microcontr\u00f4leurs STM32U5 fait passer les performances au niveau sup\u00e9rieur.<\/em><\/p>\n<p><em>J&rsquo;ai d\u00e9j\u00e0 couvert quelques tutoriels sur les \u00e9crans embarqu\u00e9s Riverdi STM32-H7, o\u00f9 j&rsquo;ai montr\u00e9 comment nous devons copier le projet pr\u00e9construit vers un nouvel emplacement, puis modifier le projet \u00e0 partir de cubeMX et seulement copier les fichiers n\u00e9cessaires dans le projet original. Ce processus fonctionne, mais il est tr\u00e8s compliqu\u00e9 de r\u00e9g\u00e9n\u00e9rer le projet \u00e0 partir de cubeMX.<\/em><\/p>\n<p><em>MAIS avec cette nouvelle gamme d&rsquo;\u00e9crans embarqu\u00e9s STM32-U5, nous pouvons directement r\u00e9g\u00e9n\u00e9rer le projet en utilisant cubeMX. Nous pouvons m\u00eame flasher le projet \u00e0 l&rsquo;aide de cubeIDE.<\/em><\/p>\n<p><em>Dans ce tutoriel, nous lirons le potentiom\u00e8tre \u00e0 l&rsquo;aide de l&rsquo;ADC, nous afficherons sa variation sur la jauge et nous afficherons \u00e9galement la tension de l&rsquo;ADC dans une zone de texte. Pour ce faire, nous allons construire l&rsquo;interface graphique en utilisant TouchGFX, puis r\u00e9g\u00e9n\u00e9rer le projet en utilisant cubeMX pour configurer le p\u00e9riph\u00e9rique ADC, \u00e9crire le code et flasher le projet en utilisant cubeIDE.<\/em><\/p>\n<h2 class=\"wp-block-heading has-text-align-center\"><span class=\"ez-toc-section\" id=\"Conception_de_linterface_utilisateur_sur_TouchGFX\"><\/span><em><strong>Conception de l&rsquo;interface utilisateur sur TouchGFX<\/strong><\/em><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creer_le_projet_a_laide_de_TouchGFX\"><\/span><em>Cr\u00e9er le projet \u00e0 l&rsquo;aide de TouchGFX<\/em><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/10\/riverdi2_2.webp\"><\/p>\n<ol>\n<li><em>Cliquez sur <strong>cr\u00e9er <\/strong>pour cr\u00e9er un nouveau projet<\/em><\/li>\n<li><em>Recherchez le <strong>Riverdi<\/strong> pour voir les tableaux disponibles.<\/em><\/li>\n<li><em>Choisissez l&rsquo;\u00e9cran dont vous disposez. J&rsquo;ai le <strong>STM32U5 de<\/strong> 5 pouces.<\/em><\/li>\n<li><em>Donner un <strong>nom<\/strong> au projet<\/em><\/li>\n<li><em>Cliquez sur <strong>cr\u00e9er<\/strong> pour cr\u00e9er le projet.<\/em><\/li>\n<\/ol>\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ajouter_les_elements_requis_a_linterface_utilisateur\"><\/span><em>Ajouter les \u00e9l\u00e9ments requis \u00e0 l&rsquo;interface utilisateur<\/em><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><em>L&rsquo;image ci-dessous montre la conception finale de l&rsquo;interface utilisateur.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/10\/riverdi2_3.webp\"><\/p>\n<ul>\n<li><em>J&rsquo;ai ajout\u00e9 une <strong>jauge<\/strong>, dont les valeurs peuvent aller de 0 \u00e0 100.<\/em><\/li>\n<li><em>TextArea1, qui affichera la valeur sur la jauge.<\/em><\/li>\n<li><em>TextArea2, qui sera utilis\u00e9 pour afficher la tension ADC.<\/em><\/li>\n<\/ul>\n<p><em>Les deux zones de texte utilisent les caract\u00e8res g\u00e9n\u00e9riques, de sorte que nous pouvons mettre \u00e0 jour les valeurs directement \u00e0 partir du code.<\/em><\/p>\n<p><em>Apr\u00e8s avoir con\u00e7u l&rsquo;interface utilisateur, g\u00e9n\u00e9rez le projet et ouvrez-le dans le cubeIDE.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/10\/riverdi2_4.webp\"><\/p>\n<h2 class=\"wp-block-heading has-text-align-center\"><span class=\"ez-toc-section\" id=\"Configurer_le_projet_dans_cubeMX\"><\/span><em><strong>Configurer le projet dans cubeMX<\/strong><\/em><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><em>L&rsquo;image ci-dessous montre le brochage du connecteur d&rsquo;extension et la fa\u00e7on dont le potentiom\u00e8tre y est connect\u00e9.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/10\/riverdi2_5.webp\"><\/p>\n<p><em>Nous utiliserons le canal 11\/12 de l&rsquo;ADC1, qui est connect\u00e9 \u00e0 la broche PA7 (broche 20). Par d\u00e9faut, l&rsquo;ADC est configur\u00e9 en mode diff\u00e9rentiel, mais pour que le potentiom\u00e8tre fonctionne, nous devons le configurer en mode asym\u00e9trique.<\/em><\/p>\n<p><em>Vous trouverez ci-dessous la configuration du cubeMX.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/10\/riverdi2_6.webp\"><\/p>\n<p><em>J&rsquo;ai reconfigur\u00e9 le canal 12 de l&rsquo;ADC1 en mode asym\u00e9trique. La r\u00e9solution ADC est r\u00e9gl\u00e9e sur 12 bits.<\/em><\/p>\n<p><em>Nous devons \u00e9galement cr\u00e9er une t\u00e2che et une file d&rsquo;attente pour envoyer les donn\u00e9es ADC \u00e0 l&rsquo;interface graphique. L&rsquo;image ci-dessous montre la configuration de la t\u00e2che ADC.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/10\/riverdi2_7.webp\"><\/p>\n<p><em>La t\u00e2che ADC est configur\u00e9e avec une priorit\u00e9 normale. Elle sera utilis\u00e9e pour lire la valeur de l&rsquo;ADC et l&rsquo;envoyer dans la file d&rsquo;attente.<\/em><\/p>\n<p><em>Nous devons \u00e9galement configurer la file d&rsquo;attente pour qu&rsquo;elle envoie les donn\u00e9es \u00e0 l&rsquo;interface graphique. L&rsquo;image ci-dessous montre la configuration de la file d&rsquo;attente.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/10\/riverdi2_8.webp\"><\/p>\n<p><em>La file d&rsquo;attente ADC est configur\u00e9e avec 5 \u00e9l\u00e9ments de taille enti\u00e8re. Nous enverrons des valeurs comprises entre 0 et 100, la taille d&rsquo;un entier est donc suffisante.<\/em><\/p>\n<p><em>C&rsquo;est toute la configuration dont nous avons besoin, g\u00e9n\u00e9rez le projet maintenant.<\/em><\/p>\n<h2 class=\"wp-block-heading has-text-align-center\"><span class=\"ez-toc-section\" id=\"Ecrivons_le_code\"><\/span><em><strong>\u00c9crivons le code<\/strong><\/em><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><em>La t\u00e2che ADC que nous avons d\u00e9finie se trouve dans le fichier <strong>app_freertos.c.<\/strong><\/em><\/p>\n<div class=\"single-knowledge-base__code-block\">void StartADCTask(void *argument)<br \/>\n{<br \/>\npour(; \ud83d\ude09<br \/>\n{<br \/>\nHAL_ADC_Start(&amp;hadc1) ;<br \/>\nHAL_ADC_PollForConversion(&amp;hadc1, 100) ;<br \/>\nuint16_t ADC_VALUE = HAL_ADC_GetValue(&amp;hadc1) ;<br \/>\nHAL_ADC_Stop(&amp;hadc1);converted_value = map(ADC_VALUE, 0, 4095, 0, 100) ;<br \/>\nif (osMessageQueueGetSpace(ADCQueueHandle) &gt; 0)<br \/>\n{<br \/>\nosMessageQueuePut(ADCQueueHandle, &amp;converted_value, 0, 0) ;<br \/>\n}<br \/>\nosDelay(100) ;<br \/>\n}<\/p>\n<p>}<\/p>\n<\/div>\n<p><em>Dans la t\u00e2che ADC, nous lisons la valeur ADC et l&rsquo;envoyons \u00e0 l&rsquo;interface graphique \u00e0 l&rsquo;aide de la file d&rsquo;attente ADC.<\/em><\/p>\n<ul>\n<li><em>J&rsquo;utilise le mode de blocage pour lire la valeur de l&rsquo;ADC et la stocker dans la variable <strong>ADC_VAL<\/strong>.<\/em><\/li>\n<li><em>La r\u00e9solution de l&rsquo;ADC est r\u00e9gl\u00e9e sur 12 bits, les valeurs sont donc comprises entre 0 et 4095.<\/em><\/li>\n<li><em>Nous allons ensuite cartographier ces valeurs dans l&rsquo;intervalle de 0 \u00e0 100. Les valeurs converties seront alors stock\u00e9es dans la variable <strong>converted_val.<\/strong><\/em><\/li>\n<li><em>Nous v\u00e9rifierons ensuite si la file d&rsquo;attente contient de la place. S&rsquo;il y a de la place dans la file d&rsquo;attente, la valeur est envoy\u00e9e \u00e0 la file d&rsquo;attente.<\/em><\/li>\n<li><em>Cette t\u00e2che sera ex\u00e9cut\u00e9e toutes les 100 ms. Nous ne faisons que lire le timing d un potentiom\u00e8tre et la vitesse d horloge n est pas vraiment la priorit\u00e9.<\/em><\/li>\n<\/ul>\n<p><em>Ces valeurs seront re\u00e7ues dans le mod\u00e8le GUI. Le code ci-dessous montre la mise en \u0153uvre du mod\u00e8le.<\/em><\/p>\n<div class=\"single-knowledge-base__code-block\">void Model::tick()<br \/>\n{<br \/>\nif (osMessageQueueGetCount(ADCQueueHandle) &gt; 0)<br \/>\n{<br \/>\nosMessageQueueGet(ADCQueueHandle, &amp;ADC_VAL, 0, 0) ;<br \/>\n}<br \/>\nmodelListener-&gt;setADC (ADC_VAL) ;<br \/>\n}<\/div>\n<p><em>Dans le mod\u00e8le, la fonction tick est appel\u00e9e \u00e0 chaque rafra\u00eechissement de l&rsquo;image. Nous v\u00e9rifierons la pr\u00e9sence de donn\u00e9es dans la file d&rsquo;attente \u00e0 l&rsquo;int\u00e9rieur de cette fonction.<\/em><\/p>\n<ul>\n<li><em>Si la file d&rsquo;attente contient des donn\u00e9es, nous les lisons et les stockons dans la variable <strong>ADC_VAL<\/strong>.<\/em><\/li>\n<li><em>Cette variable est d\u00e9finie dans le fichier <strong>Model.hpp<\/strong>.<\/em><\/li>\n<li><em>Nous appellerons ensuite la fonction <strong>setADC<\/strong> dans le <strong>modelListener<\/strong>.<\/em><\/li>\n<\/ul>\n<p><em>La fonction setADC est d\u00e9finie dans le fichier <strong>modelListener.hpp<\/strong> mais son impl\u00e9mentation devrait \u00eatre une fonction vide. Ceci est illustr\u00e9 ci-dessous.<\/em><\/p>\n<div class=\"single-knowledge-base__code-block\">virtual void setADC (int val) {}<\/div>\n<p><em>Cette impl\u00e9mentation vide oblige l&rsquo;interface graphique \u00e0 rechercher la fonction dans le fichier du <strong>pr\u00e9sentateur<\/strong>. C&rsquo;est ici que nous allons d\u00e9finir la fonction.<\/em><\/p>\n<div class=\"single-knowledge-base__code-block\">void Screen1Presenter: : setADC (int val)<br \/>\n{<br \/>\nview.setADC (val) ;<br \/>\n}<\/div>\n<p><em>Dans le <strong>pr\u00e9sentateur<\/strong>, nous appellerons la m\u00eame fonction dans la <strong>vue<\/strong>.<\/em><\/p>\n<p><em>La <strong>vue<\/strong> est l&rsquo;endroit o\u00f9 la fonction est r\u00e9ellement \u00e9crite. Voici la d\u00e9finition de la fonction <strong>setADC<\/strong> <\/em><\/p>\n<div class=\"single-knowledge-base__code-block\">void Screen1View::setADC (int val)<br \/>\n{<br \/>\nUnicode::snprintf(textArea1Buffer, TEXTAREA1_SIZE, \u00ab\u00a0%d\u00a0\u00bb, val) ;<br \/>\ntextArea1.invalidate();adc_voltage = (float)(val*3.3)\/100.0 ;<br \/>\nUnicode::snprintfFloat(textArea2Buffer, TEXTAREA2_SIZE, \u00ab\u00a0%.2f\u00a0\u00bb, adc_voltage) ;<br \/>\ntextArea2.invalidate() ;<\/p>\n<p>gauge1.setValue(val) ;<br \/>\ngauge1.invalidate() ;<br \/>\n}<\/p>\n<\/div>\n<ul>\n<li><em>Ici, nous allons d&rsquo;abord <strong>convertir<\/strong> la valeur au format caract\u00e8re \u00e0 l&rsquo;aide de <strong>snprintf<\/strong>, puis la copier dans le tampon textArea1.<\/em><\/li>\n<li><em>textArea1 est d\u00e9fini au-dessus de la jauge, de sorte qu&rsquo;il affiche les valeurs comprises entre 0 et 100.<\/em><\/li>\n<li><em>Ensuite, nous convertissons les valeurs dans la plage flottante de 0 \u00e0 3,3, qui sera utilis\u00e9e pour afficher la tension sur la broche de l&rsquo;ADC.<\/em><\/li>\n<li><em>La valeur flottante est ensuite convertie au format caract\u00e8re \u00e0 l&rsquo;aide de la fonction <strong>snprintfFloat<\/strong> et copi\u00e9e dans la m\u00e9moire tampon textArea2.<\/em><\/li>\n<li><em>textArea2 est d\u00e9fini sous la jauge et affichera les valeurs comprises entre 0 et 3,3.<\/em><\/li>\n<li><em>Enfin, nous d\u00e9finirons la valeur de la jauge.<\/em><\/li>\n<\/ul>\n<p><em>ceci compl\u00e8te notre partie de code. Nous allons maintenant flasher le projet \u00e0 partir du cubeIDE lui-m\u00eame.<\/em><\/p>\n<h2 class=\"wp-block-heading has-text-align-center\"><span class=\"ez-toc-section\" id=\"Flash_le_projet\"><\/span><em><strong>Flash le projet<\/strong><\/em><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><em>Nous devons modifier l\u00e9g\u00e8rement la configuration de d\u00e9bogage avant de proc\u00e9der au flashage. Le projet g\u00e9n\u00e9r\u00e9 \u00e0 partir de TouchGFX ne g\u00e9n\u00e8re pas le fichier de chargement externe, nous devons donc fournir son chemin relatif \u00e0 notre syst\u00e8me de fichiers.<\/em><\/p>\n<p><em>Ouvrez la configuration de d\u00e9bogage, cliquez sur l&rsquo;onglet d\u00e9bogage, faites d\u00e9filer vers le bas jusqu&rsquo;aux chargeurs externes.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/10\/riverdi2_9.webp\"><\/p>\n<p><em>Cliquez sur le chargeur et cliquez sur modifier.<\/em><\/p>\n<p><em>Cliquez ensuite sur Syst\u00e8me de fichiers.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/10\/riverdi2_10.webp\"><\/p>\n<p><em>Localisez maintenant le chargeur dans le r\u00e9pertoire <strong>STM32cubeProgrammer<\/strong>. Dans mon cas, il est situ\u00e9 dans <strong>Program Files -&gt; STMicroElectronics -&gt; STM32CubeProgrammer -&gt;bin -&gt; ExternalLoaders<\/strong>.<\/em><\/p>\n<p><em>Une fois que le chargeur a \u00e9t\u00e9 localis\u00e9, cliquez sur Apply pour enregistrer la configuration, et cliquez sur RUN pour faire clignoter le projet sur la carte.<\/em><\/p>\n<h2 class=\"wp-block-heading has-text-align-center\"><span class=\"ez-toc-section\" id=\"Resultat\"><\/span><em><strong>R\u00e9sultat<\/strong><\/em><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><em>Vous trouverez ci-dessous le gif montrant l&rsquo;affichage.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/10\/riverdi2_result.webp\"><\/p>\n<p><em>Comme vous pouvez le constater, la jauge r\u00e9agit assez bien \u00e0 la rotation du potentiom\u00e8tre. La zone de texte de la jauge affiche la valeur actuelle de la jauge.<\/em><\/p>\n<p><em>La zone de texte ci-dessous indique la tension actuelle sur la broche ADC, qui peut varier de 0 \u00e0 3,3V.<\/em><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Telecharger_le_code\"><\/span>T\u00e9l\u00e9charger le code<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Vous pouvez t\u00e9l\u00e9charger ici le code partag\u00e9 par Controllertech : <a href=\"https:\/\/drive.google.com\/file\/d\/1tW_Gq6CPcLBChuvQXevMjw5NhhPK0Yb8\/view?usp=sharing\">Potentiom\u00e8tre<\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Riverdi_%E2%80%93_le_fabricant_europeen_de_presentoirs_de_la_plus_haute_qualite\"><\/span>Riverdi &#8211; le fabricant europ\u00e9en de pr\u00e9sentoirs de la plus haute qualit\u00e9<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Pourquoi devriez-vous nous faire confiance et faire confiance \u00e0 nos produits ? Riverdi est le fabricant europ\u00e9en de pr\u00e9sentoirs de la plus haute qualit\u00e9. Nous produisons des \u00e9crans LCD TFT depuis plus de 10 ans et nous livrons r\u00e9guli\u00e8rement des \u00e9crans \u00e0 de nombreux clients dans le monde entier.<\/p>\n<p>Sur notre site web, vous trouverez de nombreuses s\u00e9ries d&rsquo;\u00e9crans diff\u00e9rents, mais ce que nous livrons, ce n&rsquo;est pas seulement des \u00e9crans de la plus haute qualit\u00e9, mais aussi une documentation parfaite. Sur le site web, vous trouverez \u00e9galement des mod\u00e8les 3D de chaque \u00e9cran. La plupart d&rsquo;entre eux sont accompagn\u00e9s d&rsquo;un rapport EMI, qui vous permet de conna\u00eetre le niveau d&rsquo;\u00e9missions. Le processus de commande est convivial. Si vous souhaitez commander un \u00e9chantillon, vous pouvez l&rsquo;acheter dans notre boutique en ligne. Il suffit de se rendre sur le site <a href=\"https:\/\/riverdi.com\/fr\/categorie-produit\/afficheurs-embarques-stm32\">https:\/\/riverdi.com\/product-category\/stm32-embedded-displays\/<\/a>.<\/p>\n<p>Vous pouvez \u00e9galement contacter l&rsquo;un de nos distributeurs. Riverdi dispose d&rsquo;un vaste r\u00e9seau de distribution comprenant de nombreux partenaires am\u00e9ricains qui peuvent vous livrer le pr\u00e9sentoir en une seule fois.<\/p>\n<p>N&rsquo;oubliez pas de vous ABONNER \u00e0 notre <a href=\"https:\/\/www.youtube.com\/c\/Riverdi\">cha\u00eene YouTube <\/a>et de remplir le <a href=\"https:\/\/riverdi.com\/subscription-members\">FORMULAIRE D&rsquo;ADH\u00c9SION<\/a>,<br \/>\npour rester inform\u00e9 de notre mat\u00e9riel de l&rsquo;Universit\u00e9 Riverdi et des \u00e9v\u00e9nements en direct !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce tutoriel pr\u00e9sente en d\u00e9tail la mise en \u0153uvre de l&rsquo;\u00e9cran embarqu\u00e9 STM32-U5 de Riverdi dans un projet, mettant en avant un \u00e9cran LCD TFT de 5 pouces issu de la nouvelle gamme de Riverdi, qui est construite autour du MCU de la s\u00e9rie STM32U5, r\u00e9put\u00e9 pour ses microcontr\u00f4leurs avanc\u00e9s \u00e0 faible consommation d&rsquo;\u00e9nergie. Tutoriel [&hellip;]<\/p>\n","protected":false},"author":32,"featured_media":119593,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[1457,1460],"tags":[],"class_list":["post-102259","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-affichage-101","category-produits"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Comment d\u00e9marrer avec l&#039;\u00e9cran embarqu\u00e9 Riverdi STM32-U5 - tutoriel par Controllerstech - Riverdi<\/title>\n<meta name=\"description\" content=\"Ce tutoriel fournit une description d\u00e9taill\u00e9e de la mise en \u0153uvre de l&#039;\u00e9cran embarqu\u00e9 STM32-U5 de Riverdi dans un projet, pr\u00e9sentant un \u00e9cran LCD TFT de 5\u2033 de la nouvelle gamme de Riverdi, qui est construite autour du MCU de la s\u00e9rie STM32U5, r\u00e9put\u00e9 pour ses microcontr\u00f4leurs avanc\u00e9s \u00e0 faible consommation d&#039;\u00e9nergie.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment d\u00e9marrer avec l&#039;\u00e9cran embarqu\u00e9 Riverdi STM32-U5 - tutoriel par Controllerstech - Riverdi\" \/>\n<meta property=\"og:description\" content=\"Ce tutoriel fournit une description d\u00e9taill\u00e9e de la mise en \u0153uvre de l&#039;\u00e9cran embarqu\u00e9 STM32-U5 de Riverdi dans un projet, pr\u00e9sentant un \u00e9cran LCD TFT de 5\u2033 de la nouvelle gamme de Riverdi, qui est construite autour du MCU de la s\u00e9rie STM32U5, r\u00e9put\u00e9 pour ses microcontr\u00f4leurs avanc\u00e9s \u00e0 faible consommation d&#039;\u00e9nergie.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech\" \/>\n<meta property=\"og:site_name\" content=\"Riverdi\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/riverdi.displays\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-10T10:48:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-21T13:07:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/riverdi.com\/wp-content\/uploads\/2024\/06\/logo-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Wojciech Unterschuetz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@riverdidisplays\" \/>\n<meta name=\"twitter:site\" content=\"@riverdidisplays\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Wojciech Unterschuetz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/fr\\\/blog\\\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/fr\\\/blog\\\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech\"},\"author\":{\"name\":\"Wojciech Unterschuetz\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/fr#\\\/schema\\\/person\\\/7434a17c848809d60e9762a64da7cb19\"},\"headline\":\"Comment d\u00e9marrer avec l&rsquo;\u00e9cran embarqu\u00e9 Riverdi STM32-U5 &#8211; tutoriel par Controllerstech\",\"datePublished\":\"2023-10-10T10:48:34+00:00\",\"dateModified\":\"2024-05-21T13:07:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/fr\\\/blog\\\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech\"},\"wordCount\":2080,\"image\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/fr\\\/blog\\\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/riverdi.com\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/w1141.avif\",\"articleSection\":[\"Affichage 101\",\"Produits\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/fr\\\/blog\\\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech\",\"url\":\"https:\\\/\\\/riverdi.com\\\/fr\\\/blog\\\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech\",\"name\":\"Comment d\u00e9marrer avec l'\u00e9cran embarqu\u00e9 Riverdi STM32-U5 - tutoriel par Controllerstech - Riverdi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/fr#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/fr\\\/blog\\\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/fr\\\/blog\\\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/riverdi.com\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/w1141.avif\",\"datePublished\":\"2023-10-10T10:48:34+00:00\",\"dateModified\":\"2024-05-21T13:07:33+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/fr#\\\/schema\\\/person\\\/7434a17c848809d60e9762a64da7cb19\"},\"description\":\"Ce tutoriel fournit une description d\u00e9taill\u00e9e de la mise en \u0153uvre de l'\u00e9cran embarqu\u00e9 STM32-U5 de Riverdi dans un projet, pr\u00e9sentant un \u00e9cran LCD TFT de 5\u2033 de la nouvelle gamme de Riverdi, qui est construite autour du MCU de la s\u00e9rie STM32U5, r\u00e9put\u00e9 pour ses microcontr\u00f4leurs avanc\u00e9s \u00e0 faible consommation d'\u00e9nergie.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/fr\\\/blog\\\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/riverdi.com\\\/fr\\\/blog\\\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/fr\\\/blog\\\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech#primaryimage\",\"url\":\"https:\\\/\\\/riverdi.com\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/w1141.avif\",\"contentUrl\":\"https:\\\/\\\/riverdi.com\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/w1141.avif\",\"width\":1141,\"height\":571},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/fr\\\/blog\\\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Front Page\",\"item\":\"https:\\\/\\\/riverdi.com\\\/fr\\\/page-daccueil\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Comment d\u00e9marrer avec l&#8217;\u00e9cran embarqu\u00e9 Riverdi STM32-U5 &#8211; tutoriel par Controllerstech\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/fr#website\",\"url\":\"https:\\\/\\\/riverdi.com\\\/fr\",\"name\":\"Riverdi\",\"description\":\"Global TFT LCD Manufacturer\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/riverdi.com\\\/fr?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/fr#\\\/schema\\\/person\\\/7434a17c848809d60e9762a64da7cb19\",\"name\":\"Wojciech Unterschuetz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/45c1e4b66be8acc72101bc0fca3804506ea0cdd9d7550b9d54d5a295afb08661?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/45c1e4b66be8acc72101bc0fca3804506ea0cdd9d7550b9d54d5a295afb08661?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/45c1e4b66be8acc72101bc0fca3804506ea0cdd9d7550b9d54d5a295afb08661?s=96&d=mm&r=g\",\"caption\":\"Wojciech Unterschuetz\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment d\u00e9marrer avec l'\u00e9cran embarqu\u00e9 Riverdi STM32-U5 - tutoriel par Controllerstech - Riverdi","description":"Ce tutoriel fournit une description d\u00e9taill\u00e9e de la mise en \u0153uvre de l'\u00e9cran embarqu\u00e9 STM32-U5 de Riverdi dans un projet, pr\u00e9sentant un \u00e9cran LCD TFT de 5\u2033 de la nouvelle gamme de Riverdi, qui est construite autour du MCU de la s\u00e9rie STM32U5, r\u00e9put\u00e9 pour ses microcontr\u00f4leurs avanc\u00e9s \u00e0 faible consommation d'\u00e9nergie.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech","og_locale":"fr_FR","og_type":"article","og_title":"Comment d\u00e9marrer avec l'\u00e9cran embarqu\u00e9 Riverdi STM32-U5 - tutoriel par Controllerstech - Riverdi","og_description":"Ce tutoriel fournit une description d\u00e9taill\u00e9e de la mise en \u0153uvre de l'\u00e9cran embarqu\u00e9 STM32-U5 de Riverdi dans un projet, pr\u00e9sentant un \u00e9cran LCD TFT de 5\u2033 de la nouvelle gamme de Riverdi, qui est construite autour du MCU de la s\u00e9rie STM32U5, r\u00e9put\u00e9 pour ses microcontr\u00f4leurs avanc\u00e9s \u00e0 faible consommation d'\u00e9nergie.","og_url":"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech","og_site_name":"Riverdi","article_publisher":"https:\/\/www.facebook.com\/riverdi.displays\/","article_published_time":"2023-10-10T10:48:34+00:00","article_modified_time":"2024-05-21T13:07:33+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/riverdi.com\/wp-content\/uploads\/2024\/06\/logo-1.jpg","type":"image\/jpeg"}],"author":"Wojciech Unterschuetz","twitter_card":"summary_large_image","twitter_creator":"@riverdidisplays","twitter_site":"@riverdidisplays","twitter_misc":{"\u00c9crit par":"Wojciech Unterschuetz","Dur\u00e9e de lecture estim\u00e9e":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech#article","isPartOf":{"@id":"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech"},"author":{"name":"Wojciech Unterschuetz","@id":"https:\/\/riverdi.com\/fr#\/schema\/person\/7434a17c848809d60e9762a64da7cb19"},"headline":"Comment d\u00e9marrer avec l&rsquo;\u00e9cran embarqu\u00e9 Riverdi STM32-U5 &#8211; tutoriel par Controllerstech","datePublished":"2023-10-10T10:48:34+00:00","dateModified":"2024-05-21T13:07:33+00:00","mainEntityOfPage":{"@id":"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech"},"wordCount":2080,"image":{"@id":"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech#primaryimage"},"thumbnailUrl":"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/10\/w1141.avif","articleSection":["Affichage 101","Produits"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech","url":"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech","name":"Comment d\u00e9marrer avec l'\u00e9cran embarqu\u00e9 Riverdi STM32-U5 - tutoriel par Controllerstech - Riverdi","isPartOf":{"@id":"https:\/\/riverdi.com\/fr#website"},"primaryImageOfPage":{"@id":"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech#primaryimage"},"image":{"@id":"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech#primaryimage"},"thumbnailUrl":"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/10\/w1141.avif","datePublished":"2023-10-10T10:48:34+00:00","dateModified":"2024-05-21T13:07:33+00:00","author":{"@id":"https:\/\/riverdi.com\/fr#\/schema\/person\/7434a17c848809d60e9762a64da7cb19"},"description":"Ce tutoriel fournit une description d\u00e9taill\u00e9e de la mise en \u0153uvre de l'\u00e9cran embarqu\u00e9 STM32-U5 de Riverdi dans un projet, pr\u00e9sentant un \u00e9cran LCD TFT de 5\u2033 de la nouvelle gamme de Riverdi, qui est construite autour du MCU de la s\u00e9rie STM32U5, r\u00e9put\u00e9 pour ses microcontr\u00f4leurs avanc\u00e9s \u00e0 faible consommation d'\u00e9nergie.","breadcrumb":{"@id":"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech#primaryimage","url":"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/10\/w1141.avif","contentUrl":"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/10\/w1141.avif","width":1141,"height":571},{"@type":"BreadcrumbList","@id":"https:\/\/riverdi.com\/fr\/blog\/comment-demarrer-avec-riverdi-stm32-u5-embedded-display-tutorial-by-controllerstech#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Front Page","item":"https:\/\/riverdi.com\/fr\/page-daccueil"},{"@type":"ListItem","position":2,"name":"Comment d\u00e9marrer avec l&#8217;\u00e9cran embarqu\u00e9 Riverdi STM32-U5 &#8211; tutoriel par Controllerstech"}]},{"@type":"WebSite","@id":"https:\/\/riverdi.com\/fr#website","url":"https:\/\/riverdi.com\/fr","name":"Riverdi","description":"Global TFT LCD Manufacturer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/riverdi.com\/fr?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/riverdi.com\/fr#\/schema\/person\/7434a17c848809d60e9762a64da7cb19","name":"Wojciech Unterschuetz","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/45c1e4b66be8acc72101bc0fca3804506ea0cdd9d7550b9d54d5a295afb08661?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/45c1e4b66be8acc72101bc0fca3804506ea0cdd9d7550b9d54d5a295afb08661?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/45c1e4b66be8acc72101bc0fca3804506ea0cdd9d7550b9d54d5a295afb08661?s=96&d=mm&r=g","caption":"Wojciech Unterschuetz"}}]}},"_links":{"self":[{"href":"https:\/\/riverdi.com\/fr\/wp-json\/wp\/v2\/posts\/102259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/riverdi.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/riverdi.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/riverdi.com\/fr\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/riverdi.com\/fr\/wp-json\/wp\/v2\/comments?post=102259"}],"version-history":[{"count":0,"href":"https:\/\/riverdi.com\/fr\/wp-json\/wp\/v2\/posts\/102259\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/riverdi.com\/fr\/wp-json\/wp\/v2\/media\/119593"}],"wp:attachment":[{"href":"https:\/\/riverdi.com\/fr\/wp-json\/wp\/v2\/media?parent=102259"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/riverdi.com\/fr\/wp-json\/wp\/v2\/categories?post=102259"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/riverdi.com\/fr\/wp-json\/wp\/v2\/tags?post=102259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}