XForms - Versionsgeschichte

Kowa am 6. März 2014 um 11:31 Uhr

2014-03-06T11:31:20Z

← Nächstältere Version		Version vom 6. März 2014, 11:31 Uhr
Zeile 31:		Zeile 31:
	Als einführendes Beispiel wird nun für die Erklärung von Model- und View-Elementen eine primitive '''Preisauskunft''' für einen ''Produktkatalog'' konstruiert. Sie zeigt zu einer eingegebenen ''Produktnummer'' nach Betätigen des Formular-Buttons den ''Preis'' des Produktes an:		Als einführendes Beispiel wird nun für die Erklärung von Model- und View-Elementen eine primitive '''Preisauskunft''' für einen ''Produktkatalog'' konstruiert. Sie zeigt zu einer eingegebenen ''Produktnummer'' nach Betätigen des Formular-Buttons den ''Preis'' des Produktes an:

	[[~~Medium~~:Xforms_example.png]]		[[Datei:Xforms_example.png]]

	==Model==		==Model==

FaPe am 1. Juli 2008 um 19:46 Uhr

2008-07-01T19:46:22Z

← Nächstältere Version		Version vom 1. Juli 2008, 19:46 Uhr
Zeile 28:		Zeile 28:
	</code>		</code>

	==Anschauungsbeispiel ~~einer Preisauskunft~~==		==Anschauungsbeispiel==
	Als einführendes Beispiel wird nun für die Erklärung von Model- und View-Elementen eine primitive '''Preisauskunft''' für einen ''Produktkatalog'' konstruiert. Sie zeigt zu einer eingegebenen ''Produktnummer'' nach Betätigen des Formular-Buttons den ''Preis'' des Produktes an:		Als einführendes Beispiel wird nun für die Erklärung von Model- und View-Elementen eine primitive '''Preisauskunft''' für einen ''Produktkatalog'' konstruiert. Sie zeigt zu einer eingegebenen ''Produktnummer'' nach Betätigen des Formular-Buttons den ''Preis'' des Produktes an:

FaPe: /* Quellen */

2008-07-01T18:42:16Z

Quellen

← Nächstältere Version		Version vom 1. Juli 2008, 18:42 Uhr
Zeile 122:		Zeile 122:
	* Dubinko, Micah (2003): XForms Essentials. O’Reilly Media Inc., ISBN 0596003692.		* Dubinko, Micah (2003): XForms Essentials. O’Reilly Media Inc., ISBN 0596003692.
	* [http://www.w3.org/TR/xforms W3C - XForms 1.0 (Third Edition)]		* [http://www.w3.org/TR/xforms W3C - XForms 1.0 (Third Edition)]
	* [http://www.w3.org/DOM/Activity W3C - Document Object Model Activity Statement]
	* [http://www.w3.org/MarkUp/Forms W3C - The Forms Working Group]		* [http://www.w3.org/MarkUp/Forms W3C - The Forms Working Group]
	* [http://www.w3schools.com/xforms W3Schools.com - XForms Tutorial]		* [http://www.w3schools.com/xforms W3Schools.com - XForms Tutorial]
			* [http://www.w3.org/DOM/Activity W3C - Document Object Model Activity Statement]
	* [http://de.wikipedia.org/wiki/Xforms Wikipedia - XForms]		* [http://de.wikipedia.org/wiki/Xforms Wikipedia - XForms]

FaPe: /* Quellen */

2008-07-01T18:41:45Z

Quellen

← Nächstältere Version		Version vom 1. Juli 2008, 18:41 Uhr
Zeile 122:		Zeile 122:
	* Dubinko, Micah (2003): XForms Essentials. O’Reilly Media Inc., ISBN 0596003692.		* Dubinko, Micah (2003): XForms Essentials. O’Reilly Media Inc., ISBN 0596003692.
	* [http://www.w3.org/TR/xforms W3C - XForms 1.0 (Third Edition)]		* [http://www.w3.org/TR/xforms W3C - XForms 1.0 (Third Edition)]
			* [http://www.w3.org/DOM/Activity W3C - Document Object Model Activity Statement]
	* [http://www.w3.org/MarkUp/Forms W3C - The Forms Working Group]		* [http://www.w3.org/MarkUp/Forms W3C - The Forms Working Group]
	* [http://www.w3schools.com/xforms W3Schools.com - XForms Tutorial]		* [http://www.w3schools.com/xforms W3Schools.com - XForms Tutorial]

FaPe: /* Anschauungsbeispiel einer Preisauskunft */

2008-07-01T18:13:06Z

Anschauungsbeispiel einer Preisauskunft

← Nächstältere Version		Version vom 1. Juli 2008, 18:13 Uhr
Zeile 29:		Zeile 29:

	==Anschauungsbeispiel einer Preisauskunft==		==Anschauungsbeispiel einer Preisauskunft==
	Als einführendes Beispiel wird nun für die Erklärung von Model- und View-Elementen eine primitive '''Preisauskunft''' für einen ''Produktkatalog'' konstruiert. Sie zeigt zu einer eingegebenen ''Produktnummer'' nach ~~betätigen~~ des Formular-Buttons den ''Preis'' des Produktes an:		Als einführendes Beispiel wird nun für die Erklärung von Model- und View-Elementen eine primitive '''Preisauskunft''' für einen ''Produktkatalog'' konstruiert. Sie zeigt zu einer eingegebenen ''Produktnummer'' nach Betätigen des Formular-Buttons den ''Preis'' des Produktes an:

	[[Medium:Xforms_example.png]]		[[Medium:Xforms_example.png]]

FaPe: /* Eventgetriebene Aktionen */

2008-07-01T18:11:23Z

Eventgetriebene Aktionen

← Nächstältere Version		Version vom 1. Juli 2008, 18:11 Uhr
Zeile 106:		Zeile 106:
	</xf:model>		</xf:model>
	</code>		</code>

			Mit einigen speziell entworfenen dynamischen '''Widgets''' wie einem ''Tab-Control''-Mechanismus (''<xf:switch>'') lässt sich damit zusammen mit dem Einsatz von Aktionen, Events und XPath-Berechnungen der Scripting-Einsatz oft komplett vermeiden.

	=Standardisierungsgeschichte=		=Standardisierungsgeschichte=

FaPe: /* Eventgetriebene Aktionen */

2008-07-01T18:08:24Z

Eventgetriebene Aktionen

← Nächstältere Version		Version vom 1. Juli 2008, 18:08 Uhr
Zeile 92:		Zeile 92:
	=Eventgetriebene Aktionen=		=Eventgetriebene Aktionen=

	Als '''Events''' kann XForms alle Ereignisse des [http://www.w3.org/DOM/Activity Document Object Model (DOM)] auswerten wie ''DOMActivate'', das von der Auswahl eines Kontrollelements z.B. per Mouse-Click berichtet. XForms feuert auch eigene Ereignisse wie ''xforms-ready'' nach der Initialisierung, ''xforms-submit'' vor dem Ausführen einer Übermittlung oder ''xforms-value-changed'' vor dem Schreiben von Feldinhalten in das Datenmodell. Die Idee ist nun, dem Entwickler für solche Ereignisse Eingriffsmöglichkeiten als '''Aktions'''-Elemente bereitzustellen, wie z.B. ''<xf:message>'' zum Anzeigen einer Nachricht, ''<xf:setvalue>'' zum Setzen eines Instanzknotenwerts oder ''<xf:send>'' zum Starten einer Übermittlung. Mehrere Aktionen können in einer ''<xf:action>'' gruppiert und fortan wie eine Einzelaktion behandelt werden. Um ~~nun~~ eine Aktion an ein Event zu binden, setzt man schlicht ihr Attribut ''ev:event'' auf den Ereignissnamen. ~~Diese~~ Erweiterung zum ''Model'' der ''Preisauskunft'' setzt z.B. nach der Initialisierung Nummer und Preis ~~zurück~~ und zeigt einen modalen Dialog:		Als '''Events''' kann XForms alle Ereignisse des [http://www.w3.org/DOM/Activity Document Object Model (DOM)] auswerten wie ''DOMActivate'', das von der Auswahl eines Kontrollelements z.B. per Mouse-Click berichtet. XForms feuert auch eigene Ereignisse wie ''xforms-ready'' nach der Initialisierung, ''xforms-submit'' vor dem Ausführen einer Übermittlung oder ''xforms-value-changed'' vor dem Schreiben von Feldinhalten in das Datenmodell. Die Idee ist nun, dem Entwickler für solche Ereignisse Eingriffsmöglichkeiten als '''Aktions'''-Elemente bereitzustellen, wie z.B. ''<xf:message>'' zum Anzeigen einer Nachricht, ''<xf:setvalue>'' zum Setzen eines Instanzknotenwerts oder ''<xf:send>'' zum Starten einer Übermittlung. Mehrere Aktionen können in einer ''<xf:action>'' gruppiert und fortan wie eine Einzelaktion behandelt werden. Um eine Aktion an ein Event zu binden, setzt man schlicht ihr Attribut ''ev:event'' auf den Ereignissnamen. Eine Erweiterung zum ''Model'' der ''Preisauskunft'' setzt z.B. nach der Initialisierung Nummer und Preis auf 0 und zeigt einen modalen Dialog:

	<code>		<code>
	<xf:action ev:event="xforms-ready">		<xf:model>
	<xf:setvalue ref="/product/price" value="0.00" />		...
	<xf:setvalue bind="num">0</xf:setvalue>		<xf:action ev:event="xforms-ready">
	<xf:message level="modal">		<xf:setvalue ref="/product/price" value="0.00" />
	Tragen Sie bitte eine Produktnummer ein!		<xf:setvalue bind="num">0</xf:setvalue>
	</xf:~~message~~>		<xf:message level="modal">
	</xf:~~action~~>		Tragen Sie bitte eine Produktnummer ein!
			</xf:message>
			</xf:action>
			</xf:model>
	</code>		</code>

FaPe: /* Eventgetriebene Aktionen */

2008-07-01T18:07:03Z

Eventgetriebene Aktionen

← Nächstältere Version		Version vom 1. Juli 2008, 18:07 Uhr
Zeile 91:		Zeile 91:

	=Eventgetriebene Aktionen=		=Eventgetriebene Aktionen=

			Als '''Events''' kann XForms alle Ereignisse des [http://www.w3.org/DOM/Activity Document Object Model (DOM)] auswerten wie ''DOMActivate'', das von der Auswahl eines Kontrollelements z.B. per Mouse-Click berichtet. XForms feuert auch eigene Ereignisse wie ''xforms-ready'' nach der Initialisierung, ''xforms-submit'' vor dem Ausführen einer Übermittlung oder ''xforms-value-changed'' vor dem Schreiben von Feldinhalten in das Datenmodell. Die Idee ist nun, dem Entwickler für solche Ereignisse Eingriffsmöglichkeiten als '''Aktions'''-Elemente bereitzustellen, wie z.B. ''<xf:message>'' zum Anzeigen einer Nachricht, ''<xf:setvalue>'' zum Setzen eines Instanzknotenwerts oder ''<xf:send>'' zum Starten einer Übermittlung. Mehrere Aktionen können in einer ''<xf:action>'' gruppiert und fortan wie eine Einzelaktion behandelt werden. Um nun eine Aktion an ein Event zu binden, setzt man schlicht ihr Attribut ''ev:event'' auf den Ereignissnamen. Diese Erweiterung zum ''Model'' der ''Preisauskunft'' setzt z.B. nach der Initialisierung Nummer und Preis zurück und zeigt einen modalen Dialog:

			<code>
			<xf:action ev:event="xforms-ready">
			<xf:setvalue ref="/product/price" value="0.00" />
			<xf:setvalue bind="num">0</xf:setvalue>
			<xf:message level="modal">
			Tragen Sie bitte eine Produktnummer ein!
			</xf:message>
			</xf:action>
			</code>

	=Standardisierungsgeschichte=		=Standardisierungsgeschichte=

FaPe: /* Absichtsorientierte Formularelemente */

2008-07-01T17:59:24Z

Absichtsorientierte Formularelemente

← Nächstältere Version		Version vom 1. Juli 2008, 17:59 Uhr
Zeile 76:		Zeile 76:

	=Absichtsorientierte Formularelemente=		=Absichtsorientierte Formularelemente=

			XForms interpretiert alle Steuerelemente streng absichts- und nicht präsentationsorientiert, um möglichst viele heterogene Endgeräte barrierefrei zu erreichen. Das bedeutet, dass ein Endgerät über die tatsächliche Darstellung entscheidet und so ein ''input''-Feld für einen Datumsknoten z.B. in Browsern einen Kalender anbietet oder in blindengerechten Systemen einen Audiodialog formuliert. Das ''appearance''-Attribut steht in allen Feldern zur Verfügung, um die Darstellungsabsicht abstrakt zu präzisieren: Eine Einzelauswahl (''select1'') wird damit in Browsern z.B. mit dem Wert ''full'' als Radio-Buttons, mit ''compact'' als List-Box oder mit ''minimal'' als Drop-Down-List dargestellt. Alle weiteren Details im Erscheinungsbild sind per CSS-Formatierung zu regeln. Die verfügbaren '''primitiven''' Widgets umfassen:

			* ''input'': Eingabe von einzeiligem Text, Zahlen, Datum, ...
			* ''secret'': Eingabe von verdecktem Text wie Passwörter
			* ''textarea'': Eingabe von mehrzeiligem Text
			* ''output'': Ausgabe von Text, Zahlen, Datum, ...
			* ''upload'': Auswahlfeld für den Dateiupload
			* ''range'': Slider-Auswahl für einen Wertebereich
			* ''trigger'': Entspricht einem beliebigen Knopf
			* ''submit'': Entspricht einem Übermittlungsknopf
			* ''select1'': Liste zur Einzelauswahl
			* ''select'': Liste zur Mehrfachauswahl

	=Eventgetriebene Aktionen=		=Eventgetriebene Aktionen=

FaPe: /* Anschauungsbeispiel einer Preisauskunft */

2008-07-01T17:47:49Z

Anschauungsbeispiel einer Preisauskunft

← Nächstältere Version		Version vom 1. Juli 2008, 17:47 Uhr
Zeile 29:		Zeile 29:

	==Anschauungsbeispiel einer Preisauskunft==		==Anschauungsbeispiel einer Preisauskunft==
	Als einführendes Beispiel wird nun für die Erklärung von Model- und View-Elementen eine primitive '''Preisauskunft''' für einen ''Produktkatalog'' konstruiert. Sie zeigt zu einer eingegebenen ''Produktnummer'' den ''Preis'' des Produktes an:		Als einführendes Beispiel wird nun für die Erklärung von Model- und View-Elementen eine primitive '''Preisauskunft''' für einen ''Produktkatalog'' konstruiert. Sie zeigt zu einer eingegebenen ''Produktnummer'' nach betätigen des Formular-Buttons den ''Preis'' des Produktes an:

	~~Resultat:~~
	[[Medium:Xforms_example.png]]		[[Medium:Xforms_example.png]]