Difference between revisions of "Team:HKUST-Rice/DIY gel imaging system"

Line 2: Line 2:
  
 
<html>
 
<html>
−
<head>
+
<head>
−
<link rel="stylesheet" href="https://2015.igem.org/Template:HKUST-Rice/CSS?action=raw&ctype=text/css" type="text/css" />
+
<link rel="stylesheet" href="https://2015.igem.org/Template:HKUST-Rice/CSS?action=raw&ctype=text/css" type="text/css" />
−
<style type= "text/css">   
+
<style type= "text/css">   
−
    img#Ricelogo{
+
img#Ricelogo{
−
  opacity: 0.3;
+
opacity: 0.3;
−
 
+
−
}
+
}
−
#mainContainer{
+
#mainContainer{
 
background-color:#FFFFFF;
 
background-color:#FFFFFF;
−
}
+
}
−
+
−
#contentContainer{
+
#contentContainer{
 
background-color:#FFFFFF;
 
background-color:#FFFFFF;
−
}
+
}
−
+
−
table.catalog_table {
+
table.catalog_table {
−
  width:90%;
+
width:90%;
−
  margin: 50px auto;
+
margin: 50px auto;
−
                  font-size: 140%;
+
font-size: 140%;
−
}
+
}
−
 
+
−
table.catalog_table caption {
+
table.catalog_table caption {
−
  font-size: 1.6em;
+
font-size: 1.6em;
−
  font-weight: 400;
+
font-weight: 400;
−
  padding: 10px 0;
+
padding: 10px 0;
−
}
+
}
−
 
+
−
table.catalog_table thead th{
+
table.catalog_table thead th{
−
  font-weight: 400;
+
font-weight: 400;
−
  background: #8a97a0;
+
background: #8a97a0;
−
  color: #FFF;
+
color: #FFF;
−
}
+
}
−
 
+
−
table.catalog_table tr {
+
table.catalog_table tr {
−
  background: #f4f7f8;
+
background: #f4f7f8;
−
  border-bottom: 1px solid #FFF;
+
border-bottom: 1px solid #FFF;
−
  margin-bottom:0px;
+
margin-bottom:0px;
−
}
+
}
−
 
+
−
table.catalog_table tbody tr:nth-child(even) {
+
table.catalog_table tbody tr:nth-child(even) {
−
  background: #ccd4e7;
+
background: #ccd4e7;
−
}
+
}
−
 
+
−
table.catalog_table th, table.catalog_table td {
+
table.catalog_table th, table.catalog_table td {
−
  text-align: left;
+
text-align: left;
−
  padding: 5px 5px;
+
padding: 5px 5px;
−
  font-weight: 200;
+
font-weight: 200;
−
                  padding: 10px;
+
padding: 10px;
−
}
+
}
−
+
−
table.catalog_table tfoot tr {
+
table.catalog_table tfoot tr {
−
  background: none;
+
background: none;
−
}
+
}
−
 
+
−
table.catalog_table tfoot td {
+
table.catalog_table tfoot td {
−
  padding: 10px 2px;
+
padding: 10px 2px;
−
  font-size: 0.2em;
+
font-size: 0.2em;
−
  font-style: italic;
+
font-style: italic;
−
  color: #8a97a0;
+
color: #8a97a0;
−
}
+
}
−
 
+
−
 
+
−
div.project_content p.subTitle{
+
div.project_content p.subTitle{
 
color: #565656;
 
color: #565656;
 
font-weight: bold;
 
font-weight: bold;
Line 71: Line 71:
 
text-align:left;
 
text-align:left;
 
text-decoration:underline;
 
text-decoration:underline;
−
}  
+
}  
−
+
−
div.project_content p.PICdescription{
+
div.project_content p.PICdescription{
 
font-size:1.3em;
 
font-size:1.3em;
 
padding-top:0px;
 
padding-top:0px;
 
padding-left:4em;
 
padding-left:4em;
 
padding-right:4em;
 
padding-right:4em;
−
}
+
}
−
#Kgraph{
+
#Kgraph{
 
width:60%;
 
width:60%;
 
height:330px;
 
height:330px;
−
}
+
}
−
#Kgraph2{
+
#Kgraph2{
 
width:60%;
 
width:60%;
 
height:290px;
 
height:290px;
−
}
+
}
−
#Kgraph3{
+
#Kgraph3{
 
width:50%;
 
width:50%;
 
height:230px;
 
height:230px;
−
}
+
}
−
    </style>  
+
</style>  
−
</head>
+
</head>
−
+
−
<body>
+
−
<br>
+
 
 
 +
<body>
 +
<br>
 +
 
<div class= "project_superrow">
 
