Данный документ содержит краткое описание функциональных возможностей и принципов организации надстроечной библиотеки, реализованной на функциональной базе фреймворка jQuery, обеспечивающей автоматизированную организацию работы интерактивных мультиформатных систем презентационного и учебного назначения.
Принципы организации состава и структуры ресурса и последовательности организации процессов деятельности системы…
Описание последовательности действия процессов начинается с момента загрузки начальной (HTML) страницы. Для указания частного варианта использования применяется следующая форма:
Вариант использования
// первичная функця: $(document).ready(function() { // Программный код, организующий начальную фазу загрузки модуля... // ... var src = "config.xml"; // ... });
<note> Ключевой момент: var src = «config.xml»; - конфигурационный файл (находится в той же директории, что и HTML файл)</note>
<note>Для загрузки XML файорв существует объект loader, имеющий метод getXMLDOM(resData), возвращающий DOM XML загруженного документа.</note>
<note>Ключевой момент: в файле «config.xml» дан адрес XML файла, содержащего описание совместно используемых данных (общие элементы интерфейса) и списка сцен модуля.</note> Пример представления файла описания состава сцен модуля:
<setting element="steps"> <location href="scene/lab.xml"/> </setting>
<note>Для разбора содержимого lab.xml (частный случай) существует объект labwork_loader, имеющий методы loadLabwork и getNameFromStep.</note> <note>Метод loadLabwork содержит описание функции, отвечающей за извлечение совместно используемых данных (общие элементы интерфейса) и пересылку их для дальнейшей обработки объекту design, имеющему методы composeNode(resObj) и composeLabXML;</note> <note important>В данном месте происходит распараллеливание процессов: загрузка и размещение в окне браузера общих элементов интерфейса (посредством объекта design) и организация сбора информации о сценах, входящих в состав модуля.</note> Фрагмент lab.xml
<!-- картинка-подложка --> <image id="bg" visible="true" enabled="false"> <param x="0" y="0" src="../media/img/components/bg.jpg" depth="-50" hitArea="opaque"/> </image> <steps> <!-- Введение--> <step id="intro" src="intro.xml" type="information" resultCount="false"/> <!-- ... --> </steps>
<note>За визуальное представление данных (включение медиаданных в состав DOM HTML) отвечает объект design, имеющий методы composeNode(resObj), composeLabXML (подгрузка и разбор общих элементов, описанных в lab.XML). Подгрузка и разбор шагов: composeStepXML (подгрузка и разбор элементов сцен, входящих в состав модуля) и др.</note>
<note>Для организации данных в массив существует объект navigation, обладающий методом putStep(step).</note>
<note>Данные, описывающие состав и структуру первой сцены (DOM XML), передаются для дальнейшей обработки объекту design, имеющему методы composeNode(resObj) и composeStepXML.</note>