ASed. Сайт провинциального инженера

работа с Темами
Опция "Темы" вызывает формат поиска и редактирования темы с типовым интерфейсом: список объектов => панель управления.

Рис. 1 Формат поиска и редактирования темы с панелью управления

Функция Запустить вызывает демонстрацию подготовленного материала; Изменить - вызывает тему для редактирования; Удалить, соответственно, - удаление.

Функция Изменить открывает формат редактирования общих сведений о теме

Рис. 2 Формат редактирования темы

Данный формат позволяет изменить наименование темы и комментарий. Нажатием на кнопку "ОК" производится сохранение изменений в базе и выполняется переход к кадрам темы.

Формат "Кадры темы" содержит перечень кадров в последовательности предъявления. id списка – именно уникальный идентификатор кадра, но не порядок предъявления. Имя кадра оформлено в виде ссылки – унифицированный интерфейс ИОС.

Рис. 3 Формат "Кадры темы"

Ниже списка размещаются ссылки "Создать новый" и возврат к списку тем. Колонка "Экраны" содержит пары кнопок к каждому кадру LS, RS: соответственно левый и правый дополнительные экраны. Контрастная надпись указывает, что данному экрану произведено назначение кадра.

Нажатие на кнопку дополнительного экрана вызывает формат монтирования дополнительного экрана (назначения кадра экрану).
Формат содержит выпадающий список тем и перечень кадров выбранной темы.
Текущее назначение (если таковое произведено) кадра экрану указывается фоновой окраской строки списка.
Новое назначение фиксируется щелчком по имени кадра на формате монтирования.
Рис. 4 Формат монтирования дополнительного кадра

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

Ссылка "отключить дополнительный кадр" снимает назначение кадра (при этом будет демонстрироваться черный бланк).

Щелчок по имени кадра на формате "Кадры темы" вызывает панель управления.

Рис. 5 Формат "кадры темы" с панелью управления

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

Формат "Создание нового кадра" обеспечивает ввод наименования, типа, времени предъявления и размещение информационного блока.

Рис. 6 Формат "Создание нового кадра"

Типы обучающих кадров:
- HTML страница;
- Фото страница;
- Видео страница;
- Flash страница;
- Фото планшет.

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

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

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

Обучающий кадр "Видео страница" в основном поле предъявляет видео информацию. Инфоблоки могут содержать только сообщения.

Обучающий кадр "Flash страница" является основным для предъявления сложных анимированных, управляемых и интерактивных двумерных объектов, - чертежи, схемы, изображения физических объектов.
В части структуры кадр полностью подобен предыдущему. Однако, в основной части кадра можно разместить flash анимацию. С помощью инфоблоков предъявляются сообщения, аудио информация, задаются управляющие воздействия для flash анимации.

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

Формат "Редактирование кадра" полностью подобен формату "Создание нового кадра", но тип кадра изменить нельзя.

Рис. 7 Формат "Редактирование кадра"
Нажатие на кнопку "ОК" сохраняет сведения и вызывает формат работы с кадром соответствующего типа.

HTML страница

Рис. 8 Редактор HTML страницы (фрагмент)

Используемый on-line редактор (tiny_MCE) весьма близок по интерфейсу к редактору Word, но присутствуют и особенности:
а) вставка таблицы требует определения параметров строк и колонок, в противном случае будет вставлена "резиновая" таблица, выравниваемая по содержимому;
б) вставка из буфера обмена может выполняться несколькими способами, в частности, кнопка с символом "Т" обеспечивает вставку только текста, а кнопка с символом "W" ориентирована на вставку из Word-a, при этом проводится очистка некоторых элементов форматирования;

Рис. 9 Вставка в) кнопка с символом "f" предназначена для вставки flash анимации, причем, подобно вставке изображения, вначале осуществляется закачка файла с клиентского компьютера на сервер, а затем размещение на странице. Однако, если рисунок (файлы *.gif, *.jpg, *.png,) отображается на странице в процессе редактирования, то вместо анимации показывается равный по площади условный прямоугольник;
г) кнопка с аббревиатурой "HTML" вызывает режим непосредственного редактирования HTML кода, т.е. обеспечивается использование полного набора возможностей языка;
д) при нажатии Enter автоматически вставляются теги абзаца, для перехода на новую строку следует использовать Shift-Enter.

Фото страница
Редактор фото страницы содержит основное поле для изображения и 4 кнопки: Изображение, Инфоблок, Синхронизация и Асинхронно.
Для всех типов кадров с инфоблоками необходим следующий порядок создания (разработки) кадра:
- создать новый (присвоить имя, заполнить основное поле);
- сохранить кадр;
- создать инфоблоки (нажатие на кнопку Инфоблок);
- назначить (вставить), при необходимости, каждому инфоблоку аудиофайл;
- выполнить синхронизацию нажатием на кнопку Синхронизация.

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

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

Редактор инфоблока использует унифицированный (для системы) tiny_MCE on-line редактор.

Рис. 10 Список инфоблоков кадра с панелью управления

Синхронизация Фото страницы
В верхней части панели синхронизации выбирается требуемый инфоблок (ввести номер, нажать ОК).
Нажать кнопку "пуск", запускается воспроизведение аудиоинформации и, одновременно, таймер продолжительности демонстрации инфоблока, при этом назначение кнопки изменяется.
Надпись на кнопке изменяется на "метка".
При необходимости нарисовать, указать на поясняемый элемент изображения (в соответствии с аудио и текстовой частью блока) нажать кнопку "метка".
Таймер и аудио переходят в режим паузы, надпись на кнопке изменяется на "фиксировать".

Рис. 11 Основное поле Фото страницы и панель синхронизации

Основной способ рисования, указания элемента изображения – выбрать на панели синхронизации цвет, тип линии, фигуры, толщину линии и установить на основное поле кадра в необходимом месте.
Линия строится от первоначального нажатия до момента отпускания левой клавиши мыши, для прямоугольника и эллипса первое нажатие определяет центр фигуры.
Затем нажать кнопку "фиксировать" (все та же кнопка "пуск"). Надпись на кнопке изменяется на "метка", аудио и таймер продолжают работу.
И далее по циклу метка - фиксировать до завершения синхронизации блока, что выполняется нажатием на кнопку "стоп".
На одну фиксацию устанавливается один элемент изображения.
Поле "t, сек." носит информационный характер, показывает текущее время блока.
Кнопкой "тест" запускается проверка качества синхронизации блока (соответствие изменений на изображении звуковому сопровождению).

Нажатием на кнопку ОК выполняется занесение параметров синхронизации блока в базу данных. Кнопка Cancel закрывает формат синхронизации без сохранения.

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

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

Рис. 13 Основное поле Видео страницы и панель синхронизации

Flash страница
Формат полностью идентичен Фото странице, но в основном поле предъявляется flash анимация. На поле формата введена кнопка Анимация для вставки flash (файл *.swf). Для обеспечения управляемости объектов анимации следует соблюдать ряд требований, которые приведены ниже.

Синхронизация Flash страницы
Алгоритм синхронизации подобен Фото странице. Однако, управление элементами анимации выполняется с помощью панели синхронизации несколько иначе:
- за одну фиксацию устанавливается или панорама сцены или цвет (команда) или параметры объекта;
- группа параметров "окно сцены (границы)" определяет отображаемую область; для проверки служит кнопка "установить";
- для управления объектом предварительно его выбираем щелчком по нему на основном поле; в зоне "объект" панели управления будет показано имя выбранного объекта;
- в зоне "цвет" повторится его цвет и шестнадцатеричное представление;
- кнопка "новый" вызывает таблицу цветов из которой выбирается необходимый; проверка/применение выполняется кнопкой "установить" в зоне "цвет";
- к выбранному объекту возможно применение управляющих воздействий из зоны "Параметры (свойства)"; проверка/применение выполняется кнопкой "установить";
- сохранение результата синхронизации в базе выполняется кнопкой ОК;
- инфоблок может относиться к нескольким объектам, может выполняться несколько циклов "метка – фиксировать".

Рис. 14 Основное поле Flash страницы и панель синхронизации

При отсутствии аудиоинформации моменты фиксации определяются условно с учетом времени потребного для чтения и осмысления текста инфоблока. Удобно использовать режим "Асинхронно" подобно Фото странице.

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

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

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