Difference between revisions of "Team:NEFU China/Software1"

 
(37 intermediate revisions by 6 users not shown)
Line 3: Line 3:
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 
<title>Software 1</title>
 
<title>Software 1</title>
 
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
<link href="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/CSS-menu&action=raw&ctype=text/css"  rel="stylesheet" type="text/css">
 
<link href="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/CSS-menu&action=raw&ctype=text/css"  rel="stylesheet" type="text/css">
<link href="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/CSS-members-foot&action=raw&ctype=text/css"  rel="stylesheet" type="text/css">
 
 
<link href="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/CSS-software1&action=raw&ctype=text/css"  rel="stylesheet" type="text/css">
 
<link href="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/CSS-software1&action=raw&ctype=text/css"  rel="stylesheet" type="text/css">
  
Line 19: Line 18:
 
     margin-top: 0px;
 
     margin-top: 0px;
 
     margin-left: 0px;
 
     margin-left: 0px;
 +
 
 +
}
 +
#menu li ul li:hover ul{
 +
    background:rgba(0,0,0,0.75)!important;
 +
}
 +
li#mainlevel_01 a {
 +
    color: #FFE5B5!important;
 +
 +
}
 +
li#mainlevel_01 a:hover {
 +
    font-size:30px!important;
 +
    text-shadow:0px 0px 8px #FFE5B5,
 +
                0px 0px 42px #FFE5B5,
 +
                0px 0px 72px #FFE5B5,
 +
                0px 0px 150px #FFE5B5;
 +
}
 +
li#mainlevel_02 a {
 +
    color: #FFE5B5!important;
 +
}
 +
li#mainlevel_02 a:hover {
 +
    font-size:30px!important;
 +
    text-shadow:0px 0px 8px #FFE5B5,
 +
                0px 0px 42px #FFE5B5,
 +
                0px 0px 72px #FFE5B5,
 +
                0px 0px 150px #FFE5B5;
 +
}
 +
li#mainlevel_03 a {
 +
    color: #FFE5B5!important;
 +
}
 +
li#mainlevel_03 a:hover {
 +
    font-size:30px!important;
 +
    text-shadow:0px 0px 8px #FFE5B5,
 +
                0px 0px 42px #FFE5B5,
 +
                0px 0px 72px #FFE5B5,
 +
                0px 0px 150px #FFE5B5;
 +
}
 +
li#mainlevel_05 a {
 +
    color: #FFE5B5!important;
 +
}
 +
li#mainlevel_05 a:hover {
 +
    font-size:30px!important;
 +
    text-shadow:0px 0px 8px #FFE5B5,
 +
                0px 0px 42px #FFE5B5,
 +
                0px 0px 72px #FFE5B5,
 +
                0px 0px 150px #FFE5B5;
 +
}
 +
li#mainlevel_06 a {
 +
    color: #FFE5B5!important;
 +
}
 +
li#mainlevel_06 a:hover {
 +
    font-size:30px!important;
 +
    text-shadow:0px 0px 8px #FFE5B5,
 +
                0px 0px 42px #FFE5B5,
 +
                0px 0px 72px #FFE5B5,
 +
                0px 0px 150px #FFE5B5;
 +
}
 +
li#mainlevel_07 a {
 +
    color: #FFE5B5!important;
 +
}
 +
li#mainlevel_07 a:hover {
 +
    font-size:30px!important;
 +
    text-shadow:0px 0px 8px #FFE5B5,
 +
                0px 0px 42px #FFE5B5,
 +
                0px 0px 72px #FFE5B5,
 +
                0px 0px 150px #FFE5B5;
 +
}
 +
li#mainlevel_08 a {
 +
    color: #FFE5B5!important;
 +
}
 +
li#mainlevel_08 a:hover {
 +
    font-size:30px!important;
 +
    text-shadow:0px 0px 8px #FFE5B5,
 +
                0px 0px 42px #FFE5B5,
 +
                0px 0px 72px #FFE5B5,
 +
                0px 0px 150px #FFE5B5;
 +
}
 +
