Difference between revisions of "Team:BostonU HW"

(Prototype team page)
 
 
(46 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{BostonU_HW}}
+
{{BostonU_HW/CSS}}
 +
{{BostonU_HW/Nav_Bar}}
 
<html>
 
<html>
 +
<head>
 +
  <meta charset="utf-8">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 +
  <meta name="description" content="Start your development with a Design System for Bootstrap 4.">
 +
  <meta name="author" content="Creative Tim">
 +
  <title>Argon Design System - Free Design System for Bootstrap 4</title>
 +
  <script src="https://2018.igem.org/Template:BostonU_HW/JS_jquery?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <script src="https://2018.igem.org/Template:BostonU_HW/JS_bootstrap_min?action=raw&ctype=text/javascript" type="text/javascript"></script>
  
 +
<!-- /* ADJUSTS DEFAULT iGEM CONTENT */-->
  
 +
<style type="text/css">
 +
.logo_2018, #sideMenu, #firstHeading, #bars_item { /* HIDES SOME UNWANTED STUFF COMPLETELY */
 +
    display: none;
 +
}
 +
#globalWrapper, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */
 +
    background-color: transparent;
 +
}
 +
/* ADJUSTS DEFAULT iGEM CONTENT */
  
−
 
+
.logo_2017, #sideMenu, #firstHeading, #bars_item { /* HIDES SOME UNWANTED STUFF COMPLETELY */
−
<div class="column full_size" >
+
    display: none;
−
<h1> Welcome to iGEM 2018! </h1>
+
}
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
#globalWrapper, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */
−
 
+
    background-color: transparent;
−
 
+
}
−
<img src="http://placehold.it/1080x320/c4baba/e4dede">
+
body, html, #globalWrapper, #bodyContent, #HQ_page {
−
+
width: 100%;
−
 
+
margin: 0;
−
</div>  
+
padding: 0;
−
 
+
height: 100%;
−
 
+
}
−
<div class="column full_size" >
+
#content {
−
 
+
width: 100%;
−
<h3>Before you start</h3>
+
margin: 0;
−
<p> Please read the following pages:</p>
+
margin-top: -33px;
−
<ul>
+
padding: 0;
−
<li> <a href="https://2018.igem.org/Competition">Competition Hub</a> </li>
+
height: 100%;
−
<li> <a href="https://2018.igem.org/Competition/Deliverables/Wiki">Wiki Requirements page</a></li>
+
}
−
<li> <a href="https://2018.igem.org/Resources/Template_Documentation">Template documentation</a></li>
+
html {
−
</ul>
+
-webkit-font-smoothing: antialiased;
 +
}
 +
#logo{
 +
height:100%;
 +
width:100%;
 +
margin-top: 2%;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
  <main>
 +
    <section class="section-profile-cover section-shaped my-0">
 +
      <div class="shape shape-style-1 shape-default shape-skew alpha-4"></div>
 +
      <div class="container">
 +
        <div class="row justify-content-center">
 +
          <div class="col-lg-4 pt-5">
 +
          <img src="https://static.igem.org/mediawiki/2018/c/c9/T--BostonU_HW--TERRA_logo.png" style="width: 250px;" class="img-fluid">
 +
          </div>
 +
          <div class="col-lg-8 pt-lg">
 +
            <h1 class="display-1 mb-0">TERRA</h1>
 +
            <div class="lead text-dark mt-0 mb-5">The Bridge Between Microfluidics and Benchtop Biology</div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
 +
    <section class="section section-skew">
 +
      <div class="container">
 +
        <div class="card card-profile shadow mt--300">
 +
          <div class="px-4 pt-3">
 +
        <div class="row justify-content-center">
 +
          <div class="col-lg-12">
 +
            <div class="px-4 pt-3">
 +
            <!-- Basic elements -->
 +
            <h2 class=display-3>Welcome to the 2018 BostonU HW Project: TERRA</p></h2>
 +
            <small class= "h6 text-default"> Microfluidics allows for the manipulation of small amounts of fluids on the scale of microliters and nanoliters. The application of microfluidics in synthetic biology research would enable scientists to design and implement synthetic biology systems more efficiently and with greater reproducibility.
 +
              <br>
 +
              <br>
 +
              While microfluidics is not new to the field of synthetic biology, it is not currently widely used or accessible to many benchtop biologists. The current “lab on a chip” microfluidic devices are highly specialized to each experiment and expensive to manufacture. In order to analyze the results of the experiments on microfluidic chips, many designs embed sensors directly into the chip. Many of these sensors, however, already exist as traditional analytical devices, such as plate readers. These devices could be used for analysis of microfluidic outputs if the outputs were dispensed selectively into a compatible vessel, such as a microtiter plate. If this were possible, synthetic biologists would be able to incorporate microfluidic chips to streamline their experiments without sinking time and money to design and fabricate highly specialized chips.
 +
              <br>
 +
              <br>
 +
              <b>Our project, TERRA, aims to create an automated system that bridges benchtop biology and microfluidics</b>. Terra is comprised of three main components:
 +
              <br>
 +
              <br>
 +
              <ol>
 +
                <li> <b>Microfluidics</b>: A microfluidic chip designed to execute a desired biological experiment. </li>
 +
                <br>
 +
                <li> <b>Hardware</b>: A low-cost, accessible active XY-plane selectively dispenses the output of the microfluidic chip to a 96-well plate and automated control syringes.</li>
 +
                <br>
 +
                <li> <b>Software</b>: A software interface that will allow the user to detail the parameters of the experiment run on the chip; the specific location per output on the 96-well plate; and the amount of each output dispensed. </li>
 +
              </ol>
 +
              <br>
 +
<br>
 
</div>
 
</div>
  
−
 
+
</small>
−
<div class="clear extra_space"></div>
+
            </div>
−
<div class="line_divider"></div>
+
              <br>
−
<div class="clear extra_space"></div>
+
            </div>
−
 
+
          </div>
−
 
+
        <br>
−
 
+
        <div class="card card-profile shadow px-4 pt-3">
−
<div class="column full_size" >
+
          <div class="px-4 pt-3">
−
<h3> Styling your wiki </h3>
+
        <div class="row justify-content-center">
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
          <div class="col-lg-12">
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
+
            <div class="px-4 pt-3">
−
 
+
            <!-- Basic elements -->
−
</div>
+
<h2 class="display-3 mb-0">Giant Jamboree</p></h2>
−
 
+
              <small class= "h4 text-default"> Awards </p></small>
−
 
+
              <small class="h6 text-default">
−
 
+
              We are proud to have achieved a Gold Medal and nominations for Best Hardware and Best Software tool at the Jamboree! </p>
−
 
+
                <img src="https://static.igem.org/mediawiki/2018/8/80/T--BostonU_HW--jamboree.jpg" width="100%" type="img-fluid">
−
<div class="clear extra_space"></div>
+
                <br><br>
−
 
+
              </small>
−
 
+
            </div>
−
 
+
          </div>
−
<div class="column third_size" >
+
        </div>
−
 
+
      </div>
−
<h3> Uploading pictures and files </h3>
+
    </section>
−
<p> You must upload any pictures and files to the iGEM 2018 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. </p>
+
  </main>
−
 
+
</body>
−
 
+
−
<p>When you upload, set the "Destination Filename" to <b> T--YourOfficialTeamName--NameOfFile.jpg</b>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
−
 
+
−
<div class="button_link">
+
−
<a href="https://2018.igem.org/Special:Upload">
+
−
UPLOAD FILES
+
−
</a>
+
−
</div>
+
−
 
+
−
</div>
+
−
 
+
−
<div class="column third_size" >
+
−
<h3> Wiki template information </h3>
+
−
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2018.igem.org/Judging/Pages_for_Awards">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column third_size" >
+
−
<div class="highlight decoration_B_full">
+
−
<h3> Editing your wiki </h3>
+
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
+
−
<p>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
−
 
+
−
<div class="button_link">
+
−
<a href="https://2018.igem.org/wiki/index.php?title=Team:BostonU_HW&action=edit">  
+
−
EDIT PAGE
+
−
</a>
+
−
</div>
+
−
 
+
−
 
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="clear extra_space"></div>
+
−
<div class="line_divider"></div>
+
−
<div class="clear extra_space"></div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column two_thirds_size" >
+
−
<h3>Tips</h3>
+
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
−
<ul>
+
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2018.igem.org/Calendar">iGEM 2018 calendar</a> </li>
+
−
<li>Have lots of fun! </li>
+
−
</ul>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="column third_size">
+
−
<div class="highlight decoration_A_full">
+
−
<h3>Inspiration</h3>
+
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
−
<ul>
+
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
 
</html>
 
</html>
 +
{{BostonU_HW/Javascript}}

Latest revision as of 21:21, 7 December 2018

Argon Design System - Free Design System for Bootstrap 4

Argon Design System - Free Design System for Bootstrap 4

TERRA

The Bridge Between Microfluidics and Benchtop Biology

Welcome to the 2018 BostonU HW Project: TERRA

Microfluidics allows for the manipulation of small amounts of fluids on the scale of microliters and nanoliters. The application of microfluidics in synthetic biology research would enable scientists to design and implement synthetic biology systems more efficiently and with greater reproducibility.

While microfluidics is not new to the field of synthetic biology, it is not currently widely used or accessible to many benchtop biologists. The current “lab on a chip” microfluidic devices are highly specialized to each experiment and expensive to manufacture. In order to analyze the results of the experiments on microfluidic chips, many designs embed sensors directly into the chip. Many of these sensors, however, already exist as traditional analytical devices, such as plate readers. These devices could be used for analysis of microfluidic outputs if the outputs were dispensed selectively into a compatible vessel, such as a microtiter plate. If this were possible, synthetic biologists would be able to incorporate microfluidic chips to streamline their experiments without sinking time and money to design and fabricate highly specialized chips.

Our project, TERRA, aims to create an automated system that bridges benchtop biology and microfluidics. Terra is comprised of three main components:

  1. Microfluidics: A microfluidic chip designed to execute a desired biological experiment.

  2. Hardware: A low-cost, accessible active XY-plane selectively dispenses the output of the microfluidic chip to a 96-well plate and automated control syringes.

  3. Software: A software interface that will allow the user to detail the parameters of the experiment run on the chip; the specific location per output on the 96-well plate; and the amount of each output dispensed.




Giant Jamboree

Awards

We are proud to have achieved a Gold Medal and nominations for Best Hardware and Best Software tool at the Jamboree!