План-конспект урока в 6 классе

Урок: «Растровое кодирование графической информации».
(6 класс, 1 час в неделю, пропедевтический курс по программе Л. Л. Босовой, урок № 9)
Цели урока:
Образовательная:
-
познакомить учащихся с идеей растрового способа представления изображений в памяти компьютера.
Развивающие:
-
развитие мышления, внимания, памяти, воображение;
Воспитательные:
- формировать навык самостоятельной работы;
- формировать интерес к предмету;
Задачи урока:
-
повторить материал о кодировании числовой информации в компьютере;
повторить материал о кодировании текстовой информации в компьютере;
дать представление о растровом кодировании изображений в компьютере;
научить выполнять кодирование графического черно-белого изображения
в двоичном коде и обратно;
дать представление о получении цветов при смешивании базовых цветов:
красного, зеленого, синего
провести два компьютерных эксперимента в графическом редакторе Paint;
развивать мышление, внимание, память, воображение;
воспитывать интерес к уроку информатики, самостоятельность при выполнении задания.
Программное обеспечение, раздаточный материал:
1. Презентация «Кодирование графической информации».
2. Учебник Л. Босовой для 6 класса.
3. Раздаточный файл для компьютерного эксперимента Попугай.bmp.
4. Флеш-ролик из Единой коллекции цифровых образовательных ресурсов
Цветовая модель RGB.
5. Карточки для декодирования черно-белого изображения.
План урока:
1.
2.
3.
4.
5.
6.
7.
Организационный момент.
Постановка цели урока.
Повторение о кодировании числовой и текстовой информации.
Изучение нового материала.
Компьютерный эксперимент. Самостоятельная работа учащихся.
Подведение итогов.
Д/З
1
Ход урока:
Этапы
урока /
Время
Содержание урока /
Деятельность учителя
Наглядность
Деятельность
учащихся
1. Организационный момент. (1 мин.)
Ребята, давайте вспомним, с какими видами
информации умеет работать компьютер?
Слайд 1
(10мин.)
стовой информации
3. Повторение о кодировании числовой и тек-
2. Постановка цели урока.
(2 мин.)
(учитель направляет деятельность учащихся)
- Когда мы пишем доклад по истории, с какой информацией мы работаем? (с текстовой).
- Записываем звуковое сопровождение к
празднику? (звуковой)
- Рисуем иллюстрацию к сказке? (графической)
- Производим вычисления на калькуляторе?
(числовой)
- Просматриваем мультфильм? (видеоинформация)
Мы уже знаем, как кодируется числовая и
текстовая информация в компьютере, а сегодня узнаем, как может кодироваться графическая информация в памяти компьютера. Запишите тему урока.
Расскажите, как кодируется числовая информация в компьютере?
(с помощью 0 и 1)
Переведите десятичное число 12 в двоичный код.
12 10 = 11002
А если бы нам было дано двоичное число,
как бы мы перевели его в десятичное?
В некотором государстве, в котором для
счета используется двоичная система (как в
компьютере) было записан вот такой рассказ…
Давайте разберемся, о чем говорится в этом
загадочном стихотворении и переведем его
на нашу систему счисления – десятичную.
11002 = 1210 (это число уже есть)
1012 = 510
1002 = 410
102 = 210
(задание разбивается на группы, каждой
группе по 1 числу)
(За правильный ответ первому выполнившему задание выдается фишка-отметка)
Учащиеся
распознают
среди предложенных вариантов виды информации.
Слайд 2
(уровень понимания)
Запись темы урока
в тетрадь
Слайд 3
Ребята производят
в тетрадях запись
перевода чисел.
(уровень –
понимания,
применения)
Слайд 4
2
Расскажите, а как кодируется текстовая информация в компьютере?
(в виде 0 и 1, используются специальные
кодовые таблицы)
Слайд 5
Слайд 6
Расшифруйте закодированное слово, используя кодовую таблицу ASCII со стр. 22
вашего учебника.
Какое слово закодировано? (рисунок)
(За правильный ответ первому выполнившему задание выдается фишка-отметка)
Итак, получилось слово «рисунок». К какому виду информации относятся рисунки?
(к графическому)
Пришло время разобраться - как же кодируются рисунки в компьютере?
Слайд 7
(Учитель рассказывает и показывает )
4. Изучение нового материала.
(15 мин.)
Да оказывается тоже с помощью 0 и 1.
Существует несколько способов кодирования. Мы с вами познакомимся с двумя способами – растровым и векторным.
И сегодня рассмотрим первый способ –
растровое кодирование.
Растровое изображение составляется из
мельчайших точек (пикселов) – цветных
квадратиков одинакового размера.
Компьютер хранит параметры каждой точки
изображения (её цвет, место положения –
координаты). Причём каждая точка представляется определенным количеством бит
(это зависит от глубины цвета).
Слайд 8
Просмотр презентации, запись в
тетрадь определений (растровая
графика, пиксель).
(уровень знания)
При открытии файла программа прорисовывает такую картину как мозаику. И растровое изображение действительно напоминает
мозаику – когда приближаете (увеличиваете) его, то видите отдельные пиксели, а если
удаляете (уменьшаете), пиксели сливаются.
3
Для начала рассмотрим простую чёрнобелую картинку.
Слайд 9
Просмотр
презентации.
Каждую пустую (белую) клеточку рисунка
закодируем нулём, а закрашенную (черную)
– единицей.
Каждый пиксель в черно-белом изображении кодируется 1 битом (это либо 0, либо 1).
А теперь попробуем решить обратную задачу – восстановить рисунок по его коду. Дана таблица, заполненная 0 и 1 как в памяти
ПК.
1 1 0 0 0 0 1 1
1 1 0 0 0 1 1 0
1 1 0 1 1 1 0 0
1 1 1 1 0 0 0 0
1 1 1 1 1 0 0 0
1 1 0 0 1 1 1 0
1 1 0 0 0 0 1 1
1 1 0 0 0 0 0 1
Слайд 10
Работа выполняется на раздаточных
карточках, учащиеся на клетчатом
поле закрашивают
квадратики с 1.
(уровень – анализ)
Какое изображение закодировано в памяти
компьютера?
(Учитель направляет, информирует)
(За правильный ответ первому выполнившему задание выдается фишка-отметка)
Слайд 11
В рассмотренных примерах каждый пиксель
кодировался 1 битом. При цифровом представлении цветных изображений каждый
пиксель кодируется цепочкой из 24 нулей и
единиц, что позволяет различать более 16
миллионов цветовых оттенков.
Необычайно богатая цветовая палитра современных компьютеров получается смещением взятых в определённой пропорции
трёх основных цветов: красного, синего и
зелёного.
Слайд 12
Просмотр
презентации и
флеш-ролика.
На кодирование каждого из них чаще всего
отводится по 8 битов, в которых можно записать двоичные коды 256 различных оттенков цвета.
4
Давайте посмотрим, как это происходит.
(Просмотр ролика «Цветовые модели. Модель RGB».) Красный (R), зеленый (G) и синий (В) - основные цвета; при их смешивании можно получить любой цвет. Каждый
цвет имеет свой уникальный код (в данной
программе он представлен десятичным числом, так же как и в графическом редакторе
Paint, но компьютер в ходе работы переведет эти числа в двоичный код)! Код цвета
пикселя содержит информацию о доле каждого базового цвета.
Ролик «Модель RGB»
Вот так же поэкспериментировать с цветом
мы можем в нашем графическом редакторе
Paint.
(Учитель наблюдает, помогает)
5. Компьютерный эксперимент. Самостоятельная работа.
(14 мин.)
Эксперимент №1
1. Запустите графический редактор Paint и
выполните команду (Палитра-Изменить
палитру)
2. В открывшемся диалоговом окне Изменение палитры щёлкните на кнопке
Определить цвет; обратите внимание на
информацию в правой нижней части
экрана.
3. Задайте несколько раз по своему усмотрению значения в полях ввода для основных цветов и проследите за изменениями в окне Цвет/Заливка.
Цвет
черный
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 белый
зеленый
Слайд 13
Практическая
работа учащихся
за ПК.
Ребята проводят
два эксперимента.
Коллективная
проверка.
(уровень –
понимания,
применения)
красный
желтый
(За правильный ответ первым 5 выполнившим задание выдается фишка-отметка)
5
Эксперимент №2
Слайд 14
7. Домашнее задание
(1 мин.)
6. Итог урока.
Выставление оценок за
урок (2 мин.)
1. Запустите графический редактор Paint,
находящийся в группе программ Стандартные.
2. Откройте рисунок Попугай.
3. Выполните команду (Вид-МасштабДругой), в группе Варианты установите
переключать 400%, дающий увеличение
исходной картинки в 4 раза.
4. Самостоятельно увеличьте исходную
картинку в 8 раз (переключатель 800%).
5. Выполните команду (Вид-МасштабПоказать сетку). Обратите внимание на
то, что весь исходный рисунок оказался
состоящим из мелких квадратиков.
6. Выберите инструмент Заливка и с его
помощью попытайтесь внести изменения в рисунок, перекрещивая отдельные
области.
7. Выполните команду (Вид-МасштабОбычный) и проследите за сделанными
изменениями.
8. Выйдите из программы, сохранив измененный рисунок в своей папке.
(Учащиеся выбирают лучшие работы.
Учитель выдает этим ребятам фишкуотметку)
Подведем итоги.
- В чём заключается растровое кодирование?
- Что такое пиксель?
- Из каких основных цветов складываются оттенки?
(За правильный ответ выдается фишкаотметка)
Практическая
работа учащихся
за ПК.
Выставка работ.
(уровень –
понимания,
применения)
Слайд 15
Учащиеся обобщают изученный
материал, формулируют ответы на
вопросы учителя.
(Уровень – синтез)
Оценивание учащихся – по количеству
набранных фишек (возможно, не все ребята
получат на этом уроке отметки).
1. Стр. 23-25 учебника – читать
2. Сделайте в тетради чёрно-белое изображение первой буквы своего имени
(1010 пикселей, 1 пиксель – 1 клетка).
Запишите его двоичный код.
6
Примечание:
Для слабых классов сокращается время при повторении (не выполняется задание на расшифровку стихотворения) и во время практической работы (Эксперимент №2 выполняется не полностью, по 5 пункт включительно).
Несколько работ ребят по эксперименту №2
Савицкая Ира, 6а класс
Лебедева Надя, 6а класс
Доля Яна, 6а класс
7