W3C & verkkojulkaisun standardit

Transkriptio

1 W3C & verkkojulkaisun standardit Ossi Nykänen Tampereen teknillinen yliopisto (TTY), Digitaalisen median instituutti (DMI), W3C Suomen toimisto

2 Esitelmä Hyvin lyhyt versio: World Wide Web Consortium (W3C) kehittää yhteensopivia teknologioita ja siten ohjaa Webin kehittymistä täyteen mittaansa Monipuolisen Web-teknologian kehitys- ja standardointityön kulmakivi on tekninen yhteensopivuus Verkkojulkaiseminen on tärkeä Web-standardien sovellus, joka yhdistelee useita W3C-työn osa-alueita Pidempi versio, otsikoita: W3C ja universaalit standardit Mitä standardeja Web oikein tarvitsee? XHTML-standardiperhe Viitteitä ja lisätietoja Esityksen tavoite: sijoittaa W3C ja verkkojulkaisemisen standardit maailmankartalle 2

3 W3C ja Universaalit Standardit

4 World Wide Web Consortium (W3C) W3C kehittää yhteensopivia teknologioita (spesifikaatioita, ohjeita ja ohjelmistoja) ja siten ohjaa Webin kehittymistä täyteen mittaansa...asettamalla teknisiä suosituksia (esim. XML-perhe) 3 päätstoa, 14 aluetstoa, n. 400 jäsenorganisaatiota Jäseneksi? ks. 4

5 W3C:n (nykyiset) toimialueet ja aktiviteetit (Ks. 5

6 W3C:n olemus ja tuotteet Vaikutusvaltainen foorumi Suositukset XML-perhe, XHTML-perhe, SVG, RDF, Semanttinen Web, Webpalvelut... Ohjelmistot Validaattorit, testiaineistot, open source,... Ohjeet ja yhteydet WAI, aluetoimistot,... Jäsenorganisaatiot 5 Is : Information, Image, Involvement, Influence, and Impact A B 6

7 Millaisia standardeja Web tarvitsee? Entä sen käyttäjät?

8 Tekninen perusta: Web-arkkitehtuuri Web tarvitsee tekniikkaa "kulissien taakse", erityisesti palvelinverkosto (ihmiskäyttäjät, ohjelmistoagentit) universaalit Web-nimet (esim. kotisivun osoite) tiedon kuvailukehyksiä (tekstiformaatit, tiedon mallinnus) Webin yleisarkkitehtuuri (Tekniikoita: HTTP, SOAP, URI/IRI, XML, RDF/OWL,...) 8

9 Sisältö: tiedostot, data ja vuorovaikutus Näkyvin osa Webiä muodostuu erilaisten tiedostoformaattien varaan, esim. hypertekstin kuvailukielet (kotisivut, lomakkeet, käyttöliittymät,...) eri mediatyyppien tiedostoformaatit (rasterikuvat, vektorikuvat, multimedia) Suunnitteluteknisistä syistä tarvitaan myös esim. SVG-kuva tyylikieliä (jotta sama verkkosisältö voidaan esittää eri tavoin) laiteriippumattoman suunnittelun menetelmiä (Web PC-verkko) Välineiden kehittyminen mahdollistaa nykyään myös puhekäyttöliittymät ja multimodaalisen vuorovaikutuksen (esim. kosketusnäyttö, jne.) (Tekniikoita: XHTML, XForms, PNG, SVG, CSS, SMIL, XSL, VoiceXML, EMMA, Speech,...) 9

10 Teknologia ja yhteiskunta, yhteisöt Tekniikka on aina osa jotain, niinpä tarvitaan myös teknisiä sopimuksia tiedon esityspohjan laajentamisesta ja tiedon yhdistelystä (Semanttinen Web) käyttäjien ja käyttöprofiilien kuvailutapoja yksityisyyttä ja tietoturvaa Merkittävä uusi teknologia on Semanttinen Web kuvailukehys Webissä julkaistavalle tiedolle niin että tietokonekin sen ymmärtää...tiedonhallinnan laadullinen kehittäminen Ohjelmistoagentti (Tekniikoita: RDF/OWL, P3P, CC/PP, XML Signature/Encryption,...) 10

11 Saavutettavuus (Web Accessibility Initiative, WAI) Saavutettavuustyö tähtää (verkko-) sovellusten käyttöä haittaavien esteiden poistamiseen hyödyttää ns. erityisryhmien ohella kaikkia käyttäjiä Saavutettavuus ja laiteriippumattomuus ovat samantyyppisiä tavoitteita tiedon esitystapa ja vuorovaikutusmekanismi valitaan todellisen kohdeyleisön (ja -laitteiston) mukaan sovelluksista karsitaan pois piirteet, jotka sisältävät tarpeettomia oletuksia esim. käyttäjien aistien toimivuuden suhteen (esim. vain kuviin perustuvaa tiedon esitystapaa pyritään välttämään) Saavutettavuuden osa-alueita: verkkosisältö, sisällöntuotantovälineet, käyttäjäagentit,... (Tekniikoita: WCAG, ATAG, UAAG, PF,...) 11

12 Yleiskatsaus Web-teknologioihin 12

13 XHTMLstandardiperhe

14 Extensible Hypertext Markup Language, XHTML Verkkosivujen kuvailukieli HTML on kulkenut pitkän tien (1.0), 2.0, 3.2, 4.0, 4.01, XHTML (2000),... Nykyinen XHTML on kuvaileva, XML-perustainen merkkauskieli modulaarinen ja laajennettavissa...joka liimakielen tavoin yhdistelee eri teknologioita tyylit tapahtumankäsittelijät ja skriptit upotetut objektit (sovelmat, plugin-toteutukset,...) lomakkeet Sovelluksia: verkkosivut, käyttöliittymät, dokumentaatio, pelit, mobiililaitteet, digittv,... 14

15 Keskeiset XHTML-spesifikaatiot XHTML 1.0 HTML-sanasto (esim. body, h1, title, a, b, object, map) kolme tyyppimäärittelyä (Strict, Transitional, Frameset) Modularization of XHTML laajahkon XHTML 1.0 -sanaston pilkkominen osiin moduulit (Core [Structure, Text, Hypertext, List], Applet, Text Extensions [...],...) XHTML Module-Based XHTML XHTML 1.0 Strict moduulijaon mukaisesti esitettynä teknisiä eroja: lang xml:lang, name id, ruby XHTML Basic "pienin yhteinen XHTML-ydin" soveltuu esim. pienlaitteiden ja digitv:n tarpeisiin 15

16 Esimerkki moduulijaosta, XHTML Basic Huomioita: - ei formatoivaa merkkausta (ei esim. b-elementtiä) - ei skriptejä tms. - ks. ns. host-kielen piirteet 16

17 XHTML-kielen kehitys XHTML 2.0 on jo työn alla "XML-mäisempi" (ei täysin alaspäin yhteensopiva) perustana XHTML 1.1-tyyppinen moduulijako (uusia: XForms, XML Events, Ruby) "sellainen kuin HTML-kielen pitäisi olla" (kuvaileva rakenne, laiteriippumattomuus, modulaarisuus,...) "yleiskäyttöinen" 17

18 XHTML 2.0 -moduulit (vasta luonnos!) Huomioita: - yleistyksiä, esim. img object - jos XHTML Basic on tuttu, ei XHTML 2.0 tuota vaikeuksia + lisäksi: Ruby Annotation, XML Events, XForms 18

19 Lopuksi

20 Yhteenveto W3C standardoi ja asettaa Webin perusteknologioita, jotka osaltaan määrittelevät myös verkkojulkaisemisen tekniset puitteet universaalin Webin määräävä tekninen reunaehto on yhteensopivuus standardeja tarvitaan paitsi verkkosivujen kuvailun, myös teknisen infrastruktuurin yhteensopivuuden varmistamiseksi W3C kehittää myös "muuta" Web-teknologioihin liittyvää, erityisesti hajautettujen ohjelmistojen rajapintoja, Semanttista Webiä ja Webin saavutettavuusohjeistusta Verkkosivujen kuvailukieli HTML yhdistelee lukuisia eri Web-teknologioita nykyinen HTML-suositus on modulaarinen (ja profiloitavissa oleva) XHTML 1, XHTML 2 on jo työn alla 20

21 Kiitos! Jäikö joku W3C-asia mietityttämään? Allekirjoittaneen tavoittaa helposti: The bane of my existence is doing things that I know the computer could do for me." -- Dan Connolly, The XML Revolution 21

22 Liite 1: lisätietoja ja osoitteita eteenpäin W3C (kotisivu) (W3C Suomen toimiston kotisivu) W3C-aktiviteetit (yleiskuva) W3C:n suositukset ja raportit sekä teknistä tietoa (kaikki spesifikaatiot) (yleisesityksiä suomeksi) (Websaavutettavuuden 1-2-3) (WWW-sivujen rakenteen tarkistustyökalu) Jäseneksi!

23 Liite 2: Saavutettavan verkkosivun resepti Tarjoa samansisältöinen vaihtoehto ääni- ja kuvaperustaiselle tiedolle. Älä luota yksin värien käyttöön. Käytä merkkaus- ja tyylikieliä ja käytä niitä oikein. Koodaa tekstin luonnollinen kieli selvästi (tekniseen otsikkoon). Käytä taulukoita siten että ne voidaan esittää eri tavoin ja eri välineillä. Varmista että uusia teknologioita hyödyntävät sivut toimivat hyvin myös vanhemmilla asiakasohjelmilla. Varmista että käyttäjä voi hallita sovelluksen aikariippuvia osia. Varmista sulautettujen tai upotettujen käyttöliittymäosien suora saavutettavuus. Suunnittele laiteriippumattomasti. Käytä ratkaisuja jotka toimivat myös tällä hetkellä (tarvittaessa väliaikaisia ratkaisuja) Käytä W3C-teknologioita ja ohjeita. Pidä käyttäjä jatkuvasti selvillä asiayhteydestä ja sijainnista sovelluksessa. Tarjoa selkeä navigointimekanismi. Varmista että dokumentit ovat selkeitä ja yksinkertaisia. 23