Инфоурок Информатика КонспектыУрок "Растровое кодирование графической информации" (5 класс)

Урок "Растровое кодирование графической информации" (5 класс)

Скачать материал

Выберите документ из архива для просмотра:

Выбранный для просмотра документ презентация к уроку растровое кодирование информации.ppt

Скачать материал "Урок "Растровое кодирование графической информации" (5 класс)"

Получите профессию

Бухгалтер

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Методические разработки к Вашему уроку:

Получите новую специальность за 3 месяца

Специалист органа опеки

Описание презентации по отдельным слайдам:

  • Виды компьютерной графики Растровое изображение Векторное изображение *

    1 слайд

    Виды компьютерной графики Растровое изображение Векторное изображение *

  • Растровое кодирование графической информации *

    2 слайд

    Растровое кодирование графической информации *

  • Цель: знакомство с принципами кодирования черно-белых и цветных растровых изо...

    3 слайд

    Цель: знакомство с принципами кодирования черно-белых и цветных растровых изображений *

  • * Черно-белое изображение 0 – белый цвет, 1 – черный цвет Пиксель – минимальн...

    4 слайд

    * Черно-белое изображение 0 – белый цвет, 1 – черный цвет Пиксель – минимальный элемент растрового изображения (точка), которому можно задать цвет.

  • РТ: №37, стр. 29-30. Нарисуйте черно-белые изображения, которым будут соответ...

    5 слайд

    РТ: №37, стр. 29-30. Нарисуйте черно-белые изображения, которым будут соответствовать двоичные коды (закрасьте клетки с единицами) * Двоичный кодРисунок 11011011 10000001 00011000 10100101 10100101 00011000 10000001 11011011

  • РТ: №37, стр. 29. Нарисуйте черно-белые изображения, которым будут соответств...

    6 слайд

    РТ: №37, стр. 29. Нарисуйте черно-белые изображения, которым будут соответствовать двоичные коды (закрасьте клетки с единицами) *

  • Кодирование растровой графической информации в десятичной системе счисления *...

    7 слайд

    Кодирование растровой графической информации в десятичной системе счисления * Десятичный кодДвоичный код 48 120 252 510 1023 390 390 390 390 510

  • Кодирование растровой графической информации в десятичной системе счисления *...

    8 слайд

    Кодирование растровой графической информации в десятичной системе счисления * Десятичный кодДвоичный код 48110000 1201111000 25211111100 510111111110 10231111111111 390110000110 390110000110 390110000110 390110000110 510111111110

  • Кодирование растровой графической информации в десятичной системе счисления Н...

    9 слайд

    Кодирование растровой графической информации в десятичной системе счисления Незначащие нули * Десятичный кодДвоичный код 480000110000 1200001111000 2520011111100 5100111111110 10231111111111 3900110000110 3900110000110 3900110000110 3900110000110 5100111111110

  • РТ: №39 (1), стр. 31. От десятичных кодов перейдите к двоичным и нарисуйте со...

    10 слайд

    РТ: №39 (1), стр. 31. От десятичных кодов перейдите к двоичным и нарисуйте соответствующие им черно-белые изображения. * 00011111 00000011 00000101 00001001 00010001 00100000 01000000 10000000 Десятич-ный кодДвоичный кодРисунок 31 3 5 9 17 32 64 128

  • РТ: №39 (1), стр. 31. От десятичных кодов перейдите к двоичным и нарисуйте со...

    11 слайд

    РТ: №39 (1), стр. 31. От десятичных кодов перейдите к двоичным и нарисуйте соответствующие им черно-белые изображения. * Десятич-ный кодДвоичный кодРисунок 3100011111 300000011 500000101 900001001 1700010001 3200100000 6401000000 12810000000

  • Растровое кодирование цветных изображений *

    12 слайд

    Растровое кодирование цветных изображений *

  • Растровое кодирование цветных изображений Каждый пиксель имеет цвет. Все цвет...

    13 слайд

    Растровое кодирование цветных изображений Каждый пиксель имеет цвет. Все цвета можно пронумеровать, а каждый номер перевести в двоичный код. Пиксели разных цветов

  • Палитра современных компьютеров Более 16 миллионов цветовых оттенков (16 777...

    14 слайд

    Палитра современных компьютеров Более 16 миллионов цветовых оттенков (16 777 216)  Черно-белое изображение: 1 бит → Каждый пиксель кодируется цепочкой из 24 нулей и единиц (24 бита)  Различные оттенки получаются из смешения в определенных пропорциях трех цветов: красного, зеленого и синего. 11000101 01000111 01111111  Каждый цвет позволяет закодировать 256 различных оттенков: 256*256*256= 16 777 216 *

  • Компьютерный эксперимент в программе Paint *

    15 слайд

    Компьютерный эксперимент в программе Paint *

  • Результаты эксперимента * Черный Синий Зеленый Серый Красный Голубой Розовый...

    16 слайд

    Результаты эксперимента * Черный Синий Зеленый Серый Красный Голубой Розовый Желтый Белый КрасныйЗеленыйСинийЦвет 000 00255 02550 190190190 25500 0255255 2550255 2552550 255255255

  • Выводы по эксперименту Красный Зеленый Синий Голубой (бирюзовый) Желтый Пурпу...

    17 слайд

    Выводы по эксперименту Красный Зеленый Синий Голубой (бирюзовый) Желтый Пурпурный (розовый) Белый *

  • Давайте обсудим Сколько бит необходимо для кодирования черно-белого изображен...

    18 слайд

    Давайте обсудим Сколько бит необходимо для кодирования черно-белого изображения? Сколь бит мы используем для коди-рования цветного изображения? Сколько цветов и оттенков поддерживает современный компьютер? Какие основные цвета использует ком-пьютер? Как в программе Paint получить любой оттенок?

  • Домашнее задание: §1.3. (стр. 23-25). РТ: 	№39 (2, стр. 31). 	№38 (стр. 30-31...

    19 слайд

    Домашнее задание: §1.3. (стр. 23-25). РТ: №39 (2, стр. 31). №38 (стр. 30-31); *

  • РТ: №39 (2), стр. 31. От десятичных кодов перейдите к двоичным и нарисуйте со...

    20 слайд

    РТ: №39 (2), стр. 31. От десятичных кодов перейдите к двоичным и нарисуйте соответствующие им черно-белые изображения. * Десятич-ный кодДвоичный кодРисунок 32 224 224 225 63 63 33 99

  • РТ: №38, стр. 30-31. Придумайте и нарисуйте простые черно-белые картинки (зак...

    21 слайд

    РТ: №38, стр. 30-31. Придумайте и нарисуйте простые черно-белые картинки (закрасьте клетки) и запишите их двоичные коды. * Двоичный кодРисунок

Получите профессию

Фитнес-тренер

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ растровое кодирование графической информации.docx

Предмет Информатика Класс ________ Дата________________

Тема: Растровое кодирование графической информации

Цель: познакомить учащихся с принципами кодирования черно-белых и цветных растровых изображений.

Задачи:

Обучающие: познакомить с видами двоичного кодирования графической информации и принципом кодирования цветных растровых изображений;

научить учащихся кодировать и раскодировать черно-белое растровое изображение и применять знания на практике.

Развивающие:

развивать внимание, мышление, творческие способности, умения излагать мысли, делать выводы, обобщения.

Воспитательные:

воспитывать товарищеские отношения с одноклассниками, умения преодолевать трудности при выполнении упражнений; самостоятельность, умение достойно вести спор.

Ход урока

Учитель

Учащийся

Актуализация опорных знаний

– На прошлых уроках мы говорили о кодировании числовой и текстовой информации в компьютере. Сегодня мы поговорим о кодировании графической информации. [Слайд 1]

– Что такое графическая информация?

– Вспомните, в каких программах мы с вами рисовали?

– Тогда скажите мне, чем отличаются эти две картинки? [Слайд 2]


– Все верно. Первая картинка является растровым изображением, а вторая векторным. Сегодня мы поговорим о растровом способе кодирования графической информации. [Слайд 3]

– Сегодня на уроке мы познакомимся с принципами кодирования черно-белых и цветных растровых изображений. [Слайд 4]




– Изображения, рисунки и т.д.

– Paint, Word, PowerPoint.

– Первая картинка состоит из точек, а вторая – из отдельных частей.



Изучение нового материала

– Перед вами черно-белое растровое изображение. [Слайд 5]

– Скажите, из каких элементов состоит данный рисунок?

– Все верно. Точки, из которых состоит рисунок, называются пиксели.

– Запишите определение:

Пиксель – минимальный элемент растрового изображения (точка), которому можно задать цвет.

– У меня следующий вопрос: почему точки называются пиксели, а вид изображения растровый?

– Дело в том, что растр, от которого пошло название данного вида компьютерной графики, это двухмерный массив точек, упорядоченных в строки и столбцы, который используется для создания изображения на экране.[Слайд 5]

– Давайте попробуем закодировать данный рисунок в двоичной системе счисления. Что для этого нужно?[Слайд 5. клик]

– Какие цифры мы используем в двоичной системе счисления? (Наводящий вопрос)

– А каким же образом мы можем с помощью нуля и единицы закодировать черно-белое изображение? (Наводящий вопрос)

– Все верно. В информатике принято обозначать 0 – белый цвет, 1 – черный цвет. [Слайд 5. клик]

– Давайте начнем устно кодировать данную картинку. Как будет выглядеть первый ряд кода? [Слайд 5. клик]

– Второй ряд?

– Отлично. По такому принципу кодируется вся картинка. Давайте я покажу вам код картинки полностью. [Слайд 5. клик]

– Если внимательно приглядеться, то можно даже увидеть силуэт нашей машинки в ее двоичном коде. [Слайд 5. клик]

– Еще раз скажите мне, что необходимо для двоичного кодирования черно-белого изображения?


– Что мы сейчас делали?



– Из точек. Из пикселей.














– Ноль и единица.




– Два цвета – две цифры. Пронумеровать цвет цифрой.

– 13 нулей, 2 единицы, 10 нулей.

– 12 нулей, 7 единицы, 6 нулей





Две цифры 1 и 0.

0 – белый цвет, 1 – черный цвет.

– По картинке составляли ее код.

Закрепление изученного материала

– Давайте, выполним задачу обратную данной. Что мы будем делать? Объясните.

– Откройте свои рабочие тетради на стр. 29, №37. Что вы будете делать? [Слайд 6]

– Как мы нарисуем картинку?

– Отлично. Выполните работу по вариантам. Первый вариант под номером 1 на стр. 29. Второй вариант под номером 2 на стр. 30.

– Давайте проверим, что у вас получилось. [Слайд 7]

– А что делать, если нам дан десятичный код рисунка? [Слайд 8]



– Все верно. [Слайд 9]

– Однако посмотрите. В ширину в рисунке 10 пикселей. А первое число содержит только 6 цифр. Как поступить в этом случае?

– Все верно. Эти нули мы называем незначащими. На значение числа они не влияют, т.к. стоят в начале числа, но при кодировании они нам необходимы. [Слайд 10]

– Еще раз проговорим весь алгоритм раскодирования рисунка:

Перевести десятичное число в двоичное.

Добавить в начало незначащие нули.

Нарисовать рисунок, соответствующий двоичному коду.

Получаем рисунок [Слайд 10 клик]

– По данному двоичному коду нарисовать картинку.

– По данному двоичному коду нарисовать картинку.

– Нужно закрасить клетки соответствующие единицам.



– Перевести десятичный код в двоичный и нарисовать рисунок.


– Добавить в начало нули.


Изучение нового материала

– Мы все это время говорили о черно-белых изображениях, но ведь наши компьютеры на черно-белые, а цветные. Из чего состоит цветное растровое изображение? [Слайд 13]

– Верно. [Слайд 13 клик]

– Каждый пиксель имеет цвет. [Слайд 14]

– Все цвета можно пронумеровать, а каждый номер перевести в двоичный код. [Слайд 14. клик]

– Как вы думаете, сколько цветов поддерживает современный компьютер?

– Современный компьютер поддерживает более 16 миллионов оттенков! А точнее 16 777 216. [Слайд 15]

– Для того чтобы закодировать черный и белый цвет мы использовали 1 бит, который может принимать значение 1 или 0. А для того чтобы закодировать более 16 миллионов оттенков нам понадобится цепочка из 24 нулей и единиц! [Слайд 15 клик]

– Скажите мне, сколько цветов вы заправляете в цветной принтер? 16 миллионов?

– Четыре. Черный, красный, зеленый и синий. Это происходит потому, что в компьютере все цвета и оттенки получаются из смешения трех цветов: красный, зеленый и синий. [Слайд 15 клик]

– 8 бит отводится на кодирование красного цвета, 8 – зеленого, 8 – синего. Каждый цвет имеет 256 оттенков основного цвета. Что при умножении и дает более 16 миллионов оттенков! [Слайд 15 клик]

Компьютерный эксперимент.

– Давайте сейчас проведем компьютерный эксперимент. Как же получаются другие цвета и оттенки?

В графическом редакторе Paint вы откроете дополнительную палитру, командой Палитра > Изменить палитру.

В открывшемся диалоговом окне щелкните по кнопке Определить цвет.

Задайте несколько раз значения в полях ввода для основных цветов и проследите за изменениями в окне Цвет/Заливка. [Слайд 16]

Заполните выданную вам таблицу. Установите, какие цвета получатся при данных значениях основных цветов. [Слайд 17]

Красный

Зеленый

Синий

Цвет

0

0

0

 

0

0

255

 

0

255

0

 

190

190

190

 

255

0

0

 

0

255

255

 

255

0

255

 

255

255

0

 

255

255

255

 

– Давайте проверим, какие результаты вы получили. [Слайд 17 клик, клик…]

– Какие выводы мы можем сделать по проведенному эксперименту? [Слайд 18]

  • Отсутствие основных цветов (=0) дает черный цвет. [клик]

  • Значение 255 на месте одного из основных цветов дает этот цвет. [клик]

  • Смешение двух цветов дает другие основные цвета спектра. [клик]

  • Смешение всех основных цветов дает белый цвет. [клик]


– Из цветных пикселей.


Практическая часть

Работа 4 «Нумерованные списки» в учебнике


Итог урока

– Сколько бит необходимо для кодирования черно-белого изображения? [Слайд 19]

– Сколь бит мы используем для кодирования цветного изображения?

– Сколько цветов и оттенков поддерживает современный компьютер?

– Какие основные цвета использует компьютер?

– Как в программе Paint получить любой оттенок?

.



– Запишите домашнее задание. [Слайд 20] Комментарий по домашнему заданию.

– 1 бит


– 24 бита


– Более 16 миллионов оттенков. А точнее 16 777 216.

– Красный, зеленый, синий.

– Командой Палитра > Изменить палитру и выбрать нужные параметры основных цветов


Домашнее задание

РТ № 37, 38, 39; § 1.3




Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Урок "Растровое кодирование графической информации" (5 класс)"

Получите профессию

Менеджер по туризму

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Получите профессию

Интернет-маркетолог

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Скачать материал

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

6 626 334 материала в базе

Скачать материал

Другие материалы

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

  • Скачать материал
    • 11.03.2016 7877
    • RAR 263.7 кбайт
    • 71 скачивание
    • Оцените материал:
  • Настоящий материал опубликован пользователем Токарева Наталья Николаевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

    Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.

    Удалить материал
  • Автор материала

    Токарева Наталья Николаевна
    Токарева Наталья Николаевна
    • На сайте: 8 лет
    • Подписчики: 0
    • Всего просмотров: 22830
    • Всего материалов: 5

Ваша скидка на курсы

40%
Скидка для нового слушателя. Войдите на сайт, чтобы применить скидку к любому курсу
Курсы со скидкой

Курс профессиональной переподготовки

Фитнес-тренер

Фитнес-тренер

500/1000 ч.

Подать заявку О курсе

Курс повышения квалификации

Особенности подготовки к сдаче ОГЭ по информатике и ИКТ в условиях реализации ФГОС ООО

36 ч. — 180 ч.

от 1700 руб. от 850 руб.
Подать заявку О курсе
  • Сейчас обучается 107 человек из 38 регионов

Курс повышения квалификации

Особенности подготовки к сдаче ЕГЭ по информатике и ИКТ в условиях реализации ФГОС СОО

36 ч. — 180 ч.

от 1700 руб. от 850 руб.
Подать заявку О курсе
  • Сейчас обучается 106 человек из 40 регионов

Курс повышения квалификации

Методика преподавания информатики в начальных классах

72 ч. — 180 ч.

от 2200 руб. от 1100 руб.
Подать заявку О курсе

Мини-курс

Подростковые проблемы: индивидуальный подход

3 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 278 человек из 65 регионов

Мини-курс

Инклюзивное образование: нормативное регулирование

4 ч.

780 руб. 390 руб.
Подать заявку О курсе

Мини-курс

Творчество и технологии в медиакоммуникациях

8 ч.

1180 руб. 590 руб.
Подать заявку О курсе