-
Notifications
You must be signed in to change notification settings - Fork 0
/
mecanique.html
316 lines (312 loc) · 18.4 KB
/
mecanique.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
<!DOCTYPE html>
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 8)|!(IE)]><!-->
<html class="no-js" lang="fr">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<title>CV - Jonathan GATARD</title>
<meta name="description" content="CV - Jonathan GATARD">
<meta name="author" content="Jonathan GATARD">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="css/default.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/projets.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<header id="home">
<div class="flag">
<a href="mecanique-en.html">
<img class="flagimg" src="images/icons/en.jpg">
</a>
</div>
<nav id="nav-wrap">
<a class="mobile-btn" href="#nav-wrap" title="Afficher le menu">Afficher le menu</a>
<a class="mobile-btn" href="#" title="Masquer le menu">Masquer le menu</a>
<ul id="nav" class="nav">
<li><a href="index.html#projets">CV</a></li>
<li><a href="react.html#react">React</a></li>
<li><a href="domotique.html#domotique">Domotique</a></li>
<li><a href="aeromodelisme.html#aeromodelisme">Aéromodélisme</a></li>
<li><a href="formation.html#formation">Formation</a></li>
<li class="actif"><a class="smoothscroll" href="#mecanique">Mécanique</a></li>
<li><a href="imprimante.html#imprimante">Imprimante 3D</a></li>
</ul>
</nav>
<div class="row banner">
<div class="banner-text">
<h1 class="responsive-headline">Jonathan GATARD</h1>
<h3>
Ingénieur en aéronautique et spatial, ayant élargi ses compétences en tant que manager de projets digitaux dans l'automobile en quête de spécialisation dans l'informatique pour relever de nouveaux défis professionnels.
<br>
<a class="smoothscroll" href="#mecanique">Faites défiler l'écran et apprenez en plus sur mes projets.</a>
</h3>
<hr />
<ul class="social">
<li><a href="https://github.com/jonathan-gatard"><i class="fa fa-github"></i></a></li>
<li><a href="https://www.linkedin.com/in/jonathan-gatard/"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<p class="scrolldown">
<a class="smoothscroll" href="#mecanique"><i class="icon-down-circle"></i></a>
</p>
<div id="go-top-fixed"><a class="smoothscroll" title="Back to Top" href="#home"><i class="icon-up-open"></i></a></div>
</header>
<section id="mecanique" class="projets">
<div class="row">
<div class="twelve columns main-col">
<h2>Mécanique automobile</h2>
<p class="info">Réparations d'une BMW E81 120D<span>•</span> <em class="date">2020 - aujourd'hui</em></p>
<div class="row item">
<b>Objectifs</b>: Effectuer les réparations nécessaires sur la voiture de manière autonome.
<br>
<table>
<thead>
<tr>
<th><b>Avantages</b></th>
<th><b>Inconvénients</b></th>
</tr>
</thead>
<tbody>
<tr>
<td>
<ul>
<li>Économie d'argent</li>
<li>Connaissance accrue de ma voiture</li>
<li>Flexibilité</li>
</ul>
</td>
<td>
<ul>
<li>Temps consommé</li>
<li>Risques d'endommager la voiture</li>
<li>Pas de garantie</li>
<li>Nécessite des outils et des compétences</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="row item">
<div class="titre">Historisation de toutes les opérations</div>
<p>
J'ai mis en place un système de suivi rigoureux des informations relatives à ma voiture via un tableau Excel :
</p>
<ul>
<li>Je liste chaque opération effectuée sur la voiture (réparation et entretien) ainsi que les factures correspondantes.</li>
<li>Les références officielles BMW des pièces que j'ai changées.</li>
<li>Les couples de serrage des vis et écrous pour toutes les pièces que j'ai manipulées.</li>
<li>Les données de géométrie de la voiture (parallélisme et carrossage) des deux trains.</li>
</ul>
<div class="bgrid-halves s-bgrid-halves cf">
<div class="columns projets-item">
<div class="spacer">
<div class="item-wrap">
<img alt="" src="images/projects/meca/excel.jpg">
<div class="overlay">
<div class="projets-item-meta">
<h5>Tableau excel des opérations effectuées</h5>
</div>
</div>
</div>
</div>
</div>
<div class="columns projets-item">
<div class="spacer">
<div class="item-wrap">
<img alt="" src="images/projects/meca/factures.jpg">
<div class="overlay">
<div class="projets-item-meta">
<h5>Scan de chacune des factures de la voiture</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row item">
<div class="titre">Logiciel ISTA D/P</div>
<p>
ISTA-D (diagnostique) et ISTA-P (programmation) sont des logiciels concessionnaires BMW.
<br>
Je m'appuie fréquemment sur l'outil ISTA-D pour évaluer l'état de mon véhicule, notamment en ce qui concerne la détection de codes d'erreur et la planification des entretiens nécessaires.
</p>
<div class="bgrid s-bgrid cf">
<div class="columns projets-item">
<div class="spacer">
<div class="item-wrap">
<img alt="" src="images/projects/meca/ista.jpg">
<div class="overlay">
<div class="projets-item-meta">
<h5>Logiciel ISTA-D</h5>
<p>La catégorie "Vehicle management", permet d'afficher les fiches de réparations (mode d'emploi, outils nécessaires, couple, etc...)</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row item">
<div class="titre">Changement CHRA Turbocompresseur</div>
J'ai constaté un important jeu axial et radial lors de l'inspection de la turbine du turbo.
L'augmentation du bruit émis par le turbo m'a conduit à prendre la décision de procéder à son remplacement.
<br>
Afin de minimiser les dépenses, j'ai choisi de remplacer uniquement le CHRA (Central Housing Rotary Assembly) et les durites d'huile.
Cette opération a été réalisée à un coût inférieur à 100€.
<br>
<div class="bgrid-halves s-bgrid-halves cf">
<div class="columns projets-item">
<div class="spacer">
<div class="item-wrap">
<img alt="" src="images/projects/meca/turbo.jpg">
<div class="overlay">
<div class="projets-item-meta">
<h5>Ancien CHRA</h5>
<p>Ailettes abimées (200 000 km)</p>
</div>
</div>
</div>
</div>
</div>
<div class="columns projets-item">
<div class="spacer">
<div class="item-wrap">
<img alt="" src="images/projects/meca/turbo2.jpg">
<div class="overlay">
<div class="projets-item-meta">
<h5>CHRA assemblé</h5>
<p>Le turbo à l'air comme neuf</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row item">
<div class="titre">Nettoyage injecteurs</div>
Après avoir parcouru plus de 200 000 km, j'ai suspecté que mes injecteurs étaient sales et potentiellement obstrués.
J'ai donc pris la décision de les démonter et de les nettoyer en utilisant un bac à ultrasons avec un produit dégraissant spécifique.
<br>
<div class="bgrid-thirds s-bgrid-thirds cf">
<div class="columns projets-item">
<div class="spacer">
<div class="item-wrap">
<img alt="" src="images/projects/meca/culasse.jpg">
<div class="overlay">
<div class="projets-item-meta">
<h5>Culasse</h5>
<p>Couvre-culasse retiré</p>
</div>
</div>
</div>
</div>
</div>
<div class="columns projets-item">
<div class="spacer">
<div class="item-wrap">
<video poster="images/projects/meca/ultrasons.jpg" controls preload>
<source src="videos/projects/meca/ultrasons.mp4" type="video/mp4" />
<source src="videos/projects/meca/ultrasons.webm" type="video/webm" />
</video>
</div>
</div>
</div>
<div class="columns projets-item">
<div class="spacer">
<div class="item-wrap">
<img alt="" src="images/projects/meca/injecteur.jpg">
<div class="overlay">
<div class="projets-item-meta">
<h5>Injecteur</h5>
<p>Zoom sur la tête de l'injecteur</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row item">
<div class="titre">Changement palier d'arbre</div>
J'ai constaté qu'un bruit de claquement apparaissait de plus en plus fréquemment lors des accélérations.
Après avoir éliminé les différentes causes potentielles (boîte de vitesse, pont, etc.) j'ai déterminé que le problème était lié à l'arbre de transmission.
<br>
Il s'agissait d'un bruit de claquement sourd au niveau du bas de l'habitacle :
<audio controls src="audio/projects/meca/bruit-vibration.mp3">
</audio>
<br>
Le caoutchouc du palier présentait des dommages conséquents :
<div class="bgrid-thirds s-bgrid-thirds cf">
<div class="columns projets-item">
<div class="spacer">
<div class="item-wrap">
<video poster="images/projects/meca/palier_old.jpg" controls preload>
<source src="videos/projects/meca/palier_old.mp4" type="video/mp4" />
<source src="videos/projects/meca/palier_old.webm" type="video/webm" />
</video>
</div>
</div>
</div>
<div class="columns projets-item">
<div class="spacer">
<div class="item-wrap">
<img alt="" src="images/projects/meca/arbre.jpg">
<div class="overlay">
<div class="projets-item-meta">
<h5>Arbre démonté</h5>
<p>Nécessite de déposer la ligne d'échappement et les écrans pare-feu</p>
</div>
</div>
</div>
</div>
</div>
<div class="columns projets-item">
<div class="spacer">
<div class="item-wrap">
<img alt="" src="images/projects/meca/palier_new.jpg">
<div class="overlay">
<div class="projets-item-meta">
<h5>Palier sur arbre</h5>
<p>Le nouveau palier est monté sur l'arbre</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="row">
<div class="twelve columns">
<ul class="social-links">
<li><a href="https://github.com/jonathan-gatard"><i class="fa fa-github"></i></a></li>
<li><a href="https://www.linkedin.com/in/jonathan-gatard/"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://twitter.com/gtd_jonathan"><i class="fa fa-twitter"></i></a></li>
</ul>
<ul class="copyright">
<li>© Copyright 2023</li>
<li>Jonathan GATARD</li>
</ul>
</div>
<div id="go-top"><a class="smoothscroll" title="Back to Top" href="#home"><i class="icon-up-open"></i></a>
</div>
</div>
</footer>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.flexslider.js"></script>
<script type="text/javascript" src="js/init.js"></script>
<script type="text/javascript" src="js/mdb.min.js"></script>
<script type="text/javascript" src="js/waypoints.js"></script>
</body>
</html>