Issuu

УДК 004*кл6(075.8) К70

Рекомендовано Міністерством освіти і науки України (наказ Міністерства освіти і науки України від 12.04.2019 № 472) ВИДАНО ЗА ДЕРЖАВНІ КОШТИ. ПРОДАЖ ЗАБОРОНЕНО

Навчальне видання ов

К рш н а Ольга Вікторівна За а сь ий Ігор Олександрович

ІНФОРМАТИКА Підручник для 6 класу закладів загальної середньої освіти У виданні використано фото із сайту www.shutterstock.com HstrongART, Olha Yerofieieva, wavebreakmedia, Rawpixel.com, fizkes, Jacob Lund, stockfour, LightField Studios, Gorodenkoff, світлину Лариси Ковальчук-Шустерман, nakonechnyi_o, Kostenyukova Nataliya

ТОВ «ВИДАВНИЧИЙ ДІМ «ОСВІТА»

Формат 70×100 1/16. Ум. друк. арк. 11,664 + 0,324 форзац Обл.-вид. арк. 11,57 + 0,55 форзац. аклад 58 920. Зам. № 9-05-2906.

дреса видавництва: 04053, м. Київ, вул. Обсерваторна, 25 www.osvita-dim.com.ua

відоцтво «Про внесення суб’єкта видавничої справи до державного реєстру видавців, виготовлювачів і розповсюджувачів видавничої продукції» ерія ДК № 6109 від 27.03.2018 р. А

РА

Віддруковано у П Т «Харківська книжкова фабрика “Глобус”» 61052, м. Харків, вул. іздвяна, 11. відоцтво ДК № 3985 від 22.02.2011 р. www.globus-book.com С

едактор Т. П. Єресько Технічний редактор Л. І. Аленіна Комп’ютерна верстка К. П. Мирончик Коректор О. В. Сєвєрцева

К70

Коршунова О. В. Інформатика : підруч. для 6 кл. закладів загальної середньої освіти / О. В. Коршунова, І. О. Завадський. — К. : Видавничий дім «Освіта», 2019. — 144 с. : іл. ISBN 978-966-983-017-3. УДК 004*кл6(075.8)

ISBN 978-966-983-017-3

мо

іта

В є

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

У шостому класі ми разом познайомимося з комп’ютерною графікою: навчимося самостійно створювати зображення та редагувати їх. Що може бути цікавішим?

ле створити власний продукт — це тільки половина успіху. Потрібно вміти його представити, тобто презентувати. І ми обов’язково цьому навчимося!

Які слова спливають на думку, коли люди говорять про інформатику? Це — «комп’ютер», «комп’ютерні програми», «алгоритми», «програмування». Звісно, у цьому році ми продовжимо розвивати алгоритмічне мислення та навчимося складати доволі складні комп’ютерні програми. Цікавого навчання! Автори

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерна графіка

А що таке комп’ютерна графіка?

А я зможу створювати малюнки за допомогою комп’ютера?

Щоб малювати на комп’ютері, обов’язково мати хист до малювання?

Що таке векторна графіка?

Що таке 3D-графіка?

Що таке растрова графіка?

нн

б же я ра

зо

та

п’ю е

| Досліди (ознайомся — знайди інформацію — зроби висновки) с. 7 | Термінологічний словник с. 8 | Дискусійний клуб с. 9

Розглянь. Обміркуй. Обговори з товаришами с. 6

[ Розглянъ. Обміркуй. Обговори з товаришами ] С

пробуй описати процес створення кожного зображення.

2 5 4 6

• • •

пробуй пояснити поняття «комп’ютерна графіка». Дай відповіді на запитання: У якій формі подано інформацію на цій сторінці? Яке зображення не належить до комп’ютерної графіки і чому? Наведи приклади з повсякденного життя, де тобі траплялася комп’ю терна графіка.

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Цікаво, а як це стосується комп’ютерної графіки?

Поглянь, це ж кадр із фільму «Аватар»!

Навігація темою

ри

Комп’ютерна графіка

ком

Комп’ютерна графіка

[ Досліди (ознайомся — знайди інформацію — зроби висновки) ] Зістав назви апаратних засобів із їхніми зображеннями. Знайди інформацію про призначення кожного з них. Поміркуй, яке призначення кожного виду програмного забезпечення. Засоби комп’ютерної графіки Програмні

Апаратні

Принтер

Програми для перегляду графічних зображень

Монітор

Відеокарта

Графічні редактори

Сканер

Програми для розпізнавання графічних зображень

Плотер Цифрова фотокамера

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

Графічний планшет

3 4

6 5

Зроби висновки

підготувати комп’ютер до роботи з графікою? • Як Я кі надає кожен апаратний пристрій та програмний засіб? • Безможливості яких апаратних засобів неможливо виконати жодних робіт • із комп’ютерною графікою?

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерна графіка

[ Термінологічний словник ]

• •

Відеокарта (також графічна карта, графічний адаптер) — пристрій, призначений для відтворення зображення на екрані. Основні складові сучасної відеокарти: графічний процесор; відеопам’ять; відеоконтролер; система охолодження.

Монітор — пристрій, який перетворює електричні сигнали, що надходять з відеокарти, у візуальне зображення. Відеокарта разом з монітором утворюють відеосистему. Графічний процесор формує і розміщує у відеопам’яті дані зображень, а контролер 60 або більше разів за секунду переглядає ці дані й передає відповідне зображення на монітор.

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

Комп’ютерний принтер — пристрій, що підключається до комп’ю тера і друкує текстову та графічну інформацію на папері.

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

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

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

Чим відрізняються плотер і принтер?

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Смартфон — це також пристрій, що відтворює комп’ютерну графіку. А чи обладнаний він відеокартою?

Комп’ютерна графіка

[ Дискусійний клуб ]

Як ти вважаєш, які ще принтери з’являться найближчим часом? Яку з технологій термодруку ти назвеш найкориснішою і чому?

Незвичайні термопринтери

Під термодруком розуміють перенесення зображень за допомогою термочутливих носіїв. Зазвичай це відбувається за допомогою нагрівальних елементів і джерел інфрачервоного випромінювання, як правило, світлодіодів. Області застосування такої техніки вражають уяву: 1 Flower Printer здатний друкувати на пелюстках квітів. Квітки треба готувати до друку, для цього в комплекті передбачено спеціальну олію. 2 Led Candle здатний друкувати на свічках. У T-shirt-принтера конкретна мета — друк на футболках. 3 Glass Printer переносить зображення на скло. 4 Існує принтер для друку на корпусах мобільних телефонів. 5 Є принтер для тату, який проектує зображення безпосередньо 6 на поверхню шкіри людини. Ц ікавим винаходом є портативний і легкий Portable Printer, який 7 використовують для мобільного друку (найчастіше з телефонів). 8 Принтери для їжі. У цьому випадку замість чорнила використовують залишки чаю і кави, а замість паперу — продукти. Деякі види цієї техніки друкують навіть на пінці капучино.

До речі, кавові чорнила спонукали до винайдення екологічно чистого принтера RITI Coffee Printer. Такий статус пристрій одержав тому, що фарба в ньому формується на основі кавової гущі. 10 Mattel Nails Digital Printer, як видно з його назви, створює малюнки на нігтях. 11 Одним з найкорисніших винаходів є принтер для шрифту Брайля — Embossing Braille Printer дозволяє роздруковувати інформацію для читання людьми з порушеннями зору. Пристрій, що друкує з тисненням, вже знайшов застосування для друку на таких життєво важливих об’єктах, як пляшечки з ліками.

За матеріалами сайта http://vseznayko.com.ua

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

кторна

та в

Досліди (порівняй — обміркуй — зроби висновки) с. 10

Порівняй зображення, створені за допомогою комп’ютера.

[ Досліди (порівняй — обміркуй — зроби висновки) ]

якщо кожне зображення збільшити?

;; У чому відмінність?

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

озглянь два зображення, що створені за допомогою комп’ютера, але різними способами. Чи однаковий результат?

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

Навігація темою

2. Р с

рафіка

Комп’ютерна графіка

трова

Комп’ютерна графіка

Опрацюй схему: Комп’ютерна графіка

Двовимірна Растрова

Векторна

Тривимірна

Зображення складається з окремих точок

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

Об’ємне зображення

Растрова графіка

Векторна графіка

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

Визнач, які зображення із поданих у завданні 1 до якого типу комп’ютерної графіки належать. Обґрунтуй свою думку.

А чи можна тільки за виглядом зображення дізнатися, до якого типу графіки воно належить?

Зроби висновки

;; Які є основні типи комп’ютерної графіки? ;; Де найчастіше застосовують кожен тип графіки?

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерна графіка

еревір себе ]

Визнач, до якого типу графіки можна віднести кожне зображення.

[ А

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Як ти вважаєш, це зображення чи текст? Обґрунтуй свою думку.

Комп’ютерна графіка

озглянь два сильно збільшених растрових зображення, спробуй знайти відповіді на запитання.

[ Досліди растрову графіку (розглянъ — обчисли — зроби висновки) ]

озглянь малюнок і з’ясуй, що таке піксель. Як ти думаєш, що означає слово «растр»?

Зображення на екрані монітора формується із точок (зерен екрана). Порахуй, якого розміру (у мм) буде кожний із малюнків у завданні 3 на екрані монітора, якщо розмір зерна становить 0,3 мм.

;; Як можна різними способами вказати розмір кожного зображення? ;; кільки кольорів містить кожне зображення? ;; Як вплине зміна розміру квадратиків на якість зображень?

Raster

Rows

Pixel

це якось

скільки кольорів може бути у цифровому фото? пов’язано із обсягом файлу зображення?

кільки приблизно кольорів у цьому зображенні?

Colums

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерна графіка

[ Досліди векторну графіку (опрацюй інформацію — зроби висновки) ]

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

Приклади графічних об’єктів: коло, крива, прямокутник тощо.

Властивості графічних об’єктів: розміри об’єкта, його розташування на площині або у просторі тощо.

Властивості контуру 0,25 пт 0,5 пт 0,75 пт 1 пт 1,5 пт 2,25 пт 3 пт 4,5 пт 6 пт

Тип

Шаблон

Колір

Заливка візерунком

Заливка текстурою

Заливка рисунком

Ламана

Крива

Пряма

Товщина

Форма

Властивості заливки Однорідна заливка

Градієнтна заливка

Відтінками Деяким Мозаїчним Будь-яким Одним кольо- кількох кольорастровим візерунком зображенням ром із палітри рів з плавнизображенням зі стандартних із графічного кольорів ми переходазі стандартних шаблонів файлу ми між ними зразків

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Комп’ютерна графіка

Математичний опис зображень Вузол 1

Вузол 3

Вузол 2 Y

Y y2

Y R

Вузол 4 x1,y1

x2,y2 x1

• Переглянь відеоуроки зі створення векторних зображень. ‑

https://www.youtube.com/watch?v=yQxHwFaG6 M https://www.youtube.com/watch?v=4-3xPIsxPvs

Приклад створення векторного графічного об’єкта

А якщо векторний малюнок виводиться на екран монітора, то він будується на координатній площині екрана?

А що ж тоді записується у файл, коли зберігається векторний малюнок?

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерна графіка

[ Опрацюй самостійно ] Програми для створення двовимірної графіки ВИДИ ДВОВИМІРНОЇ ГРАФІКИ Растрова Програми

Векторна

Формати файлів

Програми

Paint

Універсальні

Окремих програм

Універсальні

Corel Draw

Adobe Photoshop

bmp

psd

cdr

wmf

Adobe Illustrator

eps

jpg

Microsoft Draw

png

Inckscape

gif Gimp

А можна один і той самий малюнок зберегти в різних форматах?

У яких програмах створюють файли форматів psd, cdr, ai?

А чи впливає формат, у якому збережено малюнок, на обсяг його файлу?

Найпростіший редактор тривимірної графіки Хто хоче ознайомитися із можливостями Paint 3D?

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

https://www.microsoft.com/uk-ua/p/paint-3d/9nblggh5fv99

Комп’ютерна графіка

Декілька прикладів використання комп’ютерної графіки в сучасному світі

Спробуй назвати галузі та професії, у яких застосовують комп’ютерну • графіку.

[ Творчістъ ]

рифти оточують нас у повсякденному житті. Будь-який товар у магазині, будь-який веб-сайт в Інтернеті і будь-який рекламний банер на вулиці містять текст, набраний певним шрифтом. рифти бувають різними і залежать від мети дизайну. Можуть бути геометрично точними або кривими з нерівними буквами. До складу шрифта входять не лише букви, а й інші символи. ові шрифти створюють дизайнери, які малюють зображення кожної літери. ;; Як ти вважаєш, який тип графіки краще використовувати для створення шрифту? ;; пробуй придумати власне зображення для літер свого імені. Усі літери мають бути намальовані в одному стилі!

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерна графіка

[ Дізнайся білъше ]

3D-графіка, доповнена реальність та 3D-принтери

3D-графіка (тривимірна графіка; 3 Dimensions) — один із різновидів комп’ютерної графіки, призначений для зображення об’ємних об’єк тів. Цю графіку застосовують в кінематографі, архітектурній справі, комп’ютерних іграх, а також у поліграфії, науці та промисловості. озвиток 3D-графіки зумовило виникнення техніки для об’ємного друку та доповненої реальності. Декілька слів про це. 3D-принтер може бути лазерним, фотополімерним, струменевим тощо, використовувати полімерні або порошкові витратні матеріали. Деякі з таких пристроїв здатні творити справжні дива. априклад, існує розробка 3D-принтера, що використовує замість чорнил магнітний пил і пісок. Така техніка може знайти гідне застосування в архітектурі.

Доповнена та віртуальна реальність

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

от що стосується доповненої реальності (AR) та віртуальної реальності (VR), то не потрібно їх плутати. AR (augmented reality) — це доповнена реальність. Її простим прикладом є гра © PokemonGo. а відміну від VR, в якій ми навмисно відгороджуємося від навколишнього світу, доповнена реальність накладає віртуальний світ на реальний у полі сприйняття користувача. Таким чином ми можемо одночасно отримувати інформацію з двох джерел. Якщо хочеш ознайомитися ближче із доповненою реальністю, виконай такі дії: А

Комп’ютерна графіка

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

Завантаж із Google Play Market або AppStore безкоштовний додаток Освіта4D+.

Віртуальна реальність — це тривимірний комп’ютерний простір, який може досліджувати користувач. З предметами можна взаємодіяти, впливаючи на реальність ізсередини симуляції. Про неї мріяли давно, технології розробляли ще в 50-х роках минулого століття. ле саме останнє десятиліття можна назвати періодом розквіту VR-технологій. ьогодні VR застосовують в багатьох сферах: навчання (моделювання тренувального середовища для занять, де необхідна попередня підготовка, наприклад керування літаком, стрибки з парашутом і навіть операції на мозку); наука (дає змогу поліпшити і прискорити дослідження молекулярного й атомного світу: занурюючись у віртуальне середовище, вчений може взаємодіяти з частинками так, ніби це деталі © LEGO); медицина (навчання хірургів та безпосередньо маніпуляції на операціях); промисловий дизайн та архітектура (створення віртуальних моделей об’єктів, дослідження їх ізсередини, тестування технічних характеристик); ігри та розваги, віртуальний туризм.

• • •

•

Графічний редактор у віртуальній реальності: https://youtu.be/EgbCSgXZqrI

[ Творчістъ і підприємливістъ ]

Багато людей поряд потребують допомоги. Поміркуй, як можна допомогти їм, використовуючи 3D-принтер-ручку та витратні матеріали. які корисні речі можна надрукувати на повноцінному 3D-принтері? Чи можна на основі 3D-друку створити бізнес? Давай розробимо бізнес-модель!

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

від

я-

итанн

З п

овіді

Комп’ютерна графіка

Що таке комп’ютерна графіка?

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

Де сьогодні застосовується комп’ютерна графіка?

У медицині й освіті

У рекламному бізнесі

У науці й техніці

В індустрії розваг тощо

Із розвитком інформаційних технологій комп’ютерна графіка набула поширення в усьому світі. ьогодні її застосовують у різних сферах людської діяльності.

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

обота з комп’ютерною графікою — один із найпопулярніших напрямів використання комп’ютера, до того ж виконують цю роботу не тільки професійні художники і дизайнери. дже в будь-якому бізнесі іноді виникає необхідність створити рекламну листівку, буклет або зображення для веб-сайта. Без комп’ютерної графіки не обходиться жодна сучасна мультимедійна програма. обота над графікою займає до 80% робочого часу у виробничих відділах компаній — розробників програмного забезпечення. Р

Комп’ютерна графіка

Які бувають види комп’ютерної графіки? Растрова

Відрізняються принципами формування зображення на екрані монітора та під час збереження на цифровому носії

Векторна Тривимірна

озглянемо будь-яке фото. Це растрове зображення. а перший погляд воно виглядає як суцільний об’єкт і жодних окремих елементів ми не спостерігаємо. ле якщо цифрове фото сильно збільшити, то можна побачити маленькі квадратики, кожен із яких має свій колір. Ці квадратики називають pixel (від PICture ELement) — пікселями. Уяви, що ти тримаєш в руках картинку і хочеш її відцифрувати, тобто передати це зображення у комп’ютер для його подальшого зберігання, змінення чи поширення. Які твої дії? Беремо сканер, вкладаємо до нього картинку, запускаємо сканування. Під час сканування розпізнається колір кожної точки малюнка, на яку потрапляє промінь світла. Кожному кольору відповідає певна комбінація цифр (код кольору), а вже цілі ряди цифр записуються в пам’ять комп’ютерного пристрою. Набір кольорів, якими зафарбовуються пікселі растрового зображення, називають палітрою. Що більша палітра, то краще виглядатиме зображення. априклад, якщо палітра містить 2 кольори, зображення буде чорно-білим, а у високоякісному кольоровому зображенні може бути понад 2 млн різних кольорів. Звичайно, чим більшою кількістю кольорів може зафарбовуватися кожен піксель, тим більше інформації про кольори пікселів потрібно зберігати і тим більшим буде обсяг файлу растрового зображення.

16 777 216 кольорів, 53KB

128 кольорів, 12,9KB

4 кольори, 3,6KB

2 кольори, 1,9KB

Зберігати інформацію про колір кожного пікселя для великих зображень надто витратно. Тому, крім формату bmp, існують інші, де інформація про кольори пікселів зберігається в стиснутому вигляді. Це може знижувати якість зображення, однак часто таке зниження для людського ока малопомітне. айпоширеніші формати растрових зображень зі стисненням — jpeg та png.

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерна графіка

Що таке роздільна здатність?

Роздільна здатність — це кількість пікселів, що припадає на одиницю довжини растрового зображення. оздільною здатністю можуть характеризуватися як пристрої введення та виведення зображень (сканери, принтери, монітори), так і самі растрові зображення. Одиниці вимірювання роздільної здатності називаються ppi (pixels per inch — пікселів на дюйм) для моніторів, сканерів і цифрових зображень та dpi (dots per inch — точок на дюйм) для принтерів і віддрукованих зображень. 1/600"

1/300"

300 dpi

1/1200"

600 dpi

1200 dpi

ижче показано три зображення смайлика, які містять різну кількість пікселів: 20×20, 40×40 і 200×200. Усі вони були масштабовані так, щоб вміститися у квадрат розміром 1×1 дюйм. Таким чином, зображення віддруковані з роздільною здатністю 20dpi, 40dpi та 200dpi.

40dpi

200 dpi

800×600 (SVGA)

640×480 (VGA)

оздільною здатністю екра на часто називають також кількість пікселів по горизонталі та вертикалі, що відображаються на екрані. Вона визначається властивостями монітора та відео карти. Як правило, той самий монітор чи відеокарта можуть працювати в режимах з різною роздільною здатністю. Р

20dpi

1024×768 (XGA)

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

1600×1200 (UXGA)

1280×1024 (SXGA)

Комп’ютерна графіка

Що таке фізичний розмір зображення?

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

20×30

30×30

30×40

40×60

60×80

Між розміром у пікселях, розміром у дюймах та роздільною здатністю існує просте співвідношення: розмір у пікселях розмір у дюймах = ——————. роздільна здатність Щоб отримати розмір у сантиметрах, потрібно розмір у дюймах помножити на 2,54.

Як будується векторне зображення?

У векторній графіці зображення будується за допомогою математичних описів об’єктів. Комусь, можливо, це видасться більш складним способом, ніж растрова графіка, але для деяких типів зображень такий спосіб більш зручний. При збереженні векторного зображення у файл записують комбінації комп’ютерних команд та математичні формули, що описують об’єкт. Таке поєднання дає комп’ютерним пристроям можливість розміщувати в потрібному місці реальні точки зображення. Ця особливість має низку переваг перед растровою графікою, але у той самий час є причиною недоліків. Так, порівняно із растровою графікою векторне зображення, як правило, займає менше пам’яті, а під час масштабування його якість не погіршується. до недоліків можна віднести те, що векторна графіка не може відтворити дуже складні (реалістичні) малюнки. Векторну графіку ще називають об’єктно-орієнтованою. Прості об’єкти, такі як кола, лінії, сфери, куби і тому подібні, називають примітивами і комбінують для створення більш складних об’єктів.

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

б’є

кти

рафі

‑

| Запитання відповіді с. 28

| Виконай самостійно с. 33

Практичні роботи с. 33

Досліди (порівняй — обміркуй — зроби висновки) с. 25

Досліди (виконай завдання — проаналізуй дії та результат — зроби висновки) с. 24

[ Досліди (виконай завдання — проаналізуй дії та резулътат — зроби висновки) ] Виконай алгоритм1

Виділи першу лінію.

За допомогою маркерів зміни її розташування відповідно до зразка.

Виділи послідовно кожну лінію та зміни її властивості відповідно до зразка2.

амалюй 5 ліній.

Обери інструмент «Лінія».

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

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

Навігація темою

3. Ве

ні

Комп’ютерна графіка

кторні

Комп’ютерна графіка

Які властивості має лінія1 у векторному редакторі?

Дай відповіді на запитання та виконай завдання

аведи приклади значень кожної властивості. Опиши, які властивості кожної лінії були змінені під час виконання алгоритму (дія №5).

[ Досліди (порівняй — обміркуй — зроби висновки) ]

Для чого призначений кожен із зображених маркерів?

Які дві операції над зображенням показано на малюнках?

Дай відповіді на запитання:

Було

Стало

Ctrl+X, Ctrl+V

Ctrl+C, Ctrl+V

Опиши три способи виконання кожної з цих операцій.1 Н

Лінія, як і будь-який об’єкт, має низку властивостей, а властивості набувають різних значень. априклад, об’єкт квадрат має властивість довжина сторони, значення якої — це конкретне числове значення в певних одиницях виміру (наприклад, 5 см).

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерна графіка

озглянь початкове та повернуті зображення Вінні-Пуха.

Було

тало

Повернути ліворуч на 90° Повернути праворуч на 90°

Відобразити зліва направо Відобразити зверху вниз

Опиши, що означає кожен із зображених способів обертання об’єкта. •користайся словами «годинникова стрілка», «віддзеркалити». Порівняй процес виконання цих дій у текстовому процесорі (засоби • роботи з малюнками) та в графічному редакторі Ooo4Kids DRAW.

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

У кожному рядку наведено по 2 чи 3 зображення тієї самої авто фігури, тільки з різним положенням жовтих маркерів. пробуй на звати кожну фігуру (наприклад, «трикутник з вирізом») та пояснити, за що відповідає кожен із жовтих маркерів.

Комп’ютерна графіка

Так, це цікаво!

А давай спробуємо визначити, який спосіб заливки якому об’єкту відповідає.

озглянь 3 зразки текстових об’єктів і спробуй назвати властивості, які може мати кожен із них. Виокреми спільні та відмінні властивості. Опиши два способи використання тексту у векторній графіці.

Текст у документі

Текст WordArt Текст у фігурі

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

від

я-

итанн

З п

овіді

Комп’ютерна графіка

Які різновиди графічних об’єктів є у векторному графічному редакторі? Векторні графічні об’єкти

Фігури довільної форми

Автофігури

Складені об’єкти

• • •

З точки зору користувача векторні графічні об’єкти можна поділити на: автофігури — фігури зі стандартного набору; фігури довільної форми — їх може накреслити користувач; складені об’єкти — складаються з кількох автофігур чи фігур довільної форми. Однак у пам’яті комп’ютера будь-який векторний графічний об’єкт зберігається як набір кривих Безьє1 — гладких ліній із одним чи двома вигинами. Щоб побачити ці криві, треба вибрати з контекстного меню об’єкта команду «Змінити точки». а контурі об’єкта з’являться вузли — точки з’єднання кривих Безьє.

З чого складається будь-який векторний графічний об’єкт?

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

П’єр Безьє — французький інженер, фахівець у галузі інформатики, який жив у XX столітті.

З контуру та заливки (за винятком того, що прямі лінії мають тільки контур).

Комп’ютерна графіка

Які операції можна виконувати над окремим векторним графічним об’єктом?

— за допомогою миші або клавіш Ctrl+X (вирізати) • Птаереміщувати Ctrl+V (вставити); копіювати — за допомогою миші, утримуючи клавішу Ctrl, або клавіш • Ctrl+C (копіювати) та Ctrl+V (вставити); з мінювати та розміри — перетягнувши один із круглих марке• рів на рамціформу об’єкта; Обертання

Зміна форми всього об’єкта

Зміна форми окремих частин

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

Які існують способи заливки векторних графічних об’єктів? Векторний графічний об’єкт можна заливати:

• однотонним кольором; • візерунком; • текстурою; • малюнком із файлу; • г(ізрадієнтом плавним перетіканням кольорів). Які параметри має градієнтна заливка?

По-перше, градієнтна заливка характеризується напрямком, у якому перетікають кольори. Вона може бути радіальною (перетікання від центра фігури до країв), лінійною (перетікання кольорів зліва направо, зверху вниз, вздовж діагоналі тощо), прямокутною та ін.

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерна графіка

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

Як у векторному графічному редакторі намалювати фігуру довільної форми?

Для цього є кілька інструментів:

Крива — для малювання фігур зі згладженими кутами. Такі фігури складаються з фрагментів, кожен із яких має 1 вигин. Для малювання потрібно послідовно проклацати місця сполучення цих фрагментів.

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

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

Як змінити форму фігури?

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

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

Комп’ютерна графіка

3. Вузол перетягнуто вгору.

4. Додано та переміщено ще 2 вузли.

2. Вузол перетворено на кутовий, а його напрямні перетягнуто вгору.

1. а фігурі «Півмісяць» виділено верхній вузол.

Як малювати в текстовому процесорі?

Полотно з графічними об’єктами

В усі широко відомі текстові процесори вбудовано векторні графічні редактори. У MS Word, перш ніж малювати, варто створити полотно — область, де розміщуватиметься малюнок. Це можна зробити, відкривши вкладку Вставлення та вибравши команду Фігури \ Створити полотно. Полотно само по собі є малюнком і його, разом із графічними об’єктами в ньому, можна переміщувати, розташовувати в тексті чи перед ним тощо, як і будь-яке зображення в документі.

Як додати текст до об’єкта векторного зображення у текстовому процесорі?

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерна графіка

а будь-якій фігурі, крім лінії, можна клацнути праву кнопку миші й вибрати з контекстного меню команду «Додати текст». Буде створено область для введення тексту, розміри якої можна побачити на лінійках зліва та зверху. Потім текст разом із фігурою можна обертати, переміщувати тощо.

Як додати текст до малюнка? У більшості графічних редакторів інструмент додавання тексту до малюнка виглядає приблизно так: Т ,

Алгоритм додавання текстового напису: 1. Обрати інструмент додавання тексту. 2. а панелі налаштувань (як правило, відкривається після вибору інструменту) вибрати необхідні налаштування, наприклад:

озмір

Колір

акреслення

рифт

3. Клацнути лівою кнопкою миші в тому місці малюнка, де буде текст. 4. Ввести текст та, якщо треба, виділити його і змінити налаштування.

У деяких графічних редакторах налаштування тексту можуть змінювати положення літер у рядку, напрямок тексту не тільки по горизонталі чи вертикалі, але і за кривими лініями тощо. априклад: Н

Чи можна надати тексту об’єм, додати до нього тінь, градієнтну заливку тощо? Так. Для цього в текстовому процесорі потрібно виділити текст і задати всі необхідні параметри за допомогою кнопки «Текстові ефекти й оформлення»: . Ще більші можливості для форматування має так званий текст WordArt, який додають за допомогою кнопки на вкладці Вставлення. Цей текст, зокрема, можна вигинати. Для цього об’єкт WordArt потрібно виділити та на вкладці Формат вибрати меню Текстові ефекти \ Трансформація.

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

[

Комп’ютерна графіка

рактична робота 1 ]

Використовуючи градієнтні заливки, намалюй у векторному графічному редакторі малюнки, що подібні до зображених.

[

рактична робота 2 ]

пробуй відтворити зображені зразки рекламної продукції або створити свою власну. А

Зауваж, що для точного відтворення поданих плакатів на комп’ютері потрібно встановити спеціальні шрифти. Вони можуть бути як вільнопоширюваними, так і платними. Велику колекцію безкоштовних шрифтів можна знайти на сайті fonts.google.com. Однак можеш створити плакат із написами звичайними шрифтами, задавши їхні особливі параметри.

[ Виконай самостійно ] Н

амалюй зображення улюбленої тварини, використовуючи інструмент Крива або Мальована крива. Відредагуй його, додаючи, видаляючи або перетягуючи вузли.

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

б’є

ктів

над

г уп

Досліди (порівняй — обміркуй — зроби висновки) с. 34 Спробуй пояснити с. 36

Практична робота с. 37 Запитання-відповіді с. 38

[ Досліди (порівняй — обміркуй — зроби висновки) ] озглянь уважно операції вирівнювання та розподілу.

Початкове розташування

Які корисні операції! Деякі зображення буде створювати значно легше! А давай придумаємо малюнки, де операція «Розподілити по вертикалі» буде необхідною.

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Навігація темою

ра

4. Опе ц ї

ами

Комп’ютерна графіка

ти зможеш пояснити, що означають усі способи вирівнювання • Чйирозпо ділу об’єктів? априклад, « озподілити по вертикалі» означає

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

•

перемістити об’єкти по вертикалі так, щоб відстані між їхніми краями були однакові. Як ти вважаєш, для якої найменшої кількості об’єктів має сенс операція вирівнювання? операція розподілення?

Варіант 1

Було тало Варіант 2

Порівняй результат виконання двох алгоритмів.

Обери команду «Повернути згори донизу».

3 3

езультат:

Намалюй за зразком.

Виділи обидва об’єкти.

Обери команду «Групувати». Обери команду «Повернути згори донизу». Р

Виділи обидва об’єкти.

Намалюй за зразком.

№2

№1

езультат:

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерна графіка

Цікаво, а якщо перевірити виконання цих двох алгоритмів у різних програмах, результат буде однаковим?

пробуй пояснити ]

Що не так на цих зображеннях? Поясни, що треба на них виправити. Як це зробити за допомогою зображених кнопок?

[

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

А давай спробуємо дослідити ці операції експериментально у векторному графічному редакторі.

Проаналізувавши попереднє завдання, спробуй пояснити, що таке рівень об’єкта на зображенні.

У якому порядку було намальовано фігури на такому зображенні?

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

А також з’ясуємо, чим відрізняється кнопка «Перемістити назад» від кнопки «На задній план». Для чого призначені кнопки переміщення вперед та назад?

Комп’ютерна графіка

[

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

Чи знаєш ти, що на комп’ютері дуже зручно створювати орнаменти і при цьому використовуються майже всі операції, які можна виконати з графічними об’єктами? Переглянь, як крок за кроком у векторному графічному редакторі було створено один із варіантів українського орнаменту. Поясни, які операції варто було виконувати на кожному кроці. твори такий орнамент самостійно. 1

твори один або кілька із зображених малюнків у векторному графічному редакторі. А

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерна графіка

від

я-

итанн

З п

овіді

Як виділити кілька графічних об’єктів одразу?

посіб 1. Клацнути кожен об’єкт, утримуючи клавішу Ctrl. посіб 2. а вкладці Основне в меню Виділити вибрати пункт Вибрати об’єкти, після чого об’єкти можна буде обводити рамкою.

Що означає «згрупувати об’єкти»?

Це означає створити новий графічний об’єкт, що складатиметься з кількох наявних об’єктів. Щоб згрупувати об’єкти, їх потрібно виділити, а потім на вкладці Формат у меню Групувати вибрати команду Групувати. озгрупувати об’єкти можна за допомогою цього ж меню. Згруповані об’єкти поводитимуться як одна ціла фігура.

Повернути направо

Згруповані об’єкти

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Повернути направо

езгруповані об’єкти

Комп’ютерна графіка

Що означає «розподілити об’єкти»?

Розподілення об’єктів по вертикалі

Це означає розташувати їх так, щоб відстані між їхніми краями були однакові. озподіляють не менше трьох об’єктів.

Розподілення об’єктів по горизонталі

Що означає «вирівняти об’єкти»?

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

За яким принципом одні об’єкти затуляють інші і як змінити порядок перекриття об’єктів?

Коли на полотно малюнка ви додаєте графічний об’єкт, то він затулятиме собою всі наявні об’єкти, з якими перетинається. Таким чином, можна вважати, що кожен наступний об’єкт розташовано на новому, вищому, шарі. Змінити порядок перекриття об’єктів можна за допомогою команд меню Формат. «Перемістити назад/вперед» означає зробити шар, на якому міститься об’єкт, на один нижчим або вищим. «Пере містити на задній план/на передній план» означає розмістити об’єкт над усіма чи під усіма іншими.

Українсько-англійський словничок

Піксель — Pixel оздільна здатність — Resolution Колір — Color Графічний об’єкт — Graphics object Властивість — Property

Комп’ютерна графіка — Computer graphics Векторна графіка — Vector graphics астрова графіка — Bitmap graphics Тривимірна графіка — 3D-graphics

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерна графіка

трови

тов

ра

дактор

ни

Дай відповідь. Обміркуй. Обговори з товаришами с. 40 Розглянь. Обміркуй.

Зроби висновки. с. 41 Спробуй пояснити с. 42

[ Дай відповідъ. Обміркуй. Обговори з товаришами ]

• •

Чим схожі та чим різняться векторні графічні редактори? аведи приклади. Чим схожі та чим різняться різні растрові графічні редактори?

Paint.net

Paint

PhotoShop

На що схоже зображення інструмента та яким може бути його при• значення?

У деяких растрових графічних редакторах для створення зображення • використовують шари. пробуй пояснити поняття шару та його призначення у графічному редакторі. 1 Р

Навігація темою

рафі

икори

5. В с ує г ч й е

мо

екомендована програма — Paint.net, посилання для завантаження: http://paintnet.org.ua/ download/

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Комп’ютерна графіка

[ Розглянъ. Обміркуй. Зроби висновки ] С

клади, скориставшись графічним алгоритмом, словесний алгоритм створення малюнків.

Алгоритми створення малюнків №1 А

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерна графіка

№2 А

Створи один із малюнків згідно • з показаним алгоритмом у растро-

[

вому та векторному редакторах. Порівняй переваги та недоліки цих редакторів.

пробуй пояснити ]

Які інструменти і в якому по• рядку було використано для ство

рення малюнка?

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Комп’ютерна графіка

• Що відбулось із кожною світлиною? А

• Як було створено зображення?

• Яка загальна назва цих інструментів? Чим вони відрізняються?

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

[

ес ї і

їй п

роф

мо

рафіка

рна

п’ю е т

6. К

ом

Комп’ютерна графіка

— дизайнер одягу ]

З англійської слово «дизайн» перекладається як малюнок, проект, план. Дизайнер одягу займається проектуванням і створенням одягу. Які навички потрібно розвивати? Креативність. Доброзичливість. Пунктуальність. Наполегливість. Працелюбність. Уміння малювати від руки та в комп’ютерних програмах, насам перед векторних графічних редакторах. авіть здобувши освіту дизайнера, потрібно протягом життя: читати спеціальну літературу; ознайомлюватися із досвідом інших фахівців; постійно «доторкатися» до прекрасного.

• • • • • •

• • •

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

Вигадай та намалюй свої моделі одягу, наприклад зручний та модний одяг для відвідування школи.

пробуй намалювати стандартний одяг.

Спробуй декілька практичних кроків

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

[

Комп’ютерна графіка

— архітектор ]

Чим займаються архітектори? Проектуванням будівель, розробленням проектної документації, а іноді — розрахунком надійності конструкцій. Основне завдання фахових архітекторів — сконструювати надійний будинок, урахувавши всі побажання замовника. Крім будівель, архітектори проектують сади, житлові квартали, виробничі споруди, транспортні магістралі й багато іншого. Які навички потрібно розвивати, щоб стати архітектором? Винахідливість. Уяву (аби уявляти, як у просторі, який ви наповнюєте, люди будуть рухатися, що вони відчуватимуть, звідки буде проникати світло, як відчуватиметься дотик до стіни або підлоги). Наполегливість. Працелюбність. Спостережливість (потрібно спостерігати за рухами і переміщеннями людей, за тим, як вони освоюють простір). Художнє чуття (вміти перетворювати відчуття, думки і уявлення в просторову, матеріальну форму). Вміння малювати та креслити від руки та за допомогою комп’ютерних програм, насамперед для створення тривимірної графіки1.

Тривимірну графіку ти вивчатимеш у 9 класі. Однак зараз ти можеш намалювати ескіз фасаду будинку у векторному графічному редакторі.

• • • • •

• •

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

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

Комп’ютерна графіка

Придумай та намалюй дім майбутнього.

Українсько-англійський словничок

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Контур — Outline озмір — Size Обертання — Rotation Групування — Grouping озподілення — Distribution

Прямокутник — Rectangle Еліпс — Ellipse Лінія — Line Крива — Curve Заливка — Fill

[

Комп’ютерна графіка

— інженер-конструктор ]

Подивись, як швидко оновлюються моделі мобільних телефонів, комп’ютерів, автомобілів. Їх розробляють інженери-конструктори. Тому ця професія потрібна сьогодні і буде потрібна завтра! Як працює інженер-конструктор? Зазвичай він отримує від замовника опис проблеми та перелік очікувань. обота інженера полягає у створенні інформаційної моделі. У результаті він представляє декілька варіантів конструкції, обґрунтовує їхні переваги, додає креслення та деталізує процес виготовлення. еобхідні знання та навички: Знання спеціалізованих графічних редакторів для створення креслень1. Знання англійської мови. Наполегливість. Працелюбність.

• • • •

Проблема № 1

Потрібно розмістити широке ліжко в будівлі, де мало вільного місця. Варіант рішення шафа

матрац

Креслення

ніжка

петля

Це такі програми, як AutoCAD, Компас-3D та ін. Їх не вивчають у шкільному курсі інформатики. Однак прості креслення ти можеш намалювати і у звичайному векторному графічному редакторі.

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерна графіка

Варіант рішення

Проблема № 2 Р

озробити енергономічне рішення для вентилювання теплиці, яка побудована поряд із будинком.

Темна фарба

Поміркуй, як це працює. Скло

Дім Теплиця

Двері

Проблема № 3

Варіант рішення Оголовок

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

Стовбур

Глиняний замок

Водоносна частина

Верховодка

Гвинт рхімеда

Гравій

Звичайний колодязь

Поясни, як працюють зображені конструкції.

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

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Комп’ютерна графіка

— художник-аніматор (мулътиплікатор) ]

[

Микита Лиськов художник-аніматор

Чарівний світ анімації ми знаємо з дитинства, а багато хто його любить і до глибокої старості. ежисер-аніматор дарує казку своїм глядачам. Творчість та найнеймовірніші вигадки — це його стихія. Він вкладає душу в кожного створеного персонажа і дарує йому життя. Про анімацію та навички, які необхідно розвивати майбутньому мультиплікатору, говорять фахівці1:

німація — це один із найскладніших напрямів дизайну, який мало представлено в українському бізнесі та освіті. Та в останні роки попит на українську анімацію зростає, тож і ставлення до неї змінюється. Україна пишається

Шон Макґлінчі (Shaun McGlinchey) аніматор спецефектів, старший викладач на курсі « німація» Вестмінстерського університету в Лондоні

Брала участь у створенні анімаційних фільмів: «Як Петрик П’яточкін слоників рахував», «Енеїда», « ампо з Лапландії», «Працелюбна бабуся», «Лікар йболить», «Острів скарбів» та багатьох інших. вторка кліпу на пісню «Балада про принцесу» співачки Р. Лижичко (1997), муз. стрічки « вітлячок» (2002). С

КАСАВІНА Олена Борисівна (17. 04. 1952, м. Біла Церква Київ. обл.) — сценаристка, режисер, художник-мультиплікатор, педагог

‑

Я не читав жодних книг про анімацію, я дивився фільми: анімаційні та художні. І малював. Я неабияк любив малювати. Це і вся історія. Все дуже просто: щоб стати аніматором, потрібно уміти малювати. ьогодні все трохи по іншому. Тепер аніматор має володіти спеціальними технічними знаннями і вміти користуватися необхідними комп’ютерними програмами. авіть мальована анімація зараз майже завжди створюється не олівцем на папері, а стилусом на планшетах. За матеріалами з мережі Інтернет.

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерна графіка

Поради майбутнім аніматорам від фахівців:

Поміркуй, які кадри потрібно підготувати для анімації гойдалки, та створи їх.

пробуй підготувати кадри, що необхідні для анімації пішохода.

Читайте, дивіться всі книги з анімації, артбуки, нічого не пропускайте повз, не соромтеся дивитися, як хтось зробив до вас схожу сцену. авіть якщо ви будете змальовувати, ви все одно додасте щось своє. Великі майстри копіювали картини — ви копіюйте сцени. Це чудова школа. Якщо ви ніколи не малювали коней, вони ніколи самі не спадуть вам на думку.

овіді

я-

від

З п

итанн

пробуй створити з намальованих кадрів анімацію.

Як з окремих зображень створити файл gif-анімації?

перетягнути зображення вверх/вниз, розташувавши їх у потрібному порядку;

налаштувати швидкість анімації за допомогою повзунка Animation speed; С

натиснути кнопку Create GIF Animation ( творити анімацію GIF). Зауважте, що розміри всіх кадрів у пікселях мають бути однаковими!

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

завантажити всі зображення за допомогою кнопки Upload images (Завантажити);

Потрібно скористатися спеціальною програмою або веб-сервісом, наприклад http://gifmaker.me/. ого інтерфейс очевидний. Порядок роботи із сервісом такий:

Комп’ютерна графіка

натиснути посилання Download the GIF (Завантажити GIF) на правій панелі внизу.

Як перетворити векторне зображення на растрове?

зробити копію екрана з векторним зображенням за допомогою клавіші PrintScreen (або PrtScr);

вставити зображення з буфера обміну в редактор Paint (клавіші Ctrl+V);

виділити на зображенні потрібний фрагмент та скопіювати його в буфер обміну (клавіші Ctrl+C);

створити в редакторі Paint новий малюнок та вставити в нього скопійований фрагмент (клавіші Ctrl+V);

зберегти малюнок у редакторі Paint у будь-якому форматі.

У більшості векторних графічних редакторів є можливість зберегти файл зображення в растровому форматі, однак найбільш універсальний спосіб такий:

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

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерні презентації

Де використовують комп’ютерні презентації?

Які бувають презентації?

Як правильно розробити презентацію для публічного виступу?

Як створити цікаві анімаційні ефекти?

А що таке інтерактивні презентації?

Комп’ютерні презентації

итанн

ні

ц ї. З г ль п

нта

Пр

ее

| Опрацюй самостійно с. 57 |

Розглянь. Обміркуй. Обговори з товаришами с. 56

Досліди (порівняй — обміркуй — зроби висновки) с. 54 Спробуй пояснити с. 56

Виконай самостійно с. 58 Запитання-відповіді с. 59

[ Досліди (порівняй — обміркуй — зроби висновки) ] однакову інформацію подано у кожному варіанті повідомлення? • Чи Чим відрізняються повідомлення? • Яке подання інформації тобі подобається найбільше і чому? •

Яблуко — плід яблуні, який вживають у їжу у свіжому вигляді, є сировиною в кулінарії і для приготування напоїв. Вважається, що батьківщиною яблуні є Центральна зія… а сьогодні існує безліч сортів цього виду, які ростуть у різних кліматичних умовах.

Яблуко — плід яблуні, який вживають у їжу у свіжому вигляді, є сировиною в кулінарії і для приготування напоїв. Вважається, що батьківщиною яблуні є Центральна зія… а сьогодні існує безліч сортів цього виду, які ростуть б в різних кліматичних умовах.

а в

Яблуко

Яблуня Батькiвщина — Центральна Азiя Golden Delicius

GalaRoyal

Red Delicius

Granny Smith

Fuji

Idared

Red prince

Mutsu

Ligol

Зроби висновки

спосіб подання інформації найбільш інформативний для тебе? • Який Яка інформація способом подання) тобі запам’яталась найкраще? • У яких ситуаціях(забуде більш доречним інший спосіб подання цієї • інформації?

Навігація темою

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Комп’ютерні презентації

Учні 6 класу, поділившись на дві групи, працювали над своїми проектами. І от настав день, коли потрібно було представляти результати роботи. Учасники кожної групи замислились, як це зробити найкраще.

Нам обов’язково треба на кожному етапі нашого виступу розставляти акценти на найголовнішому, доповнювати слова ілюстраціями, схемами, графіками.

Найголовніше — всім докладно описати, як ми діяли, і пояснити, чому наш проект найкращий.

Група № 1

Група № 2

Як ти вважаєш, презентація якої групи вдалася краще?

• • •

Переглянь презентацію, яка розміщена в мережі Інтернет: https://www.slideshare.net/christinaashirova/ss-34967859 Чи подобається тобі її оформлення? Для чого можна використати таку презентацію? Що б ти хотів (хотіла) у ній змінити?

А що таке презентація?

Зроби висновки

чого використовують презентації? • Для Яка мета презентації? •

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

[

Комп’ютерні презентації

пробуй пояснити ]

ейробіолог Грегорі Бернс вважав, що найкраща і найновіша ідея не варта нічого, якщо в ній не змогла переконатися достатня кількість людей. Як цей вислів стосується презентацій?

[ Розглянъ. Обміркуй. Обговори з товаришами ]

Обладнання для проведення презентацій

Відеокамера

Монітор

оутбук

Презентер

Проектор

Фліпчарт

Екран

Звукове обладнання

Порівняй два вислови: «зберегти презентацію у файлі» та «провести презентацію». Яке значення має термін «презентація» у кожному з них? Як пов’язані ці значення?

Зроби висновки

відрізняються комп’ютерна (електронна) та звичайна презентації? • Чим Як може використовуватися кожен із зображених пристроїв для про• ведення презентацій?

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Комп’ютерні презентації

Програмне забезпечення для створення презентацій

PowerPoint

Kingsoft Presentation

Impress

Prezi Class desktop

Онлайн

VideoScribe

Wink

Google Slides

Офлайн

Microsoft PowerPoint Потрібна ліцензія Apple Keynote Безкоштовна Google Slides Безкоштовна Prezi Безкоштовна

Microsoft PowerPoint Платформи: Windows, macOS, Android, iOS. Потрібна ліцензія Apple Keynote Платформи: macOS, веб, iOS. Безкоштовна LibreOffice Impress, OOO4Kids Impress Платформи: Windows, macOS, Linux, Android, iOS. Безкоштовна Prezi Платформи: Windows, macOS, Android, iOS. Потрібна ліцензія

[ Опрацюй самостійно ]

Презентація як різновид публічного мовлення

Уміння представляти проекти (презентації), звітувати, переконувати, якісно інформувати аудиторію є необхідною навичкою сучасної людини. Презентація — спеціально організоване спілкування з аудиторією, мета якого — переконати або спонукати її до певних дій. Презентацію подають через три канали: вербальний — те, що я говорю; вокальний — те, як я говорю; невербальний — вираз очей, жести, рухи. Вплив на аудиторію суттєво посилюється завдяки володінню вокальним і невербальним засобами. Презентація може бути успішною і неуспішною. Успішна — це презентація, під час якої досягнуто поставленої мети; неуспішна — аудиторію не вдалося переконати, підсумком стало розчарування як аудиторії, так і того, хто презентує. айпоширенішими причинами неуспішності презентації є: ;; нездатність подолати хвилювання перед великою аудиторією; ;; недоліки у плануванні й підготовці презентації; ;; погано організований, неструктурований зміст; ;; недостатній контакт з аудиторією, відсутність відчуття часу; ;; неуважність до деталей; ;; неефективне використання наочних засобів; ;; перевантаження інформацією.

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерні презентації

[ Виконай самостійно ]

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Порівняй декілька макетів слайда. Визнач, що таке слайд і які об’єкти можуть бути розташовані на ньому.

від

я-

итанн

З п

овіді

Комп’ютерні презентації

Що таке презентація?

Презентація — це форма подання інформації як за допомогою різноманітних технічних засобів, так і без них. Як правило, презентують нові проекти, товари, послуги, ідеї і т. п. В цілому завдання презентації — зробити так, щоб її предмет зацікавив аудиторію.

Чому презентацію ефективно супроводжувати публічним виступом?

Дослідження свідчать, що пам’ять найбільш ефективно зберігає інформацію під час поєднання роботи зорового та слухового каналів її отримання. Людина запам’ятовує приблизно 30 % інформації, яку побачила, та близько 20 % тієї, що була сприйнята на слух, тоді як під час сприйняття одночасно зорово і на слух частка інформації, що запам’ятовується, збільшується до 50–70 %.

Які бувають презентації?

Текст

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

Таблиця

Далі

Аудіо

Зображення

Відео

Діаграма

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерні презентації

Гіперпосилання — посилання на електронні документи або їхні фрагменти в комп’ютері або мережі.

Cлайдові презентації можна створити за допомогою такого програмного забезпечення: LibreOffice Impress, OpenOffice Impress, Microsoft Office Powerpoint, Powerbullet Presenter, ProShow Producer, Quick Slide Show, MySlideShow. Потокова презентація — це презентація для неперервного відтворення потоку (послідовності) об’єктів з наперед визначеним часом показу кожного з них. Інакше кажучи, відеофільм. Поділ презентацій та систем їх опрацювання на слайдові й потокові з плином часу стає все умовнішим. учасне програмне забезпечення для опрацювання слайдових презентацій дає можливість користувачеві створити потокову презентацію. З іншого боку, програмні засоби для створення потокової презентації дають змогу долучити до потокової презентації текст, таблиці, схеми та керувати об’єктами під час демонстрації. Потокові презентації можна створити за допомогою такого програмного забезпечення: Adobe Flash, Microsoft Movie Maker, Virtual Tour Builder.

Які є різновиди слайдових презентацій?

лайдові презентації за способом відтворення можна поділити на презентації за сценарієм та інтерактивні.

Презентація за сценарієм У такій презентації послідовність показу слайдів чітко визначена. Під час показу презентації текст озвучує, як правило, ведучий.

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

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Комп’ютерні презентації

Навігація темою

цю

нта

п ее

мо

ює

Створ

Розглянь. Обміркуй. Обговори з товаришами с. 61 Досліди (розглянь — проаналізуй — сформулюй правила) с. 65 Спробуй створити с. 67 Опрацюй самостійно с. 69

Дискусійний клуб с. 71 Дій с. 73 Запитання-відповіді с. 74

[ Розглянъ. Обміркуй. Обговори з товаришами ]

Етапи роботи з презентацією

• визначити тему, мету

Демонстрація

• вибрати загальне оформ-

• провести репетицію; • провести показ презен-

лення із застосуванням різноманітних шаблонів оформлення; • додати слайди та їх вміст; • вибрати розмітку слайдів; • змінити оформлення слайдів та, у разі необхідності, колірну схему; • додати ефекти анімації слайдів та об’єктів на них.

тації перед аудиторією.

та спосіб демонстрації презентації1; • створити сценарій; • спланувати зміст та стиль усіх слайдів; • дібрати інформацію, визначити форми її подання (текст, малюнки, інфографіка2 тощо).

Створення

Планування

Інформаційна графіка, або інфографіка (англ. Information graphics; infographics) — це візуалізація даних або, простіше кажучи, мистецтво передати цифри статистики та іншу інформацію мовою графіки. априклад: Н

априклад: • Мета презентації — вплинути на когось. посіб демонстрації — на вебінарі. • Мета презентації — навчити глядача. посіб демонстрації — через файл на веб-ресурсі. • Мета презентації — проінформувати аудиторію. посіб демонстрації — доповідь.

Що таке Що таке інфографіка інфографіка

Інформація

Графіка

ЧОМУ? ЧОМУ? тому що людитому запам'ятовують: що люди запам'ятовують: а

Інфографіка Інформація Графіка

Інфографіка

Інформація Графіка

10 % того, що прочитали

10 20% % того, того, що щопрочитали почули

20 30% % того, того, що щопочули побачили

30 % того, що побачили

У мережі Інтернет існує багато безкоштовних онлайн-сервісів для створення інфографіки. Один із них https://www.canva.com (для його використання потрібно зареєструватися без підтвердження електронною поштою).

Інформація Графіка

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерні презентації

Алгоритм створення презентації

Початок Створи нову або відкрий наявну презентацію

Введи дані для титульного слайда

Створи новий слайд

Знайди та введи інформацію

Розмісти інформацію на слайді та відформатуй

Так

Анімацію заплановано?

Додай анімацію об’єктів

Ні

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Ні

План презентації реалізовано?

Так

Комп’ютерні презентації

Так

Презентація потокова?

Задай час показу слайдів

Ні

Здійсни попередній перегляд презентації

Так

Об’єкти презентації потребують редагування чи форматування?

Ні

Відредагуй/відформатуй

Ні

Презентація має бажаний вигляд?

Збережи презентацію А також розробити приблизну схему змісту кожного слайда.

Давай спробуємо визначити тему і мету навчальної презентації.

Так

Кінець

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерні презентації

Зберігати презентації можна в різних форматах. априклад, Microsoft PowerPoint пропонує збереження у таких: Розширення РР

Презентація

ТХ

Використовується для збереження

Тип файлу

звичайної презентації Microsoft PowerPoint

Малюнок у форматі GIF (File GIF Interchange Format)

слайда у формі малюнка, наприклад для використання на web-сторінках

Малюнок у форматі JPEG (File JPG Interchange Format)

слайда у формі малюнка, наприклад для використання на web-сторінках

слайда у формі малюнка

Метафайл Windows WMF

аблон оформлення

POTX

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

Демонстрація PowerPoint

PPSX

презентації, яка завжди відкриватиметься в режимі показу слайдів

Web-сторінка

HTM; HTML

веб-сторінки у формі папки з ТМLфайлом та всіма допоміжними файлами

Web-архів

MHT; MHTML

веб-сторінки у вигляді одного файлу, який містить усі допоміжні файли

вмісту презентації у вигляді текстового документа

RTF

труктура, RTF

Знайди відповідь на запитання: «Яка різниця між форматами ppt • та pptx?»

Корисні поради

Дейл Карнегі1 сказав: «У своїх взаємовідносинах з людьми не забувайте, що ви маєте справу не з логічними створіннями, а з емоційними», тому, готуючи матеріали, спробуйте поставити себе на місце аудиторії, для якої створюється презентація, та дайте відповіді на питання: «Що мені запам’ятається», «Що мене вразить?». Безпрограшним варіантом є використання гумору.

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Дейл Карнегі — американський письменник, оратор і мотиватор, автор бестселера «Як здобувати друзів та впливати на людей».

Комп’ютерні презентації

[ Досліди (розглянъ — проаналізуй — сформулюй правила) ]

У кожному рядку визнач слайд, що сприймається краще. Поясни чому. I

Шрифти

• • •

Для Заголовків — не менше 24; для основного тексту — 18; використовувати шрифти без засічок (шрифт із засічками використовується як реферат, доповідь).

Шрифти Для Заголовків — не мен• ше 24;

• для основного тексту — 18;

• використовувати шрифти без засі-

чок (шрифт із засічками використовується як реферат, доповідь).

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерні презентації

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

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

пробуй створити ]

Креативну1 презентацію себе. Креативну презентацію геометричної фігури «квадрат». Використай підказки:

авчальну презентацію на будь-яку тему «Вчимось…».

[

Комп’ютерні презентації

А зможеш просто зараз презентувати квадрат?

Запросто! Дивись!

Визначення мети презентації. ;; Мета створення презентації — супровід виступу. ;; Мета виступу — ознайомити слухачів з рослинними символами України.

Приклад створення презентації до виступу на тему «Рослинні символи України»

Креативність (англ. create — створювати, creative — творчий) — це здатність створювати і знаходити нові оригінальні ідеї, що відхиляються від прийнятих схем мислення, успішно вирішувати поставлені завдання нестандартним чином. Це бачення проблем під іншим кутом та їх вирішення унікальним способом. Креативне мислення важливе в бізнесі, науці, культурі, мистецтві, політиці, економіці — словом, у всіх динамічних життєвих областях, де розвинена конкуренція. Креативність — одна з найголов ніших якостей людини у XXI столітті.

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерні презентації

2 Ознайомлення з текстом виступу, підбір інформації для слайдів.

А верба понад водою — Наша пісня, наша доля. Хай завжди мене верба Та й додому поверта. (Ю. ибчинський)

земляків рослини: верба та калина. Образ смутку, лагідної ніжності, жалю втілено літературою в образі верби. Калина — споконвічний яскравий символ України, вірна супутниця людини від народження до останніх днів; не було, здається, хатини в Україні, біля якої б вона не кущувала. Жодна рослина не опоетизована так ніжно і трепетно у літературі, як калина. І якщо узагальнити у вербі та калині весь рослинний скарб нашої землі, то мені б хотілося повторити слова пісні «Калина та верба»:

Рослинні символи України кажеш одне тільки слово «Україна» — і в уяві постають тополя в полі, хрущі над вишнями, калина в лузі й у дворі, верба край долини. палахують у пам’яті чорнобривці, розкішні мальви, трепетний барвінок, червона рута… Вони віддавна уособ люють красу моєї землі, духовну міць її народу, засвідчують повагу до Батьківщини. Тому не дивно, що рослинний світ України став невід’ємною частиною її життя, культури, літератури. Погляньте на національне вбрання дівчини-українки. еодмінно є вінок на голові, де кожна з дванадцяти квіток є певним символом. Та найчастіше в українській літературі згадуються дві святі для моїх

озроблення сценарію презентації та добір ілюстрацій. 3 Р

ценарій презентації: ;; 1 слайд — назва презентації; ;; 2 слайд — ілюстрація українських краєвидів; 3–5 слайди — інформація про основні рослинні символи України; ;; ;; 6 слайд — слова пісні «Калина та верба».

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Комп’ютерні презентації

творення презентації. 4 С езультат: Верба — образ смутку, лагідної ніжності, жалю

Рослинні символи України

Неодмінною частиною вбрання дівчини-українки є вінок на голові

Україна

Калина — споконвічний символ України

Верба та калина — дві священні для українців рослини

А верба понад водою — Наша пісня, наша доля. Хай завжди мене верба Та й додому поверта. (Ю. Рибчинський)

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

[ Опрацюй самостійно ]

• • •

Вимоги до структури та змісту навчального матеріалу під час складання презентацій Кожен слайд має відображати одну думку. Текст має складатися з коротких та простих речень. Кожен рядок має містити не більше 6–8 слів.

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерні презентації

мають бути в одній часовій формі. • Дієслова аголовки мають привертати увагу аудиторії та узагальнювати • Зінформацію на слайді. лайди мають бути не надто яскравими: зайві прикраси лише • Сстворюють бар’єр на шляху ефективного передавання інформації. а одному слайді має бути не більше чотирьох блоків інформації. • НПідписи ілюстрацій розміщують під ними, а не над ними. • Усі слайдидопрезентації мають бути витримані в одному стилі. • В одній презентації не варто використовувати різні типи шрифтів. • Фонові малюнки слід використовувати дуже обережно, оскільки • вони втомлюють очі.

Корисні поради Приклад використання малюнків для оформлення презентацій

слайда може бути у вигляді як суцільного кольору, так і малюн• Тка,лоале в обох випадках воно має виділяти, підкреслювати інфор

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

•

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Комп’ютерні презентації

[ Дискусійний клуб ]

Дискусійне питання № 1. Яка колірна гама сприймається найкраще? Є багато досліджень про вплив кольорів на людину та її настрій. Тому підбір кольорів для презентації дуже важливий. априклад: червоний колір — енергійний, агресивний, збуджуючий, на певний час активізує всі функції організму, поліпшує настрій; жовтий колір — зменшує втому, стимулює органи зору і нервову систему, сприяє розумовій діяльності та вирішенню проблем; зелений колір — фізіологічно найбільш сприятливий для людини, зменшує напругу і заспокоює нервову систему, на тривалий час збільшує працездатність, сприяє критичному і вдумливому підходу до вирішення проблем, зменшенню кількості помилок у прийнятті рішень; блакитний колір — знижує значення більшості фізіологічних властивостей організму (пульсу, тиску, тонусу м’язів), сприяє заспокоєнню; синій колір — за дією схожий на блакитний, з більш вираженим ефектом, коли заспокоєння може переходити в пригнічення; фіолетовий колір — поєднує властивості синього й червоного, може викликати неврівноваження, відчуття незахищеності.

• • • • • •

Приклади використання кольорів у відомих логотипах

Дружність, щирість, довірливість

Збудження, молодість, хоробрість

Креативність, образність, розум

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерні презентації

Дискусійне питання № 2.

Guy Kavasaki Золоте правило презентації: ‑

‑

10 20 30

(10 слайдів за 20 хвилин

із розміром шрифту не менше 30) Гай Кавасакі

‑

Думка щодо «Правила 10 20 30» . Мортона, автора книги «Формула ідеального виступу». 10 слайдів — занадто жорсткі рамки, щоб сліпо їх дотримуватися. Позбавити повідомлення простору — нітрохи не краще, ніж напхати кожен слайд контентом і шумом. «Менше — краще» — хороший девіз, але не привід зв’язувати собі руки. Говоріть не більше 20 хвилин. Знову таки, це гарна порада у разі рекламної презентації. Однак вона не має великого сенсу (і потенційно небезпечна), коли виступ має інший формат. У сучасному світі презентації відійшли від колишнього формату «я говорю — ви слухаєте». Пристрасний, захопливий, живий діалог, який може легко тривати більше 20 хвилин, — ознака гарної презентації. Розмір шрифту 30 пунктів. Тут в саму точку. Залишається лише мріяти, щоб PowerPoint і Keynote підтримали цю практику і дозволили натисненням однієї кнопки зв’язати по руках і ногах тих, кому подобається спостерігати, як люди витягують шиї в спробах прочитати невеликий текст на їхніх слайдах. ле одного лише цього правила про розмір шрифту мало. Так, зробити букви крупніше — гарний початок, але при цьому ви ризикуєте просто збільшити в розмірах надлишковий текст. Осторонь залишається більш важлива проблема: доповідачі забувають про те, наскільки для презентації важлива візуалізація. Якщо ви використовуєте емає ніяких правил презентацію лише для того, щоб показати набір слів, чи не простіше роздрукувати текст і просто роздати його? Гай Кавасакі дав кілька гарних порад з приводу створення якісної презентації, але іноді треба виходити за рамки простих «правил». а жаль, чарівного рецепта, що гарантує успіх у створенні презентації, не існує.

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Що в цих порадах найважливіше для тебе особисто? пробуй сфор• мулювати в одному реченні свою власну формулу гарної презентації.

Комп’ютерні презентації

[ Дій ]

1 Створи презентацію для супроводження виступу.

Текст доповідача

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

• • • • • • • • •

В останні роки дрони, «безпілотники» та квадрокоптери набирають усе більшої популярності. ьогодні це надзвичайно корисне обладнання активно використовується в різних галузях господарської діяльності людини. Можливість установки фото- та відеоапаратури на квадрокоптери насамперед сподобалася журналістам з різних країн. ьогодні дрони все частіше використовують співробітники ЗМІ для отримання унікальних кадрів, кращих ракурсів. За їх допомогою тепер можна показувати змагання із самої гущі подій. Процес нафтовидобутку пов’язаний з безліччю труднощів і небезпек. Одним з найбільш небезпечних заходів для нафтовиків вважається взяття проб видобутої нафти. Тепер це можна робити за допомогою дронів. У 2015 році відразу в декількох країнах спробували використати «безпілотники» для рятувальних операцій, доставки медикаментів і життєво важливого спорядження. ині навіть розробляються «безпілотники» з можливістю дистанційного зв’язку з лікарем-експертом для надання швидкої медичної допомоги руками постраждалих в умовах, коли лікарі не можуть оперативно дістатися до постраждалих. Також дрони все частіше намагаються використовувати для кур’єрської служби пошуку осіб, які вижили після стихійних лих. езамінними помічниками стали квадрокоптери для пожежних команд. За їх допомогою здійснюється додатковий огляд палаючої будівлі й пошук людей. Вчені та захисники природи почали використовувати квадрокоптери для моніторингу диких тварин. Використовують приватні «безпілотники» як для огляду заповідників, так і в дикій природі. За їх допомогою відстежують міграції і ловлять браконьєрів. ільське господарство теж повинно бути високотехнологічним. Фермери з усього світу почали застосовувати дрони для конт ролю своєї худоби на вигоні, а також для моніторингу полів. Особливо корисно це для огляду після негоди або стихійних лих, а також у ході збиральних кампаній. Прикордонні служби, поліцейські підрозділи, митні служби і навіть берегова охорона — все більше силових відомств озброюється квадрокоптерами для підвищення рівня громадської та національної безпеки.

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

овіді

я-

від

З п

итанн

Комп’ютерні презентації

Як створити новий слайд? 1

1-й варіант. Кнопка на панелі Основне.

2-й варіант. Контекстне меню.

3-й варіант. Виділити слайд і натиснути клавішу Enter.

4-й варіант. Додавання слайдів з іншої презентації.

Вказати шлях до файлу

Вилучити слайд можна за допомогою клавіші Delete або контекстного меню.1 Тут і далі наведені приклади вигляду вікон, кнопок та меню Microsoft Office Professional Plus 2019. В інших програмах та версіях електронних презентацій зовнішній вигляд кнопок, розташування пунктів меню та кількість варіантів здійснення операції можуть відрізнятися, але загальний підхід буде той самий.

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Комп’ютерні презентації

Що таке макет слайда? Макет слайда — це умовна схема слайда, яка визначає розташування на ньому об’єктів.

Кожний макет слайда має свою назву, яка описує його можливий вміст. Щоб вибрати для нового слайда той чи інший макет, можна скористатися меню кнопки Новий слайд.

Які об’єкти можна додавати на слайд?

• автофігури; • таблиці; • відео; • звук; • анімацію; • інші об’єкти.

екстові поля і вводити до них • ттекст; з файлу; • зображення з Інтернету; • зображення фрагменти екрана; • зображення з фотоальбому; • піктограми; •

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерні презентації

Які особливості додавання звуку? Потрібно перевірити, які формати звукових файлів можна додавати до презентації. Для цього треба на вкладці Вставлення натиснути кнопку Аудіо, вибрати пункт Аудіо на моєму ПК та у вікні Вставити аудіофайл відкрити список справа внизу. априклад, це можуть бути такі формати:

Додати файл. Після додавання звуку на слайді з’являється значок. Виділивши даний значок, можна налаштувати або видалити звук. Зображення значка під час показу слайдів можна приховувати.

алаштувати відтворення звуку, а саме:

изначити подію, яка починає від• втворення звуку; гучність; • налаштувати визначити інші параметри. •

Як можна оформити презентацію?

1-й варіант. За допомогою готових тем.

2-й варіант. Використати готовий шаблон оформлення.

3-й варіант. творити оформлення самостійно (обрати колір фону, шрифт та його колір, додати будь-які інші елементи оформлення).

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

ця |

Опрацюй самостійно. Зроби висновки с. 77 Порівняй. Проекспериментуй. Зроби висновки с. 78

[ Опрацюй самостійно. Зроби висновки ] Анімація у презентаціях

Анімація об’єктів на слайдах Виділити об’єкт

Анімація слайдів Виділити ескіз слайда

Вибрати ефект Налаштувати параметри

Спосіб запуску анімації Після клацання мишею втоматично разом із попередньою втоматично після попередньої

Вибрати ефект

Тип анімації Вхід (поява об’єкта) Виокремлення (змінення властивостей об’єкта) Вихід (зникнення об’єкта) Переміщення об’єкта

Час відтворення ефекту

Кнопка, що відкриває меню параметрів ефекту

азва об’єкта, до якого застосовується ефект

Навігація темою

9. А

німа

Комп’ютерні презентації

Часова шкала (секунди)

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерні презентації

Для яких об’єктів у презентаціях можна задавати анімаційні ефекти?

Які типи анімацій застосовуються до об’єктів на слайдах?

Як за виглядом області анімації з’ясувати, який ефект анімації до якого об’єкта застосований?

Зроби висновки

кільки анімацій може бути застосовано до одного об’єкта? Як задати порядок відтворення ефектів анімації? Чи можуть кілька ефектів відтворюватися одночасно?

6 Як перейти до налаштування параметрів ефекту анімації?

Чи можна сказати, що чим більше анімації, тим краща презентація?

орівняй. роекспериментуй. Зроби висновки ]

[

А для чого взагалі застосовувати ефекти анімації? У яких ситуаціях це доцільно?

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Порівняй два набори параметрів того самого ефекту руху (с. 80). Дай відповіді на запитання. Тобі буде легше відповісти, якщо ти створиш в середовищі розробки презентацій дві копії об’єкта з тим самим ефектом анімації, задаси для кожної копії зображені набори параметрів і порівняєш результати.

абір параметрів 1

Що таке автовідтворення ефекту?

Що потрібно зробити, щоб об’єкт на початку руху не прискорювався, а наприкінці — не вповільнювався? Що потрібно зробити, щоб об’єкт після відтворення ефекту повертався в початкове положення?

абір параметрів 2

Що визначають параметри Тривалість і Затримка?

Як зробити так, щоб анімаційний ефект запускався клацанням миші, і як — щоб автоматично?

Комп’ютерні презентації

шення показу слайда?

роаналізуй. Дай відповіді на запитання ]

[ Досліди.

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

А я люблю футбол!

Тільки я хочу, щоб у презентації рибки в акваріумі рухалися!

А я хочу створити в презентації схему, що показує, як збірна України забиває один зі своїх найкращих голів. У ній має рухатися м’яч і гравці.

6 Як зробити так, щоб ефект автоматично повторювався до завер-

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерні презентації

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

1 2 3

кільки анімаційних ефектів застосовано до кожної рибки?

Як позначаються початок і кінець шляху переміщення об’єкта?

[

ляхи переміщення

Лінії

Фігури

Дуги

Петлі

Повороти

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

Користувацький шлях

• • • •

твори однослайдову презентацію із зображенням акваріума та зімітуй рух рибок у ньому за траєкторіями, зображеними вище. Дотримуйся таких вимог: Рибки мають рухатися постійно, до кінця показу слайда. Рух рибок має бути рівномірним, без прискорень та уповільнень. Золота рибка має пропливати повне коло за 10 с, а сомик — за 5 с. Рибки не повинні рухатися задом наперед, тобто вони мають повертатися в напрямку руху. Для цього одночасно з ефектом руху до рибок має застосовуватися один або кілька ефектів обертання (з категорії Виокремлення). алаштуй їхні параметри так, щоб рух рибок виглядав якомога реалістичніше. С

Яким ефектом слід скористатися, щоб намалювати довільну траєкторію руху об’єкта?

Як називається кожен із цих ефектів і до якої категорії ефектів анімації вони належать?

Розглянь малюнок і дай відповіді на запитання

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

твори презентацію, у якій схематично демонструється, як оман Безус забив гол у ворота збірної Чорногорії 9 червня 2013 року. а презентації має бути зображено рух омана Безуса футбольним полем, політ м’яча після удару відповідною траєкторією, а також переміщення голкіпера і двох-трьох польових гравців супротивника. Відео гола: https://youtu.be/M7QxrlGh6WA Р

[

Захід онця: https://youtu.be/H3aKHfiVXVU

Обертання Землі навколо онця та Місяця навколо Землі: https://youtu.be/lJ5Ug2OQF1s

* Годинник, у якому рухаються секундна та хвилинна стрілки зі швид

амостійна робота ] С

твори анімації за відеозразком:

Комп’ютерні презентації

костями, що відповідають справжньому плину часу: https://youtu.be/T963BAnhtwM

* Пісковий годинник: https://youtu.be/V7B4ffGtgqI

[ Дискусійний клуб ]

Під час вивчення векторної графіки ми створювали gif-анімацію, у якій анімаційний ефект досягався завдяки зміні статичних зображень через короткі проміжки часу. Таку анімацію ще називають покадровою, а анімаційні ефекти, які ми використовували в середовищі розробки презентацій, — анімацією руху чи форми. Завантаж архів кадрів анімації собаки, яка біжить, за адресою http://itknyga.com.ua/dog.zip і створи з них анімацію за допомогою одного з онлайн-редакторів gif-анімації, наприклад http://gifmaker.me/ (див. с. 50). а основі одного з кадрів створи анімацію руху собаки в середовищі розробки презентацій. Як ти думаєш, які переваги та недоліки покадрової анімації порівняно з анімацією руху?

Завдання підвищеної складності.

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

овіді

я-

итанн

З п

від

Комп’ютерні презентації

Що таке анімація?

лово анімація походить від латинського anima (душа), що згодом трансформувалося у французьке animation (оживлення). У докомп’ю терну епоху цим терміном називали спосіб створення мальованих кінофільмів. Тепер анімацією називають будь-які рухомі зображення, що створені не за допомогою відеозйомки. лово «анімувати» означає «надавати рух графічному об’єкту».

Які об’єкти можна анімувати в комп’ютерних презентаціях?

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

Як додати ефект анімації до об’єкта на слайді?

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

Які є різновиди анімаційних ефектів?

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

Як налаштувати параметри ефекту анімації?

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

Як визначається порядок відтворення ефектів анімації під час показу слайда?

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

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Комп’ютерні презентації

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

Які основні параметри мають анімаційні ефекти?

посіб запуску, що вибирається безпосередньо в меню ефекту. • СЕфект може відтворюватися лише після завершення попереднього

• • •

ефекту та клацання мишею (пункт Запускати клацанням), автоматично разом із попереднім ефектом (пункт Запустити разом із поперед нім) або автоматично після завершення попереднього (пункт Запустити після попереднього). Тривалість (у секундах) задається за допомогою команди Час меню ефекту. Кількість разів повторення ефекту (один, кілька чи поки не завершиться слайд) — також задається за допомогою команди Час меню ефекту. Наявність прискорення на початку або наприкінці відтворення ефекту задається за допомогою команди Параметри ефектів меню ефекту. Крім того, більшість ефектів мають свої специфічні параметри, які можна визначити за допомогою кнопки Параметри ефектів на стрічці Анімація, виділивши перед цим ефект в області анімації.

Як визначити, які ефекти анімації яким об’єктам на слайді відповідають?

Якщо відкрито область анімації, то біля об’єктів на слайдах відображаються прямокутники з номерами ефектів, що до них застосовані. Якщо клацнути такий прямокутник, то в області анімації буде виділено відповідний ефект. Засіб розробки презентацій автоматично надає об’єктам не дуже інформативні імена на кшталт « исунок 2». Змінити їх можна в області Вибірка, що відкривається комбінацією клавіш Alt+F10.

Як визначити точний час відтворення ефекту?

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

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерні презентації

еревір себе ]

[

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

Об’єкт з’являється, збільшуючись від центра.

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

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

[ Маленъкі хитрощі ]

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Інколи створення анімаційних ефектів у PowerPoint стає справжнім мистецтвом! Так, для анімації збільшення купки піску в пісковому годиннику (завдання 4, с. 81) не має ані відповідного стандартного анімаційного ефекту, ані автофігури, яка відповідала б кінцевій формі купки піску (зауваж, що вона не може виходити за стінки годинника). Тому використовується кілька додаткових автофігур, що не мають контуру й невидимі на білому тлі. а малюнку нижче контури додаткових авто фігур позначено оранжевим й зеленим. Так, позначені зеленим трапеції мають білу заливку й затуляють краї купки піску за межами годинника. Ця купка насправді має трикутну форму, а щоб до неї можна було застосувати ефект розширення з центра, її згруповано із трапецією знизу. Н

Комп’ютерні презентації

ця

нта

рактивна

п ее

Розглянь. Обміркуй. Обговори з товаришами с. 85 Порівняй. Зроби висновки. Дій с. 88 Досліди

(розглянь — обміркуй — знайди відповіді) с. 90 Досліди (виконай за зразком — обміркуй

результати — зроби висновки) с. 91 Виконай самостійно с. 92 Запитання-відповіді с. 93 Дій с. 97

[ Розглянъ. Обміркуй. Обговори з товаришами ]

Я вчора завантажила презентацію, змістом якої можна керувати як у меню комп’ютерної програми.

Як це?

Навігація темою

нт

10. І е

Вигляд презентації після запуску:

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерні презентації

3 слайд

2 слайд

Якщо навести курсор на об’єкт № 2

Якщо навести курсор на об’єкт № 1

Якщо навести курсор на об’єкт № 3

http://itknyga.com.ua/lviv.pptx 4 слайд

1 слайд 2 слайд 3 слайд 4 слайд

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Комп’ютерні презентації

Давай розберемося, як її було створено.

Цікаво!

Скільки всього слайдів у презентації? Як відбуваються переходи до 2-го, 3-го і 4-го слайдів презентації?

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

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерні презентації

[

орівняй. Зроби висновки. Дій ] С

Порівняй схеми роботи інтерактивних презентацій. пробуй пояснити, як працює кожна з них.

Презентація № 1

Титульний слайд

2 слайд

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

3 слайд

4 слайд

Комп’ютерні презентації

Презентація № 2

1 слайд

2 слайд

3 слайд

Зроби висновки:

мета кожної презентації? • Яка Ч им відрізняється використання кожної презентації? • Поясни, що таке меню в інтерактивній презентації. • Створи презентацію свого краю за одним зі зразків, наведе• них у цій, попереднійцікавостей або наступній рубриках.

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерні презентації

[ Досліди (розглянъ — обміркуй — знайди відповіді) ] Презентацію з появою трьох світлин можна створити і з одного слайда, якщо задати для світлин анімацію та налаштувати тригери.

світлина 1

світлина 2

світлина 3

Як ти вважаєш, яка подія є початком анімації для світлини № 1, якщо • встановлено такі налаштування:

налаштування мають інші світлини? • Я Окіпиши, працює така інтерактивна презентація. • Порівняйякможливості тригерів і дій для створення інтерактивних • презентацій.

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Комп’ютерні презентації

твори нову презентацію за зразком (бажано, щоб інформація на сторінках презентації відповідала твоєму закладу освіти).

Виділи слово «Контакти» на першому слайді та перетвори його на гіперпосилання:

[ Досліди (виконай за зразком — обміркуй резулътати — зроби висновки) ]

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерні презентації

Виділи послідовно на слайдах 2, 3 та 4 слова « а головну» і виконай налаштування за зразком.

Повтори аналогічні дії для слів « труктура ліцею», «Історія».

Зроби висновки

таке гіперпосилання? • Що Які об’єкти можуть бути гіперпосиланнями? • На які об’єкти можуть вказувати гіперпосилання у презентаціях? • Порівняй використання тригерів та гіперпосилань. • Для чого призначена опція «Підказка»?

[ Виконай самостійно ] озроби презентацію для гри-вікторини. Р

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Да Вінчі Вікторина

від

я-

итанн

З п

овіді

Комп’ютерні презентації

Якими способами можна в презентаціях додати інтер активні елементи та налаштувати переходи між слайдами? В програмі PowerPoint У програмі PowerPoint можна керувати анімацією та можна керувати анімацією ходом презентації та ходом презентації за допомогою таких засобів за допомогою таких засобів

додавання гіперпосилання

додавання дії

використання тригерів

Для чого використовують гіперпосилання?

переходу на інший слайд. • Для Для файлу, що є на комп’ютері. • Для відкриття переходу за вказаною адресою на веб-сторінку або електронну • пошту.

Що таке тригер?

Тригер — це об’єкт на слайді презентації (малюнок, фігура, кнопка, абзац або текстова рамка), у разі клацання якого буде виконано певну команду.

• •

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

Як використовувати тригери?

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

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерні презентації

Для встановлення тригера виконайте такі дії:

алаштуйте анімацію появи об’єкта.

Додайте на слайд об’єкт, на який буде встановлено тригер.

Виконайте налаштування:

Б обрати тригер

Увага! Щоб тригер спрацював, потрібно клацнути безпосередньо його (а не просто будь-яке місце на слайді).

Як створити гіперпосилання?

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

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

Створення посилання на місце в документі, новий документ або адресу електронної пошти

Виберіть Вставлення > Гіперпосилання, а потім — потрібний варіант в області зв’язати з:

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

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

Визначте об’єкт, на який потрібно створити посилання.

Комп’ютерні презентації

атисніть кнопку OK.

Виберіть текст, фігуру чи зображення, які потрібно використовувати як гіперпосилання. Виберіть Вставлення > Гіперпосилання. Виберіть пункт Файлом, Веб-сторінкою та виконайте дії:

Створення посилання на веб-сайт або файл

;; Виберіть місце збереження об’єкта, на який потрібно створити посилання (поточна папка, переглянуті сторінки або нові й оновлені документи). ;; Якщо ви ще не вибрали розташування вище, вставте URL-адресу веб-сайта, на який має вказувати посилання ( дреса). атисніть кнопку OK.

Увага! Посилання на файл буде діяти лише в разі показу презентації на тому комп’ютері, де її створено.

Які дії можна налаштувати у презентаціях?

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

дія після клацання мишею

дія в разі наведення вказівника миші

Ось приклади дій: · перехід до наступного слайда; · перехід до попереднього слайда; · перехід до останнього слайда показу; · перехід на веб-сторінки; · відкриття інших програм, презентацій або файлів.

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерні презентації

Для чого та як використовувати у презентаціях кнопки дій?

Кнопки дій можна використовувати як підказки або для запуску дії у презентації, зокрема дії переходу до наступного або будь-якого іншого слайда, запуску програми або відтворення відеокліпу. Таку кнопку можна вибрати з колекції «Фігури», а потім призначати їй дію, що виконуватиметься після її натискання або наведення на неї вказівника миші.

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

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

У діалоговому вікні Настроювання дії виконайте одну з наведених нижче дій. ;; Щоб вибрати поведінку кноп ки дії після її натискання під час показу слайдів, перей діть на вкладку Після клацання мишею. ;; Щоб вибрати поведінку кноп ки дії після наведення на неї вказівника миші під час показу слайдів, перейдіть на вкладку Після наведення вказівника миші.

Клацніть місце на слайді, а потім перетягніть вказівник миші, щоб накреслити фігуру для кнопки.

Дії для інших фігур або написів додаються так само, тільки вікно Настроювання дії потрібно відкрити за допомогою кнопки Вставлення > Дія.

а стрічці Вставлення у групі Зображення натисніть кнопку Фігури та в розділі Кнопки дій виберіть фігуру кнопки, яку потрібно додати.

Щоб додати дію до цих об’єктів, скористайтеся наведеними нижче вказівками.

Комп’ютерні презентації

[ Дій ]

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

твори гру. Орієнтовний вигляд:

У кімнаті горіло 50 свічок, 20 із них загасили. Скільки залишилося?

40 10 50

Опис задачі: майлик загадує загадку або ставить запитання. Із нижньої частини екрана швидко спливають бульбашки із різними варіантами відповіді. Гравцю потрібно клацнути бульбашку із правильною відповіддю — тоді на екрані з’явиться напис про вдалу відповідь і буде поставлено наступне запитання. Усього буде кілька запитань, і в разі успішної відповіді на всі з них відображатиметься повідомлення про перемогу в грі.

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

ес ї і

їй п

роф

мо

нта

цї у

— маркетолог ]

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

У сучасному світі, в умовах гострої конкуренції, жодна серйозна організація не може собі дозволити працювати без маркетологів. І тому інтерес до цієї професії постійно зростає. То що ж це за працівники і чим вони займаються в Україні?

‑

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

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

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

[

ее з

11.

Пр

Комп’ютерні презентації

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

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

(За матеріалами Вікіпедії, https://uk.wikipedia.org)

пробуй себе в ролі маркетолога та створи рекламну презентацію одного із зображених товарів.

Подушка

Капці

учний режим

втоматичний режим для поверхонь

втоматичний режим для підлоги

Лазерна миша

Домашній генератор райдуги

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Комп’ютерні презентації

— вчителъ ]

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

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

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

титульний слайд; ступ, де наведено огляд теми, подав но історичні довідки тощо; і нформаційні слайди, де викладається зміст матеріалу згідно з усіма вимогами до оформлення презентацій, які ми розглядали у темі 7;

• • •

лайд підсумків, де стисло зазначас ється, чого учні навчилися на цьому занятті;

• •

авершальний слайд, на якому можз на дати домашнє завдання, список інформаційних джерел тощо.

[

100

(За матеріалами Освітнього порталу, http://www.osvita24.com.ua)

Комп’ютерні презентації

101

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

ЛІНІЇ ТА СТРІЛКИ Лінія згину «долиною» на себе Стрілка згину «долиною» на себе Лінія згину «гіркою» від себе Стрілка згину «гіркою» від себе Зігнути й розігнути Наявна лінія, слід згину

Невидима, прихована лінія

УТОЧНЮВАЛЬНІ ПОЗНАЧКИ Сумістити позначені точки

Розcунути шари паперу

МАНІПУЛЯЦІЇ З УСІЄЮ ФІГУРОЮ Повернути фігуру Перевернути фігуру

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Алгоритми та програми

Як знайти помилки у програмі?

Що таке вкладені алгоритмічні конструкції?

Що таке об’єкт? Властивості об’єкта?

Як розробити власну комп’ютерну гру?

Які бувають події? Як навчитися програмування?

Алгоритми та програми

оді

та

| Досліди (виконай завдання — проаналізуй результати — зроби висновки) с. 105 | Досліди (відтвори у програмі — проаналізуй — зроби висновки) с. 107 | Спробуй самостійно с. 107 Дій с. 109 | Запитання-відповіді с. 109 |Перевір себе с. 111

Досліди (порівняй — проаналізуй — зроби висновки) с. 104

Навігація темою

12. Об’є

кти

104

[ Досліди (порівняй — проаналізуй — зроби висновки) ]

Вид

Олівець

Тип

Чорнографітні звичайні

Твердість грифеля

НВ

Кількість в упаковці

3 шт

Матеріал корпусу

Дерево

Колір корпусу

Зелений

Сірий

Форма корпусу

Шестигранна

Тригранна

Це я на сайті інтернет-магазину порівнюю два товари.

Ой, а що це таке цікаве у тебе на екрані комп’ютера?

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

А давай спробуємо і ми скласти таблицю порівняння двох об’єктів!

Алгоритми та програми

Об’єкт 1 азва: _____________________________

об’єкт 2

об’єкт 1

Об’єкт 2 азва: _____________________________

Властивості об’єкта 1 назва

105

Властивості об’єкта 2

значення

назва

значення

Зроби висновки

таке об’єкт? • Що Що властивість об’єкта? • Що таке таке значення властивості об’єкта? • [ Досліди (виконай завдання —

азви кожен об’єкт.

Дай загальну назву групі об’єктів. Доповни текст. азви бувають ___________________________

об’єкт має назву. • Ктаожен ____________________.

проаналізуй резулътати — зроби висновки) ]

З об’єктами стаються ______________________, що змінюють значення • ________________________.

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Алгоритми та програми

Дай відповіді на запитання.

зараз відбудеть• Ясякаізподія тенісним м’ячиком?

кі властивості об’єкта • Я«м’ячик» буде змінено?

Порівняй вигляд вікон до та після виконання операції.

об’єкт було створено? • Який якого об’єкта було змінено? • Властивості Якими були старі і якими стали нові значення змінених властивостей? • Яка подія відбулася? •

Зроби висновки

таке подія? • Що Н аведи подій, які можуть статися у програмах. • Що можеприклади трапитися внаслідок настання події? •

106

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Алгоритми та програми

107

[ Досліди (відтвори у програмі — проаналізуй — зроби висновки) ]

У графічному редакторі Paint перемісти в інше місце фрагмент малюнка.

пробуй самостійно ]

пробуй описати кожний із чотирьох об’єктів середовища кретч, скориставшись таблицею. Можеш назвати будь-які типові значення властивостей об’єкта.

азва об’єкта: _______________ Властивості об’єкта назва

значення

[

вісім подій, які відбувають• Нсяазви під час цього процесу. дії виконує програма Paint піс• Ялякінастання кожної події?

Об’єкти середовища Скретч

Кнопки

Образ спрайта

цена

прайт

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

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

Укажи, які властивості зображеного програмного об’єкта можна змінити за допомогою команд середовища кретч.

кретч

Досліди групи команд «Події» та «Датчики» в середовищі і перелічи 10 подій, на які можуть реагувати спрайти.

Алгоритми та програми

108

Об’єкти

Події

Сцена

Натиснуто зелений прапорець

1. Встановити тло «кімната»

Отримано повідомлення

1. Змінити образ

Натиснуто зелений прапорець

1. Переміститися в точку (–200,–150). 2. Рухатися в напрямку спрайта «пульт керування»

Торкнувся спрайта «пульт керування»

1. Надіслати повідомлення

Спрайт «Телевізор»

Спрайт «Кіт»

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Алгоритми

Алгоритми та програми

109

[ Дій ]

овіді

я-

итанн

З п

від

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

клади програму за наведеною вище схемою. Тло «кімната» візьми з бібліотеки тла у кретчі, а спрайти «пульт керування» та «телевізор» знайди в Інтернеті чи завантаж зі сторінки http://itknyga.com.ua#6.

Що таке об’єкт?

Об’єкт — це те, що може сприйматися як єдине ціле, відокремлене від іншого. Об’єкти мають: загальні назви (наприклад, «собака») та власні назви (наприклад, « екс»); властивості (наприклад, для об’єкта «собака» властивостями будуть вік, зріст, вага, порода, колір хутра тощо).

•

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Алгоритми та програми

Які бувають властивості об’єктів?

•

Будь-які властивості об’єктів набувають значень. Залежно від типу цих значень властивості можна поділити на: кількісні — значення таких властивостей можна подати числом у певних одиницях виміру (метрах, секундах, грамах). априклад, зріст собаки може бути 45 см; якісні — значення таких властивостей описуються словесно. априклад, характер собаки може бути спокійним або неврівноваженим. Н

•

Що можуть об’єкти?

Об’єкт може виконувати дії (наприклад, собака може бігти). Крім того, дії можна виконувати над об’єктом (наприклад, собаку можна погладити).

Що таке програмний об’єкт? Н

Це об’єкт, що є складовою певної комп’ютерної програми. априклад, кнопка, прапорець, вікно, спрайт у кретчі, блок у скретч-програмі.

Коли програмний об’єкт виконує ті чи інші команди?

Він це робить не раптово, не сам по собі, а в разі настання певних подій. Подією може бути надходження повідомлення від одного об’єкта до іншого, зміна властивостей програмного об’єкта, його створення або видалення тощо.

Що таке об’єктно-орієнтована програма?

Об’єктно-орієнтована програма являє собою набір об’єктів, з якими пов’язано події. Із кожною подією пов’язано алгоритм, який виконується в разі її настання і змінює властивості різних програмних об’єктів.

Подія 3

лгоритм 2

Подія 4

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Подія 5

лгоритм 1

Подія 2

Подія 1

Об’єкт 2 А

Об’єкт 1

110

лгоритм 3 лгоритм 4 лгоритм 5

Алгоритми та програми

111

На які події можуть реагувати спрайти у Скретчі?

асамперед це 6 стандартних подій, зібраних у групі Події.

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

Як об’єкти у Скретчі можуть впливати на поведінку інших об’єктів?

[ 1

Один об’єкт може надіслати другому повідомлення, отримавши яке, другий об’єкт виконає певні команди.

еревір себе ]

Що з переліченого для зображеного об’єкта може бути подією, дією, властивістю та її значенням?

• забарвлення плавців • наближається хижак • пливти геть • червоний

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

ні

ад

Розглянь. Обміркуй. Обговори з товаришами с. 112 Досліди (проаналізуй — дай відповіді —

реалізуй) с. 113 Спробуй себе в ролі вчителя (працюємо в парах) с. 115 Спробуй свої сили с. 116

Дій с. 117 Творчість с. 117 Реалізуй програмні проекти с. 118

| Запитання-відповіді с. 119

[ Розглянъ. Обміркуй. Обговори з товаришами ] Н

а малюнках зображено чотири типи вкладених алгоритмічних конструкцій. Одна із них — це цикл, вкладений у цикл. азви три інші типи: цикл, вкладений у … розгалуження, вкладене в … розгалуження, вкладене в … Визнач, яка програма якій конструкції відповідає.

• • • А

Навігація темою

13. В л е ц

Алгоритми та програми

ик

112

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

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Алгоритми та програми

113

[ Досліди (проаналізуй — дай відповіді — реалізуй) ] Як було цікаво в 5 класі, коли наші програми малювали гарні візерунки!

Так, ми для цього використовували повторення. Простий малюнок повторювався, і ми отримували орнамент, «витягнутий в лінію».

А я хочу, щоб орнамент заповнював усю площину, як на килимі!

Як ти вважаєш, який тип вкладених алгоритмічних конструкцій варто використати, щоб намалювати візерунок, який заповнює всю площину?

озглянь кожен з орнаментів і дай відповіді на запитання, що допоможуть тобі створити програму, яка його малює. Потім створи цю програму у кретчі або на рівні 10 гри Блоклі «Черепаха».

Хвильки

Щоб намалювати орнамент «хвильки», дай відповіді на такі запитання. 2

З повторення якої базової фігури утворюється орнамент?

Опиши алгоритм малювання базової фігури.

Що потрібно зробити, щоб перейти до малювання наступного ряду фігур, коли завершимо малювати попередній ряд?

Які дії потрібно виконати, щоб перейти від малювання однієї базової фігури до малювання іншої в тому ж ряді? Зауваж, що напрямок, у якому дивиться виконавець алгоритму на початку та наприкінці малювання кожної базової фігури, має бути однаковим! Відповівши на перші три запитання, ти знатимеш, як запрограмувати внутрішній цикл. Він намалює один ряд орнаменту. Щоб запрограмувати малювання всього орнаменту, дай відповідь на ще одне запитання. 3

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Алгоритми та програми

Ялинки

Щоб намалювати орнамент «ялинки», дай відповіді на такі запитання.

Які дії потрібно виконати, щоб перейти від малювання однієї базової фігури до іншої в одній ялинці?

Що малюватиме внутрішній цикл?

Коли внутрішній цикл виконається, що ще потрібно намалювати, щоб зобразити ялинку? Відповівши на ці запитання, ти знатимеш, як намалювати одну ялинку.

Яка базова фігура повторюється в одній ялинці?

Щоб запрограмувати малювання всього орнаменту, дай відповідь на ще одне запитання.

Що потрібно зробити, щоб перейти від малювання однієї ялинки до малювання іншої?

Ліс

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Коли ти знаєш, як малювати один ряд ялинок, тобі буде неважко намалювати і такий ліс. кільки рівнів вкладеності циклів буде у програмі малювання лісу? С

114

Алгоритми та програми

115

Квітка

Щоб намалювати зображення квітки із шестикутників, дай відповіді на такі запитання.

Що малюватиме внутрішній цикл?

Яку мінімальну кількість шестикутників достатньо намалювати? З повторення якого базового елемента складається шестикутник?

Опиши алгоритм малювання шестикутника.

Відповівши на ці запитання, ти зрозумієш, як намалювати один шестикутник. Щоб намалювати всю квітку, виконай такі завдання:

Визнач точку, у якій починається (і завершується) малювання першого шестикутника (скажімо, верхнього).

6 Визнач аналогічну точку на другому, сусід-

ньому справа шестикутнику. Визнач, які дії потрібно виконати, щоб перейти від малювання першого шестикутника до малювання другого.

Об’єднайтеся в пари.

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

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

пробуй себе в ролі вчителя (працюємо в парах) ]

[

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

Обговоріть результати. Чи правильними були ваші відповіді? Чи правильно були поставлені запитання?

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

[

Алгоритми та програми

пробуй свої сили ]

Ого! А як запрограмувати такі малюнки? Адже один шестикутник або коло треба малювати в циклі, їхній ряд — це ще один цикл, а тут кілька рядів!

Отже, потрібні три рівні вкладеності циклів: [цикл [цикл [цикл]]].

пробуй визначити, що малюватиметься в найбільш внутрішньому циклі, у середньому та в зовнішньому для кожного з орнаментів. Запрограмуй малювання цих орнаментів у кретчі чи на рівні 10 гри Блоклі «Черепаха». Зауваж, що спеціальних команд малювання кола та шестикутника ані в кретчі, ані в Блоклі немає. С

116

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Алгоритми та програми

117

• •

Пройди на сайті studio.code.org на рівні 3 два етапи: етап 11 «Художник — вкладені цикли»; етап 13 «Бджілка — вкладені цикли».

Виконай завдання 5–9 у грі Блоклі «Черепаха». а рівні 9 тобі треба буде зобразити півмісяць. Для цього можна намалювати білий круг, а поверх нього — чорний, зі зміщенням праворуч угору.

[ Дій ]

центр чорного круга

пробуй намалювати у кретчі або на рівні 10 гри Блоклі «Черепаха» зображені орнаменти. С

центр білого круга

Зауваж, що колір кожного елемента перших двох орнаментів вибирають у випадковому порядку. Це можна зробити за допомогою команди: С

у кретчі

у Блоклі.

та

[ Творчістъ ]

Вигадай власний орнамент, для креслення якого потрібні вкладені цик ли. Запрограмуй його креслення у кретчі або на рівні 10 гри Блоклі «Черепаха». Проведіть з однокласниками конкурс на найгарніший орнамент.

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Алгоритми та програми

[ Реалізуй програмні проекти ] Проект «Політ комахи» Пригадай, як літають комахи. https://www.youtube.com/watch?v=myTrXG64C0c твори інформаційну модель руху крилець комахи. апиши код для постійного руху крилець після натискання кноп ки «Зелений прапорець». Запрограмуй рух комахи за різними траєкторіями:

а б в

Проект «Феєрверк»

апиши код для зображення святкового феєрверку, де вибух починає спалахувати у випадковій точці екрана, а кут, познаН

118

чений червоною лінією, також визначається випадковим числом. Спробуй зробити зображен• ня феєрверку цікавішим. Для встановлення випадкового кольору скористайся командою

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

119

овіді

я-

итанн

З п

від

Алгоритми та програми

Як виконуються вкладені цикли?

зовнішній цикл

а кожній ітерації (кроці) зовнішнього циклу будуть виконані всі ітерації внутрішнього циклу. Крім того, виконуватимуться команди, що розташовані в тілі зовнішнього циклу (але не у внутрішньому). априклад, розберемо покроково, як виконується зображена програма, що імітує пульсацію спрайта. тіло зовнішнього циклу

тіло внутрішнього циклу внутрішній цикл

Початковий розмір спрайта:

Крок 1

Ітерація 1

Крок 2

Ітерація 2

Крок 3

Ітерація 3

Зовнішній цикл — ітерація 1 Внутрішній цикл

озмір спрайта

Крок 4

Крок 5

Ітерація 1

Крок 6

Ітерація 2

Крок 7

Ітерація 3

Зовнішній цикл — ітерація 2 Внутрішній цикл

озмір спрайта

Крок 8

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Алгоритми та програми

Як запрограмувати малювання правильного n-кутника?

n° 0/

Потрібно створити цикл, що виконуватиметься n разів і кожної ітерації малюватиме одну сторону многокутника та повертатиме на 360/n градусів. 90°

72° 90°

90° 90°

Як запрограмувати малювання зірки? Н

апрямок руху до повороту

Малювання зірки з n променями відрізняється від малювання правильного n-кутника лише величиною кута, на який потрібно повертати кожної ітерації циклу. априклад, щоб намалювати правильний п’ятикутник, щоразу потрібно повертати на 72°, а для малювання п’ятикутної зірки — на 144°.

апрямок руху після повороту Н

Кут, на який потрібно повернути

Як запрограмувати малювання кола?

Правильний многокутник із великою кількістю сторін (60 або більше) невеликих розмірів (такий, що вміщується у вікно кретчу) візуально не відрізнити від кола. априклад, ось зображення правильного дев’яностокутника і програми, що його малює.

озмір кола залежить від довжини сторони многокутника.

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

120

Алгоритми та програми

121

Як запрограмувати малювання круга?

У кретчі та в Блоклі круг можна отримати як «квіточку» з дуже великою кількістю товстих прямолінійних пелюсток. априклад, нижче зображено квіточки із 20, 30 та 60 пелюстками товщини 10 та програми, що їх малюють. Звичайно, чим більшою буде кількість пелюсток у квіточці, тим на менший кут треба повертати кожної ітерації. априклад, якщо квітка складається із 20 пелюсток, то щоразу ми маємо повертати на 360/20 = 18°, якщо з 60 — то на 360/60 = 6°.

амалювавши одну фігуру, потрібно підняти олівець за допомогою (Блоклі) або

підняти олівець

( кретч).

Тепер спрайт рухатиметься, не залишаючи сліду. Перемісти його в початкову точку другої фігури. Щоб знову почати малювати, потрібно виконати команду (Блоклі) або

опустити олівець

( кретч). С

команди

Як малювати фігури, що розташовані на відстані одна від одної?

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Алгоритми та програми

нн

роз

ад

г луже я

Пригадай с. 122 Досліди (розглянь — виконай завдання — зроби висновки) с. 123

Дій с. 124 Опрацюй самостійно с. 125 Здогадайся с. 125 Досліди (розглянь — виконай

завдання — запрограмуй) с. 126 Самостійна робота (завдання підвищеної складності) с. 127

[

Запитання-відповіді с. 128

ригадай ]

Пам’ятаєш, у 5 класі ми керували польотом Пташки у грі Блоклі «Пташка»?

Так, ми виконали п’ять завдань, сконструювавши алгоритми зі словом «якщо». Решта завдань були для нас заскладні. Виконаємо їх зараз?

90° 135°

45°

Б 180°

0°

Г В

225°

315°

270°

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Пригадай градусні міри кутів. Під яким кутом має рухатися Пташка в кожному з напрямків , Б, В, Г?

Навігація темою

14. В л е

ні

122

Алгоритми та програми

123

[ Досліди (розглянъ — виконай завдання — зроби висновки) ]

У грі Блоклі Пташка має схопити черв’яка, а потім — прилетіти у гніздо. І при цьому вона не може перетинати перешкоди, які позначені сірим.

Ось як виглядає траєкторія польоту Пташки на рівні 6.

словами алгоритм польоту Пташки за схемою: • Опиши якщо… то летіти в напрямку…

•

інакше якщо… то летіти в напрямку… інакше летіти в напрямку… Яка із трьох зображених програм відповідає цьому алгоритму?

• Намалюй блок-схему цієї програми.

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Алгоритми та програми

летітиме Пташка, виконуючи кожну з інших двох програм? почат• ку Як дай відповідь на це запитання, дивлячись лише на саму програму,

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

Зроби висновки

Чому програму польоту Пташки можна назвати алгоритмом із вкладеними розгалуженнями? Який блок у який вкладено?

озв’яжи задачу на рівні 6 гри Блоклі «Пташка»: https://blockly-games.appspot.com/bird

пробуй самостійно розв’язати задачу на рівні 7 гри Блоклі «Пташка». Для цього спочатку визнач траєкторію, за якою летітиме Пташка, а потім сконструюй програму зображеної структури.

[ Дій ]

[ Опрацюй самостійно ]

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

В алгоритмічній конструкції розгалуження використовуються не тільки прості умови, наприклад: якщо в мене є гроші, то я зможу купити продукти, а й складені умови, що формулюються зі сполучником «і»: якщо в мене є гроші і магазин працює, то я зможу купити продукти.

124

Алгоритми та програми

125

• • •

пробуй із кожної трійки висловів сконструювати алгоритм зі словом «якщо» та складеною умовою зі сполучником «і»: були опади; температура нижче нуля; кататися на лижах; отримати український паспорт; є громадянином України; виповнилося 16 років; виконав домашнє завдання з математики; грати в комп’ютерну гру; більше завдань немає.

• • •

У складених умовах може також використовуватися сполучник «або», наприклад: якщо приїхав автобус № 5 або тролейбус № 3, то я в нього сідаю і їду до школи. пробуй із кожної трійки висловів сконструювати алгоритм зі словом «якщо» та складеною умовою зі сполучником «або»: у мене є кіт; у мене є собака; ходити в зоомагазин; отримати низьку оцінку за тему; виконати погано контрольну; не виконати домашнього завдання; немає грошей на рахунку; не можу зателефонувати; перебувати поза зоною досяжності.

[Здогадайся]

Кожній скретч-програмі зі складеною умовою, що зображена зліва, відповідає одна програма із вкладеним розгалуженням, що зображена справа. Здогадайся, яка саме. ргументуй свою думку.

Цікаво, а чи можна обійтися без складених умов, замінивши їх на вкладені розгалуження?

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Алгоритми та програми

[ Досліди (розглянъ — виконай завдання — запрограмуй) ]

У завданні 8 у грі Блоклі Пташка рухається в напрямках, позначених стрілками. Вибери із чотирьох зображених інструкцій ту, яка може входити до програми польоту Пташки. Ця інструкція визначає політ за однією (і тільки однією!) зі стрілок. Її треба вставити у верхній рядок блока «якщо». і

Б якщо

черв’яка , то

, то

А якщо

черв’яка , то

В якщо

якщо

черв’яка , то

45°

135° 315°

Подумай також, якою має бути умова у вкладеному розгалуженні, і розв’яжи задачу на рівні 8 гри Блоклі «Пташка».

126

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

127

амостійна робота (завдання підвищеної складності) ]

Виконай завдання 9 і 10 у грі Блоклі «Пташка»: https://blockly-games. appspot.com/bird. Змоделюй у кретчі рух автомобілів на перехресті: С

[

Алгоритми та програми

а) намалюй на сцені дві дороги з розділювальними смугами, що пере тинаються в центрі сцени;

б) додай чотири спрайти-автомобілі та чотири копії спрайта Stop (восьмикутник), які символізуватимуть світлофори;

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

Код червоного кольору — 0, зеленого — 64. Два світлофори, що керують рухом однією вулицею, завжди мають бути одного кольору, два світлофори, що керують рухом іншою вулицею, — іншого кольору; г) забезпеч рух кожного з чотирьох автомобілів при натисканні клавіш 1, 2, 3, 4 по прямій до краю сцени. втомобілі мають зупинятися на світлофорі, якщо він червоний, а також уникати зіткнення з іншим автомобілем. Пам’ятай, що поступатися дорогою має той автомобіль, який зліва. Коли світлофор стане зеленим, а перехрестя вільним, автомобіль має автоматично рухатися далі. З’ясувати, чи не наближається справа автомобіль, який слід пропустити, можна за допомогою датчика «відстань до…».

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

від

я-

итанн

З п

овіді

Алгоритми та програми

Як виглядають та виконуються вкладені розгалуження?

В алгоритмах із вкладеними розгалуженнями один блок «якщо… то» або «якщо… то… інакше» вкладається всередину іншого. Ось як може виглядати такий алгоритм у грі Блоклі «Пташка» (А) і аналогічна програма у кретчі (Б). Зовнішнє розгалуження

Вкладене розгалуження

І блок-схема цієї ж програми:

Уже спіймано черв’яка? так

ні

Летіти в напрямку 345°

y<80? так

ні

Летіти в напрямку 90°

Летіти в напрямку 180°

Щоб зрозуміти, як виконується така програма, уявіть собі комаху, що повзе по дереву через два розгалуження. Перше розгалуження буде «зовнішнім», друге — «внутрішнім».

128

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

129

та к

Алгоритми та програми

чи є в

ні

0? <8

же че

рв’як

нема

Які бувають вкладені розгалуження?

Можливі будь-які комбінації: вкладання блоку «якщо… то» або «якщо… то… інакше» в гілку «то…», в гілку «інакше…» або в обидві гілки зовнішнього розгалуження, будь-яка кількість рівнів вкладень тощо.

У грі Блоклі «Пташка» внутрішні розгалуження можуть вкладатися лише всередину гілки «інакше».

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Алгоритми та програми

Як створити вкладене розгалуження у грі Блоклі «Пташка»?

Потрібно в блоку «якщо» натиснути значок і у вікні, що відкриється, сконструювати структуру вкладених розгалужень, перетягнувши під блок «якщо» певну кількість блоків «якщо… інакше» і, якщо потрібно, один останній блок «інакше».

Як створити складену умову в грі Блоклі «Пташка»?

Потрібно перетягнути дві частини умови у блок «та».

Як створити складені умови у Скретчі?

Такі умови створюються за допомогою блоків та . Частини цих умов мають бути блоками відповідної , , , «гострокутної» форми: тощо. У блоки порівнянь можна вставляти різноманітні значення, фор. муючи умови на кшталт

Українсько-англійський словничок

Об’єкт — object Подія — event ередовище — environment прайт — sprite цена — scene Вкладений цикл — nested loop С

130

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Вкладене розгалуження — nested branch Умова — condition Кнопка — button Команда — command

ик

ні

л е ад

вк

нн

оз

г луже я, щ

131

Досліди (розглянь — проаналізуй — виконай завдання) с. 131 Дій с. 132 Опрацюй самостійно

[ Досліди (розглянъ — проаналізуй — виконай завдання) ]

Ми вже навчилися програмувати цикли, вкладені в цикли, розгалуження, вкладені в розгалуження. А як щодо розгалужень, вкладених у цикли?

Такі задачі зібрані у грі Блоклі «Лабіринт», починаючи з рівня 6.

озглянь задачу рівня 6 у грі • РБлоклі «Лабіринт». Опиши алго-

ритм, який має виконувати Чоловічок на кожному кроці, щоб дістатися фінішу. Цей алгоритм міститиме конструкцію розгалуження «якщо… то...». Яка із трьох зображених програм реалізує цей алгоритм у циклі?

•

Навігація темою

15. Р

Алгоритми та програми

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Алгоритми та програми

озв’яжи задачу на рівні 6 гри Блоклі «Лабіринт»: https://blockly-games.appspot.com/ maze

пробуй самостійно розв’яза ти задачу на рівні 7 гри Блоклі «Лабіринт». Програма буде дуже подібною до тієї, що розв’язує задачу рівня 6, тільки в ній потрібно змінити два параметри. Здогадайся, які саме.

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

[ Дій ]

[ Опрацюй самостійно

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Пригадай основне правило складання алгоритмів із повторенням, яке ми вивчили в 5 класі: Щоб скласти алгоритм із повторенням, найважливіше — виявити елемент, що є однаковим на всіх кроках повторення. Він і буде тілом циклу.

(прочитай текст — виконай завдання — запрограмуй) ]

132

Алгоритми та програми

133

Ти вже навчився складати цикли, де повторюваний елемент — це частина орнаменту. сьогодні ти створюєш програми, де повторюється поведінка виконавця. Тобто на кожній ітерації циклу виконавець повторює один той самий алгоритм. І в наших задачах цей алгоритм містить розгалуження. априклад, у задачі рівня 6 у грі Блоклі «Лабіринт» алгоритм був таким: 1. ухатися вперед. 2. Якщо є шлях ліворуч, повернути ліворуч.

Подивись на лабіринт рівня 8 і спробуй описати алгоритм дій виконавця на кожній ітерації циклу. Щоб тобі було легше, зліва наведено блок-схему та схему текстового опису цього алгоритму.

1 2

1. Якщо…. 2. то…

3. Якщо…

4. то…

5. ухатися…

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

• • •

озв’яжи задачу на рівні 8 гри Блоклі «Лабіринт»: https://blockly-games.appspot.com/maze

[ Здогадайся ]

Завдання на рівні 9 гри Блоклі «Лабіринт» на перший погляд може видатися складнішим.

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Алгоритми та програми

ижче зображено чотири неправильні розв’язання задачі. Здогадайся, куди заведе Чоловічка кожна з неправильних програм, а потім перевір свою здогадку в грі Блоклі.

айпростіша із правильних програм приведе Чоловічка до фінішу шляхом, що позначений стрілками. Зауваж, що Чоловічок не має повертати в коридори-пастки, позначені хрестиками. Крізь повороти в ці коридори Чоловічок має йти вперед. І тільки якщо немає шляху попереду, можна повертати вліво чи вправо.

озв’яжи задачу на рівні 9 гри Блоклі «Лабіринт»: https://blockly-games. appspot.com/maze. Правильна програма має вийти простішою, ніж будьяка з показаних вище неправильних.

*Завдання підвищеної складності.

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Крім найпростішого, Чоловічок може дістатися фінішу й іншими шляхами. твори на рівні 9 гри Блоклі «Лабіринт» програми, що приводять Чоловічка до фінішу шляхами, які зображені на наступній сторінці. У першому з них можна вважати, що Чоловічок тримається правою рукою стінки, у другому — лівою*. С

134

Алгоритми та програми

амостійна робота ]

Пройди на сайті studio.code.org на рівні 3 етап 8 «Лабіринт — умови — вибір».

[

135

Пройди у грі Блоклі «Лабіринт» етап 10*.

[ Творчістъ ] А є четвертий варіант вкладення алгоритмічних конструкцій: цикли, вкладені в розгалуження. Ми їх не будемо вивчати?

Хм… Мені важко уявити задачу, де це було б потрібно.

пробуй вигадати задачу, у якій потрібно вкладати цикл в одну чи обидві гілки розгалуження. Обговори алгоритм розв’язання цієї задачі з учителем і спробуй реалізувати його у кретчі. 1

*Завдання підвищеної складності.

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

від

я-

итанн

З п

овіді

Алгоритми та програми

У яких випадках використовують розгалуження, що вкладені в цикли, та які бувають їхні різновиди?

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

Що саме має перевірятися у вкладеному в цикл розгалуженні?

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

Як зробити так, щоб спрайт у Скретчі реагував на клацання мишею, торкання кольору чи межі сцени тощо?

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

Щоб запрограмувати реакцію спрайта на нестандартну подію, слід скористатися блоком «якщо», який потрібно вкласти в блок вічного циклу «завжди». априклад, ось програма, виконуючи яку спрайт вічно рухатиметься, а коли торкатиметься межі сцени, то казатиме: «Бамц!» і змінюватиме напрямок руху. Зауваж, що запускати програму має якась стандартна подія!

136

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Алгоритми та програми

ес ї

роф

їй п

мо

яу

ванн

рам

створюю комп’ютерні ігри ]

[

Про

16.

137

Щоб створювати комп’ютерні ігри, потрібно бути програмістом, дизайнером, художником, музикантом та режисером, тому над створенням комп’ютерної гри працюють великими командами, до складу яких входять люди всіх перелічених професій. З чого почати розроблення гри? асамперед потрібно придумати її сюжет. учасні комп’ютерні ігри, як правило, базуються на цікавих історіях, фантастичних світах та вигаданих героях, які мають власні характери. Коли сюжет гри продуманий, то переходимо до створення зовнішнього вигляду самих героїв, сцен, анімації, а потім починаємо програмувати та тестувати розроблені фрагменти коду і програму в цілому. Для кращого сприйняття додаємо музику та звуки. Вуаля, власна комп’ютерна гра готова! Легко?))) пробуй!

Комп’ютерна гра «Ласунка і Дракон»

оботу готової комп’ютерної гри можна переглянути тут:

Сюжет гри: Ласунка дуже любить солодкий Пончик, що лежить у кінці чарівного лабі ринту, який охороняє вогне дишний Дракон. тіни чарівного лабіринту непрості: якщо доторк нутися до них, то відразу опинишся у себе вдома. Зустріч із чарівним Драконом також закінчується тим, що Дракон відправляє Ласунку додому. Дракон рухається вправо і вліво над лабіринтом, а рухом Ласунки керує користувач.

Орієнтовний вигляд сцени та героїв

Після успішного тестування гри пропонуємо додати заставку із кноп кою « тарт». І не забудь зазначити авторів гри.

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

Алгоритми та програми

— тестувалъник комп’ютерних програм ]

[

обота тестувальника нагадує роботу слідчого або детектива: він йде по гарячих слідах програміста і вишукує помилки (на професійному сленгу — «баги»). Щоб відшукати помилку, яка сховалась у глибині програми, потрібно бути винахідливим: моделювати різні ситуації та вміти здогадатися, де саме може ховатися верткий баг. Професіонал ніколи не обмежиться виконанням шаблонних завдань тест-плану, він вигадає власні способи тестування, спробує різні шляхи та комбінації. Особисті якості: гарна пам’ять; уважність; інтуїція; творчі здібності; мислення експериментатора. Спробуй себе в ролі тестувальника. Програмісту було поставлено завдання створити програму, яка малює патерн1 заданого зразка.

• • • • •

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Патерни, або повторювані елементи, можна зустріти всюди, навіть у природі: бджолині стільники, коралові поліпи, сніжинки. а сайті National Geographic є спеціальний розділ, присвячений патернам у природі. У дизайні патерни з великим успіхом використовують дуже давно. Візерунки — обов’язкова частина сукні в будь-якій культурі в усі часи: народний костюм, шотландська клітинка, античні грецькі сукні. деякі бренди беруть їх за основу свого фірмового стилю, наприклад знаменитий орнамент в клітинку Louis Vuitton. А

138

Алгоритми та програми

139

Програміст створив таку програму:

Щось я не зовсім розумію, як тут шукати помилки Пропоную перевірити виконання внутрішнього циклу окремо

Чи правильно вона працює? еалізуй програму в кретчі, переглянь її виконання і виправ у ній помилки. Спробуй змінити програму, щоб готовий патерн виглядав так:

•

• Створи на основі цієї програми власні патерни.

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

[

17. ІКАВІ ВИ РО ОВ ВАНН

Алгоритми та програми

олювання на бегемотів ]

Одного ранку мешканці чарівного невеличкого острова прокинулися від незвичного звуку. О боже, та це ж наближаються летючі бегемотики! Якщо декілька таких бегемотиків приземляться на острові, то він може затонути. І тоді вчені дістали із секретних лабораторій останню свою розробку — рушницю, влучний постріл з якої здатний зменшувати розмір бегемотика. І таким чином вчені врятували острів. Після цього випадку уряд чарівного острова замовив найкращим програмістам розробку комп’ютерного тренажера для відпрацювання навичок влучної стрільби. чи зможеш ти виконати це замовлення? Допоможи мешканцям чарівного острова. клади код гри.

Я знаю вислів «Зробити із мухи слона»

Ага, а тут навпаки: «Із бегемота муху» :)

Виконати замовлення уряду тобі допоможе план дій.

Крок 1. озмірковуємо. Уважно переглянь роботу готового тренажера. Опис змісту готової гри: Що дві секунди з’являється новий бегемотик, аж поки їх не стане 10. Завдання гравця — влучними пострілами зменшувати розміри бегемотиків, поки вони не стануть маленькими, як мухи. Зробити це треба якнайшвидше! Крок 2. Обираємо сцену! Обери тло для сцени з бібліотеки стандартних сцен.

• • •

Крок 3. Вау! Бегемотик махає крилами! Додай спрайт «Летючий бегемотик» і запрограмуй його постійний рух крилами за допомогою змінення образів. Обери подію для початку гри та додай її до проекту. Перевір, як працює тренажер на цьому етапі.

140

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Алгоритми та програми

141

Крок 4. Один, два, три — бегемотику, лети! Запрограмуй постійний випадковий рух/політ бегемотика. априклад, траєкторія руху може мати такий вигляд або такий

•

Цього можна досягти за допомогою команди

та порівняй роботу свого проекту на цьому етапі та у • Запрограмуй відеодемонстрації, за потреби виправ помилки. Крок 5. Починаємо полювання! Додай новий спрайт «Приціл» до проекту (намалюй за допомогою вбудованого графічного редактора). Запрограмуй постійний рух спрайта «Приціл» за вказівником миші. Перевір роботу прицілу.

• • •

Крок 6. Увага, стріляємо! Повернімося до спрайту бегемотика. Обери та додай подію, яка буде пострілом (наприклад, натискання клавіші Пробіл). Склади для події пострілу код, який зменшує розмір бегемотика на 5 одиниць, якщо спрайт бегемотика торкається спрайта «Приціл».

• •

Крок 7. Клонування бегемотиків, або що таке збільшення проблеми у 10 разів. Доопрацюй проект відповідно до зразка на відео, скориставшись зображеними командами.

Крок 8. Додай спрайт, який відображатиме час гри за допомогою команди

Пограй у гру. Чи зможеш ти зменшити розміри всіх бегемотиків до мінімуму за 20 секунд?!

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

[

Алгоритми та програми

велірна1 справа ]

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

Так

Перед намистинкою червоного кольору є намистинка жовтого кольору?

Так

Попередня намистинка червоного кольору?

Повтори 7 разів

Спробуй себе у ролі сучасного ювеліра та склади програмний код для • зображення у середовищі кретч намальованого тобою намиста. Використовуй для зображення намистинок відповідний образ спрайта і команду «Штамп».

Зміни складену програму так, щоб намисто складалося із намисти• нок різного розміру.

142

Ювелір, або золотар, — фахівець із виготовлення прикрас та коштовностей.

101010101010010100110101010101010101010101010101000101 10010100101010101010010100110101010101010101010101010101000101 100101010101010010100110101010101010101010101010101000101

Алгоритми та програми

143

[ Археологи ] Н

рхеологи на розкопках знайшли частини старовинного намиста. амистинки мали форму зелених ромбів та помаранчевих квадратів.

5 разів

Віднови вигляд намиста, скориставшись алгоритмом. Запрограмуй малювання намиста в кретчі.

2 рази

0101001101010101010101010101010101010010101010101010101001 01010011010101010101010101010101010100101010101010 0101001101010101010101010101010101010010101010101010101

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

104 112 122 131 137 140

Розділ 3. Алгоритми та програми 12. Об’єкти та події 13. Вкладені цикли 14. Вкладені розгалуження 15. Розгалуження, що вкладені в цикли 16. Програмування у моїй професії 17. Цікаві випробовування

54 61 77 85 98

Розділ 2. Комп’ютерні презентації 7. Презентації. Загальні питання 8. Створюємо презентацію 9. Анімація 10. Інтерактивна презентація 11. Презентації у моїй професії

. . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Розділ 1. Комп’ютерна графіка Комп’ютери та зображення Растрова та векторна графіка Векторні графічні об’єкти Операції над групами об’єктів Використовуємо растровий графічний редактор Комп’ютерна графіка у моїй професії . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

1. 2. 3. 4. 5. 6.

мі

З с

6 10 24 34 40 44