SlideShare a Scribd company logo

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

•Download as PPT, PDF•
•
A
Alexander Anokhin
Technology
1 of 17
XForms: новое поколение веб-форм? докладчик: Александр [chameleon] Анохин
ограничения HTML -форм : ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
стандарт XForms : ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ключевые особенности дизайна: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
обзор структуры… ,[object Object],[object Object],[object Object],[object Object],[object Object],Пользовательский интерфейс XForms Модель XForms ! ОК
[object Object],[object Object],[object Object],[object Object],[object Object],обзор структуры… Пользовательский интерфейс XForms Модель XForms ! ОК ОК ! ОК ! ОК !
Сервер SVG XHTML ОК обзор структуры… ОК ! ! ОК !
валидация данных …
валидация данных …
Зависимость полей …
работа с наборами узлов…
Show me the code … UI 1. <input bind =“ un &quot;> 2. <label>Логин:</label> 3. <hint>Регистр не имеет значения</hint> 4. </input> 5. <trigger> 6. <label> Искать </label> 7. <action ev:event=&quot;DOMActivate&quot;> 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 функциональность
Пример формы.
существующие имплементации… ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]

Recommended

XML Schema
XML SchemaXML Schema
XML SchemaFedor Malyshkin
 
SQL. Django, начало
SQL. Django, началоSQL. Django, начало
SQL. Django, началоpelid
 
Стили на пользу пользователю - MinskCSS #1 15 декабря
Стили на пользу пользователю - MinskCSS #1 15 декабряСтили на пользу пользователю - MinskCSS #1 15 декабря
Стили на пользу пользователю - MinskCSS #1 15 декабряVasiliy Vanchuck
 
SharePoint и OpenXML
SharePoint и OpenXMLSharePoint и OpenXML
SharePoint и OpenXMLVitaly Baum
 
HTML. Быстрое погружение. Влад Савицкий
HTML. Быстрое погружение. Влад СавицкийHTML. Быстрое погружение. Влад Савицкий
HTML. Быстрое погружение. Влад СавицкийVlad Savitsky
 
Тема 1. Введение в HTML
Тема 1. Введение в HTMLТема 1. Введение в HTML
Тема 1. Введение в HTMLssuser3896e2
 
Вёрстка по методологии БЭМ
Вёрстка по методологии БЭМВёрстка по методологии БЭМ
Вёрстка по методологии БЭМversusbassz
 
Технология создания веб-сервисов на базе стандарта JAX-WS & JAXB
Технология создания веб-сервисов на базе стандарта JAX-WS & JAXBТехнология создания веб-сервисов на базе стандарта JAX-WS & JAXB
Технология создания веб-сервисов на базе стандарта JAX-WS & JAXBFedor Malyshkin
 

Recommended

XML Schema
XML SchemaXML Schema
XML SchemaFedor Malyshkin
 
SQL. Django, начало
SQL. Django, началоSQL. Django, начало
SQL. Django, началоpelid
 
Стили на пользу пользователю - MinskCSS #1 15 декабря
Стили на пользу пользователю - MinskCSS #1 15 декабряСтили на пользу пользователю - MinskCSS #1 15 декабря
Стили на пользу пользователю - MinskCSS #1 15 декабряVasiliy Vanchuck
 
SharePoint и OpenXML
SharePoint и OpenXMLSharePoint и OpenXML
SharePoint и OpenXMLVitaly Baum
 
HTML. Быстрое погружение. Влад Савицкий
HTML. Быстрое погружение. Влад СавицкийHTML. Быстрое погружение. Влад Савицкий
HTML. Быстрое погружение. Влад СавицкийVlad Savitsky
 
Тема 1. Введение в HTML
Тема 1. Введение в HTMLТема 1. Введение в HTML
Тема 1. Введение в HTMLssuser3896e2
 
Вёрстка по методологии БЭМ
Вёрстка по методологии БЭМВёрстка по методологии БЭМ
Вёрстка по методологии БЭМversusbassz
 
Технология создания веб-сервисов на базе стандарта JAX-WS & JAXB
Технология создания веб-сервисов на базе стандарта JAX-WS & JAXBТехнология создания веб-сервисов на базе стандарта JAX-WS & JAXB
Технология создания веб-сервисов на базе стандарта JAX-WS & JAXBFedor Malyshkin
 
Xenia tombrou jaar 1
Xenia tombrou jaar 1Xenia tombrou jaar 1
Xenia tombrou jaar 1Xenia Tombrou
 
Taller XIII Congreso Nacional de Educadores UPC
Taller XIII Congreso Nacional de Educadores UPCTaller XIII Congreso Nacional de Educadores UPC
Taller XIII Congreso Nacional de Educadores UPCAlberto Mejía
 
XIX - Separación de RCDs
XIX - Separación de RCDsXIX - Separación de RCDs
XIX - Separación de RCDsAne Emile Rodríguez Guerrero
 
Xen.org Overview Spanish
Xen.org Overview SpanishXen.org Overview Spanish
Xen.org Overview SpanishThe Linux Foundation
 
XML_schema_Structure
XML_schema_StructureXML_schema_Structure
XML_schema_StructureVijay Kumar Verma
 
XM603 G2 - Vietnam Fish2 16012010
XM603 G2 - Vietnam Fish2 16012010XM603 G2 - Vietnam Fish2 16012010
XM603 G2 - Vietnam Fish2 16012010Dinsor Rimnatee
 
Metabolism and Weight Loss effect
Metabolism and Weight Loss effectMetabolism and Weight Loss effect
Metabolism and Weight Loss effectsilver1111
 
Xoxoliiis
XoxoliiisXoxoliiis
Xoxoliiisletimishell
 
XII CONGRESO INTERNACIONAL y XV CONGRESO IBEROAMERICANO de Derecho Romano
XII CONGRESO INTERNACIONAL y XV CONGRESO IBEROAMERICANO de Derecho RomanoXII CONGRESO INTERNACIONAL y XV CONGRESO IBEROAMERICANO de Derecho Romano
XII CONGRESO INTERNACIONAL y XV CONGRESO IBEROAMERICANO de Derecho RomanoEscuela de Derecho; Univ. Arturo Prat
 
Xènia cano villaró 2 b
Xènia cano villaró 2 bXènia cano villaró 2 b
Xènia cano villaró 2 bguest4a2a8d
 
XI Małopolskie Dni Dziedzictwa Kulturowego (2009). Raport z badania ankietowego
XI Małopolskie Dni Dziedzictwa Kulturowego (2009). Raport z badania ankietowegoXI Małopolskie Dni Dziedzictwa Kulturowego (2009). Raport z badania ankietowego
XI Małopolskie Dni Dziedzictwa Kulturowego (2009). Raport z badania ankietowegoMałopolski Instytut Kultury
 
X E R O X 3001
X E R O X 3001X E R O X 3001
X E R O X 3001guestfff074
 
Xml tv
Xml tvXml tv
Xml tvaltarocca
 
XNA Gaming Night Bonn
XNA Gaming Night BonnXNA Gaming Night Bonn
XNA Gaming Night BonnChristopher Schleiden
 
Xerox humana
Xerox humanaXerox humana
Xerox humanaMarcelo Tadeu Melo da Silva
 
XeroxFaxtonStLukes_A Partnership in Clinical Documentation FINAL
XeroxFaxtonStLukes_A Partnership in Clinical Documentation FINALXeroxFaxtonStLukes_A Partnership in Clinical Documentation FINAL
XeroxFaxtonStLukes_A Partnership in Clinical Documentation FINALAnil Bapat, M.S. PMP
 
Xim $%
Xim $%Xim $%
Xim $%Azhar Ansari
 
The Best Portlet
The Best PortletThe Best Portlet
The Best PortletAlexey Zavizionov
 
Средства разработки web приложений (Web frameworks)
Средства разработки web приложений (Web frameworks)Средства разработки web приложений (Web frameworks)
Средства разработки web приложений (Web frameworks)Fedor Malyshkin
 
Catalyst – MVC framework на Perl (RIT 2008)
Catalyst – MVC framework на Perl (RIT 2008)Catalyst – MVC framework на Perl (RIT 2008)
Catalyst – MVC framework на Perl (RIT 2008)Sergey Skvortsov
 
Client Side Autotesting Flash
Client Side Autotesting FlashClient Side Autotesting Flash
Client Side Autotesting Flashguestb0af15
 
C# Web. Занятие 01.
C# Web. Занятие 01.C# Web. Занятие 01.
C# Web. Занятие 01.Igor Shkulipa
 

More Related Content

Viewers also liked

Xenia tombrou jaar 1
Xenia tombrou jaar 1Xenia tombrou jaar 1
Xenia tombrou jaar 1Xenia Tombrou
 
Taller XIII Congreso Nacional de Educadores UPC
Taller XIII Congreso Nacional de Educadores UPCTaller XIII Congreso Nacional de Educadores UPC
Taller XIII Congreso Nacional de Educadores UPCAlberto Mejía
 
XM603 G2 - Vietnam Fish2 16012010
XM603 G2 - Vietnam Fish2 16012010XM603 G2 - Vietnam Fish2 16012010
XM603 G2 - Vietnam Fish2 16012010Dinsor Rimnatee
 
Metabolism and Weight Loss effect
Metabolism and Weight Loss effectMetabolism and Weight Loss effect
Metabolism and Weight Loss effectsilver1111
 
XII CONGRESO INTERNACIONAL y XV CONGRESO IBEROAMERICANO de Derecho Romano
XII CONGRESO INTERNACIONAL y XV CONGRESO IBEROAMERICANO de Derecho RomanoXII CONGRESO INTERNACIONAL y XV CONGRESO IBEROAMERICANO de Derecho Romano
XII CONGRESO INTERNACIONAL y XV CONGRESO IBEROAMERICANO de Derecho RomanoEscuela de Derecho; Univ. Arturo Prat
 
Xènia cano villaró 2 b
Xènia cano villaró 2 bXènia cano villaró 2 b
Xènia cano villaró 2 bguest4a2a8d
 
XI Małopolskie Dni Dziedzictwa Kulturowego (2009). Raport z badania ankietowego
XI Małopolskie Dni Dziedzictwa Kulturowego (2009). Raport z badania ankietowegoXI Małopolskie Dni Dziedzictwa Kulturowego (2009). Raport z badania ankietowego
XI Małopolskie Dni Dziedzictwa Kulturowego (2009). Raport z badania ankietowegoMałopolski Instytut Kultury
 
XeroxFaxtonStLukes_A Partnership in Clinical Documentation FINAL
XeroxFaxtonStLukes_A Partnership in Clinical Documentation FINALXeroxFaxtonStLukes_A Partnership in Clinical Documentation FINAL
XeroxFaxtonStLukes_A Partnership in Clinical Documentation FINALAnil Bapat, M.S. PMP
 

Viewers also liked (17)

Xenia tombrou jaar 1
Xenia tombrou jaar 1Xenia tombrou jaar 1
Xenia tombrou jaar 1
 
Taller XIII Congreso Nacional de Educadores UPC
Taller XIII Congreso Nacional de Educadores UPCTaller XIII Congreso Nacional de Educadores UPC
Taller XIII Congreso Nacional de Educadores UPC
 
XIX - Separación de RCDs
XIX - Separación de RCDsXIX - Separación de RCDs
XIX - Separación de RCDs
 
Xen.org Overview Spanish
Xen.org Overview SpanishXen.org Overview Spanish
Xen.org Overview Spanish
 
XML_schema_Structure
XML_schema_StructureXML_schema_Structure
XML_schema_Structure
 
XM603 G2 - Vietnam Fish2 16012010
XM603 G2 - Vietnam Fish2 16012010XM603 G2 - Vietnam Fish2 16012010
XM603 G2 - Vietnam Fish2 16012010
 
Metabolism and Weight Loss effect
Metabolism and Weight Loss effectMetabolism and Weight Loss effect
Metabolism and Weight Loss effect
 
Xoxoliiis
XoxoliiisXoxoliiis
Xoxoliiis
 
XII CONGRESO INTERNACIONAL y XV CONGRESO IBEROAMERICANO de Derecho Romano
XII CONGRESO INTERNACIONAL y XV CONGRESO IBEROAMERICANO de Derecho RomanoXII CONGRESO INTERNACIONAL y XV CONGRESO IBEROAMERICANO de Derecho Romano
XII CONGRESO INTERNACIONAL y XV CONGRESO IBEROAMERICANO de Derecho Romano
 
Xènia cano villaró 2 b
Xènia cano villaró 2 bXènia cano villaró 2 b
Xènia cano villaró 2 b
 
XI Małopolskie Dni Dziedzictwa Kulturowego (2009). Raport z badania ankietowego
XI Małopolskie Dni Dziedzictwa Kulturowego (2009). Raport z badania ankietowegoXI Małopolskie Dni Dziedzictwa Kulturowego (2009). Raport z badania ankietowego
XI Małopolskie Dni Dziedzictwa Kulturowego (2009). Raport z badania ankietowego
 
X E R O X 3001
X E R O X 3001X E R O X 3001
X E R O X 3001
 
Xml tv
Xml tvXml tv
Xml tv
 
XNA Gaming Night Bonn
XNA Gaming Night BonnXNA Gaming Night Bonn
XNA Gaming Night Bonn
 
Xerox humana
Xerox humanaXerox humana
Xerox humana
 
XeroxFaxtonStLukes_A Partnership in Clinical Documentation FINAL
XeroxFaxtonStLukes_A Partnership in Clinical Documentation FINALXeroxFaxtonStLukes_A Partnership in Clinical Documentation FINAL
XeroxFaxtonStLukes_A Partnership in Clinical Documentation FINAL
 
Xim $%
Xim $%Xim $%
Xim $%
 

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

Средства разработки web приложений (Web frameworks)
Средства разработки web приложений (Web frameworks)Средства разработки web приложений (Web frameworks)
Средства разработки web приложений (Web frameworks)Fedor Malyshkin
 
Catalyst – MVC framework на Perl (RIT 2008)
Catalyst – MVC framework на Perl (RIT 2008)Catalyst – MVC framework на Perl (RIT 2008)
Catalyst – MVC framework на Perl (RIT 2008)Sergey Skvortsov
 
Client Side Autotesting Flash
Client Side Autotesting FlashClient Side Autotesting Flash
Client Side Autotesting Flashguestb0af15
 
C# Web. Занятие 01.
C# Web. Занятие 01.C# Web. Занятие 01.
C# Web. Занятие 01.Igor Shkulipa
 
Лекция #3. Введение в языки разметки web-страниц
Лекция #3. Введение в языки разметки web-страницЛекция #3. Введение в языки разметки web-страниц
Лекция #3. Введение в языки разметки web-страницЯковенко Кирилл
 
Hl2008 Spy Log Architechture 169
Hl2008 Spy Log Architechture 169Hl2008 Spy Log Architechture 169
Hl2008 Spy Log Architechture 169Media Gorod
 
Wild wild web. html5 era
Wild wild web. html5 eraWild wild web. html5 era
Wild wild web. html5 era.toster
 
Мировые информационные ресурсы. Лекция 5
Мировые информационные ресурсы. Лекция 5Мировые информационные ресурсы. Лекция 5
Мировые информационные ресурсы. Лекция 5Dmitriy Krukov
 
New SpyLOG architechture (Highload 2008)
New SpyLOG architechture (Highload 2008)New SpyLOG architechture (Highload 2008)
New SpyLOG architechture (Highload 2008)Sergey Skvortsov
 
XSLT: сначала ждали, теперь догоняем. Кому это выгодно и что вы теряете?
XSLT: сначала ждали, теперь догоняем. Кому это выгодно и что вы теряете?XSLT: сначала ждали, теперь догоняем. Кому это выгодно и что вы теряете?
XSLT: сначала ждали, теперь догоняем. Кому это выгодно и что вы теряете?mild
 
JavaScript Базовый. Занятие 02.
JavaScript Базовый. Занятие 02.JavaScript Базовый. Занятие 02.
JavaScript Базовый. Занятие 02.Igor Shkulipa
 
Django шахрай. версия 4
Django шахрай. версия 4Django шахрай. версия 4
Django шахрай. версия 4smikler
 
C# Web. Занятие 16.
C# Web. Занятие 16.C# Web. Занятие 16.
C# Web. Занятие 16.Igor Shkulipa
 
Selenium на практике и подводные камни
Selenium на практике и подводные камниSelenium на практике и подводные камни
Selenium на практике и подводные камниSQALab
 
Реализация тестового фреймворка на основе OPEN-SOURCE инструментов
Реализация тестового фреймворка на основе OPEN-SOURCE инструментовРеализация тестового фреймворка на основе OPEN-SOURCE инструментов
Реализация тестового фреймворка на основе OPEN-SOURCE инструментовSQALab
 
Open Source Testing Framework: real project example and best practices
Open Source Testing Framework: real project example and best practicesOpen Source Testing Framework: real project example and best practices
Open Source Testing Framework: real project example and best practicesAliaksandr Ikhelis
 
Alexei Sintsov - "Between error and vulerability - one step"
Alexei Sintsov - "Between error and vulerability - one step"Alexei Sintsov - "Between error and vulerability - one step"
Alexei Sintsov - "Between error and vulerability - one step"Andrew Mayorov
 

Similar to XForms новое поколение веб-форм (20)

The Best Portlet
The Best PortletThe Best Portlet
The Best Portlet
 
Средства разработки web приложений (Web frameworks)
Средства разработки web приложений (Web frameworks)Средства разработки web приложений (Web frameworks)
Средства разработки web приложений (Web frameworks)
 
Catalyst – MVC framework на Perl (RIT 2008)
Catalyst – MVC framework на Perl (RIT 2008)Catalyst – MVC framework на Perl (RIT 2008)
Catalyst – MVC framework на Perl (RIT 2008)
 
Client Side Autotesting Flash
Client Side Autotesting FlashClient Side Autotesting Flash
Client Side Autotesting Flash
 
C# Web. Занятие 01.
C# Web. Занятие 01.C# Web. Занятие 01.
C# Web. Занятие 01.
 
Лекция #3. Введение в языки разметки web-страниц
Лекция #3. Введение в языки разметки web-страницЛекция #3. Введение в языки разметки web-страниц
Лекция #3. Введение в языки разметки web-страниц
 
Hl2008 Spy Log Architechture 169
Hl2008 Spy Log Architechture 169Hl2008 Spy Log Architechture 169
Hl2008 Spy Log Architechture 169
 
Wild wild web. html5 era
Wild wild web. html5 eraWild wild web. html5 era
Wild wild web. html5 era
 
Мировые информационные ресурсы. Лекция 5
Мировые информационные ресурсы. Лекция 5Мировые информационные ресурсы. Лекция 5
Мировые информационные ресурсы. Лекция 5
 
New SpyLOG architechture (Highload 2008)
New SpyLOG architechture (Highload 2008)New SpyLOG architechture (Highload 2008)
New SpyLOG architechture (Highload 2008)
 
XSLT -5
XSLT -5 XSLT -5
XSLT -5
 
XSLT: сначала ждали, теперь догоняем. Кому это выгодно и что вы теряете?
XSLT: сначала ждали, теперь догоняем. Кому это выгодно и что вы теряете?XSLT: сначала ждали, теперь догоняем. Кому это выгодно и что вы теряете?
XSLT: сначала ждали, теперь догоняем. Кому это выгодно и что вы теряете?
 
JavaScript Базовый. Занятие 02.
JavaScript Базовый. Занятие 02.JavaScript Базовый. Занятие 02.
JavaScript Базовый. Занятие 02.
 
Django шахрай. версия 4
Django шахрай. версия 4Django шахрай. версия 4
Django шахрай. версия 4
 
C# Web. Занятие 16.
C# Web. Занятие 16.C# Web. Занятие 16.
C# Web. Занятие 16.
 
Selenium на практике и подводные камни
Selenium на практике и подводные камниSelenium на практике и подводные камни
Selenium на практике и подводные камни
 
Реализация тестового фреймворка на основе OPEN-SOURCE инструментов
Реализация тестового фреймворка на основе OPEN-SOURCE инструментовРеализация тестового фреймворка на основе OPEN-SOURCE инструментов
Реализация тестового фреймворка на основе OPEN-SOURCE инструментов
 
Open Source Testing Framework: real project example and best practices
Open Source Testing Framework: real project example and best practicesOpen Source Testing Framework: real project example and best practices
Open Source Testing Framework: real project example and best practices
 
Xslt
XsltXslt
Xslt
 
Alexei Sintsov - "Between error and vulerability - one step"
Alexei Sintsov - "Between error and vulerability - one step"Alexei Sintsov - "Between error and vulerability - one step"
Alexei Sintsov - "Between error and vulerability - one step"
 

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

  • 1. XForms: новое поколение веб-форм? докладчик: Александр [chameleon] Анохин
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7. Сервер SVG XHTML ОК обзор структуры… ОК ! ! ОК !
  • 12. Show me the code … UI 1. <input bind =“ un &quot;> 2. <label>Логин:</label> 3. <hint>Регистр не имеет значения</hint> 4. </input> 5. <trigger> 6. <label> Искать </label> 7. <action ev:event=&quot;DOMActivate&quot;> 8. <send submission=“ search ”/> 9. </action> 10. </trigger>
  • 13. 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>
  • 14. Типы реализаций… документ XForms <XHTML> Полноценный клиент Веб-браузер Обычный браузер Плагин XForms Сервер Процессор XForms XForms+XHTML XForms+XHTML HTML & JS функциональность
  • 16.
  • 17.