Lmpacent: Created page with "Category: Project {{#seo:|keywords=phidget SBC, light, sound}} {{#seo:|description=Get started with home automation and Phidgets!}} thumb ==Introduction== This project will provide a basic introduction to home automation with Phidgets. Ambient light and sound information will be monitored, and users will be able to control a single light source through a w..."

2023-08-09T18:16:37Z

Created page with "Category: Project {{#seo:|keywords=phidget SBC, light, sound}} {{#seo:|description=Get started with home automation and Phidgets!}} 400px|link=https://www.phidgets.com/docs/images/e/e1/Homeautomation_title.jpg|thumb ==Introduction== This project will provide a basic introduction to home automation with Phidgets. Ambient light and sound information will be monitored, and users will be able to control a single light source through a w..."

New page

[[Category: Project]]
{{#seo:|keywords=phidget SBC, light, sound}}
{{#seo:|description=Get started with home automation and Phidgets!}}
[[Image:Homeautomation_title.jpg|400px|link=https://www.phidgets.com/docs/images/e/e1/Homeautomation_title.jpg|thumb]]
==Introduction==
This project will provide a basic introduction to home automation with Phidgets. Ambient light and sound information will be monitored, and users will be able to control a single light source through a web interface.
<br><br><br><br>
<br><br>
==Parts==
[[Image:Homeautomation_sbc.jpg|link=https://www.phidgets.com/docs/images/8/86/Homeautomation_sbc.jpg|thumb|<center>The PhidgetSBC4 is used to control this project.</center>]]
This project utilizes the following hardware:
<ul>
<li>[https://www.phidgets.com/?tier=3&catid=1&pcid=0&prodid=969 Phidget SBC4 - SBC3003_0]</li>
<li>[https://www.phidgets.com/?tier=3&catid=97&pcid=77&prodid=1167 WiFi USB Adapter (RT5370) or a network cable]</li>
<li>[https://www.phidgets.com/?tier=3&catid=8&pcid=6&prodid=707 Light Phidget - LUX1000_0]</li>
<li>[https://www.phidgets.com/?tier=3&catid=8&pcid=6&prodid=972 Sound Phidget - SND1000_0]</li>
<li>[https://www.phidgets.com/?tier=3&catid=61&pcid=54&prodid=1142 Power Plug Phidget - PSU1000_0]</li>
<li>[https://www.phidgets.com/?tier=2&catid=30&pcid=26 Phidget Cables]</li>
</ul>
<br><br>

==Assembly==
[[Image:Homeautomation_parts.jpg|link=https://www.phidgets.com/docs/images/b/ba/Homeautomation_parts.jpg|thumb|<center>For long-term installation, consider a more robust assembly.</center>]]
For this basic demonstration, the sensors were simply adhered to an aluminum plate using a hook-and-loop style fastener. For a long-term installation, you may consider a more durable method.
<br><br><br>
<br><br><br>
<br><br><br>
==Lighting Control==
[[Image:Homeautomation_powerplug.jpg|link=https://www.phidgets.com/docs/images/6/64/Homeautomation_powerplug.jpg|thumb|<center>A Power Plug Phidget.</center>]]
In order to control a light source through a web interface, a Power Plug Phidget is utilized. This device makes it easy and safe to control a 120VAC appliance, like a lamp.
<br><br><br>
<br><br><br>
<br>
==Software==
For this project, we will create a simple webpage that is hosted by the Phidget SBC4. Using the [https://www.phidgets.com/docs/Phidget_Network_Server Phidget Network Server] and the [https://www.phidgets.com/docs/Language_-_JavaScript Phidget22 JavaScript libraries], we will send commands to the Power Plug Phidget to remotely control a light. The interface will also provide information about ambient light and sound values.
<br><br>
[[Image:Homeautomation_webinterface.jpg|500px|link=https://www.phidgets.com/docs/images/c/c3/Homeautomation_webinterface.jpg|center]]
<br>
<center><i>The webpage that is hosted by the Phidget SBC4. It includes two labels to display the sound and light values, as well as a button to control the light source.</i></center>
===Configuration===
We will be using the Phidget Network Server to communicate with the DC Motor Phidgets connected to the Phidget SBC4. The Phidget Network Server can be enabled by navigating to '''Phidgets > phidget22 Network Server'''.<br><br>
[[Image:Murvv_networkserver.png|500px|link=https://www.phidgets.com/docs/images/6/6e/Murvv_networkserver.png|center]]
<br><br>
===Webpage Code===
We will create an HTML file at <strong>/var/www/</strong> titled </strong> <strong>homeautomation.html</strong>.

====HTML Layout====
<syntaxhighlight lang=html>
<style>
table {
margin:auto;
width:500px;
}
th, td {
border-color:black;
border-style:ridge;
border-width:1px;
}
</style>
<title>Home Automation Example</title>
<body>
<h2 style="text-align:center">Sensors</h2>
<table style="width:25%">
<tr>
<th style="width:35%">Light</th>
<th id="lightLabel"></th>
</tr>
<tr>
<th>Sound</th>
<th id="soundLabel" style="text-align:center"></td>
</tr>
</table>
<h2 style=" text-align:center">Light Control</h2>
<center><button type="button" id="lightButton">Turn Light On</button></center>
</body>
</syntaxhighlight>

====JavaScript====
This section of the code creates four DC Motor objects. Each object is mapped to a specific motor controller (and therefore, a specific motor) using '''setHubPort'''.

<syntaxhighlight lang=javascript>
<script src="https://unpkg.com/phidget22@^3.10/browser/phidget22.min.js"></script>
<script>
async function runExample() {
const conn = new phidget22.NetworkConnection(8080, 'phidgetsbc');
await conn.connect();

const lightSensor = new phidget22.LightSensor();
const soundSensor = new phidget22.SoundSensor();
const lightRelay = new phidget22.DigitalOutput();

lightSensor.onIlluminanceChange = (illuminance) => {
document.getElementById("lightLabel").innerHTML = illuminance.toString()+" lx";
};
soundSensor.onSPLChange = (SPL) => {
document.getElementById("soundLabel").innerHTML = SPL.toString()+" dB";
};

lightRelay.setHubPort(0);
lightRelay.setIsHubPortDevice(true);

await lightSensor.open(5000);
await soundSensor.open(5000);
await lightRelay.open(5000);

document.getElementById("lightButton").onclick = function() {
lightRelay.setState(!lightRelay.getState());
var lightString = lightRelay.getState() ? "Turn Light On" : "Turn Light Off"
document.getElementById("lightButton").innerHTML = lightString;
}
}

runExample();
</syntaxhighlight>

==Result==
We now have a simple webpage that displays sound and light values, and a button to control a light source.

===Going Forward===
To improve on this project, consider the following:
* Create a script that runs on the Phidget SBC4 and logs sound and light values to a file. Use the web interface to display the values on a graph.
* Use a Phidget Dictionary in your script to make live sound and light values available for your webpage.

Home Automation With Phidgets - Revision history