Difference between revisions of "Team:Ionis Paris/Quantifly"

 
(8 intermediate revisions by 3 users not shown)
Line 7: Line 7:
 
         <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,600italic,400italic,700italic,300,300italic' rel='stylesheet' type='text/css'>
 
         <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,600italic,400italic,700italic,300,300italic' rel='stylesheet' type='text/css'>
  
        <!-- Nos feuilles de style -->
+
          <!-- Nos feuilles de style -->
        <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-test?action=raw&ctype=text/css" />
+
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-style-css-template?action=raw&ctype=text/css" />
        <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-style-css?action=raw&ctype=text/css" />
+
    <!-- Version minifiée dans le bon ordre de toutes les feuilles de style du template -->
 +
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-style-css?action=raw&ctype=text/css" />
 
          
 
          
 
        
 
        
Line 19: Line 20:
 
                     <div class="col-sm-12">
 
                     <div class="col-sm-12">
 
                         <div class="banner_title">
 
                         <div class="banner_title">
                             <h1 style="color :#c0144b;">Project Genesis</h1>
+
                             <h1 style="color :#c0144b;" id="back_to_the_top">Project Genesis</h1>
 
                              
 
                              
 
                         </div>
 
                         </div>
Line 29: Line 30:
 
          
 
          
 
       <!-- ====START BLOG TABLE==== -->
 
       <!-- ====START BLOG TABLE==== -->
         <section class="blog_area section-padding">
+
         <section id="about" class="about_area section-padding">
 
             <div class="container">
 
             <div class="container">
 
                 <div class="row">
 
                 <div class="row">
Line 56: Line 57:
 
                               <img src="https://static.igem.org/mediawiki/2016/b/b9/T--Ionis_Paris--WEbrainstorm.jpeg" alt=""/>
 
                               <img src="https://static.igem.org/mediawiki/2016/b/b9/T--Ionis_Paris--WEbrainstorm.jpeg" alt=""/>
 
                         </div>
 
                         </div>
 +
 +
 
</div>
 
</div>
 +
 +
 +
 
</div>
 
</div>
  
</br>
 
</br>
 
 
</br>
 
</br>
 
</br>
 
</br>
Line 83: Line 87:
 
<p>In addition, because we wanted to show how biology would not be only a matter of theoretical and laboratory work, we tried to think the engineer way and we developed the Quantifly project, a multidisciplinary project that would combine biology and other disciplines in a concrete and innovative project. With this idea, different students from the IONIS group joined the team, each one bringing different competences in different fields such as marketing, communication, design, informatics, physics and of course biology. This diversity in the competences and areas of expertise in our team has allowed us to develop this exciting project that Quantifly is.</p>
 
<p>In addition, because we wanted to show how biology would not be only a matter of theoretical and laboratory work, we tried to think the engineer way and we developed the Quantifly project, a multidisciplinary project that would combine biology and other disciplines in a concrete and innovative project. With this idea, different students from the IONIS group joined the team, each one bringing different competences in different fields such as marketing, communication, design, informatics, physics and of course biology. This diversity in the competences and areas of expertise in our team has allowed us to develop this exciting project that Quantifly is.</p>
  
<p>The iGEM competition being based on the open source system and the establishment and use of any knowledge, we are working on our project in a seemingly free-science based laboratory: La Paillasse, Paris, France. We developed a partnership with this biohack space, which values are the sharing and the creation of open source knowledge, as well as the development of scientific or artistical projects. This biohack space has the ambition to give opportunities to innovative ideas, thus by trying to adopt a different way of thinking, developing innovation through open source science, which brings support from official entities such as the French government or other institutions.</p>
+
<p>The iGEM competition being based on the open source system and the establishment and use of any knowledge, we are working on our project in a seemingly free-science based laboratory: La Paillasse, Paris, France.</p>
 +
<p> We developed a partnership with this biohack space, which values are the sharing and the creation of open source knowledge, as well as the development of scientific or artistical projects. This biohack space has the ambition to give opportunities to innovative ideas, thus by trying to adopt a different way of thinking, developing innovation through open source science, which brings support from official entities such as the French government or other institutions.</p>
  