<div class= "project_superrow">
−
<div id= "page_title"><h1>DIY Gel Imaging Station</i></h1></div>
+
<div id= "page_title"><h1>DIY Gel Imaging Station</i></h1></div>
−
 
+
−
<div id="MYicon1">
+
<div id="MYicon1">
−
                      <a href="https://2015.igem.org/Team:HKUST-Rice/Expression"><img src="https://static.igem.org/mediawiki/2015/e/ea/HKUST-Rice15_leftarrow.png">
+
<a href="https://2015.igem.org/Team:HKUST-Rice/Expression"><img src="https://static.igem.org/mediawiki/2015/e/ea/HKUST-Rice15_leftarrow.png">
−
<p style="color:#5570b0; font-size: 130%"> Application </p></a>
+
<p style="color:#5570b0; font-size: 130%"> Application </p></a>
 
</div>
 
</div>
−
 
+
−
<div class="project_content">
+
<div class="project_content">
−
<div class="project_row">
+
<div class="project_row">
−
<h1>Why Gel imaging is important to synthetic biology? </h1>
+
<h1>Why Gel imaging is important to synthetic biology? </h1>
−
+
−
<p>Gel electrophoresis one of the most essential tool in biology, it is an essential part for restriction diagnostic test for nucleic acid, resolving PCR products, etc. Having a gel imaging tool in proximity can increase the productivity of the lab. In our case, since the closest gel imaging tools is far away from HKUST iGEM lab, we decided to build a gel imaging station for our own use, using simple and easy to get material. </p>
+
<p>Gel electrophoresis one of the most essential tool in biology, it is an essential part for restriction diagnostic test for nucleic acid, resolving PCR products, etc. Having a gel imaging tool in proximity can increase the productivity of the lab. In our case, since the closest gel imaging tools is far away from HKUST iGEM lab, we decided to build a gel imaging station for our own use, using simple and easy to get material. </p>
−
 
+
−
                </div>
+
</div>
−
<div class="project_row">
+
<div class="project_row">
−
<h1>Material for  DIY Gel imaging Station</h1>
+
<h1>Material for  DIY Gel imaging Station</h1>
−
+
−
+
−
<p>The DIY Gel imaging station mainly consist of five parts:</p>
+
<p>The DIY Gel imaging station mainly consist of five parts:</p>
−
+
−
<div class="project_image">
+
<div class="project_image">
−
<img src="https://static.igem.org/mediawiki/2015/thumb/c/c4/HKUST_Rice15_still_whole_gel_doc_web_annotated.png/800px-HKUST_Rice15_still_whole_gel_doc_web_annotated.png" alt="Parts of DIY Gel Imaging station " width= "800px">
+
<img src="https://static.igem.org/mediawiki/2015/thumb/c/c4/HKUST_Rice15_still_whole_gel_doc_web_annotated.png/800px-HKUST_Rice15_still_whole_gel_doc_web_annotated.png" alt="Parts of DIY Gel Imaging station " width= "800px">
−
</div>  
+
</div>  
−
<div class="project_image">
+
<div class="project_image">
−
<img src="https://static.igem.org/mediawiki/2015/thumb/0/0f/HKUST_Rice_Green_Filter_annotated.png/800px-HKUST_Rice_Green_Filter_annotated.png" alt="Parts of DIY Gel Imaging station " width= "800px">
+
<img src="https://static.igem.org/mediawiki/2015/thumb/0/0f/HKUST_Rice_Green_Filter_annotated.png/800px-HKUST_Rice_Green_Filter_annotated.png" alt="Parts of DIY Gel Imaging station " width= "800px">
−
</div>  
+
</div>  
−
<div class="project_image">
+
<div class="project_image">
−
<img src="https://static.igem.org/mediawiki/2015/thumb/f/f4/HKUST_rice15_UV_trans_illunminator_annotated.png/800px-HKUST_rice15_UV_trans_illunminator_annotated.png" alt="Parts of DIY Gel Imaging station " width= "800px">
+
<img src="https://static.igem.org/mediawiki/2015/thumb/f/f4/HKUST_rice15_UV_trans_illunminator_annotated.png/800px-HKUST_rice15_UV_trans_illunminator_annotated.png" alt="Parts of DIY Gel Imaging station " width= "800px">
−
</div>  
+
</div>  
−
<table class= "catalog_table">
+
<table class= "catalog_table">
−
                                                <tr><td>Item</td><td>Source</td><td>Cost (HKD)</td></tr>
