Team:UCL/QWERTYtest

From 2014.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:UCL/Template:headerx}}
<html>
<html>
-
<head>
+
<!--- These are the script & stylesheet links for the javascript based tab feature (ask sanjay before altering this) --->
-
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:SCJtabcontent.js?action=raw&ctype=text/javascript"></script>
-
  <title>Scrolling Progress Bar</title>
+
<link rel="stylesheet" href="https://2014.igem.org/Team:UCL/Template:SCJpapercollapse.css?action=raw&ctype=text/css" type="text/css" />
-
  <link href="style.css" type="text/css" rel="stylesheet" media="screen,projection" />
+
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
-
  <link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
+
<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:SCJpapercollapse.js?action=raw&ctype=text/javascript"></script>
-
 
+
<link rel="stylesheet" href="https://2014.igem.org/Team:UCL/Template:SCJtabcontentcss.css?action=raw&ctype=text/css" type="text/css" />
-
  <!-- Montserrat Sans -->
+
<!--- These are the script & stylesheet links for the javascript based gallery feature (ask sanjay before altering this) --->
-
  <link href='http://fonts.googleapis.com/css?family=Montserrat:400, 700' rel='stylesheet' type='text/css'>      
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
-
 
+
<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:jquery.nivo.slider.js?action=raw&ctype=text/javascript"></script>
-
</head>
+
<link rel="stylesheet" href="https://2014.igem.org/Team:UCL/Template:nivo-slider.css?action=raw&ctype=text/css" type="text/css" />
 +
<link rel="stylesheet" href="https://2014.igem.org/Team:UCL/Template:nivosliderdefault.css?action=raw&ctype=text/css" type="text/css" />
 +
<script type="text/javascript">
 +
$(window).load(function() {
 +
    $('#slider').nivoSlider({startSlide: 1, manualAdvance: false, directionNav: true, controlNav: true, manualAdvance: false});
 +
});
 +
</script>
-
<body>
+
<!--- This is the coding for the Sustainable Bioprocessing Header Image (ask sanjay before altering this) --->
-
  <div id="demo-bar"></div>
+
-
  <div class="container">
+
-
    <a href="http://webdesigncrowd.com" class="btn"><span class="title">WebDesignCrowd</span></a>
+
-
    <a href="http://www.webdesigncrowd.com/sliding-icon-button/" class="btn"><span class="title">Back to Article</span></a>
+
-
    <h1>Scrolling Progress Bar</h1>
+
-
    <div class="content">
 
-
      <div id="intro">
 
-
        <h2>Introduction</h2>
 
-
        <p>Nullam condimentum leo in nunc feugiat gravida. Nunc sed tellus et eros mattis auctor. Nam luctus commodo metus, pretium commodo nisl congue et. Sed vel ipsum eget ligula aliquam fringilla quis vel quam. Sed pulvinar libero id egestas rutrum. Ut quis metus ut lacus cursus commodo. Nam in pharetra leo. Donec augue enim, aliquam eget est quis, imperdiet aliquet mauris. Ut id augue vel tortor aliquam feugiat. </p>
 
-
        <p>Nullam facilisis, urna nec hendrerit tempus, tellus tortor molestie libero, ac malesuada dui odio condimentum tellus. Curabitur posuere id ipsum eget convallis. Suspendisse accumsan magna id pharetra sodales. Cras sit amet mi non turpis auctor dapibus eu in justo. Aliquam erat ipsum, dictum et elementum quis, dictum et diam. Mauris elementum eleifend nulla, in consectetur quam tristique a. Donec consequat elit in dolor semper, et aliquam mauris euismod.</p>
 
-
        <p>Aliquam id tellus purus. Fusce fermentum interdum mauris a lobortis. Donec vehicula at nulla vel sagittis. Maecenas commodo dapibus ipsum, tincidunt bibendum magna. Maecenas libero odio, dapibus a tortor blandit, vestibulum porta felis. Donec quis massa eu elit semper rutrum. Sed mattis nisl sed elit placerat, id aliquet magna sodales. Donec a malesuada sem. Praesent accumsan cursus viverra. Morbi dapibus lacinia bibendum. Duis ut egestas dui.</p>
 
-
        <p>Integer id tellus dictum, ullamcorper lacus iaculis, interdum quam. Pellentesque fringilla cursus adipiscing. Morbi fermentum volutpat gravida. Cras quis commodo neque, ac tempus nisi. Curabitur facilisis leo at ligula sagittis, in pharetra sem molestie. Nulla sagittis libero ut tortor sollicitudin, nec mollis augue gravida. Nulla diam felis, sodales et ipsum et, commodo suscipit nunc. Aenean accumsan leo eros, tristique elementum arcu pellentesque sed. In sed tempor neque. Phasellus vulputate, est at adipiscing rhoncus, turpis magna ultricies nisi, nec lacinia nisi nulla quis ipsum. Nullam auctor turpis vel risus ultrices, quis luctus nisi bibendum. In accumsan, nibh sit amet ultrices mattis, justo neque luctus sapien, porttitor ornare turpis tortor vel sem. Nulla et sapien ut est hendrerit volutpat at non tortor. Praesent faucibus sit amet sapien et pharetra.</p>
 
-
      </div>
 
-
      <div id="part-1">
 
-
        <h2>Part 1: Do this thing!</h2>
 
-
        <p>Nullam condimentum leo in nunc feugiat gravida. Nunc sed tellus et eros mattis auctor. Nam luctus commodo metus, pretium commodo nisl congue et. Sed vel ipsum eget ligula aliquam fringilla quis vel quam. Sed pulvinar libero id egestas rutrum. Ut quis metus ut lacus cursus commodo. Nam in pharetra leo. Donec augue enim, aliquam eget est quis, imperdiet aliquet mauris. Ut id augue vel tortor aliquam feugiat. </p>
 
-
        <p>Nullam facilisis, urna nec hendrerit tempus, tellus tortor molestie libero, ac malesuada dui odio condimentum tellus. Curabitur posuere id ipsum eget convallis. Suspendisse accumsan magna id pharetra sodales. Cras sit amet mi non turpis auctor dapibus eu in justo. Aliquam erat ipsum, dictum et elementum quis, dictum et diam. Mauris elementum eleifend nulla, in consectetur quam tristique a. Donec consequat elit in dolor semper, et aliquam mauris euismod.</p>
 
-
        <p>Aliquam id tellus purus. Fusce fermentum interdum mauris a lobortis. Donec vehicula at nulla vel sagittis. Maecenas commodo dapibus ipsum, tincidunt bibendum magna. Maecenas libero odio, dapibus a tortor blandit, vestibulum porta felis. Donec quis massa eu elit semper rutrum. Sed mattis nisl sed elit placerat, id aliquet magna sodales. Donec a malesuada sem. Praesent accumsan cursus viverra. Morbi dapibus lacinia bibendum. Duis ut egestas dui.</p>
 
