|
|
(16 intermediate revisions not shown) |
Line 3: |
Line 3: |
| <head> | | <head> |
| <title>Notebook</title> | | <title>Notebook</title> |
| + | <script language="JavaScript"> |
| + | if (document.getElementById){ |
| + | document.write('<style type="text/css">\n') |
| + | 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";}}} |
| + | |
| + | 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 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:0 0 5px 0; |
| + | margin:0; |
| + | width:60px; |
| + | float:right; |
| + | overflow:auto; |
| + | } |
| + | |
| + | #gall ul li img { |
| + | display:block; |
| + | width:50px; |
| + | height:50px; |
| + | border:1px solid #666; |
| + | } |
| + | </style> |
| </head> | | </head> |
| | | |
Line 10: |
Line 96: |
| <header> | | <header> |
| <span style="font:300% 'Courier';">Notebook</span><br> | | <span style="font:300% 'Courier';">Notebook</span><br> |
- | <span style="font:200% 'Courier';">UT-Tokyo-Software</span>
| |
| </header> | | </header> |
| | | |
| <article> | | <article> |
- | under construction
| + | <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> | | </article> |
| | | |