Team:UT-Tokyo-Software/Notebook

From 2012.igem.org

(Difference between revisions)
(Prototype team page)
m
 
(20 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
{{:Team:UT-Tokyo-Software/Template}}
-
 
+
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<title>Notebook</title>
-
This is a template page. READ THESE INSTRUCTIONS.
+
<script language="JavaScript">
-
</div>
+
if (document.getElementById){
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
document.write('<style type="text/css">\n')
-
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki. You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
document.write('<!--\n')
-
</div>
+
document.write('.akoML{display: none;}\n')
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
document.write('-->\n')
-
You <strong>MUST</strong>  have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace.
+
document.write('</style>\n') }
-
</div>
+
function kirikae(akoO){
-
</div>
+
if(document.getElementById){
-
</html>
+
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";}}}
-
<!-- *** End of the alert box *** -->
+
if (document.images) {
 +
image0 = new Image;
 +
image1 = new Image;
 +
image2 = new Image;
 +
image3 = new Image;
 +
image4 = new Image;
 +
image5 = new Image;
 +
image6 = new Image;
 +
image7 = new Image;
 +
image8 = new Image;
 +
image0.src = 'https://static.igem.org/mediawiki/2012/5/51/2012UT-T-S_Hanabi4.png';
 +
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';
 +
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';
 +
image5.src='https://static.igem.org/mediawiki/2012/d/d7/2012UT-T-S_Maze.png';
 +
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>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<style type="text/css">
-
!align="center"|[[Team:UT-Tokyo-Software|Home]]
+
#gall{
-
!align="center"|[[Team:UT-Tokyo-Software/Team|Team]]
+
width : 620px;
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=UT-Tokyo-Software Official Team Profile]
+
height : 560px;
-
!align="center"|[[Team:UT-Tokyo-Software/Project|Project]]
+
margin: 0 0 0 50px;
-
!align="center"|[[Team:UT-Tokyo-Software/Parts|Parts Submitted to the Registry]]
+
position : relative;
-
!align="center"|[[Team:UT-Tokyo-Software/Modeling|Modeling]]
+
border : 0px solid #ddd;
-
!align="center"|[[Team:UT-Tokyo-Software/Notebook|Notebook]]
+
}
-
!align="center"|[[Team:UT-Tokyo-Software/Safety|Safety]]
+
-
!align="center"|[[Team:UT-Tokyo-Software/Attributions|Attributions]]
+
-
|}
+
 +
#gall ul {
 +
list-style-type:none;
 +
padding:5px;
 +
margin:0;
 +
width:120px;
 +
height:550px;
 +
float:right;
 +
overflow:auto;
 +
}
 +
#gall ul li{
 +
padding:0 0 5px 0;
 +
margin:0;
 +
width:60px;
 +
float:right;
 +
overflow:auto;
 +
}
-
You should make use of the calendar feature on the wiki and start a lab notebook. This may be looked at by the judges to see how your work progressed throughout the summer. It is a very useful organizational tool as well.
+
#gall ul li img {
 +
display:block;
 +
width:50px;
 +
height:50px;
 +
border:1px solid #666;
 +
}
 +
</style>
 +
</head>
 +
 
 +
<body>
 +
<div id="honbun">
 +
 
 +
<header>
 +
<span style="font:300% 'Courier';">Notebook</span><br>
 +
</header>
 +
 
 +
<article>
 +
<h2>Programming book</h2>
 +
To improve our programming skill, we create a program every week (from March to July).<br>
 +
Some interesting and interactive programs are as follows.<br>
 +
Enjoy!<br>
 +
(Click a thumbnail and move to another page where the details are given. In that page, you can use the application by yourself on your browser!)<br>
 +
<br>
 +
<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">
 +
</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">
 +
</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">
 +
</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">
 +
</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">
 +
</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">
 +
</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">
 +
</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">
 +
</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">
 +
</a>
 +
</span>
 +
</li>
 +
</ul>
 +
<img src="https://static.igem.org/mediawiki/2012/a/a0/2012UT-T-S_Load.png" alt="Larger version of one of the smaller images above" name="rollimg" style="border:solid 1px #000"/>
 +
</div>
 +
<br>
 +
<h2>Note book</h2>
 +
<h3>Feb - Mar : </h3>
 +
Studying about iGEM, and the past software teams' projects.<br>
 +
<h3>Apr - May : </h3>
 +
Decided to take part in “May Festival”, our university's festival with team UT-Tokyo, we talk about the software exhibited at that time.<br>
 +
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!<br>
 +
And after discussions, we create the “Memory Game”. This game uses BioBrick-like materials.(-> you can play it <a href="http://igem-ut.net/2012sw/humberger/" target="_blank">here</a>)<br>
 +
This colorful game gathers visitors' attentions.<br>
 +
<h3>Jun - Jul : </h3>
 +
Talking after talking.<br>
 +
We gather and talk about our projects a lot.<br>
 +
What we should create? What is its feature?<br>
 +
<h3>Aug - Sep : </h3>
 +
Program the software, receive feedback from other teams as well as members, and improve.<br>
 +
On August 13th, we participate “iGEM JAPAN exchange meet-ups” and make a presentation.<br>
 +
And now, we prepare for the asia Jamboree.<br>
 +
 
 +
</article>
 +
 
 +
</div>
 +
<footer>
 +
</footer>
 +
</body>
 +
</html>

Latest revision as of 00:10, 27 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!
(Click a thumbnail and move to another page where the details are given. In that page, you can use the application by yourself on your browser!)


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.