Технологическая карта урока по теме "Растровая и векторная графика"

Технологическая карта урока согласно требованиям ФГОС

УМК: Н.Д. Угринович

Предметная область: Информатика

Класс: 9

Тема: Растровая и векторная графика. Создание растровых графических изображений (2 часа)

Цель:

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

Учебные задачи, направленные на достижение личностных результатов обучения:

- показать применение способов действий по созданию и обработке компьютерной графики в будущей (возможно профессиональной) деятельности учащихся;

- показать красоту, симметричность, насыщенные цвета графических изображений (эмоциональный фон урока);

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

Учебные задачи, направленные на достижение метапредметных результатов:

- (познавательные) формирование умений учащихся анализировать, сравнивать и синтезировать информационные объекты;

- формирование умения работать с различными источниками информации;

- формирование умения проводить компьютерный эксперимент.

- (регулятивные) формирование умений анализировать свою познавательную деятельность, рефлексировать ее процесс и результаты;

- (коммуникативные) формирование умений сотрудничать с учителем и сверстниками при решении учебных проблем (диалог).

Учебные задачи, направленные на достижение предметных  результатов:

- формирование понятий: компьютерная графика, классификация видов компьютерной графики, информационные процессы, связанные с компьютерной графикой,  графические редакторы, форматы компьютерной графики;

- формирование умений работать с графической информацией: создание, редактирование, обработка, сохранение, передача;

- формирование умения использовать готовые графические объекты;

- формирование умения проводить компьютерный эксперимент.

Оборудование урока:

Основные ресурсы:

Учебник «Информатика - 9 класс», тетрадь для конспекта уроков, презентация «Да будет цвет!», электронные тетради (для предстоящего контроля)

ТСО:

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

Ход урока:

№	Этап урока	Деятельность учителя	Деятельность обучающихся	УУД
1.	Приветствие, организационный момент.
2.	Анализ ошибок, допущенных в самостоятельной работе №2 по теме «Цветовые модели»	По необходимости разбор решения задач, обсуждение ошибок, допущенных при заполнении  таблицы.	Анализ ошибок и исправление. Учащиеся, написавшие на «5» решают дополнительную задачу из ОГЭ. (слайд 12)	Коммуникативные (принятие решение и его реализация, инициативное сотрудничество при коррекции результатов своей деятельности)
3.	Мотивация обучающихся.	Формирование положительного отношения к тематике урока. Вопросы для обсуждения: (слайд 13) - Знакомы ли вам ситуации, изображенные на картинках? - Где вы сталкивались с подобными ситуациями? - Людям каких профессий важно научиться рисовать на компьютере?	Обращаются к личному опыту, «примеряют» возможные профессии.	Личностные (самоопределение) Коммуникативные (выявление и оценка познавательного затруднения)
4.	Актуализация и фиксирование индивидуальных затруднений в пробном действии. Целеполагание.	Вопрос классу: - Чему будет посвящен сегодняшний урок?	Постановка цели урока.	Познавательные (формирование познавательной цели, формулирование проблемы) Регулятивные (целеполагание, прогнозирование)
5.	Построение проекта выхода из затруднения.	Построение плана и рассмотрение растровой и векторной графики в сравнительной характеристике. Желаемый план: 1.     Основа графи-ческого изображения 2.      Как получить изображение? 3.     Достоинства обоих видов 4.     Недостатки обоих видов 5.     Графические редакторы 6.     Форматы графических файлов (слайды 14 - 23)	Обсуждение, конспект сравнительной характеристики в виде таблицы, обращение к личному опыту, к материалу учебника и презентации.	Познавательные (анализ с целью выделения признаков, сходства и различия; синтез – восполнение недостающих компонентов для составления целого из частей) Коммуникативные (планирование, инициативное сотрудничество в сборе информации) Регулятивные  (планирование, контроль, коррекция)
6.	Реализация построенного проекта.	Частично – продолжение знакомства с растровым редактором Paint, обсуждение способов действий по созданию и редактированию растрового графического изображения.
7.	Первичное закрепление с проговариванием во внешней речи.	Проведение компьютерного эксперимента  - рисование лампы (демонстрация и обсуждение способов действий)	Компьютерный эксперимент по применению основных инструментов растрового графического редактора.	Коммуникативные (планирование, контроль, коррекция) Личностные (нравственно – эстетическое оценивание)
8.	Включение в систему знаний. Самостоятельная  практическая работа с самопроверкой по эталону.	Инструктаж по технике безопасности, решение организационных вопросов	Реализация компьютерного практикума «Создание изображений в растровом графическом редакторе»	Познавательные (моделирование, синтез, самостоятельное создание способов решения затруднений) Регулятивные (контроль, коррекция способов действий, оценка) Личностные (смыслообразование, нравственно – эстетическое оценивание)
9.	Рефлексия. Постановка домашнего задания.	Организация представления результатов урока в виде кластера или синквейна. Запись домашнего задания на доске + трансляция в электронные дневники.	Создание и представление форм рефлексии.	Познавательные (синтез) Регулятивные (оценка) Личностные (смыслообразование, нравственно – эстетическое оценивание) Коммуникативные (умение выражать свои мысли)

Использованные источники:

·        Н.Д. Угринович. Информатика и ИКТ. Учебник для 9 класса. – М.: БИНОМ. Лаборатория знаний, 2008 (2011 – 4 издание, стереотипное)

·        Н.Д. Угринович. Преподавание курса «Информатика и ИКТ» в основной и старшей школе. 8-11 классы. Методическое пособие. - М.: БИНОМ. Лаборатория знаний, 2008

·        ФГОС ООО

Самостоятельная работа №2 «Цветовые модели»

I вариант

№1. В цветовой модели RGB для кодирования одного пикселя используется 3байта. Фотографию размером 2048×1536 пикселей сохранили в виде несжатого файла с использованием RGB-кодирования. Определите размер получившегося файла в Мб.

№2. Заполнить в сравнительной таблице 1 столбец:

Цв. модель Характеристики	RGB	CMYK
Базовые цвета
Применение модели в ВТ
Чем обусловлено создание модели?
Изображение модели на множествах

Самостоятельная работа №2 «Цветовые модели»

II вариант

№1. В цветовой модели RGB для кодирования одного пикселя используется 24 бита. Фотографию размером 1152×864 пикселей сохранили в виде несжатого файла с использованием RGB-кодирования. Определите размер получившегося файла в Кб.

№2. Заполнить в сравнительной таблице 2 столбец:

Цв. модель Характеристики	RGB	CMYK
Базовые цвета
Применение модели в ВТ
Чем обусловлено создание модели?
Изображение модели на множествах

• 1 слайд

  Да будет цвет!
  

• 2 слайд

  Кодирование графической информации
  Графическая информация может быть представлена в аналоговой (непрерывной) и дискретной (цифровой) форме.
  Преобразование аналоговой формы в цифровую происходит с помощью ПРОСТРАНСТВЕННОЙ ДИСКРЕТИЗАЦИИ.
  

• 3 слайд

  ПИКСЕЛЬ – минимальный участок изображения, для которого независимым образом можно задать цвет (от английского PICture’S ELement - элемент картинки).
  Растровое изображение (точечное)
  ===========
  Точки-триады: синие, красные, зелёные!
  

• 4 слайд

• 5 слайд

  Разрешающая способность (разрешения) – количество точек по горизонтали и вертикали на единицу изображения.
  N=2i
  I=k*i
  N – палитра (сколько цветов)
  i – количество БИТ в 1 пикселе
  k – количество пикселей
  I – информационный объем
  

• 6 слайд

  Качество изображения
  пространственное разрешение экрана (800х600, 1024х768, 1400х1050)
  
  глубина цвета [i] (от 256 до 16 млн.)
  

• 7 слайд

  Модели цветопередачи
  (способ получения цветного изображения)
  
  Аддитивная (суммирующая) (телевизоры, компьютеры)
  
  Субтрактивная (вычитательная) (печать)
  

• 8 слайд

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

• 9 слайд

  В системе цветопередачи CMYK палитра цветов формируется путем наложения голубой, пурпурной, желтой и черной красок.
  Основными красками в ней являются
  Cyan – голубая,
  Magenta – пурпурная,
  Yellow – желтая.
  Система CMYK, в отличие от RGB, основана на восприятии не излучаемого, а отображаемого света.
   
  Палитра цветов в системе цветопередачи CMYK
  

• 10 слайд

  Палитра цветов в системах цветопередачи HSB
  В системе цветопередачи HSB палитра цветов формируется путем установки значений оттенка цвета, насыщенности и яркости.
  Hue (Оттенок цвета), Saturation (Насыщенность)
  Brightness (Яркость)
  

• 11 слайд

  Примеры заданий ОГЭ и ЕГЭ
  Для кодирования цвета фона web-страницы используется атрибут bgcolor="#ХХХХХХ", где в кавычках задаются шестнадцатеричные значения интенсивности цветовых компонент в 24-битной RGB-модели. Какой цвет будет у страницы, заданной тэгом <body bgcolor="#00FF00">?
  1) белый
  2) зеленый
  3) красный
  4) синий
  
  

• 12 слайд

  Примеры заданий ОГЭ и ЕГЭ
  В цветовой модели RGB для кодирования одного пикселя используется 3 байта. Фотографию размером 2048×1536 пикселей сохранили в виде несжатого файла с использованием RGB-кодирования. Определите размер получившегося файла в Мб.
  

• 13 слайд

• 14 слайд

  растровые
  векторные
  формируются из точек различного цвета (пикселей), которые образуют строки и столбцы
  формируются из базовых графических объектов (математических примитивов), для каждого из которых задаются координаты опорных точек, а также цвет толщина и стиль линии его контура
  КОМПЬЮТЕРНЫЕ ИЗОБРАЖЕНИЯ
  

• 15 слайд

  Растровые графические изображения формируются в процессе преобразования графической информации из аналоговой формы в цифровую, например, с процессе сканирования, при использовании цифровых фото- и видеокамер, с помощью графического редактора.
  
  РАСТРОВАЯ ГРАФИКА
  Какие способы создания вы еще знаете?
  

• 16 слайд

  Цветопередача
  ДОСТОИНТСВА РАСТРОВОЙ ГРАФИКИ
  

• 17 слайд

  НЕДОСТАТКИ РАСТРОВОЙ ГРАФИКИ
  Большой объем занимаемой памяти
  Потеря качества при масштабировании
  
  

• 18 слайд

  MS Paint
  Adobe Photoshop
  Gimp
  Corel Photo-Paint
  Paint.NET
  и другие
  РАСТРОВЫЕ ГРАФИЧЕСКИЕ РЕДАКТОРЫ
  

• 19 слайд

  Bmp
  Jpg
  Png
  Gif
  Tif
  Gif
  Psd
  и другие
  РАСТРОВЫЕ ФОРМАТЫ
  Какие форматы вам еще известны?
  

• 20 слайд

  Векторные графические изображения являются оптимальным средством хранения высокоточных графических объектов (чертежи, схемы), для которых имеет значение сохранение четких и ясных контуров.
  
  ВЕКТОРНАЯ ГРАФИКА
  

• 21 слайд

  Небольшой информационный объем файлов
  Не теряют качества в процессе масштабирования
  
  ДОСТОИНТСВА ВЕКТОРНОЙ ГРАФИКИ
  

• 22 слайд

  Панель рисования в
  MS Word
  Corel Draw
  Open Office Draw
  Adobe Ilustrator
  и другие
  ВЕКТОРНЫЕ ГРАФИЧЕСКИЕ РЕДАКТОРЫ
  

• 23 слайд

  Ai
  Cdr
  Wmf
  Eps
  Svg
  и другие
  ВЕКТОРНЫЕ ФОРМАТЫ
  С какими форматами вы еще знакомы?
  

Практикум  «Создание изображений в растровом графическом редакторе Paint»

 

Сохранить изображение в собственной папке с именем эксперимент.bmp.  Создать  три иллюстрации  по выбору в графическом редакторе Paint. Сохранить изображения в собственной папке с соответствующими именами, например дискета.bmp.

·        Задания из задачника-практикума «Информатика» /Л.А. Залогова и др. М.: БИНОМ. Лаборатория знаний, 2008

Краткое описание документа:

Урок разработан согласно УМК Н.Д. Угриновича по информатике и ИКТ по учебнику: Н.Д. Угринович. Информатика и ИКТ. Учебник для 9 класса. – М.: БИНОМ. Лаборатория знаний, 2008 (2011 – 4 издание, стереотипное)

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

Учебные задачи, направленные на достижение личностных результатов обучения:

- показать применение способов действий по созданию и обработке компьютерной графики в будущей (возможно профессиональной) деятельности учащихся;

- показать красоту, симметричность, насыщенные цвета графических изображений (эмоциональный фон урока);

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

Учебные задачи, направленные на достижение метапредметных результатов:

- (познавательные) формирование умений учащихся анализировать, сравнивать и синтезировать информационные объекты;

- формирование умения работать с различными источниками информации;

- формирование умения проводить компьютерный эксперимент.

- (регулятивные) формирование умений анализировать свою познавательную деятельность, рефлексировать ее процесс и результаты;

- (коммуникативные) формирование умений сотрудничать с учителем и сверстниками при решении учебных проблем (диалог).

Учебные задачи, направленные на достижение следующих предметных результатов:

- формирование понятий: компьютерная графика, классификация видов компьютерной графики, информационные процессы, связанные с компьютерной графикой, графические редакторы, форматы компьютерной графики;

- формирование умений работать с графической информацией: создание, редактирование, обработка, сохранение, передача;

- формирование умения использовать готовые графические объекты;

- формирование умения проводить компьютерный эксперимент.

Технологическая карта урока построена с учетом требований ФГОС.

В приложении можно посмотреть презентацию и задания практической работы к предложенному уроку, задания самостоятельной работы по теме "Цветовые модели"