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

(Prototype team page)
 
 
(20 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{NCKU_Tainan}}
+
{{NCKU_Tainan/Header}}{{NCKU_Tainan/software_css}}
 
<html>
 
<html>
−
 
+
<head>
−
 
+
<style>
−
<div class="column full_size judges-will-not-evaluate">
+
.vertical-container {
−
<h3>★  ALERT! </h3>
+
  background-image: url(https://static.igem.org/mediawiki/2017/b/b3/T--NCKU_Tainan--software-background.png);
−
<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>
+
  background-attachment: fixed;
−
<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>
 +
</head>
 +
<body>
 +
<div class="container-fluid">
 +
  <div class="row">
 +
    <div class="col">
 +
      <div id="top">
 +
      </div>
 +
      <div id="category" class="vertical-container">
 +
        <h1 class="dry">Software</h1>
 +
      </div>
 +
    </div>
 +
  </div>
 
</div>
 
</div>
−
<div class="clear"></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">
−
<div class="column half_size">
+
      <h2 id="sensingapp">
−
<h1>Software</h1>
+
        Sensing App
−
<h3>Best Software Tool Special Prize</h3>
+
      </h2>
−
<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.
+
      <hr class="bluehr">
−
 
+
      <h3>Why do we build this App?</h3>
−
 
+
      <p>
−
<br><br>
+
        Sometimes fish farmers can not get accurate data in time and thereby can’t take actions immediately to prevent water quality from getting bad. Furthermore, fish farmers might forget when and where exactly the sample is taken.
−
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>.
+
      </p>
−
<br><br>
+
      <h3>How do we build it?</h3>
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
      <p>
−
</p>
+
        Mostly Android studio, MP android Chart and Google map API.
−
 
+
      </p>
−
 
+
−
</div>
+
−
 
+
−
<div class="column half_size">
+
−
<h5> Inspiration </h5>
+
−
<p>
+
−
Here are a few examples from previous teams:
+
−
</p>
+
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:BostonU_HW">2016 BostonU HW</a></li>
+
−
<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>
+
−
<li><a href="https://2014.igem.org/Team:Aachen/Project/Measurement_Device#Software">2014 Aachen</a></li>
+
−
</ul>
+
  
 +
      <h3>What is the function of this App?</h3>
 +
      <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.
 +
      </p>
 +
      <div class="row imagerow">
 +
        <div class="col-md-6 col-md-push-6">
 +
          <p class="img-paragraph">
 +
            This is home page of our App
 +
          </p>
 +
          <hr class="bluehr">
 +
        </div>
 +
        <div class="col-md-6 col-md-pull-6">
 +
          <img src="https://static.igem.org/mediawiki/2017/d/d2/T--NCKU_Tainan--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="https://static.igem.org/mediawiki/2017/b/bb/T--NCKU_Tainan--software2.jpg" alt="software image 2" class="img-responsive">
 +
        </div>
 +
      </div>
 +
      <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="https://static.igem.org/mediawiki/2017/c/cb/T--NCKU_Tainan--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 <i>E. coli</i> powder everyday.
 +
          </p>
 +
          <hr class="bluehr">
 +
        </div>
 +
        <div class="col-md-6">
 +
          <img src="https://static.igem.org/mediawiki/2017/1/11/T--NCKU_Tainan--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="https://static.igem.org/mediawiki/2017/c/ca/T--NCKU_Tainan--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 this App?</h3>
 +
      <p>
 +
        In order to evoke the curiosity of elementary school students toward science and synthetic biology, we built 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 function of this 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="https://static.igem.org/mediawiki/2017/0/08/T--NCKU_Tainan--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="https://static.igem.org/mediawiki/2017/a/a5/T--NCKU_Tainan--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 having
 +
        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="https://static.igem.org/mediawiki/2017/6/6d/T--NCKU_Tainan--software8.jpg" alt="software image 8" class="img-responsive">
 +
        </div>
 +
      </div>
 +
      <p>
 +
        In addition, there is also a Q&A game. By answering synthetic biology related questions, students will enjoy the game and acquire new knowledge simultaneously.
 +
        <br> What’s more, students can also check out achievements they made 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="https://static.igem.org/mediawiki/2017/2/29/T--NCKU_Tainan--software9.jpg" alt="software image 9" class="img-responsive">
 +
        </div>
 +
      </div>
 +
      <h2 id="educationapp">
 +
        Get more detail about our App.
 +
      </h2>
 +
      <hr class="bluehr">
 +
      <div style="text-align:center">
 +
        <a href="https://github.com/jesus255221/iGEM_NCKU_Tainan_App" target="_blank" style="text-align:center;">Git Hub</a>
 +
        <h4>Project owner Lee-Hsun, Hsieh</h4>
 +
      </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-arrow-up fa-1x dryarrow" aria-hidden="true"></i></a>
 +
      </div>
 +
    </div>
 +
  </div>
 
</div>
 
</div>
  
 +
</body>
 
</html>
 
</html>

Latest revision as of 14:23, 1 November 2017

Software

Sensing App

Why do we build this App?

Sometimes fish farmers can not get accurate data in time and thereby can’t take actions immediately 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 the function of this App?

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

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 this App?

In order to evoke the curiosity of elementary school students toward science and synthetic biology, we built 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 function of this 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 having fun.

The game “Q&A”.

software image 8

In addition, there is also a Q&A game. By answering synthetic biology related questions, students will enjoy the game and acquire new knowledge simultaneously.
What’s more, students can also check out achievements they made to know whether they have gotten all trophies in the game.

Achievement System.

software image 9

Get more detail about our App.

Git Hub

Project owner Lee-Hsun, Hsieh