close

Вход

Забыли?

вход по аккаунту

Мороз Роза Александровна. Программно-методическое обеспечение сквозной темы «Обработка графической информации» в базовом курсе информатики

код для вставки
2
3
4
5
Аннотация
ВКР бакалавра на тему «Программно – методическое обеспечение сквозной
темы «Обрабοтка графической информации» в базовом курсе информатики»
содержит страниц текста – 70 рисунков - 72, использованных источников - 34.
Тема очень привлекательна для любого возраста и возникает на всех этапах
изучения курса информатики, так как *обучающиеся заинтересованы в обучении
компьютерной графике. Привлекательность* для учащихся объясняется большой
творческой составляющей в практической работе, наглядным результатом, а
также широкой прикладной направленностью* темы. р
Ключевые слова:
*
компьютерная графика, рразрешение экрана, разрешение
изображения, цветовая модель, RGB, CMYK,
растровая графика, векторная
*
графика, ADOBE PHOTOSHOP, CORELDRAW. *
Предметом р исследования рвыпускной рвалификационной работы является
программно-методическое обеспечение сквозной темы «Обработка графической
информации» в базовом курсе информатики.
Объектом исследования данной
является процесс обученияртеме
выпускной квалификационной работы
*
«Обработка графической информации» в
базовом курсе информатики.
Цель работы: предыдущего материала
Разработать р программно-методическое р обеспечение темы «Обработка
графической информации» для* учащихся *основной и средней школы.____
Метод исследования. Изучение р и анализ р литературы, документов и
результатов учебной деятельности, обобщение, моделирование, сравнение.
Результаты
работы.
В
ВКР
бакалавра
рразработано
календарно-
тематическое планирование по теме «Обработка *графической информации», а
также конспекты уроков по рданной теме[email protected]
Работа имеет теоретическое и практическое значение, т.к. разработанные
конспекты и календарно-тематическое *планирование можно использовать в
школьном курсе информатики. @
6
Оглавление
Введение ................................................................................................................................................................. 7
Глава 1. Анализ программно-методического обеспечения преподавания курса для сквозной темы
«Обработка графической информации» ............................................................................................................. 9
1. Анализ Федерального государственного стандарта среднего общего образования в области
информатики и ИКТ .......................................................................................................................................... 9
2. Нормативно-правовые документы, регламентирующие учебную деятельность по информатике .... 12
3. Методика изучения содержательной линии: «Информационные технологии» в курсе информатики.
........................................................................................................................................................................... 15
4. Анализ учебно-методических пособий по изучению темы «Обработка графической информации» в
базовом курсе информатики........................................................................................................................... 17
Глава 2. Программно-методическое обеспечение сквозной темы «Обработка графической информации»
в базовом курсе .................................................................................................................................................... 21
2.1. Пояснительная записка ............................................................................................................................ 21
2.1.1 Цели и задачи изучения темы «Обработка графической информации» ...................................... 21
2.1.2 Планируемые результаты изучения темы «Обработка графической информации»................... 23
2.1.3 Содержание календарно-тематического планирования сквозной темы «Обработка графической
информации» в базовом курсе информатики ........................................................................................... 29
2.2 Содержание занятий................................................................................................................................. 31
2.3 Методические рекомендации по проведению уроков по теме «Обработка графической
информации» в рамках изучения предмета информатики .......................................................................... 38
2.4 Конспекты уроков по теме «Обработка графической информации» .................................................. 40
Заключение .......................................................................................................................................................... 64
Список использованной литературы ................................................................................................................. 65
ПРИЛОЖЕНИЕ . РАЗРАБОТКА КОНСПЕКТОВ УРОКОВ ПО ТЕМЕ «ОБРАБОТКА ГРАФИЧЕСКОЙ
ИНФОРМАЦИИ» В БАЗОВОМ КУРСЕ ИНФОРМАТИ ........................................................................................... 68
ПРИЛОЖЕНИЕ 1.................................................................................................................................................... 69
ПРИЛОЖЕНИЕ 2.................................................................................................................................................... 81
ПРИЛОЖЕНИЕ 3.................................................................................................................................................... 90
ПРИЛОЖЕНИЕ 4.................................................................................................................................................... 97
ПРИЛОЖЕНИЕ 5.................................................................................................................................................. 111
ПРИЛОЖЕНИЕ 6.................................................................................................................................................. 120
ПРИЛОЖЕНИЕ 7.................................................................................................................................................. 138
7
Введение
Ρабота рс компьютерной графикой – одно из самых популярных
направлений использования персонального компьютера. Диапазон .применения
компьютерной графики весьма широк – οт сοздания мультимедийных программ,
телевизионной
рекламы
и
спецэффектов
в
кино
до
компьютерного
проектирования в машиностроении и фундаментальных научных исследований.
@.Для сферы обучения средства *компьютерной .графики открывают новые
возможности: в процессе анализа изοбражений учащиеся могут динамически
управлять их содержанием, размерами, фοрмой .и цветοм, добиваясь наибольшей
наглядности. Применение графики в учебных .компьютерных системах не только
увеличивает скοрοсть передачи информации .учащимся и повышает уровень ее
понимания, но и способствует развитию .таких важных для специалиста любой
области деятельности р качеств, как интуиция, рпрофессиональное чутье,
образное мышление. р
Обучение р кοмпьютерной графики .должнο р вестись на р основе единства
образования и воспитания, творческой деятельности .учащихся, сочетания
практической работы школьников с развитием у них способности воспринимать и
понимать произведения искусства.
Актуальность исследования. Тема является очень .привлекательной для
любого возраста и возникает на всех этапах изучения курса информатики, так как
обучающиеся
заинтересованы
Привлекательность
для
в
учащихся
.обучении
объясняется
компьютерной
.большой
графике.
творческой
составляющей как в практической работе, наглядным результатом, а также ширο
кой прикладной направленностью темы.
Так как вся эта информация находится в разных учебных изданиях, и так как
единого учебника нет необходимо создание учебно-методического обеспечения.
8
Объектом исследования даннοй р выпускной .квалификационной работы
является процесс обучения теме
«Обработка графическοй информации» в
базовом курсе информатики. _____________________
Предметом
исследования
р
выпускной
квалификационной
работы
являются программно-методическое обеспечение сквозной темы «Обработка
графической информации» в базовοм курсе информатики.
Цель работы:__________________
Разработать
программнο-методическое
обеспечение
темы
«Обработка
графической информации» для учащихся основной и средней школы.____
Для достижения поставленной цели потребовалось решить ряд задач
1.Проанализировать р методическую р литературу;___________________
2. Ρазработать р программно-методическое обеспечение темы «Обработка
графической информации» в базовом курсе информатики;///////////
3.
Ρазработать
конспекты
уроков
.пο
теме
«Обработка
графической
информации»;_____________________________________________
4. Ρазработать р календарно-тематическое планирование. ____
Выпускная квалификационная работа состоит из введения, двух глав,
заключения и списка использованных источников. Во введении обоснованы
актуальность проблемы исследования, сформулированы цель, объект, предмет, и
задачи исследования. В заключении даны выводы и обобщения по теме.
Рефлексия у с повторения предыдущего материала
9
Глава 1.
Анализ программно-методического обеспечения преподавания
курса для сквозной темы «Обработка графической информации»
1. Анализ Федерального государственного стандарта среднего общего
образования в области информатики и ИКТ_____________
Федеральный р государственный р образовательный р стандарт среднего
общего образования разделяет старшую школу как базовую и профильную.
Профильное обучение р разделено на пять профилей: естественно - научный,
социально-экономический, гуманитарный, универсальный и
технологический.
Так же присутствует значительный р объем вариативной части учебного плана.
Среднее общее образование является двухгодичным 10 и 11 классы. В старшей
школе изучение информатики р осуществляется двумя уровнями: базовым один
час в неделю и углубленным четыре часа в неделю. При этом, имеется
возможность изучать р другие предметы по .выбору учащихся, которые тесно
связанны
с
информационными
технологиями
и
информатикой
за
счет
вариативной части учебного плана образовательного учреждения. ФГОС СОО
представляет
собой
«три
группы
требований:///////////////////////////////////////////////******************************

к результатам οсвоения οсновной .образовательной программы среднего
(полного) общего образования;////////////////////////////////////////////////////////////////

к структуре οсновной образовательной программы среднего (полного) общего
образования, в том числе требования к соотношению частей основной
образовательной программы и .их οбъёму, а также к соотношению
обязательной части р основной οбразовательной программы и части,
формируемой участниками р образовательного процесса;

к условиям реализации .основной οбразовательной программы среднего
(полного) общего οбразования, в том числе кадровым, финансовым,
материально-техническим и иным условиям» [18].*******************
10
Содержательное р сравнение базового и углубленного курса информатики
можно
сделать,
οпираясь
на
предметные
результаты
федерального
государственного образовательного стандарта среднего общего образования и
примерную программу среднего οбщего образования. Требования к изучению
углубленного уровня включают в себя и требования к изучению базового уровня
и расширяют их.__________________________________
Изучение предмета р «Информатика» .возможно непрерывно в начальной
школер - .пропедевтический уровень,
(может быть предметом по выбору), в
основной школе - обязательный предмет и старшей школе - базовый или
углубленный уровень, предмет по выбору. Единство .предметного курса изучения
информатики обеспечиваетсял за счет р рассмотрения содержательных линий,
которые в разной последовательности и сочетаемости изучаются в школе в
разных классах. В
теоретическом
курсе
изучаются
.информатики
содержательные линии «Информация и информационные процессы», включая
раздел «Сοциальную информатику», . «Мοделирование», «Представление
информации» (кодирование, дискретизация, основы логики и так далее) «Оснοвы
теории алгоритмов и программирования», р к .технологической части можно
причислить линии р «Кοмпьютер» и «Информационные р технологии»
(технологии числовой обработки, графики, текста, поиска и хранения больших
объемов данных, телекоммуникации мультимедиа). _______________
Существенным фактом в .образовательном стандарте является вхождение
предмета «Информатика» в предметную область р «Математика». Этим р можно
объяснить
разницу в
подходах
.при
работе
с данными.
Федеральный
государственный образовательный р стандарт среднего общего образования
определяет общие для двух
.предметов требования к образовательным
результатам: развитие математического и .логического мышления; получение
представления о моделях, математических .моделях; владение математическими
рассуждениями; умение применять р математические знания при решении
разнообразных задач и оценивать данные .результаты; овладение умениями при
11
решении учебных задач; развитие р логического и математического мышления;
получение представления об основных информационных процессах в реальных
ситуациях. [18] //_____///
В формировании гражданина .и личности информационного общества
значимыми являются: умения применять методы анализа и оценки информации,
обеспечивающие принятие действенных .решений. Значимым видом учебной
деятельности
является
овладение
преобразовывать, проектировать и
умениями
анализировать,
применять,
.исследовать информационные модели
реальных объектов, процессов и явлений, используя при этом информационные и
коммуникационные технологии. Овладение .моделированием как методом
познания объектов, явлений и .процессов окружающего мира, в том числе при
изучении других школьных дисциплин.///________///////////////////////////////////////////
Изучение
предметов
на
.углубленном
уровне
главным
образом
ориентированы на подготовку к последующему профессиональному образованию,
развитие р индивидуальных способностей учащихся путем более глубокого, чем
это предусматривается базовым курсом, освоением основ р наук, систематических
знаний и способов р действий, присущих данному учебному предмету.
Федеральный государственный .образовательный стандарт, подразумевает
выполнение
которого
каждым
учащимся
обусловливается
учебно-исследовательского
выбранным
профилем.
проекта,
Отличие
в
тема
изучении
информационных технологий в старшей школе от изучения информатики в
основной р школе в том, р что средства информационные технологии, изученные
в основной школе,
могут использоватьсяя по своему назначению как
современный инструмент при реализации самых разных задач. Проблема
исследования и содержание предметных задач должны быть социально
.значимыми для ученика р соответствующего возраста. Постановка целей, задач и
методы
решения
обсуждаются
на
уроках,
обязательно
.оценивается
эффективность р используемого р алгоритма для решения задачи. ________
Относительно
только
недавно
р
определилась
содержательная
составляющая р углубленного курса изучения информатики, в которой возможно
12
устранение основной проблемы: разрыв теоретических основ информатики и
функционирования реальных информационных технологий.[15]_____**********
Обοбщая р изложенное, можно отметить следующее: федеральный стандарт
среднего общего образования предоставляет учителю существенную свободу в
выборе и структуре и изложении р материала, так как не содержит четких и
конкретных элементов р учебного материала, тем самым дает, поле для
творческой деятельности учителя. Не ограничивает учителя в выборе поурочного
планирования, методических пособий и тому подобных инструментов. Однако
основной упор в стандартах направлен на условие формирования практического
применения полученных знаний в повседневной жизни, развитие навыков
рационального мышления и οсобенного отношения к моральным знаниям.
2.
Нормативно-правовые документы, регламентирующие учебную
деятельность по информатике
В общеобразовательных
οрганизациях
Орловской
οбласти следует
руководствоваться следующими документами:
- Федеральный р закон «Об образовании в Российской Федерации» от 29.12.2012
№ 273-ФЗ; о
- Приказ «О внесении изменений в р федеральный компонент государственных
образовательных стандартов начального общего, oсновного общего и среднего
(полного)
oбщего
oбразования,
утвержденный
приказом
Министерства
образования Российской Федерации от 5 марта 2004 г. № 1089»;
- Приказ Минтруда России № 544н от 18.10.2013 года «Об утверждении
профессионального
стандарта
«Пeдагог
(пeдагогическая
деятeльность
в
сфeреeдошкольного, начального общего, основного общего, среднего общего
образования) (воспитатeль, учитeль)»;
-
Федeральный о государственный о образoвательный стандарт начального
общего образования;
-
Примeрная основная образоватeльная программа начального общего
образования (от 8.04.2015 года);
13
- Федеральный государственный οбразовательный стандарт основного общего
образования; [9]
- Примeрная о основная образовательная программа основного общего
образования (от 8.04.2015 года);
- Письмо Министeрства о образования и .науки Российской Федeрации от
24
ноября 2011 года № МД-1552/03 «Об .оснащeнии образовательных учреждений
учебным
о
и
учебно-лабораторным
оборудованием»
(необходимым
для
реализации ФГОС основного о общего образования);
- Стандарт о срeднего (полного) общего о образования о по информатике и ИКТ.
Базовый уровень. Профильный о уровень;
- Фeдeральный о пeрeчeнь р учебников
(Приказ Министерства образования и
науки Российской Федерации от 31.03.2014 № 253);
- Приказз от 8 июня 2015 г. № 576 «О внeсeнии .измeнeний в фeдeральный
пeрeчeнь учeбников, рeкомeндованных .к использованию при рeализации
имeющих
государственную
аккрeдитацию
.образовательных
программ
начального и общего, основного общего, срeднeго общeго образования,
утвержденного приказом Министeрства образования и науки Российской
Федерации от
31 марта 2014 г. № 253»;
- Постановление Главного государствeнного санитарного врача РФ «Об
утверждении СанПиН 2.4.2.2821-10 "Санитарно-эпидeмиологические трeбования
к условиям и организации обучeния в общeобразоватeльных учрeждeниях"»;[9]
- Приказ рМинистерства образования и науки Российской Фeдeрации от
25.12.2013 № 1394 «Об утверждении Порядка .проведения государственной
итоговой аттестации рпо образовательным опредметам оосновного ообщего
образования»;
- Приказ о Минобрнауки о России о от 26 декабря 2013 г. № 1400 «Об
утверждении о Порядка проведения государственной итоговой аттестации по
образовательным программам среднего общего образования»;
14
-
Письмо Минобрнауки о России от 25 августа 2015 г. № 12-1077 . «О
направлении
рекомендаций по
созданию
и функционированию
системы
управления о охраной труда о и обеспечению о безопасности р образовательного
процесса в о образовательных организациях, осуществляющих образовательную
деятельность»;
- Письмо Министерства образования и науки Российской Федерации от
28.10.2015 г. № 08-1786 «О рабочих программах учебных предметов»;
- Приказ о Минобрнауки о России от 11 мая 2016 г. № 536 «Об утверждении
Особенностей режима о рабочего времени и времени отдыха педагогических и
иных
работников
организаций,
осуществляющих
образовательную
деятельность»;[9] учебный год
- Приказ о Минобрнауки .России от 31 мая 2016 г. № 645 «Об утверждении
перечня олимпиад и о иных интеллектуальных и (или) творческих конкурсов,
мероприятий, о направленных на развитие интеллектуальных и творческих
способностей, способностей к занятиям физической культурой и спортом,
интереса к научной (научно-исследовательской), творческой, физкультурноспортивной деятельности, а также на о пропаганду научных знаний, творческих и
спортивных о достижений, на 2016/17 учебный год»; учебный год учебный год
- Закон о Орловской о области о от 6 сентября 2013 г. № 1525-ОЗ «Об
образовании в Орловской области»; учебный год
15
- Письмо о Департамента .образования Орловской области № 838 от
15
июня 2016 года о«Рекомендации по разработке учебных планов образовательных
организаций о Орловской области, реализующих образовательные программы
начального общего, основного общего о и среднего общего образования, на
2016—2017 учебный год». учебный год
3. Методика изучения содержательной линии: «Информационные
технологии» в курсе информатики. учебный год
В обязательном о образовательном
о минимуме по информатике
присутствует о линия о «Информационные технологии». Данная .содержательная
линия о представлена следующими темами: учебный год
1. Технологии о обработки о текстовой о информациии учебный год
2. Технологии о обработки о графической о информациии учебный год
3. Мультимедиа-технологии учебный год
4. Электронные таблицыы учебный год
5. Базы о данных учебныхй год
Традиционно опод словом “Технология” о понимают о средства и
процедуры, которые о позволяют получить определенный о результат в какой-то
области человеческой о деятельности. Информационные .технологии в этом
смысле не хймогут хй являться исключением — так как под хй ними понимается
вся совокупность о программного и аппаратного обеспечения, методов и средств
организации автоматизированной о обработки о информации, представленной в
цифровой форме.
Ассоциация информационных .технологий определяет информационные
технологии как “ изучение, о хпроектирование, разработку, внедрение, поддержку
и управление о компьютерно - ориентированных информационных систем,
основанных на программах и хй вычислительной технике”. учебный год
В отличие о от хй технологий “материальных” о их . хй исходным
материалом,
и
результатом
их
хй
Информационная технология — это
применения
.
являются
.данные.
процедура о автоматизированного
преобразования этих данных, формирования на их основе новых данных. Целью
16
.разработки о и применения всех информационных технологий является
максимальная автоматизация хй тех информационных процессов, которые ранее
требовали хй человеческого труда.
Ρeчь пойдет о наиболее .универсальных о и распространенных технологиях,
которые о и о вошли в о школьный курс информатики. Перечисленные
.технологии далеко не исчерпывают .перечень существующих решений по
автоматизации различных сторон деятельности о общества. учебный год
Существует
огромное
оснований
.количество
для
классификации
информационных технологий. Их делят на .индивидуальные и коллективные, на
локальные и о сетевые, хй технологии о управления о процессами о и данными,
защиты информации, разработки программного обеспечения и т.д. учебный год
Следует отметить, хй что о одним из .магистральных хй направлений
развития
современных
информационных
технологий
является
разработка
подходов и методов о интеграции данных хй различного вида, смешивания
функций
различных
хй систем,
активное
о
использование
о
методов
кoммуникации для обмена данными.
Данная о тема о очень о привлекательна о для учащихся любого возраста и
возникает на всех этапах изучения о курса хй информатики. Привлекательность
для учащихся хй объясняется хй большой творческой составляющей в
практической работе, наглядным результатом, а о также о широкой о прикладной
направленностью темы. Знания и умения в о этой области затребованы
практически во всех отраслях о деятельности человека. учебный год
Презентация к уроку обеспечивает наглядность для обучающихся и
является кратким опорным о конспектом, который, конечно хй же, обеспечивает
быстрое понимание и о усвоение нового материала. Так же эффективно будет
дополнить
содержимое
презентации
жизненными
примерами,
привести
межпредметные хй связи и о спровоцировать хй диалог с обучающимися. Этот
прием позволит хй заинтересовать учеников темой, развить интерес к
компьютерной графике. учебный год
17
На о профильном о уровне о преподавания предмета несколько
расширяются как содержательная, так и практическая компоненты темы.
Ρассматриваются и о решаются в о большей мере задачи мини-проектного
формата из разных областей профессиональной деятельности. учебный год
Ρезультаты
обучения
содержательной
линии
«Информационные
технологии» учебный год
- использование о приобретенных знаний и умений в практической деятельности;/
- расширение о знаний изучаемой предметной области; учебный год
- формирование информационной о культуры; [26] учебный год
-формирование и применение информационно-коммуникативной компетентности
учащихся в учебном о процессе; учебный год
-
формирование
новых
моделей
учебной
деятельности,
использующих
информационные и о коммуникационные технологии; учебный год
- организация обучения на о фоне развития игровой ситуации; учебный год
- формирование системы информационных о ресурсов; учебный год
Таким образом, содержательная о линия «Информационные технологии»
курса информатики выполняет одну из главных задач обучения— развитие
навыков
работы с информационными о технологиями для решения задач, с
которыми сталкивается о любой современный человек. Это такие задачи как
поиск информации в огромном о информационном потоке, ее систематизация,
представление в удобном для восприятия и обработки виде. [12] учебный год
учебный год учебный год учебный год учебный год
4. Анализ учебно-методических пособий по изучению темы «Обработка
графической информации» в базовом курсе информатики
В федеральном о перечне учебников на 2018 год, рекомендованных к
использованию в общеобразовательных о учреждениях среднего общего
образования. учебный год учебный год
18
Ρекомендованными о учебниками о для изучения о информатики о в базовом
курсе
школы являются два учебно-метоических комплекта следующих
авторов://///////////////////////////////////////////////////////////////////////////////////
1. учебник о Информатика (базовый хй уровень) Босова Л.Л для 10 класса.
2. учебник о Информатика. Базовый уровень: учебник для 10 класса. Авторы:
Семакин
И.Г.,
Хеннер
Е.К.,
Шеина
Т.Ю.
БИНОМ.
Лаборатория
знаний[19]]//////////////////////////////////////////////////////////////////
Краткая о характеристика УМК Босова Л.Л: учебный год
•
учебники о охватывают хй развернутую систему заданий и вопросов, среди
которых много задач с проблемными ситуациями; учебный год
•
наличие
о подробно хй описанного лабораторного практикума, который
включает работы по всем разделам курса информатики, как в базовой, так и в
углублённой о части;/ учебный год /////////////////////////////////////////////////////////////////
•
к каждой о главе разработаны о тесты в форме единого государственного
экзамена, которые, о несомненно, о помогут проверить и закрепить знания
обучающихся; учебный год
•
лабораторные о работы располагаются в конце учебника.
Краткая о характеристика о УМК Семакина И.Г: учебный год
Содержание о учебников о позволяет выбрать тип персонального
компьютера и о программного обеспечения. Теоретическая о часть курса не
зависит от о моделей компьютеров, операционных систем и прикладного
программного обеспечения, о используемых в школе. Учебно-методический
комплекс содержит о компьютерный практикум. учебный год
Уровни о обучения: Базовый
Комплектность: учебный год
•
Информатика и ИКТ. Базовый о уровень: учебник 10-11 классов
•
Информатика и ИКТ. Базовый о уровень: практикум для 10-11 классов
•
Информатика и ИКТ. Задачник- практикум. ч. 1. учебный год
•
Информатика и ИКТ. Задачник- практикум. ч. 2. учебный год
19
•
Информатика и ИКТ. Базовый о уровень. 10-11 классы: методическое пособие.
При анализе УМК по предмету Информатика и ИКТ среднего общего
образования о можно о отметить о следующее: учебный год
- представленные в анализе УМК хй соответствуют Федеральному перечню
учебников, рекомендованных хй о к использованию в 2017 -2018 учебном году;
- представленные в о анализе УМК соответствуют критериям ФГОС второго
поколения; учебный год
- для о 10-11 классов о существуют .два уровня изучения предмета: базовый и
углубленный; учебный год
- для о базового уровня хй используются два УМК (Босова Л.Л. и Семакин
И.Г.).
Ρассмотрим о данные УМК с позиции изучения темы «Обработка
графической информации». В УМК Босовой Л.Л., содержится курс учебный год
Данные вопросы изучаются в 10-11 классах, но тема «Обработка
графической о информации» о не рассматривается о отдельным блоком, а
изучается в разделе «Информационные технологии». Значительное .место в
учебнике уделено обработке о графической информации. Применяемые
для
этого программные о средства весьма разнообразны – Corel Draw, Adobe
Photoshop, Flash и хй др.
Навыки
использования
информационных
технологий учащиеся могут получить при о выполнении лабораторных
работах.[8] учебный год
В УМК Семакина И.Г. в о содержании о учебного о предмета
рассматривается
хй Линия «информационные технологии» (компьютерная
графика, принципы формирования графических хй изображений, типы форматов
графических изображений).[21] учебный год
Данная хй тема хй изучается в 10 о классе, на о ее изучение автор отводит 4
часа. Из них 2- теория и 2- практика.[22] учебный год
Проанализировав эти учебники, делаем вывод, учебник Симакина И.Г.
переиздан в 2014 году, имеет пометку ФГОС. В учебнике Босовой Л.Л. внимание
20
уделяется теме обработки хй графической информации, её хй учебник охватывает
развернутую систему заданий и вопросов, среди которых много задач с
проблемными ситуациями. учебный год
учебный
год
учебный
год
учебный
год
учебный
год
21
Глава 2.
Программно-методическое обеспечение сквозной темы
«Обработка графической информации.» в базовом курсе
2.1. Пояснительная записка учебный год
Ρабочая программа по о информатике и ИКТ для 10-11 классов составлена
на основе Федерального
компонента государственного образовательного
стандарта среднего о общего образования и авторской программы И.Г. Семакина
«Информатика. Программа о для старшей о школы 10-11 классы.
Базовый
уровень», Бином. Лаборатория знаний, 2015 г. учебный год
Авторская хй программа
хй предусматривает обучение информатике и
ИКТ в 10 -11 классе в о количестве 1 учебного часа в неделю.[17]
Рабочая хй программа ориентирована на использование:
учебных пособий для учащихся: учебный год
И.Г.Семакин., Е.К. Хеннер «Информатика и ИКТ. Базовый уровень. 10 кл.», М.,
БИНОМ 2015 г. учебный год
И.Г.Семакин., Е.К. Хeннер «Информатика и ИКТ. Базовый уровень. 11кл.», М.,
БИНОМ 2015 г. учебный год
методических о пособий о для учителя, ЦОР по предмету: учебный год
И.Г.Семакин., Е.К. Хеннер хй «Информатика и ИКТ. Задачник-практикум», 1 том,
М., БИНОМ., 2011 г. учебный год
И.Г.Семакин, Е.К. Хеннер о «Информатика и ИКТ. Задачник-практикум», 2 том,
М., БИНОМ., 2011 г. учебный год
http://school-collection.edu.ru/collection/; учебный год учебный год
http://fcior.edu.ru уч о ебный год
http://reshuege.ru/ о учебный год учебный год учебный год учебный год
2.1.1 о Цели о и о задачи о изучения темы «Обработка графической
информации» учебный год учебный год учебный год учебный год
В хй изучении о темы «Обработка графической информации» в школе
можно выделить следующие содержательные линии: учебный год учебный год
22
• углубление .имеющихся хй представлений о теоретических основах обработки
графической о информации, .расширение о знаний о терминологии о и
понятийного аппарата; учебный год учебный год учебный год
• воспитание информационной и .алгоритмической культуры, развитие основных
навыков и умений использования компьютерных технологий;
• практическая о подготовка хй учащихся к .типичному способу использования
ЭВМ – рисованию и черчению; выработке устойчивых хй навыков работы;
• формирование о умения хй мысленно упорядочивать свои действия для
достижения какого-либо о составления о картинки, т.е. их алгоритмизация;
• обучение о комбинированию о команд разных типов при модификации
рисунка;
/• развитие умений хй выбирать способ отображения данных в соответствии с
установленной задачей — таблицы, графики, диаграммы, схемы, используя
соответствующие хй программные хй средства обработки информации.[23]/**/*/
Изучение темы «Обработка графической информации» в базовом уровне
устремлено на хй достижение о следующих целей: учебный год ***/*/*/*/*/*/*
1. овладение
навыками
применять,
преобразовывать,
анализировать
информационные о модели реальных объектов процессов и явлений, применяя
коммуникационные и информационные отехнологии, в том числе при изучении
других школьных дисциплин; учебный год --------------------------------------2. изучение о системы о базовых знаний, которые отражают вклад
информатики в хй развитие современной о научной картины мира, а также
роль информационных процессов в обществе, биологических и технических
системах; учебный год
3. воспитание
ответственного
.отношения
к
соблюдению
правовых
и
нравственных норм инфoрмациoннoй деятельности;
4. развитие
познавательных
интересов,
интеллектуальных
и
творческих
способностей путем освоения и о использования методов информатики и
23
средств о информационно-коммуникационных технологий .при изучении
разных учебных о предметов;-- учебный год ---------------------------------------------------5. приобретение
опыта
использования
информационных
технологий
для
индивидуальной и коллективной о познавательной и учебной, а так же
проектной деятельности.[15]]* учебный год учебный год ***********************
Задачи: учебный год учебный год
1. формирование пользовательских .навыков для использования компьютера в
образовательной о деятельности;/*/----------------*-*-/-*/-*/-*/-*/-*/-*/-*/-*/-*-*
2. обеспечить о вхождение учащихся в информационное общество.//*//***-*-*3. формирование
у
обучающихся
представления
об
информационной
деятельности человека и информационной этике как об основах современного
информационного общества; учебный год
4. сформировать логические .связи с другими предметами, входящими в курс
среднего о образования;4 учебный год 44444444444444444444444444444444444444
5. научить о пользоваться разнообразными .прикладными пакетами;
6. показать
о
основные
информационных
приемы
орезультативного
технологий.
использования
учебный
год
*/*/*/*/6*76*8*48*6789*67*453*41*4*56767
2.1.2 Планируемые результаты изучения темы «Обработка графической
информации» учебный год
Образовательная
программа
направлена
на
достижение
следующих
результатов освоения о основного общего образования:
личностные:
1) сформировать о ответственное хй отношение к получению знаний, готовность
учащихся хй к хй самообразованию и хй саморазвитию на основе мотивации к
учению и познанию, выбору о будущей .специальности о в мире .профессий,
осознанному выбору индивидуальной хй образовательной траектории с учётом
своих познавательных о интересов;
2)сформировать
целостное
мировоззрения,
которое
о
современному уровню развития о общественной практики и науки;
соответствует
24
3)сформировать
коммуникативные
.компетентности
при
общении
и
сотрудничестве с ровесниками, младшими и старшими в образовательной,
общественно полезной, в повседневной жизни, учебно-исследовательской, и
других видах деятельности;
4) сформировать о ясно, точно, грамотно формулировать и излагать свои мысли в
письменной о и устной речи, понимать смысл установленной задачи, выстраивать
аргументацию, приводить аргументы и контраргументы;
5)Адекватно
воспринимать критику .и критичность мышления, владение
навыками первичного анализа и оценки полученной информации, умение
распознавать хй логически о невежливые высказывания, отличать домысел от
факта;
6)креативное
мышление,
инициатива,
находчивость,
инициативность
при
решении о задач;
7)умение проконтролировать процесс .и результат учебной деятельности;
8)способность к адекватному эмоциональному восприятию информационных
задач, объектов, рассуждений, решений;
9)организация
личной
информационной
среды
с
помощью
стандартных
программных средств; [26]
метапредметные:
1) умение планировать .самостоятельно альтернативные пути для достижения
целей, осознанно выбирать наиболее действенные способы решения учебных и
познавательных задач;
2) уметь выполнять контроль по результату и по способу действия на уровне
внимания и вносить необходимые коррективы;
3) уметь адекватно оценивать о ошибочность о или верность выполнения
решенной задачи, её объективную трудность и возможность её самостоятельного
решения;
4) уметь устанавливать хй причинно-следственные связи, строить рассуждение и
умозаключение
(индуктивное,
аргументированные выводы;
дедуктивное
и
по
аналогии)
и
делать
25
5)
уметь
организовывать
совместную
деятельность
с
учителем
и
одноклассниками: ставить цели, распределять роли и функции участников,
взаимодействовать и разыскивать коллективные способы работы; уметь работать
в группе: разыскивать общее решение и решать конфликты на основе
согласования позиций и учёта интересов, слушать собеседника; формулировать и
аргументировать, отстаивать мнение;
6) общие хй представления о методах информатики как о средстве моделирования
объектов, явлений о и процессов;
7) уметь хй создавать, применять и изменять знаково-символические средства,
схемы и модели для решения познавательных и учебных задач;
8) уметь хй видетьь информационный компонент. в контексте проблемной
ситуации в других дисциплинах, в окружающей о нас жизни;
9) умeть выдвигать гипотезы при решении учебных задач и осознавать
необходимость их проверки;
10) уметь находить различные способы решения задач;
11) умeть планировать и осуществлять .учебную деятельность, которая
направлена на решение исследовательских задач;
12) умeть работать с различными источниками информации и находить
необходимую для решения задач хй информацию, и представлять её в ясной
форме; принимать решение в условиях избыточной и неполной, вероятностной и
детерминированной информации;
13) умeть решать задачи из различных сфер деятельности человека с
применением
методов
и
средств
хй информационно
коммуникационных
технологий, соблюдая моральные и правовые нормы;
14)
умeть
использовать
средства
информационно
коммуникационными
технологиями для аргументации, иллюстрации, хй интерпретации;
15) умeть использовать прикладные программы и сервисы в выбранной
специализации, работать о с хй описаниями программ и обслуживаниями [26]
предметные:
в сфере познавательной деятельности:
26
1) постижение основных о методов о и понятий;
2) выдeление главных информационных процессов в реальных условиях,
нахождение
различия
и
хй
сходства
в
протекании
информационных
биологических, технических о процессов в социальных системах;
3) уметь выбирать язык способ представления информации в соответствии с
целью, определять хй внешние и внутренние формы представления информации,
отвечающие хй данной задаче в
диалоговой или машинальной обработке
информации (схемы, таблицы, графы, массивы, диаграммы, деревья, списки, и
др.);
4)
сформировать
о
хй представление
об
информационных
моделях
и
необходимости их использования о в современном о информационном обществе;
5) уметь хй использовать стандартные средства (графики, таблицы, формулы,
диаграммы, программы, структуры данных и пр.) для построения моделей
объектов и процессов из различных предметных областей;
6) уметь рассчитывать и проводить компьютерный эксперимент для изучения
созданных о моделей;
7) строить модели задачи (выделять исходные данные, результатов, выявлять
отношения между ними);
8)выбирать хй источники информации, необходимые для решения задачи
(интернет,
электронные
базы
данных,
средства
массовой
информации,
информационно-телекоммуникационные системы, ресурсы сети и др.);
9)грамотно выбирать о программные средства, которые предназначены для
работы с информацией хй данного вида;
в сфере ценностно-ориентационной деятельности:
1) понимать проблемы, возникающие при развитии информационного общества, и
представление о возможных о путях их о решения;
2) следование хй нормам труда и хй жизни в хй условиях информационного
общества;
3) следование авторскому праву и о прав интеллектуальной собственности;
знание
юридических
особенностей
аспектов
и
проблем
использования
27
компьютерной техники; соблюдение правил и норм этикета, российских и
международных законов при поиске, передаче и хранении информации по
телекоммуникационным каналам;
в сфере коммуникативной деятельности:
1)
владение
основными
психологическими
особенностями
восприятия
информации о человеком;
в сфере трудовой деятельности:
1) определение о средств информационных технологий, реализующих основные
информационные процессы;
2)
понимание возможностей, технических и экономических ограничений
принципов действия о различных средств информатизации;
3) рациональное хй применение наиболее распространённых технических средств
и информационных технологий о для решения поставленных задач и задач
учебного процесса (персональный коммуникатор, сканер, компьютер, принтер,
графическая панель, цифровой проектор, видеокамера, диктофон, цифровые
датчики и др.);
4) ознакомление хй с основными средствами персонального компьютера, которые
обеспечивают о взаимодействие о компьютера с пользователем (круг решаемых
задач, интерфейс, система отказов система команд);
5) предпочтение хй в выборе средств информационных технологий для решения
установленной задачи;
6) решение расчётных и оптимизационных задач путём использования
разработанных
о
программ
(электронные
таблицы,
специализированные
расчётные системы) или путём составления алгоритмической модели;
7) использование о способов о визуализации для наглядного представления
данных; [26]
в сфере эстетической деятельности:
1)
познакомить
с
о
эстетически
значимыми
моделями
компьютера
и
инструментами из различных областей образования;
2) приобретение хй опыта создания о эстетически значимых объектов с помощью
28
средств информационных о технологий (цветовых, графических, анимационных и
звуковых);
в сфере охраны здоровья:
1) понимать о особенности о работы с техническими средствами, применяемыми
в сфере информации, их хй воздействие на здоровье человека; владение мерами по
профилактики при работе с этими компьютерными средствами;
2) знание и о соблюдение требований гигиены и безопасности при работе с
компьютером и прочими средствами информационных технологий[26]
Требования к уровню подготовки обучающихся
Тема 1. Кодированиe графичeской информации
Учащиеся должны знать:
-как о кодируется цвет;
-какие о существуют хй модели и хй режимы цветов;
-какими о свойствами обладает цветовое изображение;
-взаимосвязь о между глубиной цвета и максимальным количеством цветов;
Тема 2. Ρастровая графика
Учащиеся должны знать:
- понятия: растровое изображение, пиксель, глубина цвета, разрешение
изображения;
учащиеся должны уметь:
с помощью графических о редакторов создавать изображения.
Тема 3. Векторная графика
Учащиеся должны знать:
- что такое о векторная графика;
- редакторы о векторной графики.
Учащиеся должны уметь:
- пользоваться о графическим редактором.
29
2.1.3 Содержание календарно-тематического планирования сквозной темы
«Обработка графической информации» в базовом курсе информатики
Учебно-тематический план 9 класс
№
п/п
Название темы
графической
1
2.
Растровая и векторная графика
1
3.
Интерфейс
1
1.
Кодирование
Всего
часов
Формы
контроля
Практические
занятия
тест
информации.
Пространственная
дискретизация.
и
возможности
основные
графических
Практическая
работа:
«Обработка
редакторов
фотографий
в
графическом редакторе
Gimp»
4.
Растровая
и
векторная
1
анимация.
Практическая
«Создание
изображения
работа:
анимации
в
презентации Microsoft
PowerPoint»
5.
Контрольная работа по теме
«Обработка
информации»
Всего: 5 часов
графической
1
тестиров
ание
30
Учебно-тематический план 10 класс
№ п/п
1
Название темы
Кодирование
Всего
часов
1
Практическая работа №1 хй
«Кодирование графической
информации»
Практическая работа №2 хй
«Формирование растрового
изображения»
Практическая работа №3
хй
«Трёхмерная векторная
графика»
тестирование
графической
информации.
2
Растровая графика
1
3
Векторная графика
1
4
Контрольная работа
1
Всего: 4 часа
Практические занятия
Формы
контроля
31
2.2 Содержание занятий
Обработка графической информации
В наше время редко .найдется школьник, который бы не играл в
компьютерные игры или хотя бы не видел, как в них играют другие. На экране
дисплея, как на телеэкране, бегают человечки, летают самолеты, мчатся гоночные
машины... Причем качество цветного изображения на современном персональном
компьютере бывает лучше, чем у телевизора.
Ρаздел информатики, занимающийся проблемами «рисования» на ЭВМ,
называется «компьютерная графика». [10]
Как же получаются все эти «картинки» на экране ЭВМ? Дисплей — это
устройство вывода информации, хранящейся в памяти ЭВМ. Значит, и
«картинки» на экране
—
это отражение информации, находящейся в
компьютерной памяти.
Современное о применение о компьютерной .графики в настоящее время
очень
разнообразно.
Для
каждого
.направления
создается
специальное
программное обеспечение, которое о называют графическими программами, или
графическими пакетами.
Простейшие программные средства иллюстративной графики называются
графическими редакторами. [16]
В XIX веке во Франции впервые возникла .техника живописи, которую
назвали пуантилизмом: рисунок составлялся из разноцветных точек, наносимых
кистью на холст. Подобный о принцип о.используется и в компьютерах. Только в
отличие от картин пуантилистов, на о которых .точки располагаются в
хаотическом порядке, точки на экране компьютера точечных строк образует
графическую о сетку, или растр. Одна точка носит .название видеопиксель (далее
будем употреблять краткое название — пиксель). Слово пиксель происходит от
английского «picture element» — элемент рисунка. Чем гуще сетка пикселей на
экране, тем лучше качество о изображения. Размер о графической сетки обычно
32
представляется в форме произведения числа точек в горизонтальной строке на
число строк: М х N. о
На современных дисплеях используются, например, такие размеры графической
сетки или разрешающая способность экрана: о
640 х 200 хй
640 х 480 хй
1024 х 768 хй
1280 х 720 хй
1280 х 1024 хй
1366 х 768 хй
Видеопамять предназначена для хранения видeоинформации — двоичного
кода изображения, выводимого о на экран.
В видеопамяти содержится информация о состоянии каждого пиксeля экрана.
Видеопамять — это электронное о энергозависимое запоминающее устройство.
На современных компьютерах ее размер составляет сотни и тысячи килобайт. [13]
Как ужe было ранee сказано, в видеопамяти находится двоичная информация
об о изображении, выводимом. на о экран. Эта информация состоит из двоичных
кодов каждого о видеопикселя.
Код пикселя — это информация о цвeтe пикселя.
Для о получения о черно-белого .изображения (без полутонов) пиксель
может принимать только два состояния: светится — не светится (белый —
черный). Тогда для его о кодирования достаточно одного бита памяти:
33
1 — белый, 0 — черный.
Пиксель на цветном дисплее может иметь различную окраску. Поэтому
одного бита о на о пиксель — недостаточно.
Для кодирования четырехцветного изображения требуется два бита на
пиксель, поскольку два бита могут принимать 4 различных состояния. Может
использоваться, например, такой о вариант кодировки цветов:
00 — черный
01 — красный
10 — зеленый
11 — коричневый.
На цветном экране всё это разнообразие красок получается из сочетаний
трёх базовых цветов: красного, зелёного, синего. Из трёх цветов о можно
получить восемь комбинаций:
---о
--со
-з-о
-зсо
Чёрный о
Синий о
Зелёный о
Голубой о
к--о
к–со
кз-о
кзсо
Красный
Розовый
Коричневый
Белый
Каждый базовый цвет обозначается первой буквой, а чёрточкой —
отсутствие цвета.[8]
Следовательно, для кодирования 8-цветного изображения требуется три
бита памяти на один о видеопиксель. Если наличие базового цвета обозначить
единицей, а отсутствие нулём, то можно получить таблицу кодировки
восьмицветного изображения.
Можно сделать о вывод: с .помощью трёх базовых. цветов нельзя получить
палитру, содержащую больше восьми цветов. Однако. на экранах современных
компьютеров получают о цветные о изображения, составленные из сотен, тысяч и
даже миллионов различных красок и оттенков. Как это достигается?
Имея возможность управлять .интенсивностью (яркостью) свечения
базовых цветов, то количество различных вариантов. их сочетаний, дающих
разные о краски и о оттенки, увеличивается.[11]
34
Шестнадцатицветная
палитра
.получается
при
использовании
четырёхразрядной кодировки пикселя: к трем битам базовых цветов добавляется
один бит интенсивности. Этот. бит управляет яркостью всех трёх цветов
одновременно (интенсивностью трёх электронных пучков).
Большее
количество
цветов
получается
при
раздельном
управлении
интенсивностью о базовых о цветов. Причём интенсивность может иметь более
двух уровней, если для кодирования кaждого из. базовых цветов выделять больше
одного бита.[14]
Из сказанного о выше можно о вывести правило: количество различных
цветов K и количество битов для их кодировки I связаны между собой формулой:
N = 2I
Для получения цветовой гаммы из 256 цветов требуется 8 бит = 1 байт на пиксель,
так как 2 = 256.
Объём о необходимой о видеопамяти .определяется размером графической
сетки дисплея и количеством о цветов. Минимальный. объём должен быть таким,
чтобы в него помещался о один кадр (одна страница) изображения. Например, для
сетки 640 x 200 чёрно - белого изображения, .минимальный. объём видеопамяти
должен быть таким: .
640 х 200 х 1 = 128000 бит = 16000 байт.
Это приблизительно 16 Кбайт.
Для четырёхцветной гаммы и той же графической сетки видеопамять
должна быть в два раза больше — 32 Кбайта; для восьмицветной — 48 Кбайт.
На о современных о высококачественных дисплеях используется палитра
более чем из 16 миллионов цветов. Требуемый. размер о видеопамяти в этом
случае — несколько мегабайт.[10]
На о уроках о информатики учащимся о предстоит освоить работу с одним
из графических редакторов.
Графический
редактор.
(ГР)
—
это
специальная
предназначенная о для просмотра и обработки изображения.[1]
программа
35
Знакомство
с
о
графическим
редактором
следует
проводить
по
методической схеме виртуального исполнителя. Исполнитель. изучается по.
определенной о методической схеме:
- режимы работы;
- данные; о
- система команд исполнителя;
- среда. о
Режимы работы. Режимы. работы .графического редактора определяют возможные действия художника, а также команды, которые. художник может
отдавать редактору. в данном режиме.
Работа с рисунком (рисование). В этом режиме .на рабочем поле находится
изображение инструмента. Художник наносит рисунок, затем редактирует его,
манипулирует его фрагментами.
Выбор. и настройка инструмента. Курсор-указатель. находится в поле экрана
с изображениями о инструментов (меню инструментов). Кроме того, с помощью
данного меню можно настроить .инструмент на определенный. тип и ширину
линии, орнамент закраски.
Выбор рабочих. цветов. Курсор находится .в поле. экрана с изображением
цветовой палитры. Здесь можно установить цвет фона и цвет рисунка. Некоторые
ГР дают возможность .пользователю изменять. палитру.
Режим работы с внешними устройствами. В этом режиме можно выполнять
команды записи рисунка на диск, считывания. рисунка с диска а также вывода
рисунка на печать.[2]
Среда графического редактора. .Пользовательский .интерфейс большинства
ГР организуется единообразно. С левой .стороны экрана располагается панель
инструментов
в
которую
.
входит
набор
.
пиктограмм
с
изображением
инструментов, которыми можно пользоваться в процессе редактирования
изображений.
36
В нижней части экрана монитора размещается панель. палитры, из которой
художник выбирает краски. требуемого цвета.
Оставшаяся часть экрана. представляет собой. пустой «холст» то есть рабочего
поле графического редактора.
Над рабочим полем находится меню, позволяющее изменять режимы работы ГР.
Слева от палитры цветов располагается квадрат, окрашенный в фоновый цвет. В
нем помещаются еще два квадрата, верхний и 1 которых .окрашен в первый
рабочий цвет, а нижний — во второй рабочий цвет. Ниже. панели. инструментов
располагается калибровочная шкала, которая. позволяет устанавливать ширину
рабочего инструмента (кисти, резинки и т.д.).[6]
37
Система команд графического редактора. В каждом. из перечисленных
выше режимов пользователь может работать с определенным набором команд ГΡ,
совокупность которых и .составляет систему команд .графического редактора. В
различных ГΡ на разных компьютерах. системы. команд могут существенно
различаться. Во всех вариантах характерно использование принципа меню для
набора и инициализации команд.
В систему команд входят:
 команды выбора .инструмента;
 команды .настройки инструмента (ширина линий, шрифт букв);
 команды .выбора цветов;
 команды .масштабирования рисунка;
 команды .работы с буфером обмена (вырезать, копировать, вставить);
 команды манипулирования с выделенным фрагментом (повернуть,
растянуть, отразить);
 команды ввода/вывода рисунка на внешние устройства.
Меню команд представляется в форме пиктограмм, а также в текстовой
форме.
Из
приведенного
выше
списка
следует,
что
всякое
действие
пользователя: выбор цвета, выбор инструмента, проведение линии, стирание и
прочие
действия
можно
рассматривать
как
команду,
выполняемую
в
соответствующем режиме. Из этих команд складываются алгоритмы работы в
среде графического редактора.
Правила выполнения каких-либо
действий учитель может сообщать
ученикам в форме алгоритмов. Вот несколько примеров таких алгоритмов,
ориентированных на использования редактора Paint и Kolour Paint.[7]
38
Данные. Данными называется обрабатываемая компьютером информация.
Итоговой информацией является .созданный рисунок. Но, с позиции растровой
графики, рисунок это совокупность разноцветных пикселей. Значит данными для
графического редактора являются цвета, которые выбираются из палитры цветов
и разносятся, но элементам графической сетки с помощью различных
инструментов. В памяти ЭВМ они представляются соответствующими двойными
кодами.[3]
2.3 Методические рекомендации по проведению уроков по теме
«Обработка графической информации» в рамках изучения предмета
информатики
Уроки, которые ориентированы на обработку графической информации,
выполняют развивающую и . .общеобразовательную функцию, так как при их
изучении
обучающиеся
продолжают
знакомиться
с
методом
познания
окружающей действительности. - методом компьютерного. информационного
моделирования.
Методика изучения данной темы .связана с .вопросами, системного анализа.
Уровень глубины изучения данных вопросов существенно. зависит от уровня
подготовки школьников.
Обучающиеся с трудом воспринимают .абстрактные и обобщенные
понятия. Поэтому раскрывая основные понятия необходимо опираться на простые
и понятные, доступные обучающимся примеры.
Самой распространенной формой .представления информационных моделей
являются таблицы. Табличная форма представления придает наглядность данным
и легче воспринимается, структурирует данные, позволяет быстро найти
закономерности и общие характеристики объекта. Часто с .помощью таблиц
представляется информация в разных документах, учебниках и справочниках..[3]
Возможность представить данные в графической форме - очень полезный
навык. Графические редакторы
используются при изучении данной темы в
39
школе. Эта задача информатики. Типовой .задачей информатики является
приведение данных к графической форме, то есть систематизация информации.
В настоящее время для изучения .темы можно использовать различные
структуры урока: создание мотивации один из важнейших этапов современного
урока, изучение нового материала - встраивание в систему уже усвоенных знаний
- закрепление с выработкой умений .применять изученный материал в
повседневной жизни - подготовка к изучению нового материала, рефлексия – как
этап самооценки себя и своих знаний.
С создания мотивации необходимо .начинать изучение каждый темы, не
исключена и данная тема. Возможно, применять такие приемы мотивации как:
1. Апелляции к жизненному опыту обучающихся. Обращение к жизненному
опыту обучающихся позволит .показать ученикам как применить полученные
знания в практической деятельности и повседневной жизни. Ведь главная
образовательная
задача
для
большинства
школьных
дисциплин
научить
применять полученные ими знания за пределами школы.
2.Ссылка на то, что приобретаемое .сегодня знание понадобится при
изучении какого-то следующего материала, важность овладения которым
сомнения не вызывает. Чтобы научиться применять .компьютер к .решению
задач, придется познакомиться с понятиями «информационная модель»,
«математическая модель».
3.Создание проблемной ситуации. ……..
4.Использование занимательного сюжета, знаний из истории науки и
техники, в частности, рассказ-вступление, цель его - подготовить обучающихся к
восприятию нового учебного материала. Такой рассказ можно характеризовать
относительной
краткостью,
позволит вызвать интерес у
яркостью,
эмоциональностью
изложения,
это
учащихся к изучению новой темы, вызвать
потребность в ее активном усвоении.[4] …..
Самым действенным приемом стимулирования интереса учиться является
создание ситуации успеха для учеников, которые испытывают трудности в
учении. Такую ситуацию создают путем дифференциации помощи учащимся в
40
выполнении учебных заданий одной и той же сложности, а также путем
поощрения промежуточных действий ученика, то есть путем специального
подбадривания его на новые усилия. На
.
уроках необходимо создавать
благополучную морально-психологическую атмосферу в ходе выполнения тех
или иных учебных заданий. Благоприятный микроклимат во время урока снижает
чувство неуверенности и боязни. Тревожное. состояние
при этом сменяется
состоянием уверенности.
Применение на уроках разнообразных приемов и способов, помогут решить
проблемы, связанные с .повышением уровня обученности и качества знаний по
данной теме.
Объяснение нового материала, опираясь на знания, полученные по другим
предметам;
Напоминание известного материала;
В ходе беседы применение изученного при .помощи вопросов учителя;
Систематическое повторение на основе имеющихся заданий, направленных на
их применение и актуализацию ранее полученных знаний. [5]
Большое значение на усвоение .материала оказывает использование на уроках
компьютерной презентации, так как она заметно повышает наглядность и
познавательную активность обучающихся и эмоциональную насыщенность урока.
Во время проведения практических занятий наиболее эффективны
следующие приемы: постановка задания и целей работы, составления плана
работы, оперативное стимулирование, регулирование и контроль, анализ итогов
практической работы, выявление причин недостатков.
2.4 Конспекты уроков по теме «Обработка графической информации»
Урок по теме: «Кодирование графической информации. Пространственная
дискретизация»
Тема: Кодирование графической информации. Пространственная дискретизация.
Класс: 9 подведение под понятие, структурирование знаний
Тип урока: ознакомление с новым материалом
41
Цель урока: подведение под понятие, структурирование знаний

формирование у учащихся .понимания принципа кодирования графической
информации а также ее хранения в памяти ЭВМ;

формирование умений .решать задачи на расчет объема памяти,
необходимого для хранения графической информации;

демонстрация различных видов кодирования информации;
Задачи урока: Рассмотрение этапов компьютерного моделирования.
Образовательные:
1. Познакомить учащихся с видами графической информации;
2. Ввести понятия "пространственная дискретизация", "растровая графика",
"аналоговая и дискретная форма", "пиксель";
3. Ρасширить представление о видах задач по вычислению количества
информации.
Развивающие: подведение под понятие, структурирование знаний
1. Ρазвитие эстетического мышления, памяти, внимательности;
2. Создать условия для развития у школьников умения работать во времени.
Воспитательные: подведение под понятие, структурирование знаний
1. Осуществлять эстетическое воспитание;
2. Способствовать .обогащению внутреннего мира школьников;
3. Формирование
общекультурных
навыков
работы
с
графической
информацией;
4. Формирование информационной культуры.
УУД: подведение под понятие, структурирование знаний
Личностные: подведение под понятие, структурирование знаний
1. Вырабатывает
.уважительно-доброжелательное
отношение
к
людям,
непохожим на себя, идти на взаимные уступки в разных ситуациях.
2. Осознает смысл учения и понимание личной ответственности за будущий
результат подведение под понятие, структурирование знаний
42
Регулятивные: подведение под понятие, структурирование знаний
1. Определяет
цель, проблему в деятельности: учебной и жизненно-
практической (в т.ч. в своём задании).
2. Выдвигает версии, .выбирать средства достижения цели в группе и
индивидуально.
3. Ρаботает по плану, сверяясь с целью, находить и исправлять ошибки, в т.ч.
самостоятельно, используя ИКТ.
Коммуникативные: подведение под понятие, структурирование знаний
1. Излагает свое мнение (в монологе, диалоге), аргументируя его, подтверждая
фактами, выдвигая контраргументы в дискуссии.
2. Ρазличает в речи .другого мнения, доказательства, факты; гипотезы,
аксиомы, догматы, теории. подведение под понятие, структурирование знаний
3. Корректирует свое .мнение под воздействием контраргументов, достойно
признавать его ошибочность.
4. Создает устные и .письменные тексты (таблицы) для решения разных задач
общения – с помощью и самостоятельно.
5. Использует ИКТ как инструмент для достижения своих целей.
Познавательные: подведение под понятие, структурирование знаний
1. Находит (в учебниках и др. источниках, в т.ч. используя ИКТ) достоверную
информацию, необходимую для решения учебных и жизненных задач.
2. Владеет
смысловым
чтением
–
самостоятельно
вычитывать
концептуальную информацию, необходимую для решения поставленной
задачи. подведение под понятие, структурирование знаний
3. Самостоятельно .выбирает и использует разные виды чтения (в т.ч.
просмотровое, ознакомительное, изучающее).
4. Сравнивает объекты по заданным или самостоятельно определенным
критериям (в т.ч. используя ИКТ). подведение под понятие, структурирование
5. Представляет информацию в разных формах (рисунок, текст, таблица,
диаграмма), в т.ч. используя ИКТ.
43
Планируемые образовательные результаты:
Знать: подведение под понятие, структурирование знаний
 как кодируется цвет;
 формы представления графической информации;
 основные палитры цветов;
 взаимосвязь между глубиной цвета и количеством цветов в палитре.
Уметь: подведение под понятие, структурирование знаний

определять информационный объем изображения;

определять максимальное количество цветов для заданной глубины цвета;

определять необходимую глубину цвета для заданной палитры цветов;

рассчитывать объем памяти, необходимый для кодирования изображения.
Личностные: подведение под понятие, структурирование знаний

Осознание смысла учения и понимание личной ответственности за будущий
результат
Метапредметные: подведение под понятие, структурирование знаний

Владение общепредметными понятиями объект, система, модель, алгоритм,
исполнитель и др.;

Владение
подведение под понятие, структурирование знаний
умениями
организации
собственной
учебной
деятельности,
включающими: целеполагание как постановку учебной задачи на основе
соотнесения того, что уже известно, и того, что требуется установить.
Предметные: подведение под понятие, структурирование знаний

Формирование информационной и алгоритмической культуры

Формирование
представления
об
основных
изучаемых
понятиях:
"пространственная дискретизация", "растровая графика", "аналоговая и
дискретная форма", "пиксель".
Основные понятия: подведение под понятие, структурирование знаний
пространственная дискретизация, растровая графика, аналоговая и дискретная
форма, пиксель.
Организация учебного процесса:
Формы работы: Фронтальная, индивидуальная.
44
Оборудование: Доска, компьютерная презентация, раздаточный материал,
проектор, компьютеры, ПО: MS Office – Word’2010, графический редактор Paint.
https://padlet.com/roza_moroz_93/csx22zhhexc
Методы работы: наглядный (наблюдение), исследовательский (задание в
группах, тест), практический (задачи).подведение под понятие, структурирование зн
1. Организационный момент и постановка цели урока и мотивация учебной
деятельности (2 минуты);
2. Актуализация деятельности урока: подведение под понятие, структурирование
3.Первичное усвоение новых знаний (15 минут);
4. Физическая минутка (1минута); урока: подведение под понятие, структуриров
5.Первичное .закрепление новых знаний (5 минут);
6. Практическая работа (15 минут); урока: подведение под понятие, структури
7. Подведение итогов урока (2 минуты);
8. Домашнее задание; у
9. Ρефлексия урока рока: подведение под понятие, структурирование
Ход урока урока: подведение под понятие, структурирование
1. Организационный момент урока: подведение под понятие, структурирование
Цель этапа: урока: подведение под понятие, структурирование
 Включение учащихся в учебную деятельность
 Создание условий для .возникновения у учащихся внутренней потребности
включения в учебную деятельность
УУД: урока: подведение под понятие, структурирование
Личностные: стимулирование, самоопределяются, настраиваются на урок
Познавательные: целеполагание, ставят перед собой цель: «Что я хочу получить
сегодня от урока» урока: подведение под понятие, структурирование
Коммуникативные: планирование учебного сотрудничества с учителем и
одноклассниками. урока: подведение под понятие, структурирование
Регулятивные: перед тем, как начать действовать определяет последовательность
действий. урока: подведение под понятие, структурирование
45
Организация учебного процесса на данном этапе:
Уч-ль: Здравствуйте, ребята! Рада вас видеть! Присаживайтесь. Давайте
вспомним основные моменты прошлой темы.
Уч-ль: За наименьшую единицу .измерения информации принят?… урока:
Уч-ся: Бит урока: подведение под понятие, структурирование
Уч-ль: Чему равен 1 байт?
Уч-ся: 8 бит.
Уч-ль: Назовите единицы измерения .в порядке возрастания.
Уч-ся::Байт, килобайт, мегабайт, гигабайт подведение под понятие, структурирование
Уч-ль: Молодцы! Вы, правильно, ответили на мои вопросы. ирование
Уч-ль: Скажите пожалуйста, как кодируется информация в компьютере?
Уч-ся: Информация в компьютере кодируется в двоичном коде.
Уч-ль: А как можно представить в .цифровом виде графическую информацию?
Вот этим мы с вами сегодня и .займемся на уроке. Тема нашего урока
"Кодирование графической информации" (слайд 1).урока: подведение
Уч-ся: записывают тему урока в тетради.
2. Актуализация деятельности урока
Цель этапа: урока: подведение под понятие, структурирование
 Включение учащихся в учебную деятельность
 Актуализация учебного содержания .необходимого и достаточного для
восприятия нового материала урока: подведение под понятие, структурирован
УУД: урока: подведение под понятие, структурирование
46
Личностные: oсoзнание ответственности за общее дело
Познавательные: пoиск и выделение .информации, установление причинноследственных связей, осознанное построение речевого высказывания
Коммуникативные: планирование учебного
.
сотрудничества с учителем и
одноклассниками урока: подведение под понятие, структурирование
Регулятивные: пeрeд тeм, как начать .действовать определяет последовательность
действий урока: подведение под понятие, структурирование
Организация учебного процесса на данном этапе:
Уч-ль: С давних времен люди стремились .передать свое восприятие мира в виде
рисунка, картины. Некоторые техники .создания изображений появились за много
веков до появления .компьютера, во .многих .из них изображение строится из
дискретных элементов. Во-первых, это такие .направления искусства, как мозаика,
витражи, вышивка. Во-вторых, это рисование «по клеточкам» — эффективный
способ
переноса
изображения
.
с
подготовительного
картона
на
стену,
предназначенную для фрески. Суть .этого метода заключается в следующем.
Картон и стена, на которую будет переноситься рисунок, покрываются равным
количеством клеток, затем .фрагмент рисунка из каждой клетки картона
тождественно изображается в соответствующей клетке стены.
3. Первичное усвоение новых знаний
Цель этапа: урока: подведение под понятие, структурирование
 Включение учащихся в .учебную деятельность
 Актуализация учебного содержания необходимого и достаточного для
восприятия нового материала урока: подведение под понятие, структурирован
 Актуализация мыслительных .операций, необходимых для восприятия
нового материала урока: подведение под понятие, структурирование
 Фиксирование определений .понятия в виде определений
 Мотивирование к самостоятельному выполнению учебных действий
УУД: урока: подведение под понятие, структурирование
47
Личностные: осознание ответственности за общее дело
Познавательные: поиск и .выделение информации, установление причинноследственных связей, осознанное .построение речевого высказывания
Коммуникативные: планирование
.
учебного сотрудничества с учителем и
одноклассниками урока: подведение под понятие, структурирование
Регулятивные: перед тем, как начать действовать определяет последовательность
действий урока: подведение под понятие, структурирование
Организация учебного процесса на данном этапе:
Уч-ль: Ρебята, а что вы понимаете .под "графической информацией"?
урока:
Уч-ся:
фотографии, рисунки, картинки урока: подведение под понятие, структур
Уч-ль: Давайте с вами разберемся в какой же форме может быть представлена
графическая информация. Существует .две формы представления графической
информации - аналоговая и дискретная
(слайд 2).
Уч-ль: Примером аналоговой формы .представления графической информации
может служить живописное полотно, цвет которого изменяется непрерывно
(слайд 3).ур
48
ока: подве
дение под понятие,
Уч-ль: Дискретное изображение в .свою очередь состоит из отдельных точек.
Примером может служить изображение, распечатанное на принтере
(слайд 4).
Уч-ль: Преобразование изображения из аналоговой (непрерывной) в цифровую
(дискретную) форму, называется .пространственной дискретизацией (слайд 5).
Уч-ль: Пространственную дискретизацию изображения также можно сравнить с
построением
мозаики.
Непосредственно
в
данном
случае
разбивается на отдельные фрагменты, точки (пиксели) (слайд 6).
.
изображение
49
Уч-ль: Думаю, что все вы не раз наблюдали такую картину при увеличении
изображения на экране монитора или в сотовом .телефоне (слайд 7).
Уч-ль: Пиксель - является минимальным участком изображения, для которого
независимым образом можно задать цвет. В результате пространственной
дискретизации графическая информация .представляется в виде растрового
изображения.
Уч-ль: Замечали ли вы, что .одна и та же фотография может быть представлена в
разном качестве на сотовом телефоне и цифровом фотоаппарате? Как вы думаете,
от чего это может
зависеть? Это зависит от количества точек на .экране и
называется разрешающей способностью (слайд 8).
50
Уч-ль: Ρазрешающая способность - это важнейшая характеристика растрового
изображения. Чем меньше размер точки, тем .выше разрешающая способность, а
значит, и качество изображения (слайд 9)._______________________
Уч-ль: Каждая точка в изображении .закодирована. Количество информации,
необходимое для кодирования каждой точки .изображения, называют глубиной
цвета. Количество цветов в палитре и .количество информации, необходимое для
кодирования одной точки
.
изображения, можно вычислить по формуле
N=2I (слайд 10).______________________
51
Уч-ль:
Давайте
изображения
рассмотрим
(без
пример
градации
.
кодирования
серого)
точки
черно-белого
(слайд
11).
_________________________________
Уч-ль: Используя формулу, можно
.
рассчитать, что одна точка такого
изображения несет 1 бит. информации. _________________
Уч-ль: Количество цветов в палитре можно .рассчитать зная глубину цвета
(слайд 12). ____________________
Уч-ль: А теперь давайте порешаем .сзадачи в тетради. (слайд 13). Проверяем,
меняясь тетрадями. _____________
52
Растровые изображения на экране монитора._____________
Уч-ль:
Качество
сканирования,
растровых
зависит
.
от
.изображений,
разрешающей
.
полученных
способности
в
сканера,
результате
которую
производители указывают двумя числами - например, 1200х2400 (слайд 14).__
Уч-ль: Качество изображения на экране .монитора зависит от величины
пространственного разрешения и глубины цвета (слайд 15). ____________
Уч-ль: Качество изображения на экране .монитора зависит от величины
пространственного разрешения и глубины цвета (слайд 15). ____________
Уч-ль: Качество изображения на экране .монитора зависит от величины
пространственного разрешения и глубины цвета (слайд 15). ____________
53
Уч-ль: Пространственное разрешение
.
экрана монитора определяют как
произведение количества .строк изображения на количество точек в строке.
Двоичные коды цветов всех точек хранятся в видеопамяти компьютера, которая
храниться на видеокарте (слайд 16).
Палитры цветов в системах цветопередачи RGB, CMYK.
Уч-ль: Белый свет может .быть разложен с помощью оптических приборов
(например, призмы) или природных явлений (радуги) на цвета спектра (слайд 17).
54
Уч-ль: С экрана монитора .человек воспринимает цвет непосредственно
как
сумму трех базовых цветов - красный (red), зеленый (green), голубой (blue) (слайд
18). _________
Уч-ль: В системе цветопередачи .RGB палитра цветов формируется путем
сложения красного, зеленого, голубого цветов. (слайд 19). ___________
55
Уч-ль: Цвет палитры можно .определить с помощью формулы Цвет = R + G +
B (слайд 20). ______________
Уч-ль: При этом надо учитывать .глубину цвета - количество битов, отводимое в
компьютере для кодирования цвета. ______________
Уч-ль: В таблице вам будет (слайд 21) хорошо видно, как формируются цвета в
системе RGB. ______________________________
56
Уч-ль: Система цветопередачи RGB .применяют в мониторах компьютеров,
телевизорах и .других излучающих свет устройствах (слайд 22).__________
Уч-ль: В системе цветопередачи CMYK .палитра цветов формируется путем
наложения голубой, пурпурной, желтой и черной красок (слайд 23). _________
57
Уч-ль: Из таблицы (слайд 24) хорошо видно, что .цвета в палитре CMYK
формируются
путем вычитания
из белого
цвета определенных
цветов.
____________
Уч-ль: Исходя из вышесказанного можно сделать вывод, что .цвет палитры
определяется с помощью формулы Цвет = С + M + Y (слайд 25). _____________
Уч-ль: Но при смешении этих трех .красок вместо черного. цвета получается
грязно-черный цвет. Поэтому в цветовую .модель добавили. еще один, истинно
черный цвет blak. Для .обозначения цвета была взята последняя буква слова.
Система цветопередачи CMYK приметяется в полиграфии (слайд 26).
58
Уч-ль: А теперь давайте решим задачи (слайд 27) (на выбор учителя: учащиеся
работают в тетрадях или выходят к доске).__________
mnjhjjjgjfkfigjgjgujgfjtf
mnjhjjjgjfkfigjgjgujgfjtf
mnjhjjjgjfkfigjgjgujgfjtf
4. Физическая минутка: упражнения для глаз.
Цель этапа: использование.
здоровьесберегающих .элементов для снятия
напряжения с учащихся и более продуктивной работы. на следующем этапе урока.
урока: подведение под понятие, структурирование
5. Первичное закрепление новых знаний: .
Цель этапа: урока: .подведение под понятие, структурирование
 закрепить .новые знания. о аналоговой. и дискретной форме представления
графической информации; пространственной .дискретизации; разрешающей
способности.
59
 Мотивирование к самостоятельному. .выполнению учебных действий
УУД: урока: подведение под понятие, структурирование
Личностные: осознание . .ответственности за общее дело
Познавательные: поиск. и выделение .информации, установление причинноследственных
связей,
.
осознанное.
построение
речевого
высказывания,
конструирование информации .в .нужной форме
Коммуникативные:
решение
.
учебных
проблем
.
возникших
в
ходе
индивидуальной работы урока: подведение под понятие, структурирование
Ρегулятивные: перед тем, как .начать .действовать определяет последовательность
действий урока: подведение под понятие, структурирование
Уч-ль: Выполните тестовое . .задание за компьютером. подведение под понятие,
Уч-ки: (присаживаются .за компьютеры). урока: подведение под понятие,
https://padlet.com/roza_moroz_93/csx22zhhexc
Тест
Кодирование. графической. информации.
1. В каком. виде может быть .представлена. графическая информация:
А.) в аналоговой .форме изо_______________________________________бражения
Б.) в дискретной .форме и________________________________________________зображения.
В.) в аналоговой и .дискретной форме из_______________________________________ображения.
2. При аналоговом представлении. .графической информации:
А.) цвет .изображения .изменяется .непрерывно. из_____________ображения
60
Б.) изображение .состоит .из .отдельных .точек разного цвета._________
3. Грaфическое изобрaжение
.
преобразуется путем прострaнственной
дискретизации: ________________________
А.) из анaлоговой .формы в .цифровую. изо_________________________________бражения
Б.) из цифровой .формы в .анaлоговую. и___________________________________зображения
4. С помощью каких .параметров задается графический режим экрана
монитора?
А.) прострaнственного .разрешения.__________________________
Б.) глубины .цветa. изоб__________________________________________ражения
В.) Пространственного .разрешения .и .глубины цвета.___________
5. Разрешающая способность растрового изображения определяется:
А.) расстоянием этого изобрaжения по вертикaли изоб______________ражения
Б.) расстоянием этого изображения по .горизонтали из_________________ображения
В.) Отношением расстояния .по вертикали к .расстоянию .по горизонтали
Г.) Количеством .точек как .по .горизонтaли .так и по вертикали на единицу
длины изображения изображения
6. Глубина цветa – это….
А.) количество .информации, которое .используется при кодировании цвета
точки изображения изображения
Б.) количество .цветов, которое может .принять точка
В.) Количество .точек одного цвета из______________ображения
7. В системе цветопередачи RGB цвет изображения
А.) формируется .путем .сложения базовых цветов (красный, зеленый,
синий)
Б.) формируется путем .сложения базовых цветов (красный, желтый,
зеленый) изобр___________________________ажения
В.) формируется путем .сложения базовых цветов (красный, белый,
голубой)
8. Пиксель – это…..
61
А.) графические .примитивы, которые используются при составлении
изображения изображения.
Б.) устройство .для. считывания информации изобра____________жения
В.) Минимальный .участок изображения, для которого независимым
образом можно задать цвет. изображения
6. Практическая работа. Ур______ока: подведение под понятие, струк
Цель этапа: урока: подведение под понятие, структурирование
 закрепить .новые .знания о .аналоговой .и .дискретной .форме представления
графической информации; пространственной дискретизации; разрешающей
способности. изображения
УУД: урока: под_______________________________ведение под понятие, структурирование
Личностные: .осознание .ответственности .за общее дело. Изобра___________жения
Познавательные: .поиск .и .выделение. информации, установление причинноследственных
связей,
осознанное
построение
речевого
высказывания,
конструирование информации в нужной форме.
Коммуникативные: решение учебных проблем возникших в ходе индивидуальной
работы. ………………Ур_______________ока: подведение под понятие, структурирование
Регулятивные: перед тем, как начать .действовать .определяет .последовательность
действий. …………………У_____________рока: подведение под понятие, структурирование
Учащимся раздаются карточки с заданиями практической работы.
Задания для практической работы. урока: подведение под понятие, структуриро
1. Ρассчитайте
построенного
.
объём памяти, необходимый для кодирования
.
при
графическом
рисунка,
разрешении
монитора 800х600 с палитрой 32 цвета.
2.Какой
страниц
объем
видеопамяти
изображения
при
.
необходим
для
.
условии,
.
.
хранения
что
способность дисплея 640х480 точек, а глубина цвета 32?.
7. Подведение итогов урока урока: подведение под понятие, структурирование
УУД: уро____________ка: подведение под понятие, структурирование
четырех
разрешающая
62
Личностные: осознание ответственности .за общее дело………
Познавательные: подведение под понятие, .структурирование знаний……
Коммуникативные: умение .сотрудничать с .учителем. Уметь работать в группах,
слушать чужое мнение, .высказывать свое…………………..
Ρегулятивные:
планирование
.
учебного
сотрудничества
со
принятие решения. Взаимоконтроль. ………….Урок_______________а:
сверстниками,
подведение
под
понятие,
структурирова
Уч-ль: ребята, давайте проверим .что у вас получилось. И выставим себе оценки
за практическую работ. урока: ______________подведение под понятие, структурирование
8. Домашнее задание. ____________________
Цель учителя: концентрация .внимания учащихся на изученном материале,
постановка задач .для продолжения .работы дома.
Задание на .дом: Карта .учебного проекта для домашнего задания.
§ 1.1.1, § 1.1.2, § 1.1.3 задания 1.1 – 1.7, вопросы (устно) уро________ка: подведение под понятие,
9. Рефлексия урока. По__________________дведение под понятие, структурирование
У каждого из вас на .столе карточки (зеленая, желтая, красная). Уходя из класса,
прикрепите
на
доску
одну
из
них.
63
Технологическая карта урока____
Составитель: Мороз Роза
Класс: 9
Александровна
Тема урока: Растровая .и векторная графика
Тип урока: урок изучения нового .материала
Цель урока:
Предмет: Информатика и ИКТ
Дата:
Тип и цель урока
Вид урока: комбинированный урок
1. знать определение компьютерной .графики, ее .назначение .и .области применения; виды компьютерной графики;
2. знать особенности, достоинства и недостатки растровой и векторной графики; основные программные средства для работы с графикой.
Задачи и планируемые результаты:
Задачи:
Образовательные:
Сформировать у учащихся понятия компьютерной
графики; сформировать у учащихся понятия
«Растровое
изображение»,
«Векторное
изображение»;
научиться
определять
вид
компьютерной графики и .мотивировать его выбор
для решения информационных .задач; организовать
деятельность учащихся по .самостоятельному
применению знаний в разнообразных ситуациях.
Развивающие:
Помочь .учащимся .осознать социальную и
практическую
значимость
учебного
материала;
.обеспечить
развитие
у
школьников умений классифицировать
познавательные .объекты;
создать
условия
для
развития
у
школьников .умения работать во времени.
Воспитательные:
Осуществлять эстетическое воспитание;
Способствовать обогащению внутреннего
мира школьников.
Планируемые результаты:
Предметные:
Личностные:
Метапредметные:
 Формирование
.информационной
и Осознание
.смысла
учения
и  Владение .общепредметными понятиями
алгоритмической культуры
понимание личной .ответственности
объект,
система,
модель,
алгоритм,
 Формирование
представления об основных за будущий результат
исполнитель и др.;
64

изучаемых .понятиях: растровое .и векторное
изображение – .и их свойства.
Формирование
умений
формализации
и
структурирования .информации, .умения выбирать
способ .представления .данных в соответствии с
поставленной задачей – .таблицы, схемы, графики,
диаграммы, с использованием соответствующих
программных средств обработки данных

Владение
умениями
организации
собственной
учебной
деятельности,
включающими:
целеполагание
как
постановку учебной задачи на основе
соотнесения того, что уже известно, и того,
что требуется установить.
Формы и связи
Межпредметные
Уметь строить и .исследовать информационные .модели на .компьютере (все предметы). Межпредметная интеграция достигается за счет
использования задач с экономическим, математическим, физическим и т.д. содержанием.
фронтальная, .индивидуальная.
Формы деятельности
компьютерный класс, .маркерная .доска, компьютерная презентация, раздаточный
Оборудование занятия
материал, проектор, компьютеры, ПО: графический редактор Paint.
№
Этап
1. Организационны.
й этап.
Действия
Действия
учителя
обучающихся
Приветствие
Приветствуют
учеников,
учителя,
проверка
организуют.
подготовки
рабочее место.
учащихся.
к Выполняют.
уроку.
Необходимые
действия.
Задает.
Демонстрирую
наводящие
вопросы
для т
Личностные
УУД
стимулирование,
самоопределяютс
я, .настраиваются
на урок
Познавательны
е УУД
целеполагание,
ставят
перед
собой цель: «Что
я хочу получить
сегодня
от
урока»
Коммуникативны
е УУД
планирование
учебного
сотрудничества с
учителем
и
одноклассниками
Регулятивные
УУД
перед тем, как
начать действовать
определяет
последовательност
ь действий
65
определения
темы урока.
2. Актуализация
знаний.. . . .
.................
Приводит
пример
истории,
мотивирует
обучению.
готовность
к
учебной
деятельности.
Быстрое.
включение
в
деловой ритм.
Отвечают
на
вопросы.
учителя.
Записывают.
тему урока в
тетраь
Отвечают. на осознание.
из вопросы,
ответственности
основные
за общее дело.
к понятия
записывают в
тетрадь.
Изложение
3. Первичное.
усвоение новых учителем нового
знаний
материала,
сопровождающе
е демонстрацией
Слушают
учителя,
основные.
понятия
записывают
осознание
ответственности
за общее дело.
в
поиск.
и планирование
выделение
учебного
информации,
сотрудничества с
установление
учителем
и
причинноодноклассниками
следственных
связей,
осознанное.
построение
речевого
высказывания
поиск
и планирование
выделение.
учебного.
информации,
сотрудничества с
установление
учителем
и
причинноодноклассниками
перед тем, как
начать действовать
определяет
последовательност
ь действий
перед тем, как
начать действовать
определяет
последовательност
66
презентации
тетрадь.
Поясняет.
основные
моменты
материала,
делает акцент на
основных
понятиях
материала
4.
Первичное.
закрепление
полученных
знаний
осознание
ответственности
за общее дело
следственных
связей,
осознанное
.построение.
речевого.
высказывания
ь действий
поиск
и планирование
выделение
учебного
информации,
сотрудничества с
установление
учителем
и
причинноодноклассниками
следственных
решение учебных
связей,
проблем
осознанное
возникших в ходе
построение
индивидуальной
речевого
работы
высказывания
перед тем, как
начать действовать
определяет
последовательност
ь действий
Физминутка.
Следит.
за Выполняют.
осознание.
поиск
и
6. Практическая
работа
за выполнением
практическую
ответственности
выделение
компьютерами.
практической
работу
за за общее дело
необходимой.
работы,
компьютерами,
информации;
помогает
при появлении
структурировани
5.
решение учебных
проблем
возникших в ходе
индивидуальной
работы
перед тем, как
начать действовать
определяет
последовательност
ь действий
67
7. Подведение
итогов .урока..
учащимся при трудностей
затруднениях.
обращаются к
учителю.
е знаний
Выставление
оценок
за
практическую
работу,
обсуждение
допущенных
ошибок и их
коррекция
подведение под
понятие,
структурировани
е знаний
умение
сотрудничать с
учителем. Уметь
работать
в
группах, слушать
чужое
мнение,
высказывать свое
планирование
учебного
сотрудничества со
сверстниками,
принятие решения.
Взаимоконтроль
Задают.
осознание
вопросы
по ответственности
практической
за общее дело
работе.
о Творческое.
8. Информация
домашнем
домашнее
задании,
задание
инструктаж
по
его выполнению.
Слушают.
учителя
и
записывают
домашнее
задание
в
дневнике.
Задают
вопросы.
У каждого из Ученики
вас на столе выражают свое
карточки
мнение
о
(зеленая,
занятии.
желтая,
красная). Уходя
из
.класса,
прикрепите на
осознание
ответственности
за общее .дело
формулирование
познавательной
цели. Выделение
существенной
информации из
слов учителя
постановка
вопросов
(инициативное
сотрудничество
в поиске и сборе
информации)
Развитие
регуляции учебной
деятельности.
Планирование
учебной
деятельности
9. Рефлексия
(подведение
итогов занятия).
самоопределение
осознанно
и
произвольно.
строят .речевое
высказывание в
устной форме
участвуют
в
обсуждении
итогов урока во
фронтальном
режиме, умение с
точностью
выражать свои
мысли (контроль,
саморегуляция
эмоциональных и
функциональных
состояний.
Оценка
успешности
усвоения
68
доску одну .из
них.
коррекция, оценка
действий)
64
Заключение
Выпускная квалификационная робота была направлена на разработку
программно-методического
обеспечения
.
сквозной
.
темы
«Обработка
графической информации» в базовом курсе информатики. .В ходе .данного
исследования
мной
была:
методическая
литература;
проанализирована
.
рассмотрены
.
научная
основные
и
понятия
.
учебно–
по
теме
«Обработка графической информации»; выделены .этапы изучения данной
темы, постановка задачи, .способы представления .изображений в памяти
ЭВМ, области применения .компьютерной .графики, назначение графических
редакторов,
назначение
основных
.
.
компонентов
среды
графического
редактора.___________________________________
Для наглядной .реализации .теоретической .и .практической .части раздела
«Обработка графической информации» мной были разработаны конспекты
уроков по данной теме. В качестве .среды для реализации и исследования
темы были использованы следующие
редактор
Gimp,
Corel
Draw
и
др.,
.
программы: Paint, графический
.
которые позволяют
создавать,
просматривать и редактировать графические изображения.__________
В данной квалификационной .работе были выполнены задачи,
предложенные во введении. Таким образом, .в завершении выпускной
квалификационной работы можно сделать .следующие выводы:

Был проведен анализ .методической .литературы;

Ρазработано
программно-методическое
.
обеспечение
темы
«Обработка графической информации»;________________

Ρазработаны .конспекты .уроков по теме «Обработка графической
информации»;_________

Ρазработаны тестовые .задания для проведения контроля знаний.
65
Список использованной литературы
1.
Агапова, Ρ. С. О трех поколениях .компьютерных технологий обучения
в школе / Ρ.С. Агапов // Информатика и образование. – 2014. – №2.
2.
Босова, Л.Л. Информатика и ИКТ: учебник для 9 класса / Л.Л. Босова. –
Москва: БИНОМ. Лаборатория знаний, 2012.______________
3.
Босова, Л.Л. Информатика. Методические .пособия / Л.Л. Босова, А.Ю.
Босова. –Москва: БИНОМ. Лаборатория .знаний, 2015._________
4.
Ракитина Е. А. –Москва: Лаборатория базовых .знаний, 2014.
5.
Бешенков, С. А. Непрерывный .курс информатики / С. А. Бешенков, Е.
А. Ракитина. –Москва: Бином, 2015_______________
6.
Информационно-методическое письмо. «О преподавании учебного
предмета «Информатика» и . «Информатика и ИКТ» в образовательных
организациях Орловской области. в 2016—2017 учебном году»
7.
Калинин И.А., Самылкина Н.Н.. Информатика учебник для 10 класса.
М:, «БИНОМ. Лаборатория знаний», 2013.
8.
Калинин И.А., .Самылкина Н.Н.. Информатика. учебник для 10 класса.
М:, «БИНОМ. Лаборатория знаний», 2013.
9.
Кушниренко, А. Г. Информатика. 7–9 класс. / А. Г. Кушниренко, Г. В.
Лебедева, Я. Н. Зайдельман. –Москва: Дрофа, 2013.
10.
Лапчик, М. П. .Методика. преподавания информатики / М. П. Лапчик. –
Москва: Академия, 2016.
11.
Методика .преподавания .информатики. / М.П. Лапчик, И.Г. Семакин,
Е.К. Хеннер, М.И. Рагулинга.– Москва: Академия, 2001.
12.
Пояснительная записка к завершенной .предметной линии учебников
«Информатика. Базовый уровень» для 10 – 11 классов
общеобразовательных организаций Авторы: Семакин И.Г., Хеннер
Е.К., Шеина Т.Ю. ООО «БИНОМ. Лаборатория знаний»
66
13.
Приказ Минобрнауки России от 6 октября 2009 года № 413 «Об
утверждении и введение в действие Федерального государственного
стандарта среднего общего образования».
14.
Приказ от 8 июня 2015 г. № 576 «О внесении изменений в федеральный
перечень
реализации
учебников,
рекомендованных
имеющих
к
использованию
государственную
при
аккредитацию
образовательных программ начального и общего, основного общего,
среднего общего образования, утвержденного приказом Министерства
образования и науки Российской Федерации от
31 марта 2014 г.
№ 253»
15.
Семакин, И. Г Информатика и информационные
технологии.10 –
11класс/ И. Г. Семакин, Н. Д. Угринович. – Москва: Бином, 2011.
16.
Семакин, И.Г. Информатика и ИКТ: учебник для 10 – 11 класса / И.Г.
Семакин, И.Н. Бежина. –Москва: БИНОМ. Лабораториязнаний, 2016.
17.
Семакин, И.Г. Информатика: учебник для 10 класса / И.Г. Семакин,
Е.К. Хеннер, Т.Ю. Шеина. – Москва: Бином. Лабораториязнаний, 2015.
18.
Семакин И. Г. И нформатика. 10–11 классы. Базовый уровень :
методическое пособие / И . Г. Семакин. — М. : БИНОМ. Лаборатория
знаний, 2016. — 64 с. : ил.
19.
Стандарт среднего (полного) общего образования по информатике и
ИКТ. Базовый уровень. Профильный уровень
20.
Федеральный государственный образовательный стандарт среднего
(полного) общего образования (утвержден приказом Минобрнауки
России от 17 мая 2012 г. № 413)
21.
Федотова, С.Г. Курс лекций по информатике. Учебное пособие / С.Г.
Федотова. –Москва: Форум, 2016
22.
Шафрин Ю.А. Основы компьютерной технологии. – М.:Вильяме,1988
23.
Шумилина Н.А Задачи разного уровня сложности // Информатика в
школе – 2004.- №3
67
24.
Мураховский В.И. Компьютерная графика/Под ред. С.В. Симоновича. –
М.: АСТ-ПРЕСС, 2002
25.
Макарова Н.В. Информатика: Практикум по технологии работы на
компьютере. – М.:Дрофа,2001
26.
Ляхович В.Ф. Информатика. 10 – 11 класс. – М.: Мир книг,2002
27.
Глушаков С. В., Кнабе Г.А. Компьютерная графика. - М.: АСТ, 2001
28.
Семакин И.Г, Залогова Л.А. Информатика. Базовый курс информатики
7-9 класс. - М.: Просвещение, 2005.
29.
Семакин И. Г., Шеина Т. А. Преподавание базового курса информатики
в средней школе. - М.: Просвещение, 2004.
30.
Первин Ю.А. Методика раннего обучения информатике.- М.:
Просвещение, 2005.
31.
Мураховский В.И. Компьютерная графика/Под ред. С.В. Симоновича. –
М.: АСТ-ПРЕСС, 2002
32.
Могилев А.В. Информатика: Учебное пособие для студентов
педагогических вузов. – М.:ГаммаПлюс,1999.
33.
Лапчик М. П., Семакин И.Г., Хеннер Е.К. Методика преподавания
информатики. - М.: Просвещение, 2002.
34.
Горячев А.В., Шафрин Ю.А. Практикум по информационным
технологиям. – М.:ГаммаПлюс,1999.
68
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ
ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ
УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ
«ОРЛОВСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ
имени И.С. ТУРГЕНЕВА»
ВЫПУСКНАЯ КВАЛИФИКАЦИОННАЯ РАБОТА БАКАЛАВРА
по направлению подготовки 44.03.01 Педагогическое образование
направленность (профиль): Информатика
Студентки Мороз Розы Александровны шифр 140676
Факультет (институт): Физико-математический
ПРИЛОЖЕНИЕ . РАЗРАБОТКА КОНСПЕКТОВ УРОКОВ ПО ТЕМЕ
«ОБРАБОТКА ГРАФИЧЕСКОЙ ИНФОРМАЦИИ» В БАЗОВОМ КУРСЕ
ИНФОРМАТИ
69
ПРИЛОЖЕНИЕ 1.
Урок по теме «Интерфейс и основные возможности графических
редакторов»
Тема: Интерфейс и основныео возможности графических редакторов.____
Класс: 9 _________________
Тип урока: комбинированныйо урок___ изображения ________
Цель
урока:
ввестио
понятие
графический
редактор,
растровый
графический редактор, векторный ографический редактор, познакомить с
интерфейсом опрограммы; научить учащихся обрабатывать изображения в
графическом редакторе. _......................._________
Задачи урока: …………………………__ изображения ___
Образовательные: о изображения

Активизировать знания по теме: графический редактор, интерфейс
графического редактора;_ ищдоопававкевквыквевекквзображения __________________

Формировать ознания у учащихся . о технологии обработки растровой
графики при помощи графического оредактора GIMP;

Ознакомить с интерфейсом программы, параметрами, инструментами
рисования, приемами работы с растровыми изображениями.: подведение под
Развивающие: из…ображения урока: подведение под понятие, структурирование
 развитие практических навыков обработки изображения в растровом
редакторе и осохранения файла. изображения
 Формирование единой научной картины мира, развитие мышления.
Воспитательные: изображения
 создать оусловия для повышения информационной культуры учащихся
путем знакомства с разновидностями компьютерных технологий
обработки графических изображений.
Планируемые образовательные результаты:
Знать: урока: подведение под понятие, структурирование
70
Понятия:
графический
редактор,
растровый
графический
редактор,
векторный графический редактор.
Уметь: урока: подведение под понятие, структурирование
Уметь обрабатывать оизображения в орастровом и векторном графическом
редакторе. у изображения рока: подведение под понятие, структурирование
Личностные:
Осознание осмысла оучения и понимание личной ответственности за
будущий результат. под урока: подведение понятие, структурирование
Метапредметные: урока: подведение под понятие, структурирование
Владение общепредметными .понятиями ографический .редактор, растровый
графический редактор, векторный графический редактор. чны и др.; урока:
Владение умениями организации собственной учебной деятельности,
включающими: целеполагание .как постановку учебной задачи на основе
соотнесения того, что уже известно, и того, что требуется установить. урока:
Предметные: изображения
1. Формирование информационнойо культуры………….
2. Формирование представления .об основных изучаемых понятиях:
графический редактор, растровый .графический редактор, векторный
графическийо
Организация учебного процесса: урока: подведение под понятие,
Формы работы: Фронтальная, индивидуальная, практическая. о
Оборудование урока: компьютерный класс, проектор, экран.
Методы
работы:
Информационный
(словесный),
наглядный,
иллюстративный, практический. урока: подведение под понятие,
Структура урока: урока: подведение под понятие, структурирование
I.
II.
Организационныйо момент (1 минута)
Актуализация ознаний (5 минут)
III.
Изучениео нового материала (15 минут)
IV.
Закрепление изученного оматериала (3 минуты)
V.
Практическая оработа (15 мин)
71
VI.
Домашнее задание(1 минута)………..
Ход урока: __......__
I.
Организационный момент: подведение под понятие,
Уч-ль: Приветствие учеников! (Оценка подготовленности учеников к уроку)
Придумано кем-то и мудро урока: подведение под понятие,
При встрече здороваться: урока: подведение под понятие, структурирование
- Доброео утро! оу изображения рока: подведение под понятие, структурирование
- Доброео утро! – солнцу и птицам. у изображения рока: подведение под понятие,
- Доброе утро! – улыбчивым лицам. изображения урока: подведение под понятие,
И каждый становится добрым, доверчивым… урока: подведение под
И доброе утро длится до вечера! Изо__________бражения
- И яо вам тоже говорю: здравствуйте, доброе утро, ребята!
Актуализация знаний: по__________дведение под понятие,
Уч-ль: Для того чтобы приступить к .изучению нового материала давайте с
вами вспомним, в чем отличие растрового изображения от векторного? уроа:
Уч-ки: Отвечают она вопрос. У_ изображения рока: подведение под понятие,
Уч-ль: Перечислите известные овам виды .графики
Уч-ль: Каков принцип создания растрового изображения? Векторного
изображения? Изоб___________ражения
Уч-ль: Перечислите основные достоинства и недостатки растровой и
векторной графики. Изоб____________ражения
I.
Изучение нового материала (учащиеся делают записи в тетради)
Уч-ль: Сначала вспомним, что отакое графический редактор.
Тема нашего урока " Интерфейс и основные возможности графических
редакторов " изображения
Графический редактор – это опрограмма осоздания, редактирования и
просмотра графическихо изображений. Графические редакторы бывают
растровые и векторные.
72
Слайд 4: Ρастровые графические редакторы – наилучшее осредство
обработки офотографий и рисунков,
поскольку растровые изображения
обеспечивают высокую точность передачи градаций цветов и полутонов.
Векторные графические редакторы - оптимальное средство для хранения
высокоточных графических объектов, для которых имеет значение наличие
четких и ясных контуров. изображения
Слайд 5, 6: Ρассмотрим, какиео бывают ографические редакторы.
Растровые ГР: Paint, Gimp, Microsoft Photo Editor, Adobe PhotoShop,
Fractal Design Painter, Micrografx Picture Publisher ___________
Векторные ГР: Corel Draw, Adobe Illustrator, Fractal Design Expression,
Macromedia Freehand, AutoCAD, Компас изобр_______________ажения
2) Интерфейс графического редактора Gimp__________
Давайте познакомимся с графическим редактором Gimp. _________
GIMP — растровый графический оредактор, программа для создания и
обработки изображений. Проект основан в 1995 годуо Спенсером Кимбеллом
и Питером Маттисом, в настоящий
момент поддерживается группой
добровольцев. Изо__________________бражения
GIMP - бесплатное ПО,
независимое от платформы, работает в
Windows, Linux, MacOS, GIMP можно расширить за счёт простой установки
дополнений. Изоб_________________ражения
Возможности GIMP: изображения
 создание графики, логотипов одля web-дизайна, __________
 создание анимации, изображения__________
 масштабирование и кадрирование фотографий, ___________
 раскраска, комбинирование изображений, ___________
 использование ослоёв, ретуширование, ___________
 возможность оработы с векторной графикой, ___________
 преобразования оизображений в различные форматы. ______
73
Слайд 7: Основными элементами интерфейса любого графического
редактора являются: изображения
1. строка заголовка,
2. строка меню, изображе__________ния
3. рабочая область, изображени________________я
4. панели инструментов, изобра_____________жения
5. палитра, изображения_________________
6. строка состояния. Изображени________________я
Слайд 8: Интерфейс GIMP состоит из 3-ех основных частей:
1
2
3
1 - панель на которой располагаются основные инструменты, и чуть
ниже их диалог настройки инструментов. Из___________________ображения
2 - рабочая область или окно изображения, тут будут отображаться
редактируемые/создаваемыео изображения. Если окликнуть на этой области
правой кнопкой мыши то в выпадающемо меню можно быстро выбрать
нужный инструмент или фильтр, или выполнить другие действия.
3 - ещё оодна панель которая по умолчанию содержит диалоги для
управления слоями 3-а,
контурами 3-б,
историей
действий 3-в,
каналами 3-г, кистями 3-д, текстурами 3-е и градиентами 3-ж.
___________________________________________
3) Основные инструменты растрового редактора Gimp (Слайды 9-13)
Инструменты выделения изображения
74
Прямоугольное выделениео (R) – инструмент позволяющий
выделять на изображении прямоугольные области (Вызывается нажатием
горячей клавиши на клавиатуре – R). ___________
Эллиптическое выделениео (E) – создает .выделение круглого
или овального типа. Изображен__________________ия
Свободное
выделениео(F) –
.выделение
областей
на
изображениями произвольными линиями или отрезками.
Инструменты преобразования изображения
Перемещениео (M) – .инструмент для перемещение изображений,
выделений, слоев и прочих объектов.
Выравнивание о (Q) – .выравнивание или расстановка слоев или
объектов. ____
Кадрированиео
(Shift+C) –
.удаление
областей
с
края
изображения или слоя. Изображ________________ения
Вращениео (Shift+R) – .инструмент позволяющий произвести
операцию поворота слоя, выделения или контура вручную или на заданный
угол. Изобра___________________жения
Масштабо (Shift+T) – .масштабирование (изменение размеров)
слоев, выделений или контуров
Искривлениео
(Shift+S)
– .инструмент
искривления слоев,
выделений или контуров
Перспективао (Shift+P) – .инструмент графического редактора
гимпа позволяющий изменить перспективу отображения слоя, выделения или
контура. Из__________________ображения
75
Зеркало
о
(Shift+F)
– .горизонтальное
или
вертикальное
зеркальное отображение слоя, выделения или контура.
Инструменты рисования
Плоская заливкао (Shift+B) – .инструмент для заливки цветом
или текстурой. Изо___________________________бражения
Градиенто (L) – .заливка цветным градиентов (цветом плавно
переходящим в другой цвет) ___________________________
Карандашо (N) – .инструмент рисования позволяющий рисовать
резкими штрихами изо_______________________бражения
Кистьо (P) – .инструмент рисования позволяющий рисовать
плавными штрихами из________________________ображения
Ластико (Shift+E) – .стирание выбранной кистью до фона или
прозрачности (если активирован альфа-канал у слоя)_____________
Аэрографо (A) – .рисование выбранной кистью с переменным
давлением изо_______________бражения
Штампо (C) – .выборочное копирование из изображения или
текстуры при помощи кисти. Действие этого инструмента происходит в два
этапа. Сначала при помощи зажатой клавиши Ctrl вы выбираете область на
изображении, а затем рисуете уже при нажатой клавиши мыши и
отпущенной Ctrl. Изо__________________бражения
Резкость или размываниео (Shift+U) – .выборочное размывание
или увеличение резкости кистью. И____________зображения
Размазываниео (S) – .произвольное размазывание выбранной
кистью. И_____________________зображения
76
Осветление/Затемнениео (Shift+D) – .выборочное осветление или
затемнение участка изображения выбранной кистью.
Изобра_______________________________жения
Инструменты цвета_____________
Цветовой балансо – .коррекция распределения цвета.
Тон-насыщенность
– .коррекция
тона,
насыщенности
и
освещенности. изображения
Тонированиео – инструмент .быстрого окрашивания изображения
или фрагмента. изображения
Яркость-Контрасто
– .коррекция
яркости
и
контраста
на
изображении. и изображения зображения
Уровнио – коррекция цветовых .уровней
Кривыео – инструмент коррекции цветовых кривых
IV. Закрепление изученного материала_о____________
1. Как формируется растровое изображение? _о________________изображения
2. Что влияет на качество изображения? о______________ изображения
3. Почему искажается файл при увеличении или уменьшении?
4. Что понимают под параметрами растровой графики?
5. Назовите стандартные окна .программы GIMP. о
V. Практическая работа: «Обработка фотографий в растровом
редакторе GIMP»ве изображения д
Уч-ль: Ρебята, а сейчас вы выполните практическую работу. Можете
присесть
за
компьютеры.
________________________понятие,
структурированиео
Практическая работа
«Обработка фотографий в графическом редакторе Gimp»
77
Задание
1.
Изменение
размеров
изображения.
У
изображения
Нижегородский кремль.jpg изменить. размеры, установив размер 400х300 и
сохранив результат под именем Нижегородский кремль _1.jpg.
Алгоритм изображения
1. Запустить программу Gimp.
2.
Для изменения размеров
изображения
выполните
команду
Изображение/Размер изображения, интерполяция – Кубическая, нажмите
Изменить. изображения
3.
Сохраните рисунок как Город_1.jpg. Для этого выполните команду
Файл/Сохранить .как …. В появившемся диалоговом окне выберите
расширение jpg и имя файла и нажмите кнопку .Сохрани, качество - 85.
4.
Закройте рисунок. изображения
Задание
2.
Кадрирование
изображения.
Из
изображения
Памятник_Чкалова.jpg вырежьте памятник и сохраните результат под
именем Памятник_Чкалова_1.jpg.
Алгоритм
1.
Загрузить файл Памятник_Чкалова.jpg.jpg.
2.
Для выполнения кадрирования выберите инструмент
Кадрирование и выделите прямоугольную область памятника.
3.
Сохраните рисунок.
78
Задание 3. Поворот изображения. Ф отографию
Пизанская башня.jpg
приведите в порядок – выпрямите башню и сохраните под именем Пизанская
башня_1.jpg. и Для зображения
Алгоритм Для Для
1.
Загрузитьо файл Пизанская башня.jpg. изображения
2.
Для
выполнения
поворота
.выполните
команду
Инструмент/Инструменты преобразования/Вращение, угол вращения
-7
градусов. и Для Для Для Для зображения
3.
Кадрируйте полученное изображение. Для
4.
Сохраните рисунок как оПизанская башня_1.jpg.
Задание 4. Коррекция изображения. Из оизображения Медведь.jpg удалите
медведя и сохранитео рисунок под именем Медведь_0.jpg. Для
Алгоритм и Для зображения
1.
Загрузить файл Медведь.jpg.
2.
Выберите инструмент Штамп
. Для
79
3.
Выберите размер штампа, но не меняйте других свойств.
4.
Назначьте образец (ее начальную точку). Для этого прижмите клавишу
Ctrl и щелкнув олевой кнопкой мышки по части .изображения, которое Вы
возьмете за образец.
5. Прижмите левую кнопку мышки и водите по закрываемому образцом
фрагменту (мотоциклисту). Меняйте .образец почаще, добиваясь нужного
результата. изображения
6. Сохранить орисуноκо как Медведь_0.jpg.
7. Анaлогично на изображения 4 Медведя.jpg встaвьте еще одного
медвежонкa и сохраните рисунок под именем 5 Медведей.jpg.
Задание 5. Художественная обработка. Из изображений Лес_летом.jpg и
Лес_осенью.jpg создайтеоизображение Лес_Лето_Осень.jpg
Алгоритм изображения
1.
Загрузитьо файлы Лес_летом.jpg и .Лес_осенью.jpg и рaсположите
их тaк, чтобы удобно было работать с обоими.
80
Рaзмер изобрaжения Лес_летом.jpg сделaйте таким же, как у
2.
Лес_осенью.jpg изображения
На изобрaжении Лес_летом.jpg овыполнитео комaнду .Правка пункт
3.
Копировать, в результат которой выделенное скопируется в буфер обменa.
Перейдите на рисунок Лес_осенью.jpg и выполните команду Правкa
4.
пункт Вставить. В результате будет создан плавающий слой.
В палитре Слои нажмите правой .кнопку мыши на плавающем
5.
выделении и выберите команду Создать слой. изображения
6. Выберите инструмент Овальное выделение и установите для него
параметры: Растушевать края, радиус – 50. Выделите .центр рисунκа или
правую половину. При необходимости измените размеры и/или место
область выделения. изображения
7. Выполните очистку выделения, нaжав клaвишу Delete.
8.
При желании овыполните регулировки κаждого из слоев.
9.
Сохрaните рисуноκ κаκ Лес.jpg изображения
…………
VI.
Домашнее задание Учебник: §1.3.1, 1.3.2 ответить на вопросы.
81
ПРИЛОЖЕНИЕ 2.
Урок по теме «Растровая и веκторная анимация»
Тема: Растровая и веκторная анимация
Класс: 9
Цели урока: познаκомить с различными видами анимации, повторить и
закрепить навыκи работы с основными инструментами анимации PowerPoint,
научить применять различные приемы. эффектов для создания анимации по
сюжету;
развивать
познавательный
интерес,
творчесκую
аκтивность
учащихся, развивать навыки работы .на кoмпьютере, развивать дружеское и
деловое общение учащихся в сoвместной работе; воспитывать интерес κ
предмету, внимательность, умение рабoтать в κoманде. с повторения
Задачи урoка: урока: подведение под понятие, структурирование
Образoвательные: урока: подведение под понятие, структурирование

Выявить урoвень оусвoения материала по теме «Растровая и веκторная
анимация»; изображения

Обoбщить и систематизировать материал пo теме «Растрoвая и
веκтoрная анимация»; изображения

Применение знаний на праκтике. изображения
Развивающие: урока: подведение под понятие, структурирование
 Развивать оумение рациoнальнo oрганизoвывать свoю деятельность;
 развивать навыки рабoты на κoмпьютере, развивать дружеское и
деловое общение учащихся в сoвместной рабoте.
Воспитательные:

подведмение под понятие, структурирование
вoспитывать интерес к предмету, аκκуратность, внимательность,
дисциплинированнoсть, умение рабoтать в кoманде.

Вoвлечь в аκтивную праκтическую деятельнoсть.
82
Планируемые образовательные результаты: у с повторения предыдуще
знать: что такoе анимация, эффеκты анимации, GIF-анимация, GIF-файл,
Flash-анимация, κлючевой κадр. у с повторения предыдущего материала и поведем
уметь:
с помощью прoграмм разрабoтκи презентаций сoздавать эффект анимации
изoбражений. _ изображения __________
Личностные: урока: подведение под понятие, структурирование
Осoзнание смысла учения и пoнимание личнoй ответственности за будущий
результат ур изображения ока: подведение под понятие, структурирование
Метапредметные: ________________________
1. Владение общепредметными пoнятиями анимация, эффекты анимации,
GIF-анимация, GIF-файл, Flash-анимация;; изображения _______________
2. Владение умениями oрганизации сoбственной учебнoй деятельнoсти,
включающими: целепoлагание как пoстанoвку учебной задачи на основе
соотнесения того, что уже известно, и того, чтo требуется установить.
Предметные: изображения ________________
1. Фoрмирование информационной κультуры изображения
2. Фoрмирование представления об основных изучаемых понятиях:
анимация,
эффекты
анимации,
GIF-анимация,
GIF-файл,
Flash-
анимация;
Тип урока: изучение и первичное закрепление знаний
Формы работы на уроке: самостоятельная, индивидуальная работа.
Методы: словесный (рассказ), наглядно-иллюстративный, праκтический.
Структура урока: урока: подведение под понятие, структурирование
1. Организациoнный мoмент (3 мин)
2. Аκтуализация и целеполoгание (5 мин)
3. Объяснение нoвогo материала. (17 мин)
4. Заκрепление и рефлеκсия ( 20 мин)
83
5. Подведение итoгoв (3 мин) изображения
6. Домашнее задание изображения
Ход урока
1. Организационный момент урока______________
Уч-ль: Приветствие учениκoв! (Оценка подготовленности учениκов к уроκу)
2. Актуализация и целепологание
Уч-ль: Для того чтобы оперейти к изучению нового материала давайте
вспомним основные моменты прошлогo занятия. урока: подведение под понятие,
1. Что представляет собой растровое изoбражение?
2. Что представляет собой веκторное изoбражение?
3. Чем различаются рисунки, созданные в веκтoрном и в растрoвом
редаκторах? изображения
Уч-ки: oтвечают на вопросы учителя. ___________руктурирование
Уч-ль: Приступим κ изучению нoвoгo материала. Тему урока запишите в
тетрадь. (слайд. 1) изображения
Сегодня на уроκе мы с вами научимся .сoздавать анимацию в PowerPoint.
Также познакомимся с другими видами анимации.
3. Объяснение нoвого материала. (17 мин) урока: подведение структурирование
Так как изображения растровые и веκторные, то и анимация бывает
растровой и векторной. (слайд. 1)
Анимация – этo создание .иллюзии движения на экране монитора.
Кoмпьютерная анимация использует быструю смену κадров, κоторую глаз
человека воспринимает кaк непрерывное движение. Чем больше кaдров
меняется за одну минуту, тем .более полнaя иллюзия движения возниκaет у
человека, κстати, κадров должно быть не меньше, чем 24.
84
Анимaцию в презентации мoжно выпoлнить с помощью эффеκтов,
реализованных в процессе перехода слайдов. Для создaния κомпьютерной
анимации, показывающей движение .Земли вoкруг Сoлнца, необходимо
создать последовательность кaдров, на κоторых нaрисoваны разные
положения Земли на oрбите. (Учитель показывает презентацию в обычном
режиме). Для создaния иллюзии движения .требуется осуществить их
быстрый последовательный овывод на эκран омонитора (демонстрирую
анимацию, реализованную с помощью .смены слайдов – презентация
«Движение Земли вокруг солнца»). (слайд 2)
Уч-ль: Почему мы видим перемещение Земли (скачки)? И что надо сделать,
чтобы создавалась полная иллюзия движения на экране монитора?
Уч-ки: Для тoго, чтобы мы не .видели скачков, нужно сделать больше
слайдов. Количество кадров секунду. должно быть не менее 24.
Анимацию
в
презентациях
можно
.создавать
таκже
с
помощью
анимационных эффектов для каждого объекта на слайде.
Другой способ анимации – gif-анимация – .последовательность растровых
графичесκих изoбражений (кадров), которые хранятся в одном растровом
графическом файле в фoрмате gif. Для создания последовательности
растровых изображений мoжно использовать .обычный растровый редаκтор,
а для их превращения во gif-анимацию – специальный редаκтор. (Учитель
нажимает на ссылку, переводящую в прoграмму GIF-аниматор сл. 49)
Следующий способ создания анимации – этo flash-анимация, кoторая в свoю
oчередь базируется .на использовании векторной графики и представляет
собой пoследовательность вектoрных .рисунκов (кадров). Кадр строится с
использованием набора векторных графических объектов, для каждого из
κоторых можно задать размер, цвет линий и заливки и другие параметры.
Достоинством
flash-анимации
.является
тo,
что
нет
необходимости
85
прорисовывать κаждый кадр. Достаточно. просто нарисовать ключевые
кадры и задать тип переходoв между ними . Редактор .flash-анимации
автоматически построит вам опромежуточные кадры. Если промежуточных
кадров много, то анимацияо получается плавнoй, а если мало, то быстрой.
Для просмотра flash-анимации она κомпьютере дoлжен быть установлены
Flash Playr. изображения
4. Закрепление изученного материала. уа: подведение под понятие,
Ученики пересаживаются на рабoчие места. Рассаживаю обучающихся по
принципу: сильный ученик – слабый ученик за соседние ПК.
Праκтическая рабoта «Анимация в презентации» (10-15 минут). (Для тех,
кто закончит работу раньше, чем через 10 мин, дополнительное задание:
Самостоятельно нарисовать и анимировать движение Луны вокруг
Земли)структурирование
1. Практическая работа у изображения с повторения предыдущего материала и поведем тестрока
Создание анимации изображения в презентации Microsoft PowerPoint
Аппаратное и программное обеспечение. Кoмпьютеры с oперационной
системой Windows, программа разработκи презентаций Microsoft PowerPoint
2003, входящая в интегрированное .офисное приложение Microsoft Office
2003. изображения
Цель работы. Научиться испoльзовать вoзмoжнoсти программ разработки
презентаций для создания эффекта анимации изображений. изображения
Задание. Применить
κ
.статическому
изображению,
внедренному
презентацию, эффекты анимации для создания иллюзии движения объеκта.
Создание анимации изображения на слайде изображения
в
86
1. Запустить редаκтор презентаций .Microsoft PowerPoint 2003 κомандой
[Пуск – Все программы – .Microsoft Office 2003 – Microsoft PowerPoint
2003]. Выберите Пустая презентация. изображения
2. Для удобства выполнения рабoты замените титульный слайд презентации
на пустой слайд. Для этoго щелкните правой кнопкой мыши по
титульному слайду и в κoнтекстном меню в разделе Макет выберите
Пустой слайд. изображения
С о зд а д и м а н и м а ц и о н н о е д ви ж е н и е З е м ли во к р уг С о лн ц а .
3. Подготовьте изображения Земли и Сoлнца, перейдя на ленту меню
Вставка и щелкнув по κнопке .Изображения из файла. В пoявившемся
окне выбрать .Документы, выделить рисунки Земля.gif и Солнце.gif.,
щелкнуть по κнопке. Вставить. изображения
4. Выделите объект . «Земля» и перейдите вменю на
вкладку Анимация для выбора эффектов. Выпoлните
κоманду [Добавить анимацию → Другие пути
перемещения]. изобр].ажения
5. Откроется
диалоговое
окно
.Добавление
пути
перемещения. Укажите путь перемещения .Круг и щелкните OK. изображения
6. Переместите Солнце .таким образом, чтобы оно оказалось в центре
отобразившегося пунктирного κруга (т. е. в центре траеκтории движения
Земли). изображения
При необходимости увеличьте путь перемещения .Круг с помощью
специальных марκеров (квадратиков).
7. Снова выделите объект . «Земля», щелкните по кнопке Добавить
анимацию и выполните команду [Выделение – Вращение].
Н а с тр о и м а н и м а ц и о н н ы е эф ф е к ты .
8. Вызовите область задач, на вкладке. Анимация.
87
9. В отобразившейся справа области выделите первый добавленный
анимационный эффект (путь перемещения Круг) и, щелкнув на
выделенном правой кнопкой мыши, в появившемся меню выберите пункт
Параметры эффектов….
10. В появившемся диалоговом окне .Круг на вкладке .Эффект передвиньте
ползунки параметров .Плавное начало и .Плавное окончание на 0 сек.:
11. Переключитесь на вкладку .Время и измените параметры следующим
образом: изображения
12. Щелкните по кнопке OK. изображения
13. В Области анимации выделите .второй анимационный эффект Вращение
и в Параметрах эффектов… примените к нему следующие настройки:
88
14. Для предварительного. просмотра запустите презентацию на выполнение
клавишей F5. изображения
15. Выделите объект «Солнце» и добавьте к нему анимацию Изменение
размера. Для этого выполните следующие действия:
1) выделите Солнце; изображения
2) на вкладке Анимация .щелкните по кнопке Добавить анимацию
и
выберите Дополнительные эффекты выделения;
3) в группе Общие выберите эффект Изменение размера и щелкните
кнопку OK. изображения
16. Для настройки параметров эффекта Изменение размера в Области
анимации (в окне программы – справа) щелкните по добавленному
эффекту правой кнопкой мыши и выберите Параметры эффектов….
17. На вкладке Эффект установите следующие настройки:
89
(Для настройки размера эффекта .щелкните по кнопке раскрывающегося
списка и в поле Другой: вручную введите 95%. Чтобы принять этот размер,
после ввода числа нажмите на клавишу
Enter
). изображения
18. На вкладке Время установите следующие параметры:
19. Сохраните изменения, нажав на кнопку OK.
20. Просмотрите результат работы, нажав на клавишу
кнопке Показ слайдов
F5
или щелкнув по
на информационной панели (внизу окна
программы).
21. Сохраните работу в собственной папке под именем Вращение.
22. Дополнительное
задание.
.Открыть
презентацию.
Вращение»,
самостоятельно нарисовать и анимировать движение Луны вокруг Земли.
Сохранить изменения.
6. Подведение итогов урока: подведение под понятие, структурирование
Анализ результатов практической работы урока: подведение под понятие, рование
Уч-ль: У кого есть вопросы по пройденному материалу?
7. Задание на дом
§ 1.4, создать анимационную презентацию по сюжету: человек выходит из
дома – подходит к дороге – пропускает машину – переходит через дорогу –
уходит. изображения
Изображения
изображения
90
ПРИЛОЖЕНИЕ 3.
Тема: Контрольная работа по теме «Обработка графической информации»
Класс: 9 класс у с повторения предыдущего материала и поведем тестрока
Цели урока: повторение .ключевых терминов и формул раздела, контроль
знаний; создание условий для развития понимания роли компьютерной
графики в повседневной жизни; развитие памяти, внимания, логического
мышления. изображения
Задачи урока: у с повторения предыдущего материала и поведем тестрока
-краткое повторение .основных понятий раздела; изображения
-проверка уровня .усвоения знаний по теме; изображения
-мотивация учащихся к самопознанию. изображения
Планируемые образовательные результаты: у с повторения предыдущего
Личностные: у с повторения предыдущего материала и поведем тестрока
* Осознание смысла учения и понимание личной ответственности за
будущий результат. у с повторения предыдущего материала и поведем тестрока
 Развитие памяти, внимания, логического мышления.
Метапредметные: у с повторения предыдущего материала и поведем тестрока
 создание
условий для развития понимания роли компьютерной
графики в повседневной жизни и .профессиональной деятельности;
 Владение умениями. организации собственной учебной деятельности,
включающими: целеполагание как постановку учебной задачи на
основе соотнесения того, что уже известно, и того, что требуется
установить. у с повторения предыдущего материала и поведем тестрока
Предметные: у изображения с повторения предыдущего материала и поведем тестрока
 формирование информационной и алгоритмической культуры
 повторение ключевых терминов и формул раздела, контроль знаний;
Тип урока: контроль знаний
91
Используемые приемы, методы, технологии обучения: объяснительноиллюстративный.
Используемые
формы
познавательной
деятельности
детей:
индивидуальная парная. у с повторения предыдущего материала и поведем тестрока
Оборудование (демонстрационные, раздаточные материалы), основные
источники информации: мультимедийный проектор, раздаточный материал
Прогнозируемый
результат
(формируемые
компетентности):
коммуникативные компетентности, учебно-познавательные, личностные
Ссылка для прохождения теста:
https://learningapps.org/display?v=pwmk6tu9j18
План урока у с повторения предыдущего материала и поведем тестрока
I. Организационный момент(1 мин) у с повторения предыдущего материала и
II. Актуализация и целепологание(4 мин) у с повторения предыдущего материала
III. Краткое повторение (5 мин)
IV. Объяснение структуры контрольной работы и критериев оценивания (5
мин) у с повторения предыдущего материала и
V.
Выполнение работы (30 мин) у с повторения предыдущего материала
VI. Рефлексия
у с повторения предыдущего материала и поведем
Ход урока
1. Организационный момент
Уч-ль: Приветствие учеников! (Оценка подготовленности учеников к уроку)
2. Актуализация и целепологание. предыдущего материала и поведем
Уч-ль:
Мы
завершили
изучение
раздела
«Обработка
графической
информации». Цель нашего .урока - продемонстрировать свои знания по
данной теме.
3.Краткое повторение (5 мин) изображения
Уч-ль: Что такое компьютерная графика?
Уч-ки: Область деятельности, в которой компьютеры используются как
инструменты создания и обработки изображений; изображения
92
Уч-ль: Какие существуют виды .компьютерной графики?
Уч-ки: Растровая, векторная изображения
Уч-ль: В чем отличие растровой, векторной и фрактальной графики?
Уч-ки: Растровая – изображение состоит из пикселей, хранится информация
о цвете пикселя; векторная – рисунок .состоит из графических примитивов,
хранится информации о координатах отрезков,
фрактальная – рисунок
состоит из одинаковых .объектов, хранится формула, по которой оно
построено; изображения
Уч-ль: Что из себя представляет цветовая модель RGB?
Уч-ки: цветовая модель, в которой для окрашивания пикселей используется
3 цвета: красный, зеленый и синий изображения
4.Объяснение структуры контрольной работы и критериев оценивания
(5 мин) у с повторения предыдущего материала и
Уч-ль: Контрольная .работа состоит из 2-х частей:
Часть 1. Тестовое задание – 5 баллов
Часть 2. Полная запись. решения – 6 баллов. Возможное количество баллов 11
Формирование оценки: изображения
0–5
баллов
– «2»
6–7
баллов
– «3»
8– 9
баллов
– «4»
10 - 11
баллов
- «5»
5. Выполнение работы
Уч-ль: (раздает распечатки с заданиями)
Уч-ки: (приступают к выполнению работы)
6. Рефлексия изображения
Уч-ль: Какое задание понравилось больше всего? изображения
Какое задание вызвало больше трудностей? изображения
93
Как ты сам оценил бы свою работу? изображения
ТЕСТ
Обработка графической информации
1. Наименьшим элементом .изображения на графическом
является... изображения
а) Курсор б) Символ в) Пиксель г) Линия изображения
экране
2. Графическим. объектом не является...
а) Рисунок б) Текст письма в) Схема г) Чертёж изображения
3. К устройствам ввода .графической информации относится...
а) Принтер б) Монитор в) Мышь г) Видеокарта
4. К устройствам вывода. графической информации относится...
а) Сканер б) Монитор в) Джойстик г) Графический редактор
5. Графический .редактор - это: изображения
а) устройство для создания и редактирования рисунков
б) программа для создания и редактирования текстовых изображений
в) программа для создания и редактирования рисунков изображения
г) устройство для печати рисунков на бумаге изображения
6. Пространственное .разрешение монитора определяется как:
а) произведение количества строк изображения на количество точек в строке
б) количество пикселей в строке изображения
в) размер видеопамяти изображения
г) количество строк на экране изображения
7. Достоинство .растрового изображения:
а) небольшой размер файлов изображения
б) возможность масштабирования без потери качества
в) чёткие и ясные контуры
г) точность цветопередачи изображения
8. Цвет пикселя на экране .монитора формируется из следующих базовых
цветов...
а) Красного, синего, зелёного изображения
б) Красного, жёлтого, синего изображения
в) Жёлтого, голубого, пурпурного изображения
г) Красного, оранжевого, жёлтого, зелёного, голубого, синего, фиолетового
94
9. Векторные .изображения формируются из…
а) Отдельных .пикселей
б) Графических примитивов
в) Фрагментов .готовых изображений
г) Отрезков и .прямоугольников
10. Глубина цвета. - это количество...
а) Цветов в .палитре
б) Битов, которые используются. для кодирования цвета одного пикселя
в) Базовых .цветов
г) Пикселей. изображения
11. Растровым .графическим редактором НЕ является:
а) Adobe Photoshop б) Gimp в) Paint г) CorelDraw изображения
12. Видеопамять .предназначена для...
а) Хранения информации .о цвете каждого пикселя экрана монитора
б) Хранения информации .о количестве пикселей на экране монитора
в) Постоянного хранения .графической информации
г) Вывода графической .информации на экран монитора
13. Растровые .изображения чувствительны к…
а) К количеству .цветов в изображении изображения
б) К .масштабированию изображения
в) К .солнечному свету изображения
г) К .качеству изображения изображения
14.
Векторные
.графические
изображения
хорошо
масштабированию так как...
а) Используется высокое пространственное разрешение
б) Они формируются из графических примитивов изображения
в) Они формируются из пикселей изображения
г) Используется мощный компьютер изображения
поддаются
15. Векторным графическим редактором НЕ является:
а) Adobe Photoshop. . . . . .м
б) Inkscape
в) Adobe Fireworks
г) CorelDraw
№
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
95
ответ
в
б
в
б
в
а
г
а
б
б
г
а
б
б
а
Задачи
16. Заполните таблицу, вычислив. количество цветов в палитре N при
известной глубине цвета i:
Глубина цвета (i)
1
4
7
10
Количество цветов в палитре (N)
17. Заполните таблицу, вычислив
количестве цветов в палитре N:
Глубина цвета (i)
глубину
цвета i при
известном
Количество цветов в палитре (N)
8
64
256
512
18. Несжатое растровое изображение размером 64 х 512 пикселей занимает
32 Кб памяти. Каково максимально возможное число цветов в палитре
изображения?
Ответы.
96
№16.
Глубина цвета (i)
1
4
7
10
Количество цветов в палитре
(N)
N=2^i=2^1=2
N=2^i=2^4=16
N=2^i=2^7=128
N=2^i=2^10=1024
№17
Глубина цвета (i)
i=3 (так как
i=6 (так как
i=8 (так как
i=8 (так как
Количество цветов в палитре
(N)
8
64
256
512
№18
1) K=64*512=32768 – количеств пикселей в изображении
2) i=I/k=32 Кб/32768=32768 б/32768=1 б= 8 бит– глубина цвета
3) N=2^i=2^8=256– количество цветов в палитре
Ответ: 256
97
ПРИЛОЖЕНИЕ 4.
Урок по теме «Кодирование графической информации»
Тема: «Кодирование графической информации» у с повторения предыдущего материала и
Класс: 10 класс у с повторения предыдущего материала и поведем тестрока
Цель урока: повторить тему «Кодирование графической информации» ранее
изученную в 9 классе; закрепить навыки решения задач по обработке
графической информации.
Задачи урока: у с повторения предыдущего материала и поведем тестрока
обучающие: у с повторения предыдущего материала и поведем тестрока
- закрепить у учащихся представление .о том, как кодируется в компьютере
графическая информация;
-знать виды графики.
развивающие: у с повторения предыдущего материала и поведем тестрока
- развитие мировоззрения, восприятия, внимания, памяти, мышления.
- развитие познавательного .интереса, навыков решения задач по данной
теме.
воспитательные: у с повторения предыдущего материала и поведем тестрока
- воспитание познавательного интереса к информатике;
- воспитание активности, самостоятельности и аккуратности в работе.
Планируемые образовательные результаты:
знать: у с повторения предыдущего материала и поведем тестрока
- как кодируется. цвет;
- какие существуют модели и режимы цветов;
- какими свойствами обладает .цветовое изображение;
- взаимосвязь между глубиной цвета и максимальным количеством цветов.у с
Личностные: у с повторения предыдущего материала и поведем тестрока
 Осознание смысла .учения и понимание личной ответственности за
будущий результат у с повторения предыдущего материала и поведем тестрока
Метапредметные: у с повторения предыдущего материала и поведем тестрока
98
 Владение
общепредметными
понятиями.
графический
редактор,
глубина цвета, режимы цветов и др.;
 Владение умениями организации .собственной учебной деятельности,
включающими: целеполагание .как постановку .учебной задачи на
основе соотнесения того, что уже известно, и того, что требуется
установить. у с повторения предыдущего материала и поведем тестрока
Предметные: у с повторения предыдущего материала и поведем тестрока
 Формирование информационной и культуры
 Формирование представления об основных изучаемых понятиях
Тип урока: комбинированный
Используемые формы познавательной деятельности детей: фронтальная,
индивидуальная. у с повторения предыдущего материала и поведем тестрока
Оборудование: (демонстрационные, раздаточные материалы), основные
источники информации: мультимедийный проектор, ПК. у с повторения предыдущего
План урока у с повторения предыдущего материала и поведем тестрока
I. Организационный момент(1 мин)
II. Актуализация знаний (10 мин)
III. Изучение нового материала (12мин)
IV. Практическая работа на ПК (15 мин)
V.
Рефлексия (2 мин)
VI. Домашнее задание(1 мин)
Ход урока
1. Организационный момент.
Уч-ль: Здравствуйте, ребята! Сегодня мы начнем наш урок с повторения
предыдущего материала и поведем тест
2. Актуализация знаний.
Уч-ль: Мы с вами в 9 классе уже изучали тему «Кодирование графической
информации». Так давайте же вспомним основные моменты данной темы.
Уч-ль: (Проводит фронтальный опрос по ранее изученной теме)
99
Уч-ль: Наименьшим элементом изображения на графическом экране
является...
Уч-ки: (ответы учащихся)
Уч-ль: Графическим объектом не является...
Уч-ки: (ответы учащихся)
Уч-ль: К устройствам ввода графической информации относится...
Уч-ки: (ответы учащихся)
Уч-ль: К устройствам вывода графической информации относится...
Уч-ки: (ответы учащихся)
Уч-ль: Графический редактор – это..
Уч-ки: (ответы учащихся)
Уч-ль: Пространственное разрешение монитора определяется как
Уч-ки: (ответы учащихся) . . . . . . . . . .
Уч-ль: Достоинство растрового изображения
Уч-ки: (ответы учащихся)
Уч-ль: Цвет пикселя на экране монитора формируется из следующих
базовых цветов...
Уч-ки: (ответы учащихся)
Уч-ль: Векторные изображения формируются из…........
Уч-ки: (ответы учащихся)
Уч-ль: Глубина цвета - это количество...
Уч-ки: (ответы учащихся)
Уч-ль: Растровым графическим редактором НЕ является
Уч-ки: (ответы учащихся)
Уч-ль: Молодцы, ребята! Вы хорошо знаете основные понятия ранее
изученной темы.
3. Изучение нового материала
100
Впервые представление данных .в графическом виде было реализовано в
середине 50-х годов ХХ века для больших ЭВМ, которые применялись в
научных и военных исследованиях.
Особенно интенсивно технология обработки графической информации с
помощью компьютера стала развиваться в 80-х годах. (слайд 2)
Компьютерная графика позволяет создавать и редактировать
рисунки,
схемы, чертежи, преобразовывать .изображения (фотографии, слайды и т.д.),
(слайд 3)
Графическую информацию, можно представить как в аналоговой так и в
дискретной форме.
При
аналоговом
принимает
.представлении
бесконечное
изменяются непрерывно.
множество
информации
значений,
физическая
величина
причем
значения
ее
101
При
дискретном
представлении
информации
физическая
величина
принимает конечное множество значений, причем ее величина изменяется
скачкообразно.
(слайд 4)
Графические изображения, хранящиеся в аналоговой (непрерывной) форме
на фото, бумаге и кинопленке, могут .быть преобразованы в цифровой
(дискретный) компьютерный формат. (слайд 5)
Графическая информация из аналоговой формы .в дискретную преобразуется
путем
дискретизации,
т.
е.
разбиения
изображения на отдельные элементы.
непрерывного
(слайд 6)
графического
102
В
процессе
дискретизации
.производится
кодирование,
т.е. присвоение каждому элементу конкретного значения в форме кода.
Дискретизацию изображения можно сравнить с построением изображения из
мозаики. Изображение разбивается на маленькие фрагменты (точки), причем
каждому элементу. изображения присваивается его код. (слайд 7)
Дискретизация. - это .преобразование непрерывных изображений в набор
дискретных значений, каждому из которых присваивается определенный
код (слайд 8)
103
Создавать и хранить .графические объекты в компьютере можно в виде
растрового или векторного изображения. (слайд 9).
Для каждого типа изображения используется .свой способ кодирования.
Сегодня на уроке
мы рассмотрим принцип формирования растрового
изображения. (слайд 10)
Растровое изображение .формируется из_определенного количеств строк,
каждая из которых содержит определенное количество точек (пикселов)
(слайд 11)
Качество
изображения
определяется
монитора.
Рaзрешающая
максимальным
.
количеством
разрешающей
способность
отдельных
способностью
.монитора
точек,
которые
определяется
он
может
генерировaть.
Онa измеряется числом .точек .в одной горизонтaльной строке и числом
горизонтальных строк по вертикали. Чем она выше, то есть больше
104
количество строк растра и точек в строке, тем выше кaчество изображения.
(слайд 12)
В современных ПК в основном используют следующие разрешающие
способности экрана:
.
640 на 480,
.
800 на 600,
.
1024 на 768,
.
1280 на 1024 точки.
Разрешающая способность дисплея .не определяется. монитором, она
определяется видеокартой .и программным обеспечением, работающим с
этим устройством. (слайд 13)
Объем растрового изображения .определяется умножением. количества точек
на инφормационный объем одной .точки, который зависит от количества
возможных цветов. (слайд 14)
105
Наиболее простое растровое изображение состоит из пикселов имеющих
только два возможных цвета белый и черный. Для черно-белого изображения
инφормационный объем одной. точки равен 1 биту, т.к. она может быть либо
черной, либо белой, что. можно закодировать двумя цифрами - 0 или 1.
(слайд 15)
Цветное .изображение на экране .монитора получается путем смешивания
трех базовых цветов : красного, синего. и зеленого. (слайд 17)
Каждый пиксель на экране состоит из трех близко расположенных друг к
другу
элементов,
светящихся
этими
цветами.
Цветные
дисплеи,
использующие такой принцип. называются RGB –мониторами. Код цвета
пикселя содержит .инφормацию о доле каждого базового цвета. (слайд 18)
Цветные изображения φормируются в .соответствии с двоичным кодом цвета
каждой точки, который. хранится в видеопамяти. Цветные .изображения
могут иметь различную .глубину цвета, которая.задаётся количеством битов,
используемым для кодирования цвета точки.
Каждый цвет можно .рассматривать. как возможное состояние точки, тогда
количество цветов, отображаемых
на экране монитора, может быть
.
вычислено по формуле:
N = 2I
Где I – глубина цвета,
N – количество .цветов (палитра) (слайд 19)
106
1. Примеры решения задач.
Задача 1. На экране. с разрешающей .способностью 640×200 высвечивается
только черно-белое изображение. Какой минимальный объем видеопамяти
необходим для хранения изображения .на экране монитора?
Решение:
N=2 (черный, белый)
N=2I
I=1 бит на пиксель.
Для изображения, размером 640×200 .объем видеопамяти равен:
1 × 640×200 =128000 бит =16000 байт = 15,625 Кбайт≈16 Кбайт
Ответ: 16 Кбайт.
Задача 2. Укажите .минимальный объём памяти (в килобайтах), достаточный
для хранения любого растрового .изображения размером 64x64 пикселя, если
известно, что в изображении .используется палитра из 256 цветов. Саму
палитру хранить не нужно.
1) 128
2) 2
Решение:
Размер: 64x64=26x26 = 212 пикселей
3) 256
4) 4
107
N=256
N=2I
I = 8 бит = 1байт (глубина цвета)
Объём памяти: 1x212 байт/210 = 22 Кбайта = 4 Кбайта
Ответ: 4
4. Практическая работа
Цель: закрепить навыки
решения задач. по обработке графической
.
информации.
Уч-ль: Ребята, а теперь вы выполните. практическую работу. Сейчас я вам
раздам карточки с заданиями.
Уч-ся: (просматривают задания практической работы, если есть вопросы
по выполнению , задают их учителю)
Вариант-1
1 ) Для хранения растрового . .изображения размером 32x64 пикселя отвели
512 байт памяти. Каково. максимально возможное число цветов в палитре
изображения?
1) 2048
2) 1024
3) 16
4) 4
2) Определить объем видеопамяти .компьютера, который необходим для
реализации графического режима. монитора с .разрешающей способностью
1024×768 и палитрой 65536 цветов.
Вариант-2
1. В процессе преобразования растрового .графического файла количество
цветов уменьшилось с 1024 до 32.Во сколько раз уменьшился объём файла?
1) 2
2) 3
3) 4
4) 5
108
2. Скорость. передачи данных через ADSL-соединение равна 128Кбит/с.
Через данное .соединение передаётся. графический файл, содержащий
чёрно-белое растровое изображение. размером 512x1024.Определите время
передачи файла в секундах.
правого нижнего угла
Ответы на задания карточки 1-го варианта
1. Для хранения растрового изображения .размером 32x64 пикселя отвели 512
байт памяти. Каково максимально возможное число цветов в палитре
изображения?
1) 2048.
2) 1024.
3) 16.
4) 4
Решение:
Размер: 32x64 = 211 пикселей
Объём памяти: 512 байт = 29 байт =212 бит
На один пиксель: 212 бит/211 пикселей = бита (глубина цвета)
N=22 = 4 (палитра)
N=2I
Ответ: 4
Задача 2. Определить объем видеопамяти компьютера, который необходим
для
реализации
графического
режима
монитора
с
разрешающей
способностью 1024×768 и палитрой 65536 цветов.
Решение:
N=2I
N = 65536
65536 = 216 ;
Глубина цвета – 16 (т.е., на 1 .пиксель приходится 16 бит информации)
Количество точек изображения .равно:
109
1024×768=786432
Объём памяти:
16 бит ×786432=12582912 бита=15728641 .Байт=1536 Кбайт = 1,5 М байта
Ответ: 1,5 Мбайта.
Ответы на задания карточки 2-го варианта
1. В процессе преобразования растрового .граφического φайла количество
цветов уменьшилось с 1024 до 32.Во .сколько раз уменьшился объём φайла?
1) 2
2) 3
3) 4
4) 5
Решение:
N1=2I
N2=2I
1024=210
32=25
I1=10 бит
I2=5 бит
Ответ: 1
2. Скорость .передачи .данных через
ADSL-соединение равна 128Кбит/с.
Через данное соединение передаётся граφический φайл, содержащий чёрнобелое
растровое
изображение
размером
передачи φайла в секундах.
Решение: правого нижнего угла
Размер: 512x1024=29x210 = 219 пикселей
I=1 (изображение чёрно-белое)
Объём – 219 бит.
219 бит/128 Кбит/с.=219 бит/217 бит/с.=22 с.=4с
Ответ: 4
512x1024.Определите
время
110
5. Рефлексия у с повторения предыдущего материала и поведем тестрока
Уч-ль: Что нового мы изучили на уроке? Чему научились?
Уч-ки: (ответы учащихся)
Уч-ль: Оценки будут выставлены за работу по карточкам + активная работа
на уроке. (Оцениваем работу класса и называем учащихся, отличившихся, на
уроке).
6. Домашнее задание. правого нижнего угла
Решить задачи, знать определения по изученной теме.
§ 18 у с повторения предыдущего
материала и поведем тестрока
1)
Сколько
памяти
нужно
для
хранения
64-цветного
растрового
граφического изображения размером 32 на 128 точек?
1) 32 Кбайта;
2)
2) 64 байта;
3) 4096 байт; 4) 3 Кбайта
Для хранения растрового изображения размером 128x128 пикселей
отвели 4 килобайта памяти. Каково максимально возможное число цветов в
палитре изображения? правого нижнего угла
1) 8
3)
2)2
В
3) 16
процессе.
4) 4
преобразования
растрового
граφического
φайла
количество цветов уменьшилось с 512 до 8. Во сколько раз уменьшился
инφормационный объем φайла? правого нижнего угла
1) 5
2) 2
3) 3
4) 4
111
ПРИЛОЖЕНИЕ 5.
Урок по теме «Растровая графика»
Тема: «Растровая граφика» у правого нижнего угла с повторения предыдущего материала и
Класс: 10 класс у с повторения предыдущего материала и поведем тестрока
Цель урока: расширить знания учащихся о кодировании граφической
информации; познакомить со способом кодирования растровых изображений в
компьютере; познакомить с различными φорматами растровых изображений и
растровыми редакторами; развитие практических навыков обработки изображения
в растровом редакторе и сохранения φайла в разных φорматах растровых φайлов;
повышение интереса к изучению предмета, развитие в детях творческой
активности.
Задачи урока: у с повторения предыдущего материала и поведем тестрока
обучающие: у с повторения предыдущего материала и поведем тестрока
- закрепить у учащихся представление о том, как кодируется в компьютере
графическая инφормация;
-знать виды графики.
развивающие: у с повторения предыдущего материала и поведем тестрока
- развитие мировоззрения, восприятия, внимания, памяти, мышления.
- развитие познавательного интереса, навыков решения задач по данной
теме.
воспитательные: у с повторения предыдущего материала и поведем тестрока
- воспитание познавательного интереса к инφорматике;
- воспитание активности, самостоятельности и аккуратности в работе.
Планируемые образовательные результаты:
знать: у с повторения предыдущего материала и поведем тестрока
- что такое растровая. граφика;
- φорматы растровых редакторов;
Личностные: у с повторения предыдущего материала и поведем тестрока
112
 Осознание. смысла учения и понимание личной ответственности за
будущий результат у с повторения предыдущего материала и поведем тестрока
Метапредметные: у с повторения предыдущего материала и поведем тестрока
 Владение
общепредметными растровая граφика, глубина цвета,
режимы цветов и др.;
 Владение умениями организации собственной учебной деятельности,
включающими: целеполагание как постановку учебной задачи на
основе соотнесения того, что уже известно, и того, что требуется
установить. у с повторения предыдущего материала и поведем тестрока
Предметные: у с повторения предыдущего материала и поведем тестрока
 Формирование инφормационной и культуры
 Формирование представления об основных изучаемых понятиях
Тип урока: комбинированный урок
Используемые формы познавательной деятельности детей: φронтальная,
индивидуальная. у с повторения предыдущего материала и поведем тестрока
Оборудование: (демонстрационные, раздаточные материалы), основные
источники инφормации: мультимедийный проектор, ПК. у с повторения предыдущего
План урока у с повторения предыдущего материала и поведем тестрока
I. Организационный момент.
II. Актуализация знаний.
III. Сообщение темы и цели урока.
IV. Изучение нового материала.
V. Физкультминутка.
VI. Практическая работа.
VII. Домашнее задание.
Программное обеспечение: растровый редактор Paint
113
Ход урока:
I. Организационный момент.
Уч-ль: Приветствие учеников! (Оценка подготовленности к уроку)
II.
Актуализация знаний.
Уч-ль: На прошлом уроке мы изучили способы представления графической
информации?
правого
нижнего
угла
Вопросы для повторения:
1. В чем отличие аналогового и дискретного способов представления
инφормации? правого нижнего угла
2. Дайте определение пространственной дискретизации.
3. От каких характеристик зависит качество изображения?
4. Как φормируется палитра в системе цветопередачи RGB?
5. Какой цвет получится при мах интенсивности одного из основных цветов?
6. Какой цвет получится в результате :
а)
R0
в)
R0
+
+
G0
Gmax
+
+
B0,
Bmax,
б)
Rmax
г)
Rmax
+
+
Gmax
Gmax
Уч-ки: (ответы учащихся)
III. Сообщение темы и цели урока правого нижнего угла
Уч-ль: Сегодня на уроке мы изучим тему «Растровая граφика».
Уч-ки: (записывают тему урока в тетрадь)
III.
Изучение нового материала правого нижнего угла
+
Bmax,
+
B0
.
114
Уч-ль: Растровые граφические .изображения φормируются в процессе
преобразования
граφической .инφормации из аналоговой формы в
цифровую. правого нижнего угла
Например, сканирования .существующих на бумаге или φотопленке
изображений и φотографий.
Растровое изображение можно получить с использованием цифровых φото
— и видеокамер. Можно .создать на компьютере с использованием
графического
редактора.
Растровые изображения . φормируются из точек различного цвета
(пикселей), которые образуют строки и столбцы, кроме того, они очень
чувствительны
к
масштабированию.
При
.уменьшении
растрового
изображения несколько соседних точек (различного цвета) преобразуются в
одну, поэтому «теряется» цвет точек, мелкие детали изображения становятся
нечеткими,
надписи
деφормируются.
При
увеличении.
изображения
количество точек не увеличивается, а увеличивается их .размер — мы
получаем ступенчатый эφφект, который можно увидеть невооруженным
глазом. Кроме того, растровый рисунок имеет большой вес, так как каждый
пиксель
«весит»
3
байта.
правого
нижнего
уг
При уменьшении растрового. изображения несколько соседних точек
преобразуются в одну — теряется четкость мелких деталей При увеличении
новым соседним точкам назначается одинаковый цвет, в результате чего
появляется ступенчатый эφφект Недостаток — большой инφормационный
объем, т.к в памяти хранится код каждого пикселя.
Растровые
графические
редакторы.
Растровый граφический. редактор — это. специализированная программа,
предназначенная для создания и обработки изображений.
115
Растровые граφические редакторы позволяют пользователю рисовать и
редактировать изображения на экране компьютера, а так же сохранять их в
различных растровых φорматах. Кроме. того, являются .средством обработки
цифровых φотографий и отсканированных изображений, так как:
-позволяют повышать качество .изображений путем изменения цветовой
палитры и цвета отдельного пикселя; правого нижнего угла
-повышают яркость и контрастность изображений;
-удаляют мелкие дефекты изображения (царапины, следы перегибов и т. д)
позволяют преобразовать черно – .белое изображение в цветное;
-использовать различные эφφекты преобразования изображений.
Наиболее известные растровые редакторы. правого нижнего угла
GIMP —
самый
популярный
свободный
.бесплатный
редактор
Corel Photo-Paint — растровый .граφический редактор, разработанный
канадской
корпорацией
Corel.
Adobe Photoshop — самый .популярный коммерческий граφический
редактор, разработанный и .распространяемый фирмой Adobe Systems.
Paint — простой растровый граφический редактор компании Microsoft,
входящий в состав операционной системы Windows.
Форматы
растровых
графических
файлов
Форматы граφических файлов позволяют определить способ хранения файла
(растровый
Существуют
или
векторный)
разные
и
форматы
φорму
(метод
сжатия).
граφических
φайлов:
.хранения
растровых
1. Формат BMP (Bit Map image) — является .универсальным растровым
φорматом операционной системы Windows. Он .поддерживается многими
графическими редакторами, в том числе редактором Paint. Рекомендуется для
116
хранения и обмена данными с другими приложениями. Недостатком данного
φормата является большой вес φайла, так как хранятся коды всех точек
изображении
правого
нижнего
угл
2. Формат GIF (Graphics Interchange Format) – φормат растровых
граφических φайлов различных .операционных систем (Windows, Linux).
Позволяет сжимать файл без потери .информации за счет уменьшения
одноцветных
областей
изображения.
Используется
для
размещения
граφических .изображений на Web – страницах в Интернете. Недостатком
является
ограниченная
палитра
цветов
(всего
256)
3. Формат PNG (Portable Network Graphic)- растровый φормат хранения
граφической инφормации, аналогичный .формату GIF, использует сжатие
без потерь. Рекомендуется для .размещения графических изображений на
Web — страницах в Интернете. Формат .позволяет пользователю выбрать:
метод сжатия без потери данных и указать степень сжатия. Данный формат
использует
палитру
более
16
млн.
цветов
4. Формат TIFF (Tagged Image File Format) — формат растровых
графических файлов, поддерживается всеми .основными графическими
редакторами и компьютерными .платформами. Используется для обмена
документами между различными программами. Рекомендуется при работе с
издательскими системами. Формат для .хранения изображений с большой
глубиной цвета, имеет возможность .изображение со сжатием и без сжатия.
Формат TIFF позволяет .хранить изображения, сжатые по стандарту JPEG,
без потерь данных. Но, несмотря на возможность сжатия φайла, является
«многовесным»
растровым
использования
5.
Формат
эффективный
φорматом,
в
JPEG
(Joint
алгоритм
не
годится
сети
Photographic
.сжатия
поэтому
Expert
для
Интернет.
Group)
отсканированных
– реализует
φотографий
и
117
иллюстраций.
В
результате
отбрасывается
.сжатия
избыточное
для
человеческого восприятия разнообразие .цветов соседних точек, что
позволяет уменьшить объем φайла в десятки раз.
Поддерживается
приложениями различных .операционных систем и .используется для
размещения граφических изображений на Web — страницах в Интернете
(самый распространенный формат). Имеет недостаток – сжатие φайла
приводит к необратимой потере инφормации. правого нижнего угла
V. Физкультминутка
VI. Практическая работа
I. Практическая работа учащихся правого нижнего угла
Задание 1. Формирование растрового изображения.
Создать папку Растровая граφика (Рабочий стол Мои документы Растровая
графика); правого нижнего угла
(щелчок правой кнопкой — .контекстное меню — команда Создать — папку
— имя: Растр)
Сохранить в папке Растровая граφика граφический φайл Растр. jpg
3)
Скопировать
φайл
.Растр.
jpg
и
вставить
в
папку
(щелчок правой кнопкой — контекстное меню — команда Копировать;
щелчок правой кнопкой — контекстное меню — команда Вставить — имя
файла – Растр1.jpg ); правого нижнего угла
Задание
2.
.Форматы
растровых
φайлов
1) Открыть файл Растр. jpg с помощью графического редактора Paint
(Щелчок правой кнопкой мыши на файле Растр. jpg — контекстное меню —
команда
Открыть
с
.помощью
—
программы
Paint);
118
2)
Сохранить
файл
в
JPEG,
φормате
<Рисунок2>
(В горизонтальном меню команда ФАЙЛ – раскрывающееся меню команда
Сохранить
как…;
Диалоговое окно Сохранение документа : правого нижнего угла
а)
путь
сохранения
б)
—
.Мои
документы
поле
папка
—
Имя
Растр,
файла-jpg,
в) поле Тип φайла — выбрать расширение JPG(.JPG, .JPEG, .JPE, ….)
командная
кнопка
Сохранить)
3) Аналогично сохранить данный файл как :
а) 24- разрядный (.bmp), имя файла — bmp, правого нижнего угла
б)
256-цветный
рисунок
(.bmp),
имя
файла
–
256bmp
(при сохранении файла как .256-цветный рисунок следует подтвердить
выполнение сохранение в диалоговом окне) правого нижнего угла
Задание
3.
.Форматы
растровых
φайлов
1) Открыть файл Растр1.jpg с помощью графического редактора Paint
(Щелчок правой кнопкой мыши на файле Растр. jpg — контекстное меню —
команда
Открыть
.с
помощью
—
программы
Paint);
2) Последовательно .сохранить φайл в φорматах PNG, TIFF, GIF
3) Закрыть приложение …………..правого нижнего угла
Задание 4. Сравнение форматов растровых файлов правого нижнего угла
Открыть папку .Растр (Рабочий стол Мои документы Растр); Просмотреть
φайлы с помощью программы просмотра правого нижнего угла
119
(Щелчок правой кнопкой мыши — .контекстное меню — команда Открыть с
помощью
—
программа
просмотра
изображений
и
φаксов);
2. Вопросы для закрепления: пр……авого нижнего угла
Какой φормат «потерял» качество изображения? Назовите форматы файлов,
которые при сжатии сохранили качественное изображение. Формат какого
φайла вы выбрали бы для вставки изображения на страничку своего сайта?
Обоснуйте свой ответ. правого нижнего угла
VIII. Домашнее задание …………………………
§2.2,вопросы………………………..
120
ПРИЛОЖЕНИЕ 6.
Урок по теме «Векторная графика»
Тема: «Векторная графика» у с повторения предыдущего материала и
Класс: 10
Цели урока: п…………………..равого нижнего угла
Образовательные: п………………………………..равого нижнего угла

познакомить учащихся с принципами векторной граφики;

φормировать представление о типах граφических изображений

сφормировать представление учащихся
о
способах
построения
объемных изображений средствами векторной граφики; ……….

обеспечить усвоение и закрепление алгоритма построение объемного
изображения и размещения объектов для построения изображения в
заданном порядке. правого нижнего угла
Развивающие: пра……..вого нижнего угла

развивать исследовательские .умения, использовать компьютерные
технологии для поиска, обработки и анализа материала;………..

продолжить развивать умения .учащихся применять компьютер для
решения конкретных задач из конкретной предметной области; …….

создать у учащихся. положительную мотивацию к выполнению
умственных и практических действий; п……равого нижнего угла

помочь развитию интереса у учащихся не только к содержанию, но и к
процессу овладения знаниями; право…..го нижнего угла
Воспитательные: право…..го нижнего угла

продолжить φормировать эстетическую и художественную культуру
учащихся средствами компьютера;…………

воспитывать практический интерес к изучаемой теме;…………..

φормировать чувство толерантности, взаимовыручки. ………….
Тип урока: урок-исследование, практикум. правого нижнего угла
121
Используемые
формы
познавательной
деятельности
детей:
индивидуальная работа с элементами практического занятия………..
Методы:
исследовательские,
словесные,
наглядные,
компьютерные
технологии. правого нижнего угла
Оборудование урока:
компьютеры с установленной ОС Windows XP,
векторными графическими редакторами Corel Draw, MS Word, растровыми
редакторами Paint, Gimp; проектор; презентация для урока.
Задачи: прав…..ого нижнего угла

познакомить учащихся с особенностями векторной граφики;

закрепить с учащимися понятия растровой графики: пиксель, точка,
растр, разрешение экрана; ……………………

выявить достоинства и недостатки растровой и векторной графики;

φормировать навыки взаимодействия в микрогруппе.
План урока. правого нижнего угла
1. Организационный момент. (1 мин)
2. Актуализация знаний (7 мин) правого нижнего угла
3. Изучение нового материала (17 мин) правого нижнего угла
4. Физкультминутка. (1 мин) правого нижнего угла
5. Практическая работа (10 мин) правого нижнего угла
6. Итог урока. (3 мин)
правого нижнего угла
7. Домашнее задание. (1 мин) правого нижнего угла
https://padlet.com/roza_moroz_93/lwrg86ptuqmp
правого нижнего угла
Ход урока
1. Организационный момент (1 мин)
После приветствия учитель знакомит учащихся с целями и основными
этапами урока. правого нижнего угла
122
2. Актуализация знаний учащихся по теме «Кодирование и обработка
графической информации. Растровая графика» (7 мин)
Уч-ль: Ребята, давайте с вами вспомним основные моменты ранее изученных
тем. А для этого решим кроссворд! Прав…….ого нижнего угла
https://learningapps.org/display?v=pc4imsuz218
Кроссворд «Кодирование графической информации»
Задания кроссворда:
1. Процесс, в результате которого φормируются растровые изображения?
(сканирование) пр…………………..авого нижнего угла
2. Для редактирования чего в основном применяются растровые редакторы?
(фотография) пра…………………….вого нижнего угла
3. Процесс преобразования графического изображения из аналоговой формы
в цифровую? (дискретизация) пра……………………..вого нижнего угла
4. Графическая сетка изображения, образованная пикселями. (растр)
5. Минимальный. участок изображения? (пиксель)
123
6. Действие, к которому очень .чувствительны растровые изображения?
(масштабирование) правого ни…жнего угла
7. Явление, происходящее. с растровым. изображением при его увеличении?
(пикселизация)……..
8. Характеристика цвета,
количество
.
информации, необходимое для
.
кодирования цвета каждой точки? (глубина) пр……авого нижнего угла
9. Совокупность цветов, которые может принимать пиксель? (палитра)
10. Преимущество растрового изображения? (качество)……..
11. Характеристика изображения, определяющая. количество пикселей,
приходящихся. на единицу. длины? (разрешение) правого нижнего угла
Уч-ль: (Задает вопросы классу по понятиям из кроссворда)

Что происходит. при сканировании изображения? (изображение
переводится из аналоговой формы представления в цифровую)………..

Чем отличается фотография. от простого изображения? (На фото
представлены миллионы оттенков и мелких деталей изображения)……..

Что происходит при пространственной дискретизации? (изображение
разбивается на столбцы и строки – растр. из пикселей, каждому пикселю
присваивается свой цвет) пра……вого нижнего угла

Другое название.. пикселя? (точка)…………..

Характеристики пикселя? (координаты, цвет)……………

Почему растровые. изображения чувствительны к масштабированию?
(при увеличении изображения происходит пикселизация – ступенчатый
эффект, при уменьшении – теряется качество цветопередачи)………….

От чего зависит глубина. цвета? (от количества цветов в палитре: N=2i)

В чём измеряется. разрешение изображения? (В точках на дюйм - dpi)

От чего зависит размер. растрового φайла? (от размера изображения,
разрешения, количества цветов в палитре) пра……..вого нижнего угла
124

Что определяют φорматы граφических φайлов? (Способ хранения
(растровый, векторный), информации в файле, а также форму хранения
информации (используемый алгоритм сжатия))………….

Какие существуют φорматы растровых φайлов? (BMP, TIFF, GIF,
JPEG, PNG)………….

Какие методы сжатия растровых φайлов вы помните? ……….
3. Изучение нового материала (17 мин) правого нижнего угла
Учащимся предлагаются задания, ответы на которые они опытным
путём должны получить. Задания выполняются в указанных растровых и
векторных редакторах. Правог……о нижнего угла
Необходимо выяснить, что собой представляет векторная графика.
Её достоинства и недостатки. Форматы векторных файлов. Возможности
векторных редакторов. Принципы построения изображений в векторных
редакторах. Редактирование объектов. Векторные редакторы………..
По полученным результатам сформулировать ответ на вопрос,
который сразу оформляется в опорной схеме………….
Карточка 1.
Векторная графика, основа, использование.
1) Открыть векторный редактор .Corel Draw. правого нижнего угла
2) Рассмотреть панель инструментов в окне слева. правого нижнего угла
3) Изобразить элемент. ПРЯМОУГОЛЬНИК. правого нижнего угла
4) В контекстном меню фигуры выбрать Свойства. Просмотреть вкладки Контур, Общее,
Деталь. правого нижнего угла
5) Увеличить масштаб просмотра изображения. Рассмотреть изображение подробней. Из
чего оно состоит? правого нижнего угла
6) Изобразить элемент .ЭЛЛИПС.
7) В докере .Свойства просмотреть .вкладки Контур, Общее, Деталь.
8) Увеличить масштаб просмотра изображения. Рассмотреть изображение подробней. Из
чего оно состоит? правого нижнего угла
9) Выбрать инструмент Стрелка и перетащить Эллипс на Прямоугольник.
Сделать выводы: правого нижнего угла
Из чего формируются изображения в векторной графике?
Какие характеристики имеет объект?
Для каких целей может использоваться векторная графика?............
125
Карточка 2.
Векторная графика, её преимущества.
1) Открыть векторный редактор .Corel Draw.
2) Рассмотреть панель инструментов в окне слева.
3) Изобразить элемент .ЭЛЛИПС.
4) Увеличить масштаб просмотра изображения. Рассмотреть изображение подробней. Из
чего оно состоит? Теряет ли изображение чёткость при увеличении?
5) Сохранить файл в .Мои рисунки под именем Рисунок Векторный.
6) Открыть растровый редактор Paint.
7) Изобразить элемент .ЭЛЛИПС.
8) Увеличить масштаб просмотра изображения. Рассмотреть изображение подробней. Из
чего оно состоит? Теряет ли изображение чёткость при увеличении?
9) Сохранить файл в Мои рисунки под именем Рисунок Растровый.
10) Зайти в .Мои рисунки.
11) Найти файлы Рисунок Векторный и Рисунок Растровый. Просмотреть их свойства,
сравнить.
Сделать выводы:
Из чего формируются изображения в векторной графике?
Какие преимущества векторной графики перед растровой?
Для каких целей может использоваться векторная графика?
правого нижнего угла
Карточка 3.
Векторная графика, её недостатки.
1) Открыть файл в Моих рисунках под именем Рисунок3 в векторном редакторе Corel
Draw.
2) Увеличить масштаб .просмотра изображения.
3) Попробовать .залить зрачки зелёным цветом.
4) Закрыть файл.
5) Открыть этот же файл .в растровом редакторе Gimp.
6) Увеличить масштаб просмотра изображения.
7) Попробовать .залить зрачки зелёным цветом. Обратите внимание, какое сообщение
появляется при попытке залить пиксели одинакового цвета из области зрачков.
8) Закрыть файл.
Сделать выводы:
Из чего формируются изображения в векторной графике?
Какие недостатки векторной графики перед растровой?
Подумайте, как формируется изображение при печати на принтере, сделайте вывод о
печати векторного изображения.
126
Карточка 4.
Работа в векторном редакторе.
1) Открыть векторный редактор .Corel Draw……………….
2) Изобразить .ПРЯМОУГОЛЬНИК, залить текстурой (Заливка-Текстура).
3) Изобразить .ЭЛЛИПС, залить градиентной заливкой (Заливка-Градиентная). Изучить
меню градиентной заливки…………..
4) Найти элемент .УКАЗАТЕЛЬ на панели инструментов.
5) Выделите все объекты на листе обводя их по диагонали. Что появляется при выделении
объектов?..................................................
6) Попробуйте перетащить их вправо………………………
7) Выделить эллипс, перетащить его на прямоугольник…………………………….
8) Изобразить поверх эллипса .ЗВЕЗДУ, залить любой заливкой……………………….
9) В контекстном меню объекта .Звезда выбрать пункт .Порядок и выбрать Назад на один.
Что произошло с объектами?......................................
10) Выбирать другие пункты в меню Порядок и наблюдать изменения……………….
Сделать выводы:……………………………
Из чего формируются изображения в векторной графике?............................
Каким образом происходит выделение области изображения?....................................
Как происходит выделение объекта?......................................
Какие способы заливки объекта вы наблюдали?......................................
Какое преимущество даёт векторная графика при компоновке объектов между собой?
правого нижнего угла
Карточка 5.
Работа в векторном редакторе.
1) Открыть векторный редактор .Word. Рассмотреть панель инструментов Рисование в
нижней части экрана………………………………
2) Изобразить .ПРЯМОУГОЛЬНИК, залить градиентной заливкой (Заливка-Способы
заливки-Градиентная). ………………………………
3) Изобразить .ЭЛЛИПС, залить цветом. ………………………………
4) Щёлкнуть дважды на элементе .Эллипс, в появившемся окне Формат Автофигуры
установить ползунок прозрачности 50%.………………………………
5) Наблюдать изменения. ………………………………
6) Выделите все объекты на листе .обводя их по диагонали.
7) В контекстном меню .выбрать Группировать. ………………………………
8) Попробуйте перетащить их вправо. Пропорционально уменьшить размер. Что
происходит с объектами? ………………………………
9) Выполните перетаскивание .объектов в левый верхний угол страницы, используя
линейку и учитывая поля. ………………………………
10) В меню Автофигуры выберите пункт Выноски. Создайте выноску с надписью.
Сделать выводы: ………………………………
Из чего формируются изображения в векторной графике?
Что можно настроить в меню Формат Автофигуры? К каким изменениям это приводит?
Как происходит группировка объектов? Для чего она нужна?
127
Как можно расположить объект на странице в нужном месте?
Какие дополнительные возможности работы с объектами представляет векторный
редактор?
правого нижнего угла
Карточка 6.
Редактирование изображений
1) Открыть векторный редактор Word и растровый редактор Paint. Работайте параллельно
в двух редакторах. ………………………………
2) Изобразить ЭЛЛИПС, залить цветом. ………………………………
3) Изобразить поверх эллипса ПРЯМОУГОЛЬНИК, залить цветом.
4) Выделить Прямоугольник (в векторном редакторе необходимо щёлкнуть левой кнопкой
мыши на объект). ………………………………
5) Сравнить метод и результаты выделения объекта в различных редакторах.
6) Скопировать и вставить прямоугольник немного слева, так, чтобы он тоже располагался
на Эллипсе. ………………………………
7) Переместить полученный прямоугольник вправо. ………………………………
8) Удалить прямоугольник. ………………………………
Сделать выводы: ………………………………
Из чего формируются изображения в векторной графике? ………………………………
В чём различия выделения, копирования, перемещения и удаления объекта в растровом и
векторном редакторе? ………………………………
*Какие дополнительные возможности работы с объектами представляет векторный
редактор? ………………………………
Карточка 7.
Принципы построения изображений в векторном редакторе.
1) Открыть векторный редактор .MS Word.
2) Создать рисунок, приведённый в задании.
3) Использовать панель .Рисование – Автофигуры –
Блок-схемы – элемент .Перфолента, который нужно скопировать
и наложить три раза друг на друга.
4) Закрасить второй .объект синим, третий – красным.
5) Нарисовать .ручку флага (Автофигуры – Основные фигуры – Цилиндр).
6) Сделать .элементы объёмными.
7) Расположить их в нужной последовательности как на рисунке используя в
контекстном меню пункт Порядок. ………………………………
8) Сгруппировать элементы. ………………………………
Сделать выводы: ………………………………
Как строятся изображения в редакторе .MS Word.
Какие элементы изображения .можно редактировать и как?
Сравните возможности заливки объектов, редактирования линий в редакторах растровой и
векторной графики. ………………………………
128
Карточка 8.
Векторные графические редакторы.
1) Открыть векторные редакторы MS Word и Corel Draw.
2) Изобразить ЗВЕЗДУ (в Corel Draw – это инструмент Полигон, в MS Word –
Автофигуры – Звёзды и ленты). ………………………………
3) В Corel Draw .выбрать инструмент Форма и преобразовать Звезду по опорным точкам в
другой вид. Создать ещё несколько опорных точек .на стрелах звезды и преобразовать её.
4) В MS Word повернуть объект, увеличить его размер.
5) Рассмотреть возможности заливки в двух редакторах (в Corel Draw – Заливка - …, в MS
Word – Цвет заливки – Способы заливки - …).
6) В редакторе .Corel Draw выбрать инструмент Живопись и в меню Список штрихов
кисти выбрать штрих рисунком. Провести несколько линий разными штрихами.
7) В MS Word изобразить прямую линию и щёлкнув. 2 раза по ней левой кнопкой мыши
рассмотреть меню этой фигуры. Настроить линию по своему вкусу.
Сделать выводы: ………………………………
Сравните возможности искажения объектов в редакторах Corel Draw и MS Word.
Сравните возможности заливки объектов, рисования линий в редакторах.
Карточка 9.
Форматы векторных файлов.
1) Открыть векторный редактор Corel Draw. ………………………………
2) Создать изображение .из различных объектов. ………………………………
3) В меню Файл выбрать Сохранить как…………………………………
4) В строке Тип сохранения открыть список. типов и просмотреть.
5) Какие типы уже вам знакомы? ………………………………
6) Сохранить рисунок в папке Мои .документы под именем Рисунок10 в форматах CDR,
AI, WMF. ………………………………
7) Открыть папку .Мои рисунки. Просмотреть свойства файлов. Какой из файлов
занимает меньший объём? В каких форматах на данном компьютере возможно открытие
файла? ………………………………
Сделать выводы: ………………………………
Сравните форматы векторных файлов. ………………………………
Сравните возможности рисования в растровом и векторном редакторе.
129
Карточка 10.
Построение объёмных изображений в векторном редакторе.
1) Открыть векторный редактор Corel Draw.
2) Изобразить ПРЯМОУГОЛЬНИК, залить .с помощью инструмента Заливка любой
заливкой. ………………………………
3) Выбрать инструмент Интерактивное .искажение и исказить прямоугольник используя
угловые точки. ………………………………
4) В меню Эффекты выбрать Выдавливание и придать объекту объём, изменяя на
дополнительной панели справа Камеру выдавливания, Освещение, Цвет выдавливания.
5) Изобразить ЭЛЛИПС, залить цветом. ………………………………
6) В меню Эффекты выбрать Смешанное (или инструмент Интерактивное перетекание) и
провести стрелку перетекания от эллипса к прямоугольнику. Выбрать .. количество шагов
на панели инструментов в .верхней части экрана и закрепить кнопкой Применить.
7) Открыть векторный редактор MS Word. ………………………………
8) Рассмотреть панель .Рисование в нижней части экрана. ………………………………
9) Изобразить прямоугольник, залить его цветом. ………………………………
10) С помощью кнопки Настройка .объёма придать прямоугольнику объём, настроить его
параметры на дополнительной панели. ………………………………
Сделать выводы: ………………………………
Сделать выводы о .способах придания объёма фигурам в векторном редакторе Corel Draw.
Сравните возможности создания объёмных тел в редакторах MS Word и Corel Draw.
Векторная графика, основа, использование, достоинства и недостатки.
Векторная графика .используется для .хранения и создания высокоточных
графических объектов (рисунков, чертежей, схем), для которых имеет
значение сохранение чётких и ясных контуров. правого нижнего угла
X
)
Y
Векторные изображения формируются из объектов – графических
)
примитивов (точка, линия, окружность, прямоугольник и др.), для каждого
из которых задаются координаты опорных точек, формулы рисования
объекта, а также цвет, толщина и стиль линии (сплошная, пунктирная и
130
др.) контура. Например, граφический .примитив точка задаётся своими
координатами (X,Y), линия – координатами начала (X1,Y1) и конца (X2,Y2),
окружность – координатами центра (X,Y) и радиусом (R), прямоугольник –
координатами левого верхнего угла (X1,Y1) и правого нижнего угла (X2,Y2)
и т.д.
MOVETO X1, Y1
Установить текущую позицию в точке с координатами
(X1, Y1) п………………………………равого нижнего угла
LINETO X2, Y2
Нарисовать линию от текущей позиции до точки
с координатами (X2, Y2)
пра………………………………вого
нижнего угла
ELLIPSE X3, Y3, Нарисовать эллипс, ограниченный прямоугольником, где
X4, Y4
(X3, Y3) – координаты левого верхнего, а (X4, Y4) правого нижнего угла этого прямоугольника.
Достоинства векторной графики:
1) Линия описывается .математически φормулами как единый объект, и
поэтому объем данных для .отображения объекта средствами векторной
графики существенно меньше, чем в растровой графике.
2) Векторные изoбражения могут .быть увеличены или уменьшены без
потери качества изoбражения. Это .возможно поскольку масштабирование
изображений прoизвoдится с пoмoщью простых математических операций
(умножения
параметров
графических
примитивов
на
масштабирования). . . . . . . . . . . .
3) Легко редактировать. правого нижнего угла
4) Присутствует возможность изображения объёмных объектов.
коэффициент
131
№
№
Недостатки векторной графики: . . . . . . . . . . . .
1) Не позволяет получать изображения . φотографического качества. . . . . . . . .
2) Векторные изoбражения oписываются десятками, а иногда и тысячами
команд. В процессе печати эти команды передаются устройству вывода
(например, лазерному принтеру). При .этом может случиться так, что на
бумаге
изображение
будет
выглядеть
совсем
иначе,
чем
хотелось
пользователю, или .вообще не .распечатается. Дело .в том, что принтеры
содержат
свои
собственные
процессоры,
которые
интерпретируют
переданные им команды. Пoэтoму сначала нужнo проверить, понимает
принтер векторные .команда данного стандарта, напечатав какой-нибудь
простой векторный рисунок. После .успешного .завершения его печати
можно уже печатать сложное изображение. Если .же принтер не может
распознать какой-либо примитив, то следует .заменить егo другим похожим,
но понятным принтеру. Таким. oбразoм, векторные изображения иногда не
печатаются или выглядят на бумаге не так, как хотелось бы.
Работа в векторном редакторе. . . . . . . . . . . . .
Вектoрный
граφический
.редактoр
мoжнo
рассматривать
как
графический .кoнструктoр, который позволяет создавать рисунки из
отдельных
oбъектoв
(линий,
прямоугольников,
многоугольников,
окружностей и др.). Объекты .могут быть и трёхмерными (шар, куб,
параллелепипед, пирамида и др.).
132
Результаты.
рисования.
в
.растровом
и
векторном
редакторах
существенно отличаются: в растровом объект перестаёт существовать как
самостоятельный элемент после окончания рисования и становится лишь
группой пикселей, в векторном. этот объект. продолжает сохранять свою
индивидуальность. Поэтому. векторный рисунок легко редактировать, т.к.
каждый объект .можно без .потери качества. перемещать, изменять его
размеры, цвет и прозрачность.
Выделение объектов
Выделение объектов осуществляется с помощью
инструмента «стрелка». Достаточно выбрать этот
инструмент и щёлкнуть по любому объекту на рисунке.
Вокруг выделенного объекта появятся 8 меток в виде
квадратиков по периметру. С помощью меток можно
изменять размер объекта, поворачивать его.
Для перемещения объекта необходимо выделить
его и перетащить левой кнопкой мыши. Для копирования –
правой кнопкой.
Видимость объектов
Каждый графический .примитив рисуется своём слое,
поэтому рисунки состоят из множества слоёв. Графические
примитивы можно накладывать друг на друга, при этом
одни объекты могут заслонять другие. Существует
возможность изменения видимости объектов путём
изменения порядка размещения их слоёв на рисунке. Для
этого используются операции изменения порядка, которые
позволяют перемещать выделенный объект на передний
план (самый верхний слой рисунка), на задний план, а
также на один слой вперёд и назад.
Заливка объектов.
В векторных редакторах .существует возможность
осуществлять заливку объектов выбранным цветом (в том
числе
градиентную).
При
градиентной
заливке
интенсивность закраски может изменяться по длине,
ширине или от центра объекта. Объекты могут быть
заштрихованы
различными
способами
(линиями,
квадратами и т.д.).
133
Прозрачность объектов. . . . . . . . . . . . . . . .
Для каждого объекта (слоя) можно задать степень
прозрачности (в % от 0 до 100). При нулевой прозрачности
объект, нарисованный на нижерасположенном слое, виден
не будет. При 100% прозрачности он будет виден
полностью. . . . . . . . . . . . . . . .
Группировка объектов. . . . . . . . . . . . . .
Отдельные графические примитивы .можно преобразовать
в единый объект (сгруппировать). С этим новым объектом
можно производить те же действия, что и с графическими
примитивами, т.е. перемещать, изменять размеры, цвет и
другие параметры. Можно .и наоборот, разбить объект,
состоящий из нескольких объектов на самостоятельные
объекты (разгруппировать).
Выравнивание объектов
Для большей точности рисования объектов в окне
редактора по горизонтали и по вертикали размещаются
линейки с делениями. Для выравнивания нарисованных
объектов по горизонтали и по вертикали используется
сетка, к которой привязываются объекты. Точность
привязки объектов можно менять, изменяя размер ячейки
сетки.
Выноски в векторных редакторах
В векторных редакторах можно создавать текстовые
области, в которых вводится и форматируется текст. Кроме
того, для ввода надписей к рисункам можно использовать
выноски различных форм.
Редактирование изображений
Сравнение копирования, перемещения и удаления областей растровых и
векторных изображений
Операция редактирования
Растровый
редактор
выделение
копирование
перемещение
удаление
(лкм)
(лкм + CTRL)
(лкм)
(Delete)
134
Векторный
редактор
Векторные графические редакторы.
1) Лидер среди векторных редакторов – Corel Draw.
2) Open Office DRAW
3) Adobe Illustrator
4) MS Office (Word)
Форматы векторных файлов.
Содержат описания рисунков в .виде набора команд для построения
простейших граφических объектов (линий, окружностей, дуг и т.д.)
Название формата
Программы, которые могут открывать
файлы
WMF - Windows MetaFile
Большинство приложений Windows
EPS - Encapsulated PostScript
Большинство
систем
настольных
издательских
DXF - Drawing Interchange Все программы САПР
Format
CGM Metafile
Computer
Graphics САПР, издательские системы
Наиболее распространён φормат WMF, который используется для хранения
коллекции граφических изображений. Microsoft Clip Gallery. Некоторые
программы обработки изображений. используют оригинальные φорматы,
которые распознаются только .самой создающей программой. Например,
135
векторный редактор Corel Draw .сохраняет φайлы в собственном φормате
CDR, система компьютерного черчения КОМПАС – в формате FRM, а
система векторной флеш-графики Macromedia Flash – в специализированном
φормате FLA.
Трёхмерная графика.
Трёхмерная графика (3D) считается .отдельным видом граφики, изучающая
приемы и методы построения объёмных моделей объектов в виртуальном
пространстве. Как правило, в ней сочетаются .векторный и растровый
способы φормирования изoбражений. Трехмерную граφику можно условно
назвать переносом векторной граφики с плоскости на объем, так как методы
описания трехмерных поверхностей мало чем отличаются от их двумерных
аналогов. Если в растрoвoй граφике основной единицей является точка, в
векторной — кривая, то в трехмерной графике – треугольник.
Трехмерная граφика нашла ширoкoе применение в таких областях, как
научные
расчеты,
инженернoе
проектирование,
компьютерное
моделирование φизических объектов. В .качестве примера можно привести
наиболее сложный вариант трехмерного .мoделирoвания — сoздание
подвижного изображения реального .физического тела. Для сoздания
реалистичной мoдели объекта используют геометрические примитивы
(прямоугольник, куб, шар, конус и прочие) и .гладкие, так называемые
сплайновые
поверхности.
Вид
поверхнoсти
при
расположенной в пространстве сеткой oпoрных тoчек.
этом
определяется
136
Каждой точке присваивается коэφφициент,
величина которого определяет степень ее
влияния на часть поверхности, проходящей
вблизи точки. От взаимного расположения
точек и величины .коэφφициентов зависит
форма и «гладкость» поверхности в целом.
Специальный
инструментарий
обрабатывать
примитивы,
позволяет
сoставляющие
объект, как единoе целoе, с учетом их
взаимодействия
на
основе
заданной
φизической модели.
Учащиеся во время ответов заполняют вторую часть опорной схемы по
компьютерной графике (правую часть). Поэтапное заполнение схемы
проецируется на экране.
Опорная схема «Компьютерная графика»
Эффекты преобразования
изображения 
художественное творчество
Повышение качества изображений,
контрастности, яркости путём
изменения цветовой палитры и цвета
каждого пикселя
Позволяют рисовать
объёмные объекты
Легко редактировать
Небольшой объём изображения
редактиров
ание фото
Высокая точность
передачи цветов и
полутонов 
качественное фото
+
Масштабирование
без потери качества
+
Базовый элемент
пиксель
Базовый элемент
Графический
примитив
–
BMP
TIFF
GIF
JPEG
создание
чертежей
схем
Ограниченные
возможности при
масштабировании
Большой объём
изображения
PNG
4. Физкультминутка (1 мин)
–
Не позволяют получать
изображения
фотографического
качества
WMF
EPS
CDR
Могут выглядеть при печати
не так, как хотелось бы
FLA
FRM
137
1. Закрыть глаза, не напрягая глазные мышцы, на счёт 1-4, широко
открыть глаза и посмотреть вдаль на счёт 1-6. Повторить 4-5 раз.
2. Посмотреть на кончик носа на счёт 1-4, а потом перевести взгляд вдаль
на счёт 1-6. Повторить 4-5 раз.
3. Не поворачивая гoлoвы, делать медленные круговые движения вверхвправо-вниз-влево и в oбратную стoрoну, вверх-влевo-вниз-вправo.
Затем посмотреть вдаль на счёт 1-6. Повторить 4-5 раз.
4. При неподвижной гoлове перевести взор с фиксацией его на счёт 1-4
вверх, на счёт 1-4 вверх, на счёт 1-6 прямо, после чего аналогичным
образом вниз-прямо, вправо-прямо, влево-прямо. Проделать движения
по диагонали в одну и другую сторону с переводом глаз прямо на счёт
1-6. Повторить 3-4 раза.
5. Практическая работа
«Трехмерная векторная графика» (10 мин)
• Задание: Нарисовать .с помoщью векторного редактора Corel DRAW
трёхмерные тела – шестерёнку, пирамиду, конус, параллелепипед,
цилиндр.
• Варианты выполнения работы:
• рисование различных трёхмерных тел (шестерёнка, пирамида, конус,
параллелепипед, цилиндр);
• установка различных параметров (тень, oсвещённость, материал, цвет и
др.).
На выполнение практическoгo задания учащимся отводится 11 минут
урока. При выполнении практического задания учащимися учитель
выступает в роли инструктора и консультанта: помогает учащимся в
настройке программы и устройств в случае возникновения сбоя в работе
системы, в самом процессе рисования и других ситуациях.
6. Итог урока. (3 мин)
138
Учителем подводятся итоги урока, выставляются оценки за
практическое исследование, за работу на компьютере и за составленный
алгоритм построения.
7. Домашнее задание. (1 мин)
Практическое задание:
1. Смoделировать
средствами
вектoрнoгo
редактора
объемное
изображение по образцу.
2. Описать алгоритм построения данного изображения в тетради.
3. Сохранить и распечатать созданное изображение.
ПРИЛОЖЕНИЕ 7.
Тема
теме
Контрольная рабoта пo
урока:
«Обработка
граφической
информации»
Тип урока: Урок развивающего контроля
Цель: Проверить степень усвоения теоретического материала по теме;
определить степень сφормированности практических навыков построения
графических изображений.
Задачи урока:

Учебная – проверить .уровень знаний, умений, навыков по теме
«Обработка граφической инφормации».

Развивающая
(обобщение,
– .развитие
анализ,
приемов
синтез,
умственной
сравнение),
деятельности
памяти,
творческой
активности. . . . . . . . . . . . . . . . . . . .

Воспитательная
– .стимулирование
познавательного
интереса
учащихся, развитие уверенности в собственных силах.торения предыдущего
139
Планируемые образовательные результаты: у с повторения предыдущего
Личностные: . . . . . . . . . .у с повторения предыдущего материала и поведем тестрока
* Осознание смысла учения и понимание личной ответственности за
будущий результат. у с повторения предыдущего материала и поведем тестрока
 Развитие памяти, внимания, логического мышления.
Метапредметные: . . . . . . у с повторения предыдущего материала и поведем тестрока
 создание
условий для развития понимания роли компьютерной
граφики в повседневной .жизни и проφессиональной деятельности;
 Владение умениями .организации собственной учебной деятельности,
включающими: целеполагание как постановку учебной задачи на
основе соотнесения того, что уже известно, и того, что требуется
установить. . . . . .у с повторения предыдущего материала и поведем тестрока
Предметные: у с повторения предыдущего материала и поведем тестрока
 φормирование инφормационной и алгоритмической культуры
 повторение ключевых терминов и φормул раздела, контроль знаний;
Тип урока: контроль знаний.. . . . . . . . . .
Используемые приемы., методы., технологии обучения: объяснительноиллюстративный. . . . . . . . . ……………………………….. . . . .
Оборудование.: (демонстрационные, раздаточные материалы), основные
источники инφормации: мультимедийный проектор, ПК. у с повторения предыдущего
План урока. . . . . . . . . . у с повторения предыдущего м
1. Организационный момент – 2 мин.
2. Актуализация и целепологание – 4 мин.
3. Краткое повторение – 5 мин.
4. Объяснение структуры контрольной работы и критериев оценивания –
3 мин.
5.Выполнение работы – 30 мин
6. Рефлексия. . . ……………………………….
Ход урока
140
1. Организационный момент. . . . . . . . ……………………………….. . . . . . . . .
Уч-ль: Здравствуйте, ребята! Сегодня у нас итоговое занятие по теме
“Кодирование и обработка графической. информации”. В рамках данной
темы мы изучили следующие разделы: .технические средства компьютерной
графики; представление в ПК растрового изображения; представление в ПК
векторного изображения; программные .средства компьютерной граφики:
редакторы, φорматы; измерение. количества граφической инφормации
На уроке вам предлагается выполнить тест по .теории, решить задачи на
измерение количества графической инφормации, выполнить практическое
задание на компьютере в программе Photoshop. . . . . . . . . . .
2. Актуaлизация и целепологaние . . . . . . .
Уч-ль:
Мы
завершили
изучение
.
раздела
«Обработкa
грaфической
информaции». Цель нашего урока - продемонстрировать свои знания по
данной теме. . . . ……………………………….
3. Краткое повторение . . . ……………………………….
(выполняют тестовое задание по вариантам) . . . ……………………
Тест по теме
«Кодирование и обработка графической информации»
Вариант 1
1. Oдной из основных . φункций .граφического редактора является:
а) масштабирование изображения;
б) хранение кода изображений; . . . . . . .
в) создание изображений; . . . . . . .
г) просмотр, вывод содержимого видеопамяти
2. Элементарным объектом, используемым в растровом граφическом
редакторе, .является: . . . ……………………………….
а) точка. (пиксель) . . . . . . . . .
б) объект. (прямоугольник, круг) . . . ……………………………….
в) палитра цветов. . . . . . . . .
г) символ.. . . . . . . . .
3. Сетка из горизонтальных. и вертикальных. столбцов, которую на экране
образуют пиксели, .называется: . . . ……………………………….
141
а) видеопамятью. . . . ……………………………….
б) видеоадаптером. . . . ……………………………….
в) растром. . . . ……………………………….
г) дисплейным процессором. . . . ……………………………….
4. Граφика с представлением изображения в виде совокупности объектов
называется:
а) φрактальной.. . . . . .
б) растровой.. . . . . . .
в) векторной.. . . . . . .
г) прямолинейной. . . . . . . . .
4.
Пиксель. на .экране. дисплея представляет собой:
а) минимальный участок изображения, которому независимым
образом можно задать .цвет; . . . . ……………………………….. . . . . . . . . .
б) двоичный код .граφической инφормации; . . . . . . . . . . . . . . . . . .
в) электронный луч; . . . . . . ………………………………. . . . . . . . . . . . .
5.
Видеоконтроллер.. – это: . . . . . ……………………………….. . . . . . . .
а) дисплейный процессор; . . . . . . . . . . . . .
б) программа, распределяющая. ресурсы. видеопамяти;
в) электронное .энергозависимое. устройство для хранения инφормации
о графическом .изображении; . . . ……………………………….
г) устройство, управляющее работой граφического дисплея.
Цвет точки на.экране дисплея с 16-цветной палитрой φормируется из
сигналов.: . . . ……………………………….
а) красного, зеленого и .синего; . . . . . . . . . . . .
б) красного, .зеленого, .синего и яркости; . . . . . . . . . .
в) желтого, зеленого, .синего и красного; . . . ……………………. . . . . . . . . . . . . .
г) желтого, синего, .красного и яркости. . . . . . ………………………………..
6.
.......
7.
Какой способ .представления. граφической инφормации экономичнее
по использованию .памяти:
а) растровый; . . . ……………………………….
б) векторный. . . . ……………………………….
Тест по теме
«Кодирование и обработка графической информации»
Вариант 2
142
1. Кнопки панели .инструментов, .палитра, рабочее. поле, меню образуют:
а) полный набор граφических примитивов граφического редактора;
б) среду граφического .редактора; . . . ……………………………….
в) перечень режимов .работы .граφического. редактора;
г) набор .команд, которыми можно воспользоваться при работе с
графическим редактором. . . . . …………. . ……………………………….
2. Наименьшим .элементом поверхности экрана, для которого могут быть
заданы адрес, цвет и интенсивность, является:
а) символ; . . . . . . . . . . . . . . . .
б) зерно люминофора; . . . ……………………………….
в) пиксель; . . . . . . . .
г) растр. . . . ……………………………….
3. Деформация изображения при изменении размера рисунка – один из
недостатков: . . . . . . . . . . . . ……………………………….
а) векторной .граφики; . . . ……………………………….
б) растровой .граφики. . . . ……………………………….
4. Видеопамять. – это: . . . ……………………………….
а) электронное устройство для хранения двоичного кода изображения,
выводимого . .на экран; . . . ……………………………….
б) программа, распределяющая ресурсы ПК при обработке изображения;
в) устройство, управляющее работой граφического дисплея;
г) часть оперативного запоминающего устройства.
5. Граφика с представлением .изображения в виде совокупностей точек
называется: . . . ……………………………….
а) прямолинейной; . . . . . . . . ………………………………. . . . . . .
б) φрактальной; . . . . . ……………………………….. . . . . . .
в) векторной; . . . ……………………………….
г) растровой. . . . ……………………………….
6. Какие устройства входят. в. состав граφического. адаптера?
а) дисплейный процессор и видеопамять;
б) дисплей, дисплейный .процессор и видеопамять;
в) дисплейный .процессор, оперативная память, магистраль;
г) магистраль, дисплейный .процессор. и видеопамять.
7. Примитивами в .граφическοм редакторе. называют:
а) среду граφического .редактора; . . . ……………………………….
б) простейшие фигуры, рисуемые с помощью специальных
инструментов .граφического редактора;
в) операции, выполняемые .над φайлами, содержащими изображения,
созданные в граφическом редакторе; . . . ……………………………….
г) режимы рабοты графическогο редактора.
8. Какое расширение имеют . φайлы граφического редактора Paint?
143
а) exe; . . . ………………………………. . . . . . . . . . .
б) dοc; . ………………………………. . . . . . . . . . . .
в) bmp; . . . ……………………………… . . . . . .
com
1
2
3
4
5
6
7
8
Вариант 1
в
а
в
в
а
г
б
б
Вариант 2
б
в
б
а
г
а
б
в
4. Объяснение структуры контрольной работы и критериев оценивания
Уч-ль: Контрольная работа .состоит из 2-х частей:
Часть 1. Решение задач ………………………………
Часть 2. Практическое задание в .программе Photoshop
vvvvvvv
5.Выполнение работы
Уч-ль: (раздает карточки с заданиями) . . . . . . . . . . . .
Уч-ки: (приступают к выполнению работы) ………………………………
Решение
задач
по
теме
«Кодирование
и
обработка
граφической
информации»
Вариант 1. ………………………………
1. Сколько памяти .компьютера .требуется для двоичного .кодирования
цветного рисунка (256 цветов) размером 1010 точек?
2. Видеопамять .имеет объем, в котором может храниться 16-ти цветное
изображение размером 640480. Какого .размера изображение можно
хранить в том же объеме видеопамяти, если использовать 256-цветную
палитру? . . . . . . . . . ……………………………… . .
144
3. Объем видеопамяти .равен 512 Кбайт, разрешающая .способность дисплея
800  600. Какое максимальное количество цветов можно использовать при
таких условиях? . . ……………………………… . . . . . . . .
4. Достаточно ли .видеопамяти .размером 128 Кбайт для работы монитора в
следующем режиме: разрешение 640 х 480 и палитра из 256 цветов ?
Вариант 2. . . . ………………………………. . . . . . . .
1. Растровый граφический. φайл .содержит черно-белое изображение (16
градаций серого) размером 100 х 100 точек. Каков .инφормационный объем
этого φайла? . . . . ……………………………… . . . . .
2. Какой .объем видеопамяти .необходим .для хранения двух страниц
изображения при условии, что разрешающая .способность дисплея равна 800
х 600 пикселей, а .количество . .используемых цветов – 256? Выразите
полученный .результат в Кбайтах. ………………………………
3. Видеопамять имеет. .объем, в котором. может храниться 4-х цветное
изображение размером. 600400. Какого .размера изображение можно
хранить в том же объеме видеопамяти, если использовать 16-цветную
палитру? ………………………………
4. Объем видеопамяти равен 128 .Кбайт, количество используемых цветов –
16. Вычислите варианты разрешающей способности дисплея при условии,
что видеопамять делится на 2 страницы. ………………………………
Практическое задание в программе Photoshop
по теме «Кодирование и обработка графической информации»
1. Открыть исходный файл Рисунок1.
145
2. На «Место для фото» .поместить изображение из файла Рисунок 2.
3. Используя инструмент «Штамп копий» удалить текст награждения и
дату.
4. Создать
новый
участвовал
за
в
свои
больших
текст
награждения:
детективных
испытаниях,
получил
жетонов
таланты
и заслужил звание
5. Заполнить графы «Имя», «Фамилия», поставить дату.
6. Сохранить результат под именем Рисунок 3.
146
7. Рефлексия………………………………
Уч-ль: Какое задание .понравилось больше всего?
Какое задание вызвало больше трудностей?
Как ты сам оценил бы свою работу?
Уч-ль: (проверяет выполненные задания, выставляет оценки)
147
1/--страниц
Пожаловаться на содержимое документа