add stage btsA2

index.html

@@ -580,7 +580,7 @@ <h4>BTSSIO-A1 - Stage</h4>
         <div class="col-lg-4 col-md-6 portfolio-item">
           <div class="portfolio-wrap">
             <a href="portfolio-stage-annee2.html" data-gallery="servicesDetailsGallery" data-glightbox="type: external" class="portfolio-details-lightbox" title="Stage BTSSIO-A2">
-              <img src="assets/images/bts-stage2/tempo.png" class="img-fluid" alt="">
+              <img src="assets/images/bts-stage2/logo-dgfip-big.png" class="img-fluid" alt="">
             </a>
             <div class="portfolio-info">
               <h4>BTSSIO-A2 - Stage</h4>
@@ -712,7 +712,7 @@ <h4>BTSSIO-A1/2</h4>
 
         <div class="col-lg-4 col-md-6 portfolio-item filter-web">
           <div class="portfolio-wrap">
-            <img src="assets/images/bts-stage2/tempo.png" class="img-fluid" alt="">
+            <img src="assets/images/bts-stage2/logo-dgfip-big.png" class="img-fluid" alt="">
             <div class="portfolio-info">
               <h4>BTSSIO-A2 - Stage</h4>
               <p>DGFIP - WEB</p>

portfolio-stage-annee2.html

@@ -58,27 +58,43 @@ <h2 class="portfolio-title">Stage Professionnelle BTS-SIO SLAM 2ème année</h2>
             <div class="swiper-wrapper align-items-center">
 
               <div class="swiper-slide">
-                <img src="assets/images/portfolio/portfolio-1.jpg" alt="">
+                <img src="assets/images/bts-stage2/index.png" width="100%" height="100%" alt="">
               </div>
 
               <div class="swiper-slide">
-                <img src="assets/images/portfolio/portfolio-2.jpg" alt="">
+                <img src="assets/images/bts-stage2/demande_intervention.png" width="100%" height="100%" alt="">
               </div>
 
               <div class="swiper-slide">
-                <img src="assets/images/portfolio/portfolio-5.jpg" alt="">
+                <img src="assets/images/bts-stage2/demande_intervention-add.png" width="100%" height="100%" alt="">
               </div>
 
               <div class="swiper-slide">
-                <img src="assets/images/portfolio/portfolio-6.jpg" alt="">
+                <img src="assets/images/bts-stage2/traitement_di.png" width="100%" height="100%" alt="">
               </div>
 
               <div class="swiper-slide">
-                <img src="assets/images/portfolio/portfolio-7.jpg" alt="">
+                <img src="assets/images/bts-stage2/traitement_di-modif.png" width="100%" height="100%" alt="">
               </div>
 
               <div class="swiper-slide">
-                <img src="assets/images/portfolio/portfolio-8.jpg" alt="">
+                <img src="assets/images/bts-stage2/pfz_appli_palier.png" width="100%" height="100%" alt="">
+              </div>
+
+              <div class="swiper-slide">
+                <img src="assets/images/bts-stage2/code1.PNG" width="100%" height="100%" alt="">
+              </div>
+
+              <div class="swiper-slide">
+                <img src="assets/images/bts-stage2/code2.PNG" width="100%" height="100%" alt="">
+              </div>
+
+              <div class="swiper-slide">
+                <img src="assets/images/bts-stage2/moba-files.PNG" width="100%" height="100%" alt="">
+              </div>
+
+              <div class="swiper-slide">
+                <img src="assets/images/bts-stage2/moba-mariadb.PNG" width="100%" height="100%"  alt="">
               </div>
 
             </div>
@@ -104,8 +120,10 @@ <h3>> La DGFIP (Direction Générale des Finances Publiques)</h3>
               <li>&emsp;</li>
               <li><strong>Languages et outils utilisée</strong>:<br>
                 <iconify-icon icon="vscode-icons:file-type-html" width="32" height="32"></iconify-icon>
+                <iconify-icon icon="vscode-icons:file-type-css" width="32" height="32"></iconify-icon>
+                <iconify-icon icon="vscode-icons:file-type-js" width="32" height="32"></iconify-icon>
                 <iconify-icon icon="vscode-icons:file-type-php" width="32" height="32"></iconify-icon>
-                <iconify-icon icon="logos:mysql" width="32" height="32"></iconify-icon>
+                <iconify-icon icon="logos:mariadb" width="32" height="32"></iconify-icon>
                 <iconify-icon icon="flat-color-icons:linux" width="32" height="32"></iconify-icon>
 
               </li>
