Визначення поняття: Сформулюй власне визначення ергономіки веб-сайту. Які три ключові фактори (щодо стану користувача) вона має забезпечувати?
Принцип інтуїтивності: Чому при розробці структури сторінок важливо, щоб дії користувача були інтуїтивно зрозумілими без спеціального навчання?
Розташування відомостей: Які вимоги існують до заголовка сайту та розміщення найважливішої інформації на сторінці?
Обмеження контенту: Чому, згідно з ергономічними нормами, кількість колонок з контентом не повинна перевищувати трьох, а горизонтальна прокрутка вважається неприпустимою?
Роль «підвалу» (footer): Яку практичну функцію виконує нижній колонтитул сторінки та які дані він має містити?
Ефективна навігація: Поясни «правило вкладеності» рівнів сайту та вимоги до кількості посилань в одному навігаційному блоці.
Оформлення та контраст: Як правильний вибір кольорової гами та вирівнювання тексту впливає на сприйняття інформації відвідувачем?
Технічні параметри: Який оптимальний обсяг одного графічного файлу рекомендується для швидкого завантаження сторінки і чому це важливо?
Інклюзивність: Які конкретні елементи (наприклад, підписи до зображень або масштабування) допомагають зробити сайт зручним для людей із вадами зору?
Історичний контекст: Хто такий Якоб Нільсен і за допомогою якого винайденого ним методу сьогодні проводять ергономічний аудит сайтів?
Два практичних завдання, які допоможуть учням застосувати знання з відео на практиці. Одне спрямоване на аналіз, а інше — на проєктування.
Завдання 1. Ергономічний аудит (Аналіз)
Мета: Навчитися бачити помилки в інтерфейсі та пропонувати шляхи їх виправлення.
Інструкція для учня:
Оберіть будь-який сайт (це може бути сайт вашої школи, місцевої громади або старий новинний ресурс).
Проаналізуйте його за 5 критеріями з відео:
Навігація: Чи можна повернутися на головну в один клік? Скільки рівнів вкладеності має сайт?
Колористика: Чи достатній контраст між текстом і фоном?
Контент: Чи є на сторінці більше трьох колонок тексту? Чи з’являється горизонтальна смуга прокручування?
Швидкість: Чи швидко завантажуються зображення?
Доступність: Чи мають картинки альтернативний текст (підписи), який з’являється при наведенні?
Результат: Складіть коротку таблицю "Проблема — Наслідок для користувача — Рекомендація щодо виправлення".
Завдання 2. Створення прототипу ергономічної сторінки (Проєктування)
Мета: Відпрацювати навички правильного розміщення елементів на веб-сторінці.
Інструкція для учня:
Використовуючи будь-який інструмент (онлайн-дошку як Jamboard/Miro, графічний редактор або навіть звичайний аркуш паперу), створіть макет (схему) головної сторінки сайту на тему "Екологія мого міста".
Вимоги до макета:
Заголовок: Чітка назва сайту, що дублюється на всіх сторінках.
Меню: Не більше 7 пунктів в основному блоці навігації. Кнопки мають бути великими.
Золотий трикутник: Розмістіть найважливішу новину у верхній лівій частині сторінки.
Підвал (Footer): Додайте блок із контактами, авторськими правами та посиланням на карту сайту.
Інклюзивність: Передбачте на макеті кнопку для перемикання у "Режим для людей із вадами зору" (збільшений шрифт/чорно-біла гама).
Ваш текст має бути інформативним, спонукальним та чутливим до теми.
🎯 Тема: 16 днів проти насилля
Вступ (15-20 секунд):
Приверніть увагу: "Що таке 16 днів активізму?"
Поясніть мету: Міжнародна кампанія, яка триває з 25 листопада (Міжнародний день боротьби за ліквідацію насильства щодо жінок) до 10 грудня (Міжнародний день прав людини).
Основна частина (40-60 секунд):
Види насилля: Стисло перелічіть (фізичне, психологічне, економічне, сексуальне).
Чому це важливо: Наголосіть, що це проблема, яка стосується кожного, і ми маємо про це говорити.
Приклади дії: Як можна підтримати кампанію (не мовчати, знати, куди звертатися, поширювати інформацію).
Заклик до дії/Висновок (10-15 секунд):
Сильний фінальний меседж: "Насиллю немає виправдання. Не мовчи! #16ДнівПротиНасилля"
Додайте інформацію про лінії допомоги (якщо вирішите їх озвучити).
💡 Порада: Напишіть текст спочатку, потім зачитайте його вголос, щоб перевірити, чи він вкладається в бажаний хронометраж (ідеально 60-90 секунд).
🎙️ Крок 2: Озвучення за допомогою ШІ та Підбір Музики
🗣️ Озвучення ШІ
Використовуйте безкоштовні онлайн-інструменти для перетворення тексту в мову (Text-to-Speech).
Популярні сервіси (для прикладу):Google Text-to-Speech, Voicemaker, Loquendo або інші, які підтримують якісний український голос.
Дії:
Скопіюйте ваш фінальний текст у поле сервісу.
Виберіть українську мову та голос, який звучатиме найбільш нейтрально та впевнено.
Згенеруйте аудіофайл (зазвичай у форматі MP3 або WAV) та збережіть його.
🎵 Підбір Музики
Жанр: Оберіть інструментальну музику без слів. Вона має бути спокійною, драматичною або мотивуючою, але не відволікати від тексту.
Джерела: Використовуйте бібліотеки безкоштовної музики, які не порушують авторських прав (наприклад, YouTube Audio Library або безкоштовні розділи на Soundcloud/Freesound).
Важливо: Переконайтеся, що гучність музики значно нижча за гучність голосу, щоб текст було добре чути.
🎬 Крок 3: Монтаж Відео
Використовуйте простий відеоредактор (наприклад, CapCut, DaVinci Resolve - безкоштовні версії, або навіть мобільні додатки).
🖼️ Візуальний Ряд
Джерела: Знайдіть безкоштовні стокові відео та зображення на тему солідарності, миру, рук, що тримаються, символів кампанії (стрічки).
Сайтів-приклади: Pexels, Pixabay, Unsplash.
Елементи:
Додайте титри на початку та в кінці (назва кампанії, ваше ім'я/школа).
Використовуйте логотип/колір кампанії (помаранчевий) у дизайні.
Субтитри: Додайте субтитри до всього тексту, щоб відео можна було дивитися без звуку.
🛠️ Монтаж
Розмістіть аудіодоріжку з голосом ШІ.
Додайте музику на другий аудіотрек.
Наріжте та розмістіть відео/фото відповідно до тексту.
Збережіть готове відео у високій якості (MP4, 1080p).
📤 Крок 4: Завантаження на YouTube та Отримання Покликання
Завантаження: Увійдіть у свій YouTube-канал і завантажте фінальний відеофайл.
Налаштування:
Назва: Чітка та приваблива (наприклад, "16 днів проти насилля | Інформатика, 10 клас").
Опис: Додайте текст (сценарій) вашого відео та хештеги.
Доступ: Встановіть "Доступ за посиланням" (Unlisted). Це означає, що відео побачить лише той, кому ви надішлете лінк, воно не буде публічним.
Збереження: Отримайте покликання (URL-адресу) на завантажене відео.
🌐 Крок 5: Додавання Відео на Сайт
Створення Сторінки: Якщо у вас є готовий шкільний сайт (наприклад, на Google Sites, Wix, Tilda або простий HTML-файл), створіть нову сторінку або розділ.
Додавання Відео:
YouTube дозволяє вбудовувати (Embed) відео.
Дія: На сторінці YouTube під відео натисніть "Поділитися" $\to$ "Вбудувати". Ви отримаєте спеціальний HTML-код (<iframe>).
Вставте цей код у редактор вашої сторінки сайту. Це дозволить відтворювати відео прямо на вашій сторінці.
Оформлення: Додайте короткий текст-підпис до відео на сторінці (наприклад, мета проєкту).
Публікація: Опублікуйте зміни на сайті.
Фінальне Покликання: Скопіюйте повне покликання (URL-адресу) на цю нову сторінку сайту.
✅ Крок 6: Надсилання Результату
Надішліть вчителю покликання на готову сторінку сайту (саме ту, де вбудоване відео).
Якщо вам потрібна допомога з пошуком конкретних безкоштовних інструментів для озвучення чи монтажу, дайте знати!
15 запитань "Впорядкування, пошук і фільтрування даних". За матеріалом переглянутого відео
Сортування: Поясніть, у чому полягає фундаментальна необхідність сортування даних у таблицях бази даних. Які переваги це дає користувачу при аналізі та пошуку інформації?
Сортування: Як сортування даних за зростанням (Ascending) відрізняється від сортування за спаданням (Descending) для текстових і числових полів? Наведіть приклад для кожного типу даних.
Сортування: Уявіть, що ви працюєте з таблицею "Успішність учнів" (поля: Прізвище, Клас, Середній бал). За якими полями вам може знадобитися виконати багаторівневе сортування, і яка послідовність полів дозволить отримати найбільш логічний результат?
Сортування: Опишіть повну послідовність дій для скасування сортування (повернення до початкового порядку записів) у програмі MS Access.
Пошук: Яка роль функції пошуку в СУБД Access? Чим пошук у базі даних відрізняється від пошуку інформації в Інтернеті?
Пошук: Поясніть різницю між параметрами "Усе поле" (Whole Field), "Будь-яка частина поля" (Any Part of Field) та "Початок поля" (Start of Field) у вікні пошуку. Коли доцільно використовувати кожен із них?
Пошук: Чому рекомендується використовувати покрокову заміну (кнопка "Знайти далі", а потім "Замінити") замість одночасного використання кнопки "Замінити все" при внесенні змін до великої бази даних?
Пошук: Яку проблему з якістю даних (пов'язану з введенням користувача) можна вирішити за допомогою функції "Знайти і Замінити", використовуючи пошук зайвих пропусків? Як наявність зайвих пропусків впливає на сортування?
Фільтрування: Яке основне призначення фільтрування даних у базі даних, і чим, з точки зору результату, фільтр докорінно відрізняється від сортування?
Фільтрування: Як можна здійснити багатокритеріальне фільтрування? Наведіть приклад, де потрібно одночасно застосувати фільтр до двох різних полів (наприклад, знайти всі країни з населенням більше 100 млн та державним устроєм Монархія).
Фільтрування: Опишіть, як ви будете використовувати список "Текстові фільтри" (наприклад, "Містить", "Закінчується на...") для знаходження всіх товарів, артикул яких містить послідовність символів "-АВ-" у будь-якій частині.
Фільтрування: Що таке фільтрування за виділенням (Filter by Selection), і в яких випадках цей спосіб є найбільш швидким та зручним для користувача?
Фільтрування: Поясніть, що відбувається із записами, які не відповідають умовам фільтрації. Чи видаляються вони з таблиці? Як можна скасувати застосований фільтр?
Загальне: Порівняйте операції сортування та фільтрування в табличному процесорі (наприклад, Excel) і в системі управління базами даних (наприклад, Access). Які є спільні риси та ключові відмінності в їх реалізації?
Загальне: Які ризики можуть виникнути, якщо дані в базі даних будуть неправильно впорядковані або якщо користувач застосує невірні умови пошуку чи фільтрування? Як це вплине на прийняття рішень на основі цих даних?
Поясніть, що таке первинний ключ (Primary Key) в таблиці реляційної бази даних. Які дві основні вимоги висуваються до значень первинного ключа, згідно з відеоматеріалом?
У яких випадках, згідно з відео, виникає необхідність додатково вводити поле (наприклад, номер запису) для створення первинного ключа в таблиці? Наведіть власний приклад такої таблиці.
Що таке зовнішній ключ (Foreign Key)? Опишіть його роль у встановленні зв'язків та якій таблиці (таблиці-джерелу чи таблиці-призначенню) він завжди відповідає?
Назвіть та опишіть три основні причини (цілі), для чого встановлюють зв'язки між таблицями реляційної бази даних.
Схарактеризуйте зв'язок типу "Один до одного" (One-to-One). Наведіть власний приклад такого зв'язку з реального життя, не використовуючи приклад з відео (автомобіль і номер кузова).
Опишіть зв'язок "Один до багатьох" (One-to-Many). Поясніть, чому цей тип зв'язку є найпоширенішим у реляційних базах даних.
У чому полягає принципова відмінність між зв'язком "Один до багатьох" та "Багато до одного"? Поясніть різницю на прикладі множин (наприклад, Учителі та Класи).
Наведіть приклад зі шкільного життя або побуту, який можна представити зв'язком типу "Багато до багатьох" (Many-to-Many). Яким чином такий зв'язок реалізується в реляційній моделі?
Поясніть класифікацію зв'язків за повнотою. У чому полягає відмінність обов'язкового зв'язку від не обов'язкового (опціонального)?
Як зовнішні ключі допомагають усунути дублювання даних та пришвидшити їхнє опрацювання, згадане в кінці відео?
Поняття бази даних (БД) і систем керування базами даних (СКБД), їх призначення.
Мета
Навчальна: Сформувати розуміння сутності баз даних та необхідності їх використання. Ознайомити з поняттям СКБД та її основними функціями.
Розвивальна: Розвивати вміння класифікувати та структурувати інформацію, аналізувати приклади використання БД у реальному житті.
Основні етапи уроку
1. Актуалізація знань та мотивація (5 хв)
Питання: Пригадайте, що таке Дані та Інформація (7 клас). Чим відрізняється структурована інформація від неструктурованої?
Мотивація: Уявіть величезну бібліотеку, де всі книги лежать в одній купі. Чи зможете ви швидко знайти потрібну? Так само і з даними: коли їх багато, потрібен порядок.
2. Вивчення нового матеріалу (20 хв)
А. Поняття Бази Даних (БД):
Визначення:База даних (БД) — це структурований набір взаємопов'язаних даних про об'єкти певної предметної області, що зберігаються та опрацьовуються за встановленими правилами.
Приклади БД у реальному житті:
Шкільний журнал/база учнів (дані про ім'я, клас, оцінки).
Каталог товарів в інтернет-магазині.
Бібліотечний каталог.
База даних пасажирів у аеропорту.
Структура БД (на прикладі таблиці):
Поле (Стовпець): Містить певний тип даних (наприклад, тільки "Ім'я", тільки "Дата народження").
Запис (Рядок): Містить повний набір даних про один об'єкт (наприклад, дані про одного учня).
Б. Системи Керування Базами Даних (СКБД):
Визначення:СКБД — це комплекс програмних засобів, призначений для створення, підтримки (додавання, зміна, видалення даних) та використання (пошук, сортування, запити) баз даних.
Аналогія: БД — це бібліотека з книгами, а СКБД — це бібліотекар та система каталогів, які допомагають керувати цією бібліотекою.