Difference between revisions of "Team:TAS Taipei/human practice/overview"

Line 1: Line 1:
<html>
 
  
<head>
+
<html>
<title>Human Practice - TAS Taipei iGEM Wiki</title>
+
 
<link rel="shortcut icon" href="https://static.igem.org/mediawiki/2014hs/2/2f/Tas_igemlogo.png">
+
<head>
 +
<title>Human Practice - TAS Taipei iGEM Wiki</title>
 +
<link rel="shortcut icon" href="https://static.igem.org/mediawiki/2014hs/2/2f/Tas_igemlogo.png">
 
<link rel="stylesheet" href="https://2015.igem.org/Template:TAS_Taipei/css/compiled.css?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2015.igem.org/Template:TAS_Taipei/css/compiled.css?action=raw&ctype=text/css">
<!--<link rel="stylesheet/less" type='css/less' href="./igem_server_reset.less">
 
<!--<link rel="stylesheet/less" type='css/less' href="https://2015.igem.org/Template:TAS_Taipei/css/igem_server_reset.less?action=raw&ctype=text/css">-->
 
  
 
<link rel="stylesheet" href="https://2015.igem.org/Template:TAS_Taipei/css/bootstrap.min.css?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2015.igem.org/Template:TAS_Taipei/css/bootstrap.min.css?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2015.igem.org/Template:TAS_Taipei/css/todc-bootstrap.min.css?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2015.igem.org/Template:TAS_Taipei/css/todc-bootstrap.min.css?action=raw&ctype=text/css">
  
 
<!--<link rel="stylesheet/less" type='css/less' href="./style.less">
 
<link rel="stylesheet/less" type='css/less' href="./homepage.less"> <!--
 
<link rel="stylesheet/less" type='css/less' href="https://2015.igem.org/Team:TAS_Taipei/css/style.less?action=raw&ctype=text/css">
 
<link rel="stylesheet/less" type='css/less' href="https://2015.igem.org/Team:TAS_Taipei/css/homepage.less?action=raw&ctype=text/css">-->
 
 
<script>localStorage.clear();</script>
 
<script>localStorage.clear();</script>
 
<script src="https://2015.igem.org/Template:TAS_Taipei/js/jquery.min.js?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Template:TAS_Taipei/js/jquery.min.js?action=raw&ctype=text/javascript"></script>
Line 21: Line 15:
 
<script src="https://2015.igem.org/Template:TAS_Taipei/js/jquery.slides.min.js?action=raw&ctype=text/css"></script>
 
<script src="https://2015.igem.org/Template:TAS_Taipei/js/jquery.slides.min.js?action=raw&ctype=text/css"></script>
 
<script src='https://2015.igem.org/Template:TAS_Taipei/js/libs.min.js?action=raw&ctype=text/css'></script>
 
<script src='https://2015.igem.org/Template:TAS_Taipei/js/libs.min.js?action=raw&ctype=text/css'></script>
 
+
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  
Line 28: Line 22:
 
//if(document.domain === "2014hs.igem.org")
 
//if(document.domain === "2014hs.igem.org")
 
// setTimeout(function() {
 
// setTimeout(function() {
$("style:eq(0)").remove();
+
$("style:eq(0)").remove();
 
// }, 500);
 
// }, 500);
});
+
});
 
</script>
 
</script>
<link href='http://fonts.googleapis.com/css?family=Sansita+One' rel='stylesheet' type='text/css'>
+
<link href='http://fonts.googleapis.com/css?family=Sansita+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
</head>
+
</head>
  
  
<body  data-spy="scroll" data-target="#category_navbar" style = "text-align:center">
+
<body  data-spy="scroll" data-target="#category_navbar" style = "text-align:center">
  
<div class="container" style='z-index:10;position:relative;'>
+
<div class="container" style='z-index:10;position:relative;'>
<div class="row center-block" style = "text-align: left;">
+
<div class="row center-block" style = "text-align: left;">
 
<nav style='backgroundColor:#2196f3;-webkit-transform: translateZ(0);z-index: 100;position: fixed;box-shadow: 0px 0px 10px black;'>
 
<nav style='backgroundColor:#2196f3;-webkit-transform: translateZ(0);z-index: 100;position: fixed;box-shadow: 0px 0px 10px black;'>
 
<ul>
 
<ul>
 
<li class="dropdown">
 
<li class="dropdown">
<a href="https://2015.igem.org/Team:TAS_Taipei/project/overview"><h4 class="dropdown-toggle disabled" data-toggle="dropdown">PROJECT</h4></a>
+
<a href="https://2015.igem.org/Team:TAS_Taipei/project"><h4 class="dropdown-toggle disabled" data-toggle="dropdown">PROJECT</h4></a>
 
<div class="dropdown-menu">
 
<div class="dropdown-menu">
 
<div style='height:100px;'>
 
<div style='height:100px;'>
 
<img src="https://static.igem.org/mediawiki/2015/5/5b/Tas_icon_project.png">
 
<img src="https://static.igem.org/mediawiki/2015/5/5b/Tas_icon_project.png">
<h4>Granzyme B - a blessing and a curse. We want to make it better with careful and selective inhibition.</h4>
+
<h4><b>Granzyme B</b> - a blessing and a curse. It's crucial for controlling cancer, but it causes damage when out of cellular space. Let's find the best of both worlds with <b>selective GzmB Inhibition.</b></h4>
 
</div>
 
</div>
 
<div class='subcategories_container'>
 
<div class='subcategories_container'>
Line 55: Line 49:
 
</div>
 
</div>
 
<div>
 
<div>
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/project/telomere_extension">Telomere Extension</a></h5></div>
+
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/project/telomere_extension">Granzyme Inhibitor Construct</a></h5></div>
 
 
 
<div>
 
<div>
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/project/circuit_regulation">Circuit Regulation</a></h5>
+
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/project/circuit_regulation">Prototype Work</a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
 
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/project/safety_switch">Safety Switch</a></h5>
 
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/project/safety_switch">Safety Switch</a></h5>
</div>
 
<div>
 
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/project/parts_submissions">Parts Submissions</a></h5>
 
 
</div>
 
</div>
 
</div>
 
</div>
Line 70: Line 61:
 
</li>
 
</li>
 
<li class="dropdown">
 
<li class="dropdown">
<a href="https://2015.igem.org/Team:TAS_Taipei/modeling/overview"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">MODELING</h4></a>
+
<a href="https://2015.igem.org/Team:TAS_Taipei/modeling"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">MODELING</h4></a>
 
<div class="dropdown-menu">
 
<div class="dropdown-menu">
 
<div style='height:100px;'>
 
<div style='height:100px;'>
 
<img src="https://static.igem.org/mediawiki/2015/b/b5/Icon_modeling.png">
 
<img src="https://static.igem.org/mediawiki/2015/b/b5/Icon_modeling.png">
<h4>Computational biology is becoming more reliable as a predictor of experimental data. Click to see how modeling helped us decide what experimental steps to take.</h4>
+
<h4>The power of <b>Math and Computation</b> provides us with valuable models and information. Find out how.</h4>
 
</div>
 
</div>
 
<div class='subcategories_container'>
 
<div class='subcategories_container'>
 
<div>
 
<div>
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/modeling#telomere_extension">Telomere Extension</a></h5>
+
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/modeling#inhibVsGzmb">Inhibitor vs. GzmB Activity</a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/modeling#circuit_regulation">Circuit Regulation</a></h5>
+
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/modeling#gzmbVsCell">GzmB Concentration vs. Cell Viability</a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/modeling#safety_switch">Safety Switch</a></h5>
+
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/modeling#safetySwitch">Safety Switch</a></h5>
 
</div>
 
</div>
 
</div>
 
</div>
Line 90: Line 81:
 
</li>
 
</li>
 
<li class="dropdown">
 
<li class="dropdown">
<a href="https://2015.igem.org/Team:TAS_Taipei/human_practice/overview"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">HUMAN PRACTICE</h4></a>
+
<a href="https://2015.igem.org/Team:TAS_Taipei/human_practice"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">HUMAN PRACTICE</h4></a>
 
<div class="dropdown-menu">
 
<div class="dropdown-menu">
 
<div style='height:100px;'>
 
<div style='height:100px;'>
 
<img src="https://static.igem.org/mediawiki/2015/0/0f/Tas_icon_hp.png">
 
<img src="https://static.igem.org/mediawiki/2015/0/0f/Tas_icon_hp.png">
<h4>Take a look at the research and outreach that shaped our entire E.Mortality project.</h4>
+
<h4>We want to develop <b>socially concious solutions</b> - one that can be provided to all that need aid. Find out how we tackled <b>social aspects</b> of this project.</h4>
 
</div>
 
</div>
 
<div class='subcategories_container'>
 
<div class='subcategories_container'>
 
<div>
 
<div>
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/human_practice#research">Research</a></h5>
+
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/human_practice#proReach">Professional Outreach</a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/human_practice#entertainment">Entertainment</a></h5>
+
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/human_practice#outreach">Public Outreach</a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/human_practice#outreach">Outreach</a></h5>
+
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/human_practice#ethics">Ethics Panel</a></h5>
 +
</div>
 +
<div>
 +
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/human_practice#conference">Conference</a></h5>
 
</div>
 
</div>
 
</div>
 
</div>
Line 110: Line 104:
 
</li>
 
</li>
 
<li class="dropdown">
 
<li class="dropdown">
<a href="https://2015.igem.org/Team:TAS_Taipei/safety"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">SAFETY</h4></a>
+
<a href="https://2015.igem.org/Team:TAS_Taipei/safety"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">BIOSAFETY</h4></a>
 
<div class="dropdown-menu">
 
<div class="dropdown-menu">
 
<div style='height:100px;'>
 
<div style='height:100px;'>
 
<img src="https://static.igem.org/mediawiki/2015/9/91/Tas_icon_safety.png">
 
<img src="https://static.igem.org/mediawiki/2015/9/91/Tas_icon_safety.png">
<h4>Lab safety is of utmost importance. Here are the precautions we've taken to maximize our lab safety.</h4>
+
<h4><b>Safety first.</b> Especially in a lab. Here's how we maintained and investigated the integrity and security of our work environment.</h4>
 
</div>
 
</div>
 
</div>
 
</div>
Line 123: Line 117:
 
<div style='height:100px;'>
 
<div style='height:100px;'>
 
<img src="https://static.igem.org/mediawiki/2015/3/34/Tas_icon_team.png">
 
<img src="https://static.igem.org/mediawiki/2015/3/34/Tas_icon_team.png">
<h4>Want to know more about us?  Sneak-a-peek and read about our interests and learn about where we are from.</h4>
+
<h4>Behind every tough iGem project lies a tough, hard-working yet cheerful group of students. <b>Meet the team!</b></h4>
 
</div>
 
</div>
 
<div class='subcategories_container'>
 
<div class='subcategories_container'>
Line 143: Line 137:
 
<div style='height:100px;'>
 
<div style='height:100px;'>
 
<img src="https://static.igem.org/mediawiki/2015/f/fe/Tas_icon_notebook.png">
 
<img src="https://static.igem.org/mediawiki/2015/f/fe/Tas_icon_notebook.png">
<h4>Organization is key. Our calendar and wet-lab notebook are located here.</h4>
+
<h4>Experience is knowledge. We keep track of our progress.</h4>
 
</div>
 
</div>
 
<div class='subcategories_container'>
 
<div class='subcategories_container'>
Line 151: Line 145:
 
<div>
 
<div>
 
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/notebook#calendar">Calendar</a></h5>
 
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/notebook#calendar">Calendar</a></h5>
 +
</div>
 +
<div>
 +
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/project/parts_submissions">Parts Submissions</a></h5>
 +
</div>
 +
<div>
 +
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/project/parts_submissions">Medal Requirements</a></h5>
 
</div>
 
</div>
 
</div>
 
</div>
Line 158: Line 158:
 
</nav>
 
</nav>
 
</div>
 
</div>
<br>
 
 
<br>
 
<br>
 
<br>
 
<br>
Line 164: Line 163:
 
<div class="row center-block" style = "padding:10px;width:960px;background-color:#FFC107;box-shadow:0px 0px 5px black">
 
<div class="row center-block" style = "padding:10px;width:960px;background-color:#FFC107;box-shadow:0px 0px 5px black">
 
<div class="row" style = "text-align:center;">
 
<div class="row" style = "text-align:center;">
<div class="col-lg-3">
+
<div class="col-lg-2">
 
<a href="https://2015.igem.org/Team:TAS_Taipei" style='text-decoration: none'><img src="https://static.igem.org/mediawiki/2015/2/2f/Tas_igemlogo.png
 
<a href="https://2015.igem.org/Team:TAS_Taipei" style='text-decoration: none'><img src="https://static.igem.org/mediawiki/2015/2/2f/Tas_igemlogo.png
 
" alt="" style="width: 100px;"></a>
 
" alt="" style="width: 100px;"></a>
 
</div>
 
</div>
<div class="col-lg-6" style='text-align:center;'>
+
<div class="col-lg-8" style='text-align:center;'>
 
<a href="https://2015.igem.org/Team:TAS_Taipei" style='text-decoration: none;'>
 
<a href="https://2015.igem.org/Team:TAS_Taipei" style='text-decoration: none;'>
 
<h2 style="font-family:'Lato';letter-spacing:10px;color: white; font-size: 60px;  margin-top: 0;  margin-bottom: 0;"><b>
 
<h2 style="font-family:'Lato';letter-spacing:10px;color: white; font-size: 60px;  margin-top: 0;  margin-bottom: 0;"><b>
<img style = "height:70px;vertical-align:top" src = "https://static.igem.org/mediawiki/2015/5/5b/Tas_icon_project.png">ranzyme B</b></h2>
+
<img style = "height:64px;vertical-align:top" src = "https://static.igem.org/mediawiki/2015/5/5b/Tas_icon_project.png">RANZYME B</b></h2>
 
</a>
 
</a>
 
</div>
 
</div>
<div class="col-lg-3">
+
<div class="col-lg-2">
 
<a href="https://igem.org/HS"><img src="https://static.igem.org/mediawiki/2015/e/eb/Tas_igemlogo2.png" alt="" style="width: 100px;"></a>
 
<a href="https://igem.org/HS"><img src="https://static.igem.org/mediawiki/2015/e/eb/Tas_igemlogo2.png" alt="" style="width: 100px;"></a>
 
