Internetstandaarden 2

Transcriptie

1 IAM-V1-TDI Internetstandaarden 2 Reader deel /2010 Hogeschool van Amsterdam Interactieve Media

2 Reader HVA-IAM-V1-TDI-Internetstandaarden 2 / 0910 IAM-V1-TDI Internetstandaarden 2 Reader deel /2010 Hogeschool van Amsterdam Interactieve Media Augustus 2009

3 Reader HVA-IAM-V1-TDI- Internetstandaarden 2 / 0910 Inhoudsopgave Inhoudsopgave...1 Manual V1-XML...2 introductie...2 Toetsing en criteria...3 Lesoverzicht...5 Les 1: Intro / webservice...6 Les 2 : Hallo X World...8 Les 3: documentontwerp...9 Les 4: XML verwerkingsmodellen / XSLT+XPath...10 Les 5: AVV: schriftelijke toets...11 Les 6: introductie en start eindopdracht...12 Les 7: XSLT regels toepassen...13 Les 8: oplevering eindproduct...14 Les 9: feedback...15 Literatuur...16 Introducing XML...16 XML Fundamentals...16 Schema Uses and Development...16 XSLT in Context...16 XML as Document Format, XML as Data Format...17 Programming Models...17 Stylesheet Design Patterns

4 Reader HVA-IAM-V1-TDI-Internetstandaarden 2 / 0910 Manual V1-Internetstandaarden 2 introductie Het internet wordt veelal gebruikt voor het uitwisselen van informatie tussen gescheiden informatiesystemen. Bijvoorbeeld: Een nieuwsdienst stelt zijn nieuwsberichten ter beschikking aan derden die het op een websites kunnen plaatsen. Ander voorbeeld: Amazon stelt informatie over boeken ter beschikking aan bijvoorbeeld het intranet van de hogeschool. Dit gebeurt bij voorkeur op een gestandaardiseerde manier. XML is een algemeen geaccepteerde standaard voor het uitwisselen van informatie over het internet. XHTML is één van de op XML gebaseerde standaarden die op het web worden gebruikt. Daarnaast zijn er nog vele andere specifieke standaarden voor gegevens uitwisseling. In dit blok gaan we werken met een XML gebaseerde webservice. Een webservice biedt informatie via het http protocol ( dat wil zeggen: via een URL ). De informatie wordt aangeboden in XML formaat. Zo kan iedereen informatie van bijv FLickr, Google, Youtube, Amazon, etc. etc. gebruiken in zijn eigen applicatie. Iedereen kan zelf een presentatievorm kiezen en ontwikkelen voor de verkregen informatie. Bijvoorbeeld in Flash, of als een website of als een PDF. De onderliggende inhoud kan echter steeds hetzelfde zijn. Met andere woorden: inhoudelijke structuur en presentatievorm worden strikt gescheiden. Hierdoor wordt uitwisseling en onderhoud van de inhoud van een product vereenvoudigd. De student zal ervaring opdoen met XML en XML gerelateerde technieken, met name XSLT en Xpath. XSLT wordt gebruikt om vanuit de gestandaardiseerde XML inhoud en eigen XHTML presentatie vorm te gieten. HuisRegels De lessen beginnen op tijd. De student heeft zelf altijd zijn zaakjes op orde ( inlog gegevens, broncode, documentatie, syllabus, etc etc ) De student is actief, dwz hij doet mee met de opdrachten Er wordt niet gegeten in de klas en alle rotzooi van je tafeltje wordt aan het eind van de les opgeruimd. Respect voor de klasgenoten als zij iets presenteren. Materialen Literatuur: Syllabus van de opleiding wordt uitgedeeld in les 1 Software: Een XML editor naar keuze, bijvoorkeur NotePad++ met XML plugin Webserver Gebruik PHP5.2 met mysql op stap.iam.hva.nl met je eigen account. Download Via het intranet wekelijks het benodigde materiaal te downloaden. Powerpoint presentaties, voorbeeld code, etc. 2

5 Reader HVA-IAM-V1-TDI- Internetstandaarden 2 / 0910 Toetsing en criteria De student wordt individueel beoordeeld op de volgende onderdelen: - Les 5 : schriftelijke kennistoets - Les 8: oplevering van XML gebaseerde website o Werkende online applicatie o Broncode in een zip/rar o Reflectie verslag waarin de student aangeeft op welke wijze hij aan de criteria voldoet. Individuele beoordeling Ondanks dat de opdracht in de werkgroep wordt uitgevoerd en de studenten kunnen samenwerken is de beoordeling individueel. De student moet in zijn eigen reflectieverslag dan ook goed duidelijk maken wat hij van het project heeft opgestoken. Het eindproduct en het individuele reflectieverslag kan alleen worden nagekeken als het aan de volgende voorwaarden voldoet: - het product is op tijd en op de juiste plaats ingeleverd, volgens de afspraken met de docent. - de teksten zijn in correct Nederlands geschreven ( niet te veel spelfouten, leesbare zinnen ) - de tekst van het verslag is helder en logisch gestructureerd ( inhoudsopgave, paginanummers, kopjes, etc ) - een document is voorzien van de volgende metadata-informatie: naam, nummer, datum, vak, opdracht, docent, versie/status. - benodigde bijlagen en broncode zijn er bijgevoegd, of er is een goede verwijzing naar de plek waar het is te downloaden. - De broncode wordt schoon opgeleverd. Dat wil zeggen: in een geordende mappenstructuur waar alle niet gebrukte bestanden zijn verwijderd. De broncode zelf is leesbaar en netjes hiërarchisch gestructureerd. Beoordelingscriteria - De student kan minimaal eenvoudige XML structuren ontwerpen, en bestaande XSLT of DOM code aanpassen voor eigen doeleinden. - De student gebruikt het jargon uit het vakgebied bij het beschrijven en presenteren van zijn werk - De student gaat op zoek naar en maakt gebruikt van relevante bronnen en goede gereedschappen bij uitvoeren van de opdracht. - Het werk van de student is overdraagbaar en begrijpelijk voor derden. Dwz: de broncode is leesbaar, volgens conventies, en waar nodig voorzien van documentatie. - De student maakt een zinvolle toepassing en geeft aan op welke wijze de technologie hem daarbij helpt. - De student kan in een reflectie verslag aangeven hoe en op welke wijze hij zijn kennis en vaardigheden kan verdiepen en/of uitbreiden. Extra punten voor meer dan een 6 - Professionaliteit Het eindproduct wordt in alle opzichten goed opgeleverd en de beoordelaar wordt op zijn wenken bediend. 3

6 Reader HVA-IAM-V1-TDI-Internetstandaarden 2 / Complexiteit Het eindproduct is complexer dan wat er in de lessen is behandeld. De student heeft het zichzelf niet gemakkelijk gemaakt en het toch tot een goed eind gebracht - Creativiteit De student heeft de middelen op een verrassende en creatieve wijze ingezet. - Inzichten De student toont diepere inzichten in de materie, zijn vaardigheden gaan verder dan het toepassen van een aangeleerd trucje - Kennisdelen De student heeft zijn kennis en vaardigheden structureel overgedragen aan medestudenten. Feedback In week 10 wordt tijdens de werkgroepuren feedback gegeven op het ingeleverde materiaal. In het geval van een onvoldoende wordt dan ook de herkansing besproken. De student moet daar aanwezig zijn. 4

7 Reader HVA-IAM-V1-TDI- Internetstandaarden 2 / 0910 Lesoverzicht Het blok wordt opgedeeld in twee delen: Deel 1: XML basiskennis Basiskennis van XML technieken en de relevantie van XML voor interactieve media. Lesprogramma: 1. Introductie 2. Hallo XML World 3. Document ontwerp 4. Processing modellen 5. AVV: schriftelijke toets Lesvormen: - minicolleges door de docent - korte (groeps-)opdrachten per les - individuele huiswerkopdrachten - literatuur lezen Toetsing: - schriftelijke toets les 5 Deel 2: eindopdracht XML webservice Vaardigheden met XML technieken en toepassingen van XML in interactieve media. Doormiddel van het uitvoeren van een zinvol project wordt geoefend met XML en XSLT/Xpath. XSLT is één van de XML gerelateerde technologieën voor het verwerken van gestandaardiseerde documenten. Lesprogramma: 6. introductie en start eindopdracht 7. bouw van eigen product met XML + XSLT 8. controleren en opleveren van het eindproduct 9. feedback en beoordeling Lesvormen: - minicolleges door de docent - in groepsverband werken aan eindopdracht - (tussen) presentaties door de student - literatuur lezen Toetsing: - actieve bijdrage aan de werkgroep - individuele toetsing van het eindproduct en reflectieverslag 5

8 Reader HVA-IAM-V1-TDI-Internetstandaarden 2 / 0910 Les 1: Intro / webservice Onderwerp Bespreking lesprogramma, toetsing, criteria, afspraken Webservices: Informatie uitwisseling tussen gescheiden systemen Doelstelling 1. De student maakt kennis met het concepten met betrekking tot webservices: service, platformonafhankelijkheid, open standaarden, interface, loosely coupled systems, interoperabiliteit. 2. De student leert wat er technisch nodig is om informatie uit te wisselen tussen systemen die van elkaar gescheiden zijn: transportprotocol, definitie van dataformats, software om dataformtas te ontrafelen (parser) Werkgroepactiviteiten Introductie van het programma door de docent. In groepjes werken aan KNVB uitslagen webservice opdracht Materiaal Powerpoint presentatie met overzicht vak Syllabus Literatuur: hoofdstuk Introducing XML Vervolg huiswerk Voorbereiding op de volgende les: 1. maak je eigen voetbaluitslagen markup language ( VUML) 2. lees hoofdstuk 1 uit de syllabus werkgroep opdracht: KNVB webservice De nationale voetbalbond publiceert iedere week nieuws, uitslagen van wedstrijden, standen, programma s, etc. Een voetbalclub in de provincie wil de voor hen relevante informatie eigenlijk ook wel op hun eigen website plaatsen, maar ze weten niet zo goed hoe dat zou moeten. Er zijn een aantal oplossingen, maar daar zijn ze niet zo tevreden mee. Oplossing: Een link naar de gewenste pagina van de KNVB. Een frameset met een frame met de gewenste pagina van de KNVB. Alles laten overtypen door Miep Direct toegang tot de database van KNVB Nadeel: De club wil niet dat de bezoeker naar een andere site gaat De vormgeving van de KNVB komt niet overeen, met de vormgeving van de clubs Is veel te veel werk. De systemen passen niet op elkaar en er zijn te veel beveiligingsproblemen zijn Probleem: hoe krijgen we de informatie van de KNVB naar de clubsite. De KNVB wil wel meewerken, want ze denken dat dit wel een goede service zal zijn voor alle aangesloten sportclubs. 6

9 Reader HVA-IAM-V1-TDI- Internetstandaarden 2 / 0910 Er worden enkele voorwaarden gesteld aan de oplossing: - De methode moet platformonafhankelijk zijn. Dat wil zeggen: de gebruikte techniek mag niet afhankelijk zijn een specifiek platform of van specifieke software. Verschillende clubs gebruiken namelijk verschillende systemen. - Iedere club moet de informatie kunnen presenteren op een wijze die zij zelf het meest geschikt acht. De inhoud moet dus gescheiden zijn van de vorm. NB: bij de oplossing mag geen gebruik gemaakt worden van XML! Plan 1. Introductie probleemstelling 2. Vorm groepjes van 3 a 4 personen 3. Bedenk met je groep een oplossing en een presentatie op een flapover. Maak een voorbeeld van een eenvoudig databestand. 4. plenaire bespreking van flap-overs ( de flap-over wordt gepresenteerd door de minsttechnische groepslid ) 5. Evaluatie bevonden oplossingen. Onder leiding van de docent worden relevante kenmerken van de oplossingen naaste elkaar gezet. 6. Een XML oplossing en de voordelen daarvan 7

