Difference between revisions of "Team:Newcastle/Code"

 
(59 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{Newcastle/navbar}}
+
{{Newcastle/navbar2}}
 
<html>
 
<html>
  
Line 20: Line 20:
 
     <!-- home
 
     <!-- home
 
     ================================================== -->
 
     ================================================== -->
−
     <video controls><section id="home" class="s-home target-section" data-parallax="scroll" source src="https://static.igem.org/mediawiki/2018/4/45/T--Newcastle--OTUnbox.mp4" data-natural-width=3000 data-natural-height=2000 data-position-y=center>
+
 
−
  </video>
+
     <section id="home" class="s-home target-section" data-parallax="scroll" data-image-src="https://static.igem.org/mediawiki/2018/b/bc/T--Newcastle--SoftwareHeader.jpeg">
  
 
         <div class="overlay"></div>
 
         <div class="overlay"></div>
Line 30: Line 30:
 
             <div class="row home-content__main">
 
             <div class="row home-content__main">
  
−
                 <h3>Alternative Roots</h3>
+
                 <h3>Newcastle Hydroponics</h3>
  
 
                 <h1>
 
                 <h1>
Line 38: Line 38:
  
 
                 <div class="home-content__buttons">
 
                 <div class="home-content__buttons">
−
                     <a href="#design" class="smoothscroll btn btn--stroke">
+
                     <a href="#code" class="smoothscroll btn btn--stroke">
−
                         Guide
+
                         Our Code
 
                     </a>
 
                     </a>
−
                     <a href="#gallery" class="smoothscroll btn btn--stroke">
+
                     <a onclick="location.href='https://static.igem.org/mediawiki/2018/f/f1/T--Newcastle--SoftwareGuide.pdf'" class="smoothscroll btn btn--stroke">
−
                         Gallery
+
                         Software Guide
 
                     </a>
 
                     </a>
 
                 </div>
 
                 </div>
Line 49: Line 49:
  
 
             <div class="home-content__scroll">
 
             <div class="home-content__scroll">
−
                 <a href="#design" class="scroll-link smoothscroll">
+
                 <a href="#code" class="scroll-link smoothscroll">
 
                     <span>Scroll Down</span>
 
                     <span>Scroll Down</span>
 
                 </a>
 
                 </a>
Line 58: Line 58:
 
         </div> <!-- end home-content -->
 
         </div> <!-- end home-content -->
  
−
    </section> <!-- end s-home -->
+
  </div>
 +
  </section> <!-- end s-home -->
 
   <!-- about
 
   <!-- about
 
================================================== -->
 
================================================== -->
  
−
     <section id='design' class="s-about">
+
     <section id='code' class="s-about">
  
 
         <div class="row section-header has-bottom-sep" data-aos="fade-up">
 
         <div class="row section-header has-bottom-sep" data-aos="fade-up">
 
             <div class="col-full">
 
             <div class="col-full">
−
                 <h3 class="subhead subhead--dark">Stage One</h3>
+
                 <h3 class="subhead subhead--dark">NH-1</h3>
−
                 <h1 class="display-1 display-1--light">Design</h1>
+
                 <h1 class="display-1 display-1--light">Software</h1>
 +
                <div class="home-content__buttons" style="text-align:center;padding-top:0;">
 +
                    <a onclick="location.href='https://static.igem.org/mediawiki/2018/f/f1/T--Newcastle--SoftwareGuide.pdf'" class="smoothscroll btn btn--stroke">
 +
                        Software Guide
 +
                    </a>
 +
                </div>
 
             </div>
 
             </div>
 
         </div> <!-- end section-header -->
 
         </div> <!-- end section-header -->
Line 73: Line 79:
 
         <div class="row about-desc" data-aos="fade-up">
 
         <div class="row about-desc" data-aos="fade-up">
 
             <div class="col-full">
 
             <div class="col-full">
−
                 <p class="about-para">Once the project idea was finalised, the team began looking for cheap, efficient and standardised methods for growing plants in iGEM. The hope was that such an item existed that would meet these specifications as well as being a closed container to prevent contamination and also providing a high throughput of plants. It was soon established that such an item did not exist to meet our specifications. Therefore, to combat this issue, it was decided that the best way forward would be to design our own hydroponics system. This would allow us to grow large amounts of Arabidopsis in a controlled setting for the purposes of our project. Several team members were assigned to this “sub-project”.</p>
