3 Verkkosaavutettavuuden tekniset perusteet

Samankaltaiset tiedostot
3 Verkkosaavutettavuuden tekniset perusteet

XML johdanto, uusimmat standardit ja kehitys

W3C-teknologiat ja yhteensopivuus

W3C ja alueellinen standardointi

2. PEHMEÄ XHTML XRAJAHTML

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

W3C & verkkojulkaisun standardit

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

Verkkosaavutettavuuden tekniset perusteet. 3.1 Välisoitto

Paikkatiedot ja Web-standardit

W3C: teknologia ja (tieto)yhteiskunta

3 Verkkosaavutettavuuden tekniset perusteet

Semanttinen Web. Ossi Nykänen. Tampereen teknillinen yliopisto (TTY), Digitaalisen median instituutti (DMI), Hypermedialaboratorio W3C Suomen toimisto

XML-pohjaiset rakennemäärittelyt

W3C ja Web-teknologiat

2.17 Esimerkki järkevän relaatiotietokannan rakenteesta

Verkkopalveluiden saavutettavuus

Semanttinen Web. Ossi Nykänen Tampereen teknillinen yliopisto (TTY), DMI / Hypermedialaboratorio W3C Suomen toimisto

3 XHTML-dokumenttien anatomia

Verkkosisällön saavutettavuusohjeet 2.0: hyviä ohjeita monimuotoisen sisällön suunnitteluun ja arviointiin

Johdatus rakenteisiin dokumentteihin

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

W3C ja Web-teknologiat

W3C, Web-teknologiat ja XML

Avoimet standardit ja arkistointi

W3C ja Web-teknologiat

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

XML standardeja. nimiavaruudet, namespaces XHTML XML Schema linkitys Jaana Holvikivi 1

10 Nykyaikainen WWW-arkkitehtuuri

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

XML-evoluutio ja kestävä kehitys

Heikki Helin Metatiedot ja tiedostomuodot

Rakenteisten dokumenttien jatkokurssi, syksy 2006

3.11 HTML-dokumentin ulkoasu?

XML, standardointi ja kehitys

P e d a c o d e ohjelmointikoulutus verkossa

Semanttinen Web. Ossi Nykänen. Tampereen teknillinen yliopisto (TTY), Digitaalisen median instituutti (DMI), W3C Suomen toimisto

Luento 12: XML ja metatieto

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

Digitaalisen median tekniikat. JSP ja XML Harri Laine 1

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

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

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

XHTML aloitus. Sisällys

Digitaalisen median tekniikat xhtml

05/09/2007. Digitaalisen median tekniikat, s2007 HY/TKTL, XHTML osa 1. Harri Laine 1. XHTML-merkkauskieli. Digitaalisen median tekniikat xhtml

05/09/2007. Digitaalisen median tekniikat, s2007 HY/TKTL, XHTML osa 1. Harri Laine 1. XHTML-merkkauskieli. Digitaalisen median tekniikat xhtml

Eero Hyvönen. Semanttinen web. Linkitetyn avoimen datan käsikirja

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

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

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

Digitaalisen median tekniikat. JSP ja XML

XML ja Web Services update

Digitaalisen median tekniikat xhtml Harri Laine 1

Digitaalisen median tekniikat xhtml

Johdatus XML teknologioihin

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

XML - mahdollisuudet ja kehitys

Luento 1: Johdanto merkintäkieliin

Sosiaalihuollon asiakasasiakirjojen standardointi

3.27 "Tuotantoesimerkkien" rakenne ja viittaukset (1/2)

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

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

VERKKOSOVELLUSTEN OHJELMOINTI, JOHDATUS PHP:HEN

4 Johdanto XML-maailmaan

2 Rakenteisten dokumenttien perusteet

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

StanForD-XML. Juha-Antti Sorsa, Tapio Räsänen, Vesa Imponen

T Hypermediadokumentin laatiminen. Sisältö. Tavoitteet. Mitä on www-ohjelmointi? Arkkitehtuuri (yleisesti) Interaktiivisuuden keinot

Luento 10: XML WWW:ssä

Hohde Consulting 2004

M. Merikanto 2012 XML. Merkkauskieli, osa 2

Digitaalisen median tekniikat Harri Laine 1

2 Rakenteisten dokumenttien perusteet

TIEDEJUTTUKURSSI FM VILLE SALMINEN

Mikä on semanttinen web?

Rakenteiset dokumentit, kevät 2006

Code Camp for Girls. Sanna Nygård. Lokakuussa

Seitsemän syytä semanttiseen webiin. Eero Hyvönen Aalto-yliopisto ja HY Semanttisen laskennan tutkimusryhmä (SeCo)

XML Technologies and Applications - harjoitustyö -

XPages käyttö ja edut Jarkko Pietikäinen toimitusjohtaja, Netwell Oy

3 Sivupolku: metaforat & selittäminen

7 DTD ja entiteetit: dokumentin fyysinen rakenne

JHS-järjestelmä ja yhteentoimivuus

Johdatusta selainohjelmointiin

Pedacode Pikaopas. Web-sovelluksen luominen

W3C, XML ja tietojenkäsittely: Ihmisen ja tietokoneen yhteinen ymmärrys suoritettavasta tehtävästä ja XML-standardien merkitys tietosysteemeissä (MH)

Web sovelluksen kehittäminen sähkönjakeluverkon suojareleisiin

Luento 13: XML langattomissa päätelaitteissa

Luento 1. Jouni Ikonen - Jouni.Ikonen lut.fi

Neoxen Systems on suomalainen ohjelmistotalo. Olemme erikoistuneet tiedon- ja oppimisen hallinnan ratkaisuihin.

XML - perusteet. Ctl230: Luentokalvot Miro Lehtonen

The OWL-S are not what they seem

IT-OSAAJA, TIETOJENKÄSITTELYN ERIKOISTUMISOPINNOT

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

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

11 Hypermediajärjestelmistä

Alkuraportti. LAPPEENRANNAN TEKNILLINEN YLIOPISTO TIETOJENKÄSITTELYN LAITOS Ti Kandidaatintyö ja seminaari

3 HTML 4 pintaa syvemmältä

Transkriptio:

3 Verkkosaavutettavuuden tekniset perusteet Saavutettavuuden toteuttaminen edellyttää lähtökohtaisesti tietoa laitteista ja sovelluksista, käyttäjistä ja käyttötavoista, sekä tekniikasta. Tekniikasta on hyvä lähteä nyt liikkeelle. Web-teknologioiden yleiskuva ja standardointi Sisällön kuvauskielten tekniikan ideoita (XML-tekstiformaatit) (X)HTML ja CSS Muita XML-tekstiformaatteja: SVG ja SMIL 34

3.1 Tekniikka, ohjeet ja standardointi, peruskysymyksiä Tietotekniikasta kirjoitetaan "teknisiä määrityksiä", saavutettavuutta "ohjeistetaan" miksi? Koska... - toimiva tietotekninen standardi jättää paljon liikkumavaraa soveltamiseen - esim. asiakirjan sisällön liian tiukka standardointi koetaan yleensä luovuutta rajoittavaksi tekijäksi Miksi standardeista kannattaa puhua? Koska... - standardiin tukeutuminen tuo muassaan olemassa olevia sovelluksia ja välineitä - standardointi tarjoaa taloudellisesti järkevän tavan kehittää sovelluksia 35

3.2 World Wide Webin (WWW) tekninen yhteensopivuus Perusidea: Web nimeää ja välittää resursseja joiden esitystapa voidaan tarvittaessa valitaan päätelaitteen tms. mukaan - nimi (verkko-osoite), resurssi (entiteetti, "thing"), esitystapa Yhtenäinen nimeämiskäytäntö URI ja tiedonsiirtoprotokollat (HTTP) asettavat yhteensopivan Webin teknisen perustan - Uniform Resource Identifier - Hypertext Transport Protocol "Arkikielessä" resurssi ja sen esitystapa usein samaistetaan (kaikilla resursseilla ei esitystä) Kuva: W3C/TAG 2004 36

3.3 Tiedon esitystavan yhteensopivuus Web välittää dokumentteja jotka voivat koostua useasta tiedostosta - (tarkemmin: Web välittää yksittäisiä tiedostoja, yhteen loogisesti kuuluvia tiedostoja ja/tai entiteettejä, "XML-fragmentteja" [range]) Sisällön näkökulmasta keskeistä on tiedon käytön semantiikasta sopiminen; tekniikan näkökulmasta erilaisista tietorakenteista sopiminen Koska tekninen standardointi tähtää mahdollisimman laajaan sovellettavuuteen, pitää esim. sovellusten saavutettavuus käytännössä ohjeistaa erikseen Webin Perusinfrastruktuuri on käsitteellisesti erittäin yksinkertainen! - dokumenttien koostaminen, yhteyden tilan käsite, tietoturva, versiointi, yms. hoidetaan sovellusten tasolla 37

3.4 Standardoinnin tasot, luonnehdinta Toimiva Webstandardointi koostuu eritasoisesta työstä Kärjistäen, standardointia tapahtuu nykyisellään neljällä eri tasolla 38

3.5 Webin standardipinon yleisrakenne Saavutettavuus sovellusten sanastot yms. merkkausk. yms. Tiedonsiirto 39

3.6 Pari sanaa XML:n ideoista Webin merkkauskielten melko yhtenäinen tekninen perusta helpottaa - eri sovellusten teknistä ja semanttista yhdistämistä, - Web-sovellusten opiskelua sekä - välineiden ohjelmointia (siirrettävyys). Sisällöllisesti keskeinen standardoinnin muoto ovat eri sovelluksiin tarkoitetut merkkauskielet Extensible Markup Language eli XML tarjoaa perustan eri sovelluksiin kehitettävien merkkauskielten tekniikalle - yhtenäinen merkistö ja merkkauskielioppi (<e a="v"><!-- elem. --></e>) - sovelluskohtaiset XML-tekstiformaatit ja näihin liittyvät sanastot 40

3.7 Esimerkki: XHTML-dokumentti XHTML-dokumentti on XML-dokumentti joka rakenteellisesti noudattaa tiettyä dokumentin tyyppimääritystä (DTD) <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>virtual Library</title> </head> <body> <p>check <a href="http://example.org/">example.org</a>.</p> </body> </html> <!-- Mod. --> XML "näkyy läpi" XHTML-sanaston pohjalla: fyysinen ja looginen rakenne (tiedosto ja elementit), kommentit yms., nimiavaruuden käsite, jne. XHTML-dokumentin kirjoittajan ei tarvitse tietää "kaikkea" XML:stä 41

3.8 Hypertext Markup Language, HTML HTML on tarkoitettu verkkosivujen sisällön kuvailemiseen, tehtävä on: - sisällön loogisen rakenteen kuvailu (ulkoasu on sovelluksen heiniä) Useita suosituksia (ks. http://www.w3.org/markup/): - vanhat HTML-versiot (2.0, 3.2) ja HTML 4.01 - XHTML-perhe - XHTML 1.0 The Extensible HyperText Markup Language (Second Edition) (Kolme versiota: Strict - Transitional - Frameset) - Modularization of XHTML - XHTML 1.1 - Module-based XHTML - XHTML Basic - Suositus "XHTML 2.0" kehitteillä Huom! (X)HTML on "vain julkaisuformaatti" ja hyvin rajoittunut sellainen 42

3.9 XHTML Basic, se pieni & järkevä XHTML-sanasto XHTML Basic määrittelee HTML:n kuvailevan ytimen Rajaus ja moduulijako on hyödyllinen, vaikkei kirjoittaisi varsinaisesti XHTML Basic - dokumentteja Jatkossa XHTML kehittynee entistä selvemmin juuri moduulien suuntaan - yhdisteltävyys ja profilointi - XML-tekniikoiden hyödyntäminen 43

3.10 Tärkeää: dokumenttien ja tiedon korrekti rakenne Koska tietokoneet eivät ymmärrä sisältöjä, niiden käsittelemien tietorakenteiden tulee olla rakenteeltaan täsmälleen määriteltyjä (X)HTML-dokumentin validoimisella tarkoitetaan testiä jossa valitun dokumentin rakenteen oikeellisuus selvitetään vertaamalla sitä (X)HTMLdokumentin tyyppimäärittelyyn ("malli tai muotti") Huom #1. Validius ei takaa että - dokumentti olisi sisällöllisesti mielekäs, tai että - dokumentti olisi saavutettava...koska dokumenttien rakenteella ja esim. tekstisisällöllä (merkkidata) on validiuden puitteissa varsin runsaasti liikkumavaraa (esim. kieli) Dokumentin tietojen järkevyys on siis tarkistettava muuten - Huom. #2 validointi on abstrakti XML-prosessi sopiva sovellusta ymmärtävä apuohjelma voi kuitenkin tukea myös sisällön tarkastamista 44