Team:ZJU-China/Tools

From 2014.igem.org

(Difference between revisions)
 
(58 intermediate revisions not shown)
Line 2: Line 2:
{{ZJU-China/Style}}
{{ZJU-China/Style}}
{{ZJU-China/Header}}
{{ZJU-China/Header}}
-
{{ZJU-China/Footer}}
+
<!--{{ZJU-China/Footer}}-->
{{ZJU-China/Tools}}
{{ZJU-China/Tools}}
<html>
<html>
 +
<body style="background-color: white">
 +
<script type="text/javascript">
 +
function ajaxPost(){
 +
$.ajax({
 +
type:"get",
 +
async:false,
 +
url:"http://www.yxol.org/test/index.php",
 +
dataType:"jsonp",
 +
jsonp:"jsonpCallback",
 +
data:{
 +
sequence1: $("#name_attendee_1").val(),
 +
sequence2: $("#name_attendee_2").val(),
 +
sequence3: $("#name_attendee_3").val(),
 +
sequence4: $("#name_attendee_4").val(),
 +
sequence5: $("#name_attendee_5").val(),
 +
mode: $("#modevalue").val()
 +
},
 +
success:function(data){
 +
console.log(data);
 +
//data=eval("("+data+")");
 +
// alert(data)
 +
var txt='';
 +
// txt='<p>'+data[0]['homo']+'</p>';
 +
txt+='<table border="1" cellspacing="0" width="100%" bordercolorlight="#333333" bordercolordark="#efefef" width="100%" style="word-break: break-all;"><tr bgcolor=#cccccc><td style="width: 3%">part</td><td style="width: 17%">Homology region</td><td style="width: 25%">P-primer</td><td style="width: 6%">P-primer GC</td><td style="width: 6%">P-primer TM</td><td style="width: 24%">F-primer</td><td style="width: 6%">F-primer GC</td><td style="width: 6%">F-primer TM</td><td style="width: 7%">connect</td></tr>';
 +
for (key in data) {
 +
txt+='<tr bgcolor=#eafeff><td>';
 +
txt+=(key*1.0+1);
 +
txt+='</td><td>';
 +
txt+=data[key]['homo'];
 +
txt+='</td><td>';
 +
txt+=data[key]['pprimer'];
 +
txt+='</td><td>';
 +
                txt+=data[key]['pp GC'];
 +
txt+='</td><td>';
 +
                txt+=data[key]['pp TM'];
 +
txt+='</td><td>';
 +
                txt+=data[key]['fprimer'];
 +
                txt+='</td><td>';
 +
                txt+=data[key]['fp GC'];
 +
txt+='</td><td>';
 +
                txt+=data[key]['fp TM'];
 +
txt+='</td><td>';
 +
txt+=data[key]['connect'];
 +
txt+='</td></tr>';
 +
}
 +
txt+='</table>';
 +
$("body").append(txt);
 +
}
 +
});
 +
}
 +
function sendpost() {
 +
$.post("http://bis.zju.edu.cn/GS_Box/index.php",{
 +
sequence1: $("#name_attendee_1").val(),
 +
sequence2: $("#name_attendee_2").val(),
 +
sequence3: $("#name_attendee_3").val(),
 +
sequence4: $("#name_attendee_4").val(),
 +
sequence5: $("#name_attendee_5").val(),
 +
mode: $("#modevalue").val()
 +
},function(data){
 +
data=eval("("+data+")");
 +
// alert(data)
 +
var txt='';
 +
// txt='<p>'+data[0]['homo']+'</p>';
 +
txt+='<table border="1" cellspacing="0" width="100%" bordercolorlight="#333333" bordercolordark="#efefef" width="100%" style="word-break: break-all;"><tr bgcolor=#cccccc><td style="width: 3%">part</td><td style="width: 17%">homeoregion</td><td style="width: 27%">P-primer</td><td style="width: 5%">P-primer GC</td><td style="width: 5%">P-primer TM</td><td style="width: 26%">F-primer</td><td style="width: 5%">F-primer GC</td><td style="width: 5%">F-primer TM</td><td style="width: 7%">connect</td></tr>';
 +
for (key in data) {
 +
txt+='<tr bgcolor=#eafeff><td>';
 +
txt+=(key*1.0+1);
 +
txt+='</td><td>';
 +
txt+=data[key]['homo'];
 +
txt+='</td><td>';
 +
txt+=data[key]['pprimer'];
 +
txt+='</td><td>';
 +
                txt+=data[key]['pp GC'];
 +
txt+='</td><td>';
 +
                txt+=data[key]['pp TM'];
 +
txt+='</td><td>';
 +
                txt+=data[key]['fprimer'];
 +
                txt+='</td><td>';
 +
                txt+=data[key]['fp GC'];
 +
txt+='</td><td>';
 +
                txt+=data[key]['fp TM'];
 +
txt+='</td><td>';
 +
txt+=data[key]['connect'];
 +
txt+='</td></tr>';
 +
}
 +
txt+='</table>';
 +
$("body").append(txt);
 +
})
 +
}
 +
</script>
 +
<div id="border" style="color:white;background-color:#4bc288;font-size:70px;padding-left:170px;"><h2 style="color:white;text-decoration:none"><br><br><br><br><br>GS-Box<br><br></h2><p style="font-size:40px"><br>A  simple  &  efficient  tool  for  Gene-Socket<br><br><br><br></p></div>
-
<div class="zju_frame">
+
   
-
    <h2 id="border" style="text-align:center;color:white;background-color:#6bf886;font-size:50px;"><br><br>GS-Box<br><br>An useful bioinformatics tool for Gene-Socket<br><br><br><br></h2>
+
<div><p style="background-color:#99dbe3;font-size:24px;padding-left:190px;padding-right:150px;LINE-HEIGHT:50px;"><br><br><BIG><em>E</em></BIG>very excellent technique should be simple and efficient to use! As an excellent technique, gene-socket also does well in this respect------ it has its' own optimization tool: GS-BOX. GS-BOX is a bioinformatics tool which is designed for customs to build their own gen-sockets easily and efficiently. What need the customs do with the tool? Just input the gene circuit sequences and then GS-BOX will design the experimental process automatically and every detail that customs will need to use!<br><br></p></div>
 +
<ul class="test3">
 +
  <li><div class="handle3"><img src='https://static.igem.org/mediawiki/2014/b/b9/ZJU_tool_wing1.gif'/></div>
 +
    <h3>Service</h3>
 +
    <p style="background-color:#abfdb1;font-size:18px;">
 +
      GS-Box provides <b>3 kinds of modes and 7 services.</b><br><br>For <b> mode 1,</b> GS-Box can provide:<br>&nbsp;&nbsp;&nbsp;&nbsp;i. Homeoregion's sequence<br> &nbsp;&nbsp;&nbsp;&nbsp;ii. P-primer's sequence<br> &nbsp;&nbsp;&nbsp;&nbsp;iii. P-primer's GC percent<br> &nbsp;&nbsp;&nbsp;&nbsp;iv. P-primer's TM value<br> &nbsp;&nbsp;&nbsp;&nbsp;v. F-primer's sequence<br> &nbsp;&nbsp;&nbsp;&nbsp;vi. F-primer GC percent<br> &nbsp;&nbsp;&nbsp;&nbsp;vii. F-primer TM value<br><br>For <b>other modes</b>, it cotains two homeoregions and also two P-primers and F-primers.<br><br> If you dont know how to use these sources, please read the <b>example</b> below or read our <b>project</b>carefully.</p>
 +
  </li>
 +
  <li><div class="handle3"><img src='https://static.igem.org/mediawiki/2014/e/ee/ZJU_tool_wing2.gif'/></div>
 +
    <h3>Design Principle</h3>
 +
    <p style="background-color:#abfdb1;font-size:18px;"><b>Homeoregions:</b><br>
 +
&nbsp;&nbsp;&nbsp;1. Don't have similar sequences with E.coli<br>
 +
&nbsp;&nbsp;&nbsp;(to avoid off-target effects)<br>
 +
&nbsp;&nbsp;&nbsp;2. Don't have similar sequences with custom's parts<br>
 +
&nbsp;&nbsp;&nbsp;(to avoid off-target effects)<br>
 +
&nbsp;&nbsp;&nbsp;3. Fit the subsequent steps' requiring<br><br>
 +
<b>Primer:</b><br>
 +
&nbsp;&nbsp;&nbsp;1. GC content & TM value<br>&nbsp;&nbsp;&nbsp;(to ensure that PCR can work. If the GC percent is between 40% -60%, the PCR result will be fine)<br>
 +
&nbsp;&nbsp;&nbsp;2. Duplex formation and hairpin<br>&nbsp;&nbsp;&nbsp;(to ensure that PCR can work. If the primer has duplex formation and hairpin, the PCR cannot get result)<br>
 +
&nbsp;&nbsp;&nbsp;3. Proper length<br>&nbsp;&nbsp;&nbsp;(to ensure that PCR can work. If the length is too short, the PCR cannot get the result; If the length is too long, the TM value will be very high and make PCR's result not good)</p>
 +
  </li>
 +
  <li><div class="handle3"><img src='https://static.igem.org/mediawiki/2014/3/31/ZJU_tool_wing3.gif'/></div>
 +
    <h3>Design Method</h3>
 +
    <p style="background-color:#abfdb1;font-size:18px;"><b>Step 1.</b> Generate more than 1000 sequences which contains 40 bp and are made of A/T/G/C <br><br><b>Step 2.</b> Do blast between the sequences and the E.coli's genome to delete some sequences which have samilar sequences with E.coli. As a result, a database which has 1000 sequences was established.<br><br><b>Step 3.</b> Do blast between the custom's sequences and the database's data to delete some sequences which have samilar sequences with custom's sequences. As a result, a secondary database was established.<br><br><b>Step 4.</b> Select some data in the secondary database which has proper primer.<br><br><b>Step 5.</b> Print out the primer's information.</p>
 +
  </li>
 +
  <li><div class="handle3"><img src='https://static.igem.org/mediawiki/2014/6/6c/ZJU_tool_wing4.gif'/></div>
 +
    <h3>How to use</h3>
 +
    <p style="background-color:#abfdb1;font-size:18px;">GS-Box has <b>3 modes.</b> <br><br>If you want to build a circuit which doesn't contian a promoter or terminator inside the circuit, you shuld choose <b>mode 1;</b><br> If you don't want to use our promoter, you shuld choose <b>mode 2;</b> <br>If your circuit contians a terminator, you shuld choose <b>mode 3;</b><br><br>For more information, please see the <b>solutions</b> below.</p>
 +
  </li>
 +
  <li><div class="handle3"><img src='https://static.igem.org/mediawiki/2014/b/b6/ZJU_tool_wing5.gif'/></div>
 +
    <h3>Help</h3>
 +
    <p style="background-color:#abfdb1;font-size:18px;">You should know that if you choose a mode, this mode will be used for <b>all</b> of your parts. So if you just want to use the special mode for only one of your parts, you should use GS-Box <b>twice</b>, once without the special part and once only contain the special part.<br><br>For more information, please see the <b>example</b> below.<br><br>If you still have any questions when using GS-Box, please contact us.<br><br><b>Team Forum(BBS):</b> <br>&nbsp;&nbsp;&nbsp;ZJU-China 2014 Team Forum on ZJU Sever<br><b>Post Address:</b><br>&nbsp;&nbsp;&nbsp;Biolab Center Room 413, ZJU Zijin'gang Campus, Yuhang Tang Road No.866, Hangzhou, Zhejiang<br><b>Email Address:</b> <br>&nbsp;&nbsp;&nbsp;zjuchina2014 @ 163.com</p>
 +
  </li>
 +
</ul><div style="clear:both;"></div><br /><br /><br /><br />
-
    <p style="background-color:#99dbe3;font-size:24px;padding-left:50px;padding-right:50px;LINE-HEIGHT:50px;">
+
<div style="background-color:#e0ff9b;font-size:24px;padding-left:190px;padding-right:170px;LINE-HEIGHT:30px;">
-
        <br>
+
    <h2 id="border" style="text-align:center;font-size:50px;"><br><br><em>Solutions</em><br></h2>
-
        <br>
+
    <p><br>As you see, we built 2 parts to help biologists to insert their gene of interest( GOI ) into the chromosome. When we built this tool, we thought about a question: can Gene-Socket only insert simple genes like GFP into chromosome? Now, we can announce that the answer is "No". With the help of Gene-Socket, we can build kinds of gene circuits no matter how complex they are.<br><img src ="https://static.igem.org/mediawiki/2014/c/c0/ZJU_Fragment_prepare.gif" width="800" height="400"/><br><br></p>
-
        <BIG><em>E</em></BIG>very excellent technique should be simple and efficient to use! As an excellent technique, gene-socket also does well in this respect------ it has its' own optimization tool: GS-BOX. GS-BOX is a bioinformatics tool which is designed for customs to build their own gen-sockets easily and efficiently. What need the customs do with the tool? Just input the gene circuit sequences and then GS-BOX will design the experimental process automatically and every detail that customs will need to use!
+
    <p>If we just want to insert one part into the chromosome, what should we do? We can add two homeoregions next to the part, then link them to the part BBa_k1433009. In this way, we can use Gene-Socket to insert the new gene-combination into chromosome. (See how we solve the problem in the picture). We call this occasion "Mode 1".<br><img src ="https://static.igem.org/mediawiki/2014/2/22/ZJU_tool_ch1.jpg" width="450" height="300"/><img src ="https://static.igem.org/mediawiki/2014/5/5e/ZJU_tool_mode1.jpg" width="450" height="300"/><br><br></p>
-
        <br>
+
    <p>Now we want to build a more complex circuit. We want to insert a promoter, an RBS and a CDS. If we still use the old method, our promoter will not work. It seems that we need to find a new way. What if we change the homeoregions? We can replace the old promoter with a new one by designing the homeoregions. (See how we solve the problem in the picture). We call this occasion "Mode 2".<br><img src ="https://static.igem.org/mediawiki/2014/c/cf/ZJU_tool_ch2.jpg" width="450" height="300"/><img src ="https://static.igem.org/mediawiki/2014/2/24/ZJU_tool_mode2.jpg" width="450" height="300"/><br><br></p>
-
        <br>
+
    <p>Well, what if our circuit contains a terminator? It will stop the gene expression and break our hearts. But if we link the circuit with a new part, BBa_k1433010, the problem seems to be solved. (See how we solve the problem in the picture). We call this occasion "Mode 3".<br><img src ="https://static.igem.org/mediawiki/2014/2/22/ZJU_tool_ch1.jpg" width="450" height="300"/><img src ="https://static.igem.org/mediawiki/2014/3/3a/ZJU_tool_mode3.jpg" width="450" height="300"/><br><br></p>
-
        <br>
+
    <p>As you see, If you want to use GS-Box to insert your part into the chromosome,there are 3 classical mode for you.<br><ul style="font-size:18px;padding-left:50px;padding-right:50px;"><li>Mode 1: You choose to use the our official promoter & terminator</li><li>Mode 2: Your don't want to use our promoter</li><li>Mode 3: Your part contains a terminator</li></ul></p>
-
        <br>
+
     <p>With the methods that we have used above, we can solve most problems when we want to insert a gene-circuit into chromosome, but sometimes the situation may be more complex. We cannot list all of the situations for you, but we have given you the tool and the idea to solve a new problem. Join the designers’ team and enjoy it!<br><br></p>
-
     </p>
+
</div>
-
    <ul class="test3">
+
<div style="background-color:#99dbe3;font-size:24px;padding-left:190px;padding-right:170px;LINE-HEIGHT:30px;">
-
        <li>
+
    <h2 id="border" style="text-align:center;font-size:50px;"><br><br>Example<br><br></h2> 
-
            <div class="handle3">
+
    <p><b>Example 1:</b><br>I just want to insert a simple gene---GFP(see the picture below). This situation is very simple. According to "Solutions", this is the mode 1, and I need to modify it as the picture below.<br><br><img src ="https://static.igem.org/mediawiki/2014/8/8d/ZJU_example1.jpg" width="800" height="400"/><br>
-
                <img src='https://static.igem.org/mediawiki/2014/4/4b/ZJU_tools_com1.gif'>
+
    <b>Example 2:</b><br>I want to insert a circuit, which contains a promoter, a RBS and GFP(see the picture below). According to "Solutions", this is the mode 2, and I need to modify it as the picture below.<br><br><img src ="https://static.igem.org/mediawiki/2014/c/cf/ZJU_example2.jpg" width="800" height="400"/><br>
-
            </div>
+
    <b>Example 3:</b><br>I want to insert a circuit which contains a RBS, a GFP and a terminator(see the picture below). According to "Solutions", this is the mode 3, and I need to modify it as the picture below.<br><br><img src ="https://static.igem.org/mediawiki/2014/2/29/ZJU-tool-example.jpg" width="800" height="400"/><br><br><br></p>
-
            <h3>Service</h3>
+
</div>
-
            <p style="background-color:#e5ed82;font-size:18px;">
+
<div style="background-color:white;font-size:24px;padding-left:190px;padding-right:170px;LINE-HEIGHT:30px;">
-
                Mauris sed mauris. Praesent imperdiet, nunc ut sollicitudin hendrerit, nisi tellus mollis leo, blandit pharetra nulla orci id eros. Nullam ut nunc. Praesent lacus lacus, tempor a, dignissim eu, tristique ac, tortor. Sed faucibus. Integer eleifend lacus ac neque. Fusce tempus. In hac habitasse platea dictumst. Nulla arcu neque, gravida at, rhoncus id, pharetra vitae, tortor. Aenean vestibulum consequat augue.</p>
+
    <h2 id="border" style="text-align:center;font-size:50px;"><br><br>Download</h2>
-
        </li>
+
    <p>GS-Box is an useful web tool, it contains some fuctions that people often use. So we share all the codes of GS-Box(except images) to help other IGEMers to use GS-Box in their own computers or share with more people. As you see, we submit a ZIP named "all codes" below and you can download it for free. In the ZIP, there is a "Read me" txt, please read it before you use it. You can also download our database which is strictly chosen and the data is OK to use. Before you use the codes and the database, you need to install a local-BLAST, which is developed by <a href="http://blast.ncbi.nlm.nih.gov/Blast.cgi?CMD=Web&PAGE_TYPE=BlastDocs&DOC_TYPE=Download"/>NCBI.</a></p>
-
        <li>
+
<p align=center><img src="https://static.igem.org/mediawiki/2014/9/96/ZJU_tool_download.jpg"/>
-
            <div class="handle3">
+
<a href="https://static.igem.org/mediawiki/2014/0/0f/ZJU_tool_all_codes.zip"/>ALL codes</a><a href="https://static.igem.org/mediawiki/2014/b/b3/ZJU_Database.zip"/> / Database</a></p>
-
                <img src='https://static.igem.org/mediawiki/2014/8/8b/ZJU_tools_com2.gif'>
+
<p><br><br></p>
-
            </div>
+
<div>
-
            <h3>Design Principle</h3>
+
-
            <p style="background-color:#e5ed82;font-size:18px;">Homeodomains:
+
-
                <br>1.Don't have similar sequences with E.coli (to avoid off-target effects)
+
-
                <br>2.Don't have similar sequences with custom's parts (to avoid off-target effects)
+
-
                <br>3.Fit the subsequent steps' requiring
+
-
                <br>
+
-
                <br>Primer:
+
-
                <br>1.GC content & TM value
+
-
                <br>2.Duplex formation and hairpin
+
-
                <br>3.proper length</p>
+
-
        </li>
+
-
        <li>
+
-
            <div class="handle3">
+
-
                <img src='https://static.igem.org/mediawiki/2014/d/d5/ZJU_tools_com3.gif'>
+
-
            </div>
+
-
            <h3>Design Method</h3>
+
-
            <p style="background-color:#e5ed82;font-size:18px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus vestibulum metus sed massa. Pellentesque pharetra felis a enim. Aliquam sapien nisl, iaculis ac, hendrerit placerat, iaculis congue, augue. Quisque eget mi quis purus vestibulum eleifend. Maecenas condimentum eros vel eros. Ut facilisis leo id mi. Suspendisse nisl magna, consequat quis, pretium eget, laoreet vel, orci.
+
-
                <br>
+
-
                <br>Mauris sed mauris. Praesent imperdiet, nunc ut sollicitudin hendrerit, nisi tellus mollis leo, blandit pharetra nulla orci id eros. Nullam ut nunc. Praesent lacus lacus, tempor a, dignissim eu, tristique ac, tortor. Sed faucibus. Integer eleifend lacus ac neque. Fusce tempus. In hac habitasse platea dictumst. Nulla arcu neque, gravida at, rhoncus id, pharetra vitae, tortor. Aenean vestibulum consequat augue.</p>
+
-
        </li>
+
-
        <li>
+
-
            <div class="handle3">
+
-
                <img src='https://static.igem.org/mediawiki/2014/3/31/ZJU_tools_com4.gif'>
+
-
            </div>
+
-
            <h3>How to use</h3>
+
-
            <p style="background-color:#e5ed82;font-size:18px;">If you just want to build a normal gene circuit, input your mount of parts and sequences; If your circuit contains some particular parts(for example, an terminator primer or want to make your parts seamless connection),please choose the "special mode" according to your situation.</p>
+
-
        </li>
+
-
        <li>
+
-
            <div class="handle3">
+
-
                <img src='https://static.igem.org/mediawiki/2014/e/ef/ZJU_tools_com5.gif'>
+
-
            </div>
+
-
            <h3>Contact</h3>
+
-
            <p style="background-color:#e5ed82;font-size:18px;">If you have any questions when using GS-Box, please contact us.</p>
+
-
        </li>
+
-
    </ul>
+
-
    <div style="clear:both;"></div>
+
-
    <br />
+
-
    <br />
+
-
    <br />
+
-
    <br />
+
 +
<div id="page-wrap">
 +
 +
<h1><span>DIY  <em>YOUR OWN GENE-SOCKET</em></span></h1>
 +
        <br><br><br>
-
    <div id="page-wrap">
+
<form name="input">
-
        <h1><span>DIY  <em>YOUR OWN GENE-SOCKET</em></span></h1>
+
<fieldset id="step_1">
-
        <br>
+
-
        <br>
+
<legend>Step 1</legend>
-
        <br>
+
-
 
+
<label for="num_attendees">
-
        <form name="input">
+
How many parts do you want to insert?
-
 
+
</label>
-
            <fieldset id="step_1">
+
-
 
+
-
                <legend>Step 1</legend>
+
-
 
+
-
                <label for="num_attendees">
+
-
                    How many parts do you want to insert?
+
-
                </label>
+
                 <p>(each no less than 20 bp)</p>
                 <p>(each no less than 20 bp)</p>
-
                <select id="num_attendees">
+
<select id="num_attendees">
-
                    <option id="opt_0" value="0">Please Choose</option>
+
<option id="opt_0" value="0">Please Choose</option>
-
                    <option id="opt_1" value="1">1</option>
+
<option id="opt_1" value="1">1</option>
-
                    <option id="opt_2" value="2">2</option>
+
<option id="opt_2" value="2">2</option>
-
                    <option id="opt_3" value="3">3</option>
+
<option id="opt_3" value="3">3</option>
-
                    <option id="opt_4" value="4">4</option>
+
<option id="opt_4" value="4">4</option>
-
                    <option id="opt_5" value="5">5</option>
+
<option id="opt_5" value="5">5</option>
-
                </select>
+
</select>
-
 
+
-
                <br />
+
<br />
-
 
+
-
                <div id="attendee_1_wrap" class="name_wrap push">
+
<div id="attendee_1_wrap" class="name_wrap push">
-
                    <h3>Please provide each part's sequences:</h3>
+
<h3>Please provide each part's sequences:</h3>
-
                    <label for="name_attendee_1">
+
<label for="name_attendee_1">
-
                        Part 1:
+
Part 1:
-
                    </label>
+
</label>
-
                    <input type="text" id="name_attendee_1" class="name_input" name="sequence1" value="">
+
<input type="text" id="name_attendee_1" class="name_input" name="sequence1" value="">
-
                </div>
+
</div>
-
 
+
-
                <div id="attendee_2_wrap" class="name_wrap">
+
<div id="attendee_2_wrap" class="name_wrap">
-
                    <label for="name_attendee_2">
+
<label for="name_attendee_2">
-
                        Part 2:
+
Part 2:
-
                    </label>
+
</label>
-
                    <input type="text" id="name_attendee_2" class="name_input" name="sequence2" value="">
+
<input type="text" id="name_attendee_2" class="name_input" name="sequence2" value="">
-
                </div>
+
</div>
-
 
+
-
                <div id="attendee_3_wrap" class="name_wrap">
+
<div id="attendee_3_wrap" class="name_wrap">
-
                    <label for="name_attendee_3">
+
<label for="name_attendee_3">
-
                        Part 3:
+
Part 3:
-
                    </label>
+
</label>
-
                    <input type="text" id="name_attendee_3" class="name_input" name="sequence3" value="">
+
<input type="text" id="name_attendee_3" class="name_input" name="sequence3" value="">
-
                </div>
+
</div>
-
 
+
-
                <div id="attendee_4_wrap" class="name_wrap">
+
<div id="attendee_4_wrap" class="name_wrap">
-
                    <label for="name_attendee_4">
+
<label for="name_attendee_4">
-
                        Part 4:
+
Part 4:
-
                    </label>
+
</label>
-
                    <input type="text" id="name_attendee_4" class="name_input" name="sequence4" value="">
+
<input type="text" id="name_attendee_4" class="name_input" name="sequence4" value="">
-
                </div>
+
</div>
-
 
+
-
                <div id="attendee_5_wrap" class="name_wrap">
+
<div id="attendee_5_wrap" class="name_wrap">
-
                    <label for="name_attendee_5">
+
<label for="name_attendee_5">
-
                        Part 5:
+
Part 5:
-
                    </label>
+
</label>
-
                    <input type="text" id="name_attendee_5" class="name_input" name="sequence5" value="">
+
<input type="text" id="name_attendee_5" class="name_input" name="sequence5" value="">
-
                </div>
+
</div>
-
 
+
-
            </fieldset>
+
</fieldset>
-
 
+
-
            <fieldset id="step_2">
+
<fieldset id="step_2">
-
 
+
-
                <legend>Step 2</legend>
+
<legend>Step 2</legend>
-
 
+
-
                <p>
+
<p>
-
                    Please select the mode
+
Please select the mode
-
                </p>
+
</p>
                 <select id="modevalue" name="mode">
                 <select id="modevalue" name="mode">
-
                    <option value="1" selected="selected">don't contain primer & terminator</option>
+
                <option value="1" selected="selected">1:No promoter & terminator</option>
-
                    <option value="2">contain primer</option>
+
                <option value="2">2:contain promoter</option>
-
                    <option value="3">contain terminator</option>
+
                <option value="3">3:contain terminator</option>
-
                    <option value="4">contain both primer and terminator</option>
+
                 </select>
                 </select>
-
                <p style="font-size:15px">
+
<p style="font-size:15px"><br>If you don't know what these modes mean, please read "<b>Solutions</b>" carfully. Are you sure you have selected the right mode?<br></p>
-
                    <br>If you don't know what these modes mean, please read "How to use" carfully. Are you sure you have selected the right mode?
+
-
                    <br>
+
-
                </p>
+
-
                <input type="radio" id="company_name_toggle_on" name="company_name_toggle_group"></input>
+
<input type="radio" id="company_name_toggle_on" name="company_name_toggle_group"></input>
-
                <!--<label for="company_name_toggle_on">No</label>-->
+
<!--<label for="company_name_toggle_on">No</label>-->
-
                <!--&emsp;-->
+
<!--&emsp;-->
-
                <!--<input type="radio" id="company_name_toggle_off" name="company_name_toggle_group"></input>-->
+
<!--<input type="radio" id="company_name_toggle_off" name="company_name_toggle_group"></input>-->
-
                <label for="company_name_toggle_off">Yes</label>
+
<label for="company_name_toggle_off">Yes</label>
-
 
+
-
                <!--<div id="company_name_wrap">
+
<!--<div id="company_name_wrap">
<label for="company_name">
<label for="company_name">
Company Name:
Company Name:
Line 174: Line 250:
</div>-->
</div>-->
-
                <div class="push">
+
<div class="push">
-
                    <p style="font-size:15px">
+
<p style="font-size:15px">
-
                        You shuld learn that your mode is for all of your parts. If you just want to change only one of them, Please see the "Help". Are you sure this mode suits for most of your parts?
+
You shuld learn that your mode is for all of your parts. If you just want to change only one of them, Please read the "<b>Example</b>". Are you sure this mode suits for most of your parts?
-
                    </p>
+
</p>
-
 
+
-
                    <!--<input type="radio" id="special_accommodations_toggle_on" name="special_accommodations_toggle"></input>
+
<!--<input type="radio" id="special_accommodations_toggle_on" name="special_accommodations_toggle"></input>
<label for="special_accommodations_toggle_on">Yes</label>
<label for="special_accommodations_toggle_on">Yes</label>
&emsp;-->
&emsp;-->
-
                    <input type="radio" id="special_accommodations_toggle_off" name="special_accommodations_toggle"></input>
+
<input type="radio" id="special_accommodations_toggle_off" name="special_accommodations_toggle"></input>
-
                    <label for="special_accommodations_toggle_off">Yes</label>
+
<label for="special_accommodations_toggle_off">Yes</label>
-
                </div>
+
</div>
-
                <!--<div id="special_accommodations_wrap">
+
<!--<div id="special_accommodations_wrap">
<label for="special_accomodations_text">
<label for="special_accomodations_text">
Please explain below:
Please explain below:
Line 192: Line 268:
</div>-->
</div>-->
-
            </fieldset>
+
</fieldset>
 +
 +
<fieldset id="step_3">
 +
<legend>Step 3</legend>
 +
 +
<label for="rock">
 +
Are you ready to generate your GENE-SOCKET?
 +
</label>
 +
<input type="checkbox" id="rock"></input>
 +
 +
<input type="button" id="submit_button" class="push" value="Complete Design" onclick="ajaxPost()"></input>
 +
                <p>See The Result Below</p>
 +
</fieldset>
-
            <fieldset id="step_3">
+
</form>
-
                <legend>Step 3</legend>
+
 +
</div>
-
                <label for="rock">
+
</body>
-
                    Are you ready to generate your GENE-SOCKET?
+
-
                </label>
+
-
                <input type="checkbox" id="rock"></input>
+
-
 
+
-
                <input type="button" id="submit_button" class="push" value="Complete Design" onclick="sendpost()"></input>
+
-
            </fieldset>
+
-
 
+
-
        </form>
+
-
 
+
-
    </div>
+
-
 
+
-
    <!-- <iframe id="print" src="/10.15/js/index.php" width="100%" height="1000" frameborder="0" scrolling="no"></iframe> -->
+
-
 
+
-
<p class="cutline">&nbsp;</p>
+
-
<div class="zju_sec" style="padding:0;height:650px">
+
-
            <iframe style="margin:0;border:none" width="100%" height="100%" src="http://bis.zju.edu.cn/GS_Box/test.php"></iframe>
+
-
</div>
+
-
<p class="cutline">&nbsp;</p>
+
-
</div>
+
</html>
</html>

Latest revision as of 03:34, 18 October 2014

GS-Box






GS-Box


A simple & efficient tool for Gene-Socket





Every excellent technique should be simple and efficient to use! As an excellent technique, gene-socket also does well in this respect------ it has its' own optimization tool: GS-BOX. GS-BOX is a bioinformatics tool which is designed for customs to build their own gen-sockets easily and efficiently. What need the customs do with the tool? Just input the gene circuit sequences and then GS-BOX will design the experimental process automatically and every detail that customs will need to use!

  • Service

    GS-Box provides 3 kinds of modes and 7 services.

    For mode 1, GS-Box can provide:
        i. Homeoregion's sequence
        ii. P-primer's sequence
        iii. P-primer's GC percent
        iv. P-primer's TM value
        v. F-primer's sequence
        vi. F-primer GC percent
        vii. F-primer TM value

    For other modes, it cotains two homeoregions and also two P-primers and F-primers.

    If you dont know how to use these sources, please read the example below or read our projectcarefully.

  • Design Principle

    Homeoregions:
       1. Don't have similar sequences with E.coli
       (to avoid off-target effects)
       2. Don't have similar sequences with custom's parts
       (to avoid off-target effects)
       3. Fit the subsequent steps' requiring

    Primer:
       1. GC content & TM value
       (to ensure that PCR can work. If the GC percent is between 40% -60%, the PCR result will be fine)
       2. Duplex formation and hairpin
       (to ensure that PCR can work. If the primer has duplex formation and hairpin, the PCR cannot get result)
       3. Proper length
       (to ensure that PCR can work. If the length is too short, the PCR cannot get the result; If the length is too long, the TM value will be very high and make PCR's result not good)

  • Design Method

    Step 1. Generate more than 1000 sequences which contains 40 bp and are made of A/T/G/C

    Step 2. Do blast between the sequences and the E.coli's genome to delete some sequences which have samilar sequences with E.coli. As a result, a database which has 1000 sequences was established.

    Step 3. Do blast between the custom's sequences and the database's data to delete some sequences which have samilar sequences with custom's sequences. As a result, a secondary database was established.

    Step 4. Select some data in the secondary database which has proper primer.

    Step 5. Print out the primer's information.

  • How to use

    GS-Box has 3 modes.

    If you want to build a circuit which doesn't contian a promoter or terminator inside the circuit, you shuld choose mode 1;
    If you don't want to use our promoter, you shuld choose mode 2;
    If your circuit contians a terminator, you shuld choose mode 3;

    For more information, please see the solutions below.

  • Help

    You should know that if you choose a mode, this mode will be used for all of your parts. So if you just want to use the special mode for only one of your parts, you should use GS-Box twice, once without the special part and once only contain the special part.

    For more information, please see the example below.

    If you still have any questions when using GS-Box, please contact us.

    Team Forum(BBS):
       ZJU-China 2014 Team Forum on ZJU Sever
    Post Address:
       Biolab Center Room 413, ZJU Zijin'gang Campus, Yuhang Tang Road No.866, Hangzhou, Zhejiang
    Email Address:
       zjuchina2014 @ 163.com







Solutions


As you see, we built 2 parts to help biologists to insert their gene of interest( GOI ) into the chromosome. When we built this tool, we thought about a question: can Gene-Socket only insert simple genes like GFP into chromosome? Now, we can announce that the answer is "No". With the help of Gene-Socket, we can build kinds of gene circuits no matter how complex they are.


If we just want to insert one part into the chromosome, what should we do? We can add two homeoregions next to the part, then link them to the part BBa_k1433009. In this way, we can use Gene-Socket to insert the new gene-combination into chromosome. (See how we solve the problem in the picture). We call this occasion "Mode 1".


Now we want to build a more complex circuit. We want to insert a promoter, an RBS and a CDS. If we still use the old method, our promoter will not work. It seems that we need to find a new way. What if we change the homeoregions? We can replace the old promoter with a new one by designing the homeoregions. (See how we solve the problem in the picture). We call this occasion "Mode 2".


Well, what if our circuit contains a terminator? It will stop the gene expression and break our hearts. But if we link the circuit with a new part, BBa_k1433010, the problem seems to be solved. (See how we solve the problem in the picture). We call this occasion "Mode 3".


As you see, If you want to use GS-Box to insert your part into the chromosome,there are 3 classical mode for you.

  • Mode 1: You choose to use the our official promoter & terminator
  • Mode 2: Your don't want to use our promoter
  • Mode 3: Your part contains a terminator

With the methods that we have used above, we can solve most problems when we want to insert a gene-circuit into chromosome, but sometimes the situation may be more complex. We cannot list all of the situations for you, but we have given you the tool and the idea to solve a new problem. Join the designers’ team and enjoy it!



Example

Example 1:
I just want to insert a simple gene---GFP(see the picture below). This situation is very simple. According to "Solutions", this is the mode 1, and I need to modify it as the picture below.


Example 2:
I want to insert a circuit, which contains a promoter, a RBS and GFP(see the picture below). According to "Solutions", this is the mode 2, and I need to modify it as the picture below.


Example 3:
I want to insert a circuit which contains a RBS, a GFP and a terminator(see the picture below). According to "Solutions", this is the mode 3, and I need to modify it as the picture below.






Download

GS-Box is an useful web tool, it contains some fuctions that people often use. So we share all the codes of GS-Box(except images) to help other IGEMers to use GS-Box in their own computers or share with more people. As you see, we submit a ZIP named "all codes" below and you can download it for free. In the ZIP, there is a "Read me" txt, please read it before you use it. You can also download our database which is strictly chosen and the data is OK to use. Before you use the codes and the database, you need to install a local-BLAST, which is developed by NCBI.

ALL codes / Database



DIY YOUR OWN GENE-SOCKET




Step 1

(each no less than 20 bp)


Please provide each part's sequences:

Step 2

Please select the mode


If you don't know what these modes mean, please read "Solutions" carfully. Are you sure you have selected the right mode?

You shuld learn that your mode is for all of your parts. If you just want to change only one of them, Please read the "Example". Are you sure this mode suits for most of your parts?

Step 3

See The Result Below