Difference between revisions of "Team:WHU-China/Human-Practices.html"

 
(11 intermediate revisions by 2 users not shown)
Line 181: Line 181:
 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 
}
 
}
p{
+
span{display:block;
 
font-family:Tahoma, Geneva, sans-serif;
 
font-family:Tahoma, Geneva, sans-serif;
 
font-size:18px;
 
font-size:18px;
Line 200: Line 200:
 
num_member=1;
 
num_member=1;
 
setTimeout("document.getElementById('hp"+num_member+"').style.display='block'",1200);
 
setTimeout("document.getElementById('hp"+num_member+"').style.display='block'",1200);
 +
                document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png";
 
}
 
}
 
window.onload=myfun;
 
window.onload=myfun;
 
function next_hp(){
 
function next_hp(){
if(num_member==7){
+
if(num_member==3){
 
alert("the last page");
 
alert("the last page");
 
return ;
 
return ;
Line 210: Line 211:
 
num_member++;
 
num_member++;
 
document.getElementById("hp"+num_member).style.display="block";
 
document.getElementById("hp"+num_member).style.display="block";
document.getElementById("pagenum").src="images/num"+num_member+".png";
+
switch(num_member)
 +
{
 +
case 1:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png";
 +
break;
 +
case 2:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/6/61/WHU-China_num2.png";
 +
break;
 +
case 3:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/4/4c/WHU-China_num3.png";
 +
break;
 +
case 4:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_num4.png";
 +
break;
 +
case 5:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/35/WHU-China_num5.png";
 +
break;
 +
case 6:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/b/bf/WHU-China_num6.png";
 +
break;
 +
case 7:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/1/1b/WHU-China_num7.png";
 +
break;
 +
case 8:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_num8.png";
 +
break;
 +
case 9:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/d/d5/WHU-China_num9.png";
 +
break;
 +
case 10:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/7/7a/WHU-China_num10.png";
 +
break;
 +
}
 
}
 
}
 
function pre_hp(){
 
function pre_hp(){
Line 220: Line 253:
 
num_member--;
 
num_member--;
 
document.getElementById("hp"+num_member).style.display="block";
 
document.getElementById("hp"+num_member).style.display="block";
document.getElementById("pagenum").src="images/num"+num_member+".png";
+
switch(num_member)
}
+
{
function route_sketch(){
+
case 1:
document.getElementById("hp"+num_member).style.display="none";
+
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png";
num_member=4;
+
break;
document.getElementById("hp4").style.display="block";
+
case 2:
document.getElementById("pagenum").src="images/num"+num_member+".png";
+
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/6/61/WHU-China_num2.png";
}
+
break;
function route_mates(){
+
case 3:
document.getElementById("hp"+num_member).style.display="none";
+
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/4/4c/WHU-China_num3.png";
num_member=6;
+
break;
document.getElementById("hp6").style.display="block";
+
case 4:
document.getElementById("pagenum").src="images/num"+num_member+".png";
+
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_num4.png";
}
+
break;
function route_hp(){
+
case 5:
document.getElementById("hp"+num_member).style.display="none";
+
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/35/WHU-China_num5.png";
num_member=1;
+
break;
document.getElementById("hp1").style.display="block";
+
case 6:
document.getElementById("pagenum").src="images/num"+num_member+".png";
+
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/b/bf/WHU-China_num6.png";
 +
break;
 +
case 7:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/1/1b/WHU-China_num7.png";
 +
break;
 +
case 8:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_num8.png";
 +
break;
 +
case 9:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/d/d5/WHU-China_num9.png";
 +
break;
 +
case 10:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/7/7a/WHU-China_num10.png";
 +
break;
 +
}
 
}
 
}
 
</script>
 
</script>
Line 254: Line 301:
 
                 <li>
 
                 <li>
 
                         <nav>
 
                         <nav>
                         <a href="#"><img src="https://static.igem.org/mediawiki/2015/9/99/WHU-China_H.png" width="100px" height="118px"/></a>
+
                         <a href="https://2015.igem.org/Team:WHU-China/Homepage.html"><img src="https://static.igem.org/mediawiki/2015/9/99/WHU-China_H.png" width="100px" height="118px"/></a>
 
                         </nav>
 
                         </nav>
 
                     </li>
 
                     </li>
 
                     <li style="margin-left:100px">
 
                     <li style="margin-left:100px">
 
                     <nav>
 
                     <nav>
                         <a href="team.html"><img src="https://static.igem.org/mediawiki/2015/1/18/WHU-China_TE1.png" onclick="fun(1)"  /></a>
+
                         <a href="https://2015.igem.org/Team:WHU-China/Team.html"><img src="https://static.igem.org/mediawiki/2015/1/18/WHU-China_TE1.png" onclick="fun(1)"  /></a>
 
                   </nav>
 
                   </nav>
 
                     </li>
 
                     </li>
 
                     <li style="position:absolute;margin-left:172px;bottom:-23px">
 
                     <li style="position:absolute;margin-left:172px;bottom:-23px">
 
                     <nav>
 
                     <nav>
                         <a href="project.html"><img src="https://static.igem.org/mediawiki/2015/9/97/WHU-China_PR1.png" onclick="fun(2)"  /></a>
+
                         <a href="https://2015.igem.org/Team:WHU-China/Project.html"><img src="https://static.igem.org/mediawiki/2015/9/97/WHU-China_PR1.png" onclick="fun(2)"  /></a>
 
                   </nav>
 
                   </nav>
 
                     </li>
 
                     </li>
 
                     <li style="position:absolute;margin-left:262px;bottom:24px">
 
                     <li style="position:absolute;margin-left:262px;bottom:24px">
 
                     <nav>
 
                     <nav>
                         <a href="parts.html"><img src="https://static.igem.org/mediawiki/2015/9/92/WHU-China_PA1.png" onclick="fun(3)" /></a>
+
                         <a href="https://2015.igem.org/Team:WHU-China/Parts.html"><img src="https://static.igem.org/mediawiki/2015/9/92/WHU-China_PA1.png" onclick="fun(3)" /></a>
 
                   </nav>
 
                   </nav>
 
                     </li>
 
                     </li>
 
                     <li style="position:absolute;margin-left:338px;bottom:37px">
 
                     <li style="position:absolute;margin-left:338px;bottom:37px">
 
                     <nav>
 
                     <nav>
                         <a href="notebook.html"><img src="https://static.igem.org/mediawiki/2015/f/f0/WHU-China_NO1.png" onclick="fun(4)" /></a>
+
                         <a href="https://2015.igem.org/Team:WHU-China/Notebook.html"><img src="https://static.igem.org/mediawiki/2015/f/f0/WHU-China_NO1.png" onclick="fun(4)" /></a>
 
                   </nav>
 
                   </nav>
 
                     </li>
 
                     </li>
 
                     <li style="position:absolute;margin-left:449px;bottom:3px">
 
                     <li style="position:absolute;margin-left:449px;bottom:3px">
 
                     <nav>
 
                     <nav>
                         <a href="humenpractice.html"><img src="https://static.igem.org/mediawiki/2015/6/63/WHU-China_HP1.png" onclick="fun(5)" /></a>
+
                         <a href="https://2015.igem.org/Team:WHU-China/Human-Practices.html"><img src="https://static.igem.org/mediawiki/2015/6/63/WHU-China_HP1.png" onclick="fun(5)" /></a>
 
                   </nav>
 
                   </nav>
 
                     </li>
 
                     </li>
 
                     <li style="position:absolute;margin-left:540px;bottom:-22px">
 
                     <li style="position:absolute;margin-left:540px;bottom:-22px">
 
                     <nav>
 
                     <nav>
                         <a href="modeling.html"><img src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_MO1.png" /></a>
+
                         <a href="https://2015.igem.org/Team:WHU-China/Modeling.html"><img src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_MO1.png" /></a>
 
                   </nav>
 
                   </nav>
 
                     </li>
 
                     </li>
Line 293: Line 340:
 
         <div class="middle-left">
 
         <div class="middle-left">
 
         <img src="https://static.igem.org/mediawiki/2015/2/20/WHU-China_3.png" />
 
         <img src="https://static.igem.org/mediawiki/2015/2/20/WHU-China_3.png" />
             <img src="images/10.png" id="whu-logo"/>
+
             <img src="https://static.igem.org/mediawiki/2015/3/34/WHU-China_10.png" id="whu-logo"/>
 
             <div class="secmenu" id="sec">
 
             <div class="secmenu" id="sec">
 
                 <ul id="tit1">
 
                 <ul id="tit1">
Line 332: Line 379:
 
         <img src="https://static.igem.org/mediawiki/2015/7/7c/WHU-China_1.png" id="bg" />
 
         <img src="https://static.igem.org/mediawiki/2015/7/7c/WHU-China_1.png" id="bg" />
 
         <img src="https://static.igem.org/mediawiki/2015/f/f7/WHU-China_5.png" id="board" usemap="#planetmap" />
 
         <img src="https://static.igem.org/mediawiki/2015/f/f7/WHU-China_5.png" id="board" usemap="#planetmap" />
         <img src="images/num1.png" id="pagenum" />
+
         <img src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png" id="pagenum" />
 
         <map name="planetmap" id="planetmap">
 
         <map name="planetmap" id="planetmap">
 
         <!-- next page -->
 
         <!-- next page -->
Line 381: Line 428:
 
         In summer, to enhance the communication between iGEM teams and share the experience of preparation, Wuhan University held the ‘ mid-china iGEM seminar’, with Huazhong University of Science and Technology and Huazhong Agricultural University.
 
         In summer, to enhance the communication between iGEM teams and share the experience of preparation, Wuhan University held the ‘ mid-china iGEM seminar’, with Huazhong University of Science and Technology and Huazhong Agricultural University.
 
     </div>
 
     </div>
     <img src="human_practice_image/1.jpg" class = "img" width="50%">
+
     <img src="https://static.igem.org/mediawiki/2015/a/ac/WHU-China_2_1.jpg" class = "img" width="50%">
 
     <div class="para1">1. Time and space <br>
 
     <div class="para1">1. Time and space <br>
 
             <div class="para1_con">On July 29.2015;  in the College of Life science , Wuhan University.</div>
 
             <div class="para1_con">On July 29.2015;  in the College of Life science , Wuhan University.</div>
Line 456: Line 503:
  
 
<div class= "main_content_2" id="hp2" style="display:none">                           
 
<div class= "main_content_2" id="hp2" style="display:none">                           
<img src="human_practice_image/2.jpg" width="50%">
+
<img src="https://static.igem.org/mediawiki/2015/0/0f/WHU-China_2_2.jpg" width="50%">
<img src="human_practice_image/3.jpg" width="50%" style="margin-top:35%">
+
<img src="https://static.igem.org/mediawiki/2015/a/a2/WHU-China_2_3.jpg" width="50%" style="margin-top:35%">
<img src="human_practice_image/4.jpg" width="50%" style="margin-top:70%">
+
<img src="https://static.igem.org/mediawiki/2015/d/dd/WHU-China_2_4.jpg" width="50%" style="margin-top:70%">
 
</div>
 
</div>
 
<style type="text/css">
 
<style type="text/css">
Line 464: Line 511:
 
border:2px solid black;
 
border:2px solid black;
 
}
 
}
.txt p{
+
.txt span{
 
margin-left:55%;
 
margin-left:55%;
 
}
 
}
.txt img{
+
 
margin-top:3%;
+
}
+
 
