Przejdź do treści

Centrum Pomocy

Pomoc i wsparcie

Wersja v5.14.1 | Flawzilla.com

Start Logowanie System Ekrany Publikacja Android TV Dodawanie Usuwanie Zarzadzanie CSV Layout Styl Alert Timer Problemy

Usługa FLAWZILLA i opłaty

FLAWZILLA to system zarządzania prezentacją treści informacyjnych i reklamowych na ekranach. Opłata za usługę dotyczy dostępu do oprogramowania. Nie jest opłatą abonamentową RTV.

Określenia „ekran” i „odtwarzacz treści” opisują zastosowanie systemu. Obowiązki RTV zależą od rzeczywistych możliwości odbioru programu oraz konfiguracji urządzenia. Korzystanie z FLAWZILLA nie stanowi zwolnienia z tych obowiązków.

Panel publikuje tylko przesłane pliki i treści FLAWZILLA. Adresy transmisji, radia, zewnętrznych stron i nieznanych źródeł mediów są blokowane, także w starych ustawieniach i kopiach offline.

Blokada stron zewnętrznych i PIN są dostępne tylko w zgodnym, zweryfikowanym wydaniu odtwarzacza Android. Publiczny instalator 2.9.30 nie zawiera tego modułu. W wydaniu z modułem strony są domyślnie zablokowane; odblokowanie wymaga informacji o skutkach, świadomego potwierdzenia i PIN-u. Ponowne uruchomienie odtwarzacza przywraca blokadę. Zakres ochrony zależy od zainstalowanego wydania i konfiguracji. Nie gwarantuje blokady HOME, zasilania, tunera ani innych aplikacji. Funkcje YouTube i LIVE pozostają niedostępne w panelu.

FLAWZILLA service and fees

FLAWZILLA manages the presentation of informational and advertising content on displays. The service fee pays for software access. It is separate from the Polish RTV licence fee.

“Display” and “content player” describe the system's purpose. RTV obligations depend on the device's actual broadcast reception capabilities and configuration. Using FLAWZILLA does not provide an exemption.

The panel publishes only uploaded files and FLAWZILLA content. Broadcasts, radio streams, external websites and unknown media sources are blocked, including in old settings and offline copies.

External website blocking and PIN protection are available only in a compatible, verified Android player release. The public 2.9.30 installer does not include this module. In a release with the module, websites are blocked by default; unlocking requires the notice, explicit confirmation and PIN. Restarting the player restores the block. Protection depends on the installed release and configuration. It does not guarantee blocking HOME, power controls, the tuner or other applications. YouTube and LIVE features remain unavailable in the panel.

🚀 Szybki Start

  1. Wejdz na edit.flawzilla.com i zaloguj sie kontem Google, ktore dostales od administratora.
  2. Jesli konto ma wlaczone MFA, podaj dodatkowo kod z aplikacji uwierzytelniajacej (patrz sekcja Logowanie i Dostep ponizej).
  3. W prawym gornym rogu (Ekran) sprawdz, ze edytujesz wlasciwy ekran - jesli masz kilka lokalizacji, przelaczysz sie tam miedzy nimi.
  4. Uzupelnij dane w Zarzadzanie, a na koniec kliknij Publikuj na ekranie - dopiero wtedy zmiany trafiaja na realny ekran (patrz sekcja Szkic i Publikacja).

Uruchom interaktywną checklistę „Pierwsze kroki” w edytorze.

Nic nie trzeba instalowac lokalnie. Caly panel dziala w przegladarce na komputerze, tablecie lub telefonie.

Do szybkich, lokalnych testow bez logowania istnieje tez osobny, lokalny tryb deweloperski (aplikacja/start.bat / start_mac.command) uruchamiany na wlasnym komputerze - to nie jest sciezka dla normalnej pracy z prawdziwym ekranem klienta, wiec nie jest tu dalej opisywany.

🚀 Quick Start

  1. Go to edit.flawzilla.com and sign in with the Google account you got from the administrator.
  2. If the account has MFA enabled, you'll also enter a code from your authenticator app (see the Login and Access section below).
  3. In the top-right corner (Screen), check you're editing the right screen - if you have several locations, this is where you switch between them.
  4. Fill in the data in Management, then click Publish to the screen - only then do changes reach the real screen (see the Draft and Publish section).

Open the interactive “First steps” checklist in the editor.

Nothing needs to be installed locally. The whole panel runs in a browser on a computer, tablet, or phone.

For quick local testing without logging in, there's also a separate local developer mode (aplikacja/start.bat / start_mac.command) run on your own computer - this isn't the path for normal work with a real customer screen, so it isn't covered further here.

🔑 Logowanie i Dostęp

Panele administracyjne (edit.html, Uklad, Styl, CSV, Klienci, Monitoring) sa chronione logowaniem Google - nie ma juz osobnego hasla do samej aplikacji.

  1. Wejdz na dowolny panel administracyjny - jesli nie masz aktywnej sesji, zobaczysz ekran logowania.
  2. Kliknij przycisk logowania Google i wybierz konto, ktore administrator dodal do listy uprawnionych.
  3. Konta z wlaczonym MFA zobacza dodatkowy krok: kod z aplikacji uwierzytelniajacej (np. Google Authenticator). Wpisz 6-cyfrowy kod i zatwierdz.
  4. Sesja utrzymuje sie w przegladarce; wylogowanie jest w panelu Klienci (przycisk wylogowania) albo przez wyczyszczenie ciasteczek danej domeny.

Konto Google, ktorym sie logujesz, musi byc wczesniej dodane do listy uprawnionych przez administratora (zaproszenie albo dodanie w panelu Klienci → Bezpieczenstwo). Wpisanie dowolnego adresu Google, ktory nie jest na liscie, nie da dostepu.

