ITYL-dev.github.io/works.html at main · ITYL-dev/ITYL-dev.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Baptiste Grignon</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto Mono">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="icon" href="./assets/favicon.ico" type="image/x-icon">
  </head>
  <body>
    <header>
      <nav>
        <a href="./former_main.html">Home</a>
        <a href="./works.html" id="middle-navbar">Works</a>
        <a href="./more.html">More</a>
      </nav>
    </header>
    <main>
      <div>
        <h2>The Present Site and Portfolio</h2>
        <div>
          <p>The present site is a project I made to showcase my work. I tried to make it responsive and mobile-friendly. You are welcome to try to resize the window.</p>
          <br>
          <p>There is also a replica of the Asteroids game from Atari hidden <a href="./asteroids.html" target="_blank">here</a>. I made it for fun using only javascript and its built-in feature to draw lines on a canva. Move with the arrow or W A S D and shoot with SPACE, but it is not playable on mobile. For now, this is still a work in progress.</p>
          <br>
          <p>The code for the site is on this <a href="https://github.com/ITYL-dev/ITYL-dev.github.io" target="_blank">repository</a></p>
        </div>
      </div>
      <div>
        <h2>Mapping Feature for a Web App used by Deconstruction Professionnal</h2>
        <div>
          <p>This is a feature I conceived and implemented during my fullstack intership at <a href="https://afleya.com" target="_blank">Afleya</a> on their application Akibo.</p>
          <br>
          <p>Akibo is a web application used in decontruction project (renovation or demolition of buildings). It provides amongst other things tools to list available materials on site and sort them between recyclable, reusable and waste materials. I conceived and implemented a feature in the existing application allowing to upload maps of the buildings and to locate the various materials on them through a drag and drop interface. One of the main challenges was that the feature had to work offline.</p>
          <br>
          <p>My contract means the code I have written belongs to Afleya but my employer acknowledged me on <a href="https://www.linkedin.com/posts/dominique-renard-brazzi-lean-green-construction_nous-proposons-la-semaine-prochaine-une-masterclass-activity-7117761518829490176-SBxA?utm_source=share&utm_medium=member_desktop" target="_blank">linkedin</a> for it.</p>
        </div>
      </div>
      <div>
        <h2>CNN applied to Circuit Fault Diagnosis</h2>
        <div>
          <p>This is a student research project inside the <a href="https://www.cnrs.fr/en" target="_blank">CNRS</a> laboratories on campus: <a href="https://liris.cnrs.fr/en" target="_blank">LIRIS</a> (Computer Science) and <a href="https://inl.cnrs.fr/en/" target="_blank">INL</a> (nanotechnology).</p>
          <br>
          <p>In this project, my classmate and I experimented with the application of Convolutional Neural Network to the diagnosis of fault in electronic circuits. The main challenge is that faults are not always "permanent". Applying the same input multiple times to a circuit with a unique "intermittent" fault can give different outputs.</p>
          <p>Using a sample of the numerous outputs possible for a single type of "intermittent" fault, we were able to train a neural network to recognize said "intermittent" fault without having to list all cases.</p>
          <p>This allowed us to propose and test a hierarchical approach where we use a "tree" of networks to successively distinguish between a few groups of faults until there is only one left. We did not implement the whole "tree", only 2 layers but the results were promising.</p>
          <br>
          <p>The report is available <a href="https://catalogue-bibli.ec-lyon.fr/cgi-bin/koha/opac-detail.pl?biblionumber=135640" target="_blank">here</a> at the school library (Bibliothèque Michel Serres).</p>
        </div>
      </div>
      <div>
        <h2>Autonomous UAV Flight for Delivery</h2>
        <div>
          <p>This is a student project in collaboration with the student association Centrale Lyon Cosmos and the <a href="https://www.cnrs.fr/en" target="_blank">CNRS</a> laboratory on campus: <a href="https://liris.cnrs.fr/en" target="_blank">LIRIS</a> (Computer Science).</p>
          <br>
          <p>In this project, my classmates and I attempted to modify a UAV kit to make an autonomous delivery drone. The project did not come to fruition but we learned tremendously about electronics, flight mecanics, control engineering, computer vision and pathfinding algorithms.</p>
          <br>
          <p>The report is available <a href="https://catalogue-bibli.ec-lyon.fr/cgi-bin/koha/opac-detail.pl?biblionumber=134009" target="_blank">here</a> at the school library (Bibliothèque Michel Serres).</p>
        </div>
      </div>
      <div>
        <h2>Simulation of a Pedestrian Evacuation</h2>
        <div>
          <p>This is the project I presented for my "TIPE" on the theme "Health, Prevention" in 2021. The "TIPE" is an exam that is part of the nationwide entrance examination for France's Engineering Schools.</p>
          <br>
          <p>In this project, I implemented a simplified version of Helbing's model to simulate the evacuation of a 2D crowd of pedestrian through a door. I also filmed small scale experiments with volunteers and replicated the situations with my simulation to compare the model and reality.</p>
          <br>
          <p>The repository will be available soon.</p>
        </div>
      </div>
    </main>
    <footer>
      <div>
        <a href="mailto:baptistegrignon67@gmail.com">
          <svg xmlns="http://www.w3.org/2000/svg" height="3em" viewBox="0 0 512 512"><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z" style="fill:#dbdbdb;fill-opacity:1;fill-rule:nonzero;stroke:none"/></svg>
        </a>
        <p>Send me an email&nbsp;</p>
      </div>
      <div>
        <a href="https://github.com/ITYL-dev" target="_blank">
          <svg xmlns="http://www.w3.org/2000/svg" height="3em" viewBox="0 0 512 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" style="fill:#dbdbdb;fill-opacity:1;fill-rule:nonzero;stroke:none"></svg>
        </a>
        <p>Go to my GitHub&nbsp;&nbsp;</p>
      </div>
      <div>
        <a href="https://www.linkedin.com/in/baptiste-grignon-109376235/" target="_blank">
          <svg xmlns="http://www.w3.org/2000/svg" height="3em" viewBox="0 0 512 512"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z" style="fill:#dbdbdb;fill-opacity:1;fill-rule:nonzero;stroke:none"/></svg>
        </a>
        <p>Go to my Linkedin</p>
      </div>
    </footer>
  </body>
</html>
<script src="./js/index.js"></script>