(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{ | + | {{Global_Menubar}} |
− | <html> | + | {{Team:BostonU_Hardware/CSS}} |
+ | <html lang="en"> | ||
+ | <head> | ||
+ | <meta charset="utf-8" /> | ||
+ | <link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png"> | ||
+ | <link rel="icon" type="image/png" href="assets/img/favicon.png"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> | ||
+ | <title>Improve</title> | ||
− | < | + | <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' /> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | <!-- EXTRA STYLING --> |
− | < | + | <style> |
− | + | #Title{ | |
+ | color: red; | ||
+ | } | ||
+ | #page_background{ | ||
+ | background-image: url("https://static.igem.org/mediawiki/2017/0/04/MARS_General_Background.png"); | ||
+ | } | ||
+ | #BACKGROUND{ | ||
+ | width: 100%; | ||
+ | position: absolute; | ||
+ | } | ||
+ | #MARS{ | ||
+ | width: 15%; | ||
+ | position: absolute; | ||
+ | margin-top: 8%; | ||
+ | margin-left: 5%; | ||
+ | } | ||
+ | #TITLE{ | ||
+ | position: absolute; | ||
+ | width: 60%; | ||
+ | margin-left: 22%; | ||
+ | margin-top: 11%; | ||
+ | } | ||
+ | .main{ | ||
+ | margin-top: 2%; | ||
+ | } | ||
+ | #Header_Pic{ | ||
+ | height: 60%; | ||
+ | } | ||
+ | #Paragraph{ | ||
+ | text-align: center; | ||
+ | } | ||
+ | </style> | ||
− | + | </head> | |
− | + | ||
− | < | + | <!-- *************THIS IS WHERE PAGE STARTS************* --> |
− | < | + | <body> |
+ | <div class="landing-page"> | ||
+ | <div class="wrapper" id="page_background"> | ||
+ | <div class="header" id="Header_Pic"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/0/02/MARSbackground.png" id="BACKGROUND"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/2/22/MARSLogo2.png" id="MARS"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/6/69/MARS_Attributions.png" id="TITLE"> | ||
+ | </div> | ||
+ | <div class="main main-raised" style="margin-top:5%" id="uF_101"> | ||
+ | <div class="container"> | ||
+ | <h2>Microfluidics 101</h2> | ||
+ | <h3>Introduction to Microfluidics | Dinithi</h3> | ||
+ | <div class="text"> | ||
+ | In order to effectively use the MARS system, users need to have a fundamental understanding of microfluidics. With this in mind, we created an introduction to microfluidics that teaches users the basics of microfluidics. This educational component of project MARS consists of an introduction to microfluidic chips as well as a guide to the various primitives used in our microfluidic designs. | ||
+ | </div> | ||
+ | </div> | ||
− | </div> | + | <div class="container"> |
+ | <h3>Video Tutorials | Sarah and Dinithi</h3> | ||
+ | <div class="text" style="margin-bottom:3%;"> | ||
+ | In order to make the microfluidic chips we designed accessible to synthetic biologists we developed four fully-narrated tutorial videos. These videos go step by step through the process of manufacturing, assembling, and testing a microfluidic device. The four videos created teach uses how to mill a microfluidic chip, how to make PDMS, how to assemble a microfluidic chip, and how to clean a microfluidic chip. Each of these videos is accompanied by a detailed written protocol as well. | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="main main-raised" style="margin-top:5%" id ="Chip_Repo"> | ||
+ | <div class="container"> | ||
+ | <h2>Mars Repository</h2> | ||
+ | <div class="text"> | ||
+ | In order to make microfluidics a practical field for synthetic biologists, we created the MARS microfluidic chip repository. This repository hosts nine microfluidic chips that each perform a fundamental synthetic biological protocol. These nine protocols were determined after reaching out to synthetic biologists in the Boston University and iGEM communities. Each chip comes with all the required design files and documentation so that a synthetic biologist could download, manufacture, and test any chip in the repository. The nine chips in the MARS repository are as follows: | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="container"> | ||
+ | <h3>Cellular Lysis | Dylan</h3> | ||
+ | </div> | ||
+ | <div class="container"> | ||
+ | <h3>DNA Digestion | Dinithi</h3> | ||
+ | </div> | ||
+ | <div class="container"> | ||
+ | <h3>Cell Sorting | Dinithi</h3> | ||
+ | </div> | ||
+ | <div class="container"> | ||
+ | <h3>Ligation | Sarah</h3> | ||
+ | </div> | ||
+ | <div class="container"> | ||
+ | <h3>Transformation | Sarah</h3> | ||
+ | </div> | ||
+ | <div class="container"> | ||
+ | <h3>PCR | Sarah</h3> | ||
+ | </div> | ||
+ | <div class="container"> | ||
+ | <h3>Antibiotic Resistance | Dylan</h3> | ||
+ | </div> | ||
+ | <div class="container"> | ||
+ | <h3>Fluorescence Testing | Dinithi</h3> | ||
+ | </div> | ||
+ | <div class="container"> | ||
+ | <h3>Cell Culturing | Dylan</h3> | ||
+ | </div> | ||
+ | |||
+ | <div class="container" > | ||
+ | <div class="text" style="margin-bottom:3%; margin-top:3%;"> | ||
+ | For more information regarding each chip, please see our <a href="https://2017.igem.org/Team:BostonU_HW/Archive">MARS repository page</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="main main-raised" style="margin-top:5%; margin-bottom:3%;" id="FF"> | ||
+ | <div class="container"> | ||
+ | <h2>Fluid Functionality</h2> | ||
+ | <div class="text"> | ||
+ | In order to verify whether or not a microfluidic device is functional, a grading system was developed: the Fluid Functionality Checklist. This fluid functionality system was broken up into two portions: a qualitative checklist and a quantitative analysis. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="container"> | ||
+ | <h3>Qualitative Checklist | Dylan, Sarah, and Dinithi</h3> | ||
+ | <div class="text"> | ||
+ | The qualitative portion of the fluid functionality checklist consists of various failure modes. These are visual cues that something has gone wrong while running a chip, such as liquid leaking out of a channel or primitive. If a chip passes each of these qualitative checks, it is deemed “fluid functional.” If a chip does not pass each of these qualitative checks, the user moves to the quantitative analysis to determine why the chip failed. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="container"> | ||
+ | <h3>Quantitative Analysis | Dylan and Sarah</h3> | ||
+ | <div class="text" style="margin-bottom:3%;"> | ||
+ | The quantitative portion of the fluid functionality checklist consists of various quantitative analyses. Two forms of analysis are included in this portion of our evaluation system: physics-based primitive analysis and image processing-based analysis. Physics based analysis helps to determine if a qualitative failure occurred because the incorrect primitive dimensions and/or flow rate were used. Image processing analysis is used to evaluate the functionality of primitives such as mixers. Using these analyses, a user can both determine why their chip failed and evaluate the functionality of key primitives. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </body> | ||
</html> | </html> | ||
+ | |||
+ | {{Team:BostonU_Hardware/Javascript}} |
Revision as of 20:33, 29 October 2017
Microfluidics 101
Introduction to Microfluidics | Dinithi
In order to effectively use the MARS system, users need to have a fundamental understanding of microfluidics. With this in mind, we created an introduction to microfluidics that teaches users the basics of microfluidics. This educational component of project MARS consists of an introduction to microfluidic chips as well as a guide to the various primitives used in our microfluidic designs.
Video Tutorials | Sarah and Dinithi
In order to make the microfluidic chips we designed accessible to synthetic biologists we developed four fully-narrated tutorial videos. These videos go step by step through the process of manufacturing, assembling, and testing a microfluidic device. The four videos created teach uses how to mill a microfluidic chip, how to make PDMS, how to assemble a microfluidic chip, and how to clean a microfluidic chip. Each of these videos is accompanied by a detailed written protocol as well.
Mars Repository
In order to make microfluidics a practical field for synthetic biologists, we created the MARS microfluidic chip repository. This repository hosts nine microfluidic chips that each perform a fundamental synthetic biological protocol. These nine protocols were determined after reaching out to synthetic biologists in the Boston University and iGEM communities. Each chip comes with all the required design files and documentation so that a synthetic biologist could download, manufacture, and test any chip in the repository. The nine chips in the MARS repository are as follows:
Cellular Lysis | Dylan
DNA Digestion | Dinithi
Cell Sorting | Dinithi
Ligation | Sarah
Transformation | Sarah
PCR | Sarah
Antibiotic Resistance | Dylan
Fluorescence Testing | Dinithi
Cell Culturing | Dylan
For more information regarding each chip, please see our MARS repository page
Fluid Functionality
In order to verify whether or not a microfluidic device is functional, a grading system was developed: the Fluid Functionality Checklist. This fluid functionality system was broken up into two portions: a qualitative checklist and a quantitative analysis.
Qualitative Checklist | Dylan, Sarah, and Dinithi
The qualitative portion of the fluid functionality checklist consists of various failure modes. These are visual cues that something has gone wrong while running a chip, such as liquid leaking out of a channel or primitive. If a chip passes each of these qualitative checks, it is deemed “fluid functional.” If a chip does not pass each of these qualitative checks, the user moves to the quantitative analysis to determine why the chip failed.
Quantitative Analysis | Dylan and Sarah
The quantitative portion of the fluid functionality checklist consists of various quantitative analyses. Two forms of analysis are included in this portion of our evaluation system: physics-based primitive analysis and image processing-based analysis. Physics based analysis helps to determine if a qualitative failure occurred because the incorrect primitive dimensions and/or flow rate were used. Image processing analysis is used to evaluate the functionality of primitives such as mixers. Using these analyses, a user can both determine why their chip failed and evaluate the functionality of key primitives.