Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese Les 4 : toets + studiedossier Toetsbespreking Studiedossier Schema Studiedossier Stylesheet

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese Toetsuitslag 9 = XSLT / Xpath 11 = XSLT toepassingen 12 = programmeermodellen ( de omgekeerde les 4 )

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese 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

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese Wat is XML: een bouwwerk van standaarden Betekenis: Structuur: Tekst: Digitaal: Unicode XML HTMLRSSVUMLQTI Bits & Bytes

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese XSLT style sheets  Het presenteren van XML data in een XHTML pagina

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese StudieDossier Les 6  Uitleg XML schema voor studiedossier  Start eenvoudige XSLT Les 7  Hergebruik van templates  Complexere Xpath  Document() functie Les 8  Afmaken, problemen oplossen Les 9  rooster vrij Les 10  inleveren

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese Te doen 1.Content verzamelen, vormgeving bepalen ( XHTML/CSS ) 2.Één profielpagina (studentinfo) coderen, eenvoudige templates maken 3.Meer profielpagina’s en één project coderen, hergebruik van templates 4.Index coderen eenvoudige indexpagina maken 5.Index gebruiken voor navigatie menu’s 6.Index gebruiken voor complete indexpagina

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese 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

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese Studiedossier: documentschema’s  Schema verwijzing in XML  Validatie door editor  Gebruik van XHTML / namespaces  Documentatie  groepen  xs:anyType  Enumeraties  Optioneel/verplicht/aantal  Updates ??

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese 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.

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese Studiedossier: te doen  Begin met één profielpagina te vullen  Daarna een projectpagina Ga dan met eenvoudige stylesheets aan de gang

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese Studiedossier: stylesheets  Een stylesheet voor ‘student-info.xml ‘

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese XSLT style sheets  Het presenteren van XML data in een XHTML pagina

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese Basic XSLT: gaten vullen het hoofdtemplate het selecteren van een waarde uit de xml-bron het loopen door een lijst uit de xml-bron

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese 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

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese XSLT voor beginners 

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese XSLT voor gevorderden  ‘gatenvullen’ versus regels ‘toepassen’  RTFM: lees de reader !!!!!!!!!

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese Gaten vullen of regels toepassen Gaten vullen  xsl:value-of select=‘xpath’ Regels toepassen  xsl:apply-templates select=‘xpath’  xsl:template match=‘xpath’ Regels toepassen is modulairder, flexibeler

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese 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.