Difference between revisions of "Team:HKUST-Rice/Design"

 
(21 intermediate revisions by 6 users not shown)
Line 1: Line 1:
 
{{HKUST-Rice}}
 
{{HKUST-Rice}}
 +
 
<html>
 
<html>
 +
<head>
 +
<link rel="stylesheet" href="https://2015.igem.org/Template:HKUST-Rice/CSS?action=raw&ctype=text/css" type="text/css" />
 +
<style type= "text/css"> 
 +
img#Ricelogo{
 +
opacity: 0.3;
 +
 +
}
 +
#mainContainer{
 +
background-color:#FFFFFF;
 +
}
 +
 +
#contentContainer{
 +
background-color:#FFFFFF;
 +
}
 +
 +
table.catalog_table {
 +
width:90%;
 +
margin: 50px auto;
 +
font-size: 140%;
 +
}
 +
 +
table.catalog_table caption {
 +
font-size: 1.6em;
 +
font-weight: 400;
 +
padding: 10px 0;
 +
}
 +
 +
table.catalog_table thead th{
 +
font-weight: 400;
 +
background: #8a97a0;
 +
color: #FFF;
 +
}
 +
 +
table.catalog_table tr {
 +
background: #f4f7f8;
 +
border-bottom: 1px solid #FFF;
 +
margin-bottom:0px;
 +
}
 +
 +
table.catalog_table tbody tr:nth-child(even) {
 +
background: #ccd4e7;
 +
}
 +
 +
table.catalog_table th, table.catalog_table td {
 +
text-align: left;
 +
padding: 5px 5px;
 +
font-weight: 200;
 +
padding: 10px;
 +
}
 +
 +
table.catalog_table tfoot tr {
 +
background: none;
 +
}
 +
 +
table.catalog_table tfoot td {
 +
padding: 10px 2px;
 +
font-size: 0.2em;
 +
font-style: italic;
 +
color: #8a97a0;
 +
}
 +
 +
 +
div.project_content p.subTitle{
 +
color: #565656;
 +
font-weight: bold;
 +
font-size:2em;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
text-align:left;
 +
text-decoration:underline;
 +
}
 +
 +
div.project_content p.PICdescription{
 +
font-size:1.3em;
 +
padding-top:0px;
 +
padding-left:4em;
 +
padding-right:4em;
 +
}
 +
#Kgraph{
 +
width:60%;
 +
height:330px;
 +
}
 +
#Kgraph2{
 +
width:60%;
 +
height:290px;
 +
}
 +
#Kgraph3{
 +
width:50%;
 +
height:230px;
 +
}
 +
</style>
 +
</head>
 +
 +
<body>
 +
<br>
 +
 +
<div class= "project_superrow">
 +
<div id= "page_title"><h1>DIY Gel Imaging Station</i></h1></div>
 +
 +
<div id="MYicon1">
 +
<a href="https://2015.igem.org/Team:HKUST-Rice/Application"><img src="https://static.igem.org/mediawiki/2015/e/ea/HKUST-Rice15_leftarrow.png">
 +
<p style="color:#5570b0; font-size: 130%"> Application </p></a>
 +
</div>
 +
 +
<div class="project_content">
 +
<div class="project_row">
 +
<h1>Motivation</h1>
 +
 +
  
−
<h2>Design</h2>
+
<table>
 +
<tr>
 +
<td style="width:48.5%">
 +
<figure>
 +
<img  src="https://static.igem.org/mediawiki/2015/9/97/HKUST_Rice15_still_image_diy_gel_doc_webWithinlet.png" style="width:110%;">
 +
</figure>
 +
</td>
 +
<td style="width:2%">
 +
</td>
 +
<td style="width:48.5%">
 +
<video width="320px" height="240px" controls>
 +
  <source src="https://static.igem.org/mediawiki/2015/a/a6/Team_HKUST-Rice_2015_gel1.mp4" type="video/mp4">
 +
</video>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td style="width:48.5%">
 +
<br>
 +
<p style="font-size:110%; padding-left:2%; padding-right: 2% ; height'90px';"><strong>A.</strong> 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>
 +
</td>
 +
<td style="width:3%">
 +
</td>
 +
<td style="width:48.5%">
 +
<p style="font-size:110%; padding-left:2;height:'90px'; padding-right: 2%"  ><strong>B.</strong> This is a video showing how the Gel Imaging Station actually works.</p>
 +
</td>
 +
</tr>
 +
</table>
  
−
<div id="project_title">
 
  
−
<h1>project title </h1>
 
  
−
</div>
+
<p>Since its establishment, HKUST iGEM team has been working in small lab pretty far away from the centralized equipment complex. Every time when we want to document our gel or perform gel extraction, we have to carry our gels, walk through a corridor and up a floor to reach the commercial gel documentation system. Starting from this year though, we no longer have to suffer! We have built our own gel imaging system from affordable and easy to get-to-materials, and would like to share with the iGEM community how they make their own.</p>
−
<div id= "project_highlight">
+
 +
</div>
 +
<div class="project_row">
 +
<hr class="para">
 +
<h1>Materials for  DIY Gel imaging Station</h1>
 +
<p>The DIY Gel imaging station mainly consists of six parts:</p>
 +
 +
<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= "700px">
 +
<br></br></div>
 +
<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= "700px">
 +
<br></br></div>  
  
 +
<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= "700px">
 +
</div>
 +
<table class= "catalog_table">
 +
<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>$249</td></tr>
 +
<tr><td>2: Camera (Nikon D3200) </td><td>Local electronic store</td><td>$3499</td></tr>
 +
<tr><td>3: Computer with monitor for live viewing of Gel</td><td>Laboratory Laptop</td><td>-</td></tr>
 +
<tr><td>4: Green UV filter (PMMA) </td><td>Taobao</td><td>~$12</td></tr>
 +
<tr><td>5: UV trans-illuminator</td><td>HKUST division of life science</td><td>-</td></tr>
 +
<tr><td>6: Color filters set</td><td>ebay</td><td>~$124</td></tr>
 +
<tr><td>Total</td><td></td><td>~$3884</td></tr>
 +
</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 balanced. The inside of the case is wrapped with two layers 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 between the power cord and the UV trans-illuminator. </p>
 +
<p> For live viewing of gel from computer, <a href="http://digicamcontrol.com/">DigiCamControl</a>, an open source software is used. This software allows the control (including auto focus and capturing picture) of the camera from the connected computer. </p>
 +
</div>
 +
 +
<div class="project_row">
 +
<hr class="para">
 +
<h1>From Prototype to a Working Model</h1>
 +
<h2>Prototype</h2>
 +
 +
<p>Before we built the DIY Gel imaging station, we built 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 5 cm hole on the bottom of it.  </li>
 +
<li>We placed a filter on top of the hole and put a camera on top of the filter. </li>
 +
<li>An 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>
 +
 +
 +
<h2>Working Model</h2>
 +
 +
<p>After we confirmed that we could take gel photo using easy-to-get materials, we proceeded 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 inert to acid and base, <b>resistant to rusting</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>
  
−
</div>
 
  
 +
                            <h2> Comparison</h2>
 +
<img src="https://static.igem.org/mediawiki/2015/2/20/HKUST_Rice15_Gel_doc_comparison_web.png" style="width:100%">
 +
<div class= "des">The Commercial Gel Visualization System is AlphaImager® HP System.</div>
 +
                            </div>
  
−
<div class="highlightBox">
 
−
<h4>Note</h4>
 
−
<p>In order to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Applied Design award</a> and/or the <a href="https://2015.igem.org/Judging/Awards#Medals">functional prototype gold medal criterion</a>, you must fill out this page.</p>
 
−
</div>
 
  
−
<p>This is a prize for the team that has developed a synthetic biology product to solve a real world problem in the most elegant way. The students will have considered how well the product addresses the problem versus other potential solutions, how the product integrates or disrupts other products and processes, and how its lifecycle can more broadly impact our lives and environments in positive and negative ways.</p>
+
<div class="project_row">
 +
<hr class="para">
 +
                            <h1> 3D View of Animated DIY Gel Imaging Station</h1>
 +
<p>Our current working model 1.0 is good enough for daily in-out documentation purposes, but it is not so convenient for gel extraction – the space between the camera and the trans-illuminator is too narrow. We are about to build our 2.0 version and we want to introduce a drawer-like feature for the trans-illuminator. Our design is as below and we will build it pretty soon.</p>
  
−
<p>
+
<a href="https://static.igem.org/mediawiki/2015/6/64/Team_HKUST-Rice_2015_3D_View.pdf " download><img class="button" src="https://static.igem.org/mediawiki/2015/a/ab/Team_HKUST-Rice_2015_3Dimage.png" style="width:60%"></a>
−
If you are working on art and design as your main project, please join the art and design track. If you are integrating art and design into the core of your main project, please apply for the award by completing this page.
+
−
</p>
+
  
−
</div>
+
 +
</div>
 +
 +
</body>
  
 
</html>
 
</html>
 +
{{HKUST-Rice Directory}}

Latest revision as of 17:00, 18 September 2015


DIY Gel Imaging Station

Motivation

A. 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!

B. This is a video showing how the Gel Imaging Station actually works.

Since its establishment, HKUST iGEM team has been working in small lab pretty far away from the centralized equipment complex. Every time when we want to document our gel or perform gel extraction, we have to carry our gels, walk through a corridor and up a floor to reach the commercial gel documentation system. Starting from this year though, we no longer have to suffer! We have built our own gel imaging system from affordable and easy to get-to-materials, and would like to share with the iGEM community how they make their own.

Materials for DIY Gel imaging Station

The DIY Gel imaging station mainly consists of six 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$249
2: Camera (Nikon D3200) Local electronic store$3499
3: Computer with monitor for live viewing of GelLaboratory Laptop-
4: Green UV filter (PMMA) Taobao~$12
5: UV trans-illuminatorHKUST division of life science-
6: Color filters setebay~$124
Total~$3884

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 balanced. The inside of the case is wrapped with two layers 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 between the power cord and the UV trans-illuminator.

For live viewing of gel from computer, DigiCamControl, an open source software is used. This software allows the control (including auto focus and capturing picture) of the camera from the connected computer.

From Prototype to a Working Model

Prototype

Before we built the DIY Gel imaging station, we built 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 5 cm hole on the bottom of it.
  2. We placed a filter on top of the hole and put a camera on top of the filter.
  3. An 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.

Working Model

After we confirmed that we could take gel photo using easy-to-get materials, we proceeded 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 inert to acid and base, resistant to rusting and is easy to maintain.

First image taken by the DIY gel imaging station

Comparison

The Commercial Gel Visualization System is AlphaImager® HP System.

3D View of Animated DIY Gel Imaging Station

Our current working model 1.0 is good enough for daily in-out documentation purposes, but it is not so convenient for gel extraction – the space between the camera and the trans-illuminator is too narrow. We are about to build our 2.0 version and we want to introduce a drawer-like feature for the trans-illuminator. Our design is as below and we will build it pretty soon.