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 : toets + studiedossier Toetsbespreking Studiedossier Schema Studiedossier Stylesheet

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 Toetsuitslag 9 = XSLT / Xpath 11 = XSLT toepassingen 12 = programmeermodellen ( de omgekeerde les 4 )

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 cijfers U2 G3 R6 V2 ------------------------ + 14 O6 RO2 ------------------------- + 8 N7 ------------------------- + 7

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 Fouten/vragen Veelgemaakte fouten  XPath: relatieve paden Veel gestelde vragen:  XML vs RDB  XML vs PHP

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 StudieDossier  Inhoud coderen in XML ( StudiedossierStandaard )  Vormgeving coderen in XSLT stylesheets Rationale  Scheiding van inhoud en presentatie  Presentatie gemakkelijk aan te passen  Meerdere presentatievormen/selecties mogelijk  Portfolio, flash, PDF  Inhoud gemakkelijk te onderhouden  Scripts voor indexeren van data in het archief

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 Wat is XML: een bouwwerk van standaarden Betekenis: Structuur: Tekst: Digitaal: Unicode XML HTMLRSSVUMLQTI Bits & Bytes

7 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 style sheets  Het presenteren van XML data in een XHTML pagina

8 Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - j.meuwese@interactievemedia.hva.nl - http://oege.ie.hva.nl/~meuwj/ - http://hva.jochem.nl StudieDossier + XSLT templates XSLT templates versie 1 Les 6  Uitleg XML schema voor studiedossier  Start eenvoudige XSLT voor enkelvoudige pagina Les 7  ‘Regels toepassen’ vs ‘gaten vullen’ ----------------------------------------------------------- Kerstvakantie ----------------------------------------------------------- XSLT templates versie 2 Les 8  Hergebruik van templates’in meerdere pagina’s  Complexere Xpath Les 9  Document() functie, tbv navigatie en indexpagina  Afmaken, problemen oplossen Les 10  inleveren

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 Studiedossier: Filestructuur  Studiedossier  _stylesheets  _schemas  Profiel  Persoongegevens  Cv  Competenties  Kennis_en_vaardigheden  leerdoelen  Projecten  voorIAM  Project1  project2  IAM-prop  IAM-V1  IAM-V2  IAM-afstuderen index.xml settings.xml

10 Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - j.meuwese@interactievemedia.hva.nl - http://oege.ie.hva.nl/~meuwj/ - http://hva.jochem.nl Studiedossier: documentschema’s  Schema verwijzing in XML  Validatie door editor  Gebruik van XHTML / namespaces  Documentatie  groepen  xs:anyType  Enumeraties  Optioneel/verplicht/aantal  Updates ??

11 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 schema  Eenmaal een goede structuur voor je document gevonden, kan je die vastleggen in een XML schema.  Verschillende mogelijkheden: DTD, XSD, e.a.  Waarom je dat zou doen?  Input validatie: XMLparsers kunnen automatisch controleren of een bepaald document goed is gesctructureerd.  Editorbesturing: de editor krijgt alleen toegestane optie te zien.  Documentatie: zodat iedereen kan zien wat de bedoeling is.  Valide XML: xml document dat voldoet aan een bepaald schema.

12 Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - j.meuwese@interactievemedia.hva.nl - http://oege.ie.hva.nl/~meuwj/ - http://hva.jochem.nl Studiedossier: te doen  Begin met één profielpagina te vullen  Daarna een projectpagina Versie1: Ga met eenvoudige stylesheets aan de gang Dwz: voor iedere type contentbestand, één XSLT stylesheet

13 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 style sheets  Het presenteren van XML data in een XHTML pagina

14 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 / XPath XSLT is één van de manieren om XML data te verwerken.  xml transformatie XML transformeren naar ander XML Bijv: sd.xml -> sd.xhtml sd.xml -> sd.docx ( office document ) Andere manieren om XML te verwerken:  tree-based processing ( E4X, DOM ) XML data verwerken binnen objectgeoriënteerde script/programmeertaal

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 Basis XSLT: gaten vullen top element van een xsl stylesheet (overnemen uit voorbeeld) enkele specificaties met betrekking tot het output formaat (overnemen uit voorbeeld) het hoofdtemplate het selecteren van een waarde uit de xml-bron het loopen door een lijst uit de xml-bron

16 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: /sd:student-info/sd:statement /sd:student-info/sd:person-name/sd:full-name Relatieve paden (bijvoorbeeld in een for-each loop): ten opzichte van /sd:student-info/sd:contact/sd:adress sd:street sd:code sd:city Lees ook intranet:XPathVoorBeginners.pdf

17 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 voor beginners  www.w3schools.com

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 Huiswerk 1.Maak eenvoudige vormgeving voor je studiedossier in XHTM/CSS. 2.Vul één of meer profiel bestanden met echte gegevens. 3.Maak eenvoudige XSLT template voor profielbestanden naar de gekozen vormgeving. TIP: begin met ‘persoonsinformatiepagina’

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 LetOp Om het één en ander ook in complexere XSLT oplossing te laten werken, moet je het volgende doen: 1.Zet in settings.xml de volledige rootdirectory van je studiedossier. (als je later het dossier verplaatst, verander je dus ook de rootdirectory 2.Alle links in ieder bestand moet relatief zijn ten opzichte van deze rootdirectory 3.Gebruiker van firefox (ivm met firefox bug) bij lokaal gebruik: start met index.xml