Team:UT-Tokyo-Software/Project

From 2012.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box! You can remove it from your pages once you have read and understood the alert *** -->
+
<html>
 +
<head>
 +
<title>Project</title>
 +
<style type="text/css">
 +
.firstHeading{
 +
  display: none;
 +
}
 +
 
 +
a:link {
 +
color: #6699ff
 +
text-decoration: none;
 +
}
 +
a:visited {
 +
  color: #6699ff
 +
  text-decoration: none;
 +
}
 +
a:active {
 +
color: #6699cc
 +
}
 +
a:hover {
 +
  color: #6699cc
 +
}
 +
 
 +
#catlinks{
 +
  display:none;
 +
}
 +
div#globalWrapper{
 +
  font-size: 13px;
 +
}
 +
div#content{
 +
  line-height: 1.7;
 +
}
 +
h1, h2, h3{
 +
  line-height: 1.5em;
 +
}
 +
body {
 +
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
 +
  letter-spacing: 0;
 +
}
 +
#honbun{
 +
  width:830px;
 +
}
 +
header{
 +
  width:800px;
 +
  float:top; margin:20px;
 +
}
 +
menuu{
 +
  width:150px;
 +
  float:left;
 +
}
 +
article{
 +
  width:620px;
 +
  float:right;
 +
}
 +
footer{
 +
  height:100px;
 +
  width:800px;
 +
  clear:both;
 +
}
 +
 
 +
<!--Menu-->
 +
#positioner
 +
{
 +
  position: relative;
 +
  width: 160px;
 +
  height: 160px;
 +
  margin-left: 10px;
 +
  z-index: 100;
 +
}
 +
#holder
 +
{
 +
  position: absolute;
 +
  width: 150px;
 +
  overflow: hidden;
 +
  border: 0px solid #000;
 +
}
 +
dl.menu
 +
{
 +
  width: 300px;
 +
  float: left;
 +
  margin: -32700px -150px 0 0;
 +
}
 +
dl.menu a
 +
{
 +
  display: block;
 +
  height: 30px;
 +
  color: #000;
 +
  font: normal 12px/28px sans-serif, sans-serif;
 +
  text-decoration: none;
 +
  text-align: center;
 +
}
 +
dl.menu dt
 +
{
 +
  float: left;
 +
  padding: 0;
 +
  margin: 32700px 0 0 0;
 +
  position: relative;
 +
  z-index: 50;
 +
}
 +
dl.menu dt a
 +
{
 +
  background: transparent;
 +
  width: 150px;
 +
}
 +
dl.menu dt a:hover, dl.menu dt a:focus, dl.menu dt a:active
 +
{
 +
  margin-right: 1px;
 +
}
 +
dl.menu dd
 +
{
 +
  float: left;
 +
  padding: 30px 0 0 0;
 +
  margin: -30px 0 0 0;
 +
  position: relative;
 +
  z-index: 10;
 +
}
 +
dl.menu dd a
 +
{
 +
  background: #666;
 +
  width: 150px;
 +
}
 +
 
 +
dl.menu dd a:hover, dl.menu dd a:focus, dl.menu dd a:active
 +
{
 +
  margin-right: 1px;
 +
  background: #ccc;
 +
  color: #000;
 +
}
 +
</style>
 +
</head>
 +
 
 +
 
 +
<body>
 +
<div id="honbun">
 +
 
 +
<header>
 +
<span style="font:300% 'Courier';">Project</span><br>
 +
<span style="font:200% 'Courier';">UT-Tokyo-Software</span>
 +
</header>
 +
 
 +
<menuu>
 +
  <div id="wrapper"> 
 +
    <div id="info"> 
 +
      <br /> 
 +
      <div id="positioner"> 
 +
        <div id="holder"> 
 +
          <dl class="menu"> 
 +
            <dt><a href="https://2012.igem.org/Team:UT-Tokyo-Software">Home</a> </dt> 
 +
          </dl> 
 +
          <dl class="menu"> 
 +
            <dt><a href="https://2012.igem.org/Team:UT-Tokyo-Software/Team">Team</a> </dt> 
 +
<dd> 
 +
              <a href="#url">Member</a> 
 +
              <a href="#url">Attribution</a>
 +
            </dd> 
 +
          </dl> 
 +
          <dl class="menu"> 
 +
            <dt><a href="https://2012.igem.org/Team:UT-Tokyo-Software/Project">Project</a> </dt> 
 +
            <dd> 
 +
              <a href="#url">Introduction</a> 
 +
              <a href="#url">BIOBRICK</a> 
 +
              <a href="#url">Genetic Network</a> 
 +
              <a href="#url">BIOBRICK Search</a>
 +
  <a href="#url">Team Search</a> 
 +
              <a  href="#url">Download</a> 
 +
            </dd> 
 +
          </dl> 
 +
          <dl class="menu"> 
 +
            <dt><a href="https://2012.igem.org/Team:UT-Tokyo-Software/Notebook">Notebook</a> </dt>
 +
          </dl> 
 +
          <dl class="menu"> 
 +
            <dt><a href="https://2012.igem.org/Team:UT-Tokyo-Software/Safety">Safety</a> </dt> 
 +
          </dl> 
 +
  <dl class="menu"> 
 +
            <dt><a href="#url">Medal Fulfillment</a> </dt>
 +
          </dl> 
 +
        </div> 
 +
      </div> 
 +
    </div> 
 +
  </div>
 +
 
 +
</menuu>
 +
 
 +
<article>
 +
<h1>Software tools for iGEMers: <br>BioBrick/Project Search & Tutorials</h1>
 +
<h2>introduction</h2>
 +
We developed new search and educational tools to assist iGEM
 +
teams. For many teams, the majority of team members are new-comers.
 +
Our primary goal therefore is to aid these beginners get used to iGEM
 +
earlier
 +
to make project initiation swift. All of our tools are
 +
web-based and have user-friendly interfaces enabling users to gain
 +
quick access to needed information.  Our project consists of the following four
 +
tools.
 +
<br>
 +
<br>
 +
<b>“BioBrick Search”</b> improves convenience in searching BioBrick parts by
 +
a sophisticated interface and an ordering algorithm taking into acount the
 +
parts' frequency of use.
 +
With <b>“Past Project Search”</b>, you can run a keyword search for all past
 +
projects and access past teams' presentation material easily.
 +
<b>“BioBrick Puzzle”</b> and <b>“Gene Network Game”</b> are educational games intended
 +
for beginners to acquire knowledge about BioBricks and gene networks,
 +
which aides them to plan their projects and conduct experiments.
 +
 
 +
</article>
 +
 
 +
<footer>
 +
</footer>
 +
</div>
 +
</body>
 +
 
 +
</html>
 +
 
 +
 
 +
<!--最初から書いてあったやつ-->
 +
<!--
 +
 
<html>
<html>
Line 15: Line 232:
</html>
</html>
-
<!-- *** End of the alert box *** -->
 
Line 66: Line 282:
== Results ==
== Results ==
 +
 +
-->

Revision as of 21:04, 7 September 2012

Project

Project
UT-Tokyo-Software

Software tools for iGEMers:
BioBrick/Project Search & Tutorials

introduction

We developed new search and educational tools to assist iGEM teams. For many teams, the majority of team members are new-comers. Our primary goal therefore is to aid these beginners get used to iGEM earlier to make project initiation swift. All of our tools are web-based and have user-friendly interfaces enabling users to gain quick access to needed information. Our project consists of the following four tools.

“BioBrick Search” improves convenience in searching BioBrick parts by a sophisticated interface and an ordering algorithm taking into acount the parts' frequency of use. With “Past Project Search”, you can run a keyword search for all past projects and access past teams' presentation material easily. “BioBrick Puzzle” and “Gene Network Game” are educational games intended for beginners to acquire knowledge about BioBricks and gene networks, which aides them to plan their projects and conduct experiments.