Difference between revisions of "Team:BostonU HW/Demonstrate"

 
(38 intermediate revisions by 3 users not shown)
Line 194: Line 194:
 
             <div class="dropdown-content">
 
             <div class="dropdown-content">
 
                   <a href="https://2016.igem.org/Team:BostonU_HW/Results">Results</a>
 
                   <a href="https://2016.igem.org/Team:BostonU_HW/Results">Results</a>
−
                   <a href="https://2016.igem.org/Team:BostonU_HW/Demonstrate">Project Build</a>
+
                   <a href="https://2016.igem.org/Team:BostonU_HW/Demonstrate">Demonstration</a>
−
                   <a href="https://2016.igem.org/Team:BostonU_HW/Proof">Application</a>
+
                   <a href="https://2016.igem.org/Team:BostonU_HW/Proof">Proof</a>
−
                   <a href="https://2016.igem.org/Team:BostonU_HW/Design">Documentation</a>
+
                   <a href="https://2016.igem.org/Team:BostonU_HW/Design">Design</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Parts">Parts</a>
 
             </div>
 
             </div>
 
         </li>
 
         </li>
Line 212: Line 213:
 
                   <a href="https://2016.igem.org/Team:BostonU_HW/HP/Silver">Silver</a>
 
                   <a href="https://2016.igem.org/Team:BostonU_HW/HP/Silver">Silver</a>
 
                   <a href="https://2016.igem.org/Team:BostonU_HW/HP/Gold">Gold</a>
 
                   <a href="https://2016.igem.org/Team:BostonU_HW/HP/Gold">Gold</a>
−
                   <a href="https://2016.igem.org/Team:BostonU_HW/Integrated_Practices">Integrated Practices</a>
+
                    
−
                  <a href="https://2016.igem.org/Team:BostonU_HW/Engagement">Engagement</a>
+
 
 
             </div>
 
             </div>
 
         </li>
 
         </li>
Line 219: Line 220:
 
             <a href="#" class="dropbtn">AWARDS</a>
 
             <a href="#" class="dropbtn">AWARDS</a>
 
             <div class="dropdown-content">
 
             <div class="dropdown-content">
−
                   <a href="https://2016.igem.org/Team:BostonU_HW/Hardware">Hardware</a>
+
                   <a href="https://2016.igem.org/Team:BostonU_HW/Integrated_Practices">Integrated Practices</a>
 
                   <a href="https://2016.igem.org/Team:BostonU_HW/Software">Software</a>
 
                   <a href="https://2016.igem.org/Team:BostonU_HW/Software">Software</a>
−
                  <a href="https://2016.igem.org/Team:BostonU_HW/Measurement">Measurement</a>
 
−
                  <a href="https://2016.igem.org/Team:BostonU_HW/Model">Model</a>
 
 
             </div>
 
             </div>
 
         </li>
 
         </li>
 +
 +
        <li class="sliding-middle-out dropdown">
 +
            <a href="#" class="dropbtn">MEDAL CRITERIA </a>
 +
            <div class="dropdown-content">
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Bronze">Bronze</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Silver">Silver</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Gold">Gold</a>
 +
                 
 +
            </div>
 +
        </li>
 +
 
       </ul>
 
       </ul>
 
     </div><!-- /.navbar-collapse -->
 
     </div><!-- /.navbar-collapse -->
Line 295: Line 305:
 
     margin-right: auto;
 
     margin-right: auto;
 
   }
 
   }
 +
 +
 +
 +
 +
 +
.btn {
 +
    padding: 14px 24px;
 +
    border: 0 none;
 +
    border-radius: 0;
 +
    font-weight: 700;
 +
    font-size: 15px;
 +
    letter-spacing: 0.5px;
 +
    text-transform: uppercase;
 +
    -webkit-box-shadow: 5px 5px 0px rgba(4, 4, 4, 0.3);
 +
    -moz-box-shadow:    5px 5px 0px rgba(4, 4, 4, 0.3);
 +
    box-shadow:        5px 5px 0px rgba(4, 4, 4, 0.3);
 +
    outline: #545454 solid 2px;
 +
   
 +
}
 +
 +
.btn:focus, .btn:active:focus, .btn.active:focus {
 +
    outline: 0 none;
 +
}
 +
 +
.btn-primary {
 +
    background: #ffffff;
 +
    color: #000000;
 +
}
 +
 +
.btn-primary:active, .btn-primary.active {
 +
    background: #ffffff;
 +
    color: #000000;
 +
}
 +
 +
 +
 +
.btn-primary:focus {
 +
    background: #ffffff;
 +
    color: #000000;
 +
}
 +
 +
 +
.btn:active:focus {
 +
    background: #545454 !important;
 +
    color: white;
 +
    box-shadow: none;
 +
}
 +
.btn-primary:hover{
 +
    background: #545454;
 +
    color: white;
 +
}
 +
 +
 
</style>
 
</style>
  
Line 303: Line 366:
 
   <div id="greyWrapper">     
 
   <div id="greyWrapper">     
 
     <div class="pageBanner">
 
     <div class="pageBanner">
−
       <h3 id="pageTitle">PROJECT BUILD</h3>
+
       <h3 id="pageTitle">DEMONSTRATION</h3>
 
     </div>
 
     </div>
 
     <br><br><br><br>
 
     <br><br><br><br>
 
      
 
      
−
   
+
 
 +
 
 +
 
 +
 
  
  
 
<div class="row" style="padding-top:50px; padding-bottom:50px;">
 
<div class="row" style="padding-top:50px; padding-bottom:50px;">
 
   <div class="col-md-1"></div>
 
   <div class="col-md-1"></div>
−
   <div class="col-md-10" style="font-size: 3em; line-height: 130%; ">Considerations for Replication | Neptune is built to be modular, accessible, parametric, and expandable.</div>
+
   <div class="col-md-10" style="font-size: 3em; line-height: 130%;">Come see all that Neptune has to offer at a live demonstration at our booth. </div>
 
   <div class="col-md-1"></div>
 
   <div class="col-md-1"></div>
 
</div>
 
</div>
Line 319: Line 385:
 
   <div class="col-md-1"></div>
 
   <div class="col-md-1"></div>
 
   <div class="col-md-10" style="background-color: white; padding-top:50px; padding-bottom:50px;">  
 
   <div class="col-md-10" style="background-color: white; padding-top:50px; padding-bottom:50px;">  
 +
    <div class="row">
 +
      <div class="col-md-1"></div>
 +
      <div class="col-md-10">
 +
        <div style="font-size: 2em; line-height: 150%; color:#355E62;">TAKE A LOOK AT NEPTUNE IN ACTION</div>
 +
        <br><br>
 +
        <div>
 +
          Below you can find a video of a step by step walkthrough of the Neptune toolchain. We take an example case, Dr. Ali, who wants to create a device to characterize how a genetic part responds to various levels of inducer. We show how he can specify, design, build, and control his microfluidic device through Neptune’s system:
 +
        </div>
 +
        <br><br>
 +
        <div class="row">
 +
          <div class="col-md-4">
 +
            <img src="https://static.igem.org/mediawiki/2016/0/08/T--BostonU_HW--DrAliCartoon_rcwolf.png">
 +
          </div>
 +
          <div class="col-md-8">
 +
            <div class="row">
 +
          <div class="col-md-1"></div>
 +
          <div class="col-md-2" style="padding-right:0;">Step 1</div>
 +
          <div class="col-md-8" style="padding-left:0;">Create a Project!</div>
 +
          <div class="col-md-1"></div>
 +
        </div>
 +
       
 +
        <div class="row">
 +
          <div class="col-md-1"></div>
 +
          <div class="col-md-2" style="padding-right:0;">Step 2</div>
 +
          <div class="col-md-8" style="padding-left:0;">Specify the microfluidic design in terms of liquid flow relations using a library of features provided.</div>
 +
          <div class="col-md-1"></div>
 +
        </div>
 +
       
 +
        <div class="row">
 +
          <div class="col-md-1"></div>
 +
          <div class="col-md-2" style="padding-right:0;">Step 3</div>
 +
          <div class="col-md-8" style="padding-left:0;">Make any parametric edits to chip features if desired in the more detailed MINT description.</div>
 +
          <div class="col-md-1"></div>
 +
        </div>
 +
     
 +
        <div class="row">
 +
          <div class="col-md-1"></div>
 +
          <div class="col-md-2" style="padding-right:0;">Step 4</div>
 +
          <div class="col-md-8" style="padding-left:0;">Build and Assemble the chip and control infrastructure.</div>
 +
          <div class="col-md-1"></div>
 +
        </div>
  
−
 
+
        <div class="row">
−
    <div class="row">
+
          <div class="col-md-1"></div>
−
      <div class="col-md-3">
+
          <div class="col-md-2" style="padding-right:0;">Step 5</div>
−
      </div>
+
          <div class="col-md-8" style="padding-left:0;">Control and use the microfluidic system!</div>
−
      <div class="col-md-9">
+
          <div class="col-md-1"></div>
−
        <div style="font-size: 2em; line-height: 150%; color:#355E62;">OPEN SOURCE</div>
+
         </div>
−
      </div>
+
          </div>
−
    </div>
+
        </div>
−
    <div class="row" style="padding-top:20px; padding-bottom:20px;">
+
−
      <div class="col-md-3">
+
−
         <img src="https://static.igem.org/mediawiki/2016/8/8e/T--BostonU_HW--MakerFluidicsLogo_rcwolf.png" width="80%" style="padding-left:20px">
+
−
      </div>
+
−
      <div class="col-md-9">  
+
−
        MakerFluidics is an accessible, inexpensive microfluidic fabrication technique used to manufacture microfluidic chips. A user will use an SVG file to mill out both the control and flow layers of a microfluidic chip. Then he or she will use these 2 layers to sandwich a piece of PDMS and vacuum the chip to create a seal. Through Neptune, the user is encouraged to use this fabrication infrastructure to make their chip so that they may rapidly prototype many chips inexpensively for any iterations of their experiment and easily control their microfluidic system through the Neptune interface.
+
 
       </div>
 
       </div>
 +
      <div class="col-md-1"></div>
 
     </div>
 
     </div>
 +
    <br><br>
 +
  </div>
 +
  <div class="col-md-1"></div>
 +
</div>
  
−
    <br>
 
  
−
 
+
<div class="row" style="padding-top:20px; padding-bottom:20px;">
−
 
+
       <div class="col-md-1"></div>
−
    <div class="row">
+
       <div class="col-md-10">
−
      <div class="col-md-3">
+
        <video width="100%" controls>
−
      </div>
+
         <source src="https://static.igem.org/mediawiki/2016/3/34/T--BostonU_HW--SoftwareVideo_rcwolf.mp4" type="video/mp4">
−
       <div class="col-md-9">
+
        Your browser does not support the video tag.
−
        <div style="font-size: 2em; line-height: 150%; color:#355E62;">INSTRUCTIONAL RESOURCES</div>
+
       </video>
−
       </div>
+
−
    </div>
+
−
    <div class="row" style="padding-top:20px; padding-bottom:20px;">
+
−
      <div class="col-md-3">
+
−
         <img src="https://static.igem.org/mediawiki/2016/2/2f/T--BostonU_HW--FluigiLogo_rcwolf.png" width="90%" style="padding-left:20px">
+
−
       </div>
+
−
      <div class="col-md-9">
+
−
        [Priya: Build & Assembly pages]
+
 
       </div>
 
       </div>
 +
      <div class="col-md-1"></div>
 
     </div>
 
     </div>
 +
<br><br>
  
−
    <br>
 
  
−
        <div class="row">
 
−
      <div class="col-md-3">
 
−
      </div>
 
−
      <div class="col-md-9">
 
−
        <div style="font-size: 2em; line-height: 150%; color:#355E62;">PARAMETRIC</div>
 
−
      </div>
 
−
    </div>
 
−
    <div class="row" style="padding-top:20px; padding-bottom:20px;">
 
−
      <div class="col-md-3">
 
−
        <img src="https://static.igem.org/mediawiki/2016/4/4f/T--BostonU_HW--MINTlogo_rcwolf.png" width="90%" style="padding-left:20px">
 
−
      </div>
 
−
      <div class="col-md-9">
 
−
        All of our STL files used for 3-D printing hardware infrastructure are parametric. If the user decides to use a different servo than that which Neptune recommends, he or she may simply enter a few measurements into the  parameters listed at the top of the provided files and the designs will update automatically to reflect those changes.
 
−
        <br><br>
 
−
        Our software is designed to convert a mL amount to be dispensed into a PWM command to be sent to the arduino such that an even dispense rate is achieved for fluid movement through the microfluidic device. This conversion, however, is dependent on the specific servo/syringe combination the user has implemented. If the user decides to use a different servo/syringe setup than what is recommended by our system, he or she may still use our dispense conversion algorithm to control their system as it is also completely parametric.
 
−
      </div>
 
−
    </div>
 
  
−
    <br>
 
  
−
     <div class="row">
+
      
−
      <div class="col-md-3">
+
−
      </div>
+
−
      <div class="col-md-9">
+
−
        <div style="font-size: 2em; line-height: 150%; color:#355E62;">LARGE FUNCTIONAL RANGE OF HARDWARE</div>
+
−
      </div>
+
−
    </div>
+
−
    <div class="row" style="padding-top:20px; padding-bottom:20px;">
+
−
      <div class="col-md-3">
+
−
        <img src="https://static.igem.org/mediawiki/2016/7/7c/T--BostonU_HW--3DuFlogo_rcwolf.png" width="90%" style="padding-left:20px">
+
−
      </div>
+
−
      <div class="col-md-9">
+
−
        Our Hardware system is highly adaptable for both small and large system requirements. Neptune is capable of running up to 200 servo/syringe combinations at once, fulfilling the need for the most demanding microfluidic system. This number is calculated by finding the bottleneck in data transfer from the computer to Arduino, and the transfer rate from Arduino to motor controller shield. Processing time in both the computer and Arduino are comparatively negligible.
+
−
        <br><br>
+
−
        Transfer to Arduino: 115,200 bits/second, 14,400 bytes/second
+
−
        Transfer to motor controller: standard mode of I2C: 100,000 bits/second, 12,500 bytes/second
+
−
        Bytes required for one command: 12
+
−
        <br><br>
+
−
        Therefore the maximum theoretical number of commands that can be sent at once is 12,500/12 = 1040. Including a safety margin of over 5x to ensure that all servo/syringe combinations can move 5x per second to ensure smooth motion all at once, Neptune’s set maximum is 200 servo/syringe combinations.
+
−
        <br><br>
+
−
        Neptune transforms the build area of a desktop CNC mill into that of an entire machine shop, and beyond. By milling square, modular components with pre-drilled holes for easy mounting Neptune can span a build area of one 4.2”x 4.2” square to hundreds of feet in any direction. This modularity, in addition to enabling huge build areas, allows for custom baseboard configurations to fix each project’s individual needs. The pre-drilled holes ensure proper component alignment and spacing, further adding to Neptune’s ease-of-use.
+
−
      </div>
+
−
    </div>
+
−
    <br>
+
−
  </div>
+
−
  <div class="col-md-1"></div>
+
−
</div>
+
  
  
−
 
−
<br><br>
 
  
  

Latest revision as of 03:12, 20 October 2016


DEMONSTRATION





Come see all that Neptune has to offer at a live demonstration at our booth.
TAKE A LOOK AT NEPTUNE IN ACTION


Below you can find a video of a step by step walkthrough of the Neptune toolchain. We take an example case, Dr. Ali, who wants to create a device to characterize how a genetic part responds to various levels of inducer. We show how he can specify, design, build, and control his microfluidic device through Neptune’s system:


Step 1
Create a Project!
Step 2
Specify the microfluidic design in terms of liquid flow relations using a library of features provided.
Step 3
Make any parametric edits to chip features if desired in the more detailed MINT description.
Step 4
Build and Assemble the chip and control infrastructure.
Step 5
Control and use the microfluidic system!