Spis treści

1. Struktura e‑materiału1Struktura e‑materiału

   • Wprowadzenie2Wprowadzenie

   • Materiały multimedialne: wizualizacja 3D i grafika interaktywna3Materiały multimedialne: wizualizacja 3D i grafika interaktywna

   • Obudowa dydaktyczna: interaktywne materiały sprawdzające, słownik pojęć dla e‑materiału, przewodnik dla nauczyciela, przewodnik dla uczącego się, netografia i bibliografia4Obudowa dydaktyczna: interaktywne materiały sprawdzające, słownik pojęć dla e‑materiału, przewodnik dla nauczyciela, przewodnik dla uczącego się, netografia i bibliografia

2. Problemy techniczne z odtwarzaniem e‑materiałów5Problemy techniczne z odtwarzaniem e‑materiałów

3. Wymagania techniczne6Wymagania techniczne

1. Struktura e‑materiału

Każda strona e‑materiału posiada na górze baner z informacją o nazwie zasobu oraz zawodach, dla których jest on przeznaczony. Nad banerem umiejscowiony jest przycisk „Poprzednia strona” wraz z tytułem poprzedniego zasobu tego e‑materiału.

R1FCd6LULzIsm

Przykład przycisku nawigującego do poprzedniej strony. Na górze znajduje się napis: POPRZEDNIA STRONA. Pod napisem widoczna jest długa linia, a pod nią napis: netografia i bibliografia.

Na dole strony znajduje się przycisk „Następna strona” z tytułem kolejnego zasobu. Te przyciski umożliwiają przeglądanie całego e‑materiału.

R4Jm6mVTYEJdS

Przykład przycisku nawigującego do następnej strony. Na górze znajduje się napis: NASTĘPNA STRONA. Pod napisem widoczna jest długa linia, a pod nią napis: instrukcja użytkowania.

Pod każdym materiałem multimedialnym znajduje się przycisk z powiązanymi ćwiczeniami/powiązanym ćwiczeniem. Aby przejść do takiego ćwiczenia, należy kliknąć dymek z nazwą kategorii i rodzajem ćwiczenia. Otworzy się wtedy osobna karta w przeglądarce z ćwiczeniem lub ćwiczeniami.

RJC4FzPASq5iJ

Ilustracja przedstawia widok przykładowego przycisku ćwiczeń powiązanego z danym multimedium. Przycisk ma formę prostokątnego panelu. Panel posiada numer oraz tytuł, który nawiązuje do zawartego w nim zadania.

W prawej górnej części ekranu znajduje się pasek menu, w którym zebrane są przyciski dostosowujące e‑materiał do odbiorców ze specjalnymi potrzebami. Dwa pierwsze przyciski z literą A i strzałką w górę lub w dół służą odpowiednio do powiększenia lub pomniejszenia wielkości czcionki. Cztery przyciski z literą A wpisaną w kwadraty służą do wyłączenia/włączenia trybu wysokiego kontrastu w trzech wariantach: czarno‑białym, żółto‑czarnym i czarno‑żółtym. Ikona człowieka przełącza e‑materiał do trybu dostępności.

REMWp6VNnmu4j

Widok panelu umożliwiającego dostosowanie e‑materiału do odbiorców ze specjalnymi potrzebami. Od lewej. Czarna litera „A” ze strzałką w dół. Czarna litera „A” ze strzałką w górę. Czarna litera „A” w białym kwadracie. Biała litera „A” w czarnym kwadracie. Czarna litera „A” w żółtym kwadracie. Żółta litera „A” w czarnym kwadracie. Na końcu ikonka człowieka z rozłożonymi na boki ramionami.

W trybie dostępności wszystkie elementy graficzne zastępowane są opisami alternatywnymi, które mogą być odczytywane przez generator mowy. Również ćwiczenia wykorzystujące grafiki zastępowane są ćwiczeniami alternatywnymi.

Wszystkie elementy e‑materiału, czyli tekst, opisy alternatywne, przyciski nawigacyjne i funkcyjne, elementy dokumentacji, linki i odnośniki,  można odczytać za pomocą czytnika ekranu. Funkcjonalność ta działa zarówno w trybie dostępności, jak i w standardowym widoku.

Powrót do spisu treści7Powrót do spisu treści

Wprowadzenie

WprowadzenieDMmpRmRc0Wprowadzenie przedstawia ogólną informację, dla jakiej kwalifikacji i dla jakiego zawodu przeznaczony jest e‑materiał. Zawiera również spis treści, dzięki któremu można przejść do konkretnego materiału poprzez kliknięcie na ikonę.

RxrjEmww87qXg

Grafika przedstawia dwa kafelki ze spisu treści. Są umiejscowione obok siebie. Pierwszy od lewej: Zdjęcie okładkowe, poniżej napis: Zabezpieczenia drzwi urządzeń dźwigowych. Niżej napis: Wizualizacje 3D. Drugi: zdjęcie okładkowe, poniżej tytuł: Budowa i działanie zabezpieczeń drzwi urządzeń dźwigowych. Niżej: Grafika interaktywna.

Powrót do spisu treści7Powrót do spisu treści

Materiały multimedialne

W ich skład wchodzą: wizualizacja 3D i grafika interaktywna.

Wizualizacja 3D „Zabezpieczenia drzwi urządzeń dźwigowych”

Wizualizacja 3DDKsV8WQh0Wizualizacja 3D przedstawia działanie zabezpieczeń drzwi dźwigu osobowego przed niepożądanym otwarciem poza strefą odryglowania, z wykorzystaniem grafiki 3D.

W pierwszej kolejności uczeń wybiera ze spisu treści model, który wyświetli się w trybie prezentacji. Spis modeli znajduje się pod panelem „Pokaż modele”.

R1CbWJSFJqvXs

Ilustracja przedstawia menu wyboru modeli. Opatrzone tytułami miniatury modeli, ułożone są w dwóch pionowych rzędach.

Po wybraniu modelu otwiera się wizualizacja.

RRUhYRRDzKtBQ

Na ilustracji znajduje się przykładowa strona wizualizacji trzy de. Grafika przedstawia model zamku bezpieczeństwa drzwi wychylnych ka trzy sześć zero jeden. W lewym górnym rogu widoczne są znaczniki położone obok siebie.. Pierwszy to kółko z białym obramowaniem i czarnym wypełnieniem. W środku widoczny jest symbol przekreślonej kamery. Kolejny przedstawia ikonę odtwarzania filmu. Ikona składa się z trójkąta wpisanego w okrąg. Wierzchołek trójkąta wskazuje w prawo. Obok ikony trójkąta znajduje się ikona z numerem jeden.

Wizualizacje oparte są na modelach, które zawierają cyfry odnoszące ucznia do szczegółowych treści. Po kliknięciu w wybrany znacznik na panelu bocznym pokaże się dodatkowa treść oraz pasek odtwarzania z nagraniem o treści tożsamej.

RXLdewJxoupq9

Przykładowy wygląd zakładki wizualizacji. Widoczny jest model zamku bezpieczeństwa drzwi wychylnych ka trzy sześć zero jeden. Na modelu, na zamku drzwi, znajduje się znacznik o numerze jeden. Po prawej stronie na panelu bocznym znajduje się rozwinięta informacja na temat zamku elektromagnetycznego, powyżej pasek odtwarzania z treścią tożsamą.

W lewym górnym rogu znajduje się menu, dzięki któremu resetujemy przybliżenie wizualizacji, możemy zatrzymać dane zbliżenie oraz wybrać znacznik kryjący szczegółowe informacje.

Rd4FpOBPusbR3

Grafika przedstawia kółko z białym obramowaniem i czarnym wypełnieniem. W środku widoczny jest symbol białej przekreślonej kamery. Znacznik resetuje kamerę.

Ramc09dEpAEdx

Grafika przedstawia kółko z białym obramowaniem i czarnym wypełnieniem. W środku widoczny jest biały ośmiokąt z dwiema czarnymi pionowymi kreskami obok siebie. Kliknięcie w przycisk zatrzymuje kamerę.

RKuqUxNViRHjW

Grafika przedstawia pasek służący do przełączania kolejnych elementów modelu. Składa się z okrągłych znaczników. Jest ich dziesięć. Pierwszy to kółko z białym obramowaniem i czarnym wypełnieniem. W środku widoczny jest symbol białej przekreślonej kamery. Drugi to kółko z białym obramowaniem i czarnym wypełnieniem. W środku widoczny jest biały ośmiokąt z dwiema czarnymi pionowymi kreskami obok siebie. Następnie znajduje się osiem ponumerowanych kolejno kółek. Kółka służą do przełączania kolejnych elementów modelu.

Powrót do spisu treści7Powrót do spisu treści

Grafika interaktywna „Budowa i działanie zabezpieczeń drzwi urządzeń dźwigowych”

Grafika interaktywnaDmomJ4OXGGrafika interaktywna przedstawia budowę i działanie krzywki ryglującej drzwi dźwigu osobowego.

Multimedium podzielone jest na części, między którymi można przemieszczać się za pomocą spisu treści widocznego poniżej.

RbcZSv77RI5ni

Na grafice znajduje się spis treści składający się z czterech punktów, nawigujących do konkretnych treści.

R1858foF4T4wL

Ilustracja przedstawia przykładowy wygląd grafiki interaktywnej, która znajduje się w tym e‑materiale. Grafika dotyczy budowy i zasad działania zamka bezpieczeństwa drzwi przystankowych automatycznych w dźwigu osobowym. Na planszy widnieją okrągłe białe znaczniki z czarną cyfrą w środku.

Po kliknięciu w dany punktor wyświetli się panel z paskiem odtwarzania z tekstem tożsamym z tym ujętym poniżej.

RZMyPJDxDX4mX

Ilustracja przedstawia wyświetlony jeden z opisów, ukrytych pod znacznikami, zawartych w grafice interaktywnej. Na planszy widać pasek odtwarza z treścią tożsamą z tekstem wyświetlonym poniżej. Grafika główna jest nieco przybliżona. W górnym lewym rogu grafiki interaktywnej widać numery wszystkich znaczników obok siebie. Jest ich siedem. Pierwszy znacznik nie posiada numeru. Przedstawia symbol przekreślonego oka.

Po kliknięciu na znacznik dowolnego opisu w górnym lewym rogu planszy interaktywnej wyświetlą się pozostałe, oznaczone cyframi. Dzięki nim w prosty sposób można przejść do innych opisów. Przed znacznikami z cyframi, w górnym lewym rogu planszy interaktywnej, znajduje się poniższa ikona:

RiEW7HuBELTkZ

Zdjęcie przedstawia wygląd znacznika, umożliwiająca włączanie i wyłączanie widoku innych znaczników. Jest to symbol przekreślonego oka.

Umożliwia ona ukrycie punktów ze znacznikami lub ich wyświetlenie, gdy są wyłączone.

Powrót do spisu treści7Powrót do spisu treści

Obudowa dydaktyczna

W jej skład wchodzą interaktywne materiały sprawdzające, słownik pojęć dla e‑materiału, przewodnik dla nauczyciela, przewodnik dla uczącego się, netografia i bibliografia.

Interaktywne materiały sprawdzające

Interaktywne materiały sprawdzająceD18m1kRp7Interaktywne materiały sprawdzające zawierają pytania w formie testowej, dzięki którym uczeń może sprawdzić stan swojej wiedzy. Pytania zawierają polecenia, z których wynika, w jaki sposób należy udzielić odpowiedzi (np. zaznaczyć, wpisać, dopasować). Po udzieleniu odpowiedzi wyświetla się informacja, czy była ona prawidłowa, czy nieprawidłowa.

Każde zadanie znajduje się w osobnej zakładce:

R1J7P7354aklT

Grafika przedstawia zakładki, ułożone jedna pod drugą, zawierające interaktywne materiały sprawdzające. Każda z zakładek opatrzona jest tytułem, numerem oraz sześciokątem oznaczającym poziom trudności ćwiczenia.

Po kliknięciu na dany temat, zakładka rozwinie się i wyświetli się zadanie.

Ry9RyS8MS4Q9m

Ilustracja przedstawia przykładowy widok otwartej zakładki z zadaniem. Pod nazwą zakładki znajduje się polecenie. Pod poleceniem widać tekst z lukami, które należy uzupełnić przeciągając elementy znajdujące się poniżej. Po prawej stronie polecenia sześciokąt określający poziom ćwiczenia. Na dole panelu znajduje się przycisk z napisem sprawdź. Obok znajduje się rysunek gumki. Poniżej od przycisku sprawdź widoczny jest napis: Pokaż odpowiedź.

Po zaznaczeniu danej odpowiedzi można kliknąć przycisk „Sprawdź”. Nad poleceniem wyświetli się informacja zwrotna, czy zadanie zostało poprawnie wykonane. W przypadku niepoprawnej odpowiedzi w informacji zwrotnej będzie zawarty tytuł multimedium, na podstawie którego można uzupełnić wiedzę, aby prawidłowo rozwiązać zadanie. Po lewej stronie przycisku „Sprawdź” znajduje się symbol gumki. Klikając na niego, czyści się zaznaczone odpowiedzi, a zadanie wraca do formy wyjściowej. Poniżej przycisku „Sprawdź” widnieje napis „Pokaż odpowiedź”. Umożliwia on poznanie prawidłowego rozwiązania zadania. Po prawej stronie polecenia, w górnym prawym rogu zadania, znajduje się kolorowa ikonka. Jej kolor informuje o poziomie trudności zadania: zielony kolor to zadanie łatwe, żółty – średni, czerwony – trudny.

Niektóre zadania mają formę testu. Są to pytania jednokrotnego i wielokrotnego wyboru. Panel testu różni się od panelu zwykłego zadania. Zawiera on tytuł testu, liczbę pytań, czas, w którym należy rozwiązać test, oraz ostatni wynik. Przycisk „Uruchom” rozpoczyna test.

RprUKrun2aDJq

Grafika przedstawia przykładowy wygląd panelu testu. Składa się on z tytułu testu: "Zasada działania zamka bezpieczeństwa drzwi urządzeń dźwigowych", informacji o liczbie pytań, czasie, w którym należy rozwiązać test, oraz o ostatnim uzyskanym wyniku. Poniżej widać przycisk "Uruchom".

Panel pytania testowego składa się z numeru pytania, licznika czasu, który odmierza pozostały czas, oraz ostatniego uzyskanego wyniku. Poniżej znajduje się pytanie z odpowiedziami do wyboru. Po zaznaczeniu odpowiedzi należy kliknąć przycisk „Sprawdź”. W zależności od poprawności odpowiedzi wyświetli on pozytywną lub negatywną informację zwrotną. Żeby przejść do kolejnego pytania, należy kliknąć przycisk „Dalej”.

R1eSPV2XCSr34

Grafika przedstawia przykładowe zadanie testowe. Ponad poleceniem widać numer pytania, czas, który pozostał na wypełnianie testu, oraz ostatni uzyskany wynik. Pod poleceniem znajdują się możliwe odpowiedzi. W prawym dolnym rogu panelu z zadaniem znajdują się dwa przyciski. Są to "Sprawdź" oraz "Dalej".

Słownik pojęć dla e‑materiału

Słownik pojęćD1EOMLB5gSłownik pojęć umożliwia zapoznanie się ze słowami kluczowymi i ich definicjami dotyczącymi e‑materiału. Ponad pojęciami znajduje się wyszukiwarka pojęć. Należy wpisać w prostokątne pole określoną literę, a pojęcia zostaną przefiltrowane. Umożliwia to użytkownikowi znalezienie interesującego go zagadnienia. Pod każdą definicją znajdują się linki do materiałów multimedialnych, w których zostało użyte dane pojęcie.

W górnej części słownika znajduje się instrukcja korzystania ze słownika oraz pole do filtracji pojęć. Aby odnaleźć jakieś pojęcie, należy je wpisać w polu filtracji. Po wpisaniu widoczne będzie tylko to pojęcie wraz z definicją. Aby wrócić do listy wszystkich pojęć, należy kliknąć krzyżyk w prawej części pola filtracji.

RH1YK9wG0xTwo

Grafika przedstawia widok na górną część słownika. Na górze znajduje się panel z otwartą instrukcją. Poniżej widoczny jest prostokątny panel filtruj pojęcie i znak iks. Na dole znajduje się hasło wraz z definicją.

Przewodnik dla nauczyciela

Przewodnik dla nauczycielaDdlZH5FxMPrzewodnik dla nauczyciela zawiera szczegółowe informacje o celach i efektach kształcenia, które zapewnić ma e‑materiał. Zamieszczono w nim informacje o strukturze e‑materiału i powiązaniach pomiędzy jego elementami, a także wskazówki, jak wykorzystać go w pracy dydaktycznej. Można tam też znaleźć spis wymagań technicznych niezbędnych do pracy z e‑materiałem. Na górze przewodnika znajduje się spis treści, który umożliwia przejście do konkretnego fragmentu tekstu. W strukturze e‑materiału opisywane multimedia posiadają aktywne linki. Klikając na nie, można przejść do strony z danym multimedium.

Przewodnik dla uczącego się

Przewodnik dla uczącego sięD1Hua1OOHPrzewodnik dla uczącego się przedstawia strukturę e‑materiału oraz zawiera instrukcję, jak korzystać z materiałów w procesie samokształcenia. Można tam też znaleźć spis minimalnych wymagań technicznych umożliwiających korzystanie z e‑materiału. Na górze przewodnika znajduje się spis treści, który umożliwia przejście do konkretnego fragmentu tekstu. W strukturze e‑materiału opisywane multimedia posiadają aktywne linki. Klikając na nie, można przejść do strony z danym multimedium.

Netografia i bibliografia

Netografia i bibliografiaDb1ZDbftcNetografia i bibliografia zawiera spis linków i pozycji bibliograficznych, na podstawie których tworzone były zasoby zawarte w e‑materiale.

Powrót do spisu treści7Powrót do spisu treści

2. Problemy techniczne z odtwarzaniem e‑materiałów

W przypadku problemów z wyświetlaniem się elementów w e‑materiale należy upewnić się, że urządzenie (komputer, laptop, smartfon itp.) ma dostęp do sieci internetowej. Czasami zbyt wolne łącze internetowe może spowodować wolne ładowanie się stron, szczególnie w przypadkach, gdy znajdują się na nich multimedia takie jak film, wizualizacje 3D lub animacje 3D. W takiej sytuacji zalecane jest sprawdzenie, co może spowalniać internet. Najczęściej jest to otwarcie zbyt wielu zakładek w przeglądarce internetowej, przeciążenie systemu (zbyt wiele otwartych aplikacji).

Jeżeli użytkownik korzysta z internetu mobilnego, słaba jakość połączenia może być spowodowana wyczerpaniem się danych pakietowych w ofercie.

Powrót do spisu treści7Powrót do spisu treści

3. Wymagania techniczne

Wymagania sprzętowe niezbędne do korzystania z poradnika oraz innych materiałów platformy www.zpe.gov.pl.

System operacyjny:

• Windows 7 lub nowszy (przy czym Windows 7 nie jest już wspierany przez Microsoft);

• OS X $\mathrm{10.11.6}$ lub nowszy;

• GNU/Linux z jądrem w wersji $4.0$ lub nowszej 3GB RAM.

Przeglądarka internetowa we wskazanej wersji lub nowszej:

• Chrome w wersji $\mathrm{69.0.3497.100}$;

• Firefox w wersji $\mathrm{62.0.2}$;

• Safari w wersji $11.1$;

• Opera w wersji $\mathrm{55.0.2994.44}$;

• Microsoft Edge w wersji $\mathrm{42.17134.1.0}$;

• Internet Explorer w wersji $\mathrm{11.0.9600.18124}$.

Urządzenia mobilne:

• 2GB RAM iPhone/iPad z systemem iOS 11 lub nowszym;

• Tablet/Smartphone z systemem Android $4.1$ (lub nowszym) z przeglądarką kompatybilną z Chromium 69 (lub nowszym) np. Chrome 69, Samsung Browser $10.1$, szerokość co najmniej 420 px.

Powrót do spisu treści7Powrót do spisu treści