Team:Wellesley Desyne/Project Overview
From 2013.igem.org
(56 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | {{Team:Wellesley_Desyne/css/wp_app.css}} | ||
<html> | <html> | ||
<head> | <head> | ||
- | <title>Wellesley HCI iGEM Team: Welcome</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 name="viewport" content="width=device-width"> |
- | + | <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> | |
- | + | <body> | |
- | + | <nav class="top-bar"> | |
- | + | <ul class="title-area"> | |
- | + | <!-- Title Area --> | |
- | + | <li class="name"> | |
- | + | <h1><a href="https://2013.igem.org/Team:Wellesley_Desyne">WHCI</a></h1> | |
- | + | </li> | |
- | + | <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone --> | |
- | + | <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <link href='http://fonts.googleapis.com/css?family= | + | |
- | + | ||
- | < | + | |
- | + | ||
- | < | + | |
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <!-- | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</ul> | </ul> | ||
- | + | <section class="top-bar-section"> | |
- | + | <!-- Left Nav Section --> | |
- | </ul> | + | <ul class="left"> |
+ | <li class="divider"></li> | ||
+ | <li class="has-dropdown"><a href="#">TEAM</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Team">Team Members</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Acknowledgement">Acknowledgement</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Tips_Tricks">Tips and Tricks</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Social">Fun</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="divider"></li> | ||
+ | <li class="has-dropdown"><a href="#">PROJECT</a> | ||
+ | <ul class="dropdown"> | ||
+ | <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/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/Downloads_Tutorials">Downloads & Tutorials</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="divider"></li> | ||
+ | <li class="has-dropdown"><a href="#">HUMAN PRACTICES</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Human_Practices">User Research</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Methodology">Methodology</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Safety">Safety</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Outreach">Outreach</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="divider"></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Gold">MEDAL FULFILLMENT</a></li> | ||
+ | </ul> | ||
+ | <!-- Right Nav Section --> | ||
+ | <ul class="right"> | ||
+ | <li class="divider hide-for-small"></li> | ||
+ | <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 class="divider"></li> | ||
+ | </ul> | ||
+ | </section> | ||
+ | </nav> | ||
+ | <header> | ||
+ | <div id="header-container"> | ||
+ | <div class="row"> | ||
+ | <div class="large-12 columns"> | ||
+ | <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> | ||
+ | </header> | ||
<!--End NavBar--> | <!--End NavBar--> | ||
+ | <div class="row"> | ||
+ | <div class="large-12 columns"> | ||
+ | <div class="main-container"> | ||
+ | <div id="text-container"> | ||
- | + | <!--Start content--> | |
- | < | + | |
<!--Actual content--> | <!--Actual content--> | ||
- | < | + | <h3>Project Description</h3> |
- | < | + | <p> |
- | + | Synthetic biology is a multi-disciplinary field that requires a collaborative environment in order to engineer the complex biological systems of the future. To help create that environment, our team is designing software tools – tools that address specific technical synthetic biology challenges in order to ease synthetic biology research and increase its learnability. In addition, since synthetic biology is a new and emerging field, it is important to pay attention to how the public perceives such research. Careful attention is given to this as we create our applications. <a href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie">Eugenie</a> is a multi-touch application that allows synthetic biologists to use the programming language Eugene without actually having to code. <a href="https://2013.igem.org/Team:Wellesley_Desyne/zTree">zTree</a> makes use of zSpace, a holographic computing machine, to aid scientists in navigating and visualizing large data collections. <a href="https://2013.igem.org/Team:Wellesley_Desyne/zTree">zTree</a> focuses on representing hierarchical data in an intuitive and interactive manner. Finally, <a href="https://2013.igem.org/Team:Wellesley_Desyne/BAC">Bac to the Future</a> is an interactive web application that aims to communicate core concepts of synthetic biology to nonscientists. | |
- | < | + | |
+ | <p>As a human-computer interaction (HCI) lab, our team applies a user-centered design process to tackle the challenges that synthetic biologists face while simultaneously applying HCI techniques to create intuitive tools and foster a more collaborative design environment. | ||
+ | </p> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | <div class="row"> | ||
+ | <div class="row"> | ||
+ | <div class="large-4 columns"><a href = "https://2013.igem.org/Team:Wellesley_Desyne/Eugenie"> | ||
+ | <img src = "https://static.igem.org/mediawiki/2013/a/af/Wellesley_eugenie_overview.jpg"> | ||
+ | </a></div> | ||
+ | <div class="large-4 columns"><a href = "https://2013.igem.org/Team:Wellesley_Desyne/zTree"> | ||
+ | <img src = "https://static.igem.org/mediawiki/2013/5/5e/Wellesley_zTree_overview.jpg"> | ||
+ | </a></div> | ||
+ | <div class="large-4 columns"><a href = "https://2013.igem.org/Team:Wellesley_Desyne/BAC"> | ||
+ | <img src = "https://static.igem.org/mediawiki/2013/5/55/Wellesley_bac_overview.jpg"> | ||
+ | </a></div> | ||
+ | </div> | ||
+ | <div class="large-4 columns"><h4 style="text-align:center;"><a href = "https://2013.igem.org/Team:Wellesley_Desyne/Eugenie">Eugenie</a> <img src="https://static.igem.org/mediawiki/2013/8/8a/Eugenie_logo_xsmallv2.png"></h5></div> | ||
+ | <div class="large-4 columns"><h4 style="text-align:center;"><a href = "https://2013.igem.org/Team:Wellesley_Desyne/zTree">zTree</a><img src="https://static.igem.org/mediawiki/2013/8/8b/Wellesley_ztree_logo_xsmallv2.png"></h5></div> | ||
+ | <div class="large-4 columns"><h4 style="text-align:center;"><a href = "https://2013.igem.org/Team:Wellesley_Desyne/BAC">Bac to the Future</a><img src="https://static.igem.org/mediawiki/2013/d/d8/Bac_logo_xsmall.png"></h5></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--> |
- | </ | + | |
- | </ | + | <script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_zepto.js"></script> |
- | </ | + | <script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.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.topbar.js"></script> | ||
+ | <script> | ||
+ | $(document).foundation(); | ||
+ | </script> | ||
</html> | </html> |
Latest revision as of 15:50, 27 September 2013
Project Description
Synthetic biology is a multi-disciplinary field that requires a collaborative environment in order to engineer the complex biological systems of the future. To help create that environment, our team is designing software tools – tools that address specific technical synthetic biology challenges in order to ease synthetic biology research and increase its learnability. In addition, since synthetic biology is a new and emerging field, it is important to pay attention to how the public perceives such research. Careful attention is given to this as we create our applications. Eugenie is a multi-touch application that allows synthetic biologists to use the programming language Eugene without actually having to code. zTree makes use of zSpace, a holographic computing machine, to aid scientists in navigating and visualizing large data collections. zTree focuses on representing hierarchical data in an intuitive and interactive manner. Finally, Bac to the Future is an interactive web application that aims to communicate core concepts of synthetic biology to nonscientists.
As a human-computer interaction (HCI) lab, our team applies a user-centered design process to tackle the challenges that synthetic biologists face while simultaneously applying HCI techniques to create intuitive tools and foster a more collaborative design environment.