{"id":285,"date":"2016-08-04T09:25:32","date_gmt":"2016-08-04T17:25:32","guid":{"rendered":"http:\/\/www.nathanbak.com\/?p=285"},"modified":"2026-01-02T20:04:41","modified_gmt":"2026-01-03T04:04:41","slug":"my-new-toy-part-4","status":"publish","type":"post","link":"https:\/\/nathanbak.com\/?p=285","title":{"rendered":"My New Toy (Part 4)"},"content":{"rendered":"

I finally got to the point where my new toy is able to publish temperature information<\/a> to a database, so next is to make that information available on BakBoard<\/a>.\u00a0 With the main pieces already deployed, the only thing necessary is to add the necessary connections.<\/p>\n

First I wrote a some JavaScript to poll the Webdis\/Redis server for the temperature.\u00a0 For extra credit I also have it contacting the FAA Services REST API<\/a> to get information about weather at the Portland airport.\u00a0 Below is “temperature.js”.<\/p>\n

function temperature() {\r\n\u00a0\u00a0 \u00a0setupTemperature();\r\n\u00a0\u00a0 \u00a0updateTemperature();\r\n\u00a0\u00a0 \u00a0window.setInterval(function(){ updateTemperature(); }, 100000);\r\n}\r\n\r\nfunction setupTemperature() {\r\n\u00a0\u00a0 \u00a0$('.temperature').html(\"<div class='pdx'\/><div class='upstairs'\/>\");\r\n}\r\n\r\nfunction updateTemperature() {\r\n\u00a0\u00a0 \u00a0var myJson;\r\n\u00a0\u00a0 \u00a0var url = \"http:\/\/192.168.1.35:7379\/GET\/temperature\";\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0myJson = $.getJSON(url, function(obj) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0var f = parseFloat(obj.GET);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0var c = (f - 32) * 5 \/ 9;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$('.upstairs').html(\"Upstairs: \" + f.toFixed(1) + \"F (\" + c.toFixed(1) + \" C)\");\r\n\u00a0\u00a0 \u00a0});\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0url = \"http:\/\/services.faa.gov\/airport\/status\/PDX\";\r\n\u00a0\u00a0 \u00a0myJson = $.getJSON(url, function(obj) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$('.pdx').html(\"Airport: \" + obj.weather.temp);\r\n\u00a0\u00a0 \u00a0});\r\n};<\/pre>\n
And here’s a very simple HTML file that uses the script above to display the airport and upstairs (where I put my new toy) temperatures:<\/p>\n
<html>\r\n\u00a0\u00a0\u00a0 <head>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <!-- I downloaded jQuery from http:\/\/code.jquery.com\/jquery-2.2.0.min.js-->\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <script src=\"jquery-2.2.0.min.js\"><\/script>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <script src=\"temperature.js\"><\/script><\/strong>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <title>Temperature<\/title>\r\n\u00a0\u00a0\u00a0 <\/head>\r\n\u00a0\u00a0\u00a0 <body>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <div class=\"temperature\"><\/div><\/strong> \r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <script>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 temperature();<\/strong>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/script>\r\n\u00a0\u00a0\u00a0 <\/body>\r\n<\/html><\/pre>\n
Viewing that script in a browser showed:<\/p>\n
Airport: 73.0 F (22.8 C)\r\nUpstairs: 71.1F (21.7 C)<\/pre>\n
I basically added the bold HTML parts to the BakBoard .html file along with some css goodness and the temperature information is now displaying on BakBoard.<\/p>\n
\"bakboardTemp\"<\/p>\n
I had fun playing with my new toy and learned a lot.\u00a0 The ESP8266 seems to have a lot of potential and I want to try more things.\u00a0 Of course now that I have my only module in use, I may have to get another one for play . . .<\/p>\n","protected":false},"excerpt":{"rendered":"
I finally got to the point where my new toy is able to publish temperature information to a database, so next is to make that information available on BakBoard.\u00a0 With the main pieces already deployed, the only thing necessary is to add the necessary connections. First I wrote a some JavaScript to poll the Webdis\/Redis … Continue reading “My New Toy (Part 4)”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[5,13,10],"class_list":["post-285","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-bakboard","tag-esp8266","tag-making"],"_links":{"self":[{"href":"https:\/\/nathanbak.com\/index.php?rest_route=\/wp\/v2\/posts\/285","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nathanbak.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nathanbak.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nathanbak.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nathanbak.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=285"}],"version-history":[{"count":6,"href":"https:\/\/nathanbak.com\/index.php?rest_route=\/wp\/v2\/posts\/285\/revisions"}],"predecessor-version":[{"id":292,"href":"https:\/\/nathanbak.com\/index.php?rest_route=\/wp\/v2\/posts\/285\/revisions\/292"}],"wp:attachment":[{"href":"https:\/\/nathanbak.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=285"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nathanbak.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=285"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nathanbak.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}