<p>La Paillasse has different objectives and key points which can be resumed in different values:</p>
+
</div>
 +
 
 +
</div>
 +
 
 +
 
 +
 
 +
<p></br>La Paillasse has different objectives and key points which can be resumed in different values:</p>
 
     <ul>
 
     <ul>
 
         <li><p>• The concepts of liberty of the community it gathers to do whatever is thought as a project</p></li>
 
         <li><p>• The concepts of liberty of the community it gathers to do whatever is thought as a project</p></li>
Line 96: Line 107:
  
 
<p>This partnership with La Paillasse is the base of Quantifly, and we thought it is the perfect place to realise our iGEM project and all its whereabouts.</p>
 
<p>This partnership with La Paillasse is the base of Quantifly, and we thought it is the perfect place to realise our iGEM project and all its whereabouts.</p>
 
</div>
 
 
</div>
 
 
</div>
 
</div>
  
Line 122: Line 129:
 
         <!-- ====END BLOG TABLE==== -->
 
         <!-- ====END BLOG TABLE==== -->
 
          
 
          
        <!-- ====START SOCIAL Link==== -->
+
 
        <div class="footer_social">
+
    <!-- ====START SOCIAL Link==== -->
            <div class="container-fluid">
+
    <div class="footer_social">
                <div class="row">
+
        <div class="container-fluid">
                    <ul class="ft_top clearfix">
+
            <div class="row">
                        <li class="waves-effect waves-light">
+
                <ul class="ft_top clearfix">
                            <a href="#" target="_blank">
+
                    <li class="waves-effect waves-light">
                                <i class="zmdi zmdi-facebook "></i>Facebook
+
                        <a href="https://www.facebook.com/ionisigem/?fref=ts" target="_blank">
                            </a>
+
                            <i class="zmdi zmdi-facebook "></i>Facebook
                        </li>  
+
                        </a>
                        <li class="waves-effect waves-light">
+
                    </li>
                            <a href="#" target="_blank">
+
                    <li class="waves-effect waves-light">
                                <i class="zmdi zmdi-twitter"></i>Twitter
+
                        <a href="https://twitter.com/igem_ionis" target="_blank">
                            </a>
+
                            <i class="zmdi zmdi-twitter"></i>Twitter
                        </li>  
+
                        </a>
                        <li class="waves-effect waves-light">
+
                    </li>
                            <a href="#" target="_blank">
+
                    <li class="waves-effect waves-light">
                                <i class="zmdi zmdi-flickr"></i>Flickr
+
                        <a href="https://www.youtube.com/channel/UC0RyQsB5YpweSRBYQlAdZDA" target="_blank">
                            </a>
+
                            <i class="zmdi zmdi-youtube"></i>YouTube
                        </li>
+
                        </a>
                        <li class="waves-effect waves-light">
+
                    </li>
                            <a href="#" target="_blank">
+
                    <li class="waves-effect waves-light">
                                <i class="zmdi zmdi-linkedin"></i>LinkedIn
+
                        <a href="https://www.linkedin.com/company/igem-ionis" target="_blank">
                            </a>
+
                            <i class="zmdi zmdi-linkedin"></i>LinkedIn
                        </li>  
+
                        </a>
                        <li class="waves-effect waves-light">
+
                    </li>
                            <a href="#" target="_blank">
+
 
                                <i class="zmdi zmdi-dribbble"></i>Dribble
+
                 </ul>
                            </a>
+
                        </li>
+
                        <li class="waves-effect waves-light">
+
                            <a href="#" target="_blank">
+
                                <i class="zmdi zmdi-vimeo"></i>Vimeo
+
                            </a>
+
                        </li>  
+
                    </ul>
+
                 </div>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
        <!-- ====END FOOTER TOP==== -->
+
    </div>
       
+
    <!-- ====END FOOTER TOP==== -->
        <!-- ====START FOOTER AREA==== -->
+
 
        <footer class="footer_area">
+
    <!-- ====START FOOTER AREA==== -->
            <div class="footer_middle">
+
    <footer class="footer_area">
                <div class="container">
+
        <div class="footer_middle">
                    <div class="row">
+
            <div class="container">
                        <div class="col-xs-12">
+
                <div class="row">
                            <div class="scroll_area">
+
                    <div class="col-xs-12">
 +
                        <div class="scroll_area">
 +
                            <div class="sroll_top">
 +
                                <a href="#ancre"> <i class="zmdi zmdi-chevron-up btn waves-effect"> </i> </a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 +
                </div>
 +
                <div class="row">
 
                     <div class="row">
 
                     <div class="row">
 
                         <div class="col-lg-5 col-md-5 col-sm-12">
 
                         <div class="col-lg-5 col-md-5 col-sm-12">
 
                             <div class="middle_content">
 
                             <div class="middle_content">
                                 <h4>More about us</h4>
+
                                 <h4>iGEM IONIS</h4>
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place. You’re going to need to make sure your pages are optimized properly. This will ensure you get your page ranked high in the search engines. ou’re going to need to make sure your pages are optimized properly.
+
                                 <p> We're a group of six different schools from the IONIS Education Group. For this
            Read More</p>
+
                                    competition we wanted to take advantage of the multiple schools and fields of activity
                              <a href="#">Read More</a>
+
                                    given by the IONIS education group to create a solid project.</p>
 +
                                <a href="https://2016.igem.org/Team:Ionis_Paris/Team">Read More</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 +
 
                         <div class="col-lg-3 col-lg-offset-1 col-md-4 col-sm-7">
 
                         <div class="col-lg-3 col-lg-offset-1 col-md-4 col-sm-7">
 
                             <div class="footer_Widgets">
 
                             <div class="footer_Widgets">
Line 188: Line 193:
 
                                     <ul>
 
                                     <ul>
 
                                         <li><i class="zmdi zmdi-pin"></i>
 
                                         <li><i class="zmdi zmdi-pin"></i>
                                             <span>Location: Lorance Road 542B,5248 MT, Wordwide Country</span>
+
                                             <span>Location: 66 Rue Guy Môquet, 94800 Villejuif, France</span>
                                        </li>
+
                                        <li><i class="zmdi zmdi-phone"></i>
+
                                            <a href="tel:123-456-7890">Phone: 123-456-7890</a>
+
 
                                         </li>
 
                                         </li>
 +
 
                                         <li><i class="zmdi zmdi-email"></i>
 
                                         <li><i class="zmdi zmdi-email"></i>
                                             <a href="mailto:contact@domain.com">email: contact@domain.com</a>
+
                                             <a href="mailto:igem.ionis@gmail.com">email: igem.ionis@gmail.com</a>
                                        </li>
+
                                        <li><i class="zmdi zmdi-globe"></i>
+
                                            <a href="#">www.domain.com</a>
+
 
                                         </li>
 
                                         </li>
 +
 
                                     </ul>
 
                                     </ul>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
                        <div class="col-lg-3 col-md-3 col-sm-5">
+
                    <div class="col-lg-3 col-md-3 col-sm-5">
 
                             <div class="footer_Widgets">
 
                             <div class="footer_Widgets">
                                 <h4>Galleries</h4>
+
                                 <h4>Download the app</h4>
                                 <figure class="widget_gallery">
+
                                 <a href="https://itunes.apple.com/us/app/quantifly/id1166875690?ls=1&mt=8"
                                    <div class="RXcircleEffect"></div>
+
                                  target="_blank" style="target-new: tab;">
                                    <img src="img/gallery_1.jpg" alt="" />
+
                                    <figure class="widget_gallery">
                                    <figcaption>
+
                                        <div class="RXcircleEffect"></div>
                                         <a class="veno vbox-item" href="img/gallery_1.jpg" data-gall="group_4">
+
                                        <img src="https://static.igem.org/mediawiki/2016/8/8d/IONIS_IGEM_paris_logo_apple.png"
 +
                                            alt="" />
 +
                                         <figcaption>
 
                                             <i class="zmdi zmdi-link"></i>
 
                                             <i class="zmdi zmdi-link"></i>
                                         </a>
+
                                         </figcaption>
                                     </figcaption>
+
                                     </figure>
                                 </figure>
+
                                 </a>
                                 <figure class="widget_gallery">
+
                                 <a href="https://play.google.com/store/apps/details?id=fr.plnech.quantifly&hl=en"
                                    <div class="RXcircleEffect"></div>
+
                                  target="_blank" style="target-new: tab;">
                                    <img src="img/gallery_2.jpg" alt="" />
+
                                    <figure class="widget_gallery">
                                    <figcaption>
+
                                        <div class="RXcircleEffect"></div>
                                         <a class="veno vbox-item" href="img/gallery_2.jpg" data-gall="group_4">
+
                                        <img src="https://static.igem.org/mediawiki/2016/6/65/IONIS_IGEM_paris_google_play.png"
 +
                                            alt="" />
 +
                                         <figcaption>
 
                                             <i class="zmdi zmdi-link"></i>
 
                                             <i class="zmdi zmdi-link"></i>
                                         </a>
+
                                         </figcaption>
                                    </figcaption>
+
                                     </figure>
                                </figure>
+
                                 </a>
                                <figure class="widget_gallery">
+
 
                                     <div class="RXcircleEffect"></div>
+
                       
                                    <img src="img/gallery_3.jpg" alt="" />
+
                                    <figcaption>
+
                                        <a class="veno vbox-item" href="img/gallery_3.jpg" data-gall="group_4">
+
                                            <i class="zmdi zmdi-link"></i>
+
                                        </a>
+
                                    </figcaption>
+
                                </figure>
+
                                 <figure class="widget_gallery">
+
                                    <div class="RXcircleEffect"></div>
+
                                    <img src="img/gallery_4.jpg" alt="" />
+
                                    <figcaption>
+
                                        <a class="veno vbox-item" href="img/gallery_4.jpg" data-gall="group_4">
+
                                            <i class="zmdi zmdi-link"></i>
+
                                        </a>
+
                                    </figcaption>
+
                                </figure>
+
                                <figure class="widget_gallery">
+
                                    <div class="RXcircleEffect"></div>
+
                                    <img src="img/gallery_5.jpg" alt="" />
+
                                    <figcaption>
+
                                        <a class="veno vbox-item" href="img/gallery_5.jpg" data-gall="group_4">
+
                                            <i class="zmdi zmdi-link"></i>
+
                                        </a>
+
                                    </figcaption>
+
                                </figure>
+
                                <figure class="widget_gallery">
+
                                    <div class="RXcircleEffect"></div>
+
                                    <img src="img/gallery_6.jpg" alt="" />
+
                                    <figcaption>
+
                                        <a class="veno vbox-item" href="img/gallery_6.jpg" data-gall="group_4">
+
                                            <i class="zmdi zmdi-link"></i>
+
                                        </a>
+
                                    </figcaption>
+
                                </figure>
+
 
                             </div>
 
                             </div>
 
                         </div>  
 
                         </div>  
 +
 
                     </div>
 
                     </div>
 +
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 271: Line 244:
 
                             <div class="col-md-7 fix_p_l">
 
                             <div class="col-md-7 fix_p_l">
 
                                 <nav>
 
                                 <nav>
                                     <ul class="ft_bottom">    
+
                                     <ul class="ft_bottom">
                                         <li><a href="#">Home</a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris">Home</a></li>
                                         <li><a href="#">Services</a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Working_at_La_Paillasse">in the Lab</a></li>
                                         <li><a href="#"> About </a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Measurement"> Side Projects</a></li>
                                         <li><a href="#">Portfolio</a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Parts">Results</a></li>
                                         <li><a href="#">Blog </a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/HPintro">Human
                                         <li><a href="#">Contact US</a></li>
+
                                            Practice</a></li>
 +
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Team">Team</a></li>
 
                                     </ul>
 
                                     </ul>
 
                                 </nav>
 
                                 </nav>
