{"id":52,"date":"2018-05-19T16:38:40","date_gmt":"2018-05-19T16:38:40","guid":{"rendered":"http:\/\/54.236.244.85\/?page_id=52"},"modified":"2020-12-04T23:27:37","modified_gmt":"2020-12-04T23:27:37","slug":"projects","status":"publish","type":"page","link":"https:\/\/robertburich.com\/index.php\/projects\/","title":{"rendered":"Projects"},"content":{"rendered":"<div id=\"attachment_69\" style=\"width: 1410px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/robertburich.com\/wp-content\/uploads\/2018\/05\/IOT.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-69\" class=\"wp-image-69 size-full\" src=\"https:\/\/robertburich.com\/wp-content\/uploads\/2018\/05\/IOT.png\" alt=\"\" width=\"1400\" height=\"1003\"><\/a><p id=\"caption-attachment-69\" class=\"wp-caption-text\">AWS IOT Project Architecture<\/p><\/div>\n<p>My latest project allows me to utilize a web application to change the state of an IoT device.&nbsp; I wanted to test out the Drag-n-Drop capability of HTML5&nbsp; so I use that capability built into the browser.&nbsp; You can basically change the color of the IoT device by dragging and dropping one of the color blocks on top of the IoT device.&nbsp; You can also turn the IoT device on\/off by clicking on the on\/off button.&nbsp; I have added a more enhanced version of the IoT control page that runs in what I would&nbsp; call a &#8220;Serverless&#8221; configuration.&nbsp; All of the functionality is implemented through AWS S3, Lambda, MQTT over Websockets and an API gateway.&nbsp; The device that you are controlling actually runs a version of Linux and the control software is written in Python&nbsp; but all of the client control has been implemented in the AWS cloud without a server to maintain. &nbsp; The best enhancement I made was to make the web interface aware of other clients (i.e. if another client changes the state of the device your webpage is dynamically updated to reflect this change).&nbsp; You can access the project on my website using the following link:<\/p>\n<p><a href=\"https:\/\/s3.amazonaws.com\/serverlessaws\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">IoT Control<\/a> (Serverless)<\/p>\n<p>The older version that utilizes PHP (without some of the enhancements) can be found with the following link:<\/p>\n<p><a href=\"https:\/\/robertburich.com\/dnd16.php\" target=\"_blank\" rel=\"noopener noreferrer\">IOT Control<\/a><\/p>\n<p><strong>NOTE: I have tested this with Chrome (Version 66.0.3359.181 (64-bit)) and Microsoft Edge (Microsoft Edge 42.17134.1.0 \/ Microsoft EdgeHTML 17.17134)<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>My latest project allows me to utilize a web application to change the state of an IoT device.&nbsp; I wanted to test out the Drag-n-Drop capability of HTML5&nbsp; so I use that capability built into the browser.&nbsp; You can basically change the color of the IoT device by dragging and dropping one of the color [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-52","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/robertburich.com\/index.php\/wp-json\/wp\/v2\/pages\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/robertburich.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/robertburich.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/robertburich.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/robertburich.com\/index.php\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":19,"href":"https:\/\/robertburich.com\/index.php\/wp-json\/wp\/v2\/pages\/52\/revisions"}],"predecessor-version":[{"id":213,"href":"https:\/\/robertburich.com\/index.php\/wp-json\/wp\/v2\/pages\/52\/revisions\/213"}],"wp:attachment":[{"href":"https:\/\/robertburich.com\/index.php\/wp-json\/wp\/v2\/media?parent=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}