Технологическая карта и презентация по информатике и ИКТ на тему "Компьютерная графика" (7 класс)

• 1 слайд

• 2 слайд

  КОМПЬЮТЕРНАЯ ГРАФИКА
  ОБРАБОТКА ГРАФИЧЕСКОЙ ИНФОРМАЦИИ
  

• 3 слайд

• 4 слайд

• 5 слайд

• 6 слайд

• 7 слайд

• 8 слайд

  Примеры векторной графики
  

• 9 слайд

• 10 слайд

• 11 слайд

• 12 слайд

  Домашнее задание
  Параграф 3.2
  РТ №№ 155, 156, 159
  

Технологическая карта урока «Компьютерная графика»

Авторы, разработчики:	Трофимова Оксана Валерьевна
Предмет	Информатика и ИКТ
Класс	7 класс
Тип урока	Урок открытия и применения новых знаний.
Технология урока	Технология развития информационно-коммуникационно-технологической компетенции (ИКТ)
Тема	Компьютерная графика.
Время реализации урока 45 минут
Цель	Достижение обучающимися предметных и метапредметных результатов. Предметные – систематизированные представления о растровой и векторной графике; метапредметные результаты:      - регулятивные: умение определять цели урока, уметь самостоятельно контролировать своё время, планировать пути достижения цели; находить рациональные способы работы      - познавательные: сравнивать объекты по заданным или самостоятельно определенным критериям; поиск и выделение необходимой информации; преобразование информации; структурирование знаний.      - коммуникативные: задавать вопросы; строить продуктивное взаимодействие со сверстниками; развитие ИКТ-компетентности; - личностные результаты – самоопределение; умение слушать и выделять главное, запоминать; устанавливать связь между целью деятельности и ее результатом; понимание значения различных видов информации в жизни человека; формирование интереса к изучению информатики через творческие задания, стремление использовать полученные знания в процессе обучения другим предметам и в жизни.
Основные понятия, изучаемые на уроке	Графический объект; компьютерная графика; растровая графика; векторная графика; форматы графических файлов.
Оборудование	Персональный компьютер (ПК) учителя, мультимедийный проектор, экран; ПК учащихся. Электронное приложение к учебнику: презентация «Компьютерная графика» из электронного приложения к учебнику.
Использованные ресурсы: - литература; - дидактические материалы - ЭОР	Литература: 1.     Босова Л. Л., Босова А.Ю. «Информатика-7», М: Бином. Лаборатория знаний, 2013. 2.     Босова Л.Л. Босова А.Л. «Уроки информатики в 7-9 классах: методическое пособие», М: Бином. Лаборатория знаний, 2016. Дидактические материалы: Презентация «Компьютерная графика»  Электронное приложение к учебнику «Информатика» для 7 класса (УМК Босова Л.Л. и др. 5-9 кл.).

Этапы урока	Деятельность учителя	Деятельность обучающихся	Результат
I.                    Оргмомент	Организация внимания и порядка в классе, взаимное приветствие, фиксирование отсутствующих, проверка готовности к уроку.	Приветствие учителя, проверка готовности к уроку
II.                 Актуализация опорных знаний	На прошлом уроке мы изучали тему «Формирование изображение на экране монитора» -Ребята, с какими новыми терминами и определениями вы столкнулись? Раздает бланк «Сравнительная характеристика векторной и растровой графики» для дальнейшего заполнения. (Приложение1)	Отвечают на вопросы Заполняют бланк ФИ	Первичное заполнение бланка
III.              Проверка знаний	А сейчас вы пройдёте тестирование по пройденной теме. (Приложение 2) По окончании тестирования учитель контролирует полученную оценку учеником и заносят в бланк.  Слайд Посмотрите на слайд и скажите, какие виды изображений вы видите на экране Любые графические изображения мы будем называть Графикой. -Ребята, а вы сможете, взяв, карандаши и бумагу, нарисовать какое-либо из этих графических изображений -А при помощи компьютера можно создать или обработать эти графические объекты? -Хорошо, тогда как будет называться графика, созданная или обработанная с помощью компьютера? Постановка проблемы. Давайте посмотрим на изображения (показать любую картинку). -Скажите, пожалуйста, можно ли создать такое изображение на ПК? И каким образом? -Изображение создали, тпеперь что необходимо, чтобы обрботать это изображение. Сможете ли вы назвать, сейчас, какой это вид графики и какие программы, более удачные, чтобы обработать это изображение?	Ребята отвечают на тест по предыдущей теме «Формирование изображения на экране монитора». Заносят оценку в бланк. Отвечают на вопросы: -анимация, картинки, графики, чертежи, клипы, фигуры, фотографии; - да - да - компьютерной графикой -да - отсканировать, сфотографировать - программа, графический редактор	Отметка за тест
IV. Объяснение нового материала	Слайд   Компьютерная графика – это широкое понятие, обозначающее: и разные виды графических объектов, созданных или обработанных с помощью компьютера; и область деятельности, в которой компьютеры используются как инструменты создания и обработки графических объектов. Слайд   Перед вами два изображения, относящихся к разным видам графики, давайте посмотрим, попробуйте предположить чем отличаются эти два графических объекта? В компьютерной графике существуют два различных подхода к представлению графической информации. Они называются соответственно растровым и векторным Растровая графика. Суть в том, что всякое изображение рассматривается как совокупность точек разного цвета, то есть на изображение наносится сетка, которую принято называть растр. Растр состоит из вертикальных столбцов и горизонтальных строк, на пересечении мы видим точки (квадратики), эти точки называются пикселями (английское picture element-элемент картинки). В каждой такой точке содержится любой цвет из палитры, содержащий миллионы цветов. При сохранении растрового изображения в памяти компьютера сохраняется информация о цвете каждого пикселя. Векторный подход рассматривает изображение как совокупность простых элементов: прямых линии, дуг, окружностей, эллипсов, прямоугольников и пр., которые называются графическими примитивами. Посмотрите на следующее изображение, если его разобрать на отдельные фрагменты, мы увидим, что изображение состоит из простейших геометрических фигур.  Каждая из этих фигур может быть описана математически –отрезки и прямоугольники –координатами своих вершин, окружности –координатами центров и радиусами.  При сохранении векторного изображения в память компьютера заносится информация о простейших геометрических объектах, его составляющих, то есть о графических примитивах и описывающих их математических формул. Слайд  Перед вами таблица, в этой таблице мы можем сейчас заполнить первый пункт Формирование изображения. (Приложение 1) Слайд  -Посмотрите на эти графические изображения, можете вы сейчас назвать какие графические объекты относятся к векторным, а какие к растровым? Почему?  Выскажите предположения? Интуитивно где-то вы угадаете, но для точного ответа необходимо дать сравнительную характеристику векторного и растрового изображения, То есть мы продолжим заполнять таблицу, выполняя при это практическую работу. -Сравнивая векторное и растровое изображение, какие критерии мы будем рассматривать?	Слушают, вступают в беседу, записывают в тетрадь Заполнят в таблице 1 пункт -нет Отвечают на вопросы - Распечатка на принтере, объем памяти, масштабирование размера изображения и вращение, группировка и раз группировка, примеры программ считывания изображения	Получение новых знаний, заполнение таблицы
V.                Практическая часть	( Приложение 3) 1.Этап. Создание растрового графического изображения. а) откройте растровый графический редактор Paint. б) Используя инструменты, создайте предложенное изображение: в) Сохраните изображение под именем Растровое изображение в своей папке 2.Этап. Создание векторного графического изображения. а) откройте векторный графический редактор Inkscape.        б) используя инструменты, создайте предложенное изображение: в) Сохраните изображение под именем Векторное изображение в своей папке. 3.Этап.  Определение занимаемых  объёмов памяти. а) Откройте вашу папку, установите указатель мыши на файл с именем Растровое изображение, кликните правой кнопкой мыши, выберите команду Свойства и посмотрите значение поля Размер, запишите его в таблицу (графа Растровая графика) б) Аналогично проделайте ту же операцию с файлом Векторная графика, запишите параметры Размера в графу Векторная графика. с) Сделайте выводы (обсуждаем и сравниваем) 4 Этап. Изменение качества при увеличении размера изображения. а) Откройте свою папку. б) Установите указатель мыши на файл Растровое изображение , кликните правой кнопкой мыши, выберите команду Копировать с) Откройте текстовой редактор MS Word д) В КМ выберите команду Вставить е) Увеличьте размеры изображения ж) Что произошло с изображением, запишите результат в таблицу з) Аналогично проделайте ту же операцию с файлом Векторная графика, запишите результат в графу Векторная графика. и) Сделайте выводы (обсуждаем и сравниваем) 5 Этап. Запишите в 4 критерий - с помощью каких программ вы создавали растровое изображение и векторное.	Садятся за компьютеры и выполняют практическую работу. Параллельно заполняют таблицу.	Отметка за практическую работу
Физкультминутка	Руки вверх мы все поднимем И опустим их скорей. Головою мы покрутим, Наклонимся веселей. Пошагаем мы на месте И попрыгаем чуть – чуть. А теперь, ребята, дальше Продолжаем мы наш путь	Выполняют упражнения
VI.              Первичное закрепление материала.	-Итак, для определения вида графики достаточно ли одного взгляда на графический объект? Не всегда, необходимо определить принцип формирования изображения, объём изображения, реакцию на масштабирование. -Ребята, посмотрите на таблицу, можете вы назвать достоинства и недостатки растровой графики и векторной. -А теперь, учитывая и достоинства и недостатки, давайте подумаем где, мы можем применить растровую и векторную графику.? Слайд Если требуется реалистичность изображения, фотографическое качество–необходимо использовать растровую графику –применяется в тренажёрах и компьютерных играх для имитации различного рода ситуаций, цифровая фотография, цифровая живопись, киноиндустрия, компьютерная анимация…. Для работы с высокоточными графическими объектами (чертежи, схемы и пр.), для которых имеет значение сохранение четких и ясных контуров- необходима векторная графика Применение: для создания вывесок, этикеток, логотипов, эмблем и пр. символьных изображений; для построения чертежей, диаграмм, графиков, схем; для моделирования объектов изображения; для создания 3-х мерных изображений; Сегодня векторная графика широко применяется в различных областях инженерной конструкторской деятельности, при проектировании ландшафтных дизайнов, архитектуре, проектирование самолётов и другой техники, мультяшные герои в кинематографии, логотипы в рекламном бизнесе…. Вместе с тем, не всегда изображение можно представить в виде геометрических фигур, фрактальная графика, как и векторная, основана на математических вычислениях, а именно на математических уравнениях, по которой строится изображение	Отвечают на вопрос. Выставляют самостоятельно себе отметку.	Выставление отметки
VII.           Заключительный этап. Рефлексия.	В завершение урока предлагается высказать свое мнение об этапах урока, указать на возникшие трудности, подвести итоги урока. Выставить оценки за урок.	Высказывают свое мнение.	Получение отметки за урок
VIII.        Домашнее задание	Параграф 3.2 РТ №№ 155, 156, 159 (написать на доске)	Записывают домашнее задание в дневники	Получение домашнего задания

Приложение 1

Фамилия и имя  _____________________________________________

Оценка за тест_______________________________________________

Сравнительная характеристика векторной и растровой графики
Характеристики		Растровая графика	Векторная графика
1.	Формирование изображения
2.	Распечатка на принтере
3.	Объем памяти
4.	Масштабирование размера изображения и вращение
5.	Группировка и раз группировка
6.	Примеры программ считывания изображения
7.	Применение (вывод, какая программа лучше?)

Оценка за сравнительную характеристику__________________________

Самооценка практической работы__________________________________

Общий бал (вывод оценки)_________________________________________

Приложение 2

Тест 7 класс «Формирование изображения на экране монитора»

1.     Наименьшим элементом изображения на графическом экране является:

a)     Курсор

b)    Символ

c)     Картинка

d)    Пиксель

e)     Линия

2.     В состав видеоадаптера (видеокарты) входят:

a)     Видеопамять и видеопроцессор

b)    Монитор и видеопамять

c)     Монитор и сканер

d)    Видеопамять, дисплейный процессор, центральный процессор, монитор

e)     Монитор

3.     Сканер - это устройство........графической информации

a)     Вывода

b)    Ввода

c)     Просмотра

d)    Кодирования

e)     Преобразования

4.     Перечислите три основных базовых цвета:

a)     Жёлтый, красный, зелёный

b)    Красный, синий, жёлтый

c)     Красный, зелёный, синий

d)    Коричневый, синий, зелёный

e)     Красный, синий, белый

5.     К устройствам вывода графической информации относится:

a)     Монитор

b)    Мышь

c)     Клавиатура

d)    Сканер

6.     Пространственное разрешение монитора определяется как:

a)     Количество строк на экране

b)    Количество пикселей в строке

c)     Размер видеопамяти

d)    Произведение количества строк изображения на количество точек в строке

7.     Глубина цвета - это количество:

a)     Цветов в палитре

b)    Битов, которые используются для кодирования цвета одного пикселя

c)     Базовых цветов

d)    Пикселей изображения

8.     Графическим объектом  не является:

a)     Рисунок

b)    Текст письма

c)     Схема

d)    Чертёж

9.     Выберите наиболее полное утверждение

a)     Компьютер - это электронный прибор с клавиатурой и экраном

b)    Компьютер - это устройство для выполнения вычислений

c)     Компьютер - это устройство для хранения и передачи информации

d)    Компьютер - это универсальное электронное програмно - управляемое устройство для работы с информацией

10. Сколько цветов содержит палитра, если каждый базовый цвет кодировать 3 битами

a)     8

b)    6

c)     4

d)    9

e)     16

11. Выберите верное утверждение:

a)     Изображение высокого разрешения состоит из большого количества мелких точек и имеет хорошую чёткость.

b)    Изображение высокого разрешения состоит из небольшого количества мелких точек и имеет хорошую чёткость.

c)     Изображение высокого разрешения состоит из большого количества мелких точек и имеет низкую чёткость.

Ответы:

1.     d

2.     a

3.     b

4.     c

5.     a

6.     d

7.     b

8.     b

9.     d

10. a

11. a

Приложение 3

Практическая работа

1.Этап. Создание растрового графического изображения.

А) откройте растровый графический редактор Paint.

Б) Используя инструменты, создайте предложенное изображение:

В) Сохраните изображение под именем Растровое изображение в своей папке

2.Этап. Создание векторного графического изображения.

А) откройте векторный графический редактор Inkscape.

Б) Используя инструменты, создайте предложенное изображение:

В) Сохраните изображение под именем Векторное изображение в своей папке.

    3.Этап.  Определение занимаемых  объёмов памяти.

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

Б) Аналогично проделайте ту же операцию с файлом Векторная графика, запишите параметры Размера в графу Векторная графика.

С) Сделайте выводы (обсуждаем и сравниваем)

 

4 Этап. Изменение качества при увеличении размера изображения.

А) Откройте свою папку.

Б) Установите указатель мыши на файл Растровое изображение, кликните правой кнопкой мыши, выберите команду Копировать

С) Откройте текстовой редактор MS Word

Д) В КМ выберите команду Вставить

Е) Увеличьте размеры изображения

Ж) Что произошло с изображением, запишите результат в таблицу

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

И) Сделайте выводы (обсуждаем и сравниваем)

5 Этап. Запишите в 4 критерий - с помощью каких программ вы создавали растровое изображение и векторное.