|
|
| (46 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| − | {{Valencia_UPV/bootstrap.css}}
| |
| − | {{Valencia_UPV/custom.css}}
| |
| − | {{Valencia_UPV/flickity.css}}
| |
| − | {{Valencia_UPV/iconsmind.css}}
| |
| − | {{Valencia_UPV/jquery.steps.css}}
| |
| − | {{Valencia_UPV/lightbox.min.css}}
| |
| − | {{Valencia_UPV/stackinterface.css}}
| |
| − | {{Valencia_UPV/theme.css}}
| |
| − | {{Valencia_UPV/navBar}}
| |
| | | | |
| − | <html>
| |
| − | <style>
| |
| − |
| |
| − | #home_logo, #sideMenu { display:none; }
| |
| − | #sideMenu, #top_title, .patrollink {display:none;}
| |
| − | #content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | <head>
| |
| − | <meta charset="utf-8">
| |
| − | <title>Stack Multipurpose HTML Template</title>
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
| − | <meta name="description" content="Site Description Here">
| |
| − | <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
| |
| − | <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
| |
| − | <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
| |
| − | <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
| |
| − |
| |
| − | </head>
| |
| − |
| |
| − | <body class="" style="background-color:#353535;">
| |
| − | <a id="start"></a>
| |
| − |
| |
| − | <!--end of row-->
| |
| − | </div>
| |
| − | <!--end of container-->
| |
| − | </nav>
| |
| − | </div>
| |
| − | <!--end bar-->
| |
| − | </div>
| |
| − | <div class="main-container">
| |
| − |
| |
| − |
| |
| − | <!-------------------------------IMAGEN PRINCIPAL------------------------------------------------>
| |
| − |
| |
| − |
| |
| − | <section style="
| |
| − | ; ; background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
| |
| − | <div class="main-container" style="
| |
| − | height: 100%;">
| |
| − | <center style="
| |
| − | height: 100%;">
| |
| − | <div class="col-md-10" style="
| |
| − | height: 100%;margin-top: 4em;">
| |
| − | <div id="logoPrinteria" class="item" style="
| |
| − | background-image: url(https://static.igem.org/mediawiki/2018/3/3b/T--Valencia_UPV--laboratorioAdrianUPV2018.jpeg);
| |
| − | height: 100%;
| |
| − | width: 100%;background-attachment: fixed;background-size: cover;">
| |
| − |
| |
| − | <div style="/* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
| |
| − | <a class="btn down inner-link active" href="#story" style="font-size: 82%;right: 50%;/* position: fixed; *//* bottom: 7%; */top: 85.2%;z-index: 99;background-color: white;position: absolute;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
| |
| − | <i class="stack-interface stack-down-open-big"></i>
| |
| − | </a>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | </center>
| |
| − |
| |
| − | </div><div class="all-page-modals"></div><div class="all-page-modals"></div>
| |
| − | <div class="all-page-modals"></div>
| |
| − | </section></div>
| |
| − |
| |
| − |
| |
| − | <!----------------------EMPIEZA LA SECCIÓN DE DEBAJO DE LA IMAGEN ----------------------------->
| |
| − |
| |
| − |
| |
| − | <section id="story" class="feature-large" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="col-md-3" style="
| |
| − | margin-left: 0em;
| |
| − | padding-right: 0px;
| |
| − | padding-left: 0.2em;
| |
| − | ">
| |
| − |
| |
| − | <!------------ÍNDICE LATERAL------------------>
| |
| − |
| |
| − | <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
| |
| − | <h4 style="
| |
| − | padding-left: 1em;
| |
| − | ">Index</h4>
| |
| − | <ul class="lateral">
| |
| − | <li class="lateral" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;/* color: #353535; */">
| |
| − | <div class="tab__title" style="
| |
| − | line-height: 1.3em;
| |
| − | /* padding-left: 0.5em; */
| |
| − | ">
| |
| − | <a class="lateral" style="
| |
| − | /* color: #ffffff; */
| |
| − | opacity: 1;
| |
| − | list-style-type: circle;
| |
| − | ">Introduction</a>
| |
| − | </div>
| |
| − |
| |
| − | </li>
| |
| − | <li class="lateral">
| |
| − | <div class="tab__title" style="
| |
| − | line-height: 1.3em;
| |
| − | ">
| |
| − | <a href="#buho" class="lateral" style="
| |
| − | color: #353535;
| |
| − | opacity: 1;
| |
| − | ">Structure</a>
| |
| − | </div>
| |
| − |
| |
| − | </li>
| |
| − | <li class="lateral">
| |
| − | <div class="tab__title" style="
| |
| − | line-height: 1.3em;
| |
| − | ">
| |
| − | <a class="lateral" style="
| |
| − | color: #353535;
| |
| − | opacity: 1;
| |
| − | ">Entry of consumables</a>
| |
| − | </div>
| |
| − |
| |
| − | </li>
| |
| − | <li class="lateral">
| |
| − | <div class="tab__title" style="
| |
| − | line-height: 1.3em;
| |
| − | ">
| |
| − | <a class="lateral" style="
| |
| − | color: #353535;
| |
| − | opacity: 1;
| |
| − | ">Reaction zone</a>
| |
| − | </div>
| |
| − |
| |
| − | </li>
| |
| − | <li class="lateral">
| |
| − | <div class="tab__title" style="
| |
| − | line-height: 1.3em;
| |
| − | ">
| |
| − | <a class="lateral" style="
| |
| − | color: #353535;
| |
| − | opacity: 1;
| |
| − | ">Measurement zone</a>
| |
| − | </div>
| |
| − |
| |
| − | </li>
| |
| − | <li class="lateral">
| |
| − | <div class="tab__title" style="
| |
| − | line-height: 1.3em;
| |
| − | ">
| |
| − | <a class="lateral" style="
| |
| − | color: #353535;
| |
| − | opacity: 1;
| |
| − | ">Disinfection and sterility</a>
| |
| − | </div>
| |
| − |
| |
| − | </li>
| |
| − | </li>
| |
| − | <li class="lateral">
| |
| − | <div class="tab__title" style="
| |
| − | line-height: 1.3em;
| |
| − | ">
| |
| − | <a class="lateral" style="
| |
| − | color: #353535;
| |
| − | opacity: 1;
| |
| − | ">Simultaneous experiments</a>
| |
| − | </div>
| |
| − |
| |
| − | </li>
| |
| − | </li>
| |
| − | <li class="lateral">
| |
| − | <div class="tab__title" style="
| |
| − | line-height: 1.3em;
| |
| − | ">
| |
| − | <a class="lateral" style="
| |
| − | color: #353535;
| |
| − | opacity: 1;
| |
| − | ">Results</a>
| |
| − | </div>
| |
| − |
| |
| − | </li>
| |
| − | </ul><ul class="tabs-content"></ul>
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <!--------------------------------------------TEXTO------------------------------------------------>
| |
| − |
| |
| − |
| |
| − | <div class="col-md-9" style="
| |
| − | /* margin-left: 0px; */
| |
| − | padding-left: 6em;
| |
| − | padding-right: 2em;
| |
| − | ">
| |
| − | <div>
| |
| − | <h3>HARDWARE</h3>
| |
| − | <h4>INTRODUCTION</h4>
| |
| − |
| |
| − | <p>To address the lack of accessibility to synthetic biology due to the high costs and the level of knowledge required among others, our team has designed Printeria, a fully-equipped bioengineering device capable of automating the process of printing genetic circuits in bacteria.
| |
| − | </p>
| |
| − |
| |
| − | <p> To ensure a functional, economical and easy-to-use design, collaboration between the hardware and the wet lab teams has been necessary throughout the development process. After several drafts we have achieved a unique design that can be easily transported and replicated at a cost not exceeding xxx € (xxx $). [and whose cost does not exceed xxx €]</p>
| |
| − |
| |
| − | <p> Printeria is divided into three main parts dependent on each other:</p>
| |
| − |
| |
| − | <div>
| |
| − | <ul>
| |
| − | <li>
| |
| − | <p> <u>Entry of consumables</u>: components that allow the entry of consumables into the reaction zone.</p>
| |
| − | </li>
| |
| − | <li>
| |
| − | <p> <u>Reaction zone</u>: space where the process of printing genetic circuits in bacteria occurs thanks to digital microfluidic technology.</p>
| |
| − | </li>
| |
| − | <li>
| |
| − | <p> <u>Measurement zone</u>: the bacteria are kept in conditions that allow for growth and expression while OD and fluorescence measurements are taken.</p>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − |
| |
| − | <div style="
| |
| − | padding-bottom: 1em;
| |
| − | text-align: right;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400" alt="" style="
| |
| − | margin-top: 2.8em;
| |
| − | margin-bottom: 0.8em;
| |
| − | border-radius: 0.3em;
| |
| − | ">
| |
| − | <div style="
| |
| − | width: 100%;
| |
| − | padding-left: 19em;
| |
| − | padding-right: 1em;
| |
| − | "><h6>PRINTERIA</h6>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <ul class="accordion accordion-1">
| |
| − | <li>
| |
| − | <div class="accordion__title">
| |
| − | <span class="h5">Overall budget</span>
| |
| − | </div>
| |
| − | <div class="accordion__content">
| |
| − | <div class="divTabla">
| |
| − | <table class="border--round table--alternate-row tableBetty" style="width:100%;">
| |
| − | <thead><tr>
| |
| − | <th class="thHec">Part</th>
| |
| − | <th class="thHec">Quantity</th>
| |
| − | <th class="thHec">Cost per unit</th>
| |
| − | <th class="thHec">Cost</th>
| |
| − | </tr>
| |
| − | </thead><tbody><tr>
| |
| − | <td class="tdHec">Structure</td>
| |
| − | <td class="tdHec">----</td>
| |
| − | <td class="tdHec">----</td>
| |
| − | <td class="tdHec">----</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td class="tdHec">Entry system</td>
| |
| − | <td class="tdHec">----</td>
| |
| − | <td class="tdHec">----</td>
| |
| − | <td class="tdHec">----</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td class="tdHec">Reaction zone</td>
| |
| − | <td class="tdHec">----</td>
| |
| − | <td class="tdHec">----</td>
| |
| − | <td class="tdHec">----</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td class="tdHec">Measurement zone</td>
| |
| − | <td class="tdHec">----</td>
| |
| − | <td class="tdHec">----</td>
| |
| − | <td class="tdHec">----</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td class="tdHec" style="background-color: #909090;color: #fff; font-weight: bold;" colspan="3">Total</td>
| |
| − | <td class="tdHec">----</td>
| |
| − | </tr>
| |
| − | </tbody></table> </div>
| |
| − | </li>
| |
| − | <li>
| |
| − | <div class="accordion__title">
| |
| − | <span class="h5">Downloads</span>
| |
| − | </div>
| |
| − | <div class="accordion__content">
| |
| − | <div>
| |
| − | <ul>
| |
| − | <li>
| |
| − | <p> Assembly drawings</p>
| |
| − | </li>
| |
| − | <li>
| |
| − | <p> Printeria's CAD 3D model</p>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | </li>
| |
| − |
| |
| − | </ul>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div>
| |
| − | <h5>STRUCTURE</h5>
| |
| − | </div>
| |
| − |
| |
| − | <h5 style="padding-left: 1em;">Frame</h5>
| |
| − | <div style="padding-left: 1em;">
| |
| − | <p>First of all, it is necessary to design a structure that confines all the elements necessary for the operation of the device inside it and also allows the creation of a sterile atmosphere to carry out the biological reactions.</p>
| |
| − |
| |
| − | <p> In order to facilitate its transport, aluminum has been chosen for the frame, which in addition to its low weight, has other great qualities such as great resistance to corrosion and low cost.</p>
| |
| − |
| |
| − | <p> It has been used 15x15x1mm square tube profiles joined by plastic corner connectors obtaining as a result a 415x360x280mm chassis. Thanks to the generated blueprints we have been able to contact a company specializing in cutting and handling aluminum that has provided us with all the parts as we required. As it was not possible for us to find plastic connectors that fit our needs, we have decided to design these parts ourselves and then print them on a 3D printer. </p>
| |
| − |
| |
| − | <div>
| |
| − | <div class="row" style="
| |
| − | margin: 0;
| |
| − | ">
| |
| − | <div class="col-md-6" style="
| |
| − | padding: 0;
| |
| − | padding-right: 0.3em;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400">
| |
| − | </div>
| |
| − | <div class="col-md-6" style="
| |
| − | padding: 0;
| |
| − | padding-left: 0.3em;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400">
| |
| − | </div>
| |
| − | <div style="
| |
| − | width: 100%;
| |
| − | padding-left: 19em;
| |
| − | padding-right: 1em;
| |
| − | "><h6>Aluminum frame</h6>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <h5 style="padding-left: 1em;">Methacrylate</h5>
| |
| − |
| |
| − | <div style="padding-left: 1em;">
| |
| − | <p> To complete the structure, it is necessary to create walls that are attached to this frame and contribute to its stability. We have opted for the use of methacrylate due to its attractive appearance, durability and scratch resistance. </p>
| |
| − |
| |
| − | <p> As well as the aluminum profiles, the blueprints created were used for ordering the custom-made parts to a company.</p>
| |
| − |
| |
| − | <div style="
| |
| − | padding-bottom: 1em;
| |
| − | text-align: right;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400" alt="" style="
| |
| − | margin-top: 2.8em;
| |
| − | margin-bottom: 0.8em;
| |
| − | border-radius: 0.3em;
| |
| − | ">
| |
| − | <div style="
| |
| − | width: 100%;
| |
| − | padding-left: 19em;
| |
| − | padding-right: 1em;
| |
| − | "><h6>Methacrylate cladding</h6>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <p> Finally, 4mm diameter countersunk head screws DIN 7991 (M4 L25) and nuts DIN 934 (M4), both made of galvanized steel, were used for joining the methacrylate plates to the frame. </p>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <h5 style="padding-left: 1em;">Leveling system</h5>
| |
| − |
| |
| − | <div style="padding-left: 1em;">
| |
| − | <p> Given the great importance of keeping the reaction zone perfectly horizontal, it is necessary to use levelling feet. In addition, for checking the horizontal position, a bull’s eye level has been installed next to the reaction zone. </p>
| |
| − |
| |
| − | <div style="
| |
| − | padding-bottom: 0.8em;
| |
| − | text-align: right;
| |
| − |
| |
| − | ">
| |
| − | <div class="row" style="margin: 0;">
| |
| − | <div class="col-md-6" style="
| |
| − | padding: 0;
| |
| − | padding-right: 0.3em;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400" alt="" style="
| |
| − | margin-top: 1.8em;
| |
| − | margin-bottom: 0.8em;
| |
| − | border-radius: 0.3em;
| |
| − | ">
| |
| − | </div>
| |
| − | <div class="col-md-6" style="
| |
| − | padding: 0;
| |
| − | padding-left: 0.3em;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400" alt="" style="
| |
| − | margin-top: 1.8em;
| |
| − | margin-bottom: 0.8em;
| |
| − | border-radius: 0.3em;
| |
| − | ">
| |
| − | </div>
| |
| − | <div style="
| |
| − | width: 100%;
| |
| − | padding-left: 19em;
| |
| − | padding-right: 1em;
| |
| − | "><h6>Levelling system</h6>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <ul class="accordion accordion-1">
| |
| − | <li>
| |
| − | <div class="accordion__title">
| |
| − | <span class="h5">Structure's budget</span>
| |
| − | </div>
| |
| − | <div class="accordion__content">
| |
| − | <div class="divTabla">
| |
| − | <table class="border--round table--alternate-row tableBetty" style="width:100%;">
| |
| − | <thead><tr>
| |
| − | <th class="thHec">Part</th>
| |
| − | <th class="thHec">Quantity</th>
| |
| − | <th class="thHec">Cost per unit</th>
| |
| − | <th class="thHec">Cost</th>
| |
| − | </tr>
| |
| − | </thead><tbody><tr>
| |
| − | <td class="tdHec">Aluminum profiles</td>
| |
| − | <td class="tdHec">6 m</td>
| |
| − | <td class="tdHec">6,99 €/m</td>
| |
| − | <td class="tdHec">41,94 €</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td class="tdHec">Profiles' cutting and drilling</td>
| |
| − | <td class="tdHec">1</td>
| |
| − | <td class="tdHec">70 €</td>
| |
| − | <td class="tdHec">70 €</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td class="tdHec">Custom-made methacrylate</td>
| |
| − | <td class="tdHec">1</td>
| |
| − | <td class="tdHec">250 €</td>
| |
| − | <td class="tdHec">250 €</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td class="tdHec">Screws DIN 7991</td>
| |
| − | <td class="tdHec">60</td>
| |
| − | <td class="tdHec"> 0,07 €</td>
| |
| − | <td class="tdHec">4,2 €</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td class="tdHec">Nuts DIN 934</td>
| |
| − | <td class="tdHec">60</td>
| |
| − | <td class="tdHec">0,03 €</td>
| |
| − | <td class="tdHec">1,8 €</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td class="tdHec">Kg of PLA for the connectors</td>
| |
| − | <td class="tdHec">----</td>
| |
| − | <td class="tdHec">20 €/kg</td>
| |
| − | <td class="tdHec">----</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td class="tdHec">Leeveling feet</td>
| |
| − | <td class="tdHec">4</td>
| |
| − | <td class="tdHec">0,97</td>
| |
| − | <td class="tdHec">3,88 €</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td class="tdHec">Bull's eye level</td>
| |
| − | <td class="tdHec">1</td>
| |
| − | <td class="tdHec">6,99 €</td>
| |
| − | <td class="tdHec">6,99 €</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td class="tdHec" style="background-color: #909090;color: #fff; font-weight: bold;" colspan="3">Total</td>
| |
| − | <td class="tdHec">378,81 €</td>
| |
| − | </tr>
| |
| − | </tbody></table>
| |
| − |
| |
| − | </div>
| |
| − | </li>
| |
| − | <li>
| |
| − | <div class="accordion__title">
| |
| − | <span class="h5">Downloads</span>
| |
| − | </div>
| |
| − | <div class="accordion__content">
| |
| − | <div>
| |
| − | <ul>
| |
| − | <li>
| |
| − | <p> Aluminium frame drawings</p>
| |
| − | </li>
| |
| − | <li>
| |
| − | <p> Methacrylate cladding drawings</p>
| |
| − | </li>
| |
| − | <li>
| |
| − | <p> Corner connectors' CAD 3D models</p>
| |
| − | </li>
| |
| − | <li>
| |
| − | <p> Structure CAD 3D model</p>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | </li>
| |
| − |
| |
| − | </ul>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div>
| |
| − | <h5>ENTRY OF CONSUMABLES</h5>
| |
| − | </div>
| |
| − |
| |
| − | <p>In order to carry out the reactions it is necessary to introduce the consumables into the PCB. Therefore, a carousel-based system has been designed in which pipette tips with the parts necessary for the reaction are placed. The user should place these pipette tips before the experiments in the positions indicated. </p>
| |
| − |
| |
| − | <div style="
| |
| − | padding-bottom: 1em;
| |
| − | text-align: right;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400" alt="" style="
| |
| − | margin-top: 2.8em;
| |
| − | margin-bottom: 0.8em;
| |
| − | border-radius: 0.3em;
| |
| − | ">
| |
| − | <div style="
| |
| − | width: 100%;
| |
| − | padding-left: 19em;
| |
| − | padding-right: 1em;
| |
| − | "><h6>Foto de todo el sistema de entrada</h6>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <p> Once the tips have been inserted and the machine is ready to operate, the carousel is rotated with the help of a stepper motor until each of the tips is placed in the blowing position. In this position a needle connected to a peristaltic pump lowers vertically and injects air, thus producing the fall of the genetic material on the PCB. </p>
| |
| − |
| |
| − | <p> The vertically moving needle is made possible by the use of a solenoid, a device that converts electrical energy into mechanical energy which, in turns, raises or lowers the needle. Once the needle is in its low position and inserted into the pipette tip, the pump is activated and air is injected. </p>
| |
| − |
| |
| − | <div>
| |
| − | <div class="row" style="
| |
| − | margin: 0;
| |
| − | ">
| |
| − | <div class="col-md-6" style="
| |
| − | padding: 0;
| |
| − | padding-right: 0.3em;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400">
| |
| − | </div>
| |
| − | <div class="col-md-6" style="
| |
| − | padding: 0;
| |
| − | padding-left: 0.3em;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400">
| |
| − | </div>
| |
| − | <div style="
| |
| − | width: 100%;
| |
| − | padding-left: 19em;
| |
| − | padding-right: 1em;
| |
| − | "><h6>Aguja en su posición alta y baja</h6>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <p> All the necessary parts have been designed using a 3D modeling software and then printed on our 3D printer, which means that we have been able to implement this system at a very low cost. </p>
| |
| − |
| |
| − | <div style="
| |
| − | padding-bottom: 1em;
| |
| − | text-align: right;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400" alt="" style="
| |
| − | margin-top: 2.8em;
| |
| − | margin-bottom: 0.8em;
| |
| − | border-radius: 0.3em;
| |
| − | ">
| |
| − | <div style="
| |
| − | width: 100%;
| |
| − | padding-left: 19em;
| |
| − | padding-right: 1em;
| |
| − | "><h6>Foto impresora imprimiendo nuestras partes</h6>
| |
| − | </div>
| |
| − | </div>
| |
| − | <ul class="accordion accordion-1">
| |
| − | <li>
| |
| − | <div class="accordion__title">
| |
| − | <span class="h5">Entry of consumables system's budget</span>
| |
| − | </div>
| |
| − | <div class="accordion__content">
| |
| − | <div class="divTabla">
| |
| − | <table class="border--round table--alternate-row tableBetty" style="width:100%;">
| |
| − | <thead><tr>
| |
| − | <th class="thHec">Part</th>
| |
| − | <th class="thHec">Quantity</th>
| |
| − | <th class="thHec">Cost per unit</th>
| |
| − | <th class="thHec">Cost</th>
| |
| − | </tr>
| |
| − | </thead><tbody><tr>
| |
| − | <td class="tdHec">Kg of PLA for the connectors</td>
| |
| − | <td class="tdHec">----</td>
| |
| − | <td class="tdHec">----</td>
| |
| − | <td class="tdHec">----</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td class="tdHec">Bearing</td>
| |
| − | <td class="tdHec">1</td>
| |
| − | <td class="tdHec">2 €</td>
| |
| − | <td class="tdHec">2€</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td class="tdHec">Needle</td>
| |
| − | <td class="tdHec">1</td>
| |
| − | <td class="tdHec">0,3 €</td>
| |
| − | <td class="tdHec">0,3 €</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td class="tdHec">Stepper motor</td>
| |
| − | <td class="tdHec">1</td>
| |
| − | <td class="tdHec">26,43 €</td>
| |
| − | <td class="tdHec">26,43 €</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td class="tdHec">Solenoid</td>
| |
| − | <td class="tdHec">1</td>
| |
| − | <td class="tdHec">5 €</td>
| |
| − | <td class="tdHec">5 €</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td class="tdHec">Peristaltic pump</td>
| |
| − | <td class="tdHec">1</td>
| |
| − | <td class="tdHec">11,99 €</td>
| |
| − | <td class="tdHec">11,99 €</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td class="tdHec">Air filter</td>
| |
| − | <td class="tdHec">1</td>
| |
| − | <td class="tdHec">? €</td>
| |
| − | <td class="tdHec">? €</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td class="tdHec" style="background-color: #909090;color: #fff; font-weight: bold;" colspan="3">Total</td>
| |
| − | <td class="tdHec">----</td>
| |
| − | </tr>
| |
| − | </tbody></table>
| |
| − |
| |
| − | </div>
| |
| − | </li>
| |
| − | <li>
| |
| − | <div class="accordion__title">
| |
| − | <span class="h5">Downloads</span>
| |
| − | </div>
| |
| − | <div class="accordion__content">
| |
| − | <div>
| |
| − | <ul>
| |
| − | <li>
| |
| − | <p> Entry of consumables system drawings</p>
| |
| − | </li>
| |
| − | <li>
| |
| − | <p> All-part's CAD 3D models</p>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | </li>
| |
| − |
| |
| − | </ul>
| |
| − |
| |
| − | <div>
| |
| − | <h5>REACTION ZONE</h5>
| |
| − | </div>
| |
| − |
| |
| − | <h5 style="padding-left: 1em;">Digital Microfluidics Movement</h5>
| |
| − | <div style="padding-left: 1em;">
| |
| − |
| |
| − | <p>For the main part of the device we needed to be able to reliably and precisely control the movement of liquids involved in the reaction. This ensures that the components mix was intended and then follow every procedure accurately. For this we have decided to use a technology called digital microfluidics, which is based on applying electromagnetic fields to a special surface so that it changes its properties. More precisely we can change the hydrophobicity of the surface as to attract droplets and repel them, ensuring in this way that they follow an established route.</p>
| |
| − |
| |
| − |
| |
| − | <div>
| |
| − | <div class="row" style="
| |
| − | margin: 0;
| |
| − | ">
| |
| − | <div class="col-md-6" style="
| |
| − | padding: 0;
| |
| − | padding-right: 0.3em;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400">
| |
| − | </div>
| |
| − | <div class="col-md-6" style="
| |
| − | padding: 0;
| |
| − | padding-left: 0.3em;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400">
| |
| − | </div>
| |
| − | <div style="
| |
| − | width: 100%;
| |
| − | padding-left: 19em;
| |
| − | padding-right: 1em;
| |
| − | "><h6>DMF technology (vídeo o esquema explicativo)</h6>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div style="padding-left: 1em;">
| |
| − | <p>To take advantage of this we have designed the PCB under the surface with small pads on which we can apply a high voltage to cause this effect on the coating of our surface.</p>
| |
| − | </div>
| |
| − |
| |
| − | <div style="padding-left: 1em;">
| |
| − | <div class="row" style="
| |
| − | margin: 0;
| |
| − | ">
| |
| − | <div class="col-md-6" style="
| |
| − | padding: 0;
| |
| − | padding-right: 0.3em;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400">
| |
| − | </div>
| |
| − | <div class="col-md-6" style="
| |
| − | padding: 0;
| |
| − | padding-left: 0.3em;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400">
| |
| − | </div>
| |
| − | <div style="
| |
| − | width: 100%;
| |
| − | padding-left: 19em;
| |
| − | padding-right: 1em;
| |
| − | "><h6>PCB (por delante y por detrás)</h6>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div style="padding-left: 1em;">
| |
| − | <p>Explicar que la superficie está compuesta por teflón y un gel (decir cual). Para aguantar el teflón estirado y en su sitio se ha diseñado esta pieza en 3D, la cual también lleva los soportes de las agujas que extraen las gotas de la zona de reacción. Por último, para limitar la evaporación y condensación de agua se ha puesto una tapa.</p>
| |
| − | </div>
| |
| − |
| |
| − | <div style="padding-left: 1em;">
| |
| − | <div class="row" style="
| |
| − | margin: 0;
| |
| − | ">
| |
| − | <div class="col-md-6" style="
| |
| − | padding: 0;
| |
| − | padding-right: 0.3em;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400">
| |
| − | </div>
| |
| − | <div class="col-md-6" style="
| |
| − | padding: 0;
| |
| − | padding-left: 0.3em;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400">
| |
| − | </div>
| |
| − | <div style="
| |
| − | width: 100%;
| |
| − | padding-left: 19em;
| |
| − | padding-right: 1em;
| |
| − | "><h6>Renders y fotos reales</h6>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div style="padding-left: 1em;">
| |
| − | <p>To be able to control so many pads we are using a HV507, a special driver chip which is a high voltage serial to parallel converter. This means that it takes data one bit at a time and then it displays them all at the same time at a high voltage. This chip can handle up to 64 outputs, meaning that we can connect 64 pads to it. So we only need a total of 6 chips for our entire surface.</p>
| |
| − | </div>
| |
| − | <div <div style="padding-left: 1em;">>
| |
| − | <div class="row" style="
| |
| − | margin: 0;
| |
| − | ">
| |
| − | <div class="col-md-6" style="
| |
| − | padding: 0;
| |
| − | padding-right: 0.3em;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400">
| |
| − | </div>
| |
| − | <div class="col-md-6" style="
| |
| − | padding: 0;
| |
| − | padding-left: 0.3em;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400">
| |
| − | </div>
| |
| − | <div style="
| |
| − | width: 100%;
| |
| − | padding-left: 19em;
| |
| − | padding-right: 1em;
| |
| − | "><h6>Foto chip y conexiones por detrás</h6>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <h5 style="padding-left: 1em;">ThermoCycling by displacement of droplets</h5>
| |
| − |
| |
| − | <div style="padding-left: 1em;">
| |
| − |
| |
| − | <p>For the assembly of the reaction using golden gate we needed to make the droplets with the DNA and the enzymes go through a thermocycling process, which means to change the temperature in cycles.</p>
| |
| − |
| |
| − | <p>To take advantage of the digital microfluidics, instead of changing the temperature of a fixed place, we have decided to have the droplet alternating between two places that are at the correct temperature. This means that the temperature of the droplet changes very quickly. And it also means that we only have to stabilize two discrete temperatures instead of changing them constantly, which translates into greater temperature accuracy.</p>
| |
| − |
| |
| − | <div style="
| |
| − | padding-bottom: 1em;
| |
| − | text-align: right;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400" alt="" style="
| |
| − | margin-top: 2.8em;
| |
| − | margin-bottom: 0.8em;
| |
| − | border-radius: 0.3em;
| |
| − | ">
| |
| − | <div style="
| |
| − | width: 100%;
| |
| − | padding-left: 19em;
| |
| − | padding-right: 1em;
| |
| − | "><h6>Esquema zonas frías y caliente</h6>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div>
| |
| − | <ul>
| |
| − | <li>
| |
| − | <p> For the heat zone we are using a power resistor attached to the PCB from below and to control the current going through it we are using PWM. (EXPLICAR QUÉ ES) </p>
| |
| − | </li>
| |
| − | <li>
| |
| − | <p> For the cold zone a Peltier effect device has been used (EXPLICAR QUÉ ES). For having a good precision and better afficiency we are using voltage control. (EXPLICAR QUÉ ES) </p>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − |
| |
| − | <div>
| |
| − | <div class="row" style="
| |
| − | margin: 0;
| |
| − | ">
| |
| − | <div class="col-md-6" style="
| |
| − | padding: 0;
| |
| − | padding-right: 0.3em;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400">
| |
| − | </div>
| |
| − | <div class="col-md-6" style="
| |
| − | padding: 0;
| |
| − | padding-left: 0.3em;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400">
| |
| − | </div>
| |
| − | <div style="
| |
| − | width: 100%;
| |
| − | padding-left: 19em;
| |
| − | padding-right: 1em;
| |
| − | "><h6>Foto RESISTENCIA y PELTIER</h6>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <p> At both zones we are going to keep a thermistor monitoring the temperature to complete the control feedback loop. This thermistor is calibrated by using a lab grade thermometer and then adjusted using Steinhart-Hart model coefficients based on the readings (MAY EXPAND) </p>
| |
| − | </div>
| |
| − |
| |
| − | <h5 style="padding-left: 1em;">Output electroporation</h5>
| |
| − |
| |
| − | <div style="padding-left: 1em;">
| |
| − |
| |
| − | <p>
| |
| − | As the final step in our transformation we need to electroporate our bacteria so that they can absorb the DNA. For this, we need a strong magnetic field, around 1600V. With this purpose, we have used two step-up converters and a simple circuit with a transistor and a capacitor (insert image here). This means that we can apply a voltage during a very short period of time.</p>
| |
| − | </div>
| |
| − |
| |
| − | <div>
| |
| − | <h5>MEASUREMENT ZONE</h5>
| |
| − | </div>
| |
| − | <p> Also known as the output system, the measurement zone consists of an area separated from the rest of the zones in which the ideal conditions for the growth of bacteria are established. These conditions are achieved thanks to an electrical resistance that maintains the temperature of the whole zone at 37º and a shaker that keeps the test tubes moving to achieve a homogeneous mixture. In addition, sensors for OD and Fluorescence measurement have been implemented to monitor the entire process.</p>
| |
| − |
| |
| − | <div style="
| |
| − | padding-bottom: 1em;
| |
| − | text-align: right;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400" alt="" style="
| |
| − | margin-top: 2.8em;
| |
| − | margin-bottom: 0.8em;
| |
| − | border-radius: 0.3em;
| |
| − | ">
| |
| − | <div style="
| |
| − | width: 100%;
| |
| − | padding-left: 19em;
| |
| − | padding-right: 1em;
| |
| − | "><h6>Foto de todo el sistema de salida</h6>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <p> The shaker is achieved through the use of a stepper motor connected to a methacrylate base by means of an eccentric piece and a bearing. This eccentric piece produces the oscillating movement of the methacrylate base with the help of a spring that limits the rotating movement. </p>
| |
| − |
| |
| − | <div style="
| |
| − | padding-bottom: 1em;
| |
| − | text-align: right;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400" alt="" style="
| |
| − | margin-top: 2.8em;
| |
| − | margin-bottom: 0.8em;
| |
| − | border-radius: 0.3em;
| |
| − | ">
| |
| − | <div style="
| |
| − | width: 100%;
| |
| − | padding-left: 19em;
| |
| − | padding-right: 1em;
| |
| − | "><h6>Vista explotada sistema de salida</h6>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <p> To this methacrylate base will be attached the test tubes’ holders in which the bacteria are contained and to which the sensors will be connected to take the measurements of OD and Fluorescence during the whole cycle of growth of the bacteria. </p>
| |
| − | <p> Both the eccentric piece and the test tubes’ holders have been designed by the team and obtained thanks to our 3D printer using PLA filament. </p>
| |
| − |
| |
| − | <div style="
| |
| − | padding-bottom: 1em;
| |
| − | text-align: right;
| |
| − | ">
| |
| − | <img src="https://via.placeholder.com/800x400" alt="" style="
| |
| − | margin-top: 2.8em;
| |
| − | margin-bottom: 0.8em;
| |
| − | border-radius: 0.3em;
| |
| − | ">
| |
| − | <div style="
| |
| − | width: 100%;
| |
| − | padding-left: 19em;
| |
| − | padding-right: 1em;
| |
| − | "><h6>Foto Pieza excentrica y soporte tubo</h6>
| |
| − | </div>
| |
| − | </div>
| |
| − | <h5 style="padding-left: 1em;">How does it works?</h5>
| |
| − |
| |
| − | <div style="padding-left: 1em;">
| |
| − |
| |
| − | <p>.proximamente...</p>
| |
| − | </div>
| |
| − |
| |
| − | <h5 style="padding-left: 1em;">Sensors</h5>
| |
| − |
| |
| − | <div style="padding-left: 1em;">
| |
| − |
| |
| − | <p>.proximamente...</p>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div>
| |
| − | <h5>DISINFECTION AND STERILITY</h5>
| |
| − | </div>
| |
| − | <p> proximamente...</p>
| |
| − |
| |
| − | <div>
| |
| − | <h5>SIMULTANEOUS EXPERIMENTS</h5>
| |
| − | </div>
| |
| − | <p> proximamente...</p>
| |
| − |
| |
| − | <div>
| |
| − | <h5>RESULTS</h5>
| |
| − | </div>
| |
| − | <p> proximamente...</p>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | </section>
| |
| − |
| |
| − |
| |
| − | <!--------------------FIN TEXTO------------------------------>
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − | <!--end of row-->
| |
| − | </div>
| |
| − | <!--end of container-->
| |
| − | </section>
| |
| − |
| |
| − | </div>
| |
| − | <!--<div class="loader"></div>-->
| |
| − | <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;">
| |
| − | <i class="stack-interface stack-up-open-big"></i>
| |
| − | </a>
| |
| − | </body>
| |
| − |
| |
| − | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/scriptsJS?action=raw&ctype=text/javascript"></script>
| |
| − | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/jquery311minJS?action=raw&ctype=text/javascript"></script>
| |
| − | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/parallaxJS?action=raw&ctype=text/javascript"></script>
| |
| − | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/smoothscrollminJS?action=raw&ctype=text/javascript"></script>
| |
| − | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?action=raw&ctype=text/javascript"></script>
| |
| − |
| |
| − |
| |
| − |
| |
| − | </html>
| |
| − | {{Valencia_UPV/footer}}
| |
