(Prototype team page) |
|||
(20 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
− | {{ | + | {{TAS Taipei/CSS}} |
<html> | <html> | ||
+ | <head> | ||
+ | <title>HP Silver - TAS Taipei iGEM Wiki</title> | ||
+ | <style type='text/css'> | ||
+ | #top_title, #sideMenu{ | ||
+ | display: none; | ||
+ | } | ||
+ | #content{ | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background: #f3f4f4;} | ||
− | + | ||
− | + | img{width:100%} | |
− | + | ||
+ | </style> | ||
+ | </head> | ||
− | <p> | + | <body data-spy="scroll" data-target="#category_navbar"> |
+ | <link rel="shortcut icon" href="https://static.igem.org/mediawiki/2016/c/c6/T--TAS_Taipei--TAS_iGEM_Logo.png"> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> | ||
+ | |||
+ | <link rel="stylesheet" href="https://2015.igem.org/Template:TAS_Taipei/css/bootstrap?action=raw&ctype=text/css"> | ||
+ | |||
+ | |||
+ | |||
+ | <script>localStorage.clear();</script> | ||
+ | <script src="https://2015.igem.org/Template:TAS_Taipei/js/jquery?action=raw&ctype=text/javascript"></script> | ||
+ | <script src='https://2015.igem.org/Template:TAS_Taipei/js/bootstrap?action=raw&ctype=text/javascript'></script> | ||
+ | <script src="https://2015.igem.org/Template:TAS_Taipei/js/jquerySlides?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <script type="text/javascript" async | ||
+ | src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML"> | ||
+ | </script> | ||
+ | |||
+ | <script type="text/x-mathjax-config"> | ||
+ | MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}}); | ||
+ | </script> | ||
+ | |||
+ | <style type='text/css'> | ||
+ | p{font-family: Lato !important; font-size:17px !important} | ||
+ | h1{font-size:40-px !important;} | ||
+ | body{font-family:Lato !important;} | ||
+ | h3{font-size:25-px;} | ||
+ | </style> | ||
+ | |||
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | if(document.domain === "2016.igem.org") | ||
+ | setTimeout(function() { | ||
+ | $("style:eq(0)").remove(); | ||
+ | }, 500); | ||
+ | }); | ||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="container" style='z-index:10;position:relative;'> | ||
+ | <div class="row center-block" style = "text-align: left;"> | ||
+ | <nav style='font-family:Lato;font-size:22px;background-color:#1C77C3;-webkit-transform: translateZ(0);z-index: 100;position: fixed;box-shadow: 0px 0px 10px black;'> | ||
+ | <ul style='margin-left:0px'> | ||
+ | <li class="dropdown"> | ||
+ | <a href="https://2016.igem.org/Team:TAS_Taipei/Background"><h4 class="dropdown-toggle disabled" data-toggle="dropdown"><b>PROJECT</b></h4></a> | ||
+ | <div class="dropdown-menu"> | ||
+ | <div class='subcategories_container'> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Background">Background</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Achievements">Achievements</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Collaborations">Collaborations</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Parts">Parts</a></h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div style='height:140px;'> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/1/11/T--TAS_Taipei--TAS_Icon_Project.png"> | ||
+ | <h4><b>Cataracts</b> - the leading cause of blindness. Find out how we can non-invasively <b>treat</b> and <b>prevent</b> cataract formation.</b></h4> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>EXPERIMENTAL</b></h4></a> | ||
+ | <div class="dropdown-menu"> | ||
+ | <div class='subcategories_container'> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary#lensmodel">Lens Cataract Model</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary#construct">Prevention and Treatment Constructs </a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary#prototype">Delivery Prototype</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Notebook">Notebook</a></h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div style='height:140px;'> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/b/b0/T--TAS_Taipei--TAS_Icon_Experiments.png"> | ||
+ | <h4>We build <b>constructs</b> to make our great ideas become reality. Follow along our discovery of exciting science!</h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="https://2016.igem.org/Team:TAS_Taipei/Model"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>MODEL</b></h4></a> | ||
+ | <div class="dropdown-menu"> | ||
+ | <div class='subcategories_container'> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#GSRFunc">GSR Function</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#prototype">Prototype Delivery</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#treatment">CH25H Treatment</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#software">Calculator</a></h5> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div style='height:140px;'> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/c/ca/T--TAS_Taipei--TAS_Icon_Model.png"> | ||
+ | <h4><b>Computational Biology</b> provides us models that we cannot easily test experimentally. Click to find out the results of our modeling, and the math behind it!</h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="https://2016.igem.org/Team:TAS_Taipei/Human_Practices"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>HUMAN PRACTICE</b></h4></a> | ||
+ | <div class="dropdown-menu"> | ||
+ | <div class='subcategories_container'> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Human_Practices#research">Research</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Human_Practices#outreach">Outreach</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Human_Practices#impact">Impact</a></h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div style='height:140px;'> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/b/b9/T--TAS_Taipei--TAS_Icon_HP.png"> | ||
+ | <h4>We don't just grow cool bacteria. We make a <b>difference</b>. Find out how we tackled <b>social aspects</b> of this project.</h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="https://2016.igem.org/Team:TAS_Taipei/Safety"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>SAFETY</b></h4></a> | ||
+ | <div class="dropdown-menu"> | ||
+ | <div style='height:100px;'> | ||
+ | <div class='subcategories_container'> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#overview">Overview</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#biosafety">Biosafety</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#riskreduction">Risk Reduction Methods</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#furtherquestion">Further Questions</a></h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/7/7e/T--TAS_Taipei--TAS_Icon_Safety.png"> | ||
+ | <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> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="https://2016.igem.org/Team:TAS_Taipei/Team"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>TEAM</b></h4></a> | ||
+ | <div class="dropdown-menu"> | ||
+ | <div class='subcategories_container'> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Team#members">Members</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Team#about">About</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Attributions">Attributions</a></h5> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Wiki_Standard_Pages">Wiki Standard Pages</a></h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div style='height:140px;'> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/c/c6/T--TAS_Taipei--TAS_Icon_Team.png"> | ||
+ | <h4>Every iGEM project is the accumulation of an entire year's hard work by a group of cheerful students. <b>Meet the team!</b></h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </nav> | ||
</div> | </div> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <div class="row center-block" style = "padding:10px;width:90%;background-color:#07BEB8;box-shadow:0px 0px 5px black"> | ||
+ | <div class="row" style = "text-align:center;"> | ||
+ | <div class="col-sm-2"> | ||
+ | <a href="https://2016.igem.org/Team:TAS_Taipei" style='text-decoration: none'><img src="https://static.igem.org/mediawiki/2016/c/c6/T--TAS_Taipei--TAS_iGEM_Logo.png | ||
+ | " alt="" style="width: 100px;"></a> | ||
+ | </div> | ||
+ | <div class="col-sm-8" style='text-align:center;'> | ||
+ | <a href="https://2016.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> | ||
+ | C◎UNTERACTS</b></h2> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="col-sm-2"> | ||
+ | <a href="https://igem.org/HS"><img src="https://static.igem.org/mediawiki/2016/6/6e/T--TAS_Taipei--TAS_Icon_Logo2.png" alt="" style="width: 100px;"></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br> | ||
+ | <div class="row card" id='bodycontainer' class='row'> | ||
+ | <div class="col-sm-2" style='padding-left:8px;'> | ||
+ | <div id="category_navbar"> | ||
+ | <ul class="nav nav-list" data-spy="affix" data-offset-top="160" style='-webkit-transform: translateZ(0);width:160px;margin-left:0' > | ||
+ | <li><a href="#school">School</a></li> | ||
+ | <li><a href="#community">Community</a></li> | ||
+ | <li><a href="#global">Global</a></li> | ||
+ | <li> <a href="#fundraising">Fundraising</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
− | <div class=" | + | <div class="col-sm-10" style="padding-right:5%"> |
+ | <h1>HP Silver - Education and Public Engagement</h1> | ||
+ | <div class = "row"> | ||
+ | <div class="col-sm-12"> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-12"> | ||
+ | <p> | ||
+ | From interviews with cataracts patients, ophthalmologists, veterinarians, polls from residents in Taipei and our school community, we learned that cataracts are prevalent and have a huge impact on everyday life. Now we wanted to raise awareness through education. We started by informing teachers and students of various grade levels about the severity and causes of cataracts, and how our project could tackle these problems. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-12"> | ||
+ | <p> | ||
+ | Then, in our community, we handed out pamphlets, taught people how cataracts form, and simulated a cataract experience by wearing goggles of varying cloudiness. Finally, we wanted to make a global impact. We joined the international BioBuilder Club community and connected with 23 other synthetic biology high school clubs to discuss our project and ideas. We held fundraising events to benefit people who have cataracts in underdeveloped nations. Below are a list of activities and programs that we did in outreach. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <h2 id="school">Education in Our School</h2> | ||
+ | <div class="col-sm-12"> | ||
+ | <h3 id="ConstructPrevention"></h3> | ||
+ | <br> | ||
+ | <h3>Kindergarten Science Experiments</h3> | ||
+ | <p> | ||
+ | We designed some easy experiments so that Kindergarten students could explore some common science concepts. The kids (and our team members) loved it! Some of the experiments included how to use the microscope, why light reflects through prisms, and how static electricity works. | ||
+ | </p> | ||
+ | </div> | ||
+ | <a href="https://vimeo.com/153454343"><button type="button" class="btn btn-primary btn-lg">Click to watch the Kindergarden video!</button></a> | ||
+ | </div> | ||
+ | <br><br> | ||
+ | <div class="row"> | ||
+ | <figure class = "col-sm-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/0/08/T--TAS_Taipei--Kinder1.png"> | ||
+ | </figure> | ||
+ | <figure class = "col-sm-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/7/74/T--TAS_Taipei--Kinder3.png"> | ||
+ | </figure> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | |||
+ | <div class="col-sm-12"> | ||
+ | <h3 id="ConstructPrevention"></h3> | ||
+ | <br> | ||
+ | <h3>7th Grade Introduction to Synthetic Biology</h3> | ||
+ | <p> | ||
+ | For 7th Graders we decided to introduce the concepts of synthetic biology, since they had just be introduced to DNA in their science classes. Aside from teaching a general idea of what synthetic biology is, we also introduced them to some basic laboratory techniques essential to synthetic biology. We made up scenarios and asked them to solve these problems using different combinations of standardized parts (promoter, RBS, different ORFs, etc.). They also learned how to use micropipettes and run a gel! | ||
+ | </p> | ||
+ | <a href="https://www.youtube.com/watch?v=JtgFyzSYF-I"><button type="button" class="btn btn-primary btn-lg">Click to watch 7th grade teaching!</button></a> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <br><br> | ||
+ | <div class="row"> | ||
+ | <figure class = "col-sm-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/8/8e/T--TAS_Taipei--Seven1.png"> | ||
+ | </figure> | ||
+ | <figure class = "col-sm-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/8/8b/T--TAS_Taipei--Seven3.png"> | ||
+ | </figure> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <h3>Science Research Symposium </h3> | ||
+ | <p> | ||
+ | During the school year when we were brainstorming for potential project ideas, our team members were divided into several groups and gave presentations on those topics at the school’s Science Research Symposium. Over 80 students from 11 research classes presented their own research from all different areas to the school community. This allowed us to receive feedback on our project ideas from both students and teachers. This really helped us decide our final project idea. | ||
+ | </p> | ||
+ | |||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-12"> | ||
+ | <a href="https://vimeo.com/148193740"><button type="button" class="btn btn-primary btn-lg">Click to watch the symposium poster session!</button></a> | ||
+ | <a href="https://www.youtube.com/watch?v=0TjGFL1X4VM"><button type="button" class="btn btn-primary btn-lg">Click to watch the symposium oral presentation!!</button></a> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <br><br> | ||
+ | <div class="row"> | ||
+ | |||
+ | <div class="col-sm-6"> | ||
+ | <h3 id="ConstructPrevention"></h3> | ||
+ | <h3> | ||
+ | International baccalaureate 11th grade</h3> | ||
+ | <p> | ||
+ | We presented our project to 11th grade IB students. Since they were learning about genetic engineering concepts, we gave a presentation on the details of our project to gain feedback. | ||
+ | </p> | ||
+ | </div> | ||
+ | <figure class = "col-sm-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/4/4a/T--TAS_Taipei--IBSL1.png"> | ||
+ | </figure> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | <h2 id="community">Education in Our Community</h2> | ||
+ | <h3>Spring Fair</h3> | ||
+ | <div class="col-sm-6"> | ||
+ | <h3 id="ConstructPrevention"></h3> | ||
+ | <p> | ||
+ | This is a photo of a lower school student at our booth, playing our interactive game and learning about what it is like to have cataracts. | ||
+ | </p> | ||
+ | <p>During Spring Fair we conducted a survey to gather public opinion and designed an interactive game to raise awareness of cataracts. In the survey we asked questions regarding people’s opinions on genetically modified organisms, cataract surgery, and our project. For the game we taped parafilm onto lab goggles and asked people who came to our booth to play the “piano tiles” app with those goggles on, and thus experiencing a real life simulation of the effects of cataracts on vision. </p> | ||
+ | <a href="https://static.igem.org/mediawiki/2016/b/bf/T--TAS_Taipei--iGEM_Survey_2016_-_Google_Forms.extension.pdf"><button type="button" class="btn btn-primary btn-lg">Click to download our survey results!</button></a> | ||
+ | </div> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <br> | ||
+ | <figure class = "col-sm-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/7/70/T--TAS_Taipei--SpringFairHP.png"> | ||
+ | </figure> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="row"> | ||
+ | |||
+ | <div class="col-sm-6"> | ||
+ | <h3 id="ConstructPrevention"></h3> | ||
+ | <h3>Club</h3> | ||
+ | <p> | ||
+ | The iGEM Club was established 3 years ago, and the purpose of is to raise awareness of synthetic biology in the TAS community. Club activities allow underclassmen to experience iGEM-related activities and develop potential team members. | ||
+ | </p> | ||
+ | <a href="http://biobuilder club.org/"><button type="button" class="btn btn-primary btn-lg">Click to join Biobuilder Club!</button></a> | ||
+ | <br><br> | ||
+ | <a href="http://tasbiobuilder.weebly.com/"><button type="button" class="btn btn-primary btn-lg">Click to visit our Biobuilder Club webpage!</button></a> | ||
+ | </div> | ||
+ | |||
+ | <br><br> | ||
+ | <figure class = "col-sm-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/8/88/T--TAS_Taipei--Club.png"> | ||
+ | </figure> | ||
+ | |||
+ | </div> | ||
+ | <div class="row"> | ||
+ | |||
+ | <div class="col-sm-12"> | ||
+ | <h3 id="ConstructPrevention"></h3> | ||
+ | <br> | ||
+ | <h3>Taipei Cataract Awareness Day</h3> | ||
+ | <p>Our team went on an excursion to five different landmarks in Taipei and passed out flyers containing information on cataracts to the general public. We explained the formation of cataracts and the basic concepts of our project to local crowds and asked them to fill out our survey to get a wider sample size. | ||
+ | </p> | ||
+ | <a href="https://www.youtube.com/watch?v=kLJ8-ZtYwg8"><button type="button" class="btn btn-primary btn-lg">Click to watch our Excursion!</button></a> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="row"> | ||
+ | |||
+ | <div class="col-sm-12"> | ||
+ | <h3 id="ConstructPrevention"></h3> | ||
+ | <br> | ||
+ | <h3>Collaborations with Other iGEM Teams</h3> | ||
+ | <p> | ||
+ | We collaborated with two iGEM teams, National Yang Ming University (NYMU) and American School in Japan (ASIJ). We mentored the ASIJ-Tokyo high school iGEM team, which is a new High school iGEM team this year. We taught them how to start and structure a new team, what lab and online resources to use for experiments, and how to set up a lab notebook. In return, they helped us test our nanoparticle calculator by running simulations from the standpoint of a patient, doctor, and manufacturer. | ||
+ | </p> | ||
+ | <p>We also continued our long standing partnership with National Yang Ming University (NYMU_Taipei). Three students from our team have been interning on the NYMU-Taipei team (they are members to both teams) to learn about synthetic biology and some basic lab techniques. Two of these students will be presenting for the NYMU_Taipei team presentation. NYMU-Taipei also hosted a summer camp for our team members, where they taught us about different aspects of iGEM. In return, we helped them increase the efficiency of their model using equations from their literature research and ran simulations using their experimental data. Finally, they also gave tremendous advice on troubleshooting our cloning procedure during the summer months when we ran the majority of our wet lab experiments. We really value the relationship we have with NYMU and look forward to more collaborations in the future.</p> | ||
+ | <p>These collaborations not only created opportunities for us to help each other with problems, but also allowed us to exchange ideas and stimulate creativity. It is also fun to share stories about lab work, successes, and even failures.</p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <br><br> | ||
+ | <div class="row"> | ||
+ | <figure class = "col-sm-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/0/0c/T--TAS_Taipei--Collaboration1.png"> | ||
+ | </figure> | ||
+ | <figure class = "col-sm-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/1/17/T--TAS_Taipei--Collaboration3.png"> | ||
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | |||
+ | <div class="col-sm-12"> | ||
+ | <h2 id="global">Global Engagement</h2> | ||
+ | <h3 id="ConstructPrevention"></h3> | ||
+ | <br> | ||
+ | <h3>Biobuilder</h3> | ||
+ | <p> | ||
+ | 23 high school teams from around the world joined the BioBuilder Club, which is run by the BioBuilder Educational Foundation. This club held online meetings once a month so the teams could brainstorm synthetic biology project topics, project design, and collectively troubleshoot problems encountered by each team. The club held a final assembly in Boston at Lab Central, and we were excited to present our poster in absentia from Taipei. | ||
+ | </p> | ||
+ | <a href="http://biobuilderclub.org/"><button type="button" class="btn btn-primary btn-lg">Click to join Biobuilder Club!</button></a> | ||
+ | <br><br> | ||
+ | <a href="http://tasbiobuilder.weebly.com/"><button type="button" class="btn btn-primary btn-lg">Click to visit our Biobuilder Club webpage!</button></a> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <h3>Facebook/Twitter</h3> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-3"></div> | ||
+ | <figure class = "col-sm-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/4/45/T--TAS_Taipei--FBTwitter.png"> | ||
+ | </figure> | ||
+ | <div class="col-sm-3"></div> | ||
− | < | + | </div> |
− | <p> | + | |
− | < | + | <div class="row"> |
+ | |||
+ | <div class="col-sm-12"> | ||
+ | |||
+ | <h2 id="fundraising">Fundraising</h3> | ||
+ | <p> | ||
+ | Lastly, we wanted to make a real impact in people’s lives who were experiencing cataracts. Despite our project’s goal of delivering cataract relief non-invasively, we realize that surgery is currently the most effective way to eliminate cataracts. So, we held fundraisers (in the form of bake sales and club fairs) in order to donate to those who don’t have funds or access to surgery. We raised enough money for 14 surgeries through the Himalayan Cataract Project, which serves underprivileged cataract patients. | ||
+ | |||
+ | </p> | ||
+ | <a href="https://www.youtube.com/watch?v=uAQgzXTy1W4"><button type="button" class="btn btn-primary btn-lg">Click to watch our bake sale!</button></a> | ||
+ | <a href="https://static.igem.org/mediawiki/2016/f/fc/T--TAS_Taipei--himalayancataractdonation.pdf"><button type="button" class="btn btn-primary btn-lg">Click to see our contribution!</button></a> | ||
+ | <br><br> | ||
+ | <a href="https://donate.cureblindness.org"><button type="button" class="btn btn-primary btn-lg">Donate to the Himalayan Cataract Project!</button></a> | ||
+ | <br> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | |||
+ | <figure class = "col-sm-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/e/e7/T--TAS_Taipei--Impact2.png"> | ||
+ | |||
+ | </figure> | ||
+ | <figure class = "col-sm-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/9/9c/T--TAS_Taipei--Impact3.png"> | ||
+ | |||
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | </div> <!-- Container --> | ||
+ | </div> <!-- Container --> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <br> | ||
+ | <br><br> | ||
+ | |||
+ | <canvas id="canvas-container" style = "z-index:-1"></canvas> | ||
+ | <script type="text/javascript" src='https://2016.igem.org/Template:TAS_Taipei/js/field?action=raw&ctype=text/javascript'></script> | ||
+ | |||
+ | </body> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <style type='text/css'> | ||
+ | #bg { position: fixed; top: 0; left: 0; } | ||
+ | .bgwidth { width: 100%; } | ||
+ | .bgheight { height: 100%; } | ||
+ | </style> | ||
+ | |||
+ | <div class="backgroundpic"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/e/e5/T--TAS_Taipei--Taipei_Background_1.0.jpg" style="z-index:0" width="100%" height="100%" id="bg" alt="" > | ||
</div> | </div> | ||
+ | <script> | ||
+ | var nowRadius = 0 | ||
+ | $(function() { | ||
+ | if (screen.width > 1800) | ||
+ | $("#slideoutco").fadeOut(0); | ||
+ | $({blurRadius: 0}).animate({blurRadius: 10}, { | ||
+ | duration: 20000, | ||
+ | easing:'swing', // or "linear" | ||
+ | // use jQuery UI or Easing plugin for more options | ||
+ | step: function() { | ||
+ | console.log(this.blurRadius); | ||
+ | if ($("#bluebutton").hasClass("isOn") ) {return;}; | ||
+ | if($('#redbutton').hasClass("isOn") ) {return;} | ||
+ | $('.backgroundpic').css({ | ||
+ | "-webkit-filter": "blur("+this.blurRadius+"px)", | ||
+ | "filter": "blur("+this.blurRadius+"px)" | ||
+ | |||
+ | }); | ||
+ | nowRadius = this.blurRadius; | ||
+ | var LOCSnum = Math.round(nowRadius*6/9); | ||
+ | var NineLOCSnum = Math.round(nowRadius*6/9*10); | ||
+ | /**if (NineLOCSnum > 20) switchMessage("YELLOW","<b> Oh no! </b> Cataracts are forming! Click on the Eyedrop Tab and get <b>TREATMENT</b> eyedrops!", currentColor()=="GREEN"); | ||
+ | if (NineLOCSnum == 55) $("#slideoutco").fadeOut(1000); | ||
+ | if (NineLOCSnum > 60) switchMessage("RED","Your cataracts are very severe. You need to get TREATMENT fast by clicking the Eyedrop Tab", currentColor()=="YELLOW");*/ | ||
+ | if (LOCSnum > 6) {LOCSnum = "6+"; $('#LOCS').text(LOCSnum+"");} | ||
+ | else $('#LOCS').text(LOCSnum+""); | ||
+ | |||
+ | if (LOCSnum ==0) document.getElementById('bluebutton').click(); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | |||
+ | startBlur= function(speed) { | ||
+ | $({blurRadius: nowRadius}).animate({blurRadius: 10}, { | ||
+ | duration: speed, | ||
+ | easing: 'swing', // or "linear" | ||
+ | // use jQuery UI or Easing plugin for more options | ||
+ | step: function() { | ||
+ | console.log(this.blurRadius); | ||
+ | if ($("#bluebutton").hasClass("isOn") ) {return;}; | ||
+ | if($('#redbutton').hasClass("isOn") ) {return;} | ||
+ | |||
+ | $('.backgroundpic').css({ | ||
+ | "-webkit-filter": "blur("+this.blurRadius+"px)", | ||
+ | "filter": "blur("+this.blurRadius+"px)" | ||
+ | |||
+ | }); | ||
+ | |||
+ | nowRadius = this.blurRadius; | ||
+ | var LOCSnum = Math.round(nowRadius*6/9); | ||
+ | var NineLOCSnum = Math.round(nowRadius*6/9*10); | ||
+ | /**if (NineLOCSnum == 15) $("#slideoutco").fadeOut(400); | ||
+ | if (NineLOCSnum > 20) switchMessage("RED","<b>Cataracts</b> are creeping back again! Click the PREVENTION eye drop to add GSR into your eyes!", currentColor()=="BLUE");*/ | ||
+ | if (LOCSnum > 6) {LOCSnum = "6+"; $('#LOCS').text(LOCSnum+"");} | ||
+ | else $('#LOCS').text(LOCSnum+" "); | ||
+ | |||
+ | |||
+ | } | ||
+ | }); | ||
+ | }; | ||
+ | |||
+ | stopBlur= function(speed) { | ||
+ | |||
+ | $({blurRadius: nowRadius}).animate({blurRadius: 0}, { | ||
+ | duration: speed, | ||
+ | easing: 'swing', // or "linear" | ||
+ | // use jQuery UI or Easing plugin for more options | ||
+ | step: function() { | ||
+ | console.log(this.blurRadius); | ||
+ | if ($("#redbutton").hasClass("isOn") ) {} else{return;}; | ||
+ | $('.backgroundpic').css({ | ||
+ | "-webkit-filter": "blur("+this.blurRadius+"px)", | ||
+ | "filter": "blur("+this.blurRadius+"px)" | ||
+ | |||
+ | }); | ||
+ | nowRadius = this.blurRadius; | ||
+ | var LOCSnum = Math.round(nowRadius*6/9); | ||
+ | var NineLOCSnum = Math.round(nowRadius*6/9*10); | ||
+ | |||
+ | /**if (NineLOCSnum < 68){ if (NineLOCSnum > 10) if(currentColor()=="RED" || currentColor() == "BLUE") $("#slideoutco").fadeOut(0); switchMessage("YELLOW","<b> Treating</b> your cataract with <b>25HC Eyedrops </b>", currentColor()=="RED"); | ||
+ | } | ||
+ | if (NineLOCSnum == 9) $("#slideoutco").fadeOut(0); | ||
+ | |||
+ | |||
+ | if (NineLOCSnum < 5) { | ||
+ | if ($("#bluebutton").hasClass("isOn")){ | ||
+ | |||
+ | switchMessage("GREEN","<b>Your eyes are <i>pernamently</i> crystal clear!</b> Treatment is not needed, so don't forget to turn it off!. Click the question mark to learn more.", currentColor()=="BLUE") | ||
+ | } | ||
+ | else switchMessage("BLUE","Your eyes are crystal clear! To avoid waste, please turn off the <b>TREATMENT</b> eyedrop.", currentColor()=="YELLOW"); | ||
+ | }*/ | ||
+ | if (LOCSnum > 6) LOCSnum = "6+"; | ||
+ | else LOCSnum = LOCSnum +" "; | ||
+ | $('#LOCS').text(LOCSnum+""); | ||
+ | |||
+ | } | ||
+ | }); | ||
+ | |||
+ | |||
+ | }; | ||
+ | |||
+ | function chooseBlur() { | ||
+ | if ($("#redbutton").hasClass("isOn") ) | ||
+ | { | ||
+ | stopBlur(4500); | ||
+ | |||
+ | } | ||
+ | |||
+ | else { | ||
+ | if($("#bluebutton").hasClass("isOn") ) {} | ||
+ | else {startBlur(12000);} | ||
+ | } | ||
+ | /**if (!$("#redbutton").hasClass("isOn")) | ||
+ | if ($("#bluebutton").hasClass("isOn")) | ||
+ | { | ||
+ | $("#slideoutco").fadeOut(0); | ||
+ | switchMessage("BLUE","Great! Furthur cataract formation is prevented with GSR Eyedrops. Now use <b>TREATMENT</b> eyedrops one last time.", currentColor()=="RED") | ||
+ | }*/ | ||
+ | }; | ||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | |||
+ | function switchToggleB() { | ||
+ | if ( $("#bluebutton").hasClass("isOn") ) { | ||
+ | $("#bluebutton").removeClass("isOn"); } | ||
+ | else { $("#bluebutton").addClass("isOn"); } | ||
+ | }; | ||
+ | function switchToggleR() { | ||
+ | if ( $("#redbutton").hasClass("isOn") ) { | ||
+ | $("#redbutton").removeClass("isOn"); } | ||
+ | else { $("#redbutton").addClass("isOn"); } | ||
+ | }; | ||
+ | |||
+ | function currentColor() { | ||
+ | if ($("#slidecontenttext").hasClass("alert-danger")) | ||
+ | return "RED"; | ||
+ | if ($("#slidecontenttext").hasClass("alert-warning")) | ||
+ | return "YELLOW"; | ||
+ | if ($("#slidecontenttext").hasClass("alert-info")) | ||
+ | return "BLUE"; | ||
+ | if ($("#slidecontenttext").hasClass("alert-success")) | ||
+ | return "GREEN"; | ||
+ | else return "NONE" | ||
+ | }; | ||
+ | function switchMessage(color, textInside, refresh) { | ||
+ | var entirebox = document.getElementById("slideoutco"); | ||
+ | |||
+ | if (refresh) | ||
+ | {$(entirebox).fadeOut(100); | ||
+ | if ($("#slidecontenttext").hasClass("alert-danger")) | ||
+ | $("#slidecontenttext").removeClass("alert-danger"); | ||
+ | if ($("#slidecontenttext").hasClass("alert-warning")) | ||
+ | $("#slidecontenttext").removeClass("alert-warning"); | ||
+ | if ($("#slidecontenttext").hasClass("alert-info")) | ||
+ | $("#slidecontenttext").removeClass("alert-info"); | ||
+ | if ($("#slidecontenttext").hasClass("alert-success")) | ||
+ | $("#slidecontenttext").removeClass("alert-success"); | ||
+ | if (color == "RED") | ||
+ | $("#slidecontenttext").addClass("alert-danger"); | ||
+ | if (color == "YELLOW") | ||
+ | $("#slidecontenttext").addClass("alert-warning"); | ||
+ | if (color == "BLUE") | ||
+ | $("#slidecontenttext").addClass("alert-info"); | ||
+ | if (color == "GREEN") | ||
+ | $("#slidecontenttext").addClass("alert-success"); | ||
+ | |||
+ | |||
+ | $("#slidecontenttext").html(textInside); | ||
+ | $(entirebox).fadeIn(500); | ||
+ | } | ||
+ | |||
+ | }; | ||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <canvas id="canvas-container" style = "z-index:-1" hidden></canvas> | ||
+ | <script type="text/javascript" src='https://2015.igem.org/Template:TAS_Taipei/js/field?action=raw&ctype=text/javascript' hidden></script/> | ||
+ | |||
+ | |||
+ | |||
+ | <script type="text/javascript"> | ||
+ | /* Toggle between adding and removing the "active" and "show" classes when the user clicks on one of the "Section" buttons. The "active" class is used to add a background color to the current button when its belonging panel is open. The "show" class is used to open the specific accordion panel */ | ||
+ | var acc = document.getElementsByClassName("accordion"); | ||
+ | var i; | ||
+ | |||
+ | for (i = 0; i < acc.length; i++) { | ||
+ | acc[i].onclick = function(){ | ||
+ | this.classList.toggle("active"); | ||
+ | this.nextElementSibling.classList.toggle("show"); | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $("#category_navbar a").on('click', function(event) { | ||
+ | // Make sure this.hash has a value before overriding default behavior | ||
+ | if (this.hash !== "") { | ||
+ | // Prevent default anchor click behavior | ||
+ | event.preventDefault(); | ||
+ | |||
+ | // Store hash0 | ||
+ | var hash = this.hash; | ||
+ | |||
+ | // Using jQuery's animate() method to add smooth page scroll | ||
+ | // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $(hash).offset().top | ||
+ | }, 800, function(){ | ||
+ | |||
+ | // Add hash (#) to URL when done scrolling (default click behavior) | ||
+ | window.location.hash = hash; | ||
+ | }); | ||
+ | } // End if | ||
+ | }); | ||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | <div id="slideout"> | ||
+ | <div id="slidecontent"> | ||
+ | <h3>Prevention</h3> | ||
+ | <h5>GSR Eyedrop</h5> | ||
+ | <label class="switch"> | ||
+ | <input id="bluebutton" onClick="switchToggleB(); chooseBlur()" type="checkbox"> | ||
+ | <div class="slider round bluecolorbutton"></div> | ||
+ | </label> | ||
+ | <br> | ||
+ | |||
+ | <h3>Treatment</h3> | ||
+ | <h5>25HC Eyedrop</h5> | ||
+ | <label class="switch"> | ||
+ | <input id="redbutton" onClick="switchToggleR(); chooseBlur()" type="checkbox"> | ||
+ | <div class="slider round redcolorbutton"></div> | ||
+ | </label> | ||
+ | <h4><b> LOCS: <span id="LOCS">0  </span></b>     <a href="https://2016.igem.org/Team:TAS_Taipei/Wiki_Standard_Pages#Animation"><button type="button" class="btn btn-danger btn-md">?</button> </a> | ||
+ | |||
+ | </div> | ||
+ | <div id="clickme"> | ||
+ | <h2 class="vertical-text" style="Lato" !important> | ||
+ | <br> Eyedrops | ||
+ | </h2> | ||
+ | <br><br><br> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="slideoutco"> | ||
+ | <div id="slidecontentco"> | ||
+ | <div id="slidecontenttext" class="alert alert-danger"> | ||
+ | <p style="font-size:14px !important"> <a href="#" class="close" data-dismiss="alert">×</a> | ||
+ | <strong>Zoom out to see animation.</strong>          <a href="https://2016.igem.org/Team:TAS_Taipei/Wiki_Standard_Pages#Animation"><button type="button" class="btn btn-danger btn-sm">?</button> </a><span style="font-size:14px"><br>Your screen resolution is too low unless you zoom out </span></p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <javascript> | ||
+ | |||
+ | </javascript> | ||
+ | |||
+ | <style type='text/css'> | ||
+ | |||
+ | #slideout { | ||
+ | background: #FFD700; | ||
+ | position: fixed; | ||
+ | height: 300px; | ||
+ | width: 200px; | ||
+ | top: 30%; | ||
+ | right:-150px; | ||
+ | padding-left: 60px; | ||
+ | z-index:30; | ||
+ | border-radius: 25px; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | #slideoutco { | ||
+ | position: fixed; | ||
+ | height: 200px; | ||
+ | width: 300px; | ||
+ | top: 78%; | ||
+ | right:1%; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | border-radius: 10px; | ||
+ | z-index:30; | ||
+ | } | ||
+ | |||
+ | #clickme { | ||
+ | position: absolute; | ||
+ | top: 0; left: 0; | ||
+ | height: 300px; | ||
+ | width: 50px; | ||
+ | background: #FFBA49; | ||
+ | z-index:30; | ||
+ | border-radius: 25px 5px 5px 25px; | ||
+ | } | ||
+ | |||
+ | #slidecontent { | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | #slidecontentco { | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | .vertical-text { | ||
+ | transform: rotate(90deg); | ||
+ | transform-origin: left bottom 0; | ||
+ | float: left; | ||
+ | } | ||
+ | /* The switch - the box around the slider */ | ||
+ | .switch { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | width: 60px; | ||
+ | height: 34px; | ||
+ | } | ||
+ | |||
+ | /* Hide default HTML checkbox */ | ||
+ | .switch input {display:none;} | ||
+ | |||
+ | /* The slider */ | ||
+ | .slider { | ||
+ | position: absolute; | ||
+ | cursor: pointer; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | background-color: #ccc; | ||
+ | -webkit-transition: .4s; | ||
+ | transition: .4s; | ||
+ | } | ||
+ | |||
+ | |||
+ | .slider:before { | ||
+ | position: absolute; | ||
+ | content: ""; | ||
+ | height: 26px; | ||
+ | width: 26px; | ||
+ | left: 4px; | ||
+ | bottom: 4px; | ||
+ | background-color: white; | ||
+ | -webkit-transition: .4s; | ||
+ | transition: .4s; | ||
+ | } | ||
+ | |||
+ | input:checked + .slider.bluecolorbutton { | ||
+ | background-color: #2196F3; | ||
+ | } | ||
+ | |||
+ | input:focus + .slider.bluecolorbutton { | ||
+ | box-shadow: 0 0 1px #2196F3; | ||
+ | } | ||
+ | |||
+ | input:checked + .slider.redcolorbutton { | ||
+ | background-color: #FF0000; | ||
+ | } | ||
+ | |||
+ | input:focus + .slider.redcolorbutton { | ||
+ | box-shadow: 0 0 1px #FF0000; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | input:checked + .slider:before { | ||
+ | -webkit-transform: translateX(26px); | ||
+ | -ms-transform: translateX(26px); | ||
+ | transform: translateX(26px); | ||
+ | } | ||
+ | |||
+ | /* Rounded sliders */ | ||
+ | .slider.round { | ||
+ | border-radius: 34px; | ||
+ | } | ||
+ | |||
+ | .slider.round:before { | ||
+ | border-radius: 50%; | ||
+ | } | ||
+ | input[type=text] { | ||
+ | width: 100%; | ||
+ | padding: 12px 20px; | ||
+ | margin: 8px 0; | ||
+ | box-sizing: border-box; | ||
+ | border: 3px solid #ccc; | ||
+ | -webkit-transition: 0.5s; | ||
+ | transition: 0.5s; | ||
+ | outline: none; | ||
+ | } | ||
+ | input[type=text]:focus { | ||
+ | border: 3px solid #555; | ||
+ | } | ||
+ | </style> | ||
+ | <script> | ||
+ | $(function () { | ||
+ | var rightVal = -150; | ||
+ | |||
+ | $("#clickme").click(function () { | ||
+ | |||
+ | rightVal = (rightVal * -1) - 150; | ||
+ | $(this).parent().animate({right: rightVal + 'px'}, {queue: false, duration: 500}); | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | |||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | </body> | ||
</html> | </html> |
Latest revision as of 13:22, 19 October 2016
HP Silver - Education and Public Engagement
From interviews with cataracts patients, ophthalmologists, veterinarians, polls from residents in Taipei and our school community, we learned that cataracts are prevalent and have a huge impact on everyday life. Now we wanted to raise awareness through education. We started by informing teachers and students of various grade levels about the severity and causes of cataracts, and how our project could tackle these problems.
Then, in our community, we handed out pamphlets, taught people how cataracts form, and simulated a cataract experience by wearing goggles of varying cloudiness. Finally, we wanted to make a global impact. We joined the international BioBuilder Club community and connected with 23 other synthetic biology high school clubs to discuss our project and ideas. We held fundraising events to benefit people who have cataracts in underdeveloped nations. Below are a list of activities and programs that we did in outreach.
Education in Our School
Kindergarten Science Experiments
We designed some easy experiments so that Kindergarten students could explore some common science concepts. The kids (and our team members) loved it! Some of the experiments included how to use the microscope, why light reflects through prisms, and how static electricity works.
7th Grade Introduction to Synthetic Biology
For 7th Graders we decided to introduce the concepts of synthetic biology, since they had just be introduced to DNA in their science classes. Aside from teaching a general idea of what synthetic biology is, we also introduced them to some basic laboratory techniques essential to synthetic biology. We made up scenarios and asked them to solve these problems using different combinations of standardized parts (promoter, RBS, different ORFs, etc.). They also learned how to use micropipettes and run a gel!
Science Research Symposium
During the school year when we were brainstorming for potential project ideas, our team members were divided into several groups and gave presentations on those topics at the school’s Science Research Symposium. Over 80 students from 11 research classes presented their own research from all different areas to the school community. This allowed us to receive feedback on our project ideas from both students and teachers. This really helped us decide our final project idea.
International baccalaureate 11th grade
We presented our project to 11th grade IB students. Since they were learning about genetic engineering concepts, we gave a presentation on the details of our project to gain feedback.
Education in Our Community
Spring Fair
This is a photo of a lower school student at our booth, playing our interactive game and learning about what it is like to have cataracts.
During Spring Fair we conducted a survey to gather public opinion and designed an interactive game to raise awareness of cataracts. In the survey we asked questions regarding people’s opinions on genetically modified organisms, cataract surgery, and our project. For the game we taped parafilm onto lab goggles and asked people who came to our booth to play the “piano tiles” app with those goggles on, and thus experiencing a real life simulation of the effects of cataracts on vision.
Club
The iGEM Club was established 3 years ago, and the purpose of is to raise awareness of synthetic biology in the TAS community. Club activities allow underclassmen to experience iGEM-related activities and develop potential team members.
Taipei Cataract Awareness Day
Our team went on an excursion to five different landmarks in Taipei and passed out flyers containing information on cataracts to the general public. We explained the formation of cataracts and the basic concepts of our project to local crowds and asked them to fill out our survey to get a wider sample size.
Collaborations with Other iGEM Teams
We collaborated with two iGEM teams, National Yang Ming University (NYMU) and American School in Japan (ASIJ). We mentored the ASIJ-Tokyo high school iGEM team, which is a new High school iGEM team this year. We taught them how to start and structure a new team, what lab and online resources to use for experiments, and how to set up a lab notebook. In return, they helped us test our nanoparticle calculator by running simulations from the standpoint of a patient, doctor, and manufacturer.
We also continued our long standing partnership with National Yang Ming University (NYMU_Taipei). Three students from our team have been interning on the NYMU-Taipei team (they are members to both teams) to learn about synthetic biology and some basic lab techniques. Two of these students will be presenting for the NYMU_Taipei team presentation. NYMU-Taipei also hosted a summer camp for our team members, where they taught us about different aspects of iGEM. In return, we helped them increase the efficiency of their model using equations from their literature research and ran simulations using their experimental data. Finally, they also gave tremendous advice on troubleshooting our cloning procedure during the summer months when we ran the majority of our wet lab experiments. We really value the relationship we have with NYMU and look forward to more collaborations in the future.
These collaborations not only created opportunities for us to help each other with problems, but also allowed us to exchange ideas and stimulate creativity. It is also fun to share stories about lab work, successes, and even failures.
Global Engagement
Biobuilder
23 high school teams from around the world joined the BioBuilder Club, which is run by the BioBuilder Educational Foundation. This club held online meetings once a month so the teams could brainstorm synthetic biology project topics, project design, and collectively troubleshoot problems encountered by each team. The club held a final assembly in Boston at Lab Central, and we were excited to present our poster in absentia from Taipei.
Facebook/Twitter
Fundraising
Lastly, we wanted to make a real impact in people’s lives who were experiencing cataracts. Despite our project’s goal of delivering cataract relief non-invasively, we realize that surgery is currently the most effective way to eliminate cataracts. So, we held fundraisers (in the form of bake sales and club fairs) in order to donate to those who don’t have funds or access to surgery. We raised enough money for 14 surgeries through the Himalayan Cataract Project, which serves underprivileged cataract patients.
×
Zoom out to see animation.
Your screen resolution is too low unless you zoom out