@@ -117,72 +135,68 @@ <h3>> La DGFIP (Direction Générale des Finances Publiques)</h3>
 
 
           <br><br>
-          <h1 style="color: red"><u>le texte suivant est à modifier</u></h1>
-          <br>
 
-          <div style="color: grey">
+          <div>
 
             <h4>Contexte :</h4>
             <p>
-              Tennaxia est une entreprise Parisienne crée en 2001, en constante croissance, sur le point de passer le cap des 100 salariés. Elle est divisée en 3
-              bureaux : Paris, Laval et Lyon. Elle développe pour les entreprises des applications qui les aident à améliorer leurs performances durables :<br>
-              - HSE (Santé, Sécurité, Environnement), exemple : émission de CO<sub>2</sub><br>
-              - ESG (Environnement, Social, Gouvernement)<br>
-              - RSE (Responsabilité Sociale des Entreprises), exmple : part des femmes dans l'entreprises<br>
-              Tout cela dans le but de respecter les normes environnementales, sécuritaires, sociales fixées par l'état et d'avoir un meilleur recul sur la gestion
-              de l'entreprise elle-même.
+              La Direction Générale des Finances Publiques (DGFIP) incarne le pilier financier du gouvernement français, relevant du ministère de l'Économie, des
+              Finances et de la Relance. Son rôle central s'articule autour de la gestion méticuleuse des finances publiques, englobant la collecte des impôts et taxes,
+              la supervision des comptes publics, ainsi que le recouvrement des créances de l'État. En plus de sa responsabilité cruciale dans la mise en œuvre
+              des politiques fiscales définies par le gouvernement, la DGFIP veille avec détermination à la lutte contre la fraude fiscale et à l'application
+              rigoureuse des règles fiscales. Elle joue également un rôle proactif en facilitant les démarches administratives des contribuables et des collectivités
+              locales à travers des services en ligne. En tant qu'architecte financier, la DGFIP contribue de manière significative à la stabilité financière
+              et à l'équilibre budgétaire de la France, soutenant ainsi la pérennité du bien-être économique du pays.
             </p>
             <br>
 
             <h4>Mes objectifs de stage :</h4>
             <ul>
-              <li><u>Réalisation d'une interface web helpdesk :</u><br><br>
-                Avant la mise en place de cette nouvelle interface, les employés se déplaçaient ou appelaient le service informatique.<br>
-                L'interface mise en place est maintenant le passage obligé pour tous problèmes informatiques ou applicatifs. J'ai du réaliser ce travail en utilisant uniquement du
-                code HTML et CSS.<br>
-                Fonctionnement : accessible depuis une icône sur le bureau de l'utilisateur. Cetta page a pour but de guider l'utilisateur
-                sur ce qu'il doit faire en fonction du problème (urgence ou non) et permettre de contacter la bonne personne de l'équipe SI afin
-                d'accélérer la prise en charge des demandes d'interventions.<br><br>
-
-                <u>Le résultat attendu :</u> En cas de soucis, l'utilisateur clique sur l'icône "Helpdesk" sur le bureau (image annexe). Cela va charger le fichier .html qui aura été installé avec le
-                package et l'ouvrira dans le navigateur. La page web est offline (pas besoin d'accès à internet pour la faire fonctionner) et donne les consignes que
-                l'utilisateur doit suivre en fonction de sa demande.<br>
-                L'interface a une apparence moderne et intuitive. Elle guide l’utilisateur en cas de demande mineure ou urgente et facilite sa prise
-                en charge. Elle se divise en 2 onglets :
-                <ul>
-                  <li>"Demande standard" pour les problèmes légers à modérés comme un problème d'accès, un problème de matériel informatique ou un bug
-                    dans l'application.</li>
-                  <li>"Demande urgente" pour les 4 types d'urgences cités sur la page (voir image annexe).</li>
-                </ul>
-              </li>
-              <li style="list-style-type: none">&nbsp;</li>
 
-              <li><u>Création de 3 scripts PowerShell :</u><br><br>
+              <li><u>Création de la BDD :</u><br><br>
                 <ul>
                   <li>
-                    Un script PowerShell(PS1) permettant l'installation du package.<br>
-                    Il contient toutes les ressources néccessaires au bon fonctionnement de l'interface (fichier .html, .css, images, icones, etc).
+                    <p>Mise en place d'un MCD / UML en respectant les contraintes du cahier des charges.</p>
                   </li>
                   <li>
-                    Un script de vérification qui permet au Portail d'entreprise de s'assurer que l'utilisateur possède la version de l'interface la plus récente.
-                    (Le Portail d'entreprise est une alterative au Microsoft Store proposant des applications ajoutées et autorisées par le service SI)
+                    <p>Génération du script SQL par l'application BOUML.</p>
                   </li>
                   <li>
-                    Un script pour la désinstallation du package.<br>
+                    <p>Remplissage des tables de la BDD.</p>
                   </li>
                 </ul>
               </li>
-              <li style="list-style-type: none">&nbsp;</li>
 
-              <li><u>Inventaire du matériel informatique :</u><br><br>
-                J'ai fait l'inventaire du matériel des employés des bureaux de Paris qui n'était pas à jour dans l'outil GLPI. Cette application permet le
-                à la fois de gérer l'inventaire et les tickets d'incidents.
+              <li>
+                <u>Réalisation d'une application web (CMS) pour le suivi de demandes d'intervention :</u><br><br>
+                <p>
+                  Avant la mise en place de cette nouvelle interface, les employés se déplaçaient ou appelaient le service informatique.<br>
+                  L'interface mise en place est maintenant le passage obligé pour tous problèmes informatiques ou applicatifs. J'ai du réaliser ce travail en utilisant uniquement du
+                  code HTML et CSS.<br>
+                  Fonctionnement : accessible depuis une icône sur le bureau de l'utilisateur. Cetta page a pour but de guider l'utilisateur
+                  sur ce qu'il doit faire en fonction du problème (urgence ou non) et permettre de contacter la bonne personne de l'équipe SI afin
+                  d'accélérer la prise en charge des demandes d'interventions.
+                </p><br><br>
+
+                <p>
+                  <u>Le résultat attendu :</u> Cette application a pour but un suivi des demandes d'intervention simplifié pour les utilisateurs. ... texte à rajouter
+                  <br></br>L'interface de l'application a une apparence intuitive qui permet de guider l’utilisateur dans le suivi d'une DI. Elle se divise en 3 parties :
+                </p>
+                <ul>
+                  <li>« <b>Demande d'intervention(DI)</b> » pour la gestion des DIs (visualisation / création / modification / suppression).</li>
+                  <li>« <b>Traitement de DI</b> » pour la gestion des traitements de DI (visualisation / création / modification / suppression).</li>
+                  <li>« <b>Admin</b> » pour la gestion des caractéristiques d'une DI (plateforme, application, zone, etc).</li>
+                </ul>
               </li>
+
+              <li style="list-style-type: none">&nbsp;</li>
+              <li style="list-style-type: none">&nbsp;</li>
+
             </ul>
             <hr>
             <i>
               Ce stage de 6 semaines m'a permis de découvrir le monde professionnel dans mon domaine : l'informatique. J'ai pu mettre en application des notions
-              de programmations apprises en cours. Cette première expérience m'a conforté dans mon projet professionnel orienté vers le développement.
+              de programmations apprises en cours et d'autres en entreprise. Cette première expérience m'a conforté dans mon projet professionnel orienté vers le développement.
             </i>
             <hr>
           </div>
@@ -202,7 +216,7 @@ <h3>> La DGFIP (Direction Générale des Finances Publiques)</h3>
           <hr>
 
           <ul>
-            <li><strong>Categorie</strong>: Web - BackEnd</li>
+            <li><strong>Categorie</strong>: Web - Front & BackEnd</li>
             <li><strong>Date du stage</strong>: 08/01/24 - 09/02/24</li>
             <li><strong>Nom de l'organisme</strong>: DGFIP </li>
             <li><strong>Adresse </strong>: 7 Allée Simone de Beauvoir, 77186 Noisiel, FR</li>
@@ -213,6 +227,8 @@ <h3>> La DGFIP (Direction Générale des Finances Publiques)</h3>
             <li>&emsp;</li>
             <li><strong>Languages et outils utilisée</strong>:<br>
               <iconify-icon icon="vscode-icons:file-type-html" width="32" height="32"></iconify-icon>
+              <iconify-icon icon="vscode-icons:file-type-css" width="32" height="32"></iconify-icon>
+              <iconify-icon icon="vscode-icons:file-type-js" width="32" height="32"></iconify-icon>
               <iconify-icon icon="vscode-icons:file-type-php" width="32" height="32"></iconify-icon>
               <iconify-icon icon="logos:mysql" width="32" height="32"></iconify-icon>
               <iconify-icon icon="flat-color-icons:linux" width="32" height="32"></iconify-icon>