Difference between revisions of "Team:NUS Singapore/Human Practices"

Line 556: Line 556:
 
         <div class="standard-text">
 
         <div class="standard-text">
 
         <p style="font-family: 'Noto Sans TC', sans-serif; font-size: 20px; font-weight: 300; color:#143642; text-align: left;">
 
         <p style="font-family: 'Noto Sans TC', sans-serif; font-size: 20px; font-weight: 300; color:#143642; text-align: left;">
         The concept of extending bacteria’s functional lifespan has been an open question in the field of biology and yet, it has not been explored extensively. Given the novelty and benefits it entails, our team believes that through regulating bacteria’s growth, it can potentially address limitations posed by the stochastic nature of bacteria. We formulated our human practice methodology and classified it into 3 main groups: <b>Idea Formulation</b>, <b>Intended Applications</b>, <b>Ethics and Safety</b>. For <b>idea formulation</b>, we read up literature and consulted experts who studied intensively on different <b>Toxin-Antitoxin systems</b> and seeked their view on its <b>feasibility as a growth switch</b>. To understand how our platform technology would impact <b>current applications</b>, we interviewed <b>stakeholders in healthcare, biolighting, biosensors and bio-manufacturing</b>. Their feedback <b>pivoted us away from applications</b> that our technology might not be suited for and also shed light on its <b>demand</b>, especially for biosensor companies and people who live in rural areas. We also interviewed individuals on <b>ethics and safety</b> as we identified the need for a biocontainment system for our long living bacteria. Through our HP, we gave due <b>consideration to every voice and consolidated their suggestions</b>, which ultimately spearheaded into integrated human practice.  
+
         The concept of extending bacteria’s functional lifespan has been an open question in the field of biology and yet, it has not been explored extensively. Given the novelty and benefits it entails, our team believes that through regulating bacteria’s growth, it can potentially address limitations posed by the stochastic nature of bacteria. We formulated our human practice methodology and classified it into 3 main groups: <b>Idea Formulation</b>, <b>Intended Applications</b>, <b>Ethics and Safety</b>. For <b>idea formulation</b>, we read up literature and consulted experts who studied intensively on different <b>Toxin-Antitoxin systems</b> to seek their view on its <b>feasibility as a growth switch</b>. To understand how our platform technology would impact <b>current applications</b>, we interviewed <b>stakeholders in healthcare, biolighting, biosensors and bio-manufacturing</b>. Their feedback <b>pivoted us away from applications</b> that our technology might not be suited for and also shed light on its <b>demand</b>, especially for biosensor companies and people who live in rural areas. We also interviewed individuals on <b>ethics and safety</b> as we identified the need for a biocontainment system for our long living bacteria. Through our HP, we gave due <b>consideration to every voice and consolidated their suggestions</b>, which ultimately spearheaded into integrated human practice.  
 
         <p style="padding-top: 5px; font-family: 'Noto Sans TC', sans-serif; font-size: 20px; font-weight: 500; color:#143642; text-align: left;"><i>Click on the dots to find out more!</i></p>
 
         <p style="padding-top: 5px; font-family: 'Noto Sans TC', sans-serif; font-size: 20px; font-weight: 500; color:#143642; text-align: left;"><i>Click on the dots to find out more!</i></p>
 
         </div>
 
         </div>
Line 1,557: Line 1,557:
 
                 <ul class="list-unstyled modallist">
 
                 <ul class="list-unstyled modallist">
 
                   <li>We ensured that our project was thoroughly reviewed and IBC approved under the BioMakerSpace Laboratory.</li>
 
                   <li>We ensured that our project was thoroughly reviewed and IBC approved under the BioMakerSpace Laboratory.</li>
                   <li>We took precautionary actions to ensure that all the experiments were contained in the lab and all activities involving the engineered strain were strictly controlled.</li>
+
                   <li>We took precautionary actions to ensure that all the ex
                 
+
                </ul>
+
              </div>
+
            </div>
+
          </div>
+
        </div>
+
 
+
        <div id="ihp-4-modal-1" class="modal">
+
          <div class="modal-content">
+
            <span class="close">&times;</span>
+
            <div id="modal-text">
+
              <div class="row" style="margin: 0; width:100%; margin-bottom:40px">
+
                <div class="column modalcol1">
+
                  <img src="https://2019.igem.org/wiki/images/c/c8/T--NUS_Singapore--Human_Practices_Photo_Com1.jpg" style="width:100%">
+
                </div>
+
                <div class="column modalcol2">
+
                  <div class="title">Prof. Richard Kitney</div>
+
                  <div style="font-family: 'Montserrat', sans-serif; font-size:18px; font-weight:400; text-align:left; color:#143642; line-height:1.2em; margin-bottom:20px">Professor in the Department of BioMedical Systems Engineering, Imperial College
+
                  </br></br><b>Specialised in: </b> Systems and Synthetic Biology</div>
+
                </div>
+
              </div>
+
              <div class="horizontal-line-2"></div>
+
              <div style="margin-top:40px;">
+
                <b>Context:</b> Presentation of our project</br>
+
                </br><b>What we learnt</b></br>
+
                <ul class="list-unstyled modallist">
+
                  <li>The structure of our presentation needs to be such that the audience is able to connect all the dots together and not see it as a set of different ideas.</li>
+
                  <li>Our Wiki needs to be designed in a manner which allows the reader to gather all the necessary details about the project without being overwhelmed by the amount of content presented.</li>
+
                 
+
                </ul>
+
                </br><b>How we acted upon the feedback</b></br>
+
                <ul class="list-unstyled modallist">
+
                  <li>We modified the presentation accordingly.</li>
+
                  <li>We ensured that our Wiki provided all the details about our project in a comprehensive and user-friendly manner.</li>
+
               
+
                </ul>
+
              </div>
+
            </div>
+
          </div>
+
        </div>
+
 
+
 
+
 
+
        <div id="ihp-4-modal-2" class="modal">
+
          <div class="modal-content">
+
            <span class="close">&times;</span>
+
            <div id="modal-text">
+
              <div class="row" style="margin: 0; width:100%; margin-bottom:40px">
+
                <div class="column modalcol1">
+
                  <img src="https://2019.igem.org/wiki/images/2/2f/T--NUS_Singapore--Human_Practices_Photo_Com2.jpg" style="width:100%">
+
                </div>
+
                <div class="column modalcol2">
+
                  <div class="title">Prof. Adison Wong</div>
+
                  <div style="font-family: 'Montserrat', sans-serif; font-size:18px; font-weight:400; text-align:left; color:#143642; line-height:1.2em; margin-bottom:20px">Assistant Professor, Singapore Institute of Technology
+
                  </br></br><b>Specialised in: </b>Synthetic Biology</div>
+
                </div>
+
              </div>
+
              <div class="horizontal-line-2"></div>
+
              <div style="margin-top:40px;">
+
                <b>Context:</b> Presentation of our project
+
              </br>
+
                </br><b>What we learnt</b></br>
+
                <ul class="list-unstyled modallist">
+
                  <li>The use case to the actual project needs to be brought in very early on. </li>
