Team:UCSD Software/Safety

From 2014.igem.org

(Difference between revisions)
 
(44 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{Team:UCSD Software/CSS}}
Line 13: Line 13:
        
        
     <Style>
     <Style>
 +
 +
.neighborhood-guides{
 +
margin-top: -20px;
 +
}
body{
body{
-
     background-color: white;
+
     background-color: #0174DF;
      
      
}
}
-
#nav{
+
 
-
    background-color: rgba(0,0,0,0.5);
+
-
    color: white;
+
-
    //border: 1px solid white;
+
-
    padding: 1px;
+
-
  box-sizing: border-box;   
+
-
}
+
#nav .btn{
#nav .btn{
     //border-right: 2px solid grey;
     //border-right: 2px solid grey;
Line 34: Line 32:
}
}
-
#nav .btn:hover{
 
-
    color: white;
 
-
  background-color: rgba(204,204,204,0.5);
 
-
 
 
-
}
 
-
#nav .btn:active{
 
-
    color: white;
 
-
  background-color: rgba(204,204,204,0.5);
 
-
}
 
Line 115: Line 104:
     }
     }
}
}
-
</style>
 
-
    </head>
 
 +
/******************************DEFAULT WIKI SETTINGS CSS: CHANGING IT TO REFLECT OUR OWN PAGE********************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
******************************* THIS IS TO MAKE THE DISTINCTION CLEAR *******************************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************/
 +
.firstHeading {
 +
width: 975px;
 +
margin: 0px auto;
 +
padding-top: 100px;
 +
margin-bottom: 20px;
 +
font-family: Georgia, Times, "Times New Roman", serif;
 +
}
-
<body>
+
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
-
<div class="container-fluid" id="allHome">
+
-
       
+
-
 
+
-
<div class="container-fluid">
+
-
           
+
-
            <!--navbar -->
+
-
       
+
-
            <nav class="navbar navbar-header nav-justified" role="navigation" id='nav'>
+
-
                <div class="btn-group  btn-group btn-group-justified">
+
-
                <ul class="nav navbar-nav">
+
-
                    <li><div class="btn btn-lg" id="home">Home</div></li>
+
-
                    <li><div class="btn btn-lg" id="team">Team</div></li>
+
-
                   
+
-
                    <li><div class="btn btn-lg" id="officialTeam" >Profile</div></li>
+
-
                    <li><div class="btn btn-lg" id="poject">Project</div></li>
+
-
                    <li class="dropdown">
+
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
-
              <div class="btn btn-lg dropdown-toggle" data-toggle="dropdown" id="project">Project <span class="caret"></span></div>
+
background-color: #003D99;//#383838;
-
              <ul class="dropdown-menu" role="menu">
+
border: 0 none;
-
                <li><a href="#">Database</a></li>
+
height: 1px; // 46 px
-
                <li><a href="#">Traversal algorithms</a></li>
+
z-index: 100;
-
                <li><a href="#">Web application</a></li>
+
top: 0;
-
                <li><a href="#">Parts</a></li>
+
        color: #fff;
-
                <li><a href="#">Modeling</a></li>
+
        //display: none;
-
              </ul>
+
position: static;
-
            </li>
+
width: 100%;//1000px;//2975px;
-
                   
+
left: 50%;
-
                    <li><div class="btn btn-lg" id="notebook">Notebook</div></li>
+
margin-left: -480px;//-687px;
-
                    <li><div class="btn btn-lg" id="safety">Safety</div></li>
+
}
-
                    <li><div class="btn btn-lg" id="achieve">Achievements</div></li>
+
-
                    <li><div class="btn btn-lg" id="attributions">Attributions</div></li>
+
-
                    </ul>
+
-
              </div>
+
-
             
+
-
               
+
-
               
+
-
        </nav>
+
-
     
+
-
        </div>
+
-
<!--slider-->
+
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
 +
background-color: #333;
 +
height: 1px; //DEFAULT 14 PX
 +
display: none;//block;
 +
        color: #fff;
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
 +
}
-
<!--<div id="thumbnail-preview-indicators" class="carousel slide" data-ride="carousel">
 
-
         
 
-
          <ol class="carousel-indicators">
 
-
            <li data-target="#thumbnail-preview-indicators" data-slide-to="0" class="active">
 
-
              <div class="thumbnail">
 
-
                <img class="img-responsive" src="">
 
-
              </div>
 
-
            </li>
 
-
            <li data-target="#thumbnail-preview-indicators" data-slide-to="1">
 
-
            <div class="thumbnail">
 
-
                <img class="img-responsive" src="">
 
-
              </div>
 
-
            </li>
 
-
            <li data-target="#thumbnail-preview-indicators" data-slide-to="2">
 
-
            <div class="thumbnail">
 
-
                <img class="img-responsive" src="">
 
-
              </div>
 
-
            </li>
 
-
          </ol>
 
-
          <div class="carousel-inner">
 
-
            <div class="item slides active">
 
-
              <div class="slide-1"></div>
 
-
              <div class="container">
 
-
                <div class="carousel-caption">
 
-
                  <h1>SBiDer</h1>
 
-
                  <p>Our site</p>
 
-
               
 
-
                </div>
 
-
              </div>
 
-
            </div>
 
-
            <div class="item slides">
 
-
              <div class="slide-2"></div>
 
-
              <div class="container">
 
-
                <div class="carousel-caption">
 
-
                  <h1>Another example headline.</h1>
 
-
                  <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
 
-
                  <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
 
-
                </div>
 
-
              </div>
 
-
            </div>
 
-
            <div class="item slides">
 
-
              <div class="slide-3"></div>
 
-
              <div class="container">
 
-
                <div class="carousel-caption">
 
-
                  <h1>One more for good measure.</h1>
 
-
                  <p>Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
 
-
                  <p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>
 
-
                </div>
 
-
              </div>
 
-
            </div>
 
-
          </div>
 
-
          <a class="left carousel-control" href="#thumbnail-preview-indicators" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
 
-
          <a class="right carousel-control" href="#thumbnail-preview-indicators" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
 
-
      </div>
 
 +
/*#top-section {
 +
background-color: #333;//#383838;
 +
border: 0 none;
 +
height: 46px; // DEFAULT 14 px
 +
z-index: 100;
 +
top: 0;
 +
        //display: none;
 +
position: fixed;
 +
width: 2975px;
 +
left: 50%;
 +
margin-left: -687px;
 +
}
 +
#top-section-bar {
 +
background-color: #333;
 +
height: 1px; //DEFAULT 14 PX
 +
display: none;//block;
 +
       
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
 +
}*/
 +
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
 +
color: #727272;
 +
text-decoration: none;
 +
background-color: transparent;
 +
}
-
<!--slider end-->
 
 +
#globalWrapper, #content { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
html, body, .wrapper { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
background-color: #efefef;//transparent;
 +
}
 +
#contentcontainer { /*-- creates container for all content on page --*/
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-weight: normal;
 +
font-size: 14px;
 +
color: #414141;
 +
width: 960px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #transparent;
 +
margin-top: 0px;
 +
}
-
<h1>SBiDer: Synthetic Biocircuit Developer</h1>
+
</style>
-
<h3>Abstract</h3>
+
    </head>
 +
 
 +
 
 +
<body>
 +
        <nav class="navbar nav-justified" role="navigation" id='nav'>
 +
                <div class="btn-group  btn-group btn-group-justified">
 +
                    <div class="btn btn-lg " id="home">Home</div>
 +
                    <div class="btn btn-lg " id="team">Team</div>
 +
                    <div class="btn btn-lg " id="project">Project</div>
 +
                    <div class="btn btn-lg " id="doc">Documentation</div>
 +
                    <div class="btn btn-lg" id="notebook">Notebook</div>
 +
                    <div class="btn btn-lg" id="safety">Safety</div>
 +
                    <div class="btn btn-lg" id="attributions">Sponsors</div>
 +
                    <div class="btn btn-lg" id="achieve">Achievements</div>
 +
                    <div class="btn btn-lg" id="logo"><a href = "https://igem.org/Main_Page"><img src = "http://i.imgur.com/mGHw11P.png?1"></a></div>
 +
                   
 +
              </div>
 +
               
 +
            </nav>
 +
 
 +
<div class = "neighborhood-guides">
 +
        <div class = "container">
 +
<h1>Safety</h1>
 +
<h3>Safety Training</h3>
<p>
<p>
-
Genetic circuits are often difficult to engineer, requiring months to design, build, and test each individual genetic device involved in the circuit. SBiDer, a web tool developed by the UCSD Software iGEM team, will leverage existing devices to construct a database with consideration for the function of each device interpreted as boolean logic. The data can be queried by the user through SBiDer's visual interface to explore circuit designs. The displayed circuit's literature reference, characterization data, and images of included devices can be viewed through the built-in table. Basic validation of the circuit performance is also provided within in the interface. SBiDer's web of information can be expanded through user-generated additions to the database to improve the efficiency of the application and the accuracy of the models.
+
Safety is an important aspect of the iGEM project requirements; we understand that and take safety training seriously. As a software team, we do no work in any wet lab capacity, but just as safety training teaches best practices and behaviours in lab, we have used our safety training to employ best practices and behaviours in developing software. We have covered topics including but not limited to: using GitHub, commenting/documenting code, and how to abstract/re-factor code. </p>
 +
<p> As a team, we were really interested in Wet Lab testing (and validation) of our work. Unfortunately, given that this is our first year at iGEM and hence we received limited funding and resources, we had to prioritize certain other tasks over wet lab work. We'll still likely be involved in UCSD's iGEM team next year, and will push for additional funding and resources to make wet lab testing possible. </p>
<p>
<p>
-
<h1>Project Description</h1>
+
We did not use formal lab safety materials as we did not work in any lab at all.  
-
<h3>Problem Statement</h3>
+
-
<p>
+
-
Synthetic genetic circuits created by synthetic biologists have yielded exciting applications such as biofuels production and cancer killing bacteria. These circuits are often difficult to engineer, requiring months to design, build, and test each individual genetic device involved in the circuit. Although there are many genetic devices that have been built, re-using these devices often requires a time-consuming review of the literature. The UCSD Software iGEM team will address this challenge by creating a web-tool that leverages existing genetic devices to create complex genetic circuits. We will accomplish this by:
+
</p>
</p>
-
<ol>
+
 
-
<li>building a comprehensive database that captures the behavior, composition, and interactions of existing genetic devices in the literature</li>
+
<h3>Who is responsible for biological safety at our institution?</h3>
-
<li>constructing and visualizing the network of all synthetic genetic circuits that can interact with one another</li>
+
-
<li>devising algorithms to search this network for the set of genetic devices that can be used to construct a complex genetic circuit.</li>
+
-
<li>Perform some basic validation via kinetic modelling.</li>
+
-
</ol>
+
-
<h3>Aim 1 - Building a Database</h3>
+
<p>
<p>
-
We will mine the scientific literature for existing genetic devices and then construct a database that captures device characteristics such as:
+
Department of Environment, Health & Safety at UCSD. The project has not been discussed with the department as we anticipate no safety hazards. You can find the biosafety guidelines of our institution <a href = "http://blink.ucsd.edu/safety/research-lab/biosafety/">here.</a>
</p>
</p>
-
<li>composition of devices</li>
 
-
<li>function</li>
 
-
<li>characterization data</li>
 
-
<li>literature reference</li>
 
-
</ol>
 
-
We will design our database by rigorously constructing an entity relationship diagram and then normalizing these relationships to construct tables for a relational database.
 
-
<h3>Aim 2 - Constructing Network of Interacting Devices</h3>
 
-
<p>
 
-
We will connect known genetic devices together via device input and outputs to create a network of devices that can interact. We define a genetic device as a DNA construct transformed into cells that can cause expression of some protein in response to stimuli (or input). We will  develop a web interface to facilitate access to the complex network that we have constructed. Our Web interface makes extensive use of Cytoscape, an open source bioinformatics software package for metabolic network visualization and simulation.  In addition, the interface will generate SBOL Visual Images, a standard language that is easily understood by synthetic biologists all over the world.  Users can also update our database with additional devices through this interface.  Using the Cynetshare framework, users can share their circuit designs</p>
 
-
<h3>Aim 3 - Searching the Network</h3>
 
<p>
<p>
-
This interface will allow researchers to query our database network for a circuit design expressed as logical operators such as “AND”, “OR”, and “NOR”, and retrieve the subnetwork of genetic devices that satisfies the circuit design. To Perform our search  we modified several traditional graph search algorithms to traverse this graph, including but not limited to Prim’s algorithm (minimum spanning tree), Dijkstra’s algorithm and a breadth-first search. Results are visualized graphically in our web interface
+
Also, you may find the regulations that govern biosafety in general in research laboratories in the United States <a href = "http://sis.nlm.nih.gov/enviro/labsafety.html">here.</a>
</p>
</p>
-
<!--main content -->
 
-
<table width="70%" align="center">
 
 +
<h3>Risks of our projects in the future</h3>
 +
<p>
 +
This project has been constructed exclusively in silico. Therefore, we anticipate no risk or safety issues for our team from any wetlab experiments. However, as we are only developing software and not interacting at all with any biological components, we cannot foresee any new safety risks in combining pathogens in any new and novel way. Working and constructing new and novel biological circuits are at the risk of the experimenter. We cannot accept responsibility for any kind of hazards or risk arising from the results returned from our work. The safety of our fellow scientists is one of our utmost priorities, hence, any lab that wishes to use SBiDer for their own research purposes must, at all times, keep the biosafety regulations of their own institution and country in mind.
 +
</p>
 +
<p><a href = "https://igem.org/Safety/Safety_Form?team_id=1353">Click here</a> to view our completed safety form.</p>
-
<tr>
+
</div>
-
 
+
</div>
-
 
+
-
</tr>
+
-
 
+
-
 
+
-
</tr>
+
-
+
-
 
+
-
 
+
-
 
+
-
 
+
-
</td>
+
-
 
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
 
+
-
 
+
-
<!--requirements section -->
+
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
-
<tr>
+
-
<td width="45%"  valign="top">
+
-
 
+
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
-
 
+
-
<!-- Links to other team pages -->
+
-
<ul>
+
-
<li><a href="https://2014.igem.org/Team:UCSD_Software">Home</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:UCSD_Software/Team">Team</a> </li>
+
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=UCSD_Software">Official Team Profile</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:UCSD_Software/Project">Project</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:UCSD_Software/Parts">Parts</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:UCSD_Software/Modeling">Modeling</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:UCSD_Software/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:UCSD_Software/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:UCSD_Software/Attributions">Attributions</a> </li>
+
-
 
+
-
</ul>
+
-
 
+
-
</td>
+
-
 
+
-
<td > </td>
+
-
<td width="45%">
+
-
 
+
-
<p>There are a few wiki requirements teams must follow:</p>
+
-
<ul>
+
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload">  2014.igem.org server</a>. </li>
+
-
<li>All pages must be created under the team’s name space.</li>
+
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
-
<li>Do not use flash in wiki code. </li>
+
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
-
</ul>
+
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
-
 
+
-
</td>
+
-
</tr>
+
-
 
+
-
 
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
-
 
+
-
 
+
-
 
+
-
</table>
+
<script>
<script>
$(document).ready(function(){
$(document).ready(function(){
     //redirecting to other pages  
     //redirecting to other pages  
 +
    $('h1.firstHeading').remove();
     $("#home").click(function(){
     $("#home").click(function(){
       window.location.href="https://2014.igem.org/Team:UCSD_Software";  
       window.location.href="https://2014.igem.org/Team:UCSD_Software";  
Line 340: Line 284:
       window.location.href="https://igem.org/Team.cgi?year=2013&team_name=UCSD_Software";  
       window.location.href="https://igem.org/Team.cgi?year=2013&team_name=UCSD_Software";  
     });
     });
-
     /*$("#project").click(function(){
+
     $("#project").click(function(){
       window.location.href="https://2014.igem.org/Team:UCSD_Software/Project";  
       window.location.href="https://2014.igem.org/Team:UCSD_Software/Project";  
-
     });*/
+
     });
     $("#parts").click(function(){
     $("#parts").click(function(){
       window.location.href="https://2014.igem.org/Team:UCSD_Software/Parts";  
       window.location.href="https://2014.igem.org/Team:UCSD_Software/Parts";  
Line 351: Line 295:
     $("#notebook").click(function(){
     $("#notebook").click(function(){
       window.location.href="https://2014.igem.org/Team:UCSD_Software/Notebook";  
       window.location.href="https://2014.igem.org/Team:UCSD_Software/Notebook";  
 +
    });
 +
    $("#achieve").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/SoftwareAchievements";
     });
     });
     $("#safety").click(function(){
     $("#safety").click(function(){
Line 359: Line 306:
     });
     });
      
      
 +
    $("#database").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Database";
 +
    }); 
 +
 
 +
    $("#app").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/App";
 +
    }); 
 +
 
 +
    $("#doc").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Documentation";
 +
    });
 +
 +
    $("#parts").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Parts";
 +
    }); 
 +
 +
    $("#modeling").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Modeling";
 +
    }); 
 +
 +
 +
    $("#traversal").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Traversal";
 +
    }); 
 +
   
     });
     });
</script>
</script>
</body>
</body>

Latest revision as of 02:46, 18 October 2014


Safety

Safety Training

Safety is an important aspect of the iGEM project requirements; we understand that and take safety training seriously. As a software team, we do no work in any wet lab capacity, but just as safety training teaches best practices and behaviours in lab, we have used our safety training to employ best practices and behaviours in developing software. We have covered topics including but not limited to: using GitHub, commenting/documenting code, and how to abstract/re-factor code.

As a team, we were really interested in Wet Lab testing (and validation) of our work. Unfortunately, given that this is our first year at iGEM and hence we received limited funding and resources, we had to prioritize certain other tasks over wet lab work. We'll still likely be involved in UCSD's iGEM team next year, and will push for additional funding and resources to make wet lab testing possible.

We did not use formal lab safety materials as we did not work in any lab at all.

Who is responsible for biological safety at our institution?

Department of Environment, Health & Safety at UCSD. The project has not been discussed with the department as we anticipate no safety hazards. You can find the biosafety guidelines of our institution here.

Also, you may find the regulations that govern biosafety in general in research laboratories in the United States here.

Risks of our projects in the future

This project has been constructed exclusively in silico. Therefore, we anticipate no risk or safety issues for our team from any wetlab experiments. However, as we are only developing software and not interacting at all with any biological components, we cannot foresee any new safety risks in combining pathogens in any new and novel way. Working and constructing new and novel biological circuits are at the risk of the experimenter. We cannot accept responsibility for any kind of hazards or risk arising from the results returned from our work. The safety of our fellow scientists is one of our utmost priorities, hence, any lab that wishes to use SBiDer for their own research purposes must, at all times, keep the biosafety regulations of their own institution and country in mind.

Click here to view our completed safety form.