Растровая графика: форматы файлов и их свойства

Задание для работы в графическом редакторе PAINT

Задание для работы в графическом редакторе PAINT

Тема урока:  __________________________________________________________________________

Тип файла	Тип графики	Область применения
PNG
BMP
JPG
GIF

Пиксель - ________________________________________________________________________________

Растр - ___________________________________________________________________________________

Код пикселя - ____________________________________________________________________________.

Битовая глубина - _________________________________________________________________________.

Количество цветов К и битовая глубина b связаны формулой ____________________________________.

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

Мониторы в нашем классе позволяют получать на экране  16 777 216 различных цветов. Сколько бит памяти занимает 1 пиксель?

Решение: ________________________________________________________________________________

___________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

Какой объем займет картинка размером 640 на 480 пикселей?

Решение: ________________________________________________________________________________

____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

Пояснительная записка к уроку информатики в 8 классе по теме «Растровая графика: форматы файлов и их свойства»
Автор:	Носкова Наталья Евгеньевна, учитель информатики, МАОУ "Гимназия № 31" г. Перми
Направление:	естественно-научное
Тема, класс:	Растровая графика: форматы файлов и их свойства, 8 класс
Тип:	Урок изучения нового материала
Характеристика класса	Общеобразовательный класс со средним или выше среднего показателем качества обученности
Программа:	Программа базового курса «Информатика и ИКТ» для основной школы (8 - 9 классы), авторы И. Г. Семакин, Л.А. Залогова, С.В. Русаков, Л.В. Шестакова
Учебник:	Семакин И.Г., Залогова Л.А., Русаков С.В., Шестакова Л.В. Информатика и ИКТ: учебник для 8 класса. 2007 год
Раздел:	Глава 4. Графическая информация и компьютер
Количество часов:	1 час
Цель:	Изучение свойств растровой графики
Задачи	- познакомить учащихся с различными форматами растровой графики - организовать самостоятельную работу учащихся  по  выявлению особенности и области применения каждого формата файла - научить рассчитывать объем растрового изображения
Планируемые результаты:	- развитие навыков работы по совместной обработке документа сервисов Google - формирование навыков самоконтроля и самооценки учащихся - развитие навыков работы в группе: рациональное распределение ролей в группе - умение осуществить поиск информации, отбирать главное, структурировать для представления текста в табличной форме - знание (перечисление) форматов растровых изображений и области их применения - умение рассчитывать объем растрового изображения
Методы:	Беседа, самостоятельная работа, мини исследование
Оборудование:	Компьютер, проектор, доска, Интернет, компьютерный класс
Формы работы:	самостоятельная, фронтальная работа.

 Традиционно, уроки по изучению графической информации вызывают у учащихся интерес, но темы, связанные с кодированием графической информации и с расчетом объема растровых изображений вызывают некоторые затруднения.

1 этап – организационный (1 мин) настраивает учащихся на дальнейшую работу на уроке.

2 этап – постановка учебной задачи (4 минут): опираясь на знания учащихся с помощью последовательности вопросов учитель подводит учащихся к цели урока

3 этап – исследование проблемы (10 минут): работа на этом этапе урока производится в групповой форме.  Внутри каждой группы происходит распределение ролей в зависимости от выполняемого каждым учащимся задания. Каждой группе предлагается выполнить два задания:

1)                       нарисовать в графическом редакторе Paint рисунок и сохранить его в нужных форматах;

2)                        найти в сети Интернет информацию об указанных в таблице форматах.

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

Тема «Графический редактор Paint» была изучена учащимися в 5 классе. Навыки поиска информации в сети Интернет и работы с документом, расположенном в общем доступе в сети, у учащихся сформированы.

4 этап – анализ полученных в исследовании результатов (5 минут): учащиеся сравнивают две полученные таблицы. Приходят к выводу, что все форматы графических файлов являются растровыми, выделяют формат, в котором графический файл имеет наибольший информационный объем.

5 этап – изучение нового материала (10 минут): по ходу рассказа учителя учащиеся заполняют конспект. Разбирают совместно с учителем задачи, задают вопросы.

6 этап – самостоятельная работа (10 минут): в самостоятельной работе учащимся предлагаются задания базового и повышенного уровней, а также критерии оценивания заданий. Перед выполнением заданий учащиеся оценивают свои возможности и ставят себе оценку, на которую они могут решить задания. После выполнения заданий учащиеся по ответам проверяют правильность выполнения задач, оценивают себя.  После чего работа сдается учителю на проверку. Анализ ошибок и разбор решения задач осуществляется на следующем уроке.

7 этап – рефлексия (4 минут): подведение итогов урока, обсуждение, что получилось и не получилось, достигли ли поставленной цели.

8 этап – домашнее задание (1 минута): учащимся предлагается разноуровневое задание:

Самостоятельная работа

Я планирую получить оценку: _________

Обязательный уровень.

Решите задачи:

№	Задачи	Решение	Ответ	Отметка о выполнении (+)
1	Определите количество цветов в палитре при битовой глубине равной а) 4, б) 16, в) 24		а) б) в)
2	Черно – белое (без градации серого) растровое графическое изображение имеет размер 10х10 точек. Какой объем памяти займет это изображение?
3	Цветное (с палитрой из 256 цветов) растровое графическое изображение имеет размер 10х10 точек. Какой объем памяти займет это изображение?
4	Достаточно ли видеопамяти объемом 256Кбайт для работы монитора в режиме 640х480 и палитрой из 16 цветов?
5	Растровое изображение с палитрой в 24 цвета имеет размер 1024х768 пикселей. Определить информационную ёмкость изображения в мегабайтах.

Повышенный уровень.

Решите задачи:

№	Задачи		Ответ	Отметка о выполнении (+)
1	Видеопамять имеет объем, в котором может храниться 4-х цветное изображение размером 300х200. Какого размера изображение можно хранить в том же объеме видеопамяти, если оно будет использовать 16-цветную палитру?
2	Определите максимально возможное количество цветов в палитре, если для хранения графического изображения из 512 пикселей выделено 2Кбайта памяти?
3	Некоторый текст в кодировке Unicode, набранный шрифтом, в котором все символы имеют одинаковую ширину и высоту, сохранили в виде черно-белого графического изображения. При этом оказалось, что  каждому символу в графическом представлении соответствует битовая матрица размером 8x10. Сколько символов было в тексте, если при печати графического изображения на принтере со скоростью 800 битов в секунду потребовалось ровно одна минута.

Критерии оценивания:

оценка "3" - обязательный уровень, 3 правильно решенные задачи

оценка "4" - обязательный уровень, 5 правильно решенных задач или 1 задача из повышенного уровня + 3 задачи обязательного уровня

оценка "5" - повышенный уровень, 2 правильно решенные задачи

Моя оценка:_______________                        Оценка учителя:__________________________

Методическая разработка урока информатики в 8 классе по теме «Форматы графических файлов »
Предмет:	информатика
Класс:	8
Тема:	Растровая графика: форматы файлов и их свойства
Тип:	Урок изучения нового материала
Цель:	Изучение свойств растровой графики
Задачи	- познакомить учащихся с различными форматами растровой графики - организовать самостоятельную работу учащихся  по  выявлению особенности и области применения каждого формата файла - научить рассчитывать объем растрового изображения
Планируемые результаты:	- развитие навыков работы по совместной обработке документа сервисов Google - формирование навыков самоконтроля и самооценки учащихся - развитие навыков работы в группе: рациональное распределение ролей в группе - умение осуществить поиск информации, отбирать главное, структурировать для представления текста в табличной форме - знание (перечисление) форматов растровых изображений и области их применения - умение рассчитывать объем растрового изображения
Оборудование:	ПК, интерактивная доска, проектор, Интернет
Формы работы:	Индивидуальная, групповая.

Ход урока:

Деятельность учителя	Деятельность учащихся				Формируемые универсальные учебные действия	Механизмы и критерии оценивания результатов
Организационный момент
Здравствуйте, ребята! Садитесь! Проверяют готовность к уроку.		Рассаживаются
Постановка учебной задачи
Сегодня на уроке мы продолжаем работать с информацией. А каким способом люди чаще всего получают информацию? Где в Интернете размещается информация? Сейчас мне понадобятся два помощника - Петя и Катя. У вас на столах лежат листочки с адресами сайтов. Откройте их, и когда сайт загрузится, поднимите руку. (Пока сайты открываются, учитель беседует с учащимися, что такое сайты, какую информацию можно найти на сайтах) Как вы думаете, почему у Пети сайт открылся быстрее, чем у Кати? От чего зависит скорость открытия сайта? Давайте посмотрим: Одинаковые ли у нас браузеры? Одинаковые ли у нас компьютеры? А скорость интернета? Значит, какой из параметров влияет на загрузку сайта? Мы рассмотрели с вами тему «Обработка текстовой информации». Может ли страница в сети Интернет загружаться долго  из-за текста? Тогда почему сайты загружались разное количество времени? А где мы еще сталкиваемся с изображениями в электронном виде, кроме сайтов? Тогда скажите, пожалуйста, зависит ли наша повседневное взаимодействие с техникой от умения управлять графикой? Почему?  Какова цель нашего урока? Что для этого нужно?		Через Интернет На сайтах. (Дети садятся за компьютеры.) (Учащиеся выполняют задание учителя. У одного из учащихся сайт откроется быстрее, чем у другого) (Учащиеся предлагают различные варианты, которые фиксируются на доске) Возможные варианты, которые могут предложить учащиеся: - от браузера - от компьютера - от информации, которая содержится на сайте - от компьютера - от скорости Интернета Одинаковые Одинаковые Одинаковая Содержимое сайта Нет Из-за изображений - электронная почта - телефоны - игры Зависит. Научиться управлять графическими изображениями Узнать их виды и где они используются		Умение ставить цели,  преобразование практической задачи в познавательную;		Дети должны проговорить цель урока
Исследование проблемы
Для того  чтобы управлять любым объектом или процессом, нужно знать его свойства. Изучать свойства графических изображений мы будем с помощью исследования. А поможет нам в этом графический редактор Paint. Рисунок в Paint  можно сохранить с разными расширениями. (Учитель демонстрирует на экране, как в графическом редакторе выбирать разные форматы для сохранения).  Правильно это называется форматы. Исследование форматов мы будем проводить по группам. Итак, сейчас каждая группа получает задание: 1. нарисовать картинку  в графическом редакторе Paint и сохранить ее в разных форматах. 2. Найти информацию про форматы файлов 3. Заполнить таблицу. Обращаю ваше внимание, что таблица общая для каждой группы. Время на заполнение таблицы – 10 минут.			Слушают задание, задают вопросы по заданию. Учащиеся делятся на группы. Внутри каждой группы учащиеся решают, кто выполняет задание в графическом редакторе, кто ищет информацию в сети Интернет. Таблица, которую заполняют учащиеся, находится в общем доступе в сети Интернет. (Приложение)		Умение самостоятельно контролировать свое время  и управлять им, осуществлять расширенный поиск информации с использованием ресурсов библиотек Интернета, планировать пути достижения поставленной цели	Оценка результата групповой работы: 1. учащиеся должны уложиться в заданное время; 2. качество заполнения общей таблицы
Анализ полученных в исследовании результатов
Давайте проанализируем полученные таблицы. Какие выводы вы можете сделать, посмотрев на таблицу? Что происходит с изображениями при увеличении масштаба? Где используются растровые файлы? Какой из представленных в таблице растровых форматов самый «тяжелый»?			- все форматы, представленные в таблице, являются растровыми. - - графические файлы формата BMP имеют одинаковый объем, несмотря на то, что изображения разные.		Умение адекватно использовать речевые средства для решения различных коммуникативных задач; владеть устной и письменной речью; строить монологическое контекстное высказывание; умение строить логическое рассуждение, включающее установление причинно-следственых связей, объяснять явления, процессы, связи и отношения, выявляемые в ходе исследования	Беседа с учащимися: проговариваются результаты, выводы
Объяснение нового материала
Приходим к выводу, что из всех растровых графических форматов  в Интернет не используется формат BMP, потому что он самый «тяжелый». Что же такое объем файла и как его вычислить? Растровое изображение состоит из точек - пикселей. Каждое растровое изображение может иметь различный размер, который определяется количеством точек по горизонтали и по вертикали. Эта графическая сетка называется растром. Объем каждого растрового изображения зависит от размера растра и от количества цветов, используемых в изображении. Рассмотрим растровое черно-белое изображение. Как закодировано это изображение в памяти компьютера? (демонстрируется презентация) Если изображение двуцветное, то какое количество информации, содержится в одном пикселе? Как нам узнать объем всего черно - белого изображения? Если экран монитора может отображать 4 цвета, то объем картинки увеличится по сравнению с двуцветным изображением? Почему? А сколько бит будет отведено на 1 пиксель в таком изображении? В настоящее время двуцветные изображения в компьютерах встречаются крайне редко. В большинстве случаев мы встречаем картинки, в которых цветов несколько тысяч. Информация о состоянии каждого пикселя хранится в закодированном виде в памяти компьютера. Код пикселя - это информация о цвете пикселя. Число бит, используемых для каждого пикселя, называют битовой глубиной. Число цветов, воспроизводимых на экране дисплея (К), и битовая глубина (N), связаны формулой: K=2N Например, мониторы в нашем классе позволяют получать на экране  16 777 216 различных цветов. Сколько бит памяти занимает 1 пиксель? Какой объем займет картинка размером 640 на 480 пикселей? А теперь предлагаю Вам поработать самостоятельно. Раздаются задания для работы. Обратите внимание на критерии оценивания.			Заполняют конспект с основными определениями и формулами по ходу объяснения учителя. Задают вопросы. Участвуют в обсуждении, актуализируют имеющиеся знания . Примерные ответы учащихся: Каждая точка кодируется либо 0 - белый цвет, либо 1 - черный цвет. 1 бит Количество пикселей в изображении умножить на 1 бит. Объем сообщения увеличится, потому что увеличится количество бит, отводимых на 1 пиксель изображения. 2 бита Решают задачу. Задают вопросы по задаче.		Умение давать определения и аргументировать свою точку зрения
Самостоятельная работа
Учащимся предлагается набор заданий для самостоятельной работы. Предлагаются задания двух уровней с критериями оценивания.			После выполнения самостоятельной работы учащимся предлагаются ответы к задачам. Учащиеся сравнивают свои ответы и шаблонами и ставят себе оценку, после чего листы с самостоятельной работой сдаются учителю.		Умение адекватно оценивать свои возможности достижения цели определенной сложности в различных сферах самостоятельной деятельности, умение осуществлять познавательную рефлексию в отношении действий по решению учебных и познавательных задач, умение адекватно самостоятельно оценивать  правильность выполнения действия и вносить необходимые коррективы в исполнение как в конце действия , так и по ходу его реализации
Подведение итогов, домашнее задание
Какова была цель нашего урока? Достигли ли мы ее? Какие проблемы возникли? Вопросы? Запишите домашнее задание. Домашнее задание: записать алгоритм нахождения объема видеопамяти и решить две задачи 1)    Напишите алгоритм нахождения объема видеопамяти, необходимого для хранения графического изображения: a.     ____________________________________________________________________ b.    ____________________________________________________________________ c.     ____________________________________________________________________. 2)                 Решить задачи: 1.      Битовая глубина изображения использующего 16-цветную палитру равна? 2.      Какой объем видеопамяти в байтах необходим для хранения изображения размером 600х350 пикселей и использующего 4-х цветную палитру? 3.      Для хранения растрового изображения размером 64х64 пикселей отвели 512байтов. Каково максимально возможное количество цветов? 4.      Объем видеопамяти составляет 62,5Кбайта. Графический дисплей работает в режиме 640х400 пикселей. Какое максимальное количество цветов может содержать палитра?			Проговаривают результаты урока. Записывают ДЗ.