-
Notifications
You must be signed in to change notification settings - Fork 0
/
timeline_fr.html
381 lines (334 loc) · 19.1 KB
/
timeline_fr.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
<!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:#c61e1e">
<span class="cd-letter">I</span>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<span class="cd-date">Aout 2020 - aujourd'hui</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 - aujourd'hui</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>