-
      </div>
 
-
      <div id="part-2">
+
<div id="TopGapO"></div>
-
        <h2>Part 2: Do that other thing!</h2>
+
-
        <p>Integer id tellus dictum, ullamcorper lacus iaculis, interdum quam. Pellentesque fringilla cursus adipiscing. Morbi fermentum volutpat gravida. Cras quis commodo neque, ac tempus nisi. Curabitur facilisis leo at ligula sagittis, in pharetra sem molestie. Nulla sagittis libero ut tortor sollicitudin, nec mollis augue gravida. Nulla diam felis, sodales et ipsum et, commodo suscipit nunc. Aenean accumsan leo eros, tristique elementum arcu pellentesque sed. In sed tempor neque. Phasellus vulputate, est at adipiscing rhoncus, turpis magna ultricies nisi, nec lacinia nisi nulla quis ipsum. Nullam auctor turpis vel risus ultrices, quis luctus nisi bibendum. In accumsan, nibh sit amet ultrices mattis, justo neque luctus sapien, porttitor ornare turpis tortor vel sem. Nulla et sapien ut est hendrerit volutpat at non tortor. Praesent faucibus sit amet sapien et pharetra.</p>
+
-
      </div>
+
-
     
+
-
    </div>
+
-
    <div class="progress">
+
-
      <div class="wrapper">
+
-
        <div class="bar">
+
-
          <a href="#intro">Introduction</a>
+
-
          <i class="icon-ok"></i>
+
-
          <span></span>
+
-
        </div>
+
-
        <div class="bar">
+
-
          <a href="#part-1">Part 1: Do this thing!</a>
+
-
          <i class="icon-ok"></i>
+
-
          <span></span>
+
-
        </div>
+
-
        <div class="bar">
+
-
          <a href="#part-2">Part 2: Do that other thing!</a>
+
-
          <i class="icon-ok"></i>
+
-
          <span></span>
+
-
        </div>
+
-
      </div>
+
-
    </div>
+
-
    <div class="clearfix"></div>
+
-
  </div>
+
-
  <div class="footer">
+
<div id="BPimagewrapperHeader">
-
    Footer! So the progress bar can finish
+
<img src="https://static.igem.org/mediawiki/2014/9/95/OBioprocessing_Bannero.jpg" width="100%" height="auto" alt="Sustainable Bioprocessing" /></div>
 +
 
 +
<div class="textArena">
 +
 
 +
<!--- This is the coding for the tabs (ask sanjay before altering this) --->
 +
<ul class="tabs">
 +
<li class="selected"><a href="#view1">Methods today</a></li>
 +
<li class=""><a href="#view2">Design</a></li>
 +
<li class=""><a href="#view3">Implementation</a></li>
 +
<li class=""><a href="#view4">Commercial</a></li>
 +
<li class=""><a href="#view5">Experiments</a></li>
 +
<li class=""><a href="#view6">Future</a></li>
 +
<li class=""><a href="#view7">Basics</a></li>
 +
</ul>
 +
<div class="tabcontents">
 +
 
 +
<!--- This is the first section --->
 +
<div style="display: none;" id="view1">
 +
<h4>Challenges in the textile industry</h4>
 +
<br>
 +
 
 +
<div class="collapse-card">
 +
  <div class="title">
 +
    <i class="fa fa-question-circle fa-2x fa-fw"></i>
 +
    <span>123</span>
 +
    <strong>Mambo no 5</strong>
   </div>
   </div>
 +
  <div class="body">
 +
<div class="SCJMFHIGHLIGHT">
 +
<p>
 +
<img src="https://static.igem.org/mediawiki/2014/7/72/Current_process.png" style="float:right;margin:0 0 0 10px;" width="50%">
 +
<b>Case study sheet 1: treatment strategy for cotton textile mill wastes</b>
 +
<br>
 +
In their investigation of textile processing technology, both conventional and novel, Babu et al. have emphasized the importance of waste minimization in terms of pollution load and production costs.
 +
</p>
 +
</div>
 +
  </div>
 +
</div>
 +
 +
 +
<p>The global production of dyestuff amounts to over millions of tons per year. Azodyes represent two thirds of this value, a majority of which find their way to wastewater effluent streams. Characterized by the presence of one or more azo group (more), this type of organic colorant is also found in cosmetics, pharmaceuticals and food industries. While azodyes are a dye-class of choice in the textile industry, their global consumption is taking a toll on the environment.</p>
 +
Img.
 +
 +
<br>
 +
<h4>Conventional textile effluent treatment process</h4>
 +
<br><p>The considerable structural diversity and recalcitrant nature of Azodyes make traditional wastewater treatment technologies markedly ineffective. Hence there exists an array of methods that deal with the removal of synthetic dyes from dyestuff-rich effluents, in order to reduce their environmental impact. These include large-scale physio-chemical processes outlined in the flow sheet below and a variety of organic/inorganic-support based adsorption and photocatalytic and oxidative decolorization. The latter are however more recent methods that are currently too expensive and not scalable to production scales.</p>
 +
<br><b>General process flowsheet for a wastewater treatment plant</b>
 +
<br>
 +
<img src="https://static.igem.org/mediawiki/2014/0/03/Screen_Shot_2014-10-15_at_8.00.24_PM.png" style="margin:0 0 0 15px;" width="65%">
 +
<br>
 +
The unit operations involved are:
 +
<br><b>Screening</b> – ‘separation of particles on the basis of size i.e. removing dyeing process debris which may damage equipement’
 +
<br><b>Equalization</b> – ‘Reducing the variability in composition of textile waste prior to treatment’
 +
<br><b>Neutralization: pH control</b> – ‘Reduce downstream consumption of chemicals for used in the physiochemical stages i.e. coagulation and flocculation’
 +
<br><b>Coagulation</b> – ‘Used to remove waste materials in suspended or colloidal form’
 +
<br><b>Flocculation</b> – ‘Converts finely divided suspended solids into larger particles so that efficient, rapid settling can occur’
 +
<br><b>Primary treatment</b> – ‘gravity seperation/clarification/sedimentation unit to separate larger solid particles
 +
<br><b>Secondary treatment</b> – ‘removing/reducing concentration of organic and inorganic compounds through microbial decomposition’
 +
<br>
 +
<br><BR>
 +
<!-- div is a divisor tag that just separates content. This class makes the paragraph in it black-->
 +
<div class="SCJMFHIGHLIGHT">
 +
<p>
 +
<img src="https://static.igem.org/mediawiki/2014/7/72/Current_process.png" style="float:right;margin:0 0 0 10px;" width="50%">
 +
<b>Case study sheet 1: treatment strategy for cotton textile mill wastes</b>
 +
<br>
 +
In their investigation of textile processing technology, both conventional and novel, Babu et al. have emphasized the importance of waste minimization in terms of pollution load and production costs.
 +
</p>
 +
</div>
 +
<br><br>
 +
 +
<!---Gallery Slider START--->
 +
<div class="gallerycontainer">
 +
<div class="slider-wrapper theme-default"><div class="ribbon"></div>
 +
<div id="slider" class="nivoSlider">
 +
    <img style="width: 100px; visibility: hidden; display: inline;" src="https://static.igem.org/mediawiki/2014/4/43/Makeitathome%21.jpg" alt="">
 +
    <img style="width: 100px; visibility: hidden; display: inline;" src="https://static.igem.org/mediawiki/2014/1/18/UCL_plant_1.jpg" alt="">
 +
<img style="width: 100px; visibility: hidden; display: inline;" src="https://static.igem.org/mediawiki/2014/1/16/Processucl.png" alt="">
 +
    <img style="width: 100px; visibility: hidden; display: inline;" src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" alt="">
 +
    <img style="width: 100px; visibility: hidden; display: inline;" src="https://static.igem.org/mediawiki/2014/5/53/B3.PNG" alt="">
 +
    <img style="width: 100px; visibility: hidden; display: inline;" src="https://static.igem.org/mediawiki/2014/3/38/B5.PNG" alt="">
 +
<img style="width: 100px; visibility: hidden; display: inline;" src="https://static.igem.org/mediawiki/2014/b/b0/Plant_2-_UCL.jpg" alt="">
 +
    <img style="width: 100px; visibility: hidden; display: inline;" src="https://static.igem.org/mediawiki/2014/c/c6/Screen_Shot_2014-10-06_at_12.37.15_PM.png" alt="">
 +
    <img style="width: 100px; visibility: hidden; display: inline;" src="https://static.igem.org/mediawiki/2014/b/b0/Microfluidic_3.png" alt="">
 +
<img style="display: inline; height: 0px; width: 100px;" src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" class="nivo-main-image"><div class="nivo-caption"></div><div class="nivo-directionNav"><a class="nivo-prevNav">Prev</a><a class="nivo-nextNav">Next</a></div><div style="opacity: 1; left: 0px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="0" rel="0"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-0px;"></div><div style="opacity: 1; left: 13px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="1" rel="0"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-13px;"></div><div style="opacity: 1; left: 26px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="2" rel="0"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-26px;"></div><div style="opacity: 1; left: 39px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="3" rel="0"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-39px;"></div><div style="opacity: 1; left: 52px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="4" rel="0"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-52px;"></div><div style="opacity: 1; left: 65px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="5" rel="0"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-65px;"></div><div style="opacity: 1; left: 78px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="6" rel="0"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-78px;"></div><div style="opacity: 1; left: 91px; top: 0px; width: 9px; height: 0px;" class="nivo-box" name="7" rel="0"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-91px;"></div><div style="opacity: 1; left: 0px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="0" rel="1"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-0px;"></div><div style="opacity: 1; left: 13px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="1" rel="1"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-13px;"></div><div style="opacity: 1; left: 26px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="2" rel="1"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-26px;"></div><div style="opacity: 1; left: 39px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="3" rel="1"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-39px;"></div><div style="opacity: 1; left: 52px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="4" rel="1"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-52px;"></div><div style="opacity: 1; left: 65px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="5" rel="1"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-65px;"></div><div style="opacity: 1; left: 78px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="6" rel="1"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-78px;"></div><div style="opacity: 1; left: 91px; top: 0px; width: 9px; height: 0px;" class="nivo-box" name="7" rel="1"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-91px;"></div><div style="opacity: 1; left: 0px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="0" rel="2"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-0px;"></div><div style="opacity: 1; left: 13px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="1" rel="2"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-13px;"></div><div style="opacity: 1; left: 26px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="2" rel="2"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-26px;"></div><div style="opacity: 1; left: 39px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="3" rel="2"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-39px;"></div><div style="opacity: 1; left: 52px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="4" rel="2"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-52px;"></div><div style="opacity: 1; left: 65px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="5" rel="2"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-65px;"></div><div style="opacity: 1; left: 78px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="6" rel="2"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-78px;"></div><div style="opacity: 1; left: 91px; top: 0px; width: 9px; height: 0px;" class="nivo-box" name="7" rel="2"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-91px;"></div><div style="opacity: 1; left: 0px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="0" rel="3"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-0px;"></div><div style="opacity: 1; left: 13px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="1" rel="3"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-13px;"></div><div style="opacity: 1; left: 26px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="2" rel="3"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-26px;"></div><div style="opacity: 1; left: 39px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="3" rel="3"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-39px;"></div><div style="opacity: 1; left: 52px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="4" rel="3"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-52px;"></div><div style="opacity: 1; left: 65px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="5" rel="3"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-65px;"></div><div style="opacity: 1; left: 78px; top: 0px; width: 13px; height: 0px;" class="nivo-box" name="6" rel="3"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-78px;"></div><div style="opacity: 1; left: 91px; top: 0px; width: 9px; height: 0px;" class="nivo-box" name="7" rel="3"><img src="https://static.igem.org/mediawiki/2014/e/e2/Uclbiopro.PNG" style="position:absolute; width:100px; height:auto; display:block; top:-0px; left:-91px;"></div></div><div class="nivo-controlNav"><a class="nivo-control" rel="0">1</a><a class="nivo-control" rel="1">2</a><a class="nivo-control" rel="2">3</a><a class="nivo-control active" rel="3">4</a><a class="nivo-control" rel="4">5</a><a class="nivo-control" rel="5">6</a><a class="nivo-control" rel="6">7</a><a class="nivo-control" rel="7">8</a><a class="nivo-control" rel="8">9</a></div>
 +
<div id="htmlcaption" class="nivo-html-caption">
 +
    <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
 +
</div>
 +
</div>
 +
</div>
 +
<!---Gallery Slider END--->
 +
</div>
 +
 +
<!--This is the second section-->
 +
<div style="display: none;" id="view2">
 +
 +
<div class="textTitle"><h4>Scaled-up azodye SynBio treatment strategy</h4></div>
 +
<br>
 +
<p><b>With azodyes</b> The contamination of natural habitats surrounding textile factories by coloured (azodye-rich) effluents is a real problem (more). This is because the enzymatic breakdown products of azodyes i.e. aromatic amines, are carcinogenic when ingested. These can not only build up within local ecosystems but can also be a hazard to humans through bio-accumulation in the food chain. With a large section of dyehouse effluents consisting of dyes that have half-lives spanning over decades, the latter remain in the environment for long periods of time.</p>
 +
<br>
 +
<p><b>With current technologies</b> in the textile industry, exorbitant volumes of water are used for processing (around 90%), the rest being used for heat exchange purposes. Unfortunately most of the water used for processing is discharged as waste, resulting in highly diluted azodye effluent streams. Secondly, the recalcitrant nature of azodyes hikes the inherent costs of large-scale physical separation systems. As a result, industrial processes used to deal with such soluble hazardous wastes would not be a feasible option to deal with azodye effluents.</p>
 +
