|
|
(10 intermediate revisions not shown) |
Line 1: |
Line 1: |
| + | {{:Team:UT-Tokyo-Software/Template}} |
| <html> | | <html> |
| <head> | | <head> |
| <title>Project</title> | | <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> | | </head> |
- |
| |
| | | |
| <body> | | <body> |
Line 136: |
Line 10: |
| <header> | | <header> |
| <span style="font:300% 'Courier';">Project</span><br> | | <span style="font:300% 'Courier';">Project</span><br> |
- | <span style="font:200% 'Courier';">UT-Tokyo-Software</span>
| |
| </header> | | </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> | | <article> |
- | <h1>Software tools for iGEMers: <br>BioBrick/Project Search & Tutorials</h1> | + | <h2>Software tools for iGEMers : BioBrick/Project Search & Tutorials</h2> |
- | <h2>Introduction</h2>
| + | When you first decided to take part in iGEM, you might have spent a lot of time on things such as learning about BioBricks and how to use them, searching a vast library of past projects, and looking for relevant parts.<br> |
- | We developed new search and educational tools to assist iGEM
| + | These difficulties are common, so you are not alone among beginners to stumble upon them, halting the progression of determinig your team project.<br> |
- | teams. For many teams, the majority of team members are new-comers.
| + | <br> |
- | Our primary goal therefore is to aid these beginners get used to iGEM
| + | However, there are presently only a few tools which help beginners from spending too much time.<br> |
- | earlier
| + | Most software made by past teams target Synthetic biologists, those already farmiliar with iGEM to some extent, and are only available after long steps -- downloading, decompressing, and installing.<br> |
- | to make project initiation swift. All of our tools are | + | <br> |
- | web-based and have user-friendly interfaces enabling users to gain
| + | So, we decided to create a set of tools helpful to beginners.<br> |
- | quick access to needed information. Our project consists of the following four
| + | If common obstacles can be removed, you can spend more time thinking about your project.<br> |
- | tools.
| + | <br> |
| + | We have created two types of software : the Tutorial and the Searching System.<br> |
| + | <br> |
| + | The Tutorial helps you understand concepts that beginners frequently stumble on, and what BioBricks and Genetic Networks are.<br> |
| + | We have gamified the totorial, making it enjoyable to read.<br> |
| <br> | | <br> |
| + | The Searching System saves your time searching past projects and BioBrick parts.<br> |
| + | You can easily access the information you really want.<br> |
| <br> | | <br> |
- | <b>“BioBrick Search”</b> improves convenience in searching BioBrick parts by | + | Detailed descriptions are on individual project pages.<br> |
- | a sophisticated interface and an ordering algorithm taking into acount the
| + | Please go to -> <a href="https://2012.igem.org/Team:UT-Tokyo-Software/Project/BioBrickPuzzle">BioBrick Puzzle</a>, <a href="https://2012.igem.org/Team:UT-Tokyo-Software/Project/GeneNetworkGame">Gene Network Game</a>, <a href="https://2012.igem.org/Team:UT-Tokyo-Software/Project/PastProjectSearch">Past Project Search</a>, <a href="https://2012.igem.org/Team:UT-Tokyo-Software/Project/BioBrickSearch">BioBrick Search</a><br> |
- | 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> | | </article> |
| | | |
| + | </div> |
| <footer> | | <footer> |
| </footer> | | </footer> |
- | </div>
| |
| </body> | | </body> |
- |
| |
| </html> | | </html> |
- |
| |
| | | |
| <!--最初から書いてあったやつ--> | | <!--最初から書いてあったやつ--> |
Line 245: |
Line 73: |
| !align="center"|[[Team:UT-Tokyo-Software/Attributions|Attributions]] | | !align="center"|[[Team:UT-Tokyo-Software/Attributions|Attributions]] |
| |} | | |} |
- |
| |
- |
| |
| | | |
| | | |
Line 252: |
Line 78: |
| | | |
| Tell us more about your project. Give us background. Use this is the abstract of your project. Be descriptive but concise (1-2 paragraphs) | | Tell us more about your project. Give us background. Use this is the abstract of your project. Be descriptive but concise (1-2 paragraphs) |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
| | | |
| == Project Details== | | == Project Details== |
- |
| |
- |
| |
- |
| |
- |
| |
| | | |
| === Part 2 === | | === Part 2 === |
- |
| |
- |
| |
- |
| |
- |
| |
| | | |
| === The Experiments === | | === The Experiments === |
- |
| |
- |
| |
- |
| |
| | | |
| === Part 3 === | | === Part 3 === |
- |
| |
- |
| |
- |
| |
| | | |
| == Results == | | == Results == |
| | | |
| --> | | --> |