Sample Zagadnienie

Dodawanie interakcji: Quizy z Branching Question


Branching Question umożliwia tworzenie quizów, a co ważniejsze treści, w których to użytkownik będzie wybierał ścieżkę, którą chce podążać. Załóżmy, że chcesz wykorzystać Branching Question jako wstęp do gry edukacyjnej, gdzie użytkownik będzie mógł wybrać 1 z 3 proponowanych obszarów tematycznych, które pozna.


1. Z paska menu znajdującego się po lewej stronie wybierz Zasoby H5P, Dodaj nowy. Wybierz typ zasobu Branching Scenario (beta).

ikona przedstawiająca drzewko decyzyjne, a obok napis Branching Scenario (beta)

2. Zacznij od nadania tytułu. Pamiętaj, że tytuł nie będzie widoczny dla użytkowników, ale ma ułatwić wyszukanie zasobu Tobie.

pasek tekstu, w którym znajduje się treść Enter title here

3. Pod tytułem znajduje się Info content. Przenieś bloczek Branching Question w pole [+].

edytor do tworzenia materiałów typu Branching Scenario

4. Uzupełnij pole Tytuł (tytuł będzie widoczny tylko dla Ciebie). Następnie w pole Question wpisz pytanie lub polecenie, które wyświetli się użytkownikowi.

edytor do tworzenia materiałów typu Branching Scenario z paskiem Tytuł, gdzie wprowadzono treść Gra edukacyjna i edytorem tekstu, gdzie znajduje się treść Wybierz jedną z krain, aby rozpocząć przygodę

5. Poniżej, uzupełnij dwa widoczne pola Text. Aby dodać trzecie pole do wyboru, kliknij na przycisk Dodaj Alternative i wpisz tekst.

zakładka dodawania kolejnych tekstów ze wskazanym przyciskiem Dodaj Alternative

6. Jeśli pytanie/polecenie i trzy możliwe odpowiedzi są gotowe, wybierz przycisk Done.

widok zakładki, gdzie dodano tytuł pracy i pytanie oraz został wskazany przycisk Done zapisujący tą część materiału

Na ekranie podane odpowiedzi są widoczne jako A1, A2, A3, ….

pasek z tekstem rozwidlający się na trzy odnogi podpisane A1, A2 i A3

7. Jeśli chcesz, aby po wybraniu pierwszej możliwości, użytkownik zobaczył grafikę, dodaj bloczek Image. Wybierz Dodaj, aby załadować plik z Twojego komputera oraz uzupełnij pole Tekst alternatywny. Kliknij przycisk Done, aby zapisać zmiany.
Na ekranie, pod wybraną odpowiedzią, pojawi się dodany nowy zasób.

pasek z tekstem rozwidlający się na trzy odnogi podpisane A1, A2 i A3 i dodany element podpisany jako Bez tytułu Image

8. Pod każdą odpowiedzią możesz dodawać dowolne treści (obrazy, filmy, teksty), rozbudowując tworzoną historię. W efekcie powstanie struktura przypominająca rozgałęziające się drzewo decyzyjne.

rozbudowany schemat materiału Branching Scenario z miejscami, gdzie pojawią się elementy graficzne i tekstowe

9. Jeśli chcesz, aby po zapoznaniu się z pierwszym obszarem, użytkownik mógł poznać pozostałe, należy wprowadzić “pętle” prowadzące z powrotem do miejsca, w którym można dokonać wyboru, czyli Branching Question. Jak to zrobić? Uruchom edycję ostatniego elementu tworzącego pierwszą gałąź.

rozbudowany schemat materiału Branching Scenario z miejscami, gdzie pojawią się elementy graficzne i tekstowe z rozwiniętymi opcjami edytowania materiału

Rozwiń Branching Options. W polu Special action after this content wybierz Jump to another branch. Aby wskazać miejsce, do którego ma się cofnąć użytkownik w polu Select a branch to jump to wskaż Branching Question. Jeśli kilkukrotnie użyłeś Branching Question, zwróć uwagę czy wskazujesz właściwy.

zakładka Branching Options z dwiema opcjami do wyboru

Skąd mieć pewność, że stworzenie “pętli” powiodło się? Zauważysz czerwony znacznik.

rozbudowany schemat materiału Branching Scenario z miejscami, gdzie pojawią się elementy graficzne i tekstowe oraz wskazanym wskaźnikiem przy jednym z nich, który informuje o zapisanych zmianach w pracy