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

Вид материалаУрок

Содержание


Этап урока
Проверка готовности к уроку.
Подобный материал:
Овсянникова Светлана Александровна, учитель информатики


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


Цель: ввести понятие растровой графики и рассмотреть кодирование растровых изображений.

Задачи:
  1. Обучающие:
  • познакомить с видами двоичного кодирования графической информации и принципом кодирования цветных растровых изображений;
  • научить учащихся кодировать и раскодировать черно-белое растровое изображение и применять знания на практике.
  1. Развивающие:
  • развивать внимание, мышление, творческие способности, умения излагать мысли, делать выводы, обобщения.
  1. Воспитательные:
  • воспитывать товарищеские отношения с одноклассниками, умения преодолевать трудности при выполнении упражнений; самостоятельность, умение достойно вести спор.

Тип урока: урок изучения и первичного закрепления новых знаний.

Класс: 6.

Базовый учебник: Учебник для 6 класса «Информатика и ИКТ», автора Л.Л.Босова – М.: БИНОМ. Лаборатория знаний, 2010

Формы работы учащихся: фронтальный опрос, индивидуальная работа.

Необходимое техническое оборудование: мультимедийный проектор, доска, графический редактор GIMP, KolorPaint, таблица основных цветов, презентация.


Ход урока


Этап урока

Название используемых ЭОР

Деятельность учителя

Деятельность учащихся

Время
  1. Организационный момент

Презентация

(1 слайд)

Приветствие учащихся:

Здравствуйте, ребята!

Прозвенел и смолк звонок,

Начинается урок,

Все за парты дружно сели,

На меня все посмотрели!

Проверка готовности к уроку.

Подготовка к уроку, приветствие учителя.

1 мин.
  1. Актуализация знаний

Презентация (2,3,4,5 слайды)

Проверка домашнего задания:

  1. Перечислите основные устройства компьютера.



  1. В компьютере мы можем хранить всю информацию, а где именно?
  2. Пользователи, обращаясь к памяти компьютера, имеют дело с файлами и папками, содержащими самые разнообразные программы и данные. Но, в то же время для компьютера не имеет значения, какие именно данные хранятся в его памяти. Мы знаем, что независимо от вида все данные представляются в памяти компьютера в некотором виде. В каком? Назовите виды данных



Мотивация:

Каким же образом можно представить в цифровом виде графическую информацию? Сообщение темы урока «Кодирование графической информации»

  1. Что же вы хотите узнать при изучении данного вопроса? Сообщаются задачи урока и показываются на слайде.

Устные ответы учащихся:

Монитор, системный блок, мышь, клавиатура.


В памяти.


В двоичном


Числовые, текстовые, звуковые, видео, графические


Ученики могут сами произнести тему урока.


Запись темы урока в тетради


Дети высказывают свои предположения, чтобы они хотели узнать по данной теме.

7 мин.
  1. Объяснение нового материала

Презентация (6-12 слайды)

- Что вы понимаете под графической информацией? (6 слайд)


Для того, чтобы понять как же кодируется графическая информация, рассмотрим, как формируется изображение на экране монитора.

В зависимости от способа формирования изображений на экране монитора, графическую информацию принято подразделять на растровую и векторную. Запишем схему, изображенную на слайде. (7 слайд)


Остановимся подробнее на растровом изображении, которое формируется из определенного количества строк. Каждая строка, в свою очередь, содержит определенное количество точек. Точки изображения принято называть пикселями. Точки (пиксели) формируют рисунок. (8 слайд)

Пиксель – это наименьший элемент изображения на экране монитора. (слайд 9).


Размер экранного пикселя около 0,0018дюйма, а дюйм равен 2,54см, но дюймы бывают разные.

С растровой графикой вы встречаетесь очень часто, достаточно привести в примеры цифровой фотоаппарат, сотовый телефон и т.п.

Скажите, увеличивая фотографию на фотоаппарате или телефоне, что с ней происходит?


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


Посмотрите внимательно на саму картинку. На что она похожа? Что вам напоминает?

Действительно, растровый рисунок похож на мозаику, в которой каждый элемент (пиксель) закрашен определенным цветом.

Рассмотрим черно-белую картинку. Подумайте, как закодировать этот двухцветный рисунок? (10 слайд)

Принято каждую пустую (белую) клеточку рисунка кодировать нулем, а закрашенную (черную) – единицей. Давайте так и сделаем в наших тетрадях.

