Уяви, що тобі потрібно записати оцінки 30 учнів класу. Можна створити 30 окремих змінних (a1, a2, a3...), але це незручно. Набагато простіше використати масив.

Масив — це іменована група однотипних елементів, що зберігаються в пам'яті комп'ютера один за одним.

Як це працює (на простих прикладах):

• Масив як потяг: Кожен вагон — це окремий елемент. У вагоні лежить якесь значення (число, текст), а на самому вагоні написаний його номер.

• Масив як готель: Назва готелю — це назва масиву. Номери кімнат — це індекси, а люди, що там живуть — це значення.

Основні характеристики:

1. Ім’я: У всього масиву одна спільна назва (наприклад, marks або names).

2. Індекс (номер): Це порядковий номер елемента в масиві. Важливо: у більшості мов програмування (Python, C++, Java) нумерація починається з 0, а не з 1.

3. Значення: Те, що саме зберігається в конкретній «комірці» масиву.

Зміна значень елементів масиву — це база програмування. Це як перекладати речі в коробках або змінювати цінники в магазині. Оскільки ти просив на «ти», давай розберемо три прості, але реальні задачі, які допоможуть закріпити цю тему.

Ми будемо використовувати мову Python, бо вона найпопулярніша у 9 класі, але логіка однакова для всіх мов.

Задача 1. Акція в магазині (Зменшення значень)

Умова: Маємо масив цін на товари. Сьогодні чорна п'ятниця, і на всі товари діє знижка 50%. Потрібно оновити ціни в масиві.

Код:

Python

prices = [100, 250, 40, 500, 120]

# Проходимо по кожному індексу масиву
for i in range(len(prices)):
 prices[i] = prices[i] / 2 # Змінюємо значення: ділимо на 2

print("Нові ціни зі знижкою:", prices)

Задача 2. Калібрування датчика (Збільшення значень)

Умова: Термометр показує температуру в кімнаті, але він збився і показує на 2 градуси менше, ніж є насправді. Потрібно додати 2 до кожного вимірювання в масиві.

Код:

Python

temps = [18, 19, 21, 17, 20]

for i in range(len(temps)):
 temps[i] = temps[i] + 2 # Збільшуємо кожен елемент на 2

print("Коректні показники температури:", temps)

Задача 3. Обнулення помилок (Заміна за умовою)

Умова: В масиві зберігаються результати тестів. Якщо значення від’ємне (це помилка системи), його треба замінити на 0.

Код:

Python

results = [85, -5, 92, -10, 78]

for i in range(len(results)):
 if results[i] < 0:
 results[i] = 0 # Замінюємо тільки ті значення, що менше нуля

print("Очищені результати:", results)

Що важливо запам'ятати:

1. Індекс (i) — це «адреса» елемента в масиві. Щоб змінити значення, ми звертаємось до нього саме через індекс: масив[i] = нове_значення.

2. Цикл for — ідеальний інструмент для перебору всіх елементів масиву по черзі.

3. Умова if — дозволяє змінювати не всі елементи, а тільки ті, що нам потрібні.

Алгоритми опрацювання елементів одновимірного масиву

1. Основна ідея

Для розв'язання обох задач нам потрібно переглянути кожен елемент масиву. Це робиться за допомогою циклу (зазвичай for). В середині циклу ми перевіряємо умову (за допомогою if).

Ключові змінні:

• Для суми: створюємо змінну (наприклад, S), якій спочатку присвоюємо 0.

• Для кількості: створюємо змінну-лічильник (наприклад, K), якій також спочатку присвоюємо 0.

2. Алгоритм знаходження суми

Ми «пробігаємо» масивом і, якщо елемент нам підходить, додаємо його значення до загальної скарбнички.

Логіка (псевдокод):

1. Надати S = 0.

2. Для кожного елемента A[i] у масиві:

   • Якщо A[i] задовольняє умову (наприклад, A[i] > 0):

     • Збільшити S на значення елемента: S = S + A[i].

3. Вивести S.

3. Алгоритм знаходження кількості

Тут нас не цікавить, наскільки велике число в елементі. Нам важливо лише те, що він "існує" і підходить під умову. Кожен такий елемент додає до лічильника одиницю.

Логіка (псевдокод):

1. Надати K = 0.

2. Для кожного елемента A[i] у масиві:

   • Якщо A[i] задовольняє умову:

     • Збільшити K на одиницю: K = K + 1.

3. Вивести K.

4. Практичне завдання (Python)

Умова: Маємо список оцінок учня за семестр: [8, 12, 5, 10, 11, 4, 9]. Потрібно знайти:

1. Суму оцінок, які вищі за 9 балів.

2. Кількість таких оцінок.

Розв'язок:

Python

# Наш масив (список)
grades = [8, 12, 5, 10, 11, 4, 9]

# Початкові значення
total_sum = 0
count = 0

# Цикл для перебору елементів
for x in grades:
 if x > 9: # Умова: оцінка вища за 9
 total_sum += x # Додаємо саме число до суми
 count += 1 # Додаємо 1 до лічильника

# Вивід результатів
print("Сума оцінок (>9):", total_sum)
print("Кількість оцінок (>9):", count)

Результат роботи програми:

Сума оцінок (>9): 33 (це 12 + 10 + 11) Кількість оцінок (>9): 3

Що важливо пам'ятати:

• Обнулення: Якщо ти забудеш на початку присвоїти змінним 0, програма може видати помилку або додати результат до старого значення, що залишилося в пам'яті.

• Умова: Умова в if може бути будь-якою: парні числа (x % 2 == 0), від'ємні (x < 0) або числа в діапазоні.

Трасування об'єктів. Маскування. «Живі» переходи. Спотворення і деформація. Застосування до виділених об’єктів різних художних ефектів. Використання “перетікання” об’єктів. Заливка об'єктів. Робота з градієнтами. Прозорість. Градієнтна сітка.

Ось три прості практичні задачі на тему одновимірних масивів (списків у Python), які ти можеш легко скопіювати та перевірити в Google Colab.

У Python ролі масивів виконують списки (lists).

Задача 1: Обчислення суми та середньої ваги

Умова: Маємо список, що містить вагу 5 учнів. Потрібно знайти загальну вагу всієї групи та їхню середню вагу.

Python

# Створюємо масив (список) із вагою учнів
weights = [54.5, 60.2, 48.0, 72.1, 55.4]

# Знаходимо суму за допомогою вбудованої функції sum()
total_weight = sum(weights)

# Обчислюємо середнє арифметичне
average_weight = total_weight / len(weights)

print(f"Загальна вага: {total_weight} кг")
print(f"Середня вага: {average_weight:.2f} кг")

Задача 2: Пошук максимального та мінімального значення

Умова: Програма отримує дані про температуру повітря за тиждень (7 днів). Потрібно визначити найвищу та найнижчу температуру.

Python

# Масив температур за тиждень
temperatures = [12, 15, 14, 18, 20, 19, 17]

# Використовуємо функції max() та min()
max_t = max(temperatures)
min_t = min(temperatures)

print(f"Найтепліший день: {max_t}°C")
print(f"Найхолодніший день: {min_t}°C")

Задача 3: Фільтрація списку (Оцінки)

Умова: Є список оцінок учня. Потрібно створити новий список, у який потраплять лише "високі" оцінки (від 10 до 12 балів), та вивести їхню кількість.

Python

# Список оцінок
grades = [7, 10, 12, 8, 11, 6, 9, 12]

# Створюємо порожній список для високих оцінок
high_grades = []

# Проходимо циклом по масиву
for g in grades:
 if g >= 10:
 high_grades.append(g)

print(f"Високі оцінки: {high_grades}")
print(f"Кількість високих оцінок: {len(high_grades)}")

Як перевірити в Google Colab:

1. Перейди на colab.research.google.com.

2. Натисни "New Notebook" (Новий блокнот).

3. Скопіюй код однієї із задач у комірку.

4. Натисни кнопку Play (трикутник ліворуч від комірки) або натисни Shift + Enter.

Ці вправи допоможуть тобі закріпити знання про те, як масиви дозволяють зручно працювати з групами чисел!

Крок 1: Генерація ідеї та фону (ШІ)

Замість того, щоб шукати картинку в Google, використаємо ШІ для створення унікального фону.

1. Інструмент: Можна скористатися вбудованими генераторами (як-от Bing Image Creator чи Canva Magic Media).

2. Запит (Промпт): Напиши короткий опис. Наприклад: "Абстрактний фон у синіх тонах для сайту про технології, футуристичний стиль, висока якість".

3. Порада: Обирай горизонтальну орієнтацію зображення.

Крок 2: Векторне редагування (Онлайн-сервіси)

Оскільки банер має бути чітким, нам потрібні інструменти, що дозволяють працювати з графікою та текстом.

Варіант А: Canva (Найпростіший)

Це лідер для швидких проектів.

• Вибери шаблон "Банер" (Banner).

• Завантаж своє зображення від ШІ.

• Додай текст: назву проекту та короткий слоган.

• Використовуй "Елементи", щоб додати векторні іконки, лінії або кнопки.

Варіант Б: Vector Pea / Photopea (Більш професійний)

Це онлайн-аналоги Photoshop/Illustrator.

• Створи файл розміром, наприклад, 1200 x 400 пікселів.

• Додай текст за допомогою інструмента "Type Tool" (T).

• Перевага: ти можеш експортувати результат у форматі SVG (векторному), що важливо для веб-сайтів.

Крок 3: Чек-лист ідеального банера

Щоб отримати високу оцінку, перевір свій банер за цими пунктами:

• Контраст: Текст легко читається на фоні (світлий текст на темному фоні або навпаки).

• Лаконічність: Не пиши забагато тексту — тільки головне.

• Якість: Зображення не повинно бути розмитим.

• Композиція: Головний об'єкт або текст зміщені відносно центру або чітко збалансовані.

Як здати роботу?

1. Збережи банер у форматі PNG або JPG (для звичайної картинки) та SVG (якщо вчитель просить саме вектор).

2. Зроби скріншот процесу роботи в редакторі — це підтвердить, що ти робив проект власноруч.

33. Тема 4. Векторна графіка Векторний графічний редактор як інструмент для дизайну. Основні інструменти для малювання. Робота з векторними контурами. Створення об’єктів, що складаються з кількох базових геометричних фігур. Редагування  кривих й ламаних та створення з них нових об’єктів

Трасування об'єктів. Маскування. «Живі» переходи. Спотворення і деформація. Застосування до виділених об’єктів різних художних ефектів. Використання “перетікання” об’єктів. Заливка об'єктів. Робота з градієнтами. Прозорість. Градієнтна сітка.

Сучасний графічний дизайн зараз проходить етап трансформації: класичні інструменти векторних редакторів (як-от Adobe Illustrator чи Inkscape) усе частіше доповнюються або замінюються алгоритмами ШІ.

Нижче я підготував для тебе таблицю, де порівняв традиційні методи роботи у векторному редакторі з можливостями сучасного штучного інтелекту (наприклад, Adobe Firefly, Midjourney, Recraft.ai або спеціальні плагіни).

Порівняння класичних інструментів дизайну та можливостей ШІ

Що важливо розуміти 11-класнику:

1. Вектор залишається вектором: Навіть якщо ШІ згенерував картинку, для професійного дизайну (друк, масштабування) нам все одно потрібні чисті вузли (anchor points). Сучасні нейромережі вже вміють видавати файли у форматі .svg, а не просто картинки.

2. Контроль: Інструмент "Перо" (Pen Tool) дає 100% контроль, тоді як ШІ — це певна частка випадковості. Дизайнер сьогодні — це людина, яка вміє і "руками" підправити вузол, і грамотно написати промпт.

3. Економія часу: Те, що раніше займало 2 години (малювання складної градієнтної сітки), зараз ШІ робить за 30 секунд.

Примітка: Якщо хочеш спробувати це на практиці, раджу глянути на Adobe Firefly (інтегрований в Illustrator) або сервіс Recraft.ai, який спеціалізується саме на векторному ШІ.

Vectr — це чудовий безкоштовний інструмент для створення векторної графіки, який ідеально підходить для початківців. Оскільки він працює з векторами, твій логотип не втрачатиме якості при масштабуванні (від візитки до величезного банера).

Ось покрокова інструкція, як створити свій перший логотип:

1. Підготовка робочого простору

Відкрий Vectr і натисни "New Artwork".

• Розмір: Для логотипу краще обрати квадратну область (наприклад, 500x500 px). Це зручно для соцмереж.

• Панель інструментів: Вона знаходиться ліворуч. Там ти знайдеш фігури, текст та інструмент "Перо" (Pen tool).

2. Створення основи (Shapes)

Більшість відомих логотипів складаються з простих геометричних фігур.

• Вибери Rectangle (прямокутник) або Circle (коло) на панелі ліворуч.

• Намалюй фігуру на полотні.

• Справа в панелі Workspace ти можеш змінити колір (Background) та додати контур (Border).

3. Робота з текстом

Назва бренду — ключовий елемент.

• Вибери інструмент Text (T).

• Клікни на полотно і введи назву.

• У правій панелі налаштуй шрифт, розмір та міжлітерний інтервал.

  Порада: Не використовуй занадто складні шрифти. Логотип має залишатися читабельним навіть у маленькому розмірі.

4. Використання іконок

Якщо не хочеш малювати з нуля, у Vectr є бібліотека готових елементів:

• Натисни на іконку Shapes (нижче тексту) і вибери Graphics.

• Там можна знайти готові значки, які можна змінювати під свій стиль.

5. Редагування вузлів (Path Edit)

Якщо ти хочеш змінити форму фігури:

• Двічі клацни на будь-який об'єкт. З'являться маленькі точки (вузли).

• Перетягуй їх, щоб надати фігурі унікального вигляду.

6. Експорт результату

Коли дизайн готовий:

1. Натисни кнопку Export (стрілочка вгору у верхньому правому куті).

2. Вибери формат:

   • SVG: Найкращий варіант для логотипів (векторний формат).

   • PNG: Якщо потрібен прозорий фон.

3. Натисни Download.

10 практичних завдань з векторної графіки

Блок 1: Геометричний дизайн та логічні операції

Ці завдання вчать бачити складні об'єкти як сукупність простих форм.

1. Створення іконки "Хмара" (Boolean Operations): Використовуючи лише кола різного розміру та один прямокутник, створи силует хмари. Використай функцію Union (Об’єднання), щоб перетворити окремі фігури на цілісний контур.

2. Геометричний логотип (Subtract/Intersect): Створи логотип, схожий на півмісяць або логотип компанії Apple (надкушене яблуко), використовуючи операцію Subtract (Віднімання) одного кола з іншого.

3. Емблема у стилі мінімалізму: Намалюй щит або герб, розрізавши основну фігуру навпіл за допомогою лінії та операції Divide/Flatten, щоб розфарбувати праву та ліву частини різними відтінками одного кольору.

Блок 2: Робота з контурами та кривими Безьє

Тут фокус на точності та вмінні керувати вузлами.

4. Малювання за зразком (Трасування вручну): Завантаж фотографію простого об'єкта (наприклад, листок дерева або гітара). Використовуючи інструмент Pen (Перо), обведи його контур, намагаючись використовувати мінімальну кількість опорних точок.

5. Шрифтова композиція (Перетворення у криві): Напиши своє ім’я великим шрифтом. Перетвори текст у криві (Outline Stroke / Convert to Outlines). Зміни форму літер, витягуючи окремі вузли, щоб створити унікальний "дизайнерський" шрифт.

6. Відтворення S-подібної кривої: Створи ідеально плавну хвилю або знак "інь-ян". Це завдання на перевірку вміння працювати з напрямними важелями (handles) опорних точок.

Блок 3: Складні об'єкти та стилізація

Завдання на комбінування всіх отриманих навичок.

7. Створення персонажа з примітивів: Намалюй робота або тварину (наприклад, сову), де тулуб, очі та вуха — це змінені еліпси та багатокутники. Використовуй групування об'єктів для зручності.

8. Інфографіка "Смартфон": Створи реалістичну іконку смартфона. Використовуй прямокутник із закругленими кутами, додай градієнтну заливку для екрана та відблиски (вузькі білі фігури з низькою прозорістю).

9. Дизайн лінійної іконки (Stroke settings): Намалюй набір з 3-х іконок (Дім, Повідомлення, Налаштування), використовуючи тільки лінії (без заповнення). Налаштуй товщину ліній та заокруглення кінців (Cap/Join).

10. Абстрактний паттерн: Створи один складний об'єкт (наприклад, геометричну зірку), розмнож його та вирівняй за допомогою інструментів Align та Distribute, щоб отримати рівномірний орнамент для фону.

Порада для навчання

При роботі з кривими Безьє (інструмент Pen), пам'ятай правило: "Менше точок — плавніша лінія". Став точки лише в місцях найбільшого вигину контуру.

Чи хотів би ти, щоб я детальніше розписав інструкцію до одного з цих завдань (наприклад, як саме працювати з інструментом "Перо")?

Нанотехнології — це майбутнє, яке створюється вже сьогодні. 

 Доповідь: Нанороботи — маленькі велетні майбутнього

Що таке нанороботи?

Нанороботи (або наноботи) — це машини, розмір яких порівнянний з розміром молекули (від 0,1 до 100 нанометрів). Щоб ти розумів масштаб: людська волосина приблизно в 50 000 разів товща за нанобота.

 Галузі майбутнього використання

1. Медицина (Наномедицина):

   • Адресна доставка ліків: Роботи доставлятимуть ліки безпосередньо до хворої клітини, не зачіпаючи здорові.

   • Мікрохірургія: Проведення операцій всередині судин або навіть редагування ДНК.

   • Боротьба з вірусами: Наноботи, що імітують імунні клітини для знищення бактерій.

2. Екологія:

   • Очищення океанів від мікропластику.

   • Фільтрація питної води на молекулярному рівні.

3. Електроніка:

   • Створення надпотужних процесорів розміром з порошинку.

   • Самоочисні та самовідновлювальні матеріали (наприклад, екран смартфона, що сам «затягує» подряпини).

Дослідження та візуалізація

Щоб твоє дослідження виглядало професійно, використай Google Таблиці для аналізу даних.

Приклад структури таблиці в Google Sheets:

Ти можеш створити таблицю "Порівняння можливостей сучасної медицини та наномедицини":

Інфографіка:

Для презентації варто створити інфографіку (наприклад, у ГуглТаблицях), де центром буде наноробот, а навколо нього — іконки галузей (серце — медицина, дерево — екологія, чип — техніка).

Таблиця 1: Порівняння розмірів (для інфографіки)

Ці дані допоможуть візуалізувати, наскільки малими є нанороботи.

Таблиця 2: Прогноз розвитку ринку нанотехнологій (2024–2030)

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

Як використати ці дані в Google Таблицях для дослідження:

1. Створення діаграми: Встав Таблицю 2 у Google Sheets. Виділи її та натисни Вставити > Діаграма. Обери "Кругову діаграму", щоб показати частку ринку, або "Стовпчасту", щоб показати темпи росту.

2. Обчислення: Використай формулу, щоб порахувати, скільки наноботів поміститься на зрізі однієї волосини: =100000 / 100. (Результат тебе вразить — близько 1000 штук в ряд!).

3. Порівняльна ефективність: Можеш додати дані про те, що нанороботи (наприклад, "респіроцити") можуть переносити у 236 разів більше кисню, ніж звичайні клітини крові.

 Твоє міні-дослідження (ідея для висновку)

"Згідно з прогнозами, до 2030 року ринок наномедицини зросте майже у 5 разів. Це означає, що коли ми закінчимо університети, професія 'оператор медичних нанороботів' може стати такою ж звичною, як зараз стоматолог."

Презентація: Структура сайту та основи веб-дизайну.

Слайд 1: Титульний

• Заголовок: Структура сайту та основи веб-дизайну.

• Підзаголовок: Як влаштовані веб-ресурси та як зробити їх зручними.

• Інфо: Інформатика, 7 клас.

Слайд 2: Що таке структура сайту?

• Основна думка: Сайт — це не просто набір сторінок, а впорядкована система.

• Типи структур:

  • Лінійна: користувач переходить від сторінки до сторінки (як у книжці).

  • Ієрархічна (деревоподібна): від головної сторінки до розділів та підрозділів (найпопулярніша).

  • Довільна: усі сторінки пов’язані між собою посиланнями.

Слайд 3: Види сторінок сайту

Кожна сторінка має свою роль:

1. Головна (Home page): «обличчя» сайту, звідки починається навігація.

2. Інформаційні сторінки: містять статті, тексти, фото.

3. Сторінки розділів: меню для переходу до конкретних тем.

4. Контакти та зворотний зв’язок: для зв'язку з авторами.

Слайд 4: Як створити сайт без програмування?

• Автоматизовані засоби (CMS та конструктори):

  • Конструктори (Wix, Google Sites, Canva): дозволяють збирати сайт із готових блоків, як конструктор LEGO.

  • CMS (WordPress): системи управління вмістом для складніших проєктів.

• Переваги: не потрібно знати код, швидкий результат, готові шаблони.

Слайд 5: Етапи створення веб-ресурсу

1. Постановка мети: для чого цей сайт?

2. Проєктування: розробка структури на папері або в схемі.

3. Дизайн та наповнення: створення візуалу та додавання контенту.

4. Публікація: розміщення в інтернеті (хостинг та домен).

Слайд 6: Ергономіка веб-сторінок

Ергономіка — це наука про те, як зробити сайт зручним для людини.

• Правило «3-х кліків»: користувач має знайти потрібну інформацію не більше ніж за 3 переходи.

• Контрастність: текст має легко читатися (чорне на білому — ідеально).

• Адаптивність: сайт має однаково добре виглядати на комп’ютері та смартфоні.

Слайд 7: Золоті правила розміщення контенту

• F-патерн: люди зазвичай переглядають сторінку за траєкторією літери "F". Найважливіше ставимо зверху та зліва.

• Повітря: не перевантажуйте сторінку текстом, залишайте вільне місце.

• Акценти: виділяйте головне кнопками або кольором.

Слайд 8: Підсумок та запитання

• Запитання для самоперевірки:

  • Яка структура сайту найзручніша для онлайн-магазину?

  • Чим відрізняється конструктор сайтів від написання коду вручну?

  • Чому важливо враховувати ергономіку?

Поради для оформлення:

• Мінімум тексту: використовуй лише ключові тези, решту розповідай усно.

• Скриншоти: додай на слайди приклади реальних сайтів (наприклад, сайт школи або Wikipedia).

• Інтерактив: запропонуй учням зайти на Google Sites і спробувати створити першу сторінку прямо на уроці.