Obiektowe metody projektowania systemów XML eXtensible Markup Language.

Prezentacja na temat: "Obiektowe metody projektowania systemów XML eXtensible Markup Language."— Zapis prezentacji:

1 Obiektowe metody projektowania systemów XML eXtensible Markup Language

2 Wstęp: XML XML – eXtensible Markup Language Stworzony aby opisać dane - Zapewnia informacje strukturalne i semantyczne - Rozszerzalny Zrozumiały dla ludzi, łatwo przetwarzalny dla komputera Niezależny od Software i Hardware Otwarty i ustandaryzowany przez W3C Idealny dla wymiany danych

3 Plan prezentacji Dokument XML Struktura Danych Syle CSS 1, 2 XSL Typy dokumentu (DTD) Zastosowanie: XHTML, XMMP(Jabber) Document Object Model (DOM) Data Modeling with XML

4 „Płaskie dane” (flat files) … …; Jan Kowalki, jkowal@agh.edu.pl.edu, +48 12 617 77 77, 116777; …

5 Jan Kowalki jkowal@agh.edu.pl.edu +48 12 617 77 77 116777 Dokument XML - elementy

6 Wygląd w przegladarce

7 XML – zasady Nazwy znaczników: - wewnątrz wszystkie znaki - pierwsza litera, cyfra lub ‘_’ - BRAK białych znaków Przykłady: Ale też: Znaczniki nie mogą się przeplatać! n:=n+1; ZLE! n:=n+1;

8 Korzyści ze stosowania XML Dane same się opisują Dane można przekształcać stosując standardowe narzędzia Dane można oglądać stosując standardowe narzędzia Stosując różne arkusze stylów na te same dane można różnie spojrzeć

9 Atrybuty Jan Kowalki jkowal@agh.edu.pl.edu +48 12 617 77 77 Jan Kowalki jkowal@agh.edu.pl.edu

10 Atrybuty a znaczniki Brak prostych reguł Opieranie się na doświadczeniu Wstępnie: Dane powinny być trzymane w postaci elementów Informacje o danych (metadane) w atrybutach

11 Atrybuty większy przykład David Reuven Harel 2001-11-02 10:32:00 Ran a red light at Arik & Benz st.

12 CSS Layer 1,2 CSS - Cascading Style Sheets Pozwala przypisać poszczególnym elementom XML charakterystykę (np. forma czcionek, rozkład ramek) Rozdziela formę od treści (przechowuje dane w osobnym dokumencie – arkuszu stylów)

13 CSS - Przykład Dodawanie arkusza stylów do dokumentu XML person {display:block; padding: 10px} name {display:block; font-weight:bold} email {display:block; font-style:italic} phone {display:block} id {display:block; font-size:9px} Przykład:

14 CSS - Wyniki Przed: Po: Dużo więcej możliwości !!!

15 Przekształcenia XSL XSL – eXtensible Style Language Język przekształceń i formatowania (aplikacja XML) Definiowanie reguł opisujących sposób przekształcania jednego dokumentu XML na inny dokument Przekształcenia: Podmiana jednych znaczników na inne. Np.: - XML->HTML+CSS, - zmienić kolejność elementów, - dodawać nowe treści Formatowanie: Umożliwia określenie wyglądu i układu strony Np.: - otaczanie obiektów przez tekst - ustalanie odstępów międzywierszowych - zaawansowane ustawienia czcionki SŁABO OBSŁUGIWANY

16 XSL – Przykład użycia Jan Kowalki jkowal@agh.edu.pl +48 12 617 77 77 116777 XSL: HTML:

17 XSL - XHTML Lista obecnosci LISTA OBECNOSCI: Należy dodać do pliku *.xml :

18 XSL – XHTML cd. W przeglądarce: Bardzo duże możliwości!!!

19 XSL i CSS Można łączyć CSS z XSL !!

20 DTD - document type definition XML jest językiem metaznaczników, czyli językiem opisu innych języków znacznikowych. DTD – document type definition DTD - pozwala definiować języki znacznikowe (zestawy znaczników), pozwala walidować dokumenty

21 DTD - Przykład <!DOCTYPE people[ ]> Jan Kowalki jkowal@agh.edu.pl.edu +48 12 617 77 77 116777

22 DTD – Po co? Dlaczego tak: Może służyć jako schemat dla XML Ustrzega przed błędami Pomaga w tworzeniu/przekształcaniu Można ustalić standard DTD wymiany informacji Dlaczego nie: Brak standardu ( łatwość zmian* ) Brak nakładu na walidacje dokumentów

23 XML – Przykłady zastosowania <message to='romeo@example.net' from='juliet@example.com/balcony' type='chat' xml:lang='en'> Wherefore art thou, Romeo? XMPP - Extensible Messaging and Presence Protocol (Jabber) <rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:1; stroke:rgb(0,0,0)"/> SVG - Scalable Vector Graphics XHTML, MathML …

24 DOM - Document Object Model Document Object Model (DOM) jest interfejsem programowania (API) dla dokumentów HTML oraz XML. Definiuje on logiczną strukturę dokumentu oraz zestaw metod do odwoływania się do dokumentów oraz manipulowania nimi. Programiści wykorzystując interfejs DOM mają możliwość tworzenia dokumentów, nawigowania nimi, dodawania, modyfikowania lub usuwania treści, mogą też implementować DOM jako platformę dostępu do baz danych lub jako interfejs zamiast standardowego API.

25 Strukturalny model DOM Jan Kowalki jkowal@agh.edu.pl.edu +48 12 617 77 77

26 Węzły To też jest paragraf node – (węzeł) jest nim każdy element, jego atrybut, czy tekst, czymkolwiek by nie był element - reprezentację dla każdego znacznika attribute - jest atrybutem znaczników

27 Przykład - DOM Class Hierarchy > Node > Text > Element > Document > Comment > CharacterData > NodeList > NamedNodeMap > Attr

28 DOM – przykład

29 Podsumowanie: Podsumowanie Przyszłość

30 Bibliografia: Elliotte Rusty Harold.: XML, Helion, 2000 http://www.w3.org/ http://www.wodzu.maciaszek.pl/dom/ Notepad2 -http://www.flos-freeware.ch/

31 ...i to by było tyle na dzisiaj!