Тема 2.3. Роль XML и WEB-сервисов в сетевой экономике

Тема 2.3. Роль XML и WEB-сервисов в сетевой экономике

Практическая работа «Создание XML-документов в инструментальной среде визуального XML-редактора»

Цель работы: получение представления об XML-технологии, знакомство с интерфейсом визуального XML-редактора, формирование навыков работы с инструментальными панелями XML-редактора, практическая работа с XML-документом: создание, редактирование, преобразование в HTML-формат. Задание на работу: 1. Ознакомьтесь с основами XML-технологии. 2. Ознакомьтесь с интерфейсом визуального XML-редактора XMetal Author. 3. Ознакомьтесь с назначением основных кнопок быстрой вставки инструментальных панелей и кнопок управления режимами XML-редактора. 4. Создайте «стандартный» XML-документ с документоориентированным содержанием. 5. Преобразуйте к заданному в работе виду теговую структуру XML-документа. 6. Преобразуйте документ из формата *.xml в HTML-формат, используя для этого возможности визуального XML-редактора.

Содержание

Технология выполнения работы. 1

1. Знакомство с основами XML-технологии. 1

2. Знакомство с пользовательским интерфейсом XML-редактора. 3

3. Автоматическое преобразование формата документа. 4

4. Ручное редактирование и форматирование XML-документа. 6

5. Контрольные вопросы. 8

Приложение. Панели быстрой вставки Journalist и Journalist 2. 8

Технология выполнения работы

1. Знакомство с основами XML-технологии

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

К компонентам XML-технологии обычно относят создание собственно XML-документа, разработку XML-схемы или DTD-определения документа и XSLT-скрипта. Назначение данных компонентов приведено в табл. 1. 

Таблица 1

Назначение компонентов XML-технологии

Компонент XML-технологии	Описание функций компонента XML-технологии
XML-документ	Структурированное представление данных. Применяется для хранения и обмена данными
XML-Schema (DTD — описание)	Описание структуры данных. Используется для проверки правильности структуры, содержащейся в XML-документе. Содержит набор правил о том, какие элементы (теги) могут встречаться в XML-документе, с какими атрибутами, в какой последовательности и какие данные они могут содержать. Сама схема является XML-документом
XSLT-скрипт	Скрипт, используемый для преобразования XML-документов в другие представления. Описывает шаблоны, которые применяются к каждому элементу исходного документа. Получаемый документ может быть любого формата, начиная от списка параметров, разделенных запятыми, HTML-документа и заканчивая другим XML-документом

Схема организации работы над XML-приложением в соответствии с приведенным компонентным составом XML-технологии показана на рис. 1. 

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

Рис. 1. Схема организации работы над XML-приложением

2. Знакомство с пользовательским интерфейсом XML-редактора

2.1. Создайте новую страницу XML-документа. Для этого:

запустите визуальный XML-редактор, щелкнув по его ярлыку; создайте новый документ (команда File/New... или кнопка «New Page» на панели стандартных инструментов XML-редактора); в открывшемся диалоговом окне выберите закладку «Journalist», щелкните по ярлыку «Article» и нажмите «OK».

2.2. Наблюдайте результат (рис. 2). Если наблюдаемый результат отличается от приведенного на рисунке отсутствием левого поля, выполните команду XML-редактора View/Structure View.

Рис. 2. Основные элементы пользовательского интерфейса
XML-редактора XMetal Author (для шаблона Journalist)

Обратите внимание на следующее.

Основными элементами пользовательского интерфейса являются Поле инструментальных панелей, Линейка режимов XML-редактора, Окно структуры XML-документа, Окно элементов XML-документа.

Линейка режимов XML-редактора содержит:

1) кнопку окна Plain Text View  — окно используется для отображения разметки XML-документа;

2) кнопку окна Tags On View  — окно также используется для отображения разметки документов, но оно в ряде случаев более удобное и наглядное;

3) кнопку окна Normal View  — окно основного режима отображения документа (без какой-либо разметки);

4) кнопку окна Browse View  — окно для отображения созданного XML-документа в режиме браузера.

Поле инструментальных панелей для удобства восприятия можно преобразовать к виду, показанному на рис. 3. Из рисунка видно, что в состав Поля инструментальных панелей входят две функциональные панели быстрой вставки: Journalist и Journalist 2:

Рис. 3. Иное представление поля инструментальных панелей

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

3. Автоматическое преобразование
формата документа

Замечание 1.  Исходным для дальнейшей работы является документ (рис 4), подготовленный в текстовом редакторе Microsoft Word (файл документа с именем Article хранится в папке XML).

3.1. Откройте в текстовом редакторе Microsoft Word файл Article и обратите внимание на структуру данного документа. Документ представляет собой «стандартную» электронную публикацию, содержащую следующие типовые элементы:

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

Рис. 4. Фрагмент исходного текста в формате .doc текстового редактора Microsoft Word

3.2. Преобразуйте документ из формата текстового редактора Microsoft Word в XML-формат с сохранением (в основном) его структуры. Для этого:

на панели быстрой вставки Journalist щелкните по кнопке «Open Word Document»; начните операцию открытия файла Article. doc , щелкнув по клавише «Открыть»;

Замечание 2.  Операция открытия файла из формата текстового редактора не будет выполнена — вместо этого вам сразу будет предложено сохранить документ в XML-формате.

выберите путь и имя (например, также Article) для сохранения документа и нажмите кнопку «Cохранить»  — документ будет автоматически преобразован в формат XML, сохранен и отображен в XML-редакторе (рис. 5).

Рис. 5. Результат автоматического преобразования документа из формата .doc в формат .xml

Обратите внимание: преобразованный документ отличается от исходного документа, представленного в формате *.doc.

4. Ручное редактирование и форматирование
XML-документа

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

удаление  — для удаления дочернего элемента <Author>, перетаскивание  — для операций с названием документа, заголовками и с текстами подразделов (при выполнении операции перетаскивания не захватывайте лишних пробелов!); быстрой вставки  — для вставки подраздела Sec 1 (кнопка Insert Subsection); создание маркированных и  нумерованных списков (кнопка Bulleted List, Numbered List);

Рис. 6. Фрагмент готового XML-документа с документоориентированным содержанием

создания библиографии (кнопка Insert BiblioItem); создания нового элемента для сноски с тегом <Annotation>.

Замечание 3. 

Выполняя перечисленные операции:

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

4.2. Сохраните созданный вами XML-документ в персональной папке соответственно в XML - и HTML-форматах.

Замечание 4.  Преобразование документа из XML-формата в HTML-формат осуществляется нажатием кнопки Save as HTML на инструментальной панели Journalist.

4.3. Запустите сохраненный HTML-файл из проводника. Наблюдайте результат в окне браузера. Он должен соответствовать приведенному на рис. 6. 

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

5. Контрольные вопросы

1. Какой документ может быть отнесен к категории документоориентированного?

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

3. Какие функции совмещает в себе визуальный XML-редактор XMetal Author?

4. Какие типовые компоненты входят в состав XML-технологии?

5. Какие функции как компонент XML-технологии выполняет XML-документ?

6. Какие функции как компонент XML-технологии выполняет XML-Schema?

7. Какие функции компонент XML-технологии выполняет как DTD-описание?

8. Какие функции как компонент XML-технологии выполняет XSLT-скрипт XML?

9. Что относится к основным элементам пользовательского интерфейса XML-редактор XMetal Author?

10. Каково назначение окна Plain Text View?

11. В чем состоит назначение окна Tags On View?

12. Чем отличается окно Tags On View от окна Normal View?

13. В каких случаях используется окно Browse View?

14. Каково назначение панелей Journalist и Journalist 2?

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

16. Является ли достоинством возможность автоматического преобразования документа из формата *doc в формат *xml?

17. Какие типовые операции используются в XML-редакторе для ручного редактирования документов?

18. Какие типовые операции используются в XML-редакторе для ручного форматирования документов?

19. С какой целью XML-документ преобразуется в HTML-документ?

Приложение. Панели быстрой вставки Journalist и Journalist 2

Панель быстрой вставки Journalist

Данная панель используется:

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

Open Word document

Для того чтобы открыть документ Microsoft Word, нажмите на панели кнопку . Выберите необходимый файл и нажмите клавишу Open.

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

Save As HTML

Для того чтобы сохранить файл в формате HTML, нажмите кнопку на панели управления.

View HTML

Для просмотра HTML файла нажмите на кнопку на панели управления.

Save as PDF

Для того чтобы сохранить файл в формате PDF (Portable Document Format), нажмите кнопку . Для просмотра файлов указанного расширения необходима программа Adobe Acrobat Reader.

Просмотр документа формата PDF

Эта кнопка служит для просмотра файлов формата PDF.

Insert or Remove Emphasis

Данная кнопка служит для форматирования текста . Необходимо выделить текст и нажать на эту кнопку — текст станет наклонным.

Insert or Remove Strong

С помощью этой кнопки текст становится полужирным.

Insert or Remove TT 

Эта кнопка служит для работы с моноширинным шрифтом.

Insert or Remove Underscore

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

Insert Literal Layout

Текст, переносы строк в котором сохраняются.

Insert Program Listing

Вставка листинга программ.

Insert Inline Graphic

Вставка изображений (рисунков) в один ряд.

Insert Graphic

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

Insert Figure

См. Выше «Insert Graphic» — отличий от той кнопки минимум.

Replace Inline Graphic or Graphic

Замена рисунка:

если рисунок уже вставлен в документ (допустим его имя 12.jpg), нажмите на него левой кнопкой мыши; нажмите на панели кнопку ; найдите на жестком диске необходимый вам рисунок (например, 13.jpg) — рисунок 13.jpg заменит собой рисунок 12.jpg.

Insert Link

Чтобы вставить локальную гиперссылку к любому элементу с признаком Id,  отличным от нуля, щелкните по этой кнопке.

Insert ULink

Вставка «внешней ссылки», например на http://www. .

Панель быстрой вставки Journalist 2 

Панель управления Journalist 2 служит для следующих функций:

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

Insert Publication Date

Данная кнопка служит для вставки даты публикации документа, например 12.01.06.

Insert Copyright

Вставка права на документ, т. е. @Copyright.

Insert Author

Вставка информации об авторе документа, такой как адрес, город, страна, телефон, факс, электронная почта и т. д. 

Insert Abstract

Эта кнопка служит для вставки аннотации документа.

Insert Note

Кнопка используется для вставки заметок.

Insert BiblioItem

Вставка библиографии.

Insert Citation

Кнопка служит для вставки цитат в библиографию: сначала нужно нажать на кнопку Insert BiblioItem, а затем нажать на эту кнопку.

Insert Appendix

Кнопка обеспечивает вставку в документ приложений.