ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ

Государственное образовательное учреждение

высшего профессионального образования

«ДАЛЬНЕВОСТОЧНЫЙ ГОСУДАРСТВЕННЫЙ ГУМАНИТАРНЫЙ УНИВЕРСИТЕТ»

 

Кафедра информатики и ИТ

 

 

 

Комплект учебно-методических материалов   к учебному курсу: «Педагогическое проектирование электронных учебных материалов»

 

 

 

 

 

 

 

 

 

 

 

 

ПРАКТИКУМ (Модуль 2)

 

Курс рассчитан

1. На студентов старших курсов педагогических специальностей, в частности:

·       032300 – Химия;

·       032400 – Биология;

·       031001 – Филология, квалификация учитель русского языка и литературы;

·       032600 – История

2. Магистрантов и аспирантов педагогических специальностей, в частности, 13.00.01, 13.00.02, 13.00.08

 

 

 

 

 

 

Хабаровск

2007

Модуль 2

СЕМИНАР (СЕМИНАРСКОЕ ЗАНЯТИЕ) № 3

 

Тема: Стратегии обучения: анализ целевой аудитории, постановка целей и задач разработки ЭУМ, ожидаемые результаты

Продолжительность 2 часа

 

1. Учебная и воспитательная цель.

Сформировать систему знаний и умений, необходимых для проведения этапа анализа, способствующих формированию компетенций в области планирования:

Ø     Проводить анализ потребностей обучения с использованием ЭУМ

Ø     Разрабатывать учебный план или программу с учетом использования ЭУМ

Ø     Отбирать и применять различные приемы для определения педагогического содержания разрабатываемого ЭОР

Ø     Идентифицировать и описывать характеристики целевой аудитории

Ø     Анализировать характеристики обучающей среды с учетом использования ЭУМ

Ø     Анализировать характеристики существующих и разрабатываемых технологий, а также возможностей их применения в обучающей среде

Ø     Продумывать элементы ситуации до окончательного принятия решений и стратегий в области педпроектирования

2. Вопросы, выносимые на обсуждение.

Ø     Необходимость проведения этапа предварительного планирования и анализа

Ø     Основные задачи, решаемые на этапе планирования и анализа

Ø     Этап целеполагания, операционализация целей. Преимущества «хорошо поставленных» целей.

3. Перечень используемых технических средств.

Наименование

Назначение

Примечание

Комплект мультимедийной проекционной техники

Сопровождение выступлений слушателей

Рекомендуется использование интерактивной доски

4. Рекомендации по использованию информационных технологий.

На данном занятии компьютерная техника используется для сопровождения выступлений слушателей.

5. Задание слушателям для подготовки к семинару.

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

Подготовить предварительную «заявку» на разработку ЭУМ. В «заявке» необходимо отразить рабочее название разрабатываемых электронных учебных материалов, а также в соответствии с предложенной таблицей следующие аспекты:

Выполняемый шаг

Ключевой вопрос

Результат

1. Оценка необходимости организации обучения

Можно ли действительно решать возникшую проблему с помощью обучения?

Перечень целей создания учебных материалов как части более широкой задачи. Решение о создании электронных учебных материалов

2. Выбор системы средств обучения

Можно ли решить эту проблему с помощью электронных учебных материалов? Какие еще учебные и методические материалы нужны?

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

3. Описание учебных задач и уточнение целей обучения

Чего в действительности надо достичь с помощью обучения?

Комплект материалов анализа целей и условий обучения. Иерархия целей обучения и их операционализация

Подготовить презентацию своего проекта продолжительностью до 10 минут.

Для проведения на занятии коллективного обсуждения заранее ознакомиться с «заявками», подготовленными членами мини-группы.

6. Требования к содержанию и оформлению «заявок».

«Заявка» должна быть выполнена максимально полно и убедительно, представлена в электронном виде и размещена в портфолио.

7. Список рекомендуемой литературы.

Ø    Вымятнин В.М., Демкин В.П., Можаева Г.В., Руденко Т.В. МУЛЬТИМЕДИА-КУРСЫ: МЕТОДОЛОГИЯ И ТЕХНОЛОГИЯ РАЗРАБОТКИ. - Томский государственный университет, 2003. – Тема 1. Электронный ресурс: Мультимедиа_курс_методология и технология разработки / index.html

Ø     Уваров А. Ю. Педагогический дизайн. // Информатика, еженедельная газета Издательского дома «Первое сентября». – 2003 - №30 – 32 с. (электронные версии: Модуль 1 / Педагогический дизайн_Уваров.pdf или Уваров_Педагогический дизайн.doc или Уваров_педагогический дизайн_сайт/ index.htm) + презентация к материалам: Модуль 2 / Основные процедуры разработки учебного материала.ppt

Ø     Беляев М. И., Вымятин В. М., Григорьев С. Г. и др. Основы концепции создания образовательных электронных изданий (ОЭИ): особенности применения ОЭИ на разных уровнях образования. – С.8-13. (электронный ресурс: Модуль 1/ Основы концепции создания ОЭИ.pdf)

Ø    Интернет-обучение: технологии педагогического дизайна / под ред. М. В. Моисеевой. – М.: Камерон, 2004. – С. 77-88. (Файл: Модуль 1/ Интернет-обучение_технологии педдизайна.pdf)

8. Рекомендации для преподавателей по проведению занятия

Занятие проводится в виде «деловой игры», основная цель которой презентация «заявки» на разработку ЭУМ и принятие решения «независимой комиссии» о целесообразности разработки представленных проектов и использования их в учебном процессе с учетом ожидаемых результатов.

Занятие рекомендуется построить следующим образом

Первый этап: постановка целей и задач семинарского занятия, описание плана проводимого занятия. Планируемое время – 5-7 минут.

Второй этап: работа в группах. Мини-группы к моменту проведения данного занятия уже должны быть сформированы. Рекомендуется сформировать их с учетом предметной подготовки и специальности слушателей. На данном этапе работа в группе заключается в следующем: члены группы коротко представляют друг другу свои проекты; из числа участников мини-группы выбирается представитель, который будет делать презентацию своего проекта перед всей аудиторией. Следует обратить внимание слушателей на то, что выбор представителя должен быть обоснованным, т.к. на следующем этапе члены мини-группы будут выступать в качестве «группы поддержки». Примерное время – 15 минут. Для того чтобы сократить время на ознакомление с проектами каждого члена мини-группы, рекомендуется членам мини-группы обменяться своими материалами на этапе подготовки к занятию.

Третий этап: презентация «заявок» на разработку ЭУМ. Обсуждение «заявок», принятие решения. Для формирования «независимой комиссии» каждая мини-группа назначает своего представителя в комиссию. На данном этапе заслушиваются выступления представителей каждой мини-группы. Во время выступления «своего» представителя мини-группа готовит аргументы «за» представленный проект, остальные мини-группы объективно оценивают выступление, готовят вопросы, отмечают недостатки, слабые стороны. Каждое выступление обсуждается, высказываются оппоненты и «группа поддержки». «Независимая комиссия» может задавать уточняющие вопросы, наблюдает за обсуждением, делает пометки. Для проведения экспертизы рекомендуется всем членам «независимой комиссии» раздать оценочные листы:

Тема проекта

Тема и проблематика разработки ЭУМ определены и обоснованы

Целевая аудитория определена

Цель разработки ЭУМ сформулирована

Система средств обучения определена

Учебные задачи и цели обучения поставлены

Ожидаемые результаты обучения сформулированы

Общее впечатление от презентации

1

 

 

 

 

 

 

 

 

2

 

 

 

 

 

 

 

 

3

 

 

 

 

 

 

 

 

4

 

 

 

 

 

 

 

 

 

На каждое выступление отводится до 10 минут, на обсуждение – до 5 минут. Общее время выступлений (4 докладчика) составляет 1 час.

Обсуждение выступлений «независимой комиссией», вынесение решения о поддержке наиболее удачных проектов ЭУМ и отклонении «заявок» слабых проектов с указанием замечаний и требуемых доработок.

Четвертый этап: подведение итогов занятия. Задание слушателям для подготовки к следующему занятию и по формированию портфолио.

Рекомендации: все «заявки» должны быть еще до проведения семинара размещены в портфолио слушателей, так чтобы все слушатели могли заранее с ними ознакомиться.

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

«Заявка» на разработку ЭУМ с проведенным в полной мере этапом предварительного планирования и анализа является одним из обязательных компонентов портфолио слушателей.

 

Модуль 2

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ № 4

 

Тема: Отбор содержания и дополнительных материалов для разрабатываемых ЭУМ, источники информации, авторское право

 

Продолжительность 2 часа

 

1. Учебная и воспитательная цель.

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

В результате проведенного занятия слушатели

Ø     Смогут собрать дополнительные материалы различного формата для включения в разрабатываемые ЭУМ;

Ø     Будут иметь представление о ресурсах Интернета по теме разрабатываемых ЭУМ;

Ø     Будут иметь навыки поиска информации в Интернет;

Ø     Будут иметь навыки сохранения информации из Интернета;

Ø     Смогут подобрать фрагменты, представленные на компакт-дисках;

Ø      Получат представление об авторском праве, о необходимости соблюдения этических и правовых норм, о правилах оформления ссылок на используемые информационные ресурсы

2. Краткие теоретические, справочно-информационные и т.п. материалы по теме занятия.

Ø     Осин А. В. Авторское право и экспертиза качества электронных учебных изданий. – §2 (Электронный ресурс: Модуль1/Авторское право и экспертиза ЭУИ.pdf)

Ø     Об информации, информатизации и защите информации. Федеральный закон от 20 февраля 1995 г. № 24-ФЗ, по состоянию на 1 октября 1999 г. (файл: Об информации_информатизации_защите.doc)

Ø     Электронный ресурс: Мультимедиа в образовании / index.htm. – Тема 3, п.3.2
а) Поиск, отбор и оценка информации; б) Поиск в Интернет.

Ø     Файл: Поиск информации в Интернете.doc

Библиографические правила цитирования источников

Шилова О. Н. Как разработать эффективный учебно-методический пакет средствами информационных технологий: методическая лаборатория программы Intel «Обучение для будущего»/ О. Н. Шилова, М. Б. Лебедева; под ред. Е. Н. Ястребцева. – М.: Интуит.ру, 2006.  С. 39–42.

Следует обратить внимание на то, что в связи с распространением мультимедиа существенно расширилась трактовка понятия «источник информации». Если раньше к источникам информации относили только текстовые источники, то в настоящее время рассматриваются следующие виды информационных ресурсов:

Текстовая информация;

Изоматериалы;

Картографические издания;

Аудиоинформация;

Видеоинформация;

Электронные ресурсы.

В настоящее время описание различных источников информации осуществляется в соответствии с Межгосударственным стандартом «БИБЛИОГРАФИЧЕСКАЯ ЗАПИСЬ. БИБЛИОГРАФИЧЕСКОЕ ОПИСАНИЕ. Общие требования и правила составления», который был принят в 2004 году.

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

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

1. При описании авторов издания после фамилии автора ставится запятая.

2. В библиографическом описании обязательно указывать тип издания: [Текст], [Изопродукция], [Электронное издание] и др.

3. Элементы описания делятся на обязательные и дополнительные. К числу обязательных элементов издания (они должны присутствовать в описании в обязательном порядке) относятся: автор, название, тип издания, место издания, издательство, количество страниц (или другая информация об объеме издания, соответствующая его типу).

ПРИМЕРЫ БИБЛИОГРАФИЧЕСКИХ ОПИСАНИЙ

Книги

Гиляровский, В. А. Москва и москвичи [Текст]; Друзья и встречи; Люди театра / В. А. Гиляровский. М.: ЭКСМО-пресс, 2001. 638 с.

Статьи из газет и журналов

Михайлов, С. А. Езда по-европейски [Текст] // Независимая газета. 2002, 17 июня.

Казаков, Н. А. Запоздалое признание [Текст] // На боевом посту. 2000. №9. С. 64–76; №10. С. 58–71.

Изоиздания

Картографические издания

Аудиоиздания

Видеоиздания

Электронные ресурсы

Возможные способы сохранения текстовой и графической информации

Шилова О. Н. Как разработать эффективный учебно-методический пакет средствами информационных технологий: методическая лаборатория программы Intel «Обучение для будущего»/ О. Н. Шилова, М. Б. Лебедева; под ред. Е. Н. Ястребцева. – М.: Интуит.ру, 2006.  С.50.

Способ

Алгоритм

Преимущества

Недостатки

1

Сохранение Веб-страницы полностью

1.      файл

2.      Выбрать команду «Сохранить как»

3.      Присвоить имя файлу, при этом «Тип файла» должен быть установлен «Веб-страница полностью»

Сохраняется и текст и графика;

Сохраняется имя сайта

Сохраняется много лишней информации;

Требуется много места

2

Сохранение рисунка

1.      Щелкнуть по рисунку правой кнопкой мыши (вызвать контекстное меню)

2.      Выбрать команду «Сохранить рисунок как»

3.      Присвоить имя файлу

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

Рисунок можно вставлять в любой документ

Не сохраняется автоматически адрес сайта, с которого взят рисунок

3

Сохранение текста или фрагмента текста

1.      Выделить нужный текст

2.      Вызвать контекстное меню

3.      Выбрать команду «Копировать»

4.      Открыть документ Word

5.      Вызвать контекстное меню

6.      Выбрать команду «Вставить»

7.      Сохранить текст («Файл» – «Сохранить»)

Можно сохранять только нужную информацию;

Текст легко обрабатывается в Word

Не сохраняется автоматически адрес сайта, с которого взят текст

4

Сохранение адреса сайта

1.      Выделить адрес сайта в адресной строке

2.      Вызвать контекстное меню

3.      Выбрать команду «Копировать»

4.      Перейти в Word

5.      Вызвать контекстное меню

6.      Выбрать команду «Вставить»

По данному адресу из Word можно переходить на нужный сайт;

Адрес сайта можно расположить рядом с текстом, который Вы скопировали с данного сайта

Требуется некоторое количество дополнительных манипуляций для сохранения адреса;

Требуется краткое описание самого сайта

 

3. Перечень (образцы) раздаточного материала, используемого на занятии. Не требуются.

4. Перечень и краткое описание технических (программных) средств, необходимых для проведения занятий.

Наименование

Назначение

Примечание

Компьютерный класс

Поиск, сбор объектов для разрабатываемого ЭОР

Требуется подключение к Интернету

Браузер

Для просмотра найденной информации

 

Сканер

Для подготовки материалов к ЭУМ

 

 

5. Рекомендации слушателям по подготовке к занятию с указанием литературы.

Изучить теоретические и справочно-информационные материалы по теме занятия (см. п.2);

Научиться основным приемам поиска информации в Интернете с помощью различных поисковых систем;

Наметить направления поиска информационных ресурсов по теме вашего творческого проекта;

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

Подобрать печатные издания, содержащие необходимые для ЭУМ информацию, иллюстрации и пр.

6. Рекомендации по использованию информационных технологий (при необходимости).

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

7. Практические задачи, задания, упражнения.

- С помощью поисковых средств найти в Интернете не менее 10 ссылок на ресурсы для учителя и учащихся по теме Вашего проекта, которые можно будет указать в качестве дополнительных источников информации. Заполнить таблицу:

Ссылка

Описание / аннотация

Для учителя

 

 

 

 

 

 

 

 

 

 

 

 

 

Для учащихся

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

- Изучить материалы, представленные в единой коллекции цифровых образовательных ресурсов (рабочий адрес текущей версии http://school-collection.edu.ru). Сохранить понравившиеся вам материалы с описанием для дальнейшего использования при разработке творческого проекта.

- Самостоятельно подобрать материалы (используя ресурсы Интернета) для разрабатываемого ЭОР, например, справочную информацию, исторические данные, фотографии, виртуальные демонстрационные опыты по теме вашего творческого проекта. Сохранить найденные ресурсы на компьютере. Дать описание  возможных способов использования найденных материалов в вашем проекте. Заполнить таблицу

Сохраненный файл

Ссылка-источник

Назначение

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

8. Задания слушателям для самостоятельной работы.

Самостоятельно продолжите работу по сбору дополнительных ресурсов для разрабатываемого ЭОР. Рассмотрите возможность копирования объектов ЦОР, приложений к учебникам на CD-дисках, ИУМК и др. Одновременно с копированием объектов оформляйте список цитируемых источников.

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

9. Контрольные вопросы по теме занятия.

Ø     Какими рекомендациями необходимо пользоваться при организации поиска мультимедиа-информации?

Ø     Перечислите области эффективного педагогического применения поиска мультимедиа-информации.

Ø     Какие дидактические задачи решает использование ресурсов сети Интернет?

Ø     Что такое информационный поиск?

Ø     Какие компьютерные средства называют информационно-поисковыми системами?

Ø     Какие виды информационного поиска вы знаете?

Ø     Какие нормативные документы регулируют отношения в области использования информационных ресурсов?

Ø     Опишите этические и правовые нормы, возникающие при использовании информационных источников?

Ø     Какие правила описания цитируемых информационных источников вы знаете?

10. Рекомендации для преподавателей по проведению занятия

Для проведения занятия необходимо обеспечить работу в Интернете. Для того чтобы занятие прошло продуктивно, необходимо заранее найти несколько полезных и интересных ссылок на ресурсы Интернета, содержащих учебную информацию, чтобы слушатели могли начать формировать свою коллекцию образовательных ресурсов. Особенно это важно, если слушатели не достаточно владеют навыками поиска информации в Интернете. Например, начать работу можно с изучения ресурса: http://elementy.ru/index.html – популярный сайт о фундаментальной науке; http://www.school.edu.ru/ – Российский общеобразовательный портал; http://Som.fsio.ru – сайт фонда содействия информатизации образования; сетевое объединение методистов.

Для оформления ЭОР и создания эмоционального настроя могут понадобиться анимированные эмблемы, смайлики и пр., для создания коллекции этих объектов можно порекомендовать ссылку www.gifpark.ru.

Кроме ресурсов Интернета и элементов ЦОР на CD-дисках следует предоставить возможность слушателям отсканировать фрагменты печатных ресурсов. При этом рекомендуется предоставить возможность слушателям поочередно выполнять сканирование, в промежутках между выполнением поиска информации в Интернете. По возможности необходимо установить в аудитории несколько сканеров, т.к. процесс сканирования может занимать продолжительное время.

 

Модуль 2

ЛАБОРАТОРНАЯ РАБОТА № 1

Тема: Подготовка исходных графических объектов для размещения в ЭУМ

Продолжительность 2 часа

 

1. Учебная и воспитательная цель.

v    В ходе проведения занятия, научить пользоваться цифровыми техническими устройствами: сканером, цифровым фотоаппаратом, графическим планшетом.

v    Познакомить с программой обработки графических изображений Photoshop. Сформировать начальные навыки работы в данном редакторе

v    Слушатели должны

Ø     усвоить следующие понятия: растровая графика, пиксел, разрешение.

Ø     научиться оцифровывать графические изображения, корректировать контрастность и яркость цветных изображений.

2. Вопросы (задачи), подлежащие исследованию.

Ø     Какие средства графического редактора позволяют повысить качество графических изображений;

Ø     Какими средствами можно добиться оптимального соотношения качество-объем.

3. Краткие теоретические материалы.

Ø     Вуль В. А. Электронные издания: учебник. Глава 3, П3.3 (электронный ресурс: Модуль1/Вуль_электронные издания/ index.html)

Ø     Основы работы в Photoshop


1) На лабораторной работе предстоит обрабатывать изображения в графическом редакторе  Photoshop. Так выглядит окно редактора после загрузки в него одного документа.

Заголовок окна программы. Это верхняя строка редактора. Здесь находятся три кнопки, управляющие видом окна. Они стандартны для всех приложений ОС Windows.

 

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

 

 

Файл – работа с файлами: создание, открытие и сохранение документов; настройка и запуск печати; импорт и экспорт документов; ввод информации о документе; выход из редактора; автоматическая обработка изображений.

Редактирование: копирование, удаление и вставка выделенных областей; отмена и возврат действий; трансформация выделенных областей; обводка и заливка; настройка редактора и система управления цветом.

Изображение – работа с изображением в целом: дублирование, изменение размеров холста и изображения, его вращение, тоновая и цветовая коррекция, изменение цветовой модели, и т.д.

Слой – работа со слоями: создание, дублирование, удаление и сведение слоев, эффекты слоя, группировка слоев, выравнивание и равномерное распределение объектов на связанных слоях, маски слоев и т.д.;

Выделение – работа с выделениями: выделение всего изображения, снятие и восстановление выделения, инвертирование и трансформация выделения, сжатие, расширение, растушевка и сглаживание выделения; выделение областей заданного цвета, загрузка и сохранение выделения;

Фильтр – фильтры Photoshop;

Просмотр – управление внешним видом редактора: масштаб и режимы показа документа, показ напрвляющих, сеток, координатных линеек; создание направляющих, привязка к сетке и направляющим;

Окно – одновременная работа с разными документами или с одним документом в разных окнах; вызов панелей инструментов и плавающих палитр на экран;

Справка – открытие документа с руководством пользователя.

 

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

 

Так выглядит Панель свойств для разных инструментов.

 

·       Для  кадрирования:

 

·       Для текста:

 

·       Для кисти:

 

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

Перечень инструментов:

1.     Инструменты для выделения областей правильной формы: Прямоугольная область, Эллиптическая область, Одна строка, Один столбец.

2.     Инструмент для перемещения выделенных областей.

3.     Инструменты для выделения произвольных областей: лассо, прямоугольное лассо, магнитное лассо.

4.     Инструмент для выделения областей одного цвета (Волшебная палочка).

5.     Инструмент для обрезания изображения по краям (Кадрирование).

6.     Инструмент для разрезания изображения на фрагменты: Раскройка, Выделение фрагмента.

7.     Инструменты для ретуширования: Исцеляющая кисть, Заплата, Красный глаз.

8.     Инструменты для рисования: Кисть, Карандаш, Замена цвета.

9.     Инструменты для копирования частей изображения: Штамп, Узорный штамп.

10.  Инструменты для восстановления предыдущих состояний изображения: Архивная кисть, Архивная художественная кисть.

11.  Инструменты для стирания: Ластик, Фоновый ластик, Волшебный ластик.

12.  Инструменты для окраски выделенных областей: Градиентная заливка, Заливка.

13.  Инструменты для управления резкостью: Размытие, Резкость, Палец.

14.  Инструменты для управления яркостью: Осветлитель, Затемнитель, Губка.

15.  Инструменты для выделения векторных контуров: Выделение контура, стрелка.

16.  Инструменты для ввода текста: Горизонтальный текст, Вертикальный текст, Маска горизонтального текста, Маска вертикального тТекста.

17.  Инструменты для рисования и редактирования векторных контуров: Перо, Свободная форма, Добавить опорную точку, Удалить опорную точку, Угол.

18.  Инструменты для рисования векторных фигур: Прямоугольник,  Закругленный прямоугольник, Эллипс, Многоугольник, Прямая, Произвольная фигура.

19.  Инструменты для создания комментария: Комментарий, Аудио.

20.  Инструменты для измерения расстояний и углов, для измерения и копирования цвета: Пипетка, Цветовой эталон, Линейка.

21.  Инструмент для перемещения изображения в окне (Рука).

22.  Инструмент для просмотра изображения в разных масштабах (Лупа).

 

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

 

 


2) Для исправления недостатков фотографий, связанных с неправильным распределением светов и теней или с нарушением цветового баланса, а также для проведения операций, которые чаще всего производятся с изображением в целом: изменение его размеров и разрешения пользуются пунктом меню Изображение:

 

Тоновая коррекция изображений

Суть тоновой коррекции состоит в перераспределении светов и теней между пикселами, то есть в регулировке яркости и контрастности изображения. Инструмент Гистограмма (вызвать: Окно ® Гистограмма) позволяет оценить разброс между минимальной и максимальной яркостью изображения (динамический диапазон). С его помощью можно получить также наглядное представление о распределении всех тонов в изображении.

Гистограмма яркости изображения – это график, где по горизонтальной оси отложены все возможные уровни яркости от 0 до 255, а по вертикальной оси – число пикселов изображения (или выделенной его части), обладающих этой яркостью. Часть диапазона, которая используется в изображении, называется его тоновым диапазоном.

Крайняя слева точка гистограммы соответствует нулевой яркости (точка черного), а крайняя справа – максимально возможной яркости (точка белого). Чем шире тоновый диапазон, тем больше деталей может передать изображение и тем выше его качество. Условно тоновый диапазон делится на три части. Левая часть соответствует темным местам в изображении и называется тенями, правая – светлым местам и называется светами. Между ними находятся средние тона. Эта самая большая часть.

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

Виды изображений и соответствующие им гистограммы:

  

 

2

 

3

 

1

 
        

  1. В светлом изображении все объекты ярко высвечены.
  2. Нормальное изображение характеризуется равномерным распределением тонов по всем трем областям.
  3. В темном изображении многие важные детали скрыты в теневых областях.

Смысл тоновой коррекции состоит в придании изображению максимального динамического диапазона. Для оценки тоновой коррекции профессиональные растровые редакторы предоставляют широкий набор средств, среди которых можно отметить два мощных инструмента – Уровни и Кривые; а также, Яркость/Контрастность.

Познакомимся с инструментальными средствами команды Уровни.

Вызовем окно диалога Уровни, выполнив команду Изображение ® Коррекция ® Уровни:


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

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

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

Набор пипеток предназначен для установки значений белой, черной и серой точек.

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

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

Кнопка Авто  приводит к автоматической тоновой коррекции.

 

4. Рекомендации слушателям по подготовке к лабораторной работе с указанием литературы.

Ø     Ознакомиться с краткими теоретическими и справочными материалами, предложенной литературой и ЦОР;

Название

Автор

Вид издания (учебник, учебное

пособие)

Место издания, издательство, год издания, кол-во страниц

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

Петров М.Н., Молочков В.П

учебник

Питер, 2003

Photoshop 7

Панкратова Т.В

учебное пособие

Питер, 2005

Фотография и Photosop

Ефремов А.

учебное пособие

Питер, 2005

Компьютерная графика и дизайн. Диск 1.

Катханова Ю.Ф., Кирьянова Е.Н., и др.

Мультимедиа учебник на CD

Москва, 2003

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

 

Электронное учебное изд-ие

2003

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

Петров М.П., Молочков В.П.

Мультимедиа учебник на CD

Питер, 2002

Ø     Подобрать печатные издания, содержащие иллюстрации для разрабатываемых ЭУМ;

Ø     Подготовить необходимые графические объекты, отобранные для ЭУМ на предыдущем практическом занятии и самостоятельно.

5. Описание лабораторного оборудования.

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

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

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

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

6. Краткое содержание работы, выполняемой слушателями в ходе занятия.

1.     С помощью сканера ввести в компьютер заранее приготовленные рисунки. Используя цифровой фотоаппарат, сделать необходимые фотографии и перенести все в компьютер.

2.     В программе Photoshop подкорректировать цветовую гамму отснятых  изображений

2.1.  Коррекция путем растягивания тонового диапазона;

2.2.  Коррекция путем сужения тонового диапазона;

2.3.  Коррекция с определением белой и черной точек;

3.     Изменение размеров изображения и разрешения

3.1.  Изменение размеров изображения при неизменном разрешении;

3.2.  Изменения разрешения при неизменных физических размерах изображения;

3.3.  Подготовка изображения к печати.

3.4.  Подготовка изображения для размещения в ЭУМ.

4.     Подготовка собственных графических объектов для размещения в ЭУМ.

 

7. Порядок проведения лабораторной работы.

1. Сканирование

Под крышку такого сканера «лицом» на стекло может закладываться не только отдельный лист или страница, а целая развернутая книга или журнал.


Познакомимся с технологией сканирования на примере использования программы Мастер работы со сканером или цифровой камерой. Эта программа является стандартной в ОС Windows XP. Чтобы ее запустить необходимо сканер подключить к компьютеру. Наряду с перечнем имеющихся дисков появится название подключенного устройства:

Технология сканирования:

1.     Положите сканируемый материал в сканер лицевой частью на стекло и закройте крышкой. Вызовите программу Мастер работы со сканером

2.    

Нажмите кнопку Просмотр. В области просмотра вы увидите сканируемое изображение.

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

4.     Выделите в области просмотра с помощью мышки именно тот фрагмент, который вы хотите отсканировать.

5.    

Следующим шагом необходимо задать имя, формат файла и указать путь сохранения изображения.

 

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

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

2.     В программе Photoshop подкорректировать цветовую гамму отснятых  изображений

2.1.  Коррекция путем растягивания или сужения тонового диапазона;

·       Откройте изображение 1_21.jpg из папки primer. Выполните команду Изображение ® Коррекция ® Уровни.

·       В полях Входные уровни вы видите значения входных уровней, то есть граничных уровней яркости. В начале настройки они равны 0 и 255. В среднем поле – яркость среднего тона, она может изменяться от 0 до 10. По умолчанию она равна 1.

·        Установите флажок Предварительный просмотр, чтобы по виду изображения можно было судить о происходящих  с ним изменениях.

·       Сначала зададим черную точку изображения. Щелкните на левом ползунке (он черного цвета) и перетащите его вправо, в то место, где уже есть заметное количество пикселов. Все изображение потемнело.

·       Теперь задайте белую точку изображения, передвинув правый  ползунок влево. Изображение снова посветлело. Оно стало более контрастным, чем раньше.

·       Можно подрегулировать средние тона, не трогая больше границы диапазона. Для этого подвигайте в разные стороны средний серый ползунок и выберите оптимальное его положение. Средние тона обычно регулируют, когда диапазон сдвигается в одну сторону.

·       Откройте гистограмму, обратите внимание, какой она стала после коррекции. Изображение сохраните.

2.2.  Коррекция путем сужения тонового диапазона.

·       Откройте изображение 1_22.jpg из папки primer. Выполните команду Изображение ® Коррекция ® Уровни.

·       Передвиньте черный и белый ползунки на Выходных уровнях, чтобы осветлить самые темные места изображения и затемнить самые светлые.

·       Изображение стало менее контрастным. Чтобы вернуть прежнюю контрастность или хотя бы приблизиться к ней, расширьте диапазон, как это делали в предыдущем упражнении.  отсеките места гистограммы, где мало пикселов.

·       Результат сохраните

2.3.  Коррекция с определением белой и черной точек

·       Откройте файл 1_23.jpg из primer; За детьми есть светлые пятна от окна. Наша задача откорректировать фотографию не учитывая эти пятна.

·       Выполнить команду Изображение ® Коррекция ® Уровни;

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

·       Теперь при нажатой клавише Alt перемещайте правый ползунок гистограммы, пока все изображение не станет белым, кроме пятен на черной форме. Запомните число в правом окне Входные уровни. Это белая точка изображения. Верните ползунок на место.

·       Теперь введите черную точку изображения в правое поле, а белую – в левое. Подрегулируйте на глаз средние тона.

·       Сохраните изображение под именем deti.jpg

3.     Изменение размеров изображения и разрешения

3.3.  Изменение размеров изображения при неизменном разрешении;

·       Откройте изображение 1_33.jpg из папки primer. Сделайте дубликат изображения, выполнив команду Изображение ® Создать дубликат. Получим изображение 1_33(копия). Исходный документ оставляем без изменения.

·       Работаем с изображением 1_33(копия). Выполните команду Изображение ® Размер изображения. В диалоговом окне обратите внимание на размер изображения – 806,3K. Обратите внимание, чтобы были установлены ниже флажки: Сохранить пропорции и Интерполяция.

·       В разделе Размеры в пикселах введите в поле Ширина 300 вместо 640. Вы видите, что все размеры пересчитаны, а значение в поле Разрешение осталось прежним. Новый размер файла – 177,2К. размер файла уменьшился, так как пикселов стало меньше.

·       Нажмите на Ок. Видим, изображение уменьшилось. Сделаем дубликат этого файла, получим документ 1_33(копия)2.

·       Имеем два изображения - 1_33(копия) и 1_33(копия)2 с одинаковыми параметрами. Теперь увеличим эти изображения до прежних размеров. Сделаем это разными методами.

·       Выполним команду Изображение ® Размер изображения. В поле ширина вернем значение 640. В раскрывающемся списке Интерполяция выберем метод интерполяции при увеличении числа пикселов в изображении. Для первой копии – Бикубическая, для второй – По соседним. Размеры файлов выросли до прежнего объема – 808,1К.

·       Сравним качество всех трех изображений. Увеличим масштаб до 200%. При более детальном рассмотрении можно заметить, что первая копия хуже исходного изображения, а вторая копия хуже первой.

При уменьшении пикселов в изображении качество не меняется, а при увеличении – падает. Наиболее эффективный режим увеличения пикселов – Бикубический.

3.4.  Изменения разрешения при неизменных физических размерах изображения.

·       Откройте изображение 1_33.jpg из папки primer.

·       Как в предыдущем задании вызовите окно Размер изображения. Установите флажки Сохранять пропорции, Интерполяция. Метод интерполяции Бикубический

·       В поле Разрешение введите 96 dpi вместо исходных 72. Обратите внимание на то, что число пикселов в изображении выросло до 853 по ширине, размер файла вырос до 1,4М.

·       Нажмите Ок. Изображение увеличилось. Для обоих изображений включить режим просмотра при печати, выполнив команду Просмотр ® Размер при печати. Теперь они стали одинакового размера.

3.5.  Подготовка изображения к печати.

·       Откройте изображение 1_35.jpg

·       Откройте диалоговое окно Размер изображения;

·       Снимите флажок Интерполяция. Остался доступным раздел Размер печатного оттиска.

·       Введите желаемую ширину отпечатка в поле Ширина или желаемую высоту в поле Высота. При вводе любого из этих значений второе меняется автоматически в заданной пропорции. Значение поля Разрешение при этом также меняется, отражая число пикселов на дюйм при новых размерах отпечатка.

Для нормальной четкости фотографии, разрешение должно быть не меньше 300пикс/дюйм.

·       Закройте диалоговое окно. Чтобы проверить корректность размеров отпечатка, сделаем видимыми линии разметки сверху и сбоку от изображения. Для этого выполним команду Просмотр ® Линейки.

3.6.  Подготовка изображения для размещения в ЭУМ.

·       Откройте изображение 1_35.jpg

·       Откройте диалоговое окно Размер изображения;

·       Установите флажок Интерполяция (Бикубическая). При этом становится доступным раздел Размер в пикселах.

·       Установите флажок Сохранять пропорции, чтобы сохранить исходное соотношение ширины и высоты.

·       Введите новые размеры в верхние поля Ширина и высота. Например ширина 100 пикселов.

·       Закройте диалоговое окно. Чтобы увидеть фотографию в виде, котором она появится на экране, выполните команду Вид ® Фактический размер. В нашем примере получится миниатюра.

8. Техника безопасности.

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

9. Исходные данные для работы.

Для выполнения фронтальных заданий используются заготовленные заранее преподавателем рисунки (папка primer);

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

10. Методика анализа полученных результатов.

Анализ полученных результатов при выполнении фронтальной работы осуществляет преподаватель, просматривая результаты работы слушателей;

Результаты подготовки собственных графических иллюстраций оценивают сами слушатели с точки зрения качества полученного изображения, размеров полученного изображения (с учетом размещения на экране в разрабатываемых ЭУМ) и объема файла графического изображения (объем файла должен быть минимальным при условии сохранения качества изображения).

11. Порядок оформления отчета по лабораторной работе и его защиты.

Отчет по лабораторной работе проводится в конце занятия. Слушатели демонстрируют подготовленные для размещения в ЭУМ графические изображения: исходные и обработанные.

Все результаты работы размещаются в портфолио в специальной папке (например, pictures).

12. Рекомендации для преподавателей по проведению занятия

Лабораторная работа проводится по подгруппам.

Занятие рекомендуется построить следующим образом:

Первый этап: постановка целей занятия, описание хода проведения занятия. Примерное время – 5 минут.

Второй этап: получение исходных графических изображений с помощью сканера и цифрового фотоаппарата. Рекомендуется использовать одновременно, по крайней мере, 2 сканера и 2 фотоаппарата. Подгруппа делится на 4 мини-группы: две из них работают со сканерами, две – с фотоаппаратами. Затем мини-группы меняются.

Примерное время – 20 минут.

Третий этап: фронтальная работа с целью приобретения первоначальных навыков работы в графическом редакторе.

Примерное время – 30 минут.

Четвертый этап: индивидуальная работа – подготовка к размещению в ЭУМ собственных графических изображений.

Примерное время – 20 минут.

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

Задание слушателям для самостоятельной работы: продолжить самостоятельно подготовку иллюстраций для ЭУМ, результаты работы разместить в портфолио. В Журнале разместить свои размышления о проведенном занятии и том опыте, который был приобретен.

Примерное время – 15 минут.

 

Модуль 2

ЛАБОРАТОРНАЯ РАБОТА № 2

Тема: Подготовка логотипа, обложки на CD/DVD

Продолжительность 4 часа

 

1. Учебная и воспитательная цель.

v    Познакомить с программой обработки графических изображений Illustrator. Сформировать начальные навыки работы в данном редакторе;

v    Способствовать развитию творческого потенциала слушателей;

v    Слушатели должны

- знать понятие векторной графики, название графических программ для ее создания, отличие векторной и растровой графики;

- владеть основными приемами работы в графическом редакторе Illustrator;

- проектировать и создавать элементы оформления ЭУМ как конечного продукта.

2. Вопросы (задачи), подлежащие исследованию.

Ø     Понятие векторной графики, ее особенности и отличие от растровой графики;

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

Ø     Взаимосвязь между количеством изображаемых объектов и объемом файла;

Ø      Форматы файлов векторной графики.

3. Краткие теоретические или справочно-информационные материалы.


1) Прежде, чем приступить к созданию иллюстраций в Illustrator, необходимо изучить инструменты и средства управления интерфейсом программы. Illustrator, как и Photoshop является продуктом компании Adobe, поэтому они имеют схожий пользовательский интерфейс. Программа Adobe Illustrator выглядит так:

Меню. в верхней части окна программы расположены меню, в которых содержатся подменю команд и параметров.

Плавающие палитры. Это плавающие окна со вкладками, которые при необходимости можно открыть и закрыть.

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

Рабочая область – это квадратная область 227,5´227,5 дюймов (578´578 см), которая занимает практически все пространство в пределах окна документа. Она доступна для создания, редактирования и временного хранения элементов иллюстрации. При реальном размере можно видеть лишь небольшую часть рабочей области. Маленький документ размером с письмо выглядит просто крошечным в рабочей области, которая довольна велика. Если «заблудиться» на рабочей области (в такую ситуацию легко попасть, если щелкнуть несколько раз по полосе прокрутки, расположенной в нижней части окна документа), то необходимо выполнить команду Просмотр ® Целый документ.

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

Панель инструментов.  Данная палитра содержит основные инструменты. Каждому инструменту соответствует определенный значок. Для того чтобы выбрать инструмент, достаточно щелкнуть на необходимом значке.

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

 

 

Примеры раскрывающихся наборов дополнительных инструментов:

·       Рисование простых фигур:

 

·       Линия, дуга, спираль, прямоугольная сетка, полярная сетка:

·       Ввод текста в различных направлениях:

 

2) Использование инструментов выделения.

o      Выделение .

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

o      Прямое выделение

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

4. Рекомендации студентам по подготовке к лабораторной работе с указанием литературы.

Ø     Ознакомиться с краткими теоретическими и справочно-информационными материалами по теме занятия;

Ø     Продумать и подготовить эскизы для создания изображения на CD и обложки для будущих ЭУМ, подобрать соответствующие изображения.

 

5. Описание лабораторного оборудования

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

Установленный графический редактор Adobe Illustrator, по возможности цветной струйный принтер с возможностью нанесения изображений на компакт-диски.

6. Краткое содержание работы, выполняемой студентами в ходе занятия.

1.     Применяя методы выделений, создать единый рисунок из отдельных объектов.

2.     С помощью масштабирования, вращения, искажения различных объектов сделать:


·       логотип по образцу.

·       обложку к диску по образцу.


                                         

логотип                                                   обложка

3.     Придумать логотип и обложку на свой диск. Реализовать их в программе Adobe Illustrator.

7. Порядок проведения лабораторной работы.

1. Создание единого рисунка из отдельных объектов.

·       Откройте файл 4_11 из папки primer

·       Убедитесь в том, что рисунок виден весь. Если нет, то выполните команду Просмотр ® Целый документ. Справа представлен готовый проект, слева можно увидеть объекты, необходимые для создания собаки.

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

·       С помощью инструмента Выделение установите на свои места оба уха, пучок волос и пасть.

·       Выделив голову собаки, выберите команду Объект ® Закрепить ® Выделенное. Это надо сделать для того, чтобы зафиксировать позицию выделенного объекта. После этого выделение фигуры головы станет невозможным до тех пор, пока не будет выбрана команда Объект ® Освободить все. Оставьте пока фигуру головы заблокированной.

·       Выберите на панели инструментов Прямое выделение . Щелкните мышью на точке привязки первого гребня пучка волос. При выделении отдельная точка закрашивается (активируется), в то время как отдельные точки остаются полыми (неактивными). Щелкните мышью и перетащите указанную узловую точку в новое положение.

·       Таким же образом выделите по отдельности оставшиеся точки привязки, расположенные на пучке волос, и переместите их в различных направлениях. После выполнения этих действий волосы собаки приобретут взъерошенный вид.

·       Выберите инструмент Выделение. Фигура глаза состоит из нескольких объектов. Выделите все три объекта этой фигуры, воспользовавшись рамкой выделения. Затем выполните команду Объект ® Сгруппировать. Переместите фигуру в виде глаза на свое место, туда, где должен находиться левый глаз.

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

·       Сохраните, выполнив команду Файл ® Сохранить Как.

2. В программе Illustrator создать логотип и обложку к диску.

Логотип. Сделать логотип по образцу

·       В программе Illustrator с помощью инструмента  нарисовать окружность.

·       Выбрав инструмент интерактивная заливка , закрасим окружность. Для этого выделим закрашиваемый объект, выбрав интерактивную заливку, щелкнем в центре окружности. На палитре цветов выбрать нужный цвет окрашиваем область.

·       В центре делаем окружность белого цвета, для этого:

o      выбираем инструмент окружность. Щелкаем мышкой на рабочей области, появится окно, где задаются параметры эллипса – введем ширину и высоту 2,5 см.

o      выбрать заливку белого цвета.

o      Переместить полученный белый круг в центр.

·       С помощью инструмента вставка текста , сделать необходимые надписи. Деформируйте текст по своему усмотрению, выполнив команду Эффект ® Деформация.

·       Добавьте графический объект из библиотеки символов. Для этого выполните команду Окно ® Библиотека символов ® Природа.

Обложка.

·       Подготовим изображения, которые потребуются при создании обложки, для этого:

o      В программе Photoshop открыть файл 4_31_1. Выполним кадрирование понравившегося фрагмента фотографии под фон обложки размером 12см´12см, разрешением 300 dpi (для печати). Сохраним полученное изображение под именем fon.tif

o       В программе Photoshop открыть файл 4_31_2. Выполним кадрирование логотипа ДВГГУ. Сохраним под именем logo.psd

·       В программе Illustrator создадим новый документ размером 12см´12см.

·       Выполнив команду Файл ® Поместить ® fon.tif, разместим фон обложки.

·       Выполнив команду Файл ® Поместить ® logo.psd, разместим логотип. Переместим логотип в верхний левый угол. С помощью операции масштабирования, увеличим изображение до нужных нам размеров.

·       С помощью инструмента вода текста, внести необходимые надписси. Ипользуя параметры надписи, различные эффекты, сделать обложку как можно более привлекательной.

·       Сохранить полученную иллюстрацию под именем обложка.ai.

·       Если есть необходимость сохранить полученное изображение как картинку в формате JPG, выполнить команду: Файл ® Экспортировать.

 

8. Исходные данные для работы.

Для выполнения фронтальных заданий используются заготовленные заранее преподавателем рисунки (папка primer);

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

9. Методика анализа полученных результатов.

Анализ полученных результатов при выполнении фронтальной работы осуществляет преподаватель, просматривая результаты работы слушателей;

Результаты выполнения индивидуальных графических работ оценивают сами слушатели с точки зрения качества полученного изображения, размеров полученного изображения, объема файла графического изображения, а также соответствия изображения содержанию ЭУМ, привлекательности нанесенных на компакт-диск изображений, эстетичности и привлекательности обложки для CD/DVD-диска.

10. Порядок оформления отчета по лабораторной работе и его защиты.

Отчет по лабораторной работе проводится в конце занятия. Слушатели демонстрируют подготовленные для нанесения на компакт-диск изображения и обложки для упаковки компакт-дисков; комментируют свою разработку.

Все результаты работы размещаются в портфолио в специальной папке (например, pictures).

11. Техника безопасности.

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

12. Рекомендации для преподавателей по проведению занятия

Работа рассчитана на 4 часа (2 пары). Рекомендуется разбить на 2 этапа.

1.     Первая пара:

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

Примерное время - 10-15минут.

Второй этап: фронтальная работа слушателей по выполнению заданий:

·                 Создание нового документа, задание параметров документа.

·                 Рисование простых фигур. Выделение фигуры, группы фигур. Выделение с помощью разных инструментов – инструментов Выделение и Прямое выделение. Оценить разницу использования этих инструментов.

Примерное время – 15 минут.

Третий этап: Фронтальная работа слушателей по выполнению заданий первых двух  пунктов лабораторной работы по описанию  (по образцу).

Примерное время – 1 час.

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

2.     На второй паре

Первый этап: постановка целей занятия, информация о ходе проведения занятия – 5-10 минут.

Второй этап: индивидуальная работа слушателей – изготовление собственных иллюстраций к диску с ЭУМ и/или личным портфолио.

Примерное время – 1 час.

Третий этап: подведение итогов занятия. Презентация полученных материалов с коллективным обсуждением.

Примерное время – 20-25 минут.

Модуль 2

СЕМИНАР (СЕМИНАРСКОЕ ЗАНЯТИЕ) № 4

 

Тема: Реализация принципов дидактики в ЭУМ

Продолжительность 2 часа

1. Учебная и воспитательная цель.

Сформировать у слушателей убеждение о необходимости реализации в ЭУМ принципов дидактики;

Содействовать формированию компетентностей:

Ø     Умение участвовать в дискуссии;

Ø     Умение отстаивать свою точку зрения;

Ø     Умение находить совместное решение;

Ø     Умение отвечать на незапланированные вопросы;

Ø     Умение работать в команде.

2. Вопросы, выносимые на обсуждение.

Ø     Соответствие средств обучения принципам дидактики;

Ø     Психолого-педагогические особенности применения электронных средств обучения, их влияние на процесс усвоения;

Ø     Достоинства и недостатки применения электронных средств обучения;

Ø     Оптимистические и пессимистические взгляды на применение электронных средств обучения

3. Перечень используемых технических средств.

Наименование

Назначение

Примечание

Комплект мультимедийной проекционной техники

Сопровождение выступлений слушателей

Рекомендуется использование интерактивной доски

4. Рекомендации по использованию информационных технологий.

На данном занятии компьютерная техника используется для сопровождения выступлений слушателей.

5. Перечень тем рефератов и докладов к семинарам.

Ø     Реализация принципа наглядности в ЭУМ;

Ø     Развитие мышления с помощью ЭУМ;

Ø     Реализация интерактивности и коммуникативности учебного процесса с помощью ЭУМ;

Ø     Развитие мотивации и учебной активности обучаемых с помощью ЭУМ

6. Требования к содержанию и оформлению рефератов и докладов.

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

7. Рекомендации слушателям по подготовке к занятию. Список рекомендуемой литературы.

Ø    Вымятнин В.М., Демкин В.П., Можаева Г.В., Руденко Т.В. МУЛЬТИМЕДИА-КУРСЫ: МЕТОДОЛОГИЯ И ТЕХНОЛОГИЯ РАЗРАБОТКИ. - Томский государственный университет, 2003. – Тема 1, 2, 5. Электронный ресурс: Мультимедиа_курс_методология и технология разработки / index.html

Ø    Руденко-Моргун О. И. Главы из докторской диссертации «Принципы моделирования и реализации электронного учебно-методического комплекса по русскому языку на базе технологий гипермедиа». – п. 4.3. Принципы моделирования и реализации электронного учебно-методического комплекса. – Файл: Принципы моделирования и реализации ЭУМК.doc

Ø    Электронный ресурс: Мультимедиа в образовании / index.htm. – Тема 3.

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

Работа над докладом выполняется в составе мини-группы. При этом каждая мини-группа не только готовит доклад по выбранной теме, но и собирает убедительные аргументы, убеждающие и доказывающие преимущества электронных средств обучения в реализации выбранного принципа дидактики. А также по всем остальным темам готовит контраргументы. Аргументы «за» и «против» необходимо занести в таблицу, например:

Реализация принципа наглядности в ЭУМ

«за»

«против»

1) Лучше один раз увидеть, чем сто раз услышать

2)

1) Излишняя наглядность вытесняет из процесса обучения вербальность (слово, печатный текст)

2) Рассеивается внимание

Развитие мышления с помощью ЭУМ

«за»

«против»

1) Имитация и моделирование побуждают к исследованию

2)

1) Опыты лучше проводить своими руками

2) Вместо проведения исследования, учащиеся предпочитают найти готовый ответ в Интернете

Реализация интерактивности и коммуникативности учебного процесса с помощью ЭУМ

«за»

«против»

 

1) Наивысшая степень интерактивности достигается при взаимодействии учителя и ученика

2) Работа с компьютером «изолирует» учащихся

Развитие мотивации и учебной активности обучаемых с помощью ЭУМ

«за»

«против»

1) Изучение ЭУМ – это самостоятельное обучение, предоставляющее больше свободы за счет того, что обучаемые сами решают, что делать и в каком темпе

2)

1) Не все учащиеся могут самостоятельно учиться

 

8. Рекомендации для преподавателей по проведению занятия

Занятие рекомендуется построить следующим образом:

Первый этап: постановка целей занятия, информация о ходе проведения занятия. Примерное время – 5-7 минут.

Второй этап: представление докладов и коллективное обсуждение рекомендуется построить в виде «Перекрестной дискуссии». Содержание материала позволяет реализовать данную методику, т.к. обсуждаемые вопросы могут вызывать противоположные суждения. При подготовке к занятию слушатели должны были заранее подготовить аргументы «за» и «против» по каждому докладу.

Каждая мини-группа представляет свой доклад. На каждый доклад отводится до 15 минут. После доклада слушатели из других мини-групп высказывают заготовленные заранее контраргументы. Участники представляющей доклад мини-группы отвечают на вопросы, приводят свои доводы. На обсуждение докладов следует отвести 5-7 минут.

Рекомендуется вовремя обсуждения совместно заполнять таблицу, добавив в нее еще один столбец, например:

Реализация принципа наглядности в ЭУМ

«за»

«против»

Совместное решение

1) Лучше один раз увидеть, чем сто раз услышать

2)

1) Излишняя наглядность вытесняет из процесса обучения вербальность (слово, печатный текст)

2) Рассеивается внимание

 

Развитие мышления с помощью ЭУМ

«за»

«против»

Совместное решение

1) Имитация и моделирование побуждают к исследованию

2)

1) Опыты лучше проводить своими руками

2) Вместо проведения исследования, учащиеся предпочитают найти готовый ответ в Интернете

 

Реализация интерактивности и коммуникативности учебного процесса с помощью ЭУМ

«за»

«против»

Совместное решение

 

1) Наивысшая степень интерактивности достигается при взаимодействии учителя и ученика

2) Работа с компьютером «изолирует» учащихся

 

Развитие мотивации и учебной активности обучаемых с помощью ЭУМ

«за»

«против»

Совместное решение

1) Изучение ЭУМ – это самостоятельное обучение, предоставляющее больше свободы за счет того, что обучаемые сами решают, что делать и в каком темпе

2)

1) Не все учащиеся могут самостоятельно учиться

 

Примерное время второго этапа – 1 час 20 минут.

Третий этап: подведение итогов занятия: следует отметить наиболее сильные аргументы, прозвучавшие в ходе дискуссии. Задание слушателям для самостоятельной работы: обобщить результаты дискуссии и разместить в «Журнале заметок» свои размышления о проведенном занятии и приобретенном опыте.

Модуль 2

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ № 5

 

Тема: Проектирование ЭУМ. Разработка педагогических сценариев ЭУМ, выбор форм и методов обучения

Продолжительность 4 часа

 

1. Учебная и воспитательная цель.

Сформировать у слушателей представление о проектировании педагогического процесса с использованием ЭУМ, разработки педагогического сценария, как необходимого этапа создания ЭУМ.

Развивать коммуникативные умения, такие как умение участвовать в дискуссии, умение отстаивать свою точку зрения.

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

В результате проведенного занятия слушатели

Ø     Смогут определить, какой тип компьютерного обучения предполагается реализовать с помощью разрабатываемых ЭУМ;

Ø     Смогут спланировать формы и методы обучения с помощью ЭУМ;

Ø     Разработают учебную структуру ЭУМ;

Ø     Разработают учебный план проведения занятий с учетом интеграции ЭУМ;

Ø     Определят возможные виды и условия использования ЭУМ в учебном процессе;

Ø     Разработают модель учебного занятия с использованием ЭУМ;

Ø     Смогут разработать методические рекомендации по использованию ЭУМ.

2. Краткие теоретические, справочно-информационные и т.п. материалы по теме занятия.

Ø    Можаева Г.В., Тубалова И.В. КАК ПОДГОТОВИТЬ МУЛЬТИМЕДИА КУРС?: Методическое пособие для преподавателей. - Томский государственный университет, 2002. – Тема 1. Электронный ресурс: Как подготовить мультимедиа курс / index.html

Ø    Руденко-Моргун О. И. Главы из докторской диссертации «Принципы моделирования и реализации электронного учебно-методического комплекса по русскому языку на базе технологий гипермедиа». – п. 5. Методический сценарий как основа внедрения электронного учебно-методического комплекса по русскому языку. – Файл: Методический сценарий как основа внедрения ЭУМК.doc

Ø     Рабочие материалы О.И. Руденко-Моргун, представленные в папке «Сценарии»

Ø     Уваров А. Ю. Педагогический дизайн. // Информатика, еженедельная газета Издательского дома «Первое сентября». – 2003 - №30 – Тема: Разработка сценария ЭУМ (электронные версии: Педагогический дизайн_Уваров.pdf или Уваров_Педагогический дизайн.doc или Уваров_педагогический дизайн_сайт/ index.htm)

Ø     Презентации по материалам Уварова А. Ю. Педагогический дизайн. Файлы: Разработка сценария электронных учебных материалов.ppt; Основные процедуры разработки учебного материала.ppt

Ø    Интернет-обучение: технологии педагогического дизайна / под ред. М. В. Моисеевой. – М.: Камерон, 2004. – С. 88-135 (Файл: Модуль 1/ Интернет-обучение_технологии педдизайна.pdf)

Ø    Методические рекомендации с существующим ИУМК и ЦОР (приложения к учебникам)

3. Перечень раздаточного материала, используемого на занятии.

1-е занятие: карточки с коллекцией цифровых объектов для выполнения практического задания №1; карточки для проведения ситуационного анализа (практическое задание №2);

2-е занятие: таблица для заполнения «Педагогические и методические подходы к использованию ЭУМ» (практическое задание №3); оценочный лист (см. рекомендации преподавателю по проведению занятия).

4. Перечень и краткое описание технических (программных) средств, необходимых для проведения занятий.

Наименование

Назначение

Примечание

Комплект мультимедийной проекционной техники

Сопровождение выступлений слушателей

Рекомендуется использование интерактивной доски

Компьютерный класс

Выполнение практических заданий

 

Комплект ЦОР и ИУМК

 

5. Рекомендации слушателям по подготовке к занятию с указанием литературы.

При подготовке к занятию необходимо изучить теоретические и справочно-информационные материалы по теме занятия (п. 2); обратить особое внимание на методические рекомендации к существующим ИУМК и ЦОР (приложения к учебникам): содержание, форму представления, полноту, оформление и пр.;

Подготовить ответы на контрольные вопросы;

Подготовить тематическое и поурочное планирование темы, при изучении которой предполагается использование ЭУМ; определить место ЭУМ в системе занятий по данной теме;

Подготовить графическую схему, отражающую учебную структуру разрабатываемых ЭУМ с учетом составленного планирования, отразить предполагаемые уровни усвоения учебного материала, отметить на схеме стрелками возможные траектории изучения;

Разработать методические рекомендации по использованию ЭУМ в учебном процессе;

Выбрать из разработанного поурочного планирования фрагмент (урок, раздел, фрагмент занятия и пр.), предполагающий использование ЭУМ и разработать педагогический сценарий проведения выбранного фрагмента с использованием ЭУМ;

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

Подготовить выступление-презентацию методического описания ЭУМ на 10 минут.

6. Рекомендации по использованию информационных технологий

Занятие проводится в компьютерном классе.

На данном занятии компьютерная техника используется также для сопровождения выступлений слушателей.

7. Практические задачи, задания, упражнения.

1. Коллективное обсуждение.

Вам предлагается набор цифровых ресурсов. Ответьте на вопрос, являются ли данные ресурсы образовательными? Выберите из предложенной коллекции несколько ресурсов, предложите сценарии, позволяющие данные цифровые ресурсы «превратить» в образовательные.

 

Фараоны и бабочки

«Жены фараонов»
 
История с печалью говорит
О том, как умирали фараоны,
Как вместе с ними в сумрак пирамид
Живыми замуровывались жены.
О, как жена, наверно, берегла
При жизни мужа от любой напасти!
Дарила бездну всякого тепла,
И днем и ночью окружала счастьем.
Не ела первой (муж пускай поест),
Весь век ему понравиться старалась,
Предупреждала всякий малый жест
И раз по двести за день улыбалась.
Бальзам втирала, чтобы не хворал,
Поддакивала, ласками дарила.
А чтоб затеять спор или скандал –
Ей даже и на ум не приходило!
А хворь случись – любых врачей добудет,
Любой настой. Костьми готова лечь.
Она ведь знала точно все, что будет,
Коль не сумеет мужа уберечь…
Да, были нравы – прямо дрожь по коже.
Но как не улыбнуться по-мужски:
Пусть фараоны – варвары, а все же
Уж не такие были дураки!
Ведь если к нам вернуться бы могли
Каким-то чудом эти вот законы –
С какой тогда бы страстью берегли
И как бы нас любили наши жены!
 

                    1963 Э. Асадов

Плавка металла в Древнем Египте

На берегу реки Нил

Река Нил

 

2. Работа в группе.

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

Задача: группа создает сценарий съемки фильма «Урок» с элементами компьютерного обучения, с использованием ЦОР и/или ИУМК и учетом исходной ситуации:

Группа 1. Основная задача урока – актуализация опорных знаний и способов действий. В распоряжении учителя есть ЦОР и/или ИУМК. Урок проводится в компьютерном классе, количество компьютеров в классе – 11 + 1 учительский, учеников в классе – 24. Схема размещения мебели представлена на рисунке:

Группа 2. Основная задача урока – формирование новых понятий и способов действий. В распоряжении учителя есть ЦОР и/или ИУМК. Урок проводится в обычном классе/кабинете. В распоряжении учителя имеется комплект проекционной техники (ноутбук и проектор) и переносной экран. Схема размещения мебели представлена на рисунке:

Группа 3. Основная задача урока – применение знаний, формирование умений. В распоряжении учителя есть ЦОР и/или ИУМК. Урок проводится в обычном классе/кабинете. В распоряжении учителя имеется комплект проекционной техники (ноутбук и проектор) и интерактивная доска. Схема размещения мебели представлена на рисунке:

Группа 4. Основная задача урока – проверка и контроль знаний и умений. В распоряжении учителя есть ЦОР и/или ИУМК. Урок проводится в компьютерном классе, количество компьютеров в классе – 11 + 1 учительский, учеников в классе – 24. Схема размещения мебели представлена на рисунке:

 

 

3. Индивидуальная работа.

Заполнить таблицу педагогических и методических подходов к использованию разрабатываемых ЭУМ:

Вопросы, которые нужно решить

Идеи

Какие формы обучения можно организовать с помощью разрабатываемых Вами ЭУМ

 

Какие методы обучения можно реализовать с помощью разрабатываемых Вами ЭУМ

 

Где и как учащиеся смогут использовать ЭУМ

 

Где и как преподаватели смогут использовать ЭУМ

 

 

4. Презентация методического описания разрабатываемых ЭУМ и педагогического сценария фрагмента ЭУМ.

8. Задания слушателям для самостоятельной работы.

Самостоятельно продолжить работу над методическим описанием разрабатываемых ЭУМ. Результаты работы разместить в портфолио.

9. Контрольные вопросы по теме занятия.

Ø     Какие формы обучения вам известны?

Ø     При каких формах обучения использование компьютеров является наиболее эффективным и почему?

Ø     Какие методы обучения вам известны?

Ø     Что влияет на выбор форм и методов обучения?

Ø     Какие методы обучения могут быть реализованы с помощью компьютера, каким образом?

Ø     Какие метафоры компьютерного обучения вы можете назвать?

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

Ø     Достаточно ли представить учебную информацию в электронном виде для того, чтобы получить электронный учебный материал?

Ø     При каких условиях электронный (цифровой) ресурс может стать образовательным?

Ø     Что представляет собой педагогический сценарий ЭУМ?

Ø     Обязательно ли наличие методического описания (методических рекомендаций) в комплекте ЭУМ? Почему?

Ø     Какие основные вопросы должны быть отражены в методическом описании ЭУМ?

Ø     Каковы цели разработки методического описания и методических рекомендаций к ЭУМ?

10. Рекомендации для преподавателей по проведению занятия

На изучение данной темы отводится 4 часа. Занятия рекомендуется построить следующим образом:

1-е занятие:

Первый этап: постановка целей и задач занятия, описание плана проводимого занятия. Примерное время – 5-7 минут.

Второй этап: выполнение первого практического задания. Рекомендуется организовать коллективное обсуждение. Преподаватель может предлагать слушателям цифровые ресурсы последовательно в виде слайдов, либо выдать им распечатанную таблицу, содержащую коллекцию различных цифровых ресурсов. Подборку цифровых ресурсов можно изменить. В данном случае подобраны ресурсы, объединенные одной темой – Египет.

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

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

Примерное время выполнения задания – 20 минут.

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

Группе предлагается ЦОР и/или ИУМК, при этом рекомендуется использовать те программные продукты, с которыми слушатели уже знакомились в первом модуле при проведении анализа и оценки. В зависимости от ситуации и выбранного программного продукта, группа самостоятельно выбирает тему урока и разрабатывает рабочий сценарий проведения урока так, как если бы они готовились снимать видеофильм. Для того чтобы фильм (урок) получился хорошим, нужно продумать заранее множество деталей: каким будет начало, сюжет, продолжительность каждого этапа, организационные моменты, что в каждый момент будут делать в кадре (на уроке) учитель и ученики и многое другое.

Главная задача преподавателя на данном этапе – подвести слушателей к выводу, что каждый урок, подобно хорошему фильму, должен быть заранее спланирован. Особенно тщательно следует планировать уроки с использованием компьютерного обучения: заранее установить ПО; проверить надежность работы; рассчитать время на пересадку к компьютерам и обратно, включение/выключение, запуск программы, возможные сбои; освещение и затемнение при использовании проектора; фронтальная, групповая или индивидуальная работа за компьютером предполагается; продумать, с каким заданием и насколько оставить ученика наедине с компьютером и т.д. Пренебрежение этими «деталями» может привести к обратному эффекту, помешать достижению образовательных результатов.

Третий этап завершается представлением каждой группой разработанного сценария и коллективным обсуждением.

Примерное время на выполнение второго задания – 30 минут на разработку сценария + 20 минут на обсуждение.

Четвертый этап: обсуждение контрольных вопросов. Для проведения этого этапа рекомендуется методика сбор мнений по кругу «Как Вы думаете?». Преподаватель предлагает слушателям вопросы для обсуждения. Ответы (мнения) слушателей записываются на доске (интерактивной доске) или флип-чарте. В результате обсуждения у слушателей должно сформироваться примерно следующее представление о роли и назначении методического описания ЭУМ: методическое описание ЭУМ является неотъемлемым этапом проектирования, необходимой составляющей частью ЭУМ; формы и методы работы с ЭУМ должны быть продуманы заранее, это необходимо не только будущим пользователям, но и разработчикам ЭУМ, чтобы еще на этапе разработки определить алгоритм синтеза ЭУМ и алгоритм использования ЭУМ в учебном процессе.

Примерное время – 15 минут.

Пятый этап: подведение итогов занятия, задание слушателям для самостоятельной работы: провести анализ полученных знаний, результатов работы на занятии, отразить результаты рефлексии в Журнале, подготовить презентацию методического описания разрабатываемых ЭУМ и педагогического сценария фрагмента ЭУМ, разместить материалы в портфолио для ознакомления и коллективного обсуждения.

На этом этапе можно наметить выступающих с презентацией для проведения следующего занятия – 4-5 человек, по желанию, либо по одному от группы.

Примерное время – 5 минут.

2-е занятие.

Первый этап: постановка целей и задач занятия, описание плана проводимого занятия. Примерное время – 5-7 минут.

Второй этап: выполнение практического задания №3. Индивидуальная работа. Заполнение таблицы педагогических и методических подходов к использованию разрабатываемых ЭУМ является своего рода проверкой самостоятельной работы слушателей. На выполнение задания рекомендуется отвести 15 минут.

Третий этап: представление методических описаний и педагогических сценариев разрабатываемых слушателями ЭУМ с коллективным обсуждением: 4 доклада по 10 минут + 5 минут обсуждение каждого доклада. Для оценивания каждого выступления рекомендуется раздать оценочные листы:

Тема проекта

Место ЭУМ в учебном плане определено

Учебная структура ЭУМ понятна

Последовательность изучения материалов ЭУМ задана

Предусмотрено использование ЭУМ для разных форм обучения

ЭУМ допускают применение различных методов обучения

Методическое описание является полным

Педагогический сценарий представлен

Общее впечатление от презентации

1

 

 

 

 

 

 

 

 

 

2

 

 

 

 

 

 

 

 

 

3

 

 

 

 

 

 

 

 

 

4

 

 

 

 

 

 

 

 

 

Примерное время – 1 час.

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

Модуль 2

ЛАБОРАТОРНАЯ РАБОТА № 3

Тема: Подготовка звуковых фрагментов для ЭУМ

 

Продолжительность 2 часа

 

1.Учебная и воспитательная цель. Изучение и приобретение практических навыков работы в программах обработки звуковых файлов для подготовки цифровых образовательных ресурсов.

В результате проведения занятия слушатели должны знать:

-       основные инструменты и функциональные возможности программы обработки звуковых файлов Sound Forge Audio Studio  8;

-       приемы обработки, захвата и хранения аудиоматериалов в программе обработки звуковых файлов Sound Forge Audio Studio  8;

-      условия подготовки звуковых дорожек для использования в различных цифровых ресурсах.

2. Вопросы, подлежащие исследованию

ü         Понятие цифрового звука

ü          Понятие различных форматов аудиофайлов

ü          Обработка, передача и сохранение звука на ПК

ü          Удаление «шума», помех в аудиофайлах

 

3. Краткие теоретические и справочно-информационные материалы по теме занятия

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

Одной из таких программ является Sound Forge фирмы Sonic Foundry, Inc. Это одна из самых популярных и действительно полезных программ, предназначенных для обработки аудио на профессиональном уровне. С ее помощью можно обрабатывать аудиосигнал, изменяя его до неузнаваемости или же редактировать неудачно записанную партию какого-либо музыкального инструмента. Sound Forge успешно объединяет в себе практически полный набор современных звуковых эффектов и мощные средства редактирования звуков для последующего их использования.

Поскольку программа Sound Forge является приложением для редактирования звука, у нее нет собственного формата для хранения данных, поскольку звуковые данные можно хранить в различных форматах. Двумя наиболее популярными форматами являются WAV (на платформе Windows) и AIFF (на платформе Macintosh). Эти форматы так популярны, что стали стандартными, однако существуют и другие форматы файлов, имеющие свои недостатки и преимущества по сравнению с WAV и AIFF. В число таких форматов входят МРЗ, Window Media и RealAudio. Программа Sound Forge может открывать и сохранять файлы более чем тринадцати различных форматов.

 

Основные этапы выполнения аудиомонтажа в программе обработки звуковых файлов Sound Forge Audio Studio  8

Этап 1. Подготовка к работе

Этап 2. Создание аудиофайлов.

Этап 3. Сохранение файла.

Этап 4. Устранение «шума».

Этап 5. Регулировка громкости звука.

 

4. Рекомендации слушателям по подготовке к лабораторной работе с указанием литературы.

Ø     Изучить краткую теоретическую и справочную информацию по теме занятия;

Ø     Изучить рекомендуемую литературу

Литература, рекомендуемая при подготовке к лабораторной работе:

1.     Леонтьев В. П. Самоучитель мультимедиа. Обработка фотографий, музыки и видео. – М.: ОЛМА-ПРЕСС, 2005. – 320 с.

2.     Радзишевский А. Ю. Основы аналогового и цифрового звука. – Издательство: Вильямс, 2006. – 288 с.

3.     Питер Кирн. Цифровой звук. Реальный мир. –  Вильямс.2007

4.     Джефф Стронг. Домашняя студия звукозаписи для "чайников". – Диалектика, 2006. – 304 с.

Ø     Подобрать и подготовить аудиозаписи для обработки и размещения их фрагментов в ЭУМ.

 

5. Исходные данные для работы

Работа выполняется по вариантам. В лабораторной работе используются аудиофайлы формата MP3  из единой коллекции цифровых образовательных ресурсов (http://school-collection.edu.ru Тематические коллекции, русская классическая музыка). Каждому слушателю необходимо отобрать аудиоматериалы по указанному в варианте композитору.

Файлы так же сохранены на вузовском сетевом диске S:\Кафедра информатики и ИТ\ Педагогический дизайн\ Лабораторный практикум\ аудио\.

 

№ варианта

Композитор, произведение.

1

Рубинштейн А.Г. Опера «Демон». Действие 1, картины 1 и 2.

2

Шостакович Д.Д. Симфония №7.

3

Римский-Корсаков Н.А. Симфоническая сюита «Шехерезада».

4

Мусоргский М.П. «Детская», вокальный цикл.

5

Рубинштейн А.Г. Опера «Демон». Действие 1, картина 3.

6

Прокофьев С.С. Симфония №1 «Классическая».

7

Рахманинов С.В. Прелюдии для фортепьяно.

8

Мусоргский М.П. Песни.

9

Чайковский П.И. Симфония №1 «Зимние грезы».

10

Скрябин А.Н. Симфония №3 «Божественная поэма».

11

Хачатурян А.И. Сюита из балета «Спартак».

12

Рубинштейн А.Г. Опера «Демон». Действие 3, картины 6 и 7.

По согласованию с преподавателем, можно использовать собственные аудиофайлы.

 

6. Описание лабораторного оборудования

Класс персональных компьютеров, подключенных в локальную и глобальную сети. Программный продукт Sound Forge Audio Studio  8. Микрофон, подключенный к ПК, комплект наушников для каждого слушателя.

 

7. Краткое содержание работы, выполняемой слушателями на занятии. Ход выполняемой работы.

Задание

Используя предоставленный исходный аудиоматериал, в соответствии со своим номером варианта, требуется создать аудиофайл, последовательно выполнив операции обработки и сохранения исходного материала.

Условия задания:

-       В качестве исходного материала предоставляется 3-5 аудиофайлов, с фрагментами произведений русских композиторов.

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

-       В начало файла  нужно записать аудиофрагмент с вашей фамилией и именем, № варианта,  фамилией композитора и названием произведения. 

-      Конечный файл должен быть «очищен» от имеющегося в исходной аудиокомпозиции «шума». Уровень громкости должен плавно увеличиваться от нуля до стандартного уровня звука в течение первых 2 секунд звучания и уменьшаться от стандартного уровня до нуля в течение последних 2 секунд звучания.

Пример создания аудиокомпозиции

В примере используются композиции А. Пахмутовой «Нежность», «Беловежская пуща», «Как молоды мы были», «Нам не жить друг без друга».

Этап 1. Подготовка к работе.


Загрузите программу Sound Forge Audio Studio  8.  Рассмотрим интерфейс программы.

 


Откройте файлы необходимые для редактирования, для чего воспользуйтесь командой File ® Open. А так же создайте новый файл для выходного файла. В результате подготовительных действий на экране должно быть отображено следующее окно.

Этап 2. Создание аудиофайлов.

Создаем файл с записью исходных данных. Создаем пустой файл (File ®New). Далее включаем запись с помощь команды Special ® Transport®Record.


Перед тем как начать запись проверьте подключение микрофона и его настройку.

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

Recoding

 
. После окончания записи закройте окно Record.

Следующим шагом будем последовательно добавлять исходные файлы-фрагменты в выходной. Для этого воспользуемся технологией копирования фрагментов в OC Windows.

 

Этап 3. Сохранение файла.

 

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

Выбираем команду  File ®Save as

 

Задаем имя и тип файла, папку хранения. Устанавливаем параметры звука, а так же для последующего создания списка воспроизведения через кнопку Summary… вносим исходные данные о названии композиции, ее авторе и т.д.

 

 

 

 

 


Этап 4. Устранение «шума»

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

Выполните команду меню Special ® Transport ® Go To Start, чтобы установить значение текущей позиции на начало файла. Если этого не сделать, функция Find начнет поиск с установленной в данный момент текущей позиции, а не с начала файла.

Выполните команду Find меню Tools, чтобы открыть диалоговое окно Find

С помощью раскрывающегося списка выберите тип амплитудных данных, которые вы ищите:

-                Укажите пункт Glitch, чтобы найти любые пощелкивания и потрескивания, которые могли возникнуть из-за некачественного редактирования или, возможно, из-за того, что оригинал записи был записан на виниловом диске.

-                Выберите пункт Level Equal To Or Above, чтобы найти все сигналы, по уровню равные указанному вами значению или превышающие его. Эта возможность особенно полезна, если вам нужно найти в вашем файле обрезанные или искаженные данные.

-                Выберите пункт End Of Silent Region, чтобы найти конец ближайшей области тишины.

-                Выберите пункт Largest Peak, чтобы найти наивысший для данного файла уровень сигнала.

Далее установите с помощью соответствующего движка параметр Threshold slope (-60 to -6 dB). Значение параметра Threshold slope (-60 to -6 dB) измеряется в децибеллах (дБ) — единица измерения, применяющаяся для определения громкости звука. В случае с цифровым звуком максимально возможный уровень его громкости равен 0 дБ. Задание более высокого уровня приведет к обрезанию данных.

Установите значение параметра Sensitivity. Он указывает программе, насколько тщательно нужно проверять данные при поиске шумовых всплесков. Высокое значение означает, что любой всплеск с крутизной выше установленного уровня будет рассматриваться как шум. Низкое значение указывает программе Sound Forge, что необходимо более тщательно проанализировать всплески, чтобы классифицировать их как шумы.

 Если шум все-таки остался, а программа Sound Forge не определяет его, попробуйте понизить значение параметра Threshold slope (-60 to -6 dB) и повысить значение Sensitivity (0 to 100). Если же, напротив, программа выявляет шумы там, где их нет, уменьшите значение Threshold slope (-60 to -6 dB) и увеличьте значение параметра Sensitivity (0 to 100).

Нажмите на кнопку ОК . Программа Sound Forge начнет поиск данных, используя заданные вами параметры. Она также изменит значение текущей позиции и перенесет указатель текущей позиции на соответствующее место.

Если в записи обнаружился какой-нибудь шум, вы можете удалить его с помощью инструмента Pencil.

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

Включите инструмент Pencil, выбрав команду меню Edit ® Tool ® Pencil

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

 

 

Во время воспроизведения файла проверьте, исчез ли шум. Если нет, отмените действие инструмента Pencil и попробуйте еще раз.

 

Этап 5. Регулировка уровня громкости

Функция Normalize регулирует уровень громкости звука. Она сначала исследует файл на предмет самого высокого уровня сигнала, а потом вычитает этот уровень из максимально возможного, который равен 100%. В конце концов, самый высокий уровень сигнала в данном файле доводится до 100%, а более низкие уровни пропорционально увеличиваются.

Выделите в файле данные, которые вы хотите нормализовать. Чтобы обработать весь файл, либо ничего не выделяйте, либо выделите все данные, выбрав команду меню Edit ® Select All.

Выберите команду меню Process ® Normalize, чтобы открыть диалоговое окно.

Нажмите на кнопку Scan Levels, чтобы найти самый высокий уровень сигнала ваших звуковых данных.

Установите значение параметра Normalize to (-60 to 0 dB), перемещая, соответствующий ползунок вверх или вниз. Таким образом, вы установите максимально возможный уровень сигнала, который будет учитываться при нормализации. В большинстве случаев следует устанавливать значение, равное 100 %.

Нажмите на кнопку Preview, чтобы услышать, как звучит файл, до того, как программа Sound Forge произведет в нем фактические изменения.

Нажмите на кнопку ОК. Программа Sound Forge нормализует громкость ваших звуковых данных в соответствии с заданными параметрами.

Кроме нормализации необходимо применить эффекты усиления и затухания звука в файле.

Создайте в файле выделенную область, к которой нужно применить затухание или усиление. Чтобы применить усиление, выберите команду меню Process ®  Fade ®  In. Чтобы применить затухание, выберите команду меню Process ® Fade ®  Out. Программа изменит громкость ваших данных в соответствии с указанными параметрами.

 

Для сохранения всех изменений выполните команду File ®  Save.

 

8. Порядок оформления отчета по лабораторной работе и его защиты.

В конце занятия результаты работы предъявляются преподавателю для проверки.

Работа сохраняется в портфолио слушателя. В «Журнале записей» разместить анализ проведенного занятия, приобретенных умений и навыков.

Комплексный отчет будет оформляться в лабораторной работе №5.

 

9. Методика анализа полученных результатов.

Анализ полученных результатов при выполнении фронтальной работы осуществляет преподаватель, просматривая результаты работы слушателей;

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

 

10. Техника безопасности.

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

 

11. Рекомендации для преподавателей по проведению занятия

Лабораторная работа проводится по подгруппам. Необходимо заранее подготовить оборудование для проведения занятия и установить ПО. Следует обеспечить слушателей наушниками.

Для большей наглядности и более детального изучения целесообразно использовать не только текстовый вариант лабораторной работы, но и иметь видеозапись выполнения проекта по шагам. 

Занятие рекомендуется проводить следующим образом:

Первый этап: постановка целей занятия, информация о ходе проведения занятия. Примерное время – 5-10 минут.

Второй этап: фронтальная работа слушателей по вариантам, выполнение заданий лабораторной работы.

Примерное время – 1 час.

Третий этап: подведение итогов занятия. Задание слушателям для самостоятельной работы: подготовить аудиофрагменты для размещения в ЭУМ. Разместить результаты работы в портфолио, провести анализ и рефлексию проведенного занятия.

ЛАБОРАТОРНАЯ РАБОТА № 4

Тема: Подготовка видеофрагментов для ЭУМ

 

Продолжительность 2 часа

 

1. Учебная и воспитательная цель. Изучение и практическое приобретение навыков работы в редакторах нелинейного видеомонтажа для подготовки цифровых образовательных ресурсов.

В результате проведения занятия слушатели должны знать:

-       основные инструменты и функциональные возможности редактора Adobe Premiere 2.0;

-       приемы обработки, захвата и хранения видеоматериалов редактора нелинейного видеомонтажа Adobe Premiere 2.0;

-       условия подготовки видеороликов для использования в различных цифровых ресурсах.

2. Вопросы, подлежащие исследованию

ü     Понятие цифрового видео.

ü     Назначение и возможности применения редактора Adobe Premiere 2.0 при монтаже цифровых образовательных ресурсов.

ü     Типы файлов, подлежащие обработке в редакторе  Adobe Premiere 2.0.

ü     Работа с заставками, титрами, субтитрами при видеомонтаже.

 

3. Краткие справочные и теоретические материалы по теме занятия

Ø     Вуль В. А. Электронные издания: учебник. Глава 3, П3.5.2, 3.5.3 (электронный ресурс: Модуль1/Вуль_электронные издания/ index.html)

Ø     Бондаренко Е. А., Журин А. А., Милютина И. А. Технические средства обучения в современной школе: пособие для учителя и директора школы./ под ред. А. А. Журина. – М.: «ЮНВЕС», 2004. – С. 149-154.

Ø     Видео используется в мультимедийных обучающих материалах для демонстрации реальных объектов, процессов, явлений и др. При съемке видео необходима видеокамера, цифровой фотоаппарат, позволяющий снимать видео ролики.

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

Основные понятия, принятые в работе:

 Видеофрагмент – одна из составляющих частей видеофильма, в исходном виде представляющая собой видеофайл в форматах MPEG, AVI, MOV, WMV и др.

Видеофильм – результат компоновки видеоклипов и других материалов проекта.

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

Основные этапы выполнения видеомонтажа в редакторе  Adobe Premiere 2.0:

Этап 1. Создание проекта. На данном этапе необходимо определить основные параметры проекта.

Этап 2. Загрузка материалов проекта.

Этап 3. Создание титров.

Этап 4. Последовательное размещение материалов.

Этап 5. Создание видеопреходов.

Этап 6. Выравнивание уровня громкости аудиоматериалов.

Этап 7. Сохранение материалов. 

 

4. Рекомендации слушателям по подготовке к лабораторной работе с указанием литературы.

Ø     Ознакомиться со справочными и теоретическими материалами по теме занятия, предложенной литературой

Литература, рекомендуемая при подготовке к лабораторной работе:

·       Ф.А.  Резников,  В.Б.  Комягин.  Видеомонтаж на персональном компьютере.   Adobe Premiere 6 и After Effects 5. М.: Триумф – 2002.

·       Я. Розенберг «Premiere Pro 1.5. Видеостудия» СПб.:  Питер, 2005 – 452 с.

·       Adobe Premiere Pro 2.0: официальный учебный курс. М.: Триумф, 2007.

Ø     Подготовить заготовленные заранее видеофрагменты, предназначенные для размещения в разрабатываемых ЭУМ.

 

5. Исходные данные для работы

Для примера в лабораторной работе используются видеофайлы  в формате WMV общим объемом 5 минут c российского образовательного портала из коллекции естественнонаучных экспериментов (http://www.experiment.edu.ru):

- горение кальция в воздухе

- получение угарного газа

- адсорбционная особенность угля.

 

Работа выполняется по вариантам. Для работы по вариантам используются файлы из единой коллекции цифровых образовательных ресурсов (http://school-collection.edu.ru).

Файлы находятся на сетевом диске S:\Кафедра информатики и ИТ\ Педагогический дизайн\ Лабораторный практикум\ Видео\.

 

Имя файлов

Описание

1

064.wmv

063.wmv

062.wmv

Разделение смеси крахмала и воды фильтрованием

Разделение смеси воды и растительного масла отстаиванием

Очистка поваренной соли

2

066.wmv

067.wmv

082.wmv

Разделение смеси серы и железа с помощью магнита и воды

Растворение твердых веществ в воде

Физические и химические явления: пропускание углекислого газа через воду и через раствор гидроксида кальция

3

080.wmv

 

083.wmv

 

081.wmv

Физические и химические явления — взаимодействие соды с соляной кислотой

Физические и химические явления — растительное масло с водой и раствор хлорида бария с серной кислотой

Физические и химические явления: обугливание крахмала при нагревании и прокаливание поваренной соли

4

074.wmv

016.wmv

 

077.wmv

«Вулкан» — разложение дихромата аммония

Выделение дыма - признак химической реакции (дым без огня)

«Змея» — разложение глюконата кальция

5

145.wmv

 

018.wmv

 

078.wmv

Выделение газа – признак химической реакции (взаимодействие хлората калия с гидросульфитом натрия)

Выделение газа – признак химической реакции (взаимодействие хлората калия с гидросульфитом натрия)

Плавление парафина

6

075.wmv

076.wmv

017.wmv

 

Горение – признак химической реакции (самовозгорание парафина)

Дым без огня — взаимодействие аммиака с хлорводородом

Изменение цвета – признак химической реакции (колебательная реакция Бриггса-Раушера)

7

068.wmv

070.wmv

071.wmv

Закон сохранения массы веществ при химических реакциях

Реакция соединения серы с железом

Электролиз воды

8

0011.wmv

0013.wmv

04.wmv

Получение метана

Горение метана и изучение его физических свойств

Взрыв метана с кислородом

9

0008.wmv

0054.wmv

0012.wmv

Горение жидких углеводородов

Горение твердых углеводородов (на примере парафина)

Установление качественного состава предельных углеводородов

10

0009.wmv

0010.wmv

0053.wmv

Определение содержания хлора в органических соединениях

Отношение метана к раствору перманганата калия и бромной воде

Взаимодействие ацетилена с хлором

11

003.wmv

0002.wmv

0052.wmv

Горение этилена

Взаимодействие этилена с бромной водой

Взаимодействие ацетилена с раствором перманганата калия

12

0005.wmv

0054.wmv

0037.wmv

Получение ацетиленида меди

Взрыв смеси ацетилена с кислородом

Горение бензола

По согласованию с преподавателем, можно использовать собственное цифровое видео.

6. Описание лабораторного оборудования

Класс персональных компьютеров, подключенных в локальную и глобальную сети. Программный продукт  Adobe Premiere Pro 2.0.

7. Краткое содержание работы, выполняемой слушателями на занятии. Ход выполняемой работы.

Задание. Используя предоставленные видеофрагменты, требуется создать объединяющий их видеофильм. Можно использовать для выполнения работы собственные видеоматериалы, если соблюдать следующие условия:

-       Общая продолжительность видеофильма должна составлять от 3 до 10 минут с погрешностью не более 15 секунд.

-       Видеофильм должен начинаться с заставки продолжительностью 5 секунд. Заставку необходимо подобрать самостоятельно согласно тематике своего варианта. Заставка сохраняется в папку слушателя в одном из графических форматов. Между окончанием каждого видеоматериала (включая заставку) и началом следующего видеоматериала следует создать видеопереходы.  Продолжительность каждого видеоперехода не должна составлять более 2 секунды.

-       Звуковое сопровождение фильма должно быть на одном уровне.

-       Видеофильм должен заканчиваться титрами. Титры должны быть «динамическими», то есть перемещаться по экрану от его нижней границы к верхней.

 

Пример создания видеофильма

«Естественнонаучные эксперименты. Часть 1»

Этап 1. Создание проекта.

На данном этапе необходимо определить основные параметры проекта. При запуске программы Adobe Premiere 2.0 выбираем New Project. Далее задаем имя и формат создаваемого фильма (рис.1).

Имя – Lab_video_<Фамилия слушателя>

Формат – DV-Pal, Standard 48Hz

 

Рис. 1. Диалоговое окно «Параметры нового проекта»

 

Рассмотрим рабочую область программы:


Этап 2. Загрузка материалов проекта. На      данном       этапе      следует импортировать  в  проект  три видеоклипа и одно статическое изображение, которое будет выполнять роль «заставки» к видеофильму. Для этого следует воспользоваться функцией «Import» в меню «File». Выбираем необходимые файлы (C.wmv, CO2.wmv, Ca.wmv, zastavka.gif), они отобразятся в окне используемых материалов.


 

Этап 3. Создание титров. Для фильма потребуется 6 титров различных видов.

Title01 - название фильма и интернет-источник видео ресурсов.

Для создания титра – заголовка выполняем команды Title ®New title®Default Still.

Данная команда позволяет статический титр. Имя титра оставляем порядковым Title 01. Размещаем на экране название фильма и интернет-адрес источника видео материалов. После закрытия окна титр автоматически сохраняется и заносится в список используемых материалов.

Создадим субтитры для каждого видео ролика.

  Title 02 - Горение кальция в воздухе.

Title 03 – Адсорбционная особенность угля.

Title 04 – Получение угарного газа.

Title 05 – Российский образовательный портал – www.experiment.edu.ru (Этот субтитр будем использовать во время всех трех роликов)

Субтитры создаем через команду Title ®New title®Default Crawl. Текст субтитров располагаем в нижней части экрана. Текст может выходить за экран, как на субтитре Title 05.

 

Заключительный титр Title 06 является динамически. Размещаем текст в нижней части экрана, так чтобы текст появлялся снизу. Используем команду Title ®New title®Default Roll  

 

Этап 4. Последовательное размещение материалов. Располагаем материалы на TimeLine.

Перечислим последовательно:

Для линии Video1 – Zastavka.gif, Ca.wmv, C.wmv, CO2.wmv, Title06. Автоматически под видео файлами заполняется линейка Audio4.


На линии Video 2 – Title1 (выравниваем с заставкой), Title2 (совмещаем с началом ролика о кальции), Title5, Title2, Title5, Title2, Title3(б угле), Title5, Title3, Title5, Title3, Title4 (совмещаем с началом ролика о газе), Title5, Title4.

 

Этап 5. Создание видеопреходов.

Adobe Premiere 2.0 позволяет устанавливать видеопереходы между роликами. На панели Effects ® Video Transitions выбираем эффекты и перетаскиваем на разрывы между роликами.


Просмотреть полученные результаты можно в окне результата.

Этап 6. Выравнивание уровня громкости аудиоматериалов.

1.     Развернем аудиодорожку со звуком.

2.    
Регулируя желтые линии устанавливаем нужный уровень звука.

 

Этап 7. Сохранение материалов.

После окончания работы следует сохранить созданный проект и экспортировать готовый видеофильм в отдельный файл.

Для сохранения проекта используйте команду File®Save As / Save. Так же сохраняйте свой проект не только по завершении всех действий,   но и в процессе работы с целью предотвращения потери данных при возникновении нештатных ситуаций («зависание» компьютера,  сбой электропитания ит.п.).

Для экспорта готового видеофильма используйте функцию File ® Export ®Export to DVD. Далее в диалоговом окне выбираем способ и место сохранения фильма (на диск, в папку или образ DVD).

Процесс преобразования фильма в DVD-формат требует времени и, конечно, терпения.

 

8. Порядок оформления отчета по лабораторной работе и его защиты.

В конце занятия результаты работы предъявляются преподавателю для проверки

Работа сохраняется в двух форматах в портфолио слушателя. В формате проекта Adobe Premiere Pro 2.0 и в формате DVD. К отчету по лабораторной работе следует добавить запись в «Журнале записей» о ходе занятия и приобретенных знаниях, умениях и навыках.

Комплексный отчет будет оформляться в лабораторной работе №5.

 

9. Методика анализа полученных результатов.

Анализ полученных результатов при выполнении фронтальной работы осуществляет преподаватель, просматривая результаты работы слушателей;

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

 

10. Техника безопасности.

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

 

11. Рекомендации для преподавателей по проведению занятия

Лабораторная работа проводится по подгруппам. Необходимо заранее подготовить оборудование для проведения занятия и установить ПО. Следует обеспечить слушателей наушниками. Для проведения лабораторной работы рекомендуется заранее подобрать видеофрагменты для выполнения задания лабораторной работы и разместить их на компьютерах слушателей (в данной лабораторной работе использованы видеофрагменты по химии, в зависимости от предметной подготовки слушателей можно подобрать другую тематику видеофрагментов, пользуясь ресурсами единой коллекции цифровых ресурсов school-collection.edu.ru).

Для большей наглядности и более детального изучения целесообразно использовать не только текстовый вариант лабораторной работы, но и иметь видеозапись выполнения проекта по шагам. 

Занятие рекомендуется проводить следующим образом:

Первый этап: постановка целей занятия, информация о ходе проведения занятия. Примерное время – 5-10 минут.

Второй этап: фронтальная работа слушателей по вариантам, выполнение заданий лабораторной работы.

Примерное время – 1 час.

Третий этап: подведение итогов занятия. Задание слушателям для самостоятельной работы: подготовить видеофрагменты для размещения в ЭУМ. Разместить результаты работы в портфолио, провести анализ и рефлексию проведенного занятия.

Примерное время – 15-20 минут.

 

Модуль 2

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ № 6

 

Тема: Проектирование ЭУМ, разработка технологического сценария ЭУМ

Продолжительность 2 часа

 

1. Учебная и воспитательная цель.

Сформировать у слушателей представление о разработке технологического сценария ЭУМ как необходимого этапа проектирования ЭУМ;

Сформировать готовность работы в сотрудничестве со специалистами проектной команды, в частности со специалистами по ИТ;

Сформировать умения и навыки проектировать процесс и продукт (ЭУМ), планировать деятельность, в том числе и совместную со специалистами по ИТ.

В результате проведенного занятия слушатели

Ø     Познакомятся с процедурами разработки структуры ЭУМ в целом и его фрагментов;

Ø     Будут знать понятие типовых экранов, их назначение;

Ø     Смогут спланировать необходимые для разрабатываемых ЭУМ типовые экраны;

Ø     Познакомятся с процедурами разработки рабочего технологического сценария отдельных фрагментов ЭУМ;

Ø     Смогут различать формальную и учебную структуру ЭУМ;

Ø     Смогут представить в виде диаграмм (блок-схем) план ЭУМ и составляющих фрагментов.

2. Краткие теоретические, справочно-информационные и т.п. материалы по теме занятия.

Ø    Можаева Г.В., Тубалова И.В. КАК ПОДГОТОВИТЬ МУЛЬТИМЕДИА КУРС?: Методическое пособие для преподавателей. - Томский государственный университет, 2002. – Тема 2. Электронный ресурс: Как подготовить мультимедиа курс / index.html

Ø     Руденко-Моргун О. И. Главы из докторской диссертации «Принципы моделирования и реализации электронного учебно-методического комплекса по русскому языку на базе технологий гипермедиа». – п.4.4 Производственный сценарий как технологическая основа реализации модели электронного учебно-методического комплекса по русскому языку. – Файл: Производственный сценарий как основа реализации ЭУМК.doc

Ø     Рабочие материалы О.И. Руденко-Моргун, представленные в папке «Сценарии»

Ø     Уваров А. Ю. Педагогический дизайн. // Информатика, еженедельная газета Издательского дома «Первое сентября». – 2003 - №30 – Тема: Разработка сценария ЭУМ (электронные версии: Педагогический дизайн_Уваров.pdf или Уваров_Педагогический дизайн.doc или Уваров_педагогический дизайн_сайт/ index.htm)

Ø     Презентации по материалам Уварова А. Ю. Педагогический дизайн. Файлы: Разработка сценария электронных учебных материалов.ppt; Основные процедуры разработки учебного материала.ppt

3. Перечень (образцы) раздаточного материала, используемого на занятии. Не требуется

4. Перечень и краткое описание технических (программных) средств, необходимых для проведения занятий.

 

Наименование

Назначение

Примечание

Комплект мультимедийной проекционной техники

Сопровождение выступлений слушателей

Рекомендуется использование интерактивной доски

 

5. Рекомендации слушателям по подготовке к занятию с указанием литературы.

При подготовке к занятию необходимо изучить теоретические и справочно-информационные материалы по теме занятия (п. 2);

Подготовить ответы на контрольные вопросы;

Подготовить схему, отражающую общую структуру разрабатываемых ЭУМ с указанием возможных переходов (ссылок) от одной темы к другой;

Спланировать, какие типовые экраны необходимо разработать для ЭУМ, определить их назначение, содержание и внешний вид, подготовить эскизы;

 Выбрать фрагмент ЭУМ (раздел, урок, упражнения, тест, объект), подготовить необходимые для данного фрагмента материалы (тексты, иллюстрации и пр.), а также рабочее технологическое описание данного фрагмента максимально подробно, исходя из следующего положения: технологическое описание должно быть представлено специалисту по ИТ, так чтобы по данному описанию он смог реализовать выбранный фрагмент ЭУМ;

Разработанные материалы, эскизы, описания представить в портфолио для ознакомления и коллективного обсуждения;

Подготовить выступление-презентацию технологического описания ЭУМ на 10 минут.

6. Рекомендации по использованию информационных технологий (при необходимости).

На данном занятии компьютерная техника используется для сопровождения выступлений слушателей.

7. Задания слушателям для самостоятельной работы.

Самостоятельно продолжите работу над технологическим описанием ЭУМ, результаты работы разместите в портфолио.

Завершая изучение второго модуля спецкурса, напишите небольшое эссе, раскрывающее следующие вопросы:

- как вы сегодня понимаете процесс педагогического проектирования;

- как это понимание согласуется с вашим личным опытом разработки учебных материалов;

- какие из процедур педагогического проектирования вы готовы использовать в работе;

- что изменилось в ваших представлениях о «правильной» разработке ЭУМ за время обучения в рамках спецкурса.

Свои размышления и рассуждения (эссе) разместите в портфолио.

8. Контрольные вопросы по теме занятия.

Ø     В чем заключается различие формальной и учебной структуры ЭУМ? В каком виде может быть представлена структура ЭУМ?

Ø     Каковы цели разработки структуры ЭУМ?

Ø     Что представляет собой технологический сценарий (технологическое описание) ЭУМ?

Ø     С какой целью разрабатывается технологический сценарий?

Ø     Какие основные моменты должны быть отражены в технологическом сценарии?

Ø     Типовые экраны, их виды, функции, назначение

9. Рекомендации для преподавателей по проведению занятия

Занятие проводится в виде «деловой игры», основная цель которой презентация «технологического сценария» (технологического описания) ЭУМ и принятие решения «независимой комиссии» о возможности разработки проектов по представленным описаниям.

Занятие рекомендуется построить следующим образом

Первый этап: постановка целей и задач занятия, описание плана проводимого занятия. Обсуждение контрольных вопросов. Планируемое время – 15 минут.

Второй этап: работа в группах. Мини-группы к моменту проведения данного занятия уже должны быть сформированы. На данном этапе работа в группе заключается в следующем: члены группы коротко представляют друг другу свои проекты; из числа участников мини-группы выбирается представитель, который будет делать презентацию своего проекта перед всей аудиторией. Следует обратить внимание слушателей на то, что выбор представителя должен быть обоснованным, т.к. на следующем этапе члены мини-группы будут выступать в качестве «группы поддержки». Примерное время – 15 минут. Для того чтобы сократить время на ознакомление с проектами каждого члена мини-группы, рекомендуется членам мини-группы обменяться своими материалами на этапе подготовки к занятию.

Третий этап: презентация «технологических сценариев» ЭУМ. Обсуждение, принятие решения. Для формирования «независимой комиссии» каждая мини-группа назначает своего представителя в комиссию. Рекомендуется пригласить на занятие специалиста по ИТ в качестве эксперта, им может выступать инженер по Web-технологиям и мультимедиа лаборатории ЦОР; в качестве эксперта на данном занятии может выступать сам преподаватель.

На данном этапе заслушиваются выступления представителей каждой мини-группы. Во время выступления «своего» представителя мини-группа готовит аргументы «за» представленный проект, остальные мини-группы объективно оценивают выступление, готовят вопросы, отмечают недостатки, слабые стороны. Каждое выступление обсуждается, высказываются оппоненты и «группа поддержки». «Независимая комиссия» может задавать уточняющие вопросы, наблюдает за обсуждением, делает пометки. Для проведения экспертизы рекомендуется всем членам «независимой комиссии» раздать оценочные листы:

Тема проекта

Общая структура ЭУМ ясна

Связи между компонентами ЭУМ определены

Технология разработки ЭУМ определена

Учебная структура ЭУМ понятна

Типовые экраны определены

Технологическое описание является полным

Дополнительные материалы представлены

Общее впечатление от презентации

1

 

 

 

 

 

 

 

 

 

2

 

 

 

 

 

 

 

 

 

3

 

 

 

 

 

 

 

 

 

4

 

 

 

 

 

 

 

 

 

 

На каждое выступление отводится до 10 минут, на обсуждение – до 5 минут. Общее время выступлений (4 докладчика) составляет 1 час.

Обсуждение выступлений «независимой комиссией», вынесение решения о поддержке наиболее удачных проектов ЭУМ и отклонении «заявок» слабых проектов с указанием замечаний и требуемых доработок. Поддержка наиболее удачного технологического описания может быть выражена следующим образом: фрагмент ЭУМ, техническое описание которого выполнено наилучшим образом, наиболее четко и полно, с предоставлением всех необходимых для реализации дополнительных и вспомогательных материалов, поручается выполнить (реализовать) сотрудникам лаборатории ЦОР и представить автору (в качестве «бонуса») готовый рабочий вариант фрагмента ЭУМ.

Четвертый этап: подведение итогов занятия. Задание слушателям для подготовки к следующему занятию и по формированию портфолио.

Рекомендации: все «технологические сценарии» должны быть еще до проведения занятия размещены в портфолио слушателей, так чтобы все слушатели могли заранее с ними ознакомиться.

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

«Технологический сценарий» ЭУМ является еще одним обязательным компонентом портфолио слушателей.

 

Модуль 2

ЛАБОРАТОРНАЯ РАБОТА № 5

 

Тема: Оформление ЭУМ на основе использования технологий
Macromedia Flash

 

Продолжительность 4 часа

 

1. Учебная и воспитательная цель. Практическое приобретение навыков создания образовательных ресурсов на основе использования технологий Macromedia Flash.

В результате проведения занятия слушатели должны знать:

-       основные инструменты и функциональные возможности программного пакета Macromedia Flash;

-      условия создания анимированных WEB-страниц.

 

2. Вопросы, подлежащие исследованию

ü         Понятие анимации.

ü         Виды и методы построения анимации.

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

ü          Условия и возможности создания интерактивных фильмов.

 

3. Краткие справочные и теоретические материалы по теме занятия

 

Основы работы с Macromedia Flash

Программный пакет Macromedia Flash (в дальнейшем просто Flash) – мощный инструмент, облегчающий создание анимированных WEB-страниц. Модель графики в Flash представляет собой комбинацию растровой и векторной графики, соединяя в себе положительные стороны обоих графических представлений. Внешний вид главного окна после запуска программы выглядит следующим образом:

Здесь предлагается выполнить одно из действий: создать новый пустой документ, открыть уже существующий или создать новый документ на основе существующего шаблона.

При выборе пункта Flash Document создается новый документ. При этом вид окна изменяется на следующий:

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

Инструменты выделения Selection tool и Lasso tool (1)

Инструмент стрелка позволяет выделять и передвигать элементы на рабочем поле. Если передвинуть выделенную заливку поверх другой заливки и затем снять выделение, то та часть рисунка, которая находится под верхним, вырежется.

Инструмент лассо выделяет произвольную часть рисунка. Поэтому при помощи лассо можно выделять более точно, чем при помощи любого другого инструмента. Чтобы выделить область, ведите лассо вокруг этой области. Закончите круг приблизительно в том же месте где начали. Flash автоматически закроет петлю прямой.

Эти инструменты часто используются для операций вырезания, копирования и вставки фрагментов изображений. Соответствующие команды EditCut, EditCopy и EditPaste.

Инструменты Subselection tool и Free transform tool (2, 3)

Данные инструменты используются для трансформации изображения. Инструмент (2) используется для перемещения опорных точек, а (3) – для изменения формы, размера рисунка, угла наклона и поворота.

Инструмент Line tool (5)

Позволяет рисовать прямые линии. Свойства линии задаются в окне Window/Properties.

Инструменты для свободного рисования (6, 10, 11)

Pen (перо, 6) – позволяет рисовать кривые линии.

Pencil (карандаш, 10) – позволяет рисовать кривые и прямые линии. При помощи карандаша создается только контур.

Brush (кисть, 11) – кисть создает только заливку.

Инструмент Text (текст, 7) – инструмент для создания текста.

Инструменты 8 и 9 (овал и прямоугольник) предназначены для рисования овалов и прямоугольников (как закрашенных, так и нет).

Инструмент Ink bottle tool (12) предназначен для изменения цвета контура и/или построения нового контура.

Инструмент Paint bucket tool (заливка, 13) позволяет выбрать для заливки контуры.

Инструмент Dropper (пипетка, 14) служит для того, чтобы автоматически выбрать цвет, тип линии, толщину при работе с контуром, или только цвет при работе с заливкой.

Инструмент Eraser (ластик, 15) позволяет стирать все, кроме группировок.

 

СЛОИ

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

На панели управления уровней доступны следующие установки режимов:

Глаз – Видно/не видно изображение на этом уровне

Замок – Запрет/разрешение редактирования на этом уровне

Контур – Представление объектов в виде контуров. Очень помогает при работе с невидимыми объектами (прозрачные объекты)

Режимы включаются/выключаются нажатием левой кнопки мыши на соответствующую иконку.

Временная линия

Перечислим основные возможности временной линии:

·       Маркер – указывает на текущий кадр, отображаемый в окне. При клике на какой-либо кадр, маркер автоматически перемещается на него.

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

·       Шкала кадров – поле, где вы можете добавлять и удалять простые и ключевые кадры. Если вызвать контекстное меню (нажать на правую клавишу мыши) на каком-либо кадре, вы увидите перечень действий, которые можно совершить. На шкале отображается информация о кадрах, которые являются ключевыми (такие кадры помечаются черными кружочками), содержат действия (буковка "а" над кружочком) или метку (красный флажок, после которого идет название метки). Цвет тоже говорит о типе кадров. Серый цвет - это кадры, которые в точности повторяют ключевой кадр (keyframe). Синеватая или зеленоватая подсветка говорит о том, что кадры сгенерированы Flash (о различиях будет рассказанно ниже). И, наконец, белое или "пустое" полосатое пространство говорят о том, что на этих кадрах ничего нет.

·       Кнопки управления тенями – это кнопки, позволяющие отображать соседние кадры как бы через кальку, чтобы видеть разницу между предыдущими и последующими кадрами. Можно задавать глубину такого отображения по обе стороны от маркера.

 

АНИМАЦИЯ

Основной элемент, с помощью которого создается анимация – временная линейка (Timeline). В отличие от мультипликации, при которой приходится рисовать все кадры, отражающие процесс изменения или движения, Flash позволяет рисовать только ключевые кадры (Keyframe), а изображение в кадрах, находящихся между ключевыми, выполняется программно, что облегчает работу.

Анимация во Flash представлена двумя видами: анимация типа Shape и анимация типа Motion. Принципиальное отличие между этими типами анимации состоит в том, что первый тип работает с графикой как с набором графических примитивов (линий, дуг, окружностей, прямоугольников, заливок и т.д.), а второй тип работает только со сгруппированными объектами, «символами» (Symbols). Символы представляют собой набор графических примитивов, объединенных в единый объект. В пакете Flash символы могут быть трех типов:

Graphics – простое объединение примитивов.

Button – объект, выполняющий функции кнопки, т.е. позволяющий выполнить определенные действия, при щелчке курсором мыши на нем.

Movie Clip – анимационный ролик.

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

Символ может быть создан двумя способами:

1)     С помощью меню Insert->New symbol… создается новый (пустой) символ, в котором производится рисование. При этом в диалоговом окне надо выбрать тип создаваемого символа и его имя (имя по умолчанию Symbol № …). После окончания рисования символ переносится в локальную библиотеку символов.

2)     Выделить «стрелкой» область рисунка из которого вы хотите символ создать. Выберите пункт меню Insert->Convert to Symbol… и нажмите кнопку OK (при этом необходимо указать тип символа). Созданный символ будет помещен в библиотеку, доступную с помощью команд Window->Library, и останется на рабочем поле.

Обратная операция – разбиения символа на составляющие его примитивы – выполняется выбором пункта меню Modify->Break Apart.

Анимация типа Shape (преобразование формы, морфинг) – позволяет изменять цвет и форму объектов.

В самом общем виде алгоритм создания этой анимации может быть представлен следующим образом.

Шаг 1. Нарисовать в первом кадре анимации объект, который будет изменяться. Можно воспользоваться одним из следующих способов:

·       нарисовать объект инструментами Flash;

·       импортировать графический файл формата bmp, gif или jpeg. При этом необходимо разбить его на примитивы (Modify -> Bitmap -> Trace Bitmap);

·       импортировать символ Flash;

·       написать текст шрифтом из Flash.

Шаг 2. Создать конечный кадр. Для этого на временной линейке наведите курсор на интересующий кадр, щелкните на нем левой кнопкой мыши и выберите Insert > Keyframe (или нажмите клавишу F6).

Шаг 3. Создать в конечном кадре другой рисунок или импортируйте любой другой gif, jpeg или bmp.

Шаг 4. На закладке Properties (находится в нижней части экрана) установить свойству Tween значение Shape.

Замечание. При необходимости измените значение опции Blend: Distributive лучше подходит для круглых рисунков, Angular - лучше применять для рисунков с множеством углов, изгибов и т.д.

Если все сделано верно, то кадры на временной шкале должны окраситься в зеленоватый цвет и от первого кадра ко второму должна протянуться стрелочка.

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

Для просмотра результата выберите пункт меню Control->Plaу.

Второй тип анимации – Motion.

При данном типе анимации могут быть изменены следующие параметры:

·       размер (как пропорционально, так и непропорционально - отдельно высоту и ширину)

·       наклон

·       расположение

·       угол поворота

·       цветовые эффекты

·       можно использовать направляющие слои для задания траектории движения объекта

Анимация типа Motion создается таким же образом, как и предыдущий. Единственное отличие заключается в том, что после создания рисунка, его необходимо преобразовать в объект (в символ). Дальнейший процесс создания анимации до шага 4 ничем не отличается от создания Shape. В шаге 4 необходимо установить  свойству Tween значение Motion.

Существует более короткий способ создания этой анимации: необходимо щелкнуть правой кнопкой мыши между ключевыми кадрами, и выбрать пункт меню Create Motion Tween.

 

МЕНЮ

Основной элемент меню – кнопка. Кнопка является объектом (символом) и создается стандартным образом. Любой фрагмент рисунка может быть объявлен кнопкой. Кнопка имеет три состояния:

Up – исходное состояние

Over – курсор мышки находится над кнопкой

Down – нажатое состояние

и одно свойство

Hit – область нажатия, то есть та область сцены, нажатие в которой будет ассоциироваться с нажатием на Вашу кнопку.

По умолчанию кнопка имеет одинаковый вид для всех трех состояний и область нажатия, ограниченную размерами самой кнопки. Для редактирования состояний кнопки щелкните на ней правой кнопкой мышки и выберите один из режимов редактирования Edit in Place или Edit in new Window. В режиме редактирования нарисуйте каждое состояние. При необходимости создания анимационной кнопки, выделите ее, преобразуйте в символ типа Movie Clip и создайте анимацию, как было описано выше.

Создание меню с помощью переключений между ключевыми кадрами

Шаг 1. Нарисовать элемент > превратить его в кнопку (F8 > Button) или взять готовую кнопку из библиотеки (Window > Common Libraries > Buttons)

Шаг 2. Создать конечный (целевой) кадр (выбрать кадр и щелкнуть F6).

Шаг 3. Создать действие (реакцию), которая будет выполняться при нажатии на кнопку.

Шаг 4. Проделать шаги 1-3 для всех кнопок.

 

4. Рекомендации слушателям по подготовке к лабораторной работе с указанием литературы.

Ø     Ознакомиться с краткими теоретическими и справочными материалами по теме занятия;

Ø     Ознакомиться с рекомендуемой литературой:

Литература, рекомендуемая при подготовке к лабораторной работе:

5.     Полат Е. С., Моисеева М. В. Дистанционное обучение. – Владос, 1998.

6.     Уваров А. Ю. Электронный учебник: теория и практика. – М.: УРАО, 1998.

7.     Леонтьев В. П. Самоучитель мультимедиа. Обработка фотографий, музыки и видео. – М.: ОЛМА-ПРЕСС, 2005. – 320 с.

8.     Башмаков А. И., Башмаков И. А. Разработка компьютерных учебников и обучающих систем. – М.: Филинъ, 2003. – 616 с.

9.     Осин А. В. Мультимедиа в образовании: контекст информатизации. – М.: Издательский сервис, 2004. – 320 с.

10.  Flash MX 2004 и ActionScript 2.0: обчение на примерах / Д.А. Гурский, Ю.А. Гурский. – М.: Новое знани5е, 2004. – 446 с.

Ø     Подготовить результаты выполнения предыдущих лабораторных работ для оформления комплексного отчета;

Ø     Придумать анимированную заставку для ЭУМ.

5. Исходные данные для работы

Выходные файлы лабораторных работ:

№ 3 Подготовка звуковых фрагментов для ЭУМ.

№ 4 Подготовка видеофрагментов для ЭУМ.

Эскиз и собственные графические материалы для авторской заставки ЭУМ.

6. Описание лабораторного оборудования

Класс персональных компьютеров, подключенных в локальную и глобальную сети. Программный пакет Macromedia Flash. Комплект наушников для каждого слушателя. Комплект проекционной техники, по возможности, вместо экрана – интерактивная доска.

 

7. Краткое содержание работы, выполняемой слушателями на занятии. Ход выполняемой работы.

 

Задание

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

Условия задания:

-       Презентация должна содержать не менее 4 фреймов, содержащих анимацию любого типа

-       Презентация должна начинаться с заставки, содержать сведения об авторе, а также результаты работы предыдущих лабораторных работ

-       В презентации должно быть реализовано кнопочное меню.

-       Результат выполнения задания (презентация) должен быть представлен в виде файлов двух различных форматов

 

Пример создания отчета о проделанной работе

1.     Запустите Macromedia Flash.

2.     Выберите пункт Flash Document (или New-> Flash Document).

3.     В первом кадре добавьте фоновое изображение (File -> Import -> Import to Stage). При необходимости растяните рисунок до нужных размеров при помощи инструмента Free Transform Tool. Должно получиться примерно следующее:

4.     Создайте ключевые кадры в фреймах 2-4. Для этого на временной линии поочередно выбирайте соответствующие фреймы и нажимайте F6:

5.     При необходимости измените фоновые изображения на созданных ключевых кадрах.

6.     Добавьте на первом ключевом кадре три различных кнопки из библиотеки (откройте окно Window -> Common Libraries -> Buttons и перетяните нужные кнопки на кадр)

7.      Измените названия кнопок на «Аудио», «Видео» и «Об авторе». Для этого щелкните два раза на кнопке, перейдите на слой text и измените текст. Для выхода из режима редактирования кнопки выберите инструмент «стрелка» и дважды щелкните вне изображения кнопки:

8.     Добавьте на ключевых кадрах 2-4 еще одну кнопку. Она будет отвечать за переход на первый кадр.

9.     Выделите первый ключевой кадр и откройте панель Action (она располагается под создаваемым изображением). В появившемся окне выберите действие stop. Это означает, что после отображения первого ключевого кадра, воспроизведение будет остановлено:

10.  Повторите действие 9 для ключевых кадров 2 и 3.

11.  Выделите на первом кадре кнопку с названием «Аудио», она будет ссылаться на второй кадр презентации. Для настройки действия откройте окно Action при выделенной кнопке и напишите в правой части окна:

on(release) {

  gotoAndStop(2);

}

Число в скобках у команды gotoAndStop – это номер кадра, на который будет осуществляться переход

12.  Проделайте аналогичные действия для остальных кнопок во всех кадрах, кроме кнопки «Об авторе». В ней вместо команды gotoAndStop необходимо использовать команду gotoAndPlay.

13.  Проверьте работоспособность кнопок (Control -> Test Movie или нажмите Ctrl+Enter)

14.  На второй ключевой кадр вставьте компонент MediaPlayback. Этот компонент предназначен для воспроизведения видео (в формате FLV) и аудиофайлов (в формате MP3).

15.   Перейдите в окно свойств компонент (Alt+F7). Отметьте точкой пункт MP3 и в строке URL напишите полный путь к файлу, созданному в лабораторной работе №1.

16.  Добавьте в кадре надпись, поясняющую музыкальный фрагмент.

17.  Добавьте на третий кадр компонент FLVPlayback. В свойстве contentPath укажите файл с результатом лабораторной работы №2. Добавьте пояснение в кадре.

18.  Добавьте два новых слоя – в них мы сделаем анимацию для надписей на четвертом кадре «Об авторе» (Insert -> Timeline -> New Layer).

19.  В слое Layer 2 сделаем анимацию для надписи «Работу выполнила». Выделите четвертый фрейм на данном слое и нажмите F6. Добавьте надпись за пределами рабочей области. Наш текст будет появляться бегущей строкой справа из-за экрана до середины. Выделите 15-й фрейм на этом же слое и нажмите F6. Сместите надпись до того места, где она должна находиться после анимации (на середину). Снова выделите четвертый фрейм и добавьте анимацию типа Motion, описанным выше способом. Если все сделано верно, то фреймы 4-15 окрасятся в синий цвет.

20.  Теперь добавим анимацию для фамилии, имени и отчества. На слое Layer 3 поставьте два ключевых кадра 4-й и 15-й. В первом из них инструментом кисть поставьте точку (желательно цветом фона, чтобы она не бросалась в глаза). Эта точка будет являться начальным объектом деформации. На последнем ключевом кадре добавьте надпись, содержащую фамилию, имя и отчество. Для надписи дважды проделайте операцию разбиения (Modify->Break Apart). Выделите четвертый фрейм на данном слое и добавьте анимацию типа Shape, описанным выше способом. Если все сделано верно, то фреймы 4-15 окрасятся в зеленый цвет.

21.  Добавьте в каждом слое еще один ключевой кадр и добавьте для каждого из них действие stop.

22.  Просмотрите результат работы (Control -> Test Movie)

23.  Для публикации готовой презентации выберите пункт меню File -> Publish settings.

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

 

8. Техника безопасности.

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

 

9. Порядок оформления отчета по лабораторной работе и его защиты.

Для отчета необходимо создать два файла: один из них должен содержать Flash-презентацию отчета о проделанных лабораторных работах, а второй – заставку для разрабатываемого слушателем цифрового образовательного ресурса.

Отчет по лабораторной работе проводится в два этапа, на каждом из 2-х запланированных занятии.

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

В конце второго занятия проводится презентация анимированной заставки к разрабатываемым ЭУМ и коллективное обсуждение.

Все результаты должны быть размещены в портфолио слушателя.

 

10. Методика анализа полученных результатов.

Рекомендуется отчет по лабораторной работе проводить в два этапа:

В конце первого занятия преподаватель оценивает результат выполнения задания по образцу – комплексный отчет по лабораторным работам №3-4;

В конце второго занятия каждый слушатель представляет для коллективного обсуждения свою авторскую разработку анимированной заставки к ЭУМ. Оценку работы осуществляют все слушатели с точки зрения соответствия стиля, дизайна, содержания заставки тематике и назначению ЭУМ, а также учитывается качество исполнения, привлекательность, эстетичность.

 

11.Рекомендации для преподавателей по проведению занятия

Лабораторная работа проводится по подгруппам. Для успешного проведения занятия необходимо заранее подготовить техническое и программное обеспечение.

Для большей наглядности и более детального изучения целесообразно использовать не только текстовый вариант лабораторной работы, но и иметь видеозапись выполнения проекта по шагам.

Занятие рассчитано на 2 пары. Рекомендуется построить занятие следующим образом:

Первое занятие:

Первый этап: постановка целей занятия, информация о ходе проведения занятия. На этом этапе рекомендуется познакомить слушателей с образцами flash-анимации. Для этого можно воспользоваться фрагментами ЦОР, Интернет-ресурсами www.commedia.ru.

Примерное время – 20 минут.

Второй этап: фронтальная работа слушателей – подготовка комплексного отчета по результатам лабораторных работ №3-4 с помощью пошагового описания последовательности действий.

Примерное время – 1 час.

Третий этап: подведение итогов занятия. Преподавателю следует просмотреть и оценить выполненную работу.

Задание для самостоятельной работы: разместить результаты работы в портфолио, провести анализ занятия и рефлексию приобретенного опыта в «Журнале записей». Продумать сценарий анимированной заставки для ЭУМ.

Примерное время – 10 минут.

Второе занятие:

Первый этап: постановка целей занятия, информация о ходе проведения занятия. Примерное время – 5-7 минут.

Второй этап: индивидуальная творческая работа слушателей по созданию авторской анимированной заставки для ЭУМ. Преподаватель на данном этапе выступает в качестве консультанта и помощника

Примерное время – 1 час.

Третий этап: подведение итогов, презентация и коллективное обсуждение полученных результатов. На данном этапе необходимо использование комплекта проекционной техники. Вместо экрана рекомендуется использование интерактивной доски.

Примерное время – 25 минут.