+
                 <p class="about-para">Adaptability was a major issue with the existing plant growth infrastructure within the University and, in fact, with many traditional growth facilities. We designed the NH-1 to combat this. The NH-1 is controlled entirely by an Arduino micro-controller. The Arduino offers a low-cost, easy-to-use solution to control and adapt the function of the LEDs. The Arduino also offers an open-source electronic prototyping platform and offers plenty of opportunities for further development of the NH-1, in terms of user interface and interaction. All the code and the IDE are freely available online and the UNO board can be purchased online from Arduino for less than £20. The Arduino language is based on C/C++ so it is incredibly easy to become familiar with, especially if you already have experience with C/C++ but if not there is a wealth of resources online that can help with this. We have designed a <a href="https://static.igem.org/mediawiki/2018/f/f1/T--Newcastle--SoftwareGuide.pdf" class="white">guide to using the IDE</a> and included some examples of the capabilities of the NH-1. Some of the features that you can incorporate include:</p>
−
                 <p class="about-para">Before getting hands-on in building the system, the team as a whole established a few design parameters. For example, the system needed to be cheap and easy to build from scratch. This is so future iGEM teams are able to construct the system for their own needs and even build upon our design, as necessary. Additionally, the system must be versatile, open-source and easily adapted for various conditions such as light intensity and wavelength. By adopting such an open and adaptable design the intention is that the end-user is able to effortlessly match the system to their needs, without getting entangled in streams of code.</p>  
+
                <ul style="list-style-type:circle;display:grid;text-align:left;">
−
                 <p class="about-para">Several weeks were spent modifying the design until a design was found that met all the above criteria, the specifications of the design can be seen below.</p>
+
                    <li>Solid colours across the system</li>
−
 
+
                    <li>Cyclically varying colours (rainbow) in the system</li>
 +
                    <li>Linear gradients of colours across the system</li>
 +
                    <li>Colours can be defined by RGB, HSV values or HTML standard</li>
 +
                    <li>Brightness can be varied, for example to simulate a day/night cycle or a gradual sunrise/sunset</li>
 +
                </ul>
 +
                 <p class="about-para" style="margin-top:4%;">The list goes on as the possibilities with the NH-1 are incredibly varied. This makes it the ideal system for plant-based experimentation, with the added bonus that the system is completely contained and portable. The end result is a highly adaptable, semi-autonomous system that is simple to code and even easier to run.</p>
 +
                 <div class="home-content__buttons" style="text-align:center">
 +
                    <a onclick="location.href='https://static.igem.org/mediawiki/2018/f/f1/T--Newcastle--SoftwareGuide.pdf'" class="smoothscroll btn btn--stroke">
 +
                        Software Guide
 +
                    </a>
 +
                </div>
 
 
 
             </div>
 
             </div>
 
         </div> <!-- end project-desc -->
 
         </div> <!-- end project-desc -->
  
−
        <div class="row about-stats stats block-1-4 block-m-1-2 block-mob-full" data-aos="fade-up">
 
−
               
 
−
            <div class="col-block stats__col ">
 
−
                <h5>UP TO</h5>
 
−
                <div class="stats__count">1344</div>
 
−
                <h5>SEEDS CAN BE GROWN</h5>
 
−
                <h5>IN HYDROPONICS</h5>
 
−
            </div>
 
−
            <div class="col-block stats__col">
 
−
                <h5>APPROXIMATELY</h5>
 
−
                <div class="stats__count">70</div>
 
−
                <h5>KWH OF POWER ANNUALLY</h5>
 
−
                <h5>USED TO POWER SYSTEM</h5>
 
−
               
 
−
            </div>
 
−
            <div class="col-block stats__col">
 
−
                <h5>PROVIDES UP TO</h5>
 
−
                <div class="stats__count">1700</div>
 
−
                <h5>LUX OF LIGHT</h5>
 
