{"id":235,"date":"2025-06-13T06:50:46","date_gmt":"2025-06-13T06:50:46","guid":{"rendered":"https:\/\/nathanvitter.fr\/?page_id=235"},"modified":"2026-04-08T14:45:43","modified_gmt":"2026-04-08T14:45:43","slug":"projets","status":"publish","type":"page","link":"https:\/\/nathanvitter.fr\/index.php\/projets\/","title":{"rendered":"Projets"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Mes Projets \u2013 Nathan Vitter<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n color: #1e1e1e;\r\n background-color: #f5f7fa;\r\n }\r\n\r\n nav.navbar {\r\n position: fixed;\r\n top: 0; left: 50%;\r\n transform: translateX(-50%);\r\n background-color: rgba(0,0,0,0.6);\r\n backdrop-filter: blur(10px);\r\n z-index: 1000;\r\n padding: 10px 20px;\r\n border-radius: 0 0 15px 15px;\r\n width: 100%; max-width: 1000px;\r\n }\r\n .navbar .menu-desktop { display: flex; justify-content: center; flex-wrap: wrap; list-style: none; }\r\n .navbar li { position: relative; }\r\n .navbar a { color: white; text-decoration: none; margin: 0 15px; font-weight: bold; display: block; padding: 8px 12px; transition: color 0.3s ease; }\r\n .navbar a:hover { color: #00aaff; }\r\n .navbar li ul { display: none; position: absolute; top: 100%; left: 0; background-color: white; min-width: 180px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); border-radius: 8px; z-index: 999; }\r\n .navbar li ul li a { color: #000; padding: 10px 15px; }\r\n .navbar li ul li a:hover { background-color: #f5f7fa; }\r\n .navbar li:hover > ul { display: block; }\r\n\r\n .spacer { height: 60px; }\r\n\r\n .hover-btn {\r\n display: inline-block;\r\n margin-top: 15px;\r\n padding: 10px 18px;\r\n background: #1E40AF;\r\n color: white;\r\n border-radius: 5px;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n }\r\n .hover-btn:hover {\r\n background: #F1F5F9;\r\n color: #1E40AF;\r\n transform: scale(1.05);\r\n }\r\n\r\n .header-section {\r\n padding: 60px 20px;\r\n background: linear-gradient(to bottom, #F3F4F6, #E5E7EB);\r\n text-align: center;\r\n }\r\n .header-section h1 { font-size: 42px; color: #1E40AF; margin-bottom: 10px; }\r\n .header-section p { color: #374151; font-size: 18px; }\r\n\r\n .ap-section { padding: 60px 20px; background: #F0F2F5; }\r\n\r\n .ap-card {\r\n max-width: 700px;\r\n margin: 20px auto;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 10px;\r\n padding: 30px;\r\n background: #FFFFFF;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n }\r\n .ap-card h2 { color: #1E3A8A; font-size: 24px; margin-bottom: 10px; }\r\n .ap-card p { color: #4B5563; font-size: 16px; line-height: 1.7; }\r\n\r\n .tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 6px;\r\n margin: 12px 0;\r\n }\r\n .tag {\r\n font-size: 0.72em;\r\n background: #eff6ff;\r\n color: #1e40af;\r\n border-radius: 5px;\r\n padding: 3px 9px;\r\n font-weight: 600;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <nav class=\"navbar\">\r\n <ul class=\"menu-desktop\">\r\n <li><a href=\"\/\">Accueil<\/a><\/li>\r\n <li><a href=\"\/index.php\/ap\/\">AP<\/a><\/li>\r\n <li><a href=\"\/index.php\/activites\/\">Activit\u00e9s<\/a><\/li>\r\n <li><a href=\"\/index.php\/projets\/\">Projets<\/a><\/li>\r\n <li>\r\n <a href=\"\/index.php\/stages\/stages\/\">Stages \u25bc<\/a>\r\n <ul>\r\n <li><a href=\"\/index.php\/stages\/1ere-annee\/\">Stage 1\u00e8re ann\u00e9e<\/a><\/li>\r\n <li><a href=\"\/index.php\/stages\/2eme-annee\/\">Stage 2\u00e8me ann\u00e9e<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n <li><a href=\"\/index.php\/veille\/\">Veille<\/a><\/li>\r\n <li><a href=\"\/index.php\/cv\/\">CV<\/a><\/li>\r\n <li><a href=\"\/index.php\/contact\/\">Contact<\/a><\/li>\r\n <li><a href=\"\/index.php\/competences\/\">Comp\u00e9tences<\/a><\/li>\r\n <li><a href=\"\/index.php\/certifications\/\">Certifications<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n\r\n <div class=\"spacer\"><\/div>\r\n\r\n <section class=\"header-section\">\r\n <h1>Mes Projets<\/h1>\r\n <p>D\u00e9couvrez ici les projets que j'ai r\u00e9alis\u00e9s durant ma formation en BTS SIO SISR.<\/p>\r\n <\/section>\r\n\r\n <section class=\"ap-section\">\r\n\r\n <div class=\"ap-card\">\r\n <h2>Projet 1 \u2013 Port de Cherbourg<\/h2>\r\n <div class=\"tags\">\r\n <span class=\"tag\">VLAN<\/span>\r\n <span class=\"tag\">DMZ<\/span>\r\n <span class=\"tag\">pfSense<\/span>\r\n <span class=\"tag\">IDS Suricata<\/span>\r\n <span class=\"tag\">GLPI<\/span>\r\n <span class=\"tag\">TOIP Asterisk<\/span>\r\n <span class=\"tag\">Cisco<\/span>\r\n <span class=\"tag\">OpenSSL<\/span>\r\n <\/div>\r\n <p>\r\n Projet r\u00e9alis\u00e9 dans le cadre de l'AP2. Le Port de Cherbourg disposait d'une infrastructure r\u00e9seau insuffisante et non s\u00e9curis\u00e9e. L'objectif \u00e9tait de refondre compl\u00e8tement le syst\u00e8me d'information : mise en place d'une DMZ avec pfSense, segmentation en VLANs sur commutateurs Cisco, d\u00e9ploiement d'un IDS Suricata, portail captif WiFi, gestion du parc informatique avec GLPI, t\u00e9l\u00e9phonie IP avec Asterisk et s\u00e9curisation du serveur web en HTTPS.\r\n <\/p>\r\n <a class=\"hover-btn\" href=\"#\" target=\"_blank\">Voir le cahier des charges PDF<\/a>\r\n <\/div>\r\n\r\n <div class=\"ap-card\">\r\n <h2>Projet 2 \u2013 Zeus Energy<\/h2>\r\n <div class=\"tags\">\r\n <span class=\"tag\">PHP<\/span>\r\n <span class=\"tag\">MySQL<\/span>\r\n <span class=\"tag\">CLI<\/span>\r\n <\/div>\r\n <p>\r\n Ce projet consistait \u00e0 cr\u00e9er une application en ligne de commande en PHP pour g\u00e9rer les points de distribution d'\u00e9lectricit\u00e9 (PDE) d'une entreprise. L'objectif \u00e9tait de suivre l'\u00e9tat et la consommation des PDE. R\u00e9sultat : une application fonctionnelle avec menu interactif permettant d'ajouter, d\u00e9sactiver et analyser les PDE en temps r\u00e9el.\r\n <\/p>\r\n <a class=\"hover-btn\" href=\"#\" target=\"_blank\">Voir le compte-rendu PDF<\/a>\r\n <\/div>\r\n\r\n <div class=\"ap-card\">\r\n <h2>Projet 3 \u2013 MarieSol<\/h2>\r\n <div class=\"tags\">\r\n <span class=\"tag\">PHP<\/span>\r\n <span class=\"tag\">MySQL<\/span>\r\n <span class=\"tag\">Trello<\/span>\r\n <\/div>\r\n <p>\r\n Ce projet avait pour objectif de cr\u00e9er un intranet pour l'\u00e9cole de musique MarieSol, afin de g\u00e9rer les \u00e9l\u00e8ves, les cours, les instruments et les professeurs. Suivi du projet avec Trello. R\u00e9sultat : mise en place d'une base de donn\u00e9es relationnelle et interface web de gestion compl\u00e8te.\r\n <\/p>\r\n <a class=\"hover-btn\" href=\"#\" target=\"_blank\">Voir le compte-rendu PDF<\/a>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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","protected":false},"excerpt":{"rendered":"<p>Mes Projets \u2013 Nathan Vitter Accueil AP Activit\u00e9s Projets Stages \u25bc Stage 1\u00e8re ann\u00e9e Stage 2\u00e8me ann\u00e9e Veille CV Contact […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","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":"default","ast-page-background-enabled":"default","ast-page-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":"","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-4)","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-4)","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-4)","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-235","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/comments?post=235"}],"version-history":[{"count":34,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/235\/revisions"}],"predecessor-version":[{"id":661,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/235\/revisions\/661"}],"wp:attachment":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/media?parent=235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}