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

 
(57 intermediate revisions by 6 users not shown)
Line 55: Line 55:
 
           top: 0px;}
 
           top: 0px;}
  
−
.picture{ width: 750px;
+
 
−
    height: auto;
+
−
        margin-bottom:30px;
+
−
        margin-left: 30px;}
+
−
.picture2{ width: auto;
+
−
    height: 400px;
+
−
        margin-bottom:30px;
+
−
        margin-left: 50px;}
+
  
  
Line 88: Line 81:
 
    z-index:1;}
 
    z-index:1;}
  
−
.first-menu{float: left;
+
.first-menu{float: left;
−
margin-left: 0%;
+
 
  font-size:19px;  
 
  font-size:19px;  
−
      max-width: 22%;
+
      max-width: 20%;
−
                 padding-top:5px;
+
                 padding-top:5px;}
−
            z-index: 2;}
+
  
 
  .other-menu{float: left;
 
  .other-menu{float: left;
−
  margin-left:1.2%;
+
  margin-left:1%;
 
  font-size:19px;
 
  font-size:19px;
−
      max-width: 22%;
+
      max-width: 20%;
−
                     padding-top:5px;
+
                     padding-top:5px;}
−
                    z-index: 2;}
+
 
  
 
  .navbar .nav > li .dropdown-menu {margin: 0;}
 
  .navbar .nav > li .dropdown-menu {margin: 0;}
Line 134: Line 125:
 
           background-size: 100%,100%;
 
           background-size: 100%,100%;
 
           margin-top: 0px;}
 
           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;   
 
.title{width: 900px;   
Line 143: Line 148:
 
     }
 
     }
 
     .pic_a{float: left;
 
     .pic_a{float: left;
−
             margin-top:100px;
+
             margin-top:35px;
 
             width: 1349px;
 
             width: 1349px;
 
             text-align:center;
 
             text-align:center;
Line 218: Line 223:
 
function showdes(){
 
function showdes(){
 
$('#to_des').click(function(){
 
$('#to_des').click(function(){
−
$("html,body").animate({scrollTop:720},800);
+
$("html,body").animate({scrollTop:650},800);
 
});
 
});
 
}
 
}
Line 232: Line 237:
 
 
 
<!--悬浮菜单-->
 
<!--悬浮菜单-->
 +
<!--悬浮菜单-->
 
<div class="navbar">
 
<div class="navbar">
 
    <div class="navbar-inner">
 
    <div class="navbar-inner">
Line 238: Line 244:
 
              <li class="first-menu"><a href="https://2015.igem.org/Team:HUST-China">HOME</a>
 
              <li class="first-menu"><a href="https://2015.igem.org/Team:HUST-China">HOME</a>
 
                </li>      
 
                </li>      
−
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Background">PROJECT<b class="caret"></b></a>
+
                <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">
 
                <ul class="dropdown-menu">
 
                                 <li><a href="https://2015.igem.org/Team:HUST-China/Background">Background</a></li>
 
                                 <li><a href="https://2015.igem.org/Team:HUST-China/Background">Background</a></li>
Line 248: Line 254:
 
                         </li>
 
                         </li>
  
−
                         <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Results">WETLAB<b class="caret"></b></a>
+
                         <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">
 
                <ul class="dropdown-menu">
 
<li><a href="https://2015.igem.org/Team:HUST-China/Results">Results</a></li>
 
<li><a href="https://2015.igem.org/Team:HUST-China/Results">Results</a></li>
Line 260: Line 266:
 
                         </li>
 
                         </li>
  
−
                         <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Basic_part">PARTS<b class="caret"></b></a>
+
                         <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">                          
 
                <ul class="dropdown-menu">                          
 
                        <li><a href="https://2015.igem.org/Team:HUST-China/Basic_part">Basic Parts</a></li>
 
                        <li><a href="https://2015.igem.org/Team:HUST-China/Basic_part">Basic Parts</a></li>
 
                        <li class="divider"></li>
 
                        <li class="divider"></li>
−
                        <li><a href="https://2015.igem.org/Team:HUST-China/Basic_part#2">Composite Parts</a></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>
 
                    </ul>
 
                         </li>
 
                         </li>
Line 270: Line 277:
 
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Modeling">MODELING<b class="caret"></b></a>  
 
                <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">
 
                             <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><a href="https://2015.igem.org/Team:HUST-China/Modeling on Cellular Level">Modeling on Cellular Level</a></li>
 
                          <li class="divider"></li>
 
                          <li class="divider"></li>
Line 277: Line 286:
  
 
                                 
 
                                 
−
                 
+
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Practices">HUMAN PRACTICES</a>
−
                <li class="dropdown other-menu" id="accountmenu">
+
                                       
−
                    <a href="https://2015.igem.org/Team:HUST-China/Practices">HUMAN PRACTICES</a>
+
−
                                         
+
 
                </li>
 
                </li>
  
−
              <li class="dropdown other-menu" id="accountmenu">
+
              <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Safety">OTHERS<b class="caret"></b></a>
−
                    <a class="dropdown-toggle" data-toggle="dropdown" href="https://2015.igem.org/Team:HUST-China/Safety">OTHERS<b class="caret"></b></a>
+
 
                    <ul class="dropdown-menu">
 
                    <ul class="dropdown-menu">
 
                        <li><a href="https://2015.igem.org/Team:HUST-China/Safety">Safety</a></li>
 
                        <li><a href="https://2015.igem.org/Team:HUST-China/Safety">Safety</a></li>
Line 307: Line 313:
 
<!--标题栏-->
 
<!--标题栏-->
 
  <div id="pic" >
 
  <div id="pic" >
−
  <img class="title" src="https://static.igem.org/mediawiki/2015/c/c4/HUST_MODELING.png"/>
+
  <img class="title" src="https://static.igem.org/mediawiki/2015/a/ae/HUST_MODELING_5.PNG"/>
 
  <br>
 
  <br>
−
  <div class="pic_a" >
+
  <div class="pic_a" >
−
    <img style="cursor:pointer;" id="to_des" src="https://static.igem.org/mediawiki/2015/8/80/White.png"/>
+
<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>
+
</div>
−
 
+
<!--内容-->
−
<!--侧边栏-->
+
<div id="pic2" >
−
<div id="maodian">
+
  <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>
−
<img src="https://static.igem.org/mediawiki/2015/d/da/Maodian.png" >
+
<h4 style="width:800px;margin-bottom:30px" align:center;><b>Click me to see the modeling on the circuit of Euk.Cement~</b></h4>
−
<ul class="ul" >
+
  <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>
−
<li class="li"><a href="#1" class="btn btn-default btn-lg">Modeling on Ecosystem Level</a></li>
+
    <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>
−
<li class="li"><a href="#2" class="btn btn-default btn-lg">The “wake-up” problem</a></li>
+
<br><br>
−
<li class="li"><a href="#3" class="btn btn-default btn-lg">The permeation problem</a></li>
+
<h4 style="width:800px;margin-bottom:30px" align:center;><b>Click me to see the diffusion model on ecosystem level</b></h4>
−
<li class="li"><a href="#4" class="btn btn-default btn-lg">Robustness Analysis</a></li>
+
 
−
</ul>
+
</div>
−
</div>
+
  
  
 
  <!--描述，只在这里编写，其他内容都不动，但最后要整个copy-->
 
  <!--描述，只在这里编写，其他内容都不动，但最后要整个copy-->
 
<div align="center"  class="description"><a name="1"></a><br><div  class="dongxi"></div>
 
<div align="center"  class="description"><a name="1"></a><br><div  class="dongxi"></div>
−
<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.
+
 
−
</p>   
+
 
−
<img class="picture" src="https://static.igem.org/mediawiki/2015/0/0c/HUST_MODELING_1.PNG"><br>
+
−
<img class="picture" src="https://static.igem.org/mediawiki/2015/5/5e/HUST_MODELING_2.PNG"><br>
+
−
<img class="picture" src="https://static.igem.org/mediawiki/2015/1/13/HUST_MODELING_3.PNG"><br>
+
−
<img class="picture" src="https://static.igem.org/mediawiki/2015/0/0b/HUST_MODELING_4.PNG"><br>
+
−
         
+
 
<!--下一页
 
<!--下一页
 
<a href="https://2015.igem.org/Team:HUST-China/Experiments" class="nextpage">
 
<a href="https://2015.igem.org/Team:HUST-China/Experiments" class="nextpage">

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