</div>
 
</div>
 
</div>
 
</div>
</div><br>
+
</div> <br>
<div id='bodycontainer' class='row card'>
+
<div id='bodycontainer' class='row card'>
<div class="col-lg-2" style='padding-right:0;'>
+
<div class="col-lg-3" style='padding-right:0;'>
<div id="category_navbar">
+
<div id="category_navbar">
<ul class="nav nav-list" data-spy="affix" data-offset-top="150" style='-webkit-transform: translateZ(0);' >
+
<ul class="nav nav-list" data-spy="affix" data-offset-top="150" style='-webkit-transform: translateZ(0);' >
<li><a href="#research">[TEMP]</a></li>
+
<li><a href="#proReach">Professional Outreach</a></li>
<ul>
+
<ul>
<li><a href="#senior_interviews">Sample</a></li>
+
<li><a href="#schon">Schondlemeier</a></li>
<li><a href="#yolo_survey">Sample</a></li>
+
<li><a href="#carter">Dr. Carter</a></li>
<li><a href="#guest_lectures">Sample</a></li>
+
<ul>
<li><a href="#collaborations">Sample</a></li>
+
<li><a href="#carter_transcript">Transcript</a></li>
<li><a href="#cancer_specialist_interview">Sample</a></li>
+
<li><a href="#carter_keyPoints">Key Points</a></li>
<li><a href="#ethics_panel">Sample</a></li>
+
</ul>
</ul>    
+
</ul>
<li><a href="#outreach">Outreach</a></li>
+
<li><a href="#outreach">Public Outreach</a></li>
<ul>
+
<ul>
<li><a href="#public_awareness">Public Awareness</a></li>
+
<li><a href="#spring">Spring Fair</a></li>
<li><a href="#syn_bio_education">Syn Bio Education</a></li>
+
<li><a href="#newsletter">Newsletter</a></li>
<li><a href="#research_symposium">Research Symposium</a></li>
+
<li><a href="#survey">Survey</a></li>
<li><a href="#school_fairs">School Fairs</a></li>
+
</ul>
<li><a href="#media">Media Outlets</a></li>
+
<li><a href="#ethics">Ethics Panel</a></li>
<li><a href="#igem_hs_meetup">iGEM HS Meetup</a></li>
+
<ul>
</ul>    
+
<li><a href="#ethics_transcript">Transcript</a></li>
<li><a href="#entertainment">Entertainment</a></li>
+
<li><a href="#ethics_keyPoints">Key Points</a></li>
<ul>
+
</ul>    
<li><a href="#music_video">Music Video</a></li>
+
<li><a href="#conference">Conference</a></li>
<li><a href="#2048_igem">iGEM</a></li>
+
</ul>
<li><a href="#montage_video">Montage</a></li>
+
</div>
<li><a href="#igem_poem">Poem</a></li>
+
</div>
</ul>
+
</ul>
+
</div>
+
  
 +
<div class="col-lg-9">
 +
<div class="row">
 +
<div class="col-lg-12">
 +
<h1>Human Practice</h1>
 +
<p>Science is not complete without considering its ethical and social ramifications, as well as relaying its intricacies and promoting it to the general public.</p>
 +
</div>
 +
</div>
 +
<div class="row" id='proReach'>
 +
<div class="col-lg-12">
 +
<h2>Professional Outreach</h2>
 +
<p>Reaching out to professionals</p>
 +
</div>
 +
</div>
  
</div>
+
<div class="row" id='schon'>
 +
<div class="col-lg-12">
 +
<h3>Schondlemeier</h3>
 +
</div>
 +
</div>
  
