Prezentacja modułu  ·  nr 3

Realizacje / Galeria

Moduł „Realizacje / Galeria” w czterech formach: statyczne zrzuty panelu i strony, krótkie animacje pojedynczych czynności, film prowadzący przez całość oraz prezentacja interaktywna, po której klikasz samodzielnie.

Forma 1 z 4

Zrzuty ekranu

Statyczne widoki panelu i strony — najszybszy sposób, żeby sprawdzić, czy moduł wygląda tak, jak sobie wyobrażasz. Każdy zrzut pochodzi z działającego wdrożenia, nie z makiety.

Dodawanie realizacji lub albumu

Wgrywasz zdjęcia, piszesz krótki opis, wybierasz kategorię. Pozycja pojawia się w portfolio/galerii.

Jak to wygląda

Siatka miniatur z filtrem + osobna podstrona z pełną galerią każdej pozycji.

Co robi odwiedzający

Przegląda portfolio i albumy, filtruje po typie, ogląda zdjęcia w powiększeniu.

Aktualizacja

Dodajesz nowe realizacje i albumy, usuwasz nieaktualne samodzielnie, bez pomocy programisty.

Widok na telefonie

Ten sam moduł na małym ekranie — układ, kolejność sekcji i wielkość elementów dopasowane do obsługi palcem.

W1 — Pełny kontekst i kategorie tematyczne

Dodatkowe pola (lokalizacja, data, zakres prac) dla realizacji + grupowanie albumów tematycznie

Forma 2 z 4

Krótkie animacje

Pojedyncze czynności pokazane w ruchu, po kilkanaście–kilkadziesiąt sekund każda. Odtwarzają się w pętli, bez dźwięku — możesz je obejrzeć w biegu, bez słuchawek.

Dodawanie realizacji lub albumu 0:40

Cała czynność w jednym ujęciu — od pustego formularza do gotowego efektu widocznego na stronie.

Ścieżka odwiedzającego 0:25

Przegląda portfolio i albumy, filtruje po typie, ogląda zdjęcia w powiększeniu.

Aktualizacja w locie 0:18

Poprawka w panelu i natychmiastowy efekt na stronie — bez czekania na programistę.

Forma 3 z 4

Film

Realizacje / Galeria od A do Z 4:10

Pełne przejście przez moduł: konfiguracja, praca na treści od strony panelu, widok, który dostaje odwiedzający, oraz to, co dokłada pierwszy wariant rozwoju.

Rozdziały

  1. 00:00Co dostajesz w wersji podstawowej
  2. 00:38Dodawanie realizacji lub albumu
  3. 01:16Jak to wygląda
  4. 01:55Co robi odwiedzający
  5. 02:33Aktualizacja
  6. 03:12Wariant W1 — Pełny kontekst i kategorie tematyczne

Forma 4 z 4

Prezentacja interaktywna

Prezentacja H5P osadzona przez moduł Drupala — klikasz po zrzutach panelu i strony, rozwijasz podpowiedzi przy poszczególnych polach i sam decydujesz, w jakiej kolejności przechodzisz przez materiał. Działa w przeglądarce, bez instalowania czegokolwiek.

Wykorzystane typy treści H5P

  • Course Presentation

    Slajdy z panelu i strony, po których poruszasz się we własnym tempie.

  • Image Hotspots

    Punkty na zrzucie ekranu — kliknięcie wyjaśnia, do czego służy dane pole.

  • Interactive Video

    Film z pytaniami i odnośnikami pojawiającymi się w kluczowych momentach.

Obejrzane. Co dalej?

Prezentacja pokazuje moduł na naszym przykładzie. Jeśli chcesz sprawdzić go na własnych produktach — udostępniamy piaskownicę z dostępem do panelu.

Na górę