View source for Home Automation With Phidgets

[[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.