Difference between revisions of "Team:HUST-China/Applied Design"

Line 1: Line 1:
−
{{HUST-China}}
+
<html lang="en">
−
<html>
+
<head>
 +
<meta charset="utf-8">
 +
<title>HillSide Multi purpose HTML5 Template</title>
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 +
<meta name="description" content="" />
 +
<meta name="author" content="http://webthemez.com" />
 +
<link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
 +
  <script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
 +
  <script src="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
<!-- css -->
 +
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 +
<link rel="stylesheet" href="https://2018.igem.org/Team:HUST-China/materialize/css/materialize?action=raw&amp;ctype=text/css" media="screen,projection" />
 +
<link href="https://2018.igem.org/Team:HUST-China/css/bootstrap?action=raw&amp;ctype=text/css" rel="stylesheet" />
 +
<link href="https://2018.igem.org/Team:HUST-China/css/fancybox/jquery?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
<link href="https://2018.igem.org/Team:HUST-China/css/flexslider?action=raw&amp;ctype=text/css" rel="stylesheet" />
 +
<!--slider-->
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:HUST-China/css/zoomslider?action=raw&amp;ctype=text/css" />
  
 +
<link href="https://2018.igem.org/Team:HUST-China/css/font-awesome?action=raw&amp;ctype=text/css" rel="stylesheet" />
 +
<link href="https://2018.igem.org/Team:HUST-China/css/animate?action=raw&amp;ctype=text/css" rel="stylesheet" />
  
 +
<link href="https://2018.igem.org/Team:HUST-China/css/style?action=raw&amp;ctype=text/css" rel="stylesheet" />
 +
<link href="https://2018.igem.org/Team:HUST-China/css/main?action=raw&amp;ctype=text/css" rel="stylesheet" />
 +
<!-- Vendor Styles -->
 +
<link href="https://2018.igem.org/Team:HUST-China/css/magnific-popup?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
<!-- Block Styles -->
 +
<link href="https://2018.igem.org/Team:HUST-China/css/gallery-1?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
<!--slider-->
 +
<link rel="stylesheet" href="https://2018.igem.org/Team:HUST-China/css/menu-slider?action=raw&amp;ctype=text/css" type="text/css" />
 +
<style type="text/css">
 +
.red-content{
 +
  color:#ff0057;
 +
  font-weight: bold;
 +
}
 +
.content{
 +
  padding-top:30px;
 +
  font-weight: 600;
 +
}
 +
.content-text{
 +
  margin: 8px 0;
 +
}
  
 +
th{
 +
  text-align:center;
 +
  font-size:14px;
 +
  font-weight: 800;
 +
}
 +
td
 +
{
 +
    text-align:center;
 +
    font-size:14px;
 +
    font-weight: 500;
 +
}
 +
</style>
 +
<style type="text/css">
 +
.jR3DCarouselGallery,.jR3DCarouselGalleryCustomeTemplate {
 +
  margin: 0 auto; /* optional - if want to center align */
 +
}
 +
</style>
 +
<style>
 +
.jR3DCarouselGalleryCustomeTemplate .captions{
 +
  position: relative;
 +
  padding: 4px 0;
 +
  bottom: 27px;
 +
  background: #eeeeee;
 +
  display:block   
 +
}
 +
.jR3DCarouselGalleryCustomeTemplate a{
 +
  text-decoration: none;     
 +
}
 +
</style>
  
 +
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery-1.8.0.min.js"></script>
 +
<script src="https://2018.igem.org/Team:HUST-China/js/jquery?action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Team:HUST-China/js/jR3DCarousel-min?action=raw&amp;ctype=text/javascript"></script>
 +
<!-- <script type="text/javascript" src="src/jR3DCarousel.js"></script> -->
  
−
<div class="clear"></div>
+
<script type="text/javascript">
 +
$(document).ready(function(){
 +
  var slideImages = [ {src: '../jRCarousel/images/01.jpg'},
 +
                    {src: '../jRCarousel/images/02.jpg'},
 +
                    {src: '../jRCarousel/images/03.jpg'},
 +
                    {src: '../jRCarousel/images/04.jpg'},
 +
                    {src: '../jRCarousel/images/05.jpg'} ]
 +
  //var jR3DCarousel;
 +
 
 +
  jR3DCarousel = $('.jR3DCarouselGallery').jR3DCarousel({
 +
    width: 550,    /* largest allowed width */
 +
    height: 320,    /* largest allowed height */
 +
    slides: slideImages /* array of images source */
 +
  });
 +
 
 +
  var carouselCustomeTemplateProps =  {
 +
        width: 550,        /* largest allowed width */
 +
        height: 320,        /* largest allowed height */
 +
        slideLayout : 'fill',    /* "contain" (fit according to aspect ratio), "fill" (stretches object to fill) and "cover" (overflows box but maintains ratio) */
 +
        animation: 'slide3D',  /* slide | scroll | fade | zoomInSlide | zoomInScroll */
 +
        animationCurve: 'ease',
 +
        animationDuration: 1900,
 +
        animationInterval: 2000,
 +
        slideClass: 'jR3DCarouselCustomSlide',
 +
        autoplay: false,
 +
        controls: true,    /* control buttons */
 +
        navigation: ''      /* circles | squares | '' */,
 +
        perspective: 2200,
 +
        rotationDirection: 'ltr',
 +
        onSlideShow: slideShownCallback
 +
         
 +
    }
 +
  function slideShownCallback($slide){
 +
    console.log("Slide shown: ", $slide.find('img').attr('src'))
 +
  }
  
 +
  jR3DCarouselCustomeTemplate = $('.jR3DCarouselGalleryCustomeTemplate').jR3DCarousel(carouselCustomeTemplateProps);
  
−
<div class="column full_size">
+
  })
−
<h1>Applied Design</h1>
+
</script>
−
</div>
+
−
<div class="clear"></div>
+
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
−
 
+
<!--[if lt IE 9]>
−
 
+
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
−
<div class="column two_thirds_size">
+
    <![endif]-->
−
<h3>Best Applied Design Special Prize</h3>
+
</head>
−
 
+
<body>
−
<p>This is a prize for the team that has developed a synbio product to solve a real world problem in the most elegant way. The students will have considered how well the product addresses the problem versus other potential solutions, how the product integrates or disrupts other products and processes, and how its lifecycle can more broadly impact our lives and environments in positive and negative ways.
+
<div id="wrapper" class="home-page">  
−
<br><br>
+
  <!-- start header -->
−
To compete for the <a href="https://2018.igem.org/Judging/Awards">Best Applied Design prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2018.igem.org/Judging/Judging_Form">judging form</a>.
+
  <header style="margin-top: 12px">
−
<br><br>
+
        <div class="navbar navbar-default navbar-static-top">
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
            <div class="container">
−
</p>
+
                <div class="navbar-header">
−
</div>
+
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
−
 
+
                        <span class="icon-bar"></span>
−
 
+
                        <span class="icon-bar"></span>
−
<div class="column third_size">
+
                        <span class="icon-bar"></span>
−
<div class="highlight decoration_A_full">
+
                    </button>
−
<h3>Inspiration</h3>
+
                    <a class="navbar-brand" href="https://2018.igem.org/Team:HUST-China">
−
<p>Take a look at what some teams accomplished for this prize.</p>
+
                      <img style="height: 50px; width:auto;margin-top:-10px; padding:0;" src="https://static.igem.org/mediawiki/2018/c/cb/T--HUST-China--2018-menu-logo-white.png"></a>
−
<ul>
+
                    <a class="navbar-brand" href="https://2018.igem.org">
−
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
+
                      <img style="height: 60px; width:auto; padding:0;margin-top: -13px;" src=" https://static.igem.org/mediawiki/2018/f/f0/T--UC_Davis--igemLogo.jpg"></a>
−
<li><a href="https://2016.igem.org/Team:HSiTAIWAN/Product?locationId=Design">2016 HSiTAIWAN</a></li>
+
                </div>
−
<li><a href="https://2016.igem.org/Team:Pasteur_Paris/Design">2016 Pasteur Paris</a></li>
+
                <div class="navbar-collapse collapse ">
−
</ul>
+
                    <ul class="nav navbar-nav">
−
</div>
+
                      <li class="HillSide"><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China">Home</a></li>
−
</div>
+
                      <li class="dropdown">
−
 
+
                          <a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">PROJECT<b class="caret"></b></a>
 +
                          <ul class="dropdown-menu">
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/project/background">Background</a></li>
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Description">Description</a></li>
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Applied Design">Applied Design</a></li>
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Safety">Safety</a></li>  
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Demonstrate">Demonstrate</a></li>
 +
                          </ul>
 +
                      </li>  
 +
                      <li class="dropdown">
 +
                          <a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">WETLAB<b class="caret"></b></a>
 +
                          <ul class="dropdown-menu">
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Experiments">Experiments</a></li>
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Results">Results</a></li>
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/wetlab/protocols">Protocols</a></li>
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/InterLab">Interlab</a></li>  
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Notebook">Notebook</a></li>
 +
                          </ul>
 +
                      </li>
  
 +
                      <li class="dropdown">
 +
                          <a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">Model<b class="caret"></b></a>
 +
                          <ul class="dropdown-menu">
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Modeling overview">Modeling overview</a></li>
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Comparison between PSB">Comparison between PSB</a></li>
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Sort of three genes">Sort of three genes</a></li>
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Software">Intelligent device software</a></li>
 +
                          </ul>
 +
                      </li>
  
  
 +
                      <li class="dropdown">
 +
                          <a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">PARTS<b class="caret"></b></a>
 +
                          <ul class="dropdown-menu">
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Parts Overview">Parts Overview</a></li>
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Composite part">Composite part</a></li>
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Part collection">Part collection</a></li>
 +
                          </ul>
 +
                      </li>
 +
                      <li class="dropdown">
 +
                          <a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">HP<b class="caret"></b></a>
 +
                          <ul class="dropdown-menu">
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Collaborations">Human Practices</a></li>
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Education Engagement">Education&Engagement</a></li>
 +
                          </ul>
 +
                      </li>
 +
                      <li class="dropdown">
 +
                          <a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">TEAM<b class="caret"></b></a>
 +
                          <ul class="dropdown-menu">
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Team Members">Team Members</a></li>
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Collaborations">Collaborations</a></li>
 +
                              <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Attributions">Attributions</a></li>
 +
                          </ul>
 +
                      </li>
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
        </div>
 +
  </header>
 +
  <!-- end header -->
 +
  <!--
 +
  <section class="section-padding gray-bg" style="margin:15px; padding:15px;">
 +
    <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/2/2c/T--HUST-China--2018-menu-datu01.png">
 +
  </section>
 +
  -->
 +
<section id="inner-headline">
 +
  <div class="container">
 +
    <div class="row">
 +
      <div class="col-lg-12">
 +
        <h2 class="pageTitle">Intelligent device software</h2>
  
 +
      </div>
 +
    </div>
 +
  </div>
 +
  </section>
  
 +
  <section class="content">
 +
  <div class="container"> 
 +
        <div class="row">
 +
            <div class="col-md-12 content-text">
 +
                <div class="about-logo">
 +
                  <h3><strong>1. <span class="red-content">design</span></strong></h3>
 +
                  <p>With the completion of our molecular biology work. We will transfer from small-scale power generation environment to large-scale integrated power generation environment. Thus we have designed a software for large-scale integrated power generation environment so that we can estimate the internal conditions of the system based on sensors’ data and system modeling and decide how to operate the hardware according to these internal conditions in order to improve the efficiency of power generation.</p>
 +
              </div>
 +
            </div>
 +
            <div class="col-md-4 col-md-offset-1">
 +
                  <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/6/6d/T--HUST-China--2018-applied-design01.jpg">
 +
            </div>
 +
            <br>
 +
            <div class="col-md-12">
 +
                <h3>Estimating the internal conditions of the system according to the sensor data and system modeling</h3>
 +
                <p>The current device sensors cannot get enough data from the system. If we only use these data directly (for example, the absorbance only representing the concentration of the bacteria, the concentration of the specific chromogenic substance; the pH only indicating the acidity of the system), we will not be able to fully understand the internal conditions of the system. So our software is essential and we can use this data to understand further what we didn't understand in the system before.<span class="red-content"> For instance, if a product of a bacterium cannot detect its concentration which means that we cannot know the speed of the rection, however, the growth of the bacterium is determined by the speed of this reaction and the other reaction.</span> We can detect the growth speed of the bacterium and the rate of the other reaction. Then we can calculate the speed of this reaction. The speed is thus determined based on the integral. Therefore, our software can improve our utilization of sensor data.</p>
 +
            </div>
  
 +
            <div class="col-md-12">
 +
                <h3>Operating the hardware according to the internal conditions of the system</h3>
 +
                <p>The operation method of the main fermenter, which produces electricity, relies more on personal calculations. However, the individual's ability is always limited, and may ignore some points. The introduction of computer learning can propose a more comprehensive and efficient fermentation operation method. We use the Q-learning algorithm for reinforcement learning, learnig from modeling data and experimental data, exploring in the modeling virtual environment and experimental real environment and knowing how to operate our fermentation experiment more efficiently.</p>
 +
            </div>
 +
            <br>
 +
            <div class="col-md-12">
 +
                <h3>Compared with the traditional large-scale integrated power generation environment</h3>
 +
                <p>we design this software in order to know much about this environment and try to make full use of it so that we can improve power generation efficiency. In addition, our software can also be used widely in other integrated power generation environment so that they can be used to produce electricity efficiently.</p>
 +
            </div>
 +
           
 +
          </div>
 +
       
  
 +
    <div class="row">
 +
        <div class="col-md-12">
 +
            <div class="about-logo">
 +
                <h4><strong>Reference </strong></h4>
 +
                <p>[1] Cheng, Yizong (August 1995). "Mean Shift, Mode Seeking, and Clustering". IEEE Transactions on Pattern Analysis and Machine Intelligence. IEEE. 17 (8): 790–799. doi:10.1109/34.400568.</p>
 +
              </div>
 +
            </div>
 +
        </div>
 +
    </div>     
 +
</section>
 +
                                                         
 +
  <footer>
 +
    <div class="container" >
 +
      <div class="row">
 +
          <div class="copyright col-md-12" style="text-align: center;color: gray; font-size: 14px;">
 +
              <span>
 +
                College of Life Science & Technology<br>
 +
                Huazhong University of Science and Technology<br>
 +
                Add: 1037 Luoyu Road, Wuhan, Hubei, China; P.C: 430074<br>
 +
                Copyright &copy;2018 Huazhong University of Science & Technology. Produced By </span><a href="https://2018.igem.org/Team:HUST-China" target="_blank" style="color:white;">HUST-China</a>
 +
          </div> 
 +
      </div>
 +
    </div>
 +
  </footer>
 +
</div>
 +
<a href="#" class="scrollup waves-effect waves-dark"><img class="img-responsive" src="https://static.igem.org/mediawiki/2018/7/79/T--HUST-China--2018-menu-return-top.png"></a>
 +
<!-- javascript
 +
    ================================================== -->
 +
<!-- Placed at the end of the document so the pages load faster -->
 +
<!--
 +
<script src="https://2018.igem.org/Team:HUST-China/js/jquery?action=raw&amp;ctype=text/javascript"></script>-->
 +
<script src="https://2018.igem.org/Team:HUST-China/js/jquery-easing-1-3?action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Team:HUST-China/materialize/js/materialize-min?action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Team:HUST-China/js/bootstrap-min?action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
 +
<script src="https://2018.igem.org/Team:HUST-China/js/jquery-fancybox-pack?action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Team:HUST-China/js/jquery-fancybox-media?action=raw&amp;ctype=text/javascript"></script> 
 +
<script src="https://2018.igem.org/Team:HUST-China/js/jquery-flexslider?action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Team:HUST-China/js/animate?action=raw&amp;ctype=text/javascript"></script>
 +
<!-- Vendor Scripts -->
 +
<script src="https://2018.igem.org/Team:HUST-China/js/modernizr-custom?action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Team:HUST-China/js/Vendor-jquery-zoomslider?action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Team:HUST-China/js/Vendor-jquery-isotope?action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Team:HUST-China/js/Vendor-jquery-magnific-popup?action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Team:HUST-China/js/Vendor-animate?action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Team:HUST-China/js/Vendor-custom?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript">
 +
 
 +
</script>
 +
</body>
 
</html>
 
</html>

Revision as of 22:51, 17 October 2018

HillSide Multi purpose HTML5 Template

Intelligent device software


Estimating the internal conditions of the system according to the sensor data and system modeling

The current device sensors cannot get enough data from the system. If we only use these data directly (for example, the absorbance only representing the concentration of the bacteria, the concentration of the specific chromogenic substance; the pH only indicating the acidity of the system), we will not be able to fully understand the internal conditions of the system. So our software is essential and we can use this data to understand further what we didn't understand in the system before. For instance, if a product of a bacterium cannot detect its concentration which means that we cannot know the speed of the rection, however, the growth of the bacterium is determined by the speed of this reaction and the other reaction. We can detect the growth speed of the bacterium and the rate of the other reaction. Then we can calculate the speed of this reaction. The speed is thus determined based on the integral. Therefore, our software can improve our utilization of sensor data.

Operating the hardware according to the internal conditions of the system

The operation method of the main fermenter, which produces electricity, relies more on personal calculations. However, the individual's ability is always limited, and may ignore some points. The introduction of computer learning can propose a more comprehensive and efficient fermentation operation method. We use the Q-learning algorithm for reinforcement learning, learnig from modeling data and experimental data, exploring in the modeling virtual environment and experimental real environment and knowing how to operate our fermentation experiment more efficiently.


Compared with the traditional large-scale integrated power generation environment

we design this software in order to know much about this environment and try to make full use of it so that we can improve power generation efficiency. In addition, our software can also be used widely in other integrated power generation environment so that they can be used to produce electricity efficiently.

College of Life Science & Technology
Huazhong University of Science and Technology
Add: 1037 Luoyu Road, Wuhan, Hubei, China; P.C: 430074
Copyright ©2018 Huazhong University of Science & Technology. Produced By HUST-China