WIZUALNY SYSTEM INFO DLA SZKOŁY LUB FIRMY

Jak tanio stworzyć nowoczesny system informacyjny zastępujący dawne tablice ogłoszeniowe?

System INFO tworzą tu dowolne telewizory lub monitory (patrz Rys.1.), dowolnie stare komputery z demobilu (na Rys.2. netbook pierwszej generacji, ceny na Allegro 100-200 PLN.), łącze internetowe oraz prezentacje Google online.

Rys. 1. Monitor (telewizor LCD) na ścianie w roli wyświetlacza treści.
Rys. 2. Netbook sterujący wyświetlaniem. Przeglądarka WWW w trybie kiosk oraz blog (Blogger) z osadzoną Prezentacją Google.

Przykład realizacji: system informacyjny RODN "WOM" w Bielsku-Białej działający w różnych budynkach oraz online.

  • Edytor ekranów informacyjnych: prezentacja online Google

  • Oprawa ekranów informacyjnych: blog (Blogger.com) z odpowiednio dobranym szablonem.

  • Zob. przykład (nieaktualny, to tylko przykład) dostosowany do rozdzielczości 1024x768: wombielskobiala.blogspot.com

    • W blogu należy wyłączyć pasek nawigacyjny, usunąć wszystkie widżety oraz zmodyfikować szablon tak, aby wyświetlał wyłącznie strumień postów.

    • Kod do wyświetlania prezentacji należy osadzić w jedynym poście bez tytułu.

UWAGA: Szablon zastosowany w blogu powyżej jest dostępny do pobrania.

  • Urządzenie wyświetlające: komputer - netbook z demobilu z przeglądarką WWW włączoną w trybie pełnoekranowym - Rys. 2. (małe rozmiary i masa pozwalają zamocować urządzenie na ścianie za telewizorem - tak jest w przykładzie na Rys. 1).

  • Przeglądarka WWW uruchamiana automatycznie, przy starcie komputera w trybie pełnoekranowym "kiosk". Oto użyte polecenie uruchamiające Chrome (dwie możliwe ścieżki zależne od wersji Windows):

    • "C:\Program Files\Google\Chrome\Application\chrome.exe" --kiosk

    • "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --kiosk

      • (po spacji dalsza część ścieżki: http://adres.strony.do.wyswietlania

    • UWAGA: opcja --kiosk działa tylko w przeglądarkach Chrome i Chromium. Użycie innej, np. Firefoxa, będzie wymagało ręcznego przełaczania w tryb pełnoekranowy (F11).

  • Wyświetlacze wielkoekranowe: telewizory LCD na ścianie - Rys. 1.

Szczegóły konfiguracyjne:

Autoodtwarzanie slajdów:

  • Prezentację Google należy osadzić w stronie przy pomocy kodu podobnego do poniższego.

<iframe frameborder="0" height="750" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen="true" src="https://docs.google.com/presentation/d/1A5eCKjWyVAWBAcYXJU37S0ANlhyz-ThJlqSV5TYb7HI/embed?start=true&loop=true&delayms=5000" webkitallowfullscreen="true" width="980"></iframe>

  • Kod nakazuje samoczynny start prezentacji, jej odtwarzanie w pętli oraz zmianę slajdu co 5 sekund (5000 ms), pozwala też przełączyć przeglądarkę WWW w tryb pełnoekranowy.

  • Pogrubiony fragment kodu jest adresem konkretnej prezentacji online, trzeba go zastąpić własnym.

Wyświetlanie najnowszych zmian:

Prezentacje Google natychmiast automatycznie zapisują wszystkie zmiany zawartości. Nie są jednak odzwierciedlane w wyświetlanej już prezentacji zmiany wprowadzone po rozpoczęciu jej wyświetlania. Ponieważ w systemie informacyjnym prezentacja powinna być wyświetlana non-stop, do wyświetlenia najnowszych zmian konieczne jest regularne odświeżenie zawartości strony WWW.

  • Jeżeli mamy dostęp do komputera wyświetlającego treści na monitorze, można to zrobić ręcznie (skrót F5).

  • Jeżeli komputer wyświetlający treści jest niedostępny (np. zamknięty, przymocowany za monitorem wysoko na ścianie lub pod sufitem), najprościej wprowadzić drobną zmianę w nagłówku (<HEAD>) strony WWW, w której osadziliśmy wyświetlaną prezentację. Poniżej przykład kodu odświeżającego stronę co 60 sekund: <meta http-equiv = "Refresh" content = "60" />