Team:Osaka

From 2013.igem.org

(Difference between revisions)
 
(206 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);
+
p.aaaa2{
-
var pos_endUK    = GetDstEndUK(year);
+
font-family: "ＭＳ 明朝",serif;
-
 
+
font-size: 13px;
-
// 各都市の時差を格納
+
text-align:left;
-
var tz_ldn = 0 * 60;    // GMT +-0
+
}
-
var tz_tyo = 9 * 60;    // GMT  +9
+
p.aaaa24{
-
var tz_lax = -8 * 60;  // GMT  -8
+
font-family: "ＭＳ 明朝",serif;
-
var tz_nyc = -5 * 60;  // GMT  -5
+
font-size: 11px;
-
 
+
text-align:left;
-
 
+
padding-left:50px;
-
 
+
-
//
+
-
// ◆各都市の表示欄の色づけ
+
-
//
+
-
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.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>
-
document.writeln("</style>");
+
<div id="midasi" style="width:100%; height:1000px; background-color:#ecf1f5; ">
 +
<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>
-
// ◆メインルーチン
 
-
function update_watch() {
 
-
    // いまの時刻を取得（たぶん1000ミリ秒単位）
 
-
    var now  = new Date();
 
-
    var n_t  = now.getTime();
 
-
    document.worldclock.ldn.value = printtime(n_t,tz_ldn);
+
<div id="midasitati"style="position:relative; left:50%; margin-left:-500px; width:1000px; height:600px;">
-
    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();
+
<div id="projct-midshi" style="position:relative;  width:450px; margin:25px; height:500px; background-color:#c6d7e1;top:200px; float:left;">
-
    setTimeout('update_watch()', 999);        // 1000msec = 1sec（秒）
+
<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; ">
 +
<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>
-
// ◆米国版 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();
 
-
}
 
 +
<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>
-
// ◆英国版 DST 開始設定（３月最終土曜日2:00AM から 10月最終土曜日2:00AM まで）
+
<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>
-
// 引数arg_yearで指定された年のサマータイム開始時刻を return で返す
+
</div>
-
function GetDstStartUK(arg_yearUK) {
+
</div>
-
    // 第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();
 
-
}
 
-
// ◆表示・サマータイム処理
+
<div id="human-midshi" style="position:relative; width:450px; margin:25px; height:500px; background-color:#c6d7e1; top:200px;float:left;">
-
function printtime(now_time, timezone) {
+
<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 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();
+
<div id="introbun3" style="position:relative; top:20px; left:50%; margin-left:-225px;  width:450px; height:50px; text-align:center; ">
-
    t.setTime(pos_t);
+
<h class="project-mida">“E.col-interior”</h>
-
    hour = t.getHours();
+
-
    min = t.getMinutes();
+
-
    sec  = t.getSeconds();
+
-
    // 「XX時00分00秒」で、かつ、XX が「4,5,6,16,18,20」のうち
+
<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>
-
    // いずれかであるときにページをリロード
+
-
    // この処理により時間ごとの背景色が自動的に変わる
+
-
    if ( (hour==4||hour==5||hour==6||hour==16||hour==18||hour==20) && min==0 && sec==0 ) {
+
-
        window.location.reload();
+
-
    }
+
-
    if (hour < 10) {
+
<p class="aaaa24">Under certain conditions, <i>E.coli</i>(WT) makes very beautiful patterns. </p>
-
        hour = "0" + hour;
+
<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>
-
    if (min < 10) {
+
-
        min = "0" + min;
+
-
    }
+
-
    if (sec < 10) {
+
-
        sec = "0" + sec;
+
-
    }
+
-
    return hour + ":" + min + ":" + sec;
+
<h class="project-mida">"Open campus”</h>
-
//    return hour + ":" + min;
+
-
}
+
 +
<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 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（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>
+
-
 
+
-
<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 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.

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