Team:Penn/PennApps

From 2013.igem.org

(Difference between revisions)
 
(24 intermediate revisions not shown)
Line 1: Line 1:
-
<div id='cssmenu'>
+
<html lang="en">
-
<ul>
+
<head>
-
  <li class='active'><a href='index.html'><span>Home</span></a></li>
+
 
-
  <li class='has-sub'><a href='#'><span>Products</span></a>
+
    <title>Penn iGEM</title>
-
      <ul>
+
    <link href="https://googledrive.com/host/0B4ZBZOYYKBzEVHRaZEdUVGo5cjA" type="text/css" rel="stylesheet"/> <!--css-->
-
        <li class='has-sub'><a href='#'><span>Product 1</span></a>
+
 
-
            <ul>
+
<script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script> <!--jquery-->
-
              <li><a href='#'><span>Sub Item</span></a></li>
+
   
-
              <li class='last'><a href='#'><span>Sub Item</span></a></li>
+
<script>
-
            </ul>
+
        $(document).ready(function($) {
-
        </li>
+
 
-
        <li class='has-sub'><a href='#'><span>Product 2</span></a>
+
$('.nav_wrap').load('https://googledrive.com/host/0B4ZBZOYYKBzEclFHMmpZcVlydmc');
-
            <ul>
+
  });
-
              <li><a href='#'><span>Sub Item</span></a></li>
+
    </script>
-
              <li class='last'><a href='#'><span>Sub Item</span></a></li>
+
</head>
-
            </ul>
+
 
-
        </li>
+
<body>
-
      </ul>
+
<div id = "banner_wrap">
-
  </li>
+
<div class = "banner"></div>
-
  <li><a href='#'><span>About</span></a></li>
+
-
  <li class='last'><a href='#'><span>Contact</span></a></li>
+
-
</ul>
+
</div>
</div>
 +
<div id = "nav_holder">
 +
<div class = "nav_wrap"></div>
 +
</div>
 +
</div>
 +
<div id="text">
 +
<div class = "textwrap">
 +
            <b><center><h1>
 +
PennApps
 +
</b></center></h1>
 +
<br>
-
#cssmenu ul {
+
Synthetic Biology holds its roots in electrical engineering and computer science, however, most engineers in these fields have had little exposure to Synthetic Biology. To reach out to hundreds of fellow computer scientists and build an open source methylation analysis software along the way, the members of Penn iGEM participated in PennApps, the largest college hackathon. PennApps is attended by approximately 1,000 top student hackers from around the world. Over the course of 48 hours, teams work to design an app from start to finish. At the demo round, all the teams – over 200 in total – present their apps to fellow hackers, interested students, and representatives from the tech industry. The Penn iGEM team represented synthetic biology at an event predominantly attended by computer science students, and PennApps attendees were excited to see a new computer program with a scientific application.
-
  margin: 0;
+
 
-
  padding: 0;
+
 
-
}
+
<br/>
-
#cssmenu li {
+
<br/>
-
  margin: 0;
+
<br>
-
  padding: 0;
+
<div style="float:left;">
-
}
+
<img src="https://static.igem.org/mediawiki/2013/f/ff/Penn3.jpg" width='420' height='auto'>
-
#cssmenu a {
+
<p>Our booth is busy! Danny and Josh simultaneously present the<br> app to two interested onlookers.</p>
-
  margin: 0;
+
</div>  
-
  padding: 0;
+
<div style="float:right;">
-
}
+
<img src="https://static.igem.org/mediawiki/2013/b/ba/Penn4.jpg" width='420' height='auto'>
-
#cssmenu ul {
+
<p>Josh explains the math behind the software.</p>
-
  list-style: none;
+
</div>
-
}
+
<div style="clear:both"/>
-
#cssmenu a {
+
<br/>
-
  text-decoration: none;
+
<br/>
-
}
+
Our final product was a gel analysis app which automates the process of interpreting DNA bands run through gel electrophoresis. This app, the Magellin Software Package, complements our digestion assay and reports the extent of on-target and off-target methylation, greatly simplifying data analysis for the experimenter. Unlike other gel analysis programs, MaGellin interprets plasmid sequences, understands methylation patterns, and assesses targeted methylation based on a gel image.
-
#cssmenu {
+
<br>
-
  height: 70px;
+
<br>
-
  background-color: #232323;
+
Learn more about the MaGellin Software Package on our <a href="https://2013.igem.org/Team:Penn/Software">software</a> page.
-
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
+
<br>
-
  width: auto;
+
<br>
-
}
+
The MaGellin Software Package is a robust platform that can easily be adjusted for other gel analysis problems, such as interpreting COBRA and quantifying PCR yields. We would like to collaborate with other iGEM teams to expand the range of gel analysis tasks this software performs.
-
#cssmenu > ul > li {
+
        </div>
-
  float: left;
+
    </div>
-
  margin-left: 15px;
+
 
-
  position: relative;
+
<div id ="pagefooter">
-
}
+
<br>
-
#cssmenu > ul > li > a {
+
<br>
-
  color: #a0a0a0;
+
<center><a href = "https://2013.igem.org/Team:Penn"> Home  </a> <a href = "https://static.igem.org/mediawiki/2013/e/e5/Spec_Sheet.pdf" >Spec Sheet</a> <a href = "https://2013.igem.org/Team:Penn/sitemap" >Sitemap</a>
-
  font-family: Verdana, 'Lucida Grande';
+
</center>
-
  font-size: 15px;
+
<br>
-
  line-height: 70px;
+
Penn iGem &copy; 2013
-
  padding: 15px 20px;
+
</div>
-
  -webkit-transition: color .15s;
+
    
-
  -moz-transition: color .15s;
+
</body>
-
  -o-transition: color .15s;
+
<script>
-
  transition: color .15s;
+
</script>
-
}
+
</html>
-
#cssmenu > ul > li > a:hover {
+
-
  color: #ffffff;
+
-
}
+
-
#cssmenu > ul > li > ul {
+
-
  opacity: 0;
+
-
  visibility: hidden;
+
-
  padding: 16px 0 20px 0;
+
-
  background-color: #fafafa;
+
-
  text-align: left;
+
-
  position: absolute;
+
-
  top: 55px;
+
-
  left: 50%;
+
-
  margin-left: -90px;
+
-
  width: 180px;
+
-
  -webkit-transition: all .3s .1s;
+
-
  -moz-transition: all .3s .1s;
+
-
  -o-transition: all .3s .1s;
+
-
  transition: all .3s .1s;
+
-
  -webkit-border-radius: 5px;
+
-
  -moz-border-radius: 5px;
+
-
  border-radius: 5px;
+
-
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
+
-
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
+
-
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
+
-
}
+
-
#cssmenu > ul > li:hover > ul {
+
-
  opacity: 1;
+
-
  top: 65px;
+
-
  visibility: visible;
+
-
}
+
-
#cssmenu > ul > li > ul:before {
+
-
  content: '';
+
-
  display: block;
+
-
  border-color: transparent transparent #fafafa transparent;
+
-
  border-style: solid;
+
-
  border-width: 10px;
+
-
  position: absolute;
+
-
  top: -20px;
+
-
  left: 50%;
+
-
  margin-left: -10px;
+
-
}
+
-
#cssmenu > ul ul > li {
+
-
  position: relative;
+
-
}
+
-
#cssmenu ul ul a {
+
-
  color: #323232;
+
-
  font-family: Verdana, 'Lucida Grande';
+
-
  font-size: 13px;
+
-
  background-color: #fafafa;
+
-
  padding: 5px 8px 7px 16px;
+
-
  display: block;
+
-
  -webkit-transition: background-color 0.1s;
+
-
  -moz-transition: background-color 0.1s;
+
-
  -o-transition: background-color 0.1s;
+
-
  transition: background-color 0.1s;
+
-
}
+
-
#cssmenu ul ul a:hover {
+
-
  background-color: #f0f0f0;
+
-
}
+
-
#cssmenu ul ul ul {
+
-
  visibility: hidden;
+
-
  opacity: 0;
+
-
  position: absolute;
+
-
  top: -16px;
+
-
  left: 206px;
+
-
  padding: 16px 0 20px 0;
+
-
  background-color: #fafafa;
+
-
  text-align: left;
+
-
  width: 180px;
+
-
  -webkit-transition: all .3s;
+
-
  -moz-transition: all .3s;
+
-
  -o-transition: all .3s;
+
-
  transition: all .3s;
+
-
  -webkit-border-radius: 5px;
+
-
  -moz-border-radius: 5px;
+
-
  border-radius: 5px;
+
-
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
+
-
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
+
-
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
+
-
}
+
-
#cssmenu ul ul > li:hover > ul {
+
-
  opacity: 1;
+
-
  left: 190px;
+
-
   visibility: visible;
+
-
}
+
-
#cssmenu ul ul a:hover {
+
-
  background-color: #cc2c24;
+
-
  color: #f0f0f0;
+
-
}
+

Latest revision as of 03:47, 29 October 2013

Penn iGEM

PennApps


Synthetic Biology holds its roots in electrical engineering and computer science, however, most engineers in these fields have had little exposure to Synthetic Biology. To reach out to hundreds of fellow computer scientists and build an open source methylation analysis software along the way, the members of Penn iGEM participated in PennApps, the largest college hackathon. PennApps is attended by approximately 1,000 top student hackers from around the world. Over the course of 48 hours, teams work to design an app from start to finish. At the demo round, all the teams – over 200 in total – present their apps to fellow hackers, interested students, and representatives from the tech industry. The Penn iGEM team represented synthetic biology at an event predominantly attended by computer science students, and PennApps attendees were excited to see a new computer program with a scientific application.


Our booth is busy! Danny and Josh simultaneously present the
app to two interested onlookers.

Josh explains the math behind the software.



Our final product was a gel analysis app which automates the process of interpreting DNA bands run through gel electrophoresis. This app, the Magellin Software Package, complements our digestion assay and reports the extent of on-target and off-target methylation, greatly simplifying data analysis for the experimenter. Unlike other gel analysis programs, MaGellin interprets plasmid sequences, understands methylation patterns, and assesses targeted methylation based on a gel image.

Learn more about the MaGellin Software Package on our software page.

The MaGellin Software Package is a robust platform that can easily be adjusted for other gel analysis problems, such as interpreting COBRA and quantifying PCR yields. We would like to collaborate with other iGEM teams to expand the range of gel analysis tasks this software performs.