Vaasan yliopiston toimintaa tukevat informaatiopalvelut ovat käytettävissä WWW:n kautta.



Samankaltaiset tiedostot
WWW-ohjelmoinnin kokonaisuus. WWW-OHJELMOINTI 1 Merkkauskielet. Merkkauskielten idea. Merkkauskielet (markup languages) Merkkauskielten merkitys

Sisältö. XML, XHTML ja CSS XML XML. XML:n ja HTML:n ero. XML kieliä XML XHTML CSS XSL. T Hypermediadokumentin laatiminen 2002

XML, XHTML ja CSS. T Hypermediadokumentin laatiminen. Mikko Pohja

XML / DTD / FOP -opas Internal

H T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki

Code Camp for Girls. Sanna Nygård. Lokakuussa

H T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki

XML johdatus: DTD. Jaana Holvikivi

6 XML-työkalut 1. 6 XML-työkalut

Johdatus XML teknologioihin

XML Technologies and Applications - harjoitustyö -

XML kielioppi. Elementtien ja attribuuttien määrittely. Ctl230: Luentokalvot Miro Lehtonen

HTML & CSS. HTML (HyperText Markup Language) Antti Koivisto. ! HTML on sivujen kuvauskieli.

XML-saatavuuskysely. XML-tiedoston kuvaus. versio

XML - perusteet. Ctl230: Luentokalvot Miro Lehtonen

2. PEHMEÄ XHTML XRAJAHTML

3 Verkkosaavutettavuuden tekniset perusteet

Tutkitaan sitten HTML-dokumenttien anatomiaa, jotta päästään käsiksi rakenteisten dokumenttien käsitteistöön esimerkkien kautta.

Digitaalisen median tekniikat. JSP ja XML Harri Laine 1

W3C-teknologiat ja yhteensopivuus

XML johdanto, uusimmat standardit ja kehitys

XML rakenteen suunnittelu. Jaana Holvikivi

Digitaalisen median tekniikat Harri Laine 1

M. Merikanto 2012 XML. Merkkauskieli, osa 2

SISÄLLYSLUETTELO 1 JOHDANTO META- JA MERKINTÄKIELI...2

TIEDEJUTTUKURSSI FM VILLE SALMINEN

Digitaalisen median tekniikat. JSP ja XML

Avoimet standardit ja asiakirjamuodot Suomen julkisessa hallinnossa: teoriasta käytäntöön

Extensible Stylesheet Language (XSL)

Proseduraalinen dokumentti: sisältö, rakenne ja ulkoasu yhdessä, esim. worddokumentti

Helsingin yliopisto Tietojenkäsittelytieteen laitos XML-metakieli (2011) Harri Laine 1. Jäsennys ja sarjallistaminen

XML & CSS. WWW-sovellus??

XML-merkkaus. Merkkidata, prosessointikomennot, kommentit

Entiteetit erotetaan muusta tekstistä & ja puolipiste. esim. copyright-merkki näkyy sivulla

Laajuus 5 op Luennot: 12 x 2t Harjoitukset: 7 viikkoharjoitusta harjoitusten tekemiseen saatavissa apua 2 ryhmää / harjoitus

13 Tiedostot, dokumentit, tieto (&h-media)

2 Rakenteisten dokumenttien perusteet

Helpottuuko sovellusten välinen integraatio XML:n avulla - kokemuksia ja ratkaisuja, teknologiajohtaja Sauli Tujunen, atbusiness Communications Oyj

1. Lähteet 2 2. Linkkejä 2 3. Tuntitehtävä Esipuhe Mikä ihmeen XML? Historiaa Välineet Hello World! 6 9.

Digitaalisen median tekniikat. Luento 3: CSS

9 XML perusteet

Rakenteiset dokumentit Mitä hyötyä niistä on?

SISÄLLYS. Johdanto JOHDATUS XML:n PARIIN 1.1 Extensible Markup Languge XML:n edut Mitä XML:llä tehdään? 3

