-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtimeline_fr.html
More file actions
520 lines (460 loc) · 26.4 KB
/
timeline_fr.html
File metadata and controls
520 lines (460 loc) · 26.4 KB
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
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
<!DOCTYPE HTML>
<!--
Directive by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Simon Basset</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]>
<script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css?v=2" />
<link rel="stylesheet" href="assets/css/timeline.css?v=3" />
<!--[if lte IE 8]>
<link rel="stylesheet" href="assets/css/ie8.css"/><![endif]-->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script>
</head>
<body>
<!-- Main -->
<div id="main">
<header class="major container 75%">
<h2>Simon Basset
<br />
Architecte et développeur expérimenté
</h2>
</header>
<section id="cd-timeline" class="cd-container">
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture" style="background:#1E5BC6">
<span class="cd-letter">C</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">Juin 2024 - aujourd'hui</span>
<h3>CARREFOUR - Architecte Logiciel</h3>
<p>Travail sur différents projets Carrefour avec pour objectif de mettre en valeur le plus grand
data lake européen.
Développement d'applications et prototypes autour des données de Carrefour.
</p>
<div class="cd-more-info">
<i>Mission: Architecte Logiciel</i><br />
<i>Objectif: Valorisation et exploration de la donnée</i><br />
<i>Technologies notables: GenAI, Vertex AI, BigQuery, Cloud Run</i>
</div>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture" style="background:#1E5BC6">
<span class="cd-letter">C</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">Juin 2023 - Juin 2024</span>
<h3>CARREFOUR - BaseMedia</h3>
<p>Réalisation d'un double run entre un système legacy et une nouvelle application moderne pour
gérer l'ensemble des photos du catalogue Carrefour.
</p>
<div class="cd-more-info">
<i>Mission: Architecte et Lead Dev</i><br />
<i>Contributions notables: Travail important sur la synchronisation des bases de données entre
legacy et moderne</i><br />
<i>Technologies notables: Go, PostgreSQL, Pub/Sub, Cloud Run</i>
</div>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture" style="background:#1E5BC6">
<span class="cd-letter">C</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">Mai 2023 - Juin 2023</span>
<h3>CARREFOUR - Marketing Studio</h3>
<p>Utilisation d'intelligence artificielle générative pour aider les équipes marketing à déployer
des campagnes de marketing multimodal.
Le projet a été présenté par Google dans une conférence et lors de la keynote de Google Cloud.
</p>
<div class="cd-more-info">
<i>Mission: Développeur Senior / Expert IA</i><br />
<i>Technologies notables: GenAI, Vertex AI, Google Cloud Platform</i>
</div>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture" style="background:#c61e1e">
<span class="cd-letter">I</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">Janvier 2023 - Avril 2023</span>
<h3>Infopro Digital - Architecte Logiciel</h3>
<p>Travail sur des systèmes legacy et leur mise à jour. Transformation de système 3-tiers en SSR
moderne.
</p>
<div class="cd-more-info">
<i>Mission: Architecte Logiciel</i><br />
<i>Focus: Transformation du legacy, architectures SSR modernes</i><br />
<i>Technologies notables: Node.js, Vue, Nuxt</i>
</div>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture" style="background:#c61e1e">
<span class="cd-letter">I</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">Mai 2022 - Décembre 2022</span>
<h3>Infopro Digital - Head of Front</h3>
<p>Management d'une équipe d'une dizaine de personnes avec des profils divers entre développeurs et
intégrateurs.
</p>
<div class="cd-more-info">
<i>Mission: Responsable Front-end Engineering</i><br />
<i>Focus: Management d'équipe et stratégie front-end</i><br />
</div>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture" style="background:#c61e1e">
<span class="cd-letter">I</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">Aout 2020 - Avril 2022</span>
<h3>Infopro Digital - Sesame</h3>
<p>Sesame est un outil de création et d'animation de salon professionnel en ligne et/ou sur site.
Il permet aux organisateurs, exposants, conférenciers et visiteurs de se retrouver virtuellement
sur une
même plateforme, de communiquer au travers de webinaires, d'une messagerie instantanée, de
modules de vote, etc.
</p>
<div class="cd-more-info">
<i>Mission: Architect and Lead Senior Developer</i><br />
<i>Contributions notables: redéfinition des pratiques de développement (relectures croisées,
etc.)</i><br />
<i>Technologies notables: Vue, Quasar, Laravel</i>
</div>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture" style="background:#1E5BC6">
<span class="cd-letter">C</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">Janvier 2020 - Aout 2020</span>
<h3>CARREFOUR - Horus</h3>
<p>Horus fournit des fonctionnalités autour de la gestion de stock et de magasin, le profilage des
clients, l'analyse d'erreurs (stock, scan de code barre, etc.), etc.
Horus consomme des APIs big data pour construire et consolider des vues riches pour les
différents services de Carrefour (top management, marketing, directions de magasin, etc.).
</p>
<div class="cd-more-info">
<i>Mission: Senior Developer</i><br />
<i>Problématiques: imaginer de nouveaux usages à partir de la donnée brute</i><br />
<i>Contributions notables: implémentation GraphQL, sécurisation (oauth, jwt)</i><br />
<i>Technologies notables: Node.js, React, GraphQL</i>
</div>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture" style="background:#1E5BC6">
<span class="cd-letter">C</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">Août 2019 - Juin 2020</span>
<h3>CARREFOUR - Leon</h3>
<p>Leon est un prototype beta-testé pour révolutionner les courses en ligne en se basant sur des
algorithmes prédictifs éthiques et soucieux de la vie privée.
</p>
<div class="cd-more-info">
<i>Mission: Senior Developer</i><br />
<i>Problématiques: trafic et volumes de données important </i><br />
<i>Contributions notables: développement, déploiement, supervision du backend Go, développement
d'algorithmes prédictifs, relectures</i><br />
<i>Technologies notables: Go, Redis, Vue.js, Marathon, Prometheus/Grafana</i>
</div>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture" style="background:#00c9ea">
<span class="cd-letter">O</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">Septembre 2018 - Août 2019</span>
<h3>OPEN DIGITAL EDUCATION - Entcore</h3>
<p>Entcore est le socle technique open-source de plateformes du secteur éducatif.
Le socle est principalement utilisé pour implémenter des Espaces Numérique de Travail.
</p>
<div class="cd-more-info">
<i>Mission: Senior Developer</i><br />
<i>Problématiques: legacy code, projets open-source, première expérience de
télétravail</i><br />
<i>Contributions notables: nettoyage et amélioration de l'éditeur de texte maison, ajout de
fonctionnalités
dans le coeur de la plateforme en utilisant les méthodes clean code.</i><br />
<i>technologies notables: Angular, AngularJS, VertX</i>
</div>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture" style="background:#FDD84D">
<span class="cd-letter">J</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">Septembre 2018 - aujourd'hui</span>
<h3>OWASP - Juice Shop</h3>
<p>The Juice Shop est probablement la plus moderne et la plus sophistiquée des applications web
non-sécurisée.
C'est un bac à sable pour apprendre la sécurisation des applications web par la pratique.
</p>
<div class="cd-more-info">
<i>Mission: Traducteur et contributeur sur des projets satellites</i><br />
<i>Contributions notables: traduction en français, automatisation de la configuration d'une
séance collective de travail</i><br />
<i>Technologies notables: Angular, AngularJS, Node.js, Docker</i>
</div>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture" style="background:#ec635a">
<span class="cd-letter">S</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">Octobre 2016 - Septembre 2018</span>
<h3>SOFTWAY MEDICAL - Architecture</h3>
<p>L'équipe d'architecture conçoit des solutions en adéquation avec la stratégie d'entreprise,
apporte son expertise aux autres équipes techniques et est garant de la pérénité de la
solution.<br>
<br>
- conception de solutions orientées micro-services <br>
- accompagnement des équipes sur la conteneurisation, la ci/cd et des sujets frontend pointus
<br>
- développement et maintenance de l'environnement de développement <br>
- relecture de code, partage et formation sur les bonnes pratiques
</p>
<div class="cd-more-info">
<i>Mission: Architecte & expert frontend</i><br />
<i>Problématiques: ~150 développeurs, transition devops et agile</i><br />
<i>Contributions notables: implémentation de ci/cd, tech leader sur des projets stratégiques,
expertise frontend</i><br />
<i>Technologies notables: Angular, AngularJS, Java, Rancher, Kubernetes, OpenShift</i>
</div>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture" style="background:#ec635a">
<span class="cd-letter">S</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">Octobre 2016 - Septembre 2018</span>
<h3>SOFTWAY MEDICAL - Kazoo</h3>
<p>Kazoo est un outil interne pour les testeurs. Ils peuvent l'utiliser pour
déployer facilemenent un service depuis un registre docker vers un environnement
Rancher/OpenShift.</p>
<div class="cd-more-info">
<i>Mission: Porteur du projet, développeur </i><br />
<i>Contributions notables: inner-sourcing avec les équipes de qualification</i><br />
<i>Technologies notables: Go, Angular, Clarity, Rancher, OpenShift</i>
</div>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture" style="background:#e2001a">
<span class="cd-letter">S</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">Février 2016 - Octobre 2016</span>
<h3>SFR - Sport/News</h3>
<p>Sport et News sont 2 sites web éditoriaux. News aggrège des articles depuis 6 sources web
différentes.
Sport est dédié à une dizaine de journalistes sportifs.</p>
<div class="cd-more-info">
<i>Mission: Frontend Lead tech, CMS developer</i><br />
<i>Problématiques: changements fonctionnels et architecturaux, fort trafic</i><br />
<i>Contributions notables: transformation du legacy code, expertise responsive</i><br />
<i>Technologies notables: Marionette, Node.js, MVEL, Spring</i>
</div>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture" style="background:#e2001a">
<span class="cd-letter">S</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">Novembre 2015 - Février 2016</span>
<h3>SFR - Gred</h3>
<p>Gred est une re-conception complète de la marque REDbySFR, le nouveau site web vise les
utilisateurs natifs du numérique.</p>
<div class="cd-more-info">
<i>Mission: Lead tech</i><br />
<i>Problématiques: fort trafic, responsive</i><br />
<i>Contributions notables: qualité (documentation, BEM), partage de connaissance</i><br />
<i>Technologies notables: SASS, Gulp, Topdoc</i>
</div>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture" style="background:#e2001a">
<span class="cd-letter">S</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">Novembre 2014 - Octobre 2016</span>
<h3>SFR - Tiilta</h3>
<p>Tiilta est le système de gestion de contenu de SFR, il gère le contenu marketing et editorial des
sites web de SFR. </p>
<div class="cd-more-info">
<i>Mission: Developer</i><br />
<i>Problématiques: production sensible, fort trafic, full-ownership</i><br />
<i>Contributions notables: appropriation de la solution, migration technique</i><br />
<i>Technologies notables: Marionette, Backbone, Grunt, React</i>
</div>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture" style="background:#4eb980">
<span class="cd-letter">P</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">Janvier 2014 - Novembre 2014</span>
<h3>Packt Publishing - relecture</h3>
<p>Relectures et validations techniques de livres (AngularJS, Phonegap/cordova).</p>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture" style="background:#f27700">
<span class="cd-letter">S</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">2013 - 2014</span>
<h3>Smile - France Galop</h3>
<p>Avec l'application mobile France Galop les jockeys, éleveurs et propriétaires peuvent gérer les
chevaux, les entrer en courses, etc.</p>
<div class="cd-more-info">
<i>Mission: Lead tech</i><br />
<i>Problématiques: contraintes du dévelopemment mobile hybride</i><br />
<i>Technologies notables: AngularJS, Topcoat, Stylus, Cordova</i>
</div>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture" style="background:#f27700">
<span class="cd-letter">S</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">2013</span>
<h3>Smile - GoFLUENT</h3>
<p>GoFLUENT est une application mobile pour apprendre l'anglais.</p>
<div class="cd-more-info">
<i>Mission: Former et accompagner l'équipe philippine de développement</i><br />
<i>Technologies notables: Cordova</i>
</div>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture" style="background:#f27700">
<span class="cd-letter">S</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">2012 - 2013</span>
<h3>Smile - AXA Banque</h3>
<p>L'application mobile AXA Banque permet de gérer ses comptes, effectuer des virements, etc.</p>
<div class="cd-more-info">
<i>Mission: Lead tech</i><br />
<i>Technologies notables: AngularJS, Cordova, Handlebars, Grunt</i>
</div>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture" style="background:#f27700">
<span class="cd-letter">S</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">2012</span>
<h3>Smile - Node push server</h3>
<p>Node push server est un serveur de notification push open-source et cross-platform.</p>
<div class="cd-more-info">
<i>Mission: Contributeur principal</i><br />
<i>Technologies notables: Node.js, Express, MongoDB</i>
</div>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture" style="background:#59C7ED">
<span class="cd-letter">I</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">2007 - 2012</span>
<h3>INSA Rouen</h3>
<p>INSA (Institut National des Sciences Appliquées) de Rouen. Architecture des Systèmes
d'Information.</p>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
</section>
<footer class="major container 75%">
<h3>Mes compétences</h3>
<div class="skills">
<div>
<div class="dt">
<h4>Javascript / HTML / CSS</h4>
</div>
<div class="dd skill-percent html" style="width:85%;"></div>
<div class="dt">
<h4>Angular</h4>
</div>
<div class="dd skill-percent angular" style="width:85%;"></div>
<div class="dt">
<h4>Vue</h4>
</div>
<div class="dd skill-percent vue" style="width:80%;"></div>
<div class="dt">
<h4>React</h4>
</div>
<div class="dd skill-percent react" style="width:75%;"></div>
<div class="dt">
<h4>Go</h4>
</div>
<div class="dd skill-percent go" style="width:80%;"></div>
<div class="dt">
<h4>Tooling / Versioning / Quality checking</h4>
</div>
<div class="dd skill-percent tooling" style="width:90%;"></div>
<div class="dt">
<h4>Devops</h4>
</div>
<div class="dd skill-percent devops" style="width:75%;"></div>
<div class="dt">
<h4>Marionette / Backbone</h4>
</div>
<div class="dd skill-percent backbone" style="width:80%;"></div>
<div class="dt">
<h4>Java</h4>
</div>
<div class="dd skill-percent java" style="width:75%;"></div>
<div class="dt">
<h4>Cordova</h4>
</div>
<div class="dd skill-percent cordova" style="width:75%;"></div>
</div>
</div>
</footer>
</div>
<div id="footer">
<div class="container 75%">
<header class="major last">
<h2>smnbsst.me / 06 98 83 09 64</h2>
</header>
<ul class="copyright">
<li>© Simon Basset. All rights reserved.</li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]>
<script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
<script>console.log('%c Hire me now!:)', 'font-size: 80px; font-weight: bold; color: red');</script>
</body>
</html>