Team:UT-Tokyo-Software/Notebook

From 2012.igem.org

(Difference between revisions)
m
Line 4: Line 4:
<title>Notebook</title>
<title>Notebook</title>
<script language="JavaScript">
<script language="JavaScript">
-
clickMenu = function(menu) {
+
if (document.getElementById){
-
var getEls = document.getElementById(menu).getElementsByTagName("LI");
+
document.write('<style type="text/css">\n')
-
var getAgn = getEls;
+
document.write('<!--\n')
 +
document.write('.akoML{display: none;}\n')
 +
document.write('-->\n')
 +
document.write('</style>\n') }
 +
function kirikae(akoO){
 +
if(document.getElementById){
 +
var baba = document.getElementById(akoO);
 +
var obaba = document.getElementById("akoD").getElementsByTagName("span");
 +
if(baba.style.display != "block"){
 +
for (var kazu=0; kazu<obaba.length; kazu++){
 +
if (obaba[kazu].className=="akoML")
 +
obaba[kazu].style.display = "none";}
 +
baba.style.display = "block";
 +
}else{
 +
baba.style.display = "none";}}}
-
for (var i=0; i<getEls.length; i++) {
+
if (document.images) {
-
getEls[i].onclick=function() {
+
image0 = new Image;
-
for (var x=0; x<getAgn.length; x++) {
+
image1 = new Image;
-
if ((this.className.indexOf('default'))==-1) {
+
image2 = new Image;
-
getAgn[x].className=getAgn[x].className.replace("default", "off");
+
image3 = new Image;
-
}
+
image4 = new Image;
-
getAgn[x].className=getAgn[x].className.replace("unclick", "");
+
image5 = new Image;
-
getAgn[x].className=getAgn[x].className.replace("click", "unclick");
+
image6 = new Image;
-
}
+
image7 = new Image;
-
if ((this.className.indexOf('unclick'))!=-1) {
+
image8 = new Image;
-
for (var x=0; x<getAgn.length; x++) {
+
image0.src = 'https://static.igem.org/mediawiki/2012/5/51/2012UT-T-S_Hanabi4.png';
-
getAgn[x].className=getAgn[x].className.replace("off", "default");
+
image1.src = 'https://static.igem.org/mediawiki/2012/1/1e/2012UT-T-S_Fireworks.png';
-
}
+
image2.src = 'https://static.igem.org/mediawiki/2012/6/63/2012UT-T-S_F_N.png';
-
this.className=this.className.replace("unclick", "");
+
image3.src='https://static.igem.org/mediawiki/2012/6/6c/2012UT-T-S_Bro.png';
-
}
+
image4.src='https://static.igem.org/mediawiki/2012/c/cd/2012UT-T-S_Furiko_ga.png';
-
else {
+
image5.src='https://static.igem.org/mediawiki/2012/d/d7/2012UT-T-S_Maze.png';
-
this.className+=" click";
+
image6.src='https://static.igem.org/mediawiki/2012/9/9c/2012UT-T-S_Pso.png';
-
}
+
image7.src='https://static.igem.org/mediawiki/2012/f/fc/2012UT-T-S_Bz.png';
-
}
+
image8.src='https://static.igem.org/mediawiki/2012/e/e0/2012UT-T-S_Voronoi.png';
-
}
+
} else {
-
}
+
image0 = '';
 +
image1 = '';
 +
image2 = '';
 +
image3 = '';
 +
image4 = '';
 +
image5 = '';
 +
image6 = '';
 +
image7 = '';
 +
image8 = '';
 +
document.rollimg = '';
 +
}
</script>
</script>
-
<style type="text/css">
 
-
#gallery {width:650px; height:500px; position:relative; border:1px solid #ddd; background:#fff;}
 
-
#gallery ul {list-style:none; padding:5px; margin:0; width:120px; float:right; height:300px; overflow:auto;}
 
-
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
 
-
#gallery ul li img {display:block; width:50px; height:50px;}
 
-
#gallery ul li span {display:none; position:absolute; left:520px; top:300px; width:120px;font-family:verdana, arial, sans-serif; color:#666; font-size:11px; line-height:15px; text-align:justify;}
 
-
#gallery ul li span b {color:#333;}
 
-
 
-
#gallery ul li.default {width:0; height:0; border:0;}
 
-
#gallery ul li.default i {position:absolute; left:0; top:0; width:545px; height:480px;}
 
-
#gallery ul li.default i img {margin:5px auto 0 auto; width:400px; height:400px; border:1px solid #fff;}
 
-
 
-
#gallery ul li.off {display:none;}
 
-
#gallery ul li.click {border-color:#EF4BB9; background:#fff; cursor:default;}
 
-
#gallery ul li.click i {position:absolute; left:0; top:0; width:500px; height:480px;}
 
-
#gallery ul li.click i img {margin:5px auto 0 5px; width:auto; height:auto; border:1px solid black;}
 
-
 
-
#gallery ul li.default span,
 
-
#gallery ul li.click span {display:block;}
 
-
</style>
 
</head>
</head>
-
<body onload="clickMenu('gallery')">
+
<body>
<div id="honbun">
<div id="honbun">
Line 65: Line 69:
Enjoy!<br>
Enjoy!<br>
<br>
<br>
-
<!--img must be under 480*480-->
+
<p align="center">
-
<div id="gallery">
+
<span onmouseover="document.rollimg.src=image0.src;">
-
<ul>
+
<a href="#URL">
-
<li><i><img src="https://static.igem.org/mediawiki/2012/5/51/2012UT-T-S_Hanabi4.png"></i><span><b>Fire Works</b><br>
+
<img src="https://static.igem.org/mediawiki/2012/5/51/2012UT-T-S_Hanabi4.png" width="50" height="50" border="0">
-
explanation<br>
+
</a>
-
<a href="#URL">Link</a>
+
</span>
-
</span></li>
+
 
-
<li><i><img src="https://static.igem.org/mediawiki/2012/1/1e/2012UT-T-S_Fireworks.png"></i><span><b>Fire Works 2</b><br>
+
<span onmouseover="document.rollimg.src=image1.src;">
-
explanation
+
<a href="#">
-
<a href="#URL">Link</a>
+
<img src="https://static.igem.org/mediawiki/2012/1/1e/2012UT-T-S_Fireworks.png" width="50" height="50" border="0">
-
</span></li>
+
</a>
-
<li><i><img src="https://static.igem.org/mediawiki/2012/6/63/2012UT-T-S_F_N.png"></i><span><b>FitzHugh-Nagumo</b><br>
+
</span>
-
Model of the ニューロンの定性的な振る舞い
+
 
-
</span></li>
+
<span onmouseover="document.rollimg.src=image2.src;">
-
<li><i><img src="https://static.igem.org/mediawiki/2012/6/6c/2012UT-T-S_Bro.png"></i><span><b>Fractal</b><br>
+
<a href="">
-
Romanesco
+
<img src="https://static.igem.org/mediawiki/2012/6/63/2012UT-T-S_F_N.png" width="50" height="50" border="0">
-
</span></li>
+
</a>
-
<li><i><img src="https://static.igem.org/mediawiki/2012/c/cd/2012UT-T-S_Furiko_ga.png"></i><span><b>Genetic Algorithm</b><br>
+
</span>
-
explanation
+
 
-
</span></li>
+
<span onmouseover="document.rollimg.src=image3.src;">
-
<li><i><img src="https://static.igem.org/mediawiki/2012/d/d7/2012UT-T-S_Maze.png"></i><span><b>Maze</b><br>
+
<a href="#">
-
Auto-made Maze
+
<img src="https://static.igem.org/mediawiki/2012/6/6c/2012UT-T-S_Bro.png" width="50" height="50" border="0">
-
</span></li>
+
</a>
-
<li><i><img src="https://static.igem.org/mediawiki/2012/9/9c/2012UT-T-S_Pso.png"></i><span><b>PSO</b><br>
+
</span>
-
Particle Swarm Optimization
+
 
-
</span></li>
+
<span onmouseover="document.rollimg.src=image4.src;">
-
<li><i><img src="https://static.igem.org/mediawiki/2012/f/fc/2012UT-T-S_Bz.png"></i><span><b>Reaction Diffusion</b><br>
+
<a href="#">
-
BZ reaction
+
<img src="https://static.igem.org/mediawiki/2012/c/cd/2012UT-T-S_Furiko_ga.png" width="50" height="50" border="0">
-
</span></li>
+
</a>
-
<li><i><img src="https://static.igem.org/mediawiki/2012/e/e0/2012UT-T-S_Voronoi.png"></i><span><b>Voronoi Diagram</b><br>
+
</span>
-
explanation
+
 
-
</span></li>
+
<span onmouseover="document.rollimg.src=image5.src;">
-
<!--
+
<a href="#">
-
<li class="default"><i><img src="../images/trees/t19.jpg" title="" alt="" /></i><span><b>Default text.</b><br />Iudico petentium ullamcorper mei id. Sed an illum sonet quando, ei inciderint signiferumque pri, te duo omnis malis aeterno.</span></li>
+
<img src="https://static.igem.org/mediawiki/2012/d/d7/2012UT-T-S_Maze.png" width="50" height="50" border="0">
-
-->
+
</a>
-
</div>
+
</span>
 +
 
 +
<span onmouseover="document.rollimg.src=image6.src;">
 +
<a href="#">
 +
<img src="https://static.igem.org/mediawiki/2012/9/9c/2012UT-T-S_Pso.png" width="50" height="50" border="0">
 +
</a>
 +
</span>
 +
 
 +
<span onmouseover="document.rollimg.src=image7.src;">
 +
<a href="#">
 +
<img src="https://static.igem.org/mediawiki/2012/f/fc/2012UT-T-S_Bz.png" width="50" height="50" border="0">
 +
</a>
 +
</span>
 +
 
 +
<span onmouseover="document.rollimg.src=image8.src;">
 +
<a href="#">
 +
<img src="https://static.igem.org/mediawiki/2012/e/e0/2012UT-T-S_Voronoi.png" width="50" height="50" border="0">
 +
</a>
 +
</span>
 +
 
 +
</p>
 +
<p align="center"><img src="graphics/pic1a.gif" width="480" height="480" border="0" alt="Larger version of one of the smaller images above" name="rollimg" /></p>
<br>
<br>
<h2>Note book</h2>
<h2>Note book</h2>

Revision as of 11:00, 23 September 2012

Notebook
Notebook

Programming book

To improve our programming skill, we create a program every week (from March to July).
Some interesting and interactive programs are as follows.
Enjoy!

Larger version of one of the smaller images above


Note book

Feb - Mar :

Studying about iGEM, and the past software teams' projects.

Apr - May :

Decided to take part in “May Festival”, our university's festival with team UT-Tokyo, we talk about the software exhibited at that time.
Gamification -- turn non-game concepts into game -- is our main theme, because we think it is important to attract people who are not interested in synthetic biology to enjoyable games!
And after discussions, we create the “Memory Game”. This game uses BioBrick-like materials.(-> you can play it here)
This colorful game gathers visitors' attentions.

Jun - Jul :

Talking after talking.
We gather and talk about our projects a lot.
What we should create? What is its feature?

Aug - Sep :

Program the software, receive feedback from other teams as well as members, and improve.
On August 13th, we participate “iGEM JAPAN exchange meet-ups” and make a presentation.
And now, we prepare for the asia Jamboree.

Retrieved from "http://2012.igem.org/Team:UT-Tokyo-Software/Notebook"