Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print
description
Transcript of Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print
![Page 1: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/1.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/2.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/3.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/4.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/5.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/6.jpg)
XForms
Formulářové prvky
![Page 7: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/7.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/8.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/9.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/10.jpg)
XForms - kapitoly
HTML XForms Obrázek Příloha
![Page 11: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/11.jpg)
XForms - zaškrtávátka
![Page 12: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/12.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/13.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/14.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/15.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/16.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/17.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/18.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/19.jpg)
XForms - case
![Page 20: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/20.jpg)
XForms - case
![Page 21: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/21.jpg)
XForms - case
![Page 22: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/22.jpg)
XForms - case
![Page 23: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/23.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/24.jpg)
XForms
Jiná omezení
<bind nodeset="cil" constraint=". > start"/>
<bind nodeset="jmeno" constraint="string-length(.) > 0"/>
![Page 25: Tvorba internetových aplikací v XHTML 2.0, XForms a XHTML Print](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/25.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/26.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/27.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/28.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/29.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/30.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/31.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/32.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022062518/5681427e550346895daea831/html5/thumbnails/33.jpg)
Děkuji za pozornost
Zdroj obrázku:http://www.vladstudio.com