Difference between revisions of "Team:NCKU Tainan/Human Practices"

 
(308 intermediate revisions by 5 users not shown)
Line 4: Line 4:
 
{{Template:NCKU_Tainan/header}}
 
{{Template:NCKU_Tainan/header}}
 
{{Template:NCKU_Tainan/humanpractice_css}}
 
{{Template:NCKU_Tainan/humanpractice_css}}
 +
{{Template:NCKU_Tainan/publicEngagement_css}}
 +
 
<html>
 
<html>
−
  <body>
+
−
<br></br>
+
<body data-spy="scroll" data-target=".sidenav" data-offset="170">
−
  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
+
−
   
+
−
  <!-- Indicators -->
+
−
  <ol class="carousel-indicators">
+
−
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+
−
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+
−
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+
−
  </ol>
+
  
−
  <!-- Wrapper for slides -->
+
 
−
    <div class="carousel-inner" role="listbox">
+
−
    <div class="item active">
+
−
      <img src="https://static.igem.org/mediawiki/2021/4/4b/T--NCKU_Tainan--music.jpg" alt="https://static.igem.org/mediawiki/2021/4/4b/T--NCKU_Tainan--music.jpg">
+
−
      <div class="carousel-caption">
+
 
        
 
        
−
      </div>
+
  <!--The Page Name-->
−
  </div>
+
<br></br>
 +
<img src="https://static.igem.org/mediawiki/2021/3/35/T--NCKU_Tainan--human_practice.png" width="70%"style="display:block; margin:auto;" />
  
−
  <!-- Controls -->
+
    
−
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
+
−
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+
−
    <span class="sr-only">Previous</span>
+
−
  </a>
+
−
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
+
−
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+
−
    <span class="sr-only">Next</span>
+
−
  </a>
+
−
</div>
+
−
 
+
−
   
+
−
   
+
−
<div class="jumbotron">
+
−
   <center>
+
−
  <h1>Human practice</h1>
+
−
  <p>Check out what we have done</p>
+
−
  <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
+
−
</div>
+
−
 
+
  
−
 
+
−
   
+
−
  <br></br>
+
 
     <!--HP start from here-->
 
     <!--HP start from here-->
 +
<!--Description pharagraph-->
  
−
  <center>
+
 
−
  <button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click </button>
+
    <main style="margin-top:5rem;" class="overall-1">
−
  <br></br>
+
−
 
+
−
 
+
−
 
+
  
−
 
+
        <section class="color-block justify-content-center">
−
 
+
            <h2 align="left" style="margin-bottom: 1rem; color:#332E2D; background:#FFFBF3">Overview</h2>
−
 
+
          <p align="center">&emsp;&emsp;Communicating science to the public is not an easy task; sometimes, we need to adjust how we deliver our research to various audiences. We also need to understand what benefit the audience will receive from the systems and technology we bring. Therefore, Human Practices became an indispensable part of our project, which acts as a bridge between researchers and general audience or even experts in different fields. </p>
−
 
+
          <p>&emsp;&emsp;By closely collaborating with professionals and profoundly investigating the potential consumers' demands, we ensure our product development is beneficial to our community. We constructed a framework for our human practice project that can be categorized into two main parts: business promotion and education. We reached out to several experts to optimize our product and constructed our business model while considering intellectual property, laws, and regulations for business promotion. To mature our designs, we turned to doctors, researchers, and experts in product development for advice. </p>
−
  <div class="col-md-12 row" style="
+
          <p>&emsp;&emsp;The educational section was a collective set targeting several audiences to spread information about synthetic biology. We attempted to discover multiple approaches and viable options to promote our products and collect feedback from our audiences. </p>
−
padding-left: 2em;
+
−
padding-right: 1.2em !important;margin-bottom: 5em;">
+
−
                   
+
−
<div class="col-md-3"><div style="
+
−
;
+
−
float: left;
+
−
border: 5px solid #936657;margin: 0.01px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Hardware"><div style="
+
−
background-position: center center;  
+
−
background-size: cover;
+
−
;
+
−
height: 142px !important;
+
−
border-top-left-radius: 10px;
+
−
border-top-right-radius: 10px;
+
−
background-image: url(https://static.igem.org/mediawiki/2021/4/4b/T--NCKU_Tainan--music.jpg);"></div><p style="
+
−
padding: 24px;">Check out the intuitive software that we have developed to design genetic circuits.</p></a>
+
  
−
</div></div>
+
        <br><br>
−
<div class="col-md-3"><div style="
+
        </section>
−
;
+
    </main>
−
float: left;
+
−
border: 5px solid #936657;margin: 0.01px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Software"><div style="
+
−
background-position: center center;
+
−
background-size: cover;
+
−
;
+
−
height: 142px !important;
+
−
border-top-left-radius: 10px;
+
−
border-top-right-radius: 10px;
+
−
background-image: url(https://static.igem.org/mediawiki/2021/4/4b/T--NCKU_Tainan--music.jpg);"></div><p style="
+
−
padding: 24px;">Check out the intuitive software that we have developed to design genetic circuits.</p></a>
+
  
−
</div></div>
+
 
−
<div class="col-md-3"><div style="
+
  <br></br>
−
;
+
−
float: left;
+
−
border: 5px solid #936657;margin: 0.01px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Design"><div style="
+
−
background-position: center center;
+
−
background-size: cover;
+
−
;
+
−
height: 142px !important;
+
−
border-top-left-radius: 10px;
+
−
border-top-right-radius: 10px;
+
−
background-image: url(https://static.igem.org/mediawiki/2021/4/4b/T--NCKU_Tainan--music.jpg);"></div><p style="
+
−
padding: 24px;">See how we have designed our part collection to facilitate assembly automation.</p></a>
+
  
−
</div></div><div class="col-md-3"><div style="
 
−
;
 
−
float: left;
 
−
border: 5px solid #936657;margin: 0.01px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Model"><div id="btnHomeModel" style="
 
−
background-position: center center;
 
−
background-size: cover;
 
−
;
 
−
height: 142px !important;
 
−
border-top-left-radius: 10px;
 
−
border-top-right-radius: 10px;
 
−
background-image: url(https://static.igem.org/mediawiki/2021/4/4b/T--NCKU_Tainan--music.jpg);"></div><p style="
 
−
padding-bottom: 22px;
 
−
padding-top: 24px;
 
−
padding-right: 12px;
 
−
padding-left: 24px !important;">Do you want to discover the multiple possibilities that Printeria modeling offers you?</p>
 
  
−
</a>
 
  
−
  </div></div>
+
  <main class="overall-3">
−
                      
+
        <!--start of text part-->
 +
        <section id="timelinetext">
 +
            <div id="expert">
 +
                <h2 class="bold-font">Expert visits</h2>
 +
                <HR style="border-width: 5px;"></HR>
 +
                <p>&emsp;&emsp;Before we are able to get started on developing our idea into a product, we need to make sure that our idea is as close to perfect as possible, and that means tons of research and experiments. But, the real problem with many ideas, and perhaps the reason why many fail to become a success, is a lack of expertise. No matter how much time and effort we put into research, there will always be an expert who knows the topic or even industry much better than we do. So, to help further verify and improve our ideas, we visited several experts in different fields.</p>
 +
                <!--Start of tabbed-->
 +
                <section class="expert margin-top-5">
 +
                    <ul class="nav nav-tabs" id="myTab" role="tablist">
 +
                        <li class="nav-item">
 +
                            <a class="nav-link tabname active" id="doctor-tab" data-toggle="tab" href="#doctor" role="tab" aria-controls="doctor" aria-selected="false"><span class="font-size-m" style="font-weight: bold;">Online Expert Meetup</span></a>
 +
                        </li>
 +
                       
 +
                        <li class="nav-item">
 +
                            <a class="nav-link tabname" id="lab-tab" data-toggle="tab" href="#lab" role="tab" aria-controls="lab" aria-selected="false"><span class="font-size-m" style="font-weight: bold;">Dry Lab Visits</span></a>
 +
                        </li>
 +
                    </ul>
 +
                    <!--tab-content-->
 +
                    <div class="tab-content" id="myTabContent">
 +
                        <div class="tab-pane fade show active" id="doctor" role="tabpanel" aria-labelledby="doctor-tab">
 +
                            <div class="intab-layout">
 +
                                <!--container inside the intab-->
 +
                                <div class="container1">
 +
                                            <h3 id="kuo">Dr. Po-See Chen &emsp;5/28</h3>
 +
                                            <h5>Director, Division of General Psychiatry, National Cheng Kung University Hospital</h5>
 +
                                  <h5>Professor, Institute of Behavioral Medicine, National Cheng Kung University</h5>
 +
                         
 +
                                 
 +
                                  <div class="row">
 +
                                   
 +
                                     
 +
                                            <p>&emsp;&emsp;We met with Dr. Po-See Chen online to obtain further knowledge about depression. He provided us with valuable insight and information regarding the characteristics of depression and the relation of depression with the gut. We met him during the early stages of our project, and he gave us a lot of valuable advice regarding the behavior of patients, such as self-diagnosis which is very dangerous among people who suffer from depression. By conducting this meeting, we can understand more regarding the nature of depression to continue with our project. He also gave advice regarding our education activities, encouraging us to better spread awareness regarding depression, which you can find in our <a href="https://2021.igem.org/Team:NCKU_Tainan/Communication">education page.</a></p>
 +
                            <figure class="d-flex justify-content-center independent-photo">
 +
                                <a href="https://static.igem.org/mediawiki/2021/5/5f/T--NCKU_Tainan--chenPo-See.png" target="blank" width="100%">
 +
                                    <img src="https://static.igem.org/mediawiki/2021/5/5f/T--NCKU_Tainan--chenPo-See.png" alt=""width="70%">
 +
                                </a>
 +
                            </figure>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                     
 +
                     
 +
                        <div class="tab-pane fade" id="lab" role="tabpanel" aria-labelledby="lab-tab">
 +
                            <div class="intab-layout">
 +
                                <!--container inside the intab-->
 +
                                <div class="container1">
 +
                                            <h3>Professor Yu-Cheng Lin</h3>
 +
                                            <h5>Professor, Department of Engineering Science, National Cheng Kung University </h5>
 +
                                    <div class="row">
 +
                                        <div class="col-lg-4">
 +
                                            <figure class="justify-content-center align-items-center" style="width: 100%;">
 +
                                                <a href="https://static.igem.org/mediawiki/2021/7/7b/T--NCKU_Tainan--Professor_Lin.jpg" alt="prof-Lin" target="blank" style="width: 100%;" >
 +
                                                  <br><img src="https://static.igem.org/mediawiki/2021/7/7b/T--NCKU_Tainan--Professor_Lin.jpg" alt="prof-Lin" title="prof-Lin" style="width:100%;height:50%;">
 +
                                                </a>
 +
                                            </figure>
 +
                                        </div>
 +
                                        <div class="col-lg-8">
 +
                                          <br>
 +
                                            <p>&emsp;&emsp;Our first hardware idea was to detect human stress levels through saliva, we planned to extract cortisol which is the biomarker of stress, by detecting cortisol levels throughout a couple of days, we will be able to determine someone’s depression level. We made several discussions with professor Yu-Cheng Lin due to the fact that he has the real experience of extracting the different substances from saliva and detect the concentration of several substances through the paper-based electrochemical device. We wanted to continue and make this concept a reality, but suddenly covid-19 strikes Taiwan, so we were not able to go into any lab and we finally suspend the idea then search for another alternative.</p>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                            <div class="intab-layout">
 +
                                <!--container inside the intab-->
 +
                                <div class="container1">
 +
                                            <h3>Professor Chung-Hsien Wu</h3>
 +
                                            <h5>Professor, Department of Computer Science, National Cheng Kung University </h5>
 +
                                    <div class="row">
 +
                                        <div class="col-lg-4">
 +
                                            <figure style="width: 100%;margin:0 auto;">
 +
                                                <a href="https://static.igem.org/mediawiki/2021/2/2d/T--NCKU_Tainan--Professor_Wu.jpg" alt="prof-Wu" target="blank" style="width: 100%;" >
 +
                                                    <br><img src="https://static.igem.org/mediawiki/2021/2/2d/T--NCKU_Tainan--Professor_Wu.jpg" alt="prof-Wu" title="prof-Wu" style="width:100%;height: 30%;">
 +
                                                </a>
 +
                                            </figure>
 +
                                        </div>
 +
                                        <div class="col-lg-8">
 +
                                            <br>
 +
                                            <p>&emsp;&emsp;Due to the fact that covid-19 in Taiwan escalated very quickly, we were thinking to find another way to build something even that we are not present physically. Then, we had an idea to made an artificial intelligence that can automatically detect depression using sound, and because none of our team members is from the Department of computer science we asked for guidance from Prof. Chung-Hsien Wu in developing the artificial intelligence.</p>
 +
                                      </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                            <div class="intab-layout">
 +
                                <!--container inside the intab-->
 +
                                <div class="container1">
 +
                                            <h3>Professor Chien-Hsiang Chang</h3>
 +
                                            <h5>Professor, Department of chemical engineering, National Cheng Kung University</h5>
 +
                                    <div class="row">
 +
                                        <div class="col-lg-4">
 +
                                            <figure style="width: 100%;margin:0 auto;">
 +
                                                <a href="https://static.igem.org/mediawiki/2021/3/3f/T--NCKU_Tainan--Professor_Chang.jpg " alt="prof-Chang" target="blank" style="width: 100%;" >
 +
                                                    <br><img src="https://static.igem.org/mediawiki/2021/3/3f/T--NCKU_Tainan--Professor_Chang.jpg " alt="prof-Chang" title="prof-Chang" style="width:100%;height: 30%;">
 +
                                                </a>
 +
                                            </figure>
 +
                                        </div>
 +
                                        <div class="col-lg-8">
 +
                                          <br>
 +
                                            <p>&emsp;&emsp;Before settling with our current procedure of manufacturing Menbels, we wanted to make sure that our procedure and knowledge are sufficient for us to meet the requirements and make our system feasible to work. And professor Chien-Hsiang Chang has experience in making alginate layers to wrap several substances, Prof. Chang also ensures us that our plan is feasible and isn’t very hard to perform.</p>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                         
 +
                        </div>
 +
                     </div>
 +
                </section>
 +
            </div>
 +
            <div id="enterprise">
 +
                <h2 class="bold-font">Enterprise visit</h2>
 +
                <HR style="border-width: 5px;"></HR>
 +
                <p>&emsp;&emsp;Just because an idea is good does not always mean it will sell well in the market. Our product may be designed and modified in the laboratory and adjusted to maximize its performance. However, we needed advice from potential stakeholders to ensure our product will meet real-world demands. We need to interact with industries to understand more about the industrial environment and current market situation. So, in order to refine our idea into a product suitable for the market, we visited several enterprises.
 +
                </p>
 +
                <!--Start of tabbed-->
 +
                <section class="enterprise margin-top-5">
 +
                    <ul class="nav nav-tabs" id="myTab" role="tablist">
 +
                        <li class="nav-item">
 +
                            <a class="nav-link tabname active" id="geneferm-tab" data-toggle="tab" href="#geneferm" role="tab" aria-controls="geneferm" aria-selected="true"><span class="font-size-m" style="font-weight: bold;">Trade wind biotech</span></a>
 +
                        </li>
 +
                        <li class="nav-item">
 +
                            <a class="nav-link tabname" id="genemont-tab" data-toggle="tab" href="#genemont" role="tab" aria-controls="genemont" aria-selected="false"><span class="font-size-m" style="font-weight: bold;">Chen En Food Product Enterprise Co., Ltd</span></a>
 +
                        </li>
 +
                        <li class="nav-item">
 +
                            <a class="nav-link tabname" id="synbio-tab" data-toggle="tab" href="#synbio" role="tab" aria-controls="synbio" aria-selected="false"><span class="font-size-m" style="font-weight: bold;">8D Tea Fresh Kitchen</span></a>
 +
                        </li>
 +
                     
 +
                    </ul>
 +
                    <div class="tab-content" id="myTabContent">
 +
                        <div class="tab-pane fade show active" id="geneferm" role="tabpanel" aria-labelledby="geneferm-tab">
 +
                            <h3>Trade Wind Biotech</h3>
 +
                            <p>&emsp;&emsp;Trade Wind Biotech (TWBIO) is a pioneer company based in Taiwan that implements synthetic biology as its core technique. We were allowed to visit their factory and laboratory led by Dr Lance, the CEO of TWBIO. We also invited team CCU_Taiwan to join us on this trip, and both of our teams received a lot of feedback from Dr Lance regarding entrepreneurship and presentation skills.</p>
 +
                         
 +
<div id="carousel-bike5" class="carousel slide" data-ride="carousel">
 +
          <ol class="carousel-indicators">
 +
              <li data-target="#carousel-bike5" data-slide-to="0" class="active"></li>
 +
              <li data-target="#carousel-bike5" data-slide-to="1"></li>
 +
              <li data-target="#carousel-bike5" data-slide-to="2"></li>
 +
              <li data-target="#carousel-bike5" data-slide-to="3"></li>
 +
          </ol>
 +
          <div class="carousel-inner">
 +
       
 +
           
 +
              <div class="carousel-item active">
 +
             
 +
     
 +
            <img src="https://static.igem.org/mediawiki/2021/9/99/T--NCKU_Tainan--hpbio3.jpg"  class="d-block w-100" alt="..."  >
 +
       
 +
   
 +
              </div>
 +
              <div class="carousel-item">
 +
                 
 +
     
 +
            <img src="https://static.igem.org/mediawiki/2021/0/0a/T--NCKU_Tainan--Biotech3.jpg" class="d-block w-100" alt="..." >
 +
       
 +
   
 +
            </div>
  
−
                   
+
            <div class="carousel-item">
−
                   
+
             
−
                   
+
     
−
                   
+
              <img src="https://static.igem.org/mediawiki/2021/4/42/T--NCKU_Tainan--hpbio.jpg"  class="d-block w-100" alt="..."  >
−
                   
+
         
−
                   
+
                 
−
                   
+
                </div>
−
                   
+
               
 +
            <div class="carousel-item">
 +
             
 +
     
 +
              <img src="https://static.igem.org/mediawiki/2021/4/4c/T--NCKU_Tainan--hpbio2.jpg"  class="d-block w-100" alt="..."  >
 +
         
 +
                 
 +
                </div>
 +
             
 +
          </div>
 +
          <a class="carousel-control-prev" href="#carousel-bike5" role="button" data-slide="prev">
 +
              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
 +
              <span class="sr-only">Previous</span>
 +
          </a>
 +
          <a class="carousel-control-next" href="#carousel-bike5" role="button" data-slide="next">
 +
              <span class="carousel-control-next-icon" aria-hidden="true"></span>
 +
              <span class="sr-only">Next</span>
 +
          </a>
 +
      </div>
 +
                        </div>
 +
                        <div class="tab-pane fade" id="genemont" role="tabpanel" aria-labelledby="genemont-tab">
 +
                            <h3>Chen En Food Product Enterprise Co., Ltd</h3>
 +
                            <p>&emsp;&emsp;Our team was honoured to interview the general manager of Chen En Food Product Enterprise, Mr Vincent, as Chen En is one of the largest bubble suppliers in both local and global markets. Before the online interview session began, we signed a Memorandum of Understanding (MOU) with them. As a giant bubble supplier, they provided advice on preparing our bubble with the engineered bacteria inside. In addition, they also gave us valuable market data to further our business model.</p>
 +
                            <figure class="d-flex justify-content-center independent-photo">
 +
                                <a href="https://static.igem.org/mediawiki/2021/5/5f/T--NCKU_Tainan--chenen.png" target="blank">
 +
                                    <img src="https://static.igem.org/mediawiki/2021/5/5f/T--NCKU_Tainan--chenen.png" alt="genemont">
 +
                                </a>
 +
                            </figure>
 +
       
 +
                        </div>
 +
                        <div class="tab-pane fade" id="synbio" role="tabpanel" aria-labelledby="synbio-tab">
 +
                            <h3>8D Tea Fresh Kitchen</h3>
 +
                            <p>&emsp;&emsp;We visited a local handmade bubble tea shop in Nantou and their IoT live kitchen to learn more about bubble production and marketing. They also suggested we market our product as chilled ready-to-eat (RTE) food, allowing us to position it in the market correctly. We also witnessed how they made bubbles from scratch and learned of the sterilization and bubble heating process. For more details, please click on the file below!
 +
</p>
 +
                              <form action="https://static.igem.org/mediawiki/2021/8/89/T--NCKU_Tainan--8Dtea.pdf" target="_blank">
 +
                                <div align="center"><button type="submit" style="background-color:#6A8DC3;color:#FFFAF4; border: 1px #F4DBB2;font-weight: bold;"class="font-size-m">Link for more details</button></div>
 +
      </form>
 +
                        <div id="carousel-bike" class="carousel slide" data-ride="carousel">
 +
          <ol class="carousel-indicators">
 +
              <li data-target="#carousel-bike" data-slide-to="0" class="active"></li>
 +
              <li data-target="#carousel-bike" data-slide-to="1"></li>
 +
              <li data-target="#carousel-bike" data-slide-to="2"></li>
 +
             
 +
          </ol>
 +
          <div class="carousel-inner">
 +
              <div class="carousel-item active" >
 +
               
 +
     
 +
            <img src="https://static.igem.org/mediawiki/2021/6/6a/T--NCKU_Tainan--hpbubble.jpg"  class="d-block w-100" alt="...">
 +
               
 +
 
 +
            </div>
 +
              <div class="carousel-item">
 +
             
 +
     
 +
            <img src="https://static.igem.org/mediawiki/2021/4/42/T--NCKU_Tainan--hpbubble2.jpg"  class="d-block w-100" alt="..."  >
 +
       
 +
   
 +
              </div>
 +
              <div class="carousel-item">
 +
                 
 +
     
 +
            <img src="https://static.igem.org/mediawiki/2021/0/0c/T--NCKU_Tainan--hpbubble3.jpg" class="d-block w-100" alt="..." >
 +
       
 +
   
 +
            </div>
 +
             
 +
          </div>
 +
          <a class="carousel-control-prev" href="#carousel-bike" role="button" data-slide="prev">
 +
              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
 +
              <span class="sr-only">Previous</span>
 +
          </a>
 +
          <a class="carousel-control-next" href="#carousel-bike" role="button" data-slide="next">
 +
              <span class="carousel-control-next-icon" aria-hidden="true"></span>
 +
              <span class="sr-only">Next</span>
 +
          </a>
 +
      </div>
 +
                        </div>
 +
                     
 
                     </div>
 
                     </div>
−
    
+
                </section>
 +
            </div>
 +
           
 +
            <div style="margin-bottom: 5%;">&emsp;</div>
 +
            <div id="survey">
 +
                <h2 class="bold-font" style="text-align: center;color: #355489;">2021 NCKU iGEM Survey</h2>
 +
                <HR style="border-width: 5px;"></HR>
 +
                <p>&emsp;&emsp;Genetically Modified Organisms (GMOs) are becoming more prevalent in our society due to their wide range of potential applications. Although more research has been conducted regarding the safety of GMOs, many still believe that GMOs are not safe, and it remains to be a controversial topic among society. </p>
 +
                <p>&emsp;&emsp;To better understand how the public perceives GMOs and mental health issues, we conducted an online survey. Through the survey, we were able to collect hundreds of respondents’ opinions along with their feedback on our project.</p>
 +
                <!--Each part of survey-->
 +
                <!--Survey---1-->
 +
                <section>
 +
                    <h3 class="center-font margin-top-5">Sample Demographics </h3>
 +
                    <hr class="hr-half">
 +
                    <p>&emsp;&emsp;73.3% of our respondents were young adults aged between 18-29 years old, education levels between highschool to university.  </p>
 +
            <div class="container-fluid p-0">
 +
                        <div class="row no-gutters">
 +
                            <div class="col-lg ">
 +
                                <figure class="d-flex flex-column justify-content-center align-items-center px-lg-3">
 +
                         
 +
                               
 +
                                <a href="https://static.igem.org/mediawiki/2021/9/9e/T--NCKU_Tainan--surveyresults1.png" target="blank" width="70%">
 +
                                    <img src="https://static.igem.org/mediawiki/2021/9/9e/T--NCKU_Tainan--surveyresults1.png" alt=""  width="100%">
 +
                                </a>
 +
                         
 +
                              </figure>
 +
                            </div>
 +
                        </div>
 +
              </div>
 +
                </section>
 +
                <!--Survey---2-->
 +
                <section>
 +
                    <h3 class="center-font margin-top-10">Understanding</h3>
 +
                    <hr class="hr-half">
 +
                    <p>&emsp;&emsp;As we mentioned above, we wanted to collect the public’s views on mental health issues. Therefore, we divided the respondents into those who have suffered from depression and those who have not. For those who have experienced depressive symptoms, we asked more follow-up questions. 54.5% answered that the primary cause of their depression is stress. Apart from this, we also asked about their opinions about the current solution to depression. The answers were relatively evenly distributed, with concerns about side effects, low effectiveness, and price.</p>
 +
                  <div class="container-fluid p-0">
 +
                        <div class="row no-gutters">
 +
                            <div class="col-lg ">
 +
                                <figure class="d-flex flex-column justify-content-center align-items-center px-lg-3">
 +
                         
 +
                               
 +
                                <a href="https://static.igem.org/mediawiki/2021/8/87/T--NCKU_Tainan--surveyresults2.png" target="blank" width="70%">
 +
                                    <img src="https://static.igem.org/mediawiki/2021/8/87/T--NCKU_Tainan--surveyresults2.png" alt=""  width="100%">
 +
                                </a>
 +
                         
 +
                              </figure>
 +
                            </div>
 +
                        </div>
 +
              </div>
 +
                              <div class="container-fluid p-0">
 +
                        <div class="row no-gutters">
 +
                            <div class="col-lg ">
 +
                                <figure class="d-flex flex-column justify-content-center align-items-center px-lg-3">
 +
                         
 +
                               
 +
                                <a href="https://static.igem.org/mediawiki/2021/c/cd/T--NCKU_Tainan--surveyresults3.png" target="blank" width="70%">
 +
                                    <img src="https://static.igem.org/mediawiki/2021/c/cd/T--NCKU_Tainan--surveyresults3.png" alt=""  width="90%">
 +
                                </a>
 +
                         
 +
                              </figure>
 +
                            </div>
 +
                        </div>
 +
              </div>
 +
                </section>
 +
                <!--Survey---3-->
 +
              <!-- <section>
 +
                    <h3 class="center-font margin-top-10">GMOs Acceptance</h3>
 +
                    <hr class="hr-half">
 +
                    <p>   Since our product is also categorized as GMOs, we asked the respondents how they perceived GMOs in the survey. Naturally, safety issues came up first, with more than half of the respondents agreeing on them as the main worry in GMO based products. However, when we asked them to rate their understanding of synthetic biology on a scale of 1-10, the average outcome was only 3.8. Therefore, we could deduce that lack of understanding hinders executing our project because the public would still be wary of GMO based products and conclude they are unsafe. Thus, our education mainly focused on promoting synthetic biology and its application.</p>
 +
                    <div class="container-fluid p-0">
 +
                        <div class="row no-gutters">
 +
                            <div class="col-lg ">
 +
                              <a href="https://static.igem.org/mediawiki/2021/c/c9/T--NCKU_Tainan--hpgmo.png" target="_blank" style="width:10%"><img src="https://static.igem.org/mediawiki/2021/c/c9/T--NCKU_Tainan--hpgmo.png" alt="" title="" style="width:100%"></a>
 +
                                <figcaption class="mt-3"></figcaption>
 +
                              </div>
 +
                        </div>
 +
              </div>
 +
                </section>-->
 +
                <!--Survey---4-->
 +
                <section class="margin-bottom-10">
 +
                    <h3 class="center-font margin-top-5">Menbles Acceptance</h3>
 +
                    <hr class="hr-half">
 +
                    <p>&emsp;&emsp;We explained briefly in the survey about our project and asked their willingness to try out our product. Surprisingly, ⅔ of the respondents answered yes and considered, leaving ⅓ rejecting to try out our product. Furthermore, when asked about the factors that matter most to them in a stress-relieving product, there are three significant factors: benefit, safety, and price. Based on these survey results, we believe our product has potential in the market. </p>
 +
                      <div class="container-fluid p-0">
 +
                        <div class="row no-gutters">
 +
                            <div class="col-lg ">
 +
                                <figure class="d-flex flex-column justify-content-center align-items-center px-lg-3">
 +
                         
 +
                               
 +
                                <a href="https://static.igem.org/mediawiki/2021/8/83/T--NCKU_Tainan--surveyresults4.png" target="blank" width="70%">
 +
                                    <img src="https://static.igem.org/mediawiki/2021/8/83/T--NCKU_Tainan--surveyresults4.png" alt=""  width="100%">
 +
                                </a>
 +
                         
 +
                              </figure>
 +
                            </div>
 +
                        </div>
 +
              </div>
 +
                </section>
 +
            </div>
 
         </section>
 
         </section>
 
     </main>
 
     </main>
−
</body>
+
    <!--end of tabbed-->
 +
<br></br>
 +
 
 +
    <!--Container-->
 +
 
 +
<div class="container">
 +
        <div class="card">
 +
            <div class="face face1">
 +
                <div class="content">
 +
                    <img src="https://static.igem.org/mediawiki/2021/2/21/T--NCKU_Tainan--hp_page7.png">
 +
                    <h3>Entrepreneurship</h3>
 +
                </div>
 +
            </div>
 +
            <div class="face face2">
 +
                <div class="content">
 +
                    <p>One step forward bringing MenTAUR into a reality.</p>
 +
                        <a href="https://2021.igem.org/Team:NCKU_Tainan/Entrepreneurship">Read More</a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="card">
 +
            <div class="face face1">
 +
                <div class="content">
 +
                    <img src="https://static.igem.org/mediawiki/2021/a/a3/T--NCKU_Tainan--hp_page5.png">
 +
                    <h3>Collaboration</h3>
 +
                </div>
 +
            </div>
 +
            <div class="face face2">
 +
                <div class="content">
 +
                    <p>Working together with other iGEM teams across the world.</p>
 +
                        <a href="https://2021.igem.org/Team:NCKU_Tainan/Collaborations">Read More</a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="card">
 +
            <div class="face face1">
 +
                <div class="content">
 +
                    <img src="https://static.igem.org/mediawiki/2021/8/80/T--NCKU_Tainan--hp_page6.png">
 +
                    <h3>Communication</h3>
 +
                </div>
 +
            </div>
 +
            <div class="face face2">
 +
                <div class="content">
 +
                    <p>The key to understand the public through communication and education.</p>
 +
                        <a href="https://2021.igem.org/Team:NCKU_Tainan/Communication">Read More</a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
 
 +
 
 +
  <!--container css-->
 +
  <style>
 
   
 
   
−
<script src="https://2019.igem.org/Team:NCKU_Tainan/js/jquery-3_4_1_min_js?action=raw&amp;ctype=text/javascript"></script>
+
 
−
     <script src="https://2019.igem.org/Team:NCKU_Tainan/js/4.3.1/bootstrap_min_js?action=raw&amp;ctype=text/javascript"></script>
+
 
−
     <script src="https://2019.igem.org/Team:NCKU_Tainan/js/publicEngagement?action=raw&ctype=text/javascript"></script>
+
    body{
 +
    margin: 0;
 +
    padding: 0;
 +
    min-height: 100vh;
 +
     background: #332E2D;
 +
    display: flex;
 +
    justify-content: center;
 +
   
 +
   
 +
}
 +
   
 +
      .container .card .face.face1 .content h3{
 +
    margin: 10px 0 0;
 +
    padding: 0;
 +
    color: #FFFBF3;
 +
    text-align: center;
 +
     font-size: 1.3em;
 +
}
 +
   
 +
   
 +
  .container{
 +
    width: 1000px;
 +
    position: relative;
 +
    display: flex;
 +
    justify-content:space-between;
 +
   
 +
   
 +
}
 +
   
 +
    .container .card{
 +
    position: relative;
 +
    cursor: pointer;
 +
    border-radius:10px;
 +
}
  
−
  <script src="https://2021.igem.org/Team:NCKU_Tainan/js/bundle?action=raw&ctype=text/javascript"></script>
+
.container .card .face{
−
<script src="https://2021.igem.org/Team:NCKU_Tainan/js/bundle_min?action=raw&ctype=text/javascript"></script>
+
    width: 300px;
−
<script src="https://2021.igem.org/Team:NCKU_Tainan/js/bootstrap?action=raw&ctype=text/javascript"></script>
+
    height: 200px;
−
<script src="https://2021.igem.org/Team:NCKU_Tainan/js/bootstrap_min?action=raw&ctype=text/javascript"></script>
+
    transition: 0.5s;
 +
}
  
 +
.container .card .face.face1{
 +
    position: relative;
 +
    background: #332E2D;
 +
    display: flex;
 +
    justify-content: center;
 +
    align-items: center;
 +
    z-index: 1;
 +
    transform: translateY(100px);
 +
  border-radius:10px;
 +
}
  
 +
.container .card:hover .face.face1{
 +
    background: #698EC3;
 +
    transform: translateY(0);
 +
}
  
 +
.container .card .face.face1 .content{
 +
    opacity: 0.2;
 +
    transition: 0.5s;
 +
  display: block;
 +
    text-align: center;
 +
}
  
−
<script>
+
.container .card:hover .face.face1 .content{
 +
    opacity: 1;
 +
  display: block;
 +
    text-align: center;
 +
}
  
−
(function ($) {
+
.container .card .face.face1 .content img{
−
  $(document).ready(function(){
+
    max-width: 100px;
−
   
+
 
−
// hide .nav-container first
+
}
−
$(".nav-container").hide();
+
−
+
−
// fade in .nav-container
+
−
$(function () {
+
−
$(window).scroll(function () {
+
−
            // set distance user needs to scroll before we fadeIn navbar
+
−
if ($(this).scrollTop() > 100) {
+
−
$('.nav-container').fadeIn();
+
−
} else {
+
−
$('.nav-container').fadeOut();
+
−
}
+
−
});
+
  
−
 
−
});
 
  
−
});
 
−
  }(jQuery));
 
  
−
</script>
+
.container .card .face.face2{
 +
    position: relative;
 +
    background: #FFFBF3;
 +
    display: flex;
 +
    justify-content: center;
 +
    align-items: center;
 +
    padding: 20px;
 +
    box-sizing: border-box;
 +
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
 +
    transform: translateY(-100px);
 +
    border-radius:10px;
  
 +
}
  
 +
.container .card:hover .face.face2{
 +
    transform: translateY(0);
 +
}
  
 +
.container .card .face.face2 .content p{
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
 +
.container .card .face.face2 .content a{
 +
    margin: 15px 0 0;
 +
    display:  inline-block;
 +
    text-decoration: none;
 +
    font-weight: 900;
 +
    color: #332E2D;
 +
    padding: 5px;
 +
    border: 1px solid #332E2D;
 +
 
 +
 
 +
}
 +
 +
.container .card .face.face2 .content a:hover{
 +
    background color: #332E2D;
 +
    color: #355489;
 +
}
 
      
 
      
 +
   
 +
   
 +
 
 +
      </style>
 +
 
 +
 
 +
 +
<br></br>
 +
 +
 
 +
</body>
 +
    <script src="https://2021.igem.org/Team:NCKU_Tainan/js/jquery-3_6_0_min_js?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2021.igem.org/Team:NCKU_Tainan/js/4.3.1/bootstrap_min_js?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2021.igem.org/Team:NCKU_Tainan/js/publicEngagement?action=raw&ctype=text/javascript"></script>
 +
 +
 +
 +
 +
 
<script>
 
<script>
 
   $( document ).ready(function() {
 
   $( document ).ready(function() {
Line 204: Line 599:
 
         }, 200);
 
         }, 200);
 
     });
 
     });
−
</script>
+
//popover         
 +
$(document).ready(function(){
 +
    $(".popover-top").popover({
 +
        placement : 'top'
 +
    });
 +
    $(".popover-right").popover({
 +
        placement : 'right'
 +
    });
 +
    $(".popover-bottom").popover({
 +
        placement : 'bottom'
 +
    });
 +
    $(".popover-left").popover({
 +
        placement : 'left'
 +
    });
 +
});
 +
</script>  
 +
 
 
</html>
 
</html>
 
{{Template:NCKU_Tainan/gotop}}
 
{{Template:NCKU_Tainan/gotop}}
 
{{Template:NCKU_Tainan/footer}}
 
{{Template:NCKU_Tainan/footer}}

Latest revision as of 14:32, 15 December 2021



Overview

  Communicating science to the public is not an easy task; sometimes, we need to adjust how we deliver our research to various audiences. We also need to understand what benefit the audience will receive from the systems and technology we bring. Therefore, Human Practices became an indispensable part of our project, which acts as a bridge between researchers and general audience or even experts in different fields.

  By closely collaborating with professionals and profoundly investigating the potential consumers' demands, we ensure our product development is beneficial to our community. We constructed a framework for our human practice project that can be categorized into two main parts: business promotion and education. We reached out to several experts to optimize our product and constructed our business model while considering intellectual property, laws, and regulations for business promotion. To mature our designs, we turned to doctors, researchers, and experts in product development for advice.

  The educational section was a collective set targeting several audiences to spread information about synthetic biology. We attempted to discover multiple approaches and viable options to promote our products and collect feedback from our audiences.





Expert visits

  Before we are able to get started on developing our idea into a product, we need to make sure that our idea is as close to perfect as possible, and that means tons of research and experiments. But, the real problem with many ideas, and perhaps the reason why many fail to become a success, is a lack of expertise. No matter how much time and effort we put into research, there will always be an expert who knows the topic or even industry much better than we do. So, to help further verify and improve our ideas, we visited several experts in different fields.

Dr. Po-See Chen  5/28

Director, Division of General Psychiatry, National Cheng Kung University Hospital
Professor, Institute of Behavioral Medicine, National Cheng Kung University

  We met with Dr. Po-See Chen online to obtain further knowledge about depression. He provided us with valuable insight and information regarding the characteristics of depression and the relation of depression with the gut. We met him during the early stages of our project, and he gave us a lot of valuable advice regarding the behavior of patients, such as self-diagnosis which is very dangerous among people who suffer from depression. By conducting this meeting, we can understand more regarding the nature of depression to continue with our project. He also gave advice regarding our education activities, encouraging us to better spread awareness regarding depression, which you can find in our education page.

Professor Yu-Cheng Lin

Professor, Department of Engineering Science, National Cheng Kung University

prof-Lin

  Our first hardware idea was to detect human stress levels through saliva, we planned to extract cortisol which is the biomarker of stress, by detecting cortisol levels throughout a couple of days, we will be able to determine someone’s depression level. We made several discussions with professor Yu-Cheng Lin due to the fact that he has the real experience of extracting the different substances from saliva and detect the concentration of several substances through the paper-based electrochemical device. We wanted to continue and make this concept a reality, but suddenly covid-19 strikes Taiwan, so we were not able to go into any lab and we finally suspend the idea then search for another alternative.

Professor Chung-Hsien Wu

Professor, Department of Computer Science, National Cheng Kung University

prof-Wu

  Due to the fact that covid-19 in Taiwan escalated very quickly, we were thinking to find another way to build something even that we are not present physically. Then, we had an idea to made an artificial intelligence that can automatically detect depression using sound, and because none of our team members is from the Department of computer science we asked for guidance from Prof. Chung-Hsien Wu in developing the artificial intelligence.

Professor Chien-Hsiang Chang

Professor, Department of chemical engineering, National Cheng Kung University

prof-Chang

  Before settling with our current procedure of manufacturing Menbels, we wanted to make sure that our procedure and knowledge are sufficient for us to meet the requirements and make our system feasible to work. And professor Chien-Hsiang Chang has experience in making alginate layers to wrap several substances, Prof. Chang also ensures us that our plan is feasible and isn’t very hard to perform.

Enterprise visit

  Just because an idea is good does not always mean it will sell well in the market. Our product may be designed and modified in the laboratory and adjusted to maximize its performance. However, we needed advice from potential stakeholders to ensure our product will meet real-world demands. We need to interact with industries to understand more about the industrial environment and current market situation. So, in order to refine our idea into a product suitable for the market, we visited several enterprises.

Trade Wind Biotech

  Trade Wind Biotech (TWBIO) is a pioneer company based in Taiwan that implements synthetic biology as its core technique. We were allowed to visit their factory and laboratory led by Dr Lance, the CEO of TWBIO. We also invited team CCU_Taiwan to join us on this trip, and both of our teams received a lot of feedback from Dr Lance regarding entrepreneurship and presentation skills.

Chen En Food Product Enterprise Co., Ltd

  Our team was honoured to interview the general manager of Chen En Food Product Enterprise, Mr Vincent, as Chen En is one of the largest bubble suppliers in both local and global markets. Before the online interview session began, we signed a Memorandum of Understanding (MOU) with them. As a giant bubble supplier, they provided advice on preparing our bubble with the engineered bacteria inside. In addition, they also gave us valuable market data to further our business model.

genemont

8D Tea Fresh Kitchen

  We visited a local handmade bubble tea shop in Nantou and their IoT live kitchen to learn more about bubble production and marketing. They also suggested we market our product as chilled ready-to-eat (RTE) food, allowing us to position it in the market correctly. We also witnessed how they made bubbles from scratch and learned of the sterilization and bubble heating process. For more details, please click on the file below!

 

2021 NCKU iGEM Survey

  Genetically Modified Organisms (GMOs) are becoming more prevalent in our society due to their wide range of potential applications. Although more research has been conducted regarding the safety of GMOs, many still believe that GMOs are not safe, and it remains to be a controversial topic among society.

  To better understand how the public perceives GMOs and mental health issues, we conducted an online survey. Through the survey, we were able to collect hundreds of respondents’ opinions along with their feedback on our project.

Sample Demographics

  73.3% of our respondents were young adults aged between 18-29 years old, education levels between highschool to university.

Understanding

  As we mentioned above, we wanted to collect the public’s views on mental health issues. Therefore, we divided the respondents into those who have suffered from depression and those who have not. For those who have experienced depressive symptoms, we asked more follow-up questions. 54.5% answered that the primary cause of their depression is stress. Apart from this, we also asked about their opinions about the current solution to depression. The answers were relatively evenly distributed, with concerns about side effects, low effectiveness, and price.

Menbles Acceptance

  We explained briefly in the survey about our project and asked their willingness to try out our product. Surprisingly, ⅔ of the respondents answered yes and considered, leaving ⅓ rejecting to try out our product. Furthermore, when asked about the factors that matter most to them in a stress-relieving product, there are three significant factors: benefit, safety, and price. Based on these survey results, we believe our product has potential in the market.



Entrepreneurship

One step forward bringing MenTAUR into a reality.

Read More

Collaboration

Working together with other iGEM teams across the world.

Read More

Communication

The key to understand the public through communication and education.

Read More


e-mail : igem.ncku.tainan@gmail.com
phone : 06-2757575