Створення інтерактивної презентації засобами редактора H5P

Олена Бєлікова,

завідувач бібліотеки Запорізької гімназії №32

Воркшоп 2, 11.05.2023

Мета воркшопу 2:

Створення інтерактивної презентації в контенті Course Presentation (Презентація курсу) і наповнення її вмістом за допомогою різних інших типів контенту редактора Н5Р:

• Fill in the Blanks – Заповнити пропущені місця;
• Multiple Choice – Широкий вибір;
• True/False Question – Правда/Неправда Питання;
• Drag and Drop – Перетягни та Впусти;
• Drag the Words – Перетягніть слова;
• Mark the Words – Позначте слова;
• Dialog Cards – Діалогові картки.

Контент дає можливість:

• створювати слайдові презентації навчального матеріалу, які можна подавати безпосередньо у вашому браузері;
• використовувати частини навчального вмісту в структурованому та інтерактивному форматі;
• розміщувати на слайдах різні мультимедійні та інтерактивні елементи (ключові слова, посилання, зображення, аудіо- та відеокліпи, різні типи тестів) з їх безперешкодним вбудовуванням прямо в презентацію;
• вивчати навчальний матеріал через ознайомлення з текстом, переглядом відео, участі у вікторинах, іграх та тестуванні.
• створювати тренувальні, опитувальні вправи, вправи на закріплення вивченого матеріалу, виконання завдань або проходження тестів.

Інтерактивна презентація - це діалог користувача з комп'ютером

• користувач вирішує, який матеріал для нього важливий;
• обирає потрібний об'єкт на екрані для ознайомлення;
• вирішує у якій послідовності буде працювати;
• здійснює пошук інформації на конкретний запит;
• вирішує інтерактивні вправи, вікторини, ігри, кросворди, завдання тестів;
• здійснює зручне і наочне вивчення теоретичного і практичного матеріалу.

Приклади інтерактивних презентацій

1. Заходимо на ресурс за посиланням: https://h5p.org/

2. Здійснюємо реєстрацію / авторизуємося

3. Переходимо до вибору контенту через особистий акаунт

4. Вибираємо контент Course Presentation (Презентації курсу)

��

5. Вивчаємо ресурс за описом

Презентації курсу складаються зі слайдів із мультимедіа, текстом і багатьма різними типами взаємодії: інтерактивні підсумки, запитання з варіантами відповідей та інтерактивні відео. Учні можуть ознайомитися з новим інтерактивним навчальним матеріалом і перевірити свої знання та пам’ять.

Опис

6. Знайомимося з редактором Презентації курсу (Пк)

Інтерактивний плакат "Редактор Course Presentation" https://h5p.org/node/1381130

6.1. Розглядаємо окремі складові редактора Пк

Підручник

Приклади

Назва презентації

��Додаємо інтерактивності

�Панель слайдів

7. Здійснюємо налаштування мови перекладу

​

Змінюємо мову

8. Створюємо слайди презентації

1 - Додати новий слайд

2 - Клонувати слайд

3 - Фон слайда

4 - Перемістити слайд ліворуч

5 - Перемістити слайд праворуч

6 - Видалити слайд

1

2

3

4

5

6

8.1. Налаштовуємо назви слайдів

Кількість слайдів

​

​

Додаємо �слайд

Видаляємо �слайд

Приклад налаштування слайдів у презентації

9. Налаштовуємо фон для слайдів

​

​

​

​

​

​

​

Налаштування фону слайдів:

• за допомогою зображення / кольору;
• однакове для всіх / окремо для кожного слайда.

9.1. Обираємо колір заливки слайду

�

Кольорове оформлення заливки фону слайдів

9.2. Обираємо зображення для фону слайду

Оформлення слайду за допомогою фонового зображення як заливки фону слайдів

​

​

10. Налаштовуємо текст слайду

1. Поле для тексту: використовуємо налаштування тексту

2. Налаштовуємо прозорість фону для тексту

3. Натискаємо готово

4. Налаштовуємо розташування тексту на слайді

10.1. Розглядаємо редактор переміщення тексту

Копіювання тексту

Перенос тексту на передній план

Перенос тексту на задній план

Видалення тексту

Регулювання розташування тексту

Введення / Зміна тексту

11. Налаштовуємо посилання на слайді

2. Вставляємо посилання

5. Натискаємо готово

• Назва ресурсу

3. Налаштовуємо прозорість фону для тексту

4. Натискаємо прапорець - посилання у вигляді кнопки

6. Два вида посилань на слайді

Назва

Кнопка

12. Додаємо зображення на слайд

• Додаємо зображення

2. Опис зображення

3. Налаштовуємо прозорість фону для тексту

5. Натискаємо готово

4. Натискаємо прапорець - посилання у вигляді кнопки

Авторські права на зображення

12.1. Налаштування авторського права на зображення

Назва зображення

Ліцензія

URL посилання на зображення

Зберегти

Ім’я автора

��

з Вікіпедії

13. Додаємо геометричні фігури на слайд

Натискаємо готово

​

​

​

​

​

​

​

​

​

​

​

14. Додаємо відеоролик на слайд

1. Додаємо назву відеоролика

2. Додаємо URL YouTube

4. Натискаємо готово

3. Натискаємо Вставка

​

​

15. Налаштовуємо переходи на інші слайди (за потребою)

1. Додаємо назву

2. Обираємо послідовність переходу слайдів:

• конкретний номер слайду;
• наступний слайд
• попередній слайд

3. Натискаємо готово

​

​

​

​

​

​

​

Приклади налаштування переходу слайдів

Для самостійного ознайомлення

16. Додаємо завдання “Fill in the Blanks” (Заповнити пропущені місця)

1. Додаємо назву

2. Додаємо опис завдання

4. Читаємо інструкції

5. Додаємо завдання

16.1. Налаштовуємо завдання “Заповнити пропущені місця”

2. Змінюємо поведінкові установки (за потреби)

1. Додаємо відгук (за потребою)

4. Ставимо прапорець, якщо потрібна кнопка

5. Натискаємо готово

3. Ставимо непрозорість фону

Приклад завдання “Заповнити пропущені місця”

17. Додаємо завдання “Multiple Choice” (Множинний вибір)

1. Додаємо назву

6. Натискаємо готово

2. Додаємо медіа (за потреби)

4. Додаємо перший варіант відповіді

5. Додаємо назву

3. Додаємо запитання

Приклад завдання “Множинний вибір”

18. Додаємо завдання “True/False Question” (Правда / Неправда)

6. Натискаємо готово

5. Додаємо прапорець, якщо потрібен вигляд кнопки

1. Додаємо назву

2. Додаємо медіа

3. Додаємо запитання

4. Додаємо непрозорість

19. Додаємо завдання “Drag and Drop” (Перетягни та Впусти)

1. Додаємо назву

4. Натискаємо готово

2. Додаємо фонове зображення

3. Працюємо із завданням

4. Додаємо і налаштовуємо зони падіння, текст, зображення

Приклад завдання “Перетягни та Впусти”

Вікторина у вигляді кнопки

Вікторина у вигляді повного зображення на слайді

20. Додаємо завдання “Drag the Words” (Перетягніть слова)

2. Додаємо опис завдання

1. Додаємо назву

3. Додаємо текст завдання

7. Натискаємо готово

6. У вигляді кнопки (прапорець)

4. Налаштовуємо відгук

5. Налаштовуємо непрозорість

Приклад завдання “Перетягніть слова”

​

Вікторина у вигляді кнопки

Вікторина у вигляді повного зображення на слайді

21. Додаємо завдання “Mark the Words” (Позначте слова)

1. Додаємо назву

2. Додаємо опис завдання

3. Додаємо текст з налаштуваннями

4. Додаємо відгук

7. Натискаємо готово

6. У вигляді кнопки (за потреби)

5. Налаштовуємо непрозорість

Приклад завдання “Позначте слова”

​

Вікторина у вигляді кнопки

Вікторина у вигляді повного зображення на слайді

22. Додаємо завдання “Діалогові картки”

1. Додаємо назву

2. Додаємо текст / запитання картки

3. Додаємо відповідь

3. Додаємо зображення

4. Додаємо аудіофайли (за потреби)

5. Додаємо кілька карток

Приклад завдання “Позначте слова”

​

Вікторина у вигляді кнопки

Вікторина у вигляді повного зображення на слайді

23. Додаємо завдання “Бесперервний текст”

1. Додаємо назву

2. Додаємо текст

3. Налаштовуємо непрозорість фону

4. Натискаємо готово

24. Додаємо завдання “Image Choice” (Вибір зображення)

1. Додаємо назву

1. Додаємо назву

2. Додаємо запитання

2. Додаємо зображення

3. Додаємо прапорець на правильну відповідь

25. Додаємо наступне зображення в “Image Choice”

1. Додаємо наступне зображення

2. Додаємо альтернативну назву

3. Додаємо прапорець що відповідь правильна

25.1. Налаштування завдання “Image Choice” (Вибір зображення)

Натискаємо готово

Додаємо відгук

Готовий слайд

26. Налаштовуємо поведінкові установки презентації

Увага! Якщо активувати режим активної поверхні, повернутися до минулих налаштувань неможливо. Цю дію не можна відмінити.

Активація режиму активної поверхні

Сховати підсумковий слайд

Презентація у режимі активної поверхні

27. Зберігаємо презентацію у ресурсі

Зберегти

Видалити

Кнопки відображення (завантаження, вбудовування та авторського права)

Дозволи завантаження

Кнопка вставити

Кнопка авторського права

28. Останній слайд із зворотним зв’язком (Підсумковий)

Формується самостійно

29. У разі потреби зберігаємо презентацію у форматі pdf

1

���

2

3

4

30. Повторне використання контенту в ресурсі Н5Р

Відкриваємо першу вкладку ресурсу Н5Р, знаходимо необхідний контент, який потрібно відтворити.

​

​

​

​

​

30.1. Натискаємо Reuse і завантажуємо на свій пристрій

30.2. Натискаємо Upload в редакторі Н5Р

1

2

3

30.3. Змінюємо для особового використання і зберігаємо

Бажаю всім учасникам воркшопу приємного навчання та засвоєння нового!

Контакти: belikova.elena21@gmail.com