Team:Wellesley Desyne/Gold

From 2013.igem.org

(Difference between revisions)
 
(31 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:Wellesley_Desyne/css/wp_app.css}}
<html>
<html>
<head>
<head>
-
<title>Wellesley HCI iGEM Team: Notebooks</title>  
+
<title>Wellesley HCI iGEM Team: Welcome</title>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-
<meta charset="utf-8">
+
<meta charset="utf-8">
-
<meta name="viewport" content="width=device-width">
+
<meta name="viewport" content="width=device-width">
-
 
+
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
-
<style type="text/css">
+
-
 
+
-
/* Hiding predefined html elements */
+
-
/***********************************/
+
-
#contentSub, #search-controls, #catlinks, #p-logo, .firstHeading {
+
-
display:none;
+
-
padding:0px;
+
-
margin:0px;
+
-
}
+
-
#bodyContent {border:none;}
+
-
#content {width: 100%; padding:0px; border-left: 0px; border-right: 0px;}
+
-
#globalWrapper {width: 100%; font-size: 100%; position: static;}
+
-
#top-section {width: 100%; height:10px; border:none;}
+
-
#p-logo {display:none;}
+
-
#search-controls {display:none;}
+
-
#menubar a {color:#000000; background-color:transparent;}
+
-
#menubar a:hover{text-decoration:none; color:#0090FF; background-color:transparent;}
+
-
.left-menu a:hover{background-color:transparent; margin:5px 0px 0px 0px; padding:0; background: transparent;}
+
-
.left-menu li a:hover{background-color:transparent; margin:0; padding:0; background: transparent;}
+
-
.right-menu ul li a {background-color:transparent; background: transparent;}
+
-
.printfooter {display:none; background-color:transparent;}
+
-
a:hover {text-decoration: none;}
+
-
#footer-box {border:none; background-color:transparent;}
+
-
#catlinks {display:none; background-color:transparent;}
+
-
.firstHeading {display:none; background-color:transparent;}
+
-
#content {width: 100%; border:none; background-color:transparent;}
+
-
h1, h2, h3, h4, h5, h6 {
+
-
font-size: 100%;
+
-
padding-top: 0;
+
-
padding-bottom: 0;
+
-
border-bottom: 0px;
+
-
}
+
-
 
+
-
html {margin: 0;}
+
-
ul {
+
-
list-style-type: none;
+
-
list-style-image: none;
+
-
}
+
-
 
+
-
</style>
+
-
 
+
-
<link rel="stylesheet" href="http://cs.wellesley.edu/~hcilab/igem2013/whci_app.css">
+
-
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
+
-
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_jquery.js"></script>
+
-
 
+
<body>
<body>
<nav class="top-bar">
<nav class="top-bar">
Line 57: Line 12:
<!-- Title Area -->
<!-- Title Area -->
<li class="name">
<li class="name">
-
<h1><a href="#">WHCI</a></h1>
+
<h1><a href="https://2013.igem.org/Team:Wellesley_Desyne">WHCI</a></h1>
</li>
</li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
Line 80: Line 35:
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Project_Overview">Overview</a></li>
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Project_Overview">Overview</a></li>
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie">Eugenie</a></li>
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie">Eugenie</a></li>
-
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/zMol_zTree">zTree & zMol</a></li>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/zTree">zTree</a></li>
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/BAC">Bac to the Future</a></li>
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/BAC">Bac to the Future</a></li>
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Downloads_Tutorials">Downloads & Tutorials</a></li>
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Downloads_Tutorials">Downloads & Tutorials</a></li>
Line 100: Line 55:
<ul class="right">
<ul class="right">
<li class="divider hide-for-small"></li>
<li class="divider hide-for-small"></li>
-
<li class="has-dropdown"><a href="#">Main Item 4</a>
+
<li><a href="https://2013.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2013/e/e0/Whci_igem_logo.png"></a>
</li>
</li>
<li class="divider"></li>
<li class="divider"></li>
Line 110: Line 65:
<div class="row">
<div class="row">
<div class="large-12 columns">
<div class="large-12 columns">
-
<h2><img src="https://static.igem.org/mediawiki/2013/0/03/Wellesley_logo.png">Wellesley HCI iGEM 2013</h2>
+
<a href="https://2013.igem.org/Team:Wellesley_Desyne" class="header-link"><h2><img src="https://static.igem.org/mediawiki/2013/0/03/Wellesley_logo.png">Wellesley HCI iGEM 2013</h2></a>
</div>
</div>
</div>
</div>
Line 118: Line 73:
<!--End NavBar-->   
<!--End NavBar-->   
<div class="row">
<div class="row">
-
<div class="large-12 columns">
+
<div class="large-12 columns main-container">
-
<div class="main-container">
+
<!--Gold-->
-
<div id="text-container">
+
<div class="row">
 +
<div class="large-3 columns"><img src="https://static.igem.org/mediawiki/2013/6/66/Wc_goldMedal.png"></div>
 +
<div class="large-9 columns">
 +
<h3>Gold</h3>
 +
<ul class="list_default">
 +
                            <li>Have another team utilize the software developed by your team. You must clearly show how your software was used and the
 +
                            results that were obtained.</li>
 +
                                <ul>
 +
                                    <li>We worked closely with the <a href="https://2013.igem.org/Team:BostonU">BU</a> and <a href="https://2013.igem.org/Team:MIT">MIT</a>
 +
                                    iGEM teams throughout our <a href"https://2013.igem.org/Team:Wellesley_HCI/Eugene#results">process</a> and tested <a href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie">Eugenie</a>
 +
                                    with these teams as well as with Wellesley students.</li>
 +
                                </ul>
-
<!--Start content-->
+
                            <li>Use SBOL in your software documentation.</li>
-
 
+
                                <ul>
-
<h6>MEDAL FULFILLMENT</h6>
+
                                    <li>Both <a href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie">Eugenie</a> and <a href="https://2013.igem.org/Team:Wellesley_Desyne/zMol_zTree">zTree</a>  
-
<br>  
+
                                    incorporate <a href="https://sites.google.com/a/sbolstandard.org/sbol/">SBOL symbols</a> into their user interfaces.</li>
-
<!--Gold Medal Box-->
+
                                </ul>
-
<div class="medal_div">
+
                               
-
<table class="medal_table">
+
                            <li>Build upon existing software from a previous iGEM competition found on the <a href="https://igem.org/The_Registry_of_Software_Tools">The Registry of Software Tools.</a></li>
-
<tr>
+
                                <ul>
-
<td class="medal_img_column" width="150px"><img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/Gold/goldMedal.png" width="200px"></td>
+
                                <li>We utilize <a href="http://eugenecad.org/">Eugene</a> in the implementation of <a href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie">Eugenie</a>.</li>
-
<td class="medal_content">
+
                                <li>We also access the <a href="http://partsregistry.org/Main_Page">Registry of Biological Parts</a>  and the iGEM archives.</li>
-
<br>
+
                                <li>We draw upon <a href="https://2012.igem.org/Team:Wellesley_HCI/MoClo_Planner"> MoClo Planner </a> in the design and implementation of
 +
                                <a href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie">Eugenie.</a></li></ul>
 +
                           
 +
                            <li>Outline and detail how your software affects Human Practices in Synthetic Biology</li>
 +
                            <ul>
 +
                                <li>We applied <a href="https://2013.igem.org/Team:Wellesley_Desyne/Methodology">user-centered design methodology</a> and conducted extensive <a href="https://2013.igem.org/Team:Wellesley_Desyne/Human_Practices">user research</a>.</li>
 +
                                <li>We discuss <a href="https://2013.igem.org/Team:Wellesley_Desyne/Safety">safety considerations</a> in our research.</li>
 +
                                <li>We designed and implemented <a href="https://2013.igem.org/Team:Wellesley_Desyne/BAC">Bac to the Future</a> to communicate key ideas about synthetic biology to a wider audience.</li>
 +
                            </ul>
 +
</div>
 +
</div>
 +
                <!--Silver-->
 +
<div class="row">
 +
<div class="large-3 columns"><img src="https://static.igem.org/mediawiki/2013/d/d7/Wc_silverMedal.png"></div>
 +
<div class="large-9 columns">
 +
<h3>Silver</h3>
 +
<ul class="list_default">
 +
                      <li>Provide a detailed, draft specification for the next version of your software tool.</li>
                       <ul>
                       <ul>
-
                             <li> Have another team utilize the software developed by your team. You must clearly show how your software was used and the results that were obtained. </li>
+
                             <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/zMol_zTree#futurework">zTree</a></li>
-
 
+
                            <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie#futurework">Eugenie</a></li>
