Team:Paris Bettencourt/The Smell Game

From 2014.igem.org

(Difference between revisions)
 
(126 intermediate revisions not shown)
Line 4: Line 4:
<style>
<style>
body {
body {
-
        width : 100%;
+
        width : 100%;
 +
min-width: 1200px;
 +
text-align: justify;
}
}
-
.background {
+
body img { border : none; }
-
position : relative;
+
#topHeader {
-
background : rgb(255,0,99);
+
-
}
+
-
        #darnaud {
+
-
position : absolute;
+
-
widht : 500px;
+
-
height : 180px;
+
-
top : -205px;
+
-
                right : 175px;
+
-
                left : 50px;
+
-
        text-align : justify;
+
-
display : none;
+
-
                color : rgb(255,255,255);
+
-
                background-color : rgb(255,0,99);
+
-
                z-align : 50;
+
-
                font-size : 13px;
+
-
                font-family: Arial, Helvetica, sans-serif;
+
-
        }
+
-
        #aarnaud {
+
-
position : absolute;
+
-
width : 1750px;
+
-
height : 180px;
+
-
top : -205px;
+
-
text-align : right;
+
-
display : none;
+
-
                left : 925px;
+
-
                padding-right : 25px;
+
-
                background-color : rgb(255,0,99);
+
-
                z-align : 50;
+
-
                color : rgb(255,255,255);
+
-
                font-size : 13px;
+
-
                font-family: Arial, Helvetica, sans-serif;
+
-
        }       
+
-
        #djean {
+
-
position : absolute;
+
-
widht : 900px;
+
-
height : 180px;
+
-
top : -205px;
+
-
                right : 175px;
+
-
                        left : 50px;
+
-
text-align : justify;
+
-
display : none;
+
-
                        background-color : rgb(255,0,99);
+
-
                        z-align : 50;
+
-
                        color : rgb(255,255,255);
+
-
                        font-size : 13px;
+
-
                        font-family: Arial, Helvetica, sans-serif;
+
-
}
+
-
                #ajean {
+
-
position : absolute;
+
-
width : 175px;
+
-
height : 180px;
+
-
top : -205px;
+
-
text-align : right;
+
-
display : none;
+
-
                        left : 925px;
+
-
                        padding-right : 25px;
+
-
                        background-color : rgb(255,0,99);
+
-
                        z-align : 50;
+
-
                        color : rgb(255,255,255);
+
-
                        font-size : 13px;
+
-
                        font-family: Arial, Helvetica, sans-serif;
+
-
}
+
-
                #dnathan {
+
-
position : absolute;
+
-
widht : 900px;
+
-
height : 180px;
+
-
top : -205px;
+
-
                        right : 175px;
+
-
                        left : 50px;
+
-
text-align : justify;
+
-
display : none;
+
-
                        background-color : rgb(255,0,99);
+
-
                        z-align : 50;
+
-
                        color : rgb(255,255,255);
+
-
                        font-size : 13px;
+
-
                        font-family: Arial, Helvetica, sans-serif;
+
-
}
+
-
                #anathan {
+
-
position : absolute;
+
-
width : 175px;
+
-
height : 180px;
+
-
top : -205px;
+
-
text-align : right;
+
-
display : none;
+
-
                        left : 925px;
+
-
                        padding-right : 25px;
+
-
                        background-color : rgb(255,0,99);
+
-
                        z-align : 50;
+
-
                        color : rgb(255,255,255);
+
-
                        font-size : 13px;
+
-
                        font-family: Arial, Helvetica, sans-serif;
+
-
}
+
-
#dflorian {
+
-
position : absolute;
+
-
widht : 900px;
+
-
height : 180px;
+
-
top : -205px;
+
-
                        right : 175px;
+
-
                        left : 50px;
+
-
text-align : justify;
+
-
display : none;
+
-
                        background-color : rgb(255,0,99);
+
-
                        z-align : 50;
+
-
                        color : rgb(255,255,255);
+
-
                        font-size : 13px;
+
-
                        font-family: Arial, Helvetica, sans-serif;
+
-
}
+
-
                #aflorian {
+
-
position : absolute;
+
-
width : 175px;
+
-
height : 180px;
+
-
top : -205px;
+
-
text-align : right;
+
-
display : none;
+
-
                        left : 925px;
+
-
                        padding-right : 25px;
+
-
                        background-color : rgb(255,0,99);
+
-
                        z-align : 50;
+
-
                        color : rgb(255,255,255);
+
-
                        font-size : 13px;
+
-
                        font-family: Arial, Helvetica, sans-serif;
+
-
}
+
-
                #dlucas {
+
-
position : absolute;
+
-
widht : 900px;
+
-
height : 180px;
+
-
top : -205px;
+
-
                        right : 175px;
+
-
                        left : 50px;
+
-
text-align : justify;
+
-
display : none;
+
-
                        background-color : rgb(255,0,99);
+
-
                        z-align : 50;
+
-
                        color : rgb(255,255,255);
+
-
                        font-size : 13px;
+
-
                        font-family: Arial, Helvetica, sans-serif;
+
-
}
+
-
                #alucas {
+
-
position : absolute;
+
-
width : 175px;
+
-
height : 180px;
+
-
top : -205px;
+
-
text-align : right;
+
-
display : none;
+
-
                        left : 925px;
+
-
                        padding-right : 25px;
+
-
                        background-color : rgb(255,0,99);
+
-
                        z-align : 50;
+
-
                        color : rgb(255,255,255);
+
-
                        font-size : 13px;
+
-
                        font-family: Arial, Helvetica, sans-serif;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
                .tableau {
+
-
position : relative;
+
-
left : 20px;
+
-
width : 1100px;
+
-
                        top : 215px;
+
-
z-index : 60;
+
-
}
+
-
 
+
-
#advisor {
+
-
position : relative;
+
-
left : 90px;
+
-
top : 172px;
+
-
width : 1100px;
+
-
z-index : 70;
+
-
}
+
-
.portrait {
+
-
width : 120px;
+
-
height : 130px;
+
-
}
+
-
.rien {
+
-
width : 80px;
+
-
height : 120px;
+
-
}
+
-
.rien img {
+
-
margin-top : -20px;
+
-
height : 140px;
+
-
width : 160px;
+
-
margin-left : 30px;
+
-
}
+
-
.portrait #arnaud {
+
-
width : 100%;
+
-
height : 100%;
+
-
display : block;
+
-
}
+
-
.portrait #arnaudF{
+
-
width : 100%;
+
-
height : 100%;
+
-
display : none;
+
-
}
+
-
.portrait:hover #arnaud {
+
-
display : none;
+
-
}
+
-
.portrait:hover #arnaudF {
+
-
display : block;
+
-
}
+
-
.portrait:hover #darnaud{
+
-
display : block;
+
-
}
+
-
.portrait:hover #aarnaud{
+
-
display : block;
+
-
}
+
-
 
+
-
.portrait #jean {
+
-
width : 100%;
+
-
height : 100%;
+
-
display : block;
+
-
}
+
-
.portrait #jeanF{
+
-
width : 100%;
+
-
height : 100%;
+
-
display : none;
+
-
}
+
-
.portrait:hover #jean {
+
-
display : none;
+
-
}
+
-
.portrait:hover #jeanF {
+
-
display : block;
+
-
}
+
-
.portrait:hover #djean {
+
-
display : block;
+
-
}
+
-
.portrait:hover #ajean {
+
-
display : block;
+
-
}
+
-
 
+
-
.portrait #nathan {
+
-
width : 100%;
+
-
height : 100%;
+
-
display : block;
+
-
}
+
-
.portrait #nathanF{
+
-
width : 100%;
+
-
height : 100%;
+
-
display : none;
+
-
}
+
-
.portrait:hover #nathan {
+
-
display : none;
+
-
}
+
-
.portrait:hover #nathanF {
+
-
display : block;
+
-
}
+
-
.portrait:hover #dnathan {
+
-
display : block;
+
-
}
+
-
.portrait:hover #anathan {
+
-
display : block;
+
-
}
+
-
 
+
-
.portrait #florian {
+
-
width : 100%;
+
-
height : 100%;
+
-
display : block;
+
-
}
+
-
.portrait #florianF{
+
-
width : 100%;
+
-
height : 100%;
+
-
display : none;
+
-
}
+
-
.portrait:hover #florian {
+
-
display : none;
+
-
}
+
-
.portrait:hover #florianF {
+
-
display : block;
+
-
}
+
-
.portrait:hover #dflorian {
+
-
display : block;
+
-
}
+
-
.portrait:hover #aflorian {
+
-
display : block;
+
-
}
+
-
+
-
.portrait #lucas {
+
-
width : 100%;
+
-
height : 100%;
+
-
display : block;
+
-
}
+
-
.portrait #lucasF{
+
-
width : 100%;
+
-
height : 100%;
+
-
display : none;
+
-
}
+
-
.portrait:hover #lucas {
+
-
display : none;
+
-
}
+
-
.portrait:hover #lucasF {
+
-
display : block;
+
-
}
+
-
.portrait:hover #dlucas {
+
-
display : block;
+
-
}
+
-
.portrait:hover #alucas {
+
-
display : block;
+
-
}
+
-
 
+
-
.separation {
+
-
height : 100px;
+
-
widht : 1200px;
+
-
margin-right : auto;
+
-
margin-left : auto;
+
-
}
+
-
                #tdescript {
+
-
position : absolute;
+
-
widht : 1100px;
+
-
top : -200px;
+
-
                        right : -25px;
+
-
display : block;
+
-
                        z-index : 0;
+
-
                        left : 50px;
+
-
height : 180px;
+
-
text-align : justify;
+
-
                        background-color : rgb(255,0,99);
+
-
                        padding-right: 50px;
+
-
                        color : rgb(255,255,255);
+
-
                }
+
-
                .advstud {
+
-
                        position : absolute;
+
-
                        font-weight : bold;
+
-
                        text-align : right;
+
-
                        width : 20px;
+
-
                        height : 110px;
+
-
                        margin-left : 0px;
+
-
                        font-size : 12px;
+
-
                        text-aling : center;
+
-
                        margin-top : 20px;
+
-
                }
+
-
.margedroite {
+
-
width : 20px;
+
-
height : 130px;
+
-
}
+
-
 
+
-
#topheader {
+
width : 100%;
width : 100%;
height : 300px;
height : 300px;
margin-top : 40px;
margin-top : 40px;
-
background-image : url("https://static.igem.org/mediawiki/2014/b/b4/Smellgame.png");
+
 
-
        background-size : cover;
+
background-image : url("https://static.igem.org/mediawiki/2014/6/68/PBsmellegamebanner.png");
-
background-color : transparent;
+
background-size : cover;
}
}
-
+
#topHeader img {
-
.separation {
+
display: block;
-
width : 100%;
+
width : 300px;
-
height : 300px;
+
margin-left: 80px;
 +
                padding-top: 50px;
background : transparent;
background : transparent;
 +
z-index : 60;
}
}
-
+
#contentCell {
-
h6 {
+
width: 90%;
 +
margin-left : 5%;
 +
}
 +
.cell {
 +
display: inline-block;
 +
vertical-align: top;
 +
width : 44%;
 +
margin-right: 4%;
 +
                font-size : 15px;
 +
                margin-bottom : 40px;
 +
}
 +
        .cell2 {
 +
float : right;
 +
width : 43%;
 +
                margin-right : 4%;
 +
                font-size : 15px;
 +
vertical-align: top;
 +
                font-size : 15px;
 +
                margin-bottom : 40px;
 +
        }
 +
 
 +
.cell h6 {
font-family : Arial;
font-family : Arial;
font-size : 22px;  
font-size : 22px;  
font-weight : bold;
font-weight : bold;
-
                margin-left : 5%;
 
}
}
-
 
+
        .cell img {
-
#tablelien {
+
                width : 100%;
-
width : 100%;
+
        }
-
height : 60px;
+
#description {
-
text-align : center;
+
width: 100%;
-
background-color : rgb(225,0,112);
+
margin-top: 62px;
 +
margin-bottom: 20px;
}
}
-
#tablelien tr td {
+
#description p {
-
width : 20%;
+
width: 90%;
-
height : 60px;
+
height: 220px;
-
color : rgb(193,185,184);
+
margin: none;
-
                font-size : 16px;
+
margin-bottom: 5px;
-
background-color : rgb(225,0,112);
+
background: #FF0063;
 +
padding: 5%;
 +
color: white;
 +
                font-size : 13px;
}
}
-
p {
+
#description .portait {
-
text-align : justify;
+
vertical-align: top;
-
background-color : transparent;
+
width: 120px;
 +
height: 130px;
 +
margin: none;
 +
background-size: 120px 130px;
}
}
-
        #fond {
+
#arnaud, #florian, #jean, #lucas, #nathan { display: inline-block; }
-
                width : 100%
+
-
                height : 300px;
+
#arnaudTextDescrip, #florianTextDescrip, #jeanTextDescrip, #lucasTextDescrip, #nathanTextDescrip  { display: none; }
-
background : rgb(225,0,112);
+
 +
#arnaud { background-image: url('https://static.igem.org/mediawiki/2014/c/ce/ArnaudBpb.jpg'); }
 +
#florian { background-image: url('https://static.igem.org/mediawiki/2014/c/c4/FlorianBpb.jpg'); }
 +
#jean { background-image: url('https://static.igem.org/mediawiki/2014/d/da/JeanBpb.jpg'); }
 +
#lucas { background-image: url('https://static.igem.org/mediawiki/2014/4/46/LucasBpb.jpg'); }
 +
#nathan { background-image: url('https://static.igem.org/mediawiki/2014/c/c9/NathanBpb.jpg'); }
 +
 +
#arnaud:hover { background-image: url('https://static.igem.org/mediawiki/2014/5/5c/ArnaudApb.jpg'); }
 +
#florian:hover { background-image: url('https://static.igem.org/mediawiki/2014/9/99/FlorianApb.jpg'); }
 +
#jean:hover { background-image: url('https://static.igem.org/mediawiki/2014/e/ed/JeanApb.jpg'); }
 +
#lucas:hover { background-image: url('https://static.igem.org/mediawiki/2014/2/28/LucasApb.jpg'); }
 +
#nathan:hover { background-image: url('https://static.igem.org/mediawiki/2014/8/82/NathanApb.jpg'); }
 +
 +
#igemLogo {
 +
width: 160px;
 +
height: 140px;
 +
margin: none;
 +
vertical-align: top;
}
}
-
.project {
+
iframe {
-
width : 100%;
+
width : 90%;
-
display : inline-block;
+
height : 700px;
-
}
+
min-width: 1200px;
-
.project .text1 {
+
-
display : inline-block;
+
-
vertical-align : middle;
+
-
position : relative;
+
-
width : 44%;
+
margin-left : 5%;
margin-left : 5%;
-
                 font-size : 15px;
+
                 margin-top : 50px;
}
}
-
.project .text2 {
+
        #pleinepage {
-
position : absolute;
+
                width : 90%;
-
width : 44%;
+
                margin-left : 5%;
-
height : 250px;
+
                margin-top : 50px;
-
                left : 51%;
+
        }
-
                 margin-top : 60px;
+
#headtable {
-
                 font-size : 15px;
+
width : 92.5%;
 +
height : 300px;
 +
background : rgb(255,0,99);
 +
                 margin-right : 3.75%;
 +
                 margin-left : 3.75%;
}
}
-
        .project .text2 img {
+
#headtable tr td {
-
                width : 100%;
+
width : 50%;
-
      }
+
heigth : 100%;
-
        .project .text1 img {
+
color : rgb(255,255,255);
-
                width : 100%;
+
                 font-size : 14px;  
-
      }
+
                 align : justify;
-
#top {
+
-
position : fixed;
+
-
right : 20px;
+
-
bottom : 10px;
+
-
                 width : 25px;
+
-
                 height : 25px;
+
-
z-index : 100;
+
}
}
-
         #top img {
+
         #fond {
-
                 width : 100%;
+
                 width : 100%
-
                 height : 100%;
+
                 height : 300px;
 +
background : rgb(255,0,99);
         }
         }
-
.nameimg {
+
        #headtable tr td b {
-
position : absolute;
+
              font-size : 18px;
-
width : 300px;
+
        }
-
margin-left : 8%;
+
        .text1 {
-
                margin-top : 60px;
+
              text-align : justify;
-
background : transparent;
+
              margin-left : 5%;
-
z-index : 60;
+
              margin-right : 5%;
-
}
+
        }
-
#website {
+
        #image1 {
-
width : 90%;
+
              width : 30%;
-
height : 700px;
+
              margin-left : 57.5%;
-
margin-left : 5%;
+
              margin-top : -400px;
-
}
+
        }
</style>
</style>
-
 
+
<script>
-
 
+
$(document).ready(function(){
 +
$('#arnaud').mouseover(function() {
 +
$('#arnaudTextDescrip').css('display','block');
 +
$('#defaultTextDescrip').css('display','none');
 +
}).mouseout(function(){
 +
$('#arnaudTextDescrip').css('display','none');
 +
$('#defaultTextDescrip').css('display','block');
 +
});
 +
 +
$('#florian').mouseover(function() {
 +
$('#florianTextDescrip').css('display','block');
 +
$('#defaultTextDescrip').css('display','none');
 +
}).mouseout(function(){
 +
$('#florianTextDescrip').css('display','none');
 +
$('#defaultTextDescrip').css('display','block');
 +
});
 +
 +
$('#jean').mouseover(function() {
 +
$('#jeanTextDescrip').css('display','block');
 +
$('#defaultTextDescrip').css('display','none');
 +
}).mouseout(function(){
 +
$('#jeanTextDescrip').css('display','none');
 +
$('#defaultTextDescrip').css('display','block');
 +
});
 +
 +
$('#lucas').mouseover(function() {
 +
$('#lucasTextDescrip').css('display','block');
 +
$('#defaultTextDescrip').css('display','none');
 +
}).mouseout(function(){
 +
$('#lucasTextDescrip').css('display','none');
 +
$('#defaultTextDescrip').css('display','block');
 +
});
 +
 +
$('#nathan').mouseover(function() {
 +
$('#nathanTextDescrip').css('display','block');
 +
$('#defaultTextDescrip').css('display','none');
 +
}).mouseout(function(){
 +
$('#nathanTextDescrip').css('display','none');
 +
$('#defaultTextDescrip').css('display','block');
 +
});
 +
 +
});
 +
</script>
<body>
<body>
-
<p id=top><a href="#topheader"><img src="https://static.igem.org/mediawiki/2014/4/41/Arrow.png"></a></p>
+
<div id="topHeader">
-
<div id="topheader">
+
<img src="https://static.igem.org/mediawiki/2014/b/b4/PB14thesmellgame.png" />
-
<img src="https://static.igem.org/mediawiki/2014/b/b4/PB14thesmellgame.png" class=nameimg>
+
</div>
</div>
<div id=fond>
<div id=fond>
 +
        <table id=headtable>
 +
<tr>
 +
<td><b><center>AIMS</center></b></br><br>
 +
<p class=text1>This platform has three concrete aims: to Develop a game for people to characterize smell samples (sweat or artificial odor) with respect to intensity and pleasantness, to create a database that stores the results from game and connects those smell results to the pertinent information from people who give a sample of their own sweat.and to generate graphical results from all precedent data, updated dynamically from the database.</p></td>
 +
<td><b><center>ACHIEVEMENTS</center></b></br><br>
 +
<p class=text1><left> <p>The web platform continues to evolve, mostly thanks to the people who give their samples and play the game. At this time, users can give a sample of his own sweat, play with the samples of others and then obtain a position of their smell.The SmellGame project relies on a web platform available here : <br>
 +
<a target="blank" href='http://smellofus.synbio4all.org/'>http://smellofus.synbio4all.org</a>.</br>Join us and play!</left></li></ul></p></td>
 +
</tr>
</table>
</table>
         </div>
         </div>
 +
<div id="contentCell">
 +
<div class="cell">
 +
<br><br><br><h6>Introduction</h6><br/>
 +
<p>This year, five students from the MSc of BioInformatics & Genomics of the University of Rennes 1 tried to inaugurate the first iGEM team from their university. However, being the first is always fraught with challenges and ultimately, they were not able have their own team this year. The Rennes University students wanted to participate in iGEM to learn about synthetic biology. The team viewed synthetic biology as a scientific discipline with a lot of potential, but still in the nascent stage of development. So they were still determined still participate! These five students asked us (iGEM Paris-Bettencourt team) for advice and found that the Rennes students had computational skills that we lacked. Thus began a mutually beneficial collaboration, which lead to the development of the online program "SmellGame" within the <a href="https://2014.igem.org/Team:Paris_Bettencourt/Citizen_Science">Citizen Science</a> part of Human Practices of iGEM Bettencourt.</p>
 +
</div>
 +
                <div class=cell>
 +
<br><br><br><h6>Motivation</h6><br/>
 +
<p>The Rennes team was motivated to create a web platform to generate, store, and analyze data for the following reasons:    </br>               
 +
                                        - The project idea is at the intersection of citizen science and big data: it is a perfect case study in the context of the current concerns in Bioinformatics.</br>
 +
- Enhanced the teams ability to develop web platforms.</br>
 +
- Opportunity to learn new web development tools and professional competencies (Python & Django, JavaScript, Git/GitHub, …).</br>
 +
- The ability to create web tools to analyze data that are fully embedded in the project.</br>
 +
</p>
 +
</div>
 +
<div class="cell">
 +
<h6>Design of the Platform</h6><br />
 +
<p>We designed an app for analyzing body odor samples from the public.<br><br>
 +
The body odor wheel was the starting point of our design. It references the main note of the different types of body odors. We worked on the interface to make the test user-friendly. It is based on analogies: "if this odor was a … what would it be?". After entering their age and gender, testers have to judge the intensity of the odor, attribute a humor, a note, a name, a title, and finally their appreciation of it. We wanted the results to be both digital and visual. Digital so it is usable data for scientist, visual so it is directly understandable for testers. At the end of each analysis the tester can see what other people thought of the odor they just judged. </li>
 +
</ul>
 +
</p>
 +
</div>
 +
                </br>
 +
<div class="cell">
 +
<p>
 +
<a target="blank" href='http://smellofus.synbio4all.org/'>http://smellofus.synbio4all.org</a>.</br>Join us and play!
 +
</p>
 +
</div>
 +
          <img id=image1 src="https://static.igem.org/mediawiki/2014/0/00/BO_WHEEL.png">
 +
</div>
 +
<img id=pleinepage src="https://static.igem.org/mediawiki/2014/4/4f/KITcds.png">
 +
<iframe id=website src="http://smellofus.synbio4all.org/smellguess/home/"></iframe>
 +
<br/><br/>
 +
<img id=pleinepage src="https://static.igem.org/mediawiki/2014/9/9a/RENNES.png"><br><br><br><br><br>
-
<br><br><br>
 
-
 
-
 
-
<div id=part1 class=project>
 
-
<p class=text2></p>
 
-
<h6>Introduction</h6><br>
 
-
<p class=text1>This year, five students from the MSc of BioInformatics & Genomics of the University of Rennes 1 tried to inaugurate the first iGEM team from their university. However, being the first is always fraught with challenges and ultimately, they were not able have their own team this year. The Rennes University students wanted to participate in iGEM to learn about synthetic biology. The team viewed synthetic biology as a scientific discipline with a lot of potential, but still in the nascent stage of development. So they were still determined still participate! These five students asked us (iGEM Paris-Bettencourt team) for advice and found that the Rennes students had computational skills that we lacked. Thus began a mutually beneficial collaboration, which lead to the development of the online program “SmellGame”.</p>
 
-
 
-
 
-
 
-
 
-
 
-
<div class=description>
 
-
<table class=tableau>
 
-
<tr>
 
-
<td>
 
-
<div class=rien>
 
-
                                <div id=tdescript>
 
-
                                    <br><br><br>The team from Rennes who worked on the game: includes three computational biologists (Florian, Lucas and Nathan), and two computer developers (Arnaud and Jean), who worked with the Paris-Bettencourt team on the game.
 
-
                                </div>
 
-
<img src="https://static.igem.org/mediawiki/2014/c/c5/Igem_Logo_NRpb_.png">
 
-
</div>
 
-
</td>
 
-
 
-
<td>
 
-
<div class=rien>
 
-
</div>
 
-
</td>
 
-
 
-
<td>
 
-
<div class=portrait>
 
-
<p id=darnaud><b>ARNAUD FERRE</b></br><i>Team-leader</i>
 
-
</br></br>
 
-
I am an old student with two degrees: one in software & project engineering and one in bioinformatics for genomics. I want to work in biotechnology, because of their high interdisciplinary aspect and their potential to improve our (very near) future society. The first time that I heard about synthetic biology, I was immediately motivated by learn skills about this, and iGEM is for me the best way to achieve it. It is also a huge opportunity to meet people who have the same passion for science as me, and who want to act. My main focus in the platform is to organize the programming part and to contribute to the realization of the SmellGame platform.
 
-
<p id=aarnaud></p>
 
-
<img id=arnaud src="https://static.igem.org/mediawiki/2014/8/83/MargueriteBpb.jpg">
 
-
<img id=arnaudF src="https://static.igem.org/mediawiki/2014/5/5e/MargueriteApb.jpg">
 
-
</div>
 
-
</td>
 
-
 
-
<td>
 
-
<div class=portrait>
 
-
<div class=calque></div>
 
-
<p id=dflorian><b>FLORIAN THONIER</b></br><i>Bioinformatician</i>
 
-
</br></br>
 
-
Recently I graduated from the Rennes 1 University (France) was a degree in Bioinformatics and genomics. I’m passionate about informatics and its potential to facilitate new research, particularly in biology. I’m part of this project to learn new methodologies and learn about synthetic biology. I learned that synthetic biology is a domain for new research to respond to the goals of tomorrow in everyday life. I also learned a lot by working with researchers from many different backgrounds.<p id=aflorian></p>
 
-
<img id=florian src="https://static.igem.org/mediawiki/2014/2/26/ArielBpb.jpg">
 
-
<img id=florianF src="https://static.igem.org/mediawiki/2014/1/1b/ArielApb.jpg">
 
-
</div>
 
-
</td>
 
-
 
-
<td>
 
-
<div class=portrait>
 
-
<p id=djean><b>JEAN COQUET</b></br><i>Bioinformatician</i>
 
-
</br></br>
 
-
I’m a first year Ph.D student from university of Rennes (FRANCE). I studied the “Semantic-based reasoning for biological pathways analysis” (my thesis subject) at Irisa/Inria in Rennes. I obtained a bachelor degree in Computer Science then I decided to go to the BioInformatics way. I’m really happy to participate of synthetic biology project because this domain possibilities are exciting. Specifically, I participated in developing SmellGame platform.<p id=ajean></p>
 
-
<img id=jean src="https://static.igem.org/mediawiki/2014/3/36/IanBpb.jpg">
 
-
<img id=jeanF src="https://static.igem.org/mediawiki/2014/0/0a/IanApb.jpg">
 
-
</div>
 
-
</td>
 
-
 
-
<td>
 
-
<div class=portrait>
 
-
<div class=calque></div>
 
-
<p id=dlucas><b>LUCAS LE LANN</b></br><i>Bioinformatician</i>
 
-
</br></br>
 
-
I have a degree in Bioinformatics and i wanted to take part in this synthetic biology project because I enjoy interdisciplinarity. Furthermore, I think synthetic biology can be useful to everyday life as well as bigger projects.<p id=alucas></p>
 
-
<img id=lucas src="https://static.igem.org/mediawiki/2014/7/72/ZoranBpb.jpg">
 
-
<img id=lucasF src="https://static.igem.org/mediawiki/2014/0/01/ZoranApb.jpg">
 
-
</div>
 
-
</td>
 
-
 
-
<td>
 
-
<div class=portrait>
 
-
<div class=calque></div>
 
-
<p id=dnathan><b>NATHAN FOULQUIER</b></br><i>Bioinformatician</i>
 
-
</br></br>
 
-
I am a 23 years old engineer in bioinformatics and I started iGEM 2014 when I was still a student at Universitée Rennes 1. While I was finishing my studies I felt the need to involve myself into a concrete project at the interface of informatics and biology. I was really interested by the spirit of innovation carried by iGEM in the field of Synthetic biology and thought that I may contribute to the projects of Paris Bettencourt iGEM team with my own skills. I believe the next revolutions in Science will take place in organisations like iGEM.<p id=anathan></p>
 
-
<img id=nathan src="https://static.igem.org/mediawiki/2014/d/d0/JakeBpb.jpg">
 
-
<img id=nathanF src="https://static.igem.org/mediawiki/2014/1/11/JakeApb.jpg">
 
-
</div>
 
-
</td>
 
-
</tr>
 
-
 
-
</table>
 
-
</div>
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
</div>
 
-
 
-
<div id=part4 class=project>
 
-
<p class=text2></p>
 
-
<h6>Motivation</h6><br>
 
-
<p class=text1>The Rennes team was motivated to create a web platform to generate, store, and analyze data for the following reasons:
 
-
<br>- The project idea is at the intersection of citizen science and big data: it is a perfect case study in the context of the current concerns in Bioinformatics.
 
-
<br>- Enhanced the teams ability to develop web platforms.
 
-
<br>- Opportunity to learn new web development tools and professional competancies (Python & Django, Git/GitHub, …).
 
