Difference between revisions of "Team:IONIS Paris/Design"
(Prototype team page) |
|||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
− | |||
− | |||
− | < | + | {{IONIS_Paris/JS}} |
+ | {{IONIS_Paris-testcss}} | ||
+ | <html lang="en"> | ||
+ | <head> | ||
+ | <meta charset="UTF-8" /> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> | ||
+ | <title >MICROFLUIDICS</title> | ||
+ | |||
+ | <!-- Google fonts --> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'> | ||
− | < | + | <!-- font awesome --> |
− | + | <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> | |
− | </ | + | |
+ | <!-- favicon --> | ||
+ | <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"> | ||
+ | <link rel="icon" href="images/favicon.ico" type="image/x-icon"> | ||
− | + | </head> | |
− | + | ||
− | + | ||
− | </ | + | |
− | < | + | <body> |
+ | <div class="topbar animated fadeInLeftBig"></div> | ||
− | <p> | + | <!-- Header Starts --> |
− | + | <div class="banner row" id="banner" style="width:101%"> | |
− | </p> | + | <div class="parallax text-center" style="background-image: url(https://static.igem.org/mediawiki/2015/1/18/GRID.jpg);"> |
+ | <div class="parallax-pattern-overlay" style="height: 100vh;"> | ||
+ | <div class="container text-center" style="height:650px;padding-top:200px;height: 100vh;"> | ||
+ | <h1 class="intro wow zoomIn" wow-data-delay="0.4s" wow-data-duration="0.9s" style="font-family:sans-serif; color:#B00000 " >MICROFLUIDICS</h1> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- INTRODUCTION --> | ||
+ | <div id="about" class="container spacer about"> | ||
+ | <h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big>What is Microfluidics?</big></h2> | ||
+ | <h2 class="text-center wowload fadeInUp"> </h2> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-6 wowload fadeInLeft"> | ||
+ | <h4><i class="fa fa-code-fork" style="color:#b22222"></i> Manipulating and controlling fluids </h4> | ||
+ | <p align="justify"> | ||
+ | |||
+ | Microfluidics is the science and technology of manipulating and controlling fluids, usually in the range of micro liters (10-6) to pico liters (10-12), in networks of channels with lowest dimensions from ten to hundred micrometers. This emerging discipline takes its origin in the early 1990s and has known a dramatic growth since then, partly due to the increasing popularity of microscale analytical chemistry techniques and the development of microelectronic technologies. | ||
+ | <br> | ||
+ | </p> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-6 wowload fadeInRight"> | ||
+ | <h4><i class="fa fa-thumbs-o-up" style="color:#b22222"></i> A very attractive technology </h4> | ||
+ | |||
+ | <p align="justify"> | ||
+ | |||
+ | Microfluidics is a very attractive technology for both academic researchers and industrials since it considerably:<br> | ||
+ | <ul style="list-style:none"> | ||
+ | <li><i class="fa fa-angle-right"style="color:#b22222"></i> Decreases sample and reagent consumptions </li> | ||
+ | <li><i class="fa fa-angle-right"style="color:#b22222"></i> Shortens time of experiments and doing so </li> | ||
+ | <li><i class="fa fa-angle-right"style="color:#b22222"></i> Reduces the overall costs of applications </li> | ||
+ | </ul> | ||
+ | </p> | ||
+ | <br> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="wowload fadeInUp" > | ||
+ | |||
+ | |||
+ | <p align="justify"> | ||
+ | |||
+ | |||
+ | Thanks to the low volume required, microfluidics represents a promising alternative to conventional laboratory techniques as it allows achieving complete laboratory protocols on a single chip of few square centimeters. | ||
+ | |||
+ | </p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </br> | ||
+ | </br> | ||
+ | |||
− | </div> | + | <!--HIGHLIGHT INFO--> |
+ | <div class="highlight-info"> | ||
+ | <div class="overlay spacer"> | ||
+ | <div class="container" > | ||
+ | <div class="row text-center wowload fadeInDownBig"> | ||
+ | <CENTER> | ||
+ | <div class="col-sm-3 col-xs-6"> | ||
+ | <i class="fa fa-code-fork fa-5x"></i><h4>Microfluidics</h4> | ||
+ | </div> | ||
+ | <div class="col-sm-3 col-xs-6"> | ||
+ | <i class="fa fa-gamepad fa-5x"></i><h4>Bio-Console</h4> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-3 col-xs-6"> | ||
+ | <i class="fa fa-lightbulb-o fa-5x"></i><h4>Light signals</h4> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-3 col-xs-6"> | ||
+ | <i class="fa fa-qq fa-5x"></i><h4>BACT'MAN</h4> | ||
+ | </div> | ||
+ | </CENTER> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- MICROFLUIDICS CHIP --> | ||
+ | <div id="about" class="container spacer about"> | ||
+ | <h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big>Microfluidics chip</big></h2> | ||
+ | <div class="row"> | ||
+ | |||
+ | <div class="col-sm-6 wowload fadeInLeft"> | ||
+ | <h4><i class="fa fa-paint-brush"style="color:#b22222"></i>A specific design </h4> | ||
+ | <p align="justify"> | ||
+ | |||
+ | Microfluidic chips are the devices used in microfluidics in which a micro-channels network has been modelled or patterned. Thanks to a various number of inlet and outlet ports, these microfluidic instruments allow your fluids to pass through different channels of different diameter, usually ranging from 5 to 500 µm1. The micro-channels network must be specifically designed for your application and the analyses you want to carry out. | ||
+ | <br> | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div class=" wowload fadeInRight"> | ||
+ | |||
+ | <p align="justify"> | ||
+ | <center> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/0/07/IGEM_puce.png" alt="Logo" width="280" height=auto> | ||
+ | </center> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div> | ||
+ | <div class=" wowload fadeInUp"> | ||
+ | <h4><i class="fa fa-share-alt-square"style="color:#b22222"></i> Several applications</h4> | ||
+ | <p align="justify"> | ||
+ | Microfluidic devices such as chips have many advantages as they can decrease your sample and reagent consumption and increase automation, thus minimizing your analysis time. Such devices allow applications in many areas such as medicine, biology, chemistry and physics. Three types of materials are commonly used to create microfluidic chips: silicon, glass, and polymers. Each material has its specific chemical and physical characteristics. The choice of the material depends on the needs and conditions of your applications (type of solvant, samples, etc.), the design of the chip you want to obtain and your budget. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="col-sm-6 wowload fadeInLeft"> | ||
+ | <h4><i class="fa fa-puzzle-piece"style="color:#b22222"></i> Several materials</h4> | ||
+ | <p align="justify"> | ||
+ | |||
+ | <i class="fa fa-angle-right"style="color:#b22222"></i><b> Microfluidic chip in silicon</b><br> | ||
+ | Advantages of silicon are its superior thermal conductivity, surface stability and solvent compatibility. However no applications in optical detection can be done due to its optical opacity.<br> | ||
+ | </p> | ||
+ | |||
+ | <p align="justify"> | ||
+ | <i class="fa fa-angle-right"style="color:#b22222"></i><b> Microfluidic chip in glass</b><br> | ||
+ | Glass shares with silicon the same advantages mentioned above. Its well-defined surface chemistries, superior optical transparency and excellent high-pressure resistance make it a material of choice for many applications. Glass is also biocompatible, chemically inert, and hydrophilic and allows efficient coatings. The main hurdle with this material remains its rather high cost, even though prices have been significantly reduced.<br> | ||
+ | </p> | ||
+ | |||
+ | <p align="justify"> | ||
+ | <i class="fa fa-angle-right"style="color:#b22222"></i><b> Microfluidic chip in polymers</b><br> | ||
+ | Polymers offer an attractive alternative to glass and silicon as they are cheaper, robust and require faster fabrication processes. Many polymers can be used to build chips : Polystyrene (PS), Polycarbonate (PC), Polyvinyl chloride (PVC), Cyclic Olefin Copolymer (COC), Polymethyl methacrylate (PMMA) and Polydimethylsiloxane (PDMS). | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-6 wowload fadeInRight"> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | |||
+ | <p align="center" style="font-size:14px;"> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2015/b/b2/20150915_144439.jpg" alt="Logo" width="500" height=auto> | ||
+ | <br> | ||
+ | |||
+ | Our microfluidic chip is designed in PDMS by Microfactory. <br><br> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/0/01/Microfactory.png" alt="partners" width=auto height="60"> | ||
+ | <br> | ||
+ | Microfactory is a spin-off from ESPCI, more specifically from the MMN Lab (Microfluidics, Microelectromechanical systems - MEMS and Nanostructures laboratory) | ||
+ | |||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- MICROFLUIDICS CHIP --> | ||
+ | <div id="about" class="container spacer about"> | ||
+ | <h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big>Our Bio-Console</big></h2> | ||
+ | <div class="wowload fadeInUp"> | ||
+ | <h4><i class="fa fa-ils"style="color:#b22222"></i> Introduction </h4> | ||
+ | <p align="justify"> | ||
+ | Our first goal in this game is to interact with the real world throw a computer game. The game is based on the movement of a bubble in a microfluidic system, then we add a virtual part to the microscope video and integrate our virtual game. | ||
+ | |||
+ | </p> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-6 wowload fadeInLeft"> | ||
+ | <h4><i class="fa fa-bullseye"style="color:#b22222"></i> The bubble detection</h4> | ||
+ | <p align="justify"> | ||
+ | First of all, we add to detect the bubble in the system, so we use the Hough circle detection algorithm to find it and return it position. We decided to use a microfluidic chip of 1,2x1,6 cm of size with 0,3 mm sized channels. The detection have to find the bubble of 0,3 mm diameter in a channel used as a circuit. To detect the bubble, the contrast between the bubble and the environment have to be sufficient to locate the bubble in the microscope image. | ||
+ | So, we decided to use a transparent and blue environment to respect this contrast. | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-6 wowload fadeInRight"> | ||
+ | <br> | ||
+ | <p align="center"><img src="https://static.igem.org/mediawiki/2015/d/d1/Micro_lab.jpg" alt="Logo" width="400" height=auto> </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-6 wowload fadeInLeft"> | ||
+ | <p align="center"><center><video width="350" height="300" poster="https://static.igem.org/mediawiki/2015/d/d1/Micro_lab.jpg" controls> | ||
+ | <source src="https://static.igem.org/mediawiki/2015/b/bd/Video-1442517680.mp4.mp4" type='video/mp4'/> | ||
+ | <source src="https://static.igem.org/mediawiki/2015/b/ba/Video-1442517680.ogg" type='video/ogg; codecs="theora, vorbis"'/> | ||
+ | <source src="https://static.igem.org/mediawiki/2015/6/69/Video-1442517680.webm" type='video/webm; codecs="vp8, vorbis"'/> | ||
+ | </video></center> </p> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-6 wowload fadeInRight"> | ||
+ | <h4><i class="fa fa-gamepad"style="color:#b22222"></i>The game part</h4> | ||
+ | <p align="justify"> | ||
+ | Once we have detected the bubble in the image, we have to integrate it into a game, the location of the bubble gives us a position in the image and a size, and the virtual part can be added to interact with the bubble. All the virtual part is construct like a game engine, we have the Game User Interface engine (GUI engine), the Graphical engine, the Physical engine, etc. The bubble has also its own virtual part to interact with the virtual world. As we said, the player has to move the bubble into the chip from a beginning point to the end of the circuit, and this circuit have a lot of virtual objects like lasers, checkpoints, etc. The player have to interact with the bubble to dodge the lasers, and if he touch one off them, the game detect a collision between the bubble detected with our Hough circle detection and the virtual laser. That’s how we interact between the real world and our virtual world. | ||
+ | |||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | |||
+ | <div class="col-sm-6 wowload fadeInLeft"> | ||
+ | <h4><i class="fa fa-gamepad"style="color:#b22222"></i>3D printing the Bio-Console</h4> | ||
+ | <p align="justify"> | ||
+ | In order to transport and move properly and safely our Bio-Console we decided to 3D print a Bio-Console container box. This box is designed by sketchup exclusively for the Bio-Console in ABS. | ||
+ | Using this technology, we managed to print this box in twice 12h of printing: 12h for each part of the box. Indeed, the 3D printer could'nt print the box in one time, because the container dimension was to big for the printer. As a result, we had to design the box in two parts. | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-6 wowload fadeInRight"> | ||
+ | |||
+ | |||
+ | <div id="carousel-testimonials2" class="carousel slide testimonails wowload fadeInRight" data-ride="carousel"> | ||
+ | <div class="carousel-inner"> | ||
+ | <div class="item active animated bounceInLeft row" style="height:250px" > | ||
+ | <div class="col-xs-10"> | ||
+ | <p align="right"><a href="http://www.sketchup.com/fr"><img src="https://static.igem.org/mediawiki/2015/7/71/12003133_10153319479234830_8161566696405452406_n.jpg" alt="Logo" width="300" height="200"></a> </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item animated bounceInLeft row" style="height:250px" > | ||
+ | <div class="col-xs-10"><p align="right"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/93/11225186_10153321039674830_446511201726122666_o.jpg" alt="Logo" width="300" height="200"> | ||
+ | </p> </div> | ||
+ | </div> | ||
+ | <div class="item animated bounceInLeft row" style="height:250px" > | ||
+ | <div class="col-xs-10"> | ||
+ | <center><video width="300" height="200" poster="https://static.igem.org/mediawiki/2015/7/76/VIDEO_box.png" controls> | ||
+ | <source src="https://static.igem.org/mediawiki/2015/b/bd/Video-1442517680.mp4.mp4" type='video/mp4'/> | ||
+ | <source src="https://static.igem.org/mediawiki/2015/b/ba/Video-1442517680.ogg" type='video/ogg; codecs="theora, vorbis"'/> | ||
+ | <source src="https://static.igem.org/mediawiki/2015/6/69/Video-1442517680.webm" type='video/webm; codecs="vp8, vorbis"'/> | ||
+ | </video></center> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br> | ||
+ | <!-- Indicators --> | ||
+ | <center><ol class="carousel-indicators"> | ||
+ | <li data-target="#carousel-testimonials2" data-slide-to="0" class="active"></li> | ||
+ | <li data-target="#carousel-testimonials2" data-slide-to="1"></li> | ||
+ | <li data-target="#carousel-testimonials2" data-slide-to="2"></li> | ||
+ | |||
+ | </ol></center> | ||
+ | <!-- Indicators --> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | </br> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--HIGHLIGHT INFO--> | ||
+ | <div class="highlight-info"> | ||
+ | <div class="overlay spacer"> | ||
+ | <div class="container" > | ||
+ | <div class="row text-center wowload fadeInDownBig"> | ||
+ | <CENTER> | ||
+ | <div class="col-sm-3 col-xs-6"> | ||
+ | <i class="fa fa-square-o fa-5x"></i><h4>Microfluidic chip</h4> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-3 col-xs-6"> | ||
+ | <i class="fa fa-code-fork fa-5x"></i><h4>Resistivity</h4> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-3 col-xs-6"> | ||
+ | <i class="fa fa-check-square-o fa-5x"></i><h4>Stability</h4> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-3 col-xs-6"> | ||
+ | <i class="fa fa-stack-overflow fa-5x"></i><h4>Flow control</h4> | ||
+ | </div> | ||
+ | </CENTER> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--Details sur microfluidiques--> | ||
+ | |||
+ | <div id="about" class="container spacer about"> | ||
+ | <h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big> Going further about microfluidics</big></h2> | ||
+ | <h2 class="text-center wowload fadeInUp"> </h2> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-6 wowload fadeInLeft"> | ||
+ | <h4><i class="fa fa-code-fork" style="color:#b22222"></i> Microfluidic properties and notions </h4> | ||
+ | <p align="justify"> | ||
+ | As the dimensions of the microfluidic devices are reduced, some physics characteristics are different compared to conventional laboratory-scale assay. | ||
+ | <br> | ||
+ | </p> | ||
+ | |||
+ | <p align="justify"> | ||
+ | |||
+ | For these reasons, dedicated microfluidic instruments have been developed to precisely control fluids (liquids or gas) inside microchannels. Some of these systems can be used directly inside the chip (electrodes, valves, etc) while some others are used as external actuators or accessories such as flow controllers (pressure pumps, syringe pumps, peristaltic pump, etc) or external valves. | ||
+ | |||
+ | |||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-6 wowload fadeInRight"> | ||
+ | <h4><i class="fa fa-code-fork" style="color:#b22222"></i> Resistivity </h4> | ||
+ | |||
+ | <p align="justify"> | ||
+ | <b> Electrical analogy and Ohm's law</b><br> | ||
+ | |||
+ | Microfluidic flows are characterized by the prevalence of the viscosity effects compared to inertia. From a physics point of view, this behavior is pointed out by a low Reynolds number. It leads to a drastic simplification of the complex Navier-Stokes equations describing fluid mechanics. Thus, a very simple equation linking: | ||
+ | |||
+ | <ul style="list-style:none"> | ||
+ | <li><i class="fa fa-angle-right"style="color:#b22222"></i> Pressure </li> | ||
+ | <li><i class="fa fa-angle-right"style="color:#b22222"></i> Mean flow-rate </li> | ||
+ | <li><i class="fa fa-angle-right"style="color:#b22222"></i> Microfluidic resistance can be deduced based on the electrical analogy (Ohm’s law) </li> | ||
+ | </ul> | ||
+ | </p> | ||
+ | <br> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="wowload fadeInUp" > | ||
+ | |||
+ | |||
+ | |||
+ | <p align="center"><a href="http://www.fluigent.com/what-is-microfluidics"><img src="https://static.igem.org/mediawiki/2015/3/31/Fluigentpressure.png" alt="Logo" width="700" height=auto></a> </p> | ||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | <h4><i class="fa fa-stack-overflow" style="color:#b22222"></i> Microfluidic Flow Control System (MFCS <sup>TM</sup>-EZ) </h4> | ||
+ | <p align="center"> | ||
+ | |||
+ | The MFCS-EZ is a unique pressure-based flow controller for micro-fluidics and nano-fluidics applications. | ||
+ | </p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | |||
+ | |||
+ | <div class="col-sm-6 wowload fadeInLeft"> | ||
+ | |||
+ | <p align="justify"> | ||
+ | <ul style="list-style:none"> | ||
+ | <li><i class="fa fa-angle-right"style="color:#b22222"></i> Easy to install and use </li> | ||
+ | <li><i class="fa fa-angle-right"style="color:#b22222"></i> Easy to automate</li> | ||
+ | <li><i class="fa fa-angle-right"style="color:#b22222"></i> Fast and stable </li> | ||
+ | <li><i class="fa fa-angle-right"style="color:#b22222"></i> Field proven technology </li> | ||
+ | <li><i class="fa fa-angle-right"style="color:#b22222"></i> The best service at critical times </li> | ||
+ | </ul> | ||
+ | |||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-6 wowload fadeInRight"> | ||
+ | |||
+ | <p align="center"><img src="https://static.igem.org/mediawiki/2015/6/6e/Fluigentflowcontrol.png" alt="Logo" width="300" height=auto> </p> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="wowload fadeInUp" > | ||
+ | |||
+ | <h4><i class="fa fa-question" style="color:#b22222"></i> FASTAB<sup>TM</sup> TECHNOLOGY </h4> | ||
+ | <p align="justify"> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2015/4/4f/Fluigent2.png" alt="Logo" width="600" height=auto></center><br> | ||
+ | Current microfluidic control systems such as syringe, peristaltic or piston pumps are poorly adapted to the manipulation of fluid volumes in the nanoliter range, leading to long equilibration times, irreproducibility and pulsing. <br> | ||
+ | </p> | ||
+ | |||
+ | <p align="justify"> | ||
+ | |||
+ | To solve this problem, FLUIGENT has developed the patented FASTAB<sup>TM</sup> technology: a pressure driven technology including an advanced feedback control algorithm with no mechanical part involved. These specificities enable a pulseless flow as well as a greater responsiveness. | ||
+ | </br> | ||
+ | </p> | ||
+ | |||
+ | <p align="justify"> | ||
+ | |||
+ | Based on the FASTAB<sup>TM</sup> technology, our MFCS<sup>TM</sup> (Microfluidic Flow Control Systems) series are compatible with any microfluidic application. | ||
+ | |||
+ | <br> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2015/6/6e/Fluigent3.png" alt="Logo" width=auto height="300"></center> | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </br> | ||
+ | </br> | ||
+ | |||
+ | <!--BOXES --> | ||
+ | <div id="works" class=" clearfix grid"> | ||
+ | <figure class="effect-oscar" > | ||
+ | <img src="https://static.igem.org/mediawiki/2015/3/34/Wii.jpg" alt="img01"/> | ||
+ | <a href="https://2015.igem.org/Team:IONIS_Paris/Project" > | ||
+ | <figcaption> | ||
+ | <h2>PROJECT</h2> | ||
+ | <p>BactMan Adventures <br> | ||
+ | </p> | ||
+ | </figcaption> | ||
+ | </a> | ||
+ | </figure> | ||
+ | |||
+ | <figure class="effect-oscar"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/thumb/b/b1/Optogenetics.jpg/800px-Optogenetics.jpg" alt="team"/> | ||
+ | <a href="https://2015.igem.org/Team:IONIS_Paris/Project/Optogenetics" > | ||
+ | <figcaption> | ||
+ | <h2>OPTOGENETICS</h2> | ||
+ | <p>Our scientific core of the project<br> | ||
+ | </p> | ||
+ | </figcaption> | ||
+ | </a> | ||
+ | </figure> | ||
+ | |||
+ | <figure class="effect-oscar"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/e/e4/Gameover-box.jpg" alt="team"/> | ||
+ | <a href="https://2015.igem.org/Team:IONIS_Paris/Project/Game_Over" > | ||
+ | <figcaption> | ||
+ | <h2>GAME OVER</h2> | ||
+ | <p>Allowing the end of the game<br> | ||
+ | </p> | ||
+ | </figcaption> | ||
+ | </a> | ||
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | <!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body --> | ||
+ | <div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls"> | ||
+ | <!-- The container for the modal slides --> | ||
+ | <div class="slides"></div> | ||
+ | <!-- Controls for the borderless lightbox --> | ||
+ | <h3 class="title">Title</h3> | ||
+ | <a class="prev">‹</a> | ||
+ | <a class="next">›</a> | ||
+ | <a class="close">×</a> | ||
+ | <!-- The modal dialog, which will be used to wrap the lightbox content --> | ||
+ | </div> | ||
+ | |||
+ | <!-- Up HOME --> | ||
+ | <a href="#banner" class="gototop "><i class="fa fa-chevron-circle-up fa-3x"></i></a> | ||
+ | |||
+ | </body> | ||
</html> | </html> | ||
+ | |||
+ | {{IONIS_Paris-menu}} | ||
+ | {{IONIS_Paris/FootPage}} |
Latest revision as of 14:53, 18 September 2015
What is Microfluidics?
Manipulating and controlling fluids
Microfluidics is the science and technology of manipulating and controlling fluids, usually in the range of micro liters (10-6) to pico liters (10-12), in networks of channels with lowest dimensions from ten to hundred micrometers. This emerging discipline takes its origin in the early 1990s and has known a dramatic growth since then, partly due to the increasing popularity of microscale analytical chemistry techniques and the development of microelectronic technologies.
A very attractive technology
Microfluidics is a very attractive technology for both academic researchers and industrials since it considerably:
- Decreases sample and reagent consumptions
- Shortens time of experiments and doing so
- Reduces the overall costs of applications
Thanks to the low volume required, microfluidics represents a promising alternative to conventional laboratory techniques as it allows achieving complete laboratory protocols on a single chip of few square centimeters.
Microfluidics chip
A specific design
Microfluidic chips are the devices used in microfluidics in which a micro-channels network has been modelled or patterned. Thanks to a various number of inlet and outlet ports, these microfluidic instruments allow your fluids to pass through different channels of different diameter, usually ranging from 5 to 500 µm1. The micro-channels network must be specifically designed for your application and the analyses you want to carry out.
Several applications
Microfluidic devices such as chips have many advantages as they can decrease your sample and reagent consumption and increase automation, thus minimizing your analysis time. Such devices allow applications in many areas such as medicine, biology, chemistry and physics. Three types of materials are commonly used to create microfluidic chips: silicon, glass, and polymers. Each material has its specific chemical and physical characteristics. The choice of the material depends on the needs and conditions of your applications (type of solvant, samples, etc.), the design of the chip you want to obtain and your budget.
Several materials
Microfluidic chip in silicon
Advantages of silicon are its superior thermal conductivity, surface stability and solvent compatibility. However no applications in optical detection can be done due to its optical opacity.
Microfluidic chip in glass
Glass shares with silicon the same advantages mentioned above. Its well-defined surface chemistries, superior optical transparency and excellent high-pressure resistance make it a material of choice for many applications. Glass is also biocompatible, chemically inert, and hydrophilic and allows efficient coatings. The main hurdle with this material remains its rather high cost, even though prices have been significantly reduced.
Microfluidic chip in polymers
Polymers offer an attractive alternative to glass and silicon as they are cheaper, robust and require faster fabrication processes. Many polymers can be used to build chips : Polystyrene (PS), Polycarbonate (PC), Polyvinyl chloride (PVC), Cyclic Olefin Copolymer (COC), Polymethyl methacrylate (PMMA) and Polydimethylsiloxane (PDMS).
Our microfluidic chip is designed in PDMS by Microfactory.
Microfactory is a spin-off from ESPCI, more specifically from the MMN Lab (Microfluidics, Microelectromechanical systems - MEMS and Nanostructures laboratory)
Our Bio-Console
Introduction
Our first goal in this game is to interact with the real world throw a computer game. The game is based on the movement of a bubble in a microfluidic system, then we add a virtual part to the microscope video and integrate our virtual game.
The bubble detection
First of all, we add to detect the bubble in the system, so we use the Hough circle detection algorithm to find it and return it position. We decided to use a microfluidic chip of 1,2x1,6 cm of size with 0,3 mm sized channels. The detection have to find the bubble of 0,3 mm diameter in a channel used as a circuit. To detect the bubble, the contrast between the bubble and the environment have to be sufficient to locate the bubble in the microscope image. So, we decided to use a transparent and blue environment to respect this contrast.
The game part
Once we have detected the bubble in the image, we have to integrate it into a game, the location of the bubble gives us a position in the image and a size, and the virtual part can be added to interact with the bubble. All the virtual part is construct like a game engine, we have the Game User Interface engine (GUI engine), the Graphical engine, the Physical engine, etc. The bubble has also its own virtual part to interact with the virtual world. As we said, the player has to move the bubble into the chip from a beginning point to the end of the circuit, and this circuit have a lot of virtual objects like lasers, checkpoints, etc. The player have to interact with the bubble to dodge the lasers, and if he touch one off them, the game detect a collision between the bubble detected with our Hough circle detection and the virtual laser. That’s how we interact between the real world and our virtual world.
3D printing the Bio-Console
In order to transport and move properly and safely our Bio-Console we decided to 3D print a Bio-Console container box. This box is designed by sketchup exclusively for the Bio-Console in ABS. Using this technology, we managed to print this box in twice 12h of printing: 12h for each part of the box. Indeed, the 3D printer could'nt print the box in one time, because the container dimension was to big for the printer. As a result, we had to design the box in two parts.
Going further about microfluidics
Microfluidic properties and notions
As the dimensions of the microfluidic devices are reduced, some physics characteristics are different compared to conventional laboratory-scale assay.
For these reasons, dedicated microfluidic instruments have been developed to precisely control fluids (liquids or gas) inside microchannels. Some of these systems can be used directly inside the chip (electrodes, valves, etc) while some others are used as external actuators or accessories such as flow controllers (pressure pumps, syringe pumps, peristaltic pump, etc) or external valves.
Resistivity
Electrical analogy and Ohm's law
Microfluidic flows are characterized by the prevalence of the viscosity effects compared to inertia. From a physics point of view, this behavior is pointed out by a low Reynolds number. It leads to a drastic simplification of the complex Navier-Stokes equations describing fluid mechanics. Thus, a very simple equation linking:
- Pressure
- Mean flow-rate
- Microfluidic resistance can be deduced based on the electrical analogy (Ohm’s law)
Microfluidic Flow Control System (MFCS TM-EZ)
The MFCS-EZ is a unique pressure-based flow controller for micro-fluidics and nano-fluidics applications.
- Easy to install and use
- Easy to automate
- Fast and stable
- Field proven technology
- The best service at critical times
FASTABTM TECHNOLOGY
Current microfluidic control systems such as syringe, peristaltic or piston pumps are poorly adapted to the manipulation of fluid volumes in the nanoliter range, leading to long equilibration times, irreproducibility and pulsing.
To solve this problem, FLUIGENT has developed the patented FASTABTM technology: a pressure driven technology including an advanced feedback control algorithm with no mechanical part involved. These specificities enable a pulseless flow as well as a greater responsiveness.
Based on the FASTABTM technology, our MFCSTM (Microfluidic Flow Control Systems) series are compatible with any microfluidic application.