Difference between revisions of "Team:IONIS Paris/Practices"
| Line 18: | Line 18: | ||
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"> | <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"> | ||
<link rel="icon" href="images/favicon.ico" type="image/x-icon"> | <link rel="icon" href="images/favicon.ico" type="image/x-icon"> | ||
| − | |||
| − | |||
</head> | </head> | ||
| Line 26: | Line 24: | ||
<!-- BANNER --> | <!-- BANNER --> | ||
| − | |||
<div class="banner row" id="banner" style="width:101%"> | <div class="banner row" id="banner" style="width:101%"> | ||
| − | + | <div class="parallax text-center" style="background-image: url(https://static.igem.org/mediawiki/2015/a/a4/DSC_1542.JPG);"> | |
| − | + | <div class="parallax-pattern-overlay"> | |
| − | + | <div class="container text-center" style="overflow: auto;height:600px; padding-top:200px;"> | |
| − | + | <h1 class="intro wow zoomIn" wow-data-delay="0.4s" wow-data-duration="0.9s" style="font-family:sans-serif; color:#B00000 " >Human Practices</h1> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
</div> | </div> | ||
| + | </div> | ||
</div> | </div> | ||
| − | |||
| − | <!-- | + | <!-- INTRODUCTION --> |
| − | + | ||
| − | + | ||
<div id="about" class="container spacer about"> | <div id="about" class="container spacer about"> | ||
<h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big>IN CONSTRUCTION</big></h2> | <h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big>IN CONSTRUCTION</big></h2> | ||
| − | + | <h4><i class="fa fa-ils"style="color:#b22222"></i>Introduction</h4> | |
| − | + | <p align="justify"> | |
| − | + | Nowadays, Synthetic Biology is a real challenge in the scientific world, and we are all affected. | |
| − | + | However, as a new field, concerns arise from population and the need to understand is becoming essential. | |
| − | + | Aware of the need to communicate and share about Synthetic Biology, a new team have been created this year: <b><font style="color:#66cdaa">IONIS Paris</font></b>. | |
| − | + | <br> | |
| − | + | IONIS Paris team, gather students with different background in order to propose a new way to popularize biology and synthetic biology. | |
| − | + | Scientists, computer engineers, scientist communication managers and designers have taken the challenge and propose a double project based on the popularization of science. | |
| − | + | This will of IONIS iGEM to popularize Biology and Synthetic Biology gathers several proposals and projects which are presented in the following parts. | |
| − | + | <br><br> | |
| − | + | </p> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | + | <!-- TEAM PROJECT INTRO--> | |
| − | + | ||
| − | + | ||
| − | + | ||
<div id="about" class="container spacer about"> | <div id="about" class="container spacer about"> | ||
| − | + | <h2 class="text-center wowload fadeInUp" style="color:#ff0000"> iGEM teams project </h2> | |
| − | + | <h4><i class="fa fa-ils"style="color:#b22222"></i> Explain your project in 1 minute</h4> | |
| − | + | <p align="justify"> As this year the main goal of the IONIS iGEM team was to popularize Synthetic Biology, we have <font style="color:#66cdaa">challenged</font> other iGEM teams and asked them to create a one minute video introducing their project in the simplest way. | |
| − | + | As well, during the French meeting in July, we came with our camera and recorded the other French teams. | |
| − | + | Those videos were challenging for all teams, indeed, introducing its own project in only one minute is short. | |
| − | + | But also use simple worlds understood by everyone is challenging. | |
| − | + | </p> | |
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
| − | + | <br> | |
| − | <br> | + | |
| − | + | ||
</div> | </div> | ||
<!-- VIDEO TEAMS --> | <!-- VIDEO TEAMS --> | ||
| − | |||
| − | |||
<div id="home" style="margin-top:0" > | <div id="home" style="margin-top:0" > | ||
| − | + | <div id="myCarousel" class="carousel slide banner-slider animated bounceInDown" data-ride="carousel"> | |
| − | + | <div class="carousel-inner"> | |
| − | + | <!-- Item 1 --> | |
| − | + | <div class="item active" > | |
| − | + | <div class="row"> | |
| − | + | <h3 class="text-center" style="margin-top:0;margin-bottom:0"> Pasteur Paris</h3> | |
| − | + | <div class="col-sm-6 "> | |
| − | + | <p align="center"><br><br><a href="https://2015.igem.org/Team:Pasteur_Paris"> <img src="https://static.igem.org/mediawiki/2015/b/be/10991041_369654173238022_4982417221874777326_n.jpg" alt="Logo" width="150" height=auto></a> </p> | |
| − | + | </div> | |
| − | + | <div class="col-sm-6 "> | |
| − | + | <div align="left"> | |
| − | + | <video width="500" height="281.25" poster="https://static.igem.org/mediawiki/2015/e/e5/Bann_Pasteur_2.jpg" controls> | |
| − | + | <source src="https://static.igem.org/mediawiki/2015/8/8f/Scientific_popularization_of_iGEM_Pasteur_project.mp4" type='video/mp4'/> | |
| − | + | <source src="https://static.igem.org/mediawiki/2015/4/41/Scientific_popularization_of_iGEM_Pasteur_project.ogg" type='video/ogg; codecs="theora, vorbis"'/> | |
| − | + | <source src="https://static.igem.org/mediawiki/2015/0/01/Scientific_popularization_of_iGEM_Pasteur_project.webm" type='video/webm; codecs="vp8, vorbis"'/> | |
| − | + | <a href="https://www.youtube.com/watch?v=vW35rMErI5M"><img border="0" src="https://static.igem.org/mediawiki/2015/e/e5/Bann_Pasteur_2.jpg" alt="Click to view on Youtube" width="500" height="281.25"></a> | |
| − | + | <p style="font-style:italic;color:red;border-style:solid;border-width:2px;border-color:red">Your browser either does not support HTML5 or cannot handle MediaWiki open video formats. Please consider upgrading your browser, installing the appropriate plugin or switching to a Firefox or Chrome install.</p> | |
| − | + | </video> | |
| − | + | </div> | |
| − | + | </div> | |
</div> | </div> | ||
</div> | </div> | ||
| − | + | ||
| − | + | <div class="item"> | |
| − | + | <div class="row"> | |
| − | + | <h3 class="text-center" style="margin-top:0;margin-bottom:0"> UT - TOKYO</h3> <br> | |
| − | + | <div class="col-sm-6 " > | |
| − | + | <p align="center"><br><br> <a href="https://2015.igem.org/Team:UT-Tokyo"><img src="https://static.igem.org/mediawiki/2015/f/f7/10620330_369195383253556_486525618130407337_o.png" alt="Logo" width="150" height=auto> </a></p> | |
| − | + | </div> | |
| − | + | <div class="col-sm-6 "> | |
| − | + | <div align="left"> | |
| − | + | <video width="500" height="281.25" poster="https://static.igem.org/mediawiki/2015/8/8b/UT_TOKYO_home.png" controls> | |
| − | + | <source src="https://static.igem.org/mediawiki/2015/4/48/Scientific_popularization_of_iGEM_UT-Tokyo_project.mp4" type='video/mp4'/> | |
| − | + | <source src="https://static.igem.org/mediawiki/2015/9/94/Scientific_popularization_of_iGEM_UT-Tokyo_project.ogg" type='video/ogg; codecs="theora, vorbis"'/> | |
| − | + | <source src="https://static.igem.org/mediawiki/2015/f/f3/Scientific_popularization_of_iGEM_UT-Tokyo_project.webm" type='video/webm; codecs="vp8, vorbis"'/> | |
| − | + | <a href="https://www.youtube.com/watch?v=zRmOg8Ql1cc"><img border="0" src="https://static.igem.org/mediawiki/2015/8/8b/UT_TOKYO_home.png" alt="Click to view on Youtube" width="500" height="281.25"></a> | |
| − | + | <p style="font-style:italic;color:red;border-style:solid;border-width:2px;border-color:red">Your browser either does not support HTML5 or cannot handle MediaWiki open video formats. Please consider upgrading your browser, installing the appropriate plugin or switching to a Firefox or Chrome install.</p> | |
| − | + | </video> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | ||
| − | + | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
| − | <div class="col-sm-6" > | + | <div class="item"> |
| − | + | <div class="row"> | |
| − | + | <h3 class="text-center" style="margin-top:0;margin-bottom:0"> Paris Bettencourt</h3> <br> | |
| − | + | <div class="col-sm-6"> | |
| − | + | <p align="center"><br><br> <a href="https://2015.igem.org/Team:Paris_Bettencourt"><img src="https://static.igem.org/mediawiki/2015/4/45/1175478_232392280248407_376820671_n.jpg" alt="Logo" width="150" height=auto></a></p> | |
| − | + | </div> | |
| − | + | ||
| − | + | <div class="col-sm-6" > | |
| − | + | <div align="left"> | |
| + | <video width="500" height="281.25" poster="https://static.igem.org/mediawiki/2015/8/86/ParisBettencourt_FermentItYourselfTricolor.png" controls> | ||
| + | <source src="https://static.igem.org/mediawiki/2015/0/05/Scientific_popularization_of_Paris_Bettencourt_iGEM_project.mp4" type='video/mp4'/> | ||
| + | <source src="https://static.igem.org/mediawiki/2015/9/99/Scientific_popularization_of_Paris_Bettencourt_iGEM_project.ogg" type='video/ogg; codecs="theora, vorbis"'/> | ||
| + | <source src="https://static.igem.org/mediawiki/2015/9/98/Scientific_popularization_of_Paris_Bettencourt_iGEM_project.webm" type='video/webm; codecs="vp8, vorbis"'/> | ||
| + | <a href="https://www.youtube.com/watch?v=xmdqPxnYBvk"><img border="0" src="https://static.igem.org/mediawiki/2015/8/86/ParisBettencourt_FermentItYourselfTricolor.png" alt="Click to view on Youtube" width="500" height="281.25"></a> | ||
| + | <p style="font-style:italic;color:red;border-style:solid;border-width:2px;border-color:red">Your browser either does not support HTML5 or cannot handle MediaWiki open video formats. Please consider upgrading your browser, installing the appropriate plugin or switching to a Firefox or Chrome install.</p> | ||
| + | </video> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | + | <div class="item"> | |
| − | + | <div class="row"> | |
| − | + | <h3 class="text-center" style="margin-top:0;margin-bottom:0"> Oxford</h3> <br> | |
| − | + | <div class="col-sm-6" > | |
| − | + | <p align="center"><br><br> <a href="https://2015.igem.org/Team:Oxford"><img src="https://static.igem.org/mediawiki/2015/6/66/MqAust_SYTYCS_Collaboration_Ep3_Oxford.png" alt="Logo" width="150" height=auto></a> </p> | |
| − | + | </div> | |
| − | + | <div class="col-sm-6"> | |
| − | + | <div align="left"> | |
| − | + | <video width="500" height="281.25" style="background-color:black" poster="https://static.igem.org/mediawiki/2015/9/9a/Ox_igem_logo_white.png" controls> | |
| − | + | <source src="https://static.igem.org/mediawiki/2015/e/e0/Scientific_popularization_of_Oxford_iGEM_project.mp4" type='video/mp4'/> | |
| − | + | <source src="https://static.igem.org/mediawiki/2015/4/47/Scientific_popularization_of_Oxford_iGEM_project.ogg" type='video/ogg; codecs="theora, vorbis"'/> | |
| − | + | <source src="https://static.igem.org/mediawiki/2015/7/70/Scientific_popularization_of_Oxford_iGEM_project.webm" type='video/webm; codecs="vp8, vorbis"'/> | |
| − | + | <a href="https://www.youtube.com/watch?v=zRmOg8Ql1cc"><img border="0" src="https://static.igem.org/mediawiki/2015/9/9a/Ox_igem_logo_white.png" alt="Click to view on Youtube" width="500" height="281.25"></a> | |
| − | + | <p style="font-style:italic;color:red;border-style:solid;border-width:2px;border-color:red">Your browser either does not support HTML5 or cannot handle MediaWiki open video formats. Please consider upgrading your browser, installing the appropriate plugin or switching to a Firefox or Chrome install.</p> | |
| − | + | </video> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
</div> | </div> | ||
| − | + | ||
| − | + | ||
| − | + | <div class="item"> | |
| − | + | <div class="row"> | |
| − | + | <h3 class="text-center" style="margin-top:0;margin-bottom:0"> Heidelberg</h3> <br> | |
| − | + | <div class="col-sm-6" > | |
| − | + | <p align="center"><br><br> <a href="https://2015.igem.org/Team:Heidelberg"><img src="https://static.igem.org/mediawiki/2015/7/76/11703153_1613356055605522_6539473485090205656_n.png" alt="Logo" width="150" height=auto></a> </p> | |
| − | + | </div> | |
| − | + | <div class="col-sm-6"> | |
| − | + | <div align="left"> | |
| − | + | <video width="500" height="281.25" style="background-color:black" poster="https://static.igem.org/mediawiki/2015/7/76/11703153_1613356055605522_6539473485090205656_n.png" controls> | |
| − | + | <source src="https://static.igem.org/mediawiki/2015/3/3d/Scientific_popularization_of_iGEM_Heidelberg_2015.mp4" type='video/mp4'/> | |
| − | + | <source src="https://static.igem.org/mediawiki/2015/6/6c/Scientific_popularization_of_iGEM_Heidelberg_2015.ogg" type='video/ogg; codecs="theora, vorbis"'/> | |
| − | + | <source src="https://static.igem.org/mediawiki/2015/c/ca/Scientific_popularization_of_iGEM_Heidelberg_2015.webm" type='video/webm; codecs="vp8, vorbis"'/> | |
| − | + | <a href="https://www.youtube.com/watch?v=zRmOg8Ql1cc"><img border="0" src="https://static.igem.org/mediawiki/2015/7/76/11703153_1613356055605522_6539473485090205656_n.png" alt="Click to view on Youtube" width="500" height="281.25"></a> | |
| − | + | <p style="font-style:italic;color:red;border-style:solid;border-width:2px;border-color:red">Your browser either does not support HTML5 or cannot handle MediaWiki open video formats. Please consider upgrading your browser, installing the appropriate plugin or switching to a Firefox or Chrome install.</p> | |
| − | + | </video> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | + | <!-- #Item 1 --> | |
| − | + | </div> | |
| − | + | <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon-chevron-left"><i class="fa fa-angle-double-left fa-4x" style="color:#66cdaa; opacity:100%;margin-top:-300px "></i></span></a> | |
| + | <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon-chevron-right"><i class="fa fa-angle-double-right fa-4x" style="color:#66cdaa; margin-top:-300px"></i></span></a> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<br> | <br> | ||
<br> | <br> | ||
| Line 221: | Line 180: | ||
<br> | <br> | ||
<br> | <br> | ||
| + | |||
<!-- HIGHLIGHT INFO --> | <!-- HIGHLIGHT INFO --> | ||
<div class="highlight-info"> | <div class="highlight-info"> | ||
| − | + | <div class="overlay spacer"> | |
| − | + | <div class="container" > | |
| − | + | <div class="row text-center wowload fadeInDownBig"> | |
| − | + | <CENTER> | |
| − | + | <div class="col-sm-3 col-xs-6"> | |
| − | + | <h6 style="font-size:50px; margin:0;">280</h6> <h4 style="margin:0;">iGEM Teams</h4> | |
| + | </div> | ||
| + | <div class="col-sm-3 col-xs-6"> | ||
| + | <i class="fa fa-globe fa-5x"></i><h4>Collaborations</h4> | ||
| + | </div> | ||
| + | <div class="col-sm-3 col-xs-6"> | ||
| + | <i class="fa fa-question fa-5x"></i><h4>Help</h4> | ||
| + | </div> | ||
| + | <div class="col-sm-3 col-xs-6"> | ||
| + | <i class="fa fa-users fa-5x"></i><h4>Meetings</h4> | ||
| + | </div> | ||
| + | </CENTER> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
| − | + | </div> | |
| − | + | ||
</div> | </div> | ||
| − | + | <!-- SCHOOL --> | |
| − | + | ||
| − | + | ||
<div id="about" class="container spacer about"> | <div id="about" class="container spacer about"> | ||
| − | + | <h2 class="text-center wowload fadeInUp" style="color:#ff0000"> Popularization of Biology in elementary schools </h2> | |
| − | + | <h4><i class="fa fa-ils"style="color:#b22222"></i> New generation of biologists is coming!</h4> | |
| − | + | <p align="justify"> According to IONIS iGEM main goals, the team has organized some introduction courses on DNA, the leaving organisms and as all the little students were really interested, the team also scheduled to perform a little experiment in order to extract banana's DNA. | |
| − | + | This event at the elementary school of Yvris (France), allowed not only an exchange of knowledge but also a human experience for our team. | |
| − | + | </p> | |
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
| + | <!-- MOBILE APPLICATION --> | ||
<div id="about" class="container spacer about"> | <div id="about" class="container spacer about"> | ||
| + | <h2 class="text-center wowload fadeInUp" style="color:#ff0000"> Making a mobile application </h2> | ||
| + | <div class="row"> | ||
| + | <div class="col-sm-6 wowload fadeInLeft"> | ||
| + | <h4><i class="fa fa-ils"style="color:#b22222"></i> BactMan's adventures</h4> | ||
| + | <p align="justify"> The mobile application that IONIS iGEM designed is available on all <b><font style="color:#66cdaa">Android</font></b> mobile phones. | ||
| + | We designed this application in order to communicate and popularize Synthetic Biology. | ||
| + | <br><br> | ||
| + | BactMan's Adventures is a mobile application popularizing science through educative mini-games around the life of a bacteria. | ||
| + | With it, you can discover key notions of biology through several <font style="color:#66cdaa">mini-games</font>, developed with an Open Source game engine to pursue iGEM's philosophy of openness and collaboration. | ||
| − | + | The application is developed for Android phones in Java, using the AndEngine game engine to build the different games available through the application. | |
| − | + | The development process took care of devices specificities and incorporated local translation to aim at being available for the widest audience available. | |
| − | + | <br> | |
| − | + | Apart fron the mini-games, the application offers information about our team, the iGEM, and synthetic biology : introduction of iGEM and of the BioBricks, presentation of the IONIS iGEM team and of our Bioconsole project, glossary of technical terms... | |
| − | + | </p> | |
| − | + | </div> | |
| − | + | ||
| − | + | <div class="col-sm-6 wowload fadeInRight" > | |
| − | + | <div id="carousel-testimonials" class="carousel slide testimonails wowload fadeInRight" data-ride="carousel"> | |
| − | + | <div class="carousel-inner"> | |
| − | + | <div class="item active animated bounceInRight row"> | |
| − | + | <div class="col-xs-10"><p align="right"><br><br> <img src="https://static.igem.org/mediawiki/2015/d/de/Bactman_adventures.png" alt="Logo" width="250" height=auto> </p> </div> | |
| − | + | </div> | |
| − | + | <div class="item animated bounceInRight row"> | |
| − | + | <div class="col-xs-10"><p align="right"><br><br> <img src="https://static.igem.org/mediawiki/2015/7/75/Parc.png" alt="Logo" width="250" height=auto> </p> </div> | |
| − | + | </div> | |
| − | </p> | + | <div class="item animated bounceInRight row"> |
| + | <div class="col-xs-10"><p align="right"><br><br> <img src="https://static.igem.org/mediawiki/2015/d/db/Background_2.png" alt="Logo" width="250" height=auto> </p> </div> | ||
| + | </div> | ||
</div> | </div> | ||
| − | + | <br> | |
| − | < | + | <!-- Indicators --> |
| − | + | <ol class="carousel-indicators"> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
<li data-target="#carousel-testimonials" data-slide-to="0" class="active"></li> | <li data-target="#carousel-testimonials" data-slide-to="0" class="active"></li> | ||
<li data-target="#carousel-testimonials" data-slide-to="1"></li> | <li data-target="#carousel-testimonials" data-slide-to="1"></li> | ||
<li data-target="#carousel-testimonials" data-slide-to="2"></li> | <li data-target="#carousel-testimonials" data-slide-to="2"></li> | ||
| − | + | </ol> | |
| − | + | <!-- Indicators --> | |
| − | + | ||
| − | + | ||
</div> | </div> | ||
| − | + | </div> | |
| − | + | </div> | |
| − | + | <div class="row"> | |
| − | + | <div class="col-sm-6 wowload fadeInLeft"> | |
| − | + | <div id="carousel-testimonials2" class="carousel slide testimonails wowload fadeInRight" data-ride="carousel"> | |
| − | + | <div class="carousel-inner"> | |
| − | + | <div class="item active animated bounceInLeft row"> | |
| − | + | <div class="col-xs-10"><p align="right"><img src="https://static.igem.org/mediawiki/2015/0/09/Laboratoire_final_PNG.png" alt="Logo" width=auto height="250"> </p> </div> | |
| − | + | </div> | |
| − | + | <div class="item animated bounceInLeft row"> | |
| − | + | <div class="col-xs-10"><p align="right"> <img src="https://static.igem.org/mediawiki/2015/0/09/Laboratoire_final_PNG.png" alt="Logo" width=auto height="250"> </p> </div> | |
| − | + | </div> | |
| − | + | <div class="item animated bounceInLeft row"> | |
| − | + | <div class="col-xs-10"><p align="right"> <img src="https://static.igem.org/mediawiki/2015/0/09/Laboratoire_final_PNG.png" alt="Logo" width=auto height="250"> </p> </div> | |
| − | + | </div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
| + | <br> | ||
| + | <!-- Indicators --> | ||
| + | <ol class="carousel-indicators"> | ||
| + | <li data-target="#carousel-testimonials2" data-slide-to="0" class="active"></li> | ||
| + | <li data-target="#carousel-testimonials2" data-slide-to="1"></li> | ||
| + | <li data-target="#carousel-testimonials2" data-slide-to="2"></li> | ||
| + | </ol> | ||
| + | <!-- Indicators --> | ||
| + | </div> | ||
| + | </div> | ||
| − | + | <div class="col-sm-6 wowload fadeInRight" > | |
| − | + | <p align="justify"><br><br> | |
| − | + | As this mobile application represents a huge amount of intellectual, material and time implication of all of our team, and as we didn't realize all the mini-games we wanted to design, we want our mobile application to be transmitted and updated every year for the iGEM competition by the next IONIS iGEM teams. | |
| − | + | </p> | |
| − | + | </div> | |
| − | + | <br> | |
| − | + | <br> | |
| − | + | </div> | |
| − | + | </div> | |
| + | <br> | ||
| + | <br> | ||
| + | |||
| + | <!-- HIGHLIHT INFO --> | ||
| + | <div class="highlight-info"> | ||
| + | <div class="overlay spacer"> | ||
| + | <div class="container" > | ||
| + | <div class="row text-center wowload fadeInDownBig"> | ||
| + | <CENTER> | ||
| + | <div class="col-sm-3 col-xs-6"> | ||
| + | <i class="fa fa-male fa-5x"></i><h4>Human Practices</h4> | ||
| + | </div> | ||
| − | + | <div class="col-sm-3 col-xs-6"> | |
| + | <i class="fa fa-share-alt fa-5x"></i><h4>Share</h4> | ||
</div> | </div> | ||
| + | <div class="col-sm-3 col-xs-6"> | ||
| + | <i class="fa fa-graduation-cap fa-5x"></i><h4>Education</h4> | ||
| + | </div> | ||
| − | + | <div class="col-sm-3 col-xs-6"> | |
| − | + | <i class="fa fa-users fa-5x"></i><h4>Public</h4> | |
| − | + | </div> | |
| − | + | </CENTER> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
| − | |||
</div> | </div> | ||
| − | + | </div> | |
| − | + | ||
</div> | </div> | ||
| − | |||
<br> | <br> | ||
<br> | <br> | ||
| − | |||
| − | |||
<!-- div boxes --> | <!-- div boxes --> | ||
</div> | </div> | ||
<!--BOXES --> | <!--BOXES --> | ||
| − | |||
<div id="works" class=" clearfix grid"> | <div id="works" class=" clearfix grid"> | ||
| − | |||
| − | |||
<figure class="effect-oscar wowload fadeInUp" > | <figure class="effect-oscar wowload fadeInUp" > | ||
<img src="https://static.igem.org/mediawiki/2015/3/34/Wii.jpg" alt="img01"/> | <img src="https://static.igem.org/mediawiki/2015/3/34/Wii.jpg" alt="img01"/> | ||
| − | <a href="https://2015.igem.org/Team:IONIS_Paris/Project" ><figcaption> | + | <a href="https://2015.igem.org/Team:IONIS_Paris/Project" > |
| − | + | <figcaption> | |
| − | + | <h2>BIO-CONSOLE</h2> | |
| − | + | <p>Our reality game using bacteria<br> | |
| − | + | </p> | |
| + | </figcaption> | ||
| + | </a> | ||
</figure> | </figure> | ||
| − | |||
| − | |||
<figure class="effect-oscar wowload fadeInUp"> | <figure class="effect-oscar wowload fadeInUp"> | ||
<img src="https://static.igem.org/mediawiki/2015/8/83/Mobile.jpg" alt="img01"/> | <img src="https://static.igem.org/mediawiki/2015/8/83/Mobile.jpg" alt="img01"/> | ||
| − | + | <a href="https://2015.igem.org/Team:IONIS_Paris/Project" > | |
| − | <a href="https://2015.igem.org/Team:IONIS_Paris/Project" ><figcaption> | + | <figcaption> |
| − | + | <h2>APPLICATION</h2> | |
| − | + | <p>Bact'man, our hero<br> | |
| − | + | </p> | |
| − | + | </figcaption> | |
| + | </a> | ||
</figure> | </figure> | ||
| − | |||
| − | |||
<figure class="effect-oscar wowload fadeInUp"> | <figure class="effect-oscar wowload fadeInUp"> | ||
<img src="https://static.igem.org/mediawiki/2015/e/e4/Gameover-box.jpg" alt="team"/> | <img src="https://static.igem.org/mediawiki/2015/e/e4/Gameover-box.jpg" alt="team"/> | ||
| − | <a href="https://2015.igem.org/Team:IONIS_Paris/Project/Game_Over" ><figcaption> | + | <a href="https://2015.igem.org/Team:IONIS_Paris/Project/Game_Over" > |
| − | + | <figcaption> | |
| − | + | <h2>GAME OVER</h2> | |
| − | + | <p>Allowing the end of the game<br> | |
| − | + | </p> | |
| + | </figcaption> | ||
| + | </a> | ||
</figure> | </figure> | ||
| − | |||
| − | |||
</div> | </div> | ||
| − | |||
<br> | <br> | ||
<br> | <br> | ||
| + | |||
<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body --> | <!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body --> | ||
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls"> | <div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls"> | ||
| Line 440: | Line 374: | ||
<!-- The modal dialog, which will be used to wrap the lightbox content --> | <!-- The modal dialog, which will be used to wrap the lightbox content --> | ||
</div> | </div> | ||
| − | |||
| − | |||
<!-- UP HOME --> | <!-- UP HOME --> | ||
| − | |||
<a href="#banner" class="gototop "><i class="fa fa-chevron-circle-up fa-3x"></i></a> | <a href="#banner" class="gototop "><i class="fa fa-chevron-circle-up fa-3x"></i></a> | ||
| − | |||
| − | |||
</body> | </body> | ||
</html> | </html> | ||
| − | |||
{{IONIS_Paris-menu}} | {{IONIS_Paris-menu}} | ||
{{IONIS_Paris/FootPage}} | {{IONIS_Paris/FootPage}} | ||
Revision as of 18:16, 11 September 2015
IN CONSTRUCTION
Introduction
Nowadays, Synthetic Biology is a real challenge in the scientific world, and we are all affected.
However, as a new field, concerns arise from population and the need to understand is becoming essential.
Aware of the need to communicate and share about Synthetic Biology, a new team have been created this year: IONIS Paris.
IONIS Paris team, gather students with different background in order to propose a new way to popularize biology and synthetic biology.
Scientists, computer engineers, scientist communication managers and designers have taken the challenge and propose a double project based on the popularization of science.
This will of IONIS iGEM to popularize Biology and Synthetic Biology gathers several proposals and projects which are presented in the following parts.
iGEM teams project
Explain your project in 1 minute
As this year the main goal of the IONIS iGEM team was to popularize Synthetic Biology, we have challenged other iGEM teams and asked them to create a one minute video introducing their project in the simplest way. As well, during the French meeting in July, we came with our camera and recorded the other French teams. Those videos were challenging for all teams, indeed, introducing its own project in only one minute is short. But also use simple worlds understood by everyone is challenging.
Popularization of Biology in elementary schools
New generation of biologists is coming!
According to IONIS iGEM main goals, the team has organized some introduction courses on DNA, the leaving organisms and as all the little students were really interested, the team also scheduled to perform a little experiment in order to extract banana's DNA. This event at the elementary school of Yvris (France), allowed not only an exchange of knowledge but also a human experience for our team.
Making a mobile application
BactMan's adventures
The mobile application that IONIS iGEM designed is available on all Android mobile phones.
We designed this application in order to communicate and popularize Synthetic Biology.
BactMan's Adventures is a mobile application popularizing science through educative mini-games around the life of a bacteria.
With it, you can discover key notions of biology through several mini-games, developed with an Open Source game engine to pursue iGEM's philosophy of openness and collaboration.
The application is developed for Android phones in Java, using the AndEngine game engine to build the different games available through the application.
The development process took care of devices specificities and incorporated local translation to aim at being available for the widest audience available.
Apart fron the mini-games, the application offers information about our team, the iGEM, and synthetic biology : introduction of iGEM and of the BioBricks, presentation of the IONIS iGEM team and of our Bioconsole project, glossary of technical terms...
As this mobile application represents a huge amount of intellectual, material and time implication of all of our team, and as we didn't realize all the mini-games we wanted to design, we want our mobile application to be transmitted and updated every year for the iGEM competition by the next IONIS iGEM teams.
BIO-CONSOLE
Our reality game using bacteria
APPLICATION
Bact'man, our hero
GAME OVER
Allowing the end of the game