tvorba internetových aplikací v xhtml 2.0, xforms a xhtml print

33
Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print Autor: Adam Zluky, Vedoucí práce: PaedDr. Petr Pexa, JČU, 2008 Diplomová práce

Upload: sauda

Post on 10-Jan-2016

33 views

Category:

Documents


1 download

DESCRIPTION

Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print. Diplomová práce. Autor: Adam Zluky, Vedoucí práce: PaedDr. Petr Pexa, JČU, 2008. Zadání. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

Autor: Adam Zluky, Vedoucí práce: PaedDr. Petr Pexa, JČU, 2008

Diplomová práce

Page 2: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

Zadání Cílem bakalářské práce je zpracovat uživatelskou

příručku jazyků XHMTL 2.0, XForms a XHTML Print jako perspektivních technologií pro tvorbu webových aplikací i wapových prezentací. Autor provede porovnání s tradičními postupy použitím jazyků SGML, HTML, WML, XHTML 1.0., XHTML 1.1, CSS, DHTML či XML a především se pokusí zmapovat současný stav pracovního návrhu XHTML 2.0 (viz http://www.w3.org) a jeho podporu v aktuálních verzích prohlížečů. Součástí diplomové práce bude také konkrétní www prezentace, vytvořená ve zmíněných jazycích. Práce by měla být v ČR unikátní publikací zabývající se touto problematikou.

Page 3: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

Struktura práce Tradiční značkovací

jazyky (17 str.)

XHTML 2.0

XForms (30 str.)

XHTML Print (10 str.)

Page 4: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

Tradiční značkovací jazyky

SGML

HTML

WML

XHTML 1.0

XHTML 1.1

CSS

DHTML

XML

Page 5: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

Tradiční značkovací jazyky

Úvod do kapitoly Historie Návaznost na starší technologie Organizace spravující standardy Syntaxe Ukázka zdrojového kódu

Příloha

Page 6: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XForms

Formulářové prvky

Page 7: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XForms - vlastnosti

XML (XPath, XML Schema) Stávající + nové formulářové prvky Kontrola nad vstupními daty *.xhtml

Page 8: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XForms

Podpora https://addons.mozilla.org/cs/firefox/addon/824 http://xformsinstitute.com/validator/

Verze XForms 1.0 – červen 2008 XForms Transitional – prosinec 2009 XForms 2.0 – prosinec 2010

Page 9: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XForms - kostra<?xml version="1.0"?><h:html xmlns:h="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/2002/xforms"><h:head> <h:title>Kostra</h:title> <model> <instance xmlns="">

<jmeno/></instance>

</model></h:head><h:body> <h:p> <input ref="jmeno"><label>Zadej jméno: </label></input> </h:p></h:body></h:html>

Page 10: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XForms - kapitoly

HTML XForms Obrázek Příloha

Page 11: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XForms - zaškrtávátka

Page 12: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XForms - zaškrtávátka

HTMLObjednávám:

<input type="checkbox" name="jidlo" value="snídaně"> snídani

<input type="checkbox" name="jidlo" value="oběd"> oběd

<input type="checkbox" name="jidlo" value="večeře"> večeři

Page 13: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XForms - body XForms<select ref="jidlo" appearance="full"> <label>Objednávám:</label> <item> <label>snídani</label><value>snídaně</value> </item> <item> <label>oběd</label><value>oběd</value> </item> <item> <label>večeři</label><value>večeře</value> </item></select>

Page 14: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XForms - head<model> <instance> <data xmlns="">

<jidlo></jidlo>

</data> </instance></model>

Page 15: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XForms - head<model>

<instance>

<data xmlns="">

<jidlo>snídaně

</jidlo>

</data>

</instance>

</model>

Page 16: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XForms - head<model>

<instance>

<data xmlns="">

<jidlo>snídaně oběd

</jidlo>

</data>

</instance>

</model>

Page 17: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XForms - head<model>

<instance>

<data xmlns="">

<jidlo>snídaně oběd večeře

</jidlo>

</data>

</instance>

</model>

Page 18: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XForms - switch<switch>

<case id="prohlizeni">

<output ref="jmeno" />

<trigger>

<label>Editovat</label>

<toggle case="editace" ev:event="DOMActivate"/>

</trigger>

</case>

<case id="editace">

<output ref="jmeno" />

<!-– deklarace formulářových prvků pro editace -->

<trigger>

<label>Budiž</label>

<toggle case="prohlizeni" ev:event="DOMActivate"/>

</trigger>

</case>

</switch>

Page 19: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XForms - case

Page 20: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XForms - case

Page 21: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XForms - case

Page 22: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XForms - case

Page 23: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XForms – kontrola nad formulářem

Bind<model>

<instance>

<data xmlns="">

<jmeno/>

<mail/>

<web/>

</data>

</instance>

<bind nodeset="jmeno" required="true()"/>

</model>

Page 24: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XForms

Jiná omezení

<bind nodeset="cil" constraint=". &gt; start"/>

<bind nodeset="jmeno" constraint="string-length(.) &gt; 0"/>

Page 25: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XForms

Disabled<bind nodeset="kolikPlatite" relevant="../zpusob='paušál'"/>

Readonly<bind nodeset="text" readonly="../prepisovani='ne'"/>

Page 26: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XHTML Print Zaměřený na tisk

Březen 2008 Purposed recommendation

Modularizace

Page 27: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XHTML Print Doctype<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML-Print 1.0//EN"

"http://www.w3.org/MarkUp/DTD/xhtml-print10.dtd">

MIME (Multipurpose Internet Mail Extension) "application/xhtml+xml"

Page 28: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XHTML Print Modul struktury Textový modul Hypertextový

modul Modul seznamů Prezentační modul Formulářový modul Tabulkový modul

Obrázkový modul Objektový modul Modul

metainformací Modul skriptů Modul style Modul link Modul base

Page 29: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XHTML Print

Klíčová slova Musí (must) Měl by (should) Může (may) Nepoužitelný (N/A) viz. kolekce

Page 30: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

XHTML Print Formulářový modul

Elementy Atributy Zpracováníinput check=„checked“ musí

input maxlength nepoužitelné

input type=„checkbox“ musí

input name nepoužitelné

Page 31: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

Co zbývá dodělat

Kapitola o XHTML 2.0 Podpora XHTML Print

Page 32: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

Cíl Zpracovat uživatelskou

příručku Teoretický úvod Ukázky příkladů Celé příklady v příloze

Page 33: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print

Děkuji za pozornost

Zdroj obrázku:http://www.vladstudio.com