<br>
 +
<p>By using <b>whole cell biocatalysis</b> as the workhorse for detoxification, this process will yield lucrative byproducts such as quinones, that can then be separated from the process stream and sold off.
 +
<br>
 +
<b>With Immobilization</b>
 +
The following outlines the general consensus on the benefits of using the immobilized biocatalyst format, with respect to free-floating systems.
 +
<br>Catalyst Retention – A huge decrease in the losses of valuable catalyst into product streams. These losses are exponential in ‘free biocatalysts’ systems, and economically unfeasible when using costly enzymes.
 +
</p><li type="square"><br>Minimized Contamination of product streams, eliminating the requirement for subsequent protein deactivation and further downstream processing. This is especially important for containment of our recombinant organisms.</li>
 +
<li type="square">Flow-rates are not limited by a threshold critical value for “biomass washout”, and only impact substrate-catalyst contact time. Catalyst concentrations can remain steady through independence of the dilution rate (see figure 1.3). High volumetric flow-rates can enhance mass transfer and speed up the removal of inhibitors (e.g. Azo-dye metabolites) from the system.</li>
 +
<br>
 +
<
 +
<p><b>Bioremediation process: Breakdown of the main engineering considerations</b>
 +
<br><a href="https://2014.igem.org/Team:UCL/Science/Bioprocessing">1. Process flow sheet</a>
 +
<br>2. Bioreactor design
 +
<br>3. Module operation
 +
</p>
 +
<br>
 +
<div class="SCJMFHIGHLIGHT">
 +
<p>
 +
<b>Case study sheet 2: Tailoring a bioprocess for a cotton dyeing plant</b>
 +
<img src="https://static.igem.org/mediawiki/2014/5/53/Screen_Shot_2014-10-13_at_12.12.53_PM.png" style="float:right;margin:0 0 0 10px;" width="50%">
 +
<br><b>Assuming batch (discontinuous) dyeing process:</b>
 +
<br>
 +
<br>1. Liquor ratio- <i>parameter in discontinuous dyeing</i>- weight ratio between total dry material and total liquor  -  <b>1 kg cotton : 100 L H2O</b>
 +
<br>2. Influent mass of azo dye  -  <b>40g azodyes : 1kg cotton</b>
 +
<br>3. Water requirements  -  <b>100L water/ 1 kg cotton</b>
 +
<br>4. Water allocation assuming beck configuration = 36L
 +
<br>5. Post dyeing operations water requirement = 100 - 36 = 64L
 +
<br>
 +
<b>Assumptions:</b>
 +
<br>a. Dyeing efficiency or fixation rate refers to the ability for a dye to be fixed onto a target material <i>i.e. a  dyeing efficiency of 80% therefore suggests 20% by mass of the dye is present in the effluent stream. </i>
 +
<br>b. No losses or additional uses of  water <i>(Density 1000kg.m-3)</i>
 +
<br>c. Chemical additives such as sodium chloride are not included in this analysis
 +
<br>
 +
<br>
 +
Effluent mass of azodye = 0.8 x influent mass = <b>32g</b></li>
 +
<br>Effluent concentration of azodye = 0.32g/L</li>
 +
</ul>
 +
<br>
 +
Our meeting with ETAD provided us with a more holistic understanding of typical effluent concentrations found in textile processing. We used this information to decide on process variables by considering volumes and flow rates.
 +
The E. coli cell is treated as a biocatalyst exhibiting a kinetic behaviour modelled by Michaelis-Menten:
 +
<br><i> v = Vmax[S]/(Km + [S])</i></b>
 +
<br>
 +
<br>Where:
 +
<br><i>v</i> is the observed velocity of the reaction at a given substrate concentration [S]
 +
<br><i>[S]</i> is the ‘instantaneous’ concentration of azodye in the system
 +
<br><i>Vmax </i>is the maximum velocity of at a saturating concentration of substrate
 +
<br><i>km</i> is the Michaelis constant
 +
<br>
 +
<br><b>Michaelis-Menten kinetics: parameter inference</b>
 +
<br>For the AzoR-mediated degradation of Methyl Red as a basis for calculations the mass of azodye per E. coli cell can be calculated, considering the assumptions outlined above. The azodye degradation kinetics of the Catalyst will be modeled by making an analogy to the breakdown rates of a crude enzyme mixture:
 +
Literature suggests evidence that the ability of bacterial cells to reduce dyes is a function of substrate concentration, [S]; subsequent decolorization has been shown to follow Michaelis-Menten kinetics (1).
 +
<br><img src="https://static.igem.org/mediawiki/2014/9/91/Screen_Shot_2014-10-14_at_4.40.33_PM.png" style="margin:0 0 0 10px;" width="40%">
 +
<br><br>
 +
<img src="https://static.igem.org/mediawiki/2014/6/61/Source_9.png" style="margin:0 0 0 10px;" width="60%">Source needed (IX)
 +
<br>By coupling enzymatic degradative reactions, the following general biocatalysis can be defined:
 +
<img src="https://static.igem.org/mediawiki/2014/3/35/Screen_Shot_2014-10-14_at_3.31.01_PM.png" style="margin:0 0 0 10px;" width="40%">
 +
 +
</p>
 +
</div>
 +
<div class="SCJMFHIGHLIGHT">
 +
<p>From crude azoreductase extracts from recombinant E. coli, Michaelis–Menten constants were determined according to Lineweaver–Burk to infer the following kinetics parameters
 +
<br>a. Km = 0.42mM
 +
<br>b. Vmax = 65.2 umol/mg protein.min
 +
<br>
 +
<img src="https://static.igem.org/mediawiki/2014/c/c4/Graph.png" style="margin:0 0 0 10px;" width="50%">
 +
<b>Table summarizing the assumptions for biomass requirements in the dyein of 1000kg of cotton. This will enable bioreactor sizing calculations in the next section.</b>
 +
<img src="https://static.igem.org/mediawiki/2014/6/60/Screen_Shot_2014-10-14_at_8.10.12_PM.png" style="margin:0 0 0 10px;" width="50%">
 +
</p>
 +
</div>
 +
<h3>Process Flowsheet</h3>
 +
<br>
 +
<p>The overview diagram below presents the proposed layout for the plant, using an E. coli biofilm as the ‘immobilisation method’, one of the process alternatives we are considering. The synthetic E. coli immobilisation mechanism would take the same format i.e. longitudinal plates, however, we will also consider beads of the synthetic immobilising agent in a packed bed format.</p>
 +
<br>
 +
<h5>Key Features of Our System</h5>
 +
<img class="aligncenter" src="https://static.igem.org/mediawiki/2014/5/54/Manufacture3UCL.jpg" height="50%" width="50%">
 +
<br>
 +
<br>
 +
<br> - Fermentation stage is where optimized growth will take place by controlling mixing and oxygen supply. At the end of this stage, viable E. coli cells expressing the enzymes of interest will be present in a broth.
 +
<br> - Module- see cross section of a single system. Continuous flow system with flow rates and residence times based on mass transfer kinetics, specific to E. Coli
 +
<br> - Module 1 designed to capture the bulk of the azodyes, module 2 is a polishing step
 +
<br> - Both anaerobic and aerobic reactions take place at the same time in both the modules, design based on gas supply (nitrogen vs. oxygen)
 +
<br> - Cleaning operation using biodegradable chemical at high flow rate (from holding tank 2)
 +
<br> - Continuous recycle system for maximal active and diffusive uptake.
 +
<br> - Filter modules- exploring the use of disposable low cost agricultural waste for filtration
 +
<br> - Further processing- based on the commercial value of the breakdown products, investments could be made into higher-tier technology such as chromatography columns to separate the breakdown products individually.
 +
<br>
 +
<p>This versatile and simple process offers a wide range of future developments into various chemical producing sectors. It would be possible to use this technology in parallel with different industries as a form of platform technology using different synthetic biology anchors, in order to detoxify various effluent polluting chemicals.</p>
 +
<br>
 +
<h4>Bioreactor Design</h4>
 +
<br><p>Using the estimates for the required E. coli biomass, this section will qualify optimal sizing and operation of the bioreactor required for the microbial fermentation stage. The underlying assumptions on dyeing efficiencies and mass transfer kinetics are hence incorporated in the design.</p>
 +
 +
 +
<img src="https://static.igem.org/mediawiki/2010/b/ba/UCL_CFDvideo.gif" style="center;margin:0 0 0 10px;width="40%">
 +
 +
<br>
 +
<h4>Module operation</h4>
 +
<br><p>
 +
After the fermentation stage, the E. coli biomass is dispersed in a liquor also containing various byproducts. A concentration step could be beneficial to reduce volumes in the next stage. However, capital costs of such unit operations would not be attractive to potential dyeing companies deciding to acquire the entire system. The subsequent modules are equipped to handle large volumes and operate in continuous-flow mode with intermittent discharges. By controlling residence time and operating flow rates, it will be possible to achieve a cell recovery deemed efficient. These will be then immobilized onto the surface of the plates within the modules. There exists a wide range of immobilization strategies used for biological wastewater treatment and this is what gives the unit its modular character. By supporting a number of immobilization methods without changing the hardware, the module allows for the enzymatic breakdown of a wide range of recalcitrant chemicals that might be financially and environmentally costly to treat using conventional methods. (more to come)<p>
 +
<br>
 +
<h5><b>Design of immobilization unit</b></h5>
 +
<br>
 +
<b>Top view of the module with Azodye feed pipe (red) and aeration inlets for the plates (green).</b> 
 +
<img src="https://static.igem.org/mediawiki/2014/5/53/B3.PNG" style="margin:0 0 0 10px;" width="60%">
 +
<br>
 +
 +
</div>
 +
 +
<!--- This is the third section --->
 +
<div style="display: none;" id="view3">
 +
 +
<div class="textTitle"><h4>Overview</h4></div>
 +
<!-- This is the main text. Anything in a <p>TEXT</p> is a paragraph and will be spaced appropriately-->
 +
<p>In the textile industry today, the global production of dyestuff amounts to over millions of tonnes per year. Azodyes represent two thirds of this value, a majority of which find their way to wastewater effluent streams. Characterized by the presence of one or more azo group (more on chemistry), this type of organic colorant is also found in cosmetics, pharmaceuticals and food industries. While the desirable properties of azodyes i.e. chemical stability, high molar extinction coefficient and fastness make them a dye-class of choice, their widespread use in countries such as India and China make them a dye to die for—literally. This is because, in parallel to being aesthetically intrusive to ecosystems, azodye breakdown products have been found to be mutagenic and carcinogenic. With such a high worldwide consumption, the benefits in developing and integrating a sustainable strategy for dealing with such effluent streams is clear. It is worth to note that the ‘azodye problem’ is exacerbated by the high costs, both financial (economic) and environmental, of current physio-chemical and biological methods of treatment (more on current treatment). This year, we are looking into the processing options that are relevant to tackling the problem of azodye discharges. In order to assess the feasibility and determine key engineering parameters for each option, the most important dyestuff sector will be used as a case study: textiles and dyeing industry.</p><br><br>
 +
 +
<h3>Industrial Consultation</h3>
 +
 +
<p>A major part of our project involved engaging with key industrial experts to better understand their wants and needs. We identified the pigment manufacturing and waste water disposal sectors as the two major players who would benefit from our work. By meeting with these leading corporations we have been able to tune our research towards the assenbly of a process that would be most attractive for industry to utilise.</p>
 +
<br>
 +
 +
<h4>Meeting with ETAD - Ecological and Toxicological Association of Dye and Pigment Manufacturers</h4>
 +
<p>ETAD - an association based in Basel represents over 35 different pigment and dyeing corporations internationally, coordinating a group initiative to limit adverse effects on health and the environment by their industry.Present at the meeting were Walter Hoffman – Director of ETAD, Dr Stefan Ehrenberg - Pigment Manufacturing R&D at Bezema, Georg Roentgen – Director of R&D Colours and Textile Effects at Huntsman.</p>
 +
<p>The main reasons for this meeting were:
 +
    <li>To encourage industry to consider synthetic biology as a realistic, viable option when looking to reduce the toxicity of their process.
 +
    <li>Discuss the major concerns and problem areas the dyeing and pigments industry are currently facing.</p>
 +
<img width="25%" style="float:right;margin:0 0 0 10px;" src="https://static.igem.org/mediawiki/2014/4/41/1924384_10154546138020564_6502621618718289701_n.jpg"></img>
 +
<br>
 +
 +
<h4>Dye Houses vs Dye Synthesis Waste</h4>
 +
 +
<p>The meeting with ETAD raised a number of points for our project. Mr Roentgen questioned how the survival of our bacterial cell would be effected in dyehouse waste as opposed to dye synthesis plant waste. The waste from a dyehouse is a complex mix of azo dyes at approximately 1%-5% concentration in a high salt concentration with the presence of metals copper and chromium. This a harsh environment compared with the waste of a dye synthesis plant, generally containing one or two azo dyes in a simple mixture at 10% concentration.</p>
 +
<br>
 +
<p>This is new information for our project and has greatly influenced us to direct our research towards optimising remediation of dye synthesis waste water. Another advantage of remediation of dye synthesis plant waste water is that the low variety of azo dyes in each batch mixture will make filtration of valuable products a much easier and viable process, enhancing the economic feasibility of our device.</p>
 +
<br>
 +
<h4>Sulphonated Azo Dyes</h4>
 +
