Team:KAIST Korea/Plus Attribution

From 2012.igem.org

(Difference between revisions)
Line 27: Line 27:
  })();  
  })();  
  </script>
  </script>
 +
  <script type="text/javascript">
 +
 +
domtab={
 +
tabClass:'domtab', // class to trigger tabbing
 +
listClass:'domtabs', // class of the menus
 +
activeClass:'active', // class of current link
 +
contentElements:'div', // elements to loop through
 +
backToLinks:/#top/, // pattern to check "back to top" links
 +
printID:'domtabprintview', // id of the print all link
 +
showAllLinkText:'show all content', // text for the print all link
 +
prevNextIndicator:'doprevnext', // class to trigger prev and next links
 +
prevNextClass:'prevnext', // class of the prev and next list
 +
prevLabel:'previous', // HTML content of the prev link
 +
nextLabel:'next', // HTML content of the next link
 +
prevClass:'prev', // class for the prev link
 +
nextClass:'next', // class for the next link
 +
init:function(){
 +
var temp;
 +
if(!document.getElementById || !document.createTextNode){return;}
 +
var tempelm=document.getElementsByTagName('div');
 +
for(var i=0;i<tempelm.length;i++){
 +
if(!domtab.cssjs('check',tempelm[i],domtab.tabClass)){continue;}
 +
domtab.initTabMenu(tempelm[i]);
 +
domtab.removeBackLinks(tempelm[i]);
 +
if(domtab.cssjs('check',tempelm[i],domtab.prevNextIndicator)){
 +
domtab.addPrevNext(tempelm[i]);
 +
}
 +
domtab.checkURL();
 +
}
 +
if(document.getElementById(domtab.printID)
 +
  && !document.getElementById(domtab.printID).getElementsByTagName('a')[0]){
 +
var newlink=document.createElement('a');
 +
newlink.setAttribute('href','#');
 +
domtab.addEvent(newlink,'click',domtab.showAll,false);
 +
newlink.onclick=function(){return false;} // safari hack
 +
newlink.appendChild(document.createTextNode(domtab.showAllLinkText));
 +
document.getElementById(domtab.printID).appendChild(newlink);
 +
}
 +
},
 +
checkURL:function(){
 +
var id;
 +
var loc=window.location.toString();
 +
loc=/#/.test(loc)?loc.match(/#(\w.+)/)[1]:'';
 +
if(loc==''){return;}
 +
var elm=document.getElementById(loc);
 +
if(!elm){return;}
 +
var parentMenu=elm.parentNode.parentNode.parentNode;
 +
parentMenu.currentSection=loc;
 +
parentMenu.getElementsByTagName(domtab.contentElements)[0].style.display='none';
 +
domtab.cssjs('remove',parentMenu.getElementsByTagName('a')[0].parentNode,domtab.activeClass);
 +
var links=parentMenu.getElementsByTagName('a');
 +
for(i=0;i<links.length;i++){
 +
if(!links[i].getAttribute('href')){continue;}
 +
if(!/#/.test(links[i].getAttribute('href').toString())){continue;}
 +
id=links[i].href.match(/#(\w.+)/)[1];
 +
if(id==loc){
 +
var cur=links[i].parentNode.parentNode;
 +
domtab.cssjs('add',links[i].parentNode,domtab.activeClass);
 +
break;
 +
}
 +
}
 +
domtab.changeTab(elm,1);
 +
elm.focus();
 +
cur.currentLink=links[i];
 +
cur.currentSection=loc;
 +
},
 +
showAll:function(e){
 +
document.getElementById(domtab.printID).parentNode.removeChild(document.getElementById(domtab.printID));
 +
var tempelm=document.getElementsByTagName('div');
 +
for(var i=0;i<tempelm.length;i++){
 +
if(!domtab.cssjs('check',tempelm[i],domtab.tabClass)){continue;}
 +
var sec=tempelm[i].getElementsByTagName(domtab.contentElements);
 +
for(var j=0;j<sec.length;j++){
 +
sec[j].style.display='block';
 +
}
 +
}
 +
var tempelm=document.getElementsByTagName('ul');
 +
for(i=0;i<tempelm.length;i++){
 +
if(!domtab.cssjs('check',tempelm[i],domtab.prevNextClass)){continue;}
 +
tempelm[i].parentNode.removeChild(tempelm[i]);
 +
i--;
 +
}
 +
domtab.cancelClick(e);
 +
},
 +
addPrevNext:function(menu){
 +
var temp;
 +
var sections=menu.getElementsByTagName(domtab.contentElements);
 +
for(var i=0;i<sections.length;i++){
 +
temp=domtab.createPrevNext();
 +
if(i==0){
 +
temp.removeChild(temp.getElementsByTagName('li')[0]);
 +
}
 +
if(i==sections.length-1){
 +
temp.removeChild(temp.getElementsByTagName('li')[1]);
 +
}
 +
temp.i=i; // h4xx0r!
 +
temp.menu=menu;
 +
sections[i].appendChild(temp);
 +
}
 +
},
 +
removeBackLinks:function(menu){
 +
var links=menu.getElementsByTagName('a');
 +
for(var i=0;i<links.length;i++){
 +
if(!domtab.backToLinks.test(links[i].href)){continue;}
 +
links[i].parentNode.removeChild(links[i]);
 +
i--;
 +
}
 +
},
 +
initTabMenu:function(menu){
 +
var id;
 +
var lists=menu.getElementsByTagName('ul');
 +
for(var i=0;i<lists.length;i++){
 +
if(domtab.cssjs('check',lists[i],domtab.listClass)){
 +
var thismenu=lists[i];
 +
break;
 +
}
 +
}
 +
if(!thismenu){return;}
 +
thismenu.currentSection='';
 +
thismenu.currentLink='';
 +
var links=thismenu.getElementsByTagName('a');
 +
for(i=0;i<links.length;i++){
 +
if(!/#/.test(links[i].getAttribute('href').toString())){continue;}
 +
id=links[i].href.match(/#(\w.+)/)[1];
 +
if(document.getElementById(id)){
 +
domtab.addEvent(links[i],'click',domtab.showTab,false);
 +
links[i].onclick=function(){return false;} // safari hack
 +
domtab.changeTab(document.getElementById(id),0);
 +
}
 +
}
 +
id=links[0].href.match(/#(\w.+)/)[1];
 +
if(document.getElementById(id)){
 +
domtab.changeTab(document.getElementById(id),1);
 +
thismenu.currentSection=id;
 +
thismenu.currentLink=links[0];
 +
domtab.cssjs('add',links[0].parentNode,domtab.activeClass);
 +
}
 +
},
 +
createPrevNext:function(){
 +
// this would be so much easier with innerHTML, darn you standards fetish!
 +
var temp=document.createElement('ul');
 +
temp.className=domtab.prevNextClass;
 +
temp.appendChild(document.createElement('li'));
 +
temp.getElementsByTagName('li')[0].appendChild(document.createElement('a'));
 +
temp.getElementsByTagName('a')[0].setAttribute('href','#');
 +
temp.getElementsByTagName('a')[0].innerHTML=domtab.prevLabel;
 +
temp.getElementsByTagName('li')[0].className=domtab.prevClass;
 +
temp.appendChild(document.createElement('li'));
 +
temp.getElementsByTagName('li')[1].appendChild(document.createElement('a'));
 +
temp.getElementsByTagName('a')[1].setAttribute('href','#');
 +
temp.getElementsByTagName('a')[1].innerHTML=domtab.nextLabel;
 +
temp.getElementsByTagName('li')[1].className=domtab.nextClass;
 +
domtab.addEvent(temp.getElementsByTagName('a')[0],'click',domtab.navTabs,false);
 +
domtab.addEvent(temp.getElementsByTagName('a')[1],'click',domtab.navTabs,false);
 +
// safari fix
 +
temp.getElementsByTagName('a')[0].onclick=function(){return false;}
 +
temp.getElementsByTagName('a')[1].onclick=function(){return false;}
 +
return temp;
 +
},
 +
navTabs:function(e){
 +
var li=domtab.getTarget(e);
 +
var menu=li.parentNode.parentNode.menu;
 +
var count=li.parentNode.parentNode.i;
 +
var section=menu.getElementsByTagName(domtab.contentElements);
 +
var links=menu.getElementsByTagName('a');
 +
var othercount=(li.parentNode.className==domtab.prevClass)?count-1:count+1;
 +
section[count].style.display='none';
 +
domtab.cssjs('remove',links[count].parentNode,domtab.activeClass);
 +
section[othercount].style.display='block';
 +
domtab.cssjs('add',links[othercount].parentNode,domtab.activeClass);
 +
var parent=links[count].parentNode.parentNode;
 +
parent.currentLink=links[othercount];
 +
parent.currentSection=links[othercount].href.match(/#(\w.+)/)[1];
 +
domtab.cancelClick(e);
 +
},
 +
changeTab:function(elm,state){
 +
do{
 +
elm=elm.parentNode;
 +
} while(elm.nodeName.toLowerCase()!=domtab.contentElements)
 +
elm.style.display=state==0?'none':'block';
 +
},
 +
showTab:function(e){
 +
var o=domtab.getTarget(e);
 +
if(o.parentNode.parentNode.currentSection!=''){
 +
domtab.changeTab(document.getElementById(o.parentNode.parentNode.currentSection),0);
 +
domtab.cssjs('remove',o.parentNode.parentNode.currentLink.parentNode,domtab.activeClass);
 +
}
 +
var id=o.href.match(/#(\w.+)/)[1];
 +
o.parentNode.parentNode.currentSection=id;
 +
o.parentNode.parentNode.currentLink=o;
 +
domtab.cssjs('add',o.parentNode,domtab.activeClass);
 +
domtab.changeTab(document.getElementById(id),1);
 +
document.getElementById(id).focus();
 +
domtab.cancelClick(e);
 +
},
 +
/* helper methods */
 +
getTarget:function(e){
 +
var target = window.event ? window.event.srcElement : e ? e.target : null;
 +
if (!target){return false;}
 +
if (target.nodeName.toLowerCase() != 'a'){target = target.parentNode;}
 +
return target;
 +
},
 +
cancelClick:function(e){
 +
if (window.event){
 +
window.event.cancelBubble = true;
 +
window.event.returnValue = false;
 +
return;
 +
}
 +
if (e){
 +
e.stopPropagation();
 +
e.preventDefault();
 +
}
 +
},
 +
addEvent: function(elm, evType, fn, useCapture){
 +
if (elm.addEventListener)
 +
{
 +
elm.addEventListener(evType, fn, useCapture);
 +
return true;
 +
} else if (elm.attachEvent) {
 +
var r = elm.attachEvent('on' + evType, fn);
 +
return r;
 +
} else {
 +
elm['on' + evType] = fn;
 +
}
 +
},
 +
cssjs:function(a,o,c1,c2){
 +
switch (a){
 +
case 'swap':
 +
o.className=!domtab.cssjs('check',o,c1)?o.className.replace(c2,c1):o.className.replace(c1,c2);
 +
break;
 +
case 'add':
 +
if(!domtab.cssjs('check',o,c1)){o.className+=o.className?' '+c1:c1;}
 +
break;
 +
case 'remove':
 +
var rep=o.className.match(' '+c1)?' '+c1:c1;
 +
o.className=o.className.replace(rep,'');
 +
break;
 +
case 'check':
 +
var found=false;
 +
var temparray=o.className.split(' ');
 +
for(var i=0;i<temparray.length;i++){
 +
if(temparray[i]==c1){found=true;}
 +
}
 +
return found;
 +
break;
 +
}
 +
}
 +
}
 +
domtab.addEvent(window, 'load', domtab.init, false);
 +
 +
document.write('<style type="text/css">');   
 +
document.write('div.domtab div{display:none;}<');
 +
document.write('/s'+'tyle>');   
 +
    </script>
<style>
<style>
@import url(http://fonts.googleapis.com/css?family=Qwigley|Open+Sans:600italic,400,800);
@import url(http://fonts.googleapis.com/css?family=Qwigley|Open+Sans:600italic,400,800);
Line 307: Line 561:
display: none;
display: none;
}
}
 +
.visible
.visible
{
{
display: block;
display: block;
}
}
 +
.thumbnail-active
.thumbnail-active
{
{
Line 317: Line 573:
cursor: pointer;
cursor: pointer;
}
}
 +
.thumbnail-inactive
.thumbnail-inactive
{
{
Line 323: Line 580:
cursor: pointer;
cursor: pointer;
}
}
 +
.thumbnail-text
.thumbnail-text
{
{
Line 331: Line 589:
padding: 10px 2px 2px 0px;
padding: 10px 2px 2px 0px;
}
}
 +
.clear-fix
.clear-fix
{
{
Line 336: Line 595:
}
}
-
+
div.domtab
 +
{
 +
padding:0 3em;
 +
font-size:90%;
 +
}
 +
 
 +
ul.domtabs
 +
{
 +
float:left;
 +
margin:2em 0 0 0;
 +
}
 +
 
 +
ul.domtabs li
 +
{
 +
float:left;
 +
padding:0 .5em 0 0;
 +
list-style-type:none;
 +
}
 +
 
 +
ul.domtabs a:link,
 +
ul.domtabs a:visited,
 +
ul.domtabs a:active,
 +
ul.domtabs a:hover
 +
{
 +
width:8em;
 +
padding:.2em 1em;
 +
display:block;
 +
background:#eee;
 +
color:#aaa;/*tab 글씨색*/
 +
height:3em;
 +
font-weight:bold;
 +
text-decoration:none;
 +
}
 +
 
 +
html>body ul.domtabs a:link,
 +
html>body ul.domtabs a:visited,
 +
html>body ul.domtabs a:active,
 +
html>body ul.domtabs a:hover
 +
{
 +
height:auto;
 +
min-height:3em;
 +
}
 +
 
 +
ul.domtabs a:hover
 +
{
 +
background:#000;/*tab hover색*/
 +
}
 +
 
 +
div.domtab div
 +
{
 +
clear:both;
 +
width:auto;
 +
background:transparent;
 +
color:#888;
 +
padding:1em 3em;
 +
}
 +
 
 +
ul.domtabs li.active a:link,
 +
ul.domtabs li.active a:visited,
 +
ul.domtabs li.active a:active,
 +
ul.domtabs li.active a:hover
 +
{
 +
background:#555;
 +
color:#fff;
 +
}
 +
 
</style>
</style>
Line 365: Line 689:
The primary economy of the earth is photosynthesis. We human species make up only 0.5% of the whole biomass in the earth. However human civilization is based on petroleum which depletes every second. This is not sustainable. – Jeremy Rifkin </span>
The primary economy of the earth is photosynthesis. We human species make up only 0.5% of the whole biomass in the earth. However human civilization is based on petroleum which depletes every second. This is not sustainable. – Jeremy Rifkin </span>
</br></br></br></br>
</br></br></br></br>
 +
 +
<div class="domtab">
 +
<ul class="domtabs">
 +
<li><a href="#one">Activity 1</a></li>
 +
<li><a href="#two">Activity 2</a></li>
 +
<li><a href="#three">Activity 33</a></li>
 +
</ul>
 +
 +
<div>
 +
<h2><a name="one" id="one">Activity 1</a></h2>
 +
 +
<span id="starter">W</span>e all know that the world economy largely rely on petroleum and it is now in a huge crisis due to its depletion. Many ideas and technologies have been suggested to replace the petroleum based system but they all have limitations. However, we, KAIST iGEM 2012 Team suggest a totally new but effective idea to substitute the conventional system. We try to produce an E. coli which can survive on CO<sub>2</sub> and H<sub>2</sub> as well as produce biomass, especially acetyl CoA. In this system, the substitute of petroleum system can resolve both problems of energy and material. In addition, it may relieve the global warming by consuming greenhouse gas.  
<span id="starter">W</span>e all know that the world economy largely rely on petroleum and it is now in a huge crisis due to its depletion. Many ideas and technologies have been suggested to replace the petroleum based system but they all have limitations. However, we, KAIST iGEM 2012 Team suggest a totally new but effective idea to substitute the conventional system. We try to produce an E. coli which can survive on CO<sub>2</sub> and H<sub>2</sub> as well as produce biomass, especially acetyl CoA. In this system, the substitute of petroleum system can resolve both problems of energy and material. In addition, it may relieve the global warming by consuming greenhouse gas.  
</br></br>
</br></br>
Line 405: Line 741:
</span>
</span>
</br></br>
</br></br>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
</div>
 +
<div>
 +
<h2><a name="two" id="two">Activity 2</a></h2>
 +
</div>
 +
<div>
 +
<h2><a name="three" id="three">Activity 3</a></h2>
 +
</div>
 +
</div>
 +
 +
 +
 +
 +

Revision as of 14:04, 30 August 2012

KAIST Korea 2012 iGEM

Kaist, KI Building

Human Practices

The primary economy of the earth is photosynthesis. We human species make up only 0.5% of the whole biomass in the earth. However human civilization is based on petroleum which depletes every second. This is not sustainable. – Jeremy Rifkin



Activity 1

We all know that the world economy largely rely on petroleum and it is now in a huge crisis due to its depletion. Many ideas and technologies have been suggested to replace the petroleum based system but they all have limitations. However, we, KAIST iGEM 2012 Team suggest a totally new but effective idea to substitute the conventional system. We try to produce an E. coli which can survive on CO2 and H2 as well as produce biomass, especially acetyl CoA. In this system, the substitute of petroleum system can resolve both problems of energy and material. In addition, it may relieve the global warming by consuming greenhouse gas.

We are working on a project which may have great effects to our future. We believe it to be helpful and useful for human civilization but we still have to consider both the bright and dark sides of it. To do so, we have or have planned to introduce the concept of our project and synthetic biology and then share ideas about them with the public. Since synthetic biology is not very familiar to the public in Korea, we prepared some lectures for this. As people of different ages would have different thoughts and thus give various opinions about synthetic biology, we divided the public into three groups; kids (middle school students), juveniles (high school students), and adults. We made contact to most prosperous and leading people of each group and have talked about synthetic biology and the project of KAIST iGEM 2012.



  • Talk with middle school students

In order to distribute our concept of generating energy and biomass through engineered E. coli, we tried to reach several groups of people. Among several attempts, we could first contact an academy for gifted children in KAIST called ‘Global Center for Gifted Children’ (GC2). Although we got several other offers, we decided to introduce our project, synthetic biology, and iGEM to middle school kids since they have the biggest potential to be the leading power in the future which synthetic biology will make. They planned to hold a science camp this summer and one of our members, Jihwan participated in the camp as a biology teacher. For the camp, we prepared three lectures and activities related to synthetic biology and iGEM; DNA structure and its manipulation, gel electrophoresis and its application, and concepts and applications of synthetic biology. The camp was held for four days from July 24th to July 27th and 46 middle school students of Daejeon city who were selected to the academy had participated. Our team has participated in biology session with the lectures we prepared and Jihwan as a main instructor. Because synthetic biology is quite a new field of study, kids first learned about its concepts, which is mainly about ‘Biobricks’, and iGEM competition as the biggest global event about synthetic biology. In the lecture of DNA, we explained the structures of DNA and genes and how we can manipulate the genetic sequences to yield genetically modified products. For the case of gel electrophoresis, we prepared a simple experiment to actually run DNA samples in agarose gel and figure out the size of DNA samples. Even though there are many other crucial experiments used in synthetic biology, we thought gel electrophoresis to be the most necessary and easiest experiment for middle school students to have a look at what synthetic biology actually does.

  • Talk with high school students

Next, we have scheduled to give lectures to high school students. In the case of middle school kids, we thought that they would live the society affected by synthetic biology, enjoying the beauty of it. However, for high school students, we viewed them as our company to lead the breakthrough of synthetic biology together with us. Thus, we contacted ‘Seoul Science High School’ and will give a lecture to the students who major in biology in that school on August 20th. For this time, Jihwan and Namil will be the lecturers and the contents and difficulty of the lecture will differ from those for middle school students.

  • Talk with adults

For adults, who are actually running the society right now, we prepared something different from the lectures for kids or juveniles. In this case, we participated in a global conference held in KAIST, ICISTS-KAIST 2012, and introduced about synthetic biology and iGEM project. In the conference, we, lecturers, and delegates shared each other’s thoughts over synthetic biology and iGEM project. We believed there would be numerous global leaders who have actual powers to change the world, thus we viewed the conference as a chance for us to gain support from those powerful figures. To be specific, we participated in the talk about Appropriate Technology, which seemed to be related to our project and debated about the feasibility and sustainability of our project. Indeed, many of the people we met in the conference told us their opinions about synthetic biology and its role in society as well as its potential to improve human civilization. However, considering appropriate technology, synthetic biology and our team project have several obstacles to overcome. According to lecturers, most highly developed technologies have been enjoyed by 10% of global population who has 90% of global wealth. Since this situation is not sustainable at all, scientists and engineers started to focus on technologies for the other 90% of population. In other words, they started to figure out which technology generally benefits people, which will in turn improve the social status of unprivileged people and facilitate underdeveloped countries to be developed. The problem we are facing now is that synthetic biology is expensive and difficult to be understood by those who don’t major in biology, thus it cannot immediately benefit every single person in the world. Since the ultimate goal of iGEM is to generate Biobrick parts library and modify or sometimes synthesize organisms which will benefit human race in long term, we believe adopting the notion of appropriate technology to iGEM and synthetic biology would further improve this goal.

Kaist Footer

Retrieved from "http://2012.igem.org/Team:KAIST_Korea/Plus_Attribution"