-
<ul><li>We worked closely with the <a href="https://2013.igem.org/Team:BostonU">BU</a> and <a href="https://2013.igem.org/Team:MIT">MIT</a> iGEM teams throughout our <a href"https://2013.igem.org/Team:Wellesley_HCI/Eugene#results">process</a> and tested <a href="https://2013.igem.org/Team:Wellesley_Desyne/zMol_zTree">zMol</a> and <a href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie">Eugenie</a> with these teams</a> as well as with Wellesley students.</li></ul>
+
                            <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/BAC#futurework">Bac To The Future</a></li></ul>
-
 
+
                        <li>Provide a second, distinct (yet complementary) software tools project.</li>
-
                            <li>Use SBOL in your software documentation</li>
+
                        <ul>
-
 
+
                        <li>We developed <a href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie">Eugenie</a>, which supports the research phase of the synthetic biology workflow as our core team project. Our complementary tool is <a href="https://2013.igem.org/Team:Wellesley_Desyne/zTree">zTree</a>.</li>
-
<ul><li>Both <a href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie">Eugenie</a> and zTree/zMol<a href="https://2013.igem.org/Team:Wellesley_Desyne/zMol_zTree"zMol and zTree</a> incorporate <a href="https://sites.google.com/a/sbolstandard.org/sbol/">SBOL symbols</a> into the user interface.</li></ul>
+
                        </ul>
-
 
+
                        <li>Provide a demonstration of software as a video tutorial on wiki.</li>
-
                        <li>Build upon existing software from a previous iGEM competition found on the <a href="https://igem.org/The_Registry_of_Software_Tools">The Registry of Software Tools</a></li>
+
                        <ul>
-
 
+
                            <li>Video tutorials can be found on our <a href="https://2013.igem.org/Team:Wellesley_Desyne/Downloads_Tutorials#tutorials">downloads and tutorials page</a></li>
-
<ul><li>We utilize <a href="http://eugenecad.org/">Eugene</a> in the implementation of the <a
+
-
href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie">Eugenie</a>.</li>
+
-
<li>We also access the <a href="http://partsregistry.org/Main_Page">Registry of Biological Parts</a>  and the iGEM archives.</li>
+
-
<li>We draw upon <a href="https://2012.igem.org/Team:Wellesley_HCI/MoClo_Planner"> MoClo_Planner </a> in the design and implementation of <a href="https://2013.igem.org/Team:Wellesley_Desyne/zMol_zTree">Eugenie.</a></li></ul>
+
-
                            <li>Outline and detail how your software effects Human Practices in Synthetic Biology</li>
+
-
 
+
-
<ul><li>We applied <a href="https://2013.igem.org/Team:Wellesley_Desyne/Methodology">user-centered design methodology.</a> and conducted extensive <a href="https://2013.igem.org/Team:Wellesley_Desyne/Human_Practices">user research</a></li></ul>
+
-
<ul><li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Safety">We discuss safety considerations</a> in our research.</li></ul>
+
-
<ul><li><a href="https://2013.igem.org/Team:Wellesley_Desyne/BAC">We designed and implemented Bac to the Future</a> to communicate key ideas about synthetic biology to a wider audience.</li></ul>
+
-
 
+
-
</td>
+
-
</tr>
+
-
</table>
+
-
</div>
+
-
 
+
-
<!--Silver Medal Box-->
+
-
<div class="medal_div">
+
-
<table class="medal_table">
+
-
<tr>
+
-
<td class="medal_img_column" width="150px"><img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/Gold/silverMedal.png" width="200px"></td>
+
-
                    <td class="medal_reqs_silver">
+
-
<br>
+
-
                      <ul>
+
-
                      <li>Provide a detailed, draft specification for the next version of your software tool</li>
+
-
 
+
-
<ul><li><a href="https://2013.igem.org/Team:Wellesley_Desyne/zMol_zTree#futurework">zMol and zTree</a></li></ul>
+
-
<ul><li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie#futurework">Eugenie</a></li></ul>
+
-
<ul><li><a href="https://2013.igem.org/Team:Wellesley_Desyne/BAC#futurework">Bac To The Future</a></li></ul>
+
-
 
+
-
<li>Provide a second, distinct (yet complementary) software tools project.</li>
+
-
<ul><li>We developed <a href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie">Eugenie</a>, which supports the research phase of the synthetic biology workflow.</li></ul>
+
-
 
