XForms новое поколение веб-форм

XForms: новое поколение веб-форм? докладчик: Александр [chameleon] Анохин

ограничения HTML -форм :

Смешивание информации о содержании и представлении.

Ограниченный набор типов данных и структур

Для валидации данных требуется применение скриптинга либо дополнительные запросы на сервер.

HTML -формы статичны.

Ограниченный и не унифицированный набор методов обработки событий.

Расширенное использование скриптинга.

Серверные решения PHP,ASP, JSP…

Недостаточная поддержка различных устройств

Сложно реализовать, поддерживать и повторно использовать.

стандарт XForms :

Рекомендация W3C – Октябрь 2003 .

Поддержка более сложных и динамичных форм

Различные типы устройств

Унифицированный способ обработки форм

Раздельное описание данных и интерфейса

Богатый набор типов данных

Высокодинамичные формы

Возможность работы офф-лайн …

Высокая доступность документов

Открытый непроприетарный стандарт

ключевые особенности дизайна:

Полностью описывается с помощью XML

Использование существующих стандартов XML

XPath для адресации и вычисления значений

XML Schema для определения типов данных

Модель XForms

Единое хранилище информации о собираемых данных.

Экземпляры данных – введенные значения

Описание отправки данных

Доступность и готовность к интернационализации

обзор структуры…

Экземпляры данных <instance/>

Описание отправки <submission/>

Действия модели и привязки <bind/>,<action/>

Элементы управления <input/>,<trigger/>,…

События и действия <send/>,<dispatch/>,…

Пользовательский интерфейс XForms Модель XForms ! ОК

Экземпляры данных <instance/>

Описание отправки <submission/>

Действия модели и привязки <bind/>,<action/>

Элементы управления <input/>,<trigger/>,…

События и действия <send/>,<dispatch/>,…

обзор структуры… Пользовательский интерфейс XForms Модель XForms ! ОК ОК ! ОК ! ОК !

Сервер SVG XHTML ОК обзор структуры… ОК ! ! ОК !

валидация данных …

Зависимость полей …

работа с наборами узлов…

Show me the code … UI 1. <input bind =“ un "> 2. <label>Логин:</label> 3. <hint>Регистр не имеет значения</hint> 4. </input> 5. <trigger> 6. <label> Искать </label> 7. <action ev:event="DOMActivate"> 8. <send submission=“ search ”/> 9. </action> 10. </trigger>

Model … 1. <model id=“model1”> 2. <instance id=“data1”> 3. <data xmlns=“”> 4. <username> vpupkin </username> 5. </data> 6. </instance> 7. <bind id=“ un ” 8. type=“xsd:string” 9. nodeset=“instance(‘data1’)//username” 10. required=“true()” 11. /> 12. <submission id=“ search ” 14. ref=“instance(‘data1’)” 15. method=“post” 16. action=“index.php” 1 7 . /> 1 8 . </model>

Типы реализаций… документ XForms <XHTML> Полноценный клиент Веб-браузер Обычный браузер Плагин XForms Сервер Процессор XForms XForms+XHTML XForms+XHTML HTML & JS функциональность

Пример формы.

существующие имплементации…