|
|
(One intermediate revision not shown) |
Line 325: |
Line 325: |
| <div id="showcase-section"> | | <div id="showcase-section"> |
| <!--Begin Logo--> | | <!--Begin Logo--> |
- | <div class="logo-module"> | + | <!--<div class="logo-module"> |
| <a href="https://2010.igem.org/Team:Hong_Kong-CUHK" id="logo"></a> | | <a href="https://2010.igem.org/Team:Hong_Kong-CUHK" id="logo"></a> |
- | </div> | + | </div>--> |
| <!--End Logo--> | | <!--End Logo--> |
- | <div class="clr"></div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <!--End Showcase-->
| + | |
- | </div>
| + | |
- | <!--End Header-->
| + | |
- | <!--Begin Top Bar-->
| + | |
- | <!--End Top Bar-->
| + | |
- | <!--Begin Main Body-->
| + | |
- | <div id="main-body">
| + | |
- | <div id="main-content" class="x-c-s">
| + | |
- | <div class="colmask leftmenu "><div class="wrapper"> <div class="colmid">
| + | |
- | <div class="colright">
| + | |
- | <!--Begin Main Column (col1wrap)-->
| + | |
- | <div class="col1wrap">
| + | |
- | <div class="col1pad">
| + | |
- | <div class="col1">
| + | |
- | <div id="maincol">
| + | |
- | <div class="bodycontent">
| + | |
- | <div id="maincontent-block">
| + | |
- |
| + | |
- |
| + | |
- | <h1 class="componentheading">
| + | |
- | CUHK IGEM 2010--Bioencryption</h1>
| + | |
- | | + | |
- | <div class="blog">
| + | |
- | | + | |
- | <div class="leading">
| + | |
- |
| + | |
- | <div class="">
| + | |
- | <div class="article-rel-wrapper">
| + | |
- | <h2 class="contentheading">
| + | |
- | Our Project </h2>
| + | |
- |
| + | |
- |
| + | |
- | </div>
| + | |
- |
| + | |
- |
| + | |
- |
| + | |
- |
| + | |
- | <p><span style="font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif; line-height: 17px; font-size: 13px;"><p><span class="dropcap-orange">D</span></span>ata encryption and storage has always been an important branch of research in computer engineering. In our project, we explored the possibility of harnessing a biological system as an alternative solution for data en/decryption and storage. Using bacteria as the information storage device is not new.<span> </span>However the practicability of previous research is being doubt due to the limited size of information available to be inserted into the bacteria.</p></p>
| + | |
- | <p> </p>
| + | |
- | <p><span style="font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif; line-height: 17px; font-size: 13px;"><p><span class="dropcap-purple">W</span></span>e recognized the current barricades in developing a truly useful system and we forecasted the indispensable modules that one would be anticipating when putting fantasy into reality. This year, we have proposed a model that is a true, <span class="highlight-purple">massively parallel bacterial data storage</span> system.</p></p>
| + | |
- | <p> </p>
| + | |
- | <p><span style="font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif; line-height: 17px; font-size: 13px;"><p><span class="dropcap-brown">I</span></span>n addition we have created an <span class="highlight-purple">encryption module</span> with the R64 Shufflon-Specific Recombinase to further secure the information. Together with the data proof-read/correction and random access modules developed, our expectation is high - we believe this could be an industrial standard in handling large scale data storage in living cells.</p></p>
| + | |
- | <p> </p>
| + | |
- | <p><img src="http://137.189.51.115/igem/images/stories/collage_images.jpg" border="0" /></p>
| + | |
- |
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <span class="leading_separator"> </span>
| + | |
- |
| + | |
- |
| + | |
- |
| + | |
- | </div>
| + | |
- | | + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="clr"></div>
| + | |
- | <div id="mainmodules2" class="spacer w49">
| + | |
- | <div class="block first">
| + | |
- | <div class="round4">
| + | |
- | <div class="moduletable">
| + | |
- | <div class="module-surround">
| + | |
- | <div class="module-grad"></div>
| + | |
- | <div class="module-surround2"></div><div class="module-surround3"></div><div class="module-surround4"></div><div class="module-surround5"></div>
| + | |
- | <div class="module-inner">
| + | |
- | <p><img src="http://137.189.51.115/igem/images/stories/home_team.png" border="0" /></p>
| + | |
- | <table border="0" width="250">
| + | |
- | <tbody>
| + | |
- | <tr>
| + | |
- | <td height="150">
| + | |
- | <p>Since March 2010, our team has been intensively working on this project. Learn more about our team members by visiting the team page.</p>
| + | |
- | <p style="text-align: right;"><a class="readon" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Team"><span>Read more</span></a></p>
| + | |
- | </td>
| + | |
- | </tr>
| + | |
- | </tbody>
| + | |
- | </table> </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="round4">
| + | |
- | <div class="moduletable">
| + | |
- | <div class="module-surround">
| + | |
- | <div class="module-grad"></div>
| + | |
- | <div class="module-surround2"></div><div class="module-surround3"></div><div class="module-surround4"></div><div class="module-surround5"></div>
| + | |
- | <div class="module-inner">
| + | |
- | <p><img src="http://137.189.51.115/igem/images/stories/home_model.png" border="0" /></p>
| + | |
- | <table border="0" width="250">
| + | |
- | <tbody>
| + | |
- | <tr>
| + | |
- | <td height="150">
| + | |
- | <p>To better illustrate our project, we have created simulation software and modeled the bioencryption platform <em>in silico.</em> Click to read more.</p>
| + | |
- | <p style="text-align: right;"><a class="readon" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Model"><span>Read more</span></a></p>
| + | |
- | </td>
| + | |
- | </tr>
| + | |
- | </tbody>
| + | |
- | </table> </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="round4">
| + | |
- | <div class="moduletable">
| + | |
- | <div class="module-surround">
| + | |
- | <div class="module-grad"></div>
| + | |
- | <div class="module-surround2"></div><div class="module-surround3"></div><div class="module-surround4"></div><div class="module-surround5"></div>
| + | |
- | <div class="module-inner">
| + | |
- | <p><img src="http://137.189.51.115/igem/images/stories/home_sponsors.png" border="0" /></p>
| + | |
- | <table border="0" width="250">
| + | |
- | <tbody>
| + | |
- | <tr>
| + | |
- | <td height="150">
| + | |
- | <p>The Chinese University of Hong Kong IGEM team would like to thank our generous sponsors. Click the read more link for more information.</p>
| + | |
- | <p style="text-align: right;"><a class="readon" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Sponsors"><span>Read more</span></a></p>
| + | |
- | </td>
| + | |
- | </tr>
| + | |
- | </tbody>
| + | |
- | </table> </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- |
| + | |
- | </div>
| + | |
- | <div class="block last">
| + | |
- | <div class="round4">
| + | |
- | <div class="moduletable">
| + | |
- | <div class="module-surround">
| + | |
- | <div class="module-grad"></div>
| + | |
- | <div class="module-surround2"></div><div class="module-surround3"></div><div class="module-surround4"></div><div class="module-surround5"></div>
| + | |
- | <div class="module-inner">
| + | |
- | <p><img src="http://137.189.51.115/igem/images/stories/home_gallery.png" border="0" /></p>
| + | |
- | <table border="0" width="250">
| + | |
- | <tbody>
| + | |
- | <tr>
| + | |
- | <td height="150">
| + | |
- | <p>We enjoyed so much working on our project, and we had good time with other iGEM members in 2010 spring workshop.</p>
| + | |
- | <p style="text-align: right;"><a class="readon" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Team_gallery"><span>Read more</span></a></p>
| + | |
- | </td>
| + | |
- | </tr>
| + | |
- | </tbody>
| + | |
- | </table> </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="round4">
| + | |
- | <div class="moduletable">
| + | |
- | <div class="module-surround">
| + | |
- | <div class="module-grad"></div>
| + | |
- | <div class="module-surround2"></div><div class="module-surround3"></div><div class="module-surround4"></div><div class="module-surround5"></div>
| + | |
- | <div class="module-inner">
| + | |
- | <p><img src="http://137.189.51.115/igem/images/stories/home_biobricks.png" border="0" /></p>
| + | |
- | <table border="0" width="250">
| + | |
- | <tbody>
| + | |
- | <tr>
| + | |
- | <td height="150">
| + | |
- | <p>We have created and submitted new biobricks, which can help keep your message SECRET and SAFE from prying eyes ! Click to read more.</p>
| + | |
- | <p style="text-align: right;"><a class="readon" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Parts"><span>Read more</span></a></p>
| + | |
- | </td>
| + | |
- | </tr>
| + | |
- | </tbody>
| + | |
- | </table> </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="round4">
| + | |
- | <div class="moduletable">
| + | |
- | <div class="module-surround">
| + | |
- | <div class="module-grad"></div>
| + | |
- | <div class="module-surround2"></div><div class="module-surround3"></div><div class="module-surround4"></div><div class="module-surround5"></div>
| + | |
- | <div class="module-inner">
| + | |
- | <p><img src="http://137.189.51.115/igem/images/stories/home_notebook.png" border="0" /></p>
| + | |
- | <table border="0" width="250">
| + | |
- | <tbody>
| + | |
- | <tr>
| + | |
- | <td height="150">
| + | |
- | <p>Know more about our work progress by browsing our NOTEBOOK! There are also lots of useful protocols for bacterial transformation.</p>
| + | |
- | <p style="text-align: right;"><a class="readon" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Notebook"><span>Read more</span></a></p>
| + | |
- | </td>
| + | |
- | </tr>
| + | |
- | </tbody>
| + | |
- | </table> </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- |
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <!--End Main Column (col1wrap)-->
| + | |
- | <!--Begin Left Column (col2)-->
| + | |
- |
| + | |
- | <!--End Left Column (col2)-->
| + | |
- | <!--Begin Right Column (col3)-->
| + | |
- | <div class="col3">
| + | |
- | <div id="rightcol">
| + | |
- | <div class="round4">
| + | |
- | <div class="moduletable">
| + | |
- | <div class="module-surround">
| + | |
- | <div class="module-grad"></div>
| + | |
- | <div class="module-surround2"></div><div class="module-surround3"></div><div class="module-surround4"></div><div class="module-surround5"></div>
| + | |
- | <div class="module-inner">
| + | |
- | <h3 class="module-title">Project highlights</h3>
| + | |
- | <p><ul class="special-7"><li>Massively parallel bacterial data storage system</li><li>Error tolerant data encoding/decoding system</li><li>Recombination module for data encryption</li><li>Ready for the exciting future of Biocomputer!</li></ul></p> </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="moduletable">
| + | |
- | <h3 class="module-title">Countdown to iGEM</h3>
| + | |
- | <div class="countdown">
| + | |
- | | + | |
- | <span class="countdown_title">iGEM</span>
| + | |
- | | + | |
- | <span class="countdown_displaydate">05.11.2010 00:00</span>
| + | |
- | | + | |
- | <span class="countdown_daycount">7</span>
| + | |
- | | + | |
- | <span class="countdown_dney">Days</span>
| + | |
- | | + | |
- | <span id="clockJS"></span>
| + | |
- | | + | |
- | <script language="JavaScript" type="text/javascript">
| + | |
- | TargetDate = "11/05/2010 00:00 AM";
| + | |
- | CountActive = true;
| + | |
- | CountStepper = -1;
| + | |
- | LeadingZero = true;
| + | |
- | | + | |
- | DisplayFormat = "%%H%% Hrs %%M%% Min. %%S%% Sec.";
| + | |
- | FinishMessage = "Time's Up";
| + | |
- | function calcage(secs, num1, num2) {
| + | |
- | s = ((Math.floor(secs/num1))%num2).toString();
| + | |
- | if (LeadingZero && s.length < 2)
| + | |
- | s = "0" + s;
| + | |
- | return s;
| + | |
- | }
| + | |
- | function CountBack(secs) {
| + | |
- | if (secs < 0) {
| + | |
- | document.getElementById("clockJS").innerHTML = FinishMessage;
| + | |
- | return;
| + | |
- | }
| + | |
- | DisplayStr = DisplayFormat.replace(/%%D%%/g, calcage(secs,86400,100000));
| + | |
- | DisplayStr = DisplayStr.replace(/%%H%%/g, calcage(secs,3600,24));
| + | |
- | DisplayStr = DisplayStr.replace(/%%M%%/g, calcage(secs,60,60));
| + | |
- | DisplayStr = DisplayStr.replace(/%%S%%/g, calcage(secs,1,60));
| + | |
- | document.getElementById("clockJS").innerHTML = DisplayStr;
| + | |
- | if (CountActive)
| + | |
- | setTimeout("CountBack(" + (secs+CountStepper) + ")", SetTimeOutPeriod);
| + | |
- | }
| + | |
- | CountStepper = Math.ceil(CountStepper);
| + | |
- | if (CountStepper == 0)
| + | |
- | CountActive = false;
| + | |
- | var SetTimeOutPeriod = (Math.abs(CountStepper)-1)*1000 + 990;
| + | |
- | var dthen = new Date(TargetDate);
| + | |
- | var dnow = new Date();
| + | |
- | if(CountStepper>0)
| + | |
- | ddiff = new Date(dnow-dthen);
| + | |
- | else
| + | |
- | ddiff = new Date(dthen-dnow);
| + | |
- | gsecs = Math.floor(ddiff.valueOf()/1000);
| + | |
- | CountBack(gsecs);
| + | |
- | </script>
| + | |
- | | + | |
- | </div> </div>
| + | |
- | <div class="round 2">
| + | |
- | <div class="moduletable">
| + | |
- | <div class="module-surround">
| + | |
- | <div class="module-grad"></div>
| + | |
- | <div class="module-surround2"></div><div class="module-surround3"></div><div class="module-surround4"></div><div class="module-surround5"></div>
| + | |
- | <div class="module-inner">
| + | |
- | <h3 class="module-title">Quick Links</h3>
| + | |
- | <p><strong>The Chinese University of Hong Kong<br /></strong><a href="http://www.cuhk.edu.hk/">CUHK</a></br> - <a href="http://www.bch.cuhk.edu.hk/">Dept. of Biochemistry</a></br> - <a href="http://www.cuhk.edu.hk/sci/lifesciences.htm">Sch. of Life Sciences</a> <br /><br /><strong>IGEM</strong><br /><a href="https://igem.org/Main_Page">IGEM Main Page</a></br> - <a href="http://partsregistry.org/Main_Page">Registry of Standard Biological Parts</a><br /> - <a href="https://igem.org/Judging_Form.cgi?id=361">Judging form</a><br /></p> </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="round 2">
| + | |
- | <div class="moduletable">
| + | |
- | <div class="module-surround">
| + | |
- | <div class="module-grad"></div>
| + | |
- | <div class="module-surround2"></div><div class="module-surround3"></div><div class="module-surround4"></div><div class="module-surround5"></div>
| + | |
- | <div class="module-inner">
| + | |
- | <h3 class="module-title">What's IGEM?</h3>
| + | |
- | <p><img src="http://137.189.51.115/igem/images/stories/igem_basic_logo.png" border="0" width="200" height="150" style="border: 0;" /></p>
| + | |
- | <p>The International Genetically Engineered Machine competition (iGEM) is the premiere undergraduate Synthetic Biology competition.</p>
| + | |
- | <p style="text-align: right;"><a class="readon" href="https://igem.org/Main_Page"><span>Read more</span></a></p> </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- |
| + | |
- | </div>
| + | |
- | </div>
| + | |
- |
| + | |
- | <!--End Right Column (col3)-->
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div></div> </div>
| + | |
- | <!--Begin Main Bottom-->
| + | |
- |
| + | |
- | <!--End Main Bottom-->
| + | |
- | </div>
| + | |
- | <!--End Main Body-->
| + | |
- | <!--Begin Bottom Section-->
| + | |
- | <!--End Bottom Section-->
| + | |
- | <!--Begin Footer-->
| + | |
- | <div id="footer">
| + | |
- | <div class="wrapper">
| + | |
- | <!--Begin Copyright Section-->
| + | |
- | <div class="copyright-block">
| + | |
- | <div id="copyright"> | + | |
- | © Copyright CUHK IGEM Team 2010, All Rights Reserved </div>
| + | |
- | <div id="top-button"><a href="http://137.189.51.115/igem/#" id="top-scroll" class="top-button-desc">Back to Top</a></div>
| + | |
- | </div>
| + | |
- | <!--End Copyright Section-->
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <!--End Footer-->
| + | |
| </body> | | </body> |
| </html> | | </html> |