Line 369: | Line 369: | ||
</div> | </div> | ||
− | <div class="node"> | + | <div class="node" id="node1"> |
− | <div class="topic"><p class="text_color">Overview</p></div> | + | <div class="topic"><p class="text_color"><a href="#titleA" style="text-decoration:none;color:#F3F7F7;">Overview</a></p></div> |
<div class="active-circle"> | <div class="active-circle"> | ||
<div class="splash"></div> | <div class="splash"></div> | ||
Line 382: | Line 382: | ||
</div> | </div> | ||
− | <div class="node"> | + | <div class="node" id="node2"> |
− | <div class="topic"><p class="text_color">Detector Design</p></div> | + | <div class="topic"><p class="text_color"><a href="#titleB" style="text-decoration:none;color:#F3F7F7;">Detector Design</a></p></div> |
<div class="active-circle"> | <div class="active-circle"> | ||
<div class="splash"></div> | <div class="splash"></div> | ||
Line 395: | Line 395: | ||
</div> | </div> | ||
− | <div class="node"> | + | <div class="node" id="node3"> |
− | <div class="topic"><p class="text_color">Controller Design</p></div> | + | <div class="topic"><p class="text_color"><a href="#titleC" style="text-decoration:none;color:#F3F7F7;">Controller Design</a></p></div> |
<div class="active-circle"> | <div class="active-circle"> | ||
<div class="splash"></div> | <div class="splash"></div> | ||
Line 411: | Line 411: | ||
− | <div class="node"> | + | <div class="node" id="node4"> |
− | <div class="topic"><p class="text_color">Clientele Design</p></div> | + | <div class="topic"><p class="text_color"><a href="#titleD" style="text-decoration:none;color:#F3F7F7;">Clientele Design</a></p></div> |
<div class="active-circle"> | <div class="active-circle"> | ||
<div class="splash"></div> | <div class="splash"></div> | ||
Line 425: | Line 425: | ||
− | <div class="node"> | + | <div class="node" id="node5"> |
− | <div class="topic"><p class="text_color">Hardware</p></div> | + | <div class="topic"><p class="text_color"><a href="#titleE" style="text-decoration:none;color:#F3F7F7;">Hardware</a></p></div> |
<div class="active-circle"> | <div class="active-circle"> | ||
<div class="splash"></div> | <div class="splash"></div> | ||
Line 439: | Line 439: | ||
− | <div class="node"> | + | <div class="node" id="node6"> |
− | <div class="topic"><p class="text_color">IoT System</p></div> | + | <div class="topic"><p class="text_color"><a href="#titleF" style="text-decoration:none;color:#F3F7F7;">IoT System</a></p></div> |
<div class="active-circle"> | <div class="active-circle"> | ||
<div class="splash"></div> | <div class="splash"></div> | ||
Line 453: | Line 453: | ||
− | <div class="node"> | + | <div class="node" id="node7"> |
− | <div class="topic"><p class="text_color">Device Demo</p></div> | + | <div class="topic"><p class="text_color"><a href="#titleG" style="text-decoration:none;color:#F3F7F7;">Device Demo</a></p></div> |
<div class="active-circle"> | <div class="active-circle"> | ||
<div class="splash"></div> | <div class="splash"></div> | ||
Line 489: | Line 489: | ||
<section class="content_container"> | <section class="content_container"> | ||
<div> | <div> | ||
− | <p class="title">Overview<p> | + | <p class="title" id="titleA">Overview<p> |
<p class="content"><i> “We are witnessing the dawn of a new era of Internet of Things. IoT will increase the ubiquity of the Internet by integrating every object for interaction via embedded systems, which leads to a highly distributed network of devices communicating with human beings as well as other devices.”</i></p> | <p class="content"><i> “We are witnessing the dawn of a new era of Internet of Things. IoT will increase the ubiquity of the Internet by integrating every object for interaction via embedded systems, which leads to a highly distributed network of devices communicating with human beings as well as other devices.”</i></p> | ||
Line 504: | Line 504: | ||
<div> | <div> | ||
− | <p class="title">Detector Design</p> | + | <p class="title" id="titleB">Detector Design</p> |
<div> | <div> | ||
Line 529: | Line 529: | ||
<div> | <div> | ||
− | <p class="title">Controller Design</p> | + | <p class="title" id="titleC">Controller Design</p> |
<div > | <div > | ||
Line 550: | Line 550: | ||
<div> | <div> | ||
− | <p class="title">Clientele Design</p> | + | <p class="title" id="titleD">Clientele Design</p> |
<p class="content">As for the clientele, we use the open source app released by MediaTek. Inside the app, we will have a panel to show us the various conditions of farm. By using the app, we can turn on or turn off the sprinklers at any time and anywhere as long as we have access to the internet.</p> | <p class="content">As for the clientele, we use the open source app released by MediaTek. Inside the app, we will have a panel to show us the various conditions of farm. By using the app, we can turn on or turn off the sprinklers at any time and anywhere as long as we have access to the internet.</p> | ||
Line 563: | Line 563: | ||
<div> | <div> | ||
− | <p class="title">Hardware</p> | + | <p class="title" id="titleE">Hardware</p> |
<p class="content">In the hardware, we designed an insect box, which had separated into four sections—the outside shell, the pest channels, the blue light LEDs and a PBAN container.</p> | <p class="content">In the hardware, we designed an insect box, which had separated into four sections—the outside shell, the pest channels, the blue light LEDs and a PBAN container.</p> | ||
<div> | <div> | ||
Line 626: | Line 626: | ||
<div> | <div> | ||
− | <p class="title">IoT System</p> | + | <p class="title" id="titleF">IoT System</p> |
<div> | <div> | ||
<img src="https://static.igem.org/mediawiki/2016/d/d0/NCTU_IoT_PICTURE.png" class="picture"> | <img src="https://static.igem.org/mediawiki/2016/d/d0/NCTU_IoT_PICTURE.png" class="picture"> | ||
Line 635: | Line 635: | ||
<div> | <div> | ||
− | <p class="title">Device Demo</p> | + | <p class="title" id="titleG">Device Demo</p> |
<div class="animate-box"> | <div class="animate-box"> | ||
<div> | <div> |
Revision as of 15:36, 19 October 2016