</style>
 
</style>
  
Line 475: Line 520:
 
     <h2>3. Discussion</h2>
 
     <h2>3. Discussion</h2>
 
     <div class="txt">
 
     <div class="txt">
         <img src="human_practice_image/5.jpg" width="30%" />
+
         <img src="https://static.igem.org/mediawiki/2015/d/d0/WHU-China_2_5.jpg" width="30%" />
         <p>During the discussion, we first shared our difficulties in the experiment and the solutions, such as the efficiency of transformation, activity of the enzymes. Then we came up with an idea that we could build a platform, where we communicate the up to date findings of synthesis biology, which can give us some clues of the match. Every team leader will take the responsibility to manage the platform in turn. And we can share some efficient technology and agentia for the success of experiments
+
         <span>During the discussion, we first shared our difficulties in the experiment and the solutions, such as the efficiency of transformation, activity of the enzymes. Then we came up with an idea that we could build a platform, where we communicate the up to date findings of synthesis biology, which can give us some clues of the match. Every team leader will take the responsibility to manage the platform in turn. And we can share some efficient technology and agentia for the success of experiments
         </p>
+
         </span>
 
         </div>
 
         </div>
 
         <div class="txt">
 
         <div class="txt">
         <img src="human_practice_image/6.jpg" width="30%" />
+
         <img src="https://static.igem.org/mediawiki/2015/f/fb/WHU-China_2_6.jpg" width="30%" />
         <p>
+
         <span>
 
       Secondly, we communicated about the HP. How to find a feasible theme, how to carry out, how to promote the cooperation with other teams, how to present the HP and so on. Every team shared their own methods. For example, the HUST said they cooperated with other colleges and combined it with social work.  
 
       Secondly, we communicated about the HP. How to find a feasible theme, how to carry out, how to promote the cooperation with other teams, how to present the HP and so on. Every team shared their own methods. For example, the HUST said they cooperated with other colleges and combined it with social work.  
 
         Besides, we talked about the digifax. We exchanged our ideas of how to build the model, how to analyze the data, how to distribute the staff.  
 
         Besides, we talked about the digifax. We exchanged our ideas of how to build the model, how to analyze the data, how to distribute the staff.  
         </p>
+
         </span>
 
         </div>
 
         </div>
 
         <div class="txt">
 
         <div class="txt">
         <img src="human_practice_image/7.jpg" width="30%" />
+
         <img src="https://static.igem.org/mediawiki/2015/0/0b/WHU-China_2_7.jpg" width="30%" />
         <p>
+
         <span style="margin-bottom:3%">
 
         Finally, we discussed the build of our teams. The management, the scale, the structure of age, the responsibility distribution are all our concerns, which could give a great reference to the next team.
 
         Finally, we discussed the build of our teams. The management, the scale, the structure of age, the responsibility distribution are all our concerns, which could give a great reference to the next team.
 
         According to this seminar, we gained lots of precious experience, and we held the belief that we were not rivals, but partners. With the help of each other, we could sail more smooth and further in the waved sea of iGEM!  
 
         According to this seminar, we gained lots of precious experience, and we held the belief that we were not rivals, but partners. With the help of each other, we could sail more smooth and further in the waved sea of iGEM!  
</p>
+
</span>
 
         </div>
 
         </div>
  
 
</div>
 
</div>
<div class="editarea" id="hp4">
+
 
            <h2>Sketch in dishes</h2>
+
        
                <div class="member">
+
              
            <div class= "main_content_5">
+
                        <b>Preparation: </b>
+
                        <div class = "txt">
+
                        <img src="human_practice_image/16.jpg" class="img_left" width="20%" style="margin-top:5%">
+
                        <p>1. “Colors” : GFP and RFP gene under the control of strong promoter and strong RBS on vector pSB1C3 are transformed into E. Coli separately. E.coli expressing GFP and RFP are cultured in Lysogeny-Broth medium.</p>
+
                        <p>2. “Drawing Papers” : Disposable dishes are sterilized in an autoclave. Lysogeny-Broth medium ( solid ) with chloramphenicol is used to culture E. Coli after painting.</p>
+
                        <p>3. “Brushes” : Toothpicks are packed in groups of ten and sterilized in an autoclave.</p>
+
</div>
+
                        <div class = "title"><b>Sketch in Dish:</b></div>
+
                        <div class="txt">
+
                            <p style="margin-left:0">1. We tried to attract people to come by hanging out posters, sending invitations to primary schools nearby and etc.</p></div>
+
                        <div class = "txt"><p style="margin-left:10%">2. We taught kids and their parents how to draw a sketch: </p>
+
                        <img src="human_practice_image/11.jpg" class="img_left" width="20%">
+
                        <p style="margin-top:10%;margin-bottom:10%">First, draw a sketch on a small piece of paper with pencils and stick it on the back of a dish; </p>
+
                        <img src="human_practice_image/17.jpg" class="img_left" width="20%">
+
                        <p style="margin-top:20%;margin-bottom:10%">Second, lit an alcohol burner and clean their hands with 75% alcohol we provided; </p>
+
<img src="human_practice_image/18.jpg" class="img_left" width="20%">
+
                        <p style="margin-top:20%">Third, pick out a toothpick near the alcohol burner, wet the toothpick with bacterium liquid and carefully copy your sketch to the dish ( patterns could be seen through the transparent dish ); </p>
+
                        <img src="human_practice_image/19.jpg" class="img_left" width="20%">
+
                        <p style="margin-top:10%;margin-bottom:13%">Forth, pick out another toothpick, select the other color if you like and repeat the last step.</p>
+
                        </div>
+
                    </div>
+
                </div>
+
               
+
            </div>
+
         <div class="editarea" id="hp5">
+
          <h2>Sketch in dishes</h2>
+
                <div class="member">
+
                <div class="txt">
+
                    <img src="human_practice_image/21.jpg" width="20%" style="margin-top:2%" />
+
                    <p style="margin-top:10%;margin-bottom:10%">3.We talked with them on topics like microorganisms in our daily life and the development of synthetic biology. Moreover, we encouraged them to know more about iGEM online. </p>
+
                    </div>
+
                    <div class="txt">
+
                    <img src="human_practice_image/20.jpg" width="20%" style="margin-top:4%" />
+
                    <p style="margin-top:10%;margin-bottom:10%">4. All participants were informed to check their email several days later for photos of their sketch. Some participants even paid a visit to have a look at their dishes themselves. In this way, some of them were even shown how our lab works run.</p>
+
                    </div>
+
                    <b>See in Next Year:</b>
+
                    <div class="txt">
+
                    <img src="human_practice_image/22.jpg" width="20%" style="margin-top:1%;" />
+
                    <img src="human_practice_image/23.jpg" width="20%" style="margin-top:16%" />
+
                    <p style="margin-top:10%;margin-bottom:11%">A lecture on some knowledge behind Sketch in Dish was held in the Community Activity Center several days later. At the beginning, we played some video clips to show them the beauty of life and attract them. Then, some principles of our experiments and sketch in dish were explained to those kids for a deeper understanding. To estimate how much they learnt, we asked some questions based on the lecture above. Lastly, we warmly welcomed them to participate in our activities ( human practices ) next year.</p>
+
                    </div>
+
                </div>
+
            </div><div class="editarea" id="hp6">
+
          <h2>Smile Mates</h2>
+
                <div class="member">
+
                <div class="txt">
+
                    <p style="margin:0">One part of our experimental program is about the controlling of dental caries. By investigating, we found this disease usually trouble people around world, especially in China. Chinese people are not used to see the dentists since many people do not intended to spend much time caring about their teeth. Actually, this time we try to find a way to control or even care the dental caries, we still want people to learn something about preventing themselves from the disease. Therefore, we organized the human practice to raise public awareness on keeping good teeth.</p>
+
                    </div>
+
                    <div class="txt">
+
                    <img src="human_practice_image/8.jpg" width="30%" style="margin-top:1%" />
+
                    <p style="margin-top:5%;margin-bottom:11%">In practice, we invited two graduate students in College of Stomatology who have the Practicing Doctors Certificate to do examination of oral cavity of participants in our university.</p>
+
                    </div>
+
                    <div class="txt">
+
                    <img src="human_practice_image/9.jpg" width="30%" style="margin-top:1%"/>
+
                    <p style="margin-top:15%;margin-bottom:15%">Students doing the examination.</p>
+
                   
+
                    </div>
+
                    <div class="txt">
+
                    <p style="margin-left:0">Firstly, we encouraged everyone to be interested in our practice to fill a form about their daily habits such as the time they cost on each teeth brushing, the frequency they brush teeth in one day, and whether they have tried some assistant methods such as mouth wash to keep oral hygiene. After finishing the questionnaire they could accept the examination for free, and the dentists would curtly told them their teeth condition and the knowledge about prevention of dental caries. During their waiting time, we also answered various questions they asked. </p>
+
<p style="margin-left:0">After that, we took photos of their happy faces with showing their teeth and invited them to do the Lucky Draw, we prepared lots of prizes relevant to teeth health, from toothbrush to mouthwash, most people were accompanied with satisfaction, happiness and also the prizes. At the same time, we distributed the leaflets which contain the introduction of iGEM and our team, also basic information about dental caries. </p>
+
<p style="margin-left:0">This practice lasted for nearly three hours and about fifty people joined us. Most of them were students. We also met with a 5-year-old girl, some faculties and dustmen above 40 years old. So we achieved our goal which is raising public consciousness about dental caries prevention.</p>
+
                   
+
                    </div>
+
                </div>
+
            </div>
+
            <div class="editarea" id="hp7">
+
          <h2>Smile Mates</h2>
+
                <div class="member">
+
                <div class="txt">
+
                    <img src="human_practice_image/24.jpg" width="25%" style="margin-top:1%" />
+
                        <p style="margin-top:15%;margin-bottom:20%">
+
                        All of the organizer and dentists
+
                        </p>
+
                    </div>
+
                    <div class="txt">
+
                        <p style="margin-left:0">
+
                        We not only devote to research the cure of dental caries just in library, during the practice, we got the data about people troubled by the teeth disease. We believe the activity do help the participants to prevent dental caries, and individuals who just asked questions to us then took leaflets may also have the basic knowledge about the disease. Considering normal people’s attitude about dental health, we will try our best to make our program more meaningful and practicable.
+
                        </p>
+
                        <div class="txt">
+
                        <style>
+
.txt table tr th{
+
background-repeat:no-repeat;
+
}
+
</style>
+
                        <center>
+
                        <table width="600px" height="300px" style="margin:0">
+
                        <tr>
+
                            <th background="human_practice_image/25.jpg"></th>
+
                            <th background="human_practice_image/26.jpg"></th>
+
                            <th background="human_practice_image/27.jpg"></th>
+
                            <th background="human_practice_image/28.jpg"></th>
+
                        </tr>
+
                        <tr>
+
                            <th background="human_practice_image/29.jpg"></th>
+
                            <th background="human_practice_image/30.jpg"></th>
+
                            <th background="human_practice_image/31.jpg"></th>
+
                            <th background="human_practice_image/32.jpg"></th>
+
                        </th>
+
                        </table>
+
                        </tr>
+
                        <center><p style="margin-left:0">(Those are our participants smiled with happy faces)</p></center>
+
                        </div>
+
                    </div>
+
                </div>
+
             </div>
+
 
         </div>
 
         </div>
 
         </div>
 
         </div>

Latest revision as of 15:01, 10 September 2015

圆形 圆形 />