Какой двоичный код получается у этого рисунка, сверьтесь с кодом на странице 24 вашего учебника.

С помощью приложения Калькулятор (KDE-Прочие-Калькулятор KCals) переведите в двоичную систему счисления числа: 195, 198, 220, 240, 248, 206, 195, 195. (11 слайд). Запишите их друг под другом, разряд под разрядом. У вас получился двоичный код некоторого изображения. Нарисуем его, начиная с левого верхнего угла, если есть 1, то закрашиваем клеточку, если есть 0, то не закрашиваем.

Что получилось? Сверимся с учебником на 24 странице.

Мы рассматривали черно – белые картинки, где каждая точка рисунка могла быть закрашена или нет. В этом случае для одного пикселя нужно всего лишь один бит памяти. Запишем это. (12 слайд).

Картинки, рисунки, фото, изображение на экране телевизора и монитора компьютера и т.д.

Учащиеся слушаю объяснение нового материала.


Учащиеся записывают схему в тетрадь.


Учащиеся записывают в тетрадь определение «пиксель».


Устные ответы учащихся:

Она становится нечеткой, размытой, появляются квадратики.


Ответы учащихся: на мозаику.


Учащиеся работают с учебником.


Учащиеся пробуют самостоятельно выполнить задание.


Буква «К»


Учащиеся выполняют запись в тетрадь.

12 мин.
  1. Физкультминутка

Презентация (13 слайд)

Учитель вместе с детьми выполняет физкультминутку.

Учащиеся выполняют физкультминутку.

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

Презентация (14-20 слайды)

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

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

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


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

– Давайте проверим, что у вас получилось. (Слайд 15)

– А что делать, если нам дан десятичный код рисунка? (Слайд 16)


– Все верно. (Слайд 17)


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


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


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


А как же быть с цветными изображениями? (19 слайд)

При цифровом представлении цветных изображений каждый пиксель кодируется цепочкой из 24 нулей и единиц. Это позволяет различать более 16 миллионов цветов оттенков.

Богатая палитра цветов современных компьютеров, телевизоров получается смешением взятых в определенной пропорции трех основных цветов: красного, синего и зеленого (20 слайд). На кодирование каждого из них отводится по 8 битов, в которых можно записать двоичные коды 256 различных оттенков.


Ответы учащихся:

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

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


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


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


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

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

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

4.Получаем рисунок (Слайд 18)

8 мин.
  1. Практическая работа

Презентация

Проведем эксперименты:

Эксперимент №1
      1. запустите графический редактор GIMP (KDE – Графика – растровый графический редактор GIMP). (21 слайд)
      2. Выполните команду: Файл – Диалоги – Цвета и нажмите на кнопку Шкала. (22 слайд)
      3. Попробуйте вводить различные значения счетчика основных цветов. Какие при этом получаются цвета? (23 слайд)
      4. Заполните таблицу (см. таблица основных цветов) (24 слайд)

Разминка для глаз. (25 слайд)


Эксперимент №2
  1. Запустите графический редактор Kolor Paint (KDE – Прочие – Графика – графический редактор Kolor Paint).
  2. Откройте файл Образец.gif из папки своего класса. (26 слайд)
  3. Увеличьте масштаб, поставив галочку на 400% в пункте меню Вид – Масштаб. (27 слайд)
  4. Увеличьте исходный рисунок в 8 раз. (28 слайд)
  5. Выполните: Вид – Показать сетку. Что стало с рисунком? (разбился на квадратики) (29 слайд)
  6. Выберите инструмент Карандаш и с его помощью попробуйте сделать цвет глаз вместо голубых зелеными. (30 слайд)
  7. Уменьшите масштаб до 200% и проследите за вашими изменениями. (31 слайд)

Выйдите из программы, не сохраняя документ, для этого нажмите кнопку Отклонить. (32 слайд)

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


Выполнение разминки для глаз.


10 мин.
  1. Итог

Презентация (33 слайд)
  1. Ответить на вопросы:


С какими видами графики мы познакомились?

Как называются точки, из которых состоит растровый рисунок?

Каким образом кодируется черно-белое изображение?
  1. Оценки за урок

Ответы учащихся:

Векторная, растровая

Пиксели


С помощью 0 и 1

2 мин.
  1. Домашнее задание

Презентация (34 слайд)

§1.3 стр. 23-27

Рабочая Тетрадь: №37 стр. 29-30 и №39 стр. 31-32 доделать, №38 стр. 30-31

Учащиеся записывают домашнее задание в дневник.

2 мин.