Difference between revisions of "Team:NCTU Formosa/Hardware"

(Prototype team page)
 
Line 1: Line 1:
−
{{NCTU_Formosa}}
+
{{NCTU_Formosa/test}}
 
<html>
 
<html>
  
 +
<head>
 +
  <meta charset="UTF-8">
 +
  <title>Hardware</title>
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 +
  <script src="jQueryAssets/jquery-1.11.1.min.js"></script>
 +
  <script src="jQueryAssets/jquery.ui-1.10.4.dialog.min.js"></script>
 +
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
  
 +
  <style>
  
−
<div class="column full_size judges-will-not-evaluate">
 
−
<h3>★  ALERT! </h3>
 
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</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://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
 
−
</div>
 
  
 +
    #globalWrapper{
 +
      padding-bottom: 0 !important;
 +
    }
  
−
<div class="clear"></div>
+
    body{
 +
      font-size: 0;
 +
      margin: 0;
 +
      padding: 0 !important;
 +
      width: 100%;
 +
    }
  
 +
    .wrapper{
 +
      width: 100%;
 +
      overflow: auto;
 +
      font-family: Levenim MT;
 +
      background-color: #fff;
 +
      padding-bottom: 150px;
 +
    }
  
 +
    .cover{
 +
      width: 100%;
 +
    }
  
−
<div class="column full_size">
+
    .title_title{
 +
      width: 30%;
 +
      margin-left: 35%;
 +
      margin-bottom: 30px;
 +
    }
  
−
<h1>Hardware</h1>
+
    .title{
 +
      font-size: 7vmin;
 +
      margin: 50px;
 +
      margin-top: 0px;
 +
      text-align: center;
 +
    }
  
−
</div>
+
    .title_1{
 +
      font-size: 6vmin;
 +
      width: 75%;
 +
      margin: 50px;
 +
      margin-bottom: 10px;
 +
      margin-left: 12.5%;
 +
      color: black;
 +
    }
  
−
<div class="column two_thirds_size">
+
    .title_2{
−
<h3>Best Hardware Special Prize</h3>
+
      font-size: 5vmin;
−
<p>iGEM is about making teams of students making synthetic biology projects. We encourage teams to work with parts and build biological devices in the lab. But we are inclusive and want all teams to work on many other types of problems in synbio. Robotic assembly, microfluidics, low cost equipment and measurement hardware are all areas ripe for innovation in synbio. </p>
+
      width: 70%;
 +
      margin: 50px;
 +
      margin-left: 15%;
 +
    }
  
−
<p>
+
    .title_3{
−
Teams who are interested in working with hardware as a side project are encouraged to apply for the hardware award.  
+
      font-size: 3.5vmin;
 +
      width: 65%;
 +
      position: relative;
 +
      margin-left: 17.5%;
 +
      margin-right: 17.5%;
 +
      margin-top: 20px;
 +
      margin-bottom: 40px;
 +
      text-align: justify;
 +
      line-height: 2em;
 +
    }
  
−
<br><br>
+
    .text{
−
To compete for the <a href="https://2018.igem.org/Judging/Awards">Best Hardware prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2018.igem.org/Judging/Judging_Form">judging form</a>.
+
      font-size: 3vmin;
−
<br><br>
+
      width: 65%;
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
      position: relative;
−
</p>
+
      margin-left: 17.5%;
−
</p>
+
      margin-right: 17.5%;
−
</div>
+
      margin-top: 20px;
 +
      margin-bottom: 40px;
 +
      text-align: justify;
 +
    }
  
−
<div class="column third_size">
+
    .explanation{
−
<div class="highlight decoration_A_full">
+
      font-size: 2.5vmin;
−
<h3>Inspiration</h3>
+
      font-weight: bold;
−
<p>You can look at what other teams did to get some inspiration! <br />
+
      color: #575656;
−
Here are a few examples:</p>
+
      text-align: center;
−
<ul>
+
    }
−
<li><a href="https://2016.igem.org/Team:Valencia_UPV">2016 Valencia UPV</a></li>
+
−
<li><a href="https://2016.igem.org/Team:Aachen">2016 Aachen </a></li>
+
−
<li><a href="https://2015.igem.org/Team:TU_Delft">2015 TU Delft  </a></li>
+
−
<li><a href="https://2015.igem.org/Team:TU_Darmstadt">2015 TU Darmstadt</a></li>
+
−
</ul>
+
−
</div>
+
  
