Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -

Presentatie over: "Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -"— Transcript van de presentatie:

1 Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - j.meuwese@interactievemedia.hva.nl - http://oege.ie.hva.nl/~meuwj/ - http://hva.jochem.nl Les 4 : XSLT stylesheets

2 Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - j.meuwese@interactievemedia.hva.nl - http://oege.ie.hva.nl/~meuwj/ - http://hva.jochem.nl Wat is XML: een bouwwerk van standaarden Betekenis: Structuur: Tekst: Digitaal: Unicode XML HTMLRSSVUMLQTI Bits & Bytes

3 Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - j.meuwese@interactievemedia.hva.nl - http://oege.ie.hva.nl/~meuwj/ - http://hva.jochem.nl Wellformed en Valide XML Specifieke taal die uitgedrukt word in wellformed XML  Een document is wellformed als 1.Het voldoet aan alle algemene XML regels waardoor het parseerbaar ( ontrafelbaar) is met een generieke XML parser  Een document is valide als: 1.Het is wellformed 2.Het voldoet aan de specifieke regels van een “XML schema”

4 Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - j.meuwese@interactievemedia.hva.nl - http://oege.ie.hva.nl/~meuwj/ - http://hva.jochem.nl Scheiding van inhoud/structuur en presentatie/vorm Enkele praktijk voorbeelden

5 Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - j.meuwese@interactievemedia.hva.nl - http://oege.ie.hva.nl/~meuwj/ - http://hva.jochem.nl Albert Hein  Producten en boodschappenlijstjes

6 Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - j.meuwese@interactievemedia.hva.nl - http://oege.ie.hva.nl/~meuwj/ - http://hva.jochem.nl

7

8 ThiemeMeulenhoff  Educatieve uitgeverij van  O.a. oefeningen/multiple choice vragebn

9 Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - j.meuwese@interactievemedia.hva.nl - http://oege.ie.hva.nl/~meuwj/ - http://hva.jochem.nl

10

11

12

13

14 HVA intranet

15 Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - j.meuwese@interactievemedia.hva.nl - http://oege.ie.hva.nl/~meuwj/ - http://hva.jochem.nl

16

17 IAM digitaal studiedossier  Eind opdracht van dit blok ‘internet standaarden’ Inhoud in XML formaat + XSLT templates / CSS = (X)HTML / CSS

18 Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - j.meuwese@interactievemedia.hva.nl - http://oege.ie.hva.nl/~meuwj/ - http://hva.jochem.nl XML gerelateerde technieken / A4X

19 Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - j.meuwese@interactievemedia.hva.nl - http://oege.ie.hva.nl/~meuwj/ - http://hva.jochem.nl XML programming models Verschillende manieren om XML te verwerken in een applicatie. 1.Text-based processing bijv: regular expressies 2.Push-based processing bijv: SAX 3.Pull-based processing bijv: XMLReader 4.Tree-based processing bijv: DOM, E3X 5.Transformaties bijv: XSLT 6.Specifieke methode voor specifieke toepassingen bijv SOAP toolkits Niet gebruiken als het niet anders kan standaard methodes

20 Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - j.meuwese@interactievemedia.hva.nl - http://oege.ie.hva.nl/~meuwj/ - http://hva.jochem.nl XML transformaties met XSLT  Het presenteren van XML data in een XHTML pagina

21 Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - j.meuwese@interactievemedia.hva.nl - http://oege.ie.hva.nl/~meuwj/ - http://hva.jochem.nl XSLT voorbeelden  VUML  SD:persoongegevens

22 Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - j.meuwese@interactievemedia.hva.nl - http://oege.ie.hva.nl/~meuwj/ - http://hva.jochem.nl Basic XSLT het hoofdtemplate het selecteren van een waarde uit de xml-bron het loopen door een lijst uit de xml-bron het selecteren van een waarde uit de xml-bron en daar vervolgens templates bij zoeken en toepassen

23 Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - j.meuwese@interactievemedia.hva.nl - http://oege.ie.hva.nl/~meuwj/ - http://hva.jochem.nl Basic XPath Het selecteren van een element: /uitslagen/uitslag/thuisteam /uitslagen/uitslag/uitteam Attributen selecteren met @ : /uitslagen/@datum /uitslagen/@competetie Relatieve paden: ten opzichte van /uitslagen/uitslag thuisteam uitteam verslag/p

24 Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - j.meuwese@interactievemedia.hva.nl - http://oege.ie.hva.nl/~meuwj/ - http://hva.jochem.nl Wat is XPath? Meer voorbeelden Voorbeeldbestand: les2: artikel.xml de titel van het artikel artikel/titel het bron-attribuut van het artikel artikel/@bron alle elementen in de tekst van het artikel artikel/tekst/* alle plaatjes in het document //plaatje de eerste alinea van de tekst van het artikel artikel/tekst/alinea[position()=1] de alinea’s waarin jochem wordt geciteerd /artikel/tekst/alinea[//citaat/@geciteerde="jochem"]

25 Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - j.meuwese@interactievemedia.hva.nl - http://oege.ie.hva.nl/~meuwj/ - http://hva.jochem.nl XPath  SQL voor relationele database =  XPath voor XML

26 Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - j.meuwese@interactievemedia.hva.nl - http://oege.ie.hva.nl/~meuwj/ - http://hva.jochem.nl Oefening XSLT  Maak een XSLT stylesheet voor - curriculum vitae - kookrecept Maak gebruik van tutorial  W3schools.com

27 Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - j.meuwese@interactievemedia.hva.nl - http://oege.ie.hva.nl/~meuwj/ - http://hva.jochem.nl XSLT  Het XSLT proces kan  zowel clientside ( processing-instruction meegeven )  als serverside ( serverside-script uitvoeren, bijv PHP ) uitgevoerd worden