Portfolio/stage.html at main · Mikarim/Portfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!doctype html>
<html class="no-js" lang="fr">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>STAGE - Bazzaro Mikael</title>
    <link rel="shortcut icon" href="/data/img/koesio_svg.png" type="image/x-icon">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/motion-ui/1.2.3/motion-ui.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation-prototype.min.css">

    <link href="https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/css/header&footer.css">
    <link rel="stylesheet" href="/css/stage.css">
    <link rel="stylesheet" href="/css/resizer.css">
  </head>

  <header>
    <div class="orbit" role="region" aria-label="Favorite Space Pictures">
      <div class="orbit-container">
        <nav class="top-bar topbar-responsive">
          <div class="top-bar-title">
            <span data-responsive-toggle="topbar-responsive" data-hide-for="medium">
              <button class="menu-icon" type="button" data-toggle></button>
            </span>
          </div>
          <div id="topbar-responsive" class="topbar-responsive-links">
            <div class="top-bar-left">
              <ul class="menu simple vertical medium-horizontal">
                <li><a class="text-topbar" href="/cv.html"><i class="fa-regular fa-file-lines">&nbsp</i>CV</a></li>
                <li><a class="text-topbar" href="/contact.html"><i class="fa-regular fa-comments">&nbsp</i>Contact</a></li>
                <li><a class="text-topbar" href="/index.html"><i class="fa-solid fa-magnifying-glass">&nbsp</i>Accueil</a></li>
                <li>
                  <button type="button" class="button hollow topbar-responsive-button"><a href="#"><i class="fa-solid fa-house">&nbsp</i>Stage</a></button>
                </li>
                <li class="deroulant">
                  <a class="iconfleche" href="#"><i class="fa-solid fa-network-wired">&nbsp</i>Projets</a>
                  <ul class="lst-projets">
                    <li><a href="/saes/sae201.html">SAÉ201</a></li>
                    <li><a href="/saes/sae302.html">SAÉ302</a></li>
                    <li><a href="/saes/sae3dc04.html">SAÉ3dc04</a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </div>
        </nav>
        <body>
          <div id="myModal1" class="modal">
            <img class="modal-content" id="img01">
          </div>
          <div id="myModal2" class="modal">
            <img class="modal-content" id="img02">
          </div>
          <div class="middle">
            <section class="middle-grid">
              <div class="introduction-area">
                <article class="grid-container">
                  <div class="flex">
                    <h2><img src="/data/img/koesio_logo.png" alt="koesio svg" width="60px" style="margin-right: 15px; border-radius: 60px;"><strong>Koesio Managed Services</strong></h2>
                    <p><strong>Stage de 2ème année en entreprise</strong></p>
                    <br>
                    <p>
                        <strong>La branche Koesio Managed Services</strong> (KMS), issue du groupe AXONE, regroupe plus de <strong>70 collaborateurs</strong> et se spécialise dans la gestion proactive (services managés) des services informatiques d'entreprises.
                    </p>
                  </div>
                </article>
              </div>
              <div class="img-area">
                <img id="myImg1" class="img" src="/data/img/stage.png" alt="layout des missions en stage">
              </div>
              <div class="description-area">
                <article class="grid-container">
                  <h3><i class="fa-solid fa-bullseye"></i> Mes principales missions</h3>
                  <br>
                    <article class="grid-container">
                      <p>
                        <strong>Déclarer un départ ou une absence</strong>
                        <br>
                        <i>Procédure de révocation des accès pour le départ d’un collaborateur.</i>
                      </p>
                      <br>
                      <p>
                        <strong>Déclarer un nouvel utilisateur</strong>
                        <br>
                        <i>Configuration des accès, session Windows 10, boites mails office365, d’un nouveau collaborateur dans une entreprise.</i>
                      </p>
                      <br>
                      <p>
                        <strong>Réinstallation de poste</strong>
                        <br>
                        <i>Si le poste à un problème n’ayant perçu aucunes résolutions ou si le poste n’est pas configuré en français.</i>
                      </p>
                      <br>
                      <p>
                        <strong>Réinitialisation d’un poste</strong>
                        <br>
                        <i>Remise à zéro d’un poste pour un usage personnel d’un collaborateur.</i>
                      </p>
                      <br>
                      <p>
                        <strong>Préparation d’un poste</strong>
                        <br>
                        <i>Lancement de l’ordinateur avec des scripts permettant la pré configuration de celui-ci pour une entreprise.</i>
                      </p>
                    </article>
                </article>
              </div>
            </section>
            <section class="technical">
              <div class="desc-schema">
                <article class="grid-container">
                  <article class="grid-container">
                    <p>En tant que <strong>technicien support en installation de poste</strong>, j'ai géré les requêtes d'arrivée et de départ des employés des entreprises que nous supervisons, incluant l'octroi/retrait des droits d'accès, l'installation matérielle, la configuration des sessions Windows et la création de boîtes mail professionnelles, incluant la flexibilité avec le client dans le but qu'il ai toutes ces applications et préférences déjà incluent.</p>
                    <br>
                    <p>Une mission marquante a été la gestion urgente de <strong>postes volés</strong> chez un client, nécessitant une reconfiguration rapide de nouveaux postes avec priorité maximale (P1), incluant installation, configuration et finalisation sur site.</p>
                  </article>
                </article>
                <article class="grid-container">
                  <h3><i class="fa-solid fa-screwdriver-wrench"></i> Outils techniques maîtrisés</h3>
                  <p>Durant ce stage, j'ai pu découvrir et maîtriser plusieurs outils professionnels :</p>
                  <br>
                  <ul>
                    <li><strong>Manage</strong> (logiciel de ticketing) - Maîtrise avancée</li>
                    <li><strong>Automate</strong> (prise en main à distance) - Bonne maîtrise</li>
                    <li><strong>ITGlue</strong> (documentation) - Maîtrise avancée</li>
                    <li><strong>Office 365 Tenant</strong> - Bonne maîtrise</li>
                    <li><strong>Active Directory</strong> - Bonne maîtrise</li>
                  </ul>
                  Les outils utilisés pour cette mission ont tous une particularité : certains n’ont pas été utiles dans mes missions, comme l’antivirus et le logiciel de récupération de données.
                </article>
              </div>
              <div class="schema-area">
                <img class="schema" src="/data/img/schéma-logiciels-koesio.png" alt="schéma du projet">
              </div>
            </section>
            <section class="bilan-container">
              <article class="grid-container">
                <h3><i class="fa-solid fa-comment"></i> Bilan personnel</h3>
                <p>
                    Bien que mon objectif professionnel soit orienté vers le <strong>développement web/logiciel</strong>, ce stage m'a permis d'acquérir une base robuste en <strong>infrastructure IT</strong> et en gestion de problèmes. Il a souligné mon goût pour les <strong>challenges techniques</strong> et l'importance de la multifonctionnalité en informatique. Les interactions avec les clients et les tâches sur le terrain se sont révélées être des avantages inattendus, améliorant ma <strong>capacité d'adaptation</strong> et mes <strong>compétences en communication professionnelle</strong>.
                </p>
              </article>
            </section>
          </div>
        </body>
      </div>
    </div>
  </header>

  <section class="footer-box">
    <div class="footer-container">
      <article class="grid-container">
        <footer class="callout large secondary">
          <article class="grid-container">
          <div class="grid-x">
            <div class="contact">
              <p><i class="fa-solid fa-arrow-up-right-from-square">&nbsp&nbsp</i><a href="./contact.html">contact par mail</a></p>
            </div>
            <div class="reseaux">
              <ul class="menu vertical">
                <li><a href="https://github.com/Mikarim"><i class="fa fa-github" aria-hidden="true"></i></a></li>
                <li><a href="https://www.linkedin.com/in/mikael-bazzaro-b242092b5/"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                <li><a href="https://www.instagram.com/mikael_bzr/"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                <li><a href="#"><span><i class="fa fa-arrow-up" aria-hidden="true"></i></span></a></li>
              </ul>
            </div>
          </div>
        </footer>
        <p class="copyright"><i class="fa-regular fa-copyright">&nbsp&nbsp</i>Copyright 2024 Mikael Bazzaro - Tous droits réservés</p>
        <p class="copyright">Dernière modification le 09/06/2025</p>
      </article>
    </div>
  </section>

  <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/js/foundation.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/motion-ui/1.2.3/motion-ui.min.js"></script>
  <script src="https://kit.fontawesome.com/9f184c18ec.js" crossorigin="anonymous"></script>
  <script>
    $(document).foundation();
  </script>
  <script src="./data/js/topbar.js"></script>
  <script>
    var modal1 = document.getElementById('myModal1');

    var img1 = document.getElementById('myImg1');
    var modalImg1 = document.getElementById("img01");
    var captionText1 = document.getElementById("caption1");
    img1.onclick = function(){
        modal1.style.display = "block";
        modalImg1.src = this.src;
        modalImg1.alt = this.alt;
        captionText1.innerHTML = this.alt;
    }

    modal1.onclick = function() {
        modalImg1.className += " out";
        setTimeout(function() {
        modal1.style.display = "none";
        modalImg1.className = "modal-content";
        }, 400);

    }

  </script>
</html>