10 Reader HVA-IAM-V1-TDI-Internetstandaarden 2 / 0910 Les 2 : Hallo X World Onderwerp Bouwstenen van een XML document: Welformed XML Hello World toepassing Doelstelling Aan het eind van de les kan de student een eenvoudig wellformed XML document maken en weet het de bouwstenen van een XML document te benoemen. Voorbereiding Zorg dat je de beschikking hebt over een goede XML editor, zoals NotePad++ met XML extensie. Werkgroepactiviteiten Presentatie door de docent over well-formed XML Werken aan de opdracht well-formed XML document Werken aan opdracht mijnsmoel.xml Vervolg huiswerk - Maak de werkgroep opdracht thuis af voor zover dat in de les nog niet is gelukt. - Lees hoofdstuk XML fundamentals uit de syllabus - Download XML Spy Home Edition ( ) of NotePad++ met XML extensie Materiaal Powerpoint presentatie over wellformed XML Voorbeeld broncode Literatuur: hoofdstuk XML Fundamentals Opdracht wellformed xml document a. Neem je eigen voetbaluitslagen bestand en controleer of het wellformed is, door het te openen met NotePad++ en de syntax te checken (Plugins:XML Tools:check XML syntax now ) b. Download de oefencode van het intranet en repareer alle fouten Opdracht mijnsmoel.xml a. Download het voorbeeld mijnsmoel.xml en vul het in met de gegevens van jezelf b. Plaats het bestandje op het volgende webadres : c. Bekijk het smoelenboek 8

11 Reader HVA-IAM-V1-TDI- Internetstandaarden 2 / 0910 Les 3: documentontwerp Onderwerp Een eenvoudig XML document ontwerpen. Valide XML, do s en don t s Doelstelling De student kan een eenvoudig xml document ontwerpen. Veel voorkomende ontwerpfouten Vergelijking van verschillende ontwerpen Voorbereiding Bestudeer de hoofdstukken XML as DocumentFormat, XML as DataFormat en Schema Uses and Development werkgroepactiviteiten college over xml document ontwerp werken aan werkgroep opdracht xml document ontwerp vervolghuiswerk - Maak de werkgroepopdracht af, voor zover dat in de les nog niet is gelukt. - bereid je voor op de schriftelijke toets. Materiaal Powerpoint presentatie DocumentOntwerp Voorbeeld code document ontwerp. Literatuur: hoofdstukken Schema uses en development, XML as DocumentFormat en XML as Data Format werkgroepopdracht: XML DocumentOntwerp Deze opdracht kan je met zijn dreen uitvoeren. a. Ontwerp XML documentstructuur voor de onderstaande gestructureerde documenten. Maak een well-formed voorbeelddocument voor ieder ontwerp. - een bankafschrift - een filmrecensies - een kookrecept b. Vergelijk jouw oplossingen met de veelgemaakte ontwerp fouten. c. Vergelijk jouw ontwerp met dat van twee of drie klasgenoten en bespreek de verschillen d. Publiceer je definitieve documenten op het internet. 9

12 Reader HVA-IAM-V1-TDI-Internetstandaarden 2 / 0910 Les 4: XML verwerkingsmodellen / XSLT+XPath Onderwerp Vergelijking van verschillende methodes om XML data te verwerken in een applicatie of website. Introductie XSLT/XPath als programmeertaal om XML te verwerken tot XHTL pagina Doelstelling De student heeft theoretisch inzicht in diverse modellen om XML te verwerken in een applicatie. E4X (AS3) en XSLT worden begrepen in termen van deze theoretische modellen. Er wordt kennis gemaakt met XSLT in een vorm van een eenvoudige weergavetemplate voor gestandaardiseerde gegevens De volgende XSLT elementen komen aan de orde - xsl:output - xsl:template - xsl:value-of - eenvoudige xpath-patronen Voorbereiding Bestudeer de hoofdstukken Programming models en XSLT in context werkgroepactiviteiten college over verwerkingsmodellen in het algemeen en XSLT in het bijzonder. Oefenen met een eenvoudig XSLT toepassing. vervolghuiswerk - Maak de werkgroepopdracht af, voor zover dat in de les nog niet is gelukt. - bereid je voor op de schriftelijke toets. Materiaal Powerpoint presentatie Voorbeeld code document ontwerp. Literatuur: hoofdstukken Programming models en XSLT in context werkgroepopdracht: oefening basis XSLT a. Maak een document met jouw persoonsgegevens volgens de IAM smoelenboek standaard. Valideer dit document b. Maak aan de hand van de voorbeeld XSLT code een eigen HTML presentatie van dit XML document. 10

13 Reader HVA-IAM-V1-TDI- Internetstandaarden 2 / 0910 Les 5: AVV: schriftelijke toets Onderwerp Basisbegrippen XML, relevantie van XML voor IAM Doelstelling De student laat zien dat ie de literatuur, opdrachten en ervaringen uit de eerste vier lessen heeft verwerkt. Werkgroepactiviteiten Toets duurt +/- 50 minuten Materiaal Literatuur: de volgende hoofdstukken - Introducing XML - XML Fundamentals - XML as Document Format - XML as Data Format - Schema Uses and Development - Programming Models - XSLT incontext Toets: De volgende vragen zullen worden gesteld: - Begripskennis: Er kan gevraagd worden naar de volgende begrippen: well-formed XML, valide XML, interoperabiliteit, open standaarden, XML versus SGML, HTML versus XHTML, elementen en attributen, parser, webservices, XML schema s, DataFormat versus DocumentFormat, unicode, platformonafhankelijkheid, programmeer modellen, XSLT - XML/XSLT/XPath codering: De volgende aspecten van XML codering worden getoetst - bepalen of een XML document well-formed is - een XML document ontwerpen zonder de veel gemaakte beginnersfouten. - Herkennen van XML document ontwerpstijlen ( dataformat versus documentformat ) - Een eenvoudige XPath expressie om data uit een XML bestand te selecteren 11

14 Reader HVA-IAM-V1-TDI-Internetstandaarden 2 / 0910 Les 6: introductie en start eindopdracht Onderwerpen Bespreking van de schriftelijke toets Introductie van de eindopdracht Doelstelling De student begrijpt zijn fouten uit de schriftelijke toets en weet wat ie nog moet doen om dit te repareren. De student begrijpt wat er van hem verwacht wordt met betrekking tot de eindopdracht en maakt een begin met de realisatie van de eindopdracht. Voorbereiding geen Werkgroepactiviteiten Plenaire bespreking van de toetsuitslagen door docent Uitleg van de eindopdracht. Zelfwerkzaamheid: bestuderen van bronnen die nodig zijn bij de eindopdracht Vervolghuiswerk Uitvoering van de opdracht. Materiaal Toetsantwoorden, Powerpoint presentatie. PHP code die nodig is voor de eindopdracht. Werkzaamheden: start eindopdracht a. Download het XML schema van je externe bron b. Maak een eerste hello-world waarin je de dat uit de externe bron gebruikt. gebruik daarbij de te downloaden PHP scripts. 12

15 Reader HVA-IAM-V1-TDI- Internetstandaarden 2 / 0910 Les 7: XSLT regels toepassen Onderwerp Ontwerppatronen voor XSLT templates Doelstelling De student begrijpt het verschil tussen de twee belangrijkste XSLT ontwerppatronen: gaten vullen en regels toepassen. Hij kan een XSLT script maken volgens het regels toepassen patroon. De volgende XSLT elementen komen aan de orde - xsl:template - xsl:apply-templates - xsl:for-each - complexe xpath-patronen Voorbereiding Det XML schema van de externe bron is begrepen en de vormgeving voor de te bouwen webpagina is ontworpen. Lezen: Stylesheet Design Patterns Werkgroepactiviteiten Uitleg van XSLT door de docent XSLT script ontwikkelen voor een onderdelen van de eindopdracht Vervolghuiswerk Verder werken aan problemen en oplossingen. Dit resulteert in de eerste versie van het eindproduct. Materiaal Powerpointpresentatie Voorbeeld code 13

16 Reader HVA-IAM-V1-TDI-Internetstandaarden 2 / 0910 Les 8: oplevering eindproduct Doelstelling De studenten laten zijn wat zij in en buiten de lessen hebben gedaan en hoe dat heeft geresulteerd in een werkend product. Voorbereiding Eindproduct staat online, Broncode is opgeschoond en ingepakt Eindverslag bevat individuele reflectie op e criteria van het vak Werkgroepactiviteiten Controleren van de deliverables. In groepen: Controle deliverables In groepen worden de deliverables gecontroleerd voordat het wordt ingeleverd. Voor deze controle wordt de checklist De student vraagt inhoudelijke feedback van minimaal één klasgenoot. Checklist - documentatie bevat de volgende onderdelen: o metadata o url naar online digitaal product o url naar te downloaden bronbestanden ( zip of rar ) o reflectie op het proces en op de inhoud van het project o reflectie op alle criteria - alle links doen het. - De bronbestanden zijn opgeschoond. Bevatten geen ongebruikte bestanden - Alle bronbestanden zijn well-formed en valide - De broncode is hiërarchisch gestructureerd en goed leesbaar, - De broncode is waar nodig voorzien van inline documentatie - Het verslag is in leesbaar correct Nederlands geschreven - Het verslag heeft een heldere structuur, inhoudsopgave en paginanummers - Het reflectie verslag is zinnig en concreet. Dus geen vage algemeenheden als ik heb er veel van geleerd, zonder verheldering van wat er dan concreet geleerd is. 14

17 Reader HVA-IAM-V1-TDI- Internetstandaarden 2 / 0910 Les 9: feedback Doelstelling Studenten krijgen hun cijfer en feedback op hun werk. Voorbereiding geen Werkgroepactiviteiten In kleine groepjes krijgen de studenten 10 minuten feedback op hun werkstuk. 15

18 Reader HVA-IAM-V1-TDI-Internetstandaarden 2 / 0910 Literatuur De literatuur is samengesteld uit onderstaande boeken: Harold, E & Scott Means, W ( 2004 ), XML in a nuttshell, third edition. O Rielly Van der Vlist ( 2002 ), XML Schema. O Rielly Kay, M ( 2002), XSLT Programmers Reference, 2 nd Edition Wrox Reader deel 1 Introducing XML ( hst 1 uit XML in a Nuttshell ) Een algemeen verhaal over wat XML is en waarvoor het gebruikt kan worden. Ook de voorgeschiedenis van XML wordt besproken. XML Fundamentals ( hst 2 uit XML in a Nuttshell ) Uitleg en definities van de bouwstenen van een XML document. De belangrijkste bouwstenen zijn elementen, attributen en tekst. Zonder deze bouwstenen geen XML. CData secties zijn soms handig, maar vaak kan je ook zonder. Commentaar is natuurlijk ook erg nuttig. Processing instructions zijn eigenlijk een overblijfsel uit de voorhistorie van XML ( SGML). Je zult ze niet vaak gebruiken en als je ze tegenkomt is het vroeg genoeg om te bekijken wat het betekent Schema Uses and Development ( hst 1 uit XML Schema ) Over XML document-schema s. Hoewel we in dit blok XML schema s niet in detail zullen behandelen is het wel noodzakelijk te weten wat het is en waarvoor het dient. De technische uitwerking is meer iets voor gevorderden. Dit hoofdstuk beschrijft op een heldere en eenvoudige manier nut en noodzaak van XML schema s. XSLT in Context ( hst 1 uit XSLT programmers reference ) Waartoe dient XSLT en waarom is dat belangrijk. NB: een zeer leuke paragraaf over de analogie tussen SQL en XSLT. 16

19 Reader HVA-IAM-V1-TDI- Internetstandaarden 2 / 0910 Reader deel 2 XML as Document Format, XML as Data Format ( hst 6 en 16 uit XML in a Nuttshell ) XML kan voor twee soorten toepassingen worden gebruikt: als narratief document en als data format. Veel toepassingen zijn een mix van beide formaten. Het onderscheid is niet formeel, dwz er is geen officiële definitie. Het onderscheid is echter wel nuttig als het gaat om ontwerpkeuzes. De voorbeelden zijn van document format zijn wat ongelukkig gekozen. Het meest bekende voorbeeld is XHTML. Programming Models ( hst 18 uit XML in a Nuttshell ) Programmeren met XML kan op verschillende manieren. Dit artikel beschrijft en vergelijkt de verschillende methodes. In de praktijk zijn twee methodes dominant: tree-based processing (DOM en E4X ) en transformations ( XSLT ). DOM wordt in iedere serieuse script/programmeertaal ondersteund. E4X is reletief nieuw en wordt onder andere gebruikt in Flash ActionScript3. XSLT wordt veel gebruikt om HTML templates te maken. Stylesheet Design Patterns ( hst 9 1 uit XSLT programmers reference ) XSLT stylesheet kunnen op verschillende manieren ontworpen worden. Dit hoofdstuk onderscheid vier ontwerp patronen. Voor een goed gebruik van XSLT is het belangrijk twee van deze patronen goed te begrijpen: Fill-in-the-blanks stylesheets en Rule-Based Stylesheets. De paragraaf over Computational Stylesheets is zeer boeiend voor wie geïnteresseerd is in de theorie van programmeertalen. 17

20

21