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

 
(16 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{NCKU_Tainan/Header}}{{NCKU_Tainan/software_css}}
 
{{NCKU_Tainan/Header}}{{NCKU_Tainan/software_css}}
 
<html>
 
<html>
 +
<head>
 +
<style>
 +
.vertical-container {
 +
  background-image: url(https://static.igem.org/mediawiki/2017/b/b3/T--NCKU_Tainan--software-background.png);
 +
  background-attachment: fixed;
 +
}
 +
</style>
 +
</head>
 
<body>
 
<body>
 
<div class="container-fluid">
 
<div class="container-fluid">
Line 20: Line 28:
 
       </h2>
 
       </h2>
 
       <hr class="bluehr">
 
       <hr class="bluehr">
−
       <h3>Why do we build this APP?</h3>
+
       <h3>Why do we build this App?</h3>
 
       <p>
 
       <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.
+
         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.
 
       </p>
 
       </p>
 
       <h3>How do we build it?</h3>
 
       <h3>How do we build it?</h3>
Line 29: Line 37:
 
       </p>
 
       </p>
  
−
       <h3>What is its functions?</h3>
+
       <h3>What is the function of this App?</h3>
 
       <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.
 
         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.
Line 48: Line 56:
 
         <div class="col-md-6">
 
         <div class="col-md-6">
 
           <p class="img-paragraph">
 
           <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.
+
             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>
 
           </p>
 
           <hr class="bluehr">
 
           <hr class="bluehr">
 
         </div>
 
         </div>
 
         <div class="col-md-6">
 
         <div class="col-md-6">
−
           <img src="/assets/img/dry/software/software2.jpg" alt="software image 2" class="img-responsive">
+
           <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>
 
       </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="row imagerow">
 
         <div class="col-md-6 col-md-push-6">
 
         <div class="col-md-6 col-md-push-6">
Line 67: Line 72:
 
         </div>
 
         </div>
 
         <div class="col-md-6 col-md-pull-6">
 
         <div class="col-md-6 col-md-pull-6">
−
           <img src="/assets/img/dry/software/software3.jpg" alt="software image 3" class="img-responsive">
+
           <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>
 
       </div>
Line 73: Line 78:
 
         <div class="col-md-6">
 
         <div class="col-md-6">
 
           <p class="img-paragraph">
 
           <p class="img-paragraph">
−
             you will also receive the notification which reminds you to change E. coli powder everyday.
+
             you will also receive the notification which reminds you to change <i>E. coli</i> powder everyday.
 
           </p>
 
           </p>
 
           <hr class="bluehr">
 
           <hr class="bluehr">
 
         </div>
 
         </div>
 
         <div class="col-md-6">
 
         <div class="col-md-6">
−
           <img src="/assets/img/dry/software/software4.jpg" alt="software image 4" class="img-responsive">
+
           <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>
 
       </div>
Line 89: Line 94:
 
         </div>
 
         </div>
 
         <div class="col-md-6 col-md-pull-6">
 
         <div class="col-md-6 col-md-pull-6">
−
           <img src="/assets/img/dry/software/software5.jpg" alt="software image 5" class="img-responsive">
+
           <img src="https://static.igem.org/mediawiki/2017/c/ca/T--NCKU_Tainan--software5.jpg" alt="software image 5" class="img-responsive">
 
         </div>
 
         </div>
 
       </div>
 
       </div>
Line 96: Line 101:
 
       </h2>
 
       </h2>
 
       <hr class="bluehr">
 
       <hr class="bluehr">
−
       <h3>Why do we construct APP?</h3>
+
       <h3>Why do we construct this App?</h3>
 
       <p>
 
       <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.
+
         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>
 
       </p>
−
       <h3>How do we construct this APP?</h3>
+
       <h3>How do we construct this App?</h3>
 
       <p>
 
       <p>
 
         Android studio.
 
         Android studio.
 
       </p>
 
       </p>
−
       <h3>What is the functions of the App?</h3>
+
       <h3>What is the function of this App?</h3>
 
       <br>
 
       <br>
 
       <br>
 
       <br>
Line 115: Line 120:
 
         </div>
 
         </div>
 
         <div class="col-md-6 col-md-pull-6">
 
         <div class="col-md-6 col-md-pull-6">
−
           <img src="/assets/img/dry/software/software6.jpg" alt="software image 6" class="img-responsive">
+
           <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>
 
       </div>
Line 126: Line 131:
 
         </div>
 
         </div>
 
         <div class="col-md-6">
 
         <div class="col-md-6">
−
           <img src="/assets/img/dry/software/software7.jpg" alt="software image 7" class="img-responsive">
+
           <img src="https://static.igem.org/mediawiki/2017/a/a5/T--NCKU_Tainan--software7.jpg" alt="software image 7" class="img-responsive">
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
       <p>
 
       <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
+
         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.
 
         fun.
 
       </p>
 
       </p>
Line 141: Line 146:
 
         </div>
 
         </div>
 
         <div class="col-md-6 col-md-pull-6">
 
         <div class="col-md-6 col-md-pull-6">
−
           <img src="/assets/img/dry/software/software8.jpg" alt="software image 8" class="img-responsive">
+
           <img src="https://static.igem.org/mediawiki/2017/6/6d/T--NCKU_Tainan--software8.jpg" alt="software image 8" class="img-responsive">
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
       <p>
 
       <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.
+
         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 the achievement to know whether they have gotten all trophies in the game.
+
         <br> What’s more, students can also check out achievements they made to know whether they have gotten all trophies in the game.
 
       </p>
 
       </p>
 
       <div class="row imagerow">
 
       <div class="row imagerow">
Line 156: Line 161:
 
         </div>
 
         </div>
 
         <div class="col-md-6">
 
         <div class="col-md-6">
−
           <img src="/assets/img/dry/software/software9.jpg" alt="software image 9" class="img-responsive">
+
           <img src="https://static.igem.org/mediawiki/2017/2/29/T--NCKU_Tainan--software9.jpg" alt="software image 9" class="img-responsive">
 
         </div>
 
         </div>
 
       </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>
 
     <div id="sidemenu" class="col-md-2">
 
     <div id="sidemenu" class="col-md-2">
Line 167: Line 179:
 
         <a onclick="scrollto('#educationapp')" class="list-group-item">Education App</a>
 
         <a onclick="scrollto('#educationapp')" class="list-group-item">Education App</a>
 
         <hr class="dry">
 
         <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>
+
         <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>

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