−
                <h5>TO GROW SEEDS</h5>
 
−
            </div>
 
−
            <div class="col-block stats__col">
 
−
                <h5>CONTAINS</h5>
 
−
                <div class="stats__count">120</div>
 
−
                <h5>INDIVIDUALLY ADDRESSABLE</h5>
 
−
                <h5>LOW-POWER LED'S</h5>
 
−
            </div>
 
−
 
−
        </div> <!-- end about-stats -->
 
  
 
         <div class="about__line"></div>
 
         <div class="about__line"></div>
Line 115: Line 102:
 
     </section> <!-- end s-about -->
 
     </section> <!-- end s-about -->
  
 +
    <section id='team' class="s-services">
  
  
 +
        <div class="row section-header has-bottom-sep" data-aos="fade-up">
 +
                <div class="col-full">
 +
                            <br>
 +
<br>
 +
<br>
 +
<br>
 +
<h3 class="subhead"></h3>
 +
                <h1 class="display-2">References & Attributions</h1>
 +
            </div>
 +
 +
        </div>
 +
 +
<button class="collapsible">Click for References & Attributions</button>
 +
<div class="content">
 +
              <div class="row about-desc" data-aos="fade-up">
 +
                <div class="col-full">
 +
 +
<p class="about-para"><font size="3"><b>Attributions: Umar Farooq, Luke Waller<b></p>
 +
                   
 +
 
 +
</div>
 +
</section>
 +
 +
        <!-- about
 +
    ================================================== -->
  
 
  <!-- Java Script
 
  <!-- Java Script
Line 126: Line 139:
 
     <script type="text/javascript" src="https://2018.igem.org/Template:Newcastle/JSmain?
 
     <script type="text/javascript" src="https://2018.igem.org/Template:Newcastle/JSmain?
 
     action=raw&ctype=text/javascript"></script>   
 
     action=raw&ctype=text/javascript"></script>   
 +
        <script>
 +
var coll = document.getElementsByClassName("collapsible");
 +
var i;
  
 +
for (i = 0; i < coll.length; i++) {
 +
  coll[i].addEventListener("click", function() {
 +
    this.classList.toggle("active");
 +
    var content = this.nextElementSibling;
 +
    if (content.style.maxHeight){
 +
      content.style.maxHeight = null;
 +
    } else {
 +
      content.style.maxHeight = content.scrollHeight + "px";
 +
    }
 +
  });
 +
}
 +
</script>
  
 
</html>
 
</html>
 
{{Newcastle/footer}}
 
{{Newcastle/footer}}

Latest revision as of 13:38, 15 October 2018

Alternative Roots/Code

Newcastle Hydroponics

Code

Our Code Software Guide
Scroll Down

NH-1

Software

Software Guide

Adaptability was a major issue with the existing plant growth infrastructure within the University and, in fact, with many traditional growth facilities. We designed the NH-1 to combat this. The NH-1 is controlled entirely by an Arduino micro-controller. The Arduino offers a low-cost, easy-to-use solution to control and adapt the function of the LEDs. The Arduino also offers an open-source electronic prototyping platform and offers plenty of opportunities for further development of the NH-1, in terms of user interface and interaction. All the code and the IDE are freely available online and the UNO board can be purchased online from Arduino for less than £20. The Arduino language is based on C/C++ so it is incredibly easy to become familiar with, especially if you already have experience with C/C++ but if not there is a wealth of resources online that can help with this. We have designed a guide to using the IDE and included some examples of the capabilities of the NH-1. Some of the features that you can incorporate include:

  • Solid colours across the system
  • Cyclically varying colours (rainbow) in the system
  • Linear gradients of colours across the system
  • Colours can be defined by RGB, HSV values or HTML standard
  • Brightness can be varied, for example to simulate a day/night cycle or a gradual sunrise/sunset

The list goes on as the possibilities with the NH-1 are incredibly varied. This makes it the ideal system for plant-based experimentation, with the added bonus that the system is completely contained and portable. The end result is a highly adaptable, semi-autonomous system that is simple to code and even easier to run.

Software Guide




References & Attributions

Attributions: Umar Farooq, Luke Waller