Realizacja: Aplikacja tablicy wyników MOSiR Bochnia - piłka ręczna

Realizacje

Strony internetowe

Realizacja: Aplikacja tablicy wyników MOSiR Bochnia - piłka ręczna

zdjęcie autora posta - Marek Gondek

Marek Gondek

08.05.2025

4 min czytania

Stworzyliśmy dedykowaną aplikację desktopową do obsługi transmisji meczów II ligi i rozgrywek młodzieżowych piłki ręcznej dla MOSiR Bochnia. Program działa w osobnym oknie, a dzięki wbudowanemu trybowi green screen może być przechwytywany na żywo przez OBS, co gwarantuje profesjonalny wygląd transmisji.

Technologie

  • JavaScript + Electron - framework do tworzenia desktopowych aplikacji cross-platform.

  • Tailwind CSS - szybkie i elastyczne tworzenie responsywnego interfejsu.

Kluczowe funkcjonalności

  • Ustawienia meczu- konfiguracja nazw drużyn A i B, czasu trwania połowy, kar oraz początkowego wyniku.

  • Zmiana kolorów- możliwość dostosowania kolorów tła i tekstu dla górnego panelu (tytuł, drużyny) i dolnego (czas).

  • Dodawanie zawodników- możliwość dodawania zawodników do drużyn A i B z imieniem, nazwiskiem oraz numerem w celu wyświetlania i zliczania kar.

  • Dodawanie akcji i kar- wpisanie kary (żółta, 2 min, czerwona, niebieska, 2+2). System automatycznie zlicza kary - przy trzeciej karze 2 min wyświetli komunikat „3. kara 2 min” i czerwoną kartkę.

  • Live control- zatrzymywanie/wznawianie czasu, modyfikacja wyniku poprzez kliknięcie po odpowiedniej stronie, dodawanie kar 2 min bez listy zawodników (klikając nazwę zespołu), usuwanie kar poprzez kliknięcie „×”. - Automatyczne zatrzymanie zegara po zakończeniu połowy.

  • Animacje - płynne animacje przy zdobyciu bramki, czy pojawieniu się komunikatu o karze zwiększają atrakcyjność wizualną aplikacji dla widzów.

Plany rozwoju aplikacji

  • Intuicyjne dodawanie zawodników - szybkie wyszukiwanie i zarządzanie listą graczy.

  • Oddzielne panele ustawień - przeniesienie konfiguracji, akcji i kolorów do osobnego okna z komunikacją między nimi, by zminimalizować błędy green screena.

  • Gotowe motywy graficzne - zestaw predefiniowanych designów do szybkiej zmiany wyglądu aplikacji.

  • Personalizacja układu - możliwość przesuwania paneli i komunikatów w oknie głównym za pomocą ustawień.

Wsparcie lokalnej drużyny

Aplikacja została przekazana MOSiR Bochnia bez pobierania opłaty - to nasz wkład w rozwój lokalnej piłki ręcznej i wsparcie młodych sportowców. Cieszymy się, że mogliśmy pomóc i dostarczyć narzędzie, które podnosi jakość transmisji meczów w II lidze i rozgrywek juniorskich.

Zdjęcia

Desktopowa aplikacja tablicy wyników MOSiR Bochnia - overlay z wynikiem meczu i przyciskami sterowania.Tablica wyników MOSiR Bochnia - pokazanie głównego okna aplikacji z wynikami oraz karami 2min.Tablica wyników MOSiR Bochnia - pokazanie sekcji ustawień meczu z możliwością edytowania nazw drużyn, czasu meczu, kar oraz wyniku.Tablica wyników MOSiR Bochnia - pokazanie sekcji akcji z możliwością dodania zawodników oraz wyświetlania komunikatów o karach.Tablica wyników MOSiR Bochnia - pokazanie działania sekcji akcji dając czerwoną kartkę.Tablica wyników MOSiR Bochnia - pierwsza kara 2minTablica wyników MOSiR Bochnia - zółta kartka.Tablica wyników MOSiR Bochnia - trzecia kara 2min i czerwona kartka.Tablica wyników MOSiR Bochnia - niebieska kartka.

Skontaktuj się z nami

I przestań tracić pieniądze, zdobywając klientów konkurencji.

Wybrane posty