-
<br>- The ability to create web tools to analyze data that are fully embedded in the project.</p>
 
-
</div>
 
-
 
-
<div id=part2 class=project>
 
-
<p class=text2></p>
 
-
<h6>Aims</h6><br>
 
-
<p class=text1>This platform has three concrete aims:
 
-
<br>- Develop a game for people to characterize smell samples (sweat or artificial odor) with respect to intensity and pleasantness.
 
-
<br>- To create a database that stores the results from game and connects those smell results to the pertinent information from people who give a sample of their own sweat.
 
-
<br>- To generate graphical results from all precedent data, updated dynamically from the database.
 
-
</p>
 
-
</div>
 
-
 
-
<div id=part3 class=project>
 
-
<p class=text2></p>
 
-
<h6>Results</h6><br>
 
-
<p class=text1>The web platform continues to evolve, in part thank to people who give and play with it. The SmellGame project relies on a web platform available <a href='http://smellofus.synbio4all.org/'>here</a>.
 
-
<<< Link to our part in HUMAN PRACTICE ? >>></p>
 
-
 
-
<iframe id=website src="http://smellofus.synbio4all.org/smellguess/home/"></iframe>
 
-
<br>
 
-
</div>
 
-
 
-
<br><br>
 
</body>
</body>
</html>
</html>
{{:Team:Paris_Bettencourt/Footer}}
{{:Team:Paris_Bettencourt/Footer}}

Latest revision as of 03:22, 18 October 2014

AIMS


This platform has three concrete aims: to Develop a game for people to characterize smell samples (sweat or artificial odor) with respect to intensity and pleasantness, to create a database that stores the results from game and connects those smell results to the pertinent information from people who give a sample of their own sweat.and to generate graphical results from all precedent data, updated dynamically from the database.
ACHIEVEMENTS


The web platform continues to evolve, mostly thanks to the people who give their samples and play the game. At this time, users can give a sample of his own sweat, play with the samples of others and then obtain a position of their smell.The SmellGame project relies on a web platform available here :
http://smellofus.synbio4all.org.
Join us and play!



Introduction

This year, five students from the MSc of BioInformatics & Genomics of the University of Rennes 1 tried to inaugurate the first iGEM team from their university. However, being the first is always fraught with challenges and ultimately, they were not able have their own team this year. The Rennes University students wanted to participate in iGEM to learn about synthetic biology. The team viewed synthetic biology as a scientific discipline with a lot of potential, but still in the nascent stage of development. So they were still determined still participate! These five students asked us (iGEM Paris-Bettencourt team) for advice and found that the Rennes students had computational skills that we lacked. Thus began a mutually beneficial collaboration, which lead to the development of the online program "SmellGame" within the Citizen Science part of Human Practices of iGEM Bettencourt.




Motivation

The Rennes team was motivated to create a web platform to generate, store, and analyze data for the following reasons:
- The project idea is at the intersection of citizen science and big data: it is a perfect case study in the context of the current concerns in Bioinformatics.
- Enhanced the teams ability to develop web platforms.
- Opportunity to learn new web development tools and professional competencies (Python & Django, JavaScript, Git/GitHub, …).
- The ability to create web tools to analyze data that are fully embedded in the project.

Design of the Platform

We designed an app for analyzing body odor samples from the public.

The body odor wheel was the starting point of our design. It references the main note of the different types of body odors. We worked on the interface to make the test user-friendly. It is based on analogies: "if this odor was a … what would it be?". After entering their age and gender, testers have to judge the intensity of the odor, attribute a humor, a note, a name, a title, and finally their appreciation of it. We wanted the results to be both digital and visual. Digital so it is usable data for scientist, visual so it is directly understandable for testers. At the end of each analysis the tester can see what other people thought of the odor they just judged.


http://smellofus.synbio4all.org.
Join us and play!








Centre for Research and Interdisciplinarity (CRI)
Faculty of Medicine Cochin Port-Royal, South wing, 2nd floor
Paris Descartes University
24, rue du Faubourg Saint Jacques
75014 Paris, France
+33 1 44 41 25 22/25
paris-bettencourt-igem@googlegroups.com
Copyright (c) 2014 igem.org. All rights reserved.

Retrieved from "http://2014.igem.org/Team:Paris_Bettencourt/The_Smell_Game"