Тема урока: «Кодирование изображения»
Класс: 10а
Учитель: Савельева А.М.
Цель урока: Познакомить учащихся с принципом кодирования графической информации.
Задачи:
Обучающие:
· сформировать у учащихся представление о том, как кодируется в компьютере графическая информация;
· находить информационный объем графического изображения;
· использовать изученный новый материал на практике.
Развивающие:
· развитие мышления, познавательных интересов, самоконтроля, умения конспектировать.
· развивать навыки решения задач учащихся по кодированию изображения;
· развитие познавательного интереса у учащихся, повышение творческой активности;
Воспитательные:
· воспитание информационной культуры у учащихся и интерес к учению;
· формировать навыки внимательности, аккуратности и самостоятельности;
Тип урока: комбинированный (урок изучения нового материала с элементами исследования и первичное закрепление полученных знаний в практической работе)
Формы работы:
· Беседа;
· работа с учебником;
· индивидуальная работа (решение задачи);
· практическая работа (кодирование и декодирование изображения).
Знания и умения.
1) пространственная дискретизация, палитра цветов, глубина цвета;
2) принцип кодирования графической информации;
3) связь между количеством цветов в палитре и глубиной цвета; (N=2i)
4) находить информационный объем графического изображения.
Оборудование:
· Персональный компьютер.
· Мультимедиапроектор.
· Презентация.
· Рабочие листы для учащихся.
План урока:
1. Организационный момент (готовность учеников к уроку, сообщение темы и целей урока) -1 мин
2. Проверка знаний учащихся - 5 мин
3. Актуализация знаний - 2 мин
4. Объяснение нового материала. - 15 мин
5. Закрепление нового материала. - 15 мин.
6. Итоги урока и домашнее задание. – 2 мин.
Ход урока:
1. Организационный момент (1 мин)
Учитель: Здравствуйте! Вы уже изучили процесс кодирования текстовой информации. Сегодня наш урок будет посвящен очень интересной, на мой взгляд, теме. Вы узнаете, как в компьютере происходит кодирование графической информации.
2. Проверка знаний учащихся. (5 мин)
Раздаются карточки с заданиями, в течение 5 минут учащиеся выполняют задания.
1. Кодирование – это______
2. Декодирование – это_______
3. Виды телеграфных кодов: _____
4. Виды компьютерных кодов: _____
3. Актуализация знаний: (2 мин)
Современный компьютер может обрабатывать различного вида информацию. Какие виды информации вы знаете? (числовую, текстовую, графическую, звуковую и видео информацию). Все эти виды информации в компьютере представлены в двоичном коде. Что это значит? (используется алфавит мощностью два символа 0 и 1). А с чем это связано? (Связано это с тем, что удобно представлять информацию в виде последовательности электрических импульсов: импульс отсутствует (0), импульс есть (1).) Такое кодирование принято называть двоичным, а сами логические последовательности нулей и единиц - машинным языком. Каждая цифра машинного двоичного кода несет количество информации равное одному биту.
4. Изучение нового материала (теоретическая часть) – 15 мин
Графическая информация может быть представлена в аналоговой и дискретной формах. (Сл.2) Примером аналогового представления графической информации может служить живописное полотно, цвет которого изменяется непрерывно (Сл.3), а дискретного — изображение, напечатанное с помощью струйного принтера и состоящее из отдельных точек разного цвета.
(Сл.4) Графические изображения из аналоговой (непрерывной) формы в цифровую (дискретную) преобразуются путем пространственной дискретизации. Таким образом, пространственная дискретизация – это преобразование графического изображения из аналоговой формы в дискретную.
(Сл.5) Пространственную дискретизацию изображения можно сравнить с построением изображения из мозаики. Изображение разбивается на отдельные маленькие элементы (пиксели), причем каждый элемент может иметь свой цвет. (Сл.6) Именно с помощью пикселей формируется изображение на жидкокристаллическом экране телевизора.
Пиксель — минимальный участок изображения, для которого независимым образом можно задать цвет.
Именно с помощью пикселей формируется изображение на жидкокристаллический экран. (Сл.7)
С помощью двух
цифр 0 и 1 можно закодировать любую информацию. Это явилось причиной того, что
в компьютере обязательно должно быть организованно два важных процесса:
(Сл.8) Кодирование – преобразование входной информации в форму,
воспринимаемую компьютером, т.е. двоичный код.
Декодирование – преобразование данных из двоичного кода в форму,
понятную человеку.
Все изображения в компьютере представлены двумя способами – как растровое или как векторное изображение. Для каждого типа изображений используется свой способ кодирования. Мы сегодня рассмотрим, каким же образом происходит кодирование растрового изображения?
(Сл. 9) Растровое
изображение представляет собой совокупность точек (пикселей) разных цветов.
Для черно-белого изображения информационный объем одной точки равен одному биту
(либо черная, либо белая – либо 1, либо 0).
Для четырех цветного – 2 бита.
Для 8 цветов необходимо – 3 бита.
Для 16 цветов – 4 бита.
Для 256 цветов – 8 бит (1 байт).
(Сл. 10) Цветное изображение на экране монитора формируется с помощью палитры цветов в системе цветопередачи RGB. С экрана монитора человек воспринимает цвет как сумму излучения трех базовых цветов (red, green, blue). Цвет из палитры можно определить с помощью формулы: Цвет = R + G + B, где R, G, B принимают значения от 0 до max (255)
В системе RGB палитра цветов формируется путем сложения красного, зеленого и синего цветов.
В результате пространственной дискретизации графическая информация представляется в виде растрового изображения, которое формируется из определенного количества строк, содержащих, в свою очередь, определенное количество точек (Сл.11). Таким образом, характеристиками растрового изображения являются разрешающая способность и глубина цвета.
Важнейшей
характеристикой качества растрового изображения является разрешающая
способность.
(Сл.12) Разрешающая способность растрового изображения
определяется количеством точек как по горизонтали, так и по вертикали на
единицу длины изображения.
(Чем меньше размер точки, тем больше разрешающая способность (больше строк
растра и точек в строке) и, соответственно, выше качество изображения.
(Сл.13) В процессе дискретизации могут использоваться различные палитры цветов, Количество информации, которое используется для кодирования цвета точки изображения, называется глубиной цвета. Количество цветов К в палитре и количество информации в, необходимое для кодирования цвета каждой точки, связаны между собой и могут быть вычислены по формуле: К =2в
Наиболее распространенными значениями глубины цвета при кодировании цветных изображений являются 4, 8, 16, 24 или 32 бита на точку. Зная глубину цвета, по формуле можно вычислить количество цветов в палитре.
Глубина цвета и количество цветов в палитре
|
Глубина цвета, /(битов) |
Количество цветов в палитре, N |
|
4 |
24= 16 |
|
8 |
28 = 256 |
|
16 |
216=65 536 |
|
24 |
224= 16 777 216 |
|
32 |
232= 8 589 934 592 |
(Сл.14) пример изображения, глубина кодирования которого равен 1, 4, 8, 24 бит. В чем различие?
(Сл. 15) Можно ли рассчитать информационный объем файла, зная его разрешение и глубину кодирования, без использования компьютера?
Дано изображение 1280х1024 пикселей, глубина кодирования 24 бита на точку.
1280*1024 = 1 310 720 пикселей
1310720 пикселей*24 бита = 31 457 280 бит
31 457 280 бит /8бит = 3 932 160 байта
3 932 160 байта / 1024 = 3 840 Кбайт
3840 Кбайт / 1024 = 3,75 Мбайт
5.Закрепление материала: (Практическая работа - 15 мин)
1. Дан двоичный код четырехцветного рисунка и кодовая таблица цветов. Восстанови рисунок по его двоичному коду.
|
Цвет |
Белый |
Черный |
Голубой |
Красный |
|
Двоичный код |
00 |
01 |
10 |
11 |
|
00 |
00 |
00 |
11 |
11 |
00 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
00 |
00 |
00 |
10 |
01 |
11 |
11 |
11 |
|
|
|
|
|
|
|
|
|
|
00 |
00 |
00 |
00 |
10 |
00 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
00 |
00 |
00 |
00 |
00 |
10 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
00 |
00 |
00 |
00 |
10 |
10 |
10 |
00 |
|
|
|
|
|
|
|
|
|
|
00 |
00 |
00 |
10 |
01 |
10 |
10 |
00 |
|
|
|
|
|
|
|
|
|
|
00 |
00 |
10 |
01 |
10 |
01 |
10 |
00 |
|
|
|
|
|
|
|
|
|
|
10 |
10 |
10 |
10 |
10 |
10 |
10 |
00 |
|
|
|
|
|
|
|
|
|
|
00 |
00 |
00 |
11 |
00 |
11 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
00 |
00 |
11 |
00 |
00 |
11 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
00 |
11 |
00 |
00 |
00 |
11 |
00 |
00 |
|
|
|
|
|
|
|
|
(Получится птица)
2. Дано изображение размером 1920х1200 пикселей, информационный объем файла 1,45 Мб при глубине кодирования 24 бита/пиксель. Найдите информационный объем файла с глубиной кодирования а)1 бит; б) 4 бит в) 8 бит
1920х1200=2 304 000 пикселей
|
Параметры |
||
|
1 бит/пиксель |
4 бит/пиксель |
8 бит/пиксель |
|
Информационный объем файла |
||
|
2 304 000*1/8/1024= 281,25 Кб |
2 304 000*4/8/1024= 1 125 Кб |
2 304 000*8/8/1024= 2 250 Кб |
Оцените результат, сделайте вывод. (Чем качественнее изображение, тем больше размер файла)
(Сл.16) Вывод:
Чем выше разрешающая способность растрового изображения и больше глубина
кодирования цвета, тем качественнее изображение и имеет больший
размер.
7. Итог урока (рефлексия). (выставление оценок, домашнее задание)
Итак. Сегодня мы познакомились с принципом кодирования графической информации в компьютере, научились находить информационный объем графического файла. А также в ходе практической работы научились кодировать простое изображение.
Теперь вы готовы ответить вопросы:
Что такое кодирование?
Что такое декодирование?
В каких формах представляется графическая информация в компьютере?
Что такое пространственная дискретизация?
Какие параметры влияют на качество изображения.
По какой формуле можно вычислить количество цветов в палитре?
(Сл. 17) На дом я вам предлагаю выполнить следующее задание: закодируйте простое изображение в виде двоичного кода, решите задачу, ну и конечно нужно выучить основные понятия в конспекте. (Сл.18) Что вам больше всего понравилось на уроке? Как вы думаете, на какую оценку вы сегодня работали?
ПРИЛОЖЕНИЕ
1.Дан двоичный код четырехцветного рисунка и кодовая таблица цветов. Восстанови рисунок по его двоичному коду (должны произвести декодирование)
|
Цвет |
Белый |
Черный |
Голубой |
Красный |
|
Двоичный код |
00 |
01 |
10 |
11 |
|
00 |
00 |
00 |
11 |
11 |
00 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
00 |
00 |
00 |
10 |
1 |
11 |
11 |
11 |
|
|
|
|
|
|
|
|
|
|
00 |
00 |
00 |
00 |
10 |
00 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
00 |
00 |
00 |
00 |
00 |
10 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
00 |
00 |
00 |
00 |
10 |
10 |
10 |
00 |
|
|
|
|
|
|
|
|
|
|
00 |
00 |
00 |
10 |
01 |
10 |
10 |
00 |
|
|
|
|
|
|
|
|
|
|
00 |
00 |
10 |
01 |
10 |
01 |
10 |
00 |
|
|
|
|
|
|
|
|
|
|
10 |
10 |
10 |
10 |
10 |
10 |
10 |
00 |
|
|
|
|
|
|
|
|
|
|
00 |
00 |
00 |
11 |
00 |
11 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
00 |
00 |
11 |
00 |
00 |
11 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
00 |
11 |
00 |
00 |
00 |
11 |
00 |
00 |
|
|
|
|
|
|
|
|
2.Используя таблицу кодировки цветов, произведите кодирование изображения:
|
00 |
00 |
00 |
00 |
00 |
00 |
00 |
01 |
01 |
00 |
|
|
|
|
|
|
|
|
|
|
|
|
00 |
00 |
00 |
00 |
00 |
00 |
00 |
00 |
00 |
01 |
|
|
|
|
|
|
|
|
|
|
|
|
00 |
00 |
00 |
00 |
11 |
00 |
00 |
00 |
01 |
00 |
|
|
|
|
|
|
|
|
|
|
|
|
00 |
00 |
00 |
11 |
11 |
11 |
00 |
01 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
|
|
00 |
00 |
11 |
11 |
11 |
11 |
00 |
01 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
|
|
00 |
11 |
11 |
11 |
11 |
11 |
11 |
11 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
|
|
00 |
10 |
10 |
10 |
10 |
10 |
10 |
10 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
|
|
00 |
10 |
10 |
00 |
00 |
10 |
10 |
10 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
|
|
00 |
10 |
10 |
00 |
00 |
10 |
10 |
10 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
|
|
00 |
10 |
10 |
10 |
10 |
10 |
10 |
10 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
|
|
00 |
00 |
00 |
00 |
00 |
00 |
00 |
00 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
РЕШИ ЗАДАЧУ: Дано изображение размером 1920х1200 пикселей, информационный объем файла 1,45 Мб при глубине кодирования 24 бита/пиксель. Найдите информационный объем файла с глубиной кодирования а)1 бит; б) 4 бит в) 8 бит
|
Параметры |
||
|
1 бит/пиксель |
4 бит/пиксель |
8 бит/пиксель |
|
Информационный объем файла |
||
|
|
||
Оцените результат, сделайте вывод.
2.Используя таблицу кодировки цветов, произведите кодирование изображения:
|
Цвет |
Белый |
Черный |
Голубой |
Красный |
|
Двоичный код |
00 |
01 |
10 |
11 |
|
|
|
|
|
|
|
|
|
|
|
00 |
00 |
00 |
00 |
00 |
00 |
00 |
01 |
01 |
00 |
|
|
|
|
|
|
|
|
|
|
|
|
00 |
00 |
00 |
00 |
00 |
00 |
00 |
00 |
00 |
01 |
|
|
|
|
|
|
|
|
|
|
|
|
00 |
00 |
00 |
00 |
11 |
00 |
00 |
00 |
01 |
00 |
|
|
|
|
|
|
|
|
|
|
|
|
00 |
00 |
00 |
11 |
11 |
11 |
00 |
01 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
|
|
00 |
00 |
11 |
11 |
11 |
11 |
00 |
01 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
|
|
00 |
11 |
11 |
11 |
11 |
11 |
11 |
11 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
|
|
00 |
10 |
10 |
10 |
10 |
10 |
10 |
10 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
|
|
00 |
10 |
10 |
00 |
00 |
10 |
10 |
10 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
|
|
00 |
10 |
10 |
00 |
00 |
10 |
10 |
10 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
|
|
00 |
10 |
10 |
10 |
10 |
10 |
10 |
10 |
00 |
00 |
|
|
|
|
|
|
|
|
|
|
|
|
00 |
00 |
00 |
00 |
00 |
00 |
00 |
00 |
00 |
00 |
Рабочие листы
к вашим урокам
Скачать
6 665 052 материала в базе
«Информатика (углублённый уровень) (в 2 частях)», Семакин И.Г., Шеина Т.Ю., Шестакова Л.В.
1.4.3. Кодирование изображения
Больше материалов по этой теме
Настоящий материал опубликован пользователем Савельева Алена Михайловна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Ваша скидка на курсы
40%
Курс профессиональной переподготовки
500/1000 ч.
Курс профессиональной переподготовки
300/600 ч.
Курс профессиональной переподготовки
300 ч. — 1200 ч.
Мини-курс
2 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.