Team:Osaka

From 2013.igem.org

(Difference between revisions)
 
(207 intermediate revisions not shown)
Line 1: Line 1:
-
{{YES2}}
+
{{Yes24da}}
-
<body style="background-image: url("https://static.igem.org/mediawiki/2013/3/32/Team-bg-01.jpg") overflow: hidden;">
 
<html>
<html>
-
<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;">
 
-
<script>
 
-
// まず今が何年か調べる
 
-
var today = new Date();
 
-
var year = today.getYear();
 
-
if (year < 1900) { year += 1900; }
 
-
// ローカル時間とグリニッジ標準時の差を分で表示
+
<head>
-
var tz_offset = today.getTimezoneOffset();
+
<style>
-
 
+
p.aaaa{
-
// 米英のサマータイムの期間を格納
+
font-family: "ＭＳ 明朝",serif;
-
var pos_startUS  = GetDstStartUS(year);
+
font-size: 16px;
-
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 && 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: "ＭＳ 明朝",serif;
-
 
+
font-size: 13px;
-
 
+
text-align:left;
-
 
+
}
-
// ◆メインルーチン
+
p.aaaa24{
-
function update_watch() {
+
font-family: "ＭＳ 明朝",serif;
-
    // いまの時刻を取得（たぶん1000ミリ秒単位）
+
font-size: 11px;
-
    var now  = new Date();
+
text-align:left;
-
    var n_t  = now.getTime();
+
padding-left:50px;
-
 
+
-
    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.aaaa3{
 +
font-family: "ＭＳ 明朝",serif;
 +
font-size: 13px;
 +
text-align:center;
 +
}
 +
h.project-mida{
 +
font-family: "ＭＳ 明朝",serif;
 +
font-size: 20px;
 +
}
 +
</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>
 +
<div id="midasi" style="width:100%; height:1000px; background-color:#ecf1f5; ">
-
// ◆米国版 DST 開始設定（４月第１日曜日2:00AM から 10月最終日曜日1:00AM まで）
+
<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;">
-
// 引数arg_yearで指定された年のサマータイム開始時刻を return で返す
+
<div id="introbun" style="position:relative; top:130px; left:50%; margin-left:-500px;  width:1000px; height:250px; text-align:center; ">
-
function GetDstStartUS(arg_year) {
+
-
    // 第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は日曜日を意味する
+
-
            break;
+
-
        }
+
-
    }
+
-
    return dst_start.getTime();
+
-
}
+
-
// ◆米国版 DST 終了設定（４月第１日曜日2:00AM から 10月最終日曜日1:00AM まで）
+
<p class="aaaa">    In the past 50 years, molecular biology has made tremendous progress. </p>
-
// 引数arg_yearで指定された年のサマータイム終了時刻を return で返す
+
<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>
-
function GetDstEndUS(arg_year) {
+
<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>
-
    // 第2引数の9→10月　第3引数の31→31日　第4引数の1→1:00AM
+
<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>
-
    var dst_end = new Date(arg_year, 9, 31, 1, 0, 0);
+
<p class="aaaa"> Despite of this the importance of E.coli is underestimated by the public. </p>
-
    for (var i = 31; i > 24; i--) {
+
<p class="aaaa">　In any age understanding and support from the public is crucial to advancement in science.</p>
-
        dst_end.setDate(i);
+
<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>
-
        if (0 == dst_end.getDay()) {    // 0は日曜日を意味する
+
</div>
-
            break;
+
-
        }
+
-
    }
+
-
    return dst_end.getTime();
+
-
}
+
-
// ◆英国版 DST 開始設定（３月最終土曜日2:00AM から 10月最終土曜日2:00AM まで）
+
<div id="midasitati"style="position:relative; left:50%; margin-left:-500px; width:1000px; height:600px;">
-
// 引数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は土曜日を意味する
+
-
            break;
+
-
        }
+
-
    }
+
-
    return dst_startUK.getTime();
+
-
}
+
-
// ◆英国版 DST 終了設定（３月最終土曜日2:00AM から 10月最終土曜日2:00AM まで）
+
<div id="projct-midshi" style="position:relative;  width:450px; margin:25px; height:500px; background-color:#c6d7e1;top:200px; float:left;">
-
// 引数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は土曜日を意味する
+
-
            break;
+
-
        }
+
-
    }
+
-
    return dst_endUK.getTime();
+
-
}
+
 +
<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>
-
// ◆表示・サマータイム処理
+
<div id="introbun2" style="position:relative; top:20px; left:50%; margin-left:-225px;  width:450px; height:50px; text-align:center; ">
-
function printtime(now_time, timezone) {
+
<h class="project-mida">“Empathetic <i>E.coli</i>”</h>
-
    var hour, min, sec;
+
<p class="aaaa3">To achieve our goal, we have constructed</p>
 +
<p class="aaaa3">“Empathetic <i>E.coli</i>” that is like a multi-cellular helps each other.</p>
 +
<br>
-
    var pos_t = now_time + (tz_offset + timezone) * 60 * 1000;
 
-
    // サマータイム処理
 
-
    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 style="padding-left:30px;">
-
    t.setTime(pos_t);
+
<p class="aaaa2">iGEM Osaka Theory Group have made mathematical models</p>
-
    hour = t.getHours();
+
<p class="aaaa2"> to understand how colony patterns look like.</p>
-
    min  = t.getMinutes();
+
<p class="aaaa2">Syuichi Iwakiri built differential equations</p>
-
    sec  = t.getSeconds();
+
<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>
-
    // 「XX時00分00秒」で、かつ、XX が「4,5,6,16,18,20」のうち
+
<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>
-
    // いずれかであるときにページをリロード
+
</div>
-
    // この処理により時間ごとの背景色が自動的に変わる
+
</div>
-
    if ( (hour==4||hour==5||hour==6||hour==16||hour==18||hour==20) && min==0 && sec==0 ) {
+
-
        window.location.reload();
+
-
    }
+
-
    if (hour < 10) {
 
-
        hour = "0" + hour;
 
-
    }
 
-
    if (min < 10) {
 
-
        min = "0" + min;
 
-
    }
 
-
    if (sec < 10) {
 
-
        sec = "0" + sec;
 
-
    }
 
-
    return hour + ":" + min + ":" + sec;
 
-
//    return hour + ":" + min;
 
-
}
 
 +
<div id="human-midshi" style="position:relative; width:450px; margin:25px; height:500px; background-color:#c6d7e1; top:200px;float:left;">
 +
<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>
-
// ◆インターネットタイムの処理
 
-
function internettime() {
 
-
    var c = new Date();
 
-
    var gmt = c.toGMTString();
 
-
    var d = gmt.indexOf(":")
 
-
    var h = eval( gmt.slice(d-2,d) );
+
<div id="introbun3" style="position:relative; top:20px; left:50%; margin-left:-225px; width:450px; height:50px; text-align:center; ">
-
    var m = eval( gmt.slice(d+1,d+3) );
+
<h class="project-mida">“E.col-interior”</h>
-
    var s = eval( gmt.slice(d+4,d+6) );
+
-
    // LONDON と BIEL（SWATCH本社所在地／PARISとtime zoneが同じ）の 時差は１時間（3600秒）
+
<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>
-
    var beat = (h * 3600 + m * 60 + s + 3600) / 86.4;
+
-
    if (beat >= 1000) beat = beat - 1000;
+
<p class="aaaa24">Under certain conditions, <i>E.coli</i>(WT) makes very beautiful patterns. </p>  
-
    beat = Math.floor(beat);
+
<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>
-
    var zero = "";
+
<h class="project-mida">"Open campus”</h>
-
    if (beat < 100) zero = "0";
+
-
    if (beat < 10) zero = "00";
+
-
    return "@" + zero + beat;
+
<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>
-
</script>
+
<p class="aaaa24">The main purpose is knowing well about DNA and biology.</p>
-
<head>
 
-
  <script type="text/javascript" src="worldclock.js"></script>
 
-
  <style type="text/css">
 
-
    input.internettime {
 
-
      background:#eee;
 
-
    }
 
-
  </style>
 
-
</head>
 
-
<body bgcolor="#ffffff" onLoad="update_watch()">
+
 +
</div>
 +
</div>
-
<form method="post" name="worldclock">
+
</div>
-
  <span style="font-size:smaller">LDN: </span><input name="ldn" class="ldn" size=8>
+
-
  &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 style="width:100%; height:150px;">
 +
<img src="https://static.igem.org/mediawiki/2013/e/e9/Footer.jpg" style="position:absolute;  width:300px; width:100%; bottom:0px;">
 +
</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.

Retrieved from "http://2013.igem.org/Team:Osaka"