Geum.ru

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

Вид материалаДокументы

Содержание


Скриптовые технологии «оживления» иллюстраций на учебных страницах
Что такое скриптовое «оживление» иллюстраций и каковы его функции?
Особенности создания анимированных иллюстраций при использовании Macromedia Flash и языка сценариев ActionScript
Особенности построения скриптов с помощью языка Java Script
Методические рекомендации по преподаванию экономики в средних
Экономические сайты сети Интернет.
Подобный материал:
1   2   3   4   5   6   7   8   9   10   11

Скриптовые технологии «оживления» иллюстраций
на учебных страницах


Качанов И.В., Никулова Г.А., Родионов М.В.

Липецкий государственный педагогический университет

Анимационные технологии в настоящее время довольно популярны. Использование анимационных моделей в учебном процессе позволяет наглядно и в динамике представить изучаемый объект или явление, визуализировать ненаблюдаемые в реальной жизни процессы (например, ядерные реакции, квантовые превращения и др.), что упрощает восприятие учебных материалов и способствует усилению их когнитивного потенциала. Вместе с тем некорректное или неуместное анимирование объектов, явлений и их частей может отвлечь внимание пользователя или сконцентрировать его на деталях, несущественных для понимания сути явления в целом, создать у пользователя (зрителя) поверхностное или неверное представление об изучаемом объекте. Поэтому разработчикам цифровых учебных ресурсов (ЦОР) важно представлять границы целесообразности «оживления» иллюстраций в продуктах учебного назначения. Чтобы решить эту задачу, попробуем ответить на ряд принципиальных вопросов.

Что такое скриптовое «оживление» иллюстраций и каковы его функции?

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

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

Синхронное выполнение кода скрипта. Для создания анимированного изображения используется метод кадрированной анимации - основной прием имитации движения и других действий, происходящих в фильме. Во время воспроизведения анимации воспроизводящая головка временной диаграммы переходит от одного кадра к другому, тем самым создавая у зрителя ощущение «живой» картинки. Когда она входит в новый кадр, интерпретатор выполняет код, прикрепленный к этому кадру. После выполнения кода происходит обновление изображения. Затем воспроизводящая головка перемещается в следующий кадр. Такое выполнение скриптового кода называют синхронным, так как оно происходит линейным предсказуемым образом. Весь код, прикрепленный к кадрам фильма, выполняется синхронно. Даже если некоторые кадры выполняются в ином порядке благодаря выполнению команд остановки (stop) или начала воспроизведения (play), код всех кадров выполняется в предсказуемом порядке, синхронно с перемещением воспроизводящей головки.

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

Особенности создания анимированных иллюстраций при использовании Macromedia Flash и языка сценариев ActionScript

Технология Macromedia Flash, представляя собой симбиоз изобразительного искусства, видео и языка программирования, предполагает интеграцию с HTML, JavaScript или VBScript и является самодостаточным, простым, удобным и эффективным инструментом для создания анимированных иллюстраций. Введение собственного интерпретатора сценариев ActionScript позволяет создавать многофункциональные приложения с интерактивной графикой, управляемой пользователем, одним из примеров которых является созданное в рамках настоящей работы интерактивное пособие “GaLo” по астрономии для 11 класса. На рис. 1 представлены фрагменты разработки и функционирования пособия.




Рис. 1 Фрагменты пособия “GaLo”


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

Особенности построения скриптов с помощью языка Java Script

В рамках данной технологии каждое изображение в HTML-документе рассматривается в качестве объекта Image, а их совокупность представляется виде массива. Объект Image имеет определенные свойства, к которым и можно обращаться посредством методов JavaScript, рис. 2, вносить изменения в графические образы, присутствующие на web-странице, что и лежит в основе мультипликации.





Рис. 2. Инструменты Java Script «оживления» графической информации.


В рамках данной технологии можно осуществлять:
  • загрузку новых изображений в позицию предыдущего;
  • упреждающую загрузку изображения, при которой изображение немедленно извлекается из КЭШа, что исключает задержки при его демонстрации;
  • изменение изображений в соответствии с событиями, инициируемыми самим пользователем. Это позволяет создать красивые эффекты, используя смену изображений в качестве реакции на определенные события. Например, можно изменять изображения в тот момент, когда курсор мыши попадает на определенную часть страницы.

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

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

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

Методические рекомендации по преподаванию экономики в средних

общеобразовательных школах с использованием возможностей

Интернет – ресурсов

Курносова Н.В.

Пермский государственный педагогический университет.


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

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

Цель методических рекомендаций – показать учителям СОШ возможности Интернет - ресурсов для преподавания экономики (на примере темы “Деньги, банки, банковская система”).

Разработанные методические рекомендации состоят из 5 разделов.

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

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

3 раздел. Возможности Интернет - ресурсов для преподавания темы “Деньги, банки, банковская система”. В этом разделе методических рекомендаций Интернет – ресурсы разделены на 4 типа:

1 тип. Сайты государственных организаций, на которых присутствует экономическая информация.

2 тип. Электронные экономические библиотеки.

3 тип. Электронные Web-курсы и учебники по экономике.

4 тип. Сайты с методическими разработками для учителей экономики.

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

4 раздел. Примерная поурочная разработка темы “Деньги, банки, банковская система” с использованием возможностей Интернет – ресурсов, созданная в соответствии со стандартом образовательной области “Экономика” для общеобразовательных школ и школ с углубленным изучением предмета.

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

Экономические сайты сети Интернет.

Правительственные национальные организации:

Негосударственные национальные организации:

Научные организации:

Сайты по экономическим отраслям знаний:

Сайты в области экономического образования:

Вспомогательные сайты:


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