(Prototype team page) |
|||
(19 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
− | {{ | + | <!DOCTYPE html> |
− | + | <html class="no-js"> | |
+ | <style> /********************************* WIKI RESET ********************************/ | ||
+ | @import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,700%7CSource+Sans+Pro:400,700%7CMontserrat:500'); | ||
+ | #sideMenu, #top_title { | ||
+ | display:none; | ||
+ | } | ||
+ | #content { | ||
+ | padding:0px; | ||
+ | width:100% !important; | ||
+ | margin-top:-26px; | ||
+ | margin-left:0px ; | ||
+ | font-family:"Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; !important; | ||
+ | } | ||
+ | body { | ||
+ | background-color: black; | ||
+ | font-family:"Crimson Text", "Source Sans Pro", Montserrat, sans-serif; !important; | ||
+ | } | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { | ||
+ | font-family:"Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; !important; | ||
+ | } | ||
+ | #HQ_page .bios-banner-caption { | ||
+ | text-align: center; !important; | ||
+ | font-family: 'Crimson Text', serif; !important; | ||
+ | font-size: 65px; !important; | ||
+ | } | ||
+ | #HQ_page p { | ||
+ | font-family: 'Crimson Text', serif; | ||
+ | font-size: 17px; | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 25px; | ||
+ | text-align: left; | ||
+ | color: rgba(7,7,7,0.7); | ||
+ | line-height: normal; | ||
+ | } | ||
+ | #HQ_page .bio-title { | ||
+ | font-size: 36px; !important; | ||
+ | } | ||
+ | #HQ_page .bio-subtitle { | ||
+ | font-size: 24px; !important; | ||
+ | } | ||
− | + | #HQ_page .sponsors-title { | |
− | + | margin: 100px 0; !important; | |
− | + | text-align: center; !important; | |
− | + | font-size: 65px; !important; | |
− | + | } | |
− | + | a:visited { | |
− | + | color: #000000; | |
− | + | } | |
− | + | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { | |
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
− | < | + | </style> |
− | < | + | <head> |
− | < | + | <meta charset="UTF-8"> |
− | < | + | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
− | < | + | <title>Bios</title> |
− | < | + | <meta name="description" content="Bios"> |
− | </ | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
+ | <!--Stylesheets--> | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/Team:Cornell/bootstrapCSS?action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/Team:Cornell/styles?action=raw&ctype=text/css"> <!--For nav bar text--> | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/Team:Cornell/animateCSS?action=raw&ctype=text/css"> <!--For slide show text animation--> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Cornell/slickCSS?action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/Team:Cornell/mainCSS?action=raw&ctype=text/css"> | ||
+ | <!-- JavaScript Files--> | ||
+ | <script src="https://2017.igem.org/Team:Cornell/jquerymin?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script src="https://2017.igem.org/Team:Cornell/modernizrJS?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script src="https://2017.igem.org/Team:Cornell/slickJS?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script src="https://2017.igem.org/Team:Cornell/stellar?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script src="https://2017.igem.org/Team:Cornell/mainJS?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | </head> | ||
− | |||
− | <div class=" | + | <!------------------------NAV BAR------------------------> |
− | < | + | <body class="ex-layout"> |
− | <ul> | + | <div class="main-nav-wrapper nav-wrapper-1-creative"> |
− | <li><a href="https:// | + | <nav> |
− | <li><a href="https:// | + | <div class="main-nav main-nav-1 creative-page nav-content-toggle"> |
− | <li><a href="https:// | + | <div class="container"> |
− | </ul> | + | <div class="nav-logo"> |
− | </div> | + | <a href="https://2017.igem.org/Team:Cornell"><img src="https://static.igem.org/mediawiki/2017/1/1d/CornellOxyponicsLogo.png" alt="Oxyponics"></a> |
+ | </div> <!--nav-logo--> | ||
+ | <ul class="nav-main-menu nav-content-item"> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell">HOME</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell/Description">ABOUT</a></li> | ||
+ | <li class="mega-menu menu-5-col"><a href="#">TOOLKIT</a> | ||
+ | <ul class="mega-menu-content"> | ||
+ | <li class="menu-title"><a href="#">WET LAB</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell/Results">FOUNDATIONS</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell/Demonstrate">DEMONSTRATE</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell/Contribution">CONTRIBUTION</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell/Parts">PARTS</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell/Basic_Part">BASIC PARTS</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell/Protocol">PROTOCOLS</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="menu-title"><a href="#">PRODUCT DEVELOPMENT</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell/Design">DESIGN PROCESS</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell/Applied_Design">APPLIED DESIGN</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell/Software">SOFTWARE</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell/Model">MODELING</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="menu-title"><a href="#">DOCUMENTATION</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell/Notebook">NOTEBOOK</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell/Safety">SAFETY</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">HUMAN CENTERED DESIGN</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell/HP/Gold_Integrated">PRACTICES</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell/Policies">POLICIES</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">OUTREACH</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell/Engagement">PUBLIC ENGAGEMENT</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">TEAM</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell/Team">BIOS</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell/Sponsors">SPONSORS</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Cornell/Attributions">ATTRIBUTIONS</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> <!--nav-content-item--> | ||
+ | </div> <!--nav bar container--> | ||
+ | </div> <!--main-nav--> | ||
+ | </nav> | ||
+ | </div> <!--main-nav-wrapper--> | ||
+ | <main> | ||
+ | <!------------------------END NAV BAR------------------------> | ||
+ | <!------------------------BANNER------------------------> | ||
+ | <header class="container-fluid banner-wrapper"> | ||
+ | <div class="container-fluid banner-wrapper banner-image-design"> | ||
+ | <div class="banner-caption">Design Process</div> | ||
+ | </div> | ||
+ | </header> | ||
+ | <!------------------------END BANNER------------------------> | ||
+ | <!-- Sidebar + Content--> | ||
+ | <div id="sidebar" class="container-fluid content-wrapper-font"> | ||
+ | <div class="row standardPageContent"> | ||
+ | <div class="col-xs-1"></div> | ||
+ | <!-- Side bar --> | ||
+ | <div class="col-xs-2 sidebar"> | ||
+ | <ul class="sidebar-wrapper"> | ||
+ | <li><a href="#overview">OVERVIEW</a></li> | ||
+ | <li><a href="#design">DESIGN</a></li> | ||
+ | <li><a href="#components">COMPONENTS</a></li> | ||
+ | <li><a href="#fabrication">FABRICATION</a></li> | ||
+ | <li><a href="#references">REFERENCES</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <!-- Page Content --> | ||
+ | <div class="col-xs-8 standard-content"> | ||
+ | <div class="content-title top"><a id="overview">OVERVIEW</a></div> | ||
+ | <p>The hardware components of this multidisciplinary project were designed and implemented using many engineering principles. After consulting various hydroponic farmers, researchers, and distributors, we were able to tailor our product to meet their specific needs (see <a class="link" href="https://2017.igem.org/Team:Cornell/HP/Gold_Integrated">Practices</a>). By using an iterative prototyping process, we modeled and tested our designs repeatedly and improved each time based our results. All the while, we aimed to develop an integrated system that can be easily utilized by our entire customer base. | ||
+ | </p> | ||
+ | <p>Cornell iGEM’s OxyPonics system combines our biological components with a hardware implementation that ensures we use the full potential of our bacteria. Our system is composed of three major parts. The first part is our bacteria, which provides optical outputs based on the redox environment and produces antioxidants in response to light signaling. Next, our sensor, which reads those outputs and decides how to signal the bacteria to produce the right amount of antioxidants. Finally, we have created an online dashboard, giving users real time access and control over their farm’s oxidative stress environment. To see our final product, go to our <a class="link" href="https://2017.igem.org/Team:Cornell/Applied_Design">Applied Design</a> page. | ||
+ | </p> | ||
+ | <div class="content-title"><a id="design">DESIGN</a></div> | ||
+ | <p>The Product Development team utilized the IDEO design thinking process developed by the Stanford Design School. The process follows five steps: empathize, define, ideate, prototype, and test [1]. At the beginning of the design process, we first discussed the various options to consider such as what materials to use, how the bacteria would be incorporated into the hardware, and how this product can impact the world. We participated in a hardware accelerator program at Rev: Ithaca Startup Works and ultimately built our project in three phases: feasibility, proof-of-concept, and prototyping. After months of brainstorming, we decided to make a compact sensor unit utilizing our Wetlab’s engineered redox sensitive proteins to detect the amount of oxidative stress in the environment. Studies show that providing the right amount of oxidative stress to plants can increase growth by 5-15% [2]. Hydroponic farms currently do not utilize ways of measuring oxidative stress, giving us a potentially novel idea. To test feasibility, we interviewed professors, farmers, and companies, conducting over 40 interviews to discover our customers’ wants and needs. We were able to define a problem and proceeded to iteratively sketch ideas for our proof-of-concept. After prototyping, we brought our ideas back to our interviewees to receive feedback and improve our design, ultimately developing our OxyPonics project. | ||
+ | </p> | ||
+ | <div class="image-wrapper"> | ||
+ | <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/2/26/T--Cornell--PDDesign.jpeg" alt="graphs"/> | ||
+ | </div> | ||
+ | <div class="content-title"><a id="components">COMPONENTS</a></div> | ||
+ | <p>OxyPonics mechanical product consist of three main components. The first component is a central housing box. All electrical mechanisms and motors that power OxyPonics’s data gathering-and-response system are contained inside the water-tight box. The housing uses epoxy and 3D printed constructs to safely enclose all dry components of the product. The second component is a rotating light module controlled by servos, which consists of two lights. One light shines a 448 nm wavelength of light to activate the fluorescent protein [3] and the other a 576 nm wavelength of light to activate pDawn and produce enzymes to breakdown the oxidative stress [4]. The third component of the redox sensor is the mounted camera. This camera measures the fluorescence emitted by the bacteria’s fluorescent protein and sends the appropriate amount of pDawn activating light. <a class="link" href="https://2017.igem.org/Team:Cornell/Software">Ratiometric algorithms</a> use the camera’s readings to ensure the water surrounding a hydroponic plant stays at the optimal oxidative stress state. All three components can be attached to our designed railing system to minimize the number of cameras a hydroponic farmer may need. This railing system can capture real time data of each and every plant within an entire hydroponic bed. | ||
+ | </p> | ||
+ | <div class="content-title"><a id="fabrication">FABRICATION</a></div> | ||
+ | <p>We 3D printed several plastic models of the electronics housing, the camera mount, the servo mounts, and the Raspberry Pi mount using the Makerbot provided at Rev and the Rapid Prototyping Lab at Cornell University. The ArduCam 5 MP Mini Camera OV5647 1080p and light module were set up in the electronics housing. The waterproof box containing the electronic components of our product was machined by members of the team in the Emerson Lab at Cornell University. The box was designed to hold a piece of plexiglass on top to allow the fluorescence from the bacteria to reach the camera system and our wavelengths of light to activate the bacteria. All electronics and software were assembled and produced by the Product Development team. | ||
+ | </p> | ||
+ | <div class="image-wrapper"> | ||
+ | <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/5/5e/T--Cornell--3Dprinter.jpeg" alt="graphs"/> | ||
+ | </div> | ||
+ | |||
+ | <div class="content-title"><a id="references">REFERENCES</a></div> | ||
+ | <ol id="references"> | ||
+ | <li>How to Kick Off a Crash Course. (n.d.). Retrieved May 19, 2017, from https://dschool.stanford.edu/resources/gear-up-how-to-kick-off-a-crash-course | ||
+ | </li> | ||
+ | <li>Schützendübel, A., & Polle, A. (2002, May 15). Plant responses to abiotic stresses: heavy metal‐induced oxidative stress and protection by mycorrhization | Journal of Experimental Botany | Oxford Academic. Retrieved October 24, 2017, from https://academic.oup.com/jxb/article/53/372/1351/644132/Plant-responses-to-abiotic-stresses-heavy-metal | ||
+ | </li> | ||
+ | <li>Zhang, J. (n.d.). Fluorescent Proteins . Retrieved October 24, 2017, from https://www.einstein.yu.edu/research/facilities/facs/page.aspx?id=22638 | ||
+ | </li> | ||
+ | <li>Magaraci, M. S., Veerakumar, A., Qiao, P., Amurthur, A., Lee, J. Y., Miller, J. S., . . . Sarkar, C. A. (2014, December 19). Engineering Escherichia coli for light-activated cytolysis of mammalian cells. Retrieved October 24, 2017, from https://www.ncbi.nlm.nih.gov/pmc/articles/PMC5264543/ | ||
+ | </li> | ||
+ | </ol> | ||
+ | </div> | ||
+ | <div class="col-xs-1"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!------------------------FOOTER------------------------> | ||
+ | <footer class="footer-preset-04 footer bgc-white"> | ||
+ | <div class="social-04"> | ||
+ | <a class="footerIconWrapper" href="https://www.facebook.com/cornelligem/"> | ||
+ | <div class="overlay"></div> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/0/0b/CornellFacebookIcon.png" alt="facebook" height="20"></a> | ||
+ | <a class="footerIconWrapper" href="https://twitter.com/cugem"> | ||
+ | <div class="overlay"></div> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/5/50/CornellTwitterIcon.png" alt="twitter" height="20"> | ||
+ | </a> | ||
+ | <a class="footerIconWrapper" href="https://www.instagram.com/cugem/"> | ||
+ | <div class="overlay"></div> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/3/36/CornellInstagramIcon.png" alt="instagram" height="20"> | ||
+ | </a> | ||
+ | <a class="footerIconWrapper" href="https://www.youtube.com/user/CornelliGEM"> | ||
+ | <div class="overlay"></div> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/5/50/CornellYoutubeIcon.png" alt="youtube" height="20"> | ||
+ | </a> | ||
+ | </div> | ||
+ | </footer> | ||
+ | <!------------------------END FOOTER------------------------> | ||
+ | </main> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 17:52, 29 October 2017
<!DOCTYPE html>