8 клас

16.03.-20.03.2020

Відображення базових графічних примітивів

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

Залежно від способу побудови графічного зображення розрізняють растрові та векторні графічні зображення.

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

Ви знайомі з інструментами побудови растрових зображень редактора растрової графіки Paint.

Векторне графічне зображення будується з окремих базових об’єктів – графічних примітивів: відрізків, многокутників, кривих, овалів тощо. У ході вивчення текстового редактора Word, програми для створення презентацій MS PowerPoint ви дізналися про способи формування зображень із геометричних примітивів, поняття й принципи побудови векторних зображень, способи зафарбовування об’єктів, встановлення параметрів контура і заливки.

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

Будь-який малюнок або креслення можна розглядати як сукупність графічних примітивів: крапок, ліній, кіл, дуг та ін. Для того щоб на екрані з’явився малюнок, програма повинна забезпечити креслення кожного з графічних примітивів, з яких він складається.

Для роботи з графікою деякі з компонентів надають у розпорядження програміста основу для малювання – полотно (властивість Canvas), яке, у свою чергу, має олівець для малювання ліній (властивість Реп) i пензель для зафарбовування (заливки) ділянок (властивість Brush).

Полотно має систему координат XOY, в якій координати (0,0) має верхня ліва точка компонента, на якому будується малюнок

Властивість Canvas є, зокрема, у форми компонента Image (Малюнок) та деяких інших компонентів. Компонент Image міститься на вкладці Additional naнeлi компонентів. Після розміщення на формі компонент Image набуває вигляду прямокутної пунктирної рамки.

Місце розташування на формі (властивості Left, Top), розміри (властивості Width, Height), колір фону (властивість СоІог) компонента Image можна змінити у вікні Інспектор об’єктів або запрограмувавши зміну значень властивостей у ході виконання програми.

Для створення графічних примітивів викликають графічні методи властивості Canvas компонента.

Точка. Властивість Pixels надає доступ до кольору точок полотна, тобто містить дані типу ТСоІог для кожного пікселя зображення. Звертаються до конкретної точки, вказуючи її координати в квадратних дужках.

Вивести точку червоного кольору в задану точку.

Canvas.Pixels [20,50] := clRed;

Відрізок. Метод LineTo креслить відрізок від поточної позиції олівця до крапки з координатами, вказаними під час виклику методу.

Image1.Canvas.LineTo (250,65);

Спочатку олівець розташований над точкою (0, 0). Встановити олівець в іншу позицію можна викликом методу MoveTo.

Намалювати лінію чорного кольору від позиції з координатами (20,20) до точки (100, 20).

Canvas.Brush.Color := clBlack;

Canvas.MoveTo (20, 20);

Canvas.LineTo (100,20);

Прямокутник. Метод Rectangle малює незаповнений прямокутник,

протилежні кути якого збігаються з точками х1, y1 і х2, у2:

Canvas.Rectangle (x1, y1, x2, y2);

Сторони прямокутника паралельні сторонам екрана.

Намалювати квадрат із довжиною сторони 100 пікселів:

Canvas.Rectangle (20,30,120,130);

Еліпс (коло). Метод Ellipse малює еліпс (коло), вписаний в прямокутник, заданий координатами двох протилежних вершин х1, у1 і х2, у2 .

Canvas.Ellipse (x1, y1, x2, y2);

Намалювати коло діаметром 100 пікселів.

Canvas.Ellipse (20, 30, 120, 130);

Сектор. Метод Ріе малює сектор еліпса (круга):

Еліпс, вписаний у прямокутник, задано координатами (х1, у1, х2, у2). Сектор обмежений прямими, що проходять через центр еліпса і точки (x3, y3) і (х4, у4). Дуга малюється від точки (хЗ, y3) до точки (х4, у4) проти ходу годинникової стрілки.

Canvas.Pie (x1, y1, x2, y2, x3, y3, х4, у4)

Image1.Canvas.RectangIe (0,0, 100,100); // квадрат

Image1.Canvas.Pie (0,0, 100,100, 100,0, 0,0);//сектор

Ламана лінія. Метод РоlуLіпе малює ламану лінію за точками, що задані масивом Points:

РоlуLіпе (Points: array of Tpoint);

Намалювати ламану лінію за п’ятьма точками, заданими координатами .

Canvas.PolyLine ([Point (10,10), Point(30,100), Point (50,10), Point (70, 100), Point(90, 10)]);

Під час малювання простих фігур вони автоматично зафарбовуються усередині відповідно до налаштувань пензля. Але це не працює з нестандартними фігурами. Для їх зафарбовування використовують спеціальний метод FloodFill.

Canvas.FloodFill (x, y, Color, Fillstyle);

Тут x, y – це координати будь-якої точки всередині фігури.

Якщо параметр FiIIster = fsborder, то фарба розтікається від точки з координатами х, у доти, поки не зустріне на шляху колір, заданий в параметрі СоІог. Якщо FiIIster = fssurface, то фарба розтікається від точки з координатами х, у, замінюючи колір СоІог кольором, вказаним у властивості Brush.CoIor.

Вправа. Перетворення.

Завдання. Розробіть проект у середовищі Lazarus, у якому, коли клацають мишею на зображенні круга, він зафарбовується в колір, обраний у групі перемикачів Колір, а коли клацають мишею зображення квадрата, – зафарбовується обраним кольором та застосовується стиль заливки, який обирають у групі Заливка.

1. Сплануйте проект. Передбачте, які об'єкти будуть використані на екранній формі та які події будуть відбуватись із ними.

2. У власній папці створіть папку "Перетворення".

3. Відкрийте середовище Lazarus, створіть новий проекті збережіть його складові в папку Перетворення. Змініть властивості об'єкта Form1, розмістіть на формі об'єкти та надайте значень їх властивостям.

Об’єкт	Властивість	Значення
Form1	Caption	Перетворення
Shape1	Shape	stCircle
Shape2	Shape	stSquare
radiGgrupe1	Items	Червоний, синій, зелений
radiGgrupe2	Items	Горизонтальна штрихова, вертикальна штрихова, суцільна штрихова

4. Створіть процедуру опрацювання події клацання кнопкою миші на колі. Для цього оберіть у таблиці вікна Інспектора об'єктів вкладку Події, двічі клацніть у клітинці праворуч від OnMouseDown. У вікні редактора коду запишіть програмний код.

5. Створіть процедуру опрацювання події клацання кнопкою миші на квадраті. У вікні редактора коду запишіть програмний код.

6. Запустіть проект на виконання. Перевірте, чи змінюють свої властивості геометричні фігури за умовою завдання та обраними значеннями властивостей.

7. Збережіть зміни у проекті.

8. Завершіть роботу з проектом і середовищем програмування.

30.03.-03.04.2020

Практична робота №13. "Складання та виконання алгоритмів з графічним відображенням даних"

Створіть проект "Капітошка", у якому користувач зможе із запропонованих геометричних фігур скласти малюнок Капітошки та розфарбувати його.

1. Сплануйте проект відповідно до зразка. Передбачте, які події відбуватимуться на екранній формі.

2. У середовищі програмування Lazarus створіть проект "Капітошка" та збережіть у власній папці.

3. У проекті передбачте:

фон форми, розмір відповідно до малюнка форми та назву відповідно до зразка (файл для фону)
можливість руху геометричних фігур користувачем
можливість розфарбування фігур запропонованими кольорами (жовтий, червоний, блакитний, синій, зелений, рожевий)

Вигляд фігур після розфарбування

Вигляд зображення після переміщення

06.04.-10.04.2020

Абсолютні, відносні й мішані посилання на комірки та діапазони комірок

Видео YouTube

Виконайте завдання до рубрики "Діємо" (стр.195-196)

Файл для Вправи 1

Файл для Вправи 2

13.04.-17.04.2020

Практична робота №14. "Розв’язування задач на обчислення"

Завдання 1. Об'єм газу (3 бала)

Засобами табличного процесора створіть електронну таблицю для визначення об'єму газу за нормальних умов

Завдання 2. Поїздка (5 балів)

Створіть засобами табличного процесора електронну таблицю, структуру і формат якої зображено на малюнку та збережіть її з іменем "Поїздка". У клітинки С9:С12 введіть дані та формули відповідно до завдання, яке зписане у клітинці А4 таблиці.

Завдання 3. Закон Кулона (4 бала)

Засобами табличного процесора створіть структуру розрахункової таблиці для лабораторної роботи з фізики для визначення електростатичної сили взаємодії двох заряжених частинок за законом Кулона за зразком та заповніть її. Візміть до уваги, що закон Кулона має вигляд:

Передбачте, які посилання на клітинки можна використати для розрахунків.

21.04.-24.04.2020

Призначення й використання математичних, статистичних, логічних функцій табличного процесора

Видео YouTube

Файли до розділу Діємо:

Вправа 3

Вправа 4

Вправа 5

27.04.-30.04.2020

Умовне форматування. Практична робота №15. "Використання математичних, логічних та статистичних функцій табличного процесора. Умовне форматування"

Видео YouTube

Практична робота

Завдання 1. Комп'ютерна вишивка

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

Завдання 2. Тематична атестація

Відкрийте файл "Тематична атестація". Для даних цієї таблиці знайдіть середній бал кожного учня з тематичної атестації з історії та підсумкову оцінку за тему.

Застосуйте умовне форматування до відповідного діапазону клітинок згідно до зразка.

Завдання 3. Часові пояси

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

Скористайтеся функціями визначення часу в Києві та відповідно до часових поясів час у Мінську, Москві, Стамбулі, Вашингтоні, Лондоні, Парижі, Варшаві.

Застосуйте до даних таблиці умовне форматування з кольоровою шкалою:

Для обчислення часової шкали використайте формулу:

=СУММ(ТДАТА();ВРЕМЯ(B4;0;0)), де В4 - посилання на комірку, у якій знаходиться часова різниця

Створення та налагодження діаграм різного типу, вибір типу діаграми

Видео YouTube

Завдання 1.

Проаналізуйте дані, відображені на діаграмі та дайте відповіді на запитання:

До яких міст було продано найбільше та найменше путівок у квітні? У червні?
Як змінювалася продаж путівок до м.Кемер? До м.Хургада?
У якому місяці та до якого міста було продано понад 230 путівок?
У якому місяці та до якого міста було продано найменше путівок?

Завдання 2.

На основі даних таблиці "Олімпійські ігри" побудуйте:

стовпчасту діаграму - вертикальну гістограму
стовпчасту діаграму - горизонтальну гістограму
кругову діаграму
пелюсткову діаграму

12.05.-15.05.2020

Упорядковування даних у таблицях

Видео YouTube

Завдання 1. Землетруси

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

Проаналізуйте результати та дайте відповіді на запитання:

Які потужні землетруси зафіксовано до н.е., які у XVIII ст., а які - у ХХ ст.?
У яких країнах потужні землетруси спричинили найбільшу кількість жертв?
У яких країнах відбувалося кілька землетрусів?
Який землетрус призвів до найбільшої кількості жертв у Китаї?
Який землетрус призвів до найбільшої кількості жертв у Японії?

Завдання 2. Автофільтр

За допомогою засобу Автофільтр знайдіть в електронній таблиці "Учні" кількість і список хлопців, прізвища яких починаються з П й закінчуються на -ко та які займаються футболом.

Завдання 3. Розширений фільтр

За допомогою розширеного фільтра у файлі "Учні" знайдіть записи, що містять відомості про хлопчиків, що хаймаються музикою, дівчат, захопленням яких є іноземна мова, а також усіх учнів віком 10 років - незалежно від їхнього захоплення.

18.05. - 22.05.2020

Практична робота №16. "Упорядкування даних у таблицях. Автоматичні та розширені фільтри"

Завдання 1. Водоспади

1. В електронній таблиці "Водоспади" застосуйте фільтри та впорядкування даних та дайте відповіді на запитання (4 б)

2. За допомогою автофільтра знайдіть дані про водоспади, які розташовані в Північній Америці. Впорядкуйте знайдені результати за полем Висота за спаданням - від найбільшого до найменшого значення. Визначте, який водоспад є найвищим в Північній Америці та в якій країні він розташований. Скопіюйте знайдені результати на новий аркуш та надайте йому ім'я Північна Америка. Результат пошуку запишіть під таблицею. (1 б)

3. За допомогою автофільтра знайдіть дані про водоспади, які розташовані на островах (значення в полі Розташування розпочинається з букви "о"). Впорядкуйте знайдені результати за полем Висота за спаданням. Визначте, який водоспад є найвищим на островах. Скопіюйте знайдені результати на новий аркуш та надайте йому ім'я Острови. Результат пошуку запишіт під таблицею. (1 б)

Завдання 2. Річки України

1. В електронній таблиці "Річки України" застосуйте фільтри та впорядкування даних та дайте відповіді на запитання ( б)

2. За допомогою автофільтра знайдіть дані про річки, назви яких починаються з літери Д й загальна довжина яких більша за 1000 км. Знайдені результати скопіюйте на новий аркуш, якому надайте ім'я Фільтр1. (1 б)

3. За допомогою автофільтра знайдіть дані про річки, які впадають у моря й площа басейну яких - від 5000 кв.км до 80 000 кв.км. Знайдені результати скопіюйте на новий аркуш, якому надайте ім'я Фільтр2. (1 б)

4. За допомогою розширеного фільтра знайдіть дані про річки, що впадають у моря або довжина яких у межах України - від 100 до 110 м. Знайдені результати скопіюйте на новий аркуш, якому надайте ім'я Фільтр3. (1 б)

25.05. - 29.05.2020

Розв'язування компетентнісних задач

Оберіть та виконайте одну із запропонованих компетентнісних задач, що розміщені у підручнику на стр.235-236

Файли для виконання задач:

Таблиця-олімпіади

Таблиця-поїздка

Таблиця-стартап

Призначення й використання математичних, статистичних, логічних функцій табличного процесора

Видео YouTube

Файли до розділу Діємо:

Вправа 3

Вправа 4

Вправа 5