Team:Peking/HumanPractice/Review

From 2012.igem.org

(Difference between revisions)
m
m
Line 7: Line 7:
subsubitem.innerHTML=subsubitem.innerHTML+' >>>';
subsubitem.innerHTML=subsubitem.innerHTML+' >>>';
</script>
</script>
 +
<style type="text/css">
 +
#text-body .PKU_context p.content
 +
{
 +
  width: 400px;
 +
  padding-top: 0;
 +
}
 +
#text-body .PKU_context p.name
 +
{
 +
  width: 170px;
 +
  text-align: center;
 +
  font-weight: bold;
 +
}
 +
#text-body .PKU_context img.pic
 +
{
 +
  width: 180px;
 +
}
 +
</style>
<div class="PKU_context floatR first">
<div class="PKU_context floatR first">
  <div class="floatC">
  <div class="floatC">
Line 25: Line 42:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2010.igem.org/Team:Peking">
   <a href="https://2010.igem.org/Team:Peking">
-
   <img src="/wiki/images/1/10/Peking2012_HumanPractice_Review_Fig1_Peking2010.png" alt="" title="Peking 2010" style="width:180px;" />
+
   <img src="/wiki/images/1/10/Peking2012_HumanPractice_Review_Fig1_Peking2010.png" alt="" title="Peking 2010" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
The first amazing modeling project for you is from Peking 2010 team. As they were endeavoring in the development of a sensing circuit for heavy metals, the linear range should be broad enough to include a change of several magnitudes. Taking an informative Biological Network Reverse Engineering approach to guide the circuit design, they were finally able to enhance the function to a next level.
The first amazing modeling project for you is from Peking 2010 team. As they were endeavoring in the development of a sensing circuit for heavy metals, the linear range should be broad enough to include a change of several magnitudes. Taking an informative Biological Network Reverse Engineering approach to guide the circuit design, they were finally able to enhance the function to a next level.
   </p>
   </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
Peking 2010
Peking 2010
   </p>
   </p>
Line 44: Line 61:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2011.igem.org/Team:British_Columbia">
   <a href="https://2011.igem.org/Team:British_Columbia">
-
   <img src="/wiki/images/a/a5/Peking2012_HumanPractice_Review_Fig2_British_Columbia2011.png" alt="" title="British Columbia" style="width:170px;" />
+
   <img src="/wiki/images/a/a5/Peking2012_HumanPractice_Review_Fig2_British_Columbia2011.png" alt="" title="British Columbia" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
Then it comes to the modeling work of British Columbia of 2011. They have presented an example for an extension of traditional modeling. The protein structure alignment and the docking of the small molecule gave them information on what residues were responsible for the synthesis of terpene and thus for the synthase’s modification.  </p>
Then it comes to the modeling work of British Columbia of 2011. They have presented an example for an extension of traditional modeling. The protein structure alignment and the docking of the small molecule gave them information on what residues were responsible for the synthesis of terpene and thus for the synthase’s modification.  </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
Brithsh Columbia 2011
Brithsh Columbia 2011
   </p>
   </p>
Line 62: Line 79:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2010.igem.org/Team:Edinburgh">
   <a href="https://2010.igem.org/Team:Edinburgh">
-
   <img src="/wiki/images/4/44/Peking2012_HumanPractice_Review_Fig3_Edinburg2010.png" alt="" title="Edinburgh 2010" style="width:180px;" />
+
   <img src="/wiki/images/4/44/Peking2012_HumanPractice_Review_Fig3_Edinburg2010.png" alt="" title="Edinburgh 2010" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
In order to model the core repressilator system, Edinburg 2010 inventively utilized a stochastic agent and rule-based language called Kappa. In Kappa, proteins, DNA, and RNA are represented as agents that can be used to hold state or interact with other agents. And with kappa, they are able to assimilate the oscillation of the population of bacteria and the level of proteins.
In order to model the core repressilator system, Edinburg 2010 inventively utilized a stochastic agent and rule-based language called Kappa. In Kappa, proteins, DNA, and RNA are represented as agents that can be used to hold state or interact with other agents. And with kappa, they are able to assimilate the oscillation of the population of bacteria and the level of proteins.
   </p>
   </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
Edinburgh 2010
Edinburgh 2010
   </p>
   </p>
Line 81: Line 98:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2011.igem.org/Team:Paris_Bettencourt">
   <a href="https://2011.igem.org/Team:Paris_Bettencourt">
-
   <img src="/wiki/images/b/b6/Peking2012_HumanPractice_Review_Fig4_Paris_Bettencourt2011.png" alt="" title="Paris Bettencourt 2011" style="width:180px;" />
+
   <img src="/wiki/images/b/b6/Peking2012_HumanPractice_Review_Fig4_Paris_Bettencourt2011.png" alt="" title="Paris Bettencourt 2011" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
What to taste something more than traditional dynamic modeling? Paris Bettencourt 2010 showed us an outstanding example of kinetic modeling and it came along with a real-time video illustration for readers to directly understand what is going on with the diffusion process.
What to taste something more than traditional dynamic modeling? Paris Bettencourt 2010 showed us an outstanding example of kinetic modeling and it came along with a real-time video illustration for readers to directly understand what is going on with the diffusion process.
   </p>
   </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
Paris Bettencourt 2011
Paris Bettencourt 2011
   </p>
   </p>
Line 100: Line 117:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2010.igem.org/Team:BCCS-Bristol">
   <a href="https://2010.igem.org/Team:BCCS-Bristol">
-
   <img src="/wiki/images/c/cf/Peking2012_HumanPractice_Review_Fig5_BCCS_Bristol2010.png" alt="" title="BCCS Bristol 2010" style="width:180px;" />
+
   <img src="/wiki/images/c/cf/Peking2012_HumanPractice_Review_Fig5_BCCS_Bristol2010.png" alt="" title="BCCS Bristol 2010" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
Only developing a set of functional beads is in itself incomplete, as the key to a useful tool is to let others characterize the beads in their own projects. And this originally developed software, BSim, is not only user-friendly, but also perfectly characterizes the behavior of their beads.
Only developing a set of functional beads is in itself incomplete, as the key to a useful tool is to let others characterize the beads in their own projects. And this originally developed software, BSim, is not only user-friendly, but also perfectly characterizes the behavior of their beads.
   </p>
   </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
BCCS-Bristol 2010
BCCS-Bristol 2010
   </p>
   </p>
Line 122: Line 139:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2009.igem.org/Team:Cambridge">
   <a href="https://2009.igem.org/Team:Cambridge">
-
   <img src="/wiki/images/9/98/Peking2012_HumanPractice_Review_Fig7_Cambridge2009.png" alt="" title="Cambridge 2009" style="width:180px;" />
+
   <img src="/wiki/images/9/98/Peking2012_HumanPractice_Review_Fig7_Cambridge2009.png" alt="" title="Cambridge 2009" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
Colors and light should always be something attractive on an iGEM competition. And the Cambridge team of 2010 and 2009 certainly understand this and take it to their advantage.
Colors and light should always be something attractive on an iGEM competition. And the Cambridge team of 2010 and 2009 certainly understand this and take it to their advantage.
   </p>
   </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
Cambridge 2009
Cambridge 2009
   </p>
   </p>
Line 141: Line 158:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2010.igem.org/Team:Cambridge">
   <a href="https://2010.igem.org/Team:Cambridge">
-
   <img src="/wiki/images/5/57/Peking2012_HumanPractice_Review_Fig8_Cambridge2010.png" alt="" title="Cambridge 2010" style="width:180px;" />
+
   <img src="/wiki/images/5/57/Peking2012_HumanPractice_Review_Fig8_Cambridge2010.png" alt="" title="Cambridge 2010" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
Their 2010 work of lightening cells with different luciferases and their 2009 work of transmitting different pigments of different colors are both applicable and charming projects for the competition. A simple array of colors and lights would just tell the whole story.
Their 2010 work of lightening cells with different luciferases and their 2009 work of transmitting different pigments of different colors are both applicable and charming projects for the competition. A simple array of colors and lights would just tell the whole story.
   </p>
   </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
Cambridge 2010
Cambridge 2010
   </p>
   </p>
Line 160: Line 177:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2010.igem.org/Team:BCCS-Bristol">
   <a href="https://2010.igem.org/Team:BCCS-Bristol">
-
   <img src="/wiki/images/7/77/Peking2012_HumanPractice_Review_Fig9_BCCS_Bristol2010.png" alt="" title="BCCS-Bristol 2010" style="width:180px;" />
+
   <img src="/wiki/images/7/77/Peking2012_HumanPractice_Review_Fig9_BCCS_Bristol2010.png" alt="" title="BCCS-Bristol 2010" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
Now here goes the project of Bristol 2010. The incorporation of engineered E. coli into beads will not only extend the territory of this biobrick, but also will help with possible commercialization. The combination of field application and lab design will always remain the most exciting part of iGEM!
Now here goes the project of Bristol 2010. The incorporation of engineered E. coli into beads will not only extend the territory of this biobrick, but also will help with possible commercialization. The combination of field application and lab design will always remain the most exciting part of iGEM!
   </p>
   </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
BCCS-Bristol 2010
BCCS-Bristol 2010
   </p>
   </p>
Line 179: Line 196:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2009.igem.org/Team:Valencia">
   <a href="https://2009.igem.org/Team:Valencia">
-
   <img src="/wiki/images/d/da/Peking2012_HumanPractice_Review_Fig6_Valencia2009.gif" alt="" title="Valencia 2009" style="width:180px;" />
+
   <img src="/wiki/images/d/da/Peking2012_HumanPractice_Review_Fig6_Valencia2009.gif" alt="" title="Valencia 2009" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
What would happen when electricity meets synthetic biology? Valencia 2009 team presented a wonderful combination of electrical engineering and voltage-sensitive cells. And the idea of iLCD gives a visual impact illustrating the characteristics of their biopart and the charm of interdisciplinary research.
What would happen when electricity meets synthetic biology? Valencia 2009 team presented a wonderful combination of electrical engineering and voltage-sensitive cells. And the idea of iLCD gives a visual impact illustrating the characteristics of their biopart and the charm of interdisciplinary research.
   </p>
   </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
Valencia 2009
Valencia 2009
   </p>
   </p>
Line 198: Line 215:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2010.igem.org/Team:Slovenia">
   <a href="https://2010.igem.org/Team:Slovenia">
-
   <img src="/wiki/images/0/04/Peking2012_HumanPractice_Review_Fig10_Slovenia2010.png" alt="" title="Slovenia 2010" style="width:180px;" />
+
   <img src="/wiki/images/0/04/Peking2012_HumanPractice_Review_Fig10_Slovenia2010.png" alt="" title="Slovenia 2010" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
DNA scaffold? Aligned proteins? Is ELISA the only way to characterize its function with those boring curves and numbers? The 2010 team of Slovenia said no! Spatially related fluorescent proteins would undergo a process called Fluorescent Resonance Energy Transfer. And seeing the emission of fluorescence sure catches more intention then those curves, right?  
DNA scaffold? Aligned proteins? Is ELISA the only way to characterize its function with those boring curves and numbers? The 2010 team of Slovenia said no! Spatially related fluorescent proteins would undergo a process called Fluorescent Resonance Energy Transfer. And seeing the emission of fluorescence sure catches more intention then those curves, right?  
   </p>
   </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
Slovenia 2010
Slovenia 2010
   </p>
   </p>
Line 220: Line 237:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2011.igem.org/Team:Paris_Bettencourt">
   <a href="https://2011.igem.org/Team:Paris_Bettencourt">
-
   <img src="/wiki/images/b/b3/Peking2012_HumanPractice_Review_Fig11_Paris_Benttencourt2011.png" alt="" title="Paris Bettencourt 2011" style="width:180px;" />
+
   <img src="/wiki/images/b/b3/Peking2012_HumanPractice_Review_Fig11_Paris_Benttencourt2011.png" alt="" title="Paris Bettencourt 2011" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
Completely lost when you are looking for some specific information in a wiki? Paris 2011 says a good navigation system would help. Though text and photos are garbled at the front-page , this wiki enjoys an elegant design in its navigation bar, which is not only informative, but also convenient for users from all kinds of backgrounds.
Completely lost when you are looking for some specific information in a wiki? Paris 2011 says a good navigation system would help. Though text and photos are garbled at the front-page , this wiki enjoys an elegant design in its navigation bar, which is not only informative, but also convenient for users from all kinds of backgrounds.
   </p>
   </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
Paris Bettencourt 2011
Paris Bettencourt 2011
   </p>
   </p>
Line 239: Line 256:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2011.igem.org/Team:Washington">
   <a href="https://2011.igem.org/Team:Washington">
-
   <img src="/wiki/images/6/68/Peking2012_HumanPractice_Review_Fig12_Washington2011.png" alt="" title="Washington 2011" style="width:180px;" />
+
   <img src="/wiki/images/6/68/Peking2012_HumanPractice_Review_Fig12_Washington2011.png" alt="" title="Washington 2011" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
As for the elegant wiki of Washington 2011, people would be touched by first sight. Explicit illustration at frontpage not only avoids prolonged texture and makes the whole page more compact, but also eased the tension of serious scientific research. If you want an eye-catching and informative wiki, this is it!   
As for the elegant wiki of Washington 2011, people would be touched by first sight. Explicit illustration at frontpage not only avoids prolonged texture and makes the whole page more compact, but also eased the tension of serious scientific research. If you want an eye-catching and informative wiki, this is it!   
</p>
</p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
Washington 2011
Washington 2011
   </p>
   </p>
Line 258: Line 275:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2011.igem.org/Team:Imperial_College_London">
   <a href="https://2011.igem.org/Team:Imperial_College_London">
-
   <img src="/wiki/images/d/d2/Peking2012_HumanPractice_Review_Fig13_ImperialCollegeLondon2011.png" alt="" title="Imperial College London 2011" style="width:180px;" />
+
   <img src="/wiki/images/d/d2/Peking2012_HumanPractice_Review_Fig13_ImperialCollegeLondon2011.png" alt="" title="Imperial College London 2011" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
Other styles also convey their stories effectively, such as the wiki of Imperial College London 2011. The introduction of a rotating gallery containing each individual module of the whole wiki also saves space, but this format requires inclusive consideration on timing, picture choosing and more efficient wording.
Other styles also convey their stories effectively, such as the wiki of Imperial College London 2011. The introduction of a rotating gallery containing each individual module of the whole wiki also saves space, but this format requires inclusive consideration on timing, picture choosing and more efficient wording.
   </p>
   </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
Imperial College London 2011
Imperial College London 2011
   </p>
   </p>
Line 277: Line 294:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2009.igem.org/Team:Heidelberg">
   <a href="https://2009.igem.org/Team:Heidelberg">
-
   <img src="/wiki/images/7/76/Peking2012_HumanPractice_Review_Fig15_Heidelberg2009.png" alt="" title="Heidelberg 2009" style="width:180px;" />
+
   <img src="/wiki/images/7/76/Peking2012_HumanPractice_Review_Fig15_Heidelberg2009.png" alt="" title="Heidelberg 2009" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
Aesthetics is another core element come to a wiki constructor’s mind. And the wiki of Heidelberg in 2009 serves as a good example. The usage of pure-color squares and the combination of carefully aligned, differently sized squares gives out an impression of well organization and explicitness.
Aesthetics is another core element come to a wiki constructor’s mind. And the wiki of Heidelberg in 2009 serves as a good example. The usage of pure-color squares and the combination of carefully aligned, differently sized squares gives out an impression of well organization and explicitness.
   </p>
   </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
Heidelberg 2009
Heidelberg 2009
   </p>
   </p>
Line 296: Line 313:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2011.igem.org/Team:Cambridge">
   <a href="https://2011.igem.org/Team:Cambridge">
-
   <img src="/wiki/images/6/61/Peking2012_HumanPractice_Review_Fig14_Cambridge2011.png" alt="" title="Cambridge 2011" style="width:180px;" />
+
   <img src="/wiki/images/6/61/Peking2012_HumanPractice_Review_Fig14_Cambridge2011.png" alt="" title="Cambridge 2011" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
Well, a wiki does not come out of nowhere. Good coding not only guarantees a good wiki website but also facilitates those who want to learn from the wiki’s construction. For those teams who wrote their own codes and constructed their own system of wiki, their wiki should be highly appreciated and honored. By the way, this year, Peking's Wiki System is also written by ourselves, character by character!
Well, a wiki does not come out of nowhere. Good coding not only guarantees a good wiki website but also facilitates those who want to learn from the wiki’s construction. For those teams who wrote their own codes and constructed their own system of wiki, their wiki should be highly appreciated and honored. By the way, this year, Peking's Wiki System is also written by ourselves, character by character!
   </p>
   </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
Cambridge 2011
Cambridge 2011
   </p>
   </p>
Line 318: Line 335:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2011.igem.org/Team:Imperial_College_London">
   <a href="https://2011.igem.org/Team:Imperial_College_London">
-
   <img src="/wiki/images/c/cb/Peking2012_HumanPractice_Review_Fig16_ImperialCollegeLondon2011.png" alt="" title="Imperial College London 2011" style="width:180px;" />
+
   <img src="/wiki/images/c/cb/Peking2012_HumanPractice_Review_Fig16_ImperialCollegeLondon2011.png" alt="" title="Imperial College London 2011" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
Want to have your voice heard by more people? Imperial College London team of 2011 did it. Collaboration and exchange of ideas remain the most exciting and acitiveactive elements of a competition like iGEM, while this is also a core quality of future scientists. <br />
Want to have your voice heard by more people? Imperial College London team of 2011 did it. Collaboration and exchange of ideas remain the most exciting and acitiveactive elements of a competition like iGEM, while this is also a core quality of future scientists. <br />
And their Radio iGEM is a new platform for fun and understanding each other.
And their Radio iGEM is a new platform for fun and understanding each other.
Line 328: Line 345:
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
Imperial College London 2011
Imperial College London 2011
   </p>
   </p>
Line 338: Line 355:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2011.igem.org/Team:British_Columbia">
   <a href="https://2011.igem.org/Team:British_Columbia">
-
   <img src="/wiki/images/b/bb/Peking2012_HumanPractice_Review_Fig17_British_Columbia2011.png" alt="" title="British Columbia 2011" style="width:180px;" />
+
   <img src="/wiki/images/b/bb/Peking2012_HumanPractice_Review_Fig17_British_Columbia2011.png" alt="" title="British Columbia 2011" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
If you want to conduct a comprehensive and meaningful human practice project, British Columbia team of 2011 tells you how to do that. As a burgeoning field of study, synthetic biology not only asks for wild imaginations but also active and motivated new participants, this ternary human practice project includes both and more.  
If you want to conduct a comprehensive and meaningful human practice project, British Columbia team of 2011 tells you how to do that. As a burgeoning field of study, synthetic biology not only asks for wild imaginations but also active and motivated new participants, this ternary human practice project includes both and more.  
  </p>
  </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
British Columbia 2011
British Columbia 2011
   </p>
   </p>
Line 357: Line 374:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2011.igem.org/Team:Brown-Stanford">
   <a href="https://2011.igem.org/Team:Brown-Stanford">
-
   <img src="/wiki/images/b/bd/Peking2012_HumanPractice_Review_Fig18_Brown-Stanford2011.png" alt="" title="Brown-Stanford 2011" style="width:180px;" />
+
   <img src="/wiki/images/b/bd/Peking2012_HumanPractice_Review_Fig18_Brown-Stanford2011.png" alt="" title="Brown-Stanford 2011" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
Can flying a balloon help with the spread of synthetic biology? Sounds weird. But what if this is done in front of the camera of BBC? In their endeavor to broaden the impact of synthetic biology, the iGEMers of Brown-Stanford 2011 took it to the next level: BBC interviews and Maker Faire NYC. This is sure something big.
Can flying a balloon help with the spread of synthetic biology? Sounds weird. But what if this is done in front of the camera of BBC? In their endeavor to broaden the impact of synthetic biology, the iGEMers of Brown-Stanford 2011 took it to the next level: BBC interviews and Maker Faire NYC. This is sure something big.
   </p>
   </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
Brown-Stanford 2011
Brown-Stanford 2011
   </p>
   </p>
Line 376: Line 393:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2011.igem.org/Team:NYC_Wetware">
   <a href="https://2011.igem.org/Team:NYC_Wetware">
-
   <img src="/wiki/images/9/98/Peking2012_HumanPractice_Review_Fig19_NYCWetware2011.png" alt="" title="NYC Wetware 2011" style="width:180px;" />
+
   <img src="/wiki/images/9/98/Peking2012_HumanPractice_Review_Fig19_NYCWetware2011.png" alt="" title="NYC Wetware 2011" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
Some team may complain about a lack of opportunities for them to arrange activities like those mentioned just now. Don’t worry, investigation and survey can also win attention! For those teams more focusing on investigations rather than outreaching activities, this project could be of great inspiration.
Some team may complain about a lack of opportunities for them to arrange activities like those mentioned just now. Don’t worry, investigation and survey can also win attention! For those teams more focusing on investigations rather than outreaching activities, this project could be of great inspiration.
   </p>
   </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
NYC Wetware 2011
NYC Wetware 2011
   </p>
   </p>
Line 395: Line 412:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2010.igem.org/Team:Imperial_College_London">
   <a href="https://2010.igem.org/Team:Imperial_College_London">
-
   <img src="/wiki/images/3/3c/Peking2012_HumanPractice_Review_Fig20_ImperialCollegeLondon2010.png" alt="" title="Imperial College London 2010" style="width:180px;" />
+
   <img src="/wiki/images/3/3c/Peking2012_HumanPractice_Review_Fig20_ImperialCollegeLondon2010.png" alt="" title="Imperial College London 2010" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
How to present your human practice projects? And to what extent should our concern extend? <br />For the 1st question: film it! For the 2nd question: how synthetic biology could help with the most serious problems of human. Go visit the wiki of imperial college London 2010 to find more!
How to present your human practice projects? And to what extent should our concern extend? <br />For the 1st question: film it! For the 2nd question: how synthetic biology could help with the most serious problems of human. Go visit the wiki of imperial college London 2010 to find more!
   </p>
   </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
Imperial College London 2010
Imperial College London 2010
   </p>
   </p>
Line 417: Line 434:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2010.igem.org/Team:Imperial_College_London">
   <a href="https://2010.igem.org/Team:Imperial_College_London">
-
   <img src="/wiki/images/c/ca/Peking2012_HumanPractice_Review_Fig21_ImperialCollegeLondon2010.png" alt="" title="Imperial College London 2010" style="width:180px;" />
+
   <img src="/wiki/images/c/ca/Peking2012_HumanPractice_Review_Fig21_ImperialCollegeLondon2010.png" alt="" title="Imperial College London 2010" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
How should incorporate the work of modeling into the whole story? Imperial College London 2010 has a solution. Their presentation is a wonderful combination of wet and dry lab in the presentation.<br />
How should incorporate the work of modeling into the whole story? Imperial College London 2010 has a solution. Their presentation is a wonderful combination of wet and dry lab in the presentation.<br />
And a piece of video of suitable timing can convey different information in a different way.
And a piece of video of suitable timing can convey different information in a different way.
Line 427: Line 444:
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
Imperial College London 2010
Imperial College London 2010
   </p>
   </p>
Line 437: Line 454:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2011.igem.org/Team:Imperial_College_London">
   <a href="https://2011.igem.org/Team:Imperial_College_London">
-
   <img src="/wiki/images/7/75/Peking2012_HumanPractice_Review_Fig22_ImperialCollegeLondon2011.png" alt="" title="Imperial College London 2011" style="width:180px;" />
+
   <img src="/wiki/images/7/75/Peking2012_HumanPractice_Review_Fig22_ImperialCollegeLondon2011.png" alt="" title="Imperial College London 2011" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
As for the presentation of the same college, but in the year of 2011, they have other advantages. Pellucid logic with inviting skills of introducing a project from its origin to its achievement, from problem faced to their solutions.<br /> They have presented a perfect example of clothing on stage, relative to their subject..
As for the presentation of the same college, but in the year of 2011, they have other advantages. Pellucid logic with inviting skills of introducing a project from its origin to its achievement, from problem faced to their solutions.<br /> They have presented a perfect example of clothing on stage, relative to their subject..
   </p>
   </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
Imperial College London 2011
Imperial College London 2011
   </p>
   </p>
Line 456: Line 473:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2009.igem.org/Team:Cambridge">
   <a href="https://2009.igem.org/Team:Cambridge">
-
   <img src="/wiki/images/b/bf/Peking2012_HumanPractice_Review_Fig23_Cambridge2009.png" alt="" title="Cambridge 2009" style="width:180px;" />
+
   <img src="/wiki/images/b/bf/Peking2012_HumanPractice_Review_Fig23_Cambridge2009.png" alt="" title="Cambridge 2009" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
What if each module contains rather professional knowledge that makes it difficult to be accomplished by one or two narrators? <br />The presentation of Cambridge team of 2009 would be an example to illustrate interdisciplinary cooperation and division  
What if each module contains rather professional knowledge that makes it difficult to be accomplished by one or two narrators? <br />The presentation of Cambridge team of 2009 would be an example to illustrate interdisciplinary cooperation and division  
  </p>
  </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
Cambridge 2009
Cambridge 2009
   </p>
   </p>
Line 475: Line 492:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2010.igem.org/Team:Cambridge">
   <a href="https://2010.igem.org/Team:Cambridge">
-
   <img src="/wiki/images/7/7a/Peking2012_HumanPractice_Review_Fig24_Cambridge2010.png" alt="" title="Cambridge 2010" style="width:180px;" />
+
   <img src="/wiki/images/7/7a/Peking2012_HumanPractice_Review_Fig24_Cambridge2010.png" alt="" title="Cambridge 2010" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p style="width:400px;">
+
   <p class="content">
Again, aesthetics also matters in your slides! Wondering about how to match colors and set a suitable background? Here we see reasonable color matching of slides (black background is always the best choice for projects about light), and so much enthusiasm and team work in this very presentation.
Again, aesthetics also matters in your slides! Wondering about how to match colors and set a suitable background? Here we see reasonable color matching of slides (black background is always the best choice for projects about light), and so much enthusiasm and team work in this very presentation.
   </p>
   </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
Cambridge 2010
Cambridge 2010
   </p>
   </p>
Line 494: Line 511:
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
   <a href="https://2011.igem.org/Team:Washington">
   <a href="https://2011.igem.org/Team:Washington">
-
   <img src="/wiki/images/0/07/Peking2012_HumanPractice_Review_Fig25_Washington2011.png" alt="" title="Washington 2011" style="width:180px;" />
+
   <img src="/wiki/images/0/07/Peking2012_HumanPractice_Review_Fig25_Washington2011.png" alt="" title="Washington 2011" class="pic" />
   </a>
   </a>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
<p style="width:400px;">
+
<p class="content">
Defending yourself is also very important in the whole process. No one wants an anticlimax at the time of Q & A. <br />Here we show you one of the good examples of excellent defense, where they encountered different questions and tackled them elegantly.
Defending yourself is also very important in the whole process. No one wants an anticlimax at the time of Q & A. <br />Here we show you one of the good examples of excellent defense, where they encountered different questions and tackled them elegantly.
   </p>
   </p>
  </div>
  </div>
  <div class="floatL" style="margin-left:10px;">
  <div class="floatL" style="margin-left:10px;">
-
   <p style="width:170px;text-align:center;font-weight:bold;">
+
   <p class="name">
Washington 2011
Washington 2011
   </p>
   </p>

Revision as of 12:23, 17 September 2012

Summary

Sharing and learning from each other is one of the most important features of the iGEM competition, in that any lack of experience could be well ameliorated by studying the projects and the way of presenting them of other and/or previous teams.

We here present you with a collection and praise of historic iGEM projects. Though these projects selected may not comprehensively include all the meritorious projects of each aspect, we managed to introduce you some representative projects from different perspective. And we hope this collection might help iGEMers with their projects and presentations.

5 Meritorious Projects: Modeling

The first amazing modeling project for you is from Peking 2010 team. As they were endeavoring in the development of a sensing circuit for heavy metals, the linear range should be broad enough to include a change of several magnitudes. Taking an informative Biological Network Reverse Engineering approach to guide the circuit design, they were finally able to enhance the function to a next level.

Peking 2010


Then it comes to the modeling work of British Columbia of 2011. They have presented an example for an extension of traditional modeling. The protein structure alignment and the docking of the small molecule gave them information on what residues were responsible for the synthesis of terpene and thus for the synthase’s modification.

Brithsh Columbia 2011


In order to model the core repressilator system, Edinburg 2010 inventively utilized a stochastic agent and rule-based language called Kappa. In Kappa, proteins, DNA, and RNA are represented as agents that can be used to hold state or interact with other agents. And with kappa, they are able to assimilate the oscillation of the population of bacteria and the level of proteins.

Edinburgh 2010


What to taste something more than traditional dynamic modeling? Paris Bettencourt 2010 showed us an outstanding example of kinetic modeling and it came along with a real-time video illustration for readers to directly understand what is going on with the diffusion process.

Paris Bettencourt 2011


Only developing a set of functional beads is in itself incomplete, as the key to a useful tool is to let others characterize the beads in their own projects. And this originally developed software, BSim, is not only user-friendly, but also perfectly characterizes the behavior of their beads.

BCCS-Bristol 2010


5 Meritorious Projects: Demonstration

Colors and light should always be something attractive on an iGEM competition. And the Cambridge team of 2010 and 2009 certainly understand this and take it to their advantage.

Cambridge 2009


Their 2010 work of lightening cells with different luciferases and their 2009 work of transmitting different pigments of different colors are both applicable and charming projects for the competition. A simple array of colors and lights would just tell the whole story.

Cambridge 2010


Now here goes the project of Bristol 2010. The incorporation of engineered E. coli into beads will not only extend the territory of this biobrick, but also will help with possible commercialization. The combination of field application and lab design will always remain the most exciting part of iGEM!

BCCS-Bristol 2010


What would happen when electricity meets synthetic biology? Valencia 2009 team presented a wonderful combination of electrical engineering and voltage-sensitive cells. And the idea of iLCD gives a visual impact illustrating the characteristics of their biopart and the charm of interdisciplinary research.

Valencia 2009


DNA scaffold? Aligned proteins? Is ELISA the only way to characterize its function with those boring curves and numbers? The 2010 team of Slovenia said no! Spatially related fluorescent proteins would undergo a process called Fluorescent Resonance Energy Transfer. And seeing the emission of fluorescence sure catches more intention then those curves, right?

Slovenia 2010


5 Meritorious Projects: Wiki

Completely lost when you are looking for some specific information in a wiki? Paris 2011 says a good navigation system would help. Though text and photos are garbled at the front-page , this wiki enjoys an elegant design in its navigation bar, which is not only informative, but also convenient for users from all kinds of backgrounds.

Paris Bettencourt 2011


As for the elegant wiki of Washington 2011, people would be touched by first sight. Explicit illustration at frontpage not only avoids prolonged texture and makes the whole page more compact, but also eased the tension of serious scientific research. If you want an eye-catching and informative wiki, this is it!

Washington 2011


Other styles also convey their stories effectively, such as the wiki of Imperial College London 2011. The introduction of a rotating gallery containing each individual module of the whole wiki also saves space, but this format requires inclusive consideration on timing, picture choosing and more efficient wording.

Imperial College London 2011


Aesthetics is another core element come to a wiki constructor’s mind. And the wiki of Heidelberg in 2009 serves as a good example. The usage of pure-color squares and the combination of carefully aligned, differently sized squares gives out an impression of well organization and explicitness.

Heidelberg 2009


Well, a wiki does not come out of nowhere. Good coding not only guarantees a good wiki website but also facilitates those who want to learn from the wiki’s construction. For those teams who wrote their own codes and constructed their own system of wiki, their wiki should be highly appreciated and honored. By the way, this year, Peking's Wiki System is also written by ourselves, character by character!

Cambridge 2011


5 Meritorious Projects: Human Practice

Want to have your voice heard by more people? Imperial College London team of 2011 did it. Collaboration and exchange of ideas remain the most exciting and acitiveactive elements of a competition like iGEM, while this is also a core quality of future scientists.
And their Radio iGEM is a new platform for fun and understanding each other.

Imperial College London 2011


If you want to conduct a comprehensive and meaningful human practice project, British Columbia team of 2011 tells you how to do that. As a burgeoning field of study, synthetic biology not only asks for wild imaginations but also active and motivated new participants, this ternary human practice project includes both and more.

British Columbia 2011


Can flying a balloon help with the spread of synthetic biology? Sounds weird. But what if this is done in front of the camera of BBC? In their endeavor to broaden the impact of synthetic biology, the iGEMers of Brown-Stanford 2011 took it to the next level: BBC interviews and Maker Faire NYC. This is sure something big.

Brown-Stanford 2011


Some team may complain about a lack of opportunities for them to arrange activities like those mentioned just now. Don’t worry, investigation and survey can also win attention! For those teams more focusing on investigations rather than outreaching activities, this project could be of great inspiration.

NYC Wetware 2011


How to present your human practice projects? And to what extent should our concern extend?
For the 1st question: film it! For the 2nd question: how synthetic biology could help with the most serious problems of human. Go visit the wiki of imperial college London 2010 to find more!

Imperial College London 2010


5 Meritorious Projects: Presentation

How should incorporate the work of modeling into the whole story? Imperial College London 2010 has a solution. Their presentation is a wonderful combination of wet and dry lab in the presentation.
And a piece of video of suitable timing can convey different information in a different way.

Imperial College London 2010


As for the presentation of the same college, but in the year of 2011, they have other advantages. Pellucid logic with inviting skills of introducing a project from its origin to its achievement, from problem faced to their solutions.
They have presented a perfect example of clothing on stage, relative to their subject..

Imperial College London 2011


What if each module contains rather professional knowledge that makes it difficult to be accomplished by one or two narrators?
The presentation of Cambridge team of 2009 would be an example to illustrate interdisciplinary cooperation and division

Cambridge 2009


Again, aesthetics also matters in your slides! Wondering about how to match colors and set a suitable background? Here we see reasonable color matching of slides (black background is always the best choice for projects about light), and so much enthusiasm and team work in this very presentation.

Cambridge 2010


Defending yourself is also very important in the whole process. No one wants an anticlimax at the time of Q & A.
Here we show you one of the good examples of excellent defense, where they encountered different questions and tackled them elegantly.

Washington 2011


  • Totop Totop