Team:Heidelberg/Modeling/miBSdesigner

From 2010.igem.org

(Difference between revisions)
(New page: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D...)
 
(88 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+
{{:Team:Heidelberg/Double}}
 +
{{:Team:Heidelberg/Pagetop|mibsdesigner}}
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
<html>
<html>
Line 6: Line 7:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
<style type="text/css">
-
div.wrapper {width: 320px; padding:15px; border-width:5px; margin:auto; border-style:solid; border-color:#11526f; height: 340px; text-align:center; background-color:#ffaf58;}
+
.wrapper {width: 260px; text-align:center;}
-
div.wrapper2 {width: 550px; padding:25px; border-width:5px; margin:auto; border-style:solid; border-color:#11526f; height: 550px; text-align:left; background-color:#ffaf58;}
+
.wrapper2 {margin:auto; height: 700px; text-align:left; }
-
div.title {text-indent:30px;}
+
.title {padding-left:0px; line-height:2; font-weight:bold; font-size:17px;}
-
div.option {text-indent:50px; white-space:pre-wrap;}
+
.option {padding-left:10px; white-space:pre-wrap;}
-
div.optionl {text-indent:50px; white-space:pre-wrap; float:left;}
+
.optionl {padding-left:10px; white-space:pre-wrap; float:left; font-size:15px;}
-
div.optionr {display:inline; white-space:pre-wrap; margin-right: 45px; float:right;}
+
.optionr {display:inline; white-space:pre-wrap; margin-right: 45px; float:right; font-size:15px;}
-
div.suboption {text-indent:80px;}
+
.suboption {padding-left:20px; font-size:15px;}
-
div.clear {clear: both;}
+
.clear {clear: both;}
-
div.reswrap2 {width: 550px; padding:25px; border-width:5px; margin:auto; border-style:solid; border-color:#11526f; height: 140px; text-align:left; background-color:#ffaf58; display:none;}
+
.reswrap2 {padding:5px; width: 240px; margin:auto; text-align:left; display:none; font-size:12pt;}
 +
.variaresult {font-size: 16px; color: #11526f; font-weight: bold;}
 +
.largetext {font-size: 17px;}
 +
td {vertical-align:top;}
</style>
</style>
-
<script type="text/javascript" src="final_code_miBS_HD2010.txt"> </script>
 
</head>
</head>
     <body>
     <body>
     <form name="seqIn" action="">
     <form name="seqIn" action="">
-
    <div class="wrapper">
+
<div class="wrapper2">
-
<img style="border-width: 0px;" src="miBSdesigner.png" width="300" height="182" />
+
<center>
-
<br>
+
<div class="t1">
-
<span style="font-family: Arial; color: #11526f; font-size: 18.0px; ">
+
Construction of microRNA binding sites </div><br>
-
Construction of microRNA binding sites </span>
+
<div style="width:350px; text-align:right;"><span class="help"><a href="https://2010.igem.org/Team:Heidelberg/Modeling/trainingset#Input" target="_blank" title="Input help">?</a><span></div>
-
<br>
+
<div class="largetext" style="width:450px;">
-
<span style="font-size: 17.0px;">
+
Sequence name<br>
-
Sequence name </span>
+
-
<br>
+
<input type="text" name="name" id="name" size="40" value="hsa-miR122"/><br>
<input type="text" name="name" id="name" size="40" value="hsa-miR122"/><br>
-
<span style="font-size: 17.0px;">microRNA Sequence ( 5' -> 3')</span><br>
+
microRNA Sequence ( 5' -> 3')<br>
<input type="text" name="mir" id="mir" size="40" value="UCAGUUUACUAGUGCCAUUUGU"/><br>
<input type="text" name="mir" id="mir" size="40" value="UCAGUUUACUAGUGCCAUUUGU"/><br>
-
<span style="font-size: 17.0px;">
+
Spacer (inert sequence)<br>
-
Spacer (inert sequence) </span><br>
+
<input type="text" name="spacer" id="spacer" size="40" value="TTATATTTTATGACA"/>
<input type="text" name="spacer" id="spacer" size="40" value="TTATATTTTATGACA"/>
 +
</center><br><br>
 +
<div class="largetext" style="width:400px;">
 +
<input name="quality" value="perfect" onchange="chMd()" checked="checked" type="radio">
 +
Perfect Binding Site <br>
 +
<input name="quality" value="bulge" onchange="chMd()" type="radio">
 +
Imperfect Binding Site with 4 nt bulge (9-12)<br>
 +
<input name="quality" value="personal" onchange="chMd()" type="radio">
 +
Personalized Binding Site
</div>
</div>
<br>
<br>
-
<div class="wrapper2">
+
<table>
-
<input name="quality" value="perfect" onclick="chMd()" checked="checked" type="radio">
+
<tr height=120px>
-
<span style="font-size: 18.0px;">
+
<td width=290px>
-
Perfect Binding Site </span>
+
<div class="title">
-
<br>
+
Seed sequence (1-8) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="help"><a href="https://2010.igem.org/Team:Heidelberg/Modeling/trainingset#Seed_Types" target="_blank" title="Seed sequence help">?</a></span>
-
<input name="quality" value="bulge" onclick="chMd()" type="radio">
+
</div>
-
<span style="font-size: 18.0px;">
+
<div class="option"><SELECT name="seed" onchange="chMd1()" disabled="disabled">
-
Imperfect Binding Site with 4 nt bulge (9-12) </span>
+
<OPTION value="0">
-
<br>
+
<OPTION value="6mer">6mer                (2-7 paired)
-
<input name="quality" value="personal" onclick="chMd()" type="radio">
+
<OPTION value="7merA1">7merA1          (1-7 paired)
-
<span style="font-size: 18.0px;">
+
<OPTION value="7merm8">7merm8          (2-8 paired)
-
Personalized Binding Site </span>
+
<OPTION value="8mer">8mer                (1-8 paired)
-
<br>
+
<OPTION value="custom">Custom
-
<br>
+
</SELECT></div>
-
<div class="title">
+
<div class="suboption">
-
<span style="font-size: 18.0px; text-decoration: underline;">
+
Customized <span style="color:#11526f; font-weight:bold;">MISMATCH</span> position
-
Seed sequence (1-8) </span></div>
+
<input type="text" id="mis" size="29" disabled="disabled" value="2"/>
-
<div class="option">
+
</div>
-
<SELECT name="seed" onclick="chMd1()" disabled="disabled">
+
</td>
-
<OPTION value="6mer">6mer                (2-7 paired)
+
<td>
-
<OPTION value="7merA1">7merA1          (1-7 paired)
+
<div class="title">
-
<OPTION value="7merm8">7merm8          (2-8 paired)
+
Supplementary region &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="help"><a href="https://2010.igem.org/Team:Heidelberg/Modeling/trainingset#Supplementary_Region" title="Supplementary region help" target="_blank">?</a></span></div>
-
<OPTION value="8mer">8mer                (1-8 paired)
+
<div class="option"><SELECT name="comp" onchange="chMd2()" disabled="disabled">
-
<OPTION value="custom">Custom
+
<OPTION value="0">
-
</SELECT></div>
+
<OPTION value="3">3                  (14-16 paired)
-
<div class="suboption">
+
<OPTION value="4">4                  (13-16 paired)
-
Customized <span style="color: #11526f; font-weight: bold; ">MISMATCH </span>position</div>
+
<OPTION value="5">5                  (13-17 paired)
-
<div class="suboption">
+
<OPTION value="6">6                  (13-18 paired)
-
<input type="text" id="mis" size="30" disabled="disabled" value="2"/>
+
<OPTION value="7">7                  (13-19 paired)
-
</div>
+
<OPTION value="8">8                  (13-20 paired)
-
<br>
+
<OPTION value="total">Total            (13-22 paired)
-
<div class="title">
+
<OPTION value="custom">Custom  
-
<span style="font-size: 18.0px; text-decoration: underline;">
+
</SELECT></div>
-
Supplementary region </span>
+
<div class="suboption">
-
</div>
+
Customized <span style="color: #11526f; font-weight:bold;">MATCH</span> positions
-
<div class="option">
+
<input type="text" id="match" size="29" disabled="disabled" value="10, 15, 16, 17, 18, 19, 20"/>
-
<SELECT name="comp" onclick="chMd2()" disabled="disabled">
+
</div>
-
<OPTION value="3">3                  (14-16 paired)
+
</td>
-
<OPTION value="4">4                  (13-16 paired)
+
</tr>
-
<OPTION value="5">5                  (13-17 paired)
+
<tr>
-
<OPTION value="6">6                  (13-18 paired)
+
<td>
-
<OPTION value="7">7                  (13-19 paired)
+
<div class="title">
-
<OPTION value="8">8                  (13-20 paired)
+
Modify AU content &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="help"><a href="https://2010.igem.org/Team:Heidelberg/Modeling/trainingset#AU_Content" target="_blank" title="AU help">?</a></span></div>
-
<OPTION value="total">Total            (13-22 paired)
+
<table style="line-height:2; font-size:12px;">
-
<OPTION value="custom">Custom  
+
<tr>
-
</SELECT></div>
+
<td width=130px>
-
<div class="suboption">
+
<input name="AU" value="-1" type="checkbox">A in position -1<br>
-
Customized <span style="color: #11526f; font-weight: bold; ">MATCH </span>positions (input numbers from 9 to 22)</div>
+
<input name="AU" value="1" disabled="disabled" type="checkbox">A in position 1<br>
-
<div class="suboption">
+
<input name="AU" value="9" disabled="disabled" type="checkbox">A in position 9<br>
-
<input type="text" id="match" size="30" disabled="disabled" value="10, 15, 16, 17, 18, 19, 20"/></div>
+
</td>
-
<br>
+
<td>
-
<br>
+
<input name="AU" value="0" type="checkbox">A in position 0<br>
-
<div class="title">
+
<input name="AU" value="8" disabled="disabled" type="checkbox">A in position 8<br>
-
<span style="font-size: 18.0px; text-decoration: underline;">
+
<input name="AU" value="10" disabled="disabled" type="checkbox">A in position 10<br>
-
Modify AU content </span>
+
</td>
-
</div>
+
</tr>
-
<div class="optionl"><input name="AU" value="-1" type="checkbox">A in position -1</div>
+
</table>
-
<div class="optionr"><input name="AU" value="0" type="checkbox">A in position 0                    </div>
+
</td>
-
<div class="clear">
+
<td>
-
<div class="optionl"><input name="AU" value="1" disabled="disabled" type="checkbox">A in position 1</div>
+
<div class="title">Sticky ends for integration into plasmid &nbsp; <span class="help"><a href="https://2010.igem.org/Team:Heidelberg/Modeling/trainingset#Sticky_Ends target="_blank" title="ends help"">?</a></span></div></div>
-
<div class="optionr"><input name="AU" value="8" disabled="disabled" type="checkbox">A in position 8                    </div>
+
<div class="option"><SELECT id="stickyends" name="stickyends" onchange="chMd3()">
-
<div class="clear">
+
-
<div class="optionl"><input name="AU" value="9" disabled="disabled" type="checkbox">A in position 9</div>
+
-
<div class="optionr"><input name="AU" value="10" disabled="disabled" type="checkbox">A in position 10                 </div> <br>
+
-
<div class="clear">
+
-
<br>
+
-
<div class="option"><span style="font-size: 18.0px; text-decoration: underline;">Sticky ends for integration in plasmid: </span></div>
+
-
<div class="option">   <SELECT name="stickyends" onclick="chMd3()">
+
<OPTION SELECTED value="none">None
<OPTION SELECTED value="none">None
<OPTION value="BBB">Biobricks Standard RFC-12
<OPTION value="BBB">Biobricks Standard RFC-12
 +
<OPTION value="XX">Xma1 / Xho1
<OPTION value="custom">Custom sequence
<OPTION value="custom">Custom sequence
</SELECT></div>
</SELECT></div>
-
<div class="option">     Customized:   5'<input type="text" id="end5" size="15" disabled="disabled"/>         3'<input type="text" id="end3" size="15" disabled="disabled"/>
+
<div class="suboption">Customized:<br>
 +
5'&nbsp;&nbsp;<input type="text" id="end5" size="15" disabled="disabled"/><br>
 +
3'&nbsp;&nbsp;<input type="text" id="end3" size="15" disabled="disabled"/>
</div>
</div>
 +
</td>
 +
</tr>
 +
</table>
 +
<br>
<center>
<center>
-
<input value="      Get your Binding Site!      " type="button" onClick="SBS(seqIn)">
+
<input value="      Generate your Binding Site!      " type="button" onclick="SBS(seqIn)">
-
</center>
+
</center>
-
<br>
+
</div>
-
</div>
+
</form>
</form>
-
<div class="clear">
 
-
<br>
 
-
<div class="reswrap2" id="resultdiv">
 
-
<span>Name of primer 1</span><br>
 
-
<span id="NamA" style="font-size: 18.0px; color: #11526f; font-weight: bold;"></span><br>
 
-
<span>Sequence of primer 1</span><br>
 
-
<span id="seqA" style="font-size: 18.0px; color: #11526f; font-weight: bold;"></span><br>
 
-
<span>Name of primer 2</span><br>
 
-
<span id="NamB" style="font-size: 18.0px; color: #11526f; font-weight: bold;"></span><br>
 
-
<span>Sequence of primer 2</span><br>
 
-
<span id="seqB" style="font-size: 18.0px; color: #11526f; font-weight: bold;"></span><br>
 
-
</div>
 
</body>
</body>
 +
<script type="text/javascript" src="https://static.igem.org/mediawiki/2010/3/3a/Very_final_code_miBS_HD2010.txt"> </script>
 +
</html>
 +
{{:Team:Heidelberg/Pagemiddle}}
 +
<html>
 +
<div class="wrapper">
 +
<img style="border-width: 0px;" src="https://static.igem.org/mediawiki/2010/c/c0/MiBSdesigner.png" width="260" height="147" />
 +
<br><br>
 +
<div class="reswrap2" id="resultdiv">
 +
<div class="variaresult">Name of primer 1</div>
 +
<textarea name="NamA" cols=25 rows=1 id="NamA" wrap=SOFT></textarea><br><br>
 +
<div class="variaresult">Sequence of primer 1</div>
 +
<textarea name="seqA" cols=25 rows=3 id="seqA" wrap=SOFT></textarea><br><br>
 +
<div class="variaresult">Name of primer 2</div>
 +
<textarea name="NamB" cols=25 rows=1 id="NamB" wrap=SOFT></textarea><br><br>
 +
<div class="variaresult">Sequence of primer 2</div>
 +
<textarea name="seqB" cols=25 rows=3 id="seqB" wrap=SOFT></textarea><br>
 +
</div></div>
</html>
</html>
 +
{{:Team:Heidelberg/Bottom}}

Latest revision as of 13:40, 27 October 2010

BS designer for miRNA
Construction of microRNA binding sites

Sequence name

microRNA Sequence ( 5' -> 3')

Spacer (inert sequence)


Perfect Binding Site
Imperfect Binding Site with 4 nt bulge (9-12)
Personalized Binding Site

Seed sequence (1-8)              ?
Customized MISMATCH position
Supplementary region        ?
Customized MATCH positions
Modify AU content                ?
A in position -1
A in position 1
A in position 9
A in position 0
A in position 8
A in position 10
Sticky ends for integration into plasmid   ?
Customized:
5'  
3'  



Name of primer 1


Sequence of primer 1


Name of primer 2


Sequence of primer 2