Difference between revisions of "Team:HUST-China/Modeling"

 
(59 intermediate revisions by 6 users not shown)
Line 1: Line 1:
−
{{HUST-China}}
+
<HTML>
−
<html>
+
<head lang="en">
−
<div>
+
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
−
<img class="picture" src="http://https://static.igem.org/mediawiki/2015/0/0c/HUST_MODELING_1.PNG
+
<meta charset="UTF-8">
−
  ">
+
<meta name="viewport" content="width=device-width,initial-scale=1">
−
<img class="picture" src="http://https://static.igem.org/mediawiki/2015/5/5e/HUST_MODELING_2.PNG
+
 
−
">
+
<title>Team:HUST-China:Modeling</title>
−
<img class="picture" src="http://https://static.igem.org/mediawiki/2015/1/13/HUST_MODELING_3.PNG
+
<link rel="stylesheet" type="text/css"
−
  ">
+
href="https://2015.igem.org/Team:HUST-China/CSS?action=raw&ctype=text/css" />
−
<img class="picture" src="http://https://static.igem.org/mediawiki/2015/0/0b/HUST_MODELING_4.PNG
+
 
−
">
+
<script type="text/javascript" src="https://2015.igem.org/Team:HUST-China/jquery?
 +
action=raw&ctype=text/javascript"></script>
 +
 
 +
<script type="text/javascript" src="https://2015.igem.org/Team:HUST-China/JS?
 +
action=raw&ctype=text/javascript"></script>
 +
 
 +
<style>
 +
  /*改默认设定*/
 +
#footer-box,#sponsor-box,.shadow3,#content,table,#catlinks {
 +
    background-color: transparent;
 +
}
 +
.mediawiki.ltr.ns-0.ns-subject.page-Team_HUST-China
 +
#globalWrapper #top-section #p-logo a img {
 +
    visibility:hidden;
 +
}
 +
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear{display: none;}
 +
#globalWrapper, #content,#bodyContent { /*-- changes default wiki settings --*/
 +
    width: 100%;
 +
    height: 100%;
 +
    border: 0px;
 +
    background-color: transparent;
 +
    margin: 0px;
 +
    padding: 0px;
 +
  top: 0px;
 +
}
 +
#top_menu_under{height: 0px;}
 +
 
 +
html, .wrapper { /*-- changes default wiki settings --*/
 +
    width: 100%;
 +
    height: 100%;
 +
    background-color: transparent; 
 +
top: 0px;
 +
}
 +
 
 +
table{width: 780px;
 +
margin-top: 20px;
 +
margin-bottom: 20px;
 +
}
 +
table tr,th,td{ width: auto;
 +
padding: 5px;
 +
text-align: center;}
 +
.viewport, .container {
 +
max-width: 1349px;
 +
          top: 0px;}
 +
 
 +
 
 +
 
 +
 
 +
#mid{width: 1349px;
 +
margin: 0 auto;}
 +
 
 +
 
 +
 
 +
      body{ background-color: white;
 +
position: absolute;
 +
margin: 0;
 +
    font-family:Arial,Verdana,Sans-serif;
 +
color: black;
 +
z-index: 0}
 +
 
 +
.header{position: fixed;
 +
    width: 1348px;
 +
                text-align:center;
 +
  height:200px;
 +
  margin-top: 0px;
 +
  padding-top: 5px;
 +
  background-image: url(https://static.igem.org/mediawiki/2015/d/d7/HUST_daohang.png);
 +
  background-size:100% 100%;
 +
    filter:alpha(opacity:30);opacity:0.95;  -moz-opacity:0.4; -khtml-opacity: 0.4;
 +
  z-index:1;}
 +
 
 +
.first-menu{float: left;
 +
font-size:19px;
 +
    max-width: 20%;
 +
                padding-top:5px;}
 +
 
 +
.other-menu{float: left;
 +
margin-left:1%;
 +
font-size:19px;
 +
    max-width: 20%;
 +
                    padding-top:5px;}
 +
 
 +
 
 +
.navbar .nav > li .dropdown-menu {margin: 0;}
 +
.navbar .nav > li:hover .dropdown-menu {display: block;}
 +
 
 +
a:link,a:visited {
 +
color:#002855;
 +
text-decoration:none;
 +
            }
 +
a:hover,a:active {
 +
color:#007fff;
 +
text-decoration:underline;
 +
}
 +
 
 +
ul.ul{list-style-type:none;
 +
list-style-image: none;
 +
margin-bottom: 0px;
 +
padding-left: 0px;}
 +
li.li{margin-top: 0px;
 +
list-style-image: none;}
 +
 
 +
#maodian ul{list-style-type:none;
 +
margin-bottom: 0px;
 +
padding-left: 0px;
 +
                margin-left:0px;}
 +
 
 +
 +
#pic{  background-image: url(https://static.igem.org/mediawiki/2015/d/d6/HUST_modeling.jpg);
 +
                width:1349px;
 +
                height:650px;
 +
              float: left;
 +
              z-index: 0;
 +
          background-size: 100%,100%;
 +
          margin-top: 0px;}
 +
 
 +
   
 +
#pic2{  background-image: url(https://static.igem.org/mediawiki/2015/1/11/FourPicturesForModeling.png);
 +
                width:1000px;
 +
                height:1580px;
 +
              margin-left:180px;
 +
              z-index: 0;
 +
              float: left;
 +
          background-size: 100%,100%;
 +
          margin-top: 0px;}
 +
#pic2 p{ margin-top:140px;
 +
        margin-left:50px;
 +
          width:400px;}
 +
 
 +
 
 +
.title{width: 900px; 
 +
                height:300px;
 +
              margin-left: 18%;
 +
                margin-top:80px;}
 +
    .pic_a img{width: 135px;
 +
    height: 120px;
 +
    }
 +
    .pic_a{float: left;
 +
            margin-top:35px;
 +
            width: 1349px;
 +
            text-align:center;
 +
              }
 +
 
 +
#maodian{float: left;
 +
              top: 50px;
 +
  position: fixed;
 +
  margin-top: 70px;  
 +
  z-index: -1;
 +
margin-left: 0px; }
 +
#maodian img{ padding-left: 2% ;
 +
width:150px;
 +
height: auto;
 +
}
 +
.btn
 +
{ background-color:#5d96a3;
 +
margin-left: 0px;
 +
width: 200px;
 +
font-size: 14px;
 +
padding-left: 1px;
 +
    }
 +
 
 +
.btn:hover,.btn:active {
 +
color:white;
 +
background-color:#004c6f;}
 +
 
 +
   
 +
    .description {margin-left: 20%;
 +
              margin-right: 20%;
 +
              margin-top: 50px;
 +
              text-align: left;
 +
              float: left;
 +
              font-size:16px;}
 +
    .description p{font-size: 16px;
 +
                        width:809px;}
 +
     
 +
    .dongxi{height:50px;}
 +
 
 +
 
 +
 +
      .scroll{
 +
width:100px;
 +
height:120px;
 +
background-image: url(https://static.igem.org/mediawiki/2015/8/87/Top.png);
 +
background-size: 100% 100%;
 +
position:fixed;
 +
right:10px;
 +
bottom:20px;
 +
cursor:pointer;
 +
opacity:0.6;
 +
}
 +
 +
 
 +
</style>
 +
<!--点击TOP回滚到顶部js如下：-->
 +
<script type="text/javascript">
 +
$(function(){
 +
showScroll();
 +
function showScroll(){
 +
$(window).scroll( function() {
 +
var scrollValue=$(window).scrollTop();
 +
scrollValue > 100 ? $('div[class=scroll]').fadeIn():$('div[class=scroll]').fadeOut();
 +
} );
 +
$('#scroll').click(function(){
 +
$("html,body").animate({scrollTop:0},500);
 +
});
 +
}
 +
})
 +
</script>
 +
<script type="text/javascript">
 +
$(function(){
 +
showdes();
 +
function showdes(){
 +
$('#to_des').click(function(){
 +
$("html,body").animate({scrollTop:650},800);
 +
});
 +
}
 +
})
 +
</script>
 +
</head>
 +
 
 +
<body >
 +
<div id="mid">
 +
<!--上栏-->
 +
 
 +
<div class="container header" >
 +
 +
<!--悬浮菜单-->
 +
<!--悬浮菜单-->
 +
<div class="navbar">
 +
    <div class="navbar-inner">
 +
      <div class="container">
 +
          <ul class="nav">
 +
              <li class="first-menu"><a href="https://2015.igem.org/Team:HUST-China">HOME</a>
 +
                </li>    
 +
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Project">PROJECT<b class="caret"></b></a>
 +
                <ul class="dropdown-menu">
 +
                                <li><a href="https://2015.igem.org/Team:HUST-China/Background">Background</a></li>
 +
                <li class="divider"></li>
 +
                <li><a href="https://2015.igem.org/Team:HUST-China/Description">Description</a></li>
 +
                <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Design">Design</a></li>         
 +
                    </ul>
 +
                        </li>
 +
 
 +
                        <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Wetlab">WETLAB<b class="caret"></b></a>
 +
                <ul class="dropdown-menu">
 +
<li><a href="https://2015.igem.org/Team:HUST-China/Results">Results</a></li>
 +
                        <li class="divider"></li>                      
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Experiments">Experiments&protocol</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/InterLab Study">InterLab Study</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Notebook">Notebook</a></li>     
 +
                    </ul>
 +
                        </li>
 +
 
 +
                        <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Parts">PARTS<b class="caret"></b></a>
 +
                <ul class="dropdown-menu">                        
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Basic_part">Basic Parts</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Basic_part#2">Composite Parts</a></li>                          <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Part_Collection">Part Collection</a></li> 
 +
                    </ul>
 +
                        </li>
 +
               
 +
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Modeling">MODELING<b class="caret"></b></a>
 +
                            <ul class="dropdown-menu">
 +
                                        <li><a href="https://2015.igem.org/Team:HUST-China/Modeling">Overiew</a></li>
 +
                                        <li class="divider"></li>
 +
                          <li><a href="https://2015.igem.org/Team:HUST-China/Modeling on Cellular Level">Modeling on Cellular Level</a></li>
 +
                          <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Modeling on Ecosystem Level">Modeling on Ecosystem Level</a></li>
 +
                    </ul>
 +
                </li>
 +
 
 +
                               
 +
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Practices">HUMAN PRACTICES</a>
 +
                                       
 +
                </li>
 +
 
 +
              <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Safety">OTHERS<b class="caret"></b></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Safety">Safety</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Collaborations">Collaborations</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Attributions">Attributions</a></li>
 +
                        <li class="divider"></li>                   
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Team">Team</a></li>
 +
                        <li class="divider"></li>                   
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Achievements">Achievements</a></li>
 +
                    </ul>
 +
              </li>
 +
          </ul>
 +
      </div>
 +
      </div>
 +
    </div>
 +
    <script type="text/javascript">
 +
        $(document).ready(function () {
 +
          $('.dropdown-toggle').dropdown(); }); </script>
 +
</div>
 +
<!--标题栏-->
 +
<div id="pic" >
 +
<img class="title" src="https://static.igem.org/mediawiki/2015/a/ae/HUST_MODELING_5.PNG"/>
 +
<br>
 +
<div class="pic_a" >
 +
<h4 align="center" style="color:white"><b>click it~</b></h4>
 +
<img style="cursor:pointer;" id="to_des" src="https://static.igem.org/mediawiki/2015/8/80/White.png"/>
 +
</div>
 +
  </div>
 +
<!--内容-->
 +
<div id="pic2" >
 +
  <a href="https://2015.igem.org/Team:HUST-China/Modeling on Cellular Level"><img style="margin-left:50px;margin-top:10px;width:400px;height:400px;" src="https://static.igem.org/mediawiki/2015/2/27/HUST_blank.png"></a>
 +
<h4 style="width:800px;margin-bottom:30px" align:center;><b>Click me to see the modeling on the circuit of Euk.Cement~</b></h4>
 +
  <p>With the benefit of Synthetic Biology, we built a kit, Euk.Cement, that could solidify sands in the ocean. In order to make sure that our kit could fulfill its duty, we built two mathematical models to simulate it. One model is the DDEs model, this model could simulate the circuit of Euk.Cement and determine the properties of darkness induction system and the amount of secreted proteins.  Another model is the Diffusion model, which could predict the outcome of our kit, such as the final shape, scope and concentration of the permeation of Euk.Cement. In this model, we used Lattice Method to simplify the calculation greatly. With these models, we could improve the experiment significantly and find out the best strategy to make full use of Euk.Cement, such as how to “wake up” Euk.Cement and how to release them. Please click the pictures for specific content.</p>
 +
    <a href="https://2015.igem.org/Team:HUST-China/Modeling on Ecosystem Level"><img style="margin-left:50px;margin-top:20px;width:400px;height:400px;" src="https://static.igem.org/mediawiki/2015/2/27/HUST_blank.png"></a>
 +
<br><br>
 +
<h4 style="width:800px;margin-bottom:30px" align:center;><b>Click me to see the diffusion model on ecosystem level</b></h4>
 +
 
 
</div>
 
</div>
  
 +
 +
<!--描述，只在这里编写，其他内容都不动，但最后要整个copy-->
 +
<div align="center"  class="description"><a name="1"></a><br><div  class="dongxi"></div>
 +
 
 +
 +
<!--下一页
 +
<a href="https://2015.igem.org/Team:HUST-China/Experiments" class="nextpage">
 +
Next >>
 +
</a>-->
 +
<!--top-->
 +
<div class="scroll" id="scroll" style="display:none;"></div>
 +
</div>
 +
 +
 +
</body>
 
</html>
 
</html>

Latest revision as of 15:47, 18 September 2015

Team:HUST-China:Modeling


click it~

Click me to see the modeling on the circuit of Euk.Cement~

With the benefit of Synthetic Biology, we built a kit, Euk.Cement, that could solidify sands in the ocean. In order to make sure that our kit could fulfill its duty, we built two mathematical models to simulate it. One model is the DDEs model, this model could simulate the circuit of Euk.Cement and determine the properties of darkness induction system and the amount of secreted proteins. Another model is the Diffusion model, which could predict the outcome of our kit, such as the final shape, scope and concentration of the permeation of Euk.Cement. In this model, we used Lattice Method to simplify the calculation greatly. With these models, we could improve the experiment significantly and find out the best strategy to make full use of Euk.Cement, such as how to “wake up” Euk.Cement and how to release them. Please click the pictures for specific content.



Click me to see the diffusion model on ecosystem level