Конспект урока + презентация "Кодирование графической информации", 9 класс

Предпросмотр материала:

Выберите файл для просмотра:

Всего файлов: 2

docx pptx

Автор: Хальметов Рамис Наилевич
Должность: учитель информатики
Место работы: МБОУ СОШ р.п. Евлашево

Класс: 9
Тема урока: «Кодирование графической информации: растровая и векторная графика»
Тип урока: комбинированный (изучение нового материала + практикум)
Продолжительность: 40 минут
Год публикации: 2026

 

Цели урока (в соответствии с ФГОС ООО)

Направление

Цель

Образовательная

Сформировать представление о способах кодирования графической информации; научить рассчитывать объём памяти для хранения растровых изображений; познакомить с преимуществами и недостатками растровой и векторной графики

Развивающая

Развивать алгоритмическое мышление через решение расчётных задач; формировать навыки анализа и сравнения информационных моделей

Воспитательная

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

 

Планируемые результаты

Категория

Результат

Личностные

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

Метапредметные

Умение преобразовывать информацию из одной формы в другую (графика ↔ числовые данные); применять математический аппарат для решения практических задач информатики

Предметные

Знает принципы растрового и векторного кодирования; умеет рассчитывать информационный объём изображения по формуле I = i × X × Y; различает форматы графических файлов и их назначение

 

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

  • Компьютерный класс с выходом в интернет
  • Презентация к уроку (Приложение 1)
  • Яндекс Учебник — интерактивные задания по расчёту объёма графической информации (автоматическая проверка)
  • ИИ-ассистент Сбера — генерация дополнительных задач разного уровня сложности
  • Онлайн-конвертер изображений (https://convertio.co/ru/) для демонстрации различий форматов
  • Раздаточный материал: карточки с задачами трёх уровней сложности (Приложение 2)

 

Ход урока

Этап 1. Мотивация (5 мин)

Деятельность учителя:

  • Демонстрация двух изображений одного объекта:

1.     Фотография в формате JPG (растровая) — при масштабировании появляются «пиксели»

2.     Логотип в формате SVG (векторная) — масштабируется без потери качества

  • Вопрос классу: «Почему одни изображения «ломаются» при увеличении, а другие — нет? Как компьютер «понимает» картинку?»

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

Этап 2. Изучение нового материала (15 мин)

Понятие

Ключевые тезисы

Визуализация

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

• Изображение = матрица пикселей (X × Y)
• Каждый пиксель кодируется битовой глубиной i
• Объём памяти: I = i × X × Y
• Форматы: BMP, JPG, PNG, GIF

Схема «пиксельная сетка» в презентации

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

• Изображение = математические формулы (линии, кривые, фигуры)
• Хранятся координаты точек и параметры объектов
• Объём зависит от сложности описания, а не размера изображения
• Форматы: SVG, CDR, AI

Сравнение кода SVG-файла и пиксельной матрицы

Сравнение

Растровая: фото, цифровая живопись / Векторная: логотипы, схемы, шрифты

Таблица «Плюсы / Минусы» (заполняется совместно с классом)

Практический расчёт (фронтальная работа):
Задача: Рассчитайте объём памяти для изображения 1920×1080 при глубине цвета 24 бита.
Решение: I = 24 бит × 1920 × 1080 = 49 766 400 бит ≈ 6 Мбайт

Этап 3. Практикум с дифференциацией (15 мин)

Уровень 1 (базовый):
Расчёт объёма изображения 800×600 при глубине цвета 16 бит.
→ Проверка через Яндекс Учебник (задание №45821)

Уровень 2 (повышенный):
Определите максимальное разрешение изображения, которое поместится на флешку 4 Гбайт при глубине цвета 32 бита.
→ Самопроверка по эталону на слайде

Уровень 3 (творческий):
Напишите фрагмент кода на Python, который рассчитывает объём изображения по введённым пользователем параметрам:

python

Подсказка: Используйте ИИ-ассистент Сбера для генерации дополнительных тестовых данных.

Этап 4. Рефлексия и домашнее задание (5 мин)

Рефлексия «Светофор»:

  • Не понял принцип различия растровой/векторной графики
  • Понял теорию, но затрудняюсь в расчётах
  • Уверенно решаю задачи и могу объяснить другу

Домашнее задание (на выбор):

1.     Базовое: Решить 3 задачи из банка Яндекс Учебника (тема «Графическая информация»)

2.     Творческое: Подготовить сравнительную таблицу форматов JPG, PNG, GIF, SVG с примерами использования в жизни

3.     Проектное: Создать простой логотип в векторном редакторе (Canva, Figma) и экспортировать в 2 форматах — сравнить размеры файлов

 

 

 

 

Приложения

Приложение 1. Презентация к уроку

[Ссылка на Яндекс.Диск с презентацией в формате .pptx]
Содержит:

  • Анимированные схемы кодирования пикселей
  • Интерактивная таблица сравнения растровой/векторной графики
  • QR-коды для перехода к заданиям в Яндекс Учебнике

Приложение 2. Карточки с задачами

Приложение 3. Ссылки на цифровые ресурсы

  • Яндекс Учебник: тема «Кодирование графической информации» → задания №45820–45825
  • Онлайн-калькулятор объёма изображения: https://www.imgonline.com.ua/
  • Демо-конвертер растровой/векторной графики: https://convertio.co/ru/

 

Методические рекомендации для коллег

1.     Для слабоуспевающих: используйте ИИ-ассистент Сбера для генерации упрощённых задач с пошаговыми подсказками.

2.     Для одарённых: предложите исследовательский мини-проект «Почему в играх используют спрайты (растровая графика), а интерфейс — векторный?»

3.     Межпредметные связи:

o    Математика: степени двойки, перевод единиц измерения

o    Технология: дизайн и верстка

o    Физика: принцип работы матрицы монитора

Методическая разработка урока информатики в 9 классе по теме «Кодирование графической информации» включает дифференцированный практикум с интеграцией цифровых платформ (Яндекс Учебник, ИИ-ассистент Сбера), практические расчёты объёма изображений и творческое задание на языке Python. Соответствует требованиям ФГОС ООО и направлен на формирование цифровой грамотности обучающихся.

Конспект урока + презентация "Кодирование графической информации", 9 класс

  • RAR

Файл будет скачан в формате:

  • RAR

Автор материала

Хальметов Рамис Наилевич

  • На сайте: 7 лет и 7 месяцев
  • Всего просмотров: 345
  • Подписчики: 0
  • Всего материалов: 1
  • 345
    просмотров
  • 1
    материалов
  • 0
    подписчиков

Настоящий материал опубликован пользователем Хальметов Рамис Наилевич.
Инфоурок является информационным посредником. Всю ответственность за опубликованные материалы несут пользователи, загрузившие материал на сайт. Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете на материал.

ИИ для создания материалов

Создавайте материалы с ИИ

Если готовые материалы не подошли — помогут нейросети

Конспекты, тесты, презентации, рабочие листы и другие материалы по ФГОС — под ваш урок, класс и цели занятия за пару минут.

Попробовать бесплатно

Выберите инструмент

~3220

Нейросети могут ошибаться. Обязательно проверяйте ответы.

Другие материалы

Вам будут интересны эти курсы: