Difference between revisions of "Team:NCKU Tainan/Software"

(Prototype team page)
 
Line 1: Line 1:
−
{{NCKU_Tainan}}
+
{{NCKU_Tainan/Header}}{{NCKU_Tainan/software_css}}
 
<html>
 
<html>
−
 
+
<body>
−
 
+
<div class="container-fluid">
−
<div class="column full_size judges-will-not-evaluate">
+
  <div class="row">
−
<h3>★  ALERT! </h3>
+
    <div class="col">
−
<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>
+
      <div id="top">
−
<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>
+
      </div>
−
</div>
+
      <div id="category" class="vertical-container">
−
<div class="clear"></div>
+
        <h1 class="dry">Software</h1>
−
 
+
      </div>
−
 
+
    </div>
−
<div class="column half_size">
+
  </div>
−
<h1>Software</h1>
+
−
<h3>Best Software Tool Special Prize</h3>
+
−
<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.
+
−
 
+
−
 
+
−
<br><br>
+
−
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.
+
−
</p>
+
−
 
+
−
 
+
 
</div>
 
</div>
 +
<div class="container-fluid">
 +
  <div class="row">
 +
    <div id="paragraph" class="paragraph col-md-8 col-md-offset-1 col-xs-offset-1 col-xs-10">
 +
      <h2 id="sensingapp">
 +
        Sensing App
 +
      </h2>
 +
      <hr class="bluehr">
 +
      <h3>Why do we build this APP?</h3>
 +
      <p>
 +
        Sometimes fish farmers can’t not get accurate data in time and thereby can’t take actions to prevent water quality from getting bad. Furthermore, fish farmers might forget when and where exactly the sample is taken.
 +
      </p>
 +
      <h3>How do we build it?</h3>
 +
      <p>
 +
        Mostly Android studio, MP android Chart and Google map API.
 +
      </p>
  
−
<div class="column half_size">
+
      <h3>What is its functions?</h3>
−
<h5> Inspiration </h5>
+
      <p>
−
<p>
+
        Integrating accurate nitrate sensor and other sensors into our boat, it can send instant data to the server automatically and our App can demonstrate those data immediately.
−
Here are a few examples from previous teams:
+
      </p>
−
</p>
+
      <div class="row imagerow">
−
<ul>
+
        <div class="col-md-6 col-md-push-6">
−
<li><a href="https://2016.igem.org/Team:BostonU_HW">2016 BostonU HW</a></li>
+
          <p class="img-paragraph">
−
<li><a href="https://2016.igem.org/Team:Valencia_UPV">2016 Valencia UPV</a></li>
+
            This is home page of our App
−
<li><a href="https://2014.igem.org/Team:Heidelberg/Software">2014 Heidelberg</a></li>
+
          </p>
−
<li><a href="https://2014.igem.org/Team:Aachen/Project/Measurement_Device#Software">2014 Aachen</a></li>
+
          <hr class="bluehr">
−
</ul>
+
        </div>
 +
        <div class="col-md-6 col-md-pull-6">
 +
          <img src="/assets/img/dry/software/software1.png" alt="software image 1" class="img-responsive">
 +
        </div>
 +
      </div>
 +
      <br>
 +
      <div class="row imagerow">
 +
        <div class="col-md-6">
 +
          <p class="img-paragraph">
 +
            For the sake of clear data visualization, we use tools to draw line graphs to show the history of levels of nitrate, water temperature and PH value.
 +
          </p>
 +
          <hr class="bluehr">
 +
        </div>
 +
        <div class="col-md-6">
 +
          <img src="/assets/img/dry/software/software2.jpg" alt="software image 2" class="img-responsive">
 +
        </div>
 +
      </div>
 +
      <p>
 +
        Also, merging concentration data into google map, the real-time map system also shows users where and when the water sample is taken.
 +
      </p>
 +
      <div class="row imagerow">
 +
        <div class="col-md-6 col-md-push-6">
 +
          <p class="img-paragraph">
 +
            Simply just tap on the cursor and it will show users where and when the sample is taken.
 +
          </p>
 +
          <hr class="bluehr">
 +
        </div>
 +
        <div class="col-md-6 col-md-pull-6">
 +
          <img src="/assets/img/dry/software/software3.jpg" alt="software image 3" class="img-responsive">
 +
        </div>
 +
      </div>
 +
      <div class="row imagerow">
 +
        <div class="col-md-6">
 +
          <p class="img-paragraph">
 +
            you will also receive the notification which reminds you to change E. coli powder everyday.
 +
          </p>
 +
          <hr class="bluehr">
 +
        </div>
 +
        <div class="col-md-6">
 +
          <img src="/assets/img/dry/software/software4.jpg" alt="software image 4" class="img-responsive">
 +
        </div>
 +
      </div>
 +
      <div class="row imagerow">
 +
        <div class="col-md-6 col-md-push-6">
 +
          <p class="img-paragraph">
 +
            Users can also contact us by visiting our official website.
 +
          </p>
 +
          <hr class="bluehr">
 +
        </div>
 +
        <div class="col-md-6 col-md-pull-6">
 +
          <img src="/assets/img/dry/software/software5.jpg" alt="software image 5" class="img-responsive">
 +
        </div>
 +
      </div>
 +
      <h2 id="educationapp">
 +
        Education App
 +
      </h2>
 +
      <hr class="bluehr">
 +
      <h3>Why do we construct APP?</h3>
 +
      <p>
 +
        In order to invoke the curiosity of elementary students toward basic science and synthetic biology, we build this app with Q&A game and snake game. Students can acquire new knowledge and have fun at the same time.
 +
      </p>
 +
      <h3>How do we construct this APP?</h3>
 +
      <p>
 +
        Android studio.
 +
      </p>
 +
      <h3>What is the functions of the App?</h3>
 +
      <br>
 +
      <br>
 +
      <div class="row imagerow">
 +
        <div class="col-md-6 col-md-push-6">
 +
          <p class="img-paragraph">
 +
            The Home page of this APP.
 +
          </p>
 +
          <hr class="bluehr">
 +
        </div>
 +
        <div class="col-md-6 col-md-pull-6">
 +
          <img src="/assets/img/dry/software/software6.jpg" alt="software image 6" class="img-responsive">
 +
        </div>
 +
      </div>
 +
      <div class="row imagerow">
 +
        <div class="col-md-6">
 +
          <p class="img-paragraph">
 +
            The first game “snake”.
 +
          </p>
 +
          <hr class="bluehr">
 +
        </div>
 +
        <div class="col-md-6">
 +
          <img src="/assets/img/dry/software/software7.jpg" alt="software image 7" class="img-responsive">
 +
        </div>
 +
      </div>
 +
      <p>
 +
        The first game, called snake, is similar to the classic game snake but has different types of food for snake to eat. After eating them, the snake will grow longer and become a biobrick in the end achieving the goal of promoting synthetic biology and being
 +
        fun.
 +
      </p>
 +
      <div class="row imagerow">
 +
        <div class="col-md-6 col-md-push-6">
 +
          <p class="img-paragraph">
 +
            The game “Q&A”.
 +
          </p>
 +
          <hr class="bluehr">
 +
        </div>
 +
        <div class="col-md-6 col-md-pull-6">
 +
          <img src="/assets/img/dry/software/software8.jpg" alt="software image 8" class="img-responsive">
 +
        </div>
 +
      </div>
 +
      <p>
 +
        In addition, there is also a Q&A game. By answering the synthetic biology and other related question, students will enjoy themselves and acquire new knowledge at the same time.
 +
        <br> What’s more, students can also check out the achievement to know whether they have gotten all trophies in the game.
 +
      </p>
 +
      <div class="row imagerow">
 +
        <div class="col-md-6">
 +
          <p class="img-paragraph">
 +
            Achievement System.
 +
          </p>
 +
          <hr class="bluehr">
 +
        </div>
 +
        <div class="col-md-6">
 +
          <img src="/assets/img/dry/software/software9.jpg" alt="software image 9" class="img-responsive">
 +
        </div>
 +
      </div>
  
 +
    </div>
 +
    <div id="sidemenu" class="col-md-2">
 +
      <div class="list-group">
 +
        <a onclick="scrollto('#sensingapp')" class="list-group-item">Sensing App</a>
 +
        <hr class="dry">
 +
        <a onclick="scrollto('#educationapp')" class="list-group-item">Education App</a>
 +
        <hr class="dry">
 +
        <a class="list-group-item top"><i onclick="scrollto('#top')" class="fa fa-angle-up fa-2x dryarrow" aria-hidden="true"></i></a>
 +
      </div>
 +
    </div>
 +
  </div>
 
</div>
 
</div>
  
 +
</body>
 
</html>
 
</html>

Revision as of 11:23, 28 October 2017

Software

Sensing App

Why do we build this APP?

Sometimes fish farmers can’t not get accurate data in time and thereby can’t take actions to prevent water quality from getting bad. Furthermore, fish farmers might forget when and where exactly the sample is taken.

How do we build it?

Mostly Android studio, MP android Chart and Google map API.

What is its functions?

Integrating accurate nitrate sensor and other sensors into our boat, it can send instant data to the server automatically and our App can demonstrate those data immediately.

This is home page of our App

software image 1

For the sake of clear data visualization, we use tools to draw line graphs to show the history of levels of nitrate, water temperature and PH value.

software image 2

Also, merging concentration data into google map, the real-time map system also shows users where and when the water sample is taken.

Simply just tap on the cursor and it will show users where and when the sample is taken.

software image 3

you will also receive the notification which reminds you to change E. coli powder everyday.

software image 4

Users can also contact us by visiting our official website.

software image 5

Education App

Why do we construct APP?

In order to invoke the curiosity of elementary students toward basic science and synthetic biology, we build this app with Q&A game and snake game. Students can acquire new knowledge and have fun at the same time.

How do we construct this APP?

Android studio.

What is the functions of the App?



The Home page of this APP.

software image 6

The first game “snake”.

software image 7

The first game, called snake, is similar to the classic game snake but has different types of food for snake to eat. After eating them, the snake will grow longer and become a biobrick in the end achieving the goal of promoting synthetic biology and being fun.

The game “Q&A”.

software image 8

In addition, there is also a Q&A game. By answering the synthetic biology and other related question, students will enjoy themselves and acquire new knowledge at the same time.
What’s more, students can also check out the achievement to know whether they have gotten all trophies in the game.

Achievement System.

software image 9