+
-
 
+
-
        <li>Provide a demonstration of their software as a video tutorial on their wiki</li>
+
-
                           
+
-
<ul><li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie">Eugenie</a>, <a href="https://2013.igem.org/Team:Wellesley_Desyne/zMol_zTree">zMol and zTree</a>, and <a href="https://2013.igem.org/Team:Wellesley_Desyne/BAC">Bac to the Future</a> video tutorials can be found on our <a href="https://2013.igem.org/Team:Wellesley_Desyne/Downloads_Tutorials#tutorials">downloads and tutorials page</a></li></ul>
+
                       </ul>
                       </ul>
                     </td>
                     </td>
-
</td>
+
</div>
-
</tr>
+
</div>
-
</table>
+
                <!--Bronze-->
-
</div>
+
<div class="row">
-
 
+
<div class="large-3 columns"><img src="https://static.igem.org/mediawiki/2013/2/2f/Wc_bronzeStar.png"></div>
-
</div>
+
<div class="large-9 columns">
-
 
+
<h3>Bronze</h3>
-
 
+
                                  <ul class="list_default">
-
<!--Bronze Medal Box-->
+
<li>Register the team, have a <a href="https://2013.igem.org/Team:Wellesley_Desyne/Social">great summer</a>, and have fun attending the Jamboree</li>
-
<div class="medal_div">
+
-
<table class="medal_table">
+
-
<tr>
+
-
<td class="medal_img_column" width="150px"><img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/Gold/bronzeStar.png" width="200px"></td>
+
-
<td class="medal_content">
+
-
<br>
+
-
                      <ul>
+
-
                      <li>Register the team, have a <a href="https://2013.igem.org/Team:Wellesley_Desyne/Social">great summer</a>, and have fun attending the Jamboree</li>
+
                       <li>Create and share a description of the team's project via the  iGEM wiki</li>
                       <li>Create and share a description of the team's project via the  iGEM wiki</li>
                         <ul><li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Project_Overview">Project Overview</a></li></ul>
                         <ul><li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Project_Overview">Project Overview</a></li></ul>
Line 205: Line 144:
                         <ul><li>All our source code can be downloaded on our <a href="https://2013.igem.org/Team:Wellesley_Desyne/Downloads_Tutorials">downloads and tutorials page</a></li> </ul>
                         <ul><li>All our source code can be downloaded on our <a href="https://2013.igem.org/Team:Wellesley_Desyne/Downloads_Tutorials">downloads and tutorials page</a></li> </ul>
                       </ul>
                       </ul>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<hr>
 +
<img src="https://static.igem.org/mediawiki/2013/6/62/Whci_sponsor_logos.png">
 +
</div>
 +
</div>
</div>
</div>
<!--End content-->
<!--End content-->
-
</div>
+
<script src="http://eastmaninteractive.com/igem/whci_zepto.js"></script>
-
</div>
+
<script src="http://eastmaninteractive.com/igem/whci_foundation.js"></script>
-
</div>
+
<script src="http://eastmaninteractive.com/igem/whci_foundation.dropdown.js"></script>
-
</div>
+
<script src="http://eastmaninteractive.com/igem/whci_foundation.topbar.js"></script>
-
 
+
<script>
-
 
+
$(document).foundation();
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.js"></script>
+
</script>
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.abide.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.alerts.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.clearing.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.cookie.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.dropdown.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.forms.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.interchange.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.joyride.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.magellan.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.orbit.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.placeholder.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.reveal.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.section.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.tooltips.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.topbar.js"></script>
+
-
  <script>
+
-
    $(document).foundation();
+
-
  </script>
+
</html>
</html>

Latest revision as of 18:08, 27 September 2013

Wellesley HCI iGEM Team: Welcome

Gold

Silver

  • Provide a detailed, draft specification for the next version of your software tool.
  • Provide a second, distinct (yet complementary) software tools project.
    • We developed Eugenie, which supports the research phase of the synthetic biology workflow as our core team project. Our complementary tool is zTree.
  • Provide a demonstration of software as a video tutorial on wiki.

Bronze

  • Register the team, have a great summer, and have fun attending the Jamboree
  • Create and share a description of the team's project via the iGEM wiki
  • Present a Poster and Talk at the iGEM Jamboree
  • Develop and make available via the The Registry of Software Tools an open source software tool that supports synthetic biology based on BioBrick standard biological parts