Методическая разработка урока на тему "Компьютерная графика. Инструменты графического редактора"

Задание для самостоятельной работы

Посмотрите на предложенные изображения (рисунок 1, рисунок 2). Чем они отличаются?

Рисунок 1:

Рисунок 2:

Задание: перенесите в тетрадь представленную ниже таблицу, заполните строку «Отличие» самостоятельно, а остальные – по ходу объяснения учителя.

	Рисунок 1	Рисунок 2
Отличие
Из чего формируется изображение?
Вид графики

• 1 слайд

• 2 слайд

  Компьютерная графика. Инструменты графического редактора Paint
  

• 3 слайд

  Цели урока
  познакомиться с понятием «Компьютерная графика», областью ее применения;
  рассмотреть виды компьютерной графики и их отличия;
  изучить графический редактор Paint;
  научиться рисовать в графическом редакторе;
  проверить полученные знания и умения.
  

• 4 слайд

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

• 5 слайд

  Области применения компьютерной графики
  Полиграфическая продукция (рекламные плакаты, календари)
  

• 6 слайд

  Области применения компьютерной графики
  3D-модели
  

• 7 слайд

  Области применения компьютерной графики
  Анимированные графические объекты
  

• 8 слайд

  Обработка изображений
  Оригинал изображения
  Изменение цвета изображения
  

• 9 слайд

  Рисунок 1
  Рисунок 2
  

• 10 слайд

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

• 11 слайд

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

• 12 слайд

  Растровая графика
  Векторная графика
  Рисунок 1
  Рисунок 2
  

• 13 слайд

  Графический редактор
  Графический редактор Paint - это программа, позволяющая создавать, редактировать и просматривать изображения на экране компьютера.
  

• 14 слайд

  Графический редактор
  Строка заголовка
  Панель быстрого доступа
  Кнопка Paint
  Кнопки:
  свернуть
  развернуть
  закрыть
  Строка состояния
  Полосы прокрутки (бегунки)
  Масштаб
  Вкладка
  Группы инструментов
  Палитра цветов
  Рабочая область (поле)
  

• 15 слайд

  Физкультминутка
  

• 16 слайд

  
  Практическая работа
  
  
  
  
  Задание: Создать рисунок, используя различные инструменты и палитру.
  
  Для этого нужно:
  1. Запустить графический редактор Paint. Щелкнуть по кнопке «Пуск»,«Все программы», «Стандартные», найти графический редактор «Paint».
  2.В появившемся окне нарисовать, выбирая с помощью мыши необходимые инструменты и цвета.
  3. Сохранить файл, дав ему оригинальное имя. Отправить учителю на проверку.
  Летний
  пейзаж
  

• 17 слайд

  Подведение итогов
  Каковы были цели урока?
  Достигли ли вы намеченной цели?
  Все ли у вас получилось?
  Какие были затруднения?
  

• 18 слайд

  Какое у тебя настроение после урока?
  Если у тебя такое же хорошее и радостное настроение после урока, как у кота, тогда в отзыве поставь =) или :-)
  Если у тебя такое же равнодушное и задумчивое настроение после урока, как у Алисы, тогда в отзыве поставь :-? или :-|
  Если у тебя такое же плохое и недовольное настроение после урока, как у королевы, тогда в отзыве поставь =( или :-(
  

• 19 слайд

  спасибо
  за работу
  на уроке!
  

Тест  Графический редактор Paint.

Выберите один вариант ответа:

1)  Какую клавишу необходимо удерживать в нажатом состоянии при рисовании в графическом редакторе, чтобы получить окружность (квадрат), а не эллипс (прямоугольник)?

Alt

Ctrl

Shift

CapsLock

2) Простейшие программные средства иллюстративной графики называются редакторами:

графическими

математическими

расчетными

3) Минимальный участок изображения, для которого можно задать цвет называется

формат

пиксель

анимация

графика

4) Изображения, формирующиеся из описания рисунков в виде набора команд для построения простейших графических объектов (линий, окружностей, дуг и т.д.), называются

растровыми

векторными

трехмерными

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

векторными

растровыми

трехмерными

6) Область информатики, занимающаяся проблемами получения различных изображений (рисунков, чертежей) на компьютере называется

векторная графика

растровая графика

компьютерная графика

7) Графические редакторы позволяют выполнять действия:

открывать

обрабатывать

сохранять

вычислять

8) Установите соответствие

1) Растровая графика (г)

2) Векторная графика (б)

3) Компьютерная анимация (в)

4) Пиксель (а)

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

б) наименьшими элементами являются графические примитивы: линии, дуги, окружности, прямоугольники

в) получение движущихся изображений на дисплее объединение высококачественного изображения на экране компьютера со звуковым сопровождением

г) наименьшим элементом является растр – прямоугольная сетка пикселей на экране

9) Установите соответствие

1)Строка заголовка (б)

2) Вкладка с группами инструментов (а)

3) Палитра цветов (в)

4) Рабочая область (д)

5) Кнопка Paint (г)

а) отвечает за выполнение команд отдельной группы

б) указывает название документа и программы

в) позволяет выбирать цвет объекта

г) команды для работы с файлами

д) область для создания рисунка

Выберите все варианты ответов:

10) К инструментам рисования растрового редактора относятся:

кисть

карандаш

ластик

заливка

линия

овал

Урок по ИКТ в 5 классе по теме
«КОМПЬЮТЕРНАЯ ГРАФИКА.
ИНСТРУМЕНТЫ ГРАФИЧЕСКОГО РЕДАКТОРА»

Учебный предмет: Информационно-компьютерные технологии.

Класс: 5 IT.

Автор УМК: Информатика. Босова Л. Л., Босова А. Ю. – М.: БИНОМ. Лаборатория знаний, 2013.

Тема урока: Компьютерная графика. Инструменты графического редактора.

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

Личностные УУД, формируемые на уроке:

·                   самоопределение – личностное, профессиональное, жизненное;

·                   смыслообразование – установление учащимися связи между целью учебной деятельности и ее мотивом;

·                   нравственно-эстетическая ориентация – действия нравственно-эстетического оценивания усваиваемого содержания, обеспечивающее личностный моральный выбор на основе социальных и личностных ценностей.

Метапредметные УУД, формируемые на уроке:

Регулятивные УУД: 

·                   целеполагание – как постановка учебной задачи на основе соотнесения того, что уже известно и усвоено учащимися, и того, что еще неизвестно;

·                   планирование – определение последовательности промежуточных целей с учетом конечного результата;

·                   прогнозирование – предвосхищение результата и уровня усвоения, его временных характеристик;

·                   контроль в форме сличения способа действия и его результата с заданным эталоном с целью обнаружения отклонений от него;

·                   оценка – выделение и осознание учащимися того, что уже усвоено и что еще подлежит усвоению, оценивание качества и уровня усвоения;

·                   саморегуляция как способность к мобилизации сил и энергии, способность к волевому усилию – выбору в ситуации мотивационного конфликта и к преодолению препятствий.

Познавательные УУД:

Общеучебные:

·                   самостоятельное выделение и формулирование познавательной цели;

·                   поиск и выделение необходимой информации, применение методов информационного поиска, в том числе с помощью компьютерных средств;

·                   структурирование знаний;

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

·                   выбор наиболее эффективных способов решения задач в зависимости от конкретных условий;

·                   рефлексия способов и условий действия, контроль и оценка процесса и результатов деятельности;

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

Знаково-символические:

·                   моделирование.

Логические:

·                   сравнение, классификация объектов по выделенным признакам;

·                   установление причинно-следственных связей;

·                   построение логической цепи рассуждений.

Постановка и решение проблемы:

·                   самостоятельное создание способов решения проблем творческого и поискового характера.

Коммуникативные УУД:

·   планирование учебного сотрудничества с учителем и сверстниками – определение целей, функций участников, способов взаимодействия;

·   постановка вопросов – инициативное сотрудничество в поиске и сборе информации;

·   умение с достаточной полнотой и точностью выражать свои мысли в соответствии с задачами и условиями коммуникации, владение монологической и диалогической формами речи в соответствии с грамматическими и синтаксическими нормами родного языка.

По основной дидактической цели – это комбинированный урок.

Формы организации учащихся: фронтальная, индивидуальная (за компьютерами).

Методы и технологии: технология развивающего обучения, ИКТ – технология, информационный (объяснительно-иллюстративный) метод, репродуктивный метод.

Необходимое оборудование:

Технические и программные средства обучения: компьютеры, мультимедийный проектор, наушники, графический редактор Paint, браузер Google Chrome, Multiclass.

Дидактические средства обучения: мультимедийная презентация, видеозаписи («Инструменты графического редактора Paint», «Физкультминутка»), документы для работы («Виды компьютерной графики», «Элементы графического редактора»), тест по теме «Компьютерная графика. Инструменты графического редактора».

ТЕХНОЛОГИЧЕСКАЯ КАРТА УРОКА

№ п/п	Этапы урока	Время	Средства обучения	Деятельность преподавателя	Деятельность обучающихся	Формируемые УУД
1	2	3	4	5	6	7
I Н А Ч А Л О	1.1 Организационный момент	2	ПО: Multiclass	Приветствие обучающихся, фиксация отсутствующих. Проверка готовности к уроку с помощью беседы в Multiclass.	Готовность обучающихся к работе (подтверждают с помощью беседы в  Multiclass).	Коммуникативные УУД: ·          планирование учебного сотрудничества с учителем и сверстниками.
	1.2 Обозначение темы урока, целей и задач урока	3	Слайды 1-2	Мотивация обучающихся в совместной деятельности с помощью наводящих вопросов. Определение темы, раскрытие общих целей урока и плана его проведения.	Ответы на вопросы учителя. Восприятие и осмысление темы и целей урока.	Личностные УУД: ·          смыслообразование. Регулятивные УУД: ·          целеполагание; ·          планирование. Познавательные УУД: общеучебные: ·          самостоятельное выделение и формулирование познавательной цели; ·           осознанное и произвольное построение речевого высказывания в устной форме. Коммуникативные УУД: ·          планирование учебного сотрудничества с учителем и сверстниками; ·          умение с достаточной полнотой и точностью выражать свои мысли в соответствии с задачами и условиями коммуникациями.
II О С Н О В Н О Й	2.1 Формирование новых знаний	18	Слайды 3-12 ПО: Multiclass	Объяснение нового материала: понятие компьютерной графики, сферы ее использования, графический редактор Paint (выполнение задания на изучение видов КГ в Multiclass). Изучение инструментов графического редактора Paint: назначение, способы использования (видеотрансляция в Multiclass).	Четкое понимание темы урока, следя за объяснением (просмотр видео в Multiclass) Ответы на вопросы учителя.	Личностные УУД: ·          смыслообразование; ·          нравственно-этическая ориентация. Регулятивные УУД: ·          целеполагание; ·          контроль в форме сличения способа действия и его результата с заданным эталоном с целью обнаружения отклонений от него; ·          саморегуляция как способность к мобилизации сил и энергии. Познавательные УУД: общеучебные: ·          поиск и выделение необходимой информации (применение методов информационного поиска с помощью компьютерных средств); ·          структурирование знаний; ·           осознанное и произвольное построение речевого высказывания в устной и письменной форме; логические: ·         сравнение, классификация объектов по выделенным признакам; ·         построение логической цепи рассуждений. Коммуникативные УУД: ·          планирование учебного сотрудничества с учителем и сверстниками; ·          постановка вопросов; ·          умение с достаточной полнотой и точностью выражать свои мысли в соответствии с задачами и условиями коммуникациями.
	2.2 Физкультминутка	2	Слайд 13 Флеш-анимация	Организация физкультминутки, повторение движений за персонажем.	Повторение движений за персонажем.
	2.3 Формирование умений и навыков	10	Слайд 14 ПО: Multiclass	Инструктаж по выполнению индивидуального практического занятия за компьютерами. Организация самостоятельной работы обучающихся.	Выполнение индивидуальной работы на компьютерах (отправление готовых рисунков учителю через Multiclass). Использование помощи учителя через Multiclass.	Личностные УУД: ·          самоопределение; ·          смыслообразование; ·          нравственно-этическая ориентация. Регулятивные УУД: ·          планирование; ·          прогнозирование; ·          саморегуляция как способность к мобилизации сил и энергии. Познавательные УУД: общеучебные: ·          поиск и выделение необходимой информации (применение методов информационного поиска с помощью компьютерных средств); ·          выбор наиболее эффективных способов решения задач в зависимости от конкретных условий; ·           постановка и формулирование проблемы, самостоятельное создание алгоритмов деятельности при решении проблем творческого и поискового характера. знаково-символические: ·         моделирование. постановка и решение проблемы: ·         самостоятельное создание способов решения проблем творческого и поискового характера. Коммуникативные УУД: ·          планирование учебного сотрудничества с учителем и сверстниками; ·          постановка вопросов.
	2.4 Контроль полученных знаний	5	ПО: Multiclass	Инструктаж по выполнению тестирования в Multiclass, озвучивание критериев оценивания.	Выполнение тестирования в Multiclass.	Личностные УУД: ·          самоопределение; ·          смыслообразование. Регулятивные УУД: ·          оценка – выделение и осознание учащимися того, что уже освоено и что еще подлежит усвоению, оценивание качества и уровня усвоения. Познавательные УУД: общеучебные: ·          выбор наиболее эффективных способов решения задач в зависимости от конкретных условий; ·          рефлексия способов и условий действия, контроль и оценка процесса и результатов деятельности. логические: ·         сравнение, классификация объектов по выделенным признакам; ·         установление причинно-следственных связей. постановка и решение проблемы: ·         самостоятельное создание способов решения проблем творческого и поискового характера. Коммуникативные УУД: ·          планирование учебного сотрудничества с учителем и сверстниками; ·          постановка вопросов.
III З А К Л Ю Ч И Т Е Л Ь Н Ы Й	3.1 Подведение итогов	2	Слайд 15 ПО: Multiclass	Обсуждение урока (достижение целей и задач урока), выставление оценок за тестирование.	Представление результатов изучения пройденной темы (ответы на вопросы)	Личностные УУД: ·          самоопределение; ·          смыслообразование. Регулятивные УУД: ·          оценка – выделение и осознание учащимися того, что уже освоено и что еще подлежит усвоению, оценивание качества и уровня усвоения. Познавательные УУД: общеучебные: ·          самостоятельное выделение и формулиование познавательной цели; ·          осознанное и произвольное построение речевого высказывания в устной форме; ·          рефлексия способов и условий действия, контроль и оценка процесса и результатов деятельности. Коммуникативные УУД: ·          планирование учебного сотрудничества с учителем и сверстниками; ·          постановка вопросов; ·          умение с достаточной полнотой и точностью выражать свои мысли в соответствии с задачами и условиями коммуникации.
	3.2 Рефлексия	3	ПО: Multiclass	Мнение о деятельности обучающихся и благодарность за совместную деятельность.	Написание отзыва об уроке (в Multiclass).	Личностные УУД: ·          самоопределение; ·          нравственно-эстетическая ориентация. Регулятивные УУД: ·          оценка – выделение и осознание учащимися того, что уже освоено и что еще подлежит усвоению, оценивание качества и уровня усвоения. Познавательные УУД: общеучебные: ·          осознанное и произвольное построение речевого высказывания в письменной форме; ·          рефлексия способов и условий действия, контроль и оценка процесса и результатов деятельности. Коммуникативные УУД: ·          умение с достаточной полнотой и точностью выражать свои мысли в соответствии с задачами и условиями коммуникации.
		45

КОНСПЕКТ УРОКА

1.1 Организационный момент

Здравствуйте, ребята! Меня зовут Коурова Валентина Сергеевна. Сегодня мы с вами на уроке информатики проведем апробацию новой программы для школы – Мультикласс. Поэтому я хотела бы, чтобы вы зашли сейчас в свой личный кабинет этой программы, выбрали в меню кнопку «Начать беседу» и написали мне, что вы готовы к уроку. Жду ваших сообщений!

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

1.2 Обозначение темы урока, целей и задач урока

Ребята, скажите мне, а вы читали сказку или смотрели мультфильм «Приключения Алисы в стране чудес»? Так вот, Алиса – главная героиня, сказала: «Что толку в книжке, если в ней нет ни картинок, ни разговоров?» Как вы думаете, о чем она говорила? (картинках, рисунках, изображениях, графике).

Все верно, Алиса говорила именно о картинках. А кем и как они могут создаваться? (человеком, он может их нарисовать).

А мы тоже можем их создавать? И как мы это можем сделать на нашем предмете – ИКТ? (можно нарисовать их с помощью специальных программ – графических редакторов).

То, о чем говорила Алиса, сегодня будет объектом нашего изучения. Давайте вместе сформулируем тему урока (компьютерная графика).

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

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

Учитель по мере необходимости  включает передачу своего экрана для всех компьютеров в Мультиклассе, обучающиеся наблюдают за действиями учителя.

Итак, мы с вами определили, что тема нашего сегодняшнего урока – компьютерная графика.

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

Область применения компьютерной графики очень обширна, это и реклама, и компьютерные игры, и киноиндустрия, и анимация. Рассмотрим некоторые примеры изображений:

·         Полиграфическая продукция (рекламные плакаты, календари);

·         Анимированные графические объекты;

·         3D-модели.

Использование компьютерной графики дает возможность восстанавливать старые фотографии, изменять цвет.

 А сейчас зайдите в меню программы Мультикласс. Найдите инструмент «Передача файлов». Посмотрите на 2 изображения, которые я вам отправила. Что на них изображено? А вы видите разницу между первым и вторым изображением? В чем она заключается? (при увеличении первое изображение становится нечетким). В тетради в предложенной вам таблице оформите и напишите, чем отличаются оба этих рисунка, дополните таблицу по ходу моего объяснения. На эту работу вам предоставляется 3 минуты.

Обучающие работают с файлом, переданным учителем, выполняют предложенное задание в тетради (заполнение таблицы).

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

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

Как вы думаете, от чего зависит эта разница между рисунками? В первую очередь, это зависит от программы, в которой создается это изображение. Такие программы называются графическими редакторами.

Сегодня мы с вами рассмотрим графический редактор  Paint. Сейчас вы приступите к более детальному изучению инструментов графического редактора. Я предлагаю вам посмотреть видеозапись «Инструменты графического редактора», которую вы можете найти в меню программы Мультикласс, нажав кнопку «Видеотрансляция». Для просмотра видеозаписи используйте наушники.

Просмотр обучающимися видеозаписи (видеотрансляция в Мультикласс).

Ребята, вы посмотрели, как выглядит окно программы Paint. Сейчас предлагаю вам открыть в Мультиклассе файл, который я вам передала, и отметить в нем все элементы окна графического редактора Paint. После того, как вы выполните эту задание, мы проверим, правильно ли вы его выполнили. На работу вам дается 5 минут.

Обучающиеся в работают с полученным файлом, выполняют предложенное задание.

Давайте проверим, как вы справились с заданием. На слайде вы видите правильные ответы.

2.2 Физкультминутка

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

Выполнение обучающимися движений за героем в видеозаписи.

2.3 Формирование умений и навыков

Вы посмотрели, какие инструменты есть в графическом редакторе и как можно с ними работать. Сейчас я предлагаю вам попробовать самостоятельно создать изображение с использованием этих инструментов. Ваша задача – нарисовать картинку на тему «Летний пейзаж», используя различные инструменты и цветовую палитру. На выполнение практического задания дается 10 минут. После выполнения задания отправьте мне их на проверку.

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

У вас чудесно получилось справиться с практическим заданием. Ребята, подумайте, а где еще вы можете применить задания такого типа? Приведите примеры из учебной или личной жизни.

2.4 Контроль полученных знаний

Для оценки ваших знаний и умений на сегодняшнем уроке, я предлагаю вам решить тест по данной теме. Откройте в Мультиклассе пункт меню «Опрос» и выберите тест, который я вам отправила. Тест состоит из 10 вопросов, в каждом вопросе только один правильный вариант ответа. За каждый правильный ответ вы получаете 1 балл. На выполнение этого задания вам отводится 5 минут. За данное задание вы получите оценку: 9-10 баллов – оценка «5», 7-8 баллов – оценка «4», 5-6 баллов – оценка «3», 4 и менее баллов – оценка «2». Желаю удачи!

3.1 Подведение итогов

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

Я думаю, что вы сегодня замечательно поработали. Вы со мной согласны?

Выставление оценок за пройденное тестирование.

3.2 Рефлексия

Я хочу, чтобы вы оставили свои отзывы об этом уроке. Напишите в Мультиклассе в беседе мне сообщение о том, что у вас получилось, а с чем возникали затруднения; обязательно в виде смайликов изобразите свое настроение. Также вы можете оставить свои отзывы о новой программе Мультикласс, которой вы сегодня активно пользовались. Помните, что от ваших отзывов зависит то, будет ли в дальнейшем эта программа использоваться на ваших уроках или нет.

Обучающиеся оставляют свои отзывы об уроке в виде сообщений учителю.

Наш урок и подошел к концу. Я хочу всех вас поблагодарить за хорошую работу на уроке! До скорых встреч!

Задание для самостоятельной работы

Изучение графического редактора Paint

Задание: подпишите все элементы рабочего окна программы Paint.

 

Задание для самостоятельной работы

Изучение графического редактора Paint

Задание: подпишите все элементы рабочего окна программы Paint.