#menu li ul li ul li a:hover {
 +
    color: rgba(0,223,252,1);
 +
    border-top: dotted 1px rgba(255,255,255,0.91);
 +
    border-bottom: dotted 1px rgba(255,255,255,0.91);
 +
    background: rgba(0,223,252,.02);
 +
}
 +
#nav .mainlevel a {
 +
    color: black;
 +
    text-decoration:none;
 +
    line-height:32px;
 +
    display:block;
 +
    padding:0 5px;
 +
    font-size: 25px!important;
 +
font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;
 +
}
 +
.layer-bottom {
 +
z-index: -2;
 +
position: absolute;
 +
margin-top: 0px!important;
 
}
 
}
.foot {
+
#foot-title h3{
    font-size: 20px;
+
font-size: 18px!important;
 
}
 
}
 
</style>
 
</style>
Line 28: Line 122:
 
<body>
 
<body>
 
<!--menu-->
 
<!--menu-->
<div id="menu">
+
 
<li id="nav">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
+
<div id="menu" style="background-color:rgba(0,0,0,0.6)!important">
 +
<li id="nav" style="left: 8%!important; width: 100%!important;">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
 
 
 
<ul class="firstmenu" style="float: left">
 
<ul class="firstmenu" style="float: left">
Line 41: Line 136:
 
<ul id="sub_02">
 
<ul id="sub_02">
 
<li><a href="https://2018.igem.org/Team:NEFU_China/Background" target="_self">BACKGROUND</a></li>
 
<li><a href="https://2018.igem.org/Team:NEFU_China/Background" target="_self">BACKGROUND</a></li>
<li><a href="https://2018.igem.org/Team:NEFU_China/Description" target="_self">DESCRIPTION</a></li>
+
<li><a href="https://2018.igem.org/Team:NEFU_China/Description" target="_self">DESCRIPTION &amp; DESIGN</a></li>
<li><a href="https://2018.igem.org/Team:NEFU_China/Design" target="_self">DESIGN</a></li>
+
<li><a href="https://2018.igem.org/Team:NEFU_China/Coding book" target="_self">CODE BOOK</a></li>
<li><a href="https://2018.igem.org/Team:NEFU_China/Coding book" target="_self">CODING BOOK</a></li>
+
 
  </ul>
 
  </ul>
 
  </li>
 
  </li>
  <li class="mainlevel" id="mainlevel_03">
+
<li class="mainlevel" id="mainlevel_03">
  <a href="https://2018.igem.org/Team:NEFU_China/Basic_Part"><img id="parts" src="https://static.igem.org/mediawiki/2018/5/58/T--NEFU_China--_PARTS.png">PARTS</a>
+
  <a href="https://2018.igem.org/Team:NEFU_China/Demonstrate"><img id="parts" src="https://static.igem.org/mediawiki/2018/6/62/T--NEFU_China--_RESULTS.png">EXPERIMENTS</a>
 
  <ul id="sub_03">
 
  <ul id="sub_03">
 +
  <li><a href="https://2018.igem.org/Team:NEFU_China/Lock_Key" target="_self">LOCK &amp; KEY</a></li>
 +
  <li><a href="https://2018.igem.org/Team:NEFU_China/Suicide" target="_self">INFORMATION DESTRUCTION</a></li>
 +
  <li><a href="https://2018.igem.org/Team:NEFU_China/Splicing" target="_self">Pre-RNA SPLICING</a></li>
 +
  <li><a href="https://2018.igem.org/Team:NEFU_China/Demonstrate" target="_self">DEMONSTRATE</a></li>
 +
  <hr>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Basic_Part" target="_self">BASIC PARTS</a></li>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Basic_Part" target="_self">BASIC PARTS</a></li>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Composite_Part" target="_self">COMPOSITE PARTS</a></li>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Composite_Part" target="_self">COMPOSITE PARTS</a></li>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Improve" target="_self">IMPROVEMENT PARTS</a></li>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Improve" target="_self">IMPROVEMENT PARTS</a></li>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Part_Collection" target="_self">PARTS COLLECTION</a></li>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Part_Collection" target="_self">PARTS COLLECTION</a></li>
 +
  <hr>
 +
  <li><a href="https://2018.igem.org/Team:NEFU_China/Notebook" target="_self">NOTEBOOK</a></li>
 +
  <li><a href="https://2018.igem.org/Team:NEFU_China/Protocol" target="_self">PROTOCOL</a></li>
 
  </ul>
 
  </ul>
 
  </li>
 
  </li>
      <li class="mainlevel" id="mainlevel_04">
+
   
  <a href="https://2018.igem.org/Team:NEFU_China/Lock_Key"><img id="results" src="https://static.igem.org/mediawiki/2018/6/62/T--NEFU_China--_RESULTS.png">RESULTS</a>
+
  <ul id="sub_04">
+
  <li><a href="https://2018.igem.org/Team:NEFU_China/Lock_Key" target="_self">LOCK &amp; KEY</a></li>
+
  <li><a href="https://2018.igem.org/Team:NEFU_China/Suicide" target="_self">SUICIDE</a></li>
+
  <li><a href="https://2018.igem.org/Team:NEFU_China/Splicing" target="_self">SPLICING</a></li>
+
  </ul>
+
  </li>
+
 
  <li class="mainlevel" id="mainlevel_05">
 
  <li class="mainlevel" id="mainlevel_05">
 
  <a href="https://2018.igem.org/Team:NEFU_China/Model"><img id="model" src="https://static.igem.org/mediawiki/2018/0/0c/T--NEFU_China--_MODEL.png">MODEL</a>
 
  <a href="https://2018.igem.org/Team:NEFU_China/Model"><img id="model" src="https://static.igem.org/mediawiki/2018/0/0c/T--NEFU_China--_MODEL.png">MODEL</a>
 
  <ul id="sub_05">
 
  <ul id="sub_05">
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Model" target="_self">OVERVIEW</a></li>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Model" target="_self">OVERVIEW</a></li>
  <li><a href="https://2018.igem.org/Team:NEFU_China/Model1" target="_self">MODEL1</a></li>
+
  <li><a href="https://2018.igem.org/Team:NEFU_China/Model1" target="_self">CORRESPONDING COEFFICIENT</a></li>
  <li><a href="https://2018.igem.org/Team:NEFU_China/Model2" target="_self">MODEL2</a></li>
+
  <li><a href="https://2018.igem.org/Team:NEFU_China/Model2" target="_self">KILLING MODEL</a></li>
 
  </ul>
 
  </ul>
 
  </li>
 
  </li>
Line 75: Line 170:
 
  <ul id="sub_06">
 
  <ul id="sub_06">
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Software" target="_self">OVERVIEW</a></li>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Software" target="_self">OVERVIEW</a></li>
  <li><a href="https://2018.igem.org/Team:NEFU_China/Software1" target="_self">SOFTWARE1</a></li>
+
  <li><a href="https://2018.igem.org/Team:NEFU_China/Software1" target="_self">CODING</a></li>
  <li><a href="https://2018.igem.org/Team:NEFU_China/Software2" target="_self">SOFTWARE2</a></li>
+
  <li><a href="https://2018.igem.org/Team:NEFU_China/Software2" target="_self">MISLEADING</a></li>
 +
  <li><a href="https://2018.igem.org/Team:NEFU_China/Software3" target="_self">WORDSEGMENT</a></li>
 
  </ul>
 
  </ul>
 
  </li>
 
  </li>
Line 84: Line 180:
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Attributions" target="_self">ATTRIBUTIONS</a></li>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Attributions" target="_self">ATTRIBUTIONS</a></li>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Members" target="_self">MEMBERS</a></li>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Members" target="_self">MEMBERS</a></li>
  <li><a href="https://2018.igem.org/Team:NEFU_China/Sponsoring" target="_self">SPONSORING</a></li>
 
 
  </ul>
 
  </ul>
 
  </li>
 
  </li>
Line 90: Line 185:
 
  <a href="https://2018.igem.org/Team:NEFU_China/Human_Practices"><img id="humanpractice" src="https://static.igem.org/mediawiki/2018/9/91/T--NEFU_China--_HUMANPRACTICE.png">HUMAN PRACTICE</a>
 
  <a href="https://2018.igem.org/Team:NEFU_China/Human_Practices"><img id="humanpractice" src="https://static.igem.org/mediawiki/2018/9/91/T--NEFU_China--_HUMANPRACTICE.png">HUMAN PRACTICE</a>
 
  <ul id="sub_08">
 
  <ul id="sub_08">
 +
  <li><a href="https://2018.igem.org/Team:NEFU_China/Human_Practices" target="_self">OVERVIEW</a></li>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Gold_integrated" target="_self">GOLD INTEGRATED</a></li>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Gold_integrated" target="_self">GOLD INTEGRATED</a></li>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Silver" target="_self">SILVER</a></li>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Silver" target="_self">SILVER</a></li>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Collaborations" target="_self">COLLABORTION</a></li>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Collaborations" target="_self">COLLABORTION</a></li>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Public_Engagement" target="_self">EDUCATION &amp; PUBLIC ENGAGEMENT</a></li>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Public_Engagement" target="_self">EDUCATION &amp; PUBLIC ENGAGEMENT</a></li>
  </ul>
 
  </li>
 
  <li class="mainlevel" id="mainlevel_09">
 
  <a href="https://2018.igem.org/Team:NEFU_China/Notebook"><img id="notebook" src="https://static.igem.org/mediawiki/2018/c/cb/T--NEFU_China--_NOTEBOOK.png">NOTEBOOK</a>
 
  <ul id="sub_09">
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Notebook" target="_self">OVERVIRW</a></li>
 
  <li><a href="https://2018.igem.org/Team:NEFU_China/Protocol" target="_self">PROTOCOL</a></li>
 
 
  </ul>
 
  </ul>
 
  </li>
 
  </li>
Line 107: Line 196:
 
</li>
 
</li>
 
</div>
 
</div>
<header id="home">
+
<div class="layer-bottom">
 +
 +
<canvas id="canvas" style="background:#000000"></canvas>
 +
 
 +
<script type="text/javascript">
 +
 +
window.onload = function(){
 +
var canvas = document.getElementById("canvas");
 +
var context =canvas.getContext("2d");
 +
var W = window.innerWidth;
 +
                        var H = 8000;
 +
//var H = window.innerHeight*1.5;
 +
canvas.width = W;
 +
canvas.height = H;
 +
var fontSize = 20;
 +
var colunms = Math.floor(W /fontSize);
 +
var drops = [];
 +
for(var i=0;i<colunms;i++){
 +
drops.push(0);
 +
}
 +
 
 +
 
 +
var str1 = "ATCG";
 +
                        var str2 = "01";
 +
function draw(){
 +
context.fillStyle = "rgba(0,0,0,0.2)";
 +
context.fillRect(0,0,W,H);
 +
context.font = "700 "+fontSize+"px  微软雅黑";
 +
context.fillStyle = "#003544";
 +
for(var i=0;i<colunms/2;i++){
 +
var index = Math.floor(Math.random() * str1.length);
 +
var x = i*fontSize;
 +
var y = drops[i] *fontSize;
 +
context.fillText(str1[index],x,y);
 +
if(y >= canvas.height){
 +
drops[i] = 0;
 +
}
 +
                                        if(Math.random() > 0.99){
 +
                                                drops[i] = 0;
 +
}
 +
drops[i]++;
 +
}
 +
                                for(var i=colunms/2;i<colunms;i++){
 +
var index = Math.floor(Math.random() * str2.length);
 +
var x = i*fontSize;
 +
var y = drops[i] *fontSize;
 +
context.fillText(str2[index],x,y);
 +
if(y >= canvas.height){
 +
drops[i] = 0;
 +
}
 +
                                        if(Math.random() > 0.99){
 +
                                                drops[i] = 0;
 +
}
 +
drops[i]++;
 +
}
 +
};
 +
 
 +
function randColor(){
 +
var r = Math.floor(Math.random() * 256);
 +
var g = Math.floor(Math.random() * 256);
 +
var b = Math.floor(Math.random() * 256);
 +
return "rgb("+r+","+g+","+b+")";
 +
}
 +
 
 +
draw();
 +
setInterval(draw,60);
 +
};
 +
 
 +
</script>
 +
 +
           
 +
 +
</div>
 +
<header id="home-banner">
 
     <div class="row banner">
 
     <div class="row banner">
 
         <div class="banner-text">
 
         <div class="banner-text">
             <h1 class="responsive-headline">Software 1's Name</h1>
+
             <h1 class="responsive-headline" style="color: orange!important;">Build Coding Book</h1>
             <h3>Software's introduction.<br>
+
             <h3 style="font-size: 25px!important;">Find out the correspondence between letters and codons.<br>
 
             </h3>
 
             </h3>
 
             <hr/>
 
             <hr/>
Line 117: Line 279:
 
     </div>
 
     </div>
 
</header>  
 
</header>  
 +
 
<section id="resume" style="box-shadow: inset 0px 15px 15px -15px green">
 
<section id="resume" style="box-shadow: inset 0px 15px 15px -15px green">
<div class="row introduction" >
+
<div class="row introduction">
 
<div class="three columns header-col">
 
<div class="three columns header-col">
             <h1><span>intorduction</span></h1>
+
             <h1><span style="
 +
                color: orange;
 +
                font-size: 25px;
 +
                ">introduce</span></h1>
 
         </div>
 
         </div>
 
         <div class="nine columns main-col">
 
         <div class="nine columns main-col">
 
             <div class="row item">
 
             <div class="row item">
 
<div class="twelve columns">
 
<div class="twelve columns">
<h3>Software 1's title 1</h3>
+
<h3 style="font-size: 45px;">Aim</h3>
<p class="info">Features:ssssssssssssssssssssssss</p>
+
<p class="info">Build Coding Book</p>
<p>
+
<p style="font-size: 26px!important;">
It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of Light, it was the season of Darkness, it was the spring of hope, it was the winter of despair, we had everything before us, we had nothing before us, we were all going direct to Heaven, we were all going direct the other way.
+
In English text, each letter has a certain frequency. We constructed a list of letter frequencies for each letter. Also, in living organisms, each codon is used with a certain frequency. Based on this relationship between English letters and codons, we find out the correspondence between letters and codons by using DFS (Depth First Search) algorithm and optimization arithmetic.
 
</p>
 
</p>
 
</div>
 
</div>
Line 134: Line 300:
 
             <div class="row item">
 
             <div class="row item">
 
               <div class="twelve columns">
 
               <div class="twelve columns">
  <h3>Software 1's title 2</h3>
+
  <h3>Programming</h3>
  <p class="info">Features:ssssssssssssssssssssssss</p>
+
      <br>
  <p>
+
  <p style="font-size: 26px!important;">
  It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of Light, it was the season of Darkness, it was the spring of hope, it was the winter of despair, we had everything before us, we had nothing before us, we were all going direct to Heaven, we were all going direct the other way.
+
      <strong>1. Create a letter-frequency table and a codon-frequency table.</strong><br>
  </p>
+
  According to the literature, we obtain the information of the frequency of letters and codons.
                </div>
+
  <br><br>
            </div>  
+
  <strong>2. Find out the correspondence between letters and codons by using DFS Algorithm.</strong><br>
    <div class="row item">
+
  We build up a tree structure where the codons and the frequency of the codons are stored on each node. Then we use the depth-first search algorithm to traverse down from the root node successively, and match condon-frequence with the letter- frequency to obtain the correspondence between letters and codons.
              <div class="twelve columns">
+
                      <br><br>
  <h3>Software 1's title 3</h3>
+
                      The tree structure is shown in the figure 1.<br>
  <p class="info">Features:ssssssssssssssssssssssss</p>
+
  <div align="center">
  <p>
+
  <img style="width:750px;" src="https://static.igem.org/mediawiki/2018/b/bd/T--NEFU_China--software1-tree.png"><br>
  It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of Light, it was the season of Darkness, it was the spring of hope, it was the winter of despair, we had everything before us, we had nothing before us, we were all going direct to Heaven, we were all going direct the other way.
+
  </div>
 +
      <p>Figure 1. Tree Structute.</p>
 +
      <br><br>
 +
  <p style="font-size: 26px!important;">
 +
 
 +
                      <strong>3. Get the optimal solution by using optional algorithm.</strong></p>
 +
      <p>
 +
  In step 2, we get the correspondence between letters and codons. But some letters have multiple corresponding relationships. For example, in figure 1, the letters E and T correspond to codons GAU, GCU, GAA, E and T also correspond to codons GAU, GCU, AUG. What’s more, the letter T can also correspond to codons GAU, GCU, GCA. Therefore, we use the optimal algorithm to determine one of the multiple correspondence. <br> </p>
 +
  <!--
 +
      <table>
 +
  <tr>
 +
  <th>
 +
  Letter
 +
      </th>
 +
  <th>
 +
  Freq
 +
      </th>
 +
  </tr>
 +
  <tr>
 +
  <th>
 +
  E
 +
      </th>
 +
  <th>
 +
  12.02
 +
      </th>
 +
  </tr>
 +
  <tr>
 +
  <th>
 +
  T
 +
      </th>
 +
  <th>
 +
  9.10
 +
      </th>
 +
  </tr>
 +
      </table>
 +
      |12.02-10.53|=1.49  <br>
 +
                      |  9.10-10.53|=1.43  optimal<br>
 +
                      then:GAU,GCU,GAA—&gt;T<br>
 +
                      |12.02-10.43|=1.38  <br>
 +
                      |  9.10-10.42|=1.32&lt;1.43  optimal<br>
 +
                      then:GAU,GCU,AUG—&gt;T<br>
 +
                      |  9.10-10.39|=1.29&lt;1.32  optimal<br>
 +
                      then:GAU,GCU,GCA—&gt;T<br>-->
 
  </p>
 
  </p>
 
                 </div>
 
                 </div>
 
             </div>  
 
             </div>  
 +
 
         </div>  
 
         </div>  
 
       </div>
 
       </div>
Line 155: Line 364:
 
       <div class="row results">
 
       <div class="row results">
 
         <div class="three columns header-col">
 
         <div class="three columns header-col">
             <h1><span>RESULTS</span></h1>
+
             <h1><span style="
 +
color: orange;
 +
font-size: 25px;
 +
">RESULTS</span></h1>
 
         </div>
 
         </div>
 
         <div class="nine columns main-col">
 
         <div class="nine columns main-col">
 
             <div class="row item">
 
             <div class="row item">
 
               <div class="twelve columns">
 
               <div class="twelve columns">
               <h3>Result 1</h3>
+
               <h3>Print the correspondence between letters and codons</h3>
                   <p class="info">Features:sssssssssssssss</p>
+
                   <p style="
 
+
padding-top: 20px;
                  <p>
+
font-size: 26px!important;
                  It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of Light, it was the season of Darkness, it was the spring of hope, it was the winter of despair, we had everything before us, we had nothing before us, we were all going direct to Heaven, we were all going direct the other way.
+
">
                  </p>
+
Output:<br>
 +
<br>
 +
<img src="https://static.igem.org/mediawiki/2018/2/25/T--NEFU_China--codebook_table.png">
 +
 
 +
            </p>
 
               </div>
 
               </div>
 
             </div>  
 
             </div>  
 
             <div class="row item">
 
             <div class="row item">
 
               <div class="twelve columns">
 
               <div class="twelve columns">
                   <h3>Result 2</h3>
+
                   <h3>Draw letter-frequency histogram</h3>
                  <p class="info">Features:sssssssssssssss</p>
+
               
 
                   <p>
 
                   <p>
                   It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of Light, it was the season of Darkness, it was the spring of hope, it was the winter of despair, we had everything before us, we had nothing before us, we were all going direct to Heaven, we were all going direct the other way.
+
                    
 +
  <img style="width:750px;" src="https://static.igem.org/mediawiki/2018/4/48/T--NEFU_China--histogram.png">
 
                 </p>
 
                 </p>
 
               </div>
 
               </div>
  
 
             </div>  
 
             </div>  
<div class="row item">
+
              <div class="twelve columns">
+
                  <h3>Result 3</h3>
+
                  <p class="info">Features:sssssssssssssss</p>
+
                  <p>
+
                  It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of Light, it was the season of Darkness, it was the spring of hope, it was the winter of despair, we had everything before us, we had nothing before us, we were all going direct to Heaven, we were all going direct the other way.
+
                </p>
+
 
+
              </div>
+
            </div>
+
 
         </div>  
 
         </div>  
 
       </div>  
 
       </div>  
Line 193: Line 401:
 
  <div class="row others">
 
  <div class="row others">
 
         <div class="three columns header-col">
 
         <div class="three columns header-col">
             <h1><span>Others</span></h1>
+
             <h1><span style="
 +
color: orange;
 +
font-size: 25px;
 +
">Others</span></h1>
 
         </div>
 
         </div>
         <div class="nine columns main-col">
+
         <div class="nine columns main-col" style="
 +
font-size: 26px!important;
 +
">
 
             <div class="row item">
 
             <div class="row item">
 
               <div class="twelve columns">
 
               <div class="twelve columns">
               <h3>Parameters</h3>
+
               <h3>Visual Software</h3>
                   <p class="info">Features:sssssssssssssss</p>
+
               
 +
                   <p style="
 +
font-size: 26px!important;
 +
">
 +
                  We developed a visual software. There are an input textbox, an output textbox, two radio buttons and a translate button in the software interface. We can choose radio buttons to select letters to codons or codons to letters. In addition to these, our software can also provide open files, copy files, cut files, save files, print files and other basic functions.<br>
 +
      Software interface:<br>
 +
      <br>
 +
  <div align="center">
 +
  <img style="width:750px;" src="https://static.igem.org/mediawiki/2018/5/5c/T--NEFU_China--software-v1.png"><br>
 +
  </div>
 +
  <br>
  
                  <p>
+
      Letters to Codons:<br>
                  It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of Light, it was the season of Darkness, it was the spring of hope, it was the winter of despair, we had everything before us, we had nothing before us, we were all going direct to Heaven, we were all going direct the other way.
+
  <div align="center">
 +
  <img style="width:750px;" src="https://static.igem.org/mediawiki/2018/3/35/T--NEFU_China--software-v2.png">
 +
  </div><br>
 +
 
 +
  Codons to letters:<br>
 +
  <div align="center">
 +
      <img style="width:750px;" src="https://static.igem.org/mediawiki/2018/8/8d/T--NEFU_China--software-v3.png">
 +
  </div>
 
                   </p>
 
                   </p>
 
               </div>
 
               </div>
Line 209: Line 439:
 
               <div class="twelve columns">
 
               <div class="twelve columns">
 
                   <h3>Download</h3>
 
                   <h3>Download</h3>
                  <p class="info">Features:sssssssssssssss</p>
+
     
 
                   <p>
 
                   <p>
                   It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of Light, it was the season of Darkness, it was the spring of hope, it was the winter of despair, we had everything before us, we had nothing before us, we were all going direct to Heaven, we were all going direct the other way.
+
                   <a href="https://github.com/igemsoftware2018/Team_NEFU_China/tree/master/1.Coding">1.Coding</a>
 +
      <a href="https://github.com/igemsoftware2018/Team_NEFU_China/tree/master/6.Visualization">2.Visualization</a>
 +
    <a href="https://github.com/igemsoftware2018/Team_NEFU_China/tree/master/8.MainWindow.exe">3.Visualizaiton.exe</a>
 
                 </p>
 
                 </p>
 
               </div>
 
               </div>
Line 219: Line 451:
 
       </div>  
 
       </div>  
 
</section>
 
</section>
<div class="foot">
 
<div id="foot-title">
 
<table>
 
<tr>
 
<td>
 
<h1>Userfull links</h1>
 
<h2>
 
<a href="https://2018.igem.org/Team:NEFU_China">Home</a>
 
&nbsp;&nbsp;&nbsp;
 
<a href="https://2018.igem.org/Team:NEFU_China/Model">Model</a>
 
                        &nbsp;&nbsp;
 
                        <a href="https://2018.igem.org/Team:NEFU_China/Description">Project</a>
 
&nbsp;&nbsp;
 
<a href="https://2018.igem.org/Team:NEFU_China/Software">Software</a>
 
    &nbsp;&nbsp;
 
    </h2>
 
 
<h2>
 
<a href="https://2018.igem.org/Team:NEFU_China/Basic_Part">Parts</a>
 
&nbsp;&nbsp;&nbsp;&nbsp;
 
<a href="https://2018.igem.org/Team:NEFU_China/Members">Teams</a>
 
&nbsp;
 
<a href="https://2018.igem.org/Team:NEFU_China/Lock_Key">Results</a>
 
&nbsp;
 
<a href="https://2018.igem.org/Team:NEFU_China/Notebook">Notebook</a>
 
                        &nbsp;&nbsp;
 
</h2>
 
 
<h2>
 
<a href="https://2018.igem.org/Team:NEFU_China/Human_Practices">Human &nbsp;Practice</a>
 
</h2>
 
</td>
 
<td style="padding-left: 70px">
 
<h1>Follow us</h1>
 
<img alt="facebook" src="https://static.igem.org/mediawiki/2018/b/b5/T--NEFU_China--facebook.png">
 
&nbsp;&nbsp;&nbsp;
 
        <img alt="twitter" src="https://static.igem.org/mediawiki/2018/3/36/T--NEFU_China--twitter.png">
 
&nbsp;&nbsp;&nbsp;
 
<img alt="wehchat" src="https://static.igem.org/mediawiki/2018/c/ca/T--NEFU_China--wechat.png">
 
        <br>
 
        <img alt="facebook" src="https://static.igem.org/mediawiki/2018/b/b5/T--NEFU_China--facebook.png">
 
&nbsp;&nbsp;&nbsp;
 
        <img alt="twitter" src="https://static.igem.org/mediawiki/2018/3/36/T--NEFU_China--twitter.png">
 
&nbsp;&nbsp;&nbsp;
 
<img alt="wehchat" src="https://static.igem.org/mediawiki/2018/c/ca/T--NEFU_China--wechat.png">
 
 
</td>
 
<td style="padding-left: 70px">
 
<h1>Contact us</h1>
 
<h3>iGEM-NEFU_China2018</h3>
 
<h3>Email: hexinglu@nefu.edu.cn</h3>
 
<h3>No.26 Hexing Road, Xiangfang <br>District, Harbin, Heilongjiang <br>Province 150000</h3>
 
</td>
 
</tr>
 
</table>
 
</div>
 
<div id="foot-declare">
 
<p>
 
 
</p>
 
</div>
 
</div>
 
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 12:55, 9 November 2018

Software 1

introduce

Aim

Build Coding Book

In English text, each letter has a certain frequency. We constructed a list of letter frequencies for each letter. Also, in living organisms, each codon is used with a certain frequency. Based on this relationship between English letters and codons, we find out the correspondence between letters and codons by using DFS (Depth First Search) algorithm and optimization arithmetic.

Programming


1. Create a letter-frequency table and a codon-frequency table.
According to the literature, we obtain the information of the frequency of letters and codons.

2. Find out the correspondence between letters and codons by using DFS Algorithm.
We build up a tree structure where the codons and the frequency of the codons are stored on each node. Then we use the depth-first search algorithm to traverse down from the root node successively, and match condon-frequence with the letter- frequency to obtain the correspondence between letters and codons.

The tree structure is shown in the figure 1.


Figure 1. Tree Structute.



3. Get the optimal solution by using optional algorithm.

In step 2, we get the correspondence between letters and codons. But some letters have multiple corresponding relationships. For example, in figure 1, the letters E and T correspond to codons GAU, GCU, GAA, E and T also correspond to codons GAU, GCU, AUG. What’s more, the letter T can also correspond to codons GAU, GCU, GCA. Therefore, we use the optimal algorithm to determine one of the multiple correspondence.


RESULTS

Print the correspondence between letters and codons

Output:

Draw letter-frequency histogram


Others

Visual Software

We developed a visual software. There are an input textbox, an output textbox, two radio buttons and a translate button in the software interface. We can choose radio buttons to select letters to codons or codons to letters. In addition to these, our software can also provide open files, copy files, cut files, save files, print files and other basic functions.
Software interface:



Letters to Codons:

Codons to letters: