SlideShare uma empresa Scribd logo

Introduction à XForm

•
•
Christophe Addinquy
Christophe Addinquy

A gentle introduction to the XForm technology, a not well known technology to create forms within HTML without JavaScript ... or with less of it !

1 de 20
Introduction à XForms Vers la nouvelle génération des formulaires Web Christophe Addinquy Dir. de projet back-office VIDAL [email_address]
Introduction à XForms ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Pour commencer… ,[object Object],XForms ?
Il était une fois le formulaire Web… ,[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],Couples « nom - valeur » Une façon simple et pratique d’associer des données à des éléments de saisie, mais…
Il était une fois le formulaire Web… ,[object Object],[object Object],[object Object],[object Object],[object Object]
Il était une fois le formulaire Web… ,[object Object],<form name=&quot;input&quot; action=&quot;submit.jsp&quot; method=&quot;get&quot;> <jsp:useBean id=&quot;beanPerson&quot; class=&quot;com.addinquy.xforms.person&quot; scope=&quot;session&quot;/> </form> ... <jsp:getProperty name=&quot;beanPerson&quot; property=&quot;age&quot;/> ... ... ,[object Object],[object Object],[object Object]
XForms: la nouveau paradigme ! Big Burger Technology ! XHTML Modèles Bindings Contr ôles
Autopsie d’un formulaire XForms < head > < title > Saisie d'etat civil </ title > < xf:model id = &quot;p1&quot; > < xf:instance xmlns = &quot;&quot; > < person > < name > < first > Homer </ first > < last > Simpson </ last > </ name > < age xsi:type = &quot;xsd:number&quot; > 45 </ age > </ person > </ xf:instance > </ xf:model > < xf:submission id = &quot;s0&quot; method = &quot;post&quot; action = &quot;http://example-xf.com/register&quot; /> </ head > < body > < xf:input model = &quot;p1&quot; ref = &quot;/person/name/last&quot; classe = &quot;edit&quot; > < xf:label > Saississez votre nom: </ xf:label > < xf:hint > Nom patronymique (nom de jeune fille pour les femmes) </ xf:hint > </ xf:input > <xf:input model =&quot;p1&quot; ref = &quot;/person/age&quot; class =&quot;edit&quot;> <xf:label> Votre age: </xf:label> <xf:alert> L'age que vous avez saisit ( <xf:output ref = &quot;/person/age &quot;/> ) est invalide </xf:alert> </xf:input> <xf:submit submission =&quot;s0&quot;> <xf:label> Envoyer </xf:label> </xf:submit> </ body > La partie modèle est… Séparée des contr ôles de saisie
XForms: La partie modèle < xf:model id = &quot;p1&quot; schema = &quot;person.xsd&quot; > < xf:instance xmlns = &quot;&quot; id = &quot;i1&quot; > < person > < name > < first > Homer </ first > < last > Simpson </ last > </ name > < age xsi:type = &quot;xsd:number&quot; > 45 </ age > < birthdate > < birthday xsi:type = &quot;xsd:number&quot; ></ birthday > < birthmonth xsi:type = &quot;xsd:number&quot; ></ birthmonth > < birthyear xsi:type = &quot;xsd:number&quot; ></ birthyear > </ birthdate > < genre > H </ genre > </ person > </ xf:instance > < xf:instance id = &quot;i2&quot; src = &quot;file:///Users/addinquy/ Xforms-sample/person_samp.xml&quot; > </ xf:model > ,[object Object],[object Object],[object Object],[object Object],[object Object]
Le lien entre contr ôles et modèle < xf:input model = &quot;p1&quot; ref = &quot;/person/name/last&quot; class = &quot;edit&quot; > < xf:label > Saisissez votre nom: </ xf:label > < xf:hint > Nom patronymique (nom de jeune fille pour les femmes) </ xf:hint > </ xf:input > ,[object Object],[object Object],Mais : L’expression XPath au sein du contr ôle crée un couplage explicite avec le modèle !
XForms: Les bindings ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],< xf:model id = &quot;p1&quot; > < xf:instance xmlns = &quot;&quot; > < person > < name > < first > Homer </ first > < last > Simpson </ last > </ name > ... </ person > </ xf:instance > < xf:bind id = &quot;first_name » nodeset = &quot;/person/name/first&quot; /> </ xf:model > ... < xf:input model = &quot;p1&quot; bind = &quot;first_name&quot; class = &quot;edit&quot; > < xf:label > Saisissez votre pr én o m: </ xf:label > </ xf:input > Exemple...
XForms: Quelques composants simple… ,[object Object],[object Object],< xf:input model = &quot;p1&quot; bind = &quot;first_name&quot; class = &quot;edit&quot; > < xf:label > Saisissez votre pr én o m: </ xf:label > < xf:help > Cette aide apparaitra sur demande explicite de l'utilisateur </ xf:help > < xf:hint > Ceci est une bulle d'aide qui apparaitra lorsque l'utilisateur survole la zone </ xf:hint > < xf:alert > Ce message d'erreur sera affich é en cas d’ ét a t non valide </ xf:alert > </ xf:input > ,[object Object],[object Object],Exemple...
Remplissage dynamique… ,[object Object],[object Object],< xf:model id = &quot;p2&quot; > < xf:instance xmlns = &quot;&quot; > < emplois > < emploi > < titre > plombier </ titre >< code > 1A </ code > </ emploi > < emploi > < titre > gardien de phare </ titre > < code > 1B </ code > </ emploi > < emploi > < titre > surveillant de centrale nucl éa i re </ titre > < code > 2A </ code > </ emploi > </ emplois > </ xf:instance > < xf:bind id = &quot;lst_emplois&quot; nodeset = &quot;/emplois/emploi&quot; /> </ xf:model > … < xf:select model = &quot;p1&quot; ref = &quot;/person/jobs&quot; appearance = &quot;full&quot; > < xf:label > S él e ctionnez votre emploi </ xf:label > < xf:itemset model = &quot;p2&quot; bind = &quot;lst_emplois&quot; > < xf:label ref = &quot;titre&quot; />< xf:value ref = &quot;code&quot; /> </ xf:itemset > </ xf:select > Exemple...
L’élément switch ,[object Object],[object Object],< xf:switch ref = &quot;/personne&quot; > < xf:case id = &quot;edit&quot; > < xf:input ref = &quot;nom&quot; > < xf:label > Nom : </ xf:label > </ xf:input >< br /> < xf:trigger > < xf:label > Visualiser </ xf:label > < xf:toggle case = &quot;view&quot; ev:event = &quot;DOMActivate&quot; /> </ xf:trigger > </ xf:case > < xf:case id = &quot;view&quot; > < xf:label > Nom : < xf:output ref = &quot;nom&quot; /> </ xf:label >< br /> < xf:trigger > < xf:label > Editer </ xf:label > < xf:toggle case = &quot;edit&quot; ev:event = &quot;DOMActivate&quot; /> </ xf:trigger > </ xf:case > </ xf:switch > Exemple...
L’élément repeat (1/2) ,[object Object],[object Object],[object Object],< xf:model id = &quot;p1&quot; > < xf:instance xmlns = &quot;&quot; > < commande > < ligne > < produit > Tarte </ produit > < quantite > 3 </ quantite > </ ligne > </ commande > </ xf:instance > </ xf:model > … < xf:label > Bon de commande </ xf:label > < xf:repeat model = &quot;p1&quot; nodeset = &quot;/commande/ligne&quot; startindex = &quot;1&quot; number = &quot;3&quot; id = &quot;carte&quot; > < xf:input ref = &quot;produit&quot; > < xf:label > Produit </ xf:label > </ xf:input > < xf:input ref = &quot;quantite&quot; > < xf:label > Quantite </ xf:label > </ xf:input > </ xf:repeat > Exemple...
L’élément repeat (2/2) ,[object Object],[object Object],< xf:group > < xf:trigger id = &quot;debut&quot; > < xf:label > &lt;&lt; </ xf:label > < setindex repeat = &quot;carte&quot; index = &quot;index('carte')-1&quot; /> </ xf:trigger > < xf:trigger id = &quot;additem&quot; > < xf:label > Ajouter </ xf:label > < xf:insert nodeset = &quot;/commande/ligne&quot; at = &quot;index('carte')&quot; position = &quot;after&quot; ev:event = &quot;DOMActivate&quot; /> </ xf:trigger > < xf:trigger id = &quot;del&quot; > < xf:label > Supprimer </ xf:label > < xf:delete nodeset = &quot;/commande/ligne&quot; at = &quot;index('carte')&quot; ev:event = &quot;DOMActivate&quot; /> </ xf:trigger > < xf:trigger id = &quot;fin&quot; > < xf:label > &gt;&gt; </ xf:label > < setindex repeat = &quot;carte&quot; index = &quot;index('carte')+1&quot; /> </ xf:trigger > </ xf:group >
Soumettre un résultat ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],< xf:model > < xf:submission id = &quot;s0&quot; ref = &quot;/person&quot; method = &quot;post&quot; action = &quot;http://example-xf.com/register&quot; /> </ xf:model > < xf:submit submission = &quot;s0&quot; > < xf:label > Envoyer </ xf:label > </ xf:submit >
Et maintenant ? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Et maintenant ? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Merci !

Recomendados

Brosur
BrosurBrosur
Brosurdiemoss
 
Invitation Formation pratique fermacell (Wallonie et Luxembourg)
Invitation Formation pratique fermacell (Wallonie et Luxembourg)Invitation Formation pratique fermacell (Wallonie et Luxembourg)
Invitation Formation pratique fermacell (Wallonie et Luxembourg)Fermacell BV
 
05 iii congreso gestion ambiental resumenes y trabajos
05 iii congreso gestion ambiental resumenes y trabajos05 iii congreso gestion ambiental resumenes y trabajos
05 iii congreso gestion ambiental resumenes y trabajosRonelf
 
2340apps2
2340apps22340apps2
2340apps2istore_support
 
Fira – mercat 2012
Fira – mercat 2012Fira – mercat 2012
Fira – mercat 2012Escola Vedruna-Àngels
 
Web 2.0
Web 2.0Web 2.0
Web 2.0suhany17
 
Conférence de l'AILE JEUNESSE du 20 mars 2013 - Marketing : réussite ou faill...
Conférence de l'AILE JEUNESSE du 20 mars 2013 - Marketing : réussite ou faill...Conférence de l'AILE JEUNESSE du 20 mars 2013 - Marketing : réussite ou faill...
Conférence de l'AILE JEUNESSE du 20 mars 2013 - Marketing : réussite ou faill...Chambre de commerce de Lévis
 
Pp carrieres
Pp carrieresPp carrieres
Pp carrieres96bobcat
 

Recomendados

Brosur
BrosurBrosur
Brosurdiemoss
 
Invitation Formation pratique fermacell (Wallonie et Luxembourg)
Invitation Formation pratique fermacell (Wallonie et Luxembourg)Invitation Formation pratique fermacell (Wallonie et Luxembourg)
Invitation Formation pratique fermacell (Wallonie et Luxembourg)Fermacell BV
 
05 iii congreso gestion ambiental resumenes y trabajos
05 iii congreso gestion ambiental resumenes y trabajos05 iii congreso gestion ambiental resumenes y trabajos
05 iii congreso gestion ambiental resumenes y trabajosRonelf
 
2340apps2
2340apps22340apps2
2340apps2istore_support
 
Fira – mercat 2012
Fira – mercat 2012Fira – mercat 2012
Fira – mercat 2012Escola Vedruna-Àngels
 
Web 2.0
Web 2.0Web 2.0
Web 2.0suhany17
 
Conférence de l'AILE JEUNESSE du 20 mars 2013 - Marketing : réussite ou faill...
Conférence de l'AILE JEUNESSE du 20 mars 2013 - Marketing : réussite ou faill...Conférence de l'AILE JEUNESSE du 20 mars 2013 - Marketing : réussite ou faill...
Conférence de l'AILE JEUNESSE du 20 mars 2013 - Marketing : réussite ou faill...Chambre de commerce de Lévis
 
Pp carrieres
Pp carrieresPp carrieres
Pp carrieres96bobcat
 
Devoir1faispasci 130912041446-phpapp02
Devoir1faispasci 130912041446-phpapp02Devoir1faispasci 130912041446-phpapp02
Devoir1faispasci 130912041446-phpapp02tianweichen
 
Slovaquie presentation voyage_janvier2013
Slovaquie presentation voyage_janvier2013Slovaquie presentation voyage_janvier2013
Slovaquie presentation voyage_janvier2013tillard
 
Organisation 2éme année lycée
Organisation 2éme année lycéeOrganisation 2éme année lycée
Organisation 2éme année lycéeTaha Can
 
Présentation avril 12
Présentation avril 12Présentation avril 12
Présentation avril 12solsav
 
Medias sociaux LinkedIn
Medias sociaux LinkedIn Medias sociaux LinkedIn
Medias sociaux LinkedIn Corona Fontana-Arnaldi
 
Smartphones
SmartphonesSmartphones
SmartphonesMateo Muñoz Londoño
 
Plataforma diálogo online bidea
Plataforma diálogo online bideaPlataforma diálogo online bidea
Plataforma diálogo online bideaJose Antonio Lavado
 
Els Quingles : EXPERIMENTEM ELS SENTITS
Els Quingles : EXPERIMENTEM ELS SENTITSEls Quingles : EXPERIMENTEM ELS SENTITS
Els Quingles : EXPERIMENTEM ELS SENTITSmontsepl78
 
Examples of effective dialogue The Council of Europe « quadrilogue »
Examples of effective dialogue The Council of Europe « quadrilogue »Examples of effective dialogue The Council of Europe « quadrilogue »
Examples of effective dialogue The Council of Europe « quadrilogue »European Economic and Social Committee - SOC Section
 
les seychelles
les seychellesles seychelles
les seychellesara_emily
 
Iphonographie
IphonographieIphonographie
IphonographieLucas Deschênes
 
Ratto delle sabine par L. Giordano
Ratto delle sabine par L. GiordanoRatto delle sabine par L. Giordano
Ratto delle sabine par L. GiordanoCécile De Joie
 
Jeunes, internet, réseaux sociaux… (Rochefort 22-05-2012)
Jeunes, internet, réseaux sociaux… (Rochefort 22-05-2012)Jeunes, internet, réseaux sociaux… (Rochefort 22-05-2012)
Jeunes, internet, réseaux sociaux… (Rochefort 22-05-2012)Gérard Marquié
 
Sécurité, enquêtes et étudiants : Un nouvel événement collaboratif de BCM
Sécurité, enquêtes et étudiants : Un nouvel événement collaboratif de BCMSécurité, enquêtes et étudiants : Un nouvel événement collaboratif de BCM
Sécurité, enquêtes et étudiants : Un nouvel événement collaboratif de BCMCanadian Patient Safety Institute
 
Twitter un outil educatif dans le cadre scolaire ?
Twitter un outil educatif dans le cadre scolaire ?Twitter un outil educatif dans le cadre scolaire ?
Twitter un outil educatif dans le cadre scolaire ?Gérard Marquié
 
Présentation Groupe SOLSAV
Présentation Groupe SOLSAVPrésentation Groupe SOLSAV
Présentation Groupe SOLSAVsolsav
 
Ame gallery dans la série le monde de l'art selon e.t., 26 avril 2014 bordeau...
Ame gallery dans la série le monde de l'art selon e.t., 26 avril 2014 bordeau...Ame gallery dans la série le monde de l'art selon e.t., 26 avril 2014 bordeau...
Ame gallery dans la série le monde de l'art selon e.t., 26 avril 2014 bordeau...Antoine Mercier-ame
 
Falquet fanny1
Falquet fanny1Falquet fanny1
Falquet fanny1Fanny Falquet
 
Programme de Futurapolis 2014
Programme de Futurapolis 2014Programme de Futurapolis 2014
Programme de Futurapolis 2014Fabrice Valéry
 
St-art la foire d&rsquo;art contemporain de Strasbourg
St-art la foire d&rsquo;art contemporain de StrasbourgSt-art la foire d&rsquo;art contemporain de Strasbourg
St-art la foire d&rsquo;art contemporain de StrasbourgNovembre communication
 
RDFa, comment insuffler un peu d'intelligence à une page Web ?
RDFa, comment insuffler un peu d'intelligence à une page Web ?RDFa, comment insuffler un peu d'intelligence à une page Web ?
RDFa, comment insuffler un peu d'intelligence à une page Web ?Antidot
 
script shoutbox parse html
script shoutbox parse htmlscript shoutbox parse html
script shoutbox parse htmlAlif Mahardika
 

Mais conteúdo relacionado

Destaque

Devoir1faispasci 130912041446-phpapp02
Devoir1faispasci 130912041446-phpapp02Devoir1faispasci 130912041446-phpapp02
Devoir1faispasci 130912041446-phpapp02tianweichen
 
Slovaquie presentation voyage_janvier2013
Slovaquie presentation voyage_janvier2013Slovaquie presentation voyage_janvier2013
Slovaquie presentation voyage_janvier2013tillard
 
Organisation 2éme année lycée
Organisation 2éme année lycéeOrganisation 2éme année lycée
Organisation 2éme année lycéeTaha Can
 
Présentation avril 12
Présentation avril 12Présentation avril 12
Présentation avril 12solsav
 
Plataforma diálogo online bidea
Plataforma diálogo online bideaPlataforma diálogo online bidea
Plataforma diálogo online bideaJose Antonio Lavado
 
Els Quingles : EXPERIMENTEM ELS SENTITS
Els Quingles : EXPERIMENTEM ELS SENTITSEls Quingles : EXPERIMENTEM ELS SENTITS
Els Quingles : EXPERIMENTEM ELS SENTITSmontsepl78
 
