Oscarliu117 (Talk | contribs) (Created page with "{{NCKU_Tainan/header}} {{NCKU_Tainan/navbar}} {{NCKU_Tainan/style}} <html> <head> <link rel="stylesheet" href="https://2018.igem.org/Template:NCKU_Tainan/css/human_pra...") |
Oscarliu117 (Talk | contribs) |
||
Line 23: | Line 23: | ||
<div id="list-item-1"> | <div id="list-item-1"> | ||
<h3>Arduino</h3> | <h3>Arduino</h3> | ||
− | < | + | <h10>We use temperature sensor(DS18B20)�BpH meter and CO2 sensor(MG811) to monitor our |
device. Besides, we use LCD to print datum and use Wi-Fi sensor(ESP8266) to upload | device. Besides, we use LCD to print datum and use Wi-Fi sensor(ESP8266) to upload | ||
− | our records to database as well.</ | + | our records to database as well.</h10> |
<img class="contentimg" src="http://placehold.it/1900x1080"> | <img class="contentimg" src="http://placehold.it/1900x1080"> | ||
</div> | </div> | ||
<div id="list-item-2"> | <div id="list-item-2"> | ||
<h3>Arduino Code</h3> | <h3>Arduino Code</h3> | ||
− | < | + | <h10>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in arcu tincidunt, |
finibus lectus sit amet, rhoncus erat. Nulla pretium eget est vel vehicula. In ut | finibus lectus sit amet, rhoncus erat. Nulla pretium eget est vel vehicula. In ut | ||
urna | urna | ||
Line 40: | Line 40: | ||
sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus | sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus | ||
congue dictum urna a volutpat. Aliquam a mi eget nisi cursus molestie nec sit amet | congue dictum urna a volutpat. Aliquam a mi eget nisi cursus molestie nec sit amet | ||
− | felis.</ | + | felis.</h10> |
<img class="contentimg" src="http://placehold.it/1900x1080"> | <img class="contentimg" src="http://placehold.it/1900x1080"> | ||
</div> | </div> | ||
<div id="list-item-3"> | <div id="list-item-3"> | ||
<h3>Database</h3> | <h3>Database</h3> | ||
− | < | + | <h10>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 | carbon dioxide concentration, pH value and temperature obtained by sensors in our | ||
− | device.</ | + | device.</h10> |
<img class="contentimg" src="http://placehold.it/1900x1080"> | <img class="contentimg" src="http://placehold.it/1900x1080"> | ||
</div> | </div> | ||
<div id="list-item-4"> | <div id="list-item-4"> | ||
<h3>App</h3> | <h3>App</h3> | ||
− | < | + | <h10>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, | 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 | 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 | internet, they can immediately get the warning notification from the device if the | ||
− | data goes wrong.</ | + | data goes wrong.</h10> |
</div> | </div> | ||
</div> | </div> | ||
Line 76: | Line 76: | ||
background-size: cover; | background-size: cover; | ||
} | } | ||
+ | |||
+ | /* paragraph content*/ | ||
+ | h10 { | ||
+ | color: white; | ||
+ | font-size: 1.4rem; | ||
+ | line-height: 150%; | ||
+ | } | ||
body { | body { |
Revision as of 09:34, 9 September 2018