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

Line 24: Line 24:
 
                                 <div id="list-item-1">
 
                                 <div id="list-item-1">
 
                                     <h3>Arduino code</h3>
 
                                     <h3>Arduino code</h3>
                                     <p>We use temperature sensor(DS18B20)、pH meter and CO2 sensor(MG811) to monitor our device.  
+
                                     <p class="pcontent">We use temperature sensor(DS18B20)、pH meter and CO2 sensor(MG811) to monitor our device.  
 
                                         Besides, we use LCD to print datum and use Wi-Fi sensor(ESP8266) to upload our records to database as well.  
 
                                         Besides, we use LCD to print datum and use Wi-Fi sensor(ESP8266) to upload our records to database as well.  
 
                                         (You can see more information about Arduino in <a class="link" href="https://2018.igem.org/Team:NCKU_Tainan/Hardware">hardware</a>)
 
                                         (You can see more information about Arduino in <a class="link" href="https://2018.igem.org/Team:NCKU_Tainan/Hardware">hardware</a>)
Line 37: Line 37:
 
                                     <li>If the data contains one-dimensional inputs and outputs, the mathematical model can be expressed as a curve, which in this case is also called curve fitting.</li>         
 
                                     <li>If the data contains one-dimensional inputs and outputs, the mathematical model can be expressed as a curve, which in this case is also called curve fitting.</li>         
 
                                     </ol>
 
                                     </ol>
                                     <p>Therefore, we use the temperature of the thermostat (incubation) on the market and the analog signal sensed by Arduino as the basis for the temperature calibration curve.</p>                                                                   
+
                                     <p class="pcontent">Therefore, we use the temperature of the thermostat (incubation) on the market and the analog signal sensed by Arduino as the basis for the temperature calibration curve.</p>                                                                   
 
                                     <br>
 
                                     <br>
                                     <p>Since the error value of the temperature sensing device is not necessarily, we use multiple sampling methods, and then average the values measured in each temperature interval to reduce the error value without excessive error.
+
                                     <p class="pcontent">Since the error value of the temperature sensing device is not necessarily, we use multiple sampling methods, and then average the values measured in each temperature interval to reduce the error value without excessive error.
 
                                         We use the above method to take 150 strokes as training data, and use the basic accessories of MATLAB to find the appropriate nine temperature model formulas.
 
                                         We use the above method to take 150 strokes as training data, and use the basic accessories of MATLAB to find the appropriate nine temperature model formulas.
 
                                     </p>
 
                                     </p>
Line 51: Line 51:
 
                                     <img class="contentimg col-6" src="">
 
                                     <img class="contentimg col-6" src="">
 
                                     <img class="contentimg" src="picture/temperature9.jpg">
 
                                     <img class="contentimg" src="picture/temperature9.jpg">
                                     <p>From the graph we can see that the more parameters the model contains,  
+
                                     <p class="pcontent">From the graph we can see that the more parameters the model contains,  
 
                                         the smaller the square error will be. Therefore, if the number of parameters is equal to the number of data points,  
 
                                         the smaller the square error will be. Therefore, if the number of parameters is equal to the number of data points,  
 
                                         the squared error will be equal to zero, but this does not mean that the prediction will be the most accurate,  
 
                                         the squared error will be equal to zero, but this does not mean that the prediction will be the most accurate,  
Line 62: Line 62:
 
                                     <h3>Database</h3>
 
                                     <h3>Database</h3>
 
                                     <h5>Why we need to use database?</h5>
 
                                     <h5>Why we need to use database?</h5>
                                     <p>Save data from our device, including carbon dioxide concentration,  
+
                                     <p class="pcontent">Save data from our device, including carbon dioxide concentration,  
 
                                         pH value and temperature obtained by sensors in our device. Besides,  
 
                                         pH value and temperature obtained by sensors in our device. Besides,  
 
                                         the app can fetch the information from our database.
 
                                         the app can fetch the information from our database.
 
                                     </p>       
 
                                     </p>       
 
                                     <h5>What database we use?</h5>
 
                                     <h5>What database we use?</h5>
                                     <p>We use Firebase to be our database.  
+
                                     <p class="pcontent">We use Firebase to be our database.  
 
                                     Because it is a realtime database and a 3rd party Authentication
 
                                     Because it is a realtime database and a 3rd party Authentication
 
                                     (Google Signin,Facebook Login,Github,Twitter).Last but not least,  
 
                                     (Google Signin,Facebook Login,Github,Twitter).Last but not least,  
Line 73: Line 73:
 
                                     Based on above reason, we choose Firebase.</p>
 
                                     Based on above reason, we choose Firebase.</p>
 
                                     <h5>How to create a Firebase?</h5>
 
                                     <h5>How to create a Firebase?</h5>
                                     <p>We divide the following instructions into two parts,  
+
                                     <p class="pcontent">We divide the following instructions into two parts,  
 
                                     register firebase and create Firebase project.</p>
 
                                     register firebase and create Firebase project.</p>
 
                                     <h5>Register firebase</h5>
 
                                     <h5>Register firebase</h5>
Line 104: Line 104:
 
                                 <div id="list-item-4">
 
                                 <div id="list-item-4">
 
                                     <h3>App</h3>
 
                                     <h3>App</h3>
                                     <p>To make our device more user-friendly, we designed an app to get data from our database. The manager of the factory can easily see the data immediately. Besides, we set up a notification system. As long as users connect their smart phone to the internet, they can immediately get the warning notification from the device if the data goes wrong.</p>
+
                                     <p class="pcontent">To make our device more user-friendly, we designed an app to get data from our database. The manager of the factory can easily see the data immediately. Besides, we set up a notification system. As long as users connect their smart phone to the internet, they can immediately get the warning notification from the device if the data goes wrong.</p>
 
                                     <div class="row">
 
                                     <div class="row">
 
                                         <div class="col-md-6 col-md-push-6">
 
                                         <div class="col-md-6 col-md-push-6">
                                             <p style="margin-top: 200px">This is our homepage, with our lovely logo.  
+
                                             <p class="pcontent" style="margin-top: 200px">This is our homepage, with our lovely logo.  
 
                                                 You can click “START” button to start monitor the CO2, pH and temperature data.  
 
                                                 You can click “START” button to start monitor the CO2, pH and temperature data.  
 
                                                 Also, you can click “ABOUT US” button to learn more about our project. Last but not least,  
 
                                                 Also, you can click “ABOUT US” button to learn more about our project. Last but not least,  
Line 119: Line 119:
 
                                     <div class="row">
 
                                     <div class="row">
 
                                         <div class="col-md-6">
 
                                         <div class="col-md-6">
                                             <p>This is the picture when you click ” START”. There are three buttons,  
+
                                             <p class="pcontent">This is the picture when you click ” START”. There are three buttons,  
 
                                                 which is CO2, pH and temperature respectively.  
 
                                                 which is CO2, pH and temperature respectively.  
 
                                                 You can click any of the buttons to look at the changes with line chart within ten hours.
 
                                                 You can click any of the buttons to look at the changes with line chart within ten hours.
Line 125: Line 125:
 
                                         </div>
 
                                         </div>
 
                                         <div class="col-md-6">
 
                                         <div class="col-md-6">
                                             <p>This is the picture when you press “ABOUT US”. It is a brief description about our project.  
+
                                             <p class="pcontent">This is the picture when you press “ABOUT US”. It is a brief description about our project.  
 
                                                 You can choose whether you want to receive an exception warning notification or not.
 
                                                 You can choose whether you want to receive an exception warning notification or not.
 
                                                 Also, you can click the green arrow to go back to the main page.
 
                                                 Also, you can click the green arrow to go back to the main page.
Line 141: Line 141:
 
                                     <div class="row">
 
                                     <div class="row">
 
                                         <div class="col-md-6">
 
                                         <div class="col-md-6">
                                             <p>Take the pH value for instance, the current value will be displayed above,  
+
                                             <p class="pcontent">Take the pH value for instance, the current value will be displayed above,  
 
                                                 and the line chart will display the last ten hours of data, which fetching data from the database.
 
                                                 and the line chart will display the last ten hours of data, which fetching data from the database.
 
                                             </p>
 
                                             </p>
Line 157: Line 157:
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
                                     <p>See the code on <a class="link" href="https://github.com/yiiju/CO2_Detection" target="_blank">Github</a></p>
+
                                     <p class="pcontent">See the code on <a class="link" href="https://github.com/yiiju/CO2_Detection" target="_blank">Github</a></p>
 
                                 </div>
 
                                 </div>
 
                                 <div id="list-item-5">
 
                                 <div id="list-item-5">
 
                                     <h3>NCKU Bike Festival interactive game</h3>
 
                                     <h3>NCKU Bike Festival interactive game</h3>
                                     <p><a class="link" href="">NCKU Bike Festival</a> is a famous activity for NCKU to exhibit and introduce every college department to south Taiwan senior high students.
+
                                     <p class="pcontent"><a class="link" href="">NCKU Bike Festival</a> is a famous activity for NCKU to exhibit and introduce every college department to south Taiwan senior high students.
 
                                         We take this opportunity to promote synthetic biology,  
 
                                         We take this opportunity to promote synthetic biology,  
 
                                         promote iGEM and introduce our three candidate topics, hoping to get different opinions.  
 
                                         promote iGEM and introduce our three candidate topics, hoping to get different opinions.  
Line 172: Line 172:
 
                                     <div class="row">
 
                                     <div class="row">
 
                                         <div class="col-md-6">
 
                                         <div class="col-md-6">
                                             <p>Click “start” to start playing the game.</p>
+
                                             <p class="pcontent">Click “start” to start playing the game.</p>
 
                                         </div>
 
                                         </div>
 
                                         <div class="col-md-6 appdiv">
 
                                         <div class="col-md-6 appdiv">
Line 180: Line 180:
 
                                     <div class="row">
 
                                     <div class="row">
 
                                         <div class="col-md-6">
 
                                         <div class="col-md-6">
                                             <p>There are five questions about synthetic biology and iGEM.  
+
                                             <p class="pcontent">There are five questions about synthetic biology and iGEM.  
 
                                                 After finishing the five questions, click “finish” to see where’s wrong.</p>
 
                                                 After finishing the five questions, click “finish” to see where’s wrong.</p>
 
                                         </div>
 
                                         </div>
Line 189: Line 189:
 
                                     <div class="row">
 
                                     <div class="row">
 
                                         <div class="col-md-6">
 
                                         <div class="col-md-6">
                                             <p>Click “re-challenge” to go back to the main page and start again,  
+
                                             <p class="pcontent">Click “re-challenge” to go back to the main page and start again,  
 
                                                 or click “all know” to go to vote for our three candidate projects.</p>
 
                                                 or click “all know” to go to vote for our three candidate projects.</p>
 
                                         </div>
 
                                         </div>
Line 198: Line 198:
 
                                     <div class="row">
 
                                     <div class="row">
 
                                         <div class="col-md-6">
 
                                         <div class="col-md-6">
                                             <p>This is our three candidate projects. After choosing it, click “finish” to go back to the main page.</p>
+
                                             <p class="pcontent">This is our three candidate projects. After choosing it, click “finish” to go back to the main page.</p>
 
                                         </div>
 
                                         </div>
 
                                         <div class="col-md-6 appdiv">
 
                                         <div class="col-md-6 appdiv">
Line 204: Line 204:
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
                                     <p>See the code on the <a class="link" href="https://github.com/elieen840626/iGEM_Game-for-NCKU-BIKE-FESTIVAL">Github</a></p>
+
                                     <p class="pcontent">See the code on the <a class="link" href="https://github.com/elieen840626/iGEM_Game-for-NCKU-BIKE-FESTIVAL">Github</a></p>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>

Revision as of 07:08, 10 September 2018

Software

Follow us

Contact us

igem.ncku.tainan@gmail.com
No.1, Daxue Rd., East Dist., Tainan City 701, Taiwan (R.O.C.)