Завдання уроку: розвиток мислення та вміння навчатися; надання можливості для творчого розвитку та самореалізації учня/учениці, зокрема із застосуванням цифрових інструментів; формувати вміння вчитися протягом життя, використовуючи різні джерела інформації, вчити методів та прийомів навчання.

Розвиток компетентностей: висловлення власної думки в усній і письмовій формі та за допомогою цифрових пристроїв й відповідної термінології; генерування й реалізація ідей з використанням цифрових технологій; формування прагнення самостійно опановувати нові інформаційні технології й цифрові інструменти при формуванні власного цифрового середовища.

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

Формування інформаційно-комунікаційних компетентностей: усвідомлення наслідків використання інформаційних і комунікаційних технологій для себе, суспільства, навколишнього природного середовища, дотримання етичних, культурних і правових норм інформаційної взаємодії.

Очікувані результати: учні пам'ятають правила поведінки у комп'ютерному класі; знають, які бувають об’єкти, їх властивості та значення властивостей об’єкта.

Вправа 1. Дії із зображеннями. Завдання.  Визнач,  що  можна  робити  з  електронним  зображенням, а  що  —  з  паперовим.  Склади  пазл  у  вправі  за  посиланням  https://learningapps.org/view596280

Комп’ютерна графіка – розділ інформатики, який вивчає опрацювання графічних зображень з використанням комп’ютерної техніки.

Графічне зображення – основний об’єкт комп’ютерної графіки.

Графічний редактор – програма для створення та опрацювання зображень.

Піксель   —   (від   англ.   Picture  Element)   —   найменша одиниця растрового зображення.Піксель   —   (від   англ.   Picture  Element)   —   найменша одиниця растрового зображення.

Растр  (від  лат.  rastrum —  граблі)  —  прямокутне  поле, що  складається  з  точок  (пікселів)  різного  кольору  та  (або) яскравості.

Види графічних зображень:

• Растрові – складаються з окремих маленьких прямокутників – пікселів

• Векторні – будуються з окремих базових об’єктів – графічних примітивів: відрізків, многокутників, кривих, овалів тощо.

Кодування зображень:

• Растрова графіка – кодується колір кожного пікселя зображення.

• Векторна графіка – для кожного графічного примітива визначається математична модель його опису.

Колірна модель – це спосіб подання кодів різних кольорів спектра у вигляді набору числових характеристик певних базових компонентів.

Колірні моделі, що використовуються найчастіше:

• RGB – (Red Green Blue) – кодуються три кольори – червоний, зелений, синій. Призначена для відображення зображень на екранах.

• CMYK – (Cyan Magenta Yellow blacK) – чотири кольори –  блакитний, пурпурний, жовтий, чорний. Призначена для друку зображень.

Основні кольори – червоний, зелений, синій.

Додаткові кольори – блакитний, пурпурний, жовтий.

Вправа 2. програмування по клітинках. Завдання.  У  браузері  перейди  до  онлайнового  середовища  для створення  коду  за  посиланням  https://cutt.ly/eR4ii6r.  Виконай  завдання першого  та  другого  рівнів.  Поясни  спосіб  створення  малюнків за допомогою комп’ютера. 

3.У  вправі  за  посиланням  https://cutt.ly/SOW6N97  розмісти  зображення у два стовпчики: растрове зображення, векторне зображення. 

4. У  вправі  за  посиланням  https://cutt.ly/GOW69nS  розмісти  пропонований опис у дві групи: стосується растрової чи векторної графіки

Вправа 3. растрові  формати.

Завдання.  Збережи  зображення  Берегиня_Олег Шупляк.jpg   у  форматах  PNG,  BMP,  GIF  і  про- аналізуй  якість  зображення  та  обсяг  файлу  в  кожному з форматів.

1.  У  своїй  структурі  папок  створи  папку  Формати. Скопіюй до неї файл Берегиня_Олег Шупляк.jpg.

2.  Клацни  правою  клавішею  миші  на  скопійованому файлі й обери вказівку Відкрити за допомогою/Paint.

3.  Відкрий  меню  роботи  з  файлами  за  допомогою  інструмента  в  лівій верхній  частині  вікна.  Наведи  вказівник  миші  на  вказівку  Зберегти як  та обери Зображення у форматі GIF.

4. Проаналізуй, чи змінилась якість зображення. Щоб зробити висно- вок,  збільш  масштаб  відображення  зображення.  Закрий  вікно  графічного редактора.

5.  Послідовно  знову  відкрий  вихідний  файл  у  форматі  jPG  і  збережи його  у  форматах  BMP  і  PNG.  Оціни  якість  отриманих  зображень.  Закрий вікно графічного редактора.

6.  У  папці  Графіка/Формати  своєї  структури  папок  обери  подання Таблиця.  Проаналізуй  обсяг  файлів  кожного  формату.  У  якому з  форматів  обране  зображення  має  найменший  обсяг  файлу?  Кращу якість? Зроби висновки.