Wlaczenie/zmiana MFA na koncie dokonuje sie dzis przez inne, juz zalogowane i zaufane konto z uprawnieniami - jesli stracisz dostep do aplikacji uwierzytelniajacej, skontaktuj sie z administratorem zamiast probowac zresetowac to samodzielnie.

🔑 Login and Access

The admin panels (edit.html, Layout, Style, CSV, Clients, Monitoring) are protected by Google login - there's no separate password for the app itself anymore.

  1. Go to any admin panel - if you don't have an active session, you'll see a login screen.
  2. Click the Google login button and choose the account the administrator added to the allowed list.
  3. Accounts with MFA enabled will see an extra step: a code from an authenticator app (e.g. Google Authenticator). Enter the 6-digit code and confirm.
  4. The session persists in the browser; logging out is available in the Clients panel (logout button) or by clearing that domain's cookies.

The Google account you sign in with must already be on the administrator's allowed list (via invitation, or added in the Clients → Security panel). Entering any Google address that isn't on the list won't grant access.

Enabling/changing MFA on an account today is done through another, already-logged-in and trusted account with permissions - if you lose access to your authenticator app, contact the administrator instead of trying to reset it yourself.

ℹ️ Informacje o Systemie

Nazwa aplikacji Flawzilla.com
Wersja aplikacji unknown
Wersja API unknown
Kanal release unknown
Schema licencji unknown
AUTO harmonogram (atomowo) Najpierw pokazywane sa zajecia rozpoczęte w ciagu ostatnich 60 minut. Gdy nic nie trwa, system bierze najblizsze kolejne zajecia. Po ostatnich zajeciach dnia przez okolo 60 minut dalej sa widoczne na ekranie, potem Sala wolna.

Dane wersji pochodza z endpointu /api/version.

ℹ️ System Information

Application name Flawzilla.com
Application version unknown
API version unknown
Release channel unknown
License schema unknown
AUTO schedule (atomic) Classes that started within the last 60 minutes are shown first. When nothing is running, the system takes the next upcoming class. After the day's last class, it stays on screen for about 60 minutes, then shows Room free.

Version data comes from the /api/version endpoint.

🧭 Najlepsza Kolejnosc Pracy

  1. Uzupelnij dane w Listy CSV (jesli korzystasz z AUTO harmonogramu).
  2. W Zarzadzanie ustaw biezacy stan sal, recepcji, playera i paska.
  3. W Uklad VIEW ustaw pozycje kafelkow, a w Styl VIEW dopracuj wyglad i etykiety.
  4. Kliknij Publikuj na ekranie w gornym pasku - dopiero ten krok wysyla zmiany na realny ekran.
  5. Sprawdz opublikowana tresc na Podgląd ekranu albo przez Podgląd publikacji na telefonie.

🧭 Recommended Workflow

  1. Fill in the data in CSV Lists (if you use the AUTO schedule).
  2. In Management, set the current state of rooms, reception, player, and ticker.
  3. In VIEW Layout, set tile positions, and in VIEW Style refine the look and labels.
  4. Click Publish to the screen in the top bar - only this step sends changes to the real screen.
  5. Check the published content via Screen preview or Published preview on your phone.

🖥️ Wiele Ekranów na Jednym Koncie

Jedno konto moze zarzadzac kilkoma ekranami (np. kilka sal, oddzialow albo lokalizacji).

  1. W gornym pasku panelu Zarzadzanie uzyj listy Ekran, zeby przelaczyc sie na inny ekran - kazdy ma wlasne dane, uklad, styl i wlasny link ekranu.
  2. Zmien nazwe zmienia czytelna nazwe biezacego ekranu (nie wplywa na dane ani link).
  3. Nowy link ekranu uniewaznia poprzedni link/token do tego ekranu i tworzy nowy - uzyj tego, jesli stary link ekranu wyciekl albo zmieniasz urzadzenie i chcesz odciac stare.
  4. Wariant linku ekranu (0 - WWW, 1 - auto orientacja, 3 - zawsze pion, 4 - zawsze poziom ekranu) decyduje, jak wygenerowany link ekranu bedzie sie zachowywal na ekranie docelowym. Zobacz tez sekcje Aplikacja Android (Kiosk).
  5. Status ekranu pokazuje ostatnia publikacje, ostatni heartbeat z urządzenia i podstawowe informacje o polaczeniu.

Zmiana Nowy link ekranu jest nieodwracalna dla starego linku - kazde urzadzenie uzywajace poprzedniego linku przestanie dostawac dane i trzeba je recznie przekonfigurowac na nowy adres.

🖥️ Multiple Screens on One Account

One account can manage several screens (e.g. several rooms, branches, or locations).

  1. In the top bar of the Management panel, use the Screen list to switch to another screen - each has its own data, layout, style, and its own screen link.
  2. Rename changes the current screen's human-readable name (doesn't affect data or the link).
  3. New screen link invalidates the previous link/token for this screen and creates a new one - use this if the old screen link leaked, or you're changing devices and want to cut off the old one.
  4. Screen link variant (0 - WWW, 1 - auto orientation, 3 - always portrait, 4 - always landscape) determines how the generated screen link behaves on the target screen. See also the Android App (Kiosk) section.
  5. Screen status shows the last publish, the last heartbeat from the display, and basic connection information.

New screen link is irreversible for the old link - any device using the previous link will stop receiving data and must be manually reconfigured to the new address.

📤 Szkic i Publikacja - Jak To Naprawdę Działa

To jest najwazniejsza roznica wzgledem starszych wersji aplikacji: wiekszosc zmian w Zarzadzanie NIE trafia od razu na ekran.

  1. Wymaga publikacji (szkic): sale/recepcja, playlista plików, galeria, widocznosc widzetow, uklad i styl VIEW. Po kazdej takiej zmianie pasek u gory pokazuje ostrzezenie Ekran pokaże zmiany dopiero po publikacji.
  2. Dziala natychmiast (bez publikacji): Komunikat Alarmowy, Kontrola Timera i Pasek informacyjny - te trzy wysylaja sie na zywo na ekran od razu po kliknieciu, z pominieciem szkicu.
  3. Zeby zmiany ze szkicu trafily na ekran: kliknij Zapisz szkic (zapisuje bez publikowania), a potem Publikuj na ekranie.
  4. Podgląd publikacji na telefonie pokazuje ostatnio opublikowany ekran. Nie pokazuje nieopublikowanego szkicu ani niezapisanych zmian.
  5. Publikuj na ekranie mozna kliknac bezposrednio - automatycznie zapisze biezacy stan jako szkic i od razu go opublikuje.

Jesli wprowadziles zmiane i "nic sie nie dzieje" na ekranie - w 9 na 10 przypadkow chodzi o brakujace klikniecie Publikuj na ekranie, a nie o awarie.

📤 Draft and Publish - How It Really Works

This is the most important difference from older versions of the app: most changes in Management do NOT reach the screen immediately.

  1. Needs publishing (draft): rooms/reception, file playlist, gallery, widget visibility, VIEW layout and style. After any such change, the bar at the top shows the warning The screen will only see changes after the manifest is published.
  2. Works immediately (no publish needed): Alarm Message, Timer Control and Info Ticker - these three go live to the screen instantly on click, bypassing the draft.
  3. To get draft changes onto the screen: click Save draft (saves without publishing), then Publish to the screen.
  4. Published preview on your phone shows the last published screen. It does not show the unpublished draft or unsaved changes.
  5. Publish to the screen can also be clicked directly - it will automatically save the current state as a draft and publish it right away.

If you made a change and "nothing happens" on the screen - 9 times out of 10 it's a missing click on Publish to the screen, not a fault.

📺 Aplikacja Android (Kiosk odtwarzacza)

Na fizycznych urządzeniach/boxach Android dzialajacych jako ekran Flawzilla dziala dedykowana aplikacja kioskowa, ktora sama laduje link ekranu na pelnym ekranie.

  1. Ustawienia w aplikacji: na pilocie wcisnij WSTECZ 5 razy pod rzad (w ciagu ok. 4 sekund), zeby otworzyc ukryty ekran ustawien z polem adresu URL.
  2. Wklej pelny link ekranu (z panelu Zarzadzanie → Ekran → link ze skopiowanego adresu) i kliknij ZAPISZ I OTWÓRZ.
  3. Warianty linku w adresie: kiosk=0 zwykla przegladarka/WWW, kiosk=1 automatycznie dopasowuje sie do fizycznej orientacji ekranu, kiosk=3 zawsze pion (obraca sie programowo na ekranie poziomym), kiosk=4 zawsze poziom (obraca sie programowo na ekranie pionowym).
  4. Przycisk USTAW JAKO EKRAN GŁÓWNY i ZEZWÓL NA WYŚWIETLANIE NAD INNYMI w ustawieniach nalezy wlaczyc od razu po instalacji - bez tego aplikacja moze nie wrocic sama na pierwszy plan po zaniku i powrocie zasilania.
  5. WYCZYŚĆ PAMIĘĆ PODRĘCZNĄ I PRZEŁADUJ pomaga, gdy ekran utknal na starych danych mimo publikacji.

Jesli po wlaczeniu urządzenia pokazuje sie wygaszacz Android TV zamiast Flawzilli: to ustawienie systemowe urządzenia (wygaszacz ekranu), nie usterka aplikacji - wygaszacz nalezy wylaczyc w ustawieniach systemowych urządzenia (Ustawienia → Ekran/Wygaszacz), tak zeby urzadzenie dedykowane do wyswietlania ekranu Flawzilla nigdy go nie uruchamialo.

Aplikacja sprawdza dostępność aktualizacji w tle. Instalacja bez potwierdzenia wymaga przygotowania urządzenia jako Device Owner i testu na danym modelu. Zwykła instalacja z USB nie nadaje tych uprawnień: aktualizację musi potwierdzić operator. Harmonogram wygaszania ukrywa treść; nie wyłącza ani nie wybudza urządzenia.

📺 Android App (Player Kiosk)

On physical Android TVs/boxes running as a Flawzilla screen, a dedicated kiosk app runs that loads the screen link full-screen on its own.

  1. In-app settings: on the remote, press BACK 5 times in a row (within about 4 seconds) to open a hidden settings screen with a URL field.
  2. Paste the full screen link (from the Management panel → Screen → the copied link) and click SAVE AND OPEN.
  3. Link variants in the address: kiosk=0 a plain browser/WWW view, kiosk=1 auto-adapts to the screen's physical orientation, kiosk=3 always portrait (rotates in software on a landscape screen), kiosk=4 always landscape (rotates in software on a portrait screen).
  4. The SET AS HOME SCREEN and ALLOW DISPLAY OVER OTHER APPS buttons in settings should be enabled right after installation - without them the app may not return to the foreground by itself after a power loss and restore.
  5. CLEAR CACHE AND RELOAD helps when the screen is stuck on old data despite publishing.

If the Android TV screensaver shows up instead of Flawzilla after turning the display on: this is a display system setting (screensaver), not an app fault - turn off the screensaver in the display's system settings (Settings → Display/Screensaver), so a device dedicated to showing the Flawzilla screen never triggers it.

The app checks for updates in the background. Unattended installation requires Device Owner provisioning and testing on that device model. A standard USB installation does not grant these privileges: an operator must confirm updates. The blanking schedule hides content; it does not power off or wake the television.

📲 Instalacja VIEW jako aplikacji PWA (przeglądarka)

  1. Otworz link ekranu (view.html) dla wybranego ekranu i orientacji w Chrome/Edge/Safari.
  2. W Chrome/Edge kliknij ZAINSTALUJ APLIKACJĘ albo ikone instalacji w pasku adresu. Na iOS wybierz Udostępnij → Do ekranu początkowego.
  3. Uruchom aplikacje z nowej ikony. VIEW przywroci ostatni ekran i tryb kiosk=3 lub kiosk=4; bez zapisanego trybu uruchomi kiosk=4.

Powłoka VIEW uruchomi sie bez sieci, ale aktualizacje danych i niepobrane media wymagaja polaczenia. To rozwiazanie dla przegladarki/tabletu - na dedykowanym urządzeniu Android uzyj aplikacji kioskowej opisanej wyzej.

📲 Installing VIEW as a PWA (browser)

  1. Open the screen link (view.html) for the chosen screen and orientation in Chrome/Edge/Safari.
  2. In Chrome/Edge, click INSTALL APP or the install icon in the address bar. On iOS, choose Share → Add to Home Screen.
  3. Launch the app from its new icon. VIEW will restore the last screen and kiosk=3 or kiosk=4 mode; with no saved mode it starts kiosk=4.

The VIEW shell will start without a network, but data updates and undownloaded media need a connection. This is the solution for a browser/tablet - on a dedicated Android TV, use the kiosk app described above.

➕ Jak Dodawac Dane - Krok Po Kroku

  1. Sala (recznie): w Zarzadzanie wpisz nazwe, godzine, instruktora, opcjonalnie zdjecie (z pliku albo przyciskiem 📷 Zrób zdjęcie bezposrednio z kamery) i kliknij Wyslij.
  2. Sala (AUTO): zaznacz AUTO z tabeli zajec, kliknij Wyslij. Dane beda pobierane z CSV dla dnia i godziny.
  3. Recepcja: uzupelnij dane osoby i kliknij Wyslij.
  4. Playlista plikow: wybierz filmy/zdjecia, kliknij Dodaj do playlisty, potem Uruchom na ekranie.
  5. Po kazdej z powyzszych zmian pamietaj kliknac Publikuj na ekranie (patrz sekcja Szkic i Publikacja) - wyjatkiem sa Alert, Timer i Pasek, ktore dzialaja od razu.

➕ How To Add Data - Step By Step

  1. Room (manually): in Management, enter the name, time, coach, optionally a photo (from a file or the 📷 Take a photo button directly from the camera) and click Send.
  2. Room (AUTO): check AUTO from class table, click Send. Data will be pulled from the CSV for the day and time.
  3. Reception: fill in the person's details and click Send.
  4. File playlist: choose videos/photos, click Add to playlist, then Start on the screen.
  5. After any of the changes above, remember to click Publish to the screen (see the Draft and Publish section) - the exception is Alert, Timer, and Ticker, which work immediately.

Zalecany format filmów

Sprawdź swój ekran — pobierz bezpłatny film demo. Publiczny podgląd i instrukcja nie wymagają konta. Test niczego nie dodaje ani nie publikuje sam; plik możesz świadomie dodać na swój ekran testowy.

Jako punkt wyjścia do testu zgodności zalecamy MP4 z H.264/AVC, stałe 25 lub 30 kl./s oraz SDR 8-bit (YUV 4:2:0 / yuv420p). Profil Baseline zapewnia szerszą zgodność; Main można stosować po sprawdzeniu na docelowym urządzeniu.

  • Rozmiar: dopasuj proporcje i rozdzielczość do kafelka odtwarzacza. Full HD to 1920×1080 poziomo lub 1080×1920 pionowo. Dla mniejszego kafelka skorzystaj z wymiarów podanych przy wyborze pliku.
  • Bitrate: orientacyjnie 2–4 Mb/s dla HD 720p i 4–6 Mb/s dla Full HD. Są to ustawienia startowe, nie limit ani gwarancja jakości; szczegółowy obraz i szybki ruch mogą potrzebować więcej danych.
  • Dźwięk i start: AAC-LC, jeśli dźwięk jest potrzebny, albo bez ścieżki audio. W eksporcie MP4 włącz „szybki start” (faststart / optymalizacja do sieci).
  • Stałe dopasowanie: zachowaj jednakowe proporcje kolejnych filmów. Przy opcji „dopasuj” różne proporcje oznaczają różne czarne pasy; „wypełnij” może obcinać brzegi.
  • 4K, 50/60 kl./s, HDR, HEVC i AV1: mogą dawać korzyści, ale najpierw sprawdź obsługę i płynność na konkretnym modelu urządzenia lub boxa.

Format nie gwarantuje braku zacięć. Przetestuj kilka pełnych pętli z docelowym układem, paskiem i przejściami, również po rozgrzaniu urządzenia. Jeśli film wciąż się przycina, potrzebna jest diagnostyka Playera — obniżenie jakości nie zastępuje naprawy aplikacji.

Dokumentacja obsługiwanych formatów Androida. Powyższe ustawienia bitrate i Full HD są zaleceniem FLAWZILLA do testów, nie certyfikacją wszystkich urządzeń.

Recommended video format

Check your display — download the free demo clip. The public preview and instructions need no account. Nothing is added or published automatically; you can explicitly add the file to your test screen.

For an initial compatibility test, use MP4 with H.264/AVC, constant 25 or 30 fps and 8-bit SDR (YUV 4:2:0 / yuv420p). Baseline offers broader compatibility; use Main after checking the target device.

  • Size: match the aspect ratio and resolution to the player tile. Full HD is 1920×1080 landscape or 1080×1920 portrait. For smaller tiles, use the dimensions shown when selecting a file.
  • Bitrate: start around 2–4 Mbps for HD 720p or 4–6 Mbps for Full HD. These are starting points, not limits or quality guarantees; detailed scenes and fast motion may need more data.
  • Audio and startup: use AAC-LC if audio is needed, or omit the audio track. Enable MP4 faststart / web optimization when exporting.
  • Consistent sizing: keep the same aspect ratio across clips. “Contain” produces different black bars for different ratios; “cover” may crop the edges.
  • 4K, 50/60 fps, HDR, HEVC and AV1: can be beneficial, but first test support and smooth playback on the actual device or box.

Format alone does not guarantee smooth playback. Test several full loops with the intended layout, ticker and transitions, including after warm-up. If playback still stutters, diagnose the Player; lowering quality is not a substitute for fixing the app.

Android supported-format documentation. The bitrate and Full HD settings above are FLAWZILLA test recommendations, not certification of every device.

🗑 Jak Usuwac / Czyscic Dane

  1. Sala: przycisk Wyczysc usuwa dane tej sali.
  2. Recepcja: przycisk Wyczysc usuwa dane recepcji.
  3. Pasek: puste pole wiadomosci + Ustaw kasuje dana wiadomosc (dziala natychmiast, bez publikacji).
  4. Playlista: przy pliku kliknij X, aby usunac go z listy.
  5. Galeria: przy zdjeciu kliknij ikone usuwania na liscie galerii.
  6. CSV: wiersz usuwasz przyciskiem X, potem kliknij Zapisz.
  7. Layout: Usun zaznaczony przenosi kafelek do magazynu; mozna go potem przywrocic.
  8. Styl UI: Przywroc domyslne (DEF) cofa ustawienia stylu i etykiet.
  9. Nie zapomnij Publikuj na ekranie po usunieciu danych ze sal/playlisty/galerii/ukladu/stylu - samo usuniecie w edytorze zostaje w szkicu.

🗑 How To Remove / Clear Data

  1. Room: the Clear button removes that room's data.
  2. Reception: the Clear button removes reception's data.
  3. Ticker: an empty message field + Set clears that message (works immediately, no publish needed).
  4. Playlist: click X next to a file to remove it from the list.
  5. Gallery: click the delete icon next to a photo in the gallery list.
  6. CSV: remove a row with the X button, then click Save.
  7. Layout: Remove selected moves the tile to storage; it can be restored later.
  8. UI Style: Restore defaults (DEF) reverts style and label settings.
  9. Don't forget Publish to the screen after removing data from rooms/playlist/gallery/layout/style - the removal itself stays in the draft in the editor.

🖥 Panel Zarzadzania (edit.html) - Mega Poradnik

Ten panel steruje tym, co widzisz na VIEW: ekran (jesli masz kilka), sale, recepcja, player, pasek, alert i timer.

  1. Wysylanie zmian: po edycji klikaj Wyslij w konkretnym boksie, a na koniec pracy Publikuj na ekranie w gornym pasku (patrz Szkic i Publikacja).
  2. Widocznosc widzetow: checkboxy Timer/Pogoda/Harmonogram/QR/Galeria decyduja, co jest widoczne na VIEW.
  3. Zdjecie sali: wybierz plik albo zrob zdjecie przyciskiem 📷 Zrób zdjęcie i wyslij formularz sali.
  4. AUTO harmonogram: dziala tylko gdy w CSV jest poprawny wpis (sala, godzina, dzien). Aktualne zajecia sa trzymane przez okolo 60 minut od startu, a gdy nic nie trwa system pokazuje kolejne.
  5. Odtwarzanie na ekranie: Playlista plikow zawiera filmy i zdjęcia wybrane w sekcji odtwarzania.
  6. Status playera: dolny status pokazuje, czy player jest wlaczony i w jakim trybie pracuje.
  7. Kopia zapasowa: przycisk Eksportuj ustawienia pobiera plik z pelna konfiguracja biezacego ekranu; Importuj ustawienia (po wybraniu pliku kopii zapasowej) przywraca ja z powrotem.

🖥 Management Panel (edit.html) - Full Guide

This panel controls what you see on VIEW: the screen (if you have several), rooms, reception, player, ticker, alert and timer.

  1. Sending changes: after editing, click Send in that specific box, and at the end of your work click Publish to the screen in the top bar (see Draft and Publish).
  2. Widget visibility: the Timer/Weather/Schedule/QR/Gallery checkboxes decide what's visible on VIEW.
  3. Room photo: choose a file or take a photo with the 📷 Take a photo button and submit the room form.
  4. AUTO schedule: only works when the CSV has a valid entry (room, time, day). Current classes are kept on screen for about 60 minutes from the start, and when nothing is running the system shows the next one.
  5. Content playback: the File playlist contains videos and photos selected in the playback section.
  6. Player status: the bottom status shows whether the player is on and what mode it's running in.
  7. Backup: the Download backup (.json) button downloads a file with the current screen's full configuration; Import settings (after choosing a backup file) restores it.

📋 Listy CSV (lists_editor.html) - Mega Poradnik

  1. Dodanie wiersza: kliknij Dodaj wiersz.
  2. Edycja zajec: uzupelnij sala (1/2/3), nazwe, godzine, instruktora, dzien i opcjonalnie photo.
  3. Wgrywanie zdjecia: przeciagnij plik obrazu na pole photo.
  4. Usuniecie: kliknij X na koncu wiersza.
  5. Zapis: kliknij Zapisz po kazdej serii zmian.

Walidacja sal: ID musi byc 1/2/3, a godzina w formacie HH:MM.

📋 CSV Lists (lists_editor.html) - Full Guide

  1. Adding a row: click Add row.
  2. Editing a class: fill in the room (1/2/3), name, time, coach, day, and optionally a photo.
  3. Uploading a photo: drag an image file onto the photo field.
  4. Removing: click X at the end of the row.
  5. Saving: click Save after each batch of changes.

Room validation: the ID must be 1/2/3, and the time in HH:MM format.

🧩 Uklad VIEW (layout_editor.html) - Mega Poradnik

  1. Na gorze wybierz zakladke Poziom (ekran) albo Pion (telefon/tablet) - kazda orientacja ma wlasny, niezalezny uklad kafelkow, zapisywany osobno.
  2. Kliknij kafelek, aby go zaznaczyc.
  3. Przeciagnij kafelek na nowe miejsce lub kliknij docelowe pole planszy.
  4. Zmien szerokosc i wysokosc przyciskami W/H +/- albo polami numerycznymi.
  5. Kliknij Usun zaznaczony, aby przeniesc kafelek do magazynu.
  6. W magazynie kliknij przywracanie, aby dodac kafelek z powrotem.
  7. Zapisz finalny uklad przyciskiem Zapisz uklad.
  8. Przycisk Wczytaj z serwera odtwarza ostatni zapis, a Uklad domyslny resetuje plansze.

🧩 VIEW Layout (layout_editor.html) - Full Guide

  1. At the top, choose the Landscape (display) or Portrait (phone/tablet) tab - each orientation has its own, independent tile layout, saved separately.
  2. Click a tile to select it.
  3. Drag the tile to a new spot, or click the target cell on the board.
  4. Change width and height with the W/H +/- buttons or the numeric fields.
  5. Click Remove selected to move the tile to storage.
  6. In storage, click restore to add the tile back.
  7. Save the final layout with the Save layout button.
  8. The Reload from server button restores the last save, and Default layout resets the board.

🎨 Styl VIEW (style_editor.html) - Mega Poradnik

  1. Ustaw kolory tla i akcentu.
  2. W sekcji czcionek wybierz font globalny i fonty per boks.
  3. Ustaw grubość napisów dla całego widoku. Domyślnie wybrana jest gruba czcionka (700).
  4. W sekcji rozmiaru czcionki ustaw skale dla kazdego boksu osobno.
  5. W sekcji etykiet wpisz swoje nazwy boksow i podpisy pol.
  6. Ustaw parametry paska: kierunek, timing, separator i liczbe powtorzen.
  7. Zapisz przyciskiem Zapisz styl VIEW.

Przycisk Przywroc domyslne (DEF) cofa wszystkie ustawienia UI do wartosci domyslnych.

🎨 VIEW Style (style_editor.html) - Full Guide

  1. Set the background and accent colors.
  2. In the fonts section, choose the global font and per-box fonts.
  3. Set the text weight for the whole view. Bold (700) is selected by default.
  4. In the font size section, set the scale for each box separately.
  5. In the labels section, enter your own box names and field captions.
  6. Set the ticker parameters: direction, timing, separator, and repeat count.
  7. Save with the Save and refresh VIEW button.

The Restore defaults (DEF) button reverts all UI settings to their default values.

🚨 Komunikat Alarmowy (Alert)

Natychmiastowe, pelnoekranowe ogloszenie na ekranie - np. na wypadek awarii, zmiany godzin albo pilnej informacji.

  1. W Zarzadzanie → sekcja Komunikat Alarmowy wpisz tresc i wybierz kolor tla.
  2. Kliknij Aktywuj Alert - komunikat pojawia sie na ekranie natychmiast, bez potrzeby publikacji.
  3. Kliknij Wyłącz, aby zdjac alert z ekranu (rowniez natychmiast).

Znacznik ALERT AKTYWNY przy przycisku pokazuje, ze alert jest aktualnie aktywny na ekranie.

🚨 Alarm Message (Alert)

An instant, full-screen announcement on the screen - e.g. for an emergency, a schedule change, or urgent information.

  1. In Management → the Alarm Message section, type the content and choose a background color.
  2. Click Activate Alert - the message appears on the screen instantly, no publish needed.
  3. Click Turn off to remove the alert from the screen (also instantly).

The ALERT ACTIVE marker next to the button shows the alert is currently active on the screen.

⏱ Kontrola Timera

Widoczne na ekranie odliczanie czasu (np. do przerwy, startu zajec albo konca promocji).

  1. W Zarzadzanie → sekcja Kontrola Timera ustaw minuty i sekundy, kliknij Ustaw czas.
  2. START uruchamia odliczanie, PAUZA wstrzymuje, RESET wraca do ustawionego czasu.
  3. Wszystkie akcje timera dzialaja natychmiast na ekranie, bez klikania Publikuj na ekranie.

Po dojsciu do zera timer moze automatycznie pokazac krotki alert "Czas minal!" na ekranie.

⏱ Timer Control

A countdown visible on the screen (e.g. for a break, the start of a class, or the end of a promotion).

  1. In Management → the Timer Control section, set minutes and seconds, click Set time.
  2. START starts the countdown, PAUSE pauses it, RESET goes back to the set time.
  3. All timer actions work instantly on the screen, without clicking Publish to the screen.

Once it reaches zero, the timer can automatically show a brief "Time's up!" alert on screen.

📣 Pasek Informacyjny (Belt)

Przewijany pasek u dolu ekranu, z do trzech niezaleznych wiadomosci.

  1. W Zarzadzanie → sekcja Pasek informacyjny wpisz tresc w polach Wiadomość 1/2/3 (mozna uzupelnic jedno, dwa albo wszystkie trzy).
  2. Zapisz - pasek aktualizuje sie na ekranie natychmiast, bez publikacji.
  3. Wyczyszczenie pola i ponowny zapis usuwa dana wiadomosc z paska.

Kierunek przewijania, predkosc i separator miedzy wiadomosciami ustawiasz w Styl VIEW (sekcja animacji paska).

📣 Info Ticker (Belt)

A scrolling ticker at the bottom of the screen, with up to three independent messages.

  1. In Management → the Info ticker section, type content into the Message 1/2/3 fields (you can fill in one, two, or all three).
  2. Save - the ticker updates on the screen instantly, no publish needed.
  3. Clearing a field and saving again removes that message from the ticker.

Scroll direction, speed, and the separator between messages are set in VIEW Style (the ticker animation section).

⚖️ Odpowiedzialnosc Za Tresci

