-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
640 lines (442 loc) · 24.4 KB
/
index.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
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
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
<!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="" lang="en" > <!--<![endif]-->
<head>
<!--- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Tom Licha</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/4ddfc42b5d30e5688c1e3bdbe/0d0674c5e190a13c2e54e877d.js");</script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/dygraph/2.0.0/dygraph.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="css/default.css">
<link rel="stylesheet" href="css/layout.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/graphes.css">
<link rel="stylesheet" href="css/media-queries.css">
<!-- Script
================================================== -->
<script src="js/modernizr.js"></script>
<script src="js/graph.js"></script>
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="images/profilepic.jpg" >
</head>
<body>
<!-- Header
================================================== -->
<header id="home">
<nav id="nav-wrap">
<a class="mobile-btn" href="#nav-wrap" title="Show navigation">Montrer le menu</a>
<a class="mobile-btn" href="#" title="Hide navigation">Cacher le menu</a>
<ul id="nav" class="nav">
<li class="current"><a class="smoothscroll" href="#home">Accueil</a></li>
<li><a class="smoothscroll" href="#about">À propos</a></li>
<li><a class="smoothscroll" href="#resume">Formation</a></li>
<li><a class="smoothscroll" href="#skills">Compétences</a></li>
<li><a class="smoothscroll" href="#projet">Projets réalisés</a></li>
<li><a class="smoothscroll" href="#contact">Contact</a></li>
<li> <a href="en.html"><img style="width:24px; transform:translateY(20%);" src="file/Royaume-Uni.png" alt="" />
</a></li>
</ul> <!-- end #nav -->
</nav> <!-- end #nav-wrap -->
<div class="row banner">
<div class="banner-text">
<h1 class="responsive-headline">Tom Licha</h1>
<h3><span>Je suis élève ingénieur à l'École Nationale d'Ingénieurs de Brest(29 Finistère)</span>
<hr />
<p class="scrolldown">
<h1><a class="smoothscroll" href="#about"><i class="icon-down-circle"></i></a></h1>
</p>
<hr />
</div>
</div>
</header> <!-- Header End -->
<!-- About Section
================================================== -->
<section id="about">
<div class="row">
<div class=" col-md-6 columns">
<img class="profile-pic" src="images/profilepic.jpg" alt="" />
</div>
<div class="nine columns main-col">
<h2>À propos de moi</h2>
<p> Après avoir suivi les deux années de préparation intégrée à l'école je suis actuellement en troisième année de cycle ingénieur à l'ENIB. Fort de ma formation généraliste en informatique, électronique et mécanique, et désiant me spécialiser dans la réalité virtuelle à application médicale ou pour les jeux vidéos, je suis actuellement à la recherche d'un stage ingénieur en Europe ou en Amérique.
</p>
<div class="row">
<div class="columns contact-details">
<h2>Coordonnées</h2>
<p class="address">
<span>Tom Licha</span><br>
<span>25 avenue de la plaine fleurie
</span><br>
<span>38240 Meylan,FR
</span><br>
<span>+33 7 70 31 25 44</span><br>
<span>[email protected]</span>
</p>
</div>
<div class="columns download">
<p>
<a href="file/CV Tom Licha.pdf" target="_blank" class="button">Consulter mon CV</a>
<a href="file/CV Tom Licha.pdf" download="CV_Tom_Licha" class="button"><i class="fa fa-download"></i>Télécharger mon CV</a>
</p>
</div>
</div> <!-- end row -->
</div> <!-- end .main-col -->
</div>
</section> <!-- About Section End-->
<!-- Resume Section
================================================== -->
<section id="resume">
<!-- Education
----------------------------------------------- -->
<div class="row education">
<div class="three columns header-col">
<h1><span>Formation</span></h1>
</div>
<div class="nine columns main-col">
<div class="row item">
<div class="col-md-12">
<h3>École Nationale d'Ingénieurs de Brest</h3>
<p class="info">Cycle ingénieur 3ème année<span>•</span> <em class="date">En cours</em></p>
<p>
Contenu de la formation :
</br><strong>Informatique</strong> : Programmation procédurale et orientée objet (langages C, C++, JAVA et Python) création de petits jeux avec interface graphique en python, C, C++ dont un jeu sur tablette tactile Android. Langage de modélisation, conception : UML, réseaux de pétris. Bases de données SQL, PostgreSQL, NoSQL. Maitrise de Windows et Unix.</br>
</br> <strong>Électronique :</strong>
Analyse et conception des montages analogiques et numériques, étude des systèmes à microprocesseur, bases sur le jeu d’instruction et la programmation d’un ARM7, programmation des liaisons séries, i2c, uart,configuration du port parallèle. Traitement du signal dans le domaine analoique et numérique. Réalisation de Projet : générateur d’enveloppe pour synthétiseur MIDI. </br>
</br> <strong>Mécanique :</strong> Étude des mécanisme, études statique, cinématique et dynamique des solides. Calcul des énergies mécaniques. Conception Assistée par Ordinateur (CATIA).
</p>
</div>
</div> <!-- item end -->
<div class="row item">
<div class="col-md-12">
<h3>École Nationale d'Ingénieurs de Brest</h3>
<p class="info">Cycle Préparatoire<span>•</span> <em class="date"> 2015 </em></p>
<p>
Contenu de la formation :
Programmation C et C++ avancée, Mathématiques, Mécanique, Communication, Sciences Humaines pour l'Ingénieur
</p>
</div>
</div> <!-- item end -->
<div class="row item">
<div class="col-md-12">
<h3>Lycée du Grésivaudan à Meylan</h3>
<p class="info">Baccalauréat Scientifique Option Physique-Chimie <span>•</span> <em class="date"> 2014 </em></p>
<p>
Mathématiques<br>
Physique - Chimie - Siences et Vie de la Terre<br>
Anglais
</p>
</div>
</div> <!-- item end -->
</div> <!-- main-col end -->
</div> <!-- End Education -->
</section>
<section id="skills">
<div class="row skills">
<div class="three columns header-col">
<h1><span>Compétences</span></h1>
</div>
<div class="nine columns main-col">
<div style="margin-bottom:100px;">
<h6>C++</h6>
<progress value="85" min="0" max="100">0%</progress>
<h6>C</h6>
<progress value="85" min="0" max="100">0%</progress>
<h6>Python</h6>
<progress value="75" min="0" max="100">0%</progress>
<h6>Java</h6>
<progress value="65" min="0" max="100">0%</progress>
<h6>HTML</h6>
<progress value="70" min="0" max="100">0%</progress>
<h6>CSS</h6>
<progress value="65" min="0" max="100">0%</progress>
<h6>JavaScript</h6>
<progress value="45" min="0" max="100">0%</progress>
<h6>PHP</h6>
<progress value="70" min="0" max="100">0%</progress>
<h6>JDK Android</h6>
<progress value="85" min="0" max="100">0%</progress><br>
<h6>UML</h6>
<progress value="85" min="0" max="100">0%</progress>
</div>
</div> <!-- main-col end -->
</div> <!-- End skills -->
</section>
<section id="projet">
<!-- Work
----------------------------------------------- -->
<div class="row skills">
<div class="three columns header-col">
<h1><span>Projets réalisés</span></h1>
</div>
<div class="nine columns main-col">
<div class="row item">
</div> <!-- item end -->
<div class="row item">
<div class="col-md-12">
<h3>Virtual Reality / Surgeon simulator</h3>
<p class="info">Internship <strong>University of Würzburg - Germany</strong> <span>•</span> <em class="date">February 2018 - May 2018</em></p>
<p>
<strong>Création d’un simulateur de salle d’opération </strong>pour entrainer <strong>les chirurgiens cardiovasculaires </strong>pour la
maniupulation d'un<strong>C-ARM</strong>. Stage en <strong>recherche et développement</strong> dans
un laboratroire de <strong>l'Université de Würzburg (Bayern, Allemagne)</strong>.
<br>
Ce bras de robot s’intègre-t-il dans l’environnement de la salle d’opération? "Que se passe-t-il si le chirurgien doit déplacer la lumière de salle d'opération?" pour répondre et les solutions possibles doivent être adaptées jusqu’à ce qu’elles fonctionnent.
</br>
Enfin, les formateurs veulent comprendre comment fonctionnent les produits les plus récents. Fournir du matériel de formation aux clients. Comment pouvons-nous rendre possible avoir une expérience réaliste de nos futurs produits? Si réaliste que nous pouvons créer un sentiment de qualité et d'interaction entre les composants intégrés?
<br>
Le but de mon stage était de répondre aux questions suivantes en utilisant la <strong>réalité virtuelle</strong>:
<br>
- Comment les êtres humains perçoivent les<strong> systemes interractifs</strong> et leur dimensions dans un <strong>environnement
virtuel</strong> afin d'en évaluer sa qualité?
<br>
- Est-il possible de <strong>mixer hardware et interfaces</strong> avec la<strong>réalité virtuelle</strong> de telles
façon que l'utilisateur a une impression de réalité (e.g. feedback haptique) dans un <strong>environnement virtuel</strong>?
<br>
- Quelle infrastructure est nécessaire pour permettre aux concepteurs d’intégrer facilement leurs conceptions 3D dans un espace virtuel
afin de pouvoir prendre conscience des implications de leurs décisions de conception?<br>
</p>
<h3>Demo:</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/E5dttTMBmD4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<br>
<br>
<div class="col-md-12">
<h3>Projet objets connectés IoT</h3>
<p class="info">Stage entreprise <strong>Triskalia (29 Finistère)</strong> <span>•</span> <em class="date">Juin 2017 - Août 2017</em></p>
<p>
<strong>Stage de 12 semaines</strong> au sein de
l’entreprise <strong>Triskalia (29)</strong>.
Développement d’une <strong>application
web</strong> avec <strong>PL/SQL,
HTML, JavaScript, Python</strong>. <br>Le <strong>but</strong> de l'application est de<strong>mettre en place</strong> des objets connectés dans les exploitations porcines afin <strong>d'avoir un suivi en temps réel</strong> de variables d'élevage telles que l'humidité, le niveau de CO2, la température, le taux d'amoniac contenu dans l'air... J'ai également mis en place des<strong> alerte web et sms dans un but d'optimisation</strong> des conditions d'élevage et afin de <strong>détecter et prévoir</strong> les maladies présentes ou à venir. À la demande du client, j'ai également développé une <strong>interface web</strong> pour la visualisation de graphiques représentant de manière très simple <strong>l'évolution</strong> des différents niveaux. <strong>L'identification</strong> se fait via les comptes <strong>Google</strong> des employés. Ce site dispose d'une partie dédiée aux techniciens Triskalia et une autre dédiée aux adhérents dont l'exploitation fait l'objet d'un suivi IoT. Cette sépration a pour but de fournir à l'agriculteur <strong>uniquement les relevés de son exploitation</strong> et au technicien une <strong>liste des exploitations</strong> qu'il suit afin de pouvoir <strong>selectionner</strong> celle qui l'interesse.
</p>
</div> <!-- End Work-->
<div class="col-md-12">
<h3>Application paiement sans contact</h3>
<p class="info">Projet Semestre 6 ENIB<span>•</span> <em class="date">Fevrier 2017 - Juin 2017</em></p>
<p>
<strong>Projet</strong> en équipe de quatre étudiants dont j'étais le <strong>responsable </strong>consistant à réaliser une <strong>application android</strong> de paiement sans contact en utlisant la <strong>technologie NFC</strong>. Cette application sert pour tous les achats lors du <strong>gala de l'école</strong>. L'application a été développée sur <strong>Android Studio</strong>, en <strong>Java</strong>. Les données à afficher et à modifier pour la modification des soldes et des produits ont été récupérées grâce à la création d'un réseau wifi local sur lequel était stocké des bases de données <strong>SQL</strong> auquelles on accédait par requètes <strong>PHP</strong> elles aussi directement stockées sur le pc <strong>local</strong>.
</p>
<div class="row">
<div class="column">
<img src="images/portfolio/appli1.jpg" style="width:100%" onclick="openModal();currentSlide(1)" class="hover-shadow cursor">
</div>
<div class="column">
<img src="images/portfolio/appli5.jpg" style="width:100%" onclick="openModal();currentSlide(2)" class="hover-shadow cursor">
</div>
<div class="column">
<img src="images/portfolio/appli4.jpg" style="width:100%" onclick="openModal();currentSlide(3)" class="hover-shadow cursor">
</div>
<div class="column">
<img src="images/portfolio/appli3.jpg" style="width:100%" onclick="openModal();currentSlide(4)" class="hover-shadow cursor">
</div>
</div>
<div id="myModal" class="modal">
<span class="close cursor" onclick="closeModal()">×</span>
<div class="modal-content">
<div class="mySlides">
<div class="numbertext">1 / 4</div>
<img src="images/portfolio/appli1.jpg" style="height:400px; padding-left: 150px">
</div>
<div class="mySlides">
<div class="numbertext">2 / 4</div>
<img src="images/portfolio/appli5.jpg" style="height:400px; padding-left: 150px">
</div>
<div class="mySlides">
<div class="numbertext">3 / 4</div>
<img src="images/portfolio/appli4.jpg" style="height:400px; padding-left: 150px">
</div>
<div class="mySlides">
<div class="numbertext">4 / 4</div>
<img src="images/portfolio/appli3.jpg" style="height:400px; padding-left: 150px">
</div>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
<div class="caption-container">
<p id="caption"></p>
</div>
<!-- imagettes en bas de l'image focus -->
<div class="column">
<img class="demo cursor" src="images/portfolio/appli1.jpg" style="width:100%" onclick="currentSlide(1)" alt="achat d'un produit">
</div>
<div class="column">
<img class="demo cursor" src="images/portfolio/appli5.jpg" style="width:100%" onclick="currentSlide(2)" alt="suppression d'un produit de la liste">
</div>
<div class="column">
<img class="demo cursor" src="images/portfolio/appli4.jpg" style="width:100%" onclick="currentSlide(3)" alt="modification d'un produit">
</div>
<div class="column">
<img class="demo cursor" src="images/portfolio/appli3.jpg" style="width:100%" onclick="currentSlide(4)" alt="consultation du solde">
</div>
</div>
</div>
<!--
<div class="container-fluid">
<div id="graph" style="height:320px; margin-top: 100px;"></div>
</div>
<button type="submit" onclick="UserAction()" style="margin-top:100px">Search</button>-->
<script>
function openModal() {
document.getElementById('myModal').style.display = "block";
}
function closeModal() {
document.getElementById('myModal').style.display = "none";
}
var slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("demo");
var captionText = document.getElementById("caption");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
captionText.innerHTML = dots[slideIndex-1].alt;
}
</script>
</div>
</div> <!-- item end -->
<br><br>
</div>
</div>
</div>
<!-- Skills
----------------------------------------------- -->
</section> <!-- Resume Section End-->
<!-- Portfolio Section
================================================== -->
<!-- Testimonials Section
================================================== -->
<section id="testimonials">
<div class="text-container">
<div class="row">
<div class="two columns header-col">
<br><br><br><br><br><br><br>
</div>
<div class="ten columns flex-container">
</div> <!-- div.flex-container ends -->
</div> <!-- row ends -->
</div> <!-- text-container ends -->
</section> <!-- Testimonials Section End-->
<!-- Contact Section
================================================== -->
<section id="contact">
<div class="row section-head">
<div class="two columns header-col">
<h1><span>Contact</span></h1>
</div>
<div class="ten columns">
</div>
</div>
<div class="row">
<div class="eight columns">
<form enctype="text/plain" id="reused_form" >
<label for="name">Nom Prénom:</label>
<input id="name" type="text" name="Name" required maxlength="50">
<label for="email">Adresse Email:</label>
<input id="email" type="email" name="Email" required maxlength="50">
<label for="name">Sujet:</label>
<input id="subject" type="text" name="subject" required maxlength="100">
<label for="message">Message:</label>
<textarea id="message" name="Message" rows="10" maxlength="6000" required></textarea>
<button class="button-primary" type="submit" >Envoyer le message</button>
</form>
<div id="success_message" style="display:none">
<h3>Submitted the form successfully!</h3>
<p>
We will get back to you soon.
</p>
</div>
</div>
<aside class="four columns footer-widgets">
<div class="widget widget_contact">
<h4>Adresse et téléphone</h4>
<p class="address">
Tom Licha<br>
25 avenue de la plaine fleurie<br>
Meylan, FR<br>
<span>+33 7 70 31 25 44</span>
</p>
</div>
</aside>
</div>
</section> <!-- Contact Section End-->
<!-- footer
================================================== -->
<footer>
<div class="row">
<div class="twelve columns">
<ul class="copyright">
<li>© Copyright 2017 Tom Licha</li>
</ul>
</div>
<div id="go-top"><a class="smoothscroll" title="Retourner en haut" href="#home"><i class="icon-up-open"></i></a></div>
</div>
</footer> <!-- Footer End-->
<!-- Java Script
================================================== -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>
<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/waypoints.js"></script>
<script src="js/jquery.fittext.js"></script>
<script src="js/magnific-popup.js"></script>
<script src="js/init.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$('#reused_form').submit(function(e)
{
e.preventDefault();
$form = $(this);
//show some response on the button
$('button[type="submit"]', $form).each(function()
{
$btn = $(this);
$btn.prop('type','button' );
$btn.prop('orig_label',$btn.text());
$btn.text('Sending ...');
});
var link = "mailto:[email protected]"
+ "?subject=" +document.getElementById("reused_form").elements["subject"].value
+ "&body=" + document.getElementById("reused_form").elements["Message"].value
;
window.location.href = link;
$btn.prop('type','button' );
$btn.prop('orig_label',$btn.text());
$btn.text('Sent');
});
</script>