+
<tr><td>Item</td><td>Source</td><td>Cost (HKD)</td></tr>
−
<tr><td>1: Case </td><td>Local hard ware store: Pricerite</td><td>~$100</td></tr>
+
<tr><td>1: Case </td><td>Local hard ware store: Pricerite</td><td>~$100</td></tr>
−
<tr><td>2: Camera</td><td>Local electronic store</td><td>~$3000</td></tr>
+
<tr><td>2: Camera</td><td>Local electronic store</td><td>~$3000</td></tr>
−
<tr><td>3: Computer with monitor for live viewing of Gel</td><td>Laboratory Laptop</td><td>~$5000</td></tr>
+
<tr><td>3: Computer with monitor for live viewing of Gel</td><td>Laboratory Laptop</td><td>~$5000</td></tr>
−
<tr><td>4: Color filter</td><td>TaoBao</td><td>~$30</td></tr>
+
<tr><td>4: Color filter</td><td>TaoBao</td><td>~$30</td></tr>
−
<tr><td>5: UV trans-illuminator</td><td>HKUST division of life science</td><td></td></tr>
+
<tr><td>5: UV trans-illuminator</td><td>HKUST division of life science</td><td></td></tr>
−
                                                <tr><td>Total</td><td></td><td></td></tr>
+
<tr><td>Total</td><td></td><td></td></tr>
−
</table>
+
</table>
 
<p> In addition to the materials listed above, a stand and clamp is used to hold the camera in place. a heat block is used as a counter weight to keep the set up balance. The inside of the case is wrapped with double layer of aluminium foil to insulate the UV radiation emitted from the UV trans-illuminator when it is being turned on. </p>
 
<p> In addition to the materials listed above, a stand and clamp is used to hold the camera in place. a heat block is used as a counter weight to keep the set up balance. The inside of the case is wrapped with double layer of aluminium foil to insulate the UV radiation emitted from the UV trans-illuminator when it is being turned on. </p>
−
<p> A small hole is drilled at the back of the plastic case (not shown on picture above). This hole allows connection of power cord and the UV trans-illuminator. </p>>
+
<p> A small hole is drilled at the back of the plastic case (not shown on picture above). This hole allows connection of power cord and the UV trans-illuminator. </p>>
−
+
−
                </div>
+
</div>
 +
 +
<div class="project_row">
 +
<h1>From Prototype to a Working Model</h1>
 +
<h2>Prototype</h2>
 +
 +
<p>Before we build the DIY Gel imaging station , we build a prototype to prove the feasibility of a DIY gel imaging station . Here is how we build this prototype:</p>
 +
 +
 +
 +
<div class="project_image">
 +
<img src="https://static.igem.org/mediawiki/2015/thumb/d/d3/HKUST_Rice15_gel_doc_prototype1_web.png/337px-HKUST_Rice15_gel_doc_prototype1_web.png" alt="Parts of DIY Gel Imaging station ">
 +
</div>
 +
 +
<ol>
 +
<li>We obtained a plastic bucket and drilled a 3 inches hole on the bottom of it.  </li>
 +
<li>We place a filter on top of the hole and put a camera on top of the filter. </li>
 +
<li>A electrophoresed agarose gel stained with Midori Green is placed on top of the UV trans-illuminator</li>
 +
<li>The entire bucket, with the filter and camera are placed on top of the UV trans-illuminator, and a photo was taken </li>
 +
</ol>
 +
<div class="project_image">
 +
<img src="https://static.igem.org/mediawiki/2015/b/be/HKUST-Rice15_Resultsbutton.png" alt="Parts of DIY Gel Imaging Station ">
 +
</div>
 +
 +
<h2>Working Model</h2>
 +
 +
<p>After we confirm that we could take Gel photo using easy to get material, we proceed to build a case especially for this purpose. With the case, the imaging station will be more durable. We choose plastic as the material for case. Plastic is resistant to rust and inert to acid and base. Using plastic <b>prevent rust</b> and is <b>easy to maintain</b>.</p>
 +
<div class="project_image">
 +
<img src="https://static.igem.org/mediawiki/2015/thumb/a/a9/HKUST_Rice15_still_image_diy_gel_doc_web.png/800px-HKUST_Rice15_still_image_diy_gel_doc_web.png" alt="First image taken by the DIY gel imaging station">
 +
</div>
 +
<p>A photo was taken using this model of DIY Gel imaging station to prove the functionality of the station. This is the 1<sup>st</sup> photo taken:</p>
 +
<div class="project_image">
 +
<img src="https://static.igem.org/mediawiki/2015/9/94/HKUST_Rice15_diy_gel_imaging_Gel_web.png">
 +
</div>
 
 
−
<div class="project_row">
 
−
<h1>From Prototype to a Working Model</h1>
 
−
<h2>Prototype</h2>
 
−
 
−
<p>Before we build the DIY Gel imaging station , we build a prototype to prove the feasibility of a DIY gel imaging station . Here is how we build this prototype:</p>
 
−
 
−
 
−
 
−
<div class="project_image">
 
−
<img src="https://static.igem.org/mediawiki/2015/thumb/d/d3/HKUST_Rice15_gel_doc_prototype1_web.png/337px-HKUST_Rice15_gel_doc_prototype1_web.png" alt="Parts of DIY Gel Imaging station ">
 
−
</div>
 
−
 
−
<ol>
 
−
<li>We obtained a plastic bucket and drilled a 3 inches hole on the bottom of it.  </li>
 
−
<li>We place a filter on top of the hole and put a camera on top of the filter. </li>
 
−
<li>A electrophoresed agarose gel stained with Midori Green is placed on top of the UV trans-illuminator</li>
 
−
<li>The entire bucket, with the filter and camera are placed on top of the UV trans-illuminator, and a photo was taken </li>
 
−
</ol>
 
−
<div class="project_image">
 
−
<img src="https://static.igem.org/mediawiki/2015/b/be/HKUST-Rice15_Resultsbutton.png" alt="Parts of DIY Gel Imaging Station ">
 
−
</div>
 
−
 
−
<h2>Working Model</h2>
 
−
 
−
<p>After we confirm that we could take Gel photo using easy to get material, we proceed to build a case especially for this purpose. With the case, the imaging station will be more durable. We choose plastic as the material for case. Plastic is resistant to rust and inert to acid and base. Using plastic <b>prevent rust</b> and is <b>easy to maintain</b>.</p>
 
−
<div class="project_image">
 
−
<img src="https://static.igem.org/mediawiki/2015/thumb/a/a9/HKUST_Rice15_still_image_diy_gel_doc_web.png/800px-HKUST_Rice15_still_image_diy_gel_doc_web.png" alt="First image taken by the DIY gel imaging station">
 
−
</div>
 
−
<p>A photo was taken using this model of DIY Gel imaging station to prove the functionality of the station. This is the 1<sup>st</sup> photo taken:</p>
 
−
<div class="project_image">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/94/HKUST_Rice15_diy_gel_imaging_Gel_web.png">
 
−
</div>
 
−
 
−
 
−
                </div>
 
−
 
 
 
 
</div>
 
</div>
 +
 +
 +
</div>
 
 
 
</div>
 
</div>
−
 
−
</body>
 
 
 
 +
</body>
 +
 
</html>
 
</html>
 
{{HKUST-Rice Directory}}
 
{{HKUST-Rice Directory}}

Revision as of 18:46, 15 September 2015


DIY Gel Imaging Station

Why Gel imaging is important to synthetic biology?

Gel electrophoresis one of the most essential tool in biology, it is an essential part for restriction diagnostic test for nucleic acid, resolving PCR products, etc. Having a gel imaging tool in proximity can increase the productivity of the lab. In our case, since the closest gel imaging tools is far away from HKUST iGEM lab, we decided to build a gel imaging station for our own use, using simple and easy to get material.

Material for DIY Gel imaging Station

The DIY Gel imaging station mainly consist of five parts:

Parts of DIY Gel Imaging station
Parts of DIY Gel Imaging station
Parts of DIY Gel Imaging station
ItemSourceCost (HKD)
1: Case Local hard ware store: Pricerite~$100
2: CameraLocal electronic store~$3000
3: Computer with monitor for live viewing of GelLaboratory Laptop~$5000
4: Color filterTaoBao~$30
5: UV trans-illuminatorHKUST division of life science
Total

In addition to the materials listed above, a stand and clamp is used to hold the camera in place. a heat block is used as a counter weight to keep the set up balance. The inside of the case is wrapped with double layer of aluminium foil to insulate the UV radiation emitted from the UV trans-illuminator when it is being turned on.

A small hole is drilled at the back of the plastic case (not shown on picture above). This hole allows connection of power cord and the UV trans-illuminator.

>

From Prototype to a Working Model

Prototype

Before we build the DIY Gel imaging station , we build a prototype to prove the feasibility of a DIY gel imaging station . Here is how we build this prototype:

Parts of DIY Gel Imaging station
  1. We obtained a plastic bucket and drilled a 3 inches hole on the bottom of it.
  2. We place a filter on top of the hole and put a camera on top of the filter.
  3. A electrophoresed agarose gel stained with Midori Green is placed on top of the UV trans-illuminator
  4. The entire bucket, with the filter and camera are placed on top of the UV trans-illuminator, and a photo was taken
Parts of DIY Gel Imaging Station

Working Model

After we confirm that we could take Gel photo using easy to get material, we proceed to build a case especially for this purpose. With the case, the imaging station will be more durable. We choose plastic as the material for case. Plastic is resistant to rust and inert to acid and base. Using plastic prevent rust and is easy to maintain.

First image taken by the DIY gel imaging station

A photo was taken using this model of DIY Gel imaging station to prove the functionality of the station. This is the 1st photo taken: