Team:UT-Tokyo-Software/Notebook

From 2012.igem.org

(Difference between revisions)

Revision as of 12:20, 23 September 2012

Home

Team

　Member　
　Attributions　
　Collaboration　

Project

　Introduction　
　BioBrick Puzzle　
　Gene Network Game　
　Past Project Search　
　BioBrick Search　
　Download　
　Update　

Notebook

Safety

Medal Fulfillment

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!
(Click a thumbnail and you can use it by yourself on your browser.)

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.

@@ Line 54: / Line 54: @@
 }
 </script>
+<style type="text/css">
+#gall{
+width : 620px;
+height : 560px;
+margin: 0 0 0 50px;
+position : relative;
+border : 0px solid #ddd;
+}
+#gall ul {
+list-style-type:none;
+padding:5px;
+margin:0;
+width:120px;
+height:550px;
+float:right;
+ overflow:auto;
+}
+#gall ul li{
+padding:5px;
+margin:0;
+width:60px;
+float:right;
+overflow:auto;
+}
+#gall ul li img {
+display:block;
+width:50px;
+height:50px;
+border:1px solid #666;
+}
+</style>
 </head>
@@ Line 70: / Line 105: @@
 (Click a thumbnail and you can use it by yourself on your browser.)<br>
 <br>
-<p align="center">
+<div id="gall">
+	<ul>
+	<li>
 <span onmouseover="document.rollimg.src=image0.src;">
 <a href="https://2012.igem.org/Team:UT-Tokyo-Software/Notebook/Applets/FireWorks1" target="_blank">
-<img src="https://static.igem.org/mediawiki/2012/5/51/2012UT-T-S_Hanabi4.png" width="50" height="50" border="1">
+<img src="https://static.igem.org/mediawiki/2012/5/51/2012UT-T-S_Hanabi4.png">
 </a>
 </span>
+</li>
+<li>
 <span onmouseover="document.rollimg.src=image1.src;">
 <a href="https://2012.igem.org/Team:UT-Tokyo-Software/Notebook/Applets/FireWorks2" target="_blank">
-<img src="https://static.igem.org/mediawiki/2012/1/1e/2012UT-T-S_Fireworks.png" width="50" height="50" border="1">
+<img src="https://static.igem.org/mediawiki/2012/1/1e/2012UT-T-S_Fireworks.png">
 </a>
 </span>
+</li>
+<li>
 <span onmouseover="document.rollimg.src=image2.src;">
 <a href="https://2012.igem.org/Team:UT-Tokyo-Software/Notebook/Applets/FN" target="_blank">
-<img src="https://static.igem.org/mediawiki/2012/6/63/2012UT-T-S_F_N.png" width="50" height="50" border="1">
+<img src="https://static.igem.org/mediawiki/2012/6/63/2012UT-T-S_F_N.png">
 </a>
 </span>
+</li>
+<li>
 <span onmouseover="document.rollimg.src=image3.src;">
 <a href="https://2012.igem.org/Team:UT-Tokyo-Software/Notebook/Applets/Fractal" target="_blank">
-<img src="https://static.igem.org/mediawiki/2012/6/6c/2012UT-T-S_Bro.png" width="50" height="50" border="1">
+<img src="https://static.igem.org/mediawiki/2012/6/6c/2012UT-T-S_Bro.png">
 </a>
 </span>
+</li>
+<li>
 <span onmouseover="document.rollimg.src=image4.src;">
 <a href="https://2012.igem.org/Team:UT-Tokyo-Software/Notebook/Applets/GA" target="_blank">
-<img src="https://static.igem.org/mediawiki/2012/c/cd/2012UT-T-S_Furiko_ga.png" width="50" height="50" border="1">
+<img src="https://static.igem.org/mediawiki/2012/c/cd/2012UT-T-S_Furiko_ga.png">
 </a>
 </span>
+</li>
+<li>
 <span onmouseover="document.rollimg.src=image5.src;">
 <a href="https://2012.igem.org/Team:UT-Tokyo-Software/Notebook/Applets/Maze" target="_blank">
-<img src="https://static.igem.org/mediawiki/2012/d/d7/2012UT-T-S_Maze.png" width="50" height="50" border="1">
+<img src="https://static.igem.org/mediawiki/2012/d/d7/2012UT-T-S_Maze.png">
 </a>
 </span>
+</li>
+<li>
 <span onmouseover="document.rollimg.src=image6.src;">
 <a href="https://2012.igem.org/Team:UT-Tokyo-Software/Notebook/Applets/PSO" target"_blank">
-<img src="https://static.igem.org/mediawiki/2012/9/9c/2012UT-T-S_Pso.png" width="50" height="50" border="1">
+<img src="https://static.igem.org/mediawiki/2012/9/9c/2012UT-T-S_Pso.png">
 </a>
 </span>
+</li>
+<li>
 <span onmouseover="document.rollimg.src=image7.src;">
 <a href="https://2012.igem.org/Team:UT-Tokyo-Software/Notebook/Applets/ReactionDiffusion" target="_blank">
-<img src="https://static.igem.org/mediawiki/2012/f/fc/2012UT-T-S_Bz.png" width="50" height="50" border="1">
+<img src="https://static.igem.org/mediawiki/2012/f/fc/2012UT-T-S_Bz.png">
 </a>
 </span>
+</li>
+<li>
 <span onmouseover="document.rollimg.src=image8.src;">
 <a href="https://2012.igem.org/Team:UT-Tokyo-Software/Notebook/Applets/Voronoi" target="_blank">
-<img src="https://static.igem.org/mediawiki/2012/e/e0/2012UT-T-S_Voronoi.png" width="50" height="50" border="1">
+<img src="https://static.igem.org/mediawiki/2012/e/e0/2012UT-T-S_Voronoi.png">
 </a>
 </span>
+</li>
-</p>
+</ul>
-<p align="center"><img src="graphics/pic1a.gif" width="480" height="480" border="1" alt="Larger version of one of the smaller images above" name="rollimg" /></p>
+<br><br>
+<img src="graphics/pic1a.gif" width="480" height="480" border="1" alt="Larger version of one of the smaller images above" name="rollimg" />
+</div>
 <br>
 <h2>Note book</h2>