{"id":13692,"date":"2020-12-22T14:40:12","date_gmt":"2020-12-22T13:40:12","guid":{"rendered":"https:\/\/botland.com.pl\/blog\/?p=13692"},"modified":"2025-01-17T09:42:51","modified_gmt":"2025-01-17T08:42:51","slug":"magic-mirror-sposob-na-inteligentne-lustro-w-twoim-domu","status":"publish","type":"post","link":"https:\/\/botland.com.pl\/blog\/magic-mirror-sposob-na-inteligentne-lustro-w-twoim-domu\/","title":{"rendered":"Magic Mirror – spos\u00f3b na inteligentne lustro w Twoim domu!"},"content":{"rendered":"Czas czytania:<\/span> 8<\/span> min.<\/span><\/span>\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Z pewno\u015bci\u0105 ka\u017cdy z nas s\u0142ysza\u0142 o inteligentnych lustrach. Nawet je\u015bli temat jest nam obcy, to nikogo nie powinno dziwi\u0107 wyra\u017cenie \u201cInteligentne lustro\u201d. W ko\u0144cu s\u0105 ju\u017c inteligentne domy, inteligentne systemy bezpiecze\u0144stwa i nawet inteligentne farmy. W dzisiejszym poradniku poka\u017cemy Wam krok po kroku jak stworzy\u0107 inteligentne\u00a0lustro<\/b>, kt\u00f3re opr\u00f3cz swojej standardowej funkcji, czyli pokazywania odbicia, b\u0119dzie mog\u0142o wy\u015bwietli\u0107 dla nas dat\u0119, informacje o aktualnej pogodzie czy przes\u0142a\u0107 nam naj\u015bwie\u017csze wiadomo\u015bci z ca\u0142ego \u015bwiata.\u00a0\u00a0Postaw na smart mirror<\/b> ju\u017c dzi\u015b!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
Jak zrobi\u0107 lustro weneckie<\/strong>? Folia, kt\u00f3rej zewn\u0119trzna warstwa ochronna jest p\u00f3\u0142przepuszczalna, jest napylona na warstw\u0119 folii wewn\u0119trznej z klejem. Po zamontowaniu na standardowej szybie okiennej lub przejrzystej plastikowej tafli, taka folia tworzy pi\u0119kne lustro weneckie.<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Inteligentne lustra - budowa lustra od podstaw<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Jak wskazuje nazwa, do budowy projektu b\u0119dzie nam potrzebne samo lustro. Jednak nie mo\u017ce by\u0107 to lustro zwyczajne. Najpierw przyjrzyjmy si\u0119 lustrom w najbardziej powszechnym rozumieniu. Ich budowa jest niezwykle prosta. Na warstw\u0119 szk\u0142a nak\u0142adana jest cienka warstwa metalu (najcz\u0119\u015bciej glinu), kt\u00f3ra powoduje odbijanie \u015bwiat\u0142a. Zalet\u0105 tego rozwi\u0105zania jest fakt, \u017ce lustro odbija prawie 100% \u015bwiat\u0142a. Wszystko jest zas\u0142ug\u0105 niezwykle szczelnej warstwy metalu. Dla nas b\u0119dzie to jednak wada, poniewa\u017c nie mamy mo\u017cliwo\u015bci \u201cprzebicia si\u0119\u201d przy pomocy \u015bwiat\u0142a na drug\u0105 stron\u0119 lustra. Co wi\u0119c mo\u017cemy zrobi\u0107? Zapewne wi\u0119kszo\u015b\u0107 z nas dobrze zna sceny z film\u00f3w akcji, gdzie detektyw przes\u0142uchuje podejrzanego, a zza lustra obserwuje ich kilka innych os\u00f3b. Jest to mo\u017cliwe dzi\u0119ki zastosowaniu tzw. lustra fenickiego, znanego szerzej jako lustro weneckie. Lustro weneckie w przeciwie\u0144stwie do tradycyjnego nie ma na\u0142o\u017conej grubszej warstwy metalu, a na szk\u0142o na\u0142o\u017cona jest niezwykle cienka (o grubo\u015bci zaledwie kilku atom\u00f3w) pow\u0142oka z glinu. Rozwi\u0105zanie to pozwala na przebicie si\u0119 \u015bwiat\u0142a przez warstwy lustra.<\/p>

Gdy wiemy ju\u017c, jakiego rodzaju lustra potrzebujemy, mo\u017cemy zaj\u0105\u0107 si\u0119 osadzeniem go w ramie. Rama ta, opr\u00f3cz funkcji ozdobnej, b\u0119dzie pe\u0142ni\u0142a funkcj\u0119 obudowy do elektroniki. Najlepszym rozwi\u0105zaniem jest zakup lustra weneckiego i zlecenie oprawienia go lub wykonanie ramy samodzielnie. Drug\u0105 opcj\u0105 jest zakup oprawionego lustra w sklepie z wyposa\u017ceniem wn\u0119trz i wstawienie lustra weneckiego w miejsce tradycyjnego lustra. Tutaj warto zachowa\u0107 szczeg\u00f3ln\u0105 ostro\u017cno\u015b\u0107, bo podczas demonta\u017cu \u0142atwo doprowadzi\u0107 do p\u0119kni\u0119cia tafli, a zw\u0142aszcza ma\u0142e, podst\u0119pne fragmenty pot\u0142uczonego szk\u0142a mog\u0105 skutkowa\u0107 skaleczeniem. Decyduj\u0105c si\u0119 na drugi wariant warto zwr\u00f3ci\u0107 uwag\u0119 na ilo\u015b\u0107 miejsca za lustrem – najlepiej kupi\u0107 na pocz\u0105tku elementy elektroniczne, a p\u00f3\u017aniej zmierzy\u0107, ile miejsca b\u0119dziemy potrzebowa\u0107.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Przyk\u0142ad \"lustra niesko\u0144czono\u015bci\" zbudowanego przy pomocy lustra fenickiego<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Magic Mirror - jak ustawi\u0107? Dob\u00f3r odpowiednich element\u00f3w elektronicznych jest kluczowy<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

G\u0142\u00f3wnym elementem inteligentnego lustra, rzecz jasna zaraz po samym lustrze, jest wy\u015bwietlacz. Mo\u017cemy zdecydowa\u0107 si\u0119 na u\u017cycie wi\u0119kszego wy\u015bwietlacza i sprawi\u0107, aby informacje mog\u0142y wy\u015bwietla\u0107 si\u0119 na ca\u0142ej powierzchni tafli, jednak my zastosowali\u015bmy mniejszy ekran zamontowany w rogu lustra tak, aby informacje wy\u015bwietla\u0142y si\u0119 tylko na jego cz\u0119\u015bci. Nasze lustro ma wymiary 60 cm x 40 cm, tak wi\u0119c stosuj\u0105c wy\u015bwietlacz o przek\u0105tnej 10\u201d zajmujemy mniej ni\u017c \u0107wier\u0107 powierzchni.<\/p>

Interesuje Ci\u0119 Smart Mirror? Raspberry przychodzi z pomoc\u0105<\/h2>

Opr\u00f3cz wy\u015bwietlacza zastosujemy minikomputer Raspberry Pi 4B w wariancie z 4GB pami\u0119ci RAM. Rozwi\u0105zanie to pozwoli nam na wygodn\u0105 prac\u0119 i szybkie przetwarzanie danych, kt\u00f3re b\u0119d\u0105 pojawia\u0142y si\u0119 na tafli. Opr\u00f3cz tego malina w tym wydaniu jest na tyle wydajna, \u017ce w przysz\u0142o\u015bci b\u0119dziemy mogli pokusi\u0107 si\u0119 o zastosowanie w projekcie jednego z dost\u0119pnych na rynku asystent\u00f3w g\u0142osowych. Opr\u00f3cz samego minikomputera niezb\u0119dny b\u0119dzie zasilacz oraz karta pami\u0119ci. Do sterowania minikomputerem przyda si\u0119 te\u017c ma\u0142a klawiatura z touchpadem – unikniemy dzi\u0119ki temu konieczno\u015bci szukania miejsca na mysz i klawiatur\u0119. Pe\u0142ny zestaw element\u00f3w dost\u0119pnych w sklepie Botland dost\u0119pny jest poni\u017cej:
– Raspberry Pi 4 model B WiFi DualBand Bluetooth 4GB RAM 1,5GHZ<\/b><\/a>
– Zasilacz USB C 5,1V \/ 3A do Raspberry Pi 4<\/b><\/a>
– Karta pami\u0119ci SanDisk Ultra 653x microSD 16GB<\/b><\/a>
– Klawiatura bezprzewodowa z touchpadem<\/b><\/a>
– Wy\u015bwietlacz dla Raspberry Pi 10\u201d<\/b><\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Instalacja oprogramowania dla inteligentnego lustra - postaw na Magic Mirror<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Gdy ju\u017c zamocowali\u015bmy lustro w ramie, mo\u017cemy przej\u015b\u0107 do cz\u0119\u015bci elektronicznej. Na samym pocz\u0105tku pod\u0142\u0105czmy do maliny wy\u015bwietlacz. Ca\u0142a operacja jest niezwykle prosta. Za pomoc\u0105 do\u0142\u0105czonej do zestawu ta\u015bmy \u0142\u0105czymy z\u0142\u0105cza RGB na wy\u015bwietlaczu i p\u0142ytce steruj\u0105cej, a nast\u0119pnie musimy pod\u0142\u0105czy\u0107 przew\u00f3d HDMI do p\u0142ytki steruj\u0105cej wy\u015bwietlaczem. Z drugiej strony przewodu do\u0142\u0105czamy przej\u015bci\u00f3wk\u0119 z HDMI na microHDMI i \u0142\u0105czymy ze z\u0142\u0105czem microHDMI w Raspberry Pi. Ostatnim elementem, kt\u00f3ry musimy pod\u0142\u0105czy\u0107, jest zasilacz – tutaj \u0142\u0105czymy go z gniazdem DC na p\u0142ytce steruj\u0105cej wy\u015bwietlaczem, a sam zasilacz wpinamy do gniazda sieciowego.<\/p>

Kwestie programowe zacznijmy od wgrania systemu na Raspberry Pi. Dok\u0142adny przebieg tej operacji zosta\u0142 opisany w artykule na temat budowy systemu inteligentnego domu na Raspberry Pi<\/b><\/a>. Gdy w naszym minikomputerze mie\u015bci si\u0119 ju\u017c karta SD, a on sam jest podpi\u0119ty do zasilania, \u0142\u0105czymy si\u0119 z nim przy pomocy programu Putty i logujemy. Okno programu wygl\u0105da jak poni\u017cej (ten proces r\u00f3wnie\u017c opisany jest w wymienionym powy\u017cej artykule).<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Okno Putty po zalogowaniu si\u0119 do Raspberry Pi<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Do zainstalowania pakietu plik\u00f3w do dzia\u0142ania systemu inteligentnego lustra potrzebujemy \u015brodowiska Node.js. Aby je zainstalowa\u0107 wywo\u0142ujemy w terminalu dwie komendy:
curl -sL https:\/\/deb.nodesource.com\/setup_10.x | sudo -E bash –
sudo apt install -y nodejs<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Po udanej instalacji powinni\u015bmy zobaczy\u0107 zawarto\u015b\u0107 terminala - jak na grafice powy\u017cej.<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Gdy \u015brodowisko Node.js jest gotowe, mo\u017cemy pobra\u0107 repozytorium projektu Magic Mirror. Aby je pobra\u0107, a nast\u0119pnie uruchomi\u0107, wywo\u0142ujemy nast\u0119puj\u0105ce polecenia:
git clone https:\/\/github.com\/MichMich\/MagicMirror
cd MagicMirror\/
npm install
cp config\/config.js.sample config\/config.js
npm run start<\/p>

Po zainstalowaniu i uruchomieniu \u015brodowiska terminal powinien wygl\u0105da\u0107 jak poni\u017cej, a jego zawarto\u015b\u0107 powinna si\u0119 aktualizowa\u0107 co pi\u0119\u0107 minut. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Tre\u015b\u0107 terminala po uruchomieniu programu.<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Gdy spojrzymy na pod\u0142\u0105czony do maliny wy\u015bwietlacz, powinni\u015bmy zobaczy\u0107 obraz podobny do pokazanego poni\u017cej:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Obraz wy\u015bwietlany na ekranie.<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Obraz, kt\u00f3ry widzimy, to standardowa konfiguracja stworzona przez producenta tego oprogramowania. A co gdyby\u015bmy zechcieli usun\u0105\u0107 pole z komplementami, zmieni\u0107 wy\u015bwietlanie news\u00f3w z New York Times na informacje z krajowego portalu, a do tego wy\u015bwietla\u0107 aktualn\u0105 pogod\u0119 i jej prognoz\u0119? Spr\u00f3bujmy!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Dodawanie i modyfikowanie modu\u0142\u00f3w naszego lustra. Jak dzia\u0142a Raspberry Pi Mirror?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Aby doda\u0107 modu\u0142 do naszego lustra, niezb\u0119dne jest wyj\u015bcie z programu lustra przy pomocy skr\u00f3tu Ctrl+C oraz wykonanie modyfikacji w pliku config\/config.js. Aby wej\u015b\u0107 do tego pliku, wpisujemy nast\u0119puj\u0105ce polecenia:
cd \/home\/pi\/MagicMirror\/config
sudo nano config.js<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Tre\u015b\u0107 terminala po wpisaniu powy\u017cszych polece\u0144.<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Teraz w pliku musimy znale\u017a\u0107 modu\u0142 odpowiedzialny za pogod\u0119 i jej prognozy. Domy\u015blnie b\u0119dzie wygl\u0105da\u0142 tak:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Domy\u015blny modu\u0142 dla pogody to currentweather. Jest to implementacja modu\u0142u z serwisu OpenWeatherMap<\/b><\/a> – prawdopodobnie najwi\u0119kszego systemu API dla pogody na \u015bwiecie, mo\u017cemy z jego pomoc\u0105 sprawdzi\u0107 aktualne i prognozowane pogody w miejscach na ca\u0142ym \u015bwiecie. O ile nie mieszkamy w Nowym Jorku, powinni\u015bmy zmieni\u0107 domy\u015bln\u0105 lokalizacj\u0119 na miasto, kt\u00f3re nas interesuje. Aby to zrobi\u0107, pobieramy archiwum city.list.json.gz<\/b><\/a>. Po pobraniu archiwum rozpakowujemy je i przy pomocy edytora kodu (na przyk\u0142ad Notepad++) otwieramy je i wyszukujemy interesuj\u0105ce nas miasto. W naszym przypadku b\u0119dzie to K\u0119pno. Aby je wyszuka\u0107, wciskamy skr\u00f3t klawiszowy Ctrl+F i wpisujemy fraz\u0119 “name”: “K\u0119pno”. Po chwili powinni\u015bmy zobaczy\u0107 wyniki – nas interesuj\u0105 g\u0142\u00f3wnie pola name i id.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Wynik wyszukiwania miasta w pliku.<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Je\u015bli interesuje nas inne miasto, przyk\u0142adowo Warszawa, to zmieniamy “name”: “K\u0119pno” na “name”: “Warszawa”. Teraz w terminalu zmieniamy pola location i locationID w module currentweather i weatherforecast na dane wyszukane w pliku. W naszym przypadku modu\u0142y b\u0119d\u0105 wygl\u0105da\u0107 jak poni\u017cej:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Wygl\u0105d terminala po wprowadzeniu nowych warto\u015bci dla miasta.<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Ostatnim elementem do wprowadzenia b\u0119dzie klucz API. Aby go wygenerowa\u0107, rejestrujemy si\u0119 na stronie OpenWeatherMap, a nast\u0119pnie potwierdzamy konto klikaj\u0105c w link, kt\u00f3ry otrzymamy na podany podczas rejestracji adres mailowy. Gdy potwierdzimy konto, przechodzimy do zak\u0142adki MyAPI. Tutaj wpisujemy nazw\u0119 naszego klucza i klikamy Generate.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Okno tworzenia API po wygenerowaniu klucza.<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Po wygenerowaniu klucza kopiujemy go i wklejamy do pola appid w modu\u0142ach pogody. Pami\u0119tajmy, \u017ce nasz klucz jest indywidualny i nie powinni\u015bmy go nigdzie publikowa\u0107, z tego powodu na grafice widoczna jest tylko cz\u0119\u015b\u0107 klucza.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Wklejony klucz API w modu\u0142ach pogody<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Po uzupe\u0142nieniu p\u00f3l dla modu\u0142\u00f3w mo\u017cemy zapisa\u0107 i zamkn\u0105\u0107 edytor kodu. Aby to zrobi\u0107, u\u017cywamy skr\u00f3tu klawiszowego Ctrl+X, a gdy program zapyta o zapis, wpisujemy \u201cy\u201d i zatwierdzamy enterem. Teraz mo\u017cemy ponownie uruchomi\u0107 podgl\u0105d naszego lustra. Aby to zrobi\u0107, wpisujemy kolejno polecenia poni\u017cej:
cd \/home\/pi\/MagicMirror
npm run start<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Aktualny wygl\u0105d wy\u015bwietlanych informacji<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Po dodaniu modu\u0142u pogody przed nami jeszcze zmodyfikowanie modu\u0142u informacji z New York Timesa i usuni\u0119cie pola z komplementami. By dokona\u0107 zmiany modu\u0142u informacyjnego, musimy po raz kolejny przej\u015b\u0107 do pliku konfiguracyjnego, i tak jak poprzednio korzystamy z polece\u0144:
cd \/home\/pi\/MagicMirror\/config
sudo nano config.js<\/p>

Gdy przeszli\u015bmy do pliku konfiguracyjnego, musimy znale\u017a\u0107 modu\u0142 informacyjny. Znajduje si\u0119 on tu\u017c pod modu\u0142ami pogody, kt\u00f3re niedawno zmodyfikowali\u015bmy.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Modu\u0142 informacyjny w pliku konfiguracyjnym<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Teraz musimy wybra\u0107 kana\u0142 informacyjny, z kt\u00f3rego b\u0119dziemy pobiera\u0107 informacje. Serwis informacyjny musi posiada\u0107 kana\u0142 RSS, kt\u00f3ry b\u0119dzie udost\u0119pnia\u0142 informacj\u0119 w formacie XML. Pierwszym serwisem, kt\u00f3ry uda\u0142o mi si\u0119 znale\u017a\u0107, jest TVN24. Posiada podzia\u0142 na kategorie informacyjne i umo\u017cliwia pobieranie danych przy pomocy kana\u0142u RSS z XML. Wybieramy wi\u0119c interesuj\u0105cy nas kana\u0142 z listy<\/b><\/a> i w pliku konfiguracyjnym, w polu url, wklejamy jego adres. W naszym przypadku b\u0119dzie to kana\u0142 z informacjami o adresie:
https:\/\/tvn24.pl\/najnowsze.xml<\/b><\/a><\/p>

Aby zmieni\u0107 \u017ar\u00f3d\u0142o informacji w polu title, wpisujemy nazw\u0119 naszego \u017ar\u00f3d\u0142a informacyjnego.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Pole modu\u0142u informacyjnego po modyfikacji<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Po zmianie modu\u0142u informacyjnego zostaje nam usuni\u0119cie pola z komplementami. Aby to zrobi\u0107, wyszukujemy modu\u0142 compliments i usuwamy ca\u0142kowicie z pliku.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Plik konfiguracyjny przed usuni\u0119ciem modu\u0142u<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Plik konfiguracyjny bez modu\u0142u komplement\u00f3w<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Po usuni\u0119ciu modu\u0142u mo\u017cemy wcisn\u0105\u0107 Ctrl+X, a nast\u0119pnie zapisa\u0107 poprzez wci\u015bni\u0119cie \u201cy\u201d i Entera. Teraz mo\u017cemy uruchomi\u0107 nasz system i sprawdzi\u0107, co wy\u015bwietla si\u0119 na ekranie. Tak jak poprzednio wprowadzamy poni\u017csze komendy i kierujemy nasze oczy w stron\u0119 wy\u015bwietlacza:
cd \/home\/pi\/MagicMirror
npm run start<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Wygl\u0105d ekranu po wprowadzeniu zmian<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Ostatnim elementem, kt\u00f3ry rzuca si\u0119 w oczy, jest wykaz \u015bwi\u0105t w USA. Warto zmieni\u0107 ten modu\u0142 na zwyczajny kalendarz. Aby to zrobi\u0107, musimy zaimportowa\u0107 nowy modu\u0142. Zmian\u0119 wprowadzamy poleceniami:
cd \/home\/pi\/MagicMirror\/modules
git clone https:\/\/github.com\/KirAsh4\/calendar_monthly<\/b><\/a><\/p>

Teraz mo\u017cemy kolejny raz uruchomi\u0107 nasz plik konfiguracyjny. Tradycyjnie wpisujemy:
cd \/home\/pi\/MagicMirror\/config
sudo nano config.js<\/p>

Znajduj\u0105c si\u0119 w pliku konfiguracyjnym zaczniemy od usuni\u0119cia zawarto\u015bci modu\u0142u kalendarza i zast\u0105pienia jej zawarto\u015bci\u0105:
module: ‘calendar_monthly’,
position: ‘top_left’,
config: {<\/p>

}<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Wygl\u0105d modu\u0142u przed zmian\u0105<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Wygl\u0105d modu\u0142u po zmianie<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Zanim wyjdziemy z pliku, aby zobaczy\u0107 efekty modyfikacji, zmie\u0144my jeszcze jedn\u0105 rzecz. Jest ni\u0105 j\u0119zyk – domy\u015blnie Magic Mirror pracuje w j\u0119zyku angielskim, jednak bez problemu mo\u017cemy ustawi\u0107 wy\u015bwietlanie tre\u015bci w j\u0119zyku polskim. Zacznijmy od zmiany \u201ctwardych\u201d element\u00f3w. Elementy twarde to takie, kt\u00f3re maj\u0105 z g\u00f3ry na\u0142o\u017cone nazwy i nie podlegaj\u0105 t\u0142umaczeniu. S\u0105 one najcz\u0119\u015bciej oznaczone znacznikiem nag\u0142\u00f3wkowym, czyli header, lub znacznikiem tytu\u0142owym, czyli title. W naszych modu\u0142ach zosta\u0142 do zmiany tylko jeden twardy element, mianowicie parametr header w module prognozy pogody. Po znalezieniu modu\u0142u modyfikujemy parametr header z \u201cWeather Forecast\u201d na \u201cPrognoza pogody\u201d.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Element header przed zmian\u0105<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Element header po zmianie<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Teraz zosta\u0142a nam zmiana j\u0119zyka generalnego. Na pocz\u0105tku pliku wyszukujemy parametr language i zmieniamy \u201cen\u201d na \u201cpl\u201d.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Parametr language przed zmian\u0105<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Parametr language po zmianie<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Gdy zmodyfikowali\u015bmy ju\u017c niezb\u0119dne pola, mo\u017cemy zapisa\u0107 i zamkn\u0105\u0107 edytor przy pomocy znanego nam skr\u00f3tu klawiszowego Ctrl+X i zatwierdzaj\u0105c zapis przy pomocy \u201cy\u201d i klawisza Enter. Aby zobaczy\u0107 efekty naszych dzia\u0142a\u0144, wpisujemy poni\u017csze komendy i cieszymy si\u0119 ze skonfigurowanego pod nasze potrzeby interfejsu.
cd \/home\/pi\/MagicMirror
npm run start<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Interfejs lustra po wykonanych modyfikacjach<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Poprawa dzia\u0142ania urz\u0105dzenia<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Aktualne rozwi\u0105zanie prezentuje si\u0119 ciekawie, jednak mamy do czynienia z dwoma problemami. Jest to domy\u015blne ustawienie wy\u015bwietlania, kt\u00f3re powoduje wygaszenie ekranu po braku reakcji u\u017cytkownika i konieczno\u015b\u0107 ka\u017cdorazowego uruchomienia programu Magic Mirror po starcie systemu. Na samym pocz\u0105tku zajmiemy si\u0119 problemem wygaszania wy\u015bwietlacza. Tutaj operacja jest bardzo prosta – w terminalu wpisujemy polecenie:
sudo apt-get install xscreensaver<\/p>

W trakcie instalacji wszystkie ostrze\u017cenia zatwierdzamy i przechodzimy dalej. Teraz na pulpicie maliny wchodzimy w preferencje>wygaszacz ekranu i ustawiamy tryb Disable Screen Saver.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Wymagana konfiguracja wygaszacza ekranu<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Gdy mamy ju\u017c za sob\u0105 ustawienia ekranu, mo\u017cemy przej\u015b\u0107 do nast\u0119pnego kroku. Do uruchomienia programu inteligentnego lustra wraz ze startem systemu r\u00f3wnie\u017c wystarczy kilka krok\u00f3w. Zaczynamy od instalacji programu PM2. Jest to program do zarz\u0105dzania procesami, kt\u00f3ry pozwoli nam na wygodne uruchamianie systemu przy starcie urz\u0105dzenia oraz jego restart w przypadku awarii. Aby zainstalowa\u0107 program, wpisujemy polecenia:
cd \/home\/pi
sudo npm install -g pm2
pm2 startup<\/p>

Po wpisaniu drugiej komendy wy\u015bwietli si\u0119 polecenie, kt\u00f3re nale\u017cy skopiowa\u0107, a nast\u0119pnie wklei\u0107 do terminala i wcisn\u0105\u0107 Enter.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Komenda do skopiowania<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Teraz musimy stworzy\u0107 plik, kt\u00f3ry b\u0119dzie powodowa\u0142 uruchomienie naszego systemu. Aby to zrobi\u0107, wpisujemy poni\u017csz\u0105 komend\u0119:
nano mm.sh<\/p>

Po wpisaniu polecenia otworzy si\u0119 edytor kodu. Tutaj wklejamy do \u015brodka poni\u017csz\u0105 zawarto\u015b\u0107, a p\u00f3\u017aniej zapisujemy i zamykamy plik.
cd .\/MagicMirror
DISPLAY=:0 npm start<\/p>

Aby plik m\u00f3g\u0142 si\u0119 wykona\u0107, musimy przyzna\u0107 mu uprawnienia do \u201cwykonywania si\u0119\u201d. W tym celu wpisujemy w terminal:
chmod +x mm.sh<\/p>

Ostatnim zadaniem jest przypisanie tego pliku do programu zarz\u0105dzania, w tym celu wpisujemy:
pm2 start mm.sh
pm2 save<\/p>

Teraz mo\u017cemy wpisa\u0107 w terminal poni\u017csz\u0105 komend\u0119 i sprawdzi\u0107, czy program po uruchomieniu systemu b\u0119dzie dzia\u0142a\u0142. Je\u015bli tak, to mo\u017cemy przej\u015b\u0107 do monta\u017cu uk\u0142ad\u00f3w na samym lustrze!
sudo reboot<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Monta\u017c elektroniki na ramie lustra<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Kiedy mamy ju\u017c stworzony system, kt\u00f3ry b\u0119dzie odpowiedzialny za wy\u015bwietlanie informacji. Mo\u017cemy przej\u015b\u0107 do monta\u017cu elektroniki na lustrze. Tutaj proces jest stosunkowo prosty. Najlepiej przy pomocy silikonu szklarskiego przyklejamy wy\u015bwietlacz i elementy elektroniczne do tafli lustra. Warto pami\u0119ta\u0107 o tym, \u017ce wszystkie elementy powinni\u015bmy odt\u0142u\u015bci\u0107 – dobrym \u015brodkiem jest preparat IPA<\/b><\/a>. Opr\u00f3cz tego powinni\u015bmy zas\u0142oni\u0107 r\u00f3wnie\u017c wszystkie elementy emituj\u0105ce \u015bwiat\u0142o. Mowa tu g\u0142\u00f3wnie o diodach LED. Je\u015bli chcemy skutecznie unikn\u0105\u0107 przedostawania si\u0119 \u015bwiat\u0142a, to mo\u017cemy oklei\u0107 tyln\u0105 cz\u0119\u015b\u0107 lustra. Oczywi\u015bcie pomijamy tutaj miejsce na wy\u015bwietlacz. Elementy elektroniczne zamocowane na lustrze prezentuj\u0105 si\u0119 nast\u0119puj\u0105co:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Elementy elektroniczne<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

A tak wygl\u0105da inteligentne lustro z wy\u015bwietlaczem<\/b> w ca\u0142ej okaza\u0142o\u015bci:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Ko\u0144cowy efekt<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Mamy nadziej\u0119, \u017ce ten poradnik pokaza\u0142 Wam, jak szybko i \u0142atwo mo\u017cna zbudowa\u0107 w\u0142asne inteligentne lustro. Je\u015bli macie jakie\u015b pytania lub uwagi, to zapraszamy do sekcji komentarzy!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Magic Mirror – FAQ<\/h2>\n
\n
\n

\n