Team:Warsaw/Software

From 2010.igem.org

(Difference between revisions)
 
(33 intermediate revisions not shown)
Line 4: Line 4:
</script>
</script>
</html>
</html>
 +
 +
{{TemplateTop}}
{{TemplateTop}}
Line 9: Line 11:
{{LowerTabsTeam}}
{{LowerTabsTeam}}
<html>
<html>
-
 
-
<h2>Software</h2>
+
 
-
+
<style type="text/css">
-
<div class="note">Sed purus neque, suscipit vitae, cursus vitae, porttitor non, dui. Mauris volutpat dui vitae sapien. Duis laoreet nibh vitae sem.</div>
+
 
 +
   
 +
img.screenshot {
 +
    margin-top: 20px;
 +
    margin-bottom: 5px;
 +
    margin-left: -20px;
 +
    padding-left: 0px;
 +
}
 +
 
 +
</style>
 +
 +
 +
<h2>BioBrick manager </h2>
 +
 
 +
<br/>
 +
<div class="note">What can I use it for?</div>
 +
 
 +
<p>
 +
<b>BioBrick Manager</b> is extremely useful tool which helps you with <b>planning your experiments</b> or <b>preparing printable instructions</b> for others. It allows the user to download biobricks from partsregistry.org, connect them in order to obtain new parts, save resulting bricks as XML files and - what is the most important thing - to <b>get protocol for creating that particular biobrick</b>!
 +
</p>
 +
<br/>
 +
 
 +
<div class="note">Why is it so special?</div>
 +
 
 +
<p>
 +
BioBrick Manager is the <b>first program that uses biobrick XML representation</b>! We hope that this XML will spread all over the world and make bioinformatic work in synthetic biology easier and more enjoyable.
 +
</p>
 +
<br/>
 +
 
 +
<div class="note">Wow! I want to try it, but how...?</div>
 +
 
 +
<p>
 +
It's a web application, so <b>you only need a browser and internet connection</b> to use it.
 +
</p>
 +
<p>
 +
What's more, a lot of our effort went into designing BioBrick Manager to be as <b>user-friendly</b> as possible:
 +
</p>
 +
 
 +
<img class="screenshot" src="https://static.igem.org/mediawiki/2010/9/92/Instruction.png" alt="Screenshot with numbers" width="944px" />
 +
<ol>
 +
<li>Widgets for downloading brick by name or uploading local file</li>
 +
<li>Panel for connecting bricks (confirmation window is displayed)</li>
 +
<li>Information about current operation or errors</li>
 +
<li>List of loaded bricks</li>
 +
<li>Information about currently selected brick and its graphical representation</li>
 +
<li>Buttons for saving work</li>
 +
<li>Tabs for switching between information, sequence and XML editor for currently selected brick</li>
 +
</ol>
 +
<br/><br/>
 +
<div class="note">Implementation and challenges</div>
 +
<p>Biobrick manager is implemented in <b><a href=http://code.google.com/intl/en-EN/webtoolkit/>Google Web Toolkit</a></b> and
 +
<b><a href="http://code.google.com/intl/en-EN/appengine/">Google App Engine (Java)</a></b>. Those technologies enable
 +
easy web application development by "compiling" Java code (client-side) to JavaScript.</p>
 +
<p>Almost everything is done by client - XML operations, drawing bricks, connecting them. Server is
 +
used for downloading information from registry or files and saving files.</p>
 +
<p><b>Source code is available</b> <a href=http://subversion.assembla.com/svn/brickmanager>via SVN</a>.
 +
Application is hosted using Google infrastructure at
 +
<b><a href=http://brickmanager.appspot.com>http://brickmanager.appspot.com</a></b>.
 +
It is <b>licensed under <a href=http://www.gnu.org/licenses/agpl-3.0.html>AGPL</a></b>.</p>
 +
 
-
<p>Suspendisse magna dui, porta in, condimentum at, molestie nec, augue. Quisque vulputate facilisis ipsum.  Aenean sollicitudin quam sed ante. Donec at nunc. In hac habitasse platea dictumst. Suspendisse quis lorem sit amet eros congue volutpat. Nam laoreet ultricies pede. Nulla vestibulum, pede eget varius vestibulum, nisl mi aliquet nisl, eget eleifend quam dui faucibus tortor. Maecenas justo. In lacus nisl, tempus at, aliquam nec, ornare in, metus. Maecenas hendrerit mauris vitae purus. Cras id sem.</p>
 
</html>
</html>
{{TemplateBottom}}
{{TemplateBottom}}

Latest revision as of 21:57, 27 October 2010


Example Tabs

BioBrick manager


What can I use it for?

BioBrick Manager is extremely useful tool which helps you with planning your experiments or preparing printable instructions for others. It allows the user to download biobricks from partsregistry.org, connect them in order to obtain new parts, save resulting bricks as XML files and - what is the most important thing - to get protocol for creating that particular biobrick!


Why is it so special?

BioBrick Manager is the first program that uses biobrick XML representation! We hope that this XML will spread all over the world and make bioinformatic work in synthetic biology easier and more enjoyable.


Wow! I want to try it, but how...?

It's a web application, so you only need a browser and internet connection to use it.

What's more, a lot of our effort went into designing BioBrick Manager to be as user-friendly as possible:

Screenshot with numbers
  1. Widgets for downloading brick by name or uploading local file
  2. Panel for connecting bricks (confirmation window is displayed)
  3. Information about current operation or errors
  4. List of loaded bricks
  5. Information about currently selected brick and its graphical representation
  6. Buttons for saving work
  7. Tabs for switching between information, sequence and XML editor for currently selected brick


Implementation and challenges

Biobrick manager is implemented in Google Web Toolkit and Google App Engine (Java). Those technologies enable easy web application development by "compiling" Java code (client-side) to JavaScript.

Almost everything is done by client - XML operations, drawing bricks, connecting them. Server is used for downloading information from registry or files and saving files.

Source code is available via SVN. Application is hosted using Google infrastructure at http://brickmanager.appspot.com. It is licensed under AGPL.