kopilkaurokov.ru - сайт для учителей

Создайте Ваш сайт учителя Курсы ПК и ППК Видеоуроки Олимпиады Вебинары для учителей

Открытый урок по теме "Компьютерная графика"

Нажмите, чтобы узнать подробности

Открытый урок по информатике и ИКТ для 8-го класса.

 Урок ссотавлен на основе соответствия ФГОС. В данной разработке включены элементы применения электронных образовательных ресурсов, полное методическое описание действий учителя и учащихся. Для закрепления применяются различного рода задания (работа с учебником, прохождения теста в интерактивном виде и в сети Интернет). В конспектк урока чётко выражены ожидаемые результаты после прохождения темы...

Просмотр содержимого документа
«Сравнительная характеристика»

Сравнительная характеристика

векторной и растровой графики


Критерий сравнения

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

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

1

Формирование

изображения




2

Масштабирование изображений (приближение и удаление)




3

Примеры программ считывания изображения




4

Типы графических файлов




5

Занимаемый объем памяти





Просмотр содержимого документа
«описание урока»



Филатова Анна Александровна

МКОУ СОШ №3 г.Суровикино, Волгоградская область

Предмет

Информатика

Класс

8 класс

Тип урока

Урок освоения и применения новых знаний

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

Технология развития информационно-коммуникационно-технологической компетенции (ИКТ)

Тема

Компьютерная графика.

Цель

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


Предметные результаты – расширить представления о видах задач по обработке информации, связанных с изменением формы ее представления за счет графики; акцентировать внимание на графических возможностях компьютера; развитие представлений о компьютере как универсальном устройстве работы с информацией; разбор задач, встречающиеся в ЕГЭ и ГИА по информатике.

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

Метапредметные результаты:

Регулятивные: умение определять цели урока, уметь самостоятельно контролировать своё время, планировать пути достижения цели; находить рациональные способы работы

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

Коммуникативные: задавать вопросы; строить продуктивное взаимодействие со сверстниками; работа в группе; развитие ИКТ-компетентности;

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

Компьютеры с выходом в интернет, интерактивная доска, проектор.

Использованные ресурсы:

- литература;

- дидактические материалы

- ЭОР

Литература:

  1. Босова Л. Л., Босова А.Ю. «Информатика-7», М: Бином. Лаборатория знаний, 2013. (http://metodist.lbz.ru/authors/informatika/3/)

  2. Информатика. УМК для основной школы: 5 - 6, 7 – 9 классы (ФГОС). Методическое пособие для учителя. Авторы: Бородин М. Н. Год издания: 2013 (http://metodist.lbz.ru/authors/informatika/3/files/mp-5kl-fgos.pdf)

Дидактические материалы:

Презентация «Компьютерная графика». http://tat-al.blogspot.ru/p/7_18.html

ЭОР:

  1. http://school-collection.edu.ru/catalog/res/e9e28a73-377f-0000-e01c-9c38718a1a2f/?from=39b7b9a7-9e46-0006-a085-a9cbd4266b16& (Библиотека электронных наглядных пособий «Информатика» представляет собой сборник теоритических и практических материалов, учебных мультимедийных ресурсов )

  2. Тест. http://master-test.net/ru/quiz/testing/id/4660































Этапы урока

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

Деятельность обучающихся

Вводный этап.


Приветствие учащихся, проверка подготовленности к учебному занятию, организация внимания детей.

Проверяют свою готовность к уроку. Настраиваются на учебную деятельность.

Актуализация опорных знаний (фронтальный опрос):

- Как называется воспринимаемая информация, через картинки, фотографии, изображения?

- Что общего между техника живописи, созданием мозаичных изображений и формированием изображения на экране монитора?

- Как вы понимаете смысл фразы «В операционных системах предусмотрена возможность выбора необходимого пользователю и технически возможного графического режима»?


«Я думаю, что чертеж очень полезное средство 

против неопределенности слов». 

(Лейбниц)

    Люди начали рисовать задолго до того, как научились писать. В Сибири, в Кузнечном Алатау найден рисунок, возраст которого – 34 тысячи лет! 

С тех пор прошли многие тысячи лет...

    Мода на раскрашивание черно-белых фильмов и создание более 

современных версий популярных сериалов, стала привычной и даже не удивляет. Современные Золушки и Русалочки получают вторую жизнь в совсем иных образах. 

Графические возможности компьютера не могут не вызывать изумления. 


- В каких профессиях может применяться графическая информация?

- Хорошо, ребята, вы назвали много профессий, но есть особая группа профессий, где используют информацию, представленную в графической форме. Это аниматоры, мультипликаторы, специалисты по рекламе, ученые. Как Вы считаете, какой вид графики они используют?

- Молодцы! Вы сформулировали тему нашего урока

(слайд презентации – Тема урока – Компьютерная графика)


Основополагающий вопрос: Как научить компьютер рисовать?

Проблемный вопрос: Где можно встретить компьютерную графику?

Учебный вопрос: Что называется компьютерной графикой?

Учебный вопрос: Какие виды компьютерной графики существуют?

Учебный вопрос: Как компьютерная графика изменила мир? Какой формат файлов оптимальнее?

Таким образом, мы с Вами определили основные вопросы урока.



Отвечают на вопросы



























Перечисляют.

Все это графическая форма представления информации.

Архитекторы, инженеры, модельеры, астрономы, пилоты и т.д.


Они используют компьютерную графику





Основной этап. Осмысление.

слайд презентации Графические объекты — это рисунки, картины, чертежи,

фотографии и другие графические изображения.

Компьютерная графика – это широкое понятие, обозначающее: 1) разные виды графических объектов, созданных или обработанных с помощью компьютера; 2) область деятельности, в которой компьютеры используются как инструменты создания и обработки графических объектов.

Виды компьютерной графики: растровая, графическая и фрактальная.

Заполним таблицу, используя учебник:

Сравнение растровой и векторной графики



Растровая

Векторная

Формирование изображения



Увеличение размера изображения



Уменьшение

размера изображения



Сохранение изображения



Сферы применения




-В чем достоинства векторной графики и недостатки растровой графики?

- Ребята, в чем же удобство использование программ компьютерной графики?

- Верно, неправильный фрагмент (элемент) просто удаляется из памяти компьютера, и работа продолжается дальше.


По способам задания изображений графику можно разделить на категории: двумерная, трехмерная, растровая, векторная, фрактальная и CGI графика.

Растровую, векторную и фрактальную графику мы рассмотрели в презентации, а с остальными можете познакомиться на следующих сайтах: CGIкино, трехмерная, двумерная


- А теперь перейдем к ответу на следующий вопрос: Какой формат файлов оптимальнее?

Форматы графических файлов определяют способ хранения информации в файле (растровый или векторный), а также форму хранения информации (используемый алгоритм сжатия).

Сжатие применяется для растровых графических файлов, так как они имеют обычно достаточно большой объем. При сжатии графических файлов алгоритм сжатия включается в формат графического файла.

Существуют различные алгоритмы сжатия, причем для различных типов изображения целесообразно применять подходящие типы алгоритмов сжатия.

Показ презентации: Форматы графических изображений.


Основное достоинство растровой графики состоит в том, что при высокой разрешающей способности монитора растровое изображение может иметь фотографическое качество.

Основной недостаток - большой размер графических файлов. Простые растровые картинки занимают несколько десятков или сотен килобайтов. Реалистические изображения, полученные с помощью сканеров с высокой разрешающей способностью, могут занимать несколько мегабайтов.

Достоинством векторной графики является малый объем файла. Рисунки, состоящие из тысяч примитивов, занимают дисковую память, объем которой не превышает нескольких сотен килобайтов. Аналогичный растровый рисунок требует в 10 – 1000 раз большую память.

Записывают в тетрадь





Заполняют таблицу, читая учебник и проверяют по презентации.














Недостатком растровых изображений является их искажение, возникающее при изменении размеров. Векторные изображения легко масштабируются без потери качества.

Нет необходимости брать новый лист бумаги, если что-то не получилось.










Записывают в тетрадь

Физкультминутка (http://videouroki.net/look/superfizmin/righttd/index.html)



А теперь мы рассмотрим несколько задач на эту тему:

  1. Сканируется цветное изображение размером 1010 см. Разрешающая способность сканера 12001200 dpi, глубина цвета – 24 бита. Какой информационный объём будет иметь полученный графический файл?

  2. Для кодирования одного пикселя используется 3 байта. Фотографию размером 20481536 пикселей сохранили в виде несжатого файла. Определите размер получившегося файла

  3. Несжатое растровое изображение размером 128128 пикселей занимает 2 Кб памяти. Каково максимально возможное число цветов в палитре изображения?

(Решение дано в презентации)

Решают вместе с учителем задачи

Проверка знаний. Зайти на сайт http://master-test.net/ru/quiz/testing/id/4660 выполни тест.

Работают за компьютерами.


Ответить на вопросы (презентация)

  1. Что такое компьютерная графика?

  2. Перечислите основные сферы применения компьютерной графики?

  3. Каким образом могут быть получены графические объекты?

  4. В чем разница между растровым и векторным способами представления изображения?

  5. Какая операция по преобразованию растрового изображения ведет к наибольшим потерям его качества – уменьшение или увеличение?

  6. Почему масштабирование не влияет на качество векторного изображения?

  7. Чем вы можете объяснить разнообразие форматов графических файлов?

  8. ВВ чем основное различие универсальных графических форматов и собственных форматов графических приложений?

Отвечают на вопросы.


Заключительный этап. Рефлексия.

В завершение урока предлагается учащимся высказать свое мнение об этапах урока, указать на возникшие трудности, подвести итоги урока.



Выражают собственное мнение, анализируют собственные достижения и затруднения

Информация о домашнем задании, инструктаж по его выполнению

Озвучивается домашнее задание:

§3.2, вопросы 1-4, задания № 5, 14, 15.

Составить кроссворд на тему «Компьютерная графика».

Правила составления кроссворда:

  1. Кроссворд содержит не менее 8-10 понятий на данную тему,

  2. В него входят только имена существительные в именительном падеже единственном числе,

  3. При оформлении текста кроссворда обычно начинают со слов по горизонтали, как мы и пишем обычно (хотя это не принципиально),

Клетки кроссворда, куда должны вписываться первые буквы слов, последовательно нумеруются.

Записывают задания в дневники



Просмотр содержимого презентации
«Компьютерная графика»

Компьютерная графика.

Компьютерная графика.

Компьютерная графика –  это  область информатики, занимающаяся методами, средствами создания и обработки изображений с помощью программно-аппаратных средств .

Компьютерная графикаэто область информатики, занимающаяся методами, средствами создания и обработки изображений с помощью программно-аппаратных средств .

  • .
  • Изображение на экране –это отражение информации, находящейся в памяти компьютера.
Форматы графических изображений Векторные  Растровые

Форматы графических

изображений

Векторные

Растровые

Сравнительная характеристика векторной и растровой графики № Критерий сравнения 1 2 Растровая графика Формирование изображения 3 Масштабирование изображений (приближение и удаление) Формируются из пикселей Обеспечивают высокую точность передачи цветов и полутонов, используются при редактировании фотографий Векторная графика Примеры программ считывания изображения 4 5 Изображения могут быть увеличены или уменьшены без потери качества Типы графических файлов   Занимаемый объем памяти Занимает большой объем памяти WMF, EPS, CDR, DXF, CGM

Сравнительная характеристика

векторной и растровой графики

Критерий сравнения

1

2

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

Формирование

изображения

3

Масштабирование изображений (приближение и удаление)

Формируются из пикселей

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

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

Примеры программ считывания изображения

4

5

Изображения могут быть увеличены или уменьшены без потери качества

Типы графических файлов

Занимаемый объем памяти

Занимает большой объем памяти

WMF, EPS, CDR, DXF, CGM

Растровое изображение Растровое изображение  состоит из отдельных точек различного цвета (пикселей) , которые образуют строки и столбцы. Пиксель – минимальный участок изображения, которому независимым образом можно задать цвет Совокупность точечных строк образуют графическую сетку (растр)

Растровое изображение

Растровое изображение состоит из отдельных точек различного цвета (пикселей) , которые образуют строки и столбцы.

Пиксель – минимальный участок изображения, которому независимым образом можно задать цвет

Совокупность точечных строк образуют графическую сетку (растр)

Векторная графика Х Основным элементом векторного изображения является линия. Характеристики линии : цвет, толщина, тип. Простые элементы: прямые, эллипсы, прямоугольники и пр. называются графическими примитивами . Х 1 Y 1 Х,  Y Х 2 Y 2 R Y

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

Х

Основным элементом векторного изображения является линия.

Характеристики линии : цвет, толщина, тип.

Простые элементы: прямые, эллипсы, прямоугольники и пр. называются графическими примитивами .

Х 1 Y 1

Х, Y

Х 2 Y 2

R

Y

Сравнительная характеристика

векторной и растровой графики

Критерий сравнения

1

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

Формирование

изображения

2

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

Формируются из пикселей

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

Масштабирование изображений (приближение и удаление)

3

Примеры программ считывания изображения

Формируются из графических примитивов

Используются при хранении высокоточных графических объектов (чертежей, схем)

При увеличении изображения появляется ступенчатый эффект

При уменьшении изображения теряется четкость мелких деталей

4

5

Типы графических файлов

Изображения могут быть увеличены или уменьшены без потери качества

Автоматически считываются встроенными средствами просмотра изображений

Примеры программ редактирования растровых изображений Adobe Photoshop, Corel Photo-Paint, Paint

Не считывается стандартными средствами, нужны специальные программы Adobe Illustrator , Corel  DRAW , графический редактор, встроенный в WORD

BMP, PSD, GIF, PNG, TIFF, JPEG,

Занимаемый объем памяти

Занимает большой объем памяти

Форматы векторных изображений WMF, EPS, CDR, DXF, CGM

Информационный объем изображений не большой, по сравнению с растровыми

Закрепление нового материала Растровые и Векторные графические редакторы

Закрепление нового материала

Растровые и Векторные графические редакторы

Укажи, где растровое, а где векторное компьютерное изображение? Векторное Растровое

Укажи, где растровое, а где векторное компьютерное изображение?

Векторное

Растровое

ТЕСТ   «ВИДЫ КОМПЬЮТЕРНОЙ ГРАФИКИ» Проверь себя

ТЕСТ «ВИДЫ КОМПЬЮТЕРНОЙ ГРАФИКИ»

Проверь себя

Вариант 1 Выберите, какие из данных форматов используются для хранения графических файлов? .bmp ; .gif ; .exe ; .png; .jpg; .avi; .doc    Вариант 2

Вариант 1

  • Выберите, какие из данных форматов используются для хранения графических файлов?
  • .bmp ;
  • .gif ;
  • .exe ;
  • .png;
  • .jpg;
  • .avi;
  • .doc

Вариант 2

  • Как ой из графических редакторов является векторным?
  • Adobe illustrator ;
  • Paint ;
  • Corel Draw ;
  • Adobe Photoshop .
Вариант 1 2. Большой размер файла - один из недостатков… Вариант 2 2. Растровый графический редактор предназначен для…

Вариант 1

2. Большой размер файла - один из недостатков…

Вариант 2

2. Растровый графический редактор предназначен для…

  • растровой графики;
  • векторной графики;
  • фрактальной графики.
  • построения диаграмм;
  • создания чертежей;
  • построения графиков;
  • создания и редактирования рисунков.
Вариант 1 3. Растровый графический редактор предназначен для… построения диаграмм; создания чертежей; построения графиков; создания и редактирования рисунков. Вариант 2 3. Выберите, какие из данных форматов используются для хранения графических файлов?

Вариант 1

3. Растровый графический редактор предназначен для…

  • построения диаграмм;
  • создания чертежей;
  • построения графиков;
  • создания и редактирования рисунков.

Вариант 2

3. Выберите, какие из данных форматов используются для хранения графических файлов?

  • .bmp ;
  • .gif ;
  • .exe ;
  • .png;
  • .jpg;
  • .avi;
  • .doc
Вариант 1 4. Отсутствие пикселей изображения при увеличении масштаба - это признак… растровой графики; векторной графики; фрактальной графики. Вариант 2 4. Большой размер файла - один из недостатков…

Вариант 1

4. Отсутствие пикселей изображения при увеличении масштаба - это признак…

  • растровой графики;
  • векторной графики;
  • фрактальной графики.

Вариант 2

4. Большой размер файла - один из недостатков…

  • растровой графики;
  • векторной графики;
  • фрактальной графики.
Вариант 1 5. Как ой из графических редакторов является векторным? Вариант 2 5. Какой вид изображения формируется при сканировании с бумаги или фотоплёнки?

Вариант 1

5. Как ой из графических редакторов является векторным?

Вариант 2

5. Какой вид изображения формируется при сканировании с бумаги или фотоплёнки?

  • Adobe illustrator ;
  • Paint ;
  • Corel Draw ;
  • Adobe Photoshop .
  • растровое;
  • векторное;
  • фрактальное.
Вариант 2 6 . Укажите характеристики, соответствующие растровой графики при масштабировании ухудшается качество изображения; файлы изображения имеют небольшие размеры; большие возможности при изменении цвета и формы ; каждый объект в изображении не зависим от других; изображение можно легко масштабировать , без потери качества. Вариант 1 6. Какой вид изображения формируется при сканировании с бумаги или фотоплёнки?

Вариант 2

6 . Укажите характеристики, соответствующие растровой графики

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

Вариант 1

6. Какой вид изображения формируется при сканировании с бумаги или фотоплёнки?

  • растровое;
  • векторное;
  • фрактальное.
ответы  Критерии оценивания  6б – «5»  5 - 4б – «4»  3б – «3» Вариант I Вариант II 1 2 a, b, d, e; 3 c; a; 4 5 d; 6 b: c; 1 2 c; 3 d; a, b, d, e; 4 5 a; 6 a; a, c, d;

ответы Критерии оценивания 6б – «5» 5 - 4б – «4» 3б – «3»

Вариант I

Вариант II

1

2

a, b, d, e;

3

c;

a;

4

5

d;

6

b:

c;

1

2

c;

3

d;

a, b, d, e;

4

5

a;

6

a;

a, c, d;


Получите в подарок сайт учителя

Предмет: Информатика

Категория: Уроки

Целевая аудитория: 8 класс.
Урок соответствует ФГОС

Скачать
Открытый урок по теме "Компьютерная графика"

Автор: Филатова Анна Александровна

Дата: 18.06.2014

Номер свидетельства: 106725

Похожие файлы

object(ArrayObject)#863 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(88) "Разработка урока по теме "Компьютерная графика" "
    ["seo_title"] => string(51) "razrabotka-uroka-po-tiemie-komp-iutiernaia-ghrafika"
    ["file_id"] => string(6) "145535"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1418930869"
  }
}
object(ArrayObject)#885 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(81) "Открытый урок на тему "Компьютерная графика""
    ["seo_title"] => string(43) "otkrytyi_urok_na_temu_kompiuternaia_grafika"
    ["file_id"] => string(6) "570767"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1611130222"
  }
}
object(ArrayObject)#863 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(89) "Конспект урока на тему: Графический редактор Paint "
    ["seo_title"] => string(54) "konspiekt-uroka-na-tiemu-grafichieskii-riedaktor-paint"
    ["file_id"] => string(6) "170988"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1423627666"
  }
}
object(ArrayObject)#885 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(42) "Открытый урок "Граттаж""
    ["seo_title"] => string(20) "otkrytyiurokgrattazh"
    ["file_id"] => string(6) "283059"
    ["category_seo"] => string(3) "izo"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1453785359"
  }
}
object(ArrayObject)#863 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(113) "открытый урок на тему "Мультипликационные животные или птицы""
    ["seo_title"] => string(57) "otkrytyiuroknatiemumultiplikatsionnyiezhivotnyieiliptitsy"
    ["file_id"] => string(6) "266041"
    ["category_seo"] => string(3) "izo"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1450087571"
  }
}

Получите в подарок сайт учителя

Видеоуроки для учителей

Курсы для учителей

ПОЛУЧИТЕ СВИДЕТЕЛЬСТВО МГНОВЕННО

Добавить свою работу

* Свидетельство о публикации выдается БЕСПЛАТНО, СРАЗУ же после добавления Вами Вашей работы на сайт

Удобный поиск материалов для учителей

Ваш личный кабинет
Проверка свидетельства