Difference between revisions of "Team:Amazonas Brazil/Software"

(Prototype team page)
 
 
(79 intermediate revisions by 8 users not shown)
Line 1: Line 1:
−
{{Amazonas_Brazil}}
+
<html lang="en">
−
<html>
+
  
 +
<head>
 +
  <meta charset="UTF-8">
 +
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
  <meta content="width=device-width,initial-scale=1" name="viewport">
 +
  <meta content="description" name="description">
 +
  <meta name="google" content="notranslate" />
  
−
<div class="column full_size judges-will-not-evaluate">
+
  <!-- Disable tap highlight on IE -->
−
<h3>★  ALERT! </h3>
+
  <meta name="msapplication-tap-highlight" content="no">
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
 
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
<style>
 +
 
 +
/***************************************************** DEFAULT WIKI SETTINGS ****************************************************/
 +
/* Clear the default wiki settings */
 +
#home_logo, #sideMenu { display:none; } #sideMenu, #top_title, .patrollink {display:none;} #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;margin-right: 0;} body {background-color:white; } #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 
 +
</style>
 +
 
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Amazonas_Brazil/CSS?action=raw&ctype=text/css">
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Amazonas_Brazil/CSS:icon?action=raw&ctype=text/css">
 +
 
 +
 
 +
 
 +
 
 +
<title>Wiki_iGEM_Amazonas</title>
 +
 
 +
</head>
 +
 
 +
<body class="body">
 +
 
 +
  <!-- Add your content of header -->
 +
 
 +
<header>
 +
    <nav class="navbar navbar-fixed-top navbar-default" id="#" style="background-color: rgba(255, 255, 255, 0);">
 +
      <ul class="Links_bar" style="background: linear-gradient(to left,#BD314C, #5F254A);opacity:0.75;">
 +
        <li><a class="Link-pg" href="https://2017.igem.org/Team:Amazonas_Brazil"><img src="https://static.igem.org/mediawiki/2017/d/d4/T--Amazonas_Brazil--LogoBranco.png"  width="104.04";height="90"; class="Menu_image"></a></li>
 +
      </ul>
 +
 
 +
      <div class="container">
 +
        <button type="button" class="navbar-toggle">
 +
          <span class="sr-only">Menu</span>
 +
          <span class="icon-bar" style="background-color: white"></span>
 +
          <span class="icon-bar" style="background-color: white"></span>
 +
          <span class="icon-bar" style="background-color: white"></span>
 +
        </button>
 +
 
 +
        <nav class="navbar-fullscreen" id="navbar-middle" style="opacity:0.9;">
 +
          <button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 +
 
 +
        <div class="main-container">
 +
          <div class="subcontainer" id ="top">
 +
    <a class="Menu" id="Link_Menu1" href="https://2017.igem.org/Team:Amazonas_Brazil/Project">PROJECT</a>
 +
    <a class="Menu" id="Link_Menu2" href="https://2017.igem.org/Team:Amazonas_Brazil/Biobricks">BIOBRICKS</a>
 +
    </div>
 +
          <div class="subcontainer">
 +
    <a class="Menu" id="Link_Menu3" href="https://2017.igem.org/Team:Amazonas_Brazil/Software">SOFTWARE</a>
 +
    <a class="Menu" id="Link_Menu4" href="https://2017.igem.org/Team:Amazonas_Brazil/Human_Practices">HUMAN PRACTICES</a>
 +
    </div>
 +
    <div class="subcontainer" id="bottom" style="margin-bottom: 1em;">
 +
<a class="Menu" id="Link_Menu5" href="https://2017.igem.org/Team:Amazonas_Brazil/Achievements">ACHIEVEMENTS</a>
 +
<a class="Menu" id="Link_Menu6" href="https://2017.igem.org/Team:Amazonas_Brazil/People">PEOPLE</a>
 
</div>
 
</div>
−
<div class="clear"></div>
+
          </div>
 +
        </nav>
 +
      </div>
 +
    </nav>
 +
  </header>
  
 +
  <div class="hero-full-container background-image-container white-text-container" style="background-image: url(https://static.igem.org/mediawiki/2017/0/02/T--Amazonas_Brazil--SOFTWARE.jpg);">
 +
    <div class="container">
 +
      <div class="row">
 +
        <div class="col-xs-12">
 +
          <div class="hero-full-wrapper">
 +
            <div class="text-content  text-center">
 +
                <h2 class="Page_Title" align="middle">SOFTWARE</h2>
 +
                <h2 class="Page_Subtitle" align="middle">A platform to expand the iGEM Experience</h2>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  </div>
  
−
<div class="column half_size">
+
  <div class="section-container">
−
<h1>Software</h1>
+
    <div class="container">
−
<h3>Best Software Tool Special Prize</h3>
+
      <div class="col-xs-12">
−
<p>Regardless of the topic, iGEM projects often create or adapt computational tools to move the project forward. Because they are born out of a direct practical need, these software tools (or new computational methods) can be surprisingly useful for other teams. Without necessarily being big or complex, they can make the crucial difference to a project's success. This award tries to find and honor such "nuggets" of computational work.
+
        <div class="row section-container-spacer">
 +
          <div class="col-xs-12">
 +
            <h2 style="font-size: 110px;margin-top: 54px;" align="middle">iProGRAm</h2>
  
  
−
<br><br>
+
            <h3 align="center" style="margin-top:0;font-size:39px;margin-bottom:70px;">A platform for expand the iGEM experience</h3>
−
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Software Tool prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
+
 
−
<br><br>
+
 
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
             
 +
              <div>
 +
              <div class="">
 +
              <h4 style="font-size:30px!important;margin:1em 3.5em;" class="p">What's the boost?</h4>
 +
              <p style="font-size: 27px !important;margin: 1em 4em;">Protocols are a set of well-documented steps to perform an experiment. It is through protocols that scientists can abstract and engineer their solutions. This standardization is the key to make it possible for scientists from the other side of the globe to reliably reproduce, in their labs, the results obtained by another scientist.</p>
 +
              <p style="font-size: 27px !important;margin: 1em 4em;">The algorithms are to Computer Science as protocols are to Biotechnology. Following the principles that jumpstarted the exponential growth of software development techniques, promoting reuse of code, peer review, and incremental development, the open source community revolutionized the way that software was being made and those principles can easily be translated to Biotechnology.</p>
 +
   
 +
    <p style="font-size: 27px !important;margin: 1em 4em;">Advances in the opening of biological 'codes' has already promoted unpreceded developments in biological systems engineering, the most remarkable is the easily accessible NCBI database, which allows anyone to access detailed genomic and proteomic information of various species.
 +
</p>
 +
    <p style="font-size: 27px !important;margin: 1em 4em;">We envision a future where the abstraction for the creation of bioengineered living beings becomes more open, enabling anyone with the proper equipment and care, to reproduce reliably experiments and develop solutions.
 
</p>
 
</p>
  
  
 +
 +
 +
    <div id="myCarousel" style="max-width:1360px;margin: 58px auto;" class="carousel slide" data-ride="carousel">
 +
  <!-- Indicators -->
 +
  <ol class="carousel-indicators">
 +
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 +
    <li data-target="#myCarousel" data-slide-to="1"></li>
 +
    <li data-target="#myCarousel" data-slide-to="2"></li>
 +
  </ol>
 +
 +
  <!-- Wrapper for slides -->
 +
  <div class="carousel-inner">
 +
    <div class="item active">
 +
      <img src="https://static.igem.org/mediawiki/2017/d/dd/Iprogram_plataform1.gif" alt="Chicago">
 +
    </div>
 +
 +
    <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2017/5/59/Iprogram_plataform2.gif" alt="New York">
 +
    </div>
 +
 +
    <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2017/7/74/Iprogram_plataform3.gif" alt="Los Angeles">
 +
    </div>
 +
  </div>
 +
 +
  <!-- Left and right controls -->
 +
  <a class="left carousel-control" href="#myCarousel" data-slide="prev">
 +
    <span class="glyphicon glyphicon-chevron-left"></span>
 +
    <span class="sr-only">Previous</span>
 +
  </a>
 +
  <a class="right carousel-control" href="#myCarousel" data-slide="next">
 +
    <span class="glyphicon glyphicon-chevron-right"></span>
 +
    <span class="sr-only">Next</span>
 +
  </a>
 
</div>
 
</div>
  
−
<div class="column half_size">
+
    <h4 style="font-size:30px!important;margin:1em 3.5em;" class="p">How will we do this?</h4>
−
<h5> Inspiration </h5>
+
    <p style="font-size: 27px !important;margin: 1em 4em;">To make our library available we created a Web Application decoupled from our WebServer, named iProGRAm, iGEM Protocol Git Repository from Amazonas_Brazil team, to deliver an environment to create, store and share lab protocols. </p>
−
<p>
+
    <p style="font-size: 27px !important;margin: 1em 4em;">Moreover, any current web based application can migrate their data to AlexAPI format and use this database in a unified fashion. And with their own customization many applications can share a common space. </p>
−
Here are a few examples from previous teams:
+
      <p style="font-size: 27px !important;margin: 1em 4em;">This protocols platform will be able to search, cite and create protocols in a easy and fast way, creating an ecosystem to bring people together and generate positive interactions, promoting scientific growth.</p>
−
</p>
+
    <h4 style="font-size:30px!important;margin:1em 3.5em;" class="p">How will it impact iGEM?</h4>
−
<ul>
+
      <p style="font-size: 27px !important;margin: 1em 4em;">We believe that having such space would help everyone in the development of their project, reducing the amount of time taken in project design plan and increasing the success rate of teams. Helping everyone to achieve their results on time to deliver to the competition.</p>
−
<li><a href="https://2016.igem.org/Team:BostonU_HW">2016 BostonU HW</a></li>
+
      <p style="font-size: 27px !important;margin: 1em 4em;">We were inspired by the open software practices that brought github.com to life and over the year has made a tremendous impact on how open source software is being developed. We hope that iProGRAm can be ourProgram and really impact iGEMers from around the world.</p>
−
<li><a href="https://2016.igem.org/Team:Valencia_UPV">2016 Valencia UPV</a></li>
+
 
−
<li><a href="https://2014.igem.org/Team:Heidelberg/Software">2014 Heidelberg</a></li>
+
<p style="font-size:26px"><b><a href="https://github.com/iGemAmazonas/alexAPI">Checkout our code in GitHub</a></b></p>
−
<li><a href="https://2014.igem.org/Team:Aachen/Project/Measurement_Device#Software">2014 Aachen</a></li>
+
 
−
</ul>
+
 
  
 
</div>
 
</div>
 +
            </div>
 +
         
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
 +
<script>
 +
    document.addEventListener("DOMContentLoaded", function (event) {
 +
      navbarToggleSidebar();
 +
      closeMenuBeforeGoingToPage();
 +
      navActivePage();
 +
    });
 +
 +
 +
 +
    $(".nav").addClass("fechada");
 +
    $(".nav").after("<a class=\"nav-toggle\">Menu</a>");
 +
 +
    $(".nav-toggle").click(function() {
 +
    var altura = $(".nav ul").height();
 +
    if($(".nav").hasClass("fechada")) {
 +
    $(".nav").animate({height:altura},{queue:false, duration:200}).removeClass("fechada");
 +
    }
 +
    else {
 +
    $(".nav").animate({height:"0px"},{queue:false, duration:200}).addClass("fechada");
 +
    }
 +
    });
 +
 +
    $(window).resize(function() {
 +
    var tamanhoViewport = $(window).width();
 +
    if (tamanhoViewport > 800) {
 +
    $(".nav").css("height","auto").addClass("fechada");
 +
    } else {
 +
    $(".nav").css("height","0px").addClass("fechada");
 +
    }
 +
    });
 +
 +
 +
 +
</script>
 +
<script type="text/javascript" src="https://2017.igem.org/Template:Amazonas_Brazil/JS?action=raw&ctype=text/javascript"></script>
 +
 +
</body>
 +
 +
<footer style="position:fixed;">
 +
<div class="subcontainer">
 +
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2017/5/55/T--Amazonas_Brazil--IconTop.png" style="width: 4%;position: absolute;bottom: 0.5em;right: 0.5em;opacity: 0.5;"></a>
 +
</div>
 +
</footer>
 +
 +
<footer style="background: linear-gradient(to left,#BD314C, #5F254A);">
 +
  <div class="footer-container" >
 +
  <p class="footer-share-icons">
 +
    <a href="https://twitter.com/IGEM_Amazonas" class="fa-icon" title="">
 +
        <i class="fa fa-twitter" aria-hidden="true"></i>
 +
    </a>
 +
    <a href="https://www.instagram.com/igem_amazonas_brazil/" class="fa-icon" title="">
 +
        <i class="fa fa-instagram" aria-hidden="true"></i>
 +
    </a>
 +
    <a href="https://www.facebook.com/ManausnoiGEM/" class="fa-icon" title="">
 +
        <i class="fa fa-facebook" aria-hidden="true"></i>
 +
    </a>
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2017/5/55/T--Amazonas_Brazil--IconTop.png" style="width: 4%;position: absolute;bottom: 5.5em;right: 0.5em;opacity: 0.5;"></a>
 +
  </p>
 +
  </div>
 +
</footer>
  
 
</html>
 
</html>

Latest revision as of 00:50, 16 December 2017

Wiki_iGEM_Amazonas

SOFTWARE

A platform to expand the iGEM Experience

iProGRAm

A platform for expand the iGEM experience

What's the boost?

Protocols are a set of well-documented steps to perform an experiment. It is through protocols that scientists can abstract and engineer their solutions. This standardization is the key to make it possible for scientists from the other side of the globe to reliably reproduce, in their labs, the results obtained by another scientist.

The algorithms are to Computer Science as protocols are to Biotechnology. Following the principles that jumpstarted the exponential growth of software development techniques, promoting reuse of code, peer review, and incremental development, the open source community revolutionized the way that software was being made and those principles can easily be translated to Biotechnology.

Advances in the opening of biological 'codes' has already promoted unpreceded developments in biological systems engineering, the most remarkable is the easily accessible NCBI database, which allows anyone to access detailed genomic and proteomic information of various species.

We envision a future where the abstraction for the creation of bioengineered living beings becomes more open, enabling anyone with the proper equipment and care, to reproduce reliably experiments and develop solutions.

How will we do this?

To make our library available we created a Web Application decoupled from our WebServer, named iProGRAm, iGEM Protocol Git Repository from Amazonas_Brazil team, to deliver an environment to create, store and share lab protocols.

Moreover, any current web based application can migrate their data to AlexAPI format and use this database in a unified fashion. And with their own customization many applications can share a common space.

This protocols platform will be able to search, cite and create protocols in a easy and fast way, creating an ecosystem to bring people together and generate positive interactions, promoting scientific growth.

How will it impact iGEM?

We believe that having such space would help everyone in the development of their project, reducing the amount of time taken in project design plan and increasing the success rate of teams. Helping everyone to achieve their results on time to deliver to the competition.

We were inspired by the open software practices that brought github.com to life and over the year has made a tremendous impact on how open source software is being developed. We hope that iProGRAm can be ourProgram and really impact iGEMers from around the world.

Checkout our code in GitHub