inF | 10-11 клас |28-30 жовтня
Тема:
Основні інструменти для малювання. Інструменти виділення.
Домашня робота
Опрацювати § 2.3 с. 49-50 матеріал з презентації
inF | 10-11 клас |28-30 жовтня
Тема:
Візуалізація рядів даних.
Домашня робота
Опрацювати § 2.3 с. 49-50 матеріал з презентації
inF | 10-11 клас |21-23 жовтня
Тема:
Растровий графічний редактор як інструмент для дизайну.
Домашня робота
Опрацювати § 2.1 с. 36-42 матеріал з презентації
inF | 10-11 клас |21-23 жовтня
Тема:
Основи статистичного аналізу даних. Ряди даних. Обчислення основних статистичних характеристик вибірки.
Домашня робота
Опрацювати § 2.1 с. 36-42 матеріал з презентації
inF | 10-11 клас |14-16 жовтня
Тема:
Характеристики зображення та засобів його відтворення - яскравість, контрастність, роздільна здатність, інтервал оптичної щільності (фотографічна ширина), колірна гама, палітра, глибина кольору, насиченість кольору.
Домашня робота
Опрацювати § 2.1 с. 36-42 матеріал з презентації
inF | 10-11 клас |14-16 жовтня
Тема:
Комп'ютерне моделювання об'єктів і процесів. Комп'ютерний експеримент.
p1 = int(input('p1 = '))
p2 = int(input('p2 = '))
pr1 = 160*p1;
pr2 = 80*p2 + (10000 + 80*p2) *p2/100*0.8;
print('Прибуток І вклад', pr1)
print('Прибуток ІI вклад', pr2)
print("=== РОЗУМНИЙ СВІТЛОФОР ===")
color = input("Колір світлофора: ").lower()
if color == "зелений":
print("МОЖНА ПЕРЕХОДИТИ!")
elif color == "жовтий":
print("УВАГА! ЗАЧЕКАЙТЕ!")
elif color == "червоний":
print("СТІЙ! ПЕРЕХІД ЗАБОРОНЕНО!")
else:
print("Невідомий колір!")
print("=== КОСМІЧНА МІСІЯ ===")
fuel = int(input("Паливо (%): "))
oxygen = int(input("Кисень (%): "))
if fuel >= 50 and oxygen >= 70:
print("СИСТЕМИ ГОТОВІ!")
print("ЗАПУСК ДОЗВОЛЕНО!")
else:
print("ЗАПУСК ЗАБОРОНЕНО!")
if fuel < 50:
print("Недостатньо палива!")
if oxygen < 70:
print("Недостатньо кисню!")
Домашня робота
Опрацювати § 2.1 с. 36-42 матеріал з презентації
inF | 10-11 клас |07-09 жовтня
Тема:
Веб-дизайн.
Домашня робота
Опрацювати матеріал з презентації
inF | 10-11 клас |07- 09 жовтня
Тема:
Поняття про штучний інтелект, інтернет речей, Smart-технології та технології колективного інтелекту.
Домашня робота
Опрацювати матеріал з презентації
inF | 10-11 клас |30 вересня 02 жовтня
Тема:
Електронні та друковані портфоліо.
Електронні та друковані портфоліо
Портфоліо — це структуроване представлення робіт, навичок, проєктів, досягнень та особистого розвитку автора. Під час роботи ти порівняєш друкований та електронний формат, побудуєш структуру, навчишся оформлювати сторінки та створиш власне портфоліо.
student • creator • designer
Що таке портфоліо?
Якісне портфоліо показує не тільки результат, а й розвиток автора.
Коротке представлення автора.
Навички та компетентності.
Роботи, проєкти, дослідження.
Досягнення та результати.
Структурована презентація автора.
Електронне та друковане
Натискай на формат, щоб переглянути його особливості.
Інтерактивна цифрова презентація
Електронне портфоліо може містити текст, фотографії, відео, документи, інтерактивні матеріали та активні посилання. Його можна швидко оновлювати та поширювати через вебпосилання.
Визнач формат портфоліо
Обери, якому формату найбільше відповідає кожна характеристика.
Структура якісного портфоліо
Назва, автор, коротка презентація.
Інтереси, навчання та напрям розвитку.
Програми, технології та компетентності.
Добірка найкращих результатів.
Опис процесу від ідеї до результату.
Сертифікати, конкурси, події.
Що вдалося та чого навчився.
Лише доречні та безпечні дані.
Побудуй структуру сайту
Натискай сторінки у логічній послідовності.
2 зразки готового портфоліо
Перемикай сторінки всередині макетів та дивись, як може бути оформлено портфоліо.
Creative Student
Світле навчальне портфоліо для учня: проєкти, творчі роботи, навчальні результати та сертифікати.
Я створюю, навчаюся та розвиваюся.
Навчальне портфоліо з моїми найкращими роботами, проєктами та досягненнями.
IT / Digital Portfolio
Темне технологічне портфоліо для програмування, веброзробки, дизайну, Arduino та цифрових проєктів.
DIGITAL CREATOR
Створюю вебпроєкти, дизайн, програмую та експериментую з новими технологіями.
Методичні рекомендації
Базові правила для навчального портфоліо.
Основний текст — орієнтовно від 14 px для вебпортфоліо. Не використовуй надто дрібний текст.
Достатньо одного шрифту для тексту та одного акцентного для заголовків.
Фон і текст повинні добре відрізнятися. Не перевантажуй сторінку кольорами.
Однакові відступи, вирівнювання та логіка блоків роблять сайт професійним.
Використовуй чіткі фото, не деформуй їх і додавай підписи до робіт.
Користувач повинен легко перейти до будь-якого розділу портфоліо.
Не публікуй паролі, домашню адресу, банківські реквізити та іншу конфіденційну інформацію.
Перевір орфографію, посилання, мобільний вигляд, зображення та доступ до сайту.
Обери правильне оформлення
Оформлення друкованої версії
Мій навчальний проєкт
Короткий опис проєкту, його мети та використаних інструментів.
Тут можна показати основні етапи роботи та власний результат.
Рис. 1. Приклад оформленняНалаштуй друковану сторінку
За допомогою повзунків добери зручні параметри.
Створення електронного портфоліо
Від порожнього сайту до готового портфоліо
Створи сайт, сформуй сторінки, додай матеріали, налаштуй оформлення, перевір вигляд та опублікуй результат.
Порожній сайт або шаблон.
Назва портфоліо та заголовок.
Сформувати навігацію.
Текст, фото, файли, відео.
Перевірити вигляд сайту.
Перевірити доступ та адресу.
Мої роботи.
Мої навички.
Мій розвиток.
Навчальне електронне портфоліо
Віднови алгоритм Google Sites
Що можна публікувати?
- навчальні роботи;
- власні проєкти;
- сертифікати;
- навички;
- творчі роботи;
- власні висновки.
- паролі;
- банківські дані;
- домашню адресу;
- секретні коди;
- особисті документи;
- чужі роботи без дозволу.
Фінальна перевірка портфоліо
Познач усі виконані вимоги.
Створи власне електронне портфоліо у Google Sites
Рекомендована структура: Головна → Про мене → Навички → Роботи / Проєкти → Досягнення → Рефлексія.
0 /12 балів
Виконай усі 6 завдань.
Створи власне електронне портфоліо
Твоє завдання — створити не просто сайт, а структуроване персональне портфоліо, у якому будуть представлені твої навички, навчальні роботи, проєкти, досягнення та власний розвиток.
student • creator • digital
Що потрібно зробити?
Створи персональне навчальне портфоліо
Портфоліо повинно демонструвати тебе як автора: твої інтереси, навички, роботи, проєкти, результати навчання та розвиток.
Для кого створене портфоліо і що воно має показати.
Створити зрозумілу структуру сторінок і навігацію.
Використати єдиний сучасний візуальний стиль.
Додати власні роботи, описи та результати.
Переглянути текст, посилання та мобільний вигляд.
Надати готове посилання на портфоліо.
Обов'язкові сторінки
Назви можуть трохи відрізнятися, але зміст має бути збережений.
Назва портфоліо, ім'я автора, коротка презентація.
Коротка інформація, інтереси та напрям розвитку.
Програми, технології, уміння та компетентності.
Добірка власних навчальних або творчих робіт.
Детальніший опис 2–3 найкращих проєктів.
Сертифікати, конкурси, заходи, результати.
Що вдалося, чого навчився, що хочеш покращити.
За потреби — лише безпечні способи зв'язку.
Як може виглядати головна?
Ім'я Прізвище
Навчаюся, створюю, досліджую цифрові технології та збираю тут свої найкращі роботи.
Як показувати свої проєкти?
Макет сучасного вебсайту
Мета роботи — створити сучасний макет сайту з продуманою структурою, навігацією та візуальним стилем.
Методичні вимоги
Основний текст — орієнтовно від 14 px.
Бажано використовувати 1–2 шрифти.
Текст повинен легко читатися на фоні.
Використовуй однакові відступи та вирівнювання.
Не розтягуй і не деформуй зображення.
Меню має бути простим і зрозумілим.
Не публікуй конфіденційні персональні дані.
Перевір текст, сторінки та посилання.
Як виконати практичне?
Відкрий Google Sites та створи порожній сайт або обери шаблон.
Наприклад: «Портфоліо — Ім'я Прізвище».
Головна, Про мене, Навички, Роботи, Проєкти та Досягнення.
Додай власні тексти, фото, роботи, файли та посилання.
Обери тему, кольори, шрифти та єдиний стиль.
Перевір вигляд перед публікацією.
Виправ помилки, посилання та незавершені сторінки.
Налаштуй доступ і збережи посилання.
Що потрібно здати?
Сайт повинен відкриватися за наданим посиланням.
Щоб роботу можна було правильно ідентифікувати.
Не надсилай незавершену чернетку.
Перевір, чи відкриваються всі сторінки, чи немає порожніх блоків, помилок у тексті, недоступних файлів або випадково опублікованих особистих даних.
Чекліст • 12 балів
Для кожного пункту обери «Виконав» або «Не виконав». Результат підраховується автоматично.
0 /12 балів
Перевір усі 12 критеріїв.
Портфоліо повинно показувати тебе, а не просто заповнювати сторінки
Власні роботи • власний текст • логічна структура • якісний дизайн • перевірена інформація • готове посилання Google Sites.
Домашня робота
Опрацювати матеріал з презентації
inF | 10-11 клас |30 вересня 02 жовтня
Тема:
Інтернет-маркетинг та інтернет-банкінг. Системи електронного урядування.
Інтернет у повсякденному житті
Наочно досліджуємо, як Інтернет використовується для просування товарів і послуг, банківських операцій та взаємодії громадянина з державою. У кожному модулі є практичне завдання, мінісимуляція та перевірка знань.
Де ми зустрічаємо ці системи?
Натискай на кожну сферу і переглядай, як відбувається цифрова взаємодія.
Цифрове просування товарів і послуг
Компанія визначає потрібну аудиторію, створює рекламне повідомлення, обирає цифровий канал, отримує реакцію користувачів та аналізує результат.
Від реклами до цільової дії
Запусти рекламну кампанію
Ти просуваєш безкоштовний курс веброзробки для учнів 9–11 класів. Побудуй логічну рекламну кампанію.
Побудуй шлях користувача
Натискай картки у правильній послідовності: від першого перегляду реклами до аналізу результатів.
Банк у смартфоні
Використовуй пароль, біометрію та додаткове підтвердження входу.
Шахрай може імітувати повідомлення банку.
OTP, PIN та інші конфіденційні дані не повідомляй стороннім.
Розпізнай фішингове повідомлення
Познач усі ознаки, які мають викликати підозру.
⚠ Ваш рахунок буде заблоковано через 10 хвилин!
Негайно відкрийте: bank-check-security.example
Введіть номер картки, CVV та код із SMS.
Безпечно чи небезпечно?
Проаналізуй 4 реальні цифрові ситуації.
Електронна держава
Визнач електронні послуги
Обери, чи є кожна ситуація прикладом електронної державної або муніципальної послуги.
Побудуй маршрут е-послуги
Натискай етапи в логічній послідовності. У конкретних сервісах порядок може дещо відрізнятися.
Чим відрізняються ці системи?
Бізнес ↔ аудиторія
- реклама;
- просування;
- контент;
- аналітика.
Банк ↔ клієнт
- рахунки;
- платежі;
- перекази;
- фінансова безпека.
Держава ↔ громадянин
- заяви;
- ідентифікація;
- інформація;
- електронні послуги.
0 /12 балів
Виконай усі 6 інтерактивних завдань.
Домашня робота
Опрацювати матеріал з презентації
inF | 10-11 клас |23-25 вересня
Тема:
Типографіка, шрифти і шрифтові пари. Прийоми каліграфії та леттерингу. Особливості поєднання шрифтів. Коротка історія дизайну і типографіки.
Дизайн & типографіка
Навчимося працювати зі шрифтом, композицією, кольором, контрастом, візуальною ієрархією та простором, а практичним результатом стане власний текстовий банер у застосунку PicsArt.
Що таке типографіка?
Типографіка — це не просто вибір красивого шрифту. Вона визначає, як людина читає та сприймає інформацію.
Це організація та художнє оформлення тексту: вибір гарнітури, розміру, накреслення, міжлітерних і міжрядкових інтервалів, вирівнювання, кольору та розташування тексту в композиції.
Найважливіший текст повинен бути помітним першим.
Текст повинен легко читатися навіть на невеликому екрані.
Відстань між буквами, словами та рядками впливає на сприйняття.
Текст має чітко відділятися від фону.
Усі елементи повинні створювати цілісну систему.
Для навчального банера достатньо 1–2 гармонійних гарнітур.
Відчуй різницю
Натискай на параметри та спостерігай, як змінюється характер одного й того самого тексту.
Простий текст може виглядати абсолютно по-різному.
У яких застосунках можна працювати?
Для цього завдання основним інструментом буде PicsArt, але аналогічний дизайн можна створити й в інших редакторах.
PicsArt
Текст, шрифти, колір, ефекти, фото, фон, графічні елементи, робота з композицією та експорт.
Canva
Зручно для банерів, соціальної графіки, роботи зі шрифтами та шаблонами.
Adobe Express
Робота з текстом, стилями, шрифтами, кольорами та ефектами.
Adobe Photoshop
Професійна робота з типографікою, шарами, масками та ефектами.
Figma
Зручна для композиції, сіток, інтерфейсів та точного позиціонування.
Photopea
Браузерний графічний редактор для роботи з шарами, текстом і растровою графікою.
Створи текстовий банер у PicsArt
Створи сучасний типографічний банер
Основним елементом дизайну повинен бути текст, а не фотографія.
YOUR
FUTURE
Виконуй крок за кроком
Натискай «Виконано» після завершення кожного етапу.
Відкрий PicsArt і створи новий проєкт
Створи чисте полотно або вибери нейтральний фон. Рекомендований розмір — 1080 × 1350 px.
Додай головний текст
Вибери інструмент Text / Текст та введи:
YOUR
FUTURE
Обери гарнітуру
Для основного заголовка використай чіткий шрифт із достатньою товщиною. Не використовуй багато різних шрифтів.
Визнач головне слово
Одне слово зроби домінантним. Наприклад, DESIGN або FUTURE.
Побудуй композицію
Не розміщуй усі елементи випадково. Вирівняй текст відносно спільної осі або побудуй свідому асиметричну композицію.
Обери кольорову систему
Використай 2–4 основні кольори. Один із них може бути акцентним.
Перевір читабельність
Текст повинен добре читатися на вибраному фоні.
Відкоригуй відстані
Перевір відстань між буквами, словами, рядками та блоками.
Додай мінімальні графічні елементи
Можна використати лінії, невеликі геометричні форми, номери, рамки або акцентні елементи.
Перевір та експортуй
Переглянь роботу у повному розмірі та в маленькому прев’ю. Після перевірки експортуй банер у PNG або JPG.
Що робити, а чого уникати
- використовувати 1–2 шрифти;
- створити чітку ієрархію;
- виділяти головне слово;
- залишати достатньо вільного простору;
- контролювати контраст;
- використовувати обмежену палітру;
- вирівнювати елементи;
- перевіряти читабельність.
- 5–6 різних шрифтів;
- занадто багато ефектів;
- низький контраст тексту;
- випадкове вирівнювання;
- надмірні тіні та обводки;
- текст біля самого краю;
- велику кількість стікерів;
- хаотичну кольорову палітру.
Перевір свою роботу
Почни перевірку
Познач виконані вимоги.
Хочеш зробити складніше?
Після основного банера створи другий варіант із тією самою інформацією, але повністю іншою композицією.
Домашня робота
Опрацювати матеріал з презентації
inF | 10-11 клас |23 вересня
Тема:
Комп’ютерно-орієнтовані засоби планування, виконання і прогнозування результатів навчальної, дослідницької і практичної діяльності.
Домашня робота
Опрацювати підручник § 1.4 с. 18-23 та матеріал з презентації
Реферат- брендбук
Потрібно створити не просто реферат, а повноцінний навчальний брендбук, у якому поєднуються теоретичне дослідження, власна концепція бренду, логотип, кольорова система, типографіка, брендований мерч, реалістичні мокапи та обґрунтування дизайнерських рішень.
Від дослідження — до власного бренду
Навчитися аналізувати принципи сучасного брендингу, формувати айдентику, використовувати композицію, колір, типографіку та цифрові інструменти, а також презентувати власний дизайн-проєкт у форматі структурованого реферату-брендбука.
Структура реферату-брендбука
Заклад освіти, предмет, тема, автор, учитель, рік.
Автоматичний зміст із розділами та сторінками.
Українська + англійська, ключові слова.
Актуальність, мета, завдання, об’єкт і предмет.
Чому обрано саме цю тему і бренд.
Брендинг, дизайн, композиція, колір, типографіка.
Назва, ідея, аудиторія, позиціонування.
Логотип, кольори, шрифти та правила використання.
Колекція брендованої продукції.
Реалістична цифрова візуалізація продукції.
Аналіз результатів і власний підсумок.
Реальні та перевірені матеріали.
Як оформити титульну сторінку
Буштинський ліцей
Предмет: Інформатика
«Розроблення власного бренду та колекції брендованого мерчу»
2k26/27
Що дослідити у теоретичній частині
Практична частина брендбука
Оригінальна назва та пояснення її значення.
Що бренд хоче передати або змінити.
Для кого створюється продукт.
Сучасний, мінімалістичний, спортивний тощо.
Основна та спрощена версія.
4–6 кольорів із HEX-кодами.
Основний та допоміжний шрифт.
Патерни, лінії, іконки, форми.
Створи власну колекцію мерчу
Оформлення візуальних матеріалів
Кожне зображення має номер.
Наприклад: «Рис. 3. Мокап брендованої футболки».
Перед рисунком має бути посилання на нього.
Зображення не повинно бути розмитим або деформованим.
Не видавати згенероване зображення за реальне фото.
Позначити власні та використані сторонні матеріали.
Правильне оформлення реферату
Поля сторінки +
- Ліве: 3 см
- Праве: 1,5 см
- Верхнє: 2 см
- Нижнє: 2 см
Заголовки +
Нумерація сторінок +
Цитування +
Список джерел +
Оформлення рисунків +
ШІ допомагає створити матеріал, але не замінює автора роботи
Перевіряй факти, джерела, цитати, авторів, терміни, логіку тексту та результати генерації. У брендбуку повинна бути власна концепція, власні дизайнерські рішення та пояснення автора.
Основні вимоги • 12 балів
Bonus • додаткові творчі завдання
Додатково створити сторінки з правилами використання логотипу, захисним полем, дозволеними та забороненими варіантами.
Розробити коробку, пакет, бірку або інший носій пакування бренду.
Створити постер, банер, Instagram-публікацію або рекламний макет.
Зробити коротке відео або анімовану презентацію запуску бренду.
Створити щонайменше 3 додаткові професійні мокапи.
Реально виготовити один елемент: наліпку, бейдж, футболку, картку, бірку або інший предмет.
inF | 10-11 клас |16-18 вересня
Тема:
Реклама. Психологія сприйняттям реклами. Інфографіка.
Домашня робота
Опрацювати матеріал з презентації
inF | 10-11 клас |16 вересня
Тема:
Навчання в Інтернеті. Професії майбутнього – аналіз тенденцій на ринку праці. Роль інформаційних технологій в роботі сучасного працівника.
Домашня робота
Здійснити пошук інформації в пошуковій системі та порівняти отримані результати з відповіддю штучного інтелекту, використовуючи той самий заданий промт.
Знайти інформацію через пошукову систему.
Ввести той самий промт у штучний інтелект.
Зіставити інформацію з обох джерел.
Домашня робота
Опрацювати підручник § 1.3 ст. 15-18 та матеріал з презентації
inF | 10-11 клас |09-11 вересня
Тема:
Ілюстрація. Цифрове мистецтво. Сучасна реклама та фірмовий стиль: напрямки, стилі, тренди.
Домашня робота
Здійснити пошук інформації в пошуковій системі та порівняти отримані результати з відповіддю штучного інтелекту, використовуючи той самий заданий промт.
Знайти інформацію через пошукову систему.
Ввести той самий промт у штучний інтелект.
Зіставити інформацію з обох джерел.