Методична розробка - лабораторна робота з інформатики Робота з об’єктами, текстом. Ділова графіка у INKSCAPE

Міністерство освіти і науки України

Державний професійно-технічний навчальний заклад

«[Назва закладу]»

Методична комісія інформатики та природничих дисциплін

• МЕТОДИЧНА РОЗРОБКА
• з інформатики (у групах)

ЛАБОРАТОРНА РОБОТА № ___

Тема: Робота з об’єктами, текстом. Ділова графіка у INKSCAPE.

Методична розробка для викладачів та здобувачів освіти (за спеціальністю «Пекар/кондитер»)

Житомир, 2026р

• 1. Пояснювальна записка

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

Мета роботи: Сформувати навички роботи з об'єктами, текстом, вирівнюванням та діловою графікою у векторному редакторі Inkscape.

Завдання:

• Створити макет візитки відповідно до вимог ділового стилю.
• Побудувати просту діаграму (інфографіку) для візуалізації даних.
• Розробити шаблон фірмового бланку.
• Застосувати інструменти вирівнювання, групування та роботи з текстом.

Тривалість: 90 хвилин (2 академічні години).

Форма роботи: Групи по 2-3 учні (або індивідуально).

Міжпредметні зв'язки: Інформатика, професійна підготовка (технологічні карти), математика (діаграми), підприємництво.

•  
• 2. Обладнання та програмне забезпечення

• 3. Теоретичні відомості
  • 3.1. Ділова графіка

Ділова графіка – сукупність графічних матеріалів, які використовуються в комерційній, управлінській та професійній діяльності: візитки, бланки, листівки, діаграми, інфографіка.

• 3.2. Вимоги до візитки

• Розмір: 90×50 мм (стандарт).
• Інформація: назва фірми, ПІБ власника, посада, телефони, email, адреса, сайт.
• Дизайн: лаконічний, не більше 2-3 кольорів, шрифт легко читається.

3.3. Інструменти вирівнювання в Inkscape

• Align and Distribute (Shift+Ctrl+A) – панель для вирівнювання об'єктів відносно один одного або сторінки.
• Використовуйте: Center on horizontal axis, Center on vertical axis.

3.4. Ролі в групі

• 4. Хід виконання роботи
  • Етап 1. Створення візитки (25 хвилин)

Текст-менеджер та Архітектор:

1. Новий документ: File → Document Properties → Custom size → 90×50 мм.
2. Архітектор створює фон: інструмент Rectangle (F4), рисує на увесь лист. Обирає світлий колір (білий, пастельний).
3. Текст-менеджер додає текстові поля (F8) окремими рядками:
   • Назва компанії (14-16 pt, жирний)
   • Ім'я та прізвище (12-14 pt)
   • Посада (10-11 pt)
   • Телефон, email, сайт (8-9 pt)
4. Дизайнер графіки створює простий логотип (наприклад, стилізоване коло або зірка з градієнтом).
5. Вирівнювання: Object → Align and Distribute (Shift+Ctrl+A) → Вибрати всі об'єкти → Center on horizontal axis.
6. Групування: виділити всі елементи візитки → Ctrl+G.

• Етап 2. Створення діаграми (25 хвилин)

Дизайнер графіки + Архітектор:

Дані для візуалізації (на вибір):

• Собівартість кондитерського виробу: борошно 20%, цукор 25%, масло 35%, яйця 20%.
• Частка продажів: круасани 40%, тістечка 35%, торти 25%.

Побудова кругової діаграми:

1. Нарисуйте коло (F5) з утриманням Ctrl.
2. Для створення сектора: нарисуйте лінію від центру до краю.
3. Виділіть коло та лінію → Path → Division (коло розріжеться).
4. Зафарбуйте кожен сектор різним кольором (Fill).
5. Додайте легенду (текст + кольоровий квадратик).

• Етап 3. Створення фірмового бланку (25 хвилин)

Уся група:

1. Новий документ A4 (210×297 мм).
2. Архітектор створює верхній колонтитул: прямокутник висотою ~20 мм, заливка кольором фірми.
3. Текст-менеджер додає в колонтитул назву компанії та логотип (скопіювати з візитки).
4. Додає нижній колонтитул (контакти, адреса).
5. Дизайнер створює рамку або декоративну лінію.
6. Архітектор додає прямокутник-область для основного тексту (посередині).
7. Згрупуйте окремі частини (верх, низ, середину).

• Етап 4. Експорт та здача (15 хвилин)

1. Збережіть кожен елемент окремим файлом (візитка.svg, діаграма.svg, бланк.svg) або в одному файлі на різних шарах.
2. Експорт PNG (300 dpi) для візитки та діаграми.
3. Завантажте файли у спільну (або указану) папку.
   •  
   • 5. Зміст звіту

1. Скріншот вікна Inkscape з видимими шарами.
2. Експортовані PNG: візитка, діаграма, бланк.
3. Вихідні файли SVG.
4. Розподіл ролей.
5. Відповіді на контрольні запитання.
   •  
   • Контрольні запитання

1. Який стандартний розмір візитки в міліметрах?
2. Для чого використовується панель Align and Distribute?
3. Як створити кругову діаграму за допомогою Path → Division?
4. Чим відрізняється фірмовий бланк від візитки?
5. Як згрупувати об'єкти та для чого це потрібно?
   •  
   • Система оцінювання (10-бальна шкала)

Підсумкова оцінка = Індивідуальна (0-5) + Групова (0-5)

Індивідуальна оцінка (0-5 балів) – за виконання своєї ролі.

Групова оцінка (0-5 балів):

Оцінку можна підвищити за, наприклад, додатково створений QR-код для візитки або застосовання фільтра тіней.

•  
• Література

1. Inkscape. Документація. – Режим доступу: https://inkscape.org/learn/
2. Мельник О.В. Комп'ютерна графіка в професійній діяльності. – Київ: Видавництво, 2023.
3. Відеоуроки Inkscape для початківців (YouTube-канал «Крок за кроком»).
   •  
   • Додаток.
   • Зразок візитки
     :