-
Notifications
You must be signed in to change notification settings - Fork 0
/
index1.html
389 lines (341 loc) · 20.9 KB
/
index1.html
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
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="images/pikmin.png">
<link rel="stylesheet" href="portfolio.css">
<title>Portfolio</title>
</head>
<body>
<nav class="navbar">
<ul>
<li><a class="nav" href="#a_propos">À propos de moi</a></li>
<li><a class="nav" href="#formation">Formation</a></li>
<li><a class="nav" href="#exp_pro">Expériences professionelles</a></li>
<li><a class="nav" href="#competence_tech">Compétences techniques</a></li>
<li><a class="nav" href="#qualites">Qualités</a></li>
<li><a class="nav" href="#competence_ling">Compétences linguistiques</a></li>
<li><a class="nav" href="#projets">Projets</a></li>
<li><a class="nav" href="#divers">Divers</a></li>
<li><a class="nav" href="#cv">CV</a></li>
<li><a class="nav" href="#contact">Contact</a></li>
</ul>
</nav>
<header>
<img src="images/photo1.png" id="pdp">
<br><br><br>
<h1 id="nom">BOUVIER Robin</h1>
<h2 id="statut">Etudiant en première année de BUT Réseaux et Télécommunications</h2>
</header>
<section id="first">
<h1 class="titre" id="a_propos">À propos de moi</h1>
<hr>
<p>
J'ai 18 ans et je suis actuellement en première année de Bachelor Universitaire de Technologie (BUT) Réseaux et Télécommunications à Aubière (63). <br> <br>
J'ai choisi ces études grâce au stage que j'ai pu faire à l'UTT (Université de Technologie de Troyes) où j'ai pu voir les bases des réseaux et manipuler différents appareils.
En groupe, nous avons configuré des switches pour permettre des parties de jeu en réseau local sur le jeu Teeworlds. Les explications des étudiants et la finalité du projet proposé
m'ont fait comprendre que le réseau était la voie que je souhaitais emprunter. <br> <br>
Je suis actuellement à la recherche d'un stage dans le domaine des réseaux, des télécommunications et de la cybersécurité d'une durée de 2 mois à compter de mars 2025.
</p>
</section>
<section>
<h1 class="titre" id="formation">Formation</h1>
<hr>
<ul>
<li>
<p><strong>Septembre 2023</strong> : Entrée en BUT Réseaux et Télécommunications à Aubière (63). Durant cette formation de 3 ans, sont prévues l'exploration
de domaines divers et variés tels que les réseaux, la programmation et les télécommunications. </p>
</li>
<li>
<p><strong>Juin 2023</strong> : Obtention du Baccalauréat général mention Bien au lycée Simone Weil au Puy-en-Velay (43) avec les spécialités
Mathématiques et Numérique et Science de l'Informatique.</p>
</li>
</ul>
</section>
<section>
<h1 class="titre" id="exp_pro">Expériences professionnelles</h1>
<hr>
<ul>
<li>
<div class="expProDiv">
<h3>Février 2024 : Cordées de la réussite</h3>
<p>Pendant ma première année de BUT, j'ai été choisi pour participer aux Cordées de la réussite en lien avec un lycée professionel de
Clermont-Ferrand (63) pour aider des étudiants en terminale à faire leur oral du Baccaulauréat.
</p>
<p>Nous étions un groupe de 3 et nous avons écoutez et donner des conseils à plusieurs élèves pour les aider à améliorer leur oral.</p>
</div>
</li>
<li>
<div class="expProDiv">
<img src="images/gel43.jpg" id="gel43">
<h3>Août 2023 : Préparateur de commandes</h3>
<p>Pendant 1 mois, j'ai été engagé par la société Gel 43 située à Saint-Germain-Laprade (43) en tant que préparateur de commandes.</p>
<p>Mon travail consistait à préparer les commandes de surgelés de restaurants ou d'entités publiques telles que des hôpitaux dans une chambre froide pour permettre une livraison le lendemain.<br>
J'ai pu découvrir le monde du travail et apprendre le <strong>travail d'équipe</strong> avec des collègues et des supérieurs très avenants et compréhensifs.</p>
<p>J'ai été invité à revenir l'année suivante si je le souhaitais.</p>
</div>
</li>
<li>
<div class="expProDiv">
<h3>Juin 2023 : Cordées de la réussite</h3>
<p>En terminale, notre professeur d'informatique nous a proposé de participer aux Cordées de la réussite avec l'école d'ingénieur de
l'ISIMA à Clermont-Ferrand (63) et le collège Jules Vallès du Puy-en-Velay (43) pour présenter les formations ainsi que des notions
d'informatique aux collégiens et aux élèves de seconde du lycée.
</p>
<p>
Avec un camarade, nous avons choisi de présenter les graphes et leur utilisation en informatique, plus particulièrement
sur les automates.
</p>
<p>
Le nombre de personnes ayant rejoint la spécialité Informatique cette année étant plus élevé que les années précédentes,
ces interventions ont donc été un succès.
</p>
</div>
</li>
</ul>
</section>
<section>
<h1 class="titre" id="competence_tech">Compétences techniques</h1>
<p>Les jauges indiquent le niveau attendus d'un étudiant de première année de BUT</p>
<hr>
<h2>Réseau</h2>
<ul class="detail">
<li>
<p class="titreCompetence">Configuration réseau :</p>
<p class="texteCompetence">Lors de nombreux TD et TP, j'ai pu me familiariser avec l'utilisation et la configuration des différents appareils utilisés
dans un réseau. <br>
L'utilisation du logiciel Cisco Packet Tracer m'a été très utile pour apprendre les différentes facettes des réseaux comme par
exemple les protocoles (tels que DHCP, HTTP, Ethernet), l'adressage ou la configuration poussée de routeur ou de switches.
</p>
<progress value="80" max="100"></progress> 80% <br>
</li>
<li>
<p class="titreCompetence">Manipulation de base de données :</p>
<p class="texteCompetence">
J'ai pu apprendre à manipuler des bases de données avec le logiciel MySQL. J'ai pu apprendre à créer des tables,
à les remplir et à les modifier. J'ai aussi appris à faire des requêtes SQL pour récupérer des informations dans ces tables.
</p>
<progress value="70" max="100"></progress> 70% <br>
</li>
<li>
<p class="titreCompetence">Administration système :</p>
<p class="texteCompetence">
Durant les différents TD et TP j'ai appris à utiliser des logiciels permettant l'administration et la gestion de système Linux et Windows. <br>
J'ai par exemple vu comment utiliser l'Active Directory pour gérer les utilisateurs et les groupes sur un serveur Windows ou le fonctionnement d'un
hyperviseur pour gérer des machines virtuelles.
</p>
<progress value="75" max="100"></progress> 75% <br>
</li>
</ul>
<h2>Programmation</h2>
<ul class="detail">
<li>
<p class="titreCompetence">Python :</p>
<p class="texteCompetence">
Durant mes années de lycée, j'ai pu m'initier à la programmation sur le langage Python. Les nombreux TD et TP dans le BUT
m'ont permis de consolider ces connaissances et de m'améliorer dans la méthode de programmation.
</p>
<progress value="100" max="100"></progress> 100% <br>
</li>
<li>
<p class="titreCompetence">Bash :</p>
<p class="texteCompetence">
Grâce à des TP et des TD, j'ai pu apprendre les différentes commandes utiles pour utiliser le système d'exploitation Linux,
de plus j'ai pu apprendre le langage Bash permettant de faire des scripts et d'automatiser certaines tâches sur Linux.
</p>
<progress value="80" max="100"></progress> 80% <br>
</li>
<li>
<p class="titreCompetence">HTML/CSS :</p>
<p class="texteCompetence">
Les TD et le projet concernant ce portfolio m'ont permis d'apprendre le développement WEB avec les langages HTML et CSS.
</p>
<progress value="70" max="100"></progress> 70% <br>
</li>
<li>
<p class="titreCompetence">PHP/SQL :</p>
<p class="texteCompetence">
J'ai pu apprendre à utiliser le langage PHP pour créer des pages dynamiques et à utiliser des bases de données SQL pour stocker des informations.
De plus, j'ai appris à faire communiquer les 2 langages pour récupérer des informations dans la base de données et les afficher sur une page web.
</p>
<progress value="65" max="100"></progress> 65% <br>
</li>
</ul>
<h2>Télécommunications</h2>
<ul class="detail">
<li><p class="titreCompetence">Numérisation : </p>
<p class="texteCompetence">
Pendant ma formation, j'ai appris à numériser un signal analogique en voyant les différentes étapes nécessaires. J'ai par exemple vu
comment fonctionnait l'échantillonnage et la quantification d'un signal analogique à l'aide d'un oscilloscope et comment le convertir en un signal
lisible pour un ordinateur.
</p>
<progress value="75" max="100"></progress> 75% <br>
</li>
</ul>
<h2>Téléphonie</h2>
<ul class="detail">
<li><p class="titreCompetence">Configuration d'un réseau de téléphonie : </p>
<p class="texteCompetence">
Grâce aux cours dispensé dans le BUT j'ai pu me familiariser avec les différents équipements nécessaires à la mise en place d'un réseau de téléphonie.
Nous avons notamment vu comment configurer des téléphones de différents types (SIP, numérique, softphone ...) et comment les faire communiquer en mettant
en place un call server.
</p>
<progress value="70" max="100"></progress> 70% <br>
</li>
</ul>
</section>
<section>
<h1 class="titre" id="qualites">Qualités</h1>
<hr>
<ul>
<li>
<p class="titreQualites">
- Discrétion <br>
Je parviens à rester discret dans la vie de tous les jours sans que cela n'affecte ma capacité de travail. En effet,
j'arrive à garder des informations importantes et à ne pas me faire remarquer quand cela n'est pas nécessaire.
Selon moi, cette qualité est importante dans le domaine de la cybersécurité pour que les données cruciales ne soient
pas dévoilées.
</p>
</li>
<li>
<p class="texteQualites">
- Curiosité <br>
Je m'intéresse à beaucoup de sujets différents, je suis capable de faire des recherches sur un sujet pendant plusieurs
heures à cause d'un simple article, d'une vidéo ou d'un film. De plus, si un sujet m'intéresse beaucoup, je vais faire
beaucoup de recherches pour être le plus au point sur ce dit sujet.
Cela me permet d'être très polyvalent dans les domaines où je possède des connaissances.
</p>
</li>
<li>
<p class="texteQualites">
- Autodidacte <br>
Grâce à ma curiosité, j'ai pu apprendre par moi-même des connaissances théoriques et techniques. Je suis donc capable
de m'atteler à des tâches complexes en pleine autonomie.
</p>
</li>
<li>
<p class="texteQualites">
- Travailleur <br>
Depuis mon plus jeune âge, j'ai toujours travaillé dur pour avoir les meilleurs résultats possibles. Chaque tâche qui
m'est donnée est effectuée jusqu'au bout.
</p>
</li>
</ul>
</section>
<section>
<h1 class="titre" id="competence_ling">Compétences linguistiques</h1>
<hr>
<p>- Anglais : B2+ </p>
<p>- Espagnol : A2 </p>
</section>
<section>
<h1 class="titre" id="projets">Projets</h1>
<hr>
<div class="containerProjet">
<div class="divProjet">
<h3 class="titreProjet">Se sensibiliser à l'hygiène informatique et à la cybersécurité</h3>
<br>
<a class="lienProjet" href="projets/sae11_projet.html" target="_blank">Voir le projet</a>
<div class="infoProjet">2023</div>
<div class="infoProjet" >BUT 1A</div>
</div>
<div class="divProjet">
<h3 class="titreProjet">Création d'un portfolio</h3>
<br>
<a class="lienProjet" href="projets/portfolio_projet.html" target="_blank">Voir le projet</a>
<div class="infoProjet">2023</div>
<div class="infoProjet">BUT 1A</div>
</div>
<div class="divProjet">
<h3 class="titreProjet">Création d'une plateforme de gestion de ticket de support</h3>
<br>
<a class="lienProjet" href="projets/sae23_projet.html" target="_blank">Voir le projet</a>
<div class="infoProjet">2024</div>
<div class="infoProjet" >BUT 1A</div>
</div>
<div class="divProjet">
<h3 class="titreProjet">Création d'un memory en PHP</h3>
<br>
<a class="lienProjet" href="projets/memo_php_projet.html" target="_blank">Voir le projet</a>
<div class="infoProjet">2024</div>
<div class="infoProjet" >BUT 1A</div>
</div>
</div>
</section>
<section>
<h1 class="titre" id="divers">Divers</h1>
<hr>
<div>
<h2>Musique</h2>
<p class="texteDivers">
Depuis maintenant 10 ans, je pratique régulièrement la guitare avec un niveau académique de Cycle 2. <br>
Je suis capable de jouer des morceaux très variés et j'apprécie particulièrement les choros brésiliens qui se caractérisent par
un rythme rapide et des tonalités joyeuses malgré leur nom qui signifie "pleurs". J'apprécie particulièrement <a class="divers_lien" href="https://youtu.be/OTIL1MTvcv4?si=TJNY27uYHEt8O75n&t=23" target="_blank"><i>Tico-Tico no Fubá</i> de Zequinha de Abreu</a>. <br>
Le morceau que j'apprécie le plus jouer est <a class="divers_lien" href="https://www.youtube.com/watch?v=tpeWHtlIsB4" target="_blank"><i>Grand Vals</i> de Francisco Tárrega</a>.
</p>
<p class="texteDivers">
<img alt="Pochette de l'album Kingdom of Desire de Toto" src="images/kingdom_of_desire.jpg" id="kingdom_of_desire">
En dehors de la guitare, j'apprécie aussi écouter tout type de musique, plus particulièrement le rock des années
1970 et 1980. La discographie du groupe Toto est celle que j'apprécie le plus, surtout l'album "Kingdom of Desire" avec les titres <i>Jake to the Bone</i> et
<i>Kingdom of Desire</i>. <br> <br>
J'apprécie cet album car il change drastiquement de ton par rapport aux anciens. En effet, la guitare prend un son beaucoup plus électrique
et se porte plus sur le rock, tandis que les anciens avaient une touche de pop. Le guitariste Steve Lukather prend aussi
le rôle de chanteur principal faute d'avoir trouvé un autre vocaliste, ce qui donne une raison à ce changement de style et
je trouve que sa voix se marie bien avec le son de sa guitare.
</p>
</div>
<div>
<h2>Cinéma</h2>
<p class="texteDivers">
Avec la musique, le cinéma est aussi un art que j'apprécie beaucoup. Mes films favoris sont "Piège de cristal" réalisé
par John McTiernan, "Night Call" de Dan Gilroy, ainsi que le récent "Yannick" de Quentin Dupieux.
<br><br>
Ces trois films appartiennent à des genres très différents mais restent de grandes œuvres. La mise en scène et
les mouvements de caméra du premier "Die Hard" ont permis de redéfinir le genre jusqu'à la sortie de "Die Hard 3" qui, là aussi,
redéfinira les codes établis par "Piège de Cristal". <br><br>
"Night Call" ou "Nightcrawler" dans sa version originale est un thriller très prenant racontant l'histoire de Lou qui parcourt
la ville de Los Angeles à la recherche d'images choc à vendre à des chaînes de télévision. J'apprécie particulièrement
le jeu de Jake Gyllenhaal dans le rôle de Lou, qui veut trouver des images de plus en plus graphiques et qui s'enfonce dans ce travail
quitte à ne plus avoir de morale.<br> <br>
Enfin, "Yannick" est une comédie qui possède des personnages très bien écrits et bien joués, notamment Yannick joué par Raphaël Quenard
qui s'ennuie devant une pièce de théâtre et décide de l'arrêter. S'ensuivent des péripéties où Yannick décide de réécrire la pièce
pour la rendre mieux lui et là fait jouer par les comédiens. <br>
</p>
<div class="afficheDiversDiv">
<a href="https://fr.wikipedia.org/wiki/Piège_de_cristal" target="_blank">
<img src="images/piege_de_cristal.jpg" class="afficheDivers">
</a>
<a href="https://fr.wikipedia.org/wiki/Night_Call" target="_blank">
<img src="images/nightcall.jpg" class="afficheDivers">
</a>
<a href="https://fr.wikipedia.org/wiki/Yannick_(film)" target="_blank">
<img src="images/yannick.jpg" class="afficheDivers">
</a>
</div>
</div>
<div>
<h2>Natation</h2>
<p class="texteDivers">
Depuis mon enfance, je pratique la natation en club. Après avoir arrêté pendant plusiurs années, j'ai repris cette activité cette année pour
rester en bonne santé et pratiquer une activité physique. <br>
</p>
</div>
</section>
<section>
<h1 class="titre" id="cv">CV</h1>
<hr>
<img src="images/CV.jpg" id="cvImg">
<iframe width="800" height="500" src="https://www.youtube.com/embed/TFdnm4c1lZc?si=cJb82l9FdeX6E0cJ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<br>
<button id="btnDownload"><a id="btnDownload" href="images/CV.pdf" download="CV BOUVIER Robin">Télécharger le CV</a></button>
</section>
<section id="contact_sect">
<h1 class="titre" id="contact">Contact</h1>
<hr>
<p id="contact_p"><img src="images/mail.svg" class="icone">Mail : robin.bouvier@etu.uca.fr</a> </p>
<p id="contact_p"><img src="images/github.svg" class="icone">Github : <a class="contact_lien" href="https://github.com/RobinBouvier" target="_blank">https://github.com/RobinBouvier</a></p>
<p id="contact_p"><img src="images/linkedin.svg" class="icone">Linkedin : <a class="contact_lien" href="https://www.linkedin.com/in/robin-bouvier10/" target="_blank">https://www.linkedin.com/in/robin-bouvier10/</a></p>
</section>
</body>
</html>