Team:Osaka

From 2013.igem.org

(Difference between revisions)
 
(195 intermediate revisions not shown)
Line 1: Line 1:
-
{{Yes24}}
+
{{Yes24da}}
-
<body style="background-image: url("https://static.igem.org/mediawiki/2013/3/32/Team-bg-01.jpg") overflow: hidden;">
 
<html>
<html>
<head>
<head>
-
  <style type="text/css">
+
<style>
-
    input.internettime {
+
p.aaaa{
-
      background:#eee;
+
font-family: "ＭＳ 明朝",serif;
-
    }
+
font-size: 16px;
-
  </style>
+
}
-
 
+
p.aaaa2{
-
 
+
font-family: "ＭＳ 明朝",serif;
-
 
+
font-size: 13px;
 +
text-align:left;
 +
}
 +
p.aaaa24{
 +
font-family: "ＭＳ 明朝",serif;
 +
font-size: 11px;
 +
text-align:left;
 +
padding-left:50px;
 +
}
 +
p.aaaa3{
 +
font-family: "ＭＳ 明朝",serif;
 +
font-size: 13px;
 +
text-align:center;
 +
}
 +
h.project-mida{
 +
font-family: "ＭＳ 明朝",serif;
 +
font-size: 20px;
 +
}
 +
</style>
</head>
</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 style="width:700px; top:100px; position:fixed; left:50%; margin-left:-350px; height:180px;">
+
<div id="midasi" style="width:100%; height:1000px; background-color:#ecf1f5; ">
-
<img src="https://static.igem.org/mediawiki/2013/2/2d/Logggo.png" alt="logologo" style="width:700px;position:absolute; left:50%; margin-left:-350px;">
+
 +
<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>
 +
<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>
 +
<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>
 +
<div id="midasitati"style="position:relative; left:50%; margin-left:-500px; width:1000px; height:600px;">
-
<body bgcolor="#ffffff" onLoad="update_watch()">
+
<div id="projct-midshi" style="position:relative;  width:450px; margin:25px; height:500px; background-color:#c6d7e1;top:200px; float:left;">
-
<script>
+
<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>
-
// まず今が何年か調べる
+
-
var today = new Date();
+
-
var year = today.getYear();
+
-
if (year < 1900) { year += 1900; }
+
-
// ローカル時間とグリニッジ標準時の差を分で表示
+
<div id="introbun2" style="position:relative; top:20px; left:50%; margin-left:-225px;  width:450px; height:50px; text-align:center; ">
-
var tz_offset = today.getTimezoneOffset();
+
<h class="project-mida">“Empathetic <i>E.coli</i>”</h>
 +
<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_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
 
 +
<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>
 +
</div>
 +
</div>
-
//
 
-
// ◆各都市の表示欄の色づけ
 
-
//
 
-
cities = Array(4);
 
-
cities[0] = "ldn";
 
-
cities[1] = "tyo";
 
-
cities[2] = "lax";
 
-
cities[3] = "nyc";
 
-
document.writeln("<style type=text/css>");
 
-
// いまの時刻を取得（たぶん1000ミリ秒単位）
+
<div id="human-midshi" style="position:relative; width:450px; margin:25px; height:500px; background-color:#c6d7e1; top:200px;float:left;">
-
var now  = new Date();
+
<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 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);
+
<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>
-
    /*
+
<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>
-
    * ○時刻ごとの背景色設定
+
-
    * 白 ....... 6-16
+
-
    * 薄い青 ... 16-18, 5-6
+
-
    * 青 ....... 18-20, 4-5
+
-
    * 濃い青 ... 20-4
+
-
    */
+
-
    if ( 6 <= hour && hour < 16 ) {
+
<p class="aaaa24">Under certain conditions, <i>E.coli</i>(WT) makes very beautiful patterns. </p>
-
        document.writeln("input." + cities[i] + " { background:#eee }");
+
<p class="aaaa24">We would like everyone to know that interesting characteristics of <i>E.coli</i>,</p>
-
    } else if ( (16 <= hour && hour < 18) || (5 <= hour && hour < 6) ) {
+
<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>
-
        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 }");
+
-
    }
+
-
}
+
-
document.writeln("</style>");
+
<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>
-
// ◆メインルーチン
+
-
function update_watch() {
+
</div>
-
    // いまの時刻を取得（たぶん1000ミリ秒単位）
+
</div>
-
    var now  = new Date();
+
-
    var n_t  = now.getTime();
+
-
    document.worldclock.ldn.value = printtime(n_t,tz_ldn);
+
</div>
-
    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（秒）
 
-
}
 
-
 
-
 
-
// ◆米国版 DST 開始設定（４月第１日曜日2:00AM から 10月最終日曜日1:00AM まで）
 
-
// 引数arg_yearで指定された年のサマータイム開始時刻を return で返す
 
-
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 まで）
 
-
// 引数arg_yearで指定された年のサマータイム終了時刻を return で返す
 
-
function GetDstEndUS(arg_year) {
 
-
    // 第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は日曜日を意味する
 
-
            break;
 
-
        }
 
-
    }
 
-
    return dst_end.getTime();
 
-
}
 
-
 
-
 
-
// ◆英国版 DST 開始設定（３月最終土曜日2:00AM から 10月最終土曜日2:00AM まで）
 
-
// 引数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 まで）
 
-
// 引数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();
 
-
}
 
-
 
-
 
-
// ◆表示・サマータイム処理
 
-
function printtime(now_time, timezone) {
 
-
    var hour, min, sec;
 
-
 
-
    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();
 
-
    t.setTime(pos_t);
 
-
    hour = t.getHours();
 
-
    min  = t.getMinutes();
 
-
    sec  = t.getSeconds();
 
-
 
-
    // 「XX時00分00秒」で、かつ、XX が「4,5,6,16,18,20」のうち
 
-
    // いずれかであるときにページをリロード
 
-
    // この処理により時間ごとの背景色が自動的に変わる
 
-
    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;
 
-
}
 
-
 
-
 
-
 
-
// ◆インターネットタイムの処理
 
-
function internettime() {
 
-
    var c = new Date();
 
-
    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（SWATCH本社所在地／PARISとtime zoneが同じ）の 時差は１時間（3600秒）
 
-
    var beat = (h * 3600 + m * 60 + s + 3600) / 86.4;
 
-
 
-
    if (beat >= 1000) beat = beat - 1000;
 
-
    beat = Math.floor(beat);
 
-
 
-
    var zero = "";
 
-
    if (beat < 100) zero = "0";
 
-
    if (beat < 10) zero = "00";
 
-
 
-
    return "@" + zero + beat;
 
-
}
 
-
</script>
 
-
 
-
<div style="width:700px; top:280px; position:fixed; left:50%; margin-left:-350px;">
 
-
<form method="post" name="worldclock"　>
 
-
  <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>
-
 
+
<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"