Team:Dundee/dnaapp

From 2011.igem.org

(Difference between revisions)
 
(21 intermediate revisions not shown)
Line 9: Line 9:
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:Dundee/cleanPage.js?action=raw&amp;ctype=text/js"></script>  
     <script type="text/javascript" src="https://2011.igem.org/Team:Dundee/cleanPage.js?action=raw&amp;ctype=text/js"></script>  
-
     <script type="text/javascript" src="https://2011.igem.org/Team:Dundee/dnaapp.js?action=raw&amp;ctype=text/js"></script>  
+
     <script type="text/javascript" src="https://2011.igem.org/Team:Dundee/dnaApp.js?action=raw&amp;ctype=text/js"></script>
 +
    <script type="text/javascript" src="https://2011.igem.org/Team:Dundee/dnaVis.js?action=raw&amp;ctype=text/js"></script>
 +
    <script type="text/javascript" src="https://2011.igem.org/Team:Dundee/backTranslate.js?action=raw&amp;ctype=text/js"></script>
 +
    <script type="text/javascript" src="https://2011.igem.org/Team:Dundee/proteins.js?action=raw&amp;ctype=text/js"></script>  
</head>
</head>
<body>
<body>
Line 24: Line 27:
<div id="menu">
<div id="menu">
<ul>
<ul>
-
<li ><a href="/Team:Dundee" title="Home">Home</a></li>
+
            <li ><a href="/Team:Dundee/Project" title="Project">Project</a></li>  
-
<li><a href="/Team:Dundee/Project" title="Project">Project</a></li>  
+
    <li><a href="/Team:Dundee/Team" title="Team">Team</a></li>
-
<li><a href="/Team:Dundee/Team" title="Team">Team</a></li>
+
            <li ><a href="/Team:Dundee/Modelling" title="Modelling">Modelling</a></li>  
-
             <li><a href="/Team:Dundee/Modelling" title="Modeling">Modeling</a></li>  
+
             <li ><a href="/Team:Dundee/Notebook" title="Notebook">Notebook</a></li>
-
             <li><a href="/Team:Dundee/Notebook" title="Notebook">Notebook</a></li>
+
             <li ><a href="/Team:Dundee/Results" title="Data">Data</a></li>
             <li ><a href="/Team:Dundee/Safety" title="Safety">Safety</a></li>
             <li ><a href="/Team:Dundee/Safety" title="Safety">Safety</a></li>
-
             <li class="current_page_item"><a href="/Team:Dundee/Sponsors" title="Sponsors">Sponsors</a></li>
+
             <li ><a href="/Team:Dundee/Sponsors" title="Sponsors">Sponsors</a></li>
 +
            <li  class="current_page_item"><a href="/Team:Dundee/dnaapp" title="DNA App">DNA App</a></li>
 +
            <li ><a href="/Team:Dundee/Software" title="Software">Software</a></li>
 +
<li ><a href="/Team:Dundee/HumanPractices" title="Human Practices">Human Practices</a></li>
 +
</ul>
</ul>
Line 37: Line 44:
<div id="container">
<div id="container">
<div id="content">
<div id="content">
-
<div id="menu">
+
<div id="dnaAppContainer">
 +
<div id="dnaMenu">
<button type="button" class="currentTab" onclick="showTab(this, 'dnaFunctions')">DNA -> Amino Acids</button>
<button type="button" class="currentTab" onclick="showTab(this, 'dnaFunctions')">DNA -> Amino Acids</button>
<button type="button" onclick="showTab(this, 'dnaToProtein')">DNA -> Protein</button>
<button type="button" onclick="showTab(this, 'dnaToProtein')">DNA -> Protein</button>
Line 62: Line 70:
</div>
</div>
<div>
<div>
-
<textarea id="pasteArea" rows="5" onkeyup="pasteDNA()"></textarea>
+
<textarea id="pasteArea" rows="5" onkeyup="pasteDNA()" onchange="pasteDNA()"></textarea>
</div>
</div>
<div id="functions">
<div id="functions">
Line 78: Line 86:
</div>
</div>
<div id="reverseComp">
<div id="reverseComp">
-
<h1 onclick="mapToAminoAcids('reverseComp')">Reverse Complimentary:</h1>
+
<h1 onclick="mapToAminoAcids('reverseComp')">Reverse Complement:</h1>
<p id="reverseComp-p"></p>
<p id="reverseComp-p"></p>
</div>
</div>
Line 101: Line 109:
</div>
</div>
<div id="dnaToProtein" class="tabDiv">
<div id="dnaToProtein" class="tabDiv">
 +
                                <p>This tool will identify the genes within a sequence of DNA and translate each into an amino acid chain.</p>
<label>Enter your DNA sequence:</label><br />
<label>Enter your DNA sequence:</label><br />
<textarea rows="5" id="sequence"></textarea>
<textarea rows="5" id="sequence"></textarea>
Line 108: Line 117:
</div>
</div>
<div id="aminoToCodon" class="tabDiv">
<div id="aminoToCodon" class="tabDiv">
 +
                                <label>Enter the first two letters of an amino acid:</label>
