Різноманітність вмісту інтерактивної книги в ресурсі h5p.org


За матеріалами сайту Н5Р.org. Додаткові матеріали у вільному доступі Інтернета.

Course Presentation (Презентація курсу)

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

У цьому посібнику ви дізнаєтесь:

  • Коли використовувати презентації курсу
  • Як створити презентацію курсу

Відеоурок

У наступному відео показано, для чого можна використовувати презентації курсу та як їх створити: тут

Текстовий підручник – приклад

Ось презентація курсу, яку ми створимо в цьому посібнику: https://h5p.org/h5p/embed/736

Коли використовувати презентації курсу

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

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

Спробуйте презентації курсу як альтернативу представленню вашого навчального вмісту у вигляді презентацій Powerpoint, PDF-файлів або текстових веб-сторінок. Презентації курсу дуже гнучкі у використанні, оскільки їх легко створювати, публікувати та редагувати.

Крок 1: Тема

Ми використаємо статтю Вікіпедії про морошку як довідковий матеріал для презентації нашого курсу. Ми також використаємо кілька зображень із Wikimedia Commons.

Давайте створимо три слайди з тестом у кінці:

  • Слайд 1: Морошка
  • Слайд 2: Де їх знайти?
  • Слайд 3: Використання
  • Резюме

Крок 2: Створення презентації курсу

Виберіть опцію «Новий вміст» і виберіть «Презентація курсу» зі списку типів вмісту:

Крок 3: Редактор презентації курсу

Тепер має з’явитися редактор презентації курсу. Верхня частина редактора виглядає так:

У цьому підручнику ми зосередимося на створенні вмісту презентації курсу. Створення вмісту відбувається у верхній частині редактора, тому ми зосередимося лише на цьому.

Редактор презентації курсу – WYSIWYG. Вигляд кінцевим користувачем презентації курсу буде дуже схожим на вигляд редактора.

Крок 4: Слайд 1

Ми почнемо з додавання слайда на панель слайдів ліворуч. Заголовки слайдів можна використовувати для переходу між слайдами.

Ви можете повністю видалити панель слайдів, натиснувши кнопку «Видалити слайди» . Однак цю дію не можна скасувати.

Натисніть кнопку, щоб відкрити меню «Слайди». Щоб додати заголовок слайда,
натисніть перо поруч із «Без заголовка» .

Використовуйте Морошка як назву. Тепер у вас має бути щось на зразок цього:

Тепер ми можемо перейти до додавання деяких зображень.

Ми використаємо ці два зображення з Wikimedia:

Зверніть увагу на інформацію про ліцензію та URL-адресу та збережіть зображення в локальній папці.

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

Натисніть кнопку, перейдіть до місця збереження зображення квітки морошки та виберіть його для завантаження.

Ми також повинні не забувати додати інформацію про мультимедійну ліцензію. Додайте таку інформацію до діалогового вікна метаданих :

Нарешті, ми маємо додати альтернативний текст і наведений текст . Альтернативний текст використовується для опису зображення як альтернативи відображуваному. Текст під час наведення з’являтиметься на пристроях, які використовують мишу, коли курсор наведеться на зображення.

Альтернативний текст: Зображення квітки морошки
Текст при наведенні: Квітка морошки

Тепер у вас має бути щось на зразок цього:

Змініть розмір зображення, потягнувши за правий нижній кут зображення. Зробіть зображення трохи меншим за розміром. Ви можете перемістити зображення за допомогою перетягування. Розмістіть його у верхньому лівому куті, щоб отримати щось на зразок цього:

Тепер додайте друге зображення. Цього разу ми використаємо зображення морошки та розмістимо його під зображенням квітки морошки. Використовуйте ту саму процедуру, що й вище.

Тепер у вас має бути щось на зразок цього:

Щоб завершити слайд 1, ми додамо такий текст, перефразований зі статті у Вікіпедії:

  • Rubus chamaemorus - це трава, яка дає їстівні плоди бурштинового кольору, схожі на малину або ожину.
  • Морошка виростає до 10-25 см у висоту.
  • Листя чергуються між 5 і 7 м’якими ручними частками на прямих безгілокових стеблах.
  • Після запилення з білих квіток утворюються ягоди розміром з малину.
  • Кожен плід спочатку блідо-червоний, на початку осені дозріває до бурштинового кольору.

Використовуйте інструмент «Текст» , щоб додати блок тексту до слайда. Коли ви опустите текстове поле, з’явиться діалогове вікно. Вставте текст вище в діалогове вікно редагування тексту :

Залиште інші поля порожніми та натисніть Готово .

Ви можете розміщувати та змінювати розмір текстового блоку так само, як зображення.

Тепер розташуйте та розмістіть текстовий блок так, щоб у вас вийшло щось подібне до цього:

Ми закінчили слайд 1.

Крок 5: Слайд 2

Натисніть кнопку в нижньому правому куті редактора, щоб додати інший слайд.

Слайд 2 міститиме інформацію про те, де можна знайти Морошку. Додайте заголовок слайда Де їх знайти? на панелі слайдів.

Ми використаємо зображення карти з Вікіпедії, щоб показати, де росте морошка в дикій природі. Додаємо зображення за допомогою кнопки на верхній панелі інструментів. Перетягніть зображення на слайд, завантажте зображення та додайте інформацію про ліцензію. Натисніть «Готово» , а потім змініть розмір зображення, щоб отримати щось на зразок цього:

Щоб завершити слайд 2, ми додамо наступний текст, який також перефразовано зі статті у Вікіпедії:

Морошка зустрічається в гірських районах Північної півкулі

  • Європа: у країнах Північної Європи та Балтії
  • Азія: через північ Росії на схід до Тихого океану
  • Північна Америка: більша частина північної Канади, Аляска, північна Міннесота, Нью-Гемпшир і Мен

Як і на слайді 1, використовуйте інструмент «Текст» , щоб додати текстове поле до слайда. Коли ви опустите текстове поле, з’явиться діалогове вікно. Вставте текст вище в діалогове вікно редагування тексту :

Ви можете переходити між слайдами, натискаючи заголовки слайдів на панелі слайдів або використовуючи панель навігації.

Крок 6: Слайд 3

Натисніть кнопку, щоб додати третій слайд. На слайді 3 будуть описані різні способи використання морошки. Додайте назву слайда Uses на панель слайдів.

Знову ж таки, ми будемо використовувати текст і зображення, щоб передати наше повідомлення. Крім того, ми додамо посилання на веб-сайт, де учень зможе знайти рецепти з використанням морошки.

Ось посилання на зображення Wikimedia Commons, які ми будемо використовувати:

Ми додаємо зображення за допомогою кнопки на верхній панелі інструментів. Як і на слайді 1, ми розмістимо малюнки в стовпці зліва від слайда. Вставте три зображення, додайте відповідну інформацію про ліцензію, розмістіть і змініть їх розмір, щоб отримати щось подібне до цього:

Текст, який ми використаємо, знову перефразований зі статті Вікіпедії:

  • У Фінляндії ягоди їдять з розігрітим місцевим сиром
  • У Швеції варення з морошки використовують як начинку для морозива, млинців і вафель.
  • У Норвегії їх часто змішують зі збитими вершками і цукром
  • В Атлантичній Канаді з морошки готують «Яблучний пиріг».
  • На Алясці та в Північній Канаді ягоди змішують з тюленячим жиром, жиром північного оленя або карібу та цукром, щоб зробити «Eskimo Ice Cream» або «Akutaq».

Використовуйте інструмент «Текст» , щоб додати блок тексту до слайда. Коли ви опустите текстове поле, з’явиться діалогове вікно. Вставте наведений вище текст у діалоговому вікні «Редагувати текст» . Натисніть Готово, коли закінчите. Тепер у вас має бути щось на зразок цього:

Нарешті ми додамо посилання. Скористайтеся кнопкою на панелі інструментів і розмістіть посилання на слайді.

Ми можемо знайти вибір десертів з морошкою на yummly.com. Ось URL-адреса: http://www.yummly.com/recipes/cloudberry-dessert

Скористайтеся текстом посилання Рецепти десертів з морошкою .

Натисніть Готово . потім змініть розмір і розмістіть поле посилання, щоб у вас вийшло щось на зразок цього:

Ми закінчили зі слайдом 3. Нарешті, ми додамо Резюме , щоб завершити презентацію курсу.

Крок 7: Слайд 4

Натисніть кнопку, щоб додати четвертий і останній слайд. Додайте назву слайда Підсумок на панель слайдів.

Підсумок дозволить учню зробити інтерактивний підсумок найважливіших аспектів попередніх трьох слайдів .

На панелі інструментів натисніть кнопку та перетягніть підсумок на слайд. Створення резюме описано в цьому посібнику .

Після того, як ви скинете резюме , з’явиться редактор.

Тепер ми додамо твердження до резюме. Натисніть кнопку Додати оператори , щоб додати ще дві групи операторів.

У редакторі підсумків верхній вислів у групі тверджень завжди є правильним.

Вступний текст:

Виберіть правильне твердження про морошку.

Група тверджень 1:

  • За формою і розміром морошка схожа на малину і ожину.
  • За формою і розміром морошка схожа на чорницю і червону смородину.
  • За формою і розміром морошка схожа на полуницю.

Група тверджень 2:

  • Морошка зустрічається в Північній півкулі.
  • Морошка зустрічається в Південній півкулі.

Група тверджень 3:

  • В Атлантичній Канаді з морошки часто готують «Яблучний пиріг».
  • В Атлантичній Канаді морошку в основному їдять з розігрітим місцевим сиром.
  • В Атлантичній Канаді морошку в основному їдять з розігрітим місцевим сиром.

Натисніть Готово, коли ви додасте твердження. Потім розташуйте та змініть розмір резюме , щоб ви отримали щось на зразок цього:

Крок 8: Завершення

Унизу редактора ви знайдете параметр Увімкнути показ кнопок рішення . У цьому контексті опція не має жодного ефекту.

Збережіть вузол/статтю, щоб переглянути завершену презентацію курсу.
Тепер у вас має бути такий самий результат, як у прикладі у верхній частині сторінки.
Не соромтеся залишати будь-які коментарі чи пропозиції щодо покращення цього підручника.