Team:Osaka

From 2013.igem.org

(Difference between revisions)
 
(187 intermediate revisions not shown)
Line 1: Line 1:
-
{{Yes24}}
+
{{Yes24da}}
<html>
<html>
<head>
<head>
-
 
+
<style>
-
#javascript(){{
+
p.aaaa{
-
<script>
+
font-family: "MS 明朝",serif;
-
 
+
font-size: 16px;
-
// 縺セ縺壻サ翫′菴募ケエ縺玖ェソ縺ケ繧�
+
-
var today = new Date();
+
-
var year = today.getYear();
+
-
if (year < 1900) { year += 1900; }
+
-
 
+
-
// 繝ュ繝シ繧ォ繝ォ譎る俣縺ィ繧ー繝ェ繝九ャ繧ク讓呎コ匁凾縺ョ蟾ョ繧貞�縺ァ陦ィ遉コ
+
-
var tz_offset = today.getTimezoneOffset();
+
-
 
+
-
// 邀ウ闍ア縺ョ繧オ繝槭�繧ソ繧、繝�縺ョ譛滄俣繧呈�シ邏�
+
-
var pos_startUS  = GetDstStartUS(year);
+
-
var pos_endUS    = GetDstEndUS(year);
+
-
var pos_startUK  = GetDstStartUK(year);
+
-
var pos_endUK    = GetDstEndUK(year);
+
-
 
+
-
// 蜷��蟶ゅ�譎ょキョ繧呈�シ邏�
+
-
var tz_ldn = 0 * 60;    // GMT +-0
+
-
var tz_tyo = 9 * 60;    // GMT  +9
+
-
var tz_lax = -8 * 60;  // GMT  -8
+
-
var tz_nyc = -5 * 60;  // GMT  -5
+
-
 
+
-
 
+
-
 
+
-
//
+
-
// 笳�推驛ス蟶ゅ�陦ィ遉コ谺��濶イ縺・縺�
+
-
//
+
-
cities = Array(4);
+
-
cities[0] = "ldn";
+
-
cities[1] = "tyo";
+
-
cities[2] = "lax";
+
-
cities[3] = "nyc";
+
-
 
+
-
document.writeln("<style type=text/css>");
+
-
 
+
-
// 縺�∪縺ョ譎ょ綾繧貞叙蠕暦シ医◆縺カ繧�1000繝溘Μ遘貞腰菴搾シ�
+
-
var now  = new Date();
+
-
var n_t  = now.getTime();
+
-
 
+
-
for ( i=0; i<4; i++ ) {
+
-
 
+
-
    if (cities[i] == "ldn")        { var str = printtime(n_t,tz_ldn); }
+
-
    else if (cities[i] == "tyo")    { var str = printtime(n_t,tz_tyo); }
+
-
    else if (cities[i] == "lax")    { var str = printtime(n_t,tz_lax); }
+
-
    else if (cities[i] == "nyc")    { var str = printtime(n_t,tz_nyc); }
+
-
 
+
-
    var hour = str.substring(0,2);
+
-
 
+
-
    /*
+
-
    * 笳区凾蛻サ縺斐→縺ョ閭梧勹濶イ險ュ螳�
+
-
    * 逋ス ....... 6-16
+
-
    * 阮�>髱� ... 16-18, 5-6
+
-
    * 髱� ....... 18-20, 4-5
+
-
    * 豼�>髱� ... 20-4
+
-
    */
+
-
 
+
-
    if ( 6 <= hour and hour < 16 ) {
+
-
        document.writeln("input." + cities[i] + " { background:#eee }");
+
-
    } else if ( (16 <= hour && hour < 18) || (5 <= hour && hour < 6) ) {
+
-
        document.writeln("input." + cities[i] + " { background:#ccf }");
+
-
    } else if ( (18 <= hour && hour < 20) || (4 <= hour && hour < 5) ) {
+
-
        document.writeln("input." + cities[i] + " { background:#77c;color:#ddd }");
+
-
    } else {
+
-
        document.writeln("input." + cities[i] + " { background:#448;color:#ddd }");
+
-
    }
+
}
}
-
 
+
p.aaaa2{
-
document.writeln("</style>");
+
font-family: "MS 明朝",serif;
-
 
+
font-size: 13px;
-
 
+
text-align:left;
-
 
+
-
// 笳�Γ繧、繝ウ繝ォ繝シ繝√Φ
+
-
function update_watch() {
+
-
    // 縺�∪縺ョ譎ょ綾繧貞叙蠕暦シ医◆縺カ繧�1000繝溘Μ遘貞腰菴搾シ�
+
-
    var now  = new Date();
+
-
    var n_t  = now.getTime();
+
-
 
+
-
    document.worldclock.ldn.value = printtime(n_t,tz_ldn);
+
-
    document.worldclock.tyo.value = printtime(n_t,tz_tyo);
+
-
    document.worldclock.lax.value = printtime(n_t,tz_lax);
+
-
    document.worldclock.nyc.value = printtime(n_t,tz_nyc);
+
-
 
+
-
    document.worldclock.internettime.value = internettime();
+
-
 
+
-
    setTimeout('update_watch()', 999);       // 1000msec = 1sec�育ァ抵シ�
+
}
}
-
 
+
p.aaaa24{
-
 
+
font-family: "MS 明朝",serif;
-
// 笳�アウ蝗ス迚� DST 髢句ァ玖ィュ螳夲シ茨シ疲怦隨ャ�第律譖懈律2:00AM 縺九i 10譛域怙邨よ律譖懈律1:00AM 縺セ縺ァ��
+
font-size: 11px;
-
// 蠑墓焚arg_year縺ァ謖�ョ壹&繧後◆蟷エ縺ョ繧オ繝槭�繧ソ繧、繝�髢句ァ区凾蛻サ繧� return 縺ァ霑斐☆
+
text-align:left;
-
function GetDstStartUS(arg_year) {
+
padding-left:50px;
-
    // 隨ャ2蠑墓焚縺ョ3竊�4譛医��隨ャ3蠑墓焚縺ョ1竊�1譌・縲�隨ャ4蠑墓焚縺ョ2竊�2:00AM
+
-
    var dst_start = new Date(arg_year, 3, 1, 2, 0, 0);
+
-
    for (var i = 1; i <= 7; i++) {
+
-
        dst_start.setDate(i);
+
-
        if (0 == dst_start.getDay()) {    // 0縺ッ譌・譖懈律繧呈э蜻ウ縺吶k
+
-
            break;
+
-
        }
+
-
    }
+
-
    return dst_start.getTime();
+
}
}
-
 
+
p.aaaa3{
-
// 笳�アウ蝗ス迚� DST 邨ゆコ�ィュ螳夲シ茨シ疲怦隨ャ�第律譖懈律2:00AM 縺九i 10譛域怙邨よ律譖懈律1:00AM 縺セ縺ァ��
+
font-family: "MS 明朝",serif;
-
// 蠑墓焚arg_year縺ァ謖�ョ壹&繧後◆蟷エ縺ョ繧オ繝槭�繧ソ繧、繝�邨ゆコ�凾蛻サ繧� return 縺ァ霑斐☆
+
font-size: 13px;
-
function GetDstEndUS(arg_year) {
+
text-align:center;
-
    // 隨ャ2蠑墓焚縺ョ9竊�10譛医��隨ャ3蠑墓焚縺ョ31竊�31譌・縲�隨ャ4蠑墓焚縺ョ1竊�1:00AM
+
-
    var dst_end = new Date(arg_year, 9, 31, 1, 0, 0);
+
-
    for (var i = 31; i > 24; i--) {
+
-
        dst_end.setDate(i);
+
-
        if (0 == dst_end.getDay()) {    // 0縺ッ譌・譖懈律繧呈э蜻ウ縺吶k
+
-
            break;
+
-
        }
+
-
    }
+
-
    return dst_end.getTime();
+
}
}
-
 
+
h.project-mida{
-
 
+
font-family: "MS 明朝",serif;
-
// 笳�恭蝗ス迚� DST 髢句ァ玖ィュ螳夲シ茨シ捺怦譛�邨ょ悄譖懈律2:00AM 縺九i 10譛域怙邨ょ悄譖懈律2:00AM 縺セ縺ァ��
+
font-size: 20px;
-
// 蠑墓焚arg_year縺ァ謖�ョ壹&繧後◆蟷エ縺ョ繧オ繝槭�繧ソ繧、繝�髢句ァ区凾蛻サ繧� return 縺ァ霑斐☆
+
-
function GetDstStartUK(arg_yearUK) {
+
-
    // 隨ャ2蠑墓焚縺ョ2竊�3譛医��隨ャ3蠑墓焚縺ョ31竊�31譌・縲�隨ャ4蠑墓焚縺ョ2竊�2:00AM
+
-
    var dst_startUK = new Date(arg_yearUK, 2, 31, 2, 0, 0);
+
-
    for (var i = 31; i > 24; i--) {
+
-
        dst_startUK.setDate(i);
+
-
        if (6 == dst_startUK.getDay()) {    // 6縺ッ蝨滓屆譌・繧呈э蜻ウ縺吶k
+
-
            break;
+
-
        }
+
-
    }
+
-
    return dst_startUK.getTime();
+
}
}
 +
</style>
 +
</head>
 +
<body style="background-color:white;">
 +
<div>
 +
<div style="width:700px; potsition:absolute; padding-top:150px;  left:50%; margin-left:-350px; height:600px">
 +
<img src="https://static.igem.org/mediawiki/2013/1/16/Saisyu_top.png" alt="logologo" style="width:700px;position:absolute; left:50%; margin-left:-350px;">
 +
</div>
-
// 笳�恭蝗ス迚� DST 邨ゆコ�ィュ螳夲シ茨シ捺怦譛�邨ょ悄譖懈律2:00AM 縺九i 10譛域怙邨ょ悄譖懈律2:00AM 縺セ縺ァ��
+
<div id="midasi" style="width:100%; height:1000px; background-color:#ecf1f5; ">
-
// 蠑墓焚arg_year縺ァ謖�ョ壹&繧後◆蟷エ縺ョ繧オ繝槭�繧ソ繧、繝�邨ゆコ�凾蛻サ繧� return 縺ァ霑斐☆
+
-
function GetDstEndUK(arg_yearUK) {
+
-
    // 隨ャ2蠑墓焚縺ョ9竊�10譛医��隨ャ3蠑墓焚縺ョ31竊�31譌・縲�隨ャ4蠑墓焚縺ョ2竊�2:00AM
+
-
    var dst_endUK = new Date(arg_yearUK, 9, 31, 2, 0, 0);
+
-
    for (var i = 31; i > 24; i--) {
+
-
        dst_endUK.setDate(i);
+
-
        if (6 == dst_endUK.getDay()) {    // 6縺ッ蝨滓屆譌・繧呈э蜻ウ縺吶k
+
-
            break;
+
-
        }
+
-
    }
+
-
    return dst_endUK.getTime();
+
-
}
+
 +
<img src="https://static.igem.org/mediawiki/2013/a/a4/Improve.png" style="position:absolute;  width:850px; left:50%; margin-left:-425px; padding-top:50px;">
 +
<div id="introbun" style="position:relative; top:130px; left:50%; margin-left:-500px;  width:1000px; height:250px; text-align:center; ">
-
// 笳�。ィ遉コ繝サ繧オ繝槭�繧ソ繧、繝�蜃ヲ逅�
+
<p class="aaaa">    In the past 50 years, molecular biology has made tremendous progress. </p>
-
function printtime(now_time, timezone) {
+
<p class="aaaa">This would not have been posiible if not for <i>E.coli</i> which was used <br>by many scientists as model organism for various experiments. </p>
-
    var hour, min, sec;
+
<p class="aaaa">E.coli's easiness of biological engineering its DNA and fast reproduction rate has made it<br> an essential tool for conducting molecular biological experiments. </p>
 +
<p class="aaaa">The knowledge gained from the usage of E.coli have made recent advancements <br>in various fields of study such as medicine and agriculture possible. </p>
 +
<p class="aaaa"> Despite of this the importance of E.coli is underestimated by the public. </p>
 +
<p class="aaaa"> In any age understanding and support from the public is crucial to advancement in science.</p>
 +
<p class="aaaa">Our project's objecitve is to have the public gain better understanding of E.coli <br>and its role in our advancement of our lives. </p>
 +
</div>
-
    var pos_t = now_time + (tz_offset + timezone) * 60 * 1000;
 
-
    // 繧オ繝槭�繧ソ繧、繝�蜃ヲ逅�
+
<div id="midasitati"style="position:relative; left:50%; margin-left:-500px; width:1000px; height:600px;">
-
    if (timezone == tz_ldn) {
+
-
        // 繝ュ繝ウ繝峨Φ邱ィ
+
-
        if ((pos_startUK <= pos_t) && (pos_endUK > pos_t)) {
+
-
            pos_t += 60 * 60 * 1000;
+
-
        }
+
-
    } else if ( timezone == tz_lax || timezone == tz_nyc ) {
+
-
        // LA & NY 邱ィ
+
-
        if ((pos_startUS <= pos_t) && (pos_endUS > pos_t)) {
+
-
            pos_t += 60 * 60 * 1000;
+
-
        }
+
-
    }
+
-
    var t = new Date();
+
<div id="projct-midshi" style="position:relativewidth:450px; margin:25px; height:500px; background-color:#c6d7e1;top:200px; float:left;">
-
    t.setTime(pos_t);
+
-
    hour = t.getHours();
+
-
    min = t.getMinutes();
+
-
    sec  = t.getSeconds();
+
-
    // 縲傾X譎�00蛻�00遘偵�阪〒縲√°縺、縲々X 縺後��4,5,6,16,18,20縲阪�縺�■
+
<a href="https://2013.igem.org/Team:Osaka/Project"><img src="https://static.igem.org/mediawiki/2013/7/7d/Pqroject.png" style="position:relative; width:300px; left:50%; margin-left:-150px; padding-top:20px;"></a>
-
    // 縺�★繧後°縺ァ縺ゅk縺ィ縺阪↓繝壹�繧ク繧偵Μ繝ュ繝シ繝�
+
-
    // 縺薙�蜃ヲ逅�↓繧医j譎る俣縺斐→縺ョ閭梧勹濶イ縺瑚�蜍慕噪縺ォ螟峨o繧�
+
-
    if ( (hour==4||hour==5||hour==6||hour==16||hour==18||hour==20) && min==0 && sec==0 ) {
+
-
        window.location.reload();
+
-
    }
+
-
    if (hour < 10) {
+
<div id="introbun2" style="position:relative; top:20px; left:50%; margin-left:-225px;  width:450px; height:50px; text-align:center; ">
-
        hour = "0" + hour;
+
<h class="project-mida">“Empathetic <i>E.coli</i>”</h>
-
    }
+
<p class="aaaa3">To achieve our goal, we have constructed</p>
-
    if (min < 10) {
+
<p class="aaaa3">“Empathetic <i>E.coli</i>” that is like a multi-cellular helps each other.</p>
-
        min = "0" + min;
+
<br>
-
    }
+
-
    if (sec < 10) {
+
-
        sec = "0" + sec;
+
-
    }
+
-
    return hour + ":" + min + ":" + sec;
 
-
//    return hour + ":" + min;
 
-
}
 
 +
<div style="padding-left:30px;">
 +
<p class="aaaa2">iGEM Osaka Theory Group have made mathematical models</p>
 +
<p class="aaaa2"> to understand how colony patterns look like.</p>
 +
<p class="aaaa2">Syuichi Iwakiri built differential equations</p>
 +
<p class="aaaa2">to describe the movement of <i>E.coli</i> and nutrition.</p>
 +
<p class="aaaa2">Hiroki Nishiyama did simulations of the equations.</p>
 +
<p class="aaaa2">The Theory Group have discovered a unique patterns ,</p>
 +
<p class="aaaa2"> for example , a fractal pattern and cross-like pattern.</p>
 +
</div>
-
// 笳�う繝ウ繧ソ繝シ繝阪ャ繝医ち繧、繝�縺ョ蜃ヲ逅�
+
<a href="https://2013.igem.org/Team:Osaka/Modeling"><img src="https://static.igem.org/mediawiki/2013/7/7a/Mode-p.png" style="position:relative;  width:120px; left:140px; "></a>
-
function internettime() {
+
</div>
-
    var c = new Date();
+
</div>
-
    var gmt = c.toGMTString();
+
-
    var d = gmt.indexOf(":")
+
-
    var h = eval( gmt.slice(d-2,d) );
 
-
    var m = eval( gmt.slice(d+1,d+3) );
 
-
    var s = eval( gmt.slice(d+4,d+6) );
 
-
    // LONDON 縺ィ BIEL��WATCH譛ャ遉セ謇�蝨ィ蝨ー�襲ARIS縺ィtime zone縺悟酔縺假シ峨� 譎ょキョ縺ッ�第凾髢難シ�3600遘抵シ�
 
-
    var beat = (h * 3600 + m * 60 + s + 3600) / 86.4;
 
-
    if (beat >= 1000) beat = beat - 1000;
+
<div id="human-midshi" style="position:relative; width:450px; margin:25px; height:500px; background-color:#c6d7e1; top:200px;float:left;">
-
    beat = Math.floor(beat);
+
<a href="https://2013.igem.org/Team:Osaka/Human_practice"><img src="https://static.igem.org/mediawiki/2013/1/1b/Humanpractice.png" style="position:relative; width:300px; left:50%; margin-left:-150px; padding-top:20px;"></a>
-
    var zero = "";
 
-
    if (beat < 100) zero = "0";
 
-
    if (beat < 10) zero = "00";
 
-
    return "@" + zero + beat;
 
-
}
 
-
</script>
+
<div id="introbun3" style="position:relative; top:20px; left:50%; margin-left:-225px;  width:450px; height:50px; text-align:center; ">
-
}}
+
<h class="project-mida">“E.col-interior”</h>
-
 
+
-
</head>
+
-
<body bgcolor="#ffffff" onLoad="update_watch()">
+
-
<div style="width:700px; top:100px; position:fixed; left:50%; margin-left:-350px; height:180px;">
+
-
<img src="https://static.igem.org/mediawiki/2013/2/2d/Logggo.png" alt="logologo" style="width:700px;position:absolute; left:50%; margin-left:-350px;">
+
 +
<a href="https://2013.igem.org/Team:Osaka/Human_practice"><img src="https://static.igem.org/mediawiki/2013/4/43/I-interi.png" style="position:relative;  width:300px;"></a>
 +
<p class="aaaa24">Under certain conditions, <i>E.coli</i>(WT) makes very beautiful patterns. </p>
 +
<p class="aaaa24">We would like everyone to know that interesting characteristics of <i>E.coli</i>,</p>
 +
<p class="aaaa24"> We developed Rearing Kit For <i>E.coli</i> <a href="https://2013.igem.org/Team:Osaka/Human_practice">“E.col-interior.”</a></p>
 +
<h class="project-mida">"Open campus”</h>
 +
<p class="aaaa24">We proposed a booth for students to do DNA extract experiments . </p>
 +
<p class="aaaa24">We carried out it in Open Campus of Osaka University.</p>
 +
<p class="aaaa24">The main purpose is knowing well about DNA and biology.</p>
 +
 +
</div>
 +
</div>
 +
</div>
-
<div style="width:700px; top:280px; position:fixed; left:50%; margin-left:-350px;">
+
</div>
-
<form method="post" name="worldclock" >
+
<div style="width:100%; height:150px;">
-
  <span style="font-size:smaller">LDN: </span><input name="ldn" class="ldn" size=8>
+
<img src="https://static.igem.org/mediawiki/2013/e/e9/Footer.jpg" style="position:absolute;  width:300px; width:100%; bottom:0px;">
-
  &nbsp;
+
-
  <span style="font-size:smaller">TYO: </span><input name="tyo" class="tyo" size=8>
+
-
  &nbsp;
+
-
  <span style="font-size:smaller">LAX: </span><input name="lax" class="lax" size=8>
+
-
  &nbsp;
+
-
  <span style="font-size:smaller">NYC: </span><input name="nyc" class="nyc" size=8>
+
-
  <br><br>
+
-
  <span style="font-size:smaller">INTERNET TIME: </span>
+
-
  <input name="internettime" class="internettime" SIZE="5">
+
-
</form>
+
</div>
</div>
</body>
</body>
</html>
</html>

Latest revision as of 04:15, 28 September 2013

team team team team team team team team
team

logologo

In the past 50 years, molecular biology has made tremendous progress.

This would not have been posiible if not for E.coli which was used
by many scientists as model organism for various experiments.

E.coli's easiness of biological engineering its DNA and fast reproduction rate has made it
an essential tool for conducting molecular biological experiments.

The knowledge gained from the usage of E.coli have made recent advancements
in various fields of study such as medicine and agriculture possible.

Despite of this the importance of E.coli is underestimated by the public.

 In any age understanding and support from the public is crucial to advancement in science.

Our project's objecitve is to have the public gain better understanding of E.coli
and its role in our advancement of our lives.

“Empathetic E.coli

To achieve our goal, we have constructed

“Empathetic E.coli” that is like a multi-cellular helps each other.


iGEM Osaka Theory Group have made mathematical models

to understand how colony patterns look like.

Syuichi Iwakiri built differential equations

to describe the movement of E.coli and nutrition.

Hiroki Nishiyama did simulations of the equations.

The Theory Group have discovered a unique patterns ,

for example , a fractal pattern and cross-like pattern.

“E.col-interior”

Under certain conditions, E.coli(WT) makes very beautiful patterns.

We would like everyone to know that interesting characteristics of E.coli,

We developed Rearing Kit For E.coli “E.col-interior.”

"Open campus”

We proposed a booth for students to do DNA extract experiments .

We carried out it in Open Campus of Osaka University.

The main purpose is knowing well about DNA and biology.