<input id="aminoAcidInput" type="text" onkeyup="showAminoAcid(this.value)" />
<input id="aminoAcidInput" type="text" onkeyup="showAminoAcid(this.value)" />
<table id="dnaCodonTable">
<table id="dnaCodonTable">
Line 292: Line 302:
</div>
</div>
<div id="backTranslate" class="tabDiv">
<div id="backTranslate" class="tabDiv">
 +
                                <label>Escherichia coli K12</label><br />
<label>Enter your protein chain:</label><br />
<label>Enter your protein chain:</label><br />
<textarea rows="5" id="proteinChain" onkeyup="backTranslate(this.value)"></textarea>
<textarea rows="5" id="proteinChain" onkeyup="backTranslate(this.value)"></textarea>
Line 297: Line 308:
<div id="backTranslateResults"></div>
<div id="backTranslateResults"></div>
</div>
</div>
 +
</div>
Line 326: Line 338:
         <img src="https://static.igem.org/mediawiki/2011/b/bd/Twitterblog.png" alt = "twitter bird" />
         <img src="https://static.igem.org/mediawiki/2011/b/bd/Twitterblog.png" alt = "twitter bird" />
       <div id="lasttweet"></div>
       <div id="lasttweet"></div>
-
<br />
+
<div id="footer">
-
<div class = "text2">
+
                <div class = "text2">
-
  <h2><span><a href="http://www.facebook.com/pages/Dundee-iGem-Team-2011/165447726856145">Find us on Facebook</a></span></h2>
+
      <h2><span><a href="http://www.facebook.com/pages/Dundee-iGem-Team-2011/165447726856145">Find us on Facebook</a></span></h2>
-
  </div>
+
              </div>
-
  <div class = "text3">
+
              <div class = "text3">
   <h2><span><a href="http://twitter.com/#!/DundeeiGEMTeam">Follow us on Twitter</a></span></h2>
   <h2><span><a href="http://twitter.com/#!/DundeeiGEMTeam">Follow us on Twitter</a></span></h2>
-
  </div>
+
            </div>
-
<br />
+
-
<div id="footer">
+
</div>
</div>
   
   

Latest revision as of 19:32, 19 September 2011

Frame -

Normal:

Reverse:

Complementary:

Reverse Complement:

# Codon Amino Acid # Codon Amino Acid # Codon Amino Acid

This tool will identify the genes within a sequence of DNA and translate each into an amino acid chain.


Results:

2nd Base
T C A G
1st Base T
TTT (Phe/F) Phenylalanine TCT (Ser/S) Serine TAT (Tyr/Y) Tyrosine TGT (Cys/C) Cysteine
TTC (Phe/F) Phenylalanine TCC (Ser/S) Serine TAC (Tyr/Y) Tyrosine TGC (Cys/C) Cysteine
TTA (Leu/L) Leucine TCA (Ser/S) Serine TAA Stop (Ochre) TGA Stop (Opal)
TTG (Leu/L) Leucine TCG (Ser/S) Serine TAG Stop (Amber) TGG (Trp/W) Tryptophan
C CTT (Leu/L) Leucine CCT (Pro/P) Proline CAT (His/H) Histidine CGT (Arg/R) Arginine
CTC (Leu/L) Leucine CCC (Pro/P) Proline CAC (His/H) Histidine CGC (Arg/R) Arginine
CTA (Leu/L) Leucine CCA (Pro/P) Proline CAA (Gln/Q) Glutamine CGA (Arg/R) Arginine
CTG (Leu/L) Leucine CCG (Pro/P) Proline CAG (Gln/Q) Glutamine CGG (Arg/R) Arginine
A ATT (Ile/I) Isoleucine ACT (Thr/T) Threonine AAT (Asn/N) Asparagine AGT (Ser/S) Serine
ACT (Ile/I) Isoleucine ACC (Thr/T) Threonine AAC (Asn/N) Asparagine AGC (Ser/S) Serine
ATA (Ile/I) Isoleucine ACA (Thr/T) Threonine AAA (Lys/K) Lysine AGA (Arg/R) Arginine
ATG (Met/M) Methionine ACG (Thr/T) Threonine AAG (Lys/K) Lysine AGG (Arg/R) Arginine
G GTT (Val/V) Valine GCT (Ala/A) Alanine GAT (Asp/D) Aspartic Acid GGT (Gly/G) Glycine
GTC (Val/V) Valine GCC (Ala/A) Alanine GAC (Asp/D) Aspartic Acid GGC (Gly/G) Glycine
GTA (Val/V) Valine GCA (Ala/A) Alanine GAA (Glu/E) Glutamic Acid GGA (Gly/G) Glycine
GTG (Val/V) Valine GCG (Ala/A) Alanine GAG (Glu/E) Glutamic Acid GGG (Gly/G) Glycine


Results:

twitter bird