Обобщение и систематизация знаний по теме «Компьютерная графика»
Цели и задачи
- Цель по SMART: к концу урока систематизировать знания о растровой и векторной графике, форматах изображений, разрешении и цветовых моделях, а также выбрать подходящий способ представления изображения для практической ситуации, объяснив свой выбор.
- Закрепить умение различать растровые и векторные изображения по способу представления, качеству при масштабировании и области применения.
- Научиться выбирать формат графического файла с учётом назначения изображения, качества и размера файла.
- Развивать умение анализировать условие задачи, сравнивать варианты, аргументировать решение и работать в паре.
- Формировать ответственное отношение к цифровому контенту, понимание связи компьютерной графики с профессиями дизайнера, инженера, программиста и специалиста по рекламе.
Планируемые результаты
Личностные
- Проявляют интерес к применению компьютерной графики в учёбе, творчестве и будущей профессиональной деятельности.
- Осознают необходимость осмысленного выбора цифровых инструментов и форматов файлов.
- Развивают самостоятельность, уважение к мнению партнёра и готовность принимать обоснованные решения.
- Понимают значение аккуратной и законной работы с цифровыми изображениями.
Метапредметные
- Сравнивают объекты по заданным признакам и структурируют сведения в таблице.
- Извлекают информацию из описания практической ситуации и преобразуют её в решение.
- Формулируют вопросы, аргументируют позицию и учитывают мнение партнёра.
- Планируют последовательность действий, проверяют результат по критериям и корректируют ошибки.
- Используют цифровую терминологию при устном и письменном объяснении решения.
Предметные
- Знать отличия растровой и векторной графики, понятия пикселя, разрешения, графического примитива и слоя.
- Уметь определять тип изображения по его свойствам и предполагаемому использованию.
- Уметь выбирать форматы PNG, JPEG и SVG для конкретных задач и объяснять последствия выбора.
- Уметь распознавать цветовые модели RGB и CMYK и связывать их с экранной и печатной продукцией.
- Владеть алгоритмом анализа графической задачи: назначение — свойства — формат — аргументация выбора.
Универсальные учебные действия (УУД)
Личностные УУД
- Определяют личную значимость знаний о графике для создания цифровых продуктов.
- Проявляют учебную самостоятельность при выборе уровня задания.
- Оценивают собственный вклад в парную работу.
- Соблюдают уважительный стиль обсуждения различных вариантов решения.
Регулятивные УУД
- Принимают учебную цель и формулируют ожидаемый результат урока.
- Планируют действия при анализе практической ситуации.
- Сверяют решение с критериями: правильность, полнота, аргументированность.
- Выявляют ошибку и предлагают способ её исправления.
- Оценивают степень освоения темы с помощью листа самооценки.
Познавательные УУД
- Выделяют существенные признаки растровой и векторной графики.
- Классифицируют форматы изображений по назначению и свойствам.
- Устанавливают причинно-следственную связь между разрешением и качеством изображения.
- Моделируют выбор формата для экранной, печатной и веб-продукции.
- Работают с таблицей, схемой и кратким описанием цифрового продукта.
Коммуникативные УУД
- Распределяют роли в паре: аналитик и докладчик, затем меняются ролями.
- Задают уточняющие вопросы и формулируют аргументированные ответы.
- Согласуют общий вариант решения при расхождении мнений.
- Представляют результат парной работы классу в течение одной минуты.
- Используют формулу аргументации: «Мы выбираем..., потому что...».
Подготовка учителя к уроку
- Подготовить презентацию с изображениями фотографии, логотипа, схемы, плаката и пиксельной иллюстрации без подписей, а также со схемой «растровая графика — векторная графика».
- Распечатать карточки для парной работы с шестью ситуациями: фотография для сайта, логотип, афиша для типографии, скриншот, схема маршрута, иллюстрация для игры; по одной карточке на пару.
- Распечатать таблицу для систематизации знаний — по одному экземпляру на каждого ученика.
- Подготовить карточки трёх уровней сложности для самостоятельной работы — по одному комплекту на каждого ученика.
- Вывести на доску или экран памятку: «Назначение → тип графики → цветовая модель → формат → аргумент».
- Подготовить лист самооценки и мини-бланки «Билет на выход» — по одному на каждого ученика.
- Обеспечить компьютер, проектор или интерактивную доску; при наличии оборудования подготовить папку с примерами файлов PNG, JPEG и SVG.
- Разместить на доске критерии практической работы: правильность выбора, объяснение, использование терминов, участие в паре.
- Подготовить таймер на 2–4 минуты для парной и самостоятельной работы.
Ход урока
Этап 1. Организационный момент и мотивация (3 мин)
Цель этапа: включить учащихся в учебную деятельность и вызвать интерес к практическому выбору средств компьютерной графики.
Время | Действие учителя | Действие учеников |
|---|---|---|
1 мин | Учитель приветствует класс и показывает на экране два изображения: фотографию и логотип. «Здравствуйте, ребята. Сегодня вы будете не просто повторять определения, а выступите в роли консультантов цифрового проекта. Представьте, что заказчик просит подготовить изображение для сайта и логотип для печати. Можно ли использовать один и тот же способ создания для обеих задач?» | Рассматривают изображения, формулируют первые предположения: «Фотография и логотип устроены по-разному», «Для логотипа важно увеличение без потери качества». |
2 мин | Учитель использует приём «Проблемный вопрос»: «Почему фотография при сильном увеличении становится нечёткой, а логотип можно увеличить почти без потери качества? В конце урока мы вернёмся к этому вопросу и проверим объяснение». | Обсуждают вопрос индивидуально 30 секунд, затем в парах 1 минуту; называют версии: «Фотография состоит из точек», «Логотип строится из линий и фигур». |
Завершение этапа: учитель подводит итог: «Сегодня нам предстоит не перечислить знакомые термины, а связать их в систему и научиться использовать знания при выборе решения. Сначала выясним, что уже помним, затем проверим знания на практических ситуациях».
Этап 2. Актуализация знаний. Приём «Мозговой штурм» (6 мин)
Цель этапа: восстановить основные понятия темы и выявить затруднения перед систематизацией.
Время | Действие учителя | Действие учеников |
|---|---|---|
3 мин | Учитель показывает на доске три поля: «Растр», «Вектор», «Форматы». «Запишите в тетради по одному-двум понятиям для каждого поля. Затем по очереди назовём идеи, а я размещу их в кластере. Объясняйте не только слово, но и его связь с темой». | Индивидуально записывают понятия: «пиксель», «примитив», «масштабирование», «JPEG», «PNG», «SVG», «разрешение». Предлагают связи и уточняют формулировки одноклассников. |
3 мин | Учитель задаёт короткие вопросы: «Из чего состоит растровое изображение? Что является элементом векторного изображения? Что произойдёт с растровой картинкой при увеличении? Для чего нужен формат файла?» При необходимости фиксирует правильные ответы в кластере. | Отвечают: «Растр состоит из пикселей», «Вектор состоит из линий, кривых и фигур», «При увеличении пиксели становятся заметными», «Формат определяет способ хранения данных и возможности использования изображения». |
Завершение этапа: учитель подводит итог: «Мы вспомнили отдельные понятия, но пока они расположены как набор элементов. Следующая задача — установить связи между ними и определить, какое знание помогает принять практическое решение».
Этап 3. Постановка проблемы и целеполагание (4 мин)
Цель этапа: сформулировать алгоритм систематизации знаний и критерии успешной работы.
Время | Действие учителя | Действие учеников |
|---|---|---|
2 мин | Учитель предъявляет ситуацию: «Дизайнеру нужно создать значок приложения, фотографу — сохранить снимок для сайта, а типографии — напечатать яркий плакат. Достаточно ли сказать: “Нужно взять картинку”? Какие вопросы следует задать?» Учитель направляет ответы к схеме на доске. | Формулируют вопросы: «Это фотография или схема?», «Нужно ли увеличивать изображение?», «Для экрана оно или для печати?», «Какой формат сохранит качество?», «Какая цветовая модель нужна?» |
2 мин | Учитель записывает алгоритм: «Назначение → тип графики → цветовая модель → формат → аргумент». «Выберите личную цель: научиться различать виды графики, выбирать формат или объяснять решение. В конце проверьте, достигли ли вы её». | Записывают тему и алгоритм в тетрадь, выбирают индивидуальную цель и формулируют её одним предложением. |
Посмотрите план целиком
Зарегистрируйтесь — и откройте план урока по этой теме полностью: цели, ход урока и рефлексия по ФГОС.
Завершение этапа: учитель подводит итог: «У нас появился маршрут анализа любой графической задачи. Теперь проверим его на систематизации признаков двух основных видов компьютерной графики».
Этап 4. Систематизация знаний в парах (9 мин)
Цель этапа: обобщить признаки растровой и векторной графики, форматов и цветовых моделей через парное сравнение.
Время | Действие учителя | Действие учеников |
|---|---|---|
2 мин | Учитель раздаёт каждой паре таблицу с колонками «Способ представления», «Элемент изображения», «Масштабирование», «Преимущества», «Подходящие задачи». «Сначала заполните таблицу самостоятельно по памяти, затем сравните записи с партнёром». | Заполняют первые ячейки индивидуально, затем сверяют варианты в паре и отмечают места расхождений. |
4 мин | Учитель предлагает приём «Подумай — обсуди в паре — поделись». «Согласуйте формулировку для каждой строки. Используйте термины “пиксель”, “графический примитив”, “разрешение”, “масштабирование”. Если мнения расходятся, найдите доказательство в свойствах изображения». | Обсуждают таблицу в парах, распределяют роли аналитика и докладчика, формулируют общий вариант. |
3 мин | Учитель просит две пары представить ответы, а остальные провести взаимопроверку по критериям. «Поднимите зелёную карточку, если признак назван точно, жёлтую — если требуется уточнение. Объясните свой сигнал». | Представляют по одной строке таблицы, сравнивают с эталоном, исправляют неточные записи. Формулируют вывод: «Растр удобен для фотографий, вектор — для логотипов и схем». |
Запись в тетрадях
- Растровая графика представляет изображение как совокупность пикселей; она хорошо подходит для фотографий и сложных цветовых переходов.
- Векторная графика представляет изображение через геометрические объекты и примитивы; она удобна для логотипов, схем и чертежей.
- При увеличении растрового изображения возможно ухудшение качества, а векторное изображение обычно масштабируется без потери чёткости.
- RGB применяется преимущественно для экранов, CMYK — для печатной продукции.
Завершение этапа: учитель подводит итог: «Теперь у нас есть не только определения, но и сравнительная система признаков. Перейдём к проверке: сможете ли вы применить её к реальным задачам, где ответ не написан прямо в условии?»
Этап 5. Первичное закрепление. Практикум «Консультант проекта» (8 мин)
Цель этапа: применить алгоритм выбора вида графики и формата файла к практическим ситуациям.
Время | Действие учителя | Действие учеников |
|---|---|---|
1 мин | Учитель раздаёт карточки парам и объясняет инструкцию: «На карточке описана задача заказчика. Определите тип графики, цветовую модель и формат. Ответ запишите по формуле: “Мы выбираем..., потому что...”». | Читают условие карточки, распределяют роли и выделяют ключевые слова: «фотография», «логотип», «сайт», «печать», «прозрачный фон», «масштабирование». |
4 мин | Учитель предлагает ситуации: «Нужно разместить фотографию природы на сайте»; «Нужно создать логотип, который будет использоваться на визитке и большом плакате»; «Нужно сохранить изображение с прозрачным фоном для веб-страницы»; «Нужно подготовить изображение для печати». «Не называйте ответ без объяснения: свяжите свойства задачи с выбором». | В парах выбирают решение: фотография для сайта — растровая графика, JPEG; логотип — векторная графика, SVG; изображение с прозрачностью — PNG; печатное изображение — CMYK с учётом требований типографии. Формулируют аргумент. |
3 мин | Учитель приглашает две пары к доске. «Представьте ответ как короткую консультацию заказчику. Остальные задают по одному уточняющему вопросу, например: “Почему не подходит другой формат?”» | Представляют решения, задают вопросы, сравнивают варианты и уточняют: «JPEG не сохраняет прозрачный фон», «SVG удобно масштабировать», «CMYK соответствует печатному процессу». |
Эталон решения
Для фотографии на сайте: 1) назначение — экранное размещение; 2) изображение содержит множество оттенков, значит, подходит растровый тип; 3) для обычной фотографии можно выбрать JPEG, если прозрачность не нужна; 4) аргумент — формат обеспечивает достаточное качество при относительно небольшом размере файла. Для логотипа: 1) логотип должен изменять размер; 2) он состоит преимущественно из линий и фигур; 3) подходит векторный тип и формат SVG; 4) аргумент — изображение сохраняет чёткость при масштабировании.
Завершение этапа: учитель подводит итог: «Вы применили знания в роли консультантов и увидели, что правильный ответ зависит от назначения изображения. Теперь каждый индивидуально проверит, насколько уверенно умеет выбирать решение без подсказки партнёра».
Этап 6. Самостоятельная работа с самопроверкой (8 мин)
Цель этапа: диагностировать индивидуальное понимание темы и закрепить алгоритм выбора.
Время | Действие учителя | Действие учеников |
|---|---|---|
1 мин | Учитель раздаёт варианты заданий трёх уровней. «Выберите уровень, который соответствует вашей цели. Базовый вариант обязателен для всех, повышенный и дополнительный можно выбрать по желанию. Работайте самостоятельно, ответы записывайте кратко, но с аргументом». | Выбирают уровень и знакомятся с критериями: один балл за правильный тип графики, один за формат или цветовую модель, один за объяснение. |
4 мин | Учитель предлагает задания. Базовый: сопоставить «фотография», «логотип», «схема» с растровой или векторной графикой и назвать по одному формату. Повышенный: объяснить, почему JPEG не всегда подходит для логотипа и изображения с прозрачным фоном. Дополнительный: предложить графическое решение для интерфейса мобильного приложения. | Решают выбранный вариант, записывают ответы и используют алгоритм с доски. При затруднении отмечают вопрос знаком «?» и переходят к следующему пункту. |
3 мин | Учитель открывает эталон: «Проверьте не только результат, но и аргументацию. Исправление выполняйте другим цветом. Если ошибка связана с форматом, укажите, какое свойство вы не учли». | Сверяют решения, подсчитывают баллы, исправляют ошибки. Пример ответа: «Логотип лучше создать векторным, потому что его потребуется масштабировать без потери чёткости». |
Эталон решения
Фотография — растровая графика, поскольку содержит большое количество цветовых переходов; возможен формат JPEG. Логотип — векторная графика, поскольку строится из линий и фигур и может масштабироваться; возможен формат SVG. Изображение с прозрачным фоном — PNG, если требуется растровое представление с сохранением прозрачности. Для печатной продукции следует учитывать цветовую модель CMYK и требования к разрешению.
Завершение этапа: учитель подводит итог: «Самостоятельная работа показала, какие признаки вы уже используете уверенно, а какие ещё требуют внимания. Осталось зафиксировать личный результат и ответить на исходный проблемный вопрос».
Этап 7. Рефлексия и домашнее задание (7 мин)
Цель этапа: осмыслить результат, выявить затруднения и определить дальнейшую индивидуальную работу.
Время | Действие учителя | Действие учеников |
|---|---|---|
3 мин | Учитель раздаёт лист самооценки. «Отметьте: “Я могу различить растровую и векторную графику”; “Я могу выбрать формат”; “Я могу объяснить выбор”; “Я могу работать в паре”. Поставьте знак напротив каждого утверждения: уверенно, с помощью, пока затрудняюсь». | Заполняют лист самооценки, указывают один вопрос или понятие, которое нужно повторить. |
2 мин | Учитель возвращается к проблемному вопросу: «Почему фотография при увеличении становится нечёткой, а логотип можно масштабировать? Ответьте одним-двумя предложениями, используя термины урока». | Формулируют ответ: «Фотография состоит из пикселей, и при увеличении становятся видны отдельные элементы. Векторный логотип строится из математически описанных линий и фигур, поэтому его можно масштабировать без потери чёткости». |
2 мин | Учитель проводит приём «Билет на выход»: «Запишите одно главное знание, один практический вывод и один вопрос, который у вас остался. Сдайте билет при выходе». Затем объясняет варианты домашнего задания и напоминает о праве выбора. | Заполняют билет на выход, записывают домашнее задание выбранного уровня, задают уточняющие вопросы. |
Критерии оценивания практической работы
- «5» — верно определены тип графики, формат и цветовая модель во всех предложенных ситуациях; каждый выбор аргументирован не менее чем двумя свойствами изображения; в парной работе ученик использует термины «пиксель», «примитив», «масштабирование», «разрешение» уместно.
- «4» — правильно решены не менее 80% ситуаций, допущена одна неточность в выборе формата или цветовой модели, аргументация в целом верная.
- «3» — правильно определены основные виды графики хотя бы в половине ситуаций, но аргументация неполная или имеются две-три ошибки в выборе формата.
- Ниже базового уровня — ученик различает отдельные понятия, но не связывает свойства изображения с назначением и форматом; требуется индивидуальное повторение по алгоритму.
Рефлексия
Вопрос для ученика | Цель вопроса |
|---|---|
Что нового или более понятного вы сегодня узнали о выборе формата изображения? | Выявление осознанного приращения знаний и понимания практического смысла темы. |
Какой признак помогает отличить растровую графику от векторной? | Проверка понимания ключевого предметного содержания. |
На каком шаге алгоритма «назначение — тип — цвет — формат — аргумент» возникло затруднение? | Выявление точек затруднения для последующей коррекции. |
Как вклад партнёра помог вам принять решение? | Оценка качества сотрудничества и коммуникативных умений. |
Завершающее слово учителя
«Сегодня вы систематизировали знания о компьютерной графике и попробовали использовать их как специалисты, принимающие практическое решение. Важно помнить: формат нельзя выбирать только по привычке — сначала нужно определить назначение изображения и его свойства. Типичная ошибка — считать, что любой рисунок можно одинаково хорошо сохранить в любом формате. На следующем уроке мы продолжим работу с цифровыми изображениями и рассмотрим, как инструменты графического редактора влияют на качество и удобство обработки».
Домашнее задание
Уровень | Что задать | Зачем |
|---|---|---|
Базовый (обязательный) | Составить сравнительную таблицу «Растровая и векторная графика» по пяти признакам: элемент изображения, масштабирование, достоинства, ограничения, области применения. Добавить по два подходящих формата файлов. | Закрепляет систематизацию признаков; при проверке обратить внимание на точность терминов и отсутствие смешения типа графики с форматом файла. |
Средний (повышающий) | Проанализировать четыре ситуации: фотография для сайта, логотип, схема метро, изображение с прозрачным фоном. Для каждой указать тип графики, предполагаемый формат и два аргумента выбора. | Закрепляет применение алгоритма к функциональным задачам; при проверке смотреть на связь между назначением, свойствами изображения и форматом. |
Продвинутый (дополнительный) | Разработать концепцию небольшого цифрового продукта: значка приложения, афиши или инфографики. Описать, какие элементы будут растровыми и векторными, какую цветовую модель и форматы следует использовать, а также объяснить выбор. | Развивает проектное и критическое мышление; при проверке оценить целостность замысла, обоснованность технических решений и использование предметной лексики. |
Контрольные вопросы перед выходом из класса: «Чем пиксель отличается от графического примитива? Почему логотип часто создают в векторном виде? В каком случае нужен PNG, а когда можно выбрать JPEG? Для чего используют RGB и CMYK? Какой первый вопрос нужно задать перед выбором формата изображения?»
