Difference between revisions of "Team:Pasteur Paris/Technicals"

(Undo revision 350652 by ThomasStarck (talk))
Line 1: Line 1:
 
{{Pasteur_Paris/MenuBlock}}
 
{{Pasteur_Paris/MenuBlock}}
 
<html>
 
<html>
 +
 
     <style type="text/css">
 
     <style type="text/css">
 
         #runningchip {
 
         #runningchip {
 
             left: 365px;
 
             left: 365px;
 
         }
 
         }
         #design_small {
+
         #hp_small {
 
             background-color: #292929;
 
             background-color: #292929;
 
         }
 
         }
        #banner {
+
    #bannerchanged{
            background-image: ;
+
          width: 100%;
        }
+
          overflow: hidden;
        @media screen and (max-width: 760px) {
+
          margin: 0 auto;
            #banner {
+
    }
                background-image: ;
+
    @media screen and (max-width: 760px) {
         }  
+
    /*#wrapper {
     </style>
+
          width: 100%;
     <div id="banner">
+
          overflow: hidden;
         <h1>PRODUCT DESIGN</h1>
+
      }
 +
    #container {
 +
         width: 100%;
 +
          margin: 0 auto;
 +
      }*/
 +
     .banner-img {
 +
        width: 100%;
 +
      }
 +
    }
 +
</style>
 +
<body>
 +
 
 +
 
 +
     <div id="bannerchanged">
 +
         <img class="banner-img" src="https://static.igem.org/mediawiki/2018/5/5b/T--Pasteur_Paris--Banner_Methodology.jpg">
 
     </div>
 
     </div>
 +
 +
 +
 +
 
     <div id="GeneralContent">
 
     <div id="GeneralContent">
 +
        <div id="index" class="block">
 +
            <div id="indexContent">
 +
                <p><a href="#Research" class="link">Research Phase</a></p>
 +
                <p><a href="#Ideation" class="link">Ideation Phase</a></p>
 +
                <p><a href="#Conception" class="link">Device and App Conception</a></p>
 +
                <p><a href="#Prototype" class="link">Device and App Prototype</a></p>
 +
                <p><a href="#Communication" class="link">Communication</a></p>
 +
            </div>
 +
            <div id="indexRight">
 +
                <div id="littleButton"></div>
 +
            </div>
 +
        </div>
 
         <div id="MainContent">
 
         <div id="MainContent">
             <a href="https://2018.igem.org/Team:Pasteur_Paris/Technicals">
+
             <div class="block full">
                 <div class="block onglet">
+
                <p>There are many kinds of design approaches : « space designers » create new places to live in, « sound designers » create new experiences to hear, « food designers » create new tastes, « graphic designers » create new signs and symbols to see, and « digital designers » create new interfaces to navigate into the digital world.</p>
                     <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/5/5b/T--Pasteur_Paris--Banner_Methodology.jpg); background-color: black; background-position-x: 100%;">
+
                <p>iGEM Pasteur team integrates industrial designers. Industrial design is a creative discipline that aims to create innovative solutions in order to solve contemporary issues in various fields : health, well-being, energy, mobility, habitat, food, etc. When designing new products or services, designers use a user centric approach that integrates several notions such as usages, ergonomics, industrial processes, technologies, social, cultural, environmental and economical aspects. Taking into account all these parameters allows designers to conceive solutions that address the targeted issues in a relevant way and that benefit to the user. </p>
                         <p style="position: absolute; top: 45px; color: white; font-size: 200%; top: 41px; text-align: center;"><b>METHODOLOGY</b></p>
+
                <p>Nowadays, industrial design is evolving. To address issues in a more and more complexe and accurate way, industrial designers are getting closer to science by working with scientists and by settling in the labs. Our team is a good example of these new ways to co-create tomorrow’s innovations. </p>
 +
                <p>Despite promising opportunities offered by these new cooperations, designers and scientists do not have the same cultures, languages, tools, etc. that prevent these collaborations from being fruitful. To overcome these issues, we shared and thought design tools and methodologies to our team mates in order to build a common ground for understanding and co-creation. Once done, we followed the subsequent process :</p>
 +
            </div>
 +
 
 +
            <!--Begin : First-->
 +
                 <div class="block full bothContent">
 +
                     <div class="block dropDown" id="Research">
 +
                        <h4>Research Phase</h4>
 +
                    </div>
 +
                    <div class="block hiddenContent">
 +
                        <span class="closeCross"><img src="https://static.igem.org/mediawiki/2018/6/67/T--Pasteur_Paris--CloseCross.svg"></span>
 +
                        <div class="block full">
 +
                            <p>The first step of our innovation process consisted in an immersion phase. For a better understanding of our subject, we had to:<br>
 +
                                    -come up with the state of the art, recording and analyzing existing or inspiring initiatives, actors, and institutions;<br>
 +
                                    -meet diverse experts, from associations (ADEPA, <b>Figure 1</b>) to industries (I.CERAM, <b>Figure 4</b>), going through national institutes (CERAH, <b>Figure 3</b>), or hospitals (Georges Pompidou hospital, <b>Figure 2</b>);<br>
 +
                                    -identify specific literature and technical documents regarding existing prosthesis;<br>
 +
                            </p>
 +
                            <p>This step led us to understand amputees daily life (behaviors, psychology, life environments, healthcare system, economic resources, etc.) and to specify the main issues (such as bacterial infections) and challenges to address in order to propose the amputees relevant and effective innovations. These contents (data, testimonies, etc.) have been collected thanks to human and social tools (semi-directive interview grids), design tools (mood boards), and documentation tools (photography, video, sound recording).</p>
 +
                        </div>
 +
                        <div class=" block half">
 +
                            <img src="https://static.igem.org/mediawiki/2018/1/13/T--Pasteur_Paris--RESEARCH_PHASE_Adepa.jpg">
 +
                            <div class="languages"><b>Figure 1: </b>Meeting with Jean-Pascal Hons, member of ADEPA</div>
 +
                        </div>
 +
                        <div class=" block half">
 +
                            <img src="https://static.igem.org/mediawiki/2018/f/f1/T--Pasteur_Paris--figure4RESEARCH_BOUYER.jpg">
 +
                            <div class="languages"><b>Figure 2: </b>Interview of Dr. Benjamin Bouyer</div>
 +
                         </div>
 +
                        <div class=" block half">
 +
                            <img src="https://static.igem.org/mediawiki/2018/e/ef/T--Pasteur_Paris--CERAH.jpg">
 +
                            <div class="languages"><b>Figure 3: </b>Meeting with CERAH's orthopaedists</div>
 +
                        </div>
 +
                        <div class=" block half">
 +
                            <img src="https://static.igem.org/mediawiki/2018/d/df/T--Pasteur_Paris--figure_2RESEARCH_PHASE_ICERAM.jpg">
 +
                            <div class="languages"><b>Figure 4: </b>Visit of I.CERAM's factory</div>
 +
                        </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
             </a>
+
             <!--End : First-->
             <a href="https://2018.igem.org/Team:Pasteur_Paris/Scenario">
+
             <!--Begin : Second-->
                 <div class="block onglet">
+
                <div class="block full bothContent">
                     <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/8/8c/T--Pasteur_Paris--Banner_Scenario.jpg); background-color: black; background-position-x: 62%;">
+
                    <div class="block dropDown" id="Ideation">
                         <p style="position: absolute; font-size: 200%; color: white; text-align: center; top: 132px; left: 67px"><b>SCENARIO</b></p>
+
                        <h4>Ideation Phase</h4>
 +
                    </div>
 +
                    <div class="block hiddenContent">
 +
                        <span class="closeCross"><img src="https://static.igem.org/mediawiki/2018/6/67/T--Pasteur_Paris--CloseCross.svg"></span>
 +
                        <div class="block full">
 +
                            <p>After identifying knowledge, references, issues and constraints, we started a problem solving process by sketching first ideas, thanks to design tools, such as:<br>
 +
                                    -brainstorming and post-it sessions (<b>Figure 1</b>), to write down the first ideas;<br>
 +
                                    -cartographic and mind-mapping tools, to structure ideas;<br>
 +
                                    -sketching, user journey and roadmaps, to give form to the first concepts.
 +
                            </p>
 +
                            <p>Thanks to the previous step and to our network of experts, we filtered generated ideas in order to keep only the more adapted and relevant solutions regarding amputee’s behaviors, habits, psychology, life environments, economic resources, etc. </p>
 +
                        </div>
 +
                        <div class="block two-third centric">
 +
                            <img src="https://static.igem.org/mediawiki/2018/7/73/T--Pasteur_Paris--figure1RESARCH_PHASE_POST_IT.jpg">
 +
                            <div class="legend"><b>Figure 1: </b>Post-it session</div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            <!--End : Second-->
 +
            <!--Begin : Third-->
 +
                 <div class="block full bothContent">
 +
                     <div class="block dropDown" id="Conception">
 +
                        <h4>Device and App Conception</h4>
 +
                    </div>
 +
                    <div class="block hiddenContent">
 +
                        <span class="closeCross"><img src="https://static.igem.org/mediawiki/2018/6/67/T--Pasteur_Paris--CloseCross.svg"></span>
 +
                        <div class="block full">
 +
                            <p>To make the step from the first ideas to tangible solutions, we designed a complete system (hardware and software solutions) including:<br>
 +
                            - an implantation stem featuring our engineered biofilm;<br>
 +
                            - a device making the bridge between the stump and a bionic prosthesis, to collect and process the signal from nerves;<br>
 +
                            - a charging station, to recharge the device and synchronize data with a distant server;<br>
 +
                            - an app / website, to monitor informations, such as device’s battery level, health status, etc.
 +
                            </p>
 +
                            <p>In order to design these solutions in a relevant, feasible and comfortable way, we payed strong attention to the device dimensions, ergonomics, assemblies, materials, colors, look and feel, electronic parts, production process and cost. The following device have been conceived and developed thanks to design and engineering knowledge, skills and tools (McNeel Rhino 3D (<b>Figure 1</b>) as 3D modeling tool, Luxion Keyshot as 3D rendering tool), as well as scientific and industrial advice from experts. Colors, materials and finishes have been chosen regarding our device constraints and thanks to material databases and color charts. </p>
 +
                        </div>
 +
                        <div class="block two-third center">
 +
                            <img src="https://static.igem.org/mediawiki/2018/c/c7/T--Pasteur_Paris--CONCEIVING.jpg">
 +
                            <div class="legend"><b>Figure 1: </b>3D Modeling of our device and charger</div>
 +
                        </div>
 +
                        <div class="block title"><h3 style="text-align: left;">Conceiving the functional stem</h3></div>
 +
                        <div class="block full">
 +
                            <p>We designed a fully functional stem (<b>Figure 2 and 3</b>) composed of:<br>
 +
                            - a biocompatible tube made of titanium, to mechanically assemble the device to the user’s stump (1.). This material have been chosen instead of stainless steel 316L thanks to the mechanical modeling of the 3D representation of a humerus bone with a prosthesis <a href="">(Download the mechanical modeling here)</a>;<br>
 +
                            - a porous ceramic part (2.), surrounding the metallic tube inside the amputee’s bone (3.) to durably and safely link the tube to the bone;<br>
 +
                            - our engineered biofilm (4.), surrounding the metallic tube inside the amputee’s stump flesh;<br>
 +
                            - a nanoporous membrane made of PEDOT: PSS (5.), to confine the biofilm within our system, to fixate nerves on it, and to allow the ionic current from nerves to be transformed into an electrical current, that would be processed and used to actuate a bionic prosthesis;<br>
 +
                            - a thin structure (6.) that supports the nanoporous membrane and transmits electric current from nerves to the stem (7., 8.).
 +
                            </p>
 +
                        </div>
 +
                        <div class="block full">
 +
                            <img src="https://static.igem.org/mediawiki/2018/b/bd/T--Pasteur_Paris--Figure2.svg">
 +
                            <div class="legend"><b>Figure 2: </b>Diagram of the implantation system parts</div>
 +
                        </div>
 +
                        <div class="block full">
 +
                            <img src="https://static.igem.org/mediawiki/2018/8/8c/T--Pasteur_Paris--Figure3.svg">
 +
                            <div class="legend"><b>Figure 3: </b>Implantation cross section view</div>
 +
                        </div>
 +
                        <div class="block title"><h3 style="text-align: left;">Conceiving the device</h3></div>
 +
                         <div class="block full">
 +
                            <p>We designed an ergonomic and functional device (<b>Figure 4</b>) to link the stump to a bionic prosthesis, composed of:<br>
 +
                            - a three parts plastic case made of light-weight, heat and shock resistant injection moldable plastic (ABS - Acrylonitrile-Butadiene-Styrene), to safely enclose technical parts. Injection molding is a reliable process that permits a low cost mass production. Two removable shells (1.) surround the main structure (2.) to facilitate maintenance. An elastomer seal (3.) is placed between these parts and make the device waterproof. Moreover, plastic have been textured to make user’s daily interactions with his device easier;<br>
 +
                            - a antibacterial ceramic shell (4.), placed between the stump and the device, to improve hygiene and to protect the user from friction; <br>
 +
                            - electronic parts, to amplify and process the signal (5.), to charge the device (6., 7., 8.), to store (9.) and to send data (10.).
 +
                            </p>
 +
                        </div>
 +
                        <div class="block full">
 +
                            <img src="https://static.igem.org/mediawiki/2018/1/10/T--Pasteur_Paris--Figure4.svg">
 +
                            <div class="legend"><b>Figure 4: </b>Exploded drawing of NeuronArch device</div>
 +
                        </div>
 +
                        <div class="block title"><h3 style="text-align: left;">Conceiving the charging / synchronization station</h3></div>
 +
                        <div class="block full">
 +
                            <p>We designed an easy to use charging / synchronization station (<b>Figure 5</b>), composed of:<br>
 +
- a plastic case (1., 2.) made of ABS, to safely enclose technical parts;<br>
 +
- electronic parts, to charge the device thanks to induction (3.) and a USB-C plug (4.), to send and receive data via wifi and bluetooth connection (5.), to save data via a micro SD card (6.), to demonstrate the charging and synchronization process via a LED ring (7.);<br>
 +
- an elastic strip (8.) placed at the back of the charging station, to store cables during transportation. </p>
 +
                        </div>
 +
                        <div class="block full">
 +
                            <img src="https://static.igem.org/mediawiki/2018/3/36/T--Pasteur_Paris--Figure5.svg">
 +
                            <div class="legend"><b>Figure 5: </b>Exploded drawing of NeuronArch charging station</div>
 +
                        </div>
 +
                        <div class="block title"><h3 style="text-align: left;">Conceiving the secured communication system between our device and the digital world</h3></div>
 +
                        <div class="block full">
 +
                            <p>We designed an efficient system to allow our device to securely exchange data with the digital world. Thanks to integrated electronic parts and to the designed digital architecture, data from nerves signals, bionic prosthesis movements, and user’s health status can be recorded, stored and exchanged. An online algorithme would learn from the user on a daily basis, and improve future interactions. To do so, our communication system (<b>Figure 6</b>) is composed of:<br>
 +
- Bluetooth Low Energy, a very energy-efficient technology enabling heavy data transfer on short distance, to share daily stored data from the device to the charging station, and vice versa;<br>
 +
- Wifi connection, to exchange those data with the distant secure NeuronArch servers, and vice versa.</p>
 +
                        </div>
 +
                        <div class="block full">
 +
                            <img src="https://static.igem.org/mediawiki/2018/e/e5/T--Pasteur_Paris--Figure6.svg">
 +
                            <div class="legend"><b>Figure 6: </b>Communication system</div>
 +
                        </div>
 +
                        <div class="block title"><h3 style="text-align: left;">Conceiving the app / website</h3></div>
 +
                        <div class="block full">
 +
                            <p>Finally, we designed an app / website to create a user friendly interface. This app / website allows every NeuronArch user to store, monitor, understand, and share with a doctor his personal data. To do so, our app / website (<b>Figure 7</b>) is composed of:<br>
 +
- a personal home page (1.), to have a general overview regarding health data, charging level, and general notifications;<br>
 +
- a personal dashboard (2.), to monitor recorded health data such as glycemia, blood pressure, etc.;<br>
 +
- a medical appointment booking platform (3.), including registered primary doctor availabilities, prosthetists locations, etc.;<br>
 +
- a unique QR code (4.), to securely share recorded personal data with the user’s doctors during appointments. </p>
 +
                        </div>
 +
                        <div class="block full">
 +
                            <img src="https://static.igem.org/mediawiki/2018/8/8f/T--Pasteur_Paris--Schemas_technique_APPEtienne.jpg">
 +
                            <div class="legend"><b>Figure 7: </b>Diagram of the app principle screens</div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            <!--End : Third-->
 +
            <!--Begin : Fourth-->
 +
                <div class="block full bothContent">
 +
                    <div class="block dropDown" id="Prototype">
 +
                        <h4>Device and App Prototype</h4>
 +
                    </div>
 +
                    <div class="block hiddenContent">
 +
                        <span class="closeCross"><img src="https://static.igem.org/mediawiki/2018/6/67/T--Pasteur_Paris--CloseCross.svg"></span>
 +
                        <div class="block full">
 +
                            <p>Once our solution digitally designed, we had to prototype both the device and the app in real. Thanks to rapid prototyping tools, such as 3D printers (FormLabs Form2 (<b>Figure 1</b>), FormWash, FormCure, and Ultimaker 3), laser cutting (Trotec Speedy360), and hands-on work (sand (<b>Figure 2 and 3)</b>, assembly, paint, finishes, etc.), we prototyped the device. Thanks to digital prototyping tools, such as desktop publishing softwares (Adobe Photoshop, Adobe Illustrator, Google Gallery), we prototyped the app and the website. This step helped the team to check and validate products dimensions, ergonomics, look and feel. </p>
 +
                        </div>
 +
                        <div class="block half">
 +
                            <img src="https://static.igem.org/mediawiki/2018/0/01/T--Pasteur_Paris--ResinePrinting.jpg">
 +
                            <div class="legend"><b>Figure 1: </b>Resine printing of the charger</div>
 +
                        </div>
 +
                        <div class="block half">
 +
                            <img src="https://static.igem.org/mediawiki/2018/d/d2/T--Pasteur_Paris--Sanding1.jpg">
 +
                            <div class="legend"><b>Figure 2: </b>Sanding of the plastic case</div>
 +
                        </div>
 +
                        <div class="block half">
 +
                            <img src="https://static.igem.org/mediawiki/2018/2/2e/T--Pasteur_Paris--Sanding2.jpg">
 +
                            <div class="legend"><b>Figure 3: </b>Sanding of the plastic case</div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            <!--End : Fourth-->
 +
            <!--Begin : Fifth-->
 +
                <div class="block full bothContent">
 +
                    <div class="block dropDown" id="Communication">
 +
                        <h4>Communication</h4>
 +
                    </div>
 +
                    <div class="block hiddenContent">
 +
                        <span class="closeCross"><img src="https://static.igem.org/mediawiki/2018/6/67/T--Pasteur_Paris--CloseCross.svg"></span>
 +
                        <div class="block full">
 +
                            <p>Designing a strong visual identity is a key element in NeuronArch’s communication. Thanks to desktop publishing softwares (Adobe Photoshop, Adobe Illustrator, Adobe In Design, Adobe Premiere Pro, Adobe After Effect), we conceived a global graphic chart easy to understand for users and general public. This visual indentity includes iGEM Pasteur Paris 2018 logotype, NeuronArch logotype, pictograms, banners, graphic composition and color gradients both for print or digital medium. All these elements have been applied to printed formats such as flyers, communication posters and scientific posters, as well as digital formats such as NeuronArch app and website, wiki, etc. Professional photographic tools (Nikon D3200, Profoto flash kit, Manfrotto background) have been also used to create NeuronArch’s user scenario photographies. </p>
 +
                            <div class="block two-third centric">
 +
                                <img src="https://static.igem.org/mediawiki/2018/5/59/T--Pasteur_Paris--CommunicationMedium.gif">
 +
                                <div class="legend"><b>Figure 1: </b>Presentation of our visual identity</div>
 +
                            </div>
 +
                        </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
             </a>
+
             <!--End : Fifth-->
 +
            <video></video>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
</html>
 
</html>

Revision as of 09:30, 16 October 2018

""

There are many kinds of design approaches : « space designers » create new places to live in, « sound designers » create new experiences to hear, « food designers » create new tastes, « graphic designers » create new signs and symbols to see, and « digital designers » create new interfaces to navigate into the digital world.

iGEM Pasteur team integrates industrial designers. Industrial design is a creative discipline that aims to create innovative solutions in order to solve contemporary issues in various fields : health, well-being, energy, mobility, habitat, food, etc. When designing new products or services, designers use a user centric approach that integrates several notions such as usages, ergonomics, industrial processes, technologies, social, cultural, environmental and economical aspects. Taking into account all these parameters allows designers to conceive solutions that address the targeted issues in a relevant way and that benefit to the user.

Nowadays, industrial design is evolving. To address issues in a more and more complexe and accurate way, industrial designers are getting closer to science by working with scientists and by settling in the labs. Our team is a good example of these new ways to co-create tomorrow’s innovations.

Despite promising opportunities offered by these new cooperations, designers and scientists do not have the same cultures, languages, tools, etc. that prevent these collaborations from being fruitful. To overcome these issues, we shared and thought design tools and methodologies to our team mates in order to build a common ground for understanding and co-creation. Once done, we followed the subsequent process :

The first step of our innovation process consisted in an immersion phase. For a better understanding of our subject, we had to:
-come up with the state of the art, recording and analyzing existing or inspiring initiatives, actors, and institutions;
-meet diverse experts, from associations (ADEPA, Figure 1) to industries (I.CERAM, Figure 4), going through national institutes (CERAH, Figure 3), or hospitals (Georges Pompidou hospital, Figure 2);
-identify specific literature and technical documents regarding existing prosthesis;

This step led us to understand amputees daily life (behaviors, psychology, life environments, healthcare system, economic resources, etc.) and to specify the main issues (such as bacterial infections) and challenges to address in order to propose the amputees relevant and effective innovations. These contents (data, testimonies, etc.) have been collected thanks to human and social tools (semi-directive interview grids), design tools (mood boards), and documentation tools (photography, video, sound recording).

Figure 1: Meeting with Jean-Pascal Hons, member of ADEPA
Figure 2: Interview of Dr. Benjamin Bouyer
Figure 3: Meeting with CERAH's orthopaedists
Figure 4: Visit of I.CERAM's factory

After identifying knowledge, references, issues and constraints, we started a problem solving process by sketching first ideas, thanks to design tools, such as:
-brainstorming and post-it sessions (Figure 1), to write down the first ideas;
-cartographic and mind-mapping tools, to structure ideas;
-sketching, user journey and roadmaps, to give form to the first concepts.

Thanks to the previous step and to our network of experts, we filtered generated ideas in order to keep only the more adapted and relevant solutions regarding amputee’s behaviors, habits, psychology, life environments, economic resources, etc.

Figure 1: Post-it session

To make the step from the first ideas to tangible solutions, we designed a complete system (hardware and software solutions) including:
- an implantation stem featuring our engineered biofilm;
- a device making the bridge between the stump and a bionic prosthesis, to collect and process the signal from nerves;
- a charging station, to recharge the device and synchronize data with a distant server;
- an app / website, to monitor informations, such as device’s battery level, health status, etc.

In order to design these solutions in a relevant, feasible and comfortable way, we payed strong attention to the device dimensions, ergonomics, assemblies, materials, colors, look and feel, electronic parts, production process and cost. The following device have been conceived and developed thanks to design and engineering knowledge, skills and tools (McNeel Rhino 3D (Figure 1) as 3D modeling tool, Luxion Keyshot as 3D rendering tool), as well as scientific and industrial advice from experts. Colors, materials and finishes have been chosen regarding our device constraints and thanks to material databases and color charts.

Figure 1: 3D Modeling of our device and charger

Conceiving the functional stem

We designed a fully functional stem (Figure 2 and 3) composed of:
- a biocompatible tube made of titanium, to mechanically assemble the device to the user’s stump (1.). This material have been chosen instead of stainless steel 316L thanks to the mechanical modeling of the 3D representation of a humerus bone with a prosthesis (Download the mechanical modeling here);
- a porous ceramic part (2.), surrounding the metallic tube inside the amputee’s bone (3.) to durably and safely link the tube to the bone;
- our engineered biofilm (4.), surrounding the metallic tube inside the amputee’s stump flesh;
- a nanoporous membrane made of PEDOT: PSS (5.), to confine the biofilm within our system, to fixate nerves on it, and to allow the ionic current from nerves to be transformed into an electrical current, that would be processed and used to actuate a bionic prosthesis;
- a thin structure (6.) that supports the nanoporous membrane and transmits electric current from nerves to the stem (7., 8.).

Figure 2: Diagram of the implantation system parts
Figure 3: Implantation cross section view

Conceiving the device

We designed an ergonomic and functional device (Figure 4) to link the stump to a bionic prosthesis, composed of:
- a three parts plastic case made of light-weight, heat and shock resistant injection moldable plastic (ABS - Acrylonitrile-Butadiene-Styrene), to safely enclose technical parts. Injection molding is a reliable process that permits a low cost mass production. Two removable shells (1.) surround the main structure (2.) to facilitate maintenance. An elastomer seal (3.) is placed between these parts and make the device waterproof. Moreover, plastic have been textured to make user’s daily interactions with his device easier;
- a antibacterial ceramic shell (4.), placed between the stump and the device, to improve hygiene and to protect the user from friction;
- electronic parts, to amplify and process the signal (5.), to charge the device (6., 7., 8.), to store (9.) and to send data (10.).

Figure 4: Exploded drawing of NeuronArch device

Conceiving the charging / synchronization station

We designed an easy to use charging / synchronization station (Figure 5), composed of:
- a plastic case (1., 2.) made of ABS, to safely enclose technical parts;
- electronic parts, to charge the device thanks to induction (3.) and a USB-C plug (4.), to send and receive data via wifi and bluetooth connection (5.), to save data via a micro SD card (6.), to demonstrate the charging and synchronization process via a LED ring (7.);
- an elastic strip (8.) placed at the back of the charging station, to store cables during transportation.

Figure 5: Exploded drawing of NeuronArch charging station

Conceiving the secured communication system between our device and the digital world

We designed an efficient system to allow our device to securely exchange data with the digital world. Thanks to integrated electronic parts and to the designed digital architecture, data from nerves signals, bionic prosthesis movements, and user’s health status can be recorded, stored and exchanged. An online algorithme would learn from the user on a daily basis, and improve future interactions. To do so, our communication system (Figure 6) is composed of:
- Bluetooth Low Energy, a very energy-efficient technology enabling heavy data transfer on short distance, to share daily stored data from the device to the charging station, and vice versa;
- Wifi connection, to exchange those data with the distant secure NeuronArch servers, and vice versa.

Figure 6: Communication system

Conceiving the app / website

Finally, we designed an app / website to create a user friendly interface. This app / website allows every NeuronArch user to store, monitor, understand, and share with a doctor his personal data. To do so, our app / website (Figure 7) is composed of:
- a personal home page (1.), to have a general overview regarding health data, charging level, and general notifications;
- a personal dashboard (2.), to monitor recorded health data such as glycemia, blood pressure, etc.;
- a medical appointment booking platform (3.), including registered primary doctor availabilities, prosthetists locations, etc.;
- a unique QR code (4.), to securely share recorded personal data with the user’s doctors during appointments.

Figure 7: Diagram of the app principle screens

Once our solution digitally designed, we had to prototype both the device and the app in real. Thanks to rapid prototyping tools, such as 3D printers (FormLabs Form2 (Figure 1), FormWash, FormCure, and Ultimaker 3), laser cutting (Trotec Speedy360), and hands-on work (sand (Figure 2 and 3), assembly, paint, finishes, etc.), we prototyped the device. Thanks to digital prototyping tools, such as desktop publishing softwares (Adobe Photoshop, Adobe Illustrator, Google Gallery), we prototyped the app and the website. This step helped the team to check and validate products dimensions, ergonomics, look and feel.

Figure 1: Resine printing of the charger
Figure 2: Sanding of the plastic case
Figure 3: Sanding of the plastic case

Designing a strong visual identity is a key element in NeuronArch’s communication. Thanks to desktop publishing softwares (Adobe Photoshop, Adobe Illustrator, Adobe In Design, Adobe Premiere Pro, Adobe After Effect), we conceived a global graphic chart easy to understand for users and general public. This visual indentity includes iGEM Pasteur Paris 2018 logotype, NeuronArch logotype, pictograms, banners, graphic composition and color gradients both for print or digital medium. All these elements have been applied to printed formats such as flyers, communication posters and scientific posters, as well as digital formats such as NeuronArch app and website, wiki, etc. Professional photographic tools (Nikon D3200, Profoto flash kit, Manfrotto background) have been also used to create NeuronArch’s user scenario photographies.

Figure 1: Presentation of our visual identity