{"id":213,"date":"2026-01-04T02:20:55","date_gmt":"2026-01-04T01:20:55","guid":{"rendered":"https:\/\/hugoterrette.fr\/?p=213"},"modified":"2026-01-11T04:39:45","modified_gmt":"2026-01-11T03:39:45","slug":"metall-pullver","status":"publish","type":"post","link":"https:\/\/hugoterrette.fr\/?p=213","title":{"rendered":"METALL &#038; PULLVER"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"213\" class=\"elementor elementor-213\">\n\t\t\t\t<div class=\"wpr-jarallax elementor-element elementor-element-bf67360 e-con-full wpr-jarallax-yes e-flex wpr-particle-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" speed-data=\"1.4\" bg-image=\"http:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-2-scaled.png\" scroll-effect=\"scale\" data-id=\"bf67360\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ffcdcb elementor-widget elementor-widget-heading\" data-id=\"4ffcdcb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">pROJETS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9bd68cd elementor-widget elementor-widget-heading\" data-id=\"9bd68cd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">METALL &amp; PULLVER<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-058879a elementor-hidden-tablet elementor-hidden-mobile wpr-button-icon-style-inline wpr-button-icon-position-right elementor-widget elementor-widget-wpr-button\" data-id=\"058879a\" data-element_type=\"widget\" data-widget_type=\"wpr-button.default\">\n\t\t\t\t\t\t\n\t\t\t\n\t\t\n\t\t<div class=\"wpr-button-wrap elementor-clearfix\">\n\t\t<a class=\"wpr-button wpr-button-effect wpr-button-none\" data-text=\"\" href=\"https:\/\/webinfo.iutmontp.univ-montp2.fr\/~deschanela\/site-web-php\/index.php?controleur=produit&#038;action=afficherAcceuil\" target=\"_blank\">\n\t\t\t\n\t\t\t<span class=\"wpr-button-content\">\n\t\t\t\t\t\t\t\t\t<span class=\"wpr-button-text\">VOIR LE SITE<\/span>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/span>\n\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\n\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d8452f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"6d8452f\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-01e2cdc e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"01e2cdc\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31e79eb elementor-widget elementor-widget-heading\" data-id=\"31e79eb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CONTEXTE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-381d4e1 elementor-widget elementor-widget-spacer\" data-id=\"381d4e1\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a331d95 elementor-widget elementor-widget-heading\" data-id=\"a331d95\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SITE WEB (PHP, HTML, CSS)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2322577 elementor-widget elementor-widget-text-editor\" data-id=\"2322577\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"3,0\">Ce projet s&rsquo;inscrit dans le cursus du troisi\u00e8me semestre (S3), dans le cadre de la ressource R3.01 \u00ab\u00a0D\u00e9veloppement Web\u00a0\u00bb. Faisant suite aux enseignements fondamentaux d&rsquo;int\u00e9gration HTML\/CSS et d&rsquo;initiation \u00e0 la programmation des semestres pr\u00e9c\u00e9dents, ce module vise \u00e0 d\u00e9couvrir : le passage de sites web statiques \u00e0 la conception d&rsquo;applications web dynamiques et fonctionnelles. L&rsquo;objectif central est la ma\u00eetrise de la cha\u00eene de traitement compl\u00e8te, depuis le navigateur client jusqu&rsquo;au serveur et la base de donn\u00e9es. La r\u00e9alisation technique repose principalement sur le langage PHP pour la logique serveur et la gestion des interactions avec une base de donn\u00e9es relationnelle (MySQL\/MariaDB), tout en int\u00e9grant du JavaScript pour dynamiser l&rsquo;interface c\u00f4t\u00e9 client. Une contrainte architecturale majeure de ce projet est l&rsquo;impl\u00e9mentation rigoureuse du patron de conception Mod\u00e8le-Vue-Contr\u00f4leur (MVC), essentiel pour garantir une s\u00e9paration claire des responsabilit\u00e9s, la maintenabilit\u00e9 et l&rsquo;\u00e9volutivit\u00e9 du code produit.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wpr-jarallax elementor-element elementor-element-f2b3b33 e-con-full wpr-jarallax-yes e-flex wpr-particle-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" speed-data=\"1.4\" bg-image=\"http:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-4-scaled.png\" scroll-effect=\"scroll\" data-id=\"f2b3b33\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8fa5074 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"8fa5074\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f63cc96 elementor-widget elementor-widget-image\" data-id=\"f63cc96\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-1-1024x576.png\" class=\"elementor-animation-grow-rotate attachment-large size-large wp-image-254\" alt=\"\" srcset=\"https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-1-1024x576.png 1024w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-1-300x169.png 300w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-1-768x432.png 768w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-1-1536x864.png 1536w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-1-500x281.png 500w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-1-800x450.png 800w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-1-1280x720.png 1280w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-1.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20e3350 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"20e3350\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72b8e5b elementor-widget elementor-widget-heading\" data-id=\"72b8e5b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">L'OBJECTIF<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4c13d6 elementor-widget elementor-widget-spacer\" data-id=\"e4c13d6\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-97e6c40 elementor-widget elementor-widget-heading\" data-id=\"97e6c40\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Site de vente e-commerce<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3667d6 elementor-widget elementor-widget-text-editor\" data-id=\"c3667d6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: right;\" data-path-to-node=\"3,0\">Dans le cadre du module \u00ab\u00a0D\u00e9veloppement Web\u00a0\u00bb, la consigne \u00e9tait de r\u00e9aliser un site e-commerce respectant l&rsquo;architecture MVC. Disposant d&rsquo;une libert\u00e9 th\u00e9matique, notre \u00e9quipe a d\u00e9cid\u00e9 de cr\u00e9er \u00ab\u00a0Metall &amp; Pulver\u00a0\u00bb. L&rsquo;enjeu central \u00e9tait de d\u00e9velopper toute la logique d&rsquo;un tunnel de vente classique, en assurant l&rsquo;\u00e9quilibre entre un front-end plaisant et ergonomique, et un back-end utile et fonctionnel, g\u00e9rant parfaitement la liaison avec la base de donn\u00e9es.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wpr-jarallax elementor-element elementor-element-2b2fe90 e-con-full wpr-jarallax-yes e-flex wpr-particle-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" speed-data=\"1.4\" bg-image=\"http:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-5-scaled.png\" scroll-effect=\"scroll\" data-id=\"2b2fe90\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8bda992 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"8bda992\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4b8ae5d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"4b8ae5d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acf810d elementor-widget elementor-widget-heading\" data-id=\"acf810d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">MON R\u00d4LE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4b0820 elementor-widget elementor-widget-spacer\" data-id=\"e4b0820\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fb59ee elementor-widget elementor-widget-heading\" data-id=\"3fb59ee\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ce que j'ai pu faire<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7dbbf74 elementor-widget elementor-widget-text-editor\" data-id=\"7dbbf74\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"3,0\">J&rsquo;ai pris la responsabilit\u00e9 de d\u00e9velopper l&rsquo;int\u00e9gralit\u00e9 du tunnel d&rsquo;achat, depuis la gestion du panier (avec persistance des donn\u00e9es via sessions) jusqu&rsquo;\u00e0 la finalisation de la commande et la consultation de l&rsquo;historique client. Sur le plan technique, j&rsquo;ai s\u00e9curis\u00e9 les interactions avec la base de donn\u00e9es (notamment dans le Repository) et assur\u00e9 la maintenance du backend. Enfin, j&rsquo;ai soign\u00e9 l&rsquo;interface utilisateur (int\u00e9gration CSS, Slider Hero, Header, tri des produits, page Atelier) et supervis\u00e9 la stabilisation du projet via la gestion des fusions de code (merges) et le d\u00e9bogage global.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-300736e e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"300736e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ecf6afd elementor-widget elementor-widget-n-accordion\" data-id=\"ecf6afd\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2480\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-2480\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> panier vide <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2480\" class=\"elementor-element elementor-element-2adba23 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"2adba23\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ab7250 elementor-widget elementor-widget-image\" data-id=\"7ab7250\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"418\" src=\"https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/panier-vide-1024x535.png\" class=\"attachment-large size-large wp-image-257\" alt=\"\" srcset=\"https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/panier-vide-1024x535.png 1024w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/panier-vide-300x157.png 300w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/panier-vide-768x401.png 768w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/panier-vide-500x261.png 500w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/panier-vide-800x418.png 800w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/panier-vide.png 1118w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2481\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2481\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> panier <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2481\" class=\"elementor-element elementor-element-3d9d0bf e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"3d9d0bf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e21bdf elementor-widget elementor-widget-image\" data-id=\"7e21bdf\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"367\" src=\"https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/panier1-1024x470.png\" class=\"attachment-large size-large wp-image-258\" alt=\"\" srcset=\"https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/panier1-1024x470.png 1024w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/panier1-300x138.png 300w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/panier1-768x352.png 768w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/panier1-500x229.png 500w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/panier1-800x367.png 800w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/panier1.png 1120w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2482\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2482\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> page principale <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2482\" class=\"elementor-element elementor-element-db2e359 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"db2e359\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c12ba0f elementor-widget elementor-widget-image\" data-id=\"c12ba0f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-6-1024x576.png\" class=\"attachment-large size-large wp-image-259\" alt=\"\" srcset=\"https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-6-1024x576.png 1024w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-6-300x169.png 300w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-6-768x432.png 768w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-6-1536x864.png 1536w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-6-2048x1152.png 2048w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-6-500x281.png 500w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-6-800x450.png 800w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-6-1280x720.png 1280w, https:\/\/hugoterrette.fr\/wp-content\/uploads\/2026\/01\/hugoterrette.fr-6-1920x1080.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>pROJETS METALL &amp; PULLVER VOIR LE SITE CONTEXTE SITE WEB (PHP, HTML, CSS) Ce projet s&rsquo;inscrit dans le cursus du troisi\u00e8me semestre (S3), dans le cadre de la ressource R3.01 \u00ab\u00a0D\u00e9veloppement Web\u00a0\u00bb. Faisant suite aux enseignements fondamentaux d&rsquo;int\u00e9gration HTML\/CSS et d&rsquo;initiation \u00e0 la programmation des semestres pr\u00e9c\u00e9dents, ce module vise \u00e0 d\u00e9couvrir : le passage de sites web statiques \u00e0 la conception d&rsquo;applications web dynamiques et fonctionnelles. L&rsquo;objectif central est la ma\u00eetrise de la cha\u00eene de traitement compl\u00e8te, depuis le navigateur client jusqu&rsquo;au serveur et la base de donn\u00e9es. La r\u00e9alisation technique repose principalement sur le langage PHP pour la logique serveur et la gestion des interactions avec une base de donn\u00e9es relationnelle (MySQL\/MariaDB), tout en int\u00e9grant du JavaScript pour dynamiser l&rsquo;interface c\u00f4t\u00e9 client. Une contrainte architecturale majeure de ce projet est l&rsquo;impl\u00e9mentation rigoureuse du patron de conception Mod\u00e8le-Vue-Contr\u00f4leur (MVC), essentiel pour garantir une s\u00e9paration claire des responsabilit\u00e9s, la maintenabilit\u00e9 et l&rsquo;\u00e9volutivit\u00e9 du code produit. L&rsquo;OBJECTIF Site de vente e-commerce Dans le cadre du module \u00ab\u00a0D\u00e9veloppement Web\u00a0\u00bb, la consigne \u00e9tait de r\u00e9aliser un site e-commerce respectant l&rsquo;architecture MVC. Disposant d&rsquo;une libert\u00e9 th\u00e9matique, notre \u00e9quipe a d\u00e9cid\u00e9 de cr\u00e9er \u00ab\u00a0Metall &amp; Pulver\u00a0\u00bb. L&rsquo;enjeu central \u00e9tait de d\u00e9velopper toute la logique d&rsquo;un tunnel de vente classique, en assurant l&rsquo;\u00e9quilibre entre un front-end plaisant et ergonomique, et un back-end utile et fonctionnel, g\u00e9rant parfaitement la liaison avec la base de donn\u00e9es. MON R\u00d4LE Ce que j&rsquo;ai pu faire J&rsquo;ai pris la responsabilit\u00e9 de d\u00e9velopper l&rsquo;int\u00e9gralit\u00e9 du tunnel d&rsquo;achat, depuis la gestion du panier (avec persistance des donn\u00e9es via sessions) jusqu&rsquo;\u00e0 la finalisation de la commande et la consultation de l&rsquo;historique client. Sur le plan technique, j&rsquo;ai s\u00e9curis\u00e9 les interactions avec la base de donn\u00e9es (notamment dans le Repository) et assur\u00e9 la maintenance du backend. Enfin, j&rsquo;ai soign\u00e9 l&rsquo;interface utilisateur (int\u00e9gration CSS, Slider Hero, Header, tri des produits, page Atelier) et supervis\u00e9 la stabilisation du projet via la gestion des fusions de code (merges) et le d\u00e9bogage global. panier vide panier page principale<\/p>\n","protected":false},"author":1,"featured_media":230,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_canvas","format":"standard","meta":{"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"categories":[19,22,17,18,10],"tags":[],"class_list":["post-213","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-comp-reseau","category-comp-collab","category-comp-info","category-comp-opti","category-projets"],"_links":{"self":[{"href":"https:\/\/hugoterrette.fr\/index.php?rest_route=\/wp\/v2\/posts\/213","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hugoterrette.fr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hugoterrette.fr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hugoterrette.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hugoterrette.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=213"}],"version-history":[{"count":15,"href":"https:\/\/hugoterrette.fr\/index.php?rest_route=\/wp\/v2\/posts\/213\/revisions"}],"predecessor-version":[{"id":461,"href":"https:\/\/hugoterrette.fr\/index.php?rest_route=\/wp\/v2\/posts\/213\/revisions\/461"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hugoterrette.fr\/index.php?rest_route=\/wp\/v2\/media\/230"}],"wp:attachment":[{"href":"https:\/\/hugoterrette.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=213"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hugoterrette.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=213"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hugoterrette.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}