Difference between revisions of "Team:SJTU-BioX-Shanghai/Human Practices"

Line 218: Line 218:
 
[Column for instructions, 1 form]<br>
 
[Column for instructions, 1 form]<br>
 
  </p>
 
  </p>
       
+
              
 
+
 
+
 
+
 
+
 
+
 
+
 
+
        <!--***************************end of .text***************************************-->
+
        </div>
+
       
+
       
+
  <!--*********************************end of .content_text*****************************-->
+
    </div> 
+
   
+
    <!-****************************return to top colomn**********************************************-->
+
    <div id="return_to_top_column">
+
      <div id="return_to_top_button"> 
+
      </div>
+
       
+
    </div>
+
 
+
    <!--************************zoom out box****************************-->
+
    <div class="zoom_out_box">
+
        <div style="display: flex;flex-direction: row;justify-content: center;align-items: center;width:100%;height: 100%;">
+
           
+
                <div class="zoom_out_album">
+
                    <img id="zoom_out_img"/>
+
                    <p class="fig_illustration"></p>
+
                   
+
                </div>
+
           
+
        </div>
+
    </div>
+
                 
+
                   
+
                   
+
   
+
    <!--***************************This is the end of the content***********************************-->
+
</div>   
+
 
+
 
+
<div id = "footer">
+
    <div class="sponsor_logo_container">
+
        <a href="http://www.bio-x.cn/"><img src="https://static.igem.org/mediawiki/2018/7/70/T--SJTU-BioX-Shanghai--bio_x.jpg"/></a>
+
        <a href="http://www.6thhosp.com/index.html"><img src="https://static.igem.org/mediawiki/2018/c/ce/T--SJTU-BioX-Shanghai--six_people_hospital.jpg"/></a>
+
        <a href="https://www.uottawa.ca/"><img src="https://static.igem.org/mediawiki/2018/3/3b/T--SJTU-BioX-Shanghai--Ottawa_university.jpg"/></a>
+
        <a href="http://life.sjtu.edu.cn/"><img src="https://static.igem.org/mediawiki/2018/7/7b/T--SJTU-BioX-Shanghai--School_of_life_science_and_biotechnology.png"/></a>
+
    </div>
+
    <p>Copyright &copy; 2018 SJTU-BioX-Shanghai. All rights reserved.</p>
+
 
+
 
+
</div>
+
 
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/jquery-3.1.1.min&action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/JS&action=raw&ctype=text/javascript"></script>
+
 
+
 
+
</html>
+
.eq(0).css("background-color","rgba(200,200,200,0.5)");
+
       
+
    });
+
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
</script>
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/footer_CSS&action=raw&ctype=text/css" />
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/interlab_CSS&action=raw&ctype=text/css" />
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/footnote_CSS&action=raw&ctype=text/css" />
+
 
+
<!--****************content of the page**************-->
+
<div class="content">
+
 
+
 
+
  <!--******************content nav**************************-->
+
    <div class="content_nav" >
+
       
+
        <!--*******nav item*******-->
+
        <div class="container_of_content_nav_item">
+
                     
+
                <div class="content_nav_top">
+
                    <img src="https://static.igem.org/mediawiki/2018/d/de/T--SJTU-BioX-Shanghai--content_nav_bac_0.png
+
"/>
+
                    <div class="content_nav_logo">
+
                        <a href="" title="return to homepage"><img src="https://static.igem.org/mediawiki/2018/1/17/T--SJTU-BioX-Shanghai--content_nav_logo.png
+
"/></a>
+
                    </div>
+
                </div>
+
               
+
                <div class="content_nav_middle">                 
+
                    <ul class="content_nav_item_list">
+
               
+
                        <li class="content_nav_item" >
+
                           
+
                            <a title="skip to Section1" href="#section1">
+
 
+
                            <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
+
                    Section1
+
                    <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
+
 
+
                            </a>
+
                        </li>
+
 
+
                        <li class="content_nav_item">
+
                           
+
                            <a title="skip to Section2" href="#section2">
+
 
+
                          <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
+
                    Section2
+
                    <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
+
 
+
                            </a>
+
                        </li>
+
 
+
                        <li class="content_nav_item">
+
                           
+
                            <a title="skip to Section3" href="#section3">
+
                           
+
<!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
+
                    Section3
+
                    <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
+
 
+
                            </a>
+
                        </li>
+
 
+
                        <li class="content_nav_item">
+
                           
+
                            <a title="skip to Section4" href="#section4">
+
 
+
                            <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
+
                    Section4
+
                    <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
+
 
+
                            </a>
+
                        </li>
+
 
+
                        <li class="content_nav_item">
+
                         
+
                            <a title="skip to Section5" href="#section5">
+
                           
+
<!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
+
                    Section5
+
                    <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
+
 
+
                            </a>
+
                        </li>
+
 
+
                    </ul>   
+
                </div>
+
               
+
                <div class="content_nav_bottom">
+
                    <img src="https://static.igem.org/mediawiki/2018/2/21/T--SJTU-BioX-Shanghai--content_nav_bac2.png
+
"/>
+
                </div>
+
 
+
        </div>
+
       
+
    </div>
+
   
+
    <!--******************content text***************************-->
+
    <div class="content_text">   
+
        <!--********************** text ************************-->
+
        <div class="text">
+
 
+
 
+
<!--*************************** begin your document here **********************************************-->
+
 
+
            <h1>Integrated</h1>
+
         
+
            <!--***************************** badge boxes template ***********************-->
+
            <div class="badge_boxes">
+
               
+
                <div class="badge_box">
+
                   
+
                    <div class="badge_box_txt">
+
                        <h3>Title</h3>
+
                        <p>xxx xxx xxx xxx  xxx xxx xxx xxx  xxx xxx xxx  xxx xxx xxx xxx  xxx xxx xxx  xxx xxx xxx xxx  xxx xxx xxx  xxx xxx xxx xxx  xxx xxx xxx  xxx xxx xxx xxx  xxx </p>
+
                        <p>xxx xxx xxx xxx  xxx xxx xxx xxx  xxx xxx xxx  xxx xxx xxx xxx  xxx xxx xxx  xxx xxx xxx xxx  xxx xxx xxx  xxx xxx xxx xxx  xxx xxx xxx  xxx xxx xxx xxx  xxx </p>
+
                       
+
                    </div>
+
                    <img src="https://static.igem.org/mediawiki/2018/a/a3/T--SJTU-BioX-Shanghai--Gold_medal.png"/>
+
                </div>
+
               
+
                <div class="badge_box">
+
                   
+
                    <div class="badge_box_txt">
+
                        <h3>Title</h3>
+
                        <p>xxx xxx xxx xxx  xxx xxx xxx xxx  xxx xxx xxx  xxx xxx xxx xxx  xxx xxx xxx  xxx xxx xxx xxx  xxx xxx xxx  xxx xxx xxx xxx  xxx xxx xxx  xxx xxx xxx xxx  xxx </p>
+
                        <p>xxx xxx xxx xxx  xxx xxx xxx xxx  xxx xxx xxx  xxx xxx xxx xxx  xxx xxx xxx  xxx xxx xxx xxx  xxx xxx xxx  xxx xxx xxx xxx  xxx xxx xxx  xxx xxx xxx xxx  xxx </p>
+
                       
+
                    </div>
+
                    <img src="https://static.igem.org/mediawiki/2018/b/b2/T--SJTU-BioX-Shanghai--Silver_medal.png"/>
+
                </div>
+
               
+
               
+
            </div>
+
            <!--/***************************** badge boxes template***********************-->
+
 
+
 
+
 
+
            <h2>
+
                <a id="section1">
+
                    <span class="place_holder"></span>
+
                    Section1
+
                </a>
+
            </h2>
+
            <p><strong>Instructions: you have the change not only the main text, but also have to modify the text in the navgation bar on the left side. Now put your content here and do the same for the following sections. </strong>xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx  xxx xxx xxx xxx xxx Note template is here ---
+
                <span class="footnote_link">OD
+
                    <span class="footnote">
+
                        <span class="footnote_header">OD</span>
+
                        <span class="footnote_txt">Optical density</span>
+
                    </span>
+
                </span>
+
            .</p>
+
           
+
            <h2>
+
                <a id="section2">
+
                    <span class="place_holder"></span>
+
                    Section2
+
                </a>
+
            </h2>
+
            <p>xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxxxxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxxxxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx
+
            </p>
+
           
+
            <h2>
+
                <a id="section3">
+
                    <span class="place_holder"></span>
+
                    Section3
+
                </a>
+
            </h2>
+
            <p>xxx  xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx. The text-link template is here.</p>
+
            <a title="https://static.igem.org/mediawiki/2018/0/09/2018_InterLab_Plate_Reader_Protocol.pdf" href="https://static.igem.org/mediawiki/2018/0/09/2018_InterLab_Plate_Reader_Protocol.pdf">2018 Interlab Plate Reader Protocol</a> <br/>
+
            <a title="http://parts.igem.org/Help:Protocols/Transformation" href="http://parts.igem.org/Help:Protocols/Transformation">Protocols/Transformation</a>
+
           
+
            <h2>
+
                <a id="section4">
+
                    <span class="place_holder"></span>
+
                    section4
+
                </a>
+
            </h2>
+
            <p> xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx The figure template is here.</p>
+
           
+
           
+
            <!--******************************Fig 1****************************-->
+
            <div class="img_in_text zoom_out_able">              
+
                    <img src="https://static.igem.org/mediawiki/2018/6/64/T--SJTU-BioX-Shanghai--interlab_Fig1.jpg"/>
+
                    <p class="fig_illustration">Fig 1. The particle standard curve obtained form the 2nd calibration experiment.</p>
+
            </div>
+
           
+
            <!--****************************************************************-->
+
           
+
           
+
           
+
           
+
           
+
            <p> xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx.</p>
+
<p>The table template is here.</p>
+
 
+
           
+
           
+
         
+
           
+
           
+
            <!--*****************************Table 1****************************-->
+
            <div class="table_in_text">
+
                <p class="table_illustration">Table 1. Colony forming units per 0.1 OD<sub>600</sub></p>
+
            <table style="border-collapse: collapse; ">
+
                <tr style="border-top:2px solid #000;">
+
                    <th rowspan="2">samples</th>
+
                    <th colspan="3">dilution factor</th>
+
                    <th rowspan="2">CFU/mL</th>
+
                </tr>
+
               
+
                <tr>
+
                    <td>8&times;10<sup>4</sup></td>
+
                    <td>8&times;10<sup>5</sup></td>
+
                    <td>8&times;10<sup>6</sup></td>
+
                </tr>
+
         
+
                <tr style="border-top:2px solid #000;">
+
                    <td>1.1</td> <td>TNTC</td> <td>48</td> <td>11</td> <td>3.84E+07</td>
+
                </tr>
+
                <tr>
+
                    <td>1.2</td> <td>248</td> <td>41</td> <td>10</td> <td>3.28E+07</td>
+
                </tr>
+
                <tr>
+
                    <td>1.3</td> <td>172</td> <td>54</td> <td>5</td> <td>4.32E+07</td>
+
                </tr>
+
                <tr>
+
                    <td>2.1</td> <td>TNTC</td> <td>143</td> <td>20</td> <td>1.14E+08</td>
+
                </tr>
+
                <tr>
+
                    <td>2.2</td> <td>TNTC</td> <td>153</td> <td>25</td> <td>1.22E+08</td>
+
                </tr>   
+
                <tr>
+
                    <td>2.3</td> <td>TNTC</td> <td>151</td> <td>18</td> <td>1.21E+08</td>
+
                </tr>
+
                <tr>
+
                    <td>3.1</td> <td>TNTC</td> <td>119</td> <td>16</td> <td>9.52E+07</td>
+
                </tr>
+
                <tr>
+
                    <td>3.2</td> <td>TNTC</td> <td>125</td> <td>19</td> <td>1.00E+08</td>
+
                </tr>
+
                <tr>
+
                    <td>3.3</td> <td>TNTC</td> <td>89</td> <td>18</td> <td>7.12E+07</td>
+
                </tr>
+
                <tr>
+
                    <td>4.1</td> <td>TNTC</td> <td>209</td> <td>16</td> <td>1.67E+08</td>
+
                </tr> 
+
                <tr>
+
                    <td>4.2</td> <td>TNTC</td> <td>130</td> <td>17</td> <td>1.04E+08</td>
+
                </tr>
+
                <tr style="border-bottom:2px solid #000;">
+
                    <td>4.3</td> <td>TNTC</td> <td>164</td> <td>10</td> <td>1.31E+08</td>
+
                </tr>
+
 
+
            </table>
+
            </div>
+
           
+
           
+
           
+
            <h2>
+
                <a id="section5">
+
                    <span class="place_holder"></span>
+
                    Section5
+
                </a>
+
            </h2>
+
            <p>XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX </p>
+
       
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
        <!--***************************end of .text***************************************-->
+
        </div>
+
       
+
       
+
  <!--*********************************end of .content_text*****************************-->
+
    </div> 
+
   
+
    <!-****************************return to top colomn**********************************************-->
+
    <div id="return_to_top_column">
+
      <div id="return_to_top_button"> 
+
      </div>
+
       
+
    </div>
+
 
+
    <!--************************zoom out box****************************-->
+
    <div class="zoom_out_box">
+
        <div style="display: flex;flex-direction: row;justify-content: center;align-items: center;width:100%;height: 100%;">
+
           
+
                <div class="zoom_out_album">
+
                    <img id="zoom_out_img"/>
+
                    <p class="fig_illustration"></p>
+
                   
+
                </div>
+
           
+
        </div>
+
    </div>
+
                 
+
                   
+
                   
+
 
      
 
      
 
     <!--***************************This is the end of the content***********************************-->
 
     <!--***************************This is the end of the content***********************************-->

Revision as of 14:56, 17 October 2018

Integrated

Author:Bozitao Zhong
Structure
Interview
Attachment
Impact

Title

xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx

xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx

Title

xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx

xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx

INTRODUCTION

Human Practice is the jewel in the iGEM’s crown, it makes an iGEM project different from scientific researches. Integrated human practice connect modified creature with the world, education and public engagement spread the seed of synthetic biology around the world.
In our integrated human practice, we focus on finding the application prospect of our project. We divided this research into 4 parts: background, interview, attachment and impact. We collected reports and results about background of colorectal cancer and early diagnosis. In interview part, we interviewed people from all walks of society ranging from companies and researchers to potential users like patients, doctors and common people in the aim of receive suggestions from them. These feedbacks get our device more applicable and user friendly. For attachment part, we have written instructions and make bacterial loaders to make our device more applicable and user-friendly. Moreover, to introduce our project, we’ve listed comparison with other methods, and used price model to analyse our potential effect, finally listed out application scenes for populations of different wealth. .

BACKGROUND


After this idea came out, we did a research of the background in colorectal cancer and early diagnosis.
Read more ->

INTERVIEW

To get suggestions from our potential user, we go to the Shanghai 6th hospital in China and Ottawa general hospital to interview doctors and patients. They gave us lots of suggestions and background knowledge.
[Link to interview, Section 1]
Then we went for help from academia. We interview professors from School of Biomedical Engineering, Life Science, and Pharmacy. They gave us support and advice about our experiment methods, making bacteria loaders, constructing plasmids, and clinical application.
[Link to interview, Section 2]
Besides, we visited the Roche enterprise and met with Quality Assurance manager. We got inspire from their industry process, and we integrated this kind of thought into our project, to have deeper thoughts about our product design. This finally became our design of bacteria loader like capsule or hydrogel.
[Link to interview, Section 3]

ATTACHMENT

To make our project complete for users, we made bacteria loaders and instructions. These attachment designs are to make our project more acceptable and make it faster to get to industry.
Bacteria loaders contains two designs, capsule and hydrogel. Different kind of loader can be used in different situations.
[Link to loader]
To help our users get to know our project easily, we wrote two kinds of instructions for patients and doctors.
[Column for instructions, 2 pictures]

IMPACT

How can our project change our world? This may always be an ultimate question for us, also other iGEM projects, and it’s also our main purpose of our integrated human practice. We used 2 method to find our application scene, which are building models and comparison. Comparing our projects with other cancer early diagnosis methods can reveal our advantages and disadvantages. We all know that people will buy more when price goes down, but how does it work? Our price model can show the impact of lowering down the price to bring up consuming.
[Link to Price Model]
[Column for instructions, 1 form]