Team:BIT/project microchip
From 2013.igem.org
(Difference between revisions)
(8 intermediate revisions not shown) | |||
Line 5: | Line 5: | ||
<style type="text/css"> | <style type="text/css"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#blank * | #blank * | ||
{ | { | ||
width: 1024px; | width: 1024px; | ||
- | |||
- | |||
border-style: none; | border-style: none; | ||
margin: 0 auto; | margin: 0 auto; | ||
padding: 0; | padding: 0; | ||
+ | background-color: #000; | ||
} | } | ||
#globalWrapper /* Global Environment (origin item) */ | #globalWrapper /* Global Environment (origin item) */ | ||
{ | { | ||
+ | overflow: hidden; | ||
background-color: #000; | background-color: #000; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#top-section | #top-section | ||
Line 43: | Line 29: | ||
{ | { | ||
display: none; | display: none; | ||
- | }#content | + | } |
+ | |||
+ | |||
+ | #content | ||
{ | { | ||
width: 1024px; | width: 1024px; | ||
- | |||
- | |||
background-attachment: scroll; | background-attachment: scroll; | ||
- | |||
- | |||
overflow: hidden; | overflow: hidden; | ||
border-style: none; | border-style: none; | ||
+ | background-color: #000; | ||
} | } | ||
+ | |||
#footer-box | #footer-box | ||
{ | { | ||
- | background-color: | + | background-color: #000; |
background-image: none; | background-image: none; | ||
border-style: none; | border-style: none; | ||
z-index: 0; | z-index: 0; | ||
} | } | ||
+ | |||
#catlinks | #catlinks | ||
{ | { | ||
Line 66: | Line 54: | ||
} | } | ||
- | + | a { color: #999; text-decoration: none; font-family: Verdana;} | |
- | + | ||
+ | #content a { color: #000; text-decoration: none; font-family: Verdana;} | ||
+ | #content a:hover { color: #F00; } | ||
+ | |||
+ | #header { | ||
+ | margin: 0px auto; | ||
+ | width: 1024px; | ||
+ | height: 35px; | ||
} | } | ||
- | + | #a1 { display:block; width:100px; height: 30px; background-image:url(https://static.igem.org/mediawiki/2013/b/b2/Bita1.png); background-repeat:no-repeat;} | |
- | + | #a1:hover { background-image:url(https://static.igem.org/mediawiki/2013/c/c9/Bita11.png); background-repeat:no-repeat;} | |
- | + | #a2 { display:block; width:150px; height: 30px; background-image:url(https://static.igem.org/mediawiki/2013/e/ea/Bita2.png); background-repeat:no-repeat;} | |
- | + | #a2:hover { background-image:url(https://static.igem.org/mediawiki/2013/7/78/Bita22.png); background-repeat:no-repeat;} | |
- | + | #a3 { display:block; width:100px; height: 30px; background-image:url(https://static.igem.org/mediawiki/2013/9/97/Bita3.png); background-repeat:no-repeat;} | |
- | + | #a3:hover { background-image:url(https://static.igem.org/mediawiki/2013/4/4d/Bita33.png); background-repeat:no-repeat;} | |
+ | #logo { | ||
+ | margin: 0px auto; | ||
+ | width: 1024px; | ||
+ | height: 150px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2013/2/23/Bitlogo1.png); | ||
} | } | ||
- | + | #menu { | |
- | + | width: 1024px; | |
+ | margin: 0 auto; | ||
+ | border: 1px solid #000; | ||
+ | height: 26px; | ||
+ | background-color: #999; | ||
} | } | ||
- | + | #menu ul { list-style: none; margin: 0px auto; padding: 0px; } | |
- | + | #menu ul li { float:left;} | |
- | + | #menu ul li a { font-size: 12px; display:block; padding: 0px 37px; height: 26px; line-height: 26px; float:left;} | |
- | + | #menu ul li a:hover { background:#333; color:#fff;} | |
- | + | #class { | |
+ | margin: 0px auto; | ||
+ | width: 1024px; | ||
+ | height: 360px; | ||
} | } | ||
- | + | #class ul {list-style: none; margin: 0px auto; padding: 0px;} | |
- | + | #class ul li { padding-top: 320px; font-size:14px; text-align: center; font-family: Verdana, Geneva, sans-serif;} | |
+ | #class ul li a { color: #CCC; } | ||
+ | #class ul li a:hover{ color: #F00; } | ||
+ | #c1 { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2013/4/4c/Bit1.png); | ||
+ | margin: 0px auto; | ||
+ | height: 360px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center center; | ||
} | } | ||
- | + | #c2 { | |
- | + | background-image: url(https://static.igem.org/mediawiki/2013/e/ed/Bit2.png); | |
+ | margin: 0px auto; | ||
+ | height: 360px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center center; | ||
} | } | ||
- | + | #c3 { | |
- | + | background-image: url(https://static.igem.org/mediawiki/2013/f/fb/Bit3.png); | |
- | + | margin: 0px auto; | |
+ | height: 360px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center center; | ||
} | } | ||
- | + | #c4 { | |
- | + | background-image: url(https://static.igem.org/mediawiki/2013/5/51/Bit4.png); | |
- | + | margin: 0px auto; | |
+ | height: 360px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center center; | ||
} | } | ||
- | + | #main { | |
- | + | margin: 0px auto; | |
+ | width: 1024px; | ||
+ | height: 500px; | ||
} | } | ||
- | + | #footer1 { | |
- | + | margin: 0px auto; | |
+ | width: 1024px; | ||
+ | height: 100px; | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | font-size: small; | ||
+ | text-align: center; | ||
} | } | ||
- | + | #footer1 a {color:#FFF;} | |
- | + | #left { | |
- | + | background-image:url(https://static.igem.org/mediawiki/2013/5/52/Bitleft.png); | |
- | a | + | |
- | + | ||
- | } | + | |
- | + | ||
- | + | ||
- | + | ||
float: left; | float: left; | ||
- | + | height: 500px; | |
- | + | width: 200px; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | ul | + | #left ul { |
- | + | list-style: none; margin: 25px auto; padding: 0px; | |
- | + | } | |
- | + | #left ul li { | |
- | + | padding-top: 25px; | |
- | + | font-size: 16px; | |
- | + | text-align:center; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | ul | + | #left ul li a { font-size: 16px; display:block; height: 26px; line-height: 26px;} |
- | + | #left ul li a:hover { background:#333; color:#fff;} | |
- | + | #right { | |
- | + | background-image:url(https://static.igem.org/mediawiki/2013/3/38/Bitbbb.png); | |
- | + | height: 500px; | |
- | + | width: 824px; | |
- | + | margin-left: 200px; | |
- | + | overflow-x:hidden; | |
- | + | overflow-y:auto; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | ul | + | |
- | + | ||
- | + | ||
- | background: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | #right a {color: #09F;} | ||
- | + | #b1{color: #09F;} | |
- | + | #b1: hover { color: #F00;} | |
- | + | #d1 { | |
- | + | color: #fff; | |
+ | font-size: small; | ||
} | } | ||
- | + | #d1:hover { color: #F00;} | |
- | + | .t1{ | |
- | + | font-family: Verdana, Geneva, sans-serif; | |
- | } | + | font-size: large; |
- | . | + | color: #6CF; |
- | + | ||
- | + | ||
- | + | ||
- | font-family: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | color: # | + | |
- | + | ||
- | + | ||
text-align: center; | text-align: center; | ||
- | + | padding-top: 20px; | |
+ | padding-right: 20px; | ||
+ | padding-bottom: 0px; | ||
+ | padding-left: 20px; | ||
} | } | ||
- | + | .t2{ | |
- | color: # | + | font-family: Verdana, Geneva, sans-serif; |
- | + | font-size: medium; | |
- | + | color: #CFF; | |
+ | text-align:justify; | ||
+ | line-height: 25px; | ||
+ | padding-top: 10px; | ||
+ | padding-right: 20px; | ||
+ | padding-bottom: 20px; | ||
+ | padding-left: 20px; | ||
} | } | ||
- | . | + | .t3{ text-align:center; } |
+ | .t4{ | ||
font-family: Verdana, Geneva, sans-serif; | font-family: Verdana, Geneva, sans-serif; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
font-size: medium; | font-size: medium; | ||
+ | color: #CFF; | ||
+ | line-height: 25px; | ||
+ | padding-top: 10px; | ||
+ | padding-right: 20px; | ||
+ | padding-bottom: 20px; | ||
+ | padding-left: 20px; | ||
+ | text-align:center; | ||
} | } | ||
- | . | + | .bg{ background-color:black;} |
- | + | .bg2 {color: #CCC;background-color:black;} | |
- | } | + | .bg3 {color: #CCC;background-image:url(https://static.igem.org/mediawiki/2013/3/38/Bitbbb.png);} |
- | . | + | |
- | + | ||
- | } | + | |
- | . | + | |
- | + | ||
- | } | + | |
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
- | < | + | <div id="header"> |
- | < | + | <table width="1024" border="0" class="bg"> |
- | + | <tr> | |
- | + | <td width="713"><div><a id="a1" href="https://2013.igem.org/wiki/index.php?title=Team:BIT/project_microchip&action=edit"></a></div></td> | |
- | + | <td width="167"><div><a id="a2" href="http://www.igem.org/Main_Page"></a></div></td> | |
- | + | <td width="130"><div><a id="a3" href="https://2013.igem.org/wiki/index.php?title=Special:UserLogout&returnto=Main_Page"></a></div></td> | |
- | + | </tr> | |
- | </ | + | </table> |
- | < | + | </div> |
- | + | <div id="logo"></div> | |
- | + | <div id="menu"> | |
- | + | <ul> | |
- | + | <li><a href="https://2013.igem.org/Team:BIT">HOME</a></li> | |
- | + | <li><a href="https://2013.igem.org/Team:BIT/Team">TEAM</a></li> | |
- | + | <li><a href="https://2013.igem.org/Team:BIT/Project">PROJECT</a></li> | |
- | + | <li><a href="https://2013.igem.org/Team:BIT/Parts">PARTS</a></li> | |
- | + | <li><a href="https://2013.igem.org/Team:BIT/Modeling">MODELING</a></li> | |
- | + | <li><a href="https://2013.igem.org/Team:BIT/HP">HUMAN PRACTICE</a></li> | |
- | + | <li><a href="https://2013.igem.org/Team:BIT/Safety">SAFETY</a></li> | |
- | + | <li><a href="https://2013.igem.org/Team:BIT/Notes">NOTES</a></li> | |
- | + | </ul> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <div id="class"> | |
- | + | <table width="1024" border="0" class="bg"> | |
- | + | <tr> | |
- | + | <td><div id="c1"><ul><li><a href="https://2013.igem.org/Team:BIT/project_AC">>>MORE</a></li></ul></div></td> | |
- | + | <td><div id="c2"><ul><li><a href="https://2013.igem.org/Team:BIT/project_biosensors">>>MORE</a></li></ul></div></td> | |
- | + | <td><div id="c3"><ul><li><a href="https://2013.igem.org/Team:BIT/project_microchip">>>MORE</a></li></ul></div></td> | |
- | + | <td><div id="c4"><ul><li><a href="https://2013.igem.org/Team:BIT/project_hardware">>>MORE</a></li></ul></div></td> | |
- | + | </tr> | |
- | + | </table> | |
- | + | </div> | |
- | + | <div id="main"> | |
- | + | <div id="left"> | |
- | < | + | <ul> |
- | <a href="https://2013.igem.org/Team:BIT | + | <li><a href="https://2013.igem.org/Team:BIT">HOME</a></li> |
- | + | <li><a href="https://2013.igem.org/Team:BIT/project_biosensors">BIOSENSORS</a></li> | |
- | </a> | + | <li><a href="https://2013.igem.org/Team:BIT/project_AC">AMPLIFIER</a></li> |
- | + | <li><a href="https://2013.igem.org/Team:BIT/project_microchip">MICRO CHIP</a></li> | |
- | + | <li><a href="https://2013.igem.org/Team:BIT/project_hardware">HARDWARE</a></li> | |
- | <a href="https://2013.igem.org/Team:BIT/ | + | </ul> |
- | + | </div> | |
- | </a> | + | <div id="right"> |
- | + | <table width="824" border="0" class="bg3"> | |
- | </ul></div> | + | <tr> |
- | < | + | <td width="608" class="t1">Micro Chip</td> |
- | <table width=" | + | </tr> |
- | + | ||
- | + | <tr> | |
- | + | <td class="t2"><strong>Background</strong></td> | |
- | + | </tr> | |
- | + | <tr> | |
- | + | <td class="t2"> Microfluidic technology is a biological, chemical and medical analyzing process, which contains sample preparation, reaction, separation, detection and other basic operation units that were integrated into a chip on the micron level. The microfluidic chip is the outcome that can meet the demand of corresponding analysis and measurement.<br> | |
- | + | ||
- | + | ||
How is a microfluidic chip manufactured?<br> | How is a microfluidic chip manufactured?<br> | ||
- | + | </td> | |
- | <strong>Material Preparation</strong>< | + | </tr> |
- | 1. Optical Adhesive<br> | + | <tr> |
+ | <td class="t2"><strong>Material Preparation</strong></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="t2">1. Optical Adhesive<br> | ||
A kind of material which <br> | A kind of material which <br> | ||
(1) will be solidified by ultraviolet irradiation<br> | (1) will be solidified by ultraviolet irradiation<br> | ||
(2) is transparent<br> | (2) is transparent<br> | ||
- | (3) has elasticity to a certain extent< | + | (3) has elasticity to a certain extent |
- | + | </td> | |
- | 2. Two kinds of baseboard<br> | + | </tr> |
- | (1) Strong translucent glass< | + | <tr> |
- | + | <td class="t3"><img src=" https://static.igem.org/mediawiki/2013/e/e9/BIT_MC_1.png" width="374" height="280"> | |
- | (2) Glass with chromium-covered surface< | + | </td> |
- | + | </tr> | |
- | + | <tr> | |
- | <strong>Mask</strong>< | + | <td class="t2">2. Two kinds of baseboard<br> |
- | + | (1) Strong translucent glass | |
- | + | </td> | |
- | + | </tr> | |
- | <strong>Production | + | <tr> |
- | + | <td class="t3"><img src=" https://static.igem.org/mediawiki/2013/d/dd/BIT_MC_2.png" width="374" height="280"> | |
- | + | </td> | |
- | + | </tr> | |
- | + | <tr> | |
+ | <td class="t2"> (2) Glass with chromium-covered surface | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="t3"><img src="https://static.igem.org/mediawiki/2013/0/07/BIT_MC_3.png" width="374" height="280"> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="t2"><strong>Mask</strong></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="t2"> We used Adobe Illustrator to design the structure of each layer. We added black color on the optical adhesive in places that were not supposed to be ossified and printed it on photographic paper. | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="t2"><strong>Production Process</strong></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="t2"> There are many kinds of materials that can be used to produce Microfluidic chips. Now, we have three kinds of materials, including Optical Adhesive, PDMS and glass. To meet the requirements of the chip’s vertical structure, we chose the Optical Adhesive in the end. | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="t3"><img src=" https://static.igem.org/mediawiki/2013/1/18/BIT_MC_5.png" width="706" height="395"> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="t2"> We fixed photographic paper, which had holes in the middle, on the backboard. By controlling the layers of the holed photographic paper, we could adjust the thickness of the corresponding chip layer. Then we covered it with mask, the photographic paper that has channel holes on it, after injecting the optical cement and irradiating the chip with ultraviolet light. | ||
Optical Adhesive has a different viscosity with glass and chrome glass plate, so it will separate from the mask when on the glass plate and separate from the chrome when on the chrome plate. The Optical Adhesive that was not solidified will be removed by Ethanol - acetone solution (volume ratio 8:2) and dried by a drier. <br> | Optical Adhesive has a different viscosity with glass and chrome glass plate, so it will separate from the mask when on the glass plate and separate from the chrome when on the chrome plate. The Optical Adhesive that was not solidified will be removed by Ethanol - acetone solution (volume ratio 8:2) and dried by a drier. <br> | ||
First, we made the bottom layer on the glass. After solidifying the bottom layer, we formed another layer on the top of it. At the same time, we made the top and second layer on the chrome plate and glued these two layers successively on the glass whose bottom two layers had been finished.<br> | First, we made the bottom layer on the glass. After solidifying the bottom layer, we formed another layer on the top of it. At the same time, we made the top and second layer on the chrome plate and glued these two layers successively on the glass whose bottom two layers had been finished.<br> | ||
After that, a light plastic microfluidic chip was completed.<br> | After that, a light plastic microfluidic chip was completed.<br> | ||
- | Bing!!!!! | + | Bing!!!!!</td> |
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="t3"><img src=" https://static.igem.org/mediawiki/2013/a/a9/BIT_MC_6.png" width="513" height="308"> | ||
+ | </td> | ||
+ | </tr> | ||
- | + | </table> | |
- | + | </div> | |
- | </ | + | </div> |
- | + | <div id="footer1"> | |
- | + | <table width="1024" border="0" class="bg2"> | |
- | + | <tr> | |
- | + | <td> </td> | |
- | + | <td> </td> | |
- | + | <td> </td> | |
- | < | + | </tr> |
- | < | + | <tr> |
- | + | <td width="110"> </td> | |
- | </ | + | <td width="790">Beijing Institute of Technology | 5 South Zhongguancun Street, Haidian DistrictBeijing, China 100081 </td> |
- | < | + | <td width="110"> </td> |
- | < | + | </tr> |
- | < | + | <tr> |
- | + | <td> </td> | |
- | < | + | <td> E-mail:<a href="mailto:yifei0114@bit.edu.cn"> yifei0114@bit.edu.cn</a></td> |
- | < | + | <td> </td> |
- | + | </tr> | |
- | </ | + | <tr> |
- | </ | + | <td> </td> |
+ | <td>Beijing Institute of Technology © 2013<a id="d1" href="http://english.bit.edu.cn/"> Privacy Policy</a></td> | ||
+ | <td> </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 02:27, 28 October 2013
Micro Chip |
Background |
Microfluidic technology is a biological, chemical and medical analyzing process, which contains sample preparation, reaction, separation, detection and other basic operation units that were integrated into a chip on the micron level. The microfluidic chip is the outcome that can meet the demand of corresponding analysis and measurement. How is a microfluidic chip manufactured? |
Material Preparation |
1. Optical Adhesive A kind of material which (1) will be solidified by ultraviolet irradiation (2) is transparent (3) has elasticity to a certain extent |
2. Two kinds of baseboard (1) Strong translucent glass |
(2) Glass with chromium-covered surface |
Mask |
We used Adobe Illustrator to design the structure of each layer. We added black color on the optical adhesive in places that were not supposed to be ossified and printed it on photographic paper. |
Production Process |
There are many kinds of materials that can be used to produce Microfluidic chips. Now, we have three kinds of materials, including Optical Adhesive, PDMS and glass. To meet the requirements of the chip’s vertical structure, we chose the Optical Adhesive in the end. |
We fixed photographic paper, which had holes in the middle, on the backboard. By controlling the layers of the holed photographic paper, we could adjust the thickness of the corresponding chip layer. Then we covered it with mask, the photographic paper that has channel holes on it, after injecting the optical cement and irradiating the chip with ultraviolet light.
Optical Adhesive has a different viscosity with glass and chrome glass plate, so it will separate from the mask when on the glass plate and separate from the chrome when on the chrome plate. The Optical Adhesive that was not solidified will be removed by Ethanol - acetone solution (volume ratio 8:2) and dried by a drier. First, we made the bottom layer on the glass. After solidifying the bottom layer, we formed another layer on the top of it. At the same time, we made the top and second layer on the chrome plate and glued these two layers successively on the glass whose bottom two layers had been finished. After that, a light plastic microfluidic chip was completed. Bing!!!!! |