Формы пользовательского интерфейса

XML за последние годы обрел заслуженную популярность, и уже нет сомнений в перспективах его повсеместного применения. Понятие "семантический веб" перестает быть абстракцией и уверенно воплощается в жизнь. В информационной какофонии всемирной сети постепенно начинает узнаваться гармония. В руках талантливых дирижеров, таких как W3C, ISO, OASIS, она вполне может превратиться в симфонию.

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

Для того чтобы доставить информацию, пользователю требуется сайт. Содержание сайта должно быть управляемым, а это влечет за собой разделение данных и их представления. Данная задача до сих нередко решается с помощью программных технологий шаблонизации. Впрочем, теперь мы располагаем технологией XSLT. Любой документ можно представить данными, детально структурированными с помощью XML. А для того чтобы определить этим данным должное графическое оформление, достаточно сообщить соответствующий XSL-шаблон. Язык XSL полиморфен и позволяет высокую гибкость в форматных преобразованиях документов. Казалось бы, вот он "Святой Грааль" веб-разработки. Берем на вооружение инструментарий XSL и сокращаем скорость разработки проектов, тем самым увеличивая качество.

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

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

На практике выходит так, что чаще всего слои XSLT-шаблона документа содержат смесь алгоритмов форм пользовательских интерфейсов и оформления. Причем, логика формирования данных форм интерфейсов продублирована в программном коде CMS сайта. Как избежать избыточно программного кода? Как добиться более наглядного вида представления алгоритмов форм пользовательского интерфейса?

Осенью 2004 года компания Red Graphic Systems опубликовала спецификацию XML Sapiens. Эта технология претендует на роль "прослойки" между XML и XSL. Когда процессор XML Sapiens встречает ссылку на файл сценариев форм пользовательского интерфейса, исходный XML-файл расширяется соответствующими данными. Скажем, мы желаем сформировать страницу, содержащую вертикальное меню сайта. Нам потребуется создать файл сценария (interface.sapi) и описать в нем форму пользовательского интерфейса (DDC menu). Мы указываем, что при любых условиях среды окружения мы желаем отображение содержания всего меню. Используя конструкцию sapi:for-each, мы можем запросить требуемые нам данные у системной функции CMS.

Далее мы управляем перечислением этих данных. Мы сообщаем о том, что именно и в каких случаях следует возвращать в ходе перечисления. Для того чтобы направить динамически сформированные сценарием данные в исходный XML, останется лишь расставить в нем указатели. Т.е. после анализа файла сценария interface.sapi процессор XML Sapiens расширит исходный XML-файл данных в той степени, в которой это необходимо для последующего XSLT-преобразования.

Исходный XML:

<?xml version="1.0" encoding="UTF-8"?> 
<?xml-stylesheet type='text/xsl' href='template.xsl'?> 
<?xml-sapi type='text/xml' href='interface.sapi'?> 
<content xmlns:sapi="http://www.xmlsapiens.org/spec/sapi.dtd"
            xmlns:xlink="http://www.w3.org/1999/xlink"> 
    <data1>data1</data1> 
    <data2>data2</data2> 
  <menu><sapi:apply name="ddc.menu.value" /></menu> 
  <title><sapi:apply name="qc.title.value"></title> 
  <publication><sapi:apply name="qc.publication.value"></publication>
</content>  

Сценарий XML Sapiens в файле interface.sapi:

<?xml version="1.0" encoding="UTF-8"?>
<sapi version="1.0" xmlns:sapi="http://www.xmlsapiens.org/spec/sapi.dtd"> 
 <sapi:ddc name="menu"> 
 <sapi:choose> 
  <sapi:when exp="TRUE">  
   <sapi:for-each select="get_tree()"> 
    <sapi:choose> 
      <sapi:when exp="TRUE"> 
        <sapi:code> 
          <row sapi:id="this.this.id.value"
                  sapi:activity="this.this.currentpage.value"> 
                     <link><sapi:apply name="this.this.href.value" /></link> 
            <item><sapi:apply name="this.this.title.value" /></item> 
          </row> 
        </sapi:code> 
      </sapi:when> 
    </sapi:choose> 
   </sapi:for-each> 
  </sapi:when> 
 </sapi:choose> 
 </sapi:ddc> 
</sapi>  

Алгоритм сценария XML Sapiens (interface.sapi):

Сформированный XML:

<?xml version="1.0" encoding="UTF-8"?> 
<?xml-stylesheet type='text/xsl' href='template.xsl'?> 
<content xmlns:sapi="http://www.xmlsapiens.org/spec/sapi.dtd"
            xmlns:xlink="http://www.w3.org/1999/xlink"> 
    <data1>data1</data1> 
    <data2>data2</data2> 
    <menu> 
     <row id="01" activity="1"> 
      <link>/intro/</link> 
      <item>Introduction</item> 
     </row> 
     <row id="02" activity="0"> 
      <link>/chapter1/</link> 
      <item>Chapter 1</item> 
     </row> 
     <row id="03" activity="0"> 
      <link>/chapter2/</link> 
      <item>Chapter 2</item> 
     </row> 
    </menu> 
    <title><![CDATA[Introduction]]></title> 
    <publication><![CDATA[<p>Content</p>]]></publication>
</content>  

Надо признать, что передача инструкций CMS и прием востребованных данных непосредственно из сценария во многом упрощает разработку веб-проектов. Подобный подход позволяет абстрагироваться от системного языка программирования. Учитывая этот момент, непосредственно в сценарии XML Sapiens можно запросить у CMS администрируемое содержание документа. Для этого достаточно разместить соответствующие указатели в исходном XML.

Схема формирования отображаемого документа:

Сложно сейчас что-либо говорить о перспективах XML Sapiens. В отличие от упомянутого XSL, он не является утвержденным W3C стандартом. Однако задачи, раскрытые в спецификации XML Sapiens, а именно отделение алгоритмов форм пользовательских интерфейсов от представления данных, наглядность и доступность описания этих алгоритмов, достаточно актуальны. Быть может этот проект привлечет внимание сообщества разработчиков. А это могло бы привести к возникновению новых технологий для увеличения качества и рентабельности веб-проектов.

Ссылки по теме:

• Extensible Markup Language (XML) 1.0 (Second Edition). W3C recommendation. October 6, 2000. http://www.w3c.org/TR/2000/REC-xml-20001006
• Extesible Stylesheet Language (XL). Version 1.0. W3C Working Draft. October 18, 2000. http://www.w3c.org/TR/2000/WD-xsl-20001018
• XML Sapiens Specification : http://www.xmlsapiens.org
• Программный инструментарий для XML Sapiens-преобразований SAPIPROCESSOR: http://sapiprocessor.sourceforge.net/
• Open Source CMS на базе XML Sapiens: http://sapid.sourceforge.net