Конспект урока + презентация "Кодирование графической информации", 9 класс
Предпросмотр материала:
Выберите файл для просмотра:
Всего файлов: 2
- 1/2 Кодирование графической информации 9 класс.docx 1/2 Кодирование графической информации 9 класс.docx
- 2/2 Кодирование графической информации 9 класс.pptx 2/2 Кодирование графической информации 9 класс.pptx
Автор:
Хальметов Рамис Наилевич
Должность: учитель информатики
Место работы: МБОУ СОШ р.п. Евлашево
Класс:
9
Тема урока: «Кодирование графической информации: растровая и векторная
графика»
Тип урока: комбинированный (изучение нового материала + практикум)
Продолжительность: 40 минут
Год публикации: 2026
Цели урока (в соответствии с ФГОС ООО)
|
Направление |
Цель |
|
Образовательная |
Сформировать представление о способах кодирования графической информации; научить рассчитывать объём памяти для хранения растровых изображений; познакомить с преимуществами и недостатками растровой и векторной графики |
|
Развивающая |
Развивать алгоритмическое мышление через решение расчётных задач; формировать навыки анализа и сравнения информационных моделей |
|
Воспитательная |
Воспитывать культуру работы с цифровыми изображениями; формировать осознанное отношение к выбору формата графики в зависимости от задачи |
Планируемые результаты
|
Категория |
Результат |
|
Личностные |
Осознание значимости выбора оптимального способа кодирования графики в цифровой среде; готовность применять знания в проектной деятельности |
|
Метапредметные |
Умение преобразовывать информацию из одной формы в другую (графика ↔ числовые данные); применять математический аппарат для решения практических задач информатики |
|
Предметные |
Знает принципы растрового и векторного кодирования; умеет рассчитывать информационный объём изображения по формуле I = i × X × Y; различает форматы графических файлов и их назначение |
Оборудование и цифровые ресурсы
- Компьютерный класс с выходом в интернет
- Презентация к уроку (Приложение 1)
- Яндекс Учебник — интерактивные задания по расчёту объёма графической информации (автоматическая проверка)
- ИИ-ассистент Сбера — генерация дополнительных задач разного уровня сложности
- Онлайн-конвертер изображений (https://convertio.co/ru/) для демонстрации различий форматов
- Раздаточный материал: карточки с задачами трёх уровней сложности (Приложение 2)
Ход урока
Этап 1. Мотивация (5 мин)
Деятельность учителя:
- Демонстрация двух изображений одного объекта:
1. Фотография в формате JPG (растровая) — при масштабировании появляются «пиксели»
2. Логотип в формате SVG (векторная) — масштабируется без потери качества
- Вопрос классу: «Почему одни изображения «ломаются» при увеличении, а другие — нет? Как компьютер «понимает» картинку?»
Деятельность обучающихся:
Высказывают предположения, формулируют проблему урока.
Этап 2. Изучение нового материала (15 мин)
|
Понятие |
Ключевые тезисы |
Визуализация |
|
Растровая графика |
• Изображение = матрица пикселей (X × Y) |
Схема «пиксельная сетка» в презентации |
|
Векторная графика |
• Изображение = математические формулы
(линии, кривые, фигуры) |
Сравнение кода 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 класс
Найдите подходящий для Вас курс
В каталоге 7 851 курс по разным направлениям
Другие материалы
-
Рабочая программа "Компьютерные технологии в решении физических задач" 11 класс
Учебник: «Информатика. Углубленный уровень (в2 частях)», Поляков К.Ю., Еремин Е.А.
-
Конспект урока «Текстовые документы, их ввод и редактирование в текстовом процессоре» (с заданиями формата ОГЭ)
Учебник: «Информатика», Босова Л.Л., Босова А.Ю.
Тема: 4.1.2. Технологии подготовки текстовых документов
-
Конспект урока на тему: "Алгоритм. Линейный алгоритм"
Учебник: «Информатика и ИКТ (в 2 частях)», Бененсон Е.П., Паутова А.Г.
-
Презентация на тему: "Алгоритмы. Линейный алгоритм"
Учебник: «Информатика и ИКТ (в 2 частях)», Бененсон Е.П., Паутова А.Г.
Вам будут интересны эти курсы:
- Курс повышения квалификации «Введение в программирование на языке С (СИ)»
- Курс повышения квалификации «Внедрение системы компьютерной математики в процесс обучения математике в старших классах в рамках реализации ФГОС»
- Курс повышения квалификации «Информационные технологии в деятельности учителя физики»
- Курс повышения квалификации «Облачные технологии в образовании»
- Курс повышения квалификации «Организация работы по формированию медиаграмотности и повышению уровня информационных компетенций всех участников образовательного процесса»
- Курс повышения квалификации «Современные тенденции цифровизации образования»
- Курс повышения квалификации «Специфика преподавания информатики в начальных классах с учетом ФГОС НОО»
- Курс профессиональной переподготовки «Управление в сфере информационных технологий в образовательной организации»