-
Notifications
You must be signed in to change notification settings - Fork 0
/
en.html
653 lines (450 loc) · 23.1 KB
/
en.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
641
642
643
644
645
646
647
648
649
650
651
652
653
<!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 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>
<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/media-queries.css">
<!-- Script
================================================== -->
<script src="js/modernizr.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">show the menu</a>
<a class="mobile-btn" href="#" title="Hide navigation">hide the menu</a>
<ul id="nav" class="nav">
<li class="current"><a class="smoothscroll" href="#home">Home</a></li>
<li><a class="smoothscroll" href="#about">About me</a></li>
<li><a class="smoothscroll" href="#resume">Education</a></li>
<li><a class="smoothscroll" href="#skills">Skills</a></li>
<li><a class="smoothscroll" href="#projet">Projects</a></li>
<li><a class="smoothscroll" href="#contact">Contact</a></li>
<li> <a href="index.html"><img style="width:40px; transform:translateY(20%);" src="file/france.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>I am a french engineering school student at ENIB, 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> After having followed the two years of CPI at the school I am currently in the third year of engineering cycle at the ENIB. With my general training in computer science, electronics and mechanics, and wishing to specialize in virtual reality for medical purpose or for video games. I am currently looking for an engineer internship abroad in Europe or America, it must last 6 months.
</p>
<div class="row">
<div class="columns contact-details">
<h2>Contact</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/resume Tom Licha.pdf" target="_blank" class="button">check my résumé</a>
<a href="file/resume Tom Licha.pdf" download="CV_Tom_Licha" class="button"><i class="fa fa-download"></i>download my résumé</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>Education</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">2nd cycle<span>•</span> <em class="date">Curently stuying</em></p>
<p>
Content :
<br><strong>Computer science</strong> : Procedural and object-oriented programming (C, C ++, JAVA and Python languages) creation of small games with graphical interface in python, C, C ++ including a game on Android tablet. Modeling language, design: UML, kneading networks. SQL databases, PostgreSQL, NoSQL. Mastery of Windows and Unix.</p>br>
/br> <strong>Electronic :</strong>
Analysis and design of analog and digital assemblies, study of microprocessor systems, basis of the instruction set and the programming of an ARM7 and ARM9, programming of the serial links, i2c, uart, configuration of the parallel port. Processing and analysis of signal and images. <br>
<br> <strong>Mechanics :</strong> Study of mechanism, static, kinematic and dynamic studies of solids. Calculation of mechanical energies. Computer Aided Design (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">2nd Cycle<span>•</span> <em class="date"> 2015 </em></p>
<p>
Content :
Advanced C and C++ programming, Mathematics, Mechanics, Communication, Managment
</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>Skills</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>Projects</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>Creation of a Operating Room simulator </strong>to train <strong>surgeons </strong>for the
manipulation of a <strong>C-ARM</strong>. <strong>Research and development</strong> internship in a
laboratory at the <strong>University of Würzburg (Bayern, Germany)</strong>.
<br>
“Does this robot arm fit into the environment of the operating room?”
“What if the surgeon has to move the OR light?” A lot of questions need
to be answered and possible solutions need to be adapted until they work.
</br>
Finally product trainers want to understand how the newest products work in order
to provide training material to the customers. Currently they often use intermediate
development states as well as the final product as a base. This means that preparation
is possible only very late in the development process. How can we make it possible to
have a realistic experience of our future products? So realistic that we can create
a feeling for quality and interaction between several integrated components?
<br>
The goal of my work basically is to answer the following questions with the support of <strong>virtual reality</strong>:
<br>
- How can human beings experience <strong>interactive systems</strong> and their dimensions in a <strong>virtual
environment</strong> so they can evaluate its quality?
<br>
- Is it possible to <strong>mix hardware user interfaces</strong> with <strong>virtual reality</strong> in a
way that users can have a real life experience (e.g. haptic feedback) in a <strong>virtual space</strong>?
<br>
- Which infrastructure is needed to enable designers to easily get their 3D designs into a virtual
space so that they can experience the implications of their design decisions?<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>IoT</h3>
<p class="info">Internship <strong>Triskalia (29 Finistère)</strong> <span>•</span> <em class="date">June 2017 - August 2017</em></p>
<p>
<strong>Internship of 12 weeks</strong> at <strong>Triskalia (29)</strong>.
Development of a <strong>web application</strong> using <strong>PL/SQL,
HTML, JavaScript, Python</strong>. <br>The <strong>aim</strong> of this application is to <strong>set up
</strong> connected objects in farms in order to have <strong>real-time monitoring
</strong> breeding variables such as humidity, CO2 level, temperature,
Ammonia content in the air ... I have also set up<strong> web alert, SMS to optimize
</strong> breeding conditions and to be able to <strong>detect and prvent</strong>
diseases. At the customer's request, I have also developed a
<strong>web client</strong> to visualize the data as graphs showing the
<strong>evolution</strong> of the different levels. <strong>The identification</strong> is
made by <strong>Google OAuth</strong>. This website has a section dedicated to Triskalia technicians and another
dedicated to members whose operations are monitored by IoT.
This separation is intended to provide the farmer<strong>only the data related to their farms</strong>
and to the technician, a <strong>list of farms</strong> he is monitoring so he can <strong>select
</strong> the one he wants to see the data.
</p>
</div>
<!-- End Work-->
<div class="col-md-12">
<h3>Cashless Payment Application</h3>
<p class="info">Project Semestre 6 ENIB<span>•</span> <em class="date">February 2017 - June 2017</em></p>
<p>
<strong>Team project </strong>of four students for which I was <strong>in charge</strong>, consisting in
creating an <strong>Android contactless payment application</strong> using <strong>NFC technology</strong>.
This application is used for all purchases at the school gala. The application was developed on <strong>Android Studio</strong>
, in Java. The data to be <strong>displayed and modified </strong>for the change of balances
and revenues were retrieved thanks to the creation of a <strong>local wifi network</strong> on which <strong>SQL databases</strong>
were stored, which were also accessed by PHP requests directly stored on the <strong>local PC</strong>. <strong>Code
available on demand</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>
<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">Your Name:</label>
<input id="name" type="text" name="Name" required maxlength="50">
<label for="email">Email Address:</label>
<input id="email" type="email" name="Email" required maxlength="50">
<label for="name">Subject:</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" >Send message</button>
</form>
</div>
<aside class="four columns footer-widgets">
<div class="widget widget_contact">
<h4>Address & phone number</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>
<!-- 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>