XML-pohjaiset rakennemäärittelyt

Sivuston tiedotsiteoptimer.com

13 Tiedostot, dokumentit, tieto (&h-media)

Johdatus rakenteisiin dokumentteihin

CSE-A1200 Tietokannat

3 Verkkosaavutettavuuden tekniset perusteet

Kotisivuohjeet. Eteläpohjalaiset Kylät ry. Sivupohjien rakenne

Sivuston tiedotwindowsrepublic.com.au

Johdatusta selainohjelmointiin

XML prosessori. XML prosessointi. XML:n kirjoittaminen. Validoiva jäsennin. Tapahtumaohjattu käsittely. Tapahtumaohjattu käsittely.

6 DTD ja dokumentin tyyppimääritys

Tekstinkäsittelystä. H4: Tekstinkäsittelyn perusharjoitus. Toimisto ohjelmista


XHTML - harjoitus. Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa. Tiedoston tallennus notepad (muistio) ohjelmassa:

Luento 2: XML:n syntaksi

Rakenteiset dokumentit, kevät 2005

Luento 1: Johdanto merkintäkieliin

Kuvat. 1. Selaimien tunnistamat kuvatyypit

Markup languages and an introduction to XML

Hohde Consulting 2004

Yleistä. Dokumentin mallintaminen. Dokumentin analysointi. Desktop publishing vs. XML. Tietokantakaavion analysointi. Dokumentin osien analysointi

6 DTD ja dokumentin tyyppimääritys

CSS-kielen avulla määritellään HTML-dokumentin tyyli. CSS avulla voidaan tarkemmin määritellä eri elementtien ominaisuuksia.

Xetor Tietotekniikan sovellusprojekti

Tutkija Mikko Salmenperä. huone: sd109. TTY / Systeemitekniikan laitos. puh: mikko.salmenpera@tut.fi

Sivuston tiedotqbooksupportpho nenumber.com

in condition monitoring

Sähköisten dokumenttien hallinta: peruskäsitteet ja kuvausmenetelmät

DOCTYPE, DTD JA DOKUMENTIN METATIEDOT HTML- JA XHTML-DOKUMENTEISSA

Digitaalisen median tekniikat, s2007 HY/TKTL. Harri Laine 1. Kurssin sisällöstä. Digitaalisen median tekniikat. Kurssin sisällöstä

HTML perusteita (ei julkiseen jakeluun)

6 DTD ja dokumentin tyyppimääritys

HTML ja CSS. Tästä se lähtee: portfolio-sivusto. Sivuston pääkansio, jonka sisällä on kaikki sivustoon kuuluvat alikansiot ja tiedostot.

Rakenteisen oppimateriaalin tuottaminen verkossa esimerkki Rhaptos. Antti Auer Koordinaattori, HT Jyväskylän yliopisto Virtuaaliyliopistohanke

Ylläpitodokumentti. Aija. Helsinki Ohjelmistotuotantoprojekti HELSINGIN YLIOPISTO Tietojenkäsittelytieteen laitos

Verkkosivut perinteisesti. Tanja Välisalo

Sivuston tiedotqbsupportcustom erservice.com

Tiedon esitys tietokoneessa. Jyry Suvilehto T Johdatus tietoliikenteeseen ja multimediatekniikkaan kevät 2010

Sivuston tiedotgoogle.com

9.16 XSLT ja nimiavaruudet (1/3): literaali oletusnimiavaruus

Poikkeusinfo XML-rajapinnan kuvaus, rajapinnan versio 2 Seasam Group

Sivuston tiedotwixaccounting.com

Proseduraalinen dokumentti: sisältö, rakenne ja ulkoasu yhdessä, esim. worddokumentti

PHP:n alkeita ja taustaa. Markus Norrena

Tiedonlouhinta rakenteisista dokumenteista (seminaarityö)

7 DTD ja entiteetit: dokumentin fyysinen rakenne

5 Merkkaus: XML protokollana

XSL Formatting Objects

Sivuston tiedotwebstatinfo.com

HTML5 -elementit jatkuu

Ctl160 Tekstikorpusten tietojenkäsittely p.1/15

Rakenteiset dokumentit, kevät 2006

Helsingin yliopisto Tietojenkäsittelytieteen laitos XML-metakieli

XHTML aloitus. Sisällys

XML-dokumenttien koostaminen. Havaintoja opinto-opas -projektista

OPINNÄYTETYÖRAPORTTI WEB-STANDARDIT JA NIIDEN SOVELTAMINEN. Timo Sulanne Kimmo Tapala

Cascading Style Sheets

Transkriptio:

1. Julkaisutoiminnan peruskysymyksiä a) Mieti kohderyhmät b) Mieti palvelut c) Mieti palvelujen toteutus Vaasan yliopiston toimintaa tukevat informaatiopalvelut ovat käytettävissä WWW:n kautta. PALVELUKOKONAISUUDET: Opetuksen ja opintojen suunnittelu Tutkimustietojen hallinta ja julkaisu Ulkoinen ja sisäinen viestintä Tieteellinen julkaiseminen sivu 1

2. Palvelujen toteutus a) Tuotantovälineiden vanhentuminen ei saa vanhentaa informaatiota * digitaalinen tieto on joka tapauksessa koodattava, kyse on KOODAUSTAVAN valinnasta * tuotesidonnainen koodaus vs. standardiperustainen koodaus b) Webbijulkaiseminen ASIA- SISÄLTÖ ESITYS- MUODON KUVAUS SISÄLLÖN MERKKAUS kohderyhmät, palvelut CSS, XSL, (XLL) SGML, XML, HTML SGML, XML, HTML LUKIJA SELAIN TULKINTA CSS, XSL, (XLL) sivu 2

c) Rakenteinen julkaisujärjestelmä tietokanta <html> <title> <body> <p>abcde... tiedon syöttö 3. Mikä on SGML? SGML ei ole käyttöjärjestelmä, kuten Windows NT tai MacOs SGML ei ole tekstinkäsittelyohjelma, kuten MS Word SGML ei ole uusi sivuntaitto-ohjelma, kuten InDesign SGML ei ole edes tietokoneohjelma SGML:ää ei voi ostaa mistään! sivu 3

3.1. SGML-standardi (Standard Generalized Markup Language, ISO 8879:1986) a) Dokumentin leivontamalli KUVAUS ASIASISÄLTÖ ESITYSMUOTO analyysit + kokemus koemaistaja leivonnaiset resepti taikina pullapitko SGML DTD, Document Type Definition SGML DTD:n mukainen dokumenttiinstanssi, esim. HTML-sivu rusinapulla korvapuusti säilö SGML-dokumentin osat: a) SGML-deklaraatio (= keittiö) b) Dokumentin tyyppimäärittely (= resepti) c) Dokumentti-instanssi (= taikina) sivu 4

b) Esimerkki tosielämästä 1. Tee dokumenttianalyysi keittokirjan reseptistä CAROB MILK Yield: 2 servings Ingredients: 2 Tbs. roasted carob powder 2 Tbs. hot water 2 cups milk 2 tsp. vanilla 2 tsp. honey 1 ripe banana (optional) Directions: 1. Mix and dissolve carob powder in hot water being sure to smooth out all the lumps 2. Blend all ingredients in a blender until smooth. If banana is used, lessen the amount of honey since bananas are naturally sweet. 2. Tee analyysin tuloksesta kuva 3. Muuta analyysi SGML:n dokumentin tyyppimäärittelyksi (DTD) <!DOCTYPE resepti [ <!ELEMENT resepti - - (otsikko, annos, vaineet, vohje) > <!ELEMENT otsikko - - (#PCDATA) > <!ELEMENT annos - - (otsikko, lkm) > <!ELEMENT lkm - - (#PCDATA) > <!ELEMENT vaineet - - (otsikko, ainesosa+) > <!ELEMENT ainesosa - - (maara, yksikko, aine) > <!ELEMENT (maara, yksikko, aine) - - (#PCDATA) > <!ELEMENT vohje - - (otsikko, ohje+) > <!ELEMENT ohje - - (#PCDATA) > ]> sivu 5

4. Kirjoita dokumentti-instanssi tyyppimäärittelyn mukaan <resepti> <otsikko>carob MILK</otsikko> <annos><otsikko>yield:</otsikko><lkm>2 servings</lkm></annos> <vaineet><otsikko>ingredients:</otsikko> <ainesosa><maara>2</maara><yksikko>tbs.</yksikko><aine>roasted carob powder</aine></ainesosa> <ainesosa><maara>2</maara><yksikko>tbs.</yksikko><aine>hot water</aine></ainesosa> <ainesosa><maara>2</maara><yksikko>cups</yksikko><aine>milk</aine></ainesosa> <ainesosa><maara>2</maara><yksikko>tsp.</yksikko><aine>vanilla</aine></ainesosa > <ainesosa><maara>2</maara><yksikko>tsp.</yksikko><aine>honey</aine></ainesosa> <ainesosa><maara>1</maara><yksikko></yksikko><aine>ripe banana (optional)</aine></ainesosa> </vaineet> <vohje><otsikko>directions:</otsikko> <ohje>1. Mix and dissolve carob powder in hot water being sure to smooth out all the lumps</ohje> <ohje>2. Blend all ingredients in a blender until smooth. If banana is used, lessen the amount of honey since bananas are naturally sweet.</ohje> </vohje> </resepti> 5. Muotoile dokumentti-instanssi haluamaasi esitysmuotoon dokumentti-instanssin tunnisteet voidaan muuttaa HTML:ksi tai se voidaan saattaa painoversioksi esim. SGML:ää ymmärtävällä taitto-ohjelmalla sivu 6

4. XML, Extensible Markup Language a) XML-dokumentin osat prologi a) XML-deklaraatio b) dokumentin tyyppideklaraatio juurielementti dokumentti-instanssi (= elementit ja data) sekalaiset* b) XML:n erityispiirteet well-formed ja valid XML-dokumentti alku- ja lopputunnisteet merkattava uusi tyhjänelementin tunniste, esim. <br/> = <br></br> isot ja pienet kirjaimet merkitseviä tunnisteiden erotinmerkkeinä < ja > määritteiden arvot lainausmerkkeihin, esim. <img src= kuva1.gif alt= height= 10 width= 20 /> merkistönä Unicode c) Esimerkki validista XML-dokumentista <?xml version= 1.0?> <!DOCTYPE doc [ <!ELEMENT doc (p+) > <!ELEMENT p (#PCDATA) > <!ATTLIST doc author CDATA #IMPLIED > ]> <doc author= jpe@uwasa.fi > <p>this is a valid XML document.</p> </doc> sivu 7

d) Esimerkki kieliopillisesti oikeinmuotoillusta XML-dokumentista <doc>this is a well-formed XML document</doc> e) Miten XML-dokumentin esitysmuodon saa määriteltyä? * CSS, Cascading Style Sheets f) HTML muuttuu XML-pohjaiseksi: XHTML 1.0 5. Mistä lisätietoja? Charles F. Goldfarb's SGML SOURCE HOME PAGE, www.sgmlsource.com/ XML, www.w3.org/xml/ The SGML/XML Web Page by Robin Cover, www.oasis-open.org/cover/ XML Resource Guide: Category Listing, www.xml.com/pub/listrescat/ The Whirlwind Guide to SGML & XML Tools and Vendors by Steve Pepper, www.infotek.no/sgmltool/guide.htm SGML-teknologian siirto PK-yrityksiin, www.uwasa.fi/~sgmlesr/ SGML-käyttäjäkerho Suomessa, www.remtec.fi/sgmlugfi/ sivu 8