Difference between revisions of "Team:NTU-Singapore/Design"
(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{ | + | {{NTUSG}} |
− | <html> | + | <html lang="en"> |
− | < | + | <head> |
+ | <meta charset="utf-8"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
+ | <meta name="description" content=""> | ||
+ | <meta name="author" content=""> | ||
− | < | + | <title>NTU SG iGEM 2015</title> |
− | + | ||
− | </ | + | |
− | < | + | <!-- Bootstrap Core CSS --> |
− | < | + | <link href="https://2015.igem.org/Template:NTU-Singapore-bootstrap/CSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> |
− | + | ||
− | + | ||
− | < | + | <!-- Fonts --> |
+ | <link href="https://2015.igem.org/Template:NTU-Singapore-fontawesome/CSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | ||
+ | <link href="https://2015.igem.org/Template:NTU-Singapore-animate/CSS?action=raw&ctype=text/css" rel="stylesheet" > | ||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> | ||
+ | |||
+ | <!-- Squad theme CSS --> | ||
+ | <link href="https://2015.igem.org/Template:NTU-Singapore/CSS?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <link href="https://2015.igem.org/Template:NTU-Singapore-color/CSS?action=raw&ctype=text/css" rel="stylesheet"> | ||
− | + | </head> | |
− | + | ||
− | </ | + | |
− | </div> | + | <body id="page-top" data-spy="scroll" data-target=".navbar-custom"> |
+ | |||
+ | |||
+ | <nav class="navbar navbar-custom navbar-fixed-top" role="navigation" style="margin-top: 15px;"> | ||
+ | <div class="container"> | ||
+ | <div class="navbar-nav page-scroll"> | ||
+ | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse"> | ||
+ | <i class="fa fa-bars"></i> | ||
+ | </button> | ||
+ | <a class="navbar-brand" href="https://2015.igem.org/Team:NTU-Singapore#intro" > | ||
+ | <h1 style="border-bottom: 0px; margin-top: -10px;">NTU S'PORE</h1> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <!-- Collect the nav links, forms, and other content for toggling --> | ||
+ | <div class="collapse navbar-collapse navbar-right navbar-main-collapse"> | ||
+ | <ul class="nav navbar-nav"> | ||
+ | <li class="active"><a href="https://2015.igem.org/Team:NTU-Singapore#intro">Home</a></li> | ||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:NTU-Singapore/Team">Team</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:NTU-Singapore/Project">Project</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:NTU-Singapore/Parts">Parts</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:NTU-Singapore/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:NTU-Singapore/Practices">Human Practices</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:NTU-Singapore/Modeling">Modeling</a></li> | ||
+ | |||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | <!-- /.navbar-collapse --> | ||
+ | </div> | ||
+ | <!-- /.container --> | ||
+ | </nav> | ||
+ | |||
+ | |||
+ | <!-- Page Navigation --> | ||
+ | |||
+ | |||
+ | <div class="page-nav page-scroll" style="list-style-type: none;"> | ||
+ | |||
+ | <ul style="list-style-image: none;"> | ||
+ | |||
+ | <li class="dropdown" style="list-style-type: none"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="list-style-type: none">Jump To <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu" style="list-style-type: none; min-width:120px;"> | ||
+ | <li><a href="#a1">Concept</a></li> | ||
+ | <li><a href="#a2">Design</a></li> | ||
+ | <li><a href="#a3">Testing It Out</a></li> | ||
+ | <li><a href="#a4">Results</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <!-- Page Navigation --> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- Section: Human Practice --> | ||
+ | |||
+ | <!--Header: Human Practice--> | ||
+ | <section id="about" class="home-section-humanprac text-center bg-gray pageup" > | ||
+ | <br><br><br> | ||
+ | <div class="heading-about" > | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-lg-8 col-lg-offset-2"> | ||
+ | <div class="wow bounceInDown" data-wow-delay="0.4s"> | ||
+ | <div class="section-heading" style="margin-bottom 3px"> | ||
+ | <h2 style="border-bottom: 0px; color: white;">Shezzzz Sensor!!</h2> | ||
+ | <i class="fa fa-child fa-2x" style="color: white;"></i><i class="fa fa-child fa-2x" style="color: white;"></i><i class="fa fa-child fa-2x "style="color: white;"></i> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="row" style="margin-bottom: 0px"> | ||
+ | <div class="col-lg-2 col-lg-offset-5" style="height: 11px;padding-bottom: 0px"> | ||
+ | <!--<hr class="marginbot-50" style="margin-bottom: 1px">--!> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!--Header: Human Practice--> | ||
+ | |||
+ | <!--content--> | ||
+ | |||
+ | <!--Activity1--> | ||
+ | <section id="a1" class="home-section-humanprac text-center bg-gray" > | ||
+ | |||
+ | |||
+ | <div class="container" > | ||
+ | |||
+ | <div class="row boxed-grey-humanprac" > | ||
+ | |||
+ | <div class="wow bounceInUp" data-wow-delay="0.2s" > | ||
+ | |||
+ | <div class="inner" > | ||
+ | <h5>The Concept</h5><br> | ||
+ | <p class="subtitle explain"> As MFCs have the potential to be used as a biosensor which is able to detect various chemicals and produce an electrical output. The ability to convert chemical to electrical signals gives MFCs an advantage over biosensors which rely on chemical outputs, i.e. fluorescence proteins as the electrical output allows on-field monitoring, automated data collection as well as WIFI communication. <br>For our project, our idea to make a portable device which allows users to test the cleanliness of water samples. Our device has two important components, the reader and the sensor. The reader is an arduino-controlled voltmeter and has a 16x2 LCD screen which provides a voltage reading to the user. While the sensor is a disposable cartridge which houses the MFC. Liquid samples can be loaded into the sensors and plugged into the reader to check if the voltage reading. After designing the cartridge, we carried out a proof-of-concept experiment to test the feasibility of our concept by first testing whether our disposable cartridge works. | ||
+ | |||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <br> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | |||
+ | <!--Activity2--> | ||
+ | <section id="a2" class="home-section-humanprac text-center"> | ||
+ | |||
+ | <div class="container"> | ||
+ | |||
+ | |||
+ | <div class="row boxed-grey-humanprac" > | ||
+ | |||
+ | <div class="wow bounceInUp" data-wow-delay="0.2s"> | ||
+ | |||
+ | <div class="inner"> | ||
+ | <h5>Design</h5> | ||
+ | <p class="subtitle explain">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce mollis sem porta, tempus nunc et, rutrum tortor. Donec eleifend nunc non mauris hendrerit, eu ornare ipsum auctor. Nunc pellentesque dui eu sagittis porttitor. Vivamus posuere volutpat magna sed ultrices. Phasellus egestas lacinia massa. Praesent gravida, eros a laoreet ultricies, arcu ligula tincidunt nisi, sed pretium ante nisi a lectus. Integer nec cursus massa, vel commodo justo. Nulla maximus est mi, vitae rhoncus turpis venenatis ac. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla aliquet aliquet lectus et vestibulum. Nunc vulputate ligula in feugiat euismod. Suspendisse potenti. | ||
+ | |||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <br> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | |||
+ | |||
+ | <!--Activity3--> | ||
+ | <section id="a3" class="home-section-humanprac text-center"> | ||
+ | |||
+ | <div class="container"> | ||
+ | |||
+ | |||
+ | <div class="row boxed-grey-humanprac" > | ||
+ | |||
+ | <div class="wow bounceInUp" data-wow-delay="0.2s"> | ||
+ | |||
+ | <div class="inner"> | ||
+ | <h5>Testing It Out</h5> | ||
+ | <p class="subtitle explain">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce mollis sem porta, tempus nunc et, rutrum tortor. Donec eleifend nunc non mauris hendrerit, eu ornare ipsum auctor. Nunc pellentesque dui eu sagittis porttitor. Vivamus posuere volutpat magna sed ultrices. Phasellus egestas lacinia massa. Praesent gravida, eros a laoreet ultricies, arcu ligula tincidunt nisi, sed pretium ante nisi a lectus. Integer nec cursus massa, vel commodo justo. Nulla maximus est mi, vitae rhoncus turpis venenatis ac. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla aliquet aliquet lectus et vestibulum. Nunc vulputate ligula in feugiat euismod. Suspendisse potenti. | ||
+ | |||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <br> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | |||
+ | |||
+ | <!--Activity4--> | ||
+ | <section id="a4" class="home-section-humanprac text-center bg-gray"> | ||
+ | |||
+ | <div class="container"> | ||
+ | |||
+ | |||
+ | <div class="row boxed-grey-humanprac " > | ||
+ | |||
+ | <div class="wow bounceInUp" data-wow-delay="0.2s"> | ||
+ | |||
+ | <div class="inner"> | ||
+ | <h5>Results</h5> | ||
+ | <p class="subtitle explain">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce mollis sem porta, tempus nunc et, rutrum tortor. Donec eleifend nunc non mauris hendrerit, eu ornare ipsum auctor. Nunc pellentesque dui eu sagittis porttitor. Vivamus posuere volutpat magna sed ultrices. Phasellus egestas lacinia massa. Praesent gravida, eros a laoreet ultricies, arcu ligula tincidunt nisi, sed pretium ante nisi a lectus. Integer nec cursus massa, vel commodo justo. Nulla maximus est mi, vitae rhoncus turpis venenatis ac. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla aliquet aliquet lectus et vestibulum. Nunc vulputate ligula in feugiat euismod. Suspendisse potenti. | ||
+ | |||
+ | </p> | ||
+ | <p class="subtitle explain">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce mollis sem porta, tempus nunc et, rutrum tortor. Donec eleifend nunc non mauris hendrerit, eu ornare ipsum auctor. Nunc pellentesque dui eu sagittis porttitor. Vivamus posuere volutpat magna sed ultrices. Phasellus egestas lacinia massa. Praesent gravida, eros a laoreet ultricies, arcu ligula tincidunt nisi, sed pretium ante nisi a lectus. Integer nec cursus massa, vel commodo justo. Nulla maximus est mi, vitae rhoncus turpis venenatis ac. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla aliquet aliquet lectus et vestibulum. Nunc vulputate ligula in feugiat euismod. Suspendisse potenti. | ||
+ | |||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <br> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | |||
+ | <!--content --> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <footer> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-12 col-lg-12"> | ||
+ | <div class="wow shake" data-wow-delay="0.4s"> | ||
+ | <div class="page-scroll marginbot-30"> | ||
+ | <a href="#page-top" id="totop" class="btn btn-circle"> | ||
+ | <i class="fa fa-angle-double-up animated" style="margin-top: 4px"></i> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </footer> | ||
+ | |||
+ | <!-- Core JavaScript Files --> | ||
+ | <script src="https://2015.igem.org/Template:NTU-Singapore-jquery/Javascript?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2015.igem.org/Template:NTU-Singapore-bootstrap/Javascript?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2015.igem.org/Template:NTU-Singapore-easing/Javascript?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2015.igem.org/Template:NTU-Singapore-scrollTo/Javascript?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2015.igem.org/Template:NTU-Singapore-wow/Javascript?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <!-- Custom Theme JavaScript --> | ||
+ | <script src="https://2015.igem.org/Template:NTU-Singapore-custom/Javascript?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | |||
+ | </body> | ||
</html> | </html> |
Revision as of 03:35, 10 September 2015
Shezzzz Sensor!!
The Concept
As MFCs have the potential to be used as a biosensor which is able to detect various chemicals and produce an electrical output. The ability to convert chemical to electrical signals gives MFCs an advantage over biosensors which rely on chemical outputs, i.e. fluorescence proteins as the electrical output allows on-field monitoring, automated data collection as well as WIFI communication.
For our project, our idea to make a portable device which allows users to test the cleanliness of water samples. Our device has two important components, the reader and the sensor. The reader is an arduino-controlled voltmeter and has a 16x2 LCD screen which provides a voltage reading to the user. While the sensor is a disposable cartridge which houses the MFC. Liquid samples can be loaded into the sensors and plugged into the reader to check if the voltage reading. After designing the cartridge, we carried out a proof-of-concept experiment to test the feasibility of our concept by first testing whether our disposable cartridge works.
Design
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce mollis sem porta, tempus nunc et, rutrum tortor. Donec eleifend nunc non mauris hendrerit, eu ornare ipsum auctor. Nunc pellentesque dui eu sagittis porttitor. Vivamus posuere volutpat magna sed ultrices. Phasellus egestas lacinia massa. Praesent gravida, eros a laoreet ultricies, arcu ligula tincidunt nisi, sed pretium ante nisi a lectus. Integer nec cursus massa, vel commodo justo. Nulla maximus est mi, vitae rhoncus turpis venenatis ac. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla aliquet aliquet lectus et vestibulum. Nunc vulputate ligula in feugiat euismod. Suspendisse potenti.
Testing It Out
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce mollis sem porta, tempus nunc et, rutrum tortor. Donec eleifend nunc non mauris hendrerit, eu ornare ipsum auctor. Nunc pellentesque dui eu sagittis porttitor. Vivamus posuere volutpat magna sed ultrices. Phasellus egestas lacinia massa. Praesent gravida, eros a laoreet ultricies, arcu ligula tincidunt nisi, sed pretium ante nisi a lectus. Integer nec cursus massa, vel commodo justo. Nulla maximus est mi, vitae rhoncus turpis venenatis ac. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla aliquet aliquet lectus et vestibulum. Nunc vulputate ligula in feugiat euismod. Suspendisse potenti.