+
                  <li>Our project should be linked directly to the biosensor example if that’s ultimately going to be our use case.</li>
+
                  <li>We cannot claim that our technology can produce a higher amount of protein as the production rate is calculated per hour. Instead, it would be more appropriate to claim that our technology can produce an extended protein production window.</li>
+
                </ul>
+
                </br><b>How we acted upon the feedback</b></br>
+
                <ul class="list-unstyled modallist">
+
                  <li>We rearranged the slides accordingly and polished our presentation.</li>
+
                  <li>We were mindful about claiming what our technology can actually do.</li>
+
                </ul>
+
              </div>
+
            </div>
+
          </div>
+
        </div>
+
 
+
        <div id="ihp-4-modal-3" class="modal">
+
          <div class="modal-content">
+
            <span class="close">&times;</span>
+
            <div id="modal-text">
+
              <div class="row" style="margin: 0; width:100%; margin-bottom:40px">
+
                <div class="column modalcol1">
+
                  <img src="https://2019.igem.org/wiki/images/2/2d/T--NUS_Singapore--Human_Practices_Photo_Com3.jpg" style="width:100%">
+
                </div>
+
                <div class="column modalcol2">
+
                  <div class="title">Kristav Childress</div>
+
                  <div style="font-family: 'Montserrat', sans-serif; font-size:18px; font-weight:400; text-align:left; color:#143642; line-height:1.2em; margin-bottom:20px">Mentor-in-Residence at NUS Enterprise</div>
+
                 
+
                </div>
+
              </div>
+
              <div class="horizontal-line-2"></div>
+
              <div style="margin-top:40px;">
+
                <b>Context:</b> Approached him for help for presentations as well as entrepreneurship feedback.</br>
+
                </br><b>What we learnt</b></br>
+
                <ul class="list-unstyled modallist">
+
                  <li>We should let the problem statement "breathe" a little instead of immediately diving into our solutions. First, we can talk about the wonders of genetically engineered bacteria and some of the current limitations. Then, we can follow on with how our technology solves the current challenges.</li>
+
                  <li>Phrases like “enable fine control of functional lifespan” don’t necessarily ring a bell especially with people who are unfamiliar with the field. It may be more effective to make use of concepts like a switch to turn cells “ON” and “OFF” to explain our technology. </li>
+
                  <li>Although we have a platform technology, it is best to showcase it by diving deep into one of the many potential use-cases. Doing so will help the audience appreciate the practical value of our technology.</li>
+
                  <li>Out of the different potential use cases, bioluminescence seems to best showcase the significance and value of our technology through visual methods, which are usually very impactful.</li>
+
                  <li>We could clearly identify the value proposition of our technology and pinpoint the “Job to be done”.</li>
+
                </ul>
+
                </br><b>How we acted upon the feedback</b></br>
+
                <ul class="list-unstyled modallist">
+
                  <li>We modified our presentation accordingly.</li>
+
                  <li>We took his feedback into account while presenting our project to companies and other relevant stakeholders.</li>
+
                  <li>We refined our Human Practice methodology.</li>
+
 
+
                </ul>
+
              </div>
+
            </div>
+
          </div>
+
        </div>
+
 
+
        <div id="ihp-4-modal-4" class="modal">
+
          <div class="modal-content">
+
            <span class="close">&times;</span>
+
            <div id="modal-text">
+
              <div class="row" style="margin: 0; width:100%; margin-bottom:40px">
+
                <div class="column modalcol1">
+
                  <img src="https://2019.igem.org/wiki/images/5/5d/T--NUS_Singapore--Human_Practices_Photo_Com4.jpg" style="width:100%">
+
                </div>
+
                <div class="column modalcol2">
+
                  <div class="title">Darcia Schweitzer</div>
+
                  <div style="font-family: 'Montserrat', sans-serif; font-size:18px; font-weight:400; text-align:left; color:#143642; line-height:1.2em; margin-bottom:20px">Content Lead for Academic Market Segment at Promega Corporation</div>
+
 
+
 
+
                  <div class="title">Dr. Alex Fedorec</div>
+
                  <div style="font-family: 'Montserrat', sans-serif; font-size:18px; font-weight:400; text-align:left; color:#143642; line-height:1.2em; margin-bottom:20px">Associate Professor in the Division of Biosciences, University College London
+
                  </br></br><b>Specialised in: </b> Cell & Developmental Biology</div>
+
                </div>
+
              </div>
+
              <div class="horizontal-line-2"></div>
+
              <div style="margin-top:40px;">
+
                <b>Context:</b>  Spoke to our sponsors to understand the perception of the project </br>
+
                </br><b>What we learnt</b></br>
+
                <ul class="list-unstyled modallist">
+
                  <li>The project description in our application was very clear and the technical concepts underlying our project were communicated effectively in a concise manner.</li>
+
                  <li>An attractive aspect of our project is the big implications it carries for protein production.</li>
+
                </ul>
+
                </br><b>How we acted upon the feedback</b></br>
+
                <ul class="list-unstyled modallist">
+
                  <li>We used a similar project description on our Wiki and ensured that our presentation touched on the impact of our technology on protein production.</li>
+
                </ul>
+
              </div>
+
            </div>
+
          </div>
+
        </div>
+
 
+
        <div id="ihp-4-modal-5" class="modal">
+
          <div class="modal-content">
+
            <span class="close">&times;</span>
+
            <div id="modal-text">
+
              <div class="row" style="margin: 0; width:100%; margin-bottom:40px">
+
                <div class="column modalcol1">
+
                  <img src="https://2019.igem.org/wiki/images/3/3e/T--NUS_Singapore--Human_Practices_Photo_Com5.jpg" style="width:100%">
+
                </div>
+
                <div class="column modalcol2">
+
                  <div class="title">Dr. Poh Wei Jie</div>
+
                  <div style="font-family: 'Montserrat', sans-serif; font-size:18px; font-weight:400; text-align:left; color:#143642; line-height:1.2em; margin-bottom:20px">Entrepreneur-in-Residence, Duke-NUS Medical School</div>
+
                </div>
+
              </div>
+
              <div class="horizontal-line-2"></div>
+
              <div style="margin-top:40px;">
+
                <b>Context:</b> Approached them for general feedback and entrepreneurial feasibility of the project.</br>
+
                </br><b>What we learnt</b></br>
+
                <ul class="list-unstyled modallist">
+
                  <li>A platform technology, while attractive, would need to have multiple business canvasses and strategies targeting each use case of the platform.</li>
+
                  <li>Regulatory approval can be cleared for one use case, but has to be continuously cleared for each use case despite the same core technology.</li>
+
                  <li>The most useful way to understand each problem is speaking to specific people in each use case. That would help immediately gain feedback on our project by telling us what they want to see from our project before they will pay for it.</li>
+
                </ul>
+
                </br><b>How we acted upon the feedback</b></br>
+
                <ul class="list-unstyled modallist">
+
                  <li>We sought the opinions of people in our key areas (biomanufacturing, biosensing) and asked them what kinds of data they would want to see.</li>
+
              <li>We developed business canvases specific to our end use cases.</li>
+
                </ul>
+
              </div>
+
            </div>
+
          </div>
+
        </div>
+
 
+
        <div id="ihp-4-modal-6" class="modal">
+
          <div class="modal-content">
+
            <span class="close">&times;</span>
+
            <div id="modal-text">
+
              <div class="row" style="margin: 0; width:100%; margin-bottom:40px">
+
                <div class="column modalcol1">
+
                  <img src="https://2019.igem.org/wiki/images/e/e8/T--NUS_Singapore--Human_Practices_Photo_Com6i.jpg" style="width:100%">
+
                </div>
+
                <div class="column modalcol1">
+
                  <img src="https://2019.igem.org/wiki/images/6/6e/T--NUS_Singapore--Human_Practices_Photo_Com6ii.jpg" style="width:100%">
+
                </div>
+
                <div class="column modalcol1">
+
                  <img src="https://2019.igem.org/wiki/images/8/86/T--NUS_Singapore--Human_Practices_Photo_Com6iii.jpg" style="width:100%">
+
                </div>
+
                <div class="column modalcol2">
+
                  <div class="title">Teams at SG Innovate</div>
+
                </div>
+
              </div>
+
              <div class="horizontal-line-2"></div>
+
              <div style="margin-top:40px;">
+
                <b>Context:</b> Approached them for general feedback and entrepreneurial feasibility of the project.</br>
+
                </br><b>What we learnt</b></br>
+
                <ul class="list-unstyled modallist">
+
                  <li>There was too much time spent on trying to convince the audience that a problem exists.</li>
+
                  <li>It is important to be clear on a target market and build the economic case for the problem at hand.</li>
+
                  <li>Bioluminescence is a nice case study but should not be a key goal.</li>
+
                  <li>Different areas have different obstacles - therapeutics is very attractive, but regulatory hurdles are huge, as compared to the market of wastewater treatment which might be easier to enter.</li>
+
                </ul>
+
                </br><b>How we acted upon the feedback</b></br>
+
                <ul class="list-unstyled modallist">
+
                  <li>We decided to do a market survey to understand which market would be the most suitable for our project and build an economic case for it.</li>
+
              <li>We streamlined our problem statement to focus on targeting those markets.</li>
+
                </ul>
+
              </div>
+
            </div>
+
          </div>
+
        </div>
+
       
+
    </div>
+
 
+
 
+
 
+
 
+
    <footer id="footer">
+
      <img src="https://2019.igem.org/wiki/images/7/77/T--NUS_Singapore--Footer.jpg" style="width:100%;">
+
      <div class="row" id="footerrow">
+
        <div class="column" id="footercolumn">
+
          <a target="_blank" href = "https://www.facebook.com/NUSiGEM/"><img src="https://2019.igem.org/wiki/images/5/5c/T--NUS_Singapore--Footer_facebook.jpg" id="footerlogo"></a>
+
        </div>
+
        <div class="column" id="footercolumn">
+
          <a target="_blank" href = "https://www.instagram.com/nusigem/"><img src="https://2019.igem.org/wiki/images/c/cc/T--NUS_Singapore--Footer_instagram.jpg" id="footerlogo"></a>
+
        </div>
+
        <div class="column" id="footercolumn">
+
          <a target="_blank" href = "mailto: nusigem@gmail.com"><img src="https://2019.igem.org/wiki/images/4/4f/T--NUS_Singapore--Footer_mail.jpg" id="footerlogo"></a>
+
        </div>
+
      </div>
+
    </footer>
+
 
+
  </div>
+
</body>
+
<script>
+
    window.onscroll = function() {
+
      scrollFunction1();
+
      infoBoxDisappear();
+
    }
+
 
+
 
+
    var sticky2 = footer.offsetTop;
+
 
+
    function scrollFunction1() {
+
      if (document.body.scrollTop > (document.getElementById("cover-picture").clientHeight*0.75) || document.documentElement.scrollTop > (document.getElementById("cover-picture").clientHeight*0.75)) {
+
        document.getElementById("navbar").style.top = "0";
+
          if (window.pageYOffset <= sticky2 - innerHeight){
+
          document.getElementById("sidenav").style.left = "0";
+
        }else{
+
          document.getElementById("sidenav").style.left = "-200px";
+
        }
+
 
+
      } else {
+
        document.getElementById("navbar").style.top = "-200px";
+
        document.getElementById("sidenav").style.left = "-200px";
+
      }
+
    }
+
 
+
 
+
/*************************index bar***************************/
+
  function scrollToOverview(){ 
+
    $([document.documentElement, document.body]).animate({
+
        scrollTop: $("#Overview").offset().top
+
    }, 700);
+
  } 
+
  function scrollToMethodology(){ 
+
    $([document.documentElement, document.body]).animate({
+
        scrollTop: $("#Methodology").offset().top + 100
+
    }, 700);
+
  } 
+
  function scrollToIntegrated(){ 
+
    $([document.documentElement, document.body]).animate({
+
        scrollTop: $("#Integrated").offset().top + 100
+
    }, 700);
+
  } 
+
 
+
  function button1meth(){
+
      document.getElementById("button-1-meth-pressed").style.display = "block";
+
      document.getElementById("button-1-meth-unpressed").style.display = "none";
+
      document.getElementById("button-2-meth-pressed").style.display = "none";
+
      document.getElementById("button-2-meth-unpressed").style.display = "block";
+
      document.getElementById("button-3-meth-pressed").style.display = "none";
+
      document.getElementById("button-3-meth-unpressed").style.display = "block";
+
 
+
      document.getElementById("flowchart-1-meth").style.display = "block";
+
      document.getElementById("flowchart-2-meth").style.display = "none";
+
      document.getElementById("flowchart-3-meth").style.display = "none";
+
 
+
      document.getElementById("info-box-1-meth").style.display = "block";
+
      document.getElementById("info-box-2-meth").style.display = "none";
+
      document.getElementById("info-box-3-meth").style.display = "none";
+
  };
+
  function button2meth(){
+
      document.getElementById("button-1-meth-pressed").style.display = "none";
+
      document.getElementById("button-1-meth-unpressed").style.display = "block";
+
      document.getElementById("button-2-meth-pressed").style.display = "block";
+
      document.getElementById("button-2-meth-unpressed").style.display = "none";
+
      document.getElementById("button-3-meth-pressed").style.display = "none";
+
      document.getElementById("button-3-meth-unpressed").style.display = "block";
+
 
+
      document.getElementById("flowchart-1-meth").style.display = "none";
+
      document.getElementById("flowchart-2-meth").style.display = "block";
+
      document.getElementById("flowchart-3-meth").style.display = "none";
+
 
+
      document.getElementById("info-box-1-meth").style.display = "none";
+
      document.getElementById("info-box-2-meth").style.display = "block";
+
      document.getElementById("info-box-3-meth").style.display = "none";
+
  };
+
  function button3meth(){
+
      document.getElementById("button-1-meth-pressed").style.display = "none";
+
      document.getElementById("button-1-meth-unpressed").style.display = "block";
+
      document.getElementById("button-2-meth-pressed").style.display = "none";
+
      document.getElementById("button-2-meth-unpressed").style.display = "block";
+
      document.getElementById("button-3-meth-pressed").style.display = "block";
+
      document.getElementById("button-3-meth-unpressed").style.display = "none";
+
 
+
      document.getElementById("flowchart-1-meth").style.display = "none";
+
      document.getElementById("flowchart-2-meth").style.display = "none";
+
      document.getElementById("flowchart-3-meth").style.display = "block";
+
 
+
      document.getElementById("info-box-1-meth").style.display = "none";
+
      document.getElementById("info-box-2-meth").style.display = "none";
+
      document.getElementById("info-box-3-meth").style.display = "block";
+
  };
+
 
+
 
+
  function button1ihp(){
+
      document.getElementById("button-1-ihp-pressed").style.display = "block";
+
      document.getElementById("button-1-ihp-unpressed").style.display = "none";
+
      document.getElementById("button-2-ihp-pressed").style.display = "none";
+
      document.getElementById("button-2-ihp-unpressed").style.display = "block";
+
      document.getElementById("button-3-ihp-pressed").style.display = "none";
+
      document.getElementById("button-3-ihp-unpressed").style.display = "block";
+
      document.getElementById("button-4-ihp-pressed").style.display = "none";
+
      document.getElementById("button-4-ihp-unpressed").style.display = "block";
+
 
+
      document.getElementById("flowchart-1-ihp").style.display = "block";
+
      document.getElementById("flowchart-2-ihp").style.display = "none";
+
      document.getElementById("flowchart-3-ihp").style.display = "none";
+
      document.getElementById("flowchart-4-ihp").style.display = "none";
+
      closeInfoBox();
+
  };
+
  function button2ihp(){
+
      document.getElementById("button-1-ihp-pressed").style.display = "none";
+
      document.getElementById("button-1-ihp-unpressed").style.display = "block";
+
      document.getElementById("button-2-ihp-pressed").style.display = "block";
+
      document.getElementById("button-2-ihp-unpressed").style.display = "none";
+
      document.getElementById("button-3-ihp-pressed").style.display = "none";
+
      document.getElementById("button-3-ihp-unpressed").style.display = "block";
+
      document.getElementById("button-4-ihp-pressed").style.display = "none";
+
      document.getElementById("button-4-ihp-unpressed").style.display = "block";
+
 
+
      document.getElementById("flowchart-1-ihp").style.display = "none";
+
      document.getElementById("flowchart-2-ihp").style.display = "block";
+
      document.getElementById("flowchart-3-ihp").style.display = "none";
+
      document.getElementById("flowchart-4-ihp").style.display = "none";
+
      closeInfoBox();
+
  };
+
  function button3ihp(){
+
      document.getElementById("button-1-ihp-pressed").style.display = "none";
+
      document.getElementById("button-1-ihp-unpressed").style.display = "block";
+
      document.getElementById("button-2-ihp-pressed").style.display = "none";
+
      document.getElementById("button-2-ihp-unpressed").style.display = "block";
+
      document.getElementById("button-3-ihp-pressed").style.display = "block";
+
      document.getElementById("button-3-ihp-unpressed").style.display = "none";
+
      document.getElementById("button-4-ihp-pressed").style.display = "none";
+
      document.getElementById("button-4-ihp-unpressed").style.display = "block";
+
 
+
      document.getElementById("flowchart-1-ihp").style.display = "none";
+
      document.getElementById("flowchart-2-ihp").style.display = "none";
+
      document.getElementById("flowchart-3-ihp").style.display = "block";
+
      document.getElementById("flowchart-4-ihp").style.display = "none";
+
      closeInfoBox();
+
  };
+
  function button4ihp(){
+
      document.getElementById("button-1-ihp-pressed").style.display = "none";
+
      document.getElementById("button-1-ihp-unpressed").style.display = "block";
+
      document.getElementById("button-2-ihp-pressed").style.display = "none";
+
      document.getElementById("button-2-ihp-unpressed").style.display = "block";
+
      document.getElementById("button-3-ihp-pressed").style.display = "none";
+
      document.getElementById("button-3-ihp-unpressed").style.display = "block";
+
      document.getElementById("button-4-ihp-pressed").style.display = "block";
+
      document.getElementById("button-4-ihp-unpressed").style.display = "none";
+
 
+
      document.getElementById("flowchart-1-ihp").style.display = "none";
+
      document.getElementById("flowchart-2-ihp").style.display = "none";
+
      document.getElementById("flowchart-3-ihp").style.display = "none";
+
      document.getElementById("flowchart-4-ihp").style.display = "block";
+
      closeInfoBox();
+
  };
+
 
+
  function closeInfoBox(){
+
      document.getElementById("ihp-1-box-1").style.display = "none";
+
      document.getElementById("ihp-1-dot-1").style.display = "none";
+
      document.getElementById("ihp-1-box-2").style.display = "none";
+
      document.getElementById("ihp-1-dot-2").style.display = "none";
+
      document.getElementById("ihp-1-box-3").style.display = "none";
+
      document.getElementById("ihp-1-dot-3").style.display = "none";
+
      document.getElementById("ihp-1-box-4").style.display = "none";
+
      document.getElementById("ihp-1-dot-4").style.display = "none";
+
      document.getElementById("ihp-1-box-5").style.display = "none";
+
      document.getElementById("ihp-1-dot-5").style.display = "none";
+
      document.getElementById("ihp-1-box-6").style.display = "none";
+
      document.getElementById("ihp-1-dot-6").style.display = "none";
+
      document.getElementById("ihp-1-box-7").style.display = "none";
+
      document.getElementById("ihp-1-dot-7").style.display = "none";
+
      document.getElementById("ihp-1-box-8").style.display = "none";
+
      document.getElementById("ihp-1-dot-8").style.display = "none";
+
      document.getElementById("ihp-1-box-9").style.display = "none";
+
      document.getElementById("ihp-1-dot-9").style.display = "none";
+
 
+
 
+
      document.getElementById("ihp-2-box-1").style.display = "none";
+
      document.getElementById("ihp-2-dot-1").style.display = "none";
+
      document.getElementById("ihp-2-box-2").style.display = "none";
+
      document.getElementById("ihp-2-dot-2").style.display = "none";
+
      document.getElementById("ihp-2-box-3").style.display = "none";
+
      document.getElementById("ihp-2-dot-3").style.display = "none";
+
      document.getElementById("ihp-2-box-4").style.display = "none";
+
      document.getElementById("ihp-2-dot-4").style.display = "none";
+
      document.getElementById("ihp-2-box-5").style.display = "none";
+
      document.getElementById("ihp-2-dot-5").style.display = "none";
+
      document.getElementById("ihp-2-box-6").style.display = "none";
+
      document.getElementById("ihp-2-dot-6").style.display = "none";
+
      document.getElementById("ihp-2-box-7").style.display = "none";
+
      document.getElementById("ihp-2-dot-7").style.display = "none";
+
      document.getElementById("ihp-2-box-8").style.display = "none";
+
      document.getElementById("ihp-2-dot-8").style.display = "none";
+
      document.getElementById("ihp-2-box-9").style.display = "none";
+
      document.getElementById("ihp-2-dot-9").style.display = "none";
+
      document.getElementById("ihp-2-box-10").style.display = "none";
+
      document.getElementById("ihp-2-dot-10").style.display = "none";
+
      document.getElementById("ihp-2-box-11").style.display = "none";
+
      document.getElementById("ihp-2-dot-11").style.display = "none";
+
 
+
      document.getElementById("ihp-3-box-1").style.display = "none";
+
      document.getElementById("ihp-3-dot-1").style.display = "none";
+
      document.getElementById("ihp-3-box-2").style.display = "none";
+
      document.getElementById("ihp-3-dot-2").style.display = "none";
+
 
+
 
+
      document.getElementById("ihp-4-box-1").style.display = "none";
+
      document.getElementById("ihp-4-dot-1").style.display = "none";
+
      document.getElementById("ihp-4-box-2").style.display = "none";
+
      document.getElementById("ihp-4-dot-2").style.display = "none";
+
      document.getElementById("ihp-4-box-3").style.display = "none";
+
      document.getElementById("ihp-4-dot-3").style.display = "none";
+
      document.getElementById("ihp-4-box-4").style.display = "none";
+
      document.getElementById("ihp-4-dot-4").style.display = "none";
+
      document.getElementById("ihp-4-box-5").style.display = "none";
+
      document.getElementById("ihp-4-dot-5").style.display = "none";
+
      document.getElementById("ihp-4-box-6").style.display = "none";
+
      document.getElementById("ihp-4-dot-6").style.display = "none";
+
  }
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
//**************************************************JOANNE EDIT BELOW************************************************************//
+
//add on modalx, btnx, dotx....//
+
 
+
// Get the modal and button
+
var modal1 = document.getElementById("ihp-1-modal-1");
+
var btn1 = document.getElementById("ihp-1-btn-1");
+
var dot1 = document.getElementById("ihp-1-dot-1");
+
 
+
var modal2 = document.getElementById("ihp-1-modal-2");
+
var btn2 = document.getElementById("ihp-1-btn-2");
+
var dot2 = document.getElementById("ihp-1-dot-2");
+
 
+
var modal3 = document.getElementById("ihp-1-modal-3");
+
var btn3 = document.getElementById("ihp-1-btn-3");
+
var dot3 = document.getElementById("ihp-1-dot-3");
+
 
+
var modal4 = document.getElementById("ihp-1-modal-4");
+
var btn4 = document.getElementById("ihp-1-btn-4");
+
var dot4 = document.getElementById("ihp-1-dot-4");
+
 
+
var modal5 = document.getElementById("ihp-1-modal-5");
+
var btn5 = document.getElementById("ihp-1-btn-5");
+
var dot5 = document.getElementById("ihp-1-dot-5");
+
 
+
var modal6 = document.getElementById("ihp-1-modal-6");
+
var btn6 = document.getElementById("ihp-1-btn-6");
+
var dot6 = document.getElementById("ihp-1-dot-6");
+
 
+
var modal7 = document.getElementById("ihp-1-modal-7");
+
var btn7 = document.getElementById("ihp-1-btn-7");
+
var dot7 = document.getElementById("ihp-1-dot-7");
+
 
+
var modal8 = document.getElementById("ihp-1-modal-8");
+
var btn8 = document.getElementById("ihp-1-btn-8");
+
var dot8 = document.getElementById("ihp-1-dot-8");
+
 
+
var modal9 = document.getElementById("ihp-1-modal-9");
+
var btn9 = document.getElementById("ihp-1-btn-9");
+
var dot9 = document.getElementById("ihp-1-dot-9");
+
 
+
var modal21 = document.getElementById("ihp-2-modal-1");
+
var btn21 = document.getElementById("ihp-2-btn-1");
+
var dot21 = document.getElementById("ihp-2-dot-1");
+
 
+
var modal22 = document.getElementById("ihp-2-modal-2");
+
var btn22 = document.getElementById("ihp-2-btn-2");
+
var dot22 = document.getElementById("ihp-2-dot-2");
+
 
+
var modal23 = document.getElementById("ihp-2-modal-3");
+
var btn23 = document.getElementById("ihp-2-btn-3");
+
var dot23 = document.getElementById("ihp-2-dot-3");
+
 
+
var modal24 = document.getElementById("ihp-2-modal-4");
+
var btn24 = document.getElementById("ihp-2-btn-4");
+
var dot24 = document.getElementById("ihp-2-dot-4");
+
 
+
var modal25 = document.getElementById("ihp-2-modal-5");
+
var btn25 = document.getElementById("ihp-2-btn-5");
+
var dot25 = document.getElementById("ihp-2-dot-5");
+
 
+
 
+
var modal26 = document.getElementById("ihp-2-modal-6");
+
var btn26 = document.getElementById("ihp-2-btn-6");
+
var dot26 = document.getElementById("ihp-2-dot-6");
+
 
+
var modal27 = document.getElementById("ihp-2-modal-7");
+
var btn27 = document.getElementById("ihp-2-btn-7");
+
var dot27 = document.getElementById("ihp-2-dot-7");
+
 
+
var modal28 = document.getElementById("ihp-2-modal-8");
+
var btn28 = document.getElementById("ihp-2-btn-8");
+
var dot28 = document.getElementById("ihp-2-dot-8");
+
 
+
var modal29 = document.getElementById("ihp-2-modal-9");
+
var btn29 = document.getElementById("ihp-2-btn-9");
+
var dot29 = document.getElementById("ihp-2-dot-9");
+
 
+
var modal210 = document.getElementById("ihp-2-modal-10");
+
var btn210 = document.getElementById("ihp-2-btn-10");
+
var dot210 = document.getElementById("ihp-2-dot-10");
+
 
+
var modal211 = document.getElementById("ihp-2-modal-11");
+
var btn211 = document.getElementById("ihp-2-btn-11");
+
var dot211 = document.getElementById("ihp-2-dot-11");
+
 
+
var modal31 = document.getElementById("ihp-3-modal-1");
+
var btn31 = document.getElementById("ihp-3-btn-1");
+
var dot31 = document.getElementById("ihp-3-dot-1");
+
 
+
var modal32 = document.getElementById("ihp-3-modal-2");
+
var btn32 = document.getElementById("ihp-3-btn-2");
+
var dot32 = document.getElementById("ihp-3-dot-2");
+
 
+
var modal41 = document.getElementById("ihp-4-modal-1");
+
var btn41 = document.getElementById("ihp-4-btn-1");
+
var dot41 = document.getElementById("ihp-4-dot-1");
+
 
+
var modal42 = document.getElementById("ihp-4-modal-2");
+
var btn42 = document.getElementById("ihp-4-btn-2");
+
var dot42 = document.getElementById("ihp-4-dot-2");
+
 
+
var modal43 = document.getElementById("ihp-4-modal-3");
+
var btn43 = document.getElementById("ihp-4-btn-3");
+
var dot43 = document.getElementById("ihp-4-dot-3");
+
 
+
var modal44 = document.getElementById("ihp-4-modal-4");
+
var btn44 = document.getElementById("ihp-4-btn-4");
+
var dot44 = document.getElementById("ihp-4-dot-4");
+
 
+
var modal45 = document.getElementById("ihp-4-modal-5");
+
var btn45 = document.getElementById("ihp-4-btn-5");
+
var dot45 = document.getElementById("ihp-4-dot-5");
+
 
+
var modal46 = document.getElementById("ihp-4-modal-6");
+
var btn46 = document.getElementById("ihp-4-btn-6");
+
var dot46 = document.getElementById("ihp-4-dot-6");
+
 
+
// Get the <span> element that closes the modal
+
var span1 = document.getElementsByClassName("close")[0];
+
var span2 = document.getElementsByClassName("close")[1];
+
var span3 = document.getElementsByClassName("close")[2];
+
var span4 = document.getElementsByClassName("close")[3];
+
var span5 = document.getElementsByClassName("close")[4];
+
var span6 = document.getElementsByClassName("close")[5];
+
var span7 = document.getElementsByClassName("close")[6];
+
var span8 = document.getElementsByClassName("close")[7];
+
var span9 = document.getElementsByClassName("close")[8];
+
var span21 = document.getElementsByClassName("close")[9];
+
var span22 = document.getElementsByClassName("close")[10];
+
var span23 = document.getElementsByClassName("close")[11];
+
var span24 = document.getElementsByClassName("close")[12];
+
var span25 = document.getElementsByClassName("close")[13];
+
 
+
var span26 = document.getElementsByClassName("close")[14];
+
var span27 = document.getElementsByClassName("close")[15];
+
var span28 = document.getElementsByClassName("close")[16];
+
var span29 = document.getElementsByClassName("close")[17];
+
var span210 = document.getElementsByClassName("close")[18];
+
var span211 = document.getElementsByClassName("close")[19];
+
var span31 = document.getElementsByClassName("close")[20];
+
var span32 = document.getElementsByClassName("close")[21];
+
var span41 = document.getElementsByClassName("close")[22];
+
var span42 = document.getElementsByClassName("close")[23];
+
var span43 = document.getElementsByClassName("close")[24];
+
var span44 = document.getElementsByClassName("close")[25];
+
var span45 = document.getElementsByClassName("close")[26];
+
var span46 = document.getElementsByClassName("close")[27];
+
 
+
// When the user clicks the button, open the modal
+
btn1.onmouseenter = function() {
+
  dot1.style.display = "block";
+
}
+
btn1.onmouseleave = function() {
+
  dot1.style.display = "none";
+
}
+
btn1.onclick = function() {
+
  modal1.style.display = "block";
+
  dot1.style.display = "block";
+
}
+
 
+
btn2.onclick = function() {
+
  modal2.style.display = "block";
+
  dot2.style.display = "block";
+
}
+
btn2.onmouseenter = function() {
+
  dot2.style.display = "block";
+
}
+
btn2.onmouseleave = function() {
+
  dot2.style.display = "none";
+
}
+
 
+
btn3.onclick = function() {
+
  modal3.style.display = "block";
+
  dot3.style.display = "block";
+
}
+
btn3.onmouseenter = function() {
+
  dot3.style.display = "block";
+
}
+
btn3.onmouseleave = function() {
+
  dot3.style.display = "none";
+
}
+
 
+
btn4.onclick = function() {
+
  modal4.style.display = "block";
+
  dot4.style.display = "block";
+
}
+
btn4.onmouseenter = function() {
+
  dot4.style.display = "block";
+
}
+
btn4.onmouseleave = function() {
+
  dot4.style.display = "none";
+
}
+
 
+
btn5.onclick = function() {
+
  modal5.style.display = "block";
+
  dot5.style.display = "block";
+
}
+
btn5.onmouseenter = function() {
+
  dot5.style.display = "block";
+
}
+
btn5.onmouseleave = function() {
+
  dot5.style.display = "none";
+
}
+
 
+
btn6.onclick = function() {
+
  modal6.style.display = "block";
+
  dot6.style.display = "block";
+
}
+
btn6.onmouseenter = function() {
+
  dot6.style.display = "block";
+
}
+
btn6.onmouseleave = function() {
+
  dot6.style.display = "none";
+
}
+
 
+
btn7.onclick = function() {
+
  modal7.style.display = "block";
+
  dot7.style.display = "block";
+
}
+
btn7.onmouseenter = function() {
+
  dot7.style.display = "block";
+
}
+
btn7.onmouseleave = function() {
+
  dot7.style.display = "none";
+
}
+
 
+
btn8.onclick = function() {
+
  modal8.style.display = "block";
+
  dot8.style.display = "block";
+
}
+
btn8.onmouseenter = function() {
+
  dot8.style.display = "block";
+
}
+
btn8.onmouseleave = function() {
+
  dot8.style.display = "none";
+
}
+
 
+
btn9.onclick = function() {
+
  modal9.style.display = "block";
+
  dot9.style.display = "block";
+
}
+
btn9.onmouseenter = function() {
+
  dot9.style.display = "block";
+
}
+
btn9.onmouseleave = function() {
+
  dot9.style.display = "none";
+
}
+
 
+
btn21.onclick = function() {
+
  modal21.style.display = "block";
+
  dot21.style.display = "block";
+
}
+
btn21.onmouseenter = function() {
+
  dot21.style.display = "block";
+
}
+
btn21.onmouseleave = function() {
+
  dot21.style.display = "none";
+
}
+
 
+
btn22.onclick = function() {
+
  modal22.style.display = "block";
+
  dot22.style.display = "block";
+
}
+
btn22.onmouseenter = function() {
+
  dot22.style.display = "block";
+
}
+
btn22.onmouseleave = function() {
+
  dot22.style.display = "none";
+
}
+
 
+
btn23.onclick = function() {
+
  modal23.style.display = "block";
+
  dot23.style.display = "block";
+
}
+
btn23.onmouseenter = function() {
+
  dot23.style.display = "block";
+
}
+
btn23.onmouseleave = function() {
+
  dot23.style.display = "none";
+
}
+
 
+
btn24.onclick = function() {
+
  modal24.style.display = "block";
+
  dot24.style.display = "block";
+
}
+
btn24.onmouseenter = function() {
+
  dot24.style.display = "block";
+
}
+
btn24.onmouseleave = function() {
+
  dot24.style.display = "none";
+
}
+
 
+
btn25.onclick = function() {
+
  modal25.style.display = "block";
+
  dot25.style.display = "block";
+
}
+
btn25.onmouseenter = function() {
+
  dot25.style.display = "block";
+
}
+
btn25.onmouseleave = function() {
+
  dot25.style.display = "none";
+
}
+
 
+
btn26.onclick = function() {
+
  modal26.style.display = "block";
+
  dot26.style.display = "block";
+
}
+
btn26.onmouseenter = function() {
+
  dot26.style.display = "block";
+
}
+
btn26.onmouseleave = function() {
+
  dot26.style.display = "none";
+
}
+
 
+
btn27.onclick = function() {
+
  modal27.style.display = "block";
+
  dot27.style.display = "block";
+
}
+
btn27.onmouseenter = function() {
+
  dot27.style.display = "block";
+
}
+
btn27.onmouseleave = function() {
+
  dot27.style.display = "none";
+
}
+
 
+
btn28.onclick = function() {
+
  modal28.style.display = "block";
+
  dot28.style.display = "block";
+
}
+
btn28.onmouseenter = function() {
+
  dot28.style.display = "block";
+
}
+
btn28.onmouseleave = function() {
+
  dot28.style.display = "none";
+
}
+
 
+
btn29.onclick = function() {
+
  modal29.style.display = "block";
+
  dot29.style.display = "block";
+
}
+
btn29.onmouseenter = function() {
+
  dot29.style.display = "block";
+
}
+
btn29.onmouseleave = function() {
+
  dot29.style.display = "none";
+
}
+
 
+
btn210.onclick = function() {
+
  modal210.style.display = "block";
+
  dot210.style.display = "block";
+
}
+
btn210.onmouseenter = function() {
+
  dot210.style.display = "block";
+
}
+
btn210.onmouseleave = function() {
+
  dot210.style.display = "none";
+
}
+
 
+
btn211.onclick = function() {
+
  modal211.style.display = "block";
+
  dot211.style.display = "block";
+
}
+
btn211.onmouseenter = function() {
+
  dot211.style.display = "block";
+
}
+
btn211.onmouseleave = function() {
+
  dot211.style.display = "none";
+
}
+
 
+
btn31.onclick = function() {
+
  modal31.style.display = "block";
+
  dot31.style.display = "block";
+
}
+
btn31.onmouseenter = function() {
+
  dot31.style.display = "block";
+
}
+
btn31.onmouseleave = function() {
+
  dot31.style.display = "none";
+
}
+
 
+
btn32.onclick = function() {
+
  modal32.style.display = "block";
+
  dot32.style.display = "block";
+
}
+
btn32.onmouseenter = function() {
+
  dot32.style.display = "block";
+
}
+
btn32.onmouseleave = function() {
+
  dot32.style.display = "none";
+
}
+
 
+
btn41.onclick = function() {
+
  modal41.style.display = "block";
+
  dot41.style.display = "block";
+
}
+
btn41.onmouseenter = function() {
+
  dot41.style.display = "block";
+
}
+
btn41.onmouseleave = function() {
+
  dot41.style.display = "none";
+
}
+
 
+
btn42.onclick = function() {
+
  modal42.style.display = "block";
+
  dot42.style.display = "block";
+
}
+
btn42.onmouseenter = function() {
+
  dot42.style.display = "block";
+
}
+
btn42.onmouseleave = function() {
+
  dot42.style.display = "none";
+
}
+
 
+
btn43.onclick = function() {
+
  modal43.style.display = "block";
+
  dot43.style.display = "block";
+
}
+
btn43.onmouseenter = function() {
+
  dot43.style.display = "block";
+
}
+
btn43.onmouseleave = function() {
+
  dot43.style.display = "none";
+
}
+
 
+
btn44.onclick = function() {
+
  modal44.style.display = "block";
+
  dot44.style.display = "block";
+
}
+
btn44.onmouseenter = function() {
+
  dot44.style.display = "block";
+
}
+
btn44.onmouseleave = function() {
+
  dot44.style.display = "none";
+
}
+
 
+
btn45.onclick = function() {
+
  modal45.style.display = "block";
+
  dot45.style.display = "block";
+
}
+
btn45.onmouseenter = function() {
+
  dot45.style.display = "block";
+
}
+
btn45.onmouseleave = function() {
+
  dot45.style.display = "none";
+
}
+
 
+
btn46.onclick = function() {
+
  modal46.style.display = "block";
+
  dot46.style.display = "block";
+
}
+
btn46.onmouseenter = function() {
+
  dot46.style.display = "block";
+
}
+
btn46.onmouseleave = function() {
+
  dot46.style.display = "none";
+
}
+
 
+
 
+
 
+
// When the user clicks on <span> (x), close the modal
+
span1.onclick = function() {
+
  modal1.style.display = "none";
+
  dot1.style.display = "none";
+
}
+
span2.onclick = function() {
+
  modal2.style.display = "none";
+
  dot2.style.display = "none";
+
}
+
span3.onclick = function() {
+
  modal3.style.display = "none";
+
  dot3.style.display = "none";
+
}
+
span4.onclick = function() {
+
  modal4.style.display = "none";
+
  dot4.style.display = "none";
+
}
+
span5.onclick = function() {
+
  modal5.style.display = "none";
+
  dot5.style.display = "none";
+
}
+
span6.onclick = function() {
+
  modal6.style.display = "none";
+
  dot6.style.display = "none";
+
}
+
span7.onclick = function() {
+
  modal7.style.display = "none";
+
  dot7.style.display = "none";
+
}
+
span8.onclick = function() {
+
  modal8.style.display = "none";
+
  dot8.style.display = "none";
+
}
+
span9.onclick = function() {
+
  modal9.style.display = "none";
+
  dot9.style.display = "none";
+
}
+
span21.onclick = function() {
+
  modal21.style.display = "none";
+
  dot21.style.display = "none";
+
}
+
span22.onclick = function() {
+
  modal22.style.display = "none";
+
  dot22.style.display = "none";
+
}
+
span23.onclick = function() {
+
  modal23.style.display = "none";
+
  dot23.style.display = "none";
+
}
+
span24.onclick = function() {
+
  modal24.style.display = "none";
+
  dot24.style.display = "none";
+
}
+
span25.onclick = function() {
+
  modal25.style.display = "none";
+
  dot25.style.display = "none";
+
}
+
 
+
 
+
 
+
span26.onclick = function() {
+
  modal26.style.display = "none";
+
  dot26.style.display = "none";
+
}
+
span27.onclick = function() {
+
  modal27.style.display = "none";
+
  dot27.style.display = "none";
+
}
+
span28.onclick = function() {
+
  modal28.style.display = "none";
+
  dot28.style.display = "none";
+
}
+
span29.onclick = function() {
+
  modal29.style.display = "none";
+
  dot29.style.display = "none";
+
}
+
span210.onclick = function() {
+
  modal210.style.display = "none";
+
  dot210.style.display = "none";
+
}
+
span211.onclick = function() {
+
  modal211.style.display = "none";
+
  dot211.style.display = "none";
+
}
+
span31.onclick = function() {
+
  modal31.style.display = "none";
+
  dot31.style.display = "none";
+
}
+
span32.onclick = function() {
+
  modal32.style.display = "none";
+
  dot32.style.display = "none";
+
}
+
span41.onclick = function() {
+
  modal41.style.display = "none";
+
  dot41.style.display = "none";
+
}
+
span42.onclick = function() {
+
  modal42.style.display = "none";
+
  dot42.style.display = "none";
+
}
+
span43.onclick = function() {
+
  modal43.style.display = "none";
+
  dot43.style.display = "none";
+
}
+
span44.onclick = function() {
+
  modal44.style.display = "none";
+
  dot44.style.display = "none";
+
}
+
span45.onclick = function() {
+
  modal45.style.display = "none";
+
  dot45.style.display = "none";
+
}
+
span46.onclick = function() {
+
  modal46.style.display = "none";
+
  dot46.style.display = "none";
+
}
+
 
+
// When the user clicks anywhere outside of the modal, close it
+
window.onclick = function(event) {
+
  if (event.target == modal1) {
+
    modal1.style.display = "none";
+
    dot1.style.display = "none";
+
  }
+
  else if (event.target == modal2) {
+
    modal2.style.display = "none";
+
    dot2.style.display = "none";
+
  } else if (event.target == modal3) {
+
    modal3.style.display = "none";
+
    dot3.style.display = "none";
+
  } else if (event.target == modal4) {
+
    modal4.style.display = "none";
+
    dot4.style.display = "none";
+
  } else if (event.target == modal5) {
+
    modal5.style.display = "none";
+
    dot5.style.display = "none";
+
  } else if (event.target == modal6) {
+
    modal6.style.display = "none";
+
    dot6.style.display = "none";
+
  } else if (event.target == modal7) {
+
    modal7.style.display = "none";
+
    dot7.style.display = "none";
+
  } else if (event.target == modal8) {
+
    modal8.style.display = "none";
+
    dot8.style.display = "none";
+
  } else if (event.target == modal9) {
+
    modal9.style.display = "none";
+
    dot9.style.display = "none";
+
  } else if (event.target == modal21) {
+
    modal21.style.display = "none";
+
    dot21.style.display = "none";
+
  } else if (event.target == modal22) {
+
    modal22.style.display = "none";
+
    dot22.style.display = "none";
+
  } else if (event.target == modal23) {
+
    modal23.style.display = "none";
+
    dot23.style.display = "none";
+
  } else if (event.target == modal24) {
+
    modal24.style.display = "none";
+
    dot24.style.display = "none";
+
  } else if (event.target == modal25) {
+
    modal25.style.display = "none";
+
    dot25.style.display = "none";
+
 
+
  } else if (event.target == modal26) {
+
    modal26.style.display = "none";
+
    dot26.style.display = "none";
+
  } else if (event.target == modal27) {
+
    modal27.style.display = "none";
+
    dot27.style.display = "none";
+
  } else if (event.target == modal28) {
+
    modal28.style.display = "none";
+
    dot28.style.display = "none";
+
  }else if (event.target == modal29) {
+
    modal29.style.display = "none";
+
    dot29.style.display = "none";
+
  } else if (event.target == modal210) {
+
    modal210.style.display = "none";
+
    dot210.style.display = "none";
+
  } else if (event.target == modal211) {
+
    modal211.style.display = "none";
+
    dot211.style.display = "none";
+
  } else if (event.target == modal31) {
+
    modal31.style.display = "none";
+
    dot31.style.display = "none";
+
  } else if (event.target == modal32) {
+
    modal32.style.display = "none";
+
    dot32.style.display = "none";
+
  } else if (event.target == modal41) {
+
    modal41.style.display = "none";
+
    dot41.style.display = "none";
+
  } else if (event.target == modal42) {
+
    modal42.style.display = "none";
+
    dot42.style.display = "none";
+
  } else if (event.target == modal43) {
+
    modal43.style.display = "none";
+
    dot43.style.display = "none";
+
  } else if (event.target == modal44) {
+
    modal44.style.display = "none";
+
    dot44.style.display = "none";
+
  } else if (event.target == modal45) {
+
    modal45.style.display = "none";
+
    dot45.style.display = "none";
+
  } else if (event.target == modal46) {
+
    modal46.style.display = "none";
+
    dot46.style.display = "none";
+
  }
+
}
+
//**************************************************JOANNE EDIT ABOVE************************************************************//
+
  </script>
+
 
+
 
+
</html>
+

Revision as of 13:18, 19 October 2019

NUS iGEM 2019


overview
A scientific project can never develop in isolation; it has to be continuously shaped by a variety of individuals in order to be truly impactful on society. Our Human Practices methodology consisted of multiple frameworks which allowed us to effectively interview experts, users and regulatory agencies.

This enabled us to gain insights into the different aspects of our project like:
  • a) Idea Formulation
  • b) Intended Applications
  • c) Ethical Assessment
  • d) Communication
The findings of our Human Practices work have been documented with the aim of answering two main questions:
  • i) “What did we learn from them?”
  • ii) “How did we act on their feedback?”
Our HP work also helped inform every stage of our DBTL cycle and served as an integral part of our overall project. Refer to our description page to know how our engineered bacteria can make an impact in the field of Synthetic Biology.
HUMAN PRACTICES METHODOLOGY

The concept of extending bacteria’s functional lifespan has been an open question in the field of biology and yet, it has not been explored extensively. Given the novelty and benefits it entails, our team believes that through regulating bacteria’s growth, it can potentially address limitations posed by the stochastic nature of bacteria. We formulated our human practice methodology and classified it into 3 main groups: Idea Formulation, Intended Applications, Ethics and Safety. For idea formulation, we read up literature and consulted experts who studied intensively on different Toxin-Antitoxin systems to seek their view on its feasibility as a growth switch. To understand how our platform technology would impact current applications, we interviewed stakeholders in healthcare, biolighting, biosensors and bio-manufacturing. Their feedback pivoted us away from applications that our technology might not be suited for and also shed light on its demand, especially for biosensor companies and people who live in rural areas. We also interviewed individuals on ethics and safety as we identified the need for a biocontainment system for our long living bacteria. Through our HP, we gave due consideration to every voice and consolidated their suggestions, which ultimately spearheaded into integrated human practice.

Click on the dots to find out more!

Idea Formulation

Expert interviews allowed us to draw on a vast amount of specialised knowledge in the most efficient manner.

Who did we interview?

Subject matter experts in the field of synthetic biology

Why did we choose to interview them specifically?

They authored papers that we read during the process of literature review.

What did we want from the interview?

1. To understand the feasibility of our idea (from a technical standpoint)

2. To check the validity of the assumptions we may have made

3. To fill gaps in our technical knowledge

Intended Applications

User interviews helped us to understand the needs and motivations of our potential stakeholders.

Who did we interview?

Clinicians, Companies, Laypeople

Why did we choose to interview them specifically?

We recognised them as potential stakeholders who may be interested in our technology.

What did we want from the interview?

1. To gather insights on the perception of our technology in each application

2. To understand the needs and motivations of our stakeholders

3. To understanding how our technology can better serve our stakeholders for each application

Ethical Assessment

Ethics Flow Charting allowed us to understand the ethical implications of our work by helping us visualise the consequences of each decision.

Who did we interview?

Regulatory authorities, Safety and Bioethics committee members

Why did we choose to interview them specifically?

They have extensive knowledge of existing guidelines and are well-informed about analysing such issues.

What did we want from the interview?

1. To understand the ethical and social implications of our work

2. To create a well-informed ethics flowchart pertaining to our work by filling in the ethical considerations and measures to be taken



INTEGRATED HUMAN PRACTICES

The interviews we conducted over the course of the project have been documented in the interactive timelines below. They contain information about how different people have impacted or shaped our project. For the respective individuals, we have included:


  • i) The context of the interview;
  • ii) The insights that we have gained;
  • iii) And how their feedback influenced our project

Click on the dots to find out more!