Урок 2. Кодування текстових, графічних, мультимедійних даних. Таблиці кодів символів. Колірні моделі
Урок 2. Кодування текстових, графічних, мультимедійних даних. Таблиці кодів символів. Колірні моделі
Embedded Files
Поділіться своєю думкою про онлайн уроки інформатики. Пройдіть анонімне опитування на головній сторінці сайту
Доброго дня, учні!
Доброго дня, учні!
Сьогодні на уроці інформатики ми поговоримо про те, як комп'ютер "розуміє" текст, картинки, відео та звук. Тема називається "Кодування текстових, графічних, мультимедійних даних. Таблиці кодів символів. Колірні моделі". Уявіть: ви пишете повідомлення в чаті, а комп'ютер перетворює ваші слова на цифри! Ми дізнаємося, як це працює, і це допоможе вам створювати круті проєкти. Готові? Почнемо з підручника Ривкінда!
Актуальність і застосування у житті
Актуальність і застосування у житті
Уявіть, що без кодування ваш Instagram не показував би фото, а YouTube – відео! Усе в комп'ютері – це цифри 0 і 1. З підручника (розділ 1) ми знаємо, що кодування допомагає зберігати, передавати та обробляти інформацію. Наприклад, коли ви надсилаєте емодзі в повідомленні, Unicode (таблиця з підручника) робить так, щоб вони виглядали правильно на будь-якому телефоні. Графічні дані – це ваші селфі, закодовані кольорами в RGB для екрану. Мультимедіа, як пісні в Spotify, стискається, щоб не займати багато місця. Це корисно в геймінгу (анімація), дизайні (друк у CMYK) і навіть у школі (створення презентацій). Розуміння цього зробить вас справжніми IT-експертами!
Актуалізація знань учнів
Актуалізація знань учнів
Давайте пригадайте, що ми вже знаємо з підручника (розділ 1, про інформаційні процеси). Відповідайте на питання!
Питання 1: Що таке кодування повідомлень? Наведіть приклад.
Питання 1: Що таке кодування повідомлень? Наведіть приклад.
Відповідь: (З §1.1 підручника) Кодування – це заміна слів чи знаків на інші сигнали, щоб передати чи зберегти інформацію. Наприклад, шифр Цезаря: "привіт" стає "óôкеëö", зсуваючи літери на 4 позиції.
Питання 2: Чому комп'ютери використовують бінарний код (0 і 1)?
Питання 2: Чому комп'ютери використовують бінарний код (0 і 1)?
Відповідь: (З початку розділу 1) Бо комп'ютерні частини працюють як вимикачі: увімкнено (1) чи вимкнено (0). Це просто і надійно.
Питання 3: Що таке декодування?
Питання 3: Що таке декодування?
Відповідь: (З §1.1) Це повернення закодованого повідомлення до початкового виду. Наприклад, розшифрувати шифр Цезаря, зсуваючи літери назад.
Ці знання з підручника допоможуть зрозуміти, як кодують текст і картинки.
Основні теоретичні відомості і терміни
Основні теоретичні відомості і терміни
Тепер основне з підручника (§1.2, с. 13-20). Поясню просто, як для друзів!
Кодування текстових даних. Текст – це літери, цифри, емодзі. Комп'ютер бачить їх як числа. Для цього є таблиці кодів символів – як словник, де кожна літера має номер.
ASCII (з підручника, табл. 1.1): 128 символів, тільки англійські літери (A=65, a=97), цифри (0=48) і знаки. Не для української!
KOI8-U і Windows-1251: 256 символів. Включають ASCII + українські літери (наприклад, "а"=224 у Windows-1251).
Unicode (найкращий!): Понад 1 мільйон символів! Включає всі мови, емодзі, смайлики. Перші 128 – як у ASCII. "А"=1040, емодзі 😊=128522. Термін просто: Кодова таблиця – це "адреси" для символів, як номери в телефонній книзі.
Кодування графічних даних. Картинки бувають двох видів (з підручника).
Растрова графіка: Зображення з маленьких квадратиків – пікселів. Кожен піксель має колір. Файли: BMP, JPEG (стискає, щоб менше місця).
Векторна графіка: З фігур (лінії, кола). Описується формулами, не пікселями. Не розмивається при збільшенні! Файли: SVG. Термін просто: Піксель – крихітна цеглинка картинки з кольором.
Колірні моделі. Як кодувати кольори? (Мал. 1.8-1.10 з підручника).
RGB: Для екранів. Три кольори: Червоний (R), Зелений (G), Синій (B). Кожен від 0 (немає) до 255 (максимум). Білий=(255,255,255), червоний=(255,0,0). Можна 16 млн кольорів!
CMYK: Для друку. Чотири: Блакитний (C), Пурпуровий (M), Жовтий (Y), Чорний (K). У відсотках (0-100%). Білий=0% усіх, чорний=100% K.
HSV: Для редагування. Відтінок (Hue, 0-360° як коло), Насиченість (Saturation, 0-100% чистоти), Яскравість (Value, 0-100%). Легко змінювати! Термін просто: Колірна модель – рецепт кольору з чисел, як інгредієнти в коктейлі.
Кодування мультимедійних даних. (С. 19-20 підручника).
Відео та анімація: Набір картинок (кадрів), 24+ на секунду. Кожен кадр кодують як графіку.
Звук: Вимірюють хвилю (висота тону – частота коливань, гучність – сила). Частота дискретизації – скільки разів за секунду вимірюють (8000 для розмови, 44 000 для музики). Крок – пауза між вимірами. Файли: MP3 (стискає). Термін просто: Мультимедіа – суміш тексту, графіки, звуку. Кодують, щоб комп'ютер "почув" і "побачив".
Завдання на практичну роботу
Завдання на практичну роботу
Працюємо за комп'ютерами, як у підручнику (с. 20, "Працюємо з комп’ютером"). У парах, 20-25 хв.
Завдання 1: Текст (10 хв). У Notepad напишіть "Привіт, світ! 😊". Збережіть як UTF-8 (Unicode) і ANSI (Windows-1251). Відкрийте обидва: чому в ANSI емодзі зламалося? (З підручника: ANSI не знає емодзі). Висновок: Unicode крутіший!
Завдання 2: Графіка і кольори (10 хв). У Paint намалюйте прапор України. Змініть колір на RGB (синій=(0,0,255)). Збережіть як BMP (растер) і JPEG (стиснутий). Порівняйте розмір. У онлайн-редакторі (як SVG) намалюйте стрілку – збільште: якість та сама? (Вектор!)
Завдання 3: Мультимедіа (5 хв). У Audacity запишіть "Привіт!" Змініть частоту на 8000 Гц (голос) і 44 кГц (музика). Послухайте: різниця? Експортуйте MP3.
Покажіть мені файли та скажіть, що дізналися!
Домашнє завдання
Домашнє завдання
1 варіант
Теорія (з підручника, с. 20): Знайдіть у Додатку 1 коди ASCII для "ABC". Перепишіть у зошит. Порівняйте з Unicode (онлайн: яваскрипт.укр).
Практика: У Paint створіть емодзі (серце) у RGB (червоний=(255,0,0)). Збережіть як растр. У Inkscape (безкоштовно) намалюйте векторне коло. Принесіть скріншоти.
Дослідження: Почитайте про звук у підручнику (мал. 1.12). Запишіть: чому 44 кГц краще для музики? 3-4 речення.
2 варіант
Теоретичне (з підручника, завдання для самоперевірки): Перекладіть своє ім’я (5 символів) у бінарний код за таблицею ASCII (знайдіть онлайн). Наприклад, 'A' – 01000001. Запишіть у зошит.
Практичне (з підручника, розділ "Проєкти"): У графічному редакторі (GIMP або Inkscape) створіть простий логотип (наприклад, ініціали класу) у векторному форматі SVG. Опишіть, як ви використовували колірну модель (RGB чи HSV). Принесіть скріншот.
Дослідження: Дізнайтесь, як кодек MP3 зменшує розмір аудіофайлу (підручник, параграф про мультимедіа). Напишіть 3–4 речення про втрачальне та безвтратне стиснення.
На наступному уроці поділимося! Успіхів!
.
.
Практична робота
Практична робота
Тест
Тест
Тест на тему "Кодування текстових, графічних, мультимедійних даних. Таблиці кодів символів. Колірні моделі"
Тест на тему "Кодування текстових, графічних, мультимедійних даних. Таблиці кодів символів. Колірні моделі"
Яка таблиця кодів символів включає 128 символів, включаючи латинські літери та цифри? a) Unicode b) ASCII c) KOI8-U d) Windows-1251 Правильна відповідь: b) ASCII
Скільки символів може представляти таблиця Unicode? a) 128 b) 256 c) Понад 1 мільйон d) 512 Правильна відповідь: c) Понад 1 мільйон
Яка кодова таблиця підтримує українські літери та емодзі? a) ASCII b) Unicode c) KOI8-U d) Windows-1251 Правильна відповідь: b) Unicode
Який код має літера "A" у таблиці ASCII? a) 65 b) 97 c) 224 d) 1040 Правильна відповідь: a) 65
Який тип графіки складається з пікселів? a) Векторна b) Растрова c) Тривимірна d) Анімаційна Правильна відповідь: b) Растрова
Який формат файлу є векторним? a) JPEG b) BMP c) SVG d) PNG Правильна відповідь: c) SVG
Що таке піксель у растровій графіці? a) Колірна модель b) Найменша точка зображення c) Алгоритм стиснення d) Формат файлу Правильна відповідь: b) Найменша точка зображення
Яка колірна модель використовується для екранів? a) CMYK b) RGB c) HSV d) YUV Правильна відповідь: b) RGB
Які кольори входять до моделі CMYK? a) Червоний, Зелений, Синій b) Блакитний, Пурпуровий, Жовтий, Чорний c) Відтінок, Насиченість, Яскравість d) Червоний, Зелений, Жовтий Правильна відповідь: b) Блакитний, Пурпуровий, Жовтий, Чорний
Що означає "глибина кольору" у графіці? a) Кількість пікселів у зображенні b) Кількість бітів на піксель c) Розмір файлу d) Швидкість обробки Правильна відповідь: b) Кількість бітів на піксель
Який звук кодується за допомогою частоти дискретизації? a) Текст b) Графіка c) Мультимедіа (звук) d) Відео Правильна відповідь: c) Мультимедіа (звук)
Який формат файлу стискає звук? a) BMP b) MP3 c) SVG d) DOCX Правильна відповідь: b) MP3
Що таке кодек у мультимедіа? a) Програма для стиснення/розпакування b) Тип графіки c) Колірна модель d) Таблиця кодів Правильна відповідь: a) Програма для стиснення/розпакування
Який колір у RGB має код (255, 0, 0)? a) Білий b) Чорний c) Червоний d) Зелений Правильна відповідь: c) Червоний
Яка модель HSV допомагає регулювати яскравість? a) RGB b) CMYK c) HSV d) YUV Правильна відповідь: c) HSV
Який код у Windows-1251 має літера "а"? a) 65 b) 97 c) 224 d) 1040 Правильна відповідь: c) 224
Який тип графіки не втрачає якості при масштабуванні? a) Растрова b) Векторна c) Тривимірна d) Анімаційна Правильна відповідь: b) Векторна
Який формат файлу стискає зображення з втратою якості? a) BMP b) PNG c) JPEG d) SVG Правильна відповідь: c) JPEG
Що кодує відео як послідовність кадрів? a) Таблиці кодів b) Кодеки c) Колірні моделі d) Пікселі Правильна відповідь: b) Кодеки
Який колір у CMYK має 100% K? a) Білий b) Чорний c) Червоний d) Синій Правильна відповідь: b) Чорний
Яка таблиця кодів включає ASCII як частину? a) KOI8-U b) Unicode c) Windows-1251 d) Всі перелічені Правильна відповідь: d) Всі перелічені
Який параметр HSV регулює чистоту кольору? a) Відтінок b) Насиченість c) Яскравість d) Глибина Правильна відповідь: b) Насиченість
Який звук має частоту дискретизації 44 кГц? a) Розмова b) Музика високої якості c) Шум d) Тиша Правильна відповідь: b) Музика високої якості
Який файл не можна відкрити в текстовому редакторі як текст? a) TXT b) JPEG c) DOCX d) RTF Правильна відповідь: b) JPEG
Який колір у RGB має код (0, 255, 0)? a) Синій b) Зелений c) Жовтий d) Червоний Правильна відповідь: b) Зелений
Яка модель використовується для друку? a) RGB b) CMYK c) HSV d) YUV Правильна відповідь: b) CMYK
Скільки бітів у байті для кодування символів? a) 4 b) 8 c) 16 d) 32 Правильна відповідь: b) 8
Який формат найкраще зберігати векторні зображення? a) PNG b) SVG c) JPEG d) GIF Правильна відповідь: b) SVG
Який параметр впливає на розмір растрового файлу? a) Кількість пікселів b) Таблиця кодів c) Кодек d) Колірна модель Правильна відповідь: a) Кількість пікселів
Який звук кодують із частотою 8000 Гц? a) Музика b) Розмова c) Відео d) Емодзі Правильна відповідь: b) Розмова
Розподіл питань за критеріями груп результатів
Розподіл питань за критеріями груп результатів
До оцінювання за критерієм групи результатів 1 (ГР1) Працює з інформацією, даними, моделями підходять питання №: 1, 2, 3, 4, 7, 9, 10, 12, 13, 14, 15, 16, 19, 20, 21, 22, 23, 25, 26, 27, 29, 30
До оцінювання за критерієм групи результатів 2 (ГР2) Створює інформаційні продукти підходять питання №: 5, 6, 17, 18, 24, 28
До оцінювання за критерієм групи результатів 3 (ГР3) Працює в цифровому середовищі підходять питання №: 5, 6, 17, 18, 24, 28
До оцінювання за критерієм групи результатів 4 (ГР4) Безпечно та відповідально працює з інформаційними технологіями підходять питання №: 24
Примітка: Деякі питання (наприклад, №5, 6, 17, 18, 24, 28) можуть оцінювати кілька критеріїв одночасно (ГР2 і ГР3), залежно від контексту виконання завдань.
Page updated
Google Sites
Report abuse