Difference between revisions of "Team:ICT-Mumbai/HP/Gold Integrated"

Line 1: Line 1:
−
{{ICT-Mumbai}}
 
 
<html>
 
<html>
 +
<title>ICT-Mumbai 2017</title>
 +
<meta charset="UTF-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 +
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
 +
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  
−
<h1>Gold Medal and Integrated Human Practices</h1>
+
<style>
  
−
<p>This page will contain information for your Gold medal Human Practices work, which you can also use to nominate your team for the Best Integrated Human Practices page. To make things easier, we have combined the Gold medal page with the Best Integrated Human Practices page since we expect the work to overlap considerably. </p>
+
#sideMenu
−
<p>iGEM teams are unique and leading the field because they "go beyond the lab" to imagine their projects in a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
{display:none; /*Disable the display of the annoying side main menu*/}
−
<p>Teams work with students and advisors from the humanities and social sciences to explore topics concerning ethical, legal, social, economic, safety or security issues related to their work. Consideration of these Human Practices is crucial for building safe and sustainable projects that serve the public interest. </p>
+
#top_title
−
<p>For more information, please see the <a href="https://2017.igem.org/Competition/Human_Practices">Human Practices page</a>.</p>
+
{display:none; /* Disable the annoying title*/}
 +
#content
 +
{padding:0px; width:100%; margin-left:0%; margin-right:0%;background-color: rgba(255,255,255);}
 +
 
 +
 
 +
body,h1,h2,h3,h4,h5,h6 {font-family: "Source Sans Pro", sans-serif;}
 +
 
 +
body, html {
 +
    height: 100%;
 +
    color: rgba(255,255,255);
 +
}
 +
 
 +
/* Create a Parallax Effect */
 +
.bgimg-1, .bgimg-2, .bgimg-3 {
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    background-repeat: no-repeat;
 +
    background-size: cover;
 +
}
 +
 
 +
/* First image (Logo. Full height) */
 +
.bgimg-1 {
 +
    background-image: url("https://static.igem.org/mediawiki/2017/0/0a/Design.png");
 +
    min-height: 574px;
 +
 
 +
   
 +
}
 +
 
 +
.w3-wide {letter-spacing: 10px;}
 +
.w3-hover-opacity {cursor: pointer;}
 +
 
 +
/* Turn off parallax scrolling for tablets and phones */
 +
@media only screen and (max-device-width: 1024px) {
 +
    .bgimg-1, .bgimg-2, .bgimg-3 {
 +
        background-attachment: scroll;
 +
    }
 +
}
 +
 
 +
*, *:before, *:after {
 +
  box-sizing: inherit;
 +
}
 +
 
 +
.column {
 +
  float: left;
 +
  width: 33.3%;
 +
  margin-bottom: 16px;
 +
  padding: 0 8px;
 +
}
 +
 
 +
@media (max-width: 650px) {
 +
  .column {
 +
    width: 100%;
 +
    display: block;
 +
  }
 +
}
 +
 
 +
.card {
 +
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
 +
 
 +
}
 +
 
 +
.container {
 +
  padding: 0 16px;
 +
  height: 526px
 +
}
 +
 
 +
.container::after, .row::after {
 +
  content: "";
 +
  clear: both;
 +
  display: table;
 +
}
 +
 
 +
 
 +
 
 +
.title {
 +
  color: grey;
 +
}
 +
 
 +
/* Style the tab */
 +
div.tab {
 +
    overflow: hidden;
 +
    border: 1px solid #ccc;
 +
    background-color: #f1f1f1;
 +
}
 +
 
 +
/* Style the buttons inside the tab */
 +
div.tab button {
 +
    background-color: inherit;
 +
    float: left;
 +
    border: solid;
 +
    outline: none;
 +
    cursor: pointer;
 +
    padding: 14px 16px;
 +
    transition: 0.3s;
 +
    font-size: 17px;
 +
}
 +
 
 +
/* Change background color of buttons on hover */
 +
div.tab button:hover {
 +
    background-color: #00FFFF
 +
;
 +
}
 +
 
 +
/* Create an active/current tablink class */
 +
div.tab button.active {
 +
    background-color: #ccc;
 +
}
 +
 
 +
/* Style the tab content */
 +
.tabcontent {
 +
    display: none;
 +
    padding: 6px 12px;
 +
    border: 1px solid #ccc;
 +
    border-top: none;
 +
}
 +
 
 +
</style>
 +
</body>
 +
 
 +
 
 +
<!-- Navbar (sit on top) -->
 +
  <div class="w3-bar" id="myNavbar">
 +
    <a class="w3-bar-item w3-button w3-hover-black w3-hide-medium w3-hide-large w3-right" href="javascript:void(0);" onclick="toggleFunction()" title="Toggle Navigation Menu">
 +
      <i class="fa fa-bars"></i>
 +
    </a>
 +
 
 +
  <a href="#home" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-home" aria-hidden="true"></i>
 +
Home</a>
 +
 
 +
<div class="w3-dropdown-hover">
 +
<a href="#project" button class="w3-button" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-flask" aria-hidden="true"></i>
 +
    Project</button></a>
 +
<div class="w3-dropdown-content w3-bar-block w3-animate-opacity">
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Background" class="w3-bar-item w3-button">Background</a>
 +
 
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Description" class="w3-bar-item w3-button">Description</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Design" class="w3-bar-item w3-button">Design</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Experiments" class="w3-bar-item w3-button">Experiments</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Notebook"class="w3-bar-item w3-button">Notebook</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Interlab"class="w3-bar-item w3-button">Interlab</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Results"class="w3-bar-item w3-button">Results</a>
 +
</div>
 
</div>
 
</div>
−
<div class="clear"></div>
 
  
 +
<div class="w3-dropdown-hover">
 +
<a href="#team" button class="w3-button" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-users" aria-hidden="true"></i>Team</button></a>
 +
<div class="w3-dropdown-content w3-bar-block w3-animate-opacity">
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Team"class="w3-bar-item w3-button">Team</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Collaborations" class="w3-bar-item w3-button">Collaborations</a>
 +
</div>
 +
</div>
  
−
<div class="column half_size">
+
    <div class="w3-dropdown-hover">
−
<h3>Gold Medal Criterion #1</h3>
+
<a href="#parts" button class="w3-button" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-cogs" aria-hidden="true"></i>  Parts</a>
−
<p>Expand on your silver medal activity by demonstrating how you have integrated the investigated issues into the design and/or execution of your project.</p>
+
<div class="w3-dropdown-content w3-bar-block w3-animate-opacity">
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Parts"class="w3-bar-item w3-button">Parts</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Basic Parts" class="w3-bar-item w3-button">Basic Parts</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Composite Parts" class="w3-bar-item w3-button">Composite Parts</a>
 +
</div>
 +
</div>
  
 +
<a href="#safety" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-flag" aria-hidden="true"></i>
 +
Safety</a>
 +
 +
<a href="#human practices" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-handshake-o" aria-hidden="true"></i>
 +
Human Practices</a>
 +
 +
 +
<a href="#awards" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-trophy" aria-hidden="true"></i>
 +
Awards</a>
 +
 +
<a href="https://2017.igem.org/Team:ICT-Mumbai/Attributions" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-user-o" aria-hidden="true"></i>Attributions</a>
 +
   
 +
  </div>
 +
 +
  <!-- Navbar on small screens -->
 +
  <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium">
 +
    <a href="#about" class="w3-bar-item w3-button" onclick="toggleFunction()">ABOUT</a>
 +
    <a href="#portfolio" class="w3-bar-item w3-button" onclick="toggleFunction()">PORTFOLIO</a>
 +
    <a href="#contact" class="w3-bar-item w3-button" onclick="toggleFunction()">CONTACT</a>
 +
    <a href="#" class="w3-bar-item w3-button">SEARCH</a>
 +
  </div>
 
</div>
 
</div>
  
−
<div class="column half_size">
+
<!-- First Parallax Image with Logo Text -->
−
<h3>Best Integrated Human Practices Special Prize</h3>
+
<div class="bgimg-1 w3-display-container" id="home">
 +
  <div class="w3-display-middle" style="white-space:nowrap;">
 +
  </div>
 +
</div>
  
−
<p>
+
<!-- Container (About Section) -->
−
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Integrated Human Practices prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
+
<div class="w3-content w3-container w3-padding-64" id="about">
−
<br><br>
+
  <br><h3 class="w3-center">Overview</h3> </br>
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
 
−
</p>
+
<p style="font-size:20px; colour:lightgrey;">From the time we decided to take on the issue of ammonia removal from
 +
the environment, our sights were set on designing a portable machine that
 +
could harbor our engineered bacteria. We aspire to use this device chiefly
 +
for deodorization of public washrooms. Insights from industry experts,
 +
academia, our peers and public opinion have played a huge role in shaping
 +
up our idea.</p>
 +
 
 +
<p style="font-size:20px; colour:lightgrey;"> Have a look at what we have done so far by clicking on the buttons below </p>
 +
       
 +
<div class="tab">
 +
  <button class="tablinks" onclick="openCity(event, 'London')">Current Solutions
 +
 
 +
</button>
 +
  <button class="tablinks" onclick="openCity(event, 'Paris')">Public and Educational outreach
 +
 
 +
</button>
 +
  <button class="tablinks" onclick="openCity(event, 'Tokyo')">Expert advice</button>
 
</div>
 
</div>
−
<div class="clear"></div>
+
 
−
<div class="column full_size">
+
<div id="London" class="tabcontent">
−
<h5>Inspiration</h5>
+
  <h3>Currrent solutions</h3>
−
<p>Here are a few examples of excellent Integrated Human Practices work:</p>
+
 
−
<ul>
+
 
−
<li><a href="https://2016.igem.org/Team:INSA-Lyon/Integrated_Practices">2016 INSA Lyon</a></li>
+
<p style="font-size:20px; colour:lightgrey;">Before embarking on our pursuit, we first analysed the current solutions
−
<li><a href="https://2016.igem.org/Team:UofC_Calgary/Integrated_Practices">2016 UofC Calgary</a></li>
+
that are available for deodorization of toilets and their short-comings. A
−
<li><a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Practices">2015 Bielefeld</a></li>
+
summary of our findings can be obtained here.</p>
−
<li><a href="https://2015.igem.org/Team:Edinburgh/Practices">2015 Edinburgh</a></li>
+
 
−
</ul>
+
        <p style="font-size:20px; colour:lightgrey;">1) Perfume or Naptha balls: This is the most commonly used method for tackling
 +
toilet odour. Perfumes used may vary in price from affordable deodorants to
 +
high-end fragrances while naptha balls are usually cheap. They just offer a band-
 +
aid solution and tend to fade away with time.</p>
 +
<p style="font-size:20px; colour:lightgrey;">2) Water-less toilets: Water-less toilets though proven to provide odorless sanitation
 +
and capable of saving water, come at a steep price. Majority of today&#39;s
 +
washrooms cannot be upgraded into a water-less facility without making drastic
 +
changes, thus limiting its usage.</p>
 +
<p style="font-size:20px; colour:lightgrey;">3) Bioblocks: Bioblocks provide a bio-response that is, they release benevolent
 +
bacteria every time they come in contact with urine. The bacteria prevent odour
 +
formation in addition to release of a fine fragrance. Their only limitation is the fact
 +
that they need to be replaced every few days, making them inconvenient.</p>       
 +
        </div>
 +
<div id="Paris" class="tabcontent">
 +
  <h3>Public and Educational outreach</h3>
 +
<p style="font-size:20px; colour:lightgrey; text-align: justify;">Science is all about curiosity and kids are known to be very curious! Hence, sparking
 +
scientific curiosity amongst kids has been over main focus. We are thankful to Sparsha
 +
Charitable Trust for giving us the opportunity to interact with kids from K.D.Vidyalaya
 +
School. In our interactive sessions, we tried our best to convey the sense of
 +
biotechnology beginning right from explaining what a cell is, to giving day-to- day
 +
examples such as bread, ethanol, and curd production by microbes. This went a long
 +
way in clearing a common misconception amongst them that all microorganisms are
 +
bad. The kids thoroughly enjoyed the session and we were satisfied that we could
 +
introduce them to biotechnology and convert them into science enthusiasts.</p>
 +
<img src="https://static.igem.org/mediawiki/2017/b/b6/HP_ict.jpg" alt="Norway" style="width:30%" hspace="15" >
 +
<img src="https://static.igem.org/mediawiki/2017/b/bc/ICT-Mumbai_HP_image_2.jpeg" class="w3-round" alt="Norway" style="width:30%" hspace="10">
 +
<img src="https://static.igem.org/mediawiki/2017/c/c9/ICT-Mumbai_HP_image_3.jpeg" class="w3-round" alt="Norway" style="width:30%" hspace="10">
 +
</div>
 +
 
 +
<div id="Tokyo" class="tabcontent">
 +
  <h3>Expert advice</h3>
 +
<p style="font-size:20px; colour:lightgrey; text-align: justify;">In order to make our device suitable for practical use in public washrooms, we consulted Sulabh International, an NGO behind the ‘Sulabh Sanitation Movement’ who have built 1.5 million household toilets & 54 million government toilets around India. According to Mr.Nirmal Singh, President of Sulabh International, Mumbai the device under design by us could one day be used in public washrooms provided it is economically feasible. From above interaction, we got an idea of how public toilets are being maintained and this motivated us to make this process easier & economical.</p>
 +
</div>
 +
 
 +
<script>
 +
function openCity(evt, cityName) {
 +
    var i, tabcontent, tablinks;
 +
    tabcontent = document.getElementsByClassName("tabcontent");
 +
    for (i = 0; i < tabcontent.length; i++) {
 +
        tabcontent[i].style.display = "none";
 +
    }
 +
    tablinks = document.getElementsByClassName("tablinks");
 +
    for (i = 0; i < tablinks.length; i++) {
 +
        tablinks[i].className = tablinks[i].className.replace(" active", "");
 +
    }
 +
    document.getElementById(cityName).style.display = "block";
 +
    evt.currentTarget.className += " active";
 +
}
 +
</script>
 +
 
 +
 
 +
 +
  <div class="w3-row">
 +
    <div class="w3-col m6 w3-center w3-padding-small">
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
</body>
 
</html>
 
</html>

Revision as of 09:48, 27 October 2017

ICT-Mumbai 2017


Overview


From the time we decided to take on the issue of ammonia removal from the environment, our sights were set on designing a portable machine that could harbor our engineered bacteria. We aspire to use this device chiefly for deodorization of public washrooms. Insights from industry experts, academia, our peers and public opinion have played a huge role in shaping up our idea.

Have a look at what we have done so far by clicking on the buttons below

Currrent solutions

Before embarking on our pursuit, we first analysed the current solutions that are available for deodorization of toilets and their short-comings. A summary of our findings can be obtained here.

1) Perfume or Naptha balls: This is the most commonly used method for tackling toilet odour. Perfumes used may vary in price from affordable deodorants to high-end fragrances while naptha balls are usually cheap. They just offer a band- aid solution and tend to fade away with time.

2) Water-less toilets: Water-less toilets though proven to provide odorless sanitation and capable of saving water, come at a steep price. Majority of today's washrooms cannot be upgraded into a water-less facility without making drastic changes, thus limiting its usage.

3) Bioblocks: Bioblocks provide a bio-response that is, they release benevolent bacteria every time they come in contact with urine. The bacteria prevent odour formation in addition to release of a fine fragrance. Their only limitation is the fact that they need to be replaced every few days, making them inconvenient.

Public and Educational outreach

Science is all about curiosity and kids are known to be very curious! Hence, sparking scientific curiosity amongst kids has been over main focus. We are thankful to Sparsha Charitable Trust for giving us the opportunity to interact with kids from K.D.Vidyalaya School. In our interactive sessions, we tried our best to convey the sense of biotechnology beginning right from explaining what a cell is, to giving day-to- day examples such as bread, ethanol, and curd production by microbes. This went a long way in clearing a common misconception amongst them that all microorganisms are bad. The kids thoroughly enjoyed the session and we were satisfied that we could introduce them to biotechnology and convert them into science enthusiasts.

Norway Norway Norway

Expert advice

In order to make our device suitable for practical use in public washrooms, we consulted Sulabh International, an NGO behind the ‘Sulabh Sanitation Movement’ who have built 1.5 million household toilets & 54 million government toilets around India. According to Mr.Nirmal Singh, President of Sulabh International, Mumbai the device under design by us could one day be used in public washrooms provided it is economically feasible. From above interaction, we got an idea of how public toilets are being maintained and this motivated us to make this process easier & economical.