les seychelles
les seychellesles seychelles
les seychellesara_emily
 
Ratto delle sabine par L. Giordano
Ratto delle sabine par L. GiordanoRatto delle sabine par L. Giordano
Ratto delle sabine par L. GiordanoCécile De Joie
 
Jeunes, internet, réseaux sociaux… (Rochefort 22-05-2012)
Jeunes, internet, réseaux sociaux… (Rochefort 22-05-2012)Jeunes, internet, réseaux sociaux… (Rochefort 22-05-2012)
Jeunes, internet, réseaux sociaux… (Rochefort 22-05-2012)Gérard Marquié
 
Sécurité, enquêtes et étudiants : Un nouvel événement collaboratif de BCM
Sécurité, enquêtes et étudiants : Un nouvel événement collaboratif de BCMSécurité, enquêtes et étudiants : Un nouvel événement collaboratif de BCM
Sécurité, enquêtes et étudiants : Un nouvel événement collaboratif de BCMCanadian Patient Safety Institute
 
Twitter un outil educatif dans le cadre scolaire ?
Twitter un outil educatif dans le cadre scolaire ?Twitter un outil educatif dans le cadre scolaire ?
Twitter un outil educatif dans le cadre scolaire ?Gérard Marquié
 
Présentation Groupe SOLSAV
Présentation Groupe SOLSAVPrésentation Groupe SOLSAV
Présentation Groupe SOLSAVsolsav
 
Ame gallery dans la série le monde de l'art selon e.t., 26 avril 2014 bordeau...
Ame gallery dans la série le monde de l'art selon e.t., 26 avril 2014 bordeau...Ame gallery dans la série le monde de l'art selon e.t., 26 avril 2014 bordeau...
Ame gallery dans la série le monde de l'art selon e.t., 26 avril 2014 bordeau...Antoine Mercier-ame
 
Programme de Futurapolis 2014
Programme de Futurapolis 2014Programme de Futurapolis 2014
Programme de Futurapolis 2014Fabrice Valéry
 
St-art la foire d&rsquo;art contemporain de Strasbourg
St-art la foire d&rsquo;art contemporain de StrasbourgSt-art la foire d&rsquo;art contemporain de Strasbourg
St-art la foire d&rsquo;art contemporain de StrasbourgNovembre communication
 

Destaque (20)

Devoir1faispasci 130912041446-phpapp02
Devoir1faispasci 130912041446-phpapp02Devoir1faispasci 130912041446-phpapp02
Devoir1faispasci 130912041446-phpapp02
 
Slovaquie presentation voyage_janvier2013
Slovaquie presentation voyage_janvier2013Slovaquie presentation voyage_janvier2013
Slovaquie presentation voyage_janvier2013
 
Organisation 2éme année lycée
Organisation 2éme année lycéeOrganisation 2éme année lycée
Organisation 2éme année lycée
 
Présentation avril 12
Présentation avril 12Présentation avril 12
Présentation avril 12
 
Medias sociaux LinkedIn
Medias sociaux LinkedIn Medias sociaux LinkedIn
Medias sociaux LinkedIn
 
Smartphones
SmartphonesSmartphones
Smartphones
 
Plataforma diálogo online bidea
Plataforma diálogo online bideaPlataforma diálogo online bidea
Plataforma diálogo online bidea
 
Els Quingles : EXPERIMENTEM ELS SENTITS
Els Quingles : EXPERIMENTEM ELS SENTITSEls Quingles : EXPERIMENTEM ELS SENTITS
Els Quingles : EXPERIMENTEM ELS SENTITS
 
Examples of effective dialogue The Council of Europe « quadrilogue »
Examples of effective dialogue The Council of Europe « quadrilogue »Examples of effective dialogue The Council of Europe « quadrilogue »
Examples of effective dialogue The Council of Europe « quadrilogue »
 
les seychelles
les seychellesles seychelles
les seychelles
 
Iphonographie
IphonographieIphonographie
Iphonographie
 
Ratto delle sabine par L. Giordano
Ratto delle sabine par L. GiordanoRatto delle sabine par L. Giordano
Ratto delle sabine par L. Giordano
 
Jeunes, internet, réseaux sociaux… (Rochefort 22-05-2012)
Jeunes, internet, réseaux sociaux… (Rochefort 22-05-2012)Jeunes, internet, réseaux sociaux… (Rochefort 22-05-2012)
Jeunes, internet, réseaux sociaux… (Rochefort 22-05-2012)
 
Sécurité, enquêtes et étudiants : Un nouvel événement collaboratif de BCM
Sécurité, enquêtes et étudiants : Un nouvel événement collaboratif de BCMSécurité, enquêtes et étudiants : Un nouvel événement collaboratif de BCM
Sécurité, enquêtes et étudiants : Un nouvel événement collaboratif de BCM
 
Twitter un outil educatif dans le cadre scolaire ?
Twitter un outil educatif dans le cadre scolaire ?Twitter un outil educatif dans le cadre scolaire ?
Twitter un outil educatif dans le cadre scolaire ?
 
Présentation Groupe SOLSAV
Présentation Groupe SOLSAVPrésentation Groupe SOLSAV
Présentation Groupe SOLSAV
 
Ame gallery dans la série le monde de l'art selon e.t., 26 avril 2014 bordeau...
Ame gallery dans la série le monde de l'art selon e.t., 26 avril 2014 bordeau...Ame gallery dans la série le monde de l'art selon e.t., 26 avril 2014 bordeau...
Ame gallery dans la série le monde de l'art selon e.t., 26 avril 2014 bordeau...
 
Falquet fanny1
Falquet fanny1Falquet fanny1
Falquet fanny1
 
Programme de Futurapolis 2014
Programme de Futurapolis 2014Programme de Futurapolis 2014
Programme de Futurapolis 2014
 
St-art la foire d&rsquo;art contemporain de Strasbourg
St-art la foire d&rsquo;art contemporain de StrasbourgSt-art la foire d&rsquo;art contemporain de Strasbourg
St-art la foire d&rsquo;art contemporain de Strasbourg
 

Semelhante a Introduction à XForm

RDFa, comment insuffler un peu d'intelligence à une page Web ?
RDFa, comment insuffler un peu d'intelligence à une page Web ?RDFa, comment insuffler un peu d'intelligence à une page Web ?
RDFa, comment insuffler un peu d'intelligence à une page Web ?Antidot
 
script shoutbox parse html
script shoutbox parse htmlscript shoutbox parse html
script shoutbox parse htmlAlif Mahardika
 
De la maquette au template
De la maquette au templateDe la maquette au template
De la maquette au templateacces-cible
 
Numérique et illettrisme part 2
Numérique et illettrisme part 2Numérique et illettrisme part 2
Numérique et illettrisme part 2François Duport
 
Xquery
XqueryXquery
Xquerysamir
 
SEO Campus 2011 - Rich Snippets par Olivier Andrieu
SEO Campus 2011 - Rich Snippets par Olivier AndrieuSEO Campus 2011 - Rich Snippets par Olivier Andrieu
SEO Campus 2011 - Rich Snippets par Olivier AndrieuSEO CAMP
 
Jump Camp - HTML5
Jump Camp - HTML5Jump Camp - HTML5
Jump Camp - HTML5chaudavid
 
IPW 2eme course - HTML
IPW 2eme course - HTMLIPW 2eme course - HTML
IPW 2eme course - HTMLVlad Posea
 
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINE
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINEIntroduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINE
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINEMarouan OMEZZINE
 
Xml Le Langage
Xml Le LangageXml Le Langage
Xml Le Langageramzino
 
Apprendre Solr en deux heures
Apprendre Solr en deux heuresApprendre Solr en deux heures
Apprendre Solr en deux heuresSaïd Radhouani
 
Formation pour les bibliothécaires: RSS
Formation pour les bibliothécaires: RSSFormation pour les bibliothécaires: RSS
Formation pour les bibliothécaires: RSSNicolas Morin
 
Comprendre le langage xft avec le processus de vente
Comprendre le langage xft avec le processus de venteComprendre le langage xft avec le processus de vente
Comprendre le langage xft avec le processus de venteeXchange For Travel (XFT)
 
Comprendre le langage xft avec le processus de vente
Comprendre le langage xft avec le processus de venteComprendre le langage xft avec le processus de vente
Comprendre le langage xft avec le processus de venteeXchange For Travel (XFT)
 

Semelhante a Introduction à XForm (20)

RDFa, comment insuffler un peu d'intelligence à une page Web ?
RDFa, comment insuffler un peu d'intelligence à une page Web ?RDFa, comment insuffler un peu d'intelligence à une page Web ?
RDFa, comment insuffler un peu d'intelligence à une page Web ?
 
script shoutbox parse html
script shoutbox parse htmlscript shoutbox parse html
script shoutbox parse html
 
De la maquette au template
De la maquette au templateDe la maquette au template
De la maquette au template
 
Numérique et illettrisme part 2
Numérique et illettrisme part 2Numérique et illettrisme part 2
Numérique et illettrisme part 2
 
Xquery
XqueryXquery
Xquery
 
SEO Campus 2011 - Rich Snippets par Olivier Andrieu
SEO Campus 2011 - Rich Snippets par Olivier AndrieuSEO Campus 2011 - Rich Snippets par Olivier Andrieu
SEO Campus 2011 - Rich Snippets par Olivier Andrieu
 
Seo campus 01-03-2011
Seo campus 01-03-2011Seo campus 01-03-2011
Seo campus 01-03-2011
 
Jump Camp - HTML5
Jump Camp - HTML5Jump Camp - HTML5
Jump Camp - HTML5
 
Frameset
FramesetFrameset
Frameset
 
IPW 2eme course - HTML
IPW 2eme course - HTMLIPW 2eme course - HTML
IPW 2eme course - HTML
 
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINE
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINEIntroduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINE
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINE
 
Introduction à PHP
Introduction à PHPIntroduction à PHP
Introduction à PHP
 
Xml Le Langage
Xml Le LangageXml Le Langage
Xml Le Langage
 
JsPhDDefense
JsPhDDefenseJsPhDDefense
JsPhDDefense
 
Apprendre Solr en deux heures
Apprendre Solr en deux heuresApprendre Solr en deux heures
Apprendre Solr en deux heures
 
Formation pour les bibliothécaires: RSS
Formation pour les bibliothécaires: RSSFormation pour les bibliothécaires: RSS
Formation pour les bibliothécaires: RSS
 
Comprendre le langage xft avec le processus de vente
Comprendre le langage xft avec le processus de venteComprendre le langage xft avec le processus de vente
Comprendre le langage xft avec le processus de vente
 
Comprendre le langage xft avec le processus de vente
Comprendre le langage xft avec le processus de venteComprendre le langage xft avec le processus de vente
Comprendre le langage xft avec le processus de vente
 
Spring 3.0
Spring 3.0Spring 3.0
Spring 3.0
 
Documents intéractifs
Documents intéractifsDocuments intéractifs
Documents intéractifs
 

Mais de Christophe Addinquy

12+1 Patterns opérationnels de transition agile
12+1 Patterns opérationnels de transition agile12+1 Patterns opérationnels de transition agile
12+1 Patterns opérationnels de transition agileChristophe Addinquy
 
Accompagner la transition agile d’un grand projet
Accompagner la transition agile d’un grand projetAccompagner la transition agile d’un grand projet
Accompagner la transition agile d’un grand projetChristophe Addinquy
 
Easy to use correctly, hard to use incorrectly
Easy to use correctly, hard to use incorrectlyEasy to use correctly, hard to use incorrectly
Easy to use correctly, hard to use incorrectlyChristophe Addinquy
 
Une nouvelle approche du développement des compétences chez les consultants i...
Une nouvelle approche du développement des compétences chez les consultants i...Une nouvelle approche du développement des compétences chez les consultants i...
Une nouvelle approche du développement des compétences chez les consultants i...Christophe Addinquy
 
Tour d'horizon des méthodes agiles
Tour d'horizon des méthodes agilesTour d'horizon des méthodes agiles
Tour d'horizon des méthodes agilesChristophe Addinquy
 
Aborder la transition vers l'agilité
Aborder la transition vers l'agilitéAborder la transition vers l'agilité
Aborder la transition vers l'agilitéChristophe Addinquy
 
De la sécurisation du SI à la sécurisation de la prise en charge
De la sécurisation du SI à la sécurisation de la prise en chargeDe la sécurisation du SI à la sécurisation de la prise en charge
De la sécurisation du SI à la sécurisation de la prise en chargeChristophe Addinquy
 
Quand Mon Produit Est Un Système d'information
Quand Mon Produit Est Un Système d'informationQuand Mon Produit Est Un Système d'information
Quand Mon Produit Est Un Système d'informationChristophe Addinquy
 
Gestion d'un portefeuille en mode Agile
Gestion d'un portefeuille en mode AgileGestion d'un portefeuille en mode Agile
Gestion d'un portefeuille en mode AgileChristophe Addinquy
 

Mais de Christophe Addinquy (20)

Agile innovation
Agile innovationAgile innovation
Agile innovation
 
Du Roi à la Valeur
Du Roi à la ValeurDu Roi à la Valeur
Du Roi à la Valeur
 
12+1 Patterns opérationnels de transition agile
12+1 Patterns opérationnels de transition agile12+1 Patterns opérationnels de transition agile
12+1 Patterns opérationnels de transition agile
 
Scrum Shu Ha Ri (ScrumDay 2015)
Scrum Shu Ha Ri (ScrumDay 2015)Scrum Shu Ha Ri (ScrumDay 2015)
Scrum Shu Ha Ri (ScrumDay 2015)
 
Accompagner la transition agile d’un grand projet
Accompagner la transition agile d’un grand projetAccompagner la transition agile d’un grand projet
Accompagner la transition agile d’un grand projet
 
User Stories What Else ?
User Stories What Else ?User Stories What Else ?
User Stories What Else ?
 
Acceptance Tests Workshop
Acceptance Tests WorkshopAcceptance Tests Workshop
Acceptance Tests Workshop
 
Scrum Shu Ha Ri
Scrum Shu Ha RiScrum Shu Ha Ri
Scrum Shu Ha Ri
 
User Stories ... What else ?
User Stories ... What else ?User Stories ... What else ?
User Stories ... What else ?
 
Easy to use correctly, hard to use incorrectly
Easy to use correctly, hard to use incorrectlyEasy to use correctly, hard to use incorrectly
Easy to use correctly, hard to use incorrectly
 
En Finir Avec ...
En Finir Avec ...En Finir Avec ...
En Finir Avec ...
 
The Virtues of emergence
The Virtues of emergenceThe Virtues of emergence
The Virtues of emergence
 
Une nouvelle approche du développement des compétences chez les consultants i...
Une nouvelle approche du développement des compétences chez les consultants i...Une nouvelle approche du développement des compétences chez les consultants i...
Une nouvelle approche du développement des compétences chez les consultants i...
 
Initiation aux dérives taux
Initiation aux dérives tauxInitiation aux dérives taux
Initiation aux dérives taux
 
Les Vertus de l'emergence
Les Vertus de l'emergenceLes Vertus de l'emergence
Les Vertus de l'emergence
 
Tour d'horizon des méthodes agiles
Tour d'horizon des méthodes agilesTour d'horizon des méthodes agiles
Tour d'horizon des méthodes agiles
 
Aborder la transition vers l'agilité
Aborder la transition vers l'agilitéAborder la transition vers l'agilité
Aborder la transition vers l'agilité
 
De la sécurisation du SI à la sécurisation de la prise en charge
De la sécurisation du SI à la sécurisation de la prise en chargeDe la sécurisation du SI à la sécurisation de la prise en charge
De la sécurisation du SI à la sécurisation de la prise en charge
 
Quand Mon Produit Est Un Système d'information
Quand Mon Produit Est Un Système d'informationQuand Mon Produit Est Un Système d'information
Quand Mon Produit Est Un Système d'information
 
Gestion d'un portefeuille en mode Agile
Gestion d'un portefeuille en mode AgileGestion d'un portefeuille en mode Agile
Gestion d'un portefeuille en mode Agile
 

Introduction à XForm

  • 1. Introduction à XForms Vers la nouvelle génération des formulaires Web Christophe Addinquy Dir. de projet back-office VIDAL [email_address]
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7. XForms: la nouveau paradigme ! Big Burger Technology ! XHTML Modèles Bindings Contr ôles
  • 8. Autopsie d’un formulaire XForms < head > < title > Saisie d'etat civil </ title > < xf:model id = &quot;p1&quot; > < xf:instance xmlns = &quot;&quot; > < person > < name > < first > Homer </ first > < last > Simpson </ last > </ name > < age xsi:type = &quot;xsd:number&quot; > 45 </ age > </ person > </ xf:instance > </ xf:model > < xf:submission id = &quot;s0&quot; method = &quot;post&quot; action = &quot;http://example-xf.com/register&quot; /> </ head > < body > < xf:input model = &quot;p1&quot; ref = &quot;/person/name/last&quot; classe = &quot;edit&quot; > < xf:label > Saississez votre nom: </ xf:label > < xf:hint > Nom patronymique (nom de jeune fille pour les femmes) </ xf:hint > </ xf:input > <xf:input model =&quot;p1&quot; ref = &quot;/person/age&quot; class =&quot;edit&quot;> <xf:label> Votre age: </xf:label> <xf:alert> L'age que vous avez saisit ( <xf:output ref = &quot;/person/age &quot;/> ) est invalide </xf:alert> </xf:input> <xf:submit submission =&quot;s0&quot;> <xf:label> Envoyer </xf:label> </xf:submit> </ body > La partie modèle est… Séparée des contr ôles de saisie
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.