Autor aplikacji nie odpowiada za tresci wyswietlane w systemie. Pelna odpowiedzialnosc za komunikaty, multimedia, grafiki, QR kody i dane publikowane na ekranach spoczywa na operatorze lub wlascicielu instalacji.

⚖️ Responsibility For Content

The application's author is not responsible for content displayed in the system. Full responsibility for messages, media, graphics, QR codes and data published on screens rests with the operator or owner of the installation.

👁 Widocznosc Widzetow (Widgets)

Mozesz decydowac, ktore elementy sa widoczne na ekranie VIEW bez zmiany ich ukladu.

  1. W Zarzadzanie znajdz panel widocznosci widzetow.
  2. Zaznacz lub odznacz: Timer, Pogoda, Harmonogram, QR, Galeria.
  3. Kliknij Publikuj na ekranie, zeby zmiana widocznosci trafila na ekran.

Zegar, sale (klasy), trener/recepcja, pasek i player nie maja osobnego przelacznika widocznosci - pokazuja sie automatycznie, gdy maja jakies dane do wyswietlenia, i znikaja same, gdy sa puste/wylaczone.

Jesli widzet jest ukryty, jego miejsce na planszy pozostanie wolne (tlo biale/czarne zaleznie od stylu).

👁 Widget Visibility (Widgets)

You can decide which elements are visible on the VIEW screen without changing their layout.

  1. In Management, find the widget visibility panel.
  2. Check or uncheck: Timer, Weather, Schedule, QR, Gallery.
  3. Click Publish to the screen so the visibility change reaches the screen.

The clock, rooms (classes), coach/reception, ticker, and player don't have a separate visibility toggle - they show up automatically when they have data to display, and disappear on their own when empty/off.

If a widget is hidden, its spot on the board stays empty (white/black background depending on the style).

📱 Zarzadzanie QR Code

  1. W Zarzadzanie wpisz pelny adres URL (np. https://...).
  2. Wpisz opcjonalny podpis pod kodem (np. Skanuj i sprawdz menu).
  3. Kliknij Aktualizuj Kod QR, a nastepnie Publikuj na ekranie.

📱 Managing the QR Code

  1. In Management, enter the full URL (e.g. https://...).
  2. Enter an optional caption under the code (e.g. Scan and check the menu).
  3. Click Update QR Code, then Publish to the screen.

🖼 Zarzadzanie Galeria

  1. W Zarzadzanie wybierz zdjecia z listy dostepnych (wgranych w CSV, Recepcji albo bezposrednio do galerii).
  2. Ustaw Czas slajdu (sekundy) dla zmiany slajdow.
  3. Zapisz i kliknij Publikuj na ekranie.

Galeria wyswietla do 50 wybranych zdjec w petli.

🖼 Managing the Gallery

  1. In Management, choose photos from the available list (uploaded via CSV, Reception, or directly to the gallery).
  2. Set Slide time (seconds) for slide changes.
  3. Save and click Publish to the screen.

The gallery displays up to 50 selected photos on a loop.

👥 Klienci i Monitoring (konta z uprawnieniami)

Linki Klienci i Monitoring w gornym menu prowadza do panelu operatora - to zaawansowane narzedzia dla kont z uprawnieniami administracyjnymi (nie kazde konto Google ma tam pelny dostep).

  • Klienci: zarzadzanie wszystkimi klientami i ich ekranami, plany rozliczeniowe, zapytania cenowe ze strony flawzilla.tv/.com, statystyki uzycia oraz ustawienia bezpieczenstwa (lista kont z dostepem, MFA).
  • Monitoring: stan techniczny wszystkich ekranow, bledy systemu, dziennik zdarzen, powiazane urzadzenia Android i zgloszenia od klientow.

Jesli klikniesz jeden z tych linkow i zobaczysz odmowe dostepu - to oczekiwane dla konta bez uprawnien operatorskich. Zwykła praca z ekranem (dane, uklad, styl) nie wymaga tych paneli.

👥 Clients and Monitoring (privileged accounts)

The Clients and Monitoring links in the top menu lead to the operator panel - these are advanced tools for accounts with administrative permissions (not every Google account has full access there).

  • Clients: managing all clients and their screens, billing plans, price inquiries from the flawzilla.tv/.com website, usage statistics, and security settings (list of accounts with access, MFA).
  • Monitoring: technical status of all screens, system errors, event log, linked Android devices, and reports from clients.

If you click one of these links and see access denied - that's expected for an account without operator permissions. Normal work with a screen (data, layout, style) doesn't need these panels.

🛠 Troubleshooting - Objaw / Przyczyna / Naprawa

Objaw Najczestsza przyczyna Co zrobic
Zmiany widoczne w edytorze, ale nie na ekranie Nie kliknieto Publikuj na ekranie - dane zostaly tylko w szkicu Kliknij Publikuj na ekranie w gornym pasku. Zobacz sekcje Szkic i Publikacja.
Alert/Timer/Pasek "utknal" mimo klikniecia Publikuj na ekranie Te trzy dzialaja natychmiast, niezaleznie od szkicu - problem jest gdzie indziej Sprawdz status danego panelu (komunikat bledu przy przycisku) i polaczenie ekranu, nie szkic/publikacje.
AUTO sali nie dziala Blad w CSV: zly ID sali, zly czas, pusty dzien Popraw dane w Listy CSV, zapisz, wyslij sale z wlaczonym AUTO, potem Publikuj na ekranie.
Nie moge sie zalogowac / "brak dostepu" po zalogowaniu Google Konto Google nie jest na liscie uprawnionych kont Poproś administratora o dodanie Twojego adresu Google do listy uprawnionych (panel Klienci → Bezpieczenstwo) albo o wyslanie zaproszenia.
Nie mam juz dostepu do kodow MFA (zgubiony telefon) Aplikacja uwierzytelniajaca z kodami TOTP jest niedostepna Nie da sie tego zresetowac samemu - poproś inne, juz zalogowane zaufane konto z uprawnieniami o pomoc w ponownym skonfigurowaniu MFA.
Stary link ekranu przestal dzialac Ktos uzyl Nowy link ekranu, co uniewaznia poprzedni token Skopiuj nowy link z panelu Zarzadzanie → Ekran i wklej go ponownie w ustawieniach urzadzenia/aplikacji kioskowej.
Telewizor po wlaczeniu pokazuje wygaszacz/zdjecia zamiast Flawzilli Systemowy wygaszacz ekranu (Daydream) na Android TV aktywowal sie i przejal ekran W ustawieniach systemowych urządzenia wylacz wygaszacz ekranu calkowicie - dedykowany ekran signage nie powinien go nigdy uruchamiac. Patrz sekcja Aplikacja Android (Kiosk odtwarzacza).
Flawzilla nie wraca sama po zaniku i powrocie zasilania Brak wlaczonych uprawnien "ekran glowny"/"wyswietlanie nad innymi" po instalacji W ustawieniach aplikacji kioskowej wlacz USTAW JAKO EKRAN GŁÓWNY i ZEZWÓL NA WYŚWIETLANIE NAD INNYMI, potem zrestartuj urzadzenie raz, zeby to potwierdzic.
AUTO za szybko pokazuje "Sala wolna" Po ostatnich zajeciach dnia minelo juz ponad 60 minut od godziny startu To zachowanie poprawne. Jesli ma zostac dluzej, ustaw pozniejsza godzine ostatnich zajec w CSV.
Zdjecie sie nie dodaje Zly format albo zbyt duzy plik Uzyj jpg/jpeg/png/webp/gif/bmp i sprobuj mniejszy plik.
Nie da sie przesunac kafelka Kafelek nie jest zaznaczony albo pole docelowe jest zajete Zaznacz kafelek i przesun w inne wolne miejsce lub zmniejsz jego rozmiar.
Po usunieciu kafelek zniknal Jest w magazynie usunietych kafelkow Otworz magazyn w edytorze layoutu i przywroc kafelek.
Pasek ma za duze przerwy Zbyt mala liczba powtorzen albo krotki tekst Ustaw wieksze Powtorzenie tekstu na pasku i dluzsza tresc.
Lokalny launcher deweloperski (start.bat/start_mac.command) nie startuje Dotyczy tylko lokalnego trybu testowego na wlasnym komputerze - brak wymaganych narzedzi albo zajety port Sprawdz konsolowy output launchera i log aplikacja/app/server_log.txt. Uruchom ponownie. Normalna praca z prawdziwym ekranem klienta przez edit.flawzilla.com tego nie dotyczy.
Po DEF wszystko wrocilo do domyslnych Tak dziala Przywroc domyslne To oczekiwane. Ustaw ponownie styl i kliknij Zapisz styl VIEW.

Jesli problem nadal wystepuje: zrob zrzut ekranu danego panelu i podaj, w ktorym kroku problem sie pojawia.

🛠 Troubleshooting - Symptom / Cause / Fix

Symptom Most common cause What to do
Changes visible in the editor, but not on the screen Publish to the screen wasn't clicked - the data only stayed in the draft Click Publish to the screen in the top bar. See the Draft and Publish section.
Alert/Timer/Ticker is "stuck" despite clicking Publish to the screen These three work instantly, independent of the draft - the problem is elsewhere Check that panel's status (the error message next to the button) and the screen's connection, not the draft/publish.
Room AUTO isn't working Error in the CSV: wrong room ID, wrong time, empty day Fix the data in CSV Lists, save, send the room with AUTO enabled, then Publish to the screen.
Can't log in / "no access" after signing in with Google The Google account isn't on the allowed accounts list Ask the administrator to add your Google address to the allowed list (Clients → Security panel) or to send an invite.
No longer have access to MFA codes (lost phone) The authenticator app with TOTP codes is unavailable You can't reset this yourself - ask another, already-logged-in trusted account with permissions to help reconfigure MFA.
The old screen link stopped working Someone used New screen link, which invalidates the previous token Copy the new link from the Management panel → Screen and paste it again in the device's settings/kiosk app.
The display shows a screensaver/photos instead of Flawzilla after turning on The Android TV system screensaver (Daydream) activated and took over the screen In the display's system settings, turn off the screensaver completely - a dedicated signage screen should never trigger it. See the Android App (Player Kiosk) section.
Flawzilla doesn't come back by itself after a power loss and restore The "home screen"/"display over other apps" permissions weren't enabled after installation In the kiosk app's settings, enable SET AS HOME SCREEN and ALLOW DISPLAY OVER OTHER APPS, then restart the device once to confirm it.
AUTO shows "Room free" too quickly More than 60 minutes have passed since the start time of the day's last class This is correct behavior. If it should stay longer, set a later last-class time in the CSV.
A photo won't add Wrong format or file too large Use jpg/jpeg/png/webp/gif/bmp and try a smaller file.
Can't move a tile The tile isn't selected, or the target cell is occupied Select the tile and move it to another free spot, or shrink its size.
A tile disappeared after removing it It's in the removed-tile storage Open storage in the layout editor and restore the tile.
The ticker has too-large gaps Too few repeats, or short text Set a higher Ticker text repeat count and longer content.
The local developer launcher (start.bat/start_mac.command) won't start Only applies to local test mode on your own computer - missing required tools, or the port is busy Check the launcher's console output and the aplikacja/app/server_log.txt log. Restart it. Normal work with a real customer screen via edit.flawzilla.com is unaffected.
After DEF, everything reverted to defaults That's how Restore defaults works This is expected. Set the style again and click Save and refresh VIEW.

If the problem persists: take a screenshot of that panel and note at which step the problem appears.