Spis treści

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

   • Wprowadzenie2Wprowadzenie

   • Materiały multimedialne: atlas interaktywny, galeria zdjęć i infografika3Materiały multimedialne: atlas interaktywny, galeria zdjęć i infografika

   • 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.

RzvLhUPSpG9g3

Widok przykładowego przycisku ćwiczeń powiązanych z danym multimedium. Składają się one z prostokątnych paneli umieszczonych jeden pod drugim. Każdy 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

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

RTuQzSBIc9qkg

Grafika przedstawia dwa kafelki ze spisu treści. Są umiejscowione obok siebie. Pierwszy od lewej przedstawia plan rozmieszczenia instalacji elektroenergetycznych, poniżej napis: Typy instalacji elektrycznych, elektroenergetycznych wraz z ich zabezpieczeniami. Niżej nazwa multimedium: Atlas interaktywny. Drugi: zdjęcie okładkowe przedstawiające mężczyznę łączącego przewody, poniżej tytuł: Energetyczne złącza kablowe. Niżej nazwa multimedium: Galeria zdjęć.

Materiały multimedialne

W ich skład wchodzą: atlas interaktywny, galeria zdjęć i infografika.

Atlas interaktywny „Typy instalacji elektrycznych, elektroenergetycznych wraz z ich zabezpieczeniami”

Atlas interaktywnyDiaVr1edaAtlas interaktywny zawiera klasyfikację i budowę przewodów i kabli elektrycznych wraz z ich oznaczeniami, przeznaczenie i zastosowanie przewodów i kabli do celów instalacji wewnątrz budynków, pomieszczeń specjalnych, instalacji napowietrznych i gruntowych, klasyfikację, działanie, wymagania i oznaczenia zabezpieczeń elektrycznych w tym zabezpieczeń zwarciowych, przeciwprzepięciowych, przeciw asymetrii, różnicoprądowych i przeciążeniowych.

Atlas podzielony jest na dwie części. Posiada spis treści, dzięki któremu możemy łatwo przejść do interesującego nas katalogu.

Re4fF6Hak0QOp

Widok na spis treści.

Ekran atlasu interaktywnego wygląda jak na zdjęciu poniżej:

R229TwYCFR8ba

Ilustracja przedstawia widok atlasu interaktywnego. Po lewej stronie znajduje się spis treści składający się z licznych zakładek. Na środku wyświetlona jest grafika pierwszej zakładki. Grafika przedstawia oznaczenia konstrukcji kabla. Na grafice znajdują się znaczniki z cyframi.

Po wyborze interesującego nas zagadnienia należy w niego kliknąć, aby zostać przekierowanym do wybranego rozdziału.

Galeria zdjęć „Energetyczne złącza kablowe”

Galeria zdjęćDpJarGNW0Galeria zdjęć przedstawia różne złącza kablowe wraz z krótką charakterystyką.

Zakładka składa się z dwóch galerii zdjęć oraz schematu. Podzielona jest na trzy części.

Uczeń może przechodzić do wybranej części za pomocą spis treści widocznego poniżej.

R1btQYNMCESNR

Grafika przedstawia spis treści z trzema tytułami rozdziałów.

W galeriach użytkownik wybiera katalog, a w ramach danego katalogu zdjęcie z dołączonym do niego opisem, który znajduje się w opcjach umieszczonych pod galerią.

R1ayRw9hEPO13

Ilustracja przedstawia katalog elektroenergetyczych złączy kablowych. Grafiki ułożone są w rzędzie. Powyżej widać pole, dzięki któremu można posortować grafiki ze względu na kategorie.

Po wyborze danego katalogu uczeń wybiera dane zdjęcie i przechodzi do trybu prezentacji.

RQsZFaWlV6A1W

Ilustracja przedstawia jedną z grafik zawartą w katalogu elektroenergetyczych złączy kablowych. Otwarta jest w trybie prezentacji. Poniżej znajdują się przyciski, dzięki którym uczeń może przemieszczać się między zdjęciami galerii.

Dzięki przyciskom umieszczonym poniżej, uczeń może przemieszczać się między zdjęciami w galerii, będących częścią jednego katalogu, nie wychodząc z trybu prezentacji.

R11cYX8GnMoC4

Grafika przedstawia opcje galerii zdjęć. Pierwsze dwie ikony symbolizują strzałki przechodzenia kolejno do poprzednich i następnych zdjęć. Trzecia ikona to opcja drukowania zdjęcia, a na samym końcu znajduje się przycisk z literą i, która po kliknięciu pokazuje informacje dotyczące danego zdjęcia. Czwarta to literka i w kółku, po kliknięciu z nią pokazują się informacje na temat danego transformatora.

Infografika „Wymagania dotyczące elektroenergetycznej automatyki zabezpieczającej eliminacyjnej, prewencyjnej i restytycyjnej”

InfografikaDGrSXpGlUInfografika pozwala sprawdzić poziom opanowania wiedzy z zakresu instalacji elektrycznych i elektroenergetycznych oraz ich zabezpieczeń.

R1I88BTmHqCTn

Ilustracja przedstawia przykładowy wygląd infografiki, która znajduje się w tym e‑materiale. Grafika dotyczy wymagań związanych z elektromagnetyczną automatyką zabezpieczającą. Przy każdym elemencie schematu widnieje, przynajmniej jeden, okrągły biały znacznik z czarną cyfrą w środku.

Po kliknięciu na znacznik dowolnego opisu wyświetla się panel boczny z informacjami ukrytymi pod znacznikiem.

R1SYO77aPJFJ0

Zdjęcie przedstawia wyświetlony, na panelu bocznym, jeden z opisów zawartych na grafice interaktywnej. Grafika główna jest nieco przybliżona. W górnym lewym rogu grafiki interaktywnej widać numery wszystkich znaczników obok siebie. Jest ich dwadzieścia. Pierwszy znacznik nie posiada numeru. Przedstawia symbol przekreślonego oka.

W górnym lewym rogu infografiki, wyświetlą się pozostałe znaczniki, 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 infografiki, 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ąceDtRcBxAIxInteraktywne 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:

R1Br80NzWA5RW

Przykładowy wygląd zakładek zawierających interaktywne materiały sprawdzające. Na panelach z tytułem ćwiczeń znajdują się oznaczenia poziomu trudności zadania w postaci sześciokątów. Kolorem zielonym oznaczony jest łatwy poziom trudności, kolorem żółtym średni.

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

RbeqdHhEP9XMD

Przykładowy widok otwartej zakładki z zadaniem. Pod nazwą zakładki znajduje się polecenie. Jest to plansza startowa testu. Test należy uruchomić za pomocom prostokątnego przycisku uruchom znajdującego się na planszy.

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.

R16Xn1YnQDT8d

Grafika przedstawia oznaczenia poziomu trudności zadań. Widoczne są trzy sześciokąty umieszczone obok siebie. Pierwszy sześciokąt jest koloru zielonego z białym wnętrzem, którego jeden fragment jest zielony. Fragment ten ma formę trójkąta, którego podstawę tworzy jeden bok sześciokąta. Druga ikonka ma żółty kolor. Jej połowa jest biała, a druga połowa jest żółta. Trzecia ikonka jest czerwona, przy czym cały jej środek jest pokryty czerwienią.

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

Słownik pojęćD1EsgkZSrSł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.

R1UkvdGm9whnj

Przykładowy widok otwartej zakładki instrukcji korzystania ze słownika. Pod nazwą zakładki znajduje się prostokątny panel filtruj pojęcie i znak iks. Poniżej pojęcia wraz z definicją oraz odsyłaczem do zakładki, w której pojęcie się znajduje.

Przewodnik dla nauczyciela

Przewodnik dla nauczycielaDfNALUATsPrzewodnik dla nauczyciela zawiera szczegółowe informacje o celach i efektach kształcenia, które zapewnić ma e‑materiał. Posiada informację 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ęDYDJf5zbjPrzewodnik 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 bibliografiaD6DV2kVlsNetografia i bibliografia zawiera spis linków i pozycji bibliograficznych, na podstawie których tworzone były materiały 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 przewodnika oraz innych zasobó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