ТЕОРЕТИЧНІ ВІДОМОСТІ
ПРАКТИЧНІ ЗАВДАННЯ
УВАГА! Кібербезпека та авторське право: Під час розміщення відео та фотографій дітей утримуйтесь від публікації їхніх прізвищ. Для звукового оформлення використовуйте власний контент, ліцензію Creative Commons або Royalty-Free аудіо.
Завдання 1. Створення макета та формування структури сайту
Мета: Навчитися створювати проект сайту, обирати стиль та формувати меню навігації.
- Перейдіть на сайт sites.google.com та натисніть «Створити новий сайт» (пустий шаблон).
- У лівому верхньому куті вкажіть назву проекту: «Музичний кабінет_[Ваше ПІБ]».
- У панелі праворуч відкрийте вкладку «Теми» та оберіть тему оформлення (наприклад, «Дипломат» або «Враження»), налаштуйте колірний акцент.
- У вкладці «Сторінки» створіть 3 нові сторінки:
📌 Батьківський куточок
📌 Методична скарбничка
📌 Зворотний зв’язок
Результат: Скріншот панелі «Сторінки» із сформованою структурою сайту та зміненим баннером на головній сторінці.
Завдання 2. нтеграція аудіо- та інтерактивного контенту
Мета: Навчитися вбудовувати аудіоматеріали з Google Диска та гральні вправи на сторінку сайту.
- Перейдіть на сторінку «Батьківський куточок».
- За допомогою панелі «Вставити» ➔ «Текстовий блок» додайте заголовок: «Музичні розспівки для занять вдома».
- З панелі «Вставити» оберіть «Диск», знайдіть завантажений раніше MP3-файл розспівки/пісні та вставте його на сторінку.
- Нижче додайте блок «Вбудувати» (Embed). Вставте посилання або HTML-код інтерактивної гри з LearningApps (наприклад, розроблену раніше вправу на розпізнавання інструментів).
Результат: Скріншот сторінки «Батьківський куточок» у режимі попереднього перегляду, де відображається плеєр аудіофайла та інтерактивна гра.
Завдання 3. Налаштування форми зворотного зв’язку
Мета: Інтегрувати Google Форму для організації онлайн-консультацій з батьками.
- Перейдіть на сторінку «Зворотний зв’язок».
- Додайте короткий текст із запрошенням до діалогу: «Шановні батьки! Тут ви можете залишити свої запитання чи побажання щодо музичного розвитку дитини».
- У панелі «Вставити» прокрутіть вниз та виберіть «Форми».
- Оберіть зі списку раніше створену Google Форму (наприклад, «Анкета для батьків» або «Запис на консультацію») та натисніть «Вставити».
- Відрегулюйте розміри вікна форми для зручного перегляду на сторінці.
Результат: Скріншот сторінки сайту із вбудованою та функціональною Google Формою.
Завдання 4. Публікація сайту та перевірка адаптивності
Мета: Опублікувати сайт у мережі Інтернет та перевірити його відображення на різних пристроях.
- У правому верхньому куті натисніть синю кнопку «Опублікувати».
- У полі «Веб-адреса» вкажіть унікальне закінчення посилання (наприклад: music-room-pib).
- Перевірте налаштування доступу: «Хто може переглядати мій сайт» ➔ «Усі».
- Натисніть «Опублікувати».
- Натисніть іконку «Попередній перегляд» (у формі екрана комп’ютера та смартфона) і перевірте, як сайт виглядає на мобільному пристрої.
- Скопіюйте публічне посилання на опублікований сайт.
Результат: Активне посилання на опублікований Google Сайт та скріншот попереднього перегляду в мобільному режимі.
Завдання 5. Ситуаційне завдання «Персональні дані та конфіденційність на сайті»
Мета: Засвоїти правові норми публікації медіаконтенту вихованців ЗДО.
- Ситуація: Музичний керівник розмістив у розділі «Медіагалерея» відеозапис осіннього свята, завантажений на YouTube за відкритим посиланням. У описі під відео були вказані повні прізвища, ім’я та вікові групи всіх дітей-солістів. Один із батьків звернувся до завідувача ЗДО з вимогою негайно видалити відео через порушення конфіденційності.
- Проаналізуйте ситуацію:
📌 Які норми Закону України «Про захист персональних даних» було порушено педагогом?
📌 Як слід було налаштувати доступ до відео на YouTube (відкритий, за посиланням, приватний)?
📌 Як правильно оформлювати підписи під дитячими фото та відео на освітньому сайті?
Результат: Коротке аналітичне висновки-есе (4–5 речень).
перевір себе