<div class="col-lg-9">
+
<div class="row" id='carter'>
<div class="row">
+
<div class="col-lg-12">
<div class="col-lg-12">
+
<h3>Dr. Sarah Carter</h3>
<h1>Human Practice</h1>
+
<p>Science is not complete without considering its ethical and social ramifications, as well as relaying its intricacies and promoting it to the general public.</p>
+
</div>
+
</div>
+
<div class="row" id='research'>
+
<div class="col-lg-12">
+
<h1>Research</h1>
+
<p>This first component of human practice focuses on collecting opinions from experts in the field and from all age groups in the public on the topics surrounding our project such as immortality, science, synthetic biology, and life. Whether it is through collaboration with other iGEM teams, surveys, interviews, or panel debates, we reached out to a wide variety of people from all walks of life.</p>
+
</div>
+
</div>
+
<span style="display:block; height: 25px;"></span>
+
<span style="display:block; height: 25px;"></span>
+
<div class="row" id='collaborations'>
+
<div class="col-lg-7">
+
<h4>Collaboration</h4>
+
<p>Science is foremost and should be a collaborative and communicative affair. We formed a friendship with the National Taiwan University and National Yang Ming University iGEM teams through presenting our projects to one another, receiving constructive feedback, and inspiring one another.</p>
+
</div>
+
</div>
+
+
<span style="display:block; height: 25px;"></span>
+
<div class="row" id='cancer_specialist_interview'>
+
<div class="col-lg-7">
+
<h4>Interviewing A Cancer Specialist</h4>
+
<p>We reached out to a professional radiation oncologist, Dr. Yen, who is working at Cathay General Hospital, to discuss the impact and practicality of our project in her field. Through a thoughtful conversation, we learned about the process of how cancer drugs get approved and implemented, and what our project means for society in the future.</p>
+
</div>
+
</div>
+
<span style="display:block; height: 25px;"></span>
+
<div class="row" id='ethics_panel'>
+
<div class="col-lg-7">
+
<h4>Ethics Panel</h4>
+
<p>In order to collect opinions from multiple angles in a collaborative environment on the ethical issues, we invited professionals from varying fields in Science, History, Math, and English. It was an hour-long, heated, debate and discussion on topics such as the impact of immortality on society, the state of modern science, and whether or not longevity is desired. It was an open event attended by many students, teachers, and administrators, who also had the opportunity to ask questions of their own.</p>
+
</div>
+
</div>
+
<span style="border-bottom:solid #000000; display:block; height: 50px;"></span>
+
<span style="display:block; height: 25px;"></span>
+
<p>&ldquo;Do I want to die from natural causes... or do I want to witness the heat death of the universe and watch my cells fall apart as entropy just takes over everything?&rdquo;</p>
+
<div class="text-center">
+
<p>&#151; Dr. Allan Bayntun</p>
+
</div>
+
<span style="border-top:solid #000000; display:block; height: 50px;"></span>
+
<div class="row" id='outreach'>
+
<div class="col-lg-12">
+
<h1>Outreach</h1>
+
<p>Overview: A crucial aspect of human practice is reaching out to the community, at school, in the local neighborhood, throughout the country, and beyond. This section deals with our efforts in promoting synthetic biology, iGEM, our project, both in and outside of school. This was achieved through teaching kids of various ages, handing out fliers during an exploration of the city, fun activities, and a plethora of media outlets for publicity.</p>
+
</div>
+
</div>
+
<span style="display:block; height: 25px;"></span>
+
<div class="row" id='public_awareness'>
+
<div class="col-lg-4">
+
<h4>Public Awareness</h4>
+
<p>To promote our project to the Taipei city public and to showcase our cultural heritage to the world through the introduction of famous destinations in Taipei, we travelled throughout the city, passing out fliers to people and explaining our project to them. It turned out to be a great success, and a lot of fun. Check out our video!</p>
+
</div>
+
</div>
+
<span style="display:block; height: 25px;"></span>
+
<div class="row" id='syn_bio_education'>
+
<div class="col-lg-7">
+
<h4>Synthetic Biology Education</h4>
+
<p>We organized classes for kids from 8th Grade, 5th grade, and Kindergarten to spark their interest in science. We introduced them to topics such as DNA, synthetic biology, and our project. Also, we showed them around our lab and taught them lab skills such as pipetting and loading gels. To spice things up, there was a competition to see who could make the coolest design with colored water using pipettes. For kindergarteners, we performed various skits and taught them basic knowledge on bacteria and the importance of washing hands.</p>
+
</div>
+
</div>
+
<div class="row">
+
<div class="col-lg-6">
+
<img src="https://static.igem.org/mediawiki/2014hs/9/97/Teach3.JPG" width="428" height="230" alt="">
+
</div>
+
+
<div class="col-lg-6">
+
<img src="https://static.igem.org/mediawiki/2014hs/c/c2/Teach4.JPG" width="428" height="230" alt="">
+
</div>
+
</div>
+
+
<span style="display:block; height: 50px;"></span>
+
<div class="row" id='research_symposium'>
+
<div class="col-lg-7">
+
<h4>Research Symposium</h4>
+
<p>We hosted a science symposium and fair every semester of school to showcase our research results and findings to the TAS community and to gain experience in presenting to audiences. These presentations spread excitement and knowledge of iGEM and our project. It was a fun and interesting experience to have all sorts of different booths filled with passionate discoveries.</p>
+
</div>
+
<div class="col-lg-5">
+
<img src="https://static.igem.org/mediawiki/2014hs/1/1a/Clapper-Awesome.jpg" width="255" height="170" alt="">
+
</div>
+
</div>
+
<span style="display:block; height: 25px;"></span>
+
<div class="row" id='school_fairs'>
+
<div class="col-lg-12">
+
<h4>School Fairs</h4>
+
<p>During an annual spring fair hosted by our school, we set up a fair booth that people from all over Taipei could visit. By doing this, we hoped to spread awareness about synthetic biology throughout the community. We taught children and adults alike about DNA and telomeres through our &ldquo;Pin the Telomeres on the Chromosome&rdquo; game. We also gained helpful data from the public regarding their opinions towards synthetic biology and our project.</p>
+
</div>
+
</div>
+
<span style="display:block; height: 25px;"></span>
+
<div class="row">
+
<div class="row">
+
<div class="col-lg-4">
+
<img src="https://static.igem.org/mediawiki/2014hs/5/53/Fair1.JPG" width="255" height="170" alt="">
+
</div>
+
<div class="col-lg-4">
+
<img src="https://static.igem.org/mediawiki/2014hs/1/13/Fair3.JPG" width="255" height="170" alt="">
+
</div>
+
</div>
+
<span style="display:block; height: 25px;"></span>
+
<div class="row" margin-top="-200px">
+
<div class="col-lg-4">
+
<img src="https://static.igem.org/mediawiki/2014hs/9/9f/Fair4.JPG" width="255" height="170" alt="">
+
</div>
+
<div class="col-lg-4">
+
<img src="https://static.igem.org/mediawiki/2014hs/0/02/Fair5.JPG" width="255" height="170" alt="">
+
</div>
+
<div class="col-lg-4">
+
<img src="https://static.igem.org/mediawiki/2014hs/d/d5/Fair6.JPG" width="255" height="170" alt="">
+
</div>
+
</div>
+
</div>
+
<span style="display:block; height: 50px;"></span>
+
<div class="row" id='media'>
+
<div class="col-lg-7">
+
<h4>Media Outlets</h4>
+
<p>We utilized different mediums, generating excitement throughout the school and the larger Taiwan community. Some ways we accomplished this were through publishing articles in several widely&#45;circulated newspapers and magazines, featuring on a Facebook page, and participating in an exclusive interview on Taiwan Television.</p>
+
</div>
+
<div class="col-lg-5">
+
<img src="https://static.igem.org/mediawiki/2014hs/c/c5/FB.jpg" width="326" height="217" alt="">
+
</div>
+
</div>
+
<span style="display:block; height: 25px;"></span>
+
<span style="display:block; height: 25px;"></span>
+
<div class="row" id='igem_hs_meetup'>
+
<div class="col-lg-12">
+
<h4>iGEM High School Meet&#45;Up</h4>
+
<p>In order to learn more about different iGEM team projects and to prepare for the June Jamboree, we invited the Taipei Mingdao team to our school. We presented our project and tried to gain perspective on the other team&#39;s topic. It was a great pleasure to host Taiwan&#39;s first iGEM high school meet&#45;up.</p>
+
</div>
+
</div>
+
<span style="display:block; height: 25px;"></span>
+
<div class="row" id='igem_club'>
+
<div class="col-lg-12">
+
<h4>iGEM Club</h4>
+
<p>We founded a new iGEM club to gather interest for this competition and to ensure that there is a continuous stream of incoming students who are interested in joining us in the future.</p>
+
</div>
+
</div>
+
<div class="row" id='entertainment'>
+
<div class="col-lg-12">
+
<h1>Entertainment</h1>
+
<p>Overview: Science doesn&#39;t have to be too serious all the time. This facet of human practice deals with spreading the word through mainstream media, games and art, and ultimately having some fun!</p>
+
</div>
+
</div>
+
<span style="display:block; height: 50px;"></span>
+
 
</div>
 
</div>
</div>
 
<footer class='row'>
 
<div class='footer_right'>
 
<a href="#">Taipei American School</a>
 
<span>/</span>
 
<a href="#">iGEM</a>
 
 
</div>
 
</div>
</footer>
 
</div>
 
  
 +
<div class="col-lg-6" id='carter_transcript'>
 +
<h4>Transcript</h4>
 +
</div>
 +
<div class="col-lg-6" id='carter_keyPoints'>
 +
<h4>Key Points</h4>
 +
</div>
  
+
<div class="row" id='outreach'>
+
<div class="col-lg-7">
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
+
<h2>Public Outreach</h2>
<script type="text/javascript">
+
</div>
  google.load("visualization", "1", {packages:["corechart"]});
+
</div>
  google.setOnLoadCallback(drawChart);
+
  function drawChart() {
+
var data = google.visualization.arrayToDataTable([
+
  ['Task', 'Hours per Day'],
+
  ['Yes! I want to live forever! There are too much things I want to do!',    32],
+
  ['Hmmm....Sounds good...but only if my quality of life is good.',      66],
+
  ['I\'\m not sure if immortality will be such a great thing.',  51],
+
  ['No. I want to live a normal mortal life.', 40],
+
]);
+
  
var options = {
+
<div class="row" id='spring'>
  title: 'Immortality?'
+
<div class="col-lg-12">
};
+
<h3>Spring Fair</h3>
 +
</div>
 +
</div>
  
var chart = new google.visualization.PieChart(document.getElementById('piechart1'));
+
<div class="row" id='newsletter'>
chart.draw(data, options);
+
<div class="col-lg-12">
  }
+
<h3>Newsletter</h3>
</script>
+
</div>
<script type="text/javascript">
+
</div>
  google.load("visualization", "1", {packages:["corechart"]});
+
  google.setOnLoadCallback(drawChart);
+
  function drawChart() {
+
var data = google.visualization.arrayToDataTable([
+
  ['Task', 'Hours per Day'],
+
  ['Thank all that had made your life more interesting',    47],
+
  ['Volunteer for an altruistic cause',      9],
+
  ['Do something juvenile',  6],
+
  ['Spend all you money', 13],
+
  ['Do something reckless', 29],
+
  ['Tell the love of your life you love them', 41],
+
  ['Eat all you want', 16],
+
  ['Other', 25],
+
]);
+
  
var options = {
+
<div class="row" id='survey'>
  title: '24 Hours to Live'
+
<div class="col-lg-12">
};
+
<h3>Survey</h3>
 +
</div>
 +
</div>
  
var chart = new google.visualization.PieChart(document.getElementById('piechart2'));
 
chart.draw(data, options);
 
  }
 
</script>
 
<script type="text/javascript">
 
  google.load("visualization", "1", {packages:["corechart"]});
 
  google.setOnLoadCallback(drawChart);
 
  function drawChart() {
 
var data = google.visualization.arrayToDataTable([
 
  ['Task', 'Hours per Day'],
 
  ['0-10',    4],
 
  ['11-20',      96],
 
  ['21-30',  21],
 
  ['31-40', 27],
 
  ['41-50', 28],
 
  ['61-70', 10],
 
]);
 
  
var options = {
+
<div class="row" id='ethics'>
  title: 'Age Group'
+
<div class="col-lg-7">
};
+
<h2>Ethics Panel</h2>
 +
</div>
 +
</div>
  
var chart = new google.visualization.PieChart(document.getElementById('piechart3'));
+
<div class="row" id='ethics_transcript'>
chart.draw(data, options);
+
<div class="col-lg-12">
  }
+
<h3>Transcript</h3>
</script>
+
</div>
<script type="text/javascript">
+
</div>
  google.load("visualization", "1", {packages:["corechart"]});
+
  google.setOnLoadCallback(drawChart);
+
  function drawChart() {
+
var data = google.visualization.arrayToDataTable([
+
  ['Task', 'Hours per Day'],
+
  ['A',    84],
+
  ['B',      87],
+
  ['C',  13],
+
  ['D', 2],
+
  ['F', 1],
+
]);
+
  
var options = {
+
<div class="row" id='ethics_keyPoints'>
  title: 'Life Grade'
+
<div class="col-lg-12">
};
+
<h3>Key Points</h3>
 +
</div>
 +
</div>
  
var chart = new google.visualization.PieChart(document.getElementById('piechart4'));
+
<div class="row" id='conference'>
chart.draw(data, options);
+
<div class="col-lg-7">
  }
+
<h2>Conference</h2>
</script>
+
</div>
<script type="text/javascript">
+
</div>
  google.load("visualization", "1", {packages:["corechart"]});
+
  google.setOnLoadCallback(drawChart);
+
  function drawChart() {
+
var data = google.visualization.arrayToDataTable([
+
  ['Task', 'Hours per Day'],
+
  ['I can definitely do better.',    71],
+
  ['I don\'\t think I will do as well. ',      42],
+
  ['I think nothing will change',  76],
+
]);
+
  
var options = {
+
<div class="row" id='entertainment'>
  title: 'Immortality Grade Changer'
+
<div class="col-lg-12">
};
+
<h1>Entertainment</h1>
 
+
<p>Overview: Science doesn&#39;t have to be too serious all the time. This facet of human practice deals with spreading the word through mainstream media, games and art, and ultimately having some fun!</p>
var chart = new google.visualization.PieChart(document.getElementById('piechart5'));
+
</div>
chart.draw(data, options);
+
</div>
  }
+
<span style="display:block; height: 50px;"></span>
</script>
+
</div>
<script type="text/javascript">
+
</div>
  google.load("visualization", "1", {packages:["corechart"]});
+
</div>
  google.setOnLoadCallback(drawChart);
+
</body>
  function drawChart() {
+
var data = google.visualization.arrayToDataTable([
+
  ['Task', 'Hours per Day'],
+
  ['I\'\m an expert.',    5],
+
  ['I probably know more about synthetic biology than the general population. ',      41],
+
  ['I guess I have some idea what it\'\s about.',  77],
+
  ['Say what?', 66],
+
]);
+
 
+
var options = {
+
  title: 'Synthetic Biology Knowledge'
+
};
+
 
+
var chart = new google.visualization.PieChart(document.getElementById('piechart6'));
+
chart.draw(data, options);
+
  }
+
</script>
+
<script type="text/javascript">
+
  google.load("visualization", "1", {packages:["corechart"]});
+
  google.setOnLoadCallback(drawChart);
+
  function drawChart() {
+
var data = google.visualization.arrayToDataTable([
+
  ['Task', 'Hours per Day'],
+
  ['Definitely!',    25],
+
  ['Meh. Maybe?',      120],
+
  ['Immortality is not possible.',  43],
+
]);
+
 
+
var options = {
+
  title: 'Can Synthetic Biology Solve Death?'
+
};
+
 
+
var chart = new google.visualization.PieChart(document.getElementById('piechart7'));
+
chart.draw(data, options);
+
  }
+
</script>
+
<script type="text/javascript">
+
  google.load("visualization", "1", {packages:["corechart"]});
+
  google.setOnLoadCallback(drawChart);
+
  function drawChart() {
+
var data = google.visualization.arrayToDataTable([
+
  ['Task', 'Hours per Day'],
+
  ['Physical appearance',    28],
+
  ['Personality',      19],
+
  ['Health',  68],
+
  ['Intelligence', 49],
+
  ['Other', 16],
+
]);
+
 
+
var options = {
+
  title: 'Changing Genes'
+
};
+
 
+
var chart = new google.visualization.PieChart(document.getElementById('piechart8'));
+
chart.draw(data, options);
+
  }
+
</script>
+
<script type="text/javascript">
+
  google.load("visualization", "1", {packages:["corechart"]});
+
  google.setOnLoadCallback(drawChart);
+
  function drawChart() {
+
var data = google.visualization.arrayToDataTable([
+
  ['Task', 'Hours per Day'],
+
  ['NOPE',    119],
+
  ['Yes!',      65],
+
]);
+
 
+
var options = {
+
  title: 'Telomeres?'
+
};
+
 
+
var chart = new google.visualization.PieChart(document.getElementById('piechart9'));
+
chart.draw(data, options);
+
  }
+
</script>
+
<script type="text/javascript">
+
  google.load("visualization", "1", {packages:["corechart"]});
+
  google.setOnLoadCallback(drawChart);
+
  function drawChart() {
+
var data = google.visualization.arrayToDataTable([
+
  ['Task', 'Hours per Day'],
+
  ['Okay... I have no clue whatsoever',    128],
+
  ['Yep!',      55],
+
]);
+
 
+
var options = {
+
  title: 'Telomeres and Immortality'
+
};
+
 
+
var chart = new google.visualization.PieChart(document.getElementById('piechart10'));
+
chart.draw(data, options);
+
  }
+
</script>
+
<script type="text/javascript">
+
  google.load("visualization", "1", {packages:["corechart"]});
+
  google.setOnLoadCallback(drawChart);
+
  function drawChart() {
+
var data = google.visualization.arrayToDataTable([
+
  ['Task', 'Hours per Day'],
+
  ['Yes!',    39],
+
  ['Maybe?',      88],
+
  ['No',  58],
+
]);
+
  
var options = {
+
<canvas id="canvas-container"></canvas>
  title: 'Is Longevity Beneficial?'
+
<script type="text/javascript" src='https://2015.igem.org/Template:TAS_Taipei/js/field.js?action=raw&ctype=text/javascript'></script>
};
+
  
var chart = new google.visualization.PieChart(document.getElementById('piechart11'));
 
chart.draw(data, options);
 
  }
 
</script>
 
<script>
 
$(function () {
 
$("#slides").slidesjs({
 
width: 940,
 
height: 500,
 
play: {
 
active: false,
 
effect: "slide",
 
interval: 5000,
 
auto: true,
 
swap: false,
 
pauseOnHover: false,
 
restartDelay: 2500
 
},
 
navigation: false
 
})
 
});
 
</script>
 
<script>
 
$(function(){
 
 
function setHeight(){
 
$(".response").each(function(index,element){
 
var target = $(element);
 
target.removeClass("fixed-height");
 
var height = target.innerHeight();
 
target.attr("data-height", height)
 
  .addClass("fixed-height");
 
});
 
};
 
 
$("input[name=question]").on("change", function(){
 
$("p.response").removeAttr("style");
 
 
var target = $(this).next().next();
 
target.height(target.attr("data-height"));
 
})
 
 
setHeight();
 
});
 
</script>
 
</body>
 
  
<canvas id="canvas-container"></canvas>
+
</html>
<script type="text/javascript" src='https://2015.igem.org/Template:TAS_Taipei/js/field.js?action=raw&ctype=text/javascript'></script>
+
+
+
</html>
+

Revision as of 03:49, 17 June 2015

Human Practice - TAS Taipei iGEM Wiki





Human Practice

Science is not complete without considering its ethical and social ramifications, as well as relaying its intricacies and promoting it to the general public.

Professional Outreach

Reaching out to professionals

Schondlemeier

Dr. Sarah Carter

Transcript

Key Points

Public Outreach

Spring Fair

Newsletter

Survey

Ethics Panel

Transcript

Key Points

Conference

Entertainment

Overview: Science doesn't have to be too serious all the time. This facet of human practice deals with spreading the word through mainstream media, games and art, and ultimately having some fun!