Line 283: Line 257:
 
                             <div class="col-md-5 fix_p">
 
                             <div class="col-md-5 fix_p">
 
                                 <div class="ft_paragraph">
 
                                 <div class="ft_paragraph">
                                     <p>©2016 Design by <a href="https://www.behance.net/googoling">Faridul Haque</a> and Develop by <a href="http://themeebit.com">ThemeeBiT</a>.</p>  
+
                                     <p>©IONIS_IGEM_2016</a>.</p>
 
                                 </div>
 
                                 </div>
                             </div>
+
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
             </div>            
+
             </div>
        </footer>
+
    </footer>
     
+
    <!-- ====END FOOTER AREA==== -->
        <!-- Nos scripts -->
+
 
        <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS&action=raw&ctype=text/javascript"></script>
+
    <!-- ====Google Maps API==== -->
     
+
    <script src="https://maps.googleapis.com/maps/api/js"></script>
 +
 
 +
    <!-- Nos scripts -->
 +
    <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS&action=raw&ctype=text/javascript"></script>
 +
 
 
</html>
 
</html>

Latest revision as of 20:59, 19 October 2016

At the beginning

Ideas, brainstormings & ambition

Quantifly is born from the ambitions and the will of the biologists to create a biological tool that would answer a problematic that would have a meaning for us. Living in Paris, and with the recent COP21 conference that took place, we were concerned with the pollution levels of our city and it was pretty obvious to us that developing a solution (or part of it) to this problem was what we wanted to do in the iGEM competition.

We went through different brainstorms to develop the idea of a pollution prevention tool. What we firstly determined was the fact that we wanted to create a multidisciplinary project in order to use the strength of a multi-skills team. We then agreed to realise our project in the environment and electronics/informatics domains. Over one brainstorm, we evoked a bacterial paint, a bacterial calculator, information encoded in bacteria DNA (which was discarded because of our little means at our disposal regarding the task). We rather focused on pollution which is a well-documented issue and had a reflexion on which type of pollution: we firstly thought of endocrine disruptors which we realised were too complex pollutants for bacterial applications, as we would have to create genetic circuits in order to make bacteria able to metabolize such compounds.



Genesis

Bioluminescence, transdisciplinarity & Biohack space

After performing several researches about previous iGEM detection-based projects, we came to the conclusion that bioluminescence wasn’t used at its full potential in the competition as it is in the professional world in scientific assays. We decided to focus on pollution detection with bioluminescence and its implementation in an integrated system.

In addition, because we wanted to show how biology would not be only a matter of theoretical and laboratory work, we tried to think the engineer way and we developed the Quantifly project, a multidisciplinary project that would combine biology and other disciplines in a concrete and innovative project. With this idea, different students from the IONIS group joined the team, each one bringing different competences in different fields such as marketing, communication, design, informatics, physics and of course biology. This diversity in the competences and areas of expertise in our team has allowed us to develop this exciting project that Quantifly is.

The iGEM competition being based on the open source system and the establishment and use of any knowledge, we are working on our project in a seemingly free-science based laboratory: La Paillasse, Paris, France.

We developed a partnership with this biohack space, which values are the sharing and the creation of open source knowledge, as well as the development of scientific or artistical projects. This biohack space has the ambition to give opportunities to innovative ideas, thus by trying to adopt a different way of thinking, developing innovation through open source science, which brings support from official entities such as the French government or other institutions.


La Paillasse has different objectives and key points which can be resumed in different values:

  • • The concepts of liberty of the community it gathers to do whatever is thought as a project

  • • To emphasise the importance of experimentation

  • • Opening to non-scientific projects to create emulation and maintain creativity

La Paillasse has put to our use laboratory material that are necessary for microbiology and molecular biology. The team can use freely hoods, centrifuges, and consumables to work on its project. This way of doing fits the DIY (Do It Yourself) spirit of the biohack spaces, and it allows us to manipulate with machines that we couldn’t afford otherwise.

This partnership with La Paillasse is the base of Quantifly, and we thought it is the perfect place to realise our iGEM project and all its whereabouts.