<p>The current trend in the textile industry is to reduce the volume of water consumed, leading to a greater use of more soluble dyes. For a dye to be more soluble it must be more polar, as such, many of these soluble dyes have sulfonated groups. The sulphur atom has a electron withdrawing effect making reduction of the azo bond difficult, the industry are finding chemical processes to degrade these dyes to be ineffective. </p>
 +
<p>We feel we can offer an alternative since ..lignin peroxidase…. change this is known to be effective working on azo bonds with sulphur group.</p>
 +
<h4>Conclusions</h4>
 +
<p>Overall the meeting was a great success in guiding our project towards an industrial relevant direction. Running through our presentation highlighted a number of changes needed before the jamboree, specifically putting more emphasis on the novelty and innovation of our project. Ensuring our project delivers a solution that is conscious of the needs of the industry is extremely important to us, meetings such as these are invaluable to the progression of our work.</p>
 +
</div>
 +
<!--- This is the fourth section --->
 +
<div style="display: none;" id="view4">
 +
 +
 +
<br>
 +
<div class="textTitle"><h4>A Strong Commercial Strategy</h4></div>
 +
Assessment of commercial feasibility is widely based on evaluating the target market’s “readiness” to receive and integrate an innovative product or process. This primarily involves defining and characterising the target market and quantifying economic potential in terms of projected demand. Furthermore technical feasibility based on forecasted costs and resource requirements must be considered whilst remaining aware of potential risks and obstacles.</p>
 +
<br>
 +
<div class="textTitle"><h4>Feasible Target Markets</h4></div>
 +
 +
<img src="https://static.igem.org/mediawiki/2014/7/7c/Igem_Target_market_image.png" style="float:right;margin:0 0 0 10px;" width="50%">
 +
The potential market segmentation for this novel process is based on relative contribution to global dyeing effluent pollution. The textile industry represents a vast proportion of this contribution over other potential market segments (cosmetic, pharmaceutical, food industries) and has therefore appropriately become the thematic focus of this project. Considering the world market for textile dyeing operations, a majority of dye effluent waste can be attributed to Asia, followed by North America and Western Europe. However receptiveness to environmental initiatives and the magnitude of investment in projects of the sort are heavily skewed away from developing regions of Asia. Hence a stronger approach to achieving a realistic impact would start in the UK where socio-economic conditions are more suitable. This should be taken into consideration in further technical development and strategic commercialisation steps.
 +
 +
<br>
 +
<div class="textTitle"><h4>Value Proposition</h4></div>
 +
The following clarifies the net and indirect value of our bioprocessing solution to key stakeholders, and elucidates incentive for its integration into current waste management systems.
 +
 +
<br>
 +
<br>
 +
<b>Reputation</b>
 +
In society, a growing culture for Eco-friendliness with an increasing political voice can be observed. Accordingly, mounting pressure to reduce harmful emissions is probing investment in effluent remediating infrastructure, not excluding that of the textile industry. Furthermore consumer demands are evolving (particularly in developed regions) to favor environmentally neutral products, with initiatives such as  being in the public eye and threatening the reputation of irresponsible manufacturers and governments.
 +
 +
 +
 +
<!-- This is the main text. Anything in a <p>TEXT</p> is a paragraph and will be spaced appropriately-->
 +
 +
<h3>Why invest</h3>
 +
<p>In the implementation of any new product or process there exists an interplay between several elements that have the ability to effect the adoption of that product:
 +
jpeg.
 +
<br>1.Environmental: ensuring appropriate waste disposal in terms of toxicity levels and concentrations for example. Our process solution will bring forward sustainable textile processing
 +
<br>2.Economic: This aspect can be broken down into the financial returns of the product and the costs of goods saved through its use.
 +
<br>3.Legislative: Regulatory bodies and governments set emission margins and environmental burden limits for factories
 +
<br>4. Societal: through our public engagement campaigns (link), communicating a message to the wider society can bring about change.
 +
</p>
 +
<p>The significant economic activity of textiles and clothing in the global market makes it incredibly relevant for industrialists to consider process alterations aimed at optimizing resource allocation and reducing environmental burden.</p>
 +
<br>
 +
<p><b>“According to the EIPRO study, clothing alone is responsible for 2 to 10% of the EU’s life-cycle environmental impacts. This results in textiles coming fourth in the ranking of product category which cause the greatest environmental impact”(1)’</b></p>
 +
<br>
 +
<p>The carcinogenic properties of Azodye precursors and degradation products (such as aromatic amines)(3) are exacerbated by the low susceptibility for azodye bio-degradation under aerobic conditions (4,5). This environmental burden has been going up ranks with industrial fresh water pollution due to textile treatment and dyeing reach 20% in 2010 (2).</p>
 +
<br>
 +
<p>Furthermore, growing concerns regarding water consumption in textile processes due to astronomical usage of ‘potable industrial water’ (6). According to the 2010 global market report on sustainable textiles, the world used three trillion gallons of fresh water to produce 60 billion kgs of fabric. With over 80000 tonnes of reactive dyes produced and consumed each year, the heavily polluted dye baths issuing off the dyeing processes need to be treated before any reuse can be conceived (2). According to various reviews (2, , ,), conventional membrane processes and coagulation are among the suggested methods to achieve this. Implementing a water recycle strategy for a textile plant would require in-plant treatment processes (6).
 +
There exists an array of national and international regulations addressing ‘controlled used and allowed emissions from textile factories’ such as the EU Eco-label criteria and  REACH (Registration, Evaluation, Authorization and Restriction of Chemical substances) (regulation (EC) No 1907/2006) (7). A cost-effective process that facilitates textile companies to meet these requirements would be an ideal solution if integrated at the end of each factory, to stop short poisonous releases. Thus, by improving their performance and earning one of these eco-criteria could result in improved branding, bringing forward a strong connection with aware consumers by informing them of such sustainability initiatives.
 +
</p>
 +
 +
</div>
 +
<!--- This is the fifth section --->
 +
<div style="display: none;" id="view5">
 +
 +
<div class="textTitle"><h4>Why Microfluidics?</h4></div>
 +
<!-- This is the main text. Anything in a <p>TEXT</p> is a paragraph and will be spaced appropriately-->
 +
<br>
 +
<p>Small-scale bioreactors are often the workhorse for process development. By experimenting at this scale, it is possible to determine the optimum growth conditions for E. coli. This will allow to assess costs at the required scale based on biomass requirements.We are using E. coli to cultivate the enzymes necessary for the biodegradation of azo dyes. By combining information on the production of azodyes in textile factories and stoichiometric relations, we will design an optimised cell growth (fermentation) stage.</p>
 +
 +
<!---TABLE START--->
 +
<table style="width:100%"><colgroup><col width="60%"><col width="40%"></colgroup><tbody><tr><td>
 +
<!-- This is the video. Change the align attribute to left to move the video to the left-->
 +
<div class="video-wrapper">
 +
<iframe style="padding:0.5%; border:0.5% #000;" src="//www.youtube.com/embed/0OlMfq5WT6k" allowfullscreen="" align="left" frameborder="0" height="380" width="600"></iframe></div></td><td>
 +
<!-- This is the video. Change the align attribute to left to move the video to the left-->
 +
<div class="video-wrapper">
 +
<iframe style="padding:0.5%; border:0.5% #000;" src="//www.youtube.com/embed/buf--n4dcUs" allowfullscreen="" align="right" frameborder="0" height="380" width="600"></iframe></div></td></tr></tbody></table>
 +
<!---TABLE END--->
 +
<br><!-- div is a divisor tag that just separates content. This class makes the paragraph in it black-->
 +
<div class="SCJMFHIGHLIGHT">
 +
<p>
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Microfluidic_set-up_iGEM.JPG" style="float:right;margin:0 0 0 10px;" width="35%">
 +
The videos above were recorded in the UCL ACBE Microfluidics labs by members of our team. The video on the left is a demonstration of laminar flow across a T-junction microfluidic device. The video on the right demonstrates one of the methods of mixing made possible by microfluidics (herring bone channels etched into the chip).
 +
<br><br>The image on the right displays the microfluidics set-up used by our iGEM team. This device and equipment is provided for by the UCL microfluidics lab.</p></div>
 +
 +
</div>
 +
 +
<!--- This is the sixth section --->
 +
<div style="display: block;" id="view6">
 +
 +
<div class="textTitle"><h4>Our Design Process</h4></div>
 +
<!-- This is the main text. Anything in a <p>TEXT</p> is a paragraph and will be spaced appropriately-->
 +
<div class="video-wrapper">
 +
<iframe style="padding:1%; border:0.5% #000;" src="//www.youtube.com/embed/6UNpqpMS5vA" allowfullscreen="" align="right" frameborder="0" height="380" width="600"></iframe></div>
 +
<p>We will use rapid polymer prototyping techniques to generate microfluidic chips that will allow us to test our reaction and aid in the construction of a realistic bioprocess, which can be successfully scaled-up for industrial use. As we optimise and change our bioprocess, we can also quickly design new microfluidic chips that can mimic its development on a micro-scale. For example, it is our goal to integrate multiple downstream steps, such as chromatography, in order to isolate potential useful products. Demonstrating this in a microfluidic system is less time-consuming and far more cost effective than doing so at a larger scale.</p><br>
 +
<p>For our microfluidic bioreactor, we will be using a magnetic free floating bar as our mixing system. This is an effective method of mixing at a microfluidic scale, as demonstrated in the video on the right. This video is of a microfluidic chemostat bioreactor designed by Davies et al. 2014 UCL, using a free-floating bar to mix two dyes.</p><br>
 +
<div class="SCJMFHIGHLIGHT"><p>
 +
<img src="https://static.igem.org/mediawiki/2014/thumb/b/b8/AutoCAD_Device.png/800px-AutoCAD_Device.png" width="32%">
 +
<img src="https://static.igem.org/mediawiki/2014/thumb/7/71/MicrofluidicsDevice.jpg/800px-MicrofluidicsDevice.jpg" style="PADDING-LEFT: 2%" "padding-right:="" 3%"="" width="32%">
 +
<img src="https://static.igem.org/mediawiki/2014/1/1e/Fluidics_Chip.JPG" align="right" width="32%"><br>
 +
Above are some examples of the microfluidics devices developed by our team for use in the lab at the UCL ACBE. The devices are initially designed using AutoCAD (2D and 3D computer-aided design software), once the designs are finalised they can be 3D-printed using the facilities provided by the UCL Institute of Making and UCL ACBE; allowing our bioprocess and laboratory team to experiment and improve designs.</p></div>
 +
<br>
 +
<p><img src="https://static.igem.org/mediawiki/2014/4/4c/UCLAc-2014-logo.png" align="right" width="10%">
 +
An example of one of our microfluidic devices designed on AutoCAD can be downloaded <a href="https://static.igem.org/mediawiki/2014/f/fa/UCL_iGEM_2014_Microfluidics_Device_Design.dwg.zip">here</a>. This device utilises the basic concept of mixing the cells and dyes, producing a single output stream; much alike to the <a href="https://2014.igem.org/Team:UCL/Science/Bioprocessing">bioprocessing</a> concept. During the course of designing the microfluidic device, several key considerations must be taken into account: ability to withstand high pressure without leakage; materials of construction to be inert and transparent; size constraints of inlet and outlet piping; ability to accurately 3D-print the device.</p><br>
 +
 +
</div>
 +
 +
<!--- This is the seventh section --->
 +
<div style="display: block;" id="view7">
 +
 +
<div class="textTitle">
 +
 +
<div class="textTitle"><h4>Why Bioprocessing?</h4></div>
 +
<!-- This is the main text. Anything in a <p>TEXT</p> is a paragraph and will be spaced appropriately-->
 +
<p>Bioprocess engineering is a conglomerate of fields and is extensively employed to optimize a variety of production processes. In order to cope with market forces, industries for example the pharmaceutical, have had to considerably improve their bioprocessing tools and techniques. As a result a range of novel process alternatives have been developed to harness product-specific properties, each bearing benefits, disadvantages and costs. While these can be used to drive financial returns, biological processing is becoming a gateway to eco-friendly alternatives for the treatment of recalcitrant wastewater such as industrial effluents. By providing more flexibility in supporting efficient degradation of toxic compounds and having lower operating costs, the biological treatment process brings forward key advantages over it's traditional counterpart.
 +
<br>A typical bioprocess involves the fermentation of a stock culture (e.g. E. coli) at a small scale which is subsequently scaled up to suitable production capacities. The products from the fermentative stages are consequently separated and purified using a variety of unit operations designed to exploit the orthogonal properties of desired products. These can then be formulated into their ultimate delivery form.
 +
</p><br>
 +
<!-- a <br> tag by itself creates a one line space between paragraphs -->
 +
<!-- an <a href="url of link">TEXT</a> turns the text into a link to the url you put in -->
 +
<br>
 +
 +
<br><!-- div is a divisor tag that just separates content. This class makes the paragraph in it black-->
 +
<div class="SCJMFHIGHLIGHT">
 +
<p>
 +
<img src="https://static.igem.org/mediawiki/2014/c/ca/UCLBioprocessEngFigure.png" style="float:right;margin:0 0 0 10px;" width="50%">
 +
The design of a successful bioprocess requires careful analysis of the many factors that impact choice of design parameters and process variables. It is crucial to consider the cost of the process at each stage to assess it's large scale feasibility.
 +
<br><br>
 +
Let's look at an example bioprocess
 +
<br>1. Upstream: Production bioreactor preceded by small-scale seed fermenters
 +
<br>2. Downstream: constitutes of three main stages
 +
<br><b>- Recovery </b>relates to primary unit operations i.e. centrifugation and filtrations. The main goal is to concentrate the desired compound within the process stream by reducing volumes and removing fermentation byproducts.
 +
<br><b>- Purification </b> involves unit operations such as chromatography, crystallization and ultrafiltration. The final stages are necessary to ensure purity requirements are met.
 +
<br><b>- Formulation</b>involves the integrating of the product into the target delivery route followed by packaging and storage.
 +
 +
</p></div>
 +
 +
</div>
 +
 +
<!-- This is the css of the page. Dont change it unless you have consulted with Lewis or Adam about what your changing-->
 +
<style>
 +
/*=======PAGE HEADER=======*/
 +
.pageTitle {
 +
    height:200px;
 +
    width:100%;
 +
    background-color:darkgrey;
 +
    padding-top:50px;
 +
    display:inline-block;
 +
}
 +
.floater {
 +
float:left;
 +
}
 +
 +
/*=======Body=======*/
 +
.textArena {
 +
    background-color:white;
 +
    padding: 2% 5% 5% 5%;
 +
    font-size:90%;
 +
}
 +
 +
.widthCorrect {
 +
width:100%;
 +
}
 +
 +
div.SCJMFHIGHLIGHT p {
 +
        color: #fff;
 +
border: solid 4px #2B8838;
 +
background-color: #000;
 +
display: table;
 +
padding: 1%;
 +
margin: 1px 1px 0px 1px;
 +
}
 +
 +
div.SCJMFHIGHLIGHT a {
 +
        color: #009A6B;
 +
}
 +
 +
.gallerycontainer
 +
{
 +
        align:right;
 +
}
 +
ul.tabs li.selected a
 +
{
 +
    position: relative;
 +
    top: 0px;
 +
    font-weight:bold;
 +
    background: #2B8838;
 +
    border: 1px solid #000;
 +
    border-bottom: 1px solid #000;
 +
    color: #000;
 +
}
 +
 +
.slider-wrapper.theme-default {
 +
  width: 100%; /* Desired width */
 +
}
 +
/*=========Object Alignment Classes=============*/
 +
.alignright {
 +
float:right;
 +
margin-left:3%;
 +
}
 +
.alignleft {
 +
float:left;
 +
margin-right:3%;
 +
}
 +
.aligncenter {
 +
float:center;
 +
margin-right:3%;
 +
}
 +
.shortMargin{
 +
    margin-top: 0px;
 +
    margin-bottom: 0px;
 +
}
 +
 +
/*=========Table Classes=============*/
 +
.table-bordered {
 +
    border: 1px solid black;
 +
}
 +
 +
.table, th, td {
 +
    border-collapse: collapse;
 +
}
 +
th, td {
 +
    padding: 5px;
 +
}
 +
 +
 +
/*=========Top Gap div id from Oran=============*/
 +
#TopGapO {
 +
height: 70px;
 +
width: 100%;
 +
background: black;
 +
}
-
  <!-- Javascript -->
+
</style>
-
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+
-
  <script src="js/init.js"></script>
+
-
  <script>
+
-
    $(function(){
+
-
      $("#demo-bar").load("../demo-bar.html");
+
-
    });
+
-
  </script>
+
-
</body>
+
</html>
</html>
 +
{{:Team:UCL/Template:footerx}}

Latest revision as of 22:17, 15 October 2014

Goodbye Azodye UCL iGEM 2014

Sustainable Bioprocessing

Our Design Process

We will use rapid polymer prototyping techniques to generate microfluidic chips that will allow us to test our reaction and aid in the construction of a realistic bioprocess, which can be successfully scaled-up for industrial use. As we optimise and change our bioprocess, we can also quickly design new microfluidic chips that can mimic its development on a micro-scale. For example, it is our goal to integrate multiple downstream steps, such as chromatography, in order to isolate potential useful products. Demonstrating this in a microfluidic system is less time-consuming and far more cost effective than doing so at a larger scale.


For our microfluidic bioreactor, we will be using a magnetic free floating bar as our mixing system. This is an effective method of mixing at a microfluidic scale, as demonstrated in the video on the right. This video is of a microfluidic chemostat bioreactor designed by Davies et al. 2014 UCL, using a free-floating bar to mix two dyes.



Above are some examples of the microfluidics devices developed by our team for use in the lab at the UCL ACBE. The devices are initially designed using AutoCAD (2D and 3D computer-aided design software), once the designs are finalised they can be 3D-printed using the facilities provided by the UCL Institute of Making and UCL ACBE; allowing our bioprocess and laboratory team to experiment and improve designs.


An example of one of our microfluidic devices designed on AutoCAD can be downloaded here. This device utilises the basic concept of mixing the cells and dyes, producing a single output stream; much alike to the bioprocessing concept. During the course of designing the microfluidic device, several key considerations must be taken into account: ability to withstand high pressure without leakage; materials of construction to be inert and transparent; size constraints of inlet and outlet piping; ability to accurately 3D-print the device.


Why Bioprocessing?

Bioprocess engineering is a conglomerate of fields and is extensively employed to optimize a variety of production processes. In order to cope with market forces, industries for example the pharmaceutical, have had to considerably improve their bioprocessing tools and techniques. As a result a range of novel process alternatives have been developed to harness product-specific properties, each bearing benefits, disadvantages and costs. While these can be used to drive financial returns, biological processing is becoming a gateway to eco-friendly alternatives for the treatment of recalcitrant wastewater such as industrial effluents. By providing more flexibility in supporting efficient degradation of toxic compounds and having lower operating costs, the biological treatment process brings forward key advantages over it's traditional counterpart.
A typical bioprocess involves the fermentation of a stock culture (e.g. E. coli) at a small scale which is subsequently scaled up to suitable production capacities. The products from the fermentative stages are consequently separated and purified using a variety of unit operations designed to exploit the orthogonal properties of desired products. These can then be formulated into their ultimate delivery form.




The design of a successful bioprocess requires careful analysis of the many factors that impact choice of design parameters and process variables. It is crucial to consider the cost of the process at each stage to assess it's large scale feasibility.

Let's look at an example bioprocess
1. Upstream: Production bioreactor preceded by small-scale seed fermenters
2. Downstream: constitutes of three main stages
- Recovery relates to primary unit operations i.e. centrifugation and filtrations. The main goal is to concentrate the desired compound within the process stream by reducing volumes and removing fermentation byproducts.
- Purification involves unit operations such as chromatography, crystallization and ultrafiltration. The final stages are necessary to ensure purity requirements are met.
- Formulationinvolves the integrating of the product into the target delivery route followed by packaging and storage.

Contact Us

University College London
Gower Street - London
WC1E 6BT
Biochemical Engineering Department
Phone: +44 (0)20 7679 2000
Email: ucligem2014@gmail.com

Follow Us