Team:Heidelberg/Modeling/miBSdesigner

From 2010.igem.org

(Difference between revisions)
Line 7: 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: 260px; height: 650px; margin:auto; text-align:center;}
+
.wrapper {width: 260px; height: 650px; margin:auto; text-align:center;}
-
div.wrapper2 {margin:auto; height: 750px; text-align:left; }
+
.wrapper2 {margin:auto; height: 750px; text-align:left; }
-
div.title {text-indent:5px;}
+
.title {padding-left:0px; line-height:2; font-weight:bold; font-size:17px;}
-
div.option {text-indent:15px; white-space:pre-wrap;}
+
.option {padding-left:10px; white-space:pre-wrap;}
-
div.optionl {text-indent:15px; 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:25px;}
+
.suboption {padding-left:20px; font-size:15px;}
-
div.clear {clear: both;}
+
.clear {clear: both;}
-
div.reswrap2 {padding:5px; width: 240px; margin:auto; text-align:left; display:none; font-size:12pt;}
+
.reswrap2 {padding:5px; width: 240px; margin:auto; text-align:left; display:none; font-size:12pt;}
.variaresult {font-size: 12pt; color: #11526f; font-weight: bold;}
.variaresult {font-size: 12pt; color: #11526f; font-weight: bold;}
 +
.largetext {font-size: 17px;}
td {vertical-align:top;}
td {vertical-align:top;}
</style>
</style>
Line 26: Line 27:
<div class="t1">
<div class="t1">
Construction of microRNA binding sites </div><br><br>
Construction of microRNA binding sites </div><br><br>
-
<span style="font-size: 17.0px;">Sequence name </span>
+
<div class="largetext">
-
<br>
+
Sequence name<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>
+
</div></center>
<br><br>
<br><br>
 +
<div class="largetext">
<input name="quality" value="perfect" onchange="chMd()" checked="checked" type="radio">
<input name="quality" value="perfect" onchange="chMd()" checked="checked" type="radio">
-
<span style="font-size: 17.0px;">
+
Perfect Binding Site<br>
-
Perfect Binding Site </span>
+
-
<br>
+
<input name="quality" value="bulge" onchange="chMd()" type="radio">
<input name="quality" value="bulge" onchange="chMd()" type="radio">
-
<span style="font-size: 17.0px;">
+
Imperfect Binding Site with 4 nt bulge (9-12)<br>
-
Imperfect Binding Site with 4 nt bulge (9-12) </span>
+
-
<br>
+
<input name="quality" value="personal" onchange="chMd()" type="radio">
<input name="quality" value="personal" onchange="chMd()" type="radio">
-
<span style="font-size: 17.0px;">
+
Personalized Binding Site  
-
Personalized Binding Site </span>
+
</div>
-
<br>
+
<br>
-
<br>
+
<table>
<table>
<tr height=120px>
<tr height=120px>
<td width=320px>
<td width=320px>
<div class="title">
<div class="title">
-
<span style="font-size: 17.0px; font-weight:bold;">
+
Seed sequence (1-8)</div>
-
Seed sequence (1-8) </span></div>
+
<div class="option"><SELECT name="seed" onchange="chMd1()" disabled="disabled">
<div class="option"><SELECT name="seed" onchange="chMd1()" disabled="disabled">
<OPTION value="0">
<OPTION value="0">
Line 63: Line 59:
</SELECT></div>
</SELECT></div>
<div class="suboption">
<div class="suboption">
-
<span style="font-size: 15.0px;"> Customized </span>
+
Customized <span style="color:#11526f; font-weight:bold;">MISMATCH</span> position
-
<span style="color: #11526f; font-size: 15.0px; font-weight: bold; ">MISMATCH </span>
+
-
<span style="font-size: 15.0px;">position</span></div>
+
-
<div class="suboption">
+
<input type="text" id="mis" size="29" disabled="disabled" value="2"/>
<input type="text" id="mis" size="29" disabled="disabled" value="2"/>
</div>
</div>
Line 72: Line 65:
<td>
<td>
<div class="title">
<div class="title">
-
<span style="font-size: 17.0px; font-weight:bold;">
+
Supplementary region</div>
-
Supplementary region </span></div>
+
<div class="option"><SELECT name="comp" onchange="chMd2()" disabled="disabled">
<div class="option"><SELECT name="comp" onchange="chMd2()" disabled="disabled">
<OPTION value="0">
<OPTION value="0">
Line 86: Line 78:
</SELECT></div>
</SELECT></div>
<div class="suboption">
<div class="suboption">
-
<span style="font-size: 15.0px;"> Customized </span>
+
Customized <span style="color: #11526f; font-weight:bold;">MATCH</span> positions
-
<span style="color: #11526f; font-size: 15.0px; font-weight: bold; ">MATCH </span>
+
-
<span style="font-size: 15.0px;">positions</span></div>
+
-
<div class="suboption">
+
<input type="text" id="match" size="29" disabled="disabled" value="10, 15, 16, 17, 18, 19, 20"/>
<input type="text" id="match" size="29" disabled="disabled" value="10, 15, 16, 17, 18, 19, 20"/>
</div>
</div>
Line 96: Line 85:
<tr>
<tr>
<td>
<td>
-
 
+
<div class="title">
-
<div class="title">
+
Modify AU content</div>
-
<span style="font-size: 17.0px; font-weight:bold;">
+
<table>
-
Modify AU content </span>
+
<tr>
-
</div>
+
<td width=130px>
-
<div class="optionl"><input name="AU" value="-1" type="checkbox"><span style="font-size: 15.0px;">A in position -1</span></div>
+
<input name="AU" value="-1" type="checkbox">A in position -1<br>
-
<div class="optionr"><input name="AU" value="0" type="checkbox"><span style="font-size: 15.0px;">A in position </span></div>
+
<input name="AU" value="1" disabled="disabled" type="checkbox">A in position 1<br>
-
<div class="clear">
+
<input name="AU" value="9" disabled="disabled" type="checkbox">A in position 9<br>
-
<div class="optionl"><input name="AU" value="1" disabled="disabled" type="checkbox"><span style="font-size: 15.0px;">A in position 1</span></div>
+
</td>
-
<div class="optionr"><input name="AU" value="8" disabled="disabled" type="checkbox"><span style="font-size: 15.0px;">A in position </span></div></div>
+
<td>
-
<div class="clear">
+
<input name="AU" value="0" type="checkbox">A in position 0<br>
-
<div class="optionl"><input name="AU" value="9" disabled="disabled" type="checkbox"><span style="font-size: 15.0px;">A in position 9</span></div>
+
<input name="AU" value="8" disabled="disabled" type="checkbox">A in position 8<br>
-
<div class="optionr"><input name="AU" value="10" disabled="disabled" type="checkbox"><span style="font-size: 15.0px;">A in position 10</span></div></div>
+
<input name="AU" value="10" disabled="disabled" type="checkbox">A in position 10<br>
 +
</td>
 +
</tr>
 +
</table>
</td>
</td>
<td style="vertical-align:top;">
<td style="vertical-align:top;">
-
<div class="title"><span style="font-size: 17.0px; font-weight:bold;">Sticky ends for integration in plasmid: </span></div>
+
<div class="title">Sticky ends for integration into plasmid</div>
-
<div class="option">   <SELECT id="stickyends" name="stickyends" onchange="chMd3()">
+
<div class="option"><SELECT id="stickyends" name="stickyends" onchange="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
Line 118: Line 110:
<OPTION value="custom">Custom sequence
<OPTION value="custom">Custom sequence
</SELECT></div>
</SELECT></div>
-
<div class="option"><span style="font-size: 15.0px;">Customized:</span>
+
<div class="suboption">Customized:<br>
-
<span style="font-size: 15.0px;">5'&nbsp;&nbsp;</span><input type="text" id="end5" size="15" disabled="disabled"/>
+
5'&nbsp;&nbsp;<input type="text" id="end5" size="15" disabled="disabled"/><br>
-
<span style="font-size: 15.0px;">3'&nbsp;&nbsp;</span><input type="text" id="end3" size="15" disabled="disabled"/>
+
3'&nbsp;&nbsp;<input type="text" id="end3" size="15" disabled="disabled"/>
</div>
</div>
</td>
</td>
Line 138: Line 130:
<div class="wrapper"><br>
<div class="wrapper"><br>
<img style="border-width: 0px;" src="https://static.igem.org/mediawiki/2010/c/c0/MiBSdesigner.png" width="260" height="147" />
<img style="border-width: 0px;" src="https://static.igem.org/mediawiki/2010/c/c0/MiBSdesigner.png" width="260" height="147" />
-
<br><br><br><br>
+
<br><br>
-
<br><br><br>
+
<div class="reswrap2" id="resultdiv">
<div class="reswrap2" id="resultdiv">
<div class="variaresult">Name of primer 1</div>
<div class="variaresult">Name of primer 1</div>

Revision as of 09:15, 26 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