Team:Osaka/PROJECT

From 2009.igem.org

(Difference between revisions)
 
(48 intermediate revisions not shown)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
{{Template:PROJECT_top}}
 +
<html>
 +
<h1 style="text-align: left">PROJECT</h1>
-
<head>
+
  <div id="CollapsiblePanel1" class="CollapsiblePanel">  
-
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
+
  <div class="CollapsiblePanelTab" tabindex="0">
-
<title>Home of iGEMOSAKA wiki</title>
+
    <h2>Overview</h2></div>  
-
<link href="https://2009.igem.org/wiki/index.php?title=User:KazutoIKEDA/wiki/iGEMOSAKAwiki_common.css&action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
  <div class="CollapsiblePanelContent">
-
<link href="https://2009.igem.org/wiki/index.php?title=User:KazutoIKEDA/wiki/iGEMOSAKAwiki_blue.css&action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
<p>In 1933, Alexander Fleming, who discovered penicillin in 1927, exhibited his ‘germ paintings’. It was the origin of “Bio Art” that represents a crossover of art and the biological sciences with genes, proteins, cells and animals. Fleming’s early works were reductively judged in the terms of its aesthetic criteria, beauty</a>.
-
<link href="https://2009.igem.org/wiki/index.php?title=User:KazutoIKEDA/wiki/linkwhite.css&action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
In this year, our project consists of two interrelated themes.<br><br>
 +
<div style="margin-left: 3em">
 +
<p style="text-indent: -1em">1. We try to create a new tool for “germ paintings” by integrating cell-to-cell communication with motility and color.</p>
 +
<p style="text-indent: 1em">>>See <a href="/Team:Osaka/COLOR">COLOR</a>, <a href="/Team:Osaka/SIGNAL">SIGNAL</a> and <a href="/Team:Osaka/MOTILITY">MOTILITY</a></p>
 +
<p style="text-indent: -1em">2. We make art works using genetic engineered bacteria. Through making art works, we also consider biomedia and bioethics in the context of synthetic biology.</p>
 +
<p style="text-indent: 1em">>>See <a href="/Team:Osaka/WORKS">WORKS</a> and <a href="/Team:Osaka/ETHICS">ETHICS</a>
 +
</div><br>
-
<script language="JavaScript">
+
<p>Such artworks can give rise to a number of issues and metaphors accompanying the advance of science and technology. Because bio art is still at the threshold of definition, there are few interdisciplinary works such as collaborations between bio-artists and synthetic biologists. Given this condition, we will try to accomplish the interactive evolution of "ColrColi (biological painting tool)" and "BioArt".</p><br>
 +
 
 +
<p>Conceptual diagram below this sentence shows the relationship between Colrcoli and BioArt. While making Colrcoli will lead enhancement of tool's limitation and stimulate creator's imagination, through BioArt we might found practical requirements for biological painting tool. Thus, both BioArt and Colrcoli will go on with effects of results from the counter-part.</p><br>
 +
<div align="center"><img src="https://static.igem.org/mediawiki/2009/b/bc/Bioart.jpg" width="600px" height="315px"></div>
 +
  </div>
 +
  </div>
 +
 
 +
<script type="text/javascript">  
<!--
<!--
-
img = new Array("https://static.igem.org/mediawiki/2009/b/bc/Scicon＿r10.png","https://static.igem.org/mediawiki/2009/7/75/Scicon＿r20.png","https://static.igem.org/mediawiki/2009/9/98/Scicon＿r30.png","https://static.igem.org/mediawiki/2009/0/08/Scicon_c10.png","https://static.igem.org/mediawiki/2009/5/5e/Scicon_c11.png","https://static.igem.org/mediawiki/2009/b/bc/Scicon_c12.png","https://static.igem.org/mediawiki/2009/5/59/Scicon_c20.png","https://static.igem.org/mediawiki/2009/6/60/Scicon_c30.png","https://static.igem.org/mediawiki/2009/d/d1/Scicon＿l10.png","https://2009.igem.org/Image:Scicon＿l20.png","https://static.igem.org/mediawiki/2009/5/5e/Scicon＿l30.png","https://static.igem.org/mediawiki/2009/8/8c/Scicon＿l31.png","https://static.igem.org/mediawiki/2009/2/2a/Scicon＿l32.png","https://static.igem.org/mediawiki/2009/2/28/Scicon＿l33.png");
+
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1");
-
bfImg = new Array();
+
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen:false});
-
for(i=0; i<img.length; i++) {
+
var CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3", {contentIsOpen:false});
-
  bfImg[i] = new Image();
+
-
  bfImg[i].src = img[i];
+
-
}
+
//-->
//-->
</script>
</script>
-
 
+
<br>
-
</head>
+
-
 
+
-
<body>
+
-
<div id="head">
+
-
<img src="https://static.igem.org/mediawiki/2009/5/50/Bilboard.png" style="margin-left: auto; margin-right: auto" usemap="#billboard">
+
-
                <map name="billboard">
+
-
                        <area shape="rect" coords="0,40,500,144" href="home">
+
-
                        <area shape="rect" coords="855,112,895,172" href="mail">
+
-
                        <area shape="rect" coords="904,112,944,172" href="link">
+
-
                </map> </div>
+
-
<div id="contents">
+
-
<div id="left_menu">
+
-
<table border="0" cellpadding="0px" cellspacing="0px">
+
-
<tr>
+
-
<td valign="top" align="center">
+
-
<a href="home2" onMouseover="document.ia.src='https://static.igem.org/mediawiki/2009/d/d1/Scicon＿l10.png'" onMouseout="document.ia.src='https://static.igem.org/mediawiki/2009/e/e6/Sgicon＿l10.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/e/e6/Sgicon＿l10.png" name="ia"></a>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<a href="home3" onMouseover="document.ib.src='https://static.igem.org/mediawiki/2009/0/08/Scicon_c10.png'" onMouseout="document.ib.src='https://static.igem.org/mediawiki/2009/f/f2/Sgicon_c10.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/f/f2/Sgicon_c10.png" name="ib"></a>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<a href="home4" onMouseover="document.ic.src='https://static.igem.org/mediawiki/2009/b/bc/Scicon＿r10.png'" onMouseout="document.ic.src='https://static.igem.org/mediawiki/2009/b/bf/Sgicon＿r10.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/b/bf/Sgicon＿r10.png" name="ic"></a>
+
-
</td>
+
-
</tr>
+
-
<tr>
+
-
<td valign="top" align="center">
+
-
<a href="home5" onMouseover="document.id.src='https://static.igem.org/mediawiki/2009/6/67/Scicon＿l20.png'" onMouseout="document.id.src='https://static.igem.org/mediawiki/2009/3/33/Sgicon＿l20.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/3/33/Sgicon＿l20.png" name="id"></a>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<a href="home6">
+
-
<img src="https://static.igem.org/mediawiki/2009/5/59/Scicon_c20.png"></a>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<a href="home7" onMouseover="document.ij.src='https://static.igem.org/mediawiki/2009/7/75/Scicon＿r20.png'" onMouseout="document.ij.src='https://static.igem.org/mediawiki/2009/5/5d/Sgicon＿r20.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/5/5d/Sgicon＿r20.png" name="ij"></a>
+
-
</tr>
+
-
<tr>
+
-
<td valign="top" align="center">
+
-
<a href="home8" onMouseover="document.ig.src='https://static.igem.org/mediawiki/2009/5/5e/Scicon＿l30.png'" onMouseout="document.ig.src='https://static.igem.org/mediawiki/2009/a/ae/Sgicon＿l30.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/a/ae/Sgicon＿l30.png" name="ig"></a>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<a href="home9" onMouseover="document.ih.src='https://static.igem.org/mediawiki/2009/6/60/Scicon_c30.png'" onMouseout="document.ih.src='https://static.igem.org/mediawiki/2009/c/c7/Sgicon_c30.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/c/c7/Sgicon_c30.png" name="ih"></a>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<a href="home10" onMouseover="document.ii.src='https://static.igem.org/mediawiki/2009/9/98/Scicon＿r30.png'" onMouseout="document.ii.src='https://static.igem.org/mediawiki/2009/f/f1/Sgicon＿r30.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/f/f1/Sgicon＿r30.png" name="ii"></a>
+
-
</td>
+
-
</tr>
+
-
</table>
+
-
<!--<a href="home2">
+
-
<img src="https://static.igem.org/mediawiki/2009/3/3b/Etc.png" class="normal_box" style="margin-top: 15px"></a><br>
+
-
<a href="home2">
+
-
<img src="https://static.igem.org/mediawiki/2009/3/3b/Etc.png" class="normal_box"></a><br>
+
-
<a href="home2">
+
-
<img src="https://static.igem.org/mediawiki/2009/3/3b/Etc.png" class="normal_box" style="margin-bottom: 20px"></a>-->
+
-
</div>
+
-
                <div id="right_contents_top">
+
-
        <img src="https://static.igem.org/mediawiki/2009/b/ba/Back_top2.png">
+
-
                </div>
+
-
<div id="right_contents" style="background-color: #FFFFF2">
+
-
<h1 style="text-align: left">PROJECT</h1>
+
-
<span>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</span>
+
-
</div>
+
-
                <div id="right_contents_bottom">
+
-
        <img src="https://static.igem.org/mediawiki/2009/0/0f/Back_bottom2.png">
+
-
                </div>
+
-
</div>
+
-
<!--<div id="bottom">
+
-
<table border="0" cellpadding="10px" cellspacing="0" style="width: 790px; height: 150px; margin-left: auto; margin-right: auto">
+
-
<tr>
+
-
<td valign="top" align="center">
+
-
<h3>
+
-
<a href="home2">
+
-
<span class="row1">
+
-
category1</span></a><br></h3>
+
-
<hr />
+
-
<a href="home2">
+
-
<span class="row1">
+
-
contents1</span></a><br>
+
-
<a href="home2">
+
-
<span class="row1">
+
-
contents2</span></a><br>
+
-
<a href="home2">
+
-
<span class="row1">
+
-
contents3</span></a>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<h3>
+
-
<a href="home2">
+
-
<span class="row2">
+
-
category2</span></a><br></h3>
+
-
<hr />
+
-
<a href="home2">
+
-
<span class="row2">
+
-
contents4</span></a><br>
+
-
<a href="home2">
+
-
<span class="row2">
+
-
contents5</span></a><br>
+
-
<a href="home2">
+
-
<span class="row2">
+
-
contents6</span></a>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<h3>
+
-
<a href="home2">
+
-
<span class="row3">
+
-
category3</span></a></h3>
+
-
<hr />
+
-
<a href="home2">
+
-
<span class="row3">
+
-
contents7</span></a><br>
+
-
<a href="home2">
+
-
<span class="row3">
+
-
contents8</span></a><br>
+
-
<a href="home2">
+
-
<span class="row3">
+
-
contents9</span></a>
+
-
</td>
+
-
</tr>
+
-
</table>
+
-
</div>-->
+
-
+
-
+
-
</body>
+
-
 
+
</html>
</html>
 +
{{Template:PROJECT_bottom}}

Latest revision as of 19:30, 21 October 2009

Home of iGEMOSAKA wiki

PROJECT

Overview

In 1933, Alexander Fleming, who discovered penicillin in 1927, exhibited his ‘germ paintings’. It was the origin of “Bio Art” that represents a crossover of art and the biological sciences with genes, proteins, cells and animals. Fleming’s early works were reductively judged in the terms of its aesthetic criteria, beauty. In this year, our project consists of two interrelated themes.

1. We try to create a new tool for “germ paintings” by integrating cell-to-cell communication with motility and color.

>>See COLOR, SIGNAL and MOTILITY

2. We make art works using genetic engineered bacteria. Through making art works, we also consider biomedia and bioethics in the context of synthetic biology.

>>See WORKS and ETHICS


Such artworks can give rise to a number of issues and metaphors accompanying the advance of science and technology. Because bio art is still at the threshold of definition, there are few interdisciplinary works such as collaborations between bio-artists and synthetic biologists. Given this condition, we will try to accomplish the interactive evolution of "ColrColi (biological painting tool)" and "BioArt".


Conceptual diagram below this sentence shows the relationship between Colrcoli and BioArt. While making Colrcoli will lead enhancement of tool's limitation and stimulate creator's imagination, through BioArt we might found practical requirements for biological painting tool. Thus, both BioArt and Colrcoli will go on with effects of results from the counter-part.



Retrieved from "http://2009.igem.org/Team:Osaka/PROJECT"