Завдання, розроблені на основі відеоуроку про художні образи та знакові системи в графічному дизайні.
1. Запитання для учнів 11 класу .
Ці запитання допоможуть перевірити розуміння теоретичного матеріалу:
Дайте визначення поняттю «художній образ». Як він співвідноситься з реальною дійсністю?
На які два великі види можна поділити художні образи за їхньою природою? Наведіть приклади кожного.
Опишіть класифікацію образів за їхнім характером. Чим відрізняються трагічні образи від комічних?
Як образи поділяються за ставленням автора до них? Поясніть різницю між позитивними та негативними образами.
Яка роль епізодичних образів у творі чи графічній композиції?
Класифікуйте образи за предметом змалювання. Які саме об'єкти чи явища вони можуть представляти?
Поясніть таку властивість художнього образу, як «метафоричність». Як вона допомагає автору передати задум?
У чому полягає єдність конкретності та загальності в художньому образі?
Що таке «художній символ»? Чим символ відрізняється від простого зображення предмета?
Дайте визначення поняттю «знакова система». Яка її головна мета в історії людства?
Назвіть три елементарні функції, що лежать в основі будь-якого знака. Опишіть їх суть (номінація, предикація, локалізація).
Поясніть різницю між замкненими та відкритими знаковими системами. Наведіть приклади.
Чим прості знакові системи відрізняються від складних (багатоярусних)?
На які три групи поділяються зображення згідно з теорією графічного дизайну?
Що таке «стилістична єдність» у контексті використання знаків та образів?
2. Теми проєктів: Інтеграція графічного дизайну та української літератури
Ці теми пропонують учням поєднати знання про знакові системи з образами, які вони вивчають на уроках літератури:
«Знакова система драми-феєрії "Лісова пісня" Лесі Українки»: створення системи піктограм або символів для головних персонажів (Мавка, Лукаш, Перелесник) на основі їхніх характеристик.
«Еволюція образу "міста" у творчості Валер'яна Підмогильного (роман "Місто")»: розробка графічного мудборду або серії плакатів, що передають трансформацію героя через візуальні метафори.
«Символіка кольорів та образів у новелі "Intermezzo" Михайла Коцюбинського»: створення графічної серії «Образи-настрої» (Моя утома, Ниви, Сонце).
«Графічна інтерпретація урбаністичних образів празької школи поетів»: візуалізація суворих та вольових образів (наприклад, О. Ольжича) через геометричні знакові системи.
«Метафоричний світ "Тіней забутих предків"»: розробка логотипів або графічних знаків для гуцульських міфологічних істот (Чугайстер, Щезник) з дотриманням етностилю.
«Стилістична єдність обкладинки сучасної української книги»: дизайн палітурки до твору Ліни Костенко «Маруся Чурай», де образ героїні поєднується з символом української пісні.
«Знаки та символи в поезії Богдана-Ігоря Антонича»: створення абстрактних графічних композицій, що ілюструють поняття «рослинності» та «антропоцентризму» в його творчості.
«Візуалізація образу "землі" у творі Ольги Кобилянської»: розробка інфографіки, що через знаки передає конфлікт і зв'язок людини з землею.
«Гротеск та комічний образ у графіці (за творами Миколи Куліша)»: створення серії сатиричних ілюстрацій до п'єси «Мина Мазайло», де акцент робиться на характерності персонажів.
«Інтерактивна мапа образів-символів українського бароко»: дослідження символічних знаків у творчості Григорія Сковороди та їх відтворення в сучасному мінімалістичному дизайні.
Визначення поняття: Сформулюй власне визначення ергономіки веб-сайту. Які три ключові фактори (щодо стану користувача) вона має забезпечувати?
Принцип інтуїтивності: Чому при розробці структури сторінок важливо, щоб дії користувача були інтуїтивно зрозумілими без спеціального навчання?
Розташування відомостей: Які вимоги існують до заголовка сайту та розміщення найважливішої інформації на сторінці?
Обмеження контенту: Чому, згідно з ергономічними нормами, кількість колонок з контентом не повинна перевищувати трьох, а горизонтальна прокрутка вважається неприпустимою?
Роль «підвалу» (footer): Яку практичну функцію виконує нижній колонтитул сторінки та які дані він має містити?
Ефективна навігація: Поясни «правило вкладеності» рівнів сайту та вимоги до кількості посилань в одному навігаційному блоці.
Оформлення та контраст: Як правильний вибір кольорової гами та вирівнювання тексту впливає на сприйняття інформації відвідувачем?
Технічні параметри: Який оптимальний обсяг одного графічного файлу рекомендується для швидкого завантаження сторінки і чому це важливо?
Інклюзивність: Які конкретні елементи (наприклад, підписи до зображень або масштабування) допомагають зробити сайт зручним для людей із вадами зору?
Історичний контекст: Хто такий Якоб Нільсен і за допомогою якого винайденого ним методу сьогодні проводять ергономічний аудит сайтів?
Два практичних завдання, які допоможуть учням застосувати знання з відео на практиці. Одне спрямоване на аналіз, а інше — на проєктування.
Завдання 1. Ергономічний аудит (Аналіз)
Мета: Навчитися бачити помилки в інтерфейсі та пропонувати шляхи їх виправлення.
Інструкція для учня:
Оберіть будь-який сайт (це може бути сайт вашої школи, місцевої громади або старий новинний ресурс).
Проаналізуйте його за 5 критеріями з відео:
Навігація: Чи можна повернутися на головну в один клік? Скільки рівнів вкладеності має сайт?
Колористика: Чи достатній контраст між текстом і фоном?
Контент: Чи є на сторінці більше трьох колонок тексту? Чи з’являється горизонтальна смуга прокручування?
Швидкість: Чи швидко завантажуються зображення?
Доступність: Чи мають картинки альтернативний текст (підписи), який з’являється при наведенні?
Результат: Складіть коротку таблицю "Проблема — Наслідок для користувача — Рекомендація щодо виправлення".
Завдання 2. Створення прототипу ергономічної сторінки (Проєктування)
Мета: Відпрацювати навички правильного розміщення елементів на веб-сторінці.
Інструкція для учня:
Використовуючи будь-який інструмент (онлайн-дошку як Jamboard/Miro, графічний редактор або навіть звичайний аркуш паперу), створіть макет (схему) головної сторінки сайту на тему "Екологія мого міста".
Вимоги до макета:
Заголовок: Чітка назва сайту, що дублюється на всіх сторінках.
Меню: Не більше 7 пунктів в основному блоці навігації. Кнопки мають бути великими.
Золотий трикутник: Розмістіть найважливішу новину у верхній лівій частині сторінки.
Підвал (Footer): Додайте блок із контактами, авторськими правами та посиланням на карту сайту.
Інклюзивність: Передбачте на макеті кнопку для перемикання у "Режим для людей із вадами зору" (збільшений шрифт/чорно-біла гама).
Шаблон — це спеціальний файл, який вже містить певний дизайн, структуру та елементи оформлення.
Навіщо вони потрібні? Щоб не створювати документ "з нуля" щоразу (наприклад, резюме, лист, звіт чи календар).
Як знайти? У Microsoft Word: Файл → Створити. Там можна обрати готовий макет.
Перевага: Економія часу та професійний вигляд документа.
2. Форматування з використанням стилів
Стиль — це набір параметрів форматування (шрифт, розмір, колір, відступи), який має свою назву.
Типи стилів: Найчастіше використовують стилі для заголовків (Heading 1, 2) та звичайного тексту.
Чому це круто? 1. Швидкість: Можна змінити оформлення всіх заголовків одним кліком.
2. Зміст: На основі стилів заголовків програма автоматично створює Зміст (автоматичне оглавление).
3. Єдність: Весь документ виглядає в одному стилі.
3. Пошук та заміна фрагментів тексту
Ці інструменти допомагають миттєво знаходити слова у великих текстах і змінювати їх.
Пошук (Ctrl + F): Допомагає знайти конкретне слово або фразу в документі на 100+ сторінок за секунду.
Заміна (Ctrl + H): Автоматично змінює одне слово на інше у всьому документі.
Приклад: Тобі потрібно замінити в усьому тексті "м. Київ" на "столиця України". Замість того, щоб шукати вручну, ти використовуєш функцію "Замінити все".
💡 Головні поради (Cheat Sheet):
Функція
Гарячі клавіші
Результат
Пошук
Ctrl + F
Виділяє знайдені слова жовтим.
Заміна
Ctrl + H
Міняє старе слово на нове автоматично.
Стилі
Вкладка Основна
Робить документ структурованим.
5 практичних завдань для роботи в Google Документах, які допоможуть закріпити знання про шаблони, стилі та пошук.
Завдання: Яка програма потрібна, якщо ти хочеш намалювати сонечко та будиночок? (Варіанти: Paint / Калькулятор / Гра "Змія")
Очікувана відповідь: Paint (або інша програма для малювання).
"Знайди чарівну паличку"
Завдання: Розглянь зображення програми для малювання. Знайди інструмент, який схожий на гумку . Для чого він потрібен?
Очікувана відповідь: Витирати помилки або частини малюнка.
"Де живе текст?"
Завдання: Якщо ти хочеш надрукувати віршик про маму чи тата, яку програму ти обереш: програму для слухання музики чи програму для роботи з текстом (наприклад, Блокнот чи Word)?
Очікувана відповідь: Програму для роботи з текстом.
"Інструменти для будівельника"
Завдання: У програмі для малювання є інструменти "Пензлик" та "Лінія". З'єднай ці інструменти з їхніми діями:
Пензлик – малює товсто, як фарба.
Лінія – малює рівну доріжку.
"Командна гра"
Завдання: Комп'ютерна програма – це набір команд для комп'ютера. Яку команду ти даси комп'ютеру, щоб він зберіг твій малюнок? (Варіанти: "Друк" / "Зберегти" / "Видалити")
Очікувана відповідь: "Зберегти".
"Кольорова банка"
Завдання: Який інструмент у програмі Paint схожий на відерце з фарбою ? Як він називається і що він робить?
Очікувана відповідь: Заливка/Відерце. Швидко зафарбовує велику частину малюнка одним кольором.
"Збільшити/Зменшити"
Завдання: Який інструмент допомагає нам роздивитися маленькі деталі малюнка, як збільшувальне скло ?
Очікувана відповідь: Лупа/Масштаб.
"Світлофор для програми"
Завдання: Щоб закрити програму, треба натиснути на маленький значок у кутку. Який це значок: червоний квадрат, зелений трикутник чи синій хрестик?
Очікувана відповідь: Синій/Червоний хрестик (X).
"Навігатор у програмі"
Завдання: Розглянь програму, де можна грати. Знайди кнопки-стрілки і скажи, для чого вони потрібні у грі (рухати героя, відкривати меню чи змінювати колір).
Очікувана відповідь: Рухати героя/персонажа.
"Відмінність: гра vs. робота"
Завдання: Назви одну комп'ютерну програму, де ти працюєш (наприклад, малюєш чи друкуєш), і одну програму, де ти граєш. У чому їхня головна відмінність?
Очікувана відповідь: Робоча програма має багато інструментів, а ігрова – правила та рівні.
Назва таблиці: "Облік придбання офісного обладнання" (або "Придбання шкільного приладдя")
№
Назва товару
Кількість
Ціна за одиницю (грн)
Знижка (%)
Дата придбання
Загальна вартість (грн)
1
Ноутбук Acer
1
18500,00
5%
12.12.2025
2
Монітор 27''
2
4899,50
0%
12.12.2025
3
Картридж для принтера
4
750,00
10%
13.12.2025
4
Бездротова миша
5
299,90
0%
13.12.2025
5
Флеш-накопичувач 64 ГБ
10
199,00
15%
14.12.2025
6
Набір маркерів (4 шт.)
3
55,75
0%
14.12.2025
7
Папір для принтера (упак.)
20
145,50
5%
15.12.2025
Запитання за матеріалом завдання
Типи даних: Які типи даних містяться у стовпцях «Назва товару», «Кількість» та «Дата придбання»? Поясніть різницю між ними.
Побудова формул: Запишіть формулу, яку потрібно ввести в клітинку G2, щоб розрахувати вартість ноутбука з урахуванням знижки. Використовуйте адреси клітинок.
Відсотковий формат: Як зміняться математичні дії у формулі, якщо в стовпці «Знижка» замість формату відсотків (5%) буде записано просто число (5)?
Арифметичні оператори: Які математичні оператори використовуються в електронних таблицях для множення та віднімання? Наведіть приклади з цього завдання.
Автозаповнення: Опишіть алгоритм дій: як швидко розрахувати загальну вартість для всіх товарів у списку, не вводячи формулу вручну для кожного рядка?
Форматування чисел: Яке форматування доцільно встановити для стовпців «Ціна за одиницю» та «Загальна вартість», щоб вони виглядали як грошові суми?
Адресація: Чому при копіюванні формули вниз по стовпцю адреси клітинок (наприклад, з C2 на C3) змінюються автоматично? Як називається такий вид посилань?
Пріоритет операцій: Чи потрібні дужки у формулі для розрахунку вартості зі знижкою? Поясніть, як зміниться результат, якщо їх прибрати.
Аналіз даних: Як за допомогою інструментів табличного процесора швидко знайти товар, на який була витрачена найбільша сума грошей?
Оновлення даних: Що станеться із «Загальною вартістю», якщо ми змінимо кількість «Паперу для принтера» з 20 на 25 упаковок? Чи потрібно буде переписувати формулу?
На основі матеріалу відео "9 клас Обчислення підсумків" дай відповідь на 10 запитань
Призначення засобу: Поясніть, що таке "проміжні підсумки" в табличному процесорі Microsoft Excel і в чому полягає їхня ключова перевага порівняно з обчисленням підсумків за допомогою звичайних формул.
Обов'язкова умова: Яку обов'язкову підготовчу дію потрібно виконати з даними таблиці перед застосуванням засобу "Проміжні підсумки" і чому ця дія є критично важливою для коректного групування?
Локалізація інструмента: Опишіть покроково, на якій вкладці та в якій групі інструментів в інтерфейсі Microsoft Excel розташований засіб для додавання проміжних підсумків.
Вибір функції: Перелічіть не менше трьох різних функцій, які можна обрати у списку "Використовувати функцію" під час обчислення проміжних підсумків (наприклад, сума, кількість, середнє значення тощо).
Вимоги до полів: Які типи даних повинні містити поля, які користувач обирає у списку "Додати підсумки до", і чому не можна обрати поля з текстовими даними?
Вкладені підсумки: При створенні вкладених проміжних підсумків (кількох рівнів) яку важливу дію необхідно виконати з прапорцем "Замінити поточні підсумки" на другому та наступних кроках? Обґрунтуйте свою відповідь.
Структура даних: Для чого призначена структура (outline), що з'являється ліворуч від таблиці після вставлення підсумків? Як різні рівні структури (наприклад, 1, 2, 3) допомагають користувачеві працювати з даними?
Опція друку: В яких випадках, пов'язаних з підготовкою документа до друку, доцільно встановлювати прапорець параметра "Кінець сторінки між групами"?
Видалення та оновлення: Як користувач може видалити всі проміжні підсумки та структуру з таблиці? Опишіть, що станеться з проміжними підсумками, якщо дані в таблиці будуть пересортовані.
Практичне застосування: Наведіть власний приклад таблиці (окрім згаданих у відео землетрусів) і поясніть, за якими полями ви б утворили групи та яку функцію використали б для обчислення підсумків у цій таблиці.
Презентація: Дані та їх структури. Класифікація. Великі дані (8 клас)
Слайд 1: Титульний
Заголовок: Дані та їх структури. Класифікація. Великі дані.
Дисципліна: Інформатика, 8 клас.
Підручник: Морзе Н.В., Барна О.В.
Ваше ім'я/Дата.
Слайд 2: Що таке Дані?
Заголовок: Дані: основа інформатики.
Визначення:Дані — це зафіксовані відомості про об'єкти, події чи явища, які можуть бути опрацьовані комп'ютером (збережені, передані, змінені).
Ключова ідея: Самі по собі дані не завжди є інформацією. Вони стають інформацією лише після їх опрацювання, коли їх можна зрозуміти та використати для прийняття рішень.
Приклад: Число 45 (Дані) $\to$ 45 років вчителю (Інформація).
Види даних за формою подання:
Числові: 1, 3.14, 1000.
Текстові: Літери, слова, речення.
Графічні: Зображення, фотографії .
Звукові: Музика, мова.
Відео: Рухомі зображення зі звуком.
Слайд 3: Структури Даних (Прості)
Заголовок: Як дані "живуть" разом? Структури даних.
Визначення:Структура даних — це спосіб організації, зберігання та керування даними для ефективного доступу та модифікації.
Прості (Елементарні) структури даних:
1. Поле (Field): Одинична неподільна одиниця даних.
Приклад: Ім'я, Вік, Дата.
2. Запис (Record): Сукупність логічно пов'язаних полів.
Приклад:Учень: {ПІБ: Іванов, Клас: 8-А, День народження: 10.05.2010}.
Слайд 4: Структури Даних (Складні)
Заголовок: Складні структури даних.
3. Таблиця (Table) / Масив: Сукупність однотипних записів (рядків), які мають однакову структуру полів (стовпців).
Це основна структура для зберігання даних у базах даних (БД) та електронних таблицях.
4. Файл: Іменована область на носії інформації (диску), де зберігається певна сукупність даних.
5. Список / Черга / Стек: Більш складні структури, що використовуються в програмуванні для організації послідовностей даних. .
Слайд 5: Класифікація Даних
Заголовок: Класифікація даних: Як їх впорядкувати?
Дані класифікують за різними ознаками. Для нас важлива їхня організація та природа:
1. За типом: Числові, текстові, графічні, звукові, відео (Ми вже розглядали).
2. За структурою:
Структуровані: Дані, організовані у чітко визначені структури (наприклад, таблиці, як у базах даних).
Приклад: Таблиця з ПІБ, адресами та телефонами учнів.
Неструктуровані: Дані, які не мають чіткої внутрішньої структури. Вони займають до 80% усіх даних!
Приклад: Текст електронного листа, фотографії, пости в соціальних мережах, відео на YouTube.
Напівструктуровані: Містять маркери, які дозволяють їх частково організувати (наприклад, теги в HTML, JSON-файли).
Слайд 6: Що таке Великі Дані (Big Data)?
Заголовок: Big Data: Чому звичайні дані стали "Великими"?
Визначення:Великі дані (Big Data) — це надзвичайно великі обсяги структурованих і неструктурованих даних, які є занадто великими, швидкими або складними для обробки традиційними методами.
Головна мета: Знаходити у цих даних приховані закономірності, тенденції та відкриття, які допомагають приймати рішення.
Приклади: Прогнозування епідемій, рекомендації Netflix, пробки на Google Maps.
Слайд 7: Характеристики Big Data (3 V)
Заголовок: Три "V" Великих Даних (3 V's).
Для характеристики Big Data використовують 3 головні ознаки (3 V's):
1. Обсяг (Volume): Надзвичайно велика кількість даних (петабайти, зетабайти).
2. Швидкість (Velocity): Дані надходять з дуже високою швидкістю (наприклад, дані з датчиків або повідомлення в Twitter).
3. Різноманітність (Variety): Дані надходять у різних форматах (текст, відео, зображення, логічні файли) — це і є структуровані, неструктуровані та напівструктуровані дані! [Image illustrating the 3 V's of Big Data - Volume, Velocity, Variety].
Слайд 8: Де використовуються Великі Дані?
Заголовок: Застосування Big Data.
Медицина: Аналіз мільйонів історій хвороби для пошуку ефективних ліків.
Торгівля: Рекомендації товарів (Amazon, Rozetka) на основі ваших попередніх покупок.
Транспорт: Оптимізація маршрутів, керування трафіком у містах (Google Maps).
Фінанси: Виявлення шахрайства та ризиків.
Наука: Обробка даних з телескопів, прискорювачів частинок.
Слайд 9: Підсумки та Запитання
Заголовок: Підведемо підсумки.
Дані $\to$ основа, яка після опрацювання стає Інформацією.
Структури даних $\to$ спосіб організації даних (Поле, Запис, Таблиця, Файл).
Класифікація: Основний поділ — на Структуровані та Неструктуровані дані.
Big Data $\to$ це дані з великим Обсягом, високою Швидкістю надходження та великою Різноманітністю (3 V's).
Запитання до учнів: Який вид даних (текстові, графічні чи числові) є найпоширенішим у соціальних мережах?