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

Slides:



Advertisements
Verwante presentaties
SQL deel 2: datamodel ontwerp
Advertisements

Document reviews Sonja de Bruin 24 jan 2010 Kwaliteitsmanagement.
Educational model for assessment
Presentatie kennisoverleg HTML 5. Waarom HTML 5? • Veel van onze informatie is opgeslagen in HTML… • 95% van de HTML is syntactisch incorrect…
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
(c) Marc de Graauw Presentatie XML Marc de Graauw 2 maart 2000.
Metadata proces april 2009 train de trainers. Waar in het werkproces metadata Binnen de organisatie zal afgesproken moeten worden van welke data er metadata.
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
XML in de praktijk Instituut voor Interactieve media.
HALLO OPLETTEN : Waarom sql DOEN : Introductie opdracht
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Het selecteren van data uit meerdere gekoppelde tabellen
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
HTML Les 1: Introductie HTML
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Crashcursus HTML en CSS 2013
ontwerp een datamodel Criteria voor een goed model Ontwerppatronen
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
User Centred Development UCD Werkcollege blok 1 week 5.
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Download en installeer de gereedschappen
Download en installeer de gereedschappen
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
SQL & datamodelleren.
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
ontwerp een datamodel Criteria voor een goed model Ontwerppatronen
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
EXtensible Markup Language Theorie 1 © Jan De Cooman
HALLO OPLETTEN : Waarom sql DOEN : Introductie opdracht
Vorige week: Referentiele integriteit
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Webmaster Training: CSS CSS2 & XHTML By Frederik Van Outryve.
1 OMI Technisch ontwerp. 2 Technisch ontwerp ‘content’ Veel breder dan business portals (Carlson) Verschillende aspecten / aandachtspunten:
Presentatie Studiemiddag Indexen en Nadere Toegangen Ralph Stuyver, Projectmanager 4 maart 2010.
Joost van Dijk Web Technology
ELIS – Multimedia Lab Multimedia academiejaar 2006–2007 Practicum 4: XML - basisconcepten 30 maart 2007 Chris Poppe Multimedia Lab vakgroep Elektronica.
WEBBUILDING 07/03/2005 Saartje De Geyter.
Deel XXI 1 Internetapplicaties Internetprogrammeren Capita Selecta.
XML en het gebruik ervan in de DMFA
Webtechnologie 1 labo Dieter Roobrouck Kristel Balcaen Claudia Eeckhout Koen De Weggheleire Frederik Duchi An Deraedt 1 Les 1: Inleiding xHTML.
Webtechnologie 1 labo Dieter Roobrouck Kristel Balcaen Claudia Eeckhout Koen De Weggheleire Frederik Duchi An Deraedt 1 Les 10: XML basics.
Les 12: DTD.
Overheid heeft Antwoord © Juriconnect 2008 Standaardisatie binnen overheidsinformatie Dick van den Berg Projectleider BWB Overheid heeft Antwoord ©
PADS4 maakt het eenvoudig om informatie te verspreiden naar een specifiek publiek op de juiste plaats en het juiste moment PADS4 is een professionele oplossing.
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
HTML De basis-elementen.
Internet Standaarden WG5 “ Examinations are formidable even to the best prepared, for the greatest fool may ask more than the wisest man can answer. ”
Presentatie XML Door Marick Manrho. Presentatie Inhoud Wat is XML? De opbouw van XML Wat is XSL? De opbouw van XSL Toepassing RSS.
Advanced Business Information Solutions Software voor webdesign.
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Les 6 Toetsbespreking Introductie eindopdracht. toets  Download goede antwoorden en vergelijk met je eigen score.  Cijfer < 5.5 = herkansing week 4.
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
TEI tutorial Library Lab Sessie 2 (24 november 2014) Ron Van den Branden en Bert Van Raemdonck Centrum voor Teksteditie en Bronnenstudie (CTB)
Analyse 3 INFANL01-3 week 2 CMI Informatica.
96% PDF van de documenten op websites van overheden is
Inhoud: Terugkomdag Wie heeft wat gemaakt? Tips?
Hoe maak je een pagina voor een website?
HTML5 introductie.
Transcript van de presentatie:

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese Les 3 : documentontwerp een XML schema voor specifieke doeleinden

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese Wat is XML?  een standaard manier om markup-talen te definieren. OPEN STANDAARDEN  Enkele voorbeelden van open standaarden die gebaseerd zijn op XML  (X)HTML  MathML  SOAP  IMS QTI  OpenDocument

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 de basics van “wellformed XML”  Bouwstenen:  Element  Attribuut  Tekst ( karakters, witruimte, entiteiten )  XMLdata vormt een boomstructuur  Parser analyseert de tekst volgens de XML grammatica  Well-formed XML voldoet aan strenge regels van W3C

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese Valide XML  Een XML bestand dat voldoet aan een specifiek ‘xml schema’  XML schema: definieert een specifieke taal die gebruik maakt van XML formaat  XHTML  RSS  VUML  OOXML/ODF

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese documentontwerp  Scheiding van inhoud en presentatie  XML document bevat gestructureerde inhoud zonder presentatie  Vgl: semantische (X)HMTL XML gaat nog een stap verder:  i.p.v. html-elementen een class-attribuut te geven, bedenken we element-namen met meer betekenis  XML kan worden gepresenteerd met een stylesheet ( CSS of XSLT )

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese oefeningen  Oefening 1:  Ontwerp een XML schema voor bankafschrift  Rekeninginformatie, mutaties  Oefening 2:  Ontwerp zelf een XML schema voor de boekrecensies van het parool.   Oefening 3:  Ontwerp een XML schema voor een kookrecept.  Titel, aantal personen, bereidingstijd, Ingrediënten, benodigdheden, bereiding, …

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese Schema ontwerp  Analyseer de hierachische structuur  Geef namen aan element/attributen  Maak een voorbeeld met inhoud  Check je ontwerp  (goede_en_foute_ontwerppatronen.pdf)

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese ‘Goede’ XML wat is ‘goed’ XML documentontwerp.  Formeel: Well-formed XML  Inhoudelijk: bevat het alle relevante informatie  Stijl : ‘fouten’ en ‘keuzen’

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese Goede XML, algemene stijl ‘fouten’ Wel wellformed XML, maar toch niet effectief:  Non-xml Structuur in tekstelementen  Nummers in elementnamen  Te veel ‘inhoud’ in element- of attribuutnaam  Niet groeperen van elementen Bestudeer document ‘goed en foute ontwerppatronen’

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese DATA-Format vs DOCUMENT-Format DataFormat  Door machine te verwerken  Uitwisselen van data tussen applicaties ( interoperabiliteit )  Datatabellen  Bijv.: bankafschrift, adressenbestand DocumentFormat  Door mensen te lezen  Scheiding van vorm en inhoud  Teksten  Bijv.: filmrecensie, webpagina Mengvormen  Bijv.: kookrecept

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese Goede XML bevat en markeert alle benodigde informatie  Is sterk afhankelijk van het doel waarvoor je de documenten wilt gebruiken:  Moet het leesbaar zijn voor mensen  Moet het in een geautomatiseerd proces  Tot welk detailsniveau moeten alle informatieblokjes expliciet gemarkeerd worden? 3 kilo aardappelen

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese Goede XML stijl  Er zijn vele gelijkwaardige mogelijkheden om dezelfde informatie in een XML bestand te zetten.  Attributen of elementen  Hoe elementen te groeperen  Abstractie niveau’s  Belangrijk is:  Consistentie  Volledigheid  Eenvoud  ‘beschrijvende’ namen

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese Goede XML: stijl ‘keuze’ Attributen of elementen Groeperen Abstractieniveau Stijlkeuze afhankelijk van het soort XML  Data Format ( automatische verwerking )  Document Format (door mensen te lezen )

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese Goede XML: stijl ‘keuze’ DATA Format  Elementen:  Groeperen van elementen  Element of Attribuut Wees consequent: Altijd elementen of altijd attributen  Voordelen van attributen:  Weinig ruimte, makkelijk typen  Voordelen van elementen:  Gemakkelijke uitbreidbaar  Voorkeur van Fons  Elementen  Attributen voor ID en IDREF

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese Goede XML: stijl ‘keuze’ Document Format  Elementen  Groeperen van elementen  Elementen:  Tekst die de lezer moet lezen om het document te begrijpen.  Attributen:  Alles wat niet ‘noodzakelijk’ is om het document te begrijpen  Opmaakattributen ( align, color, … )  Stuurattributen ( href, onClick, … )  Metadata ( auteur, datum, … )  Id/idref ( id, idref, … )

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese XML documentontwerp-stijl Vervelend nadeel van XML:  Er zijn vele verschillende manieren om hetzelfde te doen.  Het is niet eenvoudig om de ‘juiste’ manier te vinden.

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 Een goede xml-editor  NotePad++ ( met XML-tools plugin )  XML SPY ( niet gratis )  Dreamweaver Eigenschappen goede editor:  Kleurcodering  Tags sluiten  Check well-formedness  Automatisch inspringen  Validatie

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese ‘well-formed’ versus ‘valide’ Twee belangrijke begrippen die je moet kennen.  Well-formed XML: voldoet aan de algemene regels van XML  Valide XML: voldoet aan specifieke regels voor een bepaalde documenttype, die zijn vastgelegd in een xml schema

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese Literatuur: Goed bestuderen:  Schema Uses and Development Lezen:  XML as Document Format  XML as Data Format

Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese Volgende week  XSLT stylesheet toepassen op XML bestand  Tutorial: