Про матеріал
Презентація висвітлює ключові аспекти теми «Кодування даних. Графічні та мультимедійні дані». Вона розроблена відповідно до вимог модельної навчальної програми НУШ та містить наочний теоретичний матеріал для проведення сучасного та цікавого уроку інформатики.
У презентації розглянуто:
Поняття та принципи кодування графічних даних (растрова та векторна графіка);
Колірні моделі (RGB, CMYK) та їх відмінності;
Особливості кодування кодувань мультимедіа (звуку, відео, анімації);
Формати графічних та мультимедійних файлів, їх призначення та стиснення.
Для кого: для вчителів інформатики закладів загальної середньої освіти, учнів 8–9 класів, а також усіх, хто цікавиться комп'ютерною графікою та мультимедіа.
Зміст слайдів
Номер слайду 1
01101010 01100011 Кодування текстових,графічних і мультимедійних данихІнформатика · 8 клас · § 1.2 Урок 2. Таблиці кодів символів · графіка · колірні моделі · мультимедіа
Номер слайду 2
ПРИГАДАЙМОЩо ми вже знаємо про кодування даних? 1 Що таке кодування?Переведення повідомлення в іншу знакову форму — числа, символи. 2 Двійкове кодування. Комп'ютер зберігає і обробляє дані у вигляді послідовностей 0 і 1. 3 Види графіки. Растрова (пікселі) та векторна (графічні примітиви). 4 Властивості звуку. Висота тону та гучність — головні характеристики звукової хвилі. Сьогодні дізнаємось: як саме кодуються тексти, зображення, відео та звук — тобто всі дані, з якими працює комп'ютер.§1.2 Кодування текстових, графічних і мультимедійних даних2
Номер слайду 3
ТЕКСТОВІ ДАНІЯк кодуються символи тексту?Кожному символу, який використовується у тексті, ставиться у відповідність певне число — його код. Відповідність між символами й кодами задають таблиці кодів символів.1963 рік, СШАРозроблено одну з перших таблиць кодів символів — для передавання повідомлень телетайпом. Пізніше вона стала стандартом для комп'ютерної техніки. ASCIIAmerican Standard Code for Information Interchange —американський стандартний код для обміну інформацією. Таблиця 1.1. Групи кодів ASCII Діапазон Група символів Приклад 48–57 Цифри 48 → «0», 57 → «9» 65–90 Великі літери (A-Z) 65 → «A», 90 → «Z» 97–122 Малі літери (a-z) 97 → «a», 122 → «z» Важливо. Таблиця ASCII містить коди 128 символів — лише літери англійського алфавіту, цифри, розділові знаки. Коди від 0 до 127.§1.2 Кодування текстових, графічних і мультимедійних даних3
Номер слайду 4
ТАБЛИЦІ КОДІВASCII, KOI8-U, Windows-1251, Юнікод Таблиця Кількість кодів Коди 0–127 Коди 128–255 Коди > 255 ASCII 128 Літери англ. алф., цифри, розділові знаки Немає Немає KOI8-U 256 Як у ASCII Символи української абетки та інші Немає Windows-1251 256 Як у ASCII Символи української абетки та інші Немає Юнікод (Unicode) 1 114 112 Як у ASCII Символи алфавітів різних мов світу Емодзі, символи всіх систем письма світу Перші 128 кодів в усіх таблицях однакові й відповідають таблиці ASCII — це забезпечує сумісність між різними системами кодування.§1.2 Кодування текстових, графічних і мультимедійних даних4
Номер слайду 5
ЮНІКОДЮнікод — універсальний код світу17 наборів символів по 65 536 кодів у кожному — усього 1 114 112 символів та їх кодів. Юнікод дозволяє вставляти в текст не лише літери, а й смайли, музичні символи, знаки зодіаку, символи валют. Літера «а» української абетки: Windows-1251 → код 224 Юнікод → код 1072 Це різні таблиці — тому й коди різні, хоч символ той самий!Приклади символів таблиці Юнікод Символ Назва Код ₴ Грошова одиниця гривня 8372 ☃ Сніговик 9731 ♞ Шахова фігура «кінь» 9822 ♪ Нота 9834 ♂ / ♀ Чоловік / Жінка 65 664 / 65 665 §1.2 Кодування текстових, графічних і мультимедійних даних5
Номер слайду 6
ГРАФІЧНІ ДАНІКодування растрової та векторної графіки Растрове зображення. Складається з окремих пікселів. Для кодування потрібно закодувати колір кожного пікселя. Що більше пікселів (роздільна здатність) — то більший обсяг коду. Векторне зображення. Складається з геометричних фігур (примітивів): відрізків, прямокутників, овалів, кривих. Приклад: коло = центр + радіус + товщина, стиль і колір лінії + колір заливки§1.2 Кодування текстових, графічних і мультимедійних даних6
Номер слайду 7
КОЛІРНІ МОДЕЛІЩо таке колірна модель?Колірна модель — спосіб кодування різних кольорів спектра впорядкованим набором числових значень певних базових компонентів. RGBRed · Green · Blue. Відображення на екрані CMYKCyan · Magenta · Yellow · blac. KДрук зображень HSV (HSB)Hue · Saturation · Value. Коригування кольорів у графіці§1.2 Кодування текстових, графічних і мультимедійних даних7
Номер слайду 8
RGBКолірна модель RGBБазові компоненти: червоний (Red), зелений (Green), синій (Blue). Кожен компонент задається цілим числом від 0 до 255.256³ ≈ 16,7 млн кольорів. RGBПриклади кодування кольорів у RGB Колір R G B Білий 255 255 255 Чорний 0 0 0 Смарагдовий 80 200 120 Рожевий 255 128 192 Жовтий 255 255 0 §1.2 Кодування текстових, графічних і мультимедійних даних8
Номер слайду 9
CMYK · HSVКолірні моделі CMYK та HSV (HSB) CMYK — для друку. Базові компоненти: блакитний (Cyan), пурпурний (Magenta), жовтий (Yellow), чорний (blac. K). Частка кожного компонента — у відсотках, цілим числом від 0 до 100. Теоретично ≈ 100 млн кольорів (101⁴) HSV (HSB) — для коригування Компонент Означає Діапазон Hue (відтінок) Положення кольору на колірному колі 0°–360° Saturation (насиченість) Чистота кольору, без домішок білого/чорного 0–100 Value (яскравість) Близькість до білого/чорного 0–100 Теоретично — необмежена кількість кольорів (значення можуть бути дробовими)§1.2 Кодування текстових, графічних і мультимедійних даних9
Номер слайду 10
МУЛЬТИМЕДІАКодування рухомих зображень. Відео та анімація — це набір окремих графічних кадрів, які демонструються почергово з певною швидкістю.123456 Кадри демонструються почергово, кожен окремо закодований24+кадрів за секунду — для плавного руху у відео1файл — усі закодовані кадри зберігаються разом§1.2 Кодування текстових, графічних і мультимедійних даних10
Номер слайду 11
МУЛЬТИМЕДІАКодування звукових повідомлень. Звук — це хвилі, що поширюються в пружному середовищі. Кодування звуку полягає в кодуванні числами значень його властивостей: висота тону та гучність. ← Низький тихий звук. Високий гучний звук →Частота дискретизаціїКількість вимірювань значень властивостей звуку за 1 секунду8 тис. разів/сдостатньо для кодування людського голосу44 тис. разів/смінімум для якісного запису музики§1.2 Кодування текстових, графічних і мультимедійних даних11
Номер слайду 12
ПІДСУМОКНайважливіше в цьому пункті1 Символи текстових повідомлень кодують числами за таблицями кодів: ASCII, KOI8-U, Windows-1251, Юнікод.2 Растрове зображення кодують по кожному пікселю; векторне — через властивості графічних примітивів.3 Колірна модель — спосіб кодування кольору числовими значеннями: RGB (екран), CMYK (друк), HSV (коригування).4 Відео й анімацію кодують кадр за кадром; звук кодують значеннями висоти тону й гучності — багаторазово щосекунди.§1.2 Кодування текстових, графічних і мультимедійних даних12