−
</div>
+
    p{
 +
      margin: 0;
 +
    }
  
 +
    table{
 +
      width: 55%;
 +
      border: solid 2px #e7eceb;
 +
      text-align: left;
 +
      margin: 40px;
 +
      margin-left: auto;
 +
      margin-right: auto;
 +
      padding: 10px;
 +
      border-collapse: collapse;
 +
      background: #fefefe;
 +
    }
  
 +
    tr{
 +
      border: solid 1px #e7eceb;
 +
      margin: 15px;
 +
      padding: 10px;
 +
    }
 +
 +
    td,th{
 +
      padding: 10px;
 +
    }
 +
 +
    caption{
 +
      font-size: 3vmin;
 +
      font-weight: bold;
 +
      margin-bottom: 10px;
 +
      color: #575656;
 +
      box-sizing: border-box;
 +
    }
 +
 +
    thead{
 +
      background: #1182be;
 +
      color: #fefefe;
 +
      font-size: 3.5vmin;
 +
    }
 +
 +
    tbody{
 +
      font-size: 3vmin;
 +
    }
 +
 +
    .equation{
 +
      font-size: 3vmin;
 +
      margin: 40px;
 +
      text-align: center;
 +
      margin-left: auto;
 +
      margin-right: auto;
 +
    }
 +
 +
    .icon{
 +
      width: 20px;
 +
      vertical-align: middle;
 +
    }
 +
 +
    .pic{
 +
      width: 100%;
 +
    }
 +
 +
    .procedure{
 +
      width: 100%;
 +
    }
 +
 +
    .sec1{
 +
      padding-top: 100px;
 +
      background-color: white;
 +
    }
 +
 +
    .sec2{
 +
      padding-top: 100px;
 +
      padding-bottom: 150px;
 +
      background-color: #223069;
 +
    }
 +
 +
    .description{
 +
      position: absolute;
 +
      width: 16%;
 +
      left: 30%;
 +
      top: 32.5vw;
 +
      transition-duration: 0.4s;
 +
    }
 +
 +
    .design{
 +
      position: absolute;
 +
      width: 16%;
 +
      left: 50%;
 +
      top: 32.5vw;
 +
      transition-duration: 0.4s;
 +
    }
 +
 +
    .hardware{
 +
      position: absolute;
 +
      width: 16%;
 +
      left: 21%;
 +
      top: 39vw;
 +
      transition-duration: 0.4s;
 +
    }
 +
 +
    .demonstration{
 +
      position: absolute;
 +
      width: 18%;
 +
      left: 39.5%;
 +
      top: 39vw;
 +
      transition-duration: 0.4s;
 +
    }
 +
 +
    .improvement{
 +
      position: absolute;
 +
      width: 16%;
 +
      left: 60%;
 +
      top: 39vw;
 +
      transition-duration: 0.4s;
 +
    }
 +
 +
    .description:hover{
 +
      transform: scale(1.1);
 +
    }
 +
 +
    .design:hover{
 +
      transform: scale(1.1);
 +
    }
 +
 +
    .hardware:hover{
 +
      transform: scale(1.1);
 +
    }
 +
 +
    .demonstration:hover{
 +
      transform: scale(1.1);
 +
    }
 +
 +
    .improvement:hover{
 +
      transform: scale(1.1);
 +
    }
 +
 +
    .condition{
 +
      font-size: 3vmin;
 +
      width: 95%;
 +
      margin-left: 5%;
 +
    }
 +
 +
  </style>
 +
 +
  <!----------------------------------------------------------------------------->
 +
 +
  <script>
 +
  </script>
 +
 +
  <!----------------------------------------------------------------------------->
 +
 +
  <!-- Latex resourse code-->
 +
  <script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js" type="text/javascript">
 +
      MathJax.Hub.Config({
 +
          extensions: ["tex2jax.js", "TeX/AMSmath.js", "TeX/AMSsymbols.js"],
 +
          jax: ["input/TeX", "output/HTML-CSS"],
 +
          tex2jax: {
 +
              inlineMath: [
 +
                  ['$', '$'],
 +
                  ["\\(", "\\)"]
 +
              ],
 +
              displayMath: [
 +
                  ['$$', '$$'],
 +
                  ["\\[", "\\]"]
 +
              ],
 +
          },
 +
          "HTML-CSS": {
 +
              availableFonts: ["TeX"]
 +
          }
 +
      });
 +
  </script>
 +
 +
  <!----------------------------------------------------------------------------->
 +
</head>
 +
 +
<body>
 +
  <div class="wrapper">
 +
    <div class="banner">
 +
      <img class="cover" src="https://static.igem.org/mediawiki/2018/3/3a/T--NCTU_Formosa--Project2.0.png">
 +
      <a href="https://2018.igem.org/Team:NCTU_Formosa/Project/Description"><img src="https://static.igem.org/mediawiki/2018/9/9c/T--NCTU_Formosa--description_button.png" class="description"></a>
 +
      <a href="https://2018.igem.org/Team:NCTU_Formosa/Project/Design"><img src="https://static.igem.org/mediawiki/2018/4/46/T--NCTU_Formosa--design_button.png" class="design"></a>
 +
      <a href="https://2018.igem.org/Team:NCTU_Formosa/Project/Hardware"><img src="https://static.igem.org/mediawiki/2018/0/09/T--NCTU_Formosa--hardware_button.png" class="hardware"></a>
 +
      <a href="https://2018.igem.org/Team:NCTU_Formosa/Demostrate"><img src="https://static.igem.org/mediawiki/2018/6/6f/T--NCTU_Formosa--demostration_button.png" class="demonstration"></a>
 +
      <a href="https://2018.igem.org/Team:NCTU_Formosa/Improve"><img src="https://static.igem.org/mediawiki/2018/d/dc/T--NCTU_Formosa--improvement_button.png" class="improvement"></a>
 +
    </div>
 +
    <div class="sec1">
 +
      <img src="https://static.igem.org/mediawiki/2018/6/6d/T--NCTU_Formosa--project_IoT.png" class="title_title">
 +
      <div class="text">
 +
        <p>
 +
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;By monitoring soil and atmosphere condition, we can use our models to maximize productivity. Thus, we built up an IoT system with Arduino Yun and sensors on our experimental farm to monitor the conditions in time. Through the IoT system, we can improve our soil enhancing system to coincident with real condition.
 +
          Besides, the current conditions will be shown on the user interface.
 +
        </p>
 +
      </div>
 +
      <div class="title_1"><p>Procedure</p></div>
 +
      <div class="title_3">
 +
        <p>
 +
          1. Build up our IoT system with Arduino Yun and sensors on the farm for instant supervisor.<br>
 +
          2. Arduino Yun receives the conditions and transmit to our cloud server through wi-fi.<br>
 +
          3. Print out the current conditions to user interface with IoTtalk.<br>
 +
          <li class="condition">Monitoring conditions: Temperature, Humidity, Soil moisture, altitude, Atmosphere pressure, pH value, EC value.</li>
 +
        </p>
 +
      </div>
 +
      <div class="pic">
 +
        <img src="" class="Arduino">
 +
      </div>
 +
      <div class="title_1"><p>References</p></div>
 +
    </div>
 +
 +
 +
<!----------------------------------------------------------------------------->
 +
 +
 +
  </div>
 +
</body>
  
 
</html>
 
</html>
 +
 +
{{NCTU_Formosa/Top_button}}
 +
{{NCTU_Formosa/Footer}}

Revision as of 12:01, 12 October 2018

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM
Navigation Bar Hardware

     By monitoring soil and atmosphere condition, we can use our models to maximize productivity. Thus, we built up an IoT system with Arduino Yun and sensors on our experimental farm to monitor the conditions in time. Through the IoT system, we can improve our soil enhancing system to coincident with real condition. Besides, the current conditions will be shown on the user interface.

Procedure

1. Build up our IoT system with Arduino Yun and sensors on the farm for instant supervisor.
2. Arduino Yun receives the conditions and transmit to our cloud server through wi-fi.
3. Print out the current conditions to user interface with IoTtalk.

  • Monitoring conditions: Temperature, Humidity, Soil moisture, altitude, Atmosphere pressure, pH value, EC value.

    • References

    Template