|
|
Line 1: |
Line 1: |
| {{SJTU-BioX-Shanghai}} | | {{SJTU-BioX-Shanghai}} |
| + | <html> |
| + | <script> |
| + | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// |
| + | |
| + | jQuery(document).ready(function(){ |
| + | |
| + | // set the active page |
| + | $(".menu_item").eq(4).find("span"){{SJTU-BioX-Shanghai}} |
| <html> | | <html> |
| <script> | | <script> |
Line 8: |
Line 16: |
| // set the active page | | // set the active page |
| $(".menu_item").eq(4).find("span").eq(0).css("background-color","rgba(200,200,200,0.5)"); | | $(".menu_item").eq(4).find("span").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> |
| + | <p>Author:Bozitao Zhong <br |
| + | Structure<br> |
| + | Interview<br> |
| + | Attachment<br> |
| + | Impact<br></p> |
| + | |
| + | <!--***************************** 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> |
| + | INTRODUCTION |
| + | </a> |
| + | </h2> |
| + | <p>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.<br> |
| + | 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. |
| + | |
| + | .</p> |
| + | |
| + | <h2> |
| + | <a id="section2"> |
| + | <span class="place_holder"></span> |
| + | BACKGROUND |
| + | </a> |
| + | </h2> |
| + | <p><br>After this idea came out, we did a research of the background in colorectal cancer and early diagnosis. |
| + | <br>Read more -> |
| + | |
| + | </p> |
| + | |
| + | <h2> |
| + | <a id="section3"> |
| + | <span class="place_holder"></span> |
| + | INTERVIEW |
| + | </a> |
| + | </h2> |
| + | <p>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.<br> |
| + | [Link to interview, Section 1]<br> |
| + | 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.<br> |
| + | [Link to interview, Section 2]<br> |
| + | 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.<br> |
| + | [Link to interview, Section 3]<br> |
| + | </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> |
| + | ATTACHMENT |
| + | </a> |
| + | </h2> |
| + | <p> 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.<br> |
| + | Bacteria loaders contains two designs, capsule and hydrogel. Different kind of loader can be used in different situations.<br> |
| + | [Link to loader]<br> |
| + | To help our users get to know our project easily, we wrote two kinds of instructions for patients and doctors.<br> |
| + | [Column for instructions, 2 pictures]<br> |
| + | </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×10<sup>4</sup></td> |
| + | <td>8×10<sup>5</sup></td> |
| + | <td>8×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> |
| + | IMPACT |
| + | </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> |
| + | |
| + | 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.<br> |
| + | [Link to Price Model]<br> |
| + | [Column for instructions, 1 form]<br> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | <!--***************************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 © 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)"); |
| | | |
| }); | | }); |