1 / 33

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

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í.

sauda
Download Presentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 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

  2. 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.

  3. Struktura práce • Tradiční značkovací jazyky (17 str.) • XHTML 2.0 • XForms (30 str.) • XHTML Print (10 str.)

  4. SGML HTML WML XHTML 1.0 XHTML 1.1 CSS DHTML XML Tradiční značkovací jazyky

  5. 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

  6. XForms • Formulářové prvky

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

  8. 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

  9. 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>

  10. XForms - kapitoly • HTML • XForms • Obrázek • Příloha

  11. XForms - zaškrtávátka

  12. XForms - zaškrtávátka • HTML Objedná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

  13. 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>

  14. XForms - head <model> <instance> <data xmlns=""> <jidlo> </jidlo> </data> </instance> </model>

  15. XForms - head <model> <instance> <data xmlns=""> <jidlo>snídaně </jidlo> </data> </instance> </model>

  16. XForms - head <model> <instance> <data xmlns=""> <jidlo>snídaně oběd </jidlo> </data> </instance> </model>

  17. XForms - head <model> <instance> <data xmlns=""> <jidlo>snídaně oběd večeře </jidlo> </data> </instance> </model>

  18. 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>

  19. XForms - case

  20. XForms - case

  21. XForms - case

  22. XForms - case

  23. XForms – kontrola nad formulářem • Bind <model> <instance> <data xmlns=""> <jmeno/> <mail/> <web/> </data> </instance> <bind nodeset="jmeno" required="true()"/> </model>

  24. XForms • Jiná omezení <bind nodeset="cil" constraint=". &gt; start"/> <bind nodeset="jmeno" constraint="string-length(.) &gt; 0"/>

  25. XForms • Disabled <bind nodeset="kolikPlatite" relevant="../zpusob='paušál'"/> • Readonly <bind nodeset="text" readonly="../prepisovani='ne'"/>

  26. XHTML Print • Zaměřený na tisk • Březen 2008 Purposed recommendation • Modularizace

  27. 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"

  28. 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 XHTML Print

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

  30. XHTML Print • Formulářový modul

  31. Co zbývá dodělat • Kapitola o XHTML 2.0 • Podpora XHTML Print

  32. Cíl • Zpracovat uživatelskou příručku • Teoretický úvod • Ukázky příkladů • Celé příklady v příloze

  33. Děkuji za pozornost Zdroj obrázku:http://www.vladstudio.com

More Related