Difference between revisions of "Team:Ionis Paris/Mobile application"

Line 49: Line 49:
 
          
 
          
 
   
 
   
        <!-- ====START SOCIAL Link==== -->
+
    <!-- ====START SOCIAL Link==== -->
        <div class="footer_social">
+
    <div class="footer_social">
            <div class="container-fluid">
+
        <div class="container-fluid">
                <div class="row">
+
            <div class="row">
                    <ul class="ft_top clearfix">
+
                <ul class="ft_top clearfix">
                        <li class="waves-effect waves-light">
+
                    <li class="waves-effect waves-light">
                            <a href="https://www.facebook.com/ionisigem/?fref=ts" target="_blank">
+
                        <a href="https://www.facebook.com/ionisigem/?fref=ts" target="_blank">
                                <i class="zmdi zmdi-facebook "></i>Facebook
+
                            <i class="zmdi zmdi-facebook "></i>Facebook
                            </a>
+
                        </a>
                        </li>  
+
                    </li>
                        <li class="waves-effect waves-light">
+
                    <li class="waves-effect waves-light">
                            <a href="https://twitter.com/igem_ionis" target="_blank">
+
                        <a href="https://twitter.com/igem_ionis" target="_blank">
                                <i class="zmdi zmdi-twitter"></i>Twitter
+
                            <i class="zmdi zmdi-twitter"></i>Twitter
                            </a>
+
                        </a>
                        </li>  
+
                    </li>
                        <li class="waves-effect waves-light">
+
                    <li class="waves-effect waves-light">
                            <a href="https://www.youtube.com/channel/UC0RyQsB5YpweSRBYQlAdZDA" target="_blank">
+
                        <a href="https://www.youtube.com/channel/UC0RyQsB5YpweSRBYQlAdZDA" target="_blank">
                                <i class="zmdi zmdi-youtube"></i>youtube
+
                            <i class="zmdi zmdi-youtube"></i>youtube
                            </a>
+
                        </a>
                        </li>  
+
                    </li>
                        <li class="waves-effect waves-light">
+
                    <li class="waves-effect waves-light">
                            <a href="https://www.linkedin.com/company/igem-ionis" target="_blank">
+
                        <a href="https://www.linkedin.com/company/igem-ionis" target="_blank">
                                <i class="zmdi zmdi-linkedin"></i>LinkedIn
+
                            <i class="zmdi zmdi-linkedin"></i>LinkedIn
                            </a>
+
                        </a>
                        </li>  
+
                    </li>
+
 
                    </ul>
+
                </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="sroll_top">
+
                        <div class="scroll_area">
                                  <a href="#back_to_the_top"> <i class="zmdi zmdi-chevron-up btn waves-effect"> </i> </a
+
                            <div class="sroll_top">
                                </div>
+
                                <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="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>IONIS IGEM</h4>
+
                                 <h4>iGEM IONIS</h4>
                                 <p> We're a group of six different schools from the IONIS Education Group. For this competition we wanted to take advantages of the multiple schools and activity field given by the IONIS education group to create a solid project.</p>
+
                                 <p> We're a group of six different schools from the IONIS Education Group. For this
                              <a href="https://2016.igem.org/Team:Ionis_Paris/Team">Read More</a>
+
                                    competition we wanted to take advantages of the multiple schools and activity field
 +
                                    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 116: Line 118:
 
                                             <a href="mailto:igem.ionis@gmail.com">email: igem.ionis@gmail.com</a>
 
                                             <a href="mailto:igem.ionis@gmail.com">email: igem.ionis@gmail.com</a>
 
                                         </li>
 
                                         </li>
                                     
+
 
 
                                     </ul>
 
                                     </ul>
 
                                 </div>
 
                                 </div>
Line 122: Line 124:
 
                         </div>
 
                         </div>
  
                       
 
  
 
                     </div>
 
                     </div>
Line 134: Line 135:
 
                             <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="https://2016.igem.org/Team:Ionis_Paris">Home</a></li>
 
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris">Home</a></li>
                                         <li><a href="https://2016.igem.org/At_the_lab.html">At the Lab</a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Working_at_La_Paillasse">in the Lab</a></li>
                                         <li><a href="https://2016.igem.org/CelloCad"> Side Projects</a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Measurement"> Side Projects</a></li>
                                         <li><a href="Results">Results</a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Parts">Results</a></li>
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Human_Practice">Human Practice</a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/HPintro">Human
                                         <li><a href="https://2016.igem.org/Team.html">Team</a></li>
+
                                            Practice</a></li>
 +
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Team">Team</a></li>
 
                                     </ul>
 
                                     </ul>
 
                                 </nav>
 
                                 </nav>
Line 146: Line 148:
 
                             <div class="col-md-5 fix_p">
 
                             <div class="col-md-5 fix_p">
 
                                 <div class="ft_paragraph">
 
                                 <div class="ft_paragraph">
                                     <p>©IONIS_IGEM_2016</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==== -->
+
    <!-- ====END FOOTER AREA==== -->
     
+
 
        <!-- Nos scripts -->
+
    <!-- ====Google Maps API==== -->
<!-- TODO: Debug these scripts
+
    <script src="https://maps.googleapis.com/maps/api/js"></script>
        <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS_Venobox&action=raw&ctype=text/javascript"></script>
+
        <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS_MDB&action=raw&ctype=text/javascript"></script>
+
        <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS_Carousel&action=raw&ctype=text/javascript"></script>
+
-->
+
        <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS&action=raw&ctype=text/javascript"></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>

Revision as of 12:16, 18 October 2016

Mobile Application

As said in the Human Practices, we thought that developing a mobile application was a good way to make people know more about our project, and to make them more trustful towards GMOs in general, as video games are used by a lot of people. People are also more likely to learn something through video game mechanics : that’s why we tried to make our game as accurate as possible on a scientific level, while still being fun. We couldn’t take everything in account, but as a example there is no dissemination in our game, nor that it is said that our bacteria actually « clean » the air. We stick to the way our project works so people can understand how the real-life Quantifly works.

Therefore, the game consists in a 2D horizontal scroller : the player has to go control the Quantifly drone through various levels (cities), and to collect pollutants molecules on the way. Once enough pollutants are collected, the sample is analyzed and enters « bioluminescence mode ».

The drone has a battery life that will slowly decrease over time. When the drone hits an obstacle, the battery drops suddenly. However, batteries can be picked up and will refill the drone’s battery life.

Lastly, each tube collected will serve as a currency : a series of areas that you can map using your tubes will unlock upgrades for the drone, such as increased speed or battery life.