|
|
| Line 3: |
Line 3: |
| | <html> | | <html> |
| | <style> | | <style> |
| - | body {
| |
| - | width : 100%;
| |
| - | }
| |
| - | .background {
| |
| - | position : relative;
| |
| - | 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 : 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;
| |
| - | }
| |
| - | #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%;
| |
| - | height : 300px;
| |
| - | margin-top : 40px;
| |
| - | background-image : url("https://static.igem.org/mediawiki/2014/b/b4/Smellgame.png");
| |
| - | background-size : cover;
| |
| - | background-color : transparent;
| |
| - | }
| |
| - |
| |
| - | .separation {
| |
| - | width : 100%;
| |
| - | height : 300px;
| |
| - | background : transparent;
| |
| - | }
| |
| - |
| |
| - | h6 {
| |
| - | font-family : Arial;
| |
| - | font-size : 22px;
| |
| - | font-weight : bold;
| |
| - | margin-left : 5%;
| |
| - | }
| |
| - |
| |
| - | #tablelien {
| |
| - | width : 100%;
| |
| - | height : 60px;
| |
| - | text-align : center;
| |
| - | background-color : rgb(225,0,112);
| |
| - | }
| |
| - | #tablelien tr td {
| |
| - | width : 20%;
| |
| - | height : 60px;
| |
| - | color : rgb(193,185,184);
| |
| - | font-size : 16px;
| |
| - | background-color : rgb(225,0,112);
| |
| - | }
| |
| - | p {
| |
| - | text-align : justify;
| |
| - | background-color : transparent;
| |
| - | }
| |
| - | #fond {
| |
| - | width : 100%
| |
| - | height : 300px;
| |
| - | background : rgb(225,0,112);
| |
| - | }
| |
| - | .project {
| |
| - | width : 100%;
| |
| - | display : inline-block;
| |
| - | }
| |
| - | .project .text1 {
| |
| - | display : inline-block;
| |
| - | vertical-align : middle;
| |
| - | position : relative;
| |
| - | width : 44%;
| |
| - | margin-left : 5%;
| |
| - | font-size : 15px;
| |
| - | }
| |
| - | .project .text2 {
| |
| - | position : absolute;
| |
| - | width : 44%;
| |
| - | height : 250px;
| |
| - | left : 51%;
| |
| - | margin-top : 60px;
| |
| - | font-size : 15px;
| |
| - | }
| |
| - | .project .text2 img {
| |
| - | width : 100%;
| |
| - | }
| |
| - | .project .text1 img {
| |
| - | width : 100%;
| |
| - | }
| |
| - | #top {
| |
| - | position : fixed;
| |
| - | right : 20px;
| |
| - | bottom : 10px;
| |
| - | width : 25px;
| |
| - | height : 25px;
| |
| - | z-index : 100;
| |
| - | }
| |
| - | #top img {
| |
| - | width : 100%;
| |
| - | height : 100%;
| |
| - | }
| |
| - | .nameimg {
| |
| - | position : absolute;
| |
| - | width : 300px;
| |
| - | margin-left : 8%;
| |
| - | margin-top : 60px;
| |
| - | background : transparent;
| |
| - | z-index : 60;
| |
| - | }
| |
| - | #website {
| |
| - | width : 90%;
| |
| - | height : 700px;
| |
| - | margin-left : 5%;
| |
| - | }
| |
| | </style> | | </style> |
| - |
| |
| - |
| |
| - |
| |
| | | | |
| | <body> | | <body> |
| - | <p id=top><a href="#topheader"><img src="https://static.igem.org/mediawiki/2014/4/41/Arrow.png"></a></p> | + | <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" class=nameimg> | | <img src="https://static.igem.org/mediawiki/2014/b/b4/PB14thesmellgame.png" class=nameimg> |
| | </div> | | </div> |
| - | <div id=fond> | + | <div id=fond> </div> |
| - | </table>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <br><br><br>
| + | |
| - | | + | |
| - | | + | |
| - | <div id=part1 class=project>
| + | |
| - | <p class=text2>Test</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>
| + | |
| - | | + | |
| - | <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>
| + | |
| - | | + | |
| - | </div>
| + | |
| - | | + | |
| - | <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>
| |
| - |
| |
| - | <iframe id=website src="http://smellofus.synbio4all.org/smellguess/home/"></iframe>
| |
| | | | |
| - | <br><br>
| |
| | </body> | | </body> |
| | </html> | | </html> |
| | {{:Team:Paris_Bettencourt/Footer}} | | {{:Team:Paris_Bettencourt/Footer}} |
"
+33 1 44 41 25 22/25
paris-bettencourt-igem@googlegroups.com 
