KWALIFIKACJA PGF4 - WRZESIEŃ 2015

PYTANIE NR 37.
Projekt multimedialny w postaci animacji interaktywnej w celu opublikowania w Internecie w standardzie HTML5 można zapisać jako: A) MP4, B) WebM, C) HTML+JS+CSS, D) AVI
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Interaktywna animacja w standardzie HTML5 jest publikowana jako zasoby WWW: dokument HTML, arkusze stylów i skrypty, które uruchamia przeglądarka. MP4, WebM i AVI to kontenery wideo do odtwarzania filmu, a nie komplet plików budujących interaktywną treść strony.

Pełne wyjaśnienie:

W przypadku animacji interaktywnej publikowanej w Internecie w standardzie HTML5 nie chodzi o "film do odtworzenia", tylko o treść, z którą użytkownik może wchodzić w interakcję (np. przyciski, reakcje na kliknięcie, elementy sterowane zdarzeniami). Taka publikacja ma postać zestawu plików używanych przez przeglądarkę: struktury (HTML), wyglądu (CSS) oraz logiki/animacji (skrypty).

Dlatego poprawna jest odpowiedź "HTML+JS+CSS" — oznacza ona komplet technologii i plików typowych dla nowoczesnej publikacji webowej.

Pozostałe odpowiedzi dotyczą formatów wideo, które sprawdzają się wtedy, gdy odbiorca ma jedynie odtworzyć materiał:

  • "MP4" — popularny kontener wideo, dobry do filmu na stronie, ale sam w sobie nie tworzy interaktywnej aplikacji/animacji sterowanej zdarzeniami.
  • "WebM" — również kontener wideo wykorzystywany w sieci; analogicznie służy do odtwarzania filmu, a nie do budowy interaktywnych elementów strony.
  • "AVI" — starszy kontener multimedialny, typowy raczej dla plików lokalnych; nie jest standardem publikacji interaktywnej treści HTML5.

Wskazówka egzaminacyjna: gdy w pytaniu pojawia się "interaktywna" oraz "HTML5", myśl o publikacji jako o stronie/aplikacji WWW (HTML + style + skrypty), a nie o eksporcie do jednego pliku wideo.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Oznacza komplet plików tworzących treść WWW: HTML (struktura), CSS (wygląd) i skrypty (logika oraz animacja). Przeglądarka ładuje te zasoby i dzięki nim animacja może reagować na działania użytkownika, np. kliknięcia.
MP4 jest kontenerem wideo przeznaczonym do odtwarzania filmu. Film może zawierać ruch, ale nie zapewnia typowej interakcji aplikacji WWW (obsługi zdarzeń, dynamicznej zmiany elementów strony). Interaktywność realizuje się przez HTML, CSS i skrypty.
Najczęściej spotkasz: plik .html, arkusz stylów .css, plik skryptu (np. .js), a także zasoby: obrazy (np. PNG/JPEG), dźwięk, wideo. To zestaw plików, a nie jeden "format eksportu".
WebM wybiera się, gdy celem jest publikacja filmu do odtwarzania (np. tło wideo, materiał instruktażowy). Jeśli projekt ma być interaktywny (np. animacja reagująca na kliknięcia), wtedy właściwsza jest publikacja jako HTML + style + skrypty.
Interaktywność to zdolność projektu do reagowania na użytkownika i środowisko: kliknięcia, dotyk, ruch myszy, klawiaturę, czas czy dane. W praktyce realizuje się to poprzez skrypty i mechanizmy przeglądarki (np. elementy DOM lub <canvas>), a nie przez sam plik wideo.
AVI to starszy kontener, typowy dla plików lokalnych. W sieci częściej stosuje się formaty lepiej wspierane i zoptymalizowane do streamingu oraz osadzania na stronach (np. MP4 lub WebM). Dla interaktywności i tak potrzebujesz HTML, stylów i skryptów.
Zwróć uwagę na słowa kluczowe: "interaktywny", "reaguje", "kliknięcia", "aplikacja WWW", "HTML5" sugerują zestaw plików HTML/CSS/skryptów. Słowa "film", "odtwarzanie", "wideo" kierują w stronę MP4/WebM/AVI.
Przeglądarka pobiera plik HTML, następnie dołącza arkusze stylów i skrypty oraz ładuje zasoby (grafiki, fonty, audio, wideo). Skrypty wykonują logikę, a style nadają wygląd. Dzięki temu użytkownik widzi animację i może z nią wchodzić w interakcję.
Nie zawsze. Animacje mogą być realizowane na różne sposoby: przez animacje CSS, przez manipulację elementami HTML w czasie, albo przez rysowanie w <canvas>. Wspólny mianownik to publikacja jako pliki WWW (HTML, style i skrypty), a nie jako sam plik wideo.
Utrwal różnice między: formatami wideo (MP4, WebM), formatami grafiki (PNG/JPEG) oraz publikacją webową (HTML + style + skrypty). Ćwicz rozpoznawanie, czy zadanie dotyczy interakcji, czy tylko odtwarzania materiału.
info

Statystycznie 43% uczniów zna prawidłową odpowiedź. trudne

Eksperci podkreślają: "Interaktywna animacja w standardzie HTML5 jest publikowana jako zasoby WWW: dokument HTML, arkusze stylów i skrypty, które uruchamia przeglądarka."

Źródła:

  • Adobe: "Koniec cyklu życia programu Adobe Flash Player" (informacja o zakończeniu wsparcia 31.12.2020 i blokadzie od 12.01.2021), https://www.adobe.com/pl/products/flashplayer/end-of-life-alternative.html (dostęp: 27.02.2026)
  • MDN Web Docs: "HTML: HyperText Markup Language" (wprowadzenie do HTML jako języka tworzenia stron WWW), https://developer.mozilla.org/en-US/docs/Web/HTML (dostęp: 27.02.2026)
  • Rozporządzenie w sprawie podstawy programowej kształcenia w zawodach szkolnictwa branżowego (podstawa dla zawodu technik fotografii i multimediów), Dz.U. 2019 poz. 991

Materiały:

  • Dokumentacja MDN Web Docs: przewodniki o HTML, CSS i podstawach aplikacji WWW
  • Materiał Adobe o zakończeniu wsparcia Flash i rekomendowanych technologiach alternatywnych
  • Podstawa programowa (Dz.U. 2019 poz. 991) w części dotyczącej publikacji projektów multimedialnych

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego