{"id":940,"date":"2025-03-15T21:05:51","date_gmt":"2025-03-15T21:05:51","guid":{"rendered":"http:\/\/portfolio-felix-davoust.local\/?page_id=940"},"modified":"2025-05-11T22:33:07","modified_gmt":"2025-05-11T21:33:07","slug":"projects","status":"publish","type":"page","link":"https:\/\/portfolio-felix-davoust.eu\/en\/projects\/","title":{"rendered":"Projets"},"content":{"rendered":"<h2 class=\"wp-block-heading has-text-align-center\">Mes projets<\/h2>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-618402ba wp-block-group-is-layout-flex\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-cp-timeline-content-timeline Cool-Content-Timeline\"><div class=\"cool-timeline-block-f721a447-2edb-4389-be16-00554149fd53\"><style>.cool-timeline-block-f721a447-2edb-4389-be16-00554149fd53 .cool-vertical-timeline-body{--ctlb-item-spacing: 14px;--ctlb-line-color: #668da6;--ctlb-icon-bg: #0355d1;--ctlb-story-border-color: #005ee9;}<\/style><div class=\"cool-vertical-timeline-body ctlb-wrapper both-sided left\"><div class=\"cool-timeline-block-list\">\n<div class=\"wp-block-cp-timeline-content-timeline-child swiper-slide\"><div class=\"timeline-content icon-false\"><div class=\"timeline-block-timeline ctl-row  position-right\"><div class=\"ctl-6 timeline-block-time\"><\/div><div class=\"timeline-block-icon\"><svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewbox=\"0 0 512 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/div><div class=\"ctl-6 timeline-block-detail\"><div class=\"story-details\"><div class=\"story-content\">\n<figure class=\"wp-block-image size-full picture-projet\"><a href=\"#wow-modal-id-1\"><img fetchpriority=\"high\" decoding=\"async\" width=\"518\" height=\"518\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/afficheur-rotatif.png\" alt=\"\" class=\"wp-image-1464\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/afficheur-rotatif.png 518w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/afficheur-rotatif-300x300.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/afficheur-rotatif-150x150.png 150w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/afficheur-rotatif-12x12.png 12w\" sizes=\"(max-width: 518px) 100vw, 518px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading ctlb-block-title\" style=\"padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">Afficheur rotatif<\/h3>\n\n\n\n<p class=\"has-text-align-left ctlb-block-desc\" style=\"padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">Un syst\u00e8me innovant permettant d&rsquo;afficher des textes et images en rotation, cr\u00e9ant un effet visuel proche d&rsquo;un hologramme. Il est contr\u00f4l\u00e9 par un microcontr\u00f4leur et accompagn\u00e9 d&rsquo;une interface PC pour choisir facilement les contenus \u00e0 afficher.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-07853e23 wp-block-buttons-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link wp-element-button\" href=\"#wow-modal-id-1\">En savoir plus<\/a><\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-cp-timeline-content-timeline-child swiper-slide\"><div class=\"timeline-content icon-false\"><div class=\"timeline-block-timeline ctl-row  position-left\"><div class=\"ctl-6 timeline-block-time\"><\/div><div class=\"timeline-block-icon\"><svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewbox=\"0 0 512 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/div><div class=\"ctl-6 timeline-block-detail\"><div class=\"story-details\"><div class=\"story-content\">\n<figure class=\"wp-block-image size-full picture-projet\"><a href=\"#wow-modal-id-2\"><img decoding=\"async\" width=\"371\" height=\"353\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Picture1.png\" alt=\"\" class=\"wp-image-890\" style=\"aspect-ratio:4\/3;object-fit:contain\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Picture1.png 371w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Picture1-300x285.png 300w\" sizes=\"(max-width: 371px) 100vw, 371px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading ctlb-block-title\" style=\"padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">lidar 3D avec syst\u00e8me de vis\u00e9e<\/h3>\n\n\n\n<p class=\"ctlb-block-desc\" style=\"padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">Syst\u00e8me permettant \u00e0 un op\u00e9rateur de d\u00e9signer un point dans l\u2019espace et d\u2019en d\u00e9terminer la position afin de la transmettre \u00e0 un robot. Pour cela, le syst\u00e8me s\u2019appuie sur un micro-ordinateur, une cam\u00e9ra et un LiDAR 3D. <\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-e511ce0b wp-block-buttons-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#wow-modal-id-2\">En savoir plus<\/a><\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-cp-timeline-content-timeline-child swiper-slide\"><div class=\"timeline-content icon-false\"><div class=\"timeline-block-timeline ctl-row  position-right\"><div class=\"ctl-6 timeline-block-time\"><\/div><div class=\"timeline-block-icon\"><svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewbox=\"0 0 512 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/div><div class=\"ctl-6 timeline-block-detail\"><div class=\"story-details\"><div class=\"story-content\">\n<figure class=\"wp-block-image size-large picture-projet\"><a href=\"#wow-modal-id-3\"><img decoding=\"async\" width=\"1024\" height=\"667\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Adobe-Express-file-1024x667.png\" alt=\"\" class=\"wp-image-896\" style=\"aspect-ratio:4\/3;object-fit:contain\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Adobe-Express-file-1024x667.png 1024w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Adobe-Express-file-300x195.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Adobe-Express-file-768x500.png 768w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Adobe-Express-file.png 1215w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading ctlb-block-title\" style=\"padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">Sites web<\/h3>\n\n\n\n<p class=\"ctlb-block-desc\" style=\"padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">Apr\u00e8s avoir acquis les bases du d\u00e9veloppement web, j\u2019ai r\u00e9alis\u00e9 plusieurs sites afin de mettre en pratique mes comp\u00e9tences tout en continuant d\u2019apprendre de nouvelles choses. Vous pouvez les d\u00e9couvrir en cliquant ci-dessous.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-e511ce0b wp-block-buttons-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#wow-modal-id-3\">En savoir plus<\/a><\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-cp-timeline-content-timeline-child swiper-slide\"><div class=\"timeline-content icon-false\"><div class=\"timeline-block-timeline ctl-row  position-left\"><div class=\"ctl-6 timeline-block-time\"><\/div><div class=\"timeline-block-icon\"><svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewbox=\"0 0 512 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/div><div class=\"ctl-6 timeline-block-detail\"><div class=\"story-details\"><div class=\"story-content\">\n<figure class=\"wp-block-image size-full picture-projet\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Adobe-Express-file-1-1.png\" alt=\"\" class=\"wp-image-1319\" style=\"aspect-ratio:4\/3;object-fit:contain\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Adobe-Express-file-1-1.png 1024w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Adobe-Express-file-1-1-300x300.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Adobe-Express-file-1-1-150x150.png 150w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Adobe-Express-file-1-1-768x768.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading ctlb-block-title\" style=\"padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">Arroseur automatique de plante connect\u00e9<\/h3>\n\n\n\n<p>Image illustrant le projet.<\/p>\n\n\n\n<p class=\"ctlb-block-desc\" style=\"padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">Projet en cours&#8230;<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-ast-global-color-0-color has-alpha-channel-opacity has-ast-global-color-0-background-color has-background is-style-default\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\"\/>\n\n\n\n<div class=\"wp-block-media-text has-medium-font-size\" style=\"padding-top:0;padding-bottom:0;grid-template-columns:15% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/robot-2.png\" alt=\"\" class=\"wp-image-1494 size-full\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/robot-2.png 512w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/robot-2-300x300.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/robot-2-150x150.png 150w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/robot-2-12x12.png 12w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-text-align-left\">D&rsquo;autres projets seront ajout\u00e9s prochainement.<\/p>\n<\/div><\/div>\n\n\n<div class=\"modal-window\" id=\"modal-window-1\" role=\"dialog\" aria-modal=\"true\"  aria-live=\"off\"><div class=\"modal-window__wrapper\"><div class=\"modal-window__content\"><div class=\"modal-window__content-wrapper\"><div class=\"modal-window__content-main\"><p>&nbsp;<\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1201 aligncenter\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/2-300x236.png\" alt=\"\" width=\"305\" height=\"240\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/2-300x236.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/2-768x605.png 768w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/2.png 987w\" sizes=\"(max-width: 305px) 100vw, 305px\" \/><\/p>\r\n<p style=\"text-align: center\"><em>Mod\u00e8le 3D<\/em><\/p>\r\n<p>&nbsp;<\/p>\r\n<p><strong>Technologies utilis\u00e9:<\/strong><\/p>\r\n<table style=\"border-collapse: collapse;width: 65.0454%\" border=\"1\">\r\n<tbody>\r\n<tr>\r\n<td style=\"width: 1.55763%\">Software<\/td>\r\n<td style=\"width: 11.4085%\">\r\n<ul>\r\n<li>Language de programmation : <strong>C<\/strong><\/li>\r\n<li>OS temps r\u00e9el : <strong>FreeRTOS<\/strong><\/li>\r\n<li>Protocole de comunication : <strong>UART<\/strong><\/li>\r\n<\/ul>\r\n<\/td>\r\n<\/tr>\r\n<tr>\r\n<td style=\"width: 1.55763%\">Hardware<\/td>\r\n<td style=\"width: 11.4085%\">\r\n<ul>\r\n<li>Micro-contr\u00f4leur : <strong>STM32 Cortex-M3<\/strong><\/li>\r\n<li>Mod\u00e9lisation 3D : <strong>Solidworks<\/strong><\/li>\r\n<li>Fabrication : <strong>impression 3D, d\u00e9coupe lazer<\/strong><\/li>\r\n<\/ul>\r\n<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<p>&nbsp;<\/p>\r\n<p><strong>Architecture:<\/strong><\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1200 aligncenter\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/1-300x209.png\" alt=\"\" width=\"730\" height=\"509\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/1-300x209.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/1-768x536.png 768w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/1.png 791w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/><\/p>\r\n<p>&nbsp;<\/p>\r\n<p><strong>IHM:<\/strong><\/p>\r\n<p>Liaison s\u00e9rie entre le syst\u00e8me et un pc, utilisant le protocole UART. L'IHM est disponible via un terminal, elle permet grace \u00e0 des mots cl\u00e9e simple, de conna\u00eetre les commandes possible, d'afficher les donn\u00e9 de l'afficheur, de lui envoyer des commandes...<\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1203 aligncenter\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/4-283x300.png\" alt=\"\" width=\"339\" height=\"359\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/4-283x300.png 283w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/4.png 405w\" sizes=\"(max-width: 339px) 100vw, 339px\" \/><\/p>\r\n<p style=\"text-align: center\"><i>Visuel de l'IHM<\/i><\/p>\r\n<p><strong>Electronique \/ comunication entre composants :<\/strong><\/p>\r\n<p><a href=\"https:\/\/portfolio-felix-davoust.eu\/en\/6\/\" rel=\"attachment wp-att-1221\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1221 aligncenter\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/6.png\" alt=\"\" width=\"794\" height=\"440\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/6.png 794w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/6-300x166.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/6-768x426.png 768w\" sizes=\"(max-width: 794px) 100vw, 794px\" \/><\/a><\/p>\r\n<p style=\"text-align: center\"><em>Sch\u00e9ma de fonctionnement \u00e9lectronique<\/em><\/p>\r\n<p>&nbsp;<\/p>\r\n<p><strong>Architecture logiciel:<\/strong><\/p>\r\n<p><a href=\"https:\/\/portfolio-felix-davoust.eu\/en\/3\/\" rel=\"attachment wp-att-1202\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1202\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/3.png\" alt=\"\" width=\"1363\" height=\"713\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/3.png 1363w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/3-300x157.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/3-1024x536.png 1024w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/3-768x402.png 768w\" sizes=\"(max-width: 1363px) 100vw, 1363px\" \/><\/a><\/p>\r\n<p>&nbsp;<\/p>\r\n<p><strong>Capteur de vitesse\/angle interne:<\/strong><\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1222 alignleft\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/7-300x243.png\" alt=\"\" width=\"395\" height=\"320\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/7-300x243.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/7-768x622.png 768w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/7.png 1011w\" sizes=\"(max-width: 395px) 100vw, 395px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1223 alignleft\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/8-300x258.png\" alt=\"\" width=\"376\" height=\"323\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/8-300x258.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/8-768x661.png 768w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/8.png 952w\" sizes=\"(max-width: 376px) 100vw, 376px\" \/><\/p>\r\n<p>&nbsp;<\/p>\r\n<p>&nbsp;<\/p>\r\n<p>&nbsp;<\/p>\r\n<p>&nbsp;<\/p>\r\n<p>&nbsp;<\/p>\r\n<p>&nbsp;<\/p>\r\n<p>&nbsp;<\/p>\r\n<p>&nbsp;<\/p>\r\n<p>&nbsp;<\/p>\r\n<p>&nbsp;<\/p>\r\n<p><strong>R\u00e9sultat:<\/strong><\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1204 aligncenter\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/afficheur-2-1-225x300.jpg\" alt=\"\" width=\"353\" height=\"470\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/afficheur-2-1-225x300.jpg 225w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/afficheur-2-1-768x1024.jpg 768w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/afficheur-2-1-1152x1536.jpg 1152w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/afficheur-2-1.jpg 1536w\" sizes=\"(max-width: 353px) 100vw, 353px\" \/><\/p>\r\n<p>&nbsp;<\/p><\/div><\/div><div class=\"modal-window__close -image\" tabindex=\"0\" role=\"button\" aria-label=\"Close\"><\/div><\/div><\/div><\/div>\n\n\n<div class=\"modal-window\" id=\"modal-window-2\" role=\"dialog\" aria-modal=\"true\"  aria-live=\"off\"><div class=\"modal-window__wrapper\"><div class=\"modal-window__content\"><div class=\"modal-window__content-wrapper\"><div class=\"modal-window__content-main\"><p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-890 aligncenter\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Picture1-300x285.png\" alt=\"\" width=\"300\" height=\"285\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Picture1-300x285.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Picture1.png 371w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\r\n<p style=\"text-align: center\"><em>Mod\u00e8le 3D<\/em><\/p>\r\n<p>&nbsp;<\/p>\r\n<p><strong>Technologies utilis\u00e9:<\/strong><\/p>\r\n<table style=\"border-collapse: collapse;width: 65.0454%\" border=\"1\">\r\n<tbody>\r\n<tr>\r\n<td style=\"width: 1.55763%\">Software<\/td>\r\n<td style=\"width: 11.4085%\">\r\n<ul>\r\n<li>Language de programmation : <strong>Python<\/strong><\/li>\r\n<li>Syst\u00e8me de vision : librarie <strong>OpenCV<\/strong><\/li>\r\n<li>Calcul matriciel : librarie <strong>Numpy<\/strong><\/li>\r\n<\/ul>\r\n<\/td>\r\n<\/tr>\r\n<tr>\r\n<td style=\"width: 1.55763%\">Hardware<\/td>\r\n<td style=\"width: 11.4085%\">\r\n<ul>\r\n<li>Micro-ordinateur : <strong>Raspberry Pi<\/strong><\/li>\r\n<li>Mod\u00e9lisation 3D : <strong>Solidworks<\/strong><\/li>\r\n<li>Syst\u00e8me utilis\u00e9:<strong> Lidar 2D, servomoteur Dynamixel<\/strong><\/li>\r\n<li>Fabrication : impression 3D, d\u00e9coupe jet d'eau, tournage<\/li>\r\n<\/ul>\r\n<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<p>&nbsp;<\/p>\r\n<p><strong>Objectifs:<\/strong><\/p>\r\n<p><a href=\"https:\/\/portfolio-felix-davoust.eu\/en\/13\/\" rel=\"attachment wp-att-1466\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1466 alignright\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/13-271x300.png\" alt=\"\" width=\"388\" height=\"430\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/13-271x300.png 271w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/13-11x12.png 11w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/13.png 586w\" sizes=\"(max-width: 388px) 100vw, 388px\" \/><\/a><\/p>\r\n<ul>\r\n<li>Detecter un point d\u00e9sign\u00e9 dans l'espace, calculer ces coordonn\u00e9es spacial pour les transmettre \u00e0 un robot.<\/li>\r\n<li>Recre\u00e9er l'environnement 3D local autour du point.<\/li>\r\n<\/ul>\r\n<p>Contraite: syst\u00e8me bas co\u00fbt par rapport aux syst\u00e8mes existants.<\/p>\r\n<p>&nbsp;<\/p>\r\n<p>&nbsp;<\/p>\r\n<p><a href=\"https:\/\/portfolio-felix-davoust.eu\/en\/14\/\" rel=\"attachment wp-att-1467\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1467 size-medium\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/14-300x235.png\" alt=\"\" width=\"300\" height=\"235\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/14-300x235.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/14-15x12.png 15w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/14.png 608w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p style=\"padding-left: 80px\"><em>Point d\u00e9sign\u00e9<\/em><\/p>\r\n<p>&nbsp;<\/p>\r\n<p>&nbsp;<\/p>\r\n<p><strong>Solution de scan 3D:<\/strong><\/p>\r\n<p><a href=\"https:\/\/portfolio-felix-davoust.eu\/en\/22\/\" rel=\"attachment wp-att-1474\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-1474\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/22-300x106.png\" alt=\"\" width=\"510\" height=\"180\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/22-300x106.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/22-768x271.png 768w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/22-18x6.png 18w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/22.png 777w\" sizes=\"(max-width: 510px) 100vw, 510px\" \/><\/a><\/p>\r\n<p><em>Principe de fonctionnement d\u2019un lidar 2D<\/em><\/p>\r\n<p>&nbsp;<\/p>\r\n<p><a href=\"https:\/\/portfolio-felix-davoust.eu\/en\/21\/\" rel=\"attachment wp-att-1473\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-1473\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/21-300x200.png\" alt=\"\" width=\"390\" height=\"260\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/21-300x200.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/21-18x12.png 18w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/21.png 516w\" sizes=\"(max-width: 390px) 100vw, 390px\" \/><\/a><\/p>\r\n<p>Un lidar 2D tourne sur lui-m\u00eame, on a donc un ensemble de point autour de celui-ci (sur un plan).<\/p>\r\n<p>Pour respecter les contraintes de co\u00fbt, le choix s\u2019est port\u00e9 sur l\u2019utilisation d\u2019un lidar 2D (tournant sur l'axe de <strong>Tilt<\/strong>), coupl\u00e9 \u00e0 une tourelle le faisant tourner sur un axe vertical (axe <strong>Pan<\/strong>).<\/p>\r\n<p>&nbsp;<\/p>\r\n<p><a href=\"https:\/\/portfolio-felix-davoust.eu\/en\/20\/\" rel=\"attachment wp-att-1472\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-1472\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/20-300x241.png\" alt=\"\" width=\"444\" height=\"357\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/20-300x241.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/20-15x12.png 15w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/20.png 692w\" sizes=\"(max-width: 444px) 100vw, 444px\" \/><\/a><\/p>\r\n<p>&nbsp;<\/p>\r\n<p><strong>Workflow logiciel:<\/strong><\/p>\r\n<p><a href=\"https:\/\/portfolio-felix-davoust.eu\/en\/19\/\" rel=\"attachment wp-att-1470\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-1470\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/19-300x180.png\" alt=\"\" width=\"806\" height=\"484\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/19-300x180.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/19-768x460.png 768w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/19-18x12.png 18w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/19.png 1449w\" sizes=\"(max-width: 806px) 100vw, 806px\" \/><\/a><\/p>\r\n<p>Le programme commence par initialiser les diff\u00e9rents p\u00e9riph\u00e9riques. Puis, la tourelle effectue <br \/>un balayage horizontal jusqu'\u00e0 d\u00e9tecter un tag. Une fois celui-ci d\u00e9tect\u00e9, la tourelle se centre sur <br \/>le tag. Le scan 3D a lieu juste apr\u00e8s.<\/p>\r\n<p>Toutes les coordonn\u00e9es sont ensuite fusionn\u00e9es. Puis les points scann\u00e9s et le point cible sont <br \/>affich\u00e9s dans un graphique 3D et enregistr\u00e9 dans un fichier.<\/p>\r\n<p>&nbsp;<\/p>\r\n<p><strong>Conception m\u00e9canique:<\/strong><\/p>\r\n<p><a href=\"https:\/\/portfolio-felix-davoust.eu\/en\/10\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1461\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/10-300x162.png\" alt=\"\" width=\"630\" height=\"340\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/10-300x162.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/10-1024x554.png 1024w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/10-768x415.png 768w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/10-1536x831.png 1536w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/10-18x10.png 18w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/10.png 1773w\" sizes=\"(max-width: 630px) 100vw, 630px\" \/><\/a><\/p>\r\n<p style=\"text-align: center\"><em>Mod\u00e9lisation 3D<\/em><\/p>\r\n<p>&nbsp;<\/p>\r\n<p>&nbsp;<\/p>\r\n<p><a href=\"https:\/\/portfolio-felix-davoust.eu\/en\/11\/\" rel=\"attachment wp-att-1462\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1462 aligncenter\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/11-300x196.png\" alt=\"\" width=\"733\" height=\"479\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/11-300x196.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/11-1024x668.png 1024w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/11-768x501.png 768w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/11-18x12.png 18w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/11.png 1501w\" sizes=\"(max-width: 733px) 100vw, 733px\" \/><\/a><\/p>\r\n<p style=\"text-align: center\"><em>Fabrication<\/em><\/p>\r\n<p>&nbsp;<\/p>\r\n<p>&nbsp;<\/p>\r\n<p><strong>R\u00e9sultats:<\/strong><\/p>\r\n<p style=\"text-align: center\"><a href=\"https:\/\/portfolio-felix-davoust.eu\/en\/23\/\" rel=\"attachment wp-att-1477\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1477 aligncenter\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/23-300x169.png\" alt=\"\" width=\"666\" height=\"375\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/23-300x169.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/23-768x433.png 768w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/23-18x10.png 18w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/23.png 989w\" sizes=\"(max-width: 666px) 100vw, 666px\" \/><\/a><em>Environnement r\u00e9el de scan\u00a0<\/em><\/p>\r\n<p>&nbsp;<\/p>\r\n<p style=\"text-align: center\"><a href=\"https:\/\/portfolio-felix-davoust.eu\/en\/24\/\" rel=\"attachment wp-att-1475\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1475 aligncenter\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/24-300x273.png\" alt=\"\" width=\"698\" height=\"635\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/24-300x273.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/24-768x698.png 768w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/24-13x12.png 13w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/24.png 918w\" sizes=\"(max-width: 698px) 100vw, 698px\" \/><\/a><em>Scan 3D avec point cible\u00a0<\/em><\/p><\/div><\/div><div class=\"modal-window__close -image\" tabindex=\"0\" role=\"button\" aria-label=\"Close\"><\/div><\/div><\/div><\/div>\n\n\n<div class=\"modal-window\" id=\"modal-window-3\" role=\"dialog\" aria-modal=\"true\"  aria-live=\"off\"><div class=\"modal-window__wrapper\"><div class=\"modal-window__content\"><div class=\"modal-window__content-wrapper\"><div class=\"modal-window__content-main\"><p>&nbsp;<\/p>\r\n<p>Voici une description des sites que j'ai r\u00e9alis\u00e9s, organis\u00e9s de fa\u00e7on antichronologique. Chaque projet a eu pour objectif de d\u00e9velopper de nouvelles comp\u00e9tences afin de progresser continuellement.<\/p>\r\n<p>Tous les sites que j'ai r\u00e9alis\u00e9s sont accessibles en cliquant sur les images ci-dessous. Et leur code respectif est disponible sur mon <a href=\"https:\/\/github.com\/felix-D2\">GitHub<\/a>.<\/p>\r\n<p>&nbsp;<\/p>\r\n<p><strong>1) WordPress:<\/strong><\/p>\r\n<p><strong>D\u00e9finition des objectifs<\/strong> <strong>d\u2019un site<\/strong> r\u00e9pondant \u00e0 des besoins sp\u00e9cifiques. <strong>Conception de sa structure<\/strong> en \u00e9tablissant d\u2019abord une arborescence globale, puis en d\u00e9taillant la disposition des pages \u00e0 l\u2019aide de <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Wireframe_(design)\">wireframes<\/a>.<\/p>\r\n<table style=\"border-collapse: collapse;width: 100%\" border=\"1\">\r\n<tbody>\r\n<tr>\r\n<td style=\"width: 22.7457%;text-align: center\"><strong>Besoins<\/strong><\/td>\r\n<td style=\"width: 77.2543%\">\r\n<ul>\r\n<li>Cr\u00e9er un <strong>portfolio<\/strong> en partageant mes projets.<\/li>\r\n<li>Permettre une <strong>maintenance et des mises \u00e0 jour simples<\/strong> (actualisation, ajout de projets...).<\/li>\r\n<\/ul>\r\n<\/td>\r\n<\/tr>\r\n<tr>\r\n<td style=\"width: 22.7457%;text-align: center\"><strong>Outils utilis\u00e9s<\/strong><\/td>\r\n<td style=\"width: 77.2543%\">\r\n<ul>\r\n<li><strong>Plugins principaux<\/strong> : elementor, Modal Window, Royal Elementor Addons, Cool Timeline, 3D FlipBook, TranslatePress.<\/li>\r\n<li>Ajout de CSS personalis\u00e9es<\/li>\r\n<li><strong>Environnement de travail en local<\/strong> (Logiciel <em>Local<\/em>)<\/li>\r\n<li><strong>Hebergeur et gestionnaire de nom de domaine<\/strong>\u00a0(PlanetHoster)<\/li>\r\n<\/ul>\r\n<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<p>&nbsp;<\/p>\r\n<p style=\"text-align: center\"><span style=\"color: #3366ff\"><strong>Site sur lequel vous \u00eates actuelement.<\/strong><\/span><\/p>\r\n<p>&nbsp;<\/p>\r\n<p>&nbsp;<\/p>\r\n<p><strong>2) HTML, CSS, JavaScript et Vue.js (avec animations):<\/strong><\/p>\r\n<p>Familiarisation avec le framework Vue.js \u00e0 travers un <strong>site complet<\/strong>, compos\u00e9 de plusieurs onglets et options, tout en utilisant le principe d'<a href=\"https:\/\/en.wikipedia.org\/wiki\/Single-page_application\"><strong>application web monopage<\/strong><\/a>, notamment via le <strong>routing<\/strong>.<\/p>\r\n<table style=\"border-collapse: collapse;width: 100%\" border=\"1\">\r\n<tbody>\r\n<tr>\r\n<td style=\"width: 22.5431%;text-align: center\"><strong>Besoins<\/strong><\/td>\r\n<td style=\"width: 77.4569%\">\r\n<ul>\r\n<li>Afficher la mise en page optimale pour chaque page du site en fonction de la taille de l'\u00e9cran de leur appareil.<\/li>\r\n<li>Voir les \u00e9tats au survol de tous les \u00e9l\u00e9ments interactifs de la page.<\/li>\r\n<li>Afficher chaque page et pouvoir basculer entre les onglets pour voir de nouvelles informations.<\/li>\r\n<\/ul>\r\n<\/td>\r\n<\/tr>\r\n<tr>\r\n<td style=\"width: 22.5431%;text-align: center\"><strong>Outils utilis\u00e9s<\/strong><\/td>\r\n<td style=\"width: 77.4569%\">\r\n<ul>\r\n<li data-start=\"37\" data-end=\"62\">Marquage s\u00e9mantique HTML5<\/li>\r\n<li data-start=\"65\" data-end=\"94\">Propri\u00e9t\u00e9s personnalis\u00e9es CSS<\/li>\r\n<li data-start=\"97\" data-end=\"104\">Flexbox<\/li>\r\n<li data-start=\"107\" data-end=\"159\">Flux de travail \"Desktop-first\"<\/li>\r\n<li data-start=\"162\" data-end=\"191\"><strong>Vue.js<\/strong> - Framework JavaScript<\/li>\r\n<li data-start=\"194\" data-end=\"256\"><strong>Netlify<\/strong> - Cloud computing, avec d\u00e9ploiements automatis\u00e9s (permetant l'h\u00e9bergement du site)<\/li>\r\n<\/ul>\r\n<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<p><a href=\"https:\/\/space-tourism-website-felix.netlify.app\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-1290\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/screenshot-2-300x139.png\" alt=\"\" width=\"440\" height=\"204\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/screenshot-2-300x139.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/screenshot-2-1024x474.png 1024w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/screenshot-2-768x355.png 768w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/screenshot-2-1536x711.png 1536w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/screenshot-2.png 1917w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/a><\/p>\r\n<p>&nbsp;<\/p>\r\n<p>&nbsp;<\/p>\r\n<p><strong>3) HTML, CSS et JavaScript (avec animations):<\/strong><\/p>\r\n<p>Mise en pratique d\u2019animations tout en optimisant les performances d\u2019affichage.<\/p>\r\n<table style=\"border-collapse: collapse;width: 100%\" border=\"1\">\r\n<tbody>\r\n<tr>\r\n<td style=\"width: 21.7326%;text-align: center\"><strong>Besoins<\/strong><\/td>\r\n<td style=\"width: 78.2674%\">\r\n<ul>\r\n<li>Afficher la mise en page optimale du composant en fonction de la taille d'\u00e9cran de l'appareil<\/li>\r\n<li>Voir les \u00e9tats au survol pour tous les \u00e9l\u00e9ments interactifs de la page<\/li>\r\n<li>Afficher\/Masquer la r\u00e9ponse \u00e0 une question lorsqu'elle est cliqu\u00e9e<\/li>\r\n<\/ul>\r\n<\/td>\r\n<\/tr>\r\n<tr>\r\n<td style=\"width: 21.7326%;text-align: center\"><strong>Outils utilis\u00e9s<\/strong><\/td>\r\n<td style=\"width: 78.2674%\">\r\n<ul>\r\n<li>Balises s\u00e9mantiques HTML5<\/li>\r\n<li>Propri\u00e9t\u00e9s CSS personnalis\u00e9es<\/li>\r\n<li><strong>Transitions CSS \/ Keyframes<\/strong><\/li>\r\n<li>Flux de travail \"Desktop-first\"<\/li>\r\n<\/ul>\r\n<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<p><a href=\"https:\/\/felix-d2.github.io\/FAQ_accordion_card\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-1287\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/screenshot-1-300x139.png\" alt=\"\" width=\"442\" height=\"205\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/screenshot-1-300x139.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/screenshot-1-1024x473.png 1024w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/screenshot-1-768x355.png 768w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/screenshot-1-1536x710.png 1536w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/screenshot-1.png 1920w\" sizes=\"(max-width: 442px) 100vw, 442px\" \/><\/a><\/p>\r\n<p>&nbsp;<\/p>\r\n<p>&nbsp;<\/p>\r\n<p><strong>4) HTML, CSS et JavaScript:<\/strong><\/p>\r\n<p>Mise en pratique du JavaScript en effectuant des calculs \u00e0 partir des donn\u00e9es saisies par l'utilisateur, puis en affichant les r\u00e9sultats, ce qui implique une manipulation du DOM.<\/p>\r\n<table style=\"border-collapse: collapse;width: 100%\" border=\"1\">\r\n<tbody>\r\n<tr>\r\n<td style=\"width: 19.9089%;text-align: center\"><strong>Besoins<\/strong><\/td>\r\n<td style=\"width: 80.0911%\">\r\n<ul>\r\n<li data-start=\"2\" data-end=\"107\">Afficher la mise en page optimale de l'application en fonction de la taille de l'\u00e9cran de leur appareil<\/li>\r\n<li data-start=\"110\" data-end=\"182\"><strong>Voir les \u00e9tats au survol<\/strong> <strong>pour tous les<\/strong> <strong>\u00e9l\u00e9ments interactifs de la page<\/strong><\/li>\r\n<li data-start=\"185\" data-end=\"254\">Calculer le bon pourboire et le co\u00fbt total de l'addition par personne<\/li>\r\n<\/ul>\r\n<\/td>\r\n<\/tr>\r\n<tr>\r\n<td style=\"width: 19.9089%;text-align: center\"><strong>Outils utilis\u00e9s<\/strong><\/td>\r\n<td style=\"width: 80.0911%\">\r\n<ul>\r\n<li>Balises s\u00e9mantiques HTML5<\/li>\r\n<li>Propri\u00e9t\u00e9s CSS personnalis\u00e9es<\/li>\r\n<li>Flexbox<\/li>\r\n<li>Flux de travail orient\u00e9 desktop-first<\/li>\r\n<li><strong>JavaScript<\/strong><\/li>\r\n<\/ul>\r\n<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<p><a href=\"https:\/\/felix-d2.github.io\/Tip-calculator-app\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-1291\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Screenshot-300x139.png\" alt=\"\" width=\"438\" height=\"203\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Screenshot-300x139.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Screenshot-1024x475.png 1024w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Screenshot-768x357.png 768w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Screenshot-1536x713.png 1536w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Screenshot.png 1917w\" sizes=\"(max-width: 438px) 100vw, 438px\" \/><\/a><\/p>\r\n<p>&nbsp;<\/p>\r\n<p>&nbsp;<\/p>\r\n<p><strong>5) HTML et CSS:<\/strong><\/p>\r\n<p>Familiarisation avec un premier projet afin de mettre en pratique mes connaissances, notamment sur la structure d'une page, ses \u00e9l\u00e9ments et la disposition de ses \u00e9l\u00e9ments.<\/p>\r\n<table style=\"border-collapse: collapse;width: 100%\" border=\"1\">\r\n<tbody>\r\n<tr>\r\n<td style=\"width: 21.5299%;text-align: center\"><strong>Besoins<\/strong><\/td>\r\n<td style=\"width: 78.4701%\">\r\n<ul>\r\n<li>Afficher la mise en page optimale du site en fonction de la taille d'\u00e9cran de leur appareil<\/li>\r\n<li>Voir les \u00e9tats au survol pour tous les \u00e9l\u00e9ments interactifs de la page<\/li>\r\n<\/ul>\r\n<\/td>\r\n<\/tr>\r\n<tr>\r\n<td style=\"width: 21.5299%;text-align: center\"><strong>Outils utilis\u00e9s<\/strong><\/td>\r\n<td style=\"width: 78.4701%\">\r\n<ul>\r\n<li><strong>Balises s\u00e9mantiques HTML5<\/strong><\/li>\r\n<li>Propri\u00e9t\u00e9s <strong>CSS personnalis\u00e9es<\/strong><\/li>\r\n<li><strong>Flexbox<\/strong><\/li>\r\n<li>Flux de travail orient\u00e9 desktop-first<\/li>\r\n<li>Un peu de JavaScript<\/li>\r\n<\/ul>\r\n<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<p><a href=\"https:\/\/felix-d2.github.io\/sunnyside-agency-landing-page-main\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-1292\" src=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Screenshot-3-300x140.png\" alt=\"\" width=\"437\" height=\"204\" srcset=\"https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Screenshot-3-300x140.png 300w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Screenshot-3-1024x479.png 1024w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Screenshot-3-768x359.png 768w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Screenshot-3-1536x719.png 1536w, https:\/\/portfolio-felix-davoust.eu\/wp-content\/uploads\/2025\/03\/Screenshot-3.png 1896w\" sizes=\"(max-width: 437px) 100vw, 437px\" \/><\/a><\/p><\/div><\/div><div class=\"modal-window__close -image\" tabindex=\"0\" role=\"button\" aria-label=\"Close\"><\/div><\/div><\/div><\/div>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Mes projets D&rsquo;autres projets seront ajout\u00e9s prochainement.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-940","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/portfolio-felix-davoust.eu\/en\/wp-json\/wp\/v2\/pages\/940","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portfolio-felix-davoust.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portfolio-felix-davoust.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portfolio-felix-davoust.eu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portfolio-felix-davoust.eu\/en\/wp-json\/wp\/v2\/comments?post=940"}],"version-history":[{"count":82,"href":"https:\/\/portfolio-felix-davoust.eu\/en\/wp-json\/wp\/v2\/pages\/940\/revisions"}],"predecessor-version":[{"id":1516,"href":"https:\/\/portfolio-felix-davoust.eu\/en\/wp-json\/wp\/v2\/pages\/940\/revisions\/1516"}],"wp:attachment":[{"href":"https:\/\/portfolio-felix-davoust.eu\/en\/wp-json\/wp\/v2\/media?parent=940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}