XForms новое поколение веб-форм
-
Upload
alexander-anokhin -
Category
Technology
-
view
2.758 -
download
13
description
Transcript of XForms новое поколение веб-форм
![Page 1: XForms новое поколение веб-форм](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c416da4a7959e9128b46a6/html5/thumbnails/1.jpg)
XForms: XForms: новое поколение веб-форм?новое поколение веб-форм?
докладчик: Александр [chameleon] Анохин
![Page 2: XForms новое поколение веб-форм](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c416da4a7959e9128b46a6/html5/thumbnails/2.jpg)
ограничения ограничения HTMLHTML-форм-форм::
Смешивание информации о содержании и представлении.Ограниченный набор типов данных и структурДля валидации данных требуется применение скриптинга либо дополнительные запросы на сервер. HTML-формы статичны.Ограниченный и не унифицированный набор методов обработки событий.
Расширенное использование скриптинга.Серверные решения PHP,ASP, JSP…
Недостаточная поддержка различных устройствСложно реализовать, поддерживать и повторно использовать.
![Page 3: XForms новое поколение веб-форм](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c416da4a7959e9128b46a6/html5/thumbnails/3.jpg)
стандартстандарт XFormsXForms::
Рекомендация W3C – Октябрь 2003.Поддержка более сложных и динамичных формРазличные типы устройствУнифицированный способ обработки формРаздельное описание данных и интерфейсаБогатый набор типов данныхВысокодинамичные формыВозможность работы офф-лайн…Высокая доступность документовОткрытый непроприетарный стандарт
![Page 4: XForms новое поколение веб-форм](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c416da4a7959e9128b46a6/html5/thumbnails/4.jpg)
ключевые особенности дизайна:ключевые особенности дизайна:
Полностью описывается с помощью XMLИспользование существующих стандартов XML
XPath для адресации и вычисления значенийXML Schema для определения типов данных
Модель XFormsЕдиное хранилище информации о собираемых данных.Экземпляры данных – введенные значенияОписание отправки данных
Доступность и готовность к интернационализации
![Page 5: XForms новое поколение веб-форм](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c416da4a7959e9128b46a6/html5/thumbnails/5.jpg)
обзор структуры…обзор структуры…• Экземпляры данных
<instance/>
• Описание отправки <submission/>
• Действия модели и привязки <bind/>,<action/>
• Элементы управления <input/>,<trigger/>,…
• События и действия <send/>,<dispatch/>,…
Пользовательский интерфейс
XForms
Модель
XForms
!ОК
![Page 6: XForms новое поколение веб-форм](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c416da4a7959e9128b46a6/html5/thumbnails/6.jpg)
• Экземпляры данных <instance/>
• Описание отправки <submission/>
• Действия модели и привязки <bind/>,<action/>
• Элементы управления <input/>,<trigger/>,…
• События и действия <send/>,<dispatch/>,…
Пользовательский интерфейс
XForms
Модель
XForms
!
ОКОК
!
ОК
!
ОК
!
обзор структуры…обзор структуры…
![Page 7: XForms новое поколение веб-форм](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c416da4a7959e9128b46a6/html5/thumbnails/7.jpg)
СерверСервер
SV
GS
VG
XH
TM
LX
HTM
L
ОК
!
ОК
!
ОК
!
обзор структуры…обзор структуры…
![Page 8: XForms новое поколение веб-форм](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c416da4a7959e9128b46a6/html5/thumbnails/8.jpg)
валидация данных …валидация данных …
![Page 9: XForms новое поколение веб-форм](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c416da4a7959e9128b46a6/html5/thumbnails/9.jpg)
валидация данных …валидация данных …
![Page 10: XForms новое поколение веб-форм](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c416da4a7959e9128b46a6/html5/thumbnails/10.jpg)
Зависимость полей …Зависимость полей …
![Page 11: XForms новое поколение веб-форм](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c416da4a7959e9128b46a6/html5/thumbnails/11.jpg)
работа с наборами узлов…работа с наборами узлов…
![Page 12: XForms новое поколение веб-форм](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c416da4a7959e9128b46a6/html5/thumbnails/12.jpg)
Show me the codeShow me the code……UIUI
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>
![Page 13: XForms новое поколение веб-форм](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c416da4a7959e9128b46a6/html5/thumbnails/13.jpg)
ModelModel……
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”17. /> 18. </model>
![Page 14: XForms новое поколение веб-форм](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c416da4a7959e9128b46a6/html5/thumbnails/14.jpg)
Типы реализаций…
документXForms
<XHTML>
Полноценный клиент
Веб-браузер
Обычный браузер
Плагин XForms
Сервер
Процессор XForms
XForms+XHTML
XForms+XHTML
HTML & JS
функц
ионал
ьность
![Page 15: XForms новое поколение веб-форм](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c416da4a7959e9128b46a6/html5/thumbnails/15.jpg)
Пример формы.Пример формы.
![Page 16: XForms новое поколение веб-форм](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c416da4a7959e9128b46a6/html5/thumbnails/16.jpg)
существующие имплементации…
• Клиентские– FormsPlayer - http://www.formsplayer.com– XSmiles - http://www.x-smiles.org– DENG - http://claus.packts.net– xslt2Xforms -http://xforms.zeninteractif.com/xhtml/index.html– Oracle mobile browser -
http://www.oracle.com/technology/tech/wireless/mobilebrowser.htm– Novell - http://developer.novell.com/xforms– Mozilla Firefox - http://www.mozilla.org/projects/xforms/
• Серверные– Chiba - http://chiba.sourceforge.net– Orbeon PresentationServer - http://www.orbeon.com/software/– IBM XML Forms Package -
http://www.alphaworks.ibm.com/tech/xmlforms
![Page 17: XForms новое поколение веб-форм](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c416da4a7959e9128b46a6/html5/thumbnails/17.jpg)
Спасибо за вниманиеСпасибо за внимание
&&
ВопросыВопросы