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

(Prototype team page)
 
Line 1: Line 1:
−
{{NCKU_Tainan}}
+
{{NCKU_Tainan/header}} {{NCKU_Tainan/navbar}} {{NCKU_Tainan/style}}
 
<html>
 
<html>
−
 
+
    <head>
−
 
+
        <link rel="stylesheet" href="https://2018.igem.org/Template:NCKU_Tainan/css/software?action=raw&ctype=text/css">
−
<div class="column full_size judges-will-not-evaluate">
+
    </head>
−
<h3>★  ALERT! </h3>
+
    <body data-spy="scroll" data-target=".navbar-example">
−
<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>
+
        <div class="container content">
−
<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>
+
        <h1 class="head">Software</h1>
−
</div>
+
            <div class="navbar-example">
−
 
+
                <div class="row">
−
 
+
                    <div class="col-2 side">     
−
<div class="clear"></div>
+
                        <div id="sidelist" class="list-group">
−
 
+
                            <a class="list-group-item list-group-item-action" href="#list-item-1">Arduino</a>
−
 
+
                            <a class="list-group-item list-group-item-action" href="#list-item-2">Arduino Code</a>
−
<div class="column full_size">
+
                            <a class="list-group-item list-group-item-action" href="#list-item-3">Database</a>
−
<h1>Software</h1>
+
                            <a class="list-group-item list-group-item-action" href="#list-item-4">App</a>
−
</div>
+
                            <a class="list-group-item list-group-item-action" href="#list-item-5">Reference</a>
−
<div class="column two_thirds_size">
+
                        </div>
−
<h3>Best Software Tool Special Prize</h3>
+
                    </div>
−
<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.
+
                    <div class="col-10">
−
 
+
                        <div data-spy="scroll" data-target="#sidelist" data-offset="0" class="scrollspy-example">
−
 
+
                            <div class="container">
−
<br><br>
+
                                <div id="list-item-1">
−
To compete for the <a href="https://2018.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://2018.igem.org/Judging/Judging_Form">judging form</a>.
+
                                    <h3>Arduino</h3>
−
<br><br>
+
                                    <img class="contentimg" src="https://i.imgur.com/7Guprb7.png">
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
                                    <p>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.</p>
−
</p>
+
                                </div>
−
 
+
                                <div id="list-item-2">
−
 
+
                                    <h3>Arduino Code</h3>
−
</div>
+
                                    <script src="https://gist.github.com/yiiju/62d0249edc790f0cbb59bbc45060dc43.js"></script>                                                                      
−
 
+
                                </div>
−
<div class="column third_size">
+
                                <div id="list-item-3">
−
<div class="highlight decoration_A_full">
+
                                    <h3>Database</h3>
−
<h3> Inspiration </h3>
+
                                    <p>In order to save data from our device, we set up a database in Firebase, including carbon dioxide concentration, pH value and temperature obtained by sensors in our device.</p>
−
<p>
+
                                    <a class="link" href="https://console.firebase.google.com/u/2/project/co2-app/database/co2-app/data" target="_blank">Click to see our database</a>
−
Here are a few examples from previous teams:
+
                                    <img class="contentimg" src="./picture/image.png">
−
</p>
+
                                </div>
−
<ul>
+
                                <div id="list-item-4">
−
<li><a href="https://2016.igem.org/Team:BostonU_HW">2016 BostonU HW</a></li>
+
                                    <h3>App</h3>
−
<li><a href="https://2016.igem.org/Team:Valencia_UPV">2016 Valencia UPV</a></li>
+
                                    <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, their can immediately get the warning notification from the device if the data goes wrong.</p>
−
<li><a href="https://2014.igem.org/Team:Heidelberg/Software">2014 Heidelberg</a></li>
+
                                    <a class="link" href="https://github.com/yiiju/CO2_Detection" target="_blank">Github</a>
−
<li><a href="https://2014.igem.org/Team:Aachen/Project/Measurement_Device#Software">2014 Aachen</a></li>
+
                                </div>
−
</ul>
+
                                <div id="list-item-5">
−
</div>
+
                                    <h3>Reference</h3>
−
</div>
+
                                </div>
−
 
+
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <script>
 +
        $(document).ready(function() {
 +
          $(window).scroll(function() {
 +
            if ($(this).scrollTop() >= 50) {
 +
            var position = $("#sidelist").position();
 +
              if(position == undefined){}
 +
              else{
 +
                $('#sidelist').css({"position": "fixed", "top": "145px", "margin-top": "0px"});
 +
              }
 +
            } else {
 +
              $('#sidelist').removeAttr('style');
 +
            }
 +
          });
 +
        });
 +
        </script>
 +
        <script src="https://2018.igem.org/Team:NCKU_Tainan/js/frame/T--NCKU_Tainan--jquery-1_12_4_min_js?action=raw&amp;ctype=text/javascript"></script>
 +
        <script src="https://2018.igem.org/Template:NCKU_Tainan/js/bootstrap_min_js?action=raw&amp;ctype=text/javascript"></script>
 +
    </body>
 
</html>
 
</html>
 +
{{NCKU_Tainan/footer}}

Revision as of 07:06, 20 August 2018

Software

Arduino

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.

Arduino Code

Database

In order to save data from our device, we set up a database in Firebase, including carbon dioxide concentration, pH value and temperature obtained by sensors in our device.

Click to see our database

App

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, their can immediately get the warning notification from the device if the data goes wrong.

Github

Reference

Follow us
Contact us

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