Difference between revisions of "Team:Worldshaper-XSHS/Applied Design"

(Prototype team page)
 
 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{Worldshaper-XSHS}}
 
 
<html>
 
<html>
 +
    <link rel='stylesheet' type='text/css' href='http://igem2017.worldshaper.cn/XSHS/css/wiki_edit.css' />
 +
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/bootstrap.min.css">
 +
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/ionicons.min.css">
 +
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/animate.css">
 +
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/slider.css">
 +
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/owl.carousel.css">
 +
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/owl.theme.css">
 +
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/jquery.fancybox.css">
 +
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/main.css">
 +
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/responsive.css">
 +
    <script src="http://igem2017.worldshaper.cn/XSHS/js/vendor/modernizr-2.6.2.min.js"></script>
 +
    <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.min.js"></script>
 +
    <script src="http://igem2017.worldshaper.cn/XSHS/js/owl.carousel.min.js"></script>
 +
    <script src="http://igem2017.worldshaper.cn/XSHS/js/bootstrap.min.js"></script>
 +
    <script src="http://igem2017.worldshaper.cn/XSHS/js/wow.min.js"></script>
 +
    <script src="http://igem2017.worldshaper.cn/XSHS/js/slider.js"></script>
 +
    <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.fancybox.js"></script>
 +
    <script src="http://igem2017.worldshaper.cn/XSHS/js/main.js"></script>
 +
    <header id="top-bar" class="navbar-fixed-top animated-header">
 +
        <div class="container">
 +
            <div class="navbar-header">
 +
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 +
                    <span class="sr-only">Toggle navigation</span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                </button>
 +
                <div class="navbar-brand">
 +
                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS" >
 +
                        worldshaper- <b>XSHS</b>
 +
                    </a>
 +
                </div>
 +
            </div>
 +
            <nav class="collapse navbar-collapse navbar-right" role="navigation">
 +
                <div class="main-menu">
 +
                    <ul class="nav navbar-nav navbar-right">
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS">Home</a>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                Team
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/members.html">Members</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                Project
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/design.html">Design</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/result.html">Results</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Model">Model</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Demonstrate">Demonstrate</a>
 +
                                    </li>
  
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                HUMAN PRACTICES
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Applied_Design">Applied Design</a>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                Achievement
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
            </nav>
 +
        </div>
 +
    </header>
  
−
<div class="column full_size judges-will-not-evaluate">
+
    <section class="global-page-header">
−
<h3>★  ALERT! </h3>
+
        <div class="container">
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
            <div class="row">
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
                <div class="col-md-12">
−
</div>
+
                    <div class="block">
−
<div class="clear"></div>
+
                        <h2>Product Design</h2>
−
 
+
                    </div>
−
<div class="column half_size">
+
                </div>
−
<h1>Applied Design</h1>
+
            </div>
−
 
+
        </div>
−
<h3>Best Applied Design Special Prize</h3>
+
    </section>
−
 
+
−
<p>This is a prize for the team that has developed a synbio product to solve a real world problem in the most elegant way. The students will have considered how well the product addresses the problem versus other potential solutions, how the product integrates or disrupts other products and processes, and how its lifecycle can more broadly impact our lives and environments in positive and negative ways.
+
−
<br><br>
+
−
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Applied Design prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
+
−
<br><br>
+
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
−
</p>
+
−
</div>
+
−
 
+
−
<div class="column half_size">
+
−
 
+
−
<h5>Inspiration</h5>
+
−
<p>Take a look at what some teams accomplished for this prize.</p>
+
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
+
−
<li><a href="https://2016.igem.org/Team:HSiTAIWAN/Product?locationId=Design">2016 HSiTAIWAN</a></li>
+
−
<li><a href="https://2016.igem.org/Team:Pasteur_Paris/Design">2016 Pasteur Paris</a></li>
+
−
</ul>
+
−
</div>
+
−
 
+
−
<div class="clear"></div>
+
−
 
+
−
 
+
−
 
+
−
 
+
  
 +
    <section class="pageInHere">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-12">
 +
                    <div class="xshs-box3">
 +
                        <p>According to the results of the investigation and interview, we designed the product. Because the students' imagination is so rich, we designed many versions of the design.Here are two of the designs that we think are the most feasible.</p>
 +
                    </div>
 +
                    <div class="xshs-box3">
 +
                        <h3>Product design Version 1.0: </h3>
 +
                    </div>
 +
                    <div class="xshs-box3">
 +
                        <h4>The carry-on size biologic reactor with colorimetric indicator.</h4>
 +
                    </div>
 +
                    <div class="xshs-box3">
 +
                        <p>For better using this biologic detect technic in daily life, we designed a carry-on size detector (shown in Figure 1 to Figure 5) It is a box with 9 holes (Figure 6), which can be placed to measure the oxygen, nitrogen and phosphorus samples. We use UV emitters to stimulate protein expression (BFP, GFP, RFP). For each test material to design a standard colorimetric card and compared with the standard colorimetric card to know the size detected content of samples. And there is a camera head inside the lid, to take pictures of the wells and send to a microchip. A screen on the front side will show the results after analyzing the pictures with the microchip. This whole device is powered by batteries and will be light and compact. At the same time, we will also design a timer on the front surface of the product to display the countdown time.</p>
 +
                        <p>Additionally, we found that the structure of the homemade yogurt machine and the product is similar to that. So we hope to make our products by transforming the yogurt machine. </p>
 +
                    </div>
 +
                    <div class="xshs-box3">
 +
                        <h4>Instrument instructions:</h4>
 +
                    </div>
 +
                    <div class="xshs-box3">
 +
                        <p>1. the corresponding freeze-dried powder of Escherichia coli was added into each well and activated with 500 micro amount of culture medium.</p>
 +
                        <p>2. samples were taken for 3ml, and they were slowly added into each sample well, and positive and negative samples were prepared in positive control and negative control wells.</p>
 +
                        <p>3. press the "start" key, the detector starts heating to set temperature, prompting the reaction.</p>
 +
                        <p>4. wait for 4h, use the standard color card to read the readout number under the ultraviolet light irradiation.</p>
 +
                    </div>
 +
                    <div class="xshs-box2">
 +
                        <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2017/d/d6/T-Worldshaper-XSHS-figure1.jpg" />
 +
                        <p>figure1.Product appearance</p>
 +
                    </div>
 +
                    <div class="xshs-box2">
 +
                        <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2017/d/d7/T-Worldshaper-XSHS-figure2.jpg" />
 +
                        <p>figure2.Product size chart1</p>
 +
                    </div>
 +
                    <div class="xshs-box2">
 +
                        <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2017/2/26/T-Worldshaper-XSHS-figure3.jpg" />
 +
                        <p>figure3.Product size chart2</p>
 +
                    </div>
 +
                    <div class="xshs-box2">
 +
                        <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2017/0/0c/T-Worldshaper-XSHS-figure4.jpg" />
 +
                        <p>figure4.Product size chart3</p>
 +
                    </div>
 +
                    <div class="xshs-box2">
 +
                        <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2017/8/8d/T-Worldshaper-XSHS-figure5.png" />
 +
                        <p>figure5. Product side view</p>
 +
                    </div>
 +
                    <div class="xshs-box2">
 +
                        <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2017/e/ef/T-Worldshaper-XSHS-figure6.jpg" />
 +
                        <p>figure6. Schematic diagram</p>
 +
                    </div>
 +
                    <div class="xshs-box3">
 +
                        <h3>Product design Version 2.0:</h3>
 +
                    </div>
 +
                    <div class="xshs-box3">
 +
                        <h4>A portable bioreactor based on imaging technology</h4>
 +
                    </div>
 +
                    <div class="xshs-box3">
 +
                        <p>Due to the different concentrations of dissolved oxygen, nitrogen or phosphorus can make corresponding fluorescent protein expression in Escherichia coli of different intensity, therefore we assume that the first acquisition luminescence image of different concentrations of dissolved oxygen, nitrogen or phosphorus, and built-in mobile phone. Then the now popular clamping type mobile phone lens into a special reactor (Figure 7), the standard image directly using a mobile phone to get the image and built-in comparison, determine the concentration of dissolved oxygen, nitrogen or phosphorus in samples. But this idea also involves lens transformation, image software development and so on, so now is just an idea, we hope that in the future research into this idea into reality.</p>
 +
                    </div>
 +
                    <div class="xshs-box2">
 +
                        <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2017/a/a8/T-Worldshaper-XSHS-figure7.png" />
 +
                        <p>figure7.A portable bioreactor based on imaging technology</p>
 +
                    </div>
 +
                    <div class="xshs-box3">
 +
                        <h2>Physical model</h2>
 +
                    </div>
 +
                    <div class="xshs-box3">
 +
                        <p>Due to the limited time and ability, we only made the model of version1. Maybe this model isn't perfect, but we've done our best.</p>
 +
                        <p>We printed out the model using 3D printing(figure8). Until this summer, we had only heard of 3D printing, which we thought was amazing, but we hadn't used it yet. To print this model, we learned how to use the design software and learned how to use the printer. It's really not easy. In this process, we should sincerely thank the teachers and students of the automation college of zhejiang university of technology. We couldn't have finished the work without their help.</p>
 +
                    </div>
 +
                    <div class="xshs-box2">
 +
                        <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2017/f/fc/T-Worldshaper-XSHS-figure8.jpg" />
 +
                        <p>figure8. 3D print model</p>
 +
                    </div>
 +
                    <div class="xshs-box3">
 +
                        <p>On the basis of 3D printing, we beautifed the model, and removed the temperature control device and the core line from the discarded yogurt, and transformed our model. Here are some photos of the model(figure9-figure13).We will also take this model to Giant Jamboree to share with you!</p>
 +
                    </div>
 +
                    <div class="xshs-box2">
 +
                        <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2017/3/3d/T-Worldshaper-XSHS-figure9.jpg" />
 +
                        <p>figure9. Model appearance</p>
 +
                    </div>
 +
                    <div class="xshs-box2">
 +
                        <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2017/9/96/T-Worldshaper-XSHS-figure10.jpg" />
 +
                        <p>figure10. Model appearance</p>
 +
                    </div>
 +
                    <div class="xshs-box2">
 +
                        <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2017/a/a9/T-Worldshaper-XSHS-figure11.jpg" />
 +
                        <p>figure11.Inside of the model</p>
 +
                    </div>
 +
                    <div class="xshs-box2">
 +
                        <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2017/d/d1/T-Worldshaper-XSHS-figure12.jpg" />
 +
                        <p>figure12. Bottom of the model</p>
 +
                    </div>
 +
                    <div class="xshs-box2">
 +
                        <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2017/4/4b/T-Worldshaper-XSHS-figure13.jpg" />
 +
                        <p>figure13. Bottom of the model</p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
  
 +
    <footer>
 +
        <div class="container">
 +
            <div class="foot-box">
 +
                <ul class="clearfix">
 +
                    <li class="foot-box-c1"><img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="" /></li>
 +
                    <li class="foot-box-c2"><img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="" /></li>
 +
                    <li class="foot-box-c3">
 +
                        <p>Worldshaper-XSHS, Xiaoshan High School</p>
 +
                        <p>Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China</p>
 +
                    </li>
 +
                    <li class="foot-box-c4"><img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="" /></li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </footer>
  
 
</html>
 
</html>

Latest revision as of 03:29, 31 October 2017

Product Design

According to the results of the investigation and interview, we designed the product. Because the students' imagination is so rich, we designed many versions of the design.Here are two of the designs that we think are the most feasible.

Product design Version 1.0:

The carry-on size biologic reactor with colorimetric indicator.

For better using this biologic detect technic in daily life, we designed a carry-on size detector (shown in Figure 1 to Figure 5) It is a box with 9 holes (Figure 6), which can be placed to measure the oxygen, nitrogen and phosphorus samples. We use UV emitters to stimulate protein expression (BFP, GFP, RFP). For each test material to design a standard colorimetric card and compared with the standard colorimetric card to know the size detected content of samples. And there is a camera head inside the lid, to take pictures of the wells and send to a microchip. A screen on the front side will show the results after analyzing the pictures with the microchip. This whole device is powered by batteries and will be light and compact. At the same time, we will also design a timer on the front surface of the product to display the countdown time.

Additionally, we found that the structure of the homemade yogurt machine and the product is similar to that. So we hope to make our products by transforming the yogurt machine.

Instrument instructions:

1. the corresponding freeze-dried powder of Escherichia coli was added into each well and activated with 500 micro amount of culture medium.

2. samples were taken for 3ml, and they were slowly added into each sample well, and positive and negative samples were prepared in positive control and negative control wells.

3. press the "start" key, the detector starts heating to set temperature, prompting the reaction.

4. wait for 4h, use the standard color card to read the readout number under the ultraviolet light irradiation.

figure1.Product appearance

figure2.Product size chart1

figure3.Product size chart2

figure4.Product size chart3

figure5. Product side view

figure6. Schematic diagram

Product design Version 2.0:

A portable bioreactor based on imaging technology

Due to the different concentrations of dissolved oxygen, nitrogen or phosphorus can make corresponding fluorescent protein expression in Escherichia coli of different intensity, therefore we assume that the first acquisition luminescence image of different concentrations of dissolved oxygen, nitrogen or phosphorus, and built-in mobile phone. Then the now popular clamping type mobile phone lens into a special reactor (Figure 7), the standard image directly using a mobile phone to get the image and built-in comparison, determine the concentration of dissolved oxygen, nitrogen or phosphorus in samples. But this idea also involves lens transformation, image software development and so on, so now is just an idea, we hope that in the future research into this idea into reality.

figure7.A portable bioreactor based on imaging technology

Physical model

Due to the limited time and ability, we only made the model of version1. Maybe this model isn't perfect, but we've done our best.

We printed out the model using 3D printing(figure8). Until this summer, we had only heard of 3D printing, which we thought was amazing, but we hadn't used it yet. To print this model, we learned how to use the design software and learned how to use the printer. It's really not easy. In this process, we should sincerely thank the teachers and students of the automation college of zhejiang university of technology. We couldn't have finished the work without their help.

figure8. 3D print model

On the basis of 3D printing, we beautifed the model, and removed the temperature control device and the core line from the discarded yogurt, and transformed our model. Here are some photos of the model(figure9-figure13).We will also take this model to Giant Jamboree to share with you!

figure9. Model appearance

figure10. Model appearance

figure11.Inside of the model

figure12. Bottom of the model

figure13. Bottom of the model

  • Worldshaper-XSHS, Xiaoshan High School

    Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China