W3C & verkkojulkaisun standardit



Samankaltaiset tiedostot
W3C ja Web-teknologiat

W3C: teknologia ja (tieto)yhteiskunta

W3C ja Web-teknologiat

W3C ja Web-teknologiat

W3C ja alueellinen standardointi

W3C-teknologiat ja yhteensopivuus

XML johdanto, uusimmat standardit ja kehitys

Verkkopalveluiden saavutettavuus

Paikkatiedot ja Web-standardit

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

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

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

3 Verkkosaavutettavuuden tekniset perusteet

XML-evoluutio ja kestävä kehitys

XML - mahdollisuudet ja kehitys

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

Avoimet standardit ja arkistointi

XML ja Web Services update

W3C, Web-teknologiat ja XML

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

XML, standardointi ja kehitys

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

3 Verkkosaavutettavuuden tekniset perusteet

Heikki Helin Metatiedot ja tiedostomuodot

4 Verkkosisällön saavutettavuus

Dokumenttien tietosisällön hallinta

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

W3C, Web-teknologiat ja Semanttinen Web

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

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

Web sovelluksen kehittäminen sähkönjakeluverkon suojareleisiin

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

XML-pohjaisten standardien kehitystyö W3C:ssä: poimintoja tulevasta

10 Nykyaikainen WWW-arkkitehtuuri

Semanttinen Web ja Webteknologiat

Mitä direktiivi käytännössä velvoittaa?

Semanttinen Web ja XMLlinkitys

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

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

2. PEHMEÄ XHTML XRAJAHTML

Metatiedot organisaatioiden sisällönhallinnassa

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

Saavutettavuus > Tapio Haanperä Saavutettavuusasiantuntija tel

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

Luento 10: XML WWW:ssä

Johdatus XML teknologioihin

Luento 12: XML ja metatieto

Saavutettavat verkkosivut Miten ne tehdään?

Vaatimusmäärittely Ohjelma-ajanvälitys komponentti

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

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

Digitaalisen median tekniikat. JSP ja XML Harri Laine 1

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

Digitaalisen median tekniikat. Esteettömyys ja käytettävyys

Digitaalisen median tekniikat. Esteettömyys ja käytettävyys Harri Laine 1

Avoin tieto ja World Wide Web tietoyhteiskunnan palveluksessa. Open Data and the World Wide Web in Service for the Informaton Society

Muutama sana saavutettavuudesta Virpi Jylhä, Näkövammaisten liitto ry

Järjestelmäarkkitehtuuri (TK081702) Web Services. Web Services

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

Saavutettavuutta arvioimassa tapaus Avustajaportti

XML-pohjaiset rakennemäärittelyt

Digitaalisen median tekniikat. JSP ja XML

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

IT-OSAAJA, TIETOJENKÄSITTELYN ERIKOISTUMISOPINNOT

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

Verkkosivut perinteisesti. Tanja Välisalo

Laki digitaalisten palvelujen tarjoamisesta Digitaalisten palvelujen saavutettavuus Koulutus tiedottajille ja verkkotoimittajille, HAUS

7 Saavutettavuus ja välineet

Saavutettavuuswebinaari

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

DAISY. Esteetöntä julkaisua

Tieto- ja viestintätekniikka. Internetistä toimiva työväline, 1 ov (YV10TV2) (HUOM! Ei datanomeille)

Rakenteisten dokumenttien jatkokurssi, syksy 2006

Johdatus rakenteisiin dokumentteihin

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

Digi arkeen -neuvottelukunnan kokous: saavutettavuusdirektiivi ja siihen liittyvä kansallinen lainsäädäntö Kommenttipuheenvuoro, Sami Älli

Johdatusta selainohjelmointiin

Ohjeita informaation saavutettavuuteen

Digitaalisen median tekniikat Harri Laine 1

TIEDEJUTTUKURSSI FM VILLE SALMINEN

Hohde Consulting 2004

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

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

Käyttöliittymä ja tuotantokäsikirjoitus. Heini Puuska

4.13 WAI-ohjeiden mukainen verkkosisältö, ilmoittaminen

Teknillinen korkeakoulu T Tietojenkäsittelyopin ohjelmatyö. Testitapaukset - Xlet

DXL Library ja DXL-kielen olemus. Pekka Mäkinen SoftQA Oy http/

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

Uloskirjautuminen Shibbolethissa

W3C, XML ja sovellukset

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

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

TYPO3 - Open Source Enterprise CMS

Mikä on semanttinen web?

Digitaalisen median tekniikat Luento 1: Intro

ELM GROUP 04. Teemu Laakso Henrik Talarmo

Saavutettavuus, syksy 2008

AJAX-konsepti AJAX. Asynkronisuus. Nykyisten web-ohjelmien ongelmia. Asynchronous JavaScript And XML

T Multimediatekniikka

Yhteensopiva ja stabiili. Käsitteellistää suunnittelun. Parempi kuin koskaan aiemmin. Yksityiskohtien tarkka kuvaus. Saumaton kommunikaatio

Transkriptio:

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

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

W3C ja Universaalit Standardit

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. http://www.w3c.tut.fi/joining.html 4

W3C:n (nykyiset) toimialueet ja aktiviteetit (Ks. http://www.w3.org/consortium/activities) 5

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

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

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

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

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

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

Yleiskatsaus Web-teknologioihin 12

XHTMLstandardiperhe

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

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 1.1 - 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

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

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

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

Lopuksi

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

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

Liite 1: lisätietoja ja osoitteita eteenpäin W3C http://www.w3.org/ (kotisivu) http://www.w3c.tut.fi/ (W3C Suomen toimiston kotisivu) W3C-aktiviteetit http://www.w3.org/consortium/activities (yleiskuva) W3C:n suositukset ja raportit sekä teknistä tietoa http://www.w3c.org/tr/ (kaikki spesifikaatiot) http://www.w3c.tut.fi/report-archive.html (yleisesityksiä suomeksi) http://www.w3c.tut.fi/reports/2003/0508wai-intro/index.html (Websaavutettavuuden 1-2-3) http://validator.w3.org (WWW-sivujen rakenteen tarkistustyökalu) Jäseneksi! http://www.w3.org/consortium/prospectus http://www.w3c.tut.fi/joining.html 22

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