close

Вход

Забыли?

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

Котикова Валерия Геннадьевна. Разработка программно-методического обеспечения элективного курса «Работа с графикой в среде Delphi» для учащихся 10-11 классов

код для вставки
Оглавление
Введение. ..................................................................................................................... 4
ГЛАВА I. МЕТОДИКА ОРГАНИЗАЦИИ И ПРОВЕДЕНИЯ ЭЛЕКТИВНЫХ
КУРСОВ ПО ИНФОРМАТИКЕ В РАМКАХ ФГОС ......................................... 7
1.1
Цели введения элективных курсов в предпрофильную и профильную
подготовку учащихся. .............................................................................................. 7
1.2.Типы элективных курсов. ................................................................................. 9
1.3. Особенности элективных и факультативных курсов. ............................. 14
1.4. Определение критериев оценки элективных курсов. .............................. 16
ГЛАВА II. РАЗРАБОТКА ЭЛЕКТИВНОГО КУРСА: «РАБОТА С
ГРАФИКОЙ В СРЕДЕ DELPHI» ДЛЯ УЧАЩИХСЯ 10-11 КЛАССОВ. .... 19
2.1. Теоретико-методологическое обоснование элективного курса по теме
«Работа с графикой в среде Delphi» для учащихся 10-11 классов................. 19
2.1.1. Пояснительная записка. .............................................................................. 20
2.2 Аппаратно-программное обеспечение элективного курса по информатике
..................................................................................................................................... 21
2.3 Создание программы элективного курса в рамках ФГОС. ..................... 22
2.3.1 Цели и задачи элективного курса курса по теме «Работа с графикой в
среде Delphi» для учащихся 10-11 классов. ........................................................ 22
2.4. Содержание элективного курса. .................................................................... 23
2.4.1. Поурочное планирование. ........................................................................... 23
2.4.2.Урок 1 – «Знакомство со средой Delphi.» ................................................... 25
2.4.3. Урок 2 – «Первый проект в Delphi». ......................................................... 31
2.4.4. Урок 3 – «Компоненты Image и PaintBox». ........................................... 39
2.4.5. Урок 4 – «Компонент Timer, его свойства». .......................................... 46
2.4.6. Урок 5 – «Компонент CheckBox». ............................................................ 56
2.4.7. Урок 6 – «Компонент RadioGroup, его свойства». ............................... 64
2.4.8. Урок 7 – «Свойство Canvas, его подсвойства»...................................... 71
2.4.9. Урок 15 – «Создание графического редактора». .................................. 79
2
2.4.10.
Урок 16 – «Создание графического редактора». ............................... 86
2.4.11.
Урок 17 – «Создание графического редактора». ............................... 93
Заключение. ............................................................................................................ 105
Список используемой литературы. ................................................................... 106
Приложение 1 - Тестирование «Delphi – основные сведения». .................... 108
Приложение 2 – Итоговый тест по Delphi7. ..................................................... 111
Приложение 3 – Графический редактор в Delphi7. ........................................ 114
3
Введение.
Выбор жизненного пути - естественная проблема для любого молодого
человека, и роль образовательных учреждений в ее решении
нельзя
недооценивать. Профильная подготовка это подготовительная ступень, которая
нацелена на создание благоприятных условий для жизненного личностного
самоопределения
учащихся
основной
общеобразовательной
школы,
для
осознанного выбора профиля обучения на старшей ступени общего образования.
Именно в старших классах, в этот возрастной период наиболее интенсивно
формируются ценностные установки, личностные ориентации, проявляются те
или иные способности, выявляется интерес к выбору будущей профессии.
Одной из главных задач профильной подготовки является выявление
личностных профессиональных интересов и возможностей учащихся на основе
широкого
спектра
элективных
курсов,
направленных
на
формирование
представлений о характере профессионального труда людей. Особое значение
имеют элективные курсы по информатике, которые позволяют выявить
профессиональный интерес личности средствами изучаемого предмета. Изучение
информатики оказывает существенное влияние на развитие у школьников
теоретического, творческого мышления, а также формирование определенного
типа мышления, которое можно назвать алгоритмическим. Он направлен на
выбор оптимальных решений, а также открывает новые возможности для
овладения
такими
современными
методами
научного
познания,
как
формализация, моделирование, компьютерный эксперимент и т.д.
Выбор учащегося является основой определения его образовательной
траектории, которая в дальнейшем будет реализована на старшей ступени общего
образования в рамках профильного обучения.
Актуальность исследования.
Разработка и организация элективных
курсов это достаточно сложный и трудоемкий процесс, и не всегда у
современного учителя хватает времени на разработку собственных авторских
4
курсов. В связи с этим разработка элективных курсов для профильной подготовки
по информатике является достаточно актуальной проблемой.
Выбор данной темы исследования обусловлен тем, что среда объектноориентированного
разрабатывать
программирования
Delphi
При
Windows-приложения.
позволяет
выборе
с
учащимися
легкостью
данного
элективного курса буквально с первого занятия они смогут самостоятельно
создавать полноценные работающие программы. При помощи Delphi можно
реализовывать приложения для различных сфер современных компьютерных
технологий: бизнес-приложения, игры, мультимедиа, базы данных и т.д. При этом
эти приложения могут быть как простыми, так и очень сложными в зависимости
от поставленной задачи.
Объект исследования: процесс обучения информатике в формате
элективного курса по теме «Работа с графикой в среде Delphi» для учащихся 1011 классов.
Предмет исследования: содержание и методы преподавания элективного
курса по теме «Работа с графикой в среде Delphi» для учащихся 10-11 классов.
Цель исследования: разработать элективный курс по информатике по теме
«Работа с графикой в среде Delphi» для учащихся 10-11 классов.
В соответствии с указанным объектом, предметом и для достижения цели
были определены следующие задачи исследования:
 изучить
и
проанализировать
методическую,
психологическую,
педагогическую литературу, а также нормативные документы по проблеме
исследования;
 выявить особенности элективных курсов по информатике для профильной
подготовки;
 провести сравнительный анализ элективных курсов по информатике для
профильной подготовки;
 разработать элективный курс по информатике для профильной подготовки;
 предложить методические рекомендации по использованию разработанного
курса в профильной подготовке школьников.
5
Методология исследования: анализ литературы, сравнение различных
разработок элективов для профильного обучения, изучение технологий объектноориентированного программирования на примере среды Delphi,
обобщение
полученных знаний.
Практическая значимость заключается в том, что разработанный
элективный курс по информатике может использоваться в школьном учебном
процессе в рамках профильной подготовки.
Структура работы: выпускная квалификационная работа состоит из
введения, двух глав, заключения, списка используемой литературы и приложений.
6
ГЛАВА I. МЕТОДИКА ОРГАНИЗАЦИИ И ПРОВЕДЕНИЯ ЭЛЕКТИВНЫХ
КУРСОВ ПО ИНФОРМАТИКЕ В РАМКАХ ФГОС
1.1 Цели введения элективных курсов в предпрофильную и профильную
подготовку учащихся.
В Концепции профильного обучения на старшей ступени общего
образования, утвержденной приказом Министерства образования России от
18.07.02 № 2783, обозначены цели перехода к профильному обучению, среди
которых ставится задача создания "системы специализированной подготовки
(профильного обучения) в старших классах общеобразовательной школы,
ориентированной на индивидуализацию обучения и социализацию обучающихся,
в том числе с учетом реальных потребностей рынка труда <...> отработки гибкой
системы профилей и кооперации старшей ступени школы с учреждениями
начального, среднего и высшего профессионального образования". Именно для
этого помимо профильных общеобразовательных предметов в старших классах
вводятся элективные курсы - обязательные для посещения по выбору учащихся.
В нормативную базу, регулирующую развитие профильного обучения в РФ,
входят следующие документы:
 Федеральный закон от 29.12.2012 №273-Ф3(редакция от 01.05.2017) «Об
образовании в Российской Федерации»;
 Распоряжение Правительства РФ от 17.11.2008 N 1662-р (редакция от
10.02.2017) «О Концепции долгосрочного социально-экономического
развития Российской Федерации на период до 2020 года».
 Приказ Минобразования РФ от 09.03.2004 N 1312 (ред. от 01.02.2012) "Об
утверждении федерального базисного учебного плана и примерных
учебных планов для образовательных учреждений Российской Федерации,
реализующих программы общего образования";
 Положение от 23.05.2016 №313 " Об организации профильного обучения на
уровне среднего общего образования";

Распоряжение Правительства РФ от 29 декабря 2001 года № 1756-р “Об
одобрении Концепции модернизации российского образования на старшей
7
ступени общеобразовательной школы, предусматривающей профильное
обучение”;
 Рекомендации
Министерства
предпрофильной
подготовки
образования
учащихся
РФ
основной
об
школы
организации
в
рамках
эксперимента по введению профильного обучения;
 Распоряжение Минобразования России от 30.09.2002, №970-13 “Об
утверждении плана-графика введения профильного обучения на старшей
ступени общего образования”.
В Российской Федерации разработана следующая нормативно-правовая база
по элективным курсам:
 Письмо от 4 марта 2010 г. N 03-413 О методических рекомендациях по
реализации элективных курсов;
 Письмо от 20 апреля 2004 г. N 14-51-102/13 О направлении рекомендаций
по организации профильного обучения на основе индивидуальных учебных
планов обучающихся.
Современное общеобразовательное учреждение с профильным обучением
предусматривает возможность разнообразных комбинаций учебных предметов,
что должно обеспечивать гибкую систему профильного обучения. Эта система
должна включать в себя следующие типы учебных предметов:
 базовые общеобразовательные,
 профильные,
 элективные.
Элективные учебные предметы (элективные курсы) это обязательные для
посещения курсы по выбору учащихся, которые
входят в состав профиля
обучения на старшей ступени школы.
Элективные курсы имеют очень широкий спектр функций и задач:
 обеспечивают повышенный уровень изучения одного из профильных
учебных предметов либо его раздела;
8
 служат
изучению
смежных
учебных
предметов
на
междисциплинарной основе;
 обеспечивают
более
высокий
уровень
освоения
одного
(или
нескольких) из базовых учебных предметов;
 служат формированию различных умений для решения практических
задач;
 обеспечивают непрерывность профориентационной работы;
 служат осознанию возможностей и способов реализации выбранного
жизненного пути;
 способствуют удовлетворению познавательных интересов, решению
жизненно важных проблем;
 способствуют
приобретению
школьниками
образовательных
результатов для успешного продвижения на рынке труда.
Современному
работодателю
требуется
человек,
который
способен
совершать ответственный выбор. Именно для решения этой задачи ученик со
школьных лет должен иметь возможность выбора, а затем нести ответственность
за его результаты.
Школьник будет нести ответственность за свой выбор только в том случае,
если школа не “добавит” механически часы элективных курсов к профильным
предметам или на изучение определенных предметов. Можно просто добавить
один час в неделю к информатике и ИКТ, а можно предложить ученикам,
изучающим информатику и ИКТ на профильном уровне, осуществить выбор
между элективными курсами различных тематик в рамках выбранного предмета.
Следовательно, придется выбирать, а значит от чего-то отказываться.
Если ключевой идеей профильного обучения является идея существенного
роста возможностей выбора, то ученик к таковому выбору должен быть
подготовлен.
1.2.Типы элективных курсов.
9
В школах Российской Федерации начиная с 9-х классов должна быть
введена предпрофильная подготовка. В учебный план школы добавляются курсы
по выбору за счет часов учебного предмета “Технология”, основная функция
которых – профориентационная, а в профильном обучении на решение этой
задачи направлены элективные курсы.
Курсы по выбору должны отвечать следующим требованиям:
 у ученика должен быть выбор между различными курсами;
 включать материал, выходящий за рамки школьной программы
(например, различного рода практикумы и т.д.).
 наполнение этих курсов должно меняться хотя бы 2 раза в год;
Содержание курсов по выбору профильной подготовки должно:
 знакомить учащихся со видами деятельности, которые будут
необходимы для успешного изучения программы того или иного
профиля и/или профессии,
Курсы по выбору можно разделить на 2 вида:
1) Предметные курсы, задача которых - углубление и расширение знаний
по предметам, которые входят в базисный учебный план данной школы.
Предметные курсы также можно разделить на несколько групп.
 Элективные курсы повышенного уровня, которые направлены на
углубление знаний в области того или иного учебного предмета и
пересекаютсмя с ним по времени изучения и теме. Выбор подобного
элективного курса позволит изучить выбранный предмет не на
профильном, а на углубленном уровне.
 Элективные курсы, в которых углубленно изучаются некоторые
отдельно взятые разделы основного курса, входящие в обязательную
учебную программу предмета.
 Элективные курсы, в которых углубленно изучаются отдельные
разделы основного курса, не входящие в обязательную программу
данного предмета.
10
 Прикладные элективные курсы, цель которых - знакомство учащихся
с возможностями применения полученных знаний на практике,
развитие интереса учащихся к современной технике и производству.
 Элективные курсы, посвященные истории предмета, который может
входить в учебный план школы (история физики, биологии, химии,
географических открытий), а и может не входить в него (история
астрономии, техники, религии и т.д.).
 Элективные курсы, посвященные изучению методов решения задач
(математических, физических, химических, биологических и прочих),
а так же составлению и решению задач на основе эксперимента.
Эти курсы чаще всего долгосрочные (24-36 часов, 2-3 курса в год).
Их основная цель – подготовить к сдаче экзамена в профильный класс
старшей школы, а также углубить знания ученика по данному предмету.
Основная задача – реализовать интерес к предмету.
Основное содержание – систематизация и углубление знаний по предмету;
2) Ориентационные курсы, цель которых – подготовка учащихся к
ситуации выбора дальнейшего образования.
Курсы такого вида краткосрочны (от 12 часов, 4-5 курсов в год).
Основная цель – подготовка к выбору профиля.
Цель – формирование интереса и положительной мотивации к тому или
иному профилю через освоение новых аспектов содержания, более сложных
способов деятельности.
3) Элективные курсы по предметам, которые не входят в базисный
учебный план.
Элективные курсы призваны обеспечить возможность выбора внутри
школы, параллели, класса, то есть индивидуализацию и актуализацию обучения.
Механизмом реализации этой идеи могут и должны стать элективные курсы.
Количество
элективных
курсов,
которые
предлагаются
учебным
заведением в составе профиля, должно быть больше, чем число курсов, которые
обязан выбрать учащийся, т.е. у обучающегося должен быть реальный выбор.
11
Общеобразовательное
учреждение
принимает
решение
и
несет
ответственность за содержание и проведение элективных курсов в порядке,
определенном учредителем.
Можно взять за основу типовые учебные программы, и уже на их базе
самостоятельно
разработать
авторские
и
модифицированные
программы
элективных курсов.
К модифицированным программам относятся программы, которые были
разработаны на основе уже существующих, но адаптированные под условия
учебного учреждения и вносящие какие-либо изменения в содержание предмета,
в отбор материала по темам, а также последовательность его изучения и
количество часов, на это затраченных.
Авторские программы это программы обучения, которые аналогов не
имеют. Они основаны на авторской концепции построения содержания учебного
курса по данному предмету.
По назначению также можно выделить несколько типов элективных курсов.
Одни из них могут обеспечивать для наиболее способных школьников
повышенный уровень изучения того или иного учебного предмета. В этом случае
такой дополненный профильный курс становится углубленным, а школа (класс), в
котором он изучается, превращается в спецшколу с углубленным изучением
отдельных учебных предметов .
Другие элективные курсы должны обеспечить межпредметные связи и дать
возможность изучать смежные учебные предметы на профильном уровне,
развивать содержание одного из базисных курсов, изучение которого в данной
школе (классе) осуществляется на минимальном общеобразовательном уровне
(межпредметные). Это позволяет школьникам, которые в этом заинтересованы,
удовлетворить свои потребности в новых знаниях и получить дополнительную
подготовку, например, для сдачи ЕГЭ по этому предмету на профильном уровне.
Элективные курсы могут носить как прикладное, так и фундаментальное
содержание.
Следует различать два понятия:
12
- профильное обучение информатике;
- общеобразовательный курс информатики профильного уровня.
Различие профильного обучения информатике, например в физикоматематических и в информационно-технологических классах, осуществляется, в
основном, через выбор элективных курсов и практические части общего курса.
Общеобразовательный курс профильного уровня соответствует единому
государственному стандарту. Его требования должны быть обеспечены в любом
случае.
Специфика содержания элективных курсов по информатике определяется
рядом факторов. К числу важнейших из них следует отнести, пожалуй, четыре:
 Интенсивный характер межпредметных связей информатики и
других учебных предметов, широкое использование понятийного
аппарата, методов и средств, присущих данной отрасли научного
знания, при изучении практически всех предметов.
 Значение изучения информатики для формирования
способностей
выпускника
современной
определенных
образовательных
школы,
достижений,
личностных
приобретения
которые будут
в
дальнейшем востребованы уже на рынке труда.
 Огромная роль изучения информатики в формировании современной
научной картины мира.
 Объединяющая роль информатики в содержании общего образования
человека, которая позволяет связать понятийный аппарат различных
учебных дисциплин.
Подобная организация обучения предполагает необходимость разделения
класса, как минимум, на две подгруппы. Однако наполняемость групп в
нормативных документах никак не оговорена.
Курсы по выбору широко использовались и используются в зарубежном
образовании. В советской школе первые попытки внедрения элективной
дифференциации были предприняты в 1960-х гг, после опубликования
Постановления ЦК КПСС и Совета Министров СССР от 10 ноября 1966 г, "О
13
мерах дальнейшего улучшения работы средней общеобразовательной школы", где
сказано: "Для углубления знаний по физико-математическим, естественным и
гуманитарным наукам, а также развития много сторонних интересов и
способностей
учащихся
проводить
в
школах,
начиная
с
VII
класса,
факультативные занятия по выбору учащихся". Министерство просвещения
СССР и министерства союзных республик в конце 60-х годов уделяли
повышенное внимание данному аспекту виду работы школы. Была разработана и
утверждена коллегией Министерства просвещения СССР инструкция по
факультативным
занятиям,
на
основе
которой
союзные
республики
вырабатывали свои инструкции. В министерствах составлялись примерные
тематики данных занятий и разработаны программы для целого ряда курсов. По
некоторым курсам были подготовлены специальные учебные пособия. В
институтах усовершенствования учителей развернулась серьезная работа по
оказанию помощи учителям, преподающим факультативы. Вероятно поэтому в
современной
научно-методической
литературе
элективные
курсы
чаще
сопоставляют с факультативами, которые начиная с 1966 г. были организованы
практически во всех школах страны.
1.3. Особенности элективных и факультативных курсов.
Попробуем сравнить элективные и факультативные курсы.
Сходство:
Сходство целей.
Целью факультативных занятий является “углубление знаний, развитие
интересов, способностей и склонностей учащихся, их профессиональное
самоопределение”.
Цели элективных курсов аналогичны факультативным и лишь уточняются
в зависимости от направленности каждого курса.
Объединяет их
отсутствие
государственных
стандартов и
государственного итогового контроля по результатам их изучения/прохождения
14
курса. Кроме того, большинство авторов элективных курсов не
использует
традиционную пятибалльную систему оценки на занятиях. Как известно, знания и
умения учащихся на занятиях факультативов также не принято оценивать
традиционной отметкой.
В плане содержания
они могут выходить за рамки школьных учебных
предметов и не должны их дублировать.
Сходство
состоит
еще
и
в
том,
что
и
факультативы,
как
и
элективы, выбираются самими учащимися на основе их предпочтений и
интересов.
В чем же тогда разница между ними?
Прежде всего, факультативные курсы – это необязательные для
посещения учебные занятия для всех учащихся, а элективные курсы –
это обязательный
образовательный
компонент для
каждого
ученика
общеобразовательных школ.
Еще одно отличие между факультативными и элективными курсов – их
разная продолжительность.
Факультативные курсы представлены программами, рассчитанными на весь
учебный год (минимум – 34 ч). Элективный курс может быть различной
продолжительности (от 6–8 до 72 ч), как рассчитанные на один-два месяца, так и
на четверть либо полугодие. Таким образом, элективные курсы в отличие от
факультативов могут быть краткосрочными.
Факультативные курсы, как правило, вынесены за пределы основной сетки
занятий и проводятся после
уроков, либо в свободный от занятий день.
Элективные же курсы в рамках компонента базисных планов входят в сетку
часов и проводятся наравне с другими уроками в течение учебной недели.
В нормативных документах и научно-методической литературе указывается
необходимость предложения избыточного количества разных элективных
курсов (минимум 2–3 курса в профильном обучении).
Все сказанное можно представить в виде сравнительной таблицы.
15
Факультативные курсы
Элективные курсы
Сходство
Цель: углубление знаний, развитие интересов, способностей и склонностей
учащихся, их профессиональное самоопределение
Выбираются учащимися на основе собственных интересов
Отсутствие стандартов и ЕГЭ
Различие
Выбираются
лишь
частью
Выбираются каждым учеником
учащихся
Занятия вынесены за сетку
часов в расписании занятий
Необязательны
Указаны в расписании, как и другие
уроки
для
Обязательны для посещения
посещения
Длительность минимум 34 ч.
Длительность
от
6–8
до
72
ч,
Занятия запланированы на весь могут быть рассчитаны на 1–2 месяца, на
учебный год
четверть, полугодие
Может быть предложен один
курс по одному предмету
Должно быть предложено избыточное
по
отношению
к
возможному
выбору
количество курсов по каждому предмету
В рамках элективных курсов большое значение приобретает проектная
деятельность учащихся. В этом случае учитель выступает как руководитель и
консультант, а ученик (реже два или три ученика вместе) самостоятельно
подготавливает и выполняет проект.
Тематика проектов определяется личными предпочтениями ученика и
учителя.
1.4. Определение критериев оценки элективных курсов.
Отдельного внимания заслуживает вопрос оценки результатов работы
учащегося при изучении элективного курса. Их оценивание не должно быть
16
привязано к традиционной 5-балльной системе. Например, можно использовать
качественные итоговые оценки успешности учеников.
Например:
«Прослушал курс»;
«Посещал занятия курса»;
«Успешно освоил курс».
Критерии оценок должны быть заранее известны учащимся. Выработка
единой системы оценок для всех элективных курсов в школе позволит объективно
оценить успешность каждого ученика. А в дальнейшем при формировании
профильных классов с помощью такой системы оценок будет проще определить
степень подготовленности каждого ученика.
Элективные курсы – сфера бурного развития вариативного содержания
школьного предметного образования. Это сравнительно новое явление в
современной российской школе, поэтому в их организации остается ряд
нерешенных вопросов прикладного характера.
Способны ли элективные курсы снять проблему профориентации? Ведь
несмотря на успешность ученика на элективных курсах, решение о выборе
профиля обучения и дальнейшей профессии зачастую принимается родителями
учащихся, а профильный класс может выбираться на основе желания быть с
любимым учителем или с друзьями.
Сколько курсов должен посетить ученик для успешного освоения
программы профильного обучения? Кроме того, элективные курсы могут иметь
разную продолжительность. Вероятно, должно быть оговорено
какое-то
определенное количество часов элективных курсов, которое обязан посетить
ученик на каждой ступени обучения. Иначе не исключено, что недобросовестный
школьник будет выбирать самые короткие курсы, которые не смогут осуществить
достойную подготовку. Опять же, открытым остается вопрос об оптимальной
продолжительности элективных курсов.
Как организовать занятия элективного курса, который выбрали всего
несколько
учеников?
Нормативных
17
документов,
устанавливающих
количественную планку учащихся на занятиях элективного курса, нет. Так что в
школьной практике учебные часы будут наверняка отведены наиболее
посещаемым учащимися курсам. Но в этом случае нарушаются права ребенка в
реальзации свободы личного выбора, который наиболее соответствующего его
интересам.
Как выбрать или создать наиболее конкурентоспособный (среди множества
других предметных курсов) элективный курс? Это, пожалуй, основной вопрос.
В настоящее время количество примеров разработок элективных курсов
предложено вполне достаточно для использования по информатике и ИКТ. Зная
ошибки и недочеты этих программ, можно выбрать подходящий именно данному
учебному учреждению курс, скорректировать методику, построить выбранную
программу так, чтобы избежать ошибок.
18
ГЛАВА II. РАЗРАБОТКА ЭЛЕКТИВНОГО КУРСА: «РАБОТА С
ГРАФИКОЙ В СРЕДЕ DELPHI» ДЛЯ УЧАЩИХСЯ 10-11 КЛАССОВ.
2.1. Теоретико-методологическое обоснование элективного курса по теме
«Работа с графикой в среде Delphi» для учащихся 10-11 классов.
Основная цель курса – повысить интерес школьников к программированию.
Познавательные цели обучения обуславливаются тем фактом, что при изучении
этого курса учащиеся знакомятся со многими интересными алгоритмами,
используемыми для решения практически важных задач.
Воспитательные цели состоят в формировании умения учащихся ставить
задачу и доводить ее до логического завершения, а так же умения работать в
группе.
Курс ориентирован на школьников, владеющих основами работы на
компьютере и знакомых с основами алгоритмизации. Знание конструкций языка
программирования Паскаль желательно, но не обязательно.
Первые уроки по Delphi можно проводить без изучения Паскаля, используя
изменение свойств объектов и события от мыши. Легкость создания первых
проектов увеличивает интерес школьников к программированию.
А тем, кто уже занимался программированием на Pascal, будет не сложно
освоить систему объектно – ориентированного
программирования Delphi.
Затруднения могут возникнуть при изучении среды программирования, при
использовании различных свойств и методов компонентов.
Создавая собственные проекты на Delphi, учащиеся работают в различных,
практически важных программных средах и получают прочные навыки работы в
них. Одновременно они гораздо лучше осваивают идеи «оконного» интерфейса и
операционных систем, работающих на его основе.
Курс рассчитан на 17 часов, которые можно проводить в 10 и 11 классах.
Используя полученные знания и умения, учащиеся, могут создавать
собственные несложные программные продукты: игры, тесты, обучающие
программы и др.
19
2.1.1. Пояснительная записка.
Программа данного курса рассчитана на учащихся 10-11 классов, знакомых
с основами программирования на языке Pascal, и является продолжением
изучения этого языка. Для успешного изучения курса необходимо, чтобы
учащийся имел представление об алгоритмизации, процедурном и модульном
программировании, знал основные операторы и управляющие конструкции языка
программирования Pascal. По окончании курса слушатель должен знать: понятия
объектно-ориентированного программирования и класса, основные методы
работы со стандартными компонентами Delphi.
Активизация познавательного процесса позволяет учащимся более полно
проявлять свой творческий потенциал и претворять в жизнь собственные идеи в
изучаемой области знаний, создаёт предпосылки по применению приложений,
созданных в среде Delphi, и в других учебных курсах, а также способствует
появлению дальнейшей мотивации, ориентированной на освоение профессии
программиста.
Курс включает в себя практическое освоение техники создания Windowsприложений
различной
направленности,
с
использованием
объектно-
ориентированного подхода в программировании.
Программа рассчитана на слушателя 10 - 11 классов общеобразовательных
учреждений.
Курс рассчитан на 17 часов (1 занятие в неделю).
Тип занятий - теоретическое занятие, практическое занятие и разработка
проекта. Каждое практическое занятие представляет собой разработку проекта.
Содержит описание работы - теоретическую часть, постановку задачи,
рекомендуемый план разработки проекта, задания для самостоятельного контроля
знаний.
Задания курса реализуются при помощи персонального компьютера и
необходимых программных средств. Индивидуальная учебная деятельность
сочетается с проектными формами работы по созданию Windows-приложений.
20
Данный курс предполагает конечным результатом проект «Графический
редактор», реализованный средствами Delphi7, который показывает уровень
освоения
технологии
объектно-ориентированного
программирования
и
полученные навыки работы в данной среде.
Общая характеристика учебного курса.
Учебная программа «Работа с графикой в среде Delphi» для учащихся 10-11
классов состоит из трех частей:
Часть 1. Введение. Знакомство с интерфейсом программы: рабочее окно,
компоненты Delphi, объекты и их свойства.
Часть 2. Изучение компонентов. Создание простых проектов на их основе
Основная цель - развить у учащихся навык самостоятельной работы при
выполнении практической работы.
Часть 3. Проектная деятельность. Самостоятельное создание проектов на
основе полученных знаний. Цель - отработка практических навыков.
Курс рассчитан на 17 часов (1 занятие в неделю), который включает в себя
следующие типы уроков:
1) урок изучения нового материала - 1 час;
2) комбинированный урок - 16 часов;
2.2 Аппаратно-программное обеспечение элективного курса по информатике.
Аппаратные средства необходимые для организации кружка:
 Компьютер
 Интерактивная доска.
 Проектор.
 Принтер.
 Устройства, обеспечивающие подключение к сети и
информационным ресурсам.
 Наушники.
 Клавиатура и мышь.
Программные средства включают в себя:
21
дающие доступ к
 Операционная система семейства Windows.
 Текстовый редактор – Microsoft Word, Блокнот.
 Растровый графический редактор – Microsoft Paint.

Браузер (Internet Exploler, Mozilla Firefox, Google Chrome, Opera и т.п.).
2.3 Создание программы элективного курса в рамках ФГОС.
2.3.1 Цели и задачи элективного курса курса по теме «Работа с графикой в
среде Delphi» для учащихся 10-11 классов.
Цели изучения курса:
 сформировать у школьников целостное представление о разработке
Windows-приложений с помощью объектно-ориентированных подходов в
программировании;
 реализовать способности учащихся в ходе создания различных Windowsприложений;
 сформировать элементы информационной компетенции по отношению к
знаниям,
умениям
и
опыту
создания
Windows-приложений
с
использованием объектно-ориентированных технологий.
Задачи курса:
 понять принципы объектно-ориентированного подхода к составлению
алгоритмов
и
программирования
программ,
в
значение
современном
объектно-ориентированного
множестве
информационных
технологий;
 овладеть
базовыми
понятиями
объектно-ориентированного
программирования и применять их при создании Windows-приложений;
 приобрести навыки разработки Windows-приложений в визуальной среде
программирования Delphi.
Форма подведения итогов реализации элективного курса:
 проекты на основе изучения каждой темы;
 заключительный проект – графический редактор.
22
Тематическое планирование элективного курса для 10-11 классов было
составлено на основе следующих документов:
1. Информатика. 11 класс.
Углубленный уровень. Учебник в 2 ч. Ч. 1/
Семакин И.Г., Шеина Т.Ю., Шестакова Л.В. – М.: БИНОМ. Лаборатория
знаний, 2012 – 176 с.: ил.
2. Информатика. 10-11 классы. Углубленный уровень. Программа для старшей
школы. / Семакин И.Г. – М.: БИНОМ. Лаборатория знаний, 2015 – 110 с.:
ил.
3. Информатика. 10–11 классы. Углубленный уровень: методическое пособие /
И.Г. Семакин, И.Н. Бежина. – М.: БИНОМ. Лаборатория знаний, 2015 – 320
с.: ил.
4. Информатика. 11 класс. Базовый и углубленный уровень. Учебник в 2 ч. Ч.
2/ Поляков К.Ю., Еремин Е.А. - М.: БИНОМ. Лаборатория знаний, 2013 –
304 с.: ил.
5. Информатика. 10 класс. Базовый уровень. Учебник/ Угринович Н.Д. – М.:
БИНОМ. Лаборатория знаний, 2009 – 212 с.: ил.
Номер
урока
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15-17.
2.4. Содержание элективного курса.
2.4.1. Поурочное планирование.
Тема урока
Часы
Знакомство со средой Delphi.
Первый проект в Delphi
Компоненты Image и PaintBox)
Компонент Timer
Компонент CheckBox
Компонент RadioGroup
Компонент Canvas.
Рисование картинки.
Мультфильм и видеофильм.
Приложение
из
нескольких
форм.
Проект «Кораблик».
Проект «Конструктор».
Проект «Кубики».
Проект «Альбом».
Проект «Графический редактор»
23
1
1
1
1
1
1
1
1
1
1
1
1
1
1
3
УУД
Предметные: Получение
представления о среде
объектноориентированного
программирования
Delphi.
Метапредметные:
умение анализировать и
делать выводы; ИКТкомпетентность, умение
применять компоненты
Delphi для решения
учебных задач.
Личностные: способность
и готовность к общению и
сотрудничеству со
сверстниками и взрослыми
в процессе
образовательной
деятельности.
24
2.4.2.Урок 1 – «Знакомство со средой Delphi.»
ТЕХНОЛОГИЧЕСКАЯ КАРТА КОНСТРУИРОВАНИЯ УРОКА.
ОБЩАЯ ЧАСТЬ
Предмет - Информатика
Тема урока: Знакомство со средой Delphi.
Класс - 10
Тип урока: изучение нового материала
Цели урока:
1. Сформировать знания у учащихся о среде Delphi;
2. Научиться запускать приложения и сохранять их;
3. Научиться изменять свойства формы.
Планируемые образовательные результаты
Предметные
Метапредметные
Получение представления о среде Основные
универсальные
умения
объектно-ориентированного
информационного характера: постановка и
программирования Delphi.
формулирование проблемы; поиск и выделение
необходимой информации, применение методов
информационного поиска.
Основные понятия, рассматриваемые на уроке:
 среда объектно-ориентированного программирования Delphi.;
 палитра компонентов;
 инспектор объектов;
 форма;
 редактор кода программы.
Используемые на уроке средства ИКТ:
 персональный компьютер (ПК) учителя, мультимедийный проектор, экран;
25
Личностные
Владение первичными навыками анализа и
критичной оценки получаемой информации;
ответственное отношение к информации с учетом
правовых
и
этических
аспектов
ее
распространения; развитие чувства личной
ответственности
за
качество
окружающей
информационной среды.
Ресурсы урока:
 презентация «Знакомство со средой Delphi»
Раздаточный материал:
оценочные листы (на каждого ученика).
СТРУКТУРА УРОКА.
Этапы
Деятельность учителя
Деятельность
учащихся
Приветствие учащихся, проверка наличия учебных материалов на самоорганизация
1 этап
рабочем месте. Проведение рефлексии на определение рабочего места;
Организац эмоционального настроя учеников на работу.
самоконтроль
ионный
наличия
этап.
учебных
материалов на
своем рабочем
месте;
отмечают свое
эмоциональное
настроение.
Фиксация темы урока на доске:
формулируют
2 этап
«Знакомство со средой Delphi».
тему урока;
Постановка
фиксируют тему
цели
и Назови цели:
урока в тетради.
задач
- познакомиться
урока.
- выяснить
Мотивация - научиться
учебной
деятельност
26
УУД
Коммуникативные:
планирование
учебного
сотрудничества
со
сверстниками.
Личностные:
психологическая готовность
учащихся
к
уроку,
самоопределение
Врем
я
2 мин.
Регулятивные:
1 мин.
развитие
умения
формулировать тему и цель
урока в соответствии с
задачами и нормами русского
языка
и учащихся.
3 этап
Что такое объектно-ориентированное программирование?
Актуализац
ия знаний.
Ожидаемый ответ: это метод программирования, при использовании
которого главными элементами программ являются объекты,
каждый из которых является экземпляром определенного класса, а
классы образуют иерархию наследования. Программа считается
объектно-ориентированной, только если выполнены все 3 условия.
4 этап
Давайте посмотрим на следующие слайды и ознакомимся с
некоторыми новыми терминами, которые запишем в тетрадь.
Первичное
усвоение
новых
знаний.
27
Познавательные:
5 мин.
структурирование
знаний,
рефлексия способов и условий
действий, контроль и оценка
процесса
и
результатов
деятельности.
Коммуникативные:
умение
слушать собеседника, умение
аргументировать свое мнение,
убеждать и уступать.
Личностные:
развитие
логического мышления.
внимательно
Познавательные:
18
слушают
осознанное и произвольное мин.
объяснение
построение
речевого
учителя;
высказывания в устной и
отвечают
на письменной форме;
вопросы
ориентировка на разнообразие
учителя.
способов решения задач;
учатся
Личностные:
высказывать
формирование
умений
свое мнение;
систематизации объектов;
учатся
делать
выводы;
участвуют
в
обсуждении;
учатся
высказывать
свое мнение;
учатся
делать
выводы.
28
Проведение физкультминутки с целью снятия напряжения с выполняют
Здоровьесберегающая
2 мин.
учащихся, смена видов деятельности.
упражнения под методика
для
снятия
Проведение
музыку.
утомления
физкультми
нутки.
5 этап
6 этап
Первичное
закреплени
е
изученного
материала,
анализ
приобретен
ной
информаци
и.
7 этап
Информаци
я
о
домашнем
Работа на компьютере:
Давайте поменяем заголовок Формы — свойство Caption. Чтобы
изменить заголовок Формы, необходимо набрать желаемый текст в
поле свойства. В процессе набора мы с вами видим, как изменяется
текст в строке заголовка. Цвет Формы — свойство Color. При
выделении строки свойства в Инспекторе объектов в поле значения
появляется стрелочка вниз. Нажав на нее, мы получим возможность
выбрать цвет из списка. Все элементы этого списка являются
символическими константами и начинаются с символов “cl” ,
входящих в слово “color”. Названия некоторых цветов указывают на
область их применения. Измените свойства Формы и запустите
программу. Осталось научиться записывать созданную программу,
точнее, проект, так как Delphi создает еще несколько
вспомогательных файлов. Для этого необходимо выполнить
команду File | Save Project As. В появившемся диалоговом окне
выбрать (или создать) папку для записи файлов проекта Unit1.pas и
Project1.dpr. Рекомендуется при этом сменить имя “Project1” на
другое, отражающее суть программы, так как создаваемый Delphi
exe-файл будет иметь имя проекта.
Откройте дневники и запишите домашнее задание: повторить
изученный на уроке материал.
29
внимательно
слушают
объяснение
учителя;
отвечают
на
вопросы
учителя.
учатся
высказывать
свое мнение;
учатся
делать
выводы;
оформление
записей
дневниках.
Познавательные:
8
осознанное и произвольное мин.
построение
речевого
высказывания в устной и
письменной форме;
ориентировка на разнообразие
способов решения задач;
Личностные:
формирование
умений
систематизации объектов;
Личностные:
в формирование
самоорганизации;
формирование
письма.
1 мин.
навыков
навыков
задании,
инструктаж
по
его
выполнени
ю.
Организация самооценивания по оценочному листу.
 Перед вами лежит оценочный лист. Оцените самостоятельно
Рефлексия
свою работу на уроке.
(подведени  Итак, ребята, какие понятия мы сегодня узнали на уроке? (среда
е
итогов объектно-ориентированного программирования Delphi, палитра
занятия)
компонентов, инспектор объектов, форма и т.д.)
 Где вы могли бы применить материал, изученный сегодня?
(при дальнейшем изучении Delphi)
8 этап.
30
заполняют
оценочные
таблицы.
отвечают
на
вопросы;
делают выводы.
Познавательные:
3 мин.
построение
речевого
высказывания
в
устной
форме, контроль и оценка
процесса
и
результатов
деятельности.
Регулятивные:
контроль и оценка своей
деятельности в рамках урока.
Коммуникативные:
умение
слушать и вступать в диалог,
формулирование
и
аргументация своего мнения.
Личностные:
рефлексия способов и условий
действия, контроль и оценка
процесса
и результатов деятельности.
2.4.3. Урок 2 – «Первый проект в Delphi».
ТЕХНОЛОГИЧЕСКАЯ КАРТА КОНСТРУИРОВАНИЯ УРОКА.
ОБЩАЯ ЧАСТЬ
Предмет - Информатика
Класс - 10
Тема урока: Первый проект в Delphi.
Тип урока: комбинированный
Цели урока:
1. Овладение навыком работы с программой, компонентами, свойствами, событиями
2. Повышение интереса к процессу программирования в информатике.
Планируемые образовательные результаты
Предметные
Метапредметные
Получение представления о среде Уметь определять и формулировать цель урока с
объектно-ориентированного
помощью учителя, принимать решения и осуществлять
программирования Delphi, изучение осознанный выбор в учебной и познавательной
компонентов и их свойств.
деятельности (Регулятивные УУД).
Уметь выражать свои мысли в устной форме; слушать и
понимать речь учителя и учеников (Коммуникативные
УУД).
Уметь ориентироваться в своей системе знаний: отличать
новое от уже известного; развивать мотивы и интересы
своей познавательной деятельности (Познавательные
УУД).
ИКТ-компетентность; овладение первичными навыками
работы с программой Delphi7.
Основные понятия, рассматриваемые на уроке:
 Properties –Свойство объекта;
31
Личностные
Уметь проводить самооценку на основе
критерия
успешности
учебной
деятельности ,способность применять
теоретические знания для решения
практических задач.








Shape – геометрическая фигура;
Panel – панель;
Caption – подпись;
Brush – заливка;
Color – цвет;
Hint – подсказка;
Showhint – включить подсказку;
Label – надпись;
 OnMouseMove – перемещение мыши над объектом;
Используемые на уроке средства ИКТ:
персональный компьютер (ПК) учителя, ПК учащихся.
Раздаточный материал:
1. Карточки с внешним видом проекта, свойства и значения используемых компонентов.
2. Оценочный лист.
СТРУКТУРА УРОКА.
Этапы
Деятельность учителя
1 этап
Организационный
этап.
Приветствие учащихся, проверка наличия учебных
материалов на рабочем месте. Проведение рефлексии на
определение эмоционального настроя учеников на
работу.
Фиксация темы урока на доске: «Первый проект в
2 этап
Постановка цели и Delphi».
32
Деятельность
учащихся
самоорганизация
рабочего места;
самоконтроль
наличия учебных
материалов
на
своем
рабочем
месте;
отмечают
свое
эмоциональное
настроение.
формулируют
тему урока;
УУД
Время
Коммуникативные:
2 мин.
планирование
учебного
сотрудничества
со
сверстниками.
Личностные:
психологическая
готовность учащихся к
уроку, самоопределение
Регулятивные:
-развитие
1 мин.
умения
Организация учебной деятельности, постановка задачи фиксируют тему формулировать тему и
урока.
урока в тетради.
цель урока в соответствии
с задачами и нормами
русского языка
Организация
тестирования
по
уточнению
и отвечают
на Познавательные:
5 мин
конкретизации знаний.
вопросы
структурирование знаний,
Тестирование
«Delphi
–
основные
сведения». тестирования,
рефлексия способов и
Приложение №1
учатся
делать условий
действий,
выводы.
контроль
и
оценка
процесса и результатов
деятельности.
Коммуникативные:
умение
слушать
собеседника,
умение
убеждать
и
аргументировать
свое
мнение.
Личностные:
развитие
логического
мышления.
Наш первый проект будет называться «Светофор». внимательно
Метапредметные
и 12
4 этап
личностные результаты:
мин.
Первичное усвоение Сохраним его в папку с таким же именем. Все знают, слушают
что такое светофор, как он выглядит и для чего он нужен. объяснение
Продолжение
новых знаний.
Наша задача: создать модель светофора, у которого при учителя;
формирования умения:
наведении мыши переключается свет, появляется отвечают
на проводить
анализ
всплывающая подсказка с названием цвета, а на табличке вопросы учителя.
объектов
с
целью
рядом со светофором появляется одна из надписей: учатся
выделения
признаков
СТОЙ, ЖДИ, ИДИ
высказывать свое (существенных,
Определим
объекты
для
проекта. мнение;
несущественных);
Светофор: корпус и ножка – 2 компонента Panel (вкладка учатся
делать - проводить синтез как
Standard), «глаз» - 3 компонента Shape (вкладка выводы;
составление целого из
Additional)
частей.
Табличка: надпись – Label (вкладка Standard), ножка –
задач
урока.
Мотивация учебной
деятельности
учащихся.
3 этап
Актуализация
знаний.
33
Panel
Поставим компоненты на форму и настроим свойства
компонентов.
Shape
–
Shape
=stCircle
(делаем
круг)
Shape – Brush – Color = clGray (все цвета светофора
делаем
серыми
выключенными)
Shape – ShowHint = True (Включаем подсказку)
Shape – Hint = Красный, Желтый, Зеленый (Задаем текст
подсказки
для
каждого
цвета)
Panel – Caption – надпись (сотрем значение этого
свойства)
Label
–
Caption
надпись
(очистить)
Label
–
Color
=
любой
цвет
Form – Caption = Светофор (задаем имя окна с проектом)
Наша форма должна принять примерно такой вид:
Сохраним наш проект – Save All, запустим нашу
программу на выполнение – RUN или зеленый
треугольник на панели инструментов.
34
5 этап
Проведение
физкультминутки.
6 этап
Что же мы видим? При наведении мыши на «глаза»
светофора появляется всплывающая подсказка, цвет не
переключается, на табличке тоже никакой реакции. Для
этого придется писать программу – обработчик событий.
Но вначале нужно решить: от каких событий зависит
переключение цвета и появление надписи? Что вы
должны для этого сделать?
Правильный ответ: наведение мыши на нужный «глаз»
светофора.
Закроем работающий проект. Вернемся на форму.
Выберем
верхний
Shape.
Выберем подходящее событие (закладка - Events) для
наведения
мыши
–
OnMouseMove.
Щелкнем два раза по пустой белой строке рядом с этим
событием и перед нами появляется окно кода
программы. Delphi приглашает нас написать команды,
которые необходимо выполнить при наведении мыши на
Shape1.
Нам нужно, чтобы цвет Shape1 изменялся на красный, а в
надписи
появлялся
текст
–
СТОЙ!
Между словами процедуры Begin и End пишем:
begin
shape1.Brush.Color:=clRed;
Label1.Caption:='СТОЙ!';
end;
(Переведите на русский язык эти команды.)
По правилам Паскаля в конце каждого предложения
ставим
точку
с
запятой.
Сохраним проект. Запустим на выполнение. Проверяем.
Поздравляю вас! Программа начала работать!
Проведение
физкультминутки
с
целью
снятия выполняют
напряжения с учащихся, смена видов деятельности.
упражнения
музыку.
Самостоятельная работа
работают
35
Здоровьесберегающая
2 мин.
под методика
для
снятия
утомления
Познавательные:
14
Первичное
закрепление
изученного
материала,
анализ
приобретенной
информации.
Самостоятельно дописываем обработчики событий для
светофора.
Не забывайте сохранять проект и проверять результаты.
Теперь усложним задачу.
Пусть при наведении мыши включается только один
цвет, а остальные выключаются, то есть становятся
серыми.
В результате программа должна выглядеть так:
Procedure TForm1.Shape1MouseMove(Sender: TObject;
Shift:
TShiftState;
X,
Y:
Integer);
begin
shape1.Brush.Color:=clRed;
Label1.Caption:='СТОЙ!';
Shape2.Brush.Color:=clGray;
Shape3.Brush.Color:=clGray;
end;
procedure TForm1.Shape2MouseMove(Sender: TObject;
Shift:
TShiftState;
X,
Y:
Integer);
begin
shape2.Brush.Color:=clYellow;
Label1.Caption:='ЖДИ!';
Shape1.Brush.Color:=clGray;
Shape3.Brush.Color:=clGray;
end;
procedure TForm1.Shape3MouseMove(Sender: TObject;
Shift:
TShiftState;
X,
Y:
Integer);
begin
shape3.Brush.Color:=clGreen;
Label1.Caption:='ИДИ!';
Shape1.Brush.Color:=clGray;
Shape2.Brush.Color:=clGray;
36
индивидуально за
ПК;
самоорганизация
рабочего места;
самоконтроль
выполнения
задания.
осознанное
и мин.
произвольное построение
речевого высказывания в
устной и письменной
форме;
ориентировка
на
разнообразие
способов
решения задач;
Личностные:
формирование
умений
систематизации объектов;
Откройте дневники и запишите домашнее задание:
7 этап
Информация
о повторить изученный на уроке материал.
домашнем задании,
инструктаж по его
выполнению.
Организация самооценивания по оценочному листу.
8 этап.
Перед вам лежит оценочный лист. Оцените
самостоятельно свою работу на уроке.
Рефлексия
(подведение итогов Итак, какие понятия мы сегодня узнали на уроке?
(интерфейс программы.)
занятия)
Где вы могли бы применить материал, изученный
сегодня?
(при создании собственных проектов)
Объявление оценок.
37
оформление
записей
дневниках.
Личностные:
1 мин.
в формирование
навыков
самоорганизации;
формирование
навыков
письма.
заполняют
Познавательные:
3 мин.
оценочные
построение высказывания
таблицы.
в устной форме, контроль
отвечают
на и оценка процесса и
вопросы;
результатов деятельности.
делают выводы.
Регулятивные:
контроль и оценка своей
деятельности в рамках
урока.
Коммуникативные:
умение
слушать
и
вступать
в
диалог,
формулирование
и
аргументация
своего
мнения.
Личностные:
рефлексия способов и
условий
действия, контроль и
оценка процесса
и
результатов
деятельности.
38
2.4.4. Урок 3 – «Компоненты Image и PaintBox».
ТЕХНОЛОГИЧЕСКАЯ КАРТА КОНСТРУИРОВАНИЯ УРОКА.
ОБЩАЯ ЧАСТЬ
Предмет - Информатика
Класс - 10
Тема урока: Компоненты Image и PaintBox
Тип урока: комбинированный
Цели урока: расширить представления учащихся о возможностях изучаемой программы.
Планируемые образовательные результаты
Предметные
Метапредметные
Умение работать с изучаемой
Умение анализировать и делать выводы; ИКТпрограммой, знать расположение
компетентность; умение отображать графическое
используемых компонентов на панели.
изображение и обеспечивать работу с изображением.
Основные понятия, рассматриваемые на уроке:
 Компоненты Image;
 Компонент PaintBox;
 Cвойство Stretch;
 Cвойство Visible;
Используемые на уроке средства ИКТ:
 персональный компьютер (ПК) учителя,
 ПК учащихся.
Раздаточный материал:
 оценочные листы (на каждого ученика).
Личностные
способность применять
теоретические знания для решения
практических задач
СТРУКТУРА УРОКА.
Этапы
Деятельность учителя
Деятельность
учащихся
39
УУД
Время
1 этап
Организационный
этап.
Приветствие учащихся, проверка наличия учебных
материалов на рабочем месте. Проведение рефлексии на
определение эмоционального настроя учеников на
работу.
самоорганизация
рабочего места;
самоконтроль
наличия учебных
материалов
на
своем
рабочем
месте;
отмечают
свое
эмоциональное
настроение.
Цель этапа: мотивация изучения учащимися новой участвуют
в
темы, постановка цели урока.
обсуждении;
Давайте вспомним, какие понятия мы рассмотрели на учатся высказывать
прошлом уроке. Для чего они применяются?
свое мнение;
(Shape – геометрическая фигура, Panel – панель, Caption учатся
делать
– подпись и т.п)
выводы;
отвечают
на
вопросы;
внимательно
слушают
преподавателя,
записывают дату и
тему
урока
в
тетрадь
Коммуникативные:
2 мин.
планирование
учебного
сотрудничества
со
сверстниками
Личностные:
психологическая
готовность учащихся к
уроку, самоопределение
Познавательные:
5 мин.
структурирование знаний,
рефлексия способов и
условий
действий,
контроль
и
оценка
процесса и результатов
деятельности
Коммуникативные:
Ориентация на партнера
по
общению,
умение
слушать
собеседника,
умение аргументировать
свое мнение, убеждать и
уступать
Личностные:
развитие
логического
мышления,
знание
основных моральных норм
Фиксация темы урока на доске: «Компоненты Image и отвечают
на Регулятивные:
5 мин.
3 этап
вопросы учителя;
-развитие
умения
Постановка цели и PaintBox»
формулируют тему формулировать тему и
задач
урока.
урока;
цель урока в соответствии
Мотивация учебной
фиксируют
тему с задачами и нормами
деятельности
40
2 этап
Актуализация
знаний.
учащихся.
урока в тетради.
русского языка
Объяснение нового материала: Сегодня мы рассмотрим
4 этап
Первичное усвоение новые компоненты: Image и PaintBox. Они
представляют
собой
некоторую
ограниченную
новых знаний.
поверхность с канвой, на которую можно заносить
изображения. При этом компонент PaintBox, собственно
говоря, не дает ничего нового по сравнению с
рисованием на канве формы. Рисование на PaintBox
вместо формы не имеет никаких преимуществ, кроме,
возможно, некоторого облегчения в расположении
одного или нескольких рисунков в пространстве окна.
Компонент Image много богаче по своим возможностям
и удобнее, чем PaintBox. Он имеет существенное
преимущество: в нем не приходится думать о
перерисовке
изображения,
испорченного
из-за
перекрытия данного окна другими. Все, связанное с
обработкой событий OnPaint в Image осуществляется
автоматически. Кроме того с помощью Image проще,
чем при непосредственном рисовании на канве формы,
расположить
в
окне
приложения
несколько
изображений и управлять ими. При этом отпадает
необходимость сложных расчетов координат канвы
формы,
обеспечивающих
требуемое
взаимное
расположение изображений, т.е. в полной мере
проявляются
преимущества
визуального
программирования. Так что, вероятно, во всех случаях
лучше работать с канвой Image, чем с канвой формы.
Но помимо этих возможностей у компонента Image
имеются свойства, позволяющие работать с различными
типами графических файлов.
Delphi поддерживает три типа файлов — битовые
матрицы, пиктограммы и метафайлы. Все три типа
внимательно
слушают
объяснение
учителя;
отвечают
на
вопросы учителя.
учатся высказывать
свое мнение;
учатся
делать
выводы.
Познавательные:
12
ориентировка
на мин.
разнообразие
способов
решения задач;
Личностные:
формирование
умений
систематизации объектов;
41
5 этап
Проведение
физкультминутки.
6 этап
файлов хранят изображения; различие заключается
лишь в способе их хранения внутри файлов и в
средствах доступа к ним. Битовая матрица (файл с
расширением .bmp) отображает цвет каждого пикселя в
изображении. При этом информация хранится таким
образом, что любой компьютер может отобразить
изображение с разрешающей способностью и
количеством
цветов,
соответствующими
его
конфигурации.
Пиктограммы (файлы с расширением .ico - иконки) —
это маленькие битовые матрицы. Они повсеместно
используются для обозначения значков приложений, в
быстрых кнопках, в пунктах меню, в различных
списках. Способ хранения изображений в пиктограммах
схож с хранением информации в битовых матрицах, но
имеются и различия. В частности, пиктограмму
невозможно масштабировать, она сохраняет тот размер,
в котором была создана.
Метафайлы (Metafiles) хранят не последовательность
битов, из которых состоит изображение, а информацию
о
способе
создания
картинки.
Они
хранят
последовательности команд рисования, которые и могут
быть повторены при воссоздании изображения. Это
делает такие файлы, как правило, более компактными,
чем битовые матрицы.
Компонент Image позволяет отображать информацию,
содержащуюся в графических файлах всех указанных
типов. Для этого служит его свойство Picture — объект
типа TPicture.
Проведение физкультминутки с целью снятия выполняют
напряжения с учащихся, смена видов деятельности.
упражнения
музыку.
Работа с компьютером и тетрадью учащихся.
работают
42
Здоровьесберегающая
2 мин.
под методика
для
снятия
утомления
Познавательные:
9 мин.
Первичное
закрепление
(компьютерный
практикум).
Проведение практической работы.
Цель этапа: учить применять полученные знания на
практике.
Теперь я вам предлагаю самим попробовать создать
окно с изображением. У нас с вами должен получиться
телевизор с 3 каналами, при переключении между
которыми меняется изображение.
Для этого необходимо на панель наложить три Image. В
каждый загрузить рисунок (свойство Picture). Рисунок
можно найти на диске или нарисовать. Если рисунок не
помещается в Image, то использовать свойство Stretch
(растяжка) настроить True.
Свойство Visible (видимость) для всех Image настроить
False.
Написать обработчики для кнопок переключения
каналов событие On Click (щелчок). Нужный Image
становится видимым, а остальные – невидимыми.
При щелчке на кнопке ВЫКЛ все Image становятся
невидимыми.
procedure TForm1.BitBtn5Click(Sender: TObject);
begin
close;
end;
procedure TForm1.BitBtn1Click(Sender: TObject);
begin
image1.Visible:=true;
image2.Visible:=false;
image3.Visible:=false;
end;
procedure TForm1.BitBtn2Click(Sender: TObject);
begin
image2.Visible:=true;
43
индивидуально за осознанное и произвольное
ПК;
построение
речевого
самоорганизация
высказывания в устной и
рабочего места;
письменной форме;
самоконтроль
ориентировка
на
выполнения
разнообразие
способов
задания.
решения задач;
Личностные:
формирование
умения
наблюдать, анализировать,
сравнивать,
делать
выводы;
осуществление контроля и
самоконтроля;
развитие
находчивости,
умения
преодолевать
трудности для достижения
намеченной цели;
закрепление
умений
поиска и систематизации
информации.
image3.Visible:=false;
image1.Visible:=false;
end;
procedure TForm1.BitBtn3Click(Sender: TObject);
begin
image3.Visible:=true;
image2.Visible:=false;
image1.Visible:=false;
end;
44
Откройте дневники и запишите домашнее задание: оформление
7 этап
Информация
о создать собственный проект с использованием записей
дневниках.
домашнем задании, компонента Image.
инструктаж по его
выполнению.
45
Личностные:
1 мин.
в формирование
навыков
самоорганизации;
формирование
навыков
письма.
8 этап.
Рефлексия
(подведение
занятия)
Организация самооценивания по оценочному листу.
Перед вами лежит оценочный лист. Оцените
самостоятельно свою работу на уроке.
итогов Итак, ребята, какие понятия мы сегодня узнали на
уроке? (компоненты Image и PaintBox)
Какие у них общие черты и различия?(Они
представляют собой поверхность, на которую можно
заносить изображения, компонент Image богаче по
своим возможностям)
Объявление оценок.
заполняют
Познавательные:
3 мин.
оценочные
построение
речевого
таблицы.
высказывания в устной
отвечают
на форме, контроль и оценка
вопросы;
процесса и результатов
делают выводы.
деятельности.
Регулятивные:
контроль и оценка своей
деятельности в рамках
урока.
Коммуникативные:
умение слушать и вступать
в диалог, формулирование
и аргументация своего
мнения.
Личностные:
рефлексия способов и
условий
действия,
контроль
и
оценка процесса
и
результатов
деятельности.
2.4.5. Урок 4 – «Компонент Timer, его свойства».
ТЕХНОЛОГИЧЕСКАЯ КАРТА КОНСТРУИРОВАНИЯ УРОКА.
ОБЩАЯ ЧАСТЬ
Предмет - Информатика
Тема урока: Компонент Timer, его свойства.
Тип урока: комбинированный
Класс - 10
46
Цели урока: расширить представления учащихся о возможностях изучаемой программы.
Планируемые образовательные результаты
Предметные
Метапредметные
Личностные
умение
работать
с умение анализировать и делать выводы; ИКТ-компетентность, способность применять теоретические
изучаемой программой.
умение применять знания в дальнейших разработках в среде знания для решения практических задач
Delphi/
Основные понятия, рассматриваемые на уроке:
 Компонент Timer;
 Свойства компонента Timer;
 События компонента Timer.
Используемые на уроке средства ИКТ:
 персональный компьютер (ПК) учителя,
 ПК учащихся.
Раздаточный материал:
 оценочные листы (на каждого ученика).
СТРУКТУРА УРОКА.
Этапы
Деятельность учителя
1 этап
Организационный этап.
Приветствие
учащихся,
проверка наличия учебных
материалов на рабочем
месте.
Проведение
рефлексии на определение
эмоционального
настроя
учеников на работу.
Деятельность
учащихся
самоорганизация
рабочего места;
самоконтроль
наличия
учебных
материалов на
своем рабочем
месте;
отмечают свое
эмоциональное
47
УУД
Время
Коммуникативные: планирование учебного 2 мин.
сотрудничества со сверстниками
Личностные: психологическая готовность
учащихся к уроку, самоопределение
2 этап
Актуализация знаний.
Цель этапа: мотивация
изучения учащимися новой
темы, постановка
цели
урока.
На прошлом занятии мы
создавали
проект
–
телевизор.
Какие
компоненты нам для этого
потребовались?
(Image,
Button)
Фиксация темы урока на
3 этап
Постановка цели и задач доске: «Компонент Timer,
урока. Мотивация учебной его свойства.»
деятельности учащихся.
4 этап
Первичное
знаний.
усвоение
Объяснение
нового
новых материала:
Компонент Delphi Timer
расположен на вкладке
System
Палитры
Инструментов.
Компонент Delphi Timer
очень простой компонент,
который не виден на экране,
но, тем не менее, он
настроение.
участвуют
в
обсуждении;
учатся
высказывать
свое мнение;
учатся
делать
выводы.
Отвечают
на
вопросы.
Внимательно
слушают
преподавателя,
записывают дату
и тему урока в
тетрадь
отвечают
на
вопросы
учителя.
формулируют
тему урока;
фиксируют тему
урока в тетради.
внимательно
слушают
объяснение
учителя;
отвечают
на
вопросы
учителя.
учатся
высказывать
свое мнение;
48
Познавательные: структурирование знаний, 5 мин.
рефлексия способов и условий действий,
контроль и оценка процесса и результатов
деятельности
Коммуникативные:
Ориентация на партнера по общению, умение
слушать собеседника, умение аргументировать
свое мнение, убеждать и уступать
Личностные:
развитие логического мышления, знание
основных моральных норм
Регулятивные:
1 мин.
-развитие умения формулировать тему и цель
урока в соответствии с задачами и нормами
русского языка
Познавательные:
14
осознанное и произвольное построение мин.
речевого высказывания в устной и письменной
форме;
ориентировка на разнообразие способов
решения задач;
Личностные:
формирование
умений
систематизации
объектов;
выполняет очень важные учатся
делать
функции
в
программе. выводы;
Timer позволяет вводить
необходимые
задержки
между выполнением тех
или
иных
действий.
Компонент Timer имеет
всего четыре свойства и
одно событие.
Enabled
"Включениевыключение" таймера.
Interval
Интервал
срабатывания
(в
миллисекундах).
Name - Имя компонента в
программе.
Tag
Произвольный
числовой
параметр.
Помещаем компонент Timer
на
Форму.
Задаём
в
свойстве Interval нужный
интервал
времени
(измеряется
в
миллисекундах). Переходим
49
на вкладку Events и видим
единственное
событие,
поддерживаемое
компонентом
Timer:
OnTimer.
Выполнив по нему двойной
щелчок, или также двойной
щелчок
по
самому
компоненту, мы попадём в
сформированный
средой
Delphi обработчик события,
где
и
введём
код,
предусматривающий
выполнение тех или иных
действий.
Так как по умолчанию
свойство
Enabled
установлено в True, то в
программе
через
установленный в свойстве
Interval
промежуток
времени таймер сработает,
то есть выдаст событие
OnTimer. Будут выполнены
необходимые
действия.
50
Иногда же запланированные
действия должны произойти
не
автоматически
при
старте программы, а при
выполнении
каких-либо
других действий. В этом
случае
необходимо
свойство
Enabled
в
Инспекторе
Объектов
установить в False. Затем в
необходимый
момент
нужно выполнить команду:
Timer1.Enabled:=True;
Учтите,
что
пока
Timer1.Enabled равно True,
компонент
продолжит
генерировать
событие
OnTimer
по
истечении
каждого
промежутка
времени, равного значению
свойcтва Interval. Поэтому,
если
нужно
только
единичное срабатывание, то
таймер нужно остановить,
причём
сразу
же:
procedure
TForm1.Timer1Timer(Sender:
TObject);
begin
Timer1.Enabled:=False;
//Необходимые действия//
end;
51
Если же запрограммировать
"выключение"
таймера
после
выполнения
предусмотренных
в
программе действий, то при
достаточно
малом
по
сравнению
с
продолжительностью
необходимых
действий
значении свойства Interval
таймер вновь сработает, и
это может помешать ходу
программы.
Компонент Delphi Timer не
является очень точным и не
подходит для измерения
малых
промежутков
времени.
Его
точность
порядка 50 миллисекунд. В
качестве примера приведу
простую
программу,
отображающую
текущее
время.
Проведение
5 этап
Проведение физкультминутки. физкультминутки с целью
снятия
напряжения
с
учащихся, смена видов
деятельности.
Работа с компьютером и
6 этап
Первичное
закрепление тетрадью учащихся.
Проведение практической
(компьютерный практикум).
Цель
этапа:
учить
выполняют
Здоровьесберегающая методика для снятия 2 мин.
упражнения под утомления
музыку.
работают
индивидуально
за ПК;
самоорганизация
52
Познавательные:
11
осознанное и произвольное построение мин.
речевого высказывания в устной и письменной
форме;
применять
полученные
знания на практике.
Теперь я вам предлагаю
самостоятельно
создать
несложный
проект,
используя уже изученные
ранее компоненты.
Для
этого
необходимо
создать окно вида:
рабочего места;
самоконтроль
выполнения
задания.
При нажатии на кнопку
тамагочи открывает глаза.
Справа находится счетчик
нажатий.
Поместите
на
форму
необходимое
количество
кнопок – см. изображение
(ученики должны сами
попробовать
определить,
что
именно
следует
поместить на форму).
Код прилагается:
procedure
53
ориентировка на разнообразие способов
решения задач;
Личностные:
формирование
умения
наблюдать,
анализировать, сравнивать, делать выводы;
осуществление контроля и самоконтроля;
развитие находчивости, умения преодолевать
трудности для достижения намеченной цели;
закрепление умений поиска и систематизации
информации.
TForm1.BitBtn2Click(Sender:
TObject);
begin
shape5.Visible:=true;
shape6.Visible:=true;
shape2.Visible:=false;
shape3.Visible:=false;
bitbtn2.Visible:=false;
bitbtn3.Visible:=true;
end;
procedure
TForm1.BitBtn3Click(Sender:
TObject);
begin
shape5.Visible:=false;
shape6.Visible:=false;
shape2.Visible:=true;
shape3.Visible:=true;
bitbtn2.Visible:=true;
bitbtn3.Visible:=false;
end;
procedure
TForm1.BitBtn4Click(Sender:
TObject);
begin
x:=x+1;
panel1.Caption:=inttostr(x);
end;
procedure
TForm1.BitBtn5Click(Sender:
54
TObject);
begin
x:=0;
panel1.Caption:=inttostr(x);
end;
procedure
TForm1.FormCreate(Sender:
TObject);
begin
x:=0;
end;
procedure
TForm1.BitBtn5Click(Sender:
TObject);
begin
x:=0;
panel1.Caption:=inttostr(x);
end;
Откройте
дневники
и
запишите
домашнее
задание:
повторить
материал, изученный на
уроке.
Организация
8 этап.
самооценивания
по
Рефлексия (подведение итогов оценочному листу.
Перед
вами
лежит
занятия)
оценочный лист. Оцените
самостоятельно
свою
работу на уроке.
Итак, что мы сегодня
7 этап
Информация о домашнем
задании, инструктаж по его
выполнению.
оформление
записей
дневниках.
Личностные:
в формирование навыков самоорганизации;
формирование навыков письма.
заполняют
оценочные
таблицы.
отвечают
на
вопросы;
делают выводы.
55
1 мин.
Познавательные:
3 мин.
построение речевого высказывания в устной
форме, контроль и оценка процесса и
результатов деятельности.
Регулятивные:
контроль и оценка своей деятельности в
рамках урока.
Коммуникативные: умение слушать и вступать
узнали
на
(Компонент Timer)
Объявление оценок.
уроке?
в диалог, формулирование и аргументация
своего мнения.
Личностные:
рефлексия способов и условий
действия, контроль и оценка процесса
и результатов деятельности.
2.4.6. Урок 5 – «Компонент CheckBox».
ТЕХНОЛОГИЧЕСКАЯ КАРТА КОНСТРУИРОВАНИЯ УРОКА.
ОБЩАЯ ЧАСТЬ
Предмет - Информатика
Класс - 10
Тема урока: Компонент CheckBox.
Тип урока: комбинированный
Цели урока: расширить представления учащихся о возможностях изучаемой программы.
Планируемые образовательные результаты
Предметные
Метапредметные
Личностные
умение работать с изучаемой умение анализировать и делать выводы; ИКТ- способность применять теоретические
программой.
компетентность.
решения практических задач
Основные понятия, рассматриваемые на уроке:
 Компонент CheckBox;
 Свойства компонента CheckBox;
 Расположение текста в компоненте CheckBox.
Используемые на уроке средства ИКТ:
 персональный компьютер (ПК) учителя,
 ПК учащихся.
Раздаточный материал:
 оценочные листы (на каждого ученика).
56
знания
для
СТРУКТУРА УРОКА.
Этапы
Деятельность учителя
1 этап
Организационный этап.
Приветствие
учащихся,
проверка
наличия учебных материалов на
рабочем месте. Проведение рефлексии
на
определение
эмоционального
настроя учеников на работу.
2 этап
Актуализация знаний.
На предыдущем уроке мы рассмотрели
компонент Timer. Для чего он служит?
Ожидаемый ответ: Timer позволяет
вводить необходимые задержки между
выполнением тех или иных действий.
3 этап
Тема
нашего
сегодняшнего
урока:
57
Деятельность
учащихся
самоорганизация
рабочего места;
самоконтроль
наличия
учебных
материалов на
своем рабочем
месте;
отмечают свое
эмоциональное
настроение.
участвуют
в
обсуждении;
учатся
высказывать
свое мнение;
учатся
делать
выводы.
Отвечают
на
вопросы.
Внимательно
слушают
преподавателя,
записывают дату
и тему урока в
тетрадь
отвечают
на
УУД
Время
Коммуникативные:
планирование 2 мин.
учебного
сотрудничества
со
сверстниками
Личностные:
психологическая
готовность
учащихся
к
уроку,
самоопределение
Познавательные:
структурирование 5 мин.
знаний, рефлексия способов и условий
действий, контроль и оценка процесса
и результатов деятельности
Коммуникативные:
Ориентация на партнера по общению,
умение слушать собеседника, умение
аргументировать
свое
мнение,
убеждать и уступать
Личностные:
развитие
логического
мышления,
знание основных моральных норм
Регулятивные:
5 мин.
Постановка цели и задач
урока. Мотивация учебной
деятельности учащихся.
«Компонент «CheckBox».
Компонент Delphi CheckBox находится
4 этап
Первичное усвоение новых на панели Standart. Это флажок независимый
переключатель.
Он
знаний.
используется
в
программе
для
визуализации состояний включеновыключено. Каждый щелчок мышкой
по компоненту CheckBox меняет его
состояние на противоположное. Смена
состояния
переключателя
также
доступна
и
в
программе.
Компонент CheckBox представляет
собой сочетание небольшого окошка,
которое и визуализирует наличием или
отсутствием
"галочки"
состояние
компонента.
58
вопросы
учителя.
формулируют
тему урока;
фиксируют тему
урока в тетради.
внимательно
слушают
объяснение
учителя;
отвечают
на
вопросы
учителя.
учатся
высказывать
свое мнение;
учатся
делать
выводы;
-развитие умения формулировать тему
и цель урока в соответствии с задачами
и нормами русского языка
Познавательные:
12
осознанное и произвольное построение мин.
речевого высказывания в устной и
письменной форме;
ориентировка
на
разнообразие
способов решения задач;
Личностные:
формирование умений систематизации
объектов;
Основное
свойство
компонента
CheckBox – Checked типа Boolean. То
есть,
на
приведённом
рисунке
CheckBox1.Checked
=
True;
CheckBox2.Checked
=
False;
Свойство Checked доступно как для
считывания, так и для записи, то есть,
добиться такого как на рисунке вида
компонентов Delphi CheckBox можно
так:
CheckBox1.Checked
=
True;
CheckBox2.Checked = False;
Главным образом, компонент CheckBox
применяется в условных операторах, и
помогает сформировать условия выбора
того или иного действия в программе.
Компонент CheckBox - независимый
переключатель, то есть в группе из
нескольких компонентов каждый из
них может быть установлен в
произвольное состояние, независимое
от состояния остальных компонентов
группы (в отличие от компонента
Radiobutton).
Помимо
свойства
Checked,
позволяющего управлять состоянием
компонента, у CheckBox есть свойство
State (состояние), которое может иметь
уже
три
значения:
59






cbChecked ("отмечено")
cbUnChecked ("не отмечено")
cbGrayed ("не определено" или "не
знаю")
Они становятся доступными для
выбора если установить в True свойство
AllowGrayed компонента. Свойства
Checked и State связаны между собой:
если свойство State равно cbChecked,
свойство Checked = True;
если свойство State равно cbUnchecked
или cbGrayed, свойство Checked = False.
При щелчке мышкой эти три состояния
сменяют друг друга в следующей
последовательности:
cbGrayed- не определено (или "не
знаю");
cbCheckedотмечено;
cbUnChecked- не отмечено
60
Расположением текста в компоненте
Delphi
CheckBox
также
можно
управлять. Для этой цели служит
свойство Alignment, принимающее
значения:
taRightJustify- расположение текста
справа;
taLeftJustifyрасположение
текста
слева.
5 этап
Проведение физкультминутки с целью выполняют
61
Здоровьесберегающая
методика
для 2 мин.
Проведение
физкультминутки.
6 этап
Первичное закрепление
(компьютерный
практикум).
снятия напряжения с учащихся, смена
видов деятельности.
Работа с компьютером и тетрадью
учащихся.
Проект
демонстрирует
работу
логических переключателей И, ИЛИ.
Новый
компонент
–
CheckBox
(Standard).
Логическое свойство
Checked отвечает за включение флажка
на Checkbox . Включен – истина,
выключен – ложь.
procedure TForm1.BitBtn1Click(Sender:
TObject);
begin
if
checkbox1.Checked
or
checkbox2.Checked then
label1.Caption:='Благодарим
за
покупку!'
else
label1.Caption:='Сделка
не
состоялась!';
end;
procedure TForm1.BitBtn2Click(Sender:
TObject);
begin
if
checkbox1.Checked
and
checkbox2.Checked then
label1.Caption:='Благодарим
за
покупку!'
else
label1.Caption:='Сделка
не
состоялась!'
end;
end.
62
упражнения под
музыку.
работают
индивидуально
за ПК;
самоорганизация
рабочего места;
самоконтроль
выполнения
задания.
снятия утомления
Познавательные:
9 мин.
осознанное и произвольное построение
речевого высказывания в устной и
письменной форме;
ориентировка
на
разнообразие
способов решения задач;
Личностные:
формирование умения наблюдать,
анализировать, сравнивать, делать
выводы;
осуществление
контроля
и
самоконтроля;
развитие
находчивости,
умения
преодолевать
трудности
для
достижения намеченной цели;
закрепление
умений
поиска
и
систематизации информации.
7 этап
Информация о домашнем
задании, инструктаж по
его выполнению.
8 этап.
Рефлексия (подведение
итогов занятия)
Откройте
дневники
и
запишите оформление
домашнее задание: создайте проект с записей
использованием компонента CheckBox. дневниках.
Организация
самооценивания
по
оценочному листу.
Перед вам лежит оценочный лист.
Оцените самостоятельно свою работу
на уроке.
Итак, ребята, какие понятия мы сегодня
63
Личностные:
1 мин.
в формирование
навыков
самоорганизации;
формирование навыков письма.
заполняют
Познавательные:
3 мин.
оценочные
построение речевого высказывания в
таблицы.
устной форме, контроль и оценка
отвечают
на процесса и результатов деятельности.
вопросы;
Регулятивные:
делают выводы. контроль и оценка своей деятельности
узнали
на
уроке?
(Компонент
CheckBox, его свойства).
Где вы могли бы применить материал,
изученный сегодня? (При создании
собственного проекта)
Объявление оценок.
в рамках урока.
Коммуникативные: умение слушать и
вступать в диалог, формулирование и
аргументация своего мнения.
Личностные:
рефлексия способов и условий
действия, контроль и оценка процесса
и результатов деятельности.
2.4.7. Урок 6 – «Компонент RadioGroup, его свойства».
ТЕХНОЛОГИЧЕСКАЯ КАРТА КОНСТРУИРОВАНИЯ УРОКА.
ОБЩАЯ ЧАСТЬ
Предмет - Информатика
Класс - 10
Тема урока: Компонент RadioGroup, его свойства.
Тип урока: комбинированный
Цели урока: расширить представления учащихся о возможностях изучаемой программы.
Планируемые образовательные результаты
Предметные
Метапредметные
Личностные
умение работать с изучаемой умение анализировать и делать выводы; ИКТ- способность применять теоретические
программой.
компетентность.
решения практических задач
Основные понятия, рассматриваемые на уроке:
 Компонент RadioGroup;
 Свойства компонента RadioGroup.
Используемые на уроке средства ИКТ:
 персональный компьютер (ПК) учителя,
 ПК учащихся.
Раздаточный материал:
 оценочные листы (на каждого ученика).
64
знания
для
СТРУКТУРА УРОКА.
Этапы
Деятельность учителя
1 этап
Организационный этап.
Приветствие учащихся, проверка
наличия учебных материалов на
рабочем
месте.
Проведение
рефлексии
на
определение
эмоционального
настроя
учеников на работу.
2 этап
Актуализация знаний.
На предыдущем уроке мы
рассмотрели
компонент
CheckBox. Для чего он служит?
(Используется в программе для
визуализации
состояний
включено-выключено).
Тема
нашего
сегодняшнего
3 этап
Постановка цели и задач урока: «Компонент RadioGroup».
урока. Мотивация учебной
Деятельность
учащихся
самоорганизация
рабочего места;
самоконтроль
наличия
учебных
материалов на
своем рабочем
месте;
отмечают свое
эмоциональное
настроение.
участвуют
в
обсуждении;
учатся
высказывать
свое мнение;
учатся
делать
выводы.
Отвечают
на
вопросы.
Внимательно
слушают
преподавателя,
записывают дату
и тему урока в
тетрадь
отвечают
на
вопросы
учителя.
65
УУД
Время
Коммуникативные: планирование учебного 2 мин.
сотрудничества со сверстниками
Личностные: психологическая готовность
учащихся к уроку, самоопределение
Познавательные:
структурирование 5 мин.
знаний, рефлексия способов и условий
действий, контроль и оценка процесса и
результатов деятельности
Коммуникативные:
Ориентация на партнера по общению,
умение слушать собеседника, умение
аргументировать свое мнение, убеждать и
уступать
Личностные:
развитие логического мышления, знание
основных моральных норм
Регулятивные:
1 мин.
-развитие умения формулировать тему и
цель урока в соответствии с задачами и
деятельности учащихся.
Компонент
RadioGroup
4 этап
Первичное усвоение новых расположен на странице Standard
палитры
компонентов.
Он
знаний.
представляет собой контейнер с
группой
компонентов
RadioButton
(переключателей).
Такой
компонент
упрощает
организацию
работы
переключателей, по сравнению
другими
групповыми
контейнерами
требующими
добавлять
переключатели
вручную.
Компонент RadioGroup может
содержать и другие компоненты,
такие как редактор Edit или
флажок
CheckBox.
Но
автоматическое форматирование
и распределение элементов на
них не будет распространяться. В
результате
внешний
вид
приложения может пострадать
тем, что элементы если и не
будут перекрывать друг друга, то
будут
неравномерно
располагаться
относительно
переключателей.
Свойство Columns устанавливает
из скольких столбцов будет
формулируют
тему урока;
фиксируют тему
урока в тетради.
внимательно
слушают
объяснение
учителя;
отвечают
на
вопросы
учителя.
учатся
высказывать
свое мнение;
учатся
делать
выводы;
66
нормами русского языка
Познавательные:
7 мин.
осознанное и произвольное построение
речевого высказывания в устной и
письменной форме;
ориентировка на разнообразие способов
решения задач;
Личностные:
формирование умений систематизации
объектов;
состоять группа (по умолчанию
1). От этого свойства зависит
расположение переключателей, а
другие компоненты, например, на
компонент CheckBox, который
находиться в группе RadioGroup.
Основное свойство компонента
RadioGroup это Items. В нем
находятся
строки,
которые
являются
заголовками
переключателей.
Двойным
щелчком на многоточии рядом с
Items в Инспекторе Объектов мы
попадаем в редактор списков
строк, где каждая отдельная
строка
будет
заголовком
переключателя
(радиокнопки).
Отсчет строк идет с нуля. Для
работы
с
элементами
используются
методы:
Add,
Delete, Clear.
Проведение физкультминутки с
целью снятия напряжения с
учащихся,
смена
видов
деятельности.
В проекте используется новый
6 этап
Первичное
закрепление компонент RadioGroup (Standard)
(компьютерный практикум). – переключатели радиокнопок.
Мы создаем проект автосалон.
Для этого необходимо указать 4
ценовые категории (например до
5 этап
Проведение
физкультминутки.
выполняют
Здоровьесберегающая методика для снятия 3 мин.
упражнения под утомления
музыку.
работают
индивидуально
за ПК;
самоорганизация
рабочего места;
самоконтроль
67
Познавательные:
15
осознанное и произвольное построение мин.
речевого высказывания в устной и
письменной форме;
ориентировка на разнообразие способов
решения задач;
10000, 20000, 50000, 100000), для выполнения
каждой
из
которых
мы задания.
подбираем
соответствующую
картинку с автомобилем. При
выборе определенной категории
должен
появиться
рисунок
нужного автомобиля.
В свойстве Items – задаем
название
пунктов.
Номер
выбранного
переключателя
хранится в свойстве Itemindex.
Если
все
переключатели
выключены, то Itemindex=-1,
первый
переключатель
ItemIndex=0, второй Itemindex=1
и т.д.
На панель положить три Image с
разными
картинками.
В
начальный момент все Image
сделать
невидимыми,
затем
делать видимыми при включении
нужного переключателя.
procedure
TForm1.RadioGroup1Click(Sender:
TObject);
begin
if radiogroup1.itemindex=0 then
begin
image1.Visible:=true;
image2.Visible:=false;
image3.Visible:=false;
image4.Visible:=false;
end;
68
Личностные:
формирование
умения
наблюдать,
анализировать, сравнивать, делать выводы;
осуществление контроля и самоконтроля;
развитие
находчивости,
умения
преодолевать трудности для достижения
намеченной цели;
закрепление
умений
поиска
и
систематизации информации.
if radiogroup1.itemindex=1 then
begin
image2.Visible:=true;
image1.Visible:=false;
image3.Visible:=false;
image4.Visible:=false;
end;
if radiogroup1.itemindex=2 then
begin
image3.Visible:=true;
image2.Visible:=false;
image1.Visible:=false;
image4.Visible:=false; end;
if radiogroup1.itemindex=3 then
begin
image4.Visible:=true;
image2.Visible:=false;
image3.Visible:=false;
image1.Visible:=false;
end;
end; end.
69
7 этап
Информация о домашнем
задании, инструктаж по его
выполнению.
8 этап.
Откройте дневники и запишите оформление
домашнее задание: повторите записей
материал, изученный на уроке.
дневниках.
Организация самооценивания по
оценочному листу.
Рефлексия
(подведение Перед вам лежит оценочный
лист. Оцените самостоятельно
итогов занятия)
свою работу на уроке.
Итак, ребята, что мы изучили
сегодня на уроке? (Компонент
RadioGroup ) Для чего он
служит?(Это контейнер с
группой переключателей).
Объявление оценок.
Личностные:
в формирование навыков самоорганизации;
формирование навыков письма.
заполняют
оценочные
таблицы.
отвечают
на
вопросы;
делают выводы.
70
1 мин.
Познавательные:
3 мин.
построение речевого высказывания в
устной форме, контроль и оценка процесса
и результатов деятельности.
Регулятивные:
контроль и оценка своей деятельности в
рамках урока.
Коммуникативные: умение слушать и
вступать в диалог, формулирование и
аргументация своего мнения.
Личностные:
рефлексия способов и условий
действия, контроль и оценка процесса
и результатов деятельности.
2.4.8. Урок 7 – «Свойство Canvas, его подсвойства».
ТЕХНОЛОГИЧЕСКАЯ КАРТА КОНСТРУИРОВАНИЯ УРОКА.
ОБЩАЯ ЧАСТЬ
Предмет - Информатика
Класс - 10
Тема урока: Свойсво Canvas.
Тип урока: комбинированный
Цели урока: расширить представления учащихся о возможностях изучаемой программы.
Планируемые образовательные результаты
Предметные
Метапредметные
Личностные
умение работать с изучаемой программой, умение анализировать и делать выводы; способность применять теоретические знания
ориентироваться в интерфейсе.
ИКТ-компетентность.
для решения практических задач
Основные понятия, рассматриваемые на уроке:
 Свойство Canvas;
 Canvas.Pen, подсвойства.
 Canvas.Brush, подсвойства.
Используемые на уроке средства ИКТ:
 персональный компьютер (ПК) учителя,
 ПК учащихся.
Раздаточный материал:
 оценочные листы (на каждого ученика).
СТРУКТУРА УРОКА.
Этапы
Деятельность учителя
1 этап
Организационный
этап.
Приветствие учащихся, проверка наличия учебных
материалов на рабочем месте. Проведение
рефлексии на определение эмоционального настроя
71
Деятельность
учащихся
самоорганизация
рабочего места;
самоконтроль
УУД
Время
Коммуникативные:
планирование учебного
сотрудничества со
2 мин.
учеников на работу.
2 этап
Актуализация
знаний.
Цель этапа: мотивация изучения учащимися новой
темы, постановка цели урока.
Вспомним, какой компонент мы изучали на
прошлом уроке.
Ожидаемый ответ - компонент RadioGroup.
Для чего он служит?
(Образует группы взаимосвязанных
кнопок/индикаторов, из которых может быть выбран
только один. Они используются для выбора
пользователем одного из нескольких вариантов).
3 этап
Постановка цели и
задач урока.
Мотивация учебной
деятельности
учащихся.
Фиксация темы урока на доске: «Свойство Canvas»
4 этап
Объяснение нового материала: У вас наверняка
72
наличия учебных
материалов на
своем рабочем
месте;
отмечают свое
эмоциональное
настроение.
участвуют в
обсуждении;
учатся высказывать
свое мнение;
учатся делать
выводы;
отвечают на
вопросы;
внимательно
слушают
преподавателя,
записывают дату и
тему урока в
тетрадь
сверстниками
Личностные:
психологическая
готовность учащихся к
уроку, самоопределение
5 мин.
отвечают на
вопросы учителя;
формулируют тему
урока;
фиксируют тему
урока в тетради.
Познавательные:
структурирование знаний,
рефлексия способов и
условий действий,
контроль и оценка
процесса и результатов
деятельности
Коммуникативные:
Ориентация на партнера по
общению, умение слушать
собеседника, умение
аргументировать свое
мнение, убеждать и
уступать
Личностные:
развитие логического
мышления, знание
основных моральных норм
Регулятивные:
-развитие умения
формулировать тему и цель
урока в соответствии с
задачами и нормами
русского языка
внимательно
Познавательные:
12 мин.
2 мин.
Первичное усвоение
новых знаний.
возник вопрос: «А как в программах для Windows
выполняется рисование»? Каждый компонент, на
котором можно нарисовать, имеет свойство Canvas
(холст), с помощью его свойств и методов можно
нарисовать все, что угодно. Определить или
изменить цвет отдельных пикселей можно с
помощью свойства-массива Pixels. У каждого
пикселя две стандартных координаты: x —
расстояние от левой границы холста, y — расстояние
от верхней границы. Точка (0,0) — это левый
верхний угол. Чтобы узнать или поменять цвет
пикселя с координатами (x,y), используют
обращение Canvas.Pixels[x,y]. Некоторые элементы
формы (например, заголовок и рамка) недоступны
для рисования («обычными» методами). Область, с
которой можно работать, называется клиентской, ее
ширина и высота определяются через свойства
формы ClientWidth и ClientHeight. Поскольку отсчет
координат начинается с нуля, нижний правый
пиксель клиентской области имеет координаты
(ClentWidth-1,ClientHeight-1).
var x, y: integer;
begin
for x:=0 to ClientWidth-1 do
for y:=0 to ClientHeight-1 do
Canvas.Pixels[x,y] := clRed;
end;
Легко понять, что в этой программе в двойном цикле
перебираются все пиксели, и для каждого
устанавливается красный цвет, который
обозначается как clRed. Поскольку этот обработчик
является методом формы, здесь запись Canvas
обозначает то же самое, что Form1.Canvas, то есть,
73
слушают
объяснение
учителя;
отвечают на
вопросы учителя.
учатся высказывать
свое мнение;
учатся делать
выводы.
осознанное и произвольное
построение речевого
высказывания в устной и
письменной форме;
ориентировка на
разнообразие способов
решения задач;
Личностные:
формирование умений
систематизации объектов;
мы рисуем прямо на форме. Цвет можно задать и подругому, а формате RGB (red — красный, green—
зеленый, blue—синий). Каждая из этих
составляющих цвета— целое число в интервале от 0
до 255. Для этого нужно изменить строчку, где
записывается новый цвет:
Canvas.Pixels[x,y] := RGB(0,255,255);
Цвет в Delphi — это целое число, занимающее 4
байта. В принципе, можно прямо записывать это
число в массив Pixels, при этом удобнее всего
использовать шестнадцатеричную запись, где
каждая составляющая кодируется двумя
шестнадцатеричными цифрами (и занимает 1 байт).
Перед шестнадцатеричными числами в Паскале
ставится знак $.
Canvas.Pixels[x,y] := $00FFFF;
Функции GetRValue, GetGValue и GetBValue
позволяют выделить из цвета красную, зеленую и
синюю составляющие. Все они возвращают байтовое
значение. Переменная color, в которую сначала
записывается цвет пикселя, объявлена как TColor —
специальный тип данных для кодирования цвета. По
сути, это целое число, но именно такое объявление
более грамотно, потому что явно показывает
назначение переменной. Цвет пикселей можно
получать в результате вычислений, при этом могут
получиться весьма интересные узоры.
Canvas.Pixels[x,y] := x*y;
В Delphi, так же, как и в других системах
программирования с графическими возможностями,
существуют так называемые графические
примитивы — простейшие объекты, из которых
составляется рисунок. Цвет и стиль линий
74
5 этап
Проведение
физкультминутки.
определяется свойством Canvas.Pen (перо), которое
содержит несколько подсвойств. Из них наиболее
важны три следующих: Color— цвет линий; Width—
толщина линий Style— стиль линии: psClear— нет
линий, psSolid— сплошная, psDash— штриховая,
psDot— точечная и другие. По умолчанию линия
сплошная, имеет черный цвет и толщину 1 пиксель.
Вот эта команда устанавливает красный цвет для
линий:
Canvas.Pen.Color := clRed;
Замкнутые фигуры можно залить сплошным цветом
или узором прямо при рисовании. Тип заливки
определяется кистью— свойством Canvas.Brush,
которое имеет два основных подсвойства: Color—
цвет кисти; Style— стиль кисти: bsClear— нет
заливки, bsSolid— сплошная, bsCross— в клеточку и
другие. По умолчанию устанавливается сплошная
заливка белым цветом. При рисовании линий
используется понятие текущей позиции рисования
(графического курсора). Это невидимая точка, из
которой начинается рисование очередного отрезка.
Метод MoveTo(x,y) перемещает курсор (текущую
позицию) в точку с координатами (x,y), а команда
LineTo(x,y) рисует отрезок из текущей позиции в
точку (x,y). Например, эти команды рисуют отрезок
из точки (10,10) в точку (100,100):
Canvas.MoveTo ( 10, 10 );
Canvas.LineTo ( 100, 100 );
После выполнения метода LineTo(x,y) текущая
позиция смещается в точку (x,y).
Проведение физкультминутки с целью снятия
напряжения с учащихся, смена видов деятельности.
75
выполняют
упражнения под
музыку.
Здоровьесберегающая
методика для снятия
утомления
2 мин.
6 этап
Первичное
закрепление
(компьютерный
практикум).
Работа с компьютером и тетрадью учащихся.
Проведение практической работы.
Цель этапа: учить применять полученные знания на
практике.
Теперь я вам предлагаю самим попробовать создать
новый проект..
Добавьте кнопку Button с надписью «Нарисовать».
Добавьте в описание класса формы процедуру Draw:
public
procedure Draw;
Добавьте в секцию кода implementation реализацию
процедуры:
procedure TForm1.Draw;
begin
Canvas.Pen.Color := clBlue;
Canvas.MoveTo(0,0);
Canvas.LineTo(100,100);
end;
Создайте обработчик события OnClick, который
вызывает процедуру Draw. Запустите программу и
проверьте ее работу.
Для рисования прямоугольника используется метод
Canvas.Rectangle ( x1, y1, x2, y2 );
Два противоположных угла этого прямоугольника
находятся в точках (x1,y1) и (x2,y2), для контура
используются настройки пера (Canvas.Pen), для
заливки внутренней части — кисть (Canvas.Brush).
Следующий код рисует красный прямоугольник с
синей заливкой:
with Canvas do begin
Pen.Color := clRed;
Brush.Color := clBlue;
end;
76
работают
индивидуально за
ПК;
самоорганизация
рабочего места;
самоконтроль
выполнения
задания.
Познавательные:
12 мин.
осознанное и произвольное
построение речевого
высказывания в устной и
письменной форме;
ориентировка на
разнообразие способов
решения задач;
Личностные:
формирование умения
наблюдать, анализировать,
сравнивать, делать выводы;
осуществление контроля и
самоконтроля;
развитие находчивости,
умения преодолевать
трудности для достижения
намеченной цели;
закрепление умений поиска
и систематизации
информации.
Чтобы отключить заливку, достаточно установить
прозрачную кисть, то есть
Canvas.Brush.Style := bsClear;
Эллипсы (и круги) рисуются с помощью метода
Canvas.Ellipse:
Canvas.Ellipse( x1, y1, x2, y2 );
Точки (x1,y1) и (x2,y2) - это противоположные углы
прямоугольника, в который вписан этот эллипс.
Чтобы залить прямоугольник каким-то цветом или
узором (не рисуя рамку), используют метод
Canvas.FillRect. Его параметр - объект типа TRect,
который можно построить с помощью функции Rect
прямо при вызове метода:
Canvas.FillRect( Rect(x1, y1, x2, y2) );
Здесь x1, y1, x2 и y2 — числа или арифметические
выражения. Как и в методе Rectangle, точки (x1,y1) и
(x2,y2) — это противоположные углы
прямоугольника.
Иногда нужно залить область со сложной границей.
В этом случае применяют метод FloodFill.
Например,
Canvas.FloodFill ( 50, 100, clBlack, fsBorder );
Цвет и стиль заливки определяется текущими
установками кисти. Здесь первые два параметра —
координаты точки, откуда начинается заливка.
Третий параметр — цвет границы или внутренней
области, в зависимости от значения четвертого
параметра. Если он равен fsBorder, мы заливаем все,
начиная от исходной точки до границы заданного
цвета (в данном примере — черного, clBlack).
Черная граница должна быть сплошной, если она
будет разорвана, зальется весь холст. Возможен
второй вариант, когда нужно залить область одного
77
цвета, и эта область не имеет одноцветной границы.
Так работает, например, заливка в редакторе Paint. В
этом случае заливка, начинающаяся с точки (50,100),
выполняется так:
Canvas.FloodFill ( 50, 100, Canvas.Pixels[50,100],
fsSurface );
Обратите внимание, что для надежности мы
определили цвет точки (50,100) с помощью массива
Pixels.
Измените программу так, чтобы при нажатии на
кнопку на форме появилась картинка вида:
7 этап
Информация о
домашнем задании,
инструктаж по его
Откройте дневники и запишите домашнее задание:
создать собственный проект с использованием
компонента Canvas
78
оформление
записей в
дневниках.
Личностные:
формирование навыков
самоорганизации;
формирование навыков
1 мин.
письма.
выполнению.
8 этап.
Рефлексия
(подведение итогов
занятия)
Организация самооценивания по оценочному листу.
Перед вами лежит оценочный лист. Оцените
самостоятельно свою работу на уроке.
Итак, ребята, какие понятия мы сегодня узнали на
уроке? (Свойство Canvas – холст для рисования).
Где вы могли бы применить материал, изученный
сегодня? (При создании собственного проекта)
Объявление оценок.
заполняют
оценочные
таблицы.
отвечают на
вопросы;
делают выводы.
Познавательные:
построение речевого
высказывания в устной
форме, контроль и оценка
процесса и результатов
деятельности.
Регулятивные:
контроль и оценка своей
деятельности в рамках
урока.
Коммуникативные: умение
слушать и вступать в
диалог, формулирование и
аргументация своего
мнения.
Личностные:
рефлексия способов и
условий
действия, контроль и
оценка процесса
и результатов
деятельности.
2.4.9. Урок 15 – «Создание графического редактора».
ТЕХНОЛОГИЧЕСКАЯ КАРТА КОНСТРУИРОВАНИЯ УРОКА.
ОБЩАЯ ЧАСТЬ
Предмет - Информатика
Класс - 10
79
2
мин.
Тема урока: Создание графического редактора.
Тип урока: комбинированный
Цели урока: расширить представления учащихся о возможностях изучаемой программы.
Планируемые образовательные результаты
Предметные
Метапредметные
Личностные
умение работать с изучаемой умение анализировать и делать выводы; ИКТ- способность применять теоретические
программой.
компетентность.
решения практических задач
Основные понятия, рассматриваемые на уроке:
 поле для рисования PaintBox;
 Свойства PaintBox.
Используемые на уроке средства ИКТ:
 персональный компьютер (ПК) учителя,
 ПК учащихся.
Раздаточный материал:
 оценочные листы (на каждого ученика).
знания
для
СТРУКТУРА УРОКА.
Этапы
Деятельность учителя
1 этап
Организационный
этап.
Приветствие учащихся, проверка наличия
учебных материалов на рабочем месте.
Проведение рефлексии на определение
эмоционального настроя учеников на работу.
2 этап
Актуализация знаний.
Цель этапа: мотивация изучения учащимися
новой темы, постановка цели урока.
80
Деятельность
учащихся
самоорганизация
рабочего места;
самоконтроль
наличия
учебных
материалов на своем
рабочем месте;
отмечают
свое
эмоциональное
настроение.
участвуют
в
обсуждении;
УУД
Время
Коммуникативные:
2 мин.
планирование
учебного
сотрудничества
со
сверстниками
Личностные: психологическая
готовность учащихся к уроку,
самоопределение
Познавательные:
структурирование
5 мин.
знаний,
3 этап
Постановка цели и
задач урока.
Мотивация учебной
деятельности
учащихся.
4 этап
Первичное усвоение
новых знаний.
На предыдущих занятиях мы рассмотрели с
вами все основные компоненты, которые
понадобятся для дальнейшей работы. С
сегодняшнего урока мы начнем постепенно
создавать простой графический редактор
типа Paint.
учатся высказывать
свое мнение;
учатся
делать
выводы;
отвечают
на
вопросы;
внимательно
слушают
преподавателя,
записывают дату и
тему урока в тетрадь
рефлексия способов и условий
действий, контроль и оценка
процесса
и
результатов
деятельности
Коммуникативные:
Ориентация на партнера по
общению, умение слушать
собеседника,
умение
аргументировать свое мнение,
убеждать и уступать
Личностные:
развитие
логического
мышления, знание основных
моральных норм
Фиксация темы урока на доске: «Создание отвечают на вопросы Регулятивные:
5 мин.
графического редактора»
учителя;
-развитие
умения
формулируют тему формулировать тему и цель
урока;
урока в соответствии с
фиксируют
тему задачами и нормами русского
урока в тетради.
языка
Объяснение нового материала:
Создайте новый проект с формой и сохраните
его в папке Графический редактор. Измените
заголовок
формы
на
«Графический
редактор».
внимательно
слушают объяснение
учителя;
работают
индивидуально
за
ПК;
самоорганизация
рабочего места;
самоконтроль
выполнения задания.
Для рисования мы будем использовать
компонент PaintBox (поле для рисования) из
вкладки System. Сначала мы сделаем так,
чтобы он занимал всю рабочую (или
клиентскую) область формы. При изменении
размеров формы размеры поля также будут
81
Познавательные:
12 мин.
осознанное и произвольное
построение
речевого
высказывания в устной и
письменной форме;
ориентировка на разнообразие
способов решения задач;
Личностные:
формирование
умений
систематизации объектов;
меняться. Выравнивание компонента в
пределах «родительского» окна можно
установить с помощью свойства Align. Оно
имеет несколько возможных значений: alNone
— нет выравнивания, размеры и положение
не меняются; alClient — занимает все
свободное место (всю клиентскую область);
alTop — прижат к верхней границе, ширина—
максимально возможная; alBottom — прижат
к нижней границе, ширина — максимально
возможная; alLeft — прижат к левой границе,
высота — максимально возможная; alRight —
прижат к правой границе, высота —
максимально возможная;
Добавьте на форму компонент PaintBox.
Дайте ему имя Pic и установите его свойство
Align=alClient. Для сохранения рисунка в
памяти объявите переменную с именем bmp
(типа TBitmap). Рисунок должен создаваться
в начале работы программы и удаляться из
памяти при ее завершении. Установите
размеры поля 800 на 600 пикселей. Битовая
карта будет хранить рисунок пользователя в
памяти, его нужно вывести на холст
компонента TPaintBox при получении
сообщения на перерисовку, то есть, в
обработчике OnPaint компонента Pic. В
обработчике события onPaint компонента Pic
выведите на экран рисунок из памяти:
Pic.Canvas.Draw ( 0, 0, bmp );
Теперь научимся рисовать как в редакторе
82
Paint при помощи карандаша. Для этого мы
будем обрабатывать события OnMouseDown,
OnMouseUp и OnMouseMove. Логическая
переменная IsDragging показывает, началось
ли рисование, она равна True, если кнопка
мыши нажата. Установка начальной точки
выполняется с помощью метода MoveTo.
Если мышь сдвинута в режиме рисования
(при нажатой кнопке), будем рисовать
отрезок в новую точку с помощью LineTo.
После того, как линия нарисована (на холсте
объекта bmp — в памяти!), нужно вывести
получившийся рисунок на экран. Для этого
просто вызываем обработчик OnPaint поля
рисования. Если компонент PaintBox в
программе называется Pic, имя обработчика
будет PicPaint. Параметр Sender можно задать
любой, потому что в обработчике он все
равно не используется.
Объявите
логическую
переменную
IsDragging. Для компонента Pic добавьте
обработчики
событий:
onMouseDown:
IsDragging := True; bmp.Canvas.MoveTo(x,y);
onMouseUp:
IsDragging := False;
onMouseMove:
if
IsDragging
bmp.Canvas.LineTo(x, y);
PicPaint(Sender);
then
begin
83
5 этап
Проведение
физкультминутки.
6 этап
Первичное
закрепление
(компьютерный
практикум).
end;
Запустите
программу
и
попробуйте
порисовать на поле.
Проведение физкультминутки с целью снятия
напряжения с учащихся, смена видов
деятельности.
Работа с компьютером.
Проведение практической работы.
Цель этапа: научить применять полученные
знания на практике.
Вы увидели, что часть рисунка, которая не
помещается на форму, не видна, и ее никак не
«вытащить», поскольку нет привычных
линеек прокрутки. Чтобы решить эту
проблему, используем компонент ScrollBox
(панель с прокруткой, группа Additional), на
котором можно расположить любые другие
компоненты, в том числе и наше поле для
рисования.
Нам нужно расположить компонент ScrollBox
в самый низ, а PaintBox — на него сверху.
Для этого нужно как-то «подсунуть» панель с
прокруткой под компонент Pic. Здесь на
помощь приходит панель Structure, где
компоненты можно перетаскивать мышкой,
меняя их «родителя». Добавьте на форму
компонент ScrollBox и установите для него
выравнивание alClient. В окне Structure
схватите мышкой имя компонента Pic и
бросьте его сверху на ScrollBox1. Должно
получиться так
84
выполняют
упражнения
под
музыку.
работают
индивидуально
за
ПК;
самоорганизация
рабочего места;
самоконтроль
выполнения задания.
Здоровьесберегающая
2 мин.
методика
для
снятия
утомления
Познавательные:
9 мин.
осознанное и произвольное
построение
речевого
высказывания в устной и
письменной форме;
ориентировка на разнообразие
способов решения задач;
Личностные:
формирование
умения
наблюдать,
анализировать,
сравнивать, делать выводы;
осуществление контроля и
самоконтроля;
развитие
находчивости,
умения
преодолевать
трудности для достижения
намеченной цели;
закрепление умений поиска и
систематизации информации.
Для компонента Pic установите выравнивание
alNone (нет выравнивания). В обработчик
OnCreate формы добавьте код
with Pic do begin
Width := bmp.Width;
Height := bmp.Height;
Left := 0;
Top := 0;
end;
Запустите программу и проверьте ее работу.
Откройте дневники и запишите домашнее оформление записей Личностные:
1 мин.
7 этап
задание:
в дневниках.
формирование
навыков
Информация о
самоорганизации;
домашнем задании,
формирование
навыков
инструктаж по его
письма.
выполнению.
Организация самооценивания по оценочному заполняют
Познавательные:
3 мин.
8 этап.
листу.
оценочные таблицы. построение
речевого
на высказывания в устной форме,
Рефлексия (подведение Перед вами лежит оценочный лист. Оцените отвечают
самостоятельно свою работу на уроке.
вопросы;
контроль и оценка процесса и
итогов занятия)
Итак, ребята, где вы могли бы применить делают выводы.
результатов деятельности.
материал, изученный сегодня? (При создании
Регулятивные:
собственных проектов).
контроль и оценка своей
деятельности в рамках урока.
Коммуникативные:
умение
85
слушать и вступать в диалог,
формулирование
и
аргументация своего мнения.
Личностные:
рефлексия способов и условий
действия, контроль и оценка
процесса
и результатов деятельности.
2.4.10.
Урок 16 – «Создание графического редактора».
ТЕХНОЛОГИЧЕСКАЯ КАРТА КОНСТРУИРОВАНИЯ УРОКА.
ОБЩАЯ ЧАСТЬ
Предмет - Информатика
Класс - 10
Тема урока: Создание графического редактора.
Тип урока: комбинированный
Цели урока: расширить представления учащихся о возможностях изучаемой программы.
Планируемые образовательные результаты
Предметные
Метапредметные
Личностные
умение работать с изучаемой
умение анализировать и делать выводы; ИКТ- способность применять теоретические знания для
программой.
компетентность.
решения практических задач
Основные понятия, рассматриваемые на уроке:
 поле для рисования PaintBox
Используемые на уроке средства ИКТ:
 персональный компьютер (ПК) учителя,
 ПК учащихся.
Раздаточный материал:
 оценочные листы (на каждого ученика).
86
СТРУКТУРА УРОКА.
Этапы
Деятельность учителя
1 этап
Организационный
этап.
Приветствие учащихся, проверка наличия
учебных материалов на рабочем месте.
Проведение рефлексии на определение
эмоционального настроя учеников на работу.
2 этап
Актуализация знаний.
Цель этапа: мотивация изучения учащимися
новой темы, постановка цели урока.
Продолжаем создавать наш графический
редактор. Откройте, пожалуйста, проект,
сохраненный на прошлом занятии.
3 этап
Постановка цели и
задач урока.
Мотивация учебной
Деятельность
учащихся
самоорганизация
рабочего места;
самоконтроль
наличия
учебных
материалов на своем
рабочем месте;
отмечают
свое
эмоциональное
настроение.
участвуют
в
обсуждении;
учатся высказывать
свое мнение;
учатся
делать
выводы;
отвечают на вопросы;
внимательно
слушают
преподавателя,
записывают дату и
тему урока в тетрадь
УУД
Время
Коммуникативные:
2 мин.
планирование
учебного
сотрудничества
со
сверстниками
Личностные: психологическая
готовность учащихся к уроку,
самоопределение
Познавательные:
5 мин.
структурирование
знаний,
рефлексия способов и условий
действий, контроль и оценка
процесса
и
результатов
деятельности
Коммуникативные:
Ориентация на партнера по
общению, умение слушать
собеседника,
умение
аргументировать свое мнение,
убеждать и уступать
Личностные:
развитие
логического
мышления, знание основных
моральных норм
Фиксация темы урока на доске: «Создание отвечают на вопросы Регулятивные:
5 мин.
графического редактора»
учителя;
-развитие
умения
формулируют тему формулировать тему и цель
урока;
урока
в
соответствии
с
87
фиксируют
тему задачами и нормами русского
урока в тетради.
языка
деятельности
учащихся.
4 этап
Первичное усвоение
новых знаний.
Теперь мы будем добавлять новые
инструменты, для каждого из них создадим
кнопку на специальной панели в левой части
окна, как в редакторе Paint. Добавьте на
форму панель Panel (группа Standard),
установите для нее пустое свойство Caption
(сотрите
старое
значение),
свойство
Align=alLeft и ширину 40 пикселей. В окне
Structure перетащите Panel1 на имя формы.
Теперь будем добавлять кнопки типа
SpeedButton для инструментов. Поскольку в
любой момент может быть включен только
один инструмент, они должны работать как
радиокнопки. Для этого нужно установить
для них одинаковое ненулевое свойство
GroupIndex (номер группы), остальное будет
сделано автоматически. Нажата та кнопка, у
которой установлено свойство Down=True.
Это свойство можно изменять как в режиме
разработки (в окне Object Inspector) так и во
время работы программы. В верхнюю часть
панели добавьте кнопку SpeedButton, дайте
ей имя PenBtn. Установите для кнопки
размеры 24 на 24 пикселя, в качестве рисунка
(свойство Glyph) выберите файл penbtn.bmp.
Установите
свойства
кнопки:
GroupIndex
=
1
Down
=
True
Hint
=
Карандаш
ShowHint = True
88
внимательно
слушают объяснение
учителя;
работают
индивидуально
за
ПК;
самоорганизация
рабочего места;
самоконтроль
выполнения задания.
Познавательные:
9 мин.
осознанное и произвольное
построение
речевого
высказывания в устной и
письменной форме;
ориентировка на разнообразие
способов решения задач;
Личностные:
формирование
умений
систематизации объектов;
5 этап
Проведение
физкультминутки.
6 этап
Первичное
закрепление
(компьютерный
практикум).
Следующий инструмент — отрезок. Вторую
кнопку
мы
построим
с
помощью
копирования. Скопируйте кнопку (Ctrl+C,
затем Ctrl+V), разместите копию ниже
первой кнопки, дайте ей имя LineBtn,
замените рисунок на linebtn.bmp и
всплывающую подсказку на Отрезок.
Запустите программу и проверьте работу
кнопок.
Проведение физкультминутки с целью
снятия напряжения с учащихся, смена видов
деятельности.
Работа с компьютером и тетрадью
учащихся.
Проведение практической работы.
Цель этапа: научить применять полученные
знания на практике.
Вспомните, как рисуется отрезок в редакторе
Paint. Когда нажата кнопка мыши,
запоминается начальная точка, и при
перемещении
мыши
появляется
«временный» отрезок, второй конец которого
следует за мышью. При отпускании мыши
окончательный вариант вносится в рисунок.
Объявите целые переменные x0 и y0 для
хранения координат начальной точки.
Добавьте в обработчик события onMouseDown
для объекта Pic строчки
x0 := x;
y0 := y;
Важно, что «временный» отрезок не портит
изображение на экране. Чтобы этого
добиться, можно запоминать «старый»
89
выполняют
упражнения
под
музыку.
работают
индивидуально
за
ПК;
самоорганизация
рабочего места;
самоконтроль
выполнения задания.
Здоровьесберегающая
2 мин.
методика
для
снятия
утомления
Познавательные:
12 мин.
осознанное и произвольное
построение
речевого
высказывания в устной и
письменной форме;
ориентировка на разнообразие
способов решения задач;
Личностные:
формирование
умения
наблюдать,
анализировать,
сравнивать, делать выводы;
осуществление контроля и
самоконтроля;
развитие находчивости, умения
преодолевать трудности для
достижения намеченной цели;
закрепление умений поиска и
систематизации информации.
рисунок и каждый раз его перерисовывать. А
можно использовать специальный режим
работы пера, такой, что при повторном
рисовании того же самого отрезка
восстанавливалось исходное изображение.
Этих режимов несколько, один из них
называется pmNot. Чтобы его установить,
нужно изменить свойство Pen.Mode холста,
на котором мы рисуем:
Canvas.Pen.Mode := pmNot;
Фактически это означает применение
логической операции not к пикселям
существующего рисунка. Операция not
обратима, то есть, повторное отрицание
вернет обратно исходное значение. Свойство
Pen.Mode по умолчанию имеет значение
pmCopy,
то
есть
линия
рисуется
установленным цветом и стирает рисунок.
Для удобства мы напишем процедуру,
которая стирает последний нарисованный
отрезок и рисует новый в указанном режиме
(pmNot, если отрезок «временный», и
pmCopy, если «постоянный»). Эта процедура
будет
вызываться
в
обработчиках
OnMouseMove (режим pmNot) и OnMouseUp
(режим pmCopy). Как получить координаты
последнего нарисованного отрезка? Для
этого у объект Canvas есть свойство PenPos
(pen position - позиция пера). Это структура
типа TPont (точка), которая имеет два поля, x
и y. Добавьте процедуру для рисования
линий выше всех существующих процедур
(но в секции implementation):
90
procedure
integer;
DrawLine(x0,
y0,
x,
y:
Mode: TPenMode);
var pt: TPoint; // структура «точка»
begin
with bmp.Canvas do begin
pt := PenPos;
// определяем
текущую позицию
Pen.Mode := pmNot; // стираем
временный отрезок
MoveTo(x0, y0);
LineTo(pt.x, pt.y);
Pen.Mode := Mode;
// рисуем
новый отрезок
MoveTo(x0, y0);
LineTo(x, y);
end;
end;
Теперь
нужно изменить обработчики
и OnMouseUp так, чтобы
учитывать включенный в данный момент
инструмент. Заметьте, что при включенном
инструменте
Отрезок
в
обработчике
OnMouseMove рисуется «временный» отрезок
(Mode=pmNot), а в обработчике OnMouseUp постоянный
(Mode=pmCopy).
Измените
обработчик события onMouseMove
OnMouseMove
if not IsDragging then Exit; // выход,
если не рисуем
if PenBtn.Down then
//
Карандаш
bmp.Canvas.LineTo(x, y);
if LineBtn.Down then
//
Отрезок
DrawLine(x0, y0, x, y, pmNot);
PicPaint(Sender);
//
обновляем
Измените обработчик события onMouseUp:
91
if not IsDragging then Exit;
IsDragging := False;
if LineBtn.Down then
DrawLine(x0, y0, x, y, pmCopy);
PicPaint(Sender);
Запустите
программу
и
попробуйте
нарисовать отрезки.
Откройте дневники и запишите домашнее оформление записей Личностные:
1 мин.
7 этап
задание:.повторить материал, изученный на в дневниках.
формирование
навыков
Информация о
уроке.
самоорганизации;
домашнем задании,
формирование
навыков
инструктаж по его
письма.
выполнению.
Организация самооценивания по оценочному заполняют
Познавательные:
4 мин.
8 этап.
листу.
оценочные таблицы.
построение
речевого
Рефлексия (подведение Перед вами лежит оценочный лист. Оцените отвечают на вопросы; высказывания в устной форме,
самостоятельно свою работу на уроке.
делают выводы.
контроль и оценка процесса и
итогов занятия)
Итак, ребята, где вы могли бы применить
результатов деятельности.
материал, изученный сегодня? (При создании
Регулятивные:
собственных проектов).
контроль и оценка своей
деятельности в рамках урока.
Коммуникативные:
умение
слушать и вступать в диалог,
формулирование
и
аргументация своего мнения.
Личностные:
рефлексия способов и условий
действия, контроль и оценка
процесса
и результатов деятельности.
92
2.4.11.
Урок 17 – «Создание графического редактора».
ТЕХНОЛОГИЧЕСКАЯ КАРТА КОНСТРУИРОВАНИЯ УРОКА.
ОБЩАЯ ЧАСТЬ
Предмет - Информатика
Класс - 10
Тема урока: Создание графического редактора.
Тип урока: комбинированный
Цели урока: расширить представления учащихся о возможностях изучаемой программы.
Планируемые образовательные результаты
Предметные
Метапредметные
Личностные
умение работать с изучаемой умение анализировать и делать выводы; ИКТ- способность применять теоретические
программой.
компетентность.
решения практических задач
Основные понятия, рассматриваемые на уроке:
 поле для рисования PaintBox
Используемые на уроке средства ИКТ:
 персональный компьютер (ПК) учителя,
 ПК учащихся.
Раздаточный материал:
 оценочные листы (на каждого ученика).
знания
для
СТРУКТУРА УРОКА.
Этапы
Деятельность учителя
1 этап
Организационный
этап.
Приветствие учащихся, проверка
наличия учебных материалов на
рабочем
месте.
Проведение
рефлексии
на
определение
Деятельность
учащихся
самоорганизация
рабочего места;
самоконтроль
наличия
учебных
93
УУД
Время
Коммуникативные: планирование учебного 2 мин.
сотрудничества со сверстниками
Личностные: психологическая готовность
учащихся к уроку, самоопределение
эмоционального
учеников на работу.
2 этап
Актуализация знаний.
3 этап
Постановка цели и
задач урока.
Мотивация учебной
деятельности
учащихся.
4 этап
Первичное усвоение
новых знаний.
настроя материалов
на
своем
рабочем
месте;
отмечают
свое
эмоциональное
настроение.
Цель этапа: мотивация изучения участвуют
в
учащимися
новой
темы, обсуждении;
постановка цели урока.
учатся высказывать
Продолжаем работу над нашим свое мнение;
графическим редактором.
учатся
делать
выводы;
отвечают
на
вопросы;
внимательно
слушают
преподавателя,
записывают дату и
тему
урока
в
тетрадь
Фиксация темы урока на доске: отвечают
на
«Создание
графического вопросы учителя;
редактора»
формулируют тему
урока;
фиксируют
тему
урока в тетради.
Открываем наш проект. Сегодня внимательно
мы
будем
рисовать слушают
прямоугольник.
Это
более объяснение
сложная фигура, потому что она учителя;
имеет
внутреннюю
область, работают
которая заливается автоматически индивидуально за
в соответствии с параметрами ПК;
94
Познавательные:структурирование знаний, 5 мин.
рефлексия способов и условий действий,
контроль и оценка процесса и результатов
деятельности
Коммуникативные:
Ориентация на партнера по общению,
умение слушать собеседника, умение
аргументировать свое мнение, убеждать и
уступать
Личностные:
развитие логического мышления, знание
основных моральных норм
Регулятивные:
5 мин.
-развитие умения формулировать тему и
цель урока в соответствии с задачами и
нормами русского языка
Познавательные:
8 мин.
осознанное и произвольное построение
речевого высказывания в устной и
письменной форме;
ориентировка на разнообразие способов
решения задач;
Личностные:
кисти (свойство Canvas.Brush).
Создайте еще одну кнопку путем
копирования (чтобы сохранить
все свойства, в том числе
GroupIndex), дайте ей имя
RectBtn,
загрузите
картинку
rectbtn.bmp
и
измените
всплывающую
подсказку
на
«Прямоугольник». Вспомним, как
рисуется
прямоугольник
в
редакторе Paint. При нажатии
кнопки
мыши
запоминается
начальная
точка
(угол
прямоугольника),
затем
при
перемещении мыши на месте
предполагаемого прямоугольника
рисуется
штриховая
рамка,
которая
становится
прямоугольником,
когда
пользователь отпустил кнопку.
Здесь самый трудный момент —
рисование и стирание временного
прямоугольника. Но у объекта
Canvas есть специальный метод DrawFocusRect,
который
использует для рисования вторую
(кроме
not)
обратимую
логическую
операцию
—
исключающее
«ИЛИ»
(xor).
Поэтому если дважды вызвать
этот метод с теми же самыми
координатами,
на
экране
восстановится
исходное
самоорганизация
рабочего места;
самоконтроль
выполнения
задания.
95
формирование
объектов;
умений
систематизации
изображение, какое бы оно не
было.
Мы
построим
для
рисования
прямоугольника
процедуру DrawRect, которая
очень похода на процедуру
рисования линий DrawLine.
procedure DrawRect(x0, y0, x, y:
integer; Mode: TPenMode);
var pt: TPoint;
rct: TRect;
begin
with bmp.Canvas do begin
pt := PenPos;
rct := Rect(x0, y0, pt.x, pt.y);
DrawFocusRect ( rct );
//
стираем временный
rct := Rect(x0, y0, x, y); //
границы нового
if Mode = pmCopy then
Rectangle ( rct )
// рисуем
постоянный
else DrawFocusRect ( rct ); //
снова рисуем временный
MoveTo(x,y); // новая текущая
позиция рисования
end;
end;
При передаче ей параметра
Mode=pmNot будем рисовать
временный
прямоугольник,
вызывая метод DrawFocusRect, а
при Mode=pmCopy — постоянный
(метод Rectangle).
96
5 этап
Проведение
физкультминутки.
Добавьте
процедуру
для
рисования прямоугольников в
самое
начало
секции
implementation.
Добавьте
в
обработчик
события
onMouseMove объекта Pic код
if RectBtn.Down then
DrawRect(x0, y0, x, y, pmNot);
Добавьте в обработчик события
onMouseUp код
if RectBtn.Down then
DrawRect(x0, y0, x, y, pmCopy);
Вы заметили, что при рисовании
прямоугольника его внутренняя
часть заливается белым цветом
(так
как
по
умолчанию
установлен белый цвет кисти
Canvas.Brush). Чтобы заливки не
было, достаточно установить
свойство
Brush.Style=bsClear,
сделав кисть прозрачной. ните
код в процедуре DrawRect:
if Mode = pmCopy then begin
Brush.Style := bsClear;
Rectangle ( rct );
Brush.Style := bsSolid;
end
Запустите программу и проверьте
ее работу.
Проведение физкультминутки с выполняют
целью снятия напряжения с упражнения
учащихся,
смена
видов музыку.
деятельности.
97
Здоровьесберегающая методика для снятия 2 мин.
под утомления
6 этап
Первичное
закрепление
(компьютерный
практикум).
Работа с компьютером и
тетрадью учащихся.
Проведение
практической
работы.
Цель этапа: научить применять
полученные знания на практике.
До этого момента все линии на
рисунке были черного цвета,
потому что мы не меняли
установки по умолчанию. Теперь
добавим
в
программу
возможность выбора цвета линий
и заливки. На панель Panel1
добавьте компонент TPaintBox,
дайте ему имя ColBox, установите
выравнивание alBottom (прижать
к нижней границе родительского
окна) и высоту 40 пикселей.
Добавьте для этого компонента
обработчик события onPaint:
работают
Познавательные:
13 мин.
индивидуально за осознанное и произвольное построение
ПК;
речевого высказывания в устной и
самоорганизация
письменной форме;
рабочего места;
ориентировка на разнообразие способов
самоконтроль
решения задач;
выполнения
Личностные:
задания.
формирование
умения
наблюдать,
анализировать, сравнивать, делать выводы;
осуществление контроля и самоконтроля;
развитие
находчивости,
умения
преодолевать трудности для достижения
намеченной цели;
закрепление
умений
поиска
и
систематизации информации.
with ColBox.Canvas do begin
Brush.Color
:=
bmp.Canvas.Brush.Color;
Rectangle(15,
15,
35,
35);
Brush.Color
:=
bmp.Canvas.Pen.Color;
Rectangle(5, 5, 25, 25);
end;
Запустите
программу
и
посмотрите, что получилось. Но
этого мало — мы видим
установленные цвета, но попрежнему не можем изменить их.
98
В редакторе Paint для выбора
цветов используется специальное
диалоговое окно; оказывается, его
можно вызвать и из программы на
Delphi. Для этого используется
компонент
TColorDialog
из
группы Dialogs. Добавьте на
форму компонент TColorDialog
из группы Dialogs. Когда мы
щелкнем на квадратиках с
цветом, нужно вызвать этот
диалог с помощью метода
Execute. Это функция, которая
возвращает логическое значение
True, если пользователь выбрал
цвет (этот цвет можно получить с
помощью свойства Color), и
False, если он щелкнул по кнопке
Отмена.
99
Мы сделаем так, что при щелчке
левой кнопкой мыши меняется
основной цвет, а при щелчке
правой кнопкой — фоновый цвет.
Событие
OnClick
возникает
тогда,
когда
пользователь
щелкнул левой кнопкой, то есть,
«правый щелчок» мы не поймаем.
Поэтому будем использовать
событие OnMouseUp: у этого
обработчика
есть
параметр
Button — кнопка мыши (нас
интересуют варианты mbLeft —
левая кнопка и mbRight — правая
кнопка). Для компонента ColBox
100
создайте
обработчик
события
onMouseUp:
if ColorDialog1.Execute then
begin
if Button = mbLeft then
bmp.Canvas.Pen.Color
:= ColorDialog1.Color
else
bmp.Canvas.Brush.Color
:=
ColorDialog1.Color;
ColBoxPaint(Sender);
end;
Уберите
(закомментируйте)
строчки Brush.Style:=... в
процедуре DrawRect. Проверьте
работу программы при рисовании
прямоугольников. Добавим еще
одну кнопку, которая будет
включать режим заливки. Как и в
редакторе Paint, сделаем заливку
одноцветной области, то есть, при
вызове
метода
FloodFill
последний параметр будет равен
fsSurface.
Вспомним, что цвета линий и
фона хранятся прямо в свойствах
Pen.Color и Brush.Color объекта
bmp.Canvas. Для простоты мы
будем
выполнять
заливку
фоновым цветом, поэтому менять
параметры кисти не потребуется.
Создайте еще одну кнопку путем
копирования, дайте ей имя
FillBtn,
загрузите
картинку
101
и
измените
всплывающую
подсказку
на
«Заливка».
В
обработчике
события
onMouseUp
поля
рисования Pic добавьте блок для
выполнения заливки:
fillbtn.bmp
if FillBtn.Down then
bmp.Canvas.FloodFill(x,
y,
bmp.Canvas.Pixels[x,y],
fsSurface);
Запустите программу и проверьте
ее
работу.
Доработайте
программу следующим образом:
если пользователь щелкнет левой
кнопкой мыши, выполняется
заливка основным цветом (цветом
линий), а при «правом щелчке» —
заливка цветом фона. Для
сохранения
цвета
можно
использовать
вспомогательную
локальную переменную типа
TColor. Напоследок мы научимся
сохранять и загружать файлы.
Для сохранения и открытия
файлов любого типа в Delphi
существуют
стандартные
диалоговые окна SaveDialog и
OpenDialog, однако для рисунков
удобнее
использовать
специальные
диалоги
SavePictureDialog
и
OpenPictureDialog,
которые
позволяют
сразу
посмотреть
102
уменьшенное
изображение
картинки в правой части окна.
Добавьте на форму компонент
SavePictureDialog из группы
Dialogs. Добавьте на форму
компонент SavePictureDialog из
группы
Dialogs.
Введите
заголовок
(свойство
Title)
«Сохранение
рисунка».
Установите
расширение
по
умолчанию bmp.
Поздравляю вас! Вот наш
редактор!
7 этап
Информация о
домашнем задании,
инструктаж по его
выполнению.
8 этап.
Рефлексия (подведение
итогов занятия)
Откройте дневники и запишите оформление
домашнее задание: попробуйте записей
самостоятельно
создать
в дневниках.
редакторе компонент ластик.
Организация самооценивания по
оценочному листу.
Перед вами лежит оценочный
лист. Оцените самостоятельно
свою работу на уроке.
Итак, ребята, чему мы научились
Личностные:
в формирование навыков самоорганизации;
формирование навыков письма.
заполняют
оценочные таблицы.
отвечают
на
вопросы;
делают выводы.
103
1 мин.
Познавательные:
3 мин.
построение речевого высказывания в
устной форме, контроль и оценка процесса
и результатов деятельности.
Регулятивные:
контроль и оценка своей деятельности в
за эти уроки? (Мы научились
создавать законченные проекты в
среде Delphi)
рамках урока.
Коммуникативные: умение слушать и
вступать в диалог, формулирование и
аргументация своего мнения.
Личностные:
рефлексия способов и условий
действия, контроль и оценка процесса
и результатов деятельности.
104
Заключение.
Данная
выпускная
квалификационная
работа
посвящена
разработке
элективного курса «Работа с графикой в среде Delphi» для учащихся 10-11
классов. Эта тема достаточно актуальна, так как в учебных пособиях базового и
углубленного уровня для 10-11 классов разработке приложений в среде объектноориентированного программирования посвящено недостаточно часов.
В данной квалификационной работе были выполнены задачи, поставленные
во введении. Следовательно, в ее завершении можно сделать следующие выводы:
 была
изучена
и
проанализирована
методическая,
психологическая,
педагогическая литература, а так же нормативные документы по проблеме
исследования;
 выявлены особенности элективных курсов по информатике для профильной
подготовки;
 проведен
сравнительный
анализ
существующих
элективных
курсов
заданной тематики по информатике для профильной подготовки;
 разработан элективный курс по информатике по теме «Работа с графикой в
среде Delphi» для учащихся 10-11 классов с теоретической, практической и
проектной деятельностью, а так же с вводным и итоговым тестированием
по заданной теме.
 предложены
методические
рекомендации
по
использованию
разработанного курса в профильной подготовке школьников.
Таким образом, я считаю, что цель данного исследования полностью
достигнута.
105
Список используемой литературы.
1.
Федеральный закон "Об образовании в Российской Федерации" N 273-
ФЗ от 29 декабря 2012 года.
2.
Бочкин А.И. Методика преподавания информатики. - Минск: Высшая
школа, 1998. - 431с.
3.
Концепция содержания обучения информатике в 12-летней школе.
Информатика и образование. - 2000. - № 2.
4.
Асаинова,
А.
Ж.
Формирование
учебно-познавательной
компетентности школьников в процессе обучения информатике. - 2003. –№ 3. –
180 с.
5.
Жуковская Е.П. Дидактические аспекты организации факультативов.
http://festival.1september.ru/articles/594252/
6.
Лысаковская
Е.Г.
Элективные
курсы.
Некоторые
вопросы.
http://festival.1september.ru/articles/580559/
7.
Жуков В.А. Изучаем Delphi. – СПб.: Питер, 2003
8.
Бобровский С.И. Delphi 7. Учебный курс. – СПб.: Питер, 2004 – 736 с.
9.
Гофман В., Хомоненко А. Delphi 7. Наиболее полное руководство.-
BHV, 2006 – 1215 с.
10.
Гутман Г.Н. Учебные мини-проекты на Delphi. – Чистые пруды, 2005
(Библиотечка «Первого сентября», серия «Информатика») – 31 с.
11.
Попов В.Б. Delphi для школьников. - М.: 2010. — 320 с.
12.
Попов В.Б Паскаль и Дельфи. Самоучитель – СПб.: Питер, 2003 – 544
13.
Архангельский А.Я. Программирование в Delphi для Windows. –
с.
Бином-Пресс, 2007 – 1248 с.
14.
Чеснокова О. Delphi 7. Алгоритмы и программы. – НТ Пресс, 2008. –
15.
Рубанцев В. Delphi в примерах, играх и программах. – Я+R, 2011. –
368 с.
418 с.
106
16.
Фленов М. Библия Delphi. – БХВ-Петербург, 2011. – 686 с.
17.
http://www.delphi-manual.ru/
18.
http://helpdelphi.ru/
19.
http://delphi-prg.ru/
20.
https://learningapps.org/
21.
https://mydelphiprogramms.jimdo.com/
107
Приложение 1 - Тестирование «Delphi – основные сведения».
1. Что такое Delphi?
1)
2)
3)
4)
Это программа для создания презентаций
Это редактор программного кода
Это язык объектно-ориентированного программирования
Это программа для работы с компонентами
2. Какого окна в Delphi нет?
1)
2)
3)
4)
Инспектор объектов
Дерево объектов
Главная форма
Инспектор слоев
3. Визуальное программирование – это единство двух процессов:
1)
2)
3)
4)
Компиляции и запуска
Редактирования и форматирования
Конструирования окна приложения и написание кода
Установки и активации
4. Главная форма проекта называется
1) Application
2) Main
3) Form
108
4) Data module
5. Файл-модуль который содержит программный код, имеет расширение
1)
2)
3)
4)
dpr
pas
dfm
exe
6. Целостный, неделимый элемент, имеющий свои отличительные
признаки (свойства) и варианты действий (методы) называется
1)
2)
3)
4)
Объектом
Палитрой
Меню
Инспектором
7. В Инспекторе объектов находятся две закладки:
1)
2)
3)
4)
Свойства и надписи
Свойства и события
Список файлов и компонентов
Команды меню
8. Для сохранения всего проекта используется команда
1)
2)
3)
4)
Save
Save As…
Save All
Save Project
9. Для компиляции и запуска на исполнение проекта из среды Delphi
нужно нажать клавишу
1)
2)
3)
4)
F2
F8
F11
F9
10. Где располагает все объекты палитры компонентов, выполняя
приложение, программист в среде Delphi?
1) На форме
2) В инспекторе объектов
109
3) В окне кода
4) В меню
110
Приложение 2 – Итоговый тест по Delphi7.
1. Сколько вкладок содержит инспектор объектов?
1) 2
2) 3
3) 1
2. Приложение сохраняется следующим образом (выберите оптимальный
вариант)
1) File – Save as… – Save Project as…
2) File – Save Project as…
3) File – Save as… – Создаем папку – Сохраняем
4) File – Save as… – Создаем папку – Сохраняем модуль – Save Project
as… – В ту же папку сохраняем проект
3. Delphi – это
1) среда
быстрой
разработки,
в
которой
в
качестве
языка
в
качестве
языка
программирования используется язык Delphi
2) среда
быстрой
разработки,
в
которой
программирования используется язык Visual Basic
111
3) язык программирования высокого уровня, в основе которого лежит
язык Pascal
4. Как называется окно, в котором отображаются возможные события и
свойства объекта?
1) Unit1
2) Object TreeView
3) Object Inspector
4) Form1
5. Поле редактирования это
1) Edit
2) Caption
3) Label
6. Свойство компонента Label AutoSize
1) признак того, что размер поля меняется автоматически
2) признак того, что размер поля определяется его содержимым
3) признак того, что размер поля не определяется его
7. Элемент Image находится на вкладке:
1) Standard
2) Win32
3) Additional
8. Окна Delphi состоят из
1) окно стартовой формы, окно редактора свойств объектов, окно
просмотра списка объектов, окно редактора кода, главное окно
2) окно стартовой формы, окно редактора списка объектов, окно
просмотра свойств объектов, окно редактора кода, главное окно
3) окно стартовой формы, окно редактора свойств объектов, окно
просмотра списка объектов, окно редактора кода, главное меню
9. Свойство Picture компонента Image- …
112
1) указывает, должны ли изменяться размеры изображения, подгоняясь
под размеры компонента
2) указывает, должен ли быть цвет фона изображения прозрачным,
чтобы сквозь него было видно нижележащее изображение
3) указывает,
изменяется
ли
автоматически
размер
компонента,
подстраиваясь под размер изображения
4) определяет отображаемый графический объект типа Picture. Может
загружаться программно или во время проектирования
10. Поверхность, на которую можно вывести графику - …
1) Color
2) Canvas
3) Font
4) Icon
113
Приложение 3 – Графический редактор в Delphi7.
unit Unit1;
interface
uses
Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,
Dialogs, ExtCtrls, Buttons, ExtDlgs;
type
TForm1 = class(TForm)
Pic: TPaintBox;
ScrollBox1: TScrollBox;
Panel1: TPanel;
PenBtn: TSpeedButton;
LineBtn: TSpeedButton;
RectBtn: TSpeedButton;
ColBox: TPaintBox;
ColorDialog1: TColorDialog;
FillBtn: TSpeedButton;
SavePictureDialog1: TSavePictureDialog;
OpenPictureDialog1: TOpenPictureDialog;
procedure FormCreate(Sender: TObject);
procedure FormDestroy(Sender: TObject);
procedure PicMouseDown(Sender: TObject; Button: TMouseButton;
Shift: TShiftState; X, Y: Integer);
procedure PicMouseMove(Sender: TObject; Shift: TShiftState; X,
Y: Integer);
procedure PicMouseUp(Sender: TObject; Button: TMouseButton;
Shift: TShiftState; X, Y: Integer);
procedure PicPaint(Sender: TObject);
procedure ColBoxPaint(Sender: TObject);
procedure ColBoxMouseUp(Sender: TObject; Button: TMouseButton;
Shift: TShiftState; X, Y: Integer);
procedure FormKeyDown(Sender: TObject; var Key: Word; Shift: TShiftState);
private
{ Private declarations }
public
{ Public declarations }
end;
var
Form1: TForm1;
114
bmp: TBitmap;
IsDragging: boolean;
x0, y0: integer;
implementation
{$R *.dfm}
procedure DrawRect(x0, y0, x, y: integer; Mode: TPenMode);
var pt: TPoint;
rct: TRect;
x1, y1, t: integer;
begin
with bmp.Canvas do begin
pt := PenPos;
x1 := x0; y1 := y0;
if x1 > pt.x then begin t := x1; x1 := pt.x; pt.x := t; end;
if y1 > pt.y then begin t := y1; y1 := pt.y; pt.y := t; end;
rct := Rect(x1, y1, pt.x, pt.y);
DrawFocusRect ( rct ); // стираем временный
MoveTo(x,y); // новая текущая позиция рисования
x1 := x0; y1 := y0;
if x1 > x then begin t := x1; x1 := x; x := t; end;
if y1 > y then begin t := y1; y1 := y; y := t; end;
rct := Rect(x1, y1, x, y); // границы нового
if Mode = pmCopy then begin
Brush.Style := bsClear;
Rectangle ( rct ); // рисуем постоянный
Brush.Style := bsSolid;
end
else DrawFocusRect ( rct ); // снова рисуем временный
end;
end;
procedure DrawLine(x0, y0, x, y: integer;
Mode: TPenMode);
var pt: TPoint; // структура «точка»
begin
with bmp.Canvas do begin
pt := PenPos; // определяем текущую позицию
Pen.Mode := pmNot; // стираем временный отрезок
MoveTo(x0, y0);
LineTo(pt.x, pt.y);
Pen.Mode := Mode; // рисуем новый отрезок
115
MoveTo(x0, y0);
LineTo(x, y);
end;
end;
procedure TForm1.ColBoxMouseUp(Sender: TObject; Button: TMouseButton;
Shift: TShiftState; X, Y: Integer);
begin
if ColorDialog1.Execute then begin
if Button = mbLeft then
bmp.Canvas.Pen.Color := ColorDialog1.Color
else bmp.Canvas.Brush.Color := ColorDialog1.Color;
ColBoxPaint(Sender);
end;
end;
procedure TForm1.ColBoxPaint(Sender: TObject);
begin
with ColBox.Canvas do begin
Brush.Color := bmp.Canvas.Brush.Color;
Rectangle(15, 15, 35, 35);
Brush.Color := bmp.Canvas.Pen.Color;
Rectangle(5, 5, 25, 25);
end;
end;
procedure TForm1.FormCreate(Sender: TObject);
begin
bmp := TBitmap.Create;
bmp.Width := 800;
bmp.Height := 600;
with Pic do begin
Width := bmp.Width;
Height := bmp.Height;
Left := 0;
Top := 0;
end;
end;
procedure TForm1.FormDestroy(Sender: TObject);
begin
bmp.Free;
end;
116
procedure TForm1.FormKeyDown(Sender: TObject; var Key: Word;
Shift: TShiftState);
begin
if (Key = Ord('S')) and (ssCtrl in Shift) then
if SavePictureDialog1.Execute then
bmp.SaveToFile(SavePictureDialog1.FileName);
if (Key = Ord('O')) and (ssCtrl in Shift) then
if OpenPictureDialog1.Execute then begin
bmp.LoadFromFile(OpenPictureDialog1.FileName);
Pic.Width := bmp.Width;
Pic.Height := bmp.Height;
PicPaint(Sender);
end;
end;
procedure TForm1.PicMouseDown(Sender: TObject; Button: TMouseButton;
Shift: TShiftState; X, Y: Integer);
begin
IsDragging := True;
bmp.Canvas.MoveTo(x,y);
x0 := x;
y0 := y;
end;
procedure TForm1.PicMouseMove(Sender: TObject; Shift: TShiftState; X,
Y: Integer);
begin
if not IsDragging then Exit;
if PenBtn.Down then
bmp.Canvas.LineTo(x, y);
if LineBtn.Down then
DrawLine(x0, y0, x, y, pmNot);
if RectBtn.Down then
DrawRect(x0, y0, x, y, pmNot);
PicPaint(Sender);
end;
procedure TForm1.PicMouseUp(Sender: TObject; Button: TMouseButton;
Shift: TShiftState; X, Y: Integer);
var SaveColor: TColor;
begin
if not IsDragging then Exit;
IsDragging := False;
if LineBtn.Down then
117
DrawLine(x0, y0, x, y, pmCopy);
if RectBtn.Down then
DrawRect(x0, y0, x, y, pmCopy);
if FillBtn.Down then
with bmp.Canvas do begin
// SaveColor := Brush.Color;
// if Button = mbLeft then
//
Brush.Color := Pen.Color;
FloodFill(x, y, Pixels[x,y], fsSurface);
// Brush.Color := SaveColor;
end;
PicPaint(Sender);
end;
procedure TForm1.PicPaint(Sender: TObject);
begin
Pic.Canvas.Draw( 0, 0, bmp );
end;
end.
118
1/--страниц
Пожаловаться на содержимое документа