{"id":678,"date":"2013-11-18T19:36:42","date_gmt":"2013-11-18T17:36:42","guid":{"rendered":"https:\/\/www.my-it-brain.de\/wordpress\/?p=678"},"modified":"2014-10-30T20:37:24","modified_gmt":"2014-10-30T18:37:24","slug":"visualisierung-von-umweltdaten","status":"publish","type":"post","link":"https:\/\/www.my-it-brain.de\/wordpress\/visualisierung-von-umweltdaten\/","title":{"rendered":"Visualisierung von Umweltdaten"},"content":{"rendered":"

In dieser Fortsetzung des Artikels „\u00dcberwachung von Temperatur und Luftfeuchtigkeit mit dem SHT21“<\/a> k\u00fcmmern wir uns um die Visualisierung der gemessenen Daten.<\/p>\n

Um die Messdaten auf dem Pi in einem Webbrowser anzeigen zu k\u00f6nnen, muss zuerst ein Webserver auf dem Pi installiert werden. Ich habe mich f\u00fcr lighttpd[1. http:\/\/www.lighttpd.net\/<\/a>] entschieden, da dieser besonders wenig Systemressourcen ben\u00f6tigt. Au\u00dfer dem Webserver selbst installiere ich noch PHP und aktiviere FastCGI.<\/p>\n

sudo apt-get install lighttpd php5-cgi\r\nsudo adduser pi www-data\r\nsudo chown -R www-data:www-data \/var\/www\r\nsudo chmod -R 775 \/var\/www\r\nsudo lighty-enable-mod fastcgi\r\nsudo \/etc\/init.d\/lighttpd force-reload<\/pre>\n
Das DocumentRoot des Lighttpd ist \/var\/www<\/em>. Mit obigen Code haben wir auch gleich die Benutzerrechte korrekt gesetzt.<\/p>\n
An das Ende der Datei \/etc\/lighttpd\/lighttpd.conf<\/em> m\u00fcssen wir noch den folgenden Code einf\u00fcgen:<\/p>\n
# enable PHP and FastCGI\r\nfastcgi.server = (\".php\" => ((\r\n        \"bin-path\" => \"\/usr\/bin\/php-cgi\",\r\n        \"socket\" => \"\/tmp\/php.socket\"\r\n        )))<\/pre>\n
Im Anschluss muss der Webserver einmal neugestartet werden.<\/p>\n
sudo service lighttpd restart<\/pre>\n
Jetzt kopieren wir den Inhalt des Ordners Raspi-SHT21-V3_0_0\/www<\/em> in das DocumentRoot \/var\/www\/<\/em>. Zur grafischen Darstellung unserer Messdaten entpacken wir noch die Javascript Libary[2. https:\/\/github.com\/flot\/flot\/archive\/v0.7.zip<\/a>] von www.flotcharts.org[3. http:\/\/www.flotcharts.org\/<\/a>] in das Verzeichnis \/var\/www\/js\/<\/em>. Wichtig:<\/strong> Nehmt die Version 0.7 von GitHub. Mit der Version 0.8.1 werden die Graphen nicht angezeigt.<\/p>\n
Damit unsere Webanwendung die Daten aus unserer Datei sht21-data.csv<\/em> auslesen kann, muss der Pfad zu dieser Datei noch in der index.php<\/em> angepasst werden. Es geht aber auch noch etwas einfacher. Ich habe statt dessen einfach einen Symlink im DocumentRoot erstellt, welcher auf die Datei zeigt.<\/p>\n
ln -s ~\/Raspi-SHT21-V3_0_0\/sht21-data.csv sht21-data.csv<\/pre>\n
Damit haben wir alles was wir brauchen und k\u00f6nnen unsere Umweltdaten im Browser betrachten.<\/p>\n
\"raspi<\/a>
Browseransicht<\/p><\/div>\n
Alle Ziele dieses kleinen Weekend-Projects wurden erreicht und wir k\u00f6nnen nun Temperatur und Luftfeuchtigkeit im Serverraum \u00fcberwachen. Mein Kollege freut sich bestimmt schon, sich noch ein paar Gedanken zur Integration in Icinga zu machen.[4. http:\/\/www.icinga.org\/<\/a>] ;-)<\/p>\n
Viel Spa\u00df beim Nachbau.<\/p>\n","protected":false},"excerpt":{"rendered":"
In dieser Fortsetzung des Artikels „\u00dcberwachung von Temperatur und Luftfeuchtigkeit mit dem SHT21“ k\u00fcmmern wir uns um die Visualisierung der gemessenen Daten. Um die Messdaten auf dem Pi in einem Webbrowser anzeigen zu k\u00f6nnen, muss zuerst ein Webserver auf dem Pi installiert werden. Ich habe mich f\u00fcr lighttpd[1. http:\/\/www.lighttpd.net\/] entschieden, da dieser besonders wenig Systemressourcen [Weiterlesen…]<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_metis_text_type":"","_metis_text_length":0,"_post_count":0,"footnotes":""},"categories":[197,57],"tags":[229,339,228,224],"class_list":["post-678","post","type-post","status-publish","format-standard","hentry","category-raspberry-pi","category-wochenend-projekte","tag-jquery","tag-raspberry-pi","tag-rasppi","tag-serverraumueberwachung"],"_links":{"self":[{"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/posts\/678","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/comments?post=678"}],"version-history":[{"count":8,"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/posts\/678\/revisions"}],"predecessor-version":[{"id":974,"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/posts\/678\/revisions\/974"}],"wp:attachment":[{"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/media?parent=678"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/categories?post=678"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/tags?post=678"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}