Spis treści

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

   • Wprowadzenie2Wprowadzenie

   • Materiały multimedialne: film instruktażowy, film instruktażowy, grafika interaktywna, gra edukacyjna3Materiały multimedialne: film instruktażowy, film instruktażowy, grafika interaktywna, gra edukacyjna

   • 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

Na górze każdej strony e‑materiału widnieje 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.

RgasbLZDA7nh1

Widok przykładowego przycisku ćwiczeń powiązanych z danym multimedium.

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

WprowadzenieD1AM4QDWTWprowadzenie 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ę.

R1LGdxjPcs9rQ

Grafika przedstawia dwa kafelki ze spisu treści. Są umiejscowione obok siebie. Pierwszy od lewej: Zdjęcie okładkowe, poniżej napis: Posługiwanie się narzędziami do budowy lokalnej sieci komputerowe Niżej napis: Film instruktażowy (tutorial). Drugi: zdjęcie okładkowe, poniżej tytuł. Instalacja i konfiguracja wybranych usług sieciowych. Niżej: Film instruktażowy (tutorial).

Materiały multimedialne

W ich skład wchodzą: film instruktażowy, film instruktażowy, grafika interaktywna i gra edukacyjna.

Filmy instruktażowe

„Posługiwanie się narzędziami i urządzeniami do budowy lokalnej sieci komputerowej”D1EURn772„Posługiwanie się narzędziami i urządzeniami do budowy lokalnej sieci komputerowej” to film instruktażowy  przedstawiający m.in. podział narzędzi i urządzeń do budowy lokalnej sieci komputerowej.

„Instalacja i konfiguracja wybranych usług sieciowych”Du2RpKnyP„Instalacja i konfiguracja wybranych usług sieciowych” to film instruktażowy, który przedstawia zasady działania oraz wykorzystania wybranych usług sieciowych i funkcji serwerowych systemów operacyjnych.

Ekran wyświetlacza filmów wygląda jak na ilustracji poniżej:

R9VsbSmQTIG23

Ilustracja przedstawia wygląd ekranu odtwarzania filmu. W centrum grafiki widoczna jest ramka z tytułem: Posługiwanie się narzędziami i urządzeniami do budowy lokalnej sieci komputerowej. W jego dolnej części znajdują się ikony z różnymi opcjami. W dolnym lewym rogu widać ikonę trójkąta w kółku. Jest to ikona włączania odtwarzania filmu. Kolejna ikona znajduje się dopiero w połowie ekranu dolnego paska. Jest to ikona megafonu. Obok niej widać niebieski pasek, który oznacza poziom głośności. Obok znajduje się ikona człowieka, od którego głowy odchodzą dwie fale. Umożliwia ona włączanie alternatywnej ścieżki dźwiękowej. Dalej znajduje się mały biały prostokąt z czarnymi paskami w jego dolnej części. Pozwala ona na włączenie napisów. Kolejna ikona to napis auto, która umożliwia wybranie jakości filmu. Obok niej widać ikonę jedynki z iksem. Po kliknięciu na nią można wybrać szybkość odtwarzania filmu. Ostatnia ikona to kreski tworzące kwadrat. Kreski te tworzą jedynie krawędzie kwadratu. Jest to opcja włączania trybu pełnoekranowego.

Aby odtworzyć multimedium, należy kliknąć na ikonkę trójkąta znajdującą się w dolnym lewym rogu:

RE8OveZkhayTJ

Grafika przedstawia ikonę włączenia odtwarzania filmu. Ikona składa się z trójkąta wpisanego w okrąg. Wierzchołek trójkąta wskazuje w prawo. Oba kształty są białe. Tło zdjęcia jest czarne.

Ikona zmieni się w poniższy znak. Żeby zatrzymać odtwarzanie, należy go kliknąć.

Rh1OUC2bb3RBu

Grafika przedstawia ikonę zatrzymania odtwarzania animacji. Są to dwie pionowe kreski wpisane w okrąg. Ikona ma jasnoszary kolor. Tło zdjęcia jest czarne.

Przeciągając widoczny poniżej niebieski pasek do określonego poziomu, można ustawić głośność na wymagany poziom. By całkowicie wyłączyć dźwięk, trzeba kliknąć symbol głośnika.

RdC0nJ2ZychNo

Grafika przedstawia widok ikon nawigacyjnych odtwarzacza znajdujących się w dolnej części okna, w którym wyświetlany jest film. Widoczne są ikony: głośnika, uruchamiania audiodeskrypcji, uruchamiania napisów, zmiany jakości wyświetlanego materiału, szybkości jego odtwarzania oraz włączenia lub wyłączenia trybu pełnoekranowego.

Następna ikona pozwala na włączenie alternatywnej ścieżki dźwiękowej, która omawia obraz wyświetlany na ekranie.

ReHYc7PMwNioO

Grafika przedstawia ikonę do włączenia wersji filmu z audiodeskrypcją. Jest to ikonka głowy i górnej części tułowia człowieka. Obok niej widać dwie kreski symbolizujące falę dźwiękową odchodzącą od głowy postaci.

Po kliknięciu powyższej ikony zmieni się ona na tę widoczną poniżej. Kliknięcie jej umożliwia wyłączenie alternatywnej ścieżki.

RP2r2Y50VRYVF

Grafika przedstawia ikonę do wyłączenia trybu audiodeskrypcji. Jest to ikonka sylwetki człowieka. Rozkłada on ramiona szeroko na boki.

Ikona napisów to mały prostokąt z kropkami i kreskami. Po jego kliknięciu pojawia się panel dający możliwość włączenia lub wyłączenia napisów.

R1DtFPI1rltVq

Grafika przedstawia ikonę włączania i wyłączania napisów w filmie wraz z rozwiniętymi opcjami. Ikona napisów to biały prostokąt z kropkami i kreskami w jego dolnej części, które mają symbolizować napisy. Ikona napisów jest kliknięta, wskazuje na to jaśniejszy kolor niż kolor znajdujących się obok innych ikon, które są szare. Nad ikonami widać szary panel zatytułowany „Napisy". Pod nim są dwie opcje: napisy oraz wyłączone. Zaznaczoną opcją są wyłączone. Wskazuje na to niebieski kolor napisu. Obok ikony napisów widać jeszcze trzy inne ikony. Są to: auto, jeden iks oraz kwadrat umożliwiający włączenie trybu pełnoekranowego.

Ikona „auto” pozwala na dostosowanie jakości wyświetlanego materiału.

RyoYbWSZBOGaf

Grafika przedstawia ikonę oraz panel zmiany jakości filmu. Ikona to biały napis auto. Po kliknięciu na nią powyżej wyświetla się panel zatytułowany jakość. Na zdjęciu widać trzy opcje do wyboru: auto, tysiąc osiemdziesiąt pikseli oraz czterysta osiemdziesiąt pikseli. Obok ikony auto widać dwie inne ikony, czyli jeden iks oraz kwadrat włączania trybu pełnoekranowego.

Klikając ikonę „1x” można wybrać prędkość odtwarzania filmu. Poniżej widnieją dostępne opcje:

R3vYfCa3AUIt7

Grafika przedstawia ikonę oraz panel zmiany prędkości odtwarzania filmu. Ikona składa się z jedynki i małego iksa. Nad ikoną wyświetlony jest panel zatytułowany prędkość i zawierający różne opcje prędkości do wyboru. Opcje od góry to: po klatce, dwadzieścia pięć setnych, pięć dziesiątych, siedemdziesiąt pięć setnych, normalna, jeden i dwadzieścia pięć setnych, jeden i pięć dziesiątych, jeden i siedemdziesiąt pięć setnych, dwa. Zaznaczoną opcją jest prędkość normalna. Wskazuje na to niebieski kolor tego napisu. Obok ikony zmiany prędkości widać po lewej stronie ikonę auto, a po prawej kwadrat umożliwiający włączenie pełnego ekranu.

Ostatnia ikona pozwala na wejście w tryb pełnoekranowy oraz późniejsze z niego wyjście.

R3lnulJxIA7lm

Grafika przedstawia ikonę włączenia trybu pełnoekranowego filmu. Składa się ona z czterech kątów prostych, które tworzą kształt kwadratu. Ikona jest biała, a tło zdjęcia czarne.

Grafika interaktywna

„Model ISO/OSI i TCP/IP”DUIbOh70Z„Model ISO/OSI i TCP/IP” to grafika interaktywna przedstawiająca model odniesienia łączenia systemów otwartych ISO/OSI ( ISO Open Systems Interconnection Reference Model) oraz TCP/IP (Transmission Control Protocol/Internet Protocol).

Multimedium podzielone jest na kilka części, do których nawiguje spis treści.

R6YMBMuO7NeZ8

Grafika przedstawia spis treści multimedium. Spis ma formę punktów opatrzonych tytułami.

Niektóre z części mają formę tekstową, inne zaprezentowane są za pomocą grafiki z interaktywnymi punktami.

R1b8epdT5g7hC

Grafika przedstawia warstwy systemów otwartych ISO/OSI oraz TCP/IP. Na grafice znajdują się okrągłe znaczniki. Są ponumerowane.

Aby rozwinąć szczegółowe informacje dotyczące danego zagadnienia, należy najechać na punkt grafiki kursorem i kliknąć.

Po kliknięciu znacznika, wyświetlają się schematy oraz dodatkowe informacje, ukryte pod polami z cyframi.

RBIlWIUhmnca3

Grafika przedstawia wastwysystemów otwartych ISO/OSI oraz TCP/IP. Na grafice znajdują się okrągłe znaczniki. Jeden z nich jest kliknięty, pod nim widoczny jest panel w informacjami. W górnym lewym rogu grafiki interaktywnej widać numery wszystkich znaczników obok siebie. Pierwszy znacznik nie posiada numeru. Przedstawia symbol przekreślonego oka.

Opisy wyświetlają się na panelu bocznym. Można je przeglądać, przesuwając suwak widniejący po ich prawej stronie lub za pomocą scrolla myszki. Jeśli w opisach znajdują się grafiki lub zdjęcia, to kliknięcie na nie spowoduje wyświetlenie ich na pełnym ekranie. Wtedy też możliwe jest przybliżenie danej grafiki lub zdjęcia.

Po kliknięciu na znacznik dowolnego opisu w górnym lewym rogu grafiki 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.

Gra edukacyjna

Symbole i piktogramy okablowania strukturalnego oraz lokalnejDVPfkvpFRSymbole i piktogramy okablowania strukturalnego oraz lokalnej to gra edukacyjna wspierająca rozwijanie umiejętności i zdobywanie wiedzy z zakresu projektowania okablowania strukturalnego oraz projektowania lokalnych sieci komputerowych.

R1RZXwFblETPP

Przykładowy widok gry edukacyjnej. Na środku panelu startowego znajduje się znaczek trybu szerokoekranowego. Niżej widoczny jest tytuł gry znajdującej się w materiale.

Poniżej znajduje się grafika przedstawiająca ekran rozpoczętej gry. Aby przejść do następnego etapu gry, należy pod daną rolą kliknąć prostokąt z napisem „Rozpocznij grę”.

R15OJFQ7Xsxes

Ilustracja przedstawia przykładowy widok okna gry edukacyjnej. Widoczny jest opis gry edukacyjnej. Na dole znajduje się przycisk "Rozpocznij grę".

Uczeń w pierwszej kolejności wybiera jedną z dwóch roli – serwisanta komputerowego lub serwisanta RTV. Aby przejść do następnego etapu gry, należy pod daną rolą kliknąć prostokąt z napisem „Rozpocznij”.

RTk4LstesXEUc

Grafika przedstawia ikonkę z ilustracja przedstawiającą pracownika. Jest to technik informatyk. Poniżej widoczny jest opis roli, a na dole przycisk Rozpocznij.

A następnie przechodzi do wyboru poziomu trudności. W tym wypadku na początku dostępny jest poziom łatwy – trudny uczeń musi dopiero odblokować. Po dokonanym wyborze, uczeń przechodzi dalej, klikając znów w przycisk z napisem „Rozpocznij”.

R1H2YgUP7lyA6

Okno wyboru poziomu trudności gry. W białej ramce znajduje się półkole, zamalowane tylko w części na kolor zielony, a po prawej stronie półkole jest zamalowane całe na kolor czerwony.

Na wybranym przez siebie poziomie odpowiada na pytania. Tylko jedna odpowiedź jest poprawna. Po zaznaczeniu odpowiedzi, klika przycisk „Zatwierdź odpowiedź”. Uczeń dostaje informację zwrotną po każdym pytaniu.

R1FjQTv3oW6KK

Ilustracja przedstawia przykładowy widok gry. Widoczne jest polecenie z obrazkiem oraz cztery prostokątne paski, na których zamieszczono odpowiedzi. Na dole znajduje się przycisk: Zatwierdź odpowiedź.

Po każdej udzielonej odpowiedzi, uczeń otrzymuje informację zwrotną.

Na koniec uczeń otrzymuje wynik swojej gry – pozytywny bądź negatywny. Może zapisać wynik i przejść do wyboru innego poziomu lub może powtórzyć poziom i poprawić swój wynik.

RNDIVl5uyCJj6

Ekran podsumowujący gry. Widoczne są informacje o wyniku poziomu oraz status. Poniżej znajdują się przyciski: Zapisz wynik oraz Powtórz poziom.

Na samej górze, od lewej strony znajdują się informacje dla ucznia o postępach gry, otrzymanych punktach i odznakach, zaś po prawej stronie uczeń może kliknąć w „Pomoc” dotyczącą gry lub może wyjść z niej poprzez kliknięcie opcji „Zakończ grę”.

RBbKGCbtuXtj3

Widok opcji gry. Od lewej znajdują się opcje: postęp, punkty, odznaki, pomoc oraz zakończ grę.

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ąceD1Husi21NInteraktywne 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:

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

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 – średnie, czerwony – trudne.

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

Słownik pojęćD1Cqeia35Sł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ęć. Można wpisać w prostokątne pole określoną literę lub ciąg znaków, 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.

R2om3oqECuDNR

Ilustracja przedstawia widok na górną część słownika. Na górze widoczna jest instrukcja do słownika. Niżej znajduje się pole do filtrowania haseł słownika. Na dole hasło wraz z definicją.

Przewodnik dla nauczyciela

Przewodnik dla nauczycielaD72QzjLFwPrzewodnik dla nauczyciela zawiera szczegółowe informacje o celach i efektach kształcenia, które ma zapewnić e‑materiał. Zawiera 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 mają aktywne linki. Klikając na nie, można przejść do strony z danym multimedium.

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

Przewodnik dla uczącego się

Przewodnik dla uczącego sięD106TvpLNPrzewodnik 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 mają aktywne linki. Klikając na nie, można przejść do strony z danym multimedium.

Netografia i bibliografia

Netografia i bibliografiaDcZeQh9ATNetografia i bibliografia zawierają spis linków i pozycji bibliograficznych, na podstawie których tworzone były e‑materiały.

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