Difference between revisions of "Team:HZAU-China/Integrated Practices"

(Replaced content with "{{HZAU-China}} <html> </html>")
Line 1: Line 1:
 
{{HZAU-China}}
 
{{HZAU-China}}
<html>
 
  
 +
<html lang="en">
 +
<head>
 +
 +
    <style>
 +
        *{margin: 0;padding: 0;}
 +
        .content_wrapper {
 +
            position: absolute;
 +
            top: 88px;
 +
            width: 100%;
 +
            height: 1800px;
 +
            background-color: white;
 +
        }
 +
        .main_part{
 +
            width: 80%;
 +
            height: 100%;
 +
            float: left;
 +
        }
 +
        .article{
 +
            width: 60%;
 +
            height: auto;
 +
            position: absolute;
 +
            top: 0;
 +
            left: 13%;
 +
            padding:0 2% 2% 2%;
 +
            background-color: white;
 +
        }
 +
        .content_part{
 +
            width: 20%;
 +
            height: auto;
 +
            position: fixed;
 +
            right: 0%;
 +
            background-color:white;
 +
            border-radius: 50%;
 +
        }
 +
      .content_part>a{
 +
            text-decoration: none;
 +
            color: white;
 +
            font-family: Arial;
 +
            font-size: 20px;
 +
            display: block;
 +
            padding-left: 10% ;
 +
            padding-top: 5px;
 +
            height: 25px;
 +
            width: 70%;
 +
            background-color: #0e5386;
 +
            float: left;
 +
            margin-bottom: 5px;
 +
            transition: 0.3s;
 +
        }
 +
        .menutitle{
 +
            height: 25px;
 +
            background-color: #0e5386;
 +
            cursor:pointer;
 +
            padding-top: 5px;
 +
            margin-bottom: 5px;
 +
            width:20%;
 +
            color: white;
 +
            float: right;
 +
        }
 +
        .little{
 +
            content: "";
 +
            float: left;
 +
            margin-top: 6px;
 +
            margin-left: 18px;
 +
            border-left: 6px solid transparent;
 +
            border-right: 6px solid transparent;
 +
            border-bottom: 6px solid #fff955;
 +
            opacity: 1;
 +
        }
 +
        .my_submenu{
 +
            margin:0 !important;
 +
            padding:0;
 +
            border:0;
 +
            margin-bottom: 0.5em;
 +
            text-align: center;
 +
            list-style: none;
 +
        }
 +
        .my_submenu a{
 +
            display: block;
 +
            background-image: linear-gradient(white, #efefef);
 +
            text-decoration: none;
 +
            background-color:white;
 +
            padding: 5px;
 +
            font-size: 14px;
 +
            font-family: Arial;
 +
            color: #3d42e8;
 +
        }
 +
        .menutitle:hover {
 +
            opacity: 0.2;
 +
        }
 +
        .content_part >a:hover{
 +
            background-color: rgba(14, 83, 134, 0.38);
 +
            color: #0e5386;
 +
        }
 +
        .my_submenu a:hover{
 +
            color: #e7376d;
 +
        }
 +
        .random{
 +
            position: relative ;
 +
        }
 +
        .random a{
 +
            position: absolute;
 +
            top: -88px;
 +
        }
 +
        .article p{
 +
            text-align:justify;
 +
            font-family: Verdana;
 +
            font-size: 18px !important;
 +
            line-height: 190%;
 +
            z-index:-1;
 +
        }
 +
        .article h2{
 +
            font-size: 50px;
 +
            font-family: Arial;
 +
            color: #1e6ed0;
 +
        }
 +
        .article h3{
 +
            display: block;
 +
            background-color:white;
 +
            padding-top:20px;
 +
            padding-bottom:15px;
 +
            font-size: 35px;
 +
            font-family: Helvetica;
 +
            color: #0783d6;
 +
 +
        }
 +
        .article h4{
 +
            display: block;
 +
            padding-top: 20px;
 +
            padding-bottom:15px;
 +
            background-color: white;
 +
            font-size: 25px;
 +
            font-family: Calibri;
 +
            color: #0f9ad6;
 +
        }
 +
        .pointer1{
 +
            position: absolute;
 +
            top: 46%;
 +
            left: 5%;
 +
            z-index: 100;
 +
        }
 +
        .pointer2{
 +
            position: absolute;
 +
            top: 83%;
 +
            left: 5%;
 +
            z-index: 100;
 +
        }
 +
        .pointer3{
 +
            position: absolute;
 +
            top: 92.5%;
 +
            left: 5%;
 +
            z-index: 100;
 +
        }
 +
        .pointer4{
 +
            position: absolute;
 +
            top: 100%;
 +
            left: 5%;
 +
            z-index: 100;
 +
        }
 +
    </style>
 +
 +
    <script type="text/javascript">
 +
        if (document.getElementById){
 +
            document.write('<style type="text/css">\n')
 +
            document.write('.my_submenu{display: block;}\n')
 +
            document.write('</style>\n')
 +
        }
 +
 +
        function SwitchMenu(obj){
 +
            if(document.getElementById){
 +
                var el = document.getElementById(obj);
 +
                var ar = document.getElementById("masterdiv").getElementsByTagName("span");
 +
                if(el.style.display != "block"){
 +
                    for (var i=0; i<ar.length; i++){
 +
                        if (ar[i].className=="my_submenu") //DynamicDrive.com change
 +
                            ar[i].style.display = "none";
 +
                    }
 +
                    el.style.display = "block";
 +
                }else{
 +
                    el.style.display = "none";
 +
                }
 +
            }
 +
        }
 +
    </script>
 +
</head>
 +
 +
 +
<body>
 +
<div class="content_wrapper">
 +
 +
    <div class="content_part" id="masterdiv">
 +
        <a href="#A1">Wet Lab</a>
 +
        <div class="menutitle" onclick="SwitchMenu('sub1')">
 +
            <div class="little"></div>
 +
        </div>
 +
        <ul class="my_submenu" id="sub1" style="display: block">
 +
            <li><a href="#A11">2016 HUST China cheering up</a></li>
 +
            <li><a href="#A12">2016 STSU CCiC</a></li>
 +
            <li><a href="#A13">Mini talks with ZJU-iGEM</a></li>
 +
            <li><a href="#A14">Gene knockout</a></li>
 +
        </ul>
 +
 +
        <a href="#A2">Dry lab</a>
 +
        <div class="menutitle" onclick="SwitchMenu('sub2')">
 +
            <div class="little"></div>
 +
        </div>
 +
        <ul class="my_submenu" id="sub2" style="display: block">
 +
            <li><a href="#A21">models</a></li>
 +
            <li><a href="#A22">Software</a></li>
 +
            <li><a href="#A23">Hardware</a></li>
 +
        </ul>
 +
 +
        <a href="#A3">Human Practice</a>
 +
        <div class="menutitle" onclick="SwitchMenu('sub3')" >
 +
            <div class="little"></div>
 +
        </div>
 +
 +
 +
        <a href="#A4">Art Designer</a>
 +
        <div class="menutitle" onclick="SwitchMenu('sub4')">
 +
            <div class="little"></div>
 +
        </div>
 +
 +
 +
        <a href="#A5">Acknowledgement</a>
 +
        <div class="menutitle" onclick="SwitchMenu('sub5')">
 +
            <div class="little"></div>
 +
        </div>
 +
 +
    </div>
 +
 +
    <div class="main_part">
 +
        <img src="https://static.igem.org/mediawiki/2016/2/2b/Hzau16_team_paper_main_picture.png"  width="168px" height="2503px">
 +
        <div class="pointer1"> <img src="https://static.igem.org/mediawiki/2016/f/fc/T--HZAU-China--pointer3.png"></div>
 +
        <div class="pointer2"> <img src="https://static.igem.org/mediawiki/2016/7/78/T--HZAU-China--pointer2.png"></div>
 +
        <div class="pointer3"> <img src="https://static.igem.org/mediawiki/2016/0/04/T--HZAU-China--pointer4.png"></div>
 +
        <div class="pointer4"> <img src="https://static.igem.org/mediawiki/2016/3/3b/T--HZAU-China--pointer1.png"></div>
 +
        <div class="article">
 +
            <h2 class="head" >Intergrated Practices</h2><br/>
 +
 +
            <p>This year our project is going to strengthen the bio-pattern formation in augmented reality which means we are trying to make control of the bio-pattern by computer paths and systems.
 +
That could be applying to the printing of biology materials, the controlling of embryonic development and the regenerating of tissue and organ,however, we are seeking for chances to collaborate with related enterprises,such as Baofeng company which was a video player technology company in China to provide us the equipment we need. For during the research and observation process of our program, we are planning to bring in the monitoring function of computer in order to get a real time monitoring and adjustment of the bio-pattern which means connect the virtual world with the real cultivate, that’s the AR part of our program.
 +
We also interested in how our project will affect the society so we took part in some activities in China including a few meet-up conference and questionnaire surveys. For example:
 +
</p><br/>
 +
 +
 +
 +
<div class="random"><a id="A1" ></a></div>
 +
            <h3>Wet Lab</h3>
 +
 +
            <div class="random"><a id="A11" ></a></div>
 +
            <h4>Optogenetics</h4>
 +
            <p>Clone and construction of light-switchable circuit: Boyao Zhang, Jun Li</p>
 +
            <p>Data detection on TCS: Boyao Zhang, Jun Li</p>
 +
 +
            <div class="random"><a id="A12" ></a></div>
 +
            <h4>Motility</h4>
 +
            <p>Clone and construction of motility-relative circuit: Zewen Ding, Wen Wang, Wenqi Huang, Wentao Yu</p>
 +
            <p>Figure collection of motility: Zewen Ding, Wenqi Huang, Wen Wang</p>
 +
            <p>Design of trial and measurement: Wenqi Huang, Zewen Ding, Wen Wang</p>
 +
            <p>Photograph gathering: Wenqi Huang, Zhujun Xia, Qiqi Xiong, Zewen Ding, Wen Wang</p>
 +
 +
            <div class="random"><a id="A13" ></a></div>
 +
            <h4>Riboswitch</h4>
 +
            <p>Clone and construction of riboswitch circuit: Pan Chu, Boyao Zhang, Luyao Zhang, Anqi Zhou, Wenqi Huang</p>
 +
            <p>Quantitative data collection: Pan Chu, Anqi Zhou, Luyao Zhang</p>
 +
 +
            <div class="random"><a id="A14" ></a></div>
 +
            <h4 id="A14">Gene knockout</h4>
 +
            <p>Gene knockout: Boyao Zhang</p>
 +
 +
 +
            <div class="random"><a id="A2" ></a></div>
 +
            <h3> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Dry lab</h3>
 +
 +
            <div class="random"><a id="A21" ></a></div>
 +
            <h4 >models</h4>
 +
            <p>Modeling on motility dynamics: Kangjian Hua</p>
 +
            <p>Modeling on motility cellular model: Bochen Cheng</p>
 +
            <p>Modeling on genetic circuits: Bochen Cheng</p>
 +
 +
            <div class="random"><a id="A22" ></a></div>
 +
            <h4 id="A22">Software</h4>
 +
            <p>Software design: Kangjian Hua, Bochen Cheng</p>
 +
            <p>Design on video: Kangjian Hua</p>
 +
 +
            <div class="random"><a id="A23" ></a></div>
 +
            <h4 >Hardware</h4>
 +
            <p>Design: Zhihao Li, Yang Bai</p>
 +
            <p>Manufacture and welding of PCB: Zhihao Li</p>
 +
            <p>Download of SCM: Zhihao Li</p>
 +
            <p>Construction of light-switchable device: Zhihao Li, Jun Li, Kangjian Hua</p>
 +
            <p>Programming: Yang Bai</p>
 +
 +
 +
            <div class="random"><a id="A3" ></a></div>
 +
            <h3> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;Human Practice</h3><br/>
 +
            <p>Collaboration and communication with other teams: Xinran Zhao, Haimeng Li</p>
 +
            <p>Handbook manufacture: all iGEM members</p>
 +
 +
 +
            <div class="random"><a id="A4" ></a></div>
 +
            <h3> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Wiki Construction</h3>
 +
            <p>Wiki creating: Jing Xiao, Weitong Zhang, Boyao Zhang, Xinran Zhao</p>
 +
            <p>Art Designer:Kening Chen, Tengteng Wang, Ruoqing Chen</p>
 +
 +
 +
            <div class="random"><a id="A5" ></a></div>
 +
            <h3> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;Acknowledgement:</h3>
 +
            <p>We would like to thank State Key Laboratory of Agricultural Microbiology, College of Life Science
 +
                and Technology, Huazhong Agricultural University, for providing material related to riboswitch.
 +
                Thanks to Professor Youming Zhang and Ph.D Ruijuan Li in his lab for offering great instruction
 +
                on gene knockout technology. Thanks for the help of College of Life Science and Technology and
 +
                College of Information in Huazhong Agricultural University. We really appreciate your support.
 +
            </p>
 +
 +
        </div>
 +
 +
    </div>
 +
</div>
 +
 +
</body>
 
</html>
 
</html>

Revision as of 04:58, 17 October 2016

Intergrated Practices


This year our project is going to strengthen the bio-pattern formation in augmented reality which means we are trying to make control of the bio-pattern by computer paths and systems. That could be applying to the printing of biology materials, the controlling of embryonic development and the regenerating of tissue and organ,however, we are seeking for chances to collaborate with related enterprises,such as Baofeng company which was a video player technology company in China to provide us the equipment we need. For during the research and observation process of our program, we are planning to bring in the monitoring function of computer in order to get a real time monitoring and adjustment of the bio-pattern which means connect the virtual world with the real cultivate, that’s the AR part of our program. We also interested in how our project will affect the society so we took part in some activities in China including a few meet-up conference and questionnaire surveys. For example:


Wet Lab

Optogenetics

Clone and construction of light-switchable circuit: Boyao Zhang, Jun Li

Data detection on TCS: Boyao Zhang, Jun Li

Motility

Clone and construction of motility-relative circuit: Zewen Ding, Wen Wang, Wenqi Huang, Wentao Yu

Figure collection of motility: Zewen Ding, Wenqi Huang, Wen Wang

Design of trial and measurement: Wenqi Huang, Zewen Ding, Wen Wang

Photograph gathering: Wenqi Huang, Zhujun Xia, Qiqi Xiong, Zewen Ding, Wen Wang

Riboswitch

Clone and construction of riboswitch circuit: Pan Chu, Boyao Zhang, Luyao Zhang, Anqi Zhou, Wenqi Huang

Quantitative data collection: Pan Chu, Anqi Zhou, Luyao Zhang

Gene knockout

Gene knockout: Boyao Zhang

            Dry lab

models

Modeling on motility dynamics: Kangjian Hua

Modeling on motility cellular model: Bochen Cheng

Modeling on genetic circuits: Bochen Cheng

Software

Software design: Kangjian Hua, Bochen Cheng

Design on video: Kangjian Hua

Hardware

Design: Zhihao Li, Yang Bai

Manufacture and welding of PCB: Zhihao Li

Download of SCM: Zhihao Li

Construction of light-switchable device: Zhihao Li, Jun Li, Kangjian Hua

Programming: Yang Bai

          Human Practice


Collaboration and communication with other teams: Xinran Zhao, Haimeng Li

Handbook manufacture: all iGEM members

              Wiki Construction

Wiki creating: Jing Xiao, Weitong Zhang, Boyao Zhang, Xinran Zhao

Art Designer:Kening Chen, Tengteng Wang, Ruoqing Chen

        Acknowledgement:

We would like to thank State Key Laboratory of Agricultural Microbiology, College of Life Science and Technology, Huazhong Agricultural University, for providing material related to riboswitch. Thanks to Professor Youming Zhang and Ph.D Ruijuan Li in his lab for offering great instruction on gene knockout technology. Thanks for the help of College of Life Science and Technology and College of Information in Huazhong Agricultural University. We really appreciate your support.