Урок информатики и ИКТ в 9 классе по теме: Растровая графика.
план-конспект урока по информатике и икт (10 класс)

Урок информатики и ИКТ в 9 классе по теме: Растровая графика. Параметры растровых изображений. Форматы файлов.

• Класс: 10(базовый уровень).
• Тип урока: Комбинированный (изучение нового материала + практикум).
• Цель: Сформировать понимание принципов кодирования растровых изображений и развить навыки их обработки для решения практических задач.
• Планируемые результаты:

• Личностные: Развитие эстетического вкуса, понимание авторского права при работе с изображениями.
• Метапредметные (УУД):

• Регулятивные: Умение планировать действия по оптимизации изображения (выбор формата и сжатия).
• Познавательные: Умение переводить визуальную информацию в цифровую модель (расчет объема файла).

• Предметные: Знать понятия пиксель, разрешение, глубина цвета; уметь рассчитывать информационный объем изображения; владеть инструментами коррекции в графическом редакторе.

Оборудование и ресурсы

• ТСО: Компьютеры, ЖК-телевизор.
• ПО: Растровый графический редактор (GIMP)
• Дидактика: цифровые с формулами расчета объема, набор изображений разных форматов (BMP, JPEG, PNG, GIF) для сравнения.

Технологическая карта урока

Этап 1. Организационный момент и мотивация (3 минуты)

• Деятельность учителя: Демонстрирует на экране одну и ту же фотографию: в идеальном качестве и в ужасно «пережатом» виде (артефакты JPEG). Задает вопрос: «Почему цифровая копия может выглядеть хуже бумажной? Что такое "пиксель" на физическом уровне?».
• Деятельность учащихся: Высказывают предположения о потере качества, дискретности.
• Формируемые УУД: Познавательные (анализ визуальных артефактов).

Этап 2. Актуализация знаний: Математические основы (7 минут)

• Деятельность учителя: Переходит к формулам. На экране выводит модель расчета информационного объема: V = W × H × I, где:

• W, H — ширина и высота в пикселях (разрешение).
• I — глубина цвета (бит на пиксель).
• Пример: Фото 1920×1080 при глубине 24 бита (True Color). Расчет объема в Мбайт.
• Важный нюанс: Различие между размером в пикселях (для экрана) и размером в дюймах/DPI (для печати).

• Деятельность учащихся: Решают в тетради мини-задачу: «Сколько весит изображение 1000×1000 пикселей в палитре 256 цветов?».
• Формируемые УУД: Познавательные (вычислительные навыки, работа с единицами измерения).

Этап 3. Первичное усвоение новых знаний: Форматы и цветовые модели (8 минут)

• Деятельность учителя: Объясняет разницу между форматами через аналогии:

• BMP/TIFF: «мешок с данными» — кладем всё как есть, вес огромный, потерь нет.
• JPEG: «книги перевязанные веревкой» — выбрасывает детали, которые глаз не видит. Идеален для фото, убивает текст.
• PNG: «файлы в прозрачном пакете» — поддерживает альфа-канал (прозрачность), сжимает без потерь.
• GIF: «Ограниченная палитра + движение» — 256 цветов, но умеет быть анимированным.

• Деятельность учащихся: Составляют в тетради таблицу-сравнение «Формат — Плюсы — Минусы — Применение».
• Формируемые УУД: Познавательные (классификация, систематизация).

Этап 4. Физкультминутка «Охрана зрения» (2 минуты)

• Деятельность учителя: Напоминает о гигиене при работе с графикой (расстояние до монитора, правило 20-20-20: каждые 20 минут смотреть на 20 футов/6 метров в течение 20 секунд). Упражнения для глаз (фокусировка на курсоре, затем на окне).
• Деятельность учащихся: Выполняют упражнения.

Этап 5. Практическая работа (15 минут)

• Деятельность учителя: Выдает дифференцированные задания.

• Уровень 1 (Базовый): «Реставрация». Открыть старое, поцарапанное фото. Инструменты: «Точечная восстанавливающая кисть», «Штамп». Сохранить в TIFF.
• Уровень 2 (Продвинутый): «Инфографика для сайта». Создать баннер 1200×300 px. Найти фоновое фото, наложить текст, применить эффекты слоя, сохранить для Web (JPEG + PNG версия с прозрачностью).
• Уровень 3 (Исследовательский): «Оптимизация». Взять одно фото. Сохранить его в JPEG с качеством 100%, 75% и 30%. Сравнить вес и визуальные артефакты. Построить в уме зависимость «Вес/Качество».

• Деятельность учащихся: Выполняют работу за ПК. Учитель консультирует по работе со слоями и масками.
• Важный критерий оценки: Оценивается не «красота» картинки, а правильность выбора инструмента и формата под задачу.
• Формируемые УУД: Все виды (применение ИКТ, решение проблем).

Этап 6. Рефлексия и домашнее задание (2 минуты)

• Деятельность учителя: Метод «Светофор». Учитель называет ситуацию (или цвет):

• Зеленый: «Нужно отправить фото в семейный чат, важен малый вес». (JPEG)
• Желтый: «Нужно вырезать человека и поставить на новый фон». (PNG с прозрачностью)
• Красный: «Нужно напечатать плакат А1 для улицы». (TIFF/BMP, высокое разрешение).

• Домашнее задание: Найти в интернете логотип в растровом формате (JPEG). Попробовать его увеличить. Описать, почему изображение перестало быть качественным, и предложить способ решения проблемы (перерисовка в векторе).
• Формируемые УУД: Регулятивные (прогнозирование).

Список литературы и ресурсов:

1. Нормативная и учебная база (ФГОС):

• Босова Л.Л., Босова А.Ю. Информатика. 10 класс. Базовый уровень. — М.: Просвещение, 2024 (7-е издание). (Раздел «Обработка графической информации»).
• Поляков К.Ю., Еремин Е.А. Информатика. 10 класс. Углубленный уровень. — М.: Просвещение, 2025. (Отличная теоретическая база по кодированию цвета).
• Угринович Н.Д. Информатика. Базовый уровень: учебник для 10 класса. — М.: БИНОМ, 2020–2022.

2. Методическая литература:

• Шелепаева А.Х. Поурочные разработки по информатике. 10-11 классы. — М.: ВАКО, 2018–2022. (Содержит готовые сценарии и тестовые задания по графике).
• Михеева Е.В. Практикум по информатике. — М.: Академия, 2020. (Пошаговые инструкции для лабораторных работ).

3. Профессиональные ресурсы (для подготовки учителя):

• Российская электронная школа (РЭШ): Модуль «Компьютерная графика».
• Уроки по GIMP: Открытые образовательные курсы на платформе Stepik и YouTube-каналы (например, каналы отечественных дизайнеров, использующих свободный софт), которые можно указать как источник цифровых образовательных ресурсов.