(101 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
+ | {{SEU/Header}} | ||
<html> | <html> | ||
− | |||
<style> | <style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.diagramWhole{ | .diagramWhole{ | ||
width:100%; | width:100%; | ||
Line 40: | Line 10: | ||
overflow:auto; | overflow:auto; | ||
float: center; | float: center; | ||
− | + | ||
} | } | ||
.diagram{ | .diagram{ | ||
Line 61: | Line 31: | ||
overflow:auto; | overflow:auto; | ||
float: center; | float: center; | ||
− | + | ||
} | } | ||
− | .inputDiagram { | + | .inputDiagram { |
− | border:0px; | + | border:0px; |
/*background-image:url(images/long-input.png); */ | /*background-image:url(images/long-input.png); */ | ||
− | background-repeat:no-repeat; | + | background-repeat:no-repeat; |
− | background-position-x:right; | + | background-position-x:right; |
− | padding-left:3px; | + | padding-left:3px; |
− | padding-right:3px; | + | padding-right:3px; |
− | height:18px; | + | height:18px; |
− | font-size:11px; | + | font-size:11px; |
− | width:70px; | + | width:70px; |
− | } | + | } |
.buttonBackpropagation{ | .buttonBackpropagation{ | ||
border: 0; | border: 0; | ||
Line 79: | Line 49: | ||
height: 155px; | height: 155px; | ||
background: url(https://static.igem.org/mediawiki/2019/d/d1/T--SEU--backpropagation.png); | background: url(https://static.igem.org/mediawiki/2019/d/d1/T--SEU--backpropagation.png); | ||
− | background-repeat:no-repeat; | + | background-repeat:no-repeat; |
background-size: 100%; | background-size: 100%; | ||
border: 0px solid #4abe43; | border: 0px solid #4abe43; | ||
Line 97: | Line 67: | ||
height: 155px; | height: 155px; | ||
background: url(https://static.igem.org/mediawiki/2019/7/79/T--SEU--inputLayer.png); | background: url(https://static.igem.org/mediawiki/2019/7/79/T--SEU--inputLayer.png); | ||
− | background-repeat:no-repeat; | + | background-repeat:no-repeat; |
font-size: 0px; | font-size: 0px; | ||
background-size: 100%; | background-size: 100%; | ||
Line 114: | Line 84: | ||
height: 155px; | height: 155px; | ||
background: url(https://static.igem.org/mediawiki/2019/c/c7/T--SEU--activation.png); | background: url(https://static.igem.org/mediawiki/2019/c/c7/T--SEU--activation.png); | ||
− | background-repeat:no-repeat; | + | background-repeat:no-repeat; |
font-size: 0px; | font-size: 0px; | ||
background-size: 100%; | background-size: 100%; | ||
Line 129: | Line 99: | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
− | |||
− | |||
− | |||
− | |||
<link href="https://2019.igem.org/Template:SEU/Home_CSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | <link href="https://2019.igem.org/Template:SEU/Home_CSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | ||
<link href="https://2019.igem.org/Template:SEU/Home_CSS2?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | <link href="https://2019.igem.org/Template:SEU/Home_CSS2?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div id="fullpage" class="fullpage-default"> | <div id="fullpage" class="fullpage-default"> | ||
− | <div | + | <div> |
<div class="section-inner"> | <div class="section-inner"> | ||
<div class="about-section"> | <div class="about-section"> | ||
<div class="row justify-content-center"> | <div class="row justify-content-center"> | ||
− | <div class="col-md- | + | <div class="col-md-6"> |
<div class="row"> | <div class="row"> | ||
− | <div class="col-md- | + | <div class="col-md-6.col-md-offset-3"> |
<br><br><br><br> | <br><br><br><br> | ||
<h1>User Instruction</h1> | <h1>User Instruction</h1> | ||
− | <p | + | <p><font size="4">This tool is developed to generate DNA-based neural networks and corresponding DNA sequences. We simply provide the reactions that are required in a single neuron, as a layer of neural network can be directly implemented by combining each neuron.</font></p> |
− | <p | + | <p><font size="4">To use this tool, users should firstly specify the number of inputs to a neuron by typing the value in the <b>Number</b> frame and click <b>Submit</b>. After clicking the <b>Submit</b> button, sequences will be generated and shown in the lower diagram. Users can also click the <b>Download Sequences</b> button to download the generated sequences as a .txt file.</font></p> |
− | <p | + | <p><font size="4">By cliking on the three figures below the <b>Number</b> frame, reactions utilized in the three parts of the neuron will be shown respectively. Structures of DNA strands will be given in the upper diagram.</font></p> |
− | + | ||
− | <p>Our theory is able to construct a neuron with arbitrary inputs. However, due to the limitation of computation capacity of web browsers, we limit the number of inputs of each neuron to 8 (generation of a DNA-based neuron might take 0-20 seconds depending on the input size).</p> | + | <p><font size="4">Our theory is able to construct a neuron with arbitrary number of inputs. However, due to the limitation of computation capacity of web browsers, we limit the number of inputs of each neuron to 8 (generation of a DNA-based neuron might take 0-20 seconds depending on the input size).</font></p> |
+ | <center> | ||
<img src="https://static.igem.org/mediawiki/2019/a/a8/T--SEU--tool.png" style="background-color: transparent;width:80%"><br><br> | <img src="https://static.igem.org/mediawiki/2019/a/a8/T--SEU--tool.png" style="background-color: transparent;width:80%"><br><br> | ||
+ | </center> | ||
<center> | <center> | ||
Number: | Number: | ||
Line 236: | Line 131: | ||
</center> | </center> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
Line 266: | Line 137: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | </div> | |
− | + | <div id="fullpage" class="fullpage-default"> | |
+ | <div> | ||
+ | <div class="section-inner"> | ||
+ | <div class="about-section"> | ||
+ | <div class="row justify-content-center"> | ||
+ | <div class="col-md-10"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-12"> | ||
+ | <center> | ||
+ | <div class="diagram" id="words"> | ||
+ | <canvas id="canvas" width="1700" height="25000"></canvas><br> | ||
+ | <!-- <script type="text/javascript">draw();</script> --> | ||
+ | </div> | ||
+ | <button onclick="windowSeq();">Download Sequences</button> | ||
+ | <div class="sequence" id="sequence"> | ||
+ | <!-- <canvas id="seqCanvas" width="200" height="20000"></canvas> --> | ||
+ | <!-- <script type="text/javascript">draw();</script> --> | ||
+ | </div> | ||
+ | </center> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
<script src="https://2019.igem.org/Template:SEU/toolJS?action=raw&ctype=text/javascript" type="text/javascript"></script> | <script src="https://2019.igem.org/Template:SEU/toolJS?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
− | |||
</html> | </html> |
Latest revision as of 06:35, 19 October 2019
![](https://static.igem.org/mediawiki/2019/b/be/T--SEU--tm-wy1.jpg)
User Instruction
This tool is developed to generate DNA-based neural networks and corresponding DNA sequences. We simply provide the reactions that are required in a single neuron, as a layer of neural network can be directly implemented by combining each neuron.
To use this tool, users should firstly specify the number of inputs to a neuron by typing the value in the Number frame and click Submit. After clicking the Submit button, sequences will be generated and shown in the lower diagram. Users can also click the Download Sequences button to download the generated sequences as a .txt file.
By cliking on the three figures below the Number frame, reactions utilized in the three parts of the neuron will be shown respectively. Structures of DNA strands will be given in the upper diagram.
Our theory is able to construct a neuron with arbitrary number of inputs. However, due to the limitation of computation capacity of web browsers, we limit the number of inputs of each neuron to 8 (generation of a DNA-based neuron might take 0-20 seconds depending on the input size).
![](https://static.igem.org/mediawiki/2019/a/a8/T--SEU--tool.png)