Luento 13: XML langattomissa päätelaitteissa



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

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

ARVO - verkkomateriaalien arviointiin

Hohde Consulting 2004

TIEDEJUTTUKURSSI FM VILLE SALMINEN

3 Verkkosaavutettavuuden tekniset perusteet

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

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

Luento 10: XML WWW:ssä

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

Kuvat. 1. Selaimien tunnistamat kuvatyypit

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

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

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

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

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

Luento 12: XML ja metatieto

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

WCAG 2.1 Uudet kriteerit

Verkkosivut perinteisesti. Tanja Välisalo

Digitaalisen median tekniikat. JSP ja XML Harri Laine 1

Digitaalisen median tekniikat. JSP ja XML

TIE Ohjelmistojen suunnittelu. Luento 2: protot sun muut

Sisällysluettelo. s.1(14) CRA Computer & Robot applications Oy. v.1.2 ESITTELY TOIMINNALLISUUS... CRA-TV HALLINTA-OHJELMA...

Kuva xhtml-sivulla. Mirja Jaakkola

media galleria tekstikirjasto näytönjako

Google-dokumentit. Opetusteknologiakeskus Mediamylly

ARVO - verkkomateriaalien arviointiin

Tavallisen videomainoksen sijasta Ruudussa voidaan mainostauolla esittää dynaamisia spotteja.

Googlen palvelut synkronoinnin apuna. Kampin palvelukeskus Jukka Hanhinen, Urho Karjalainen, Rene Tigerstedt, Pirjo Salo

Kurssin aloitus. AS XML-kuvauskielten perusteet Janne Kalliola

XML johdanto, uusimmat standardit ja kehitys

Moniviestin. Monimediaisen verkkosisällön tuotantojärjestelmä. Rikupekka Oksanen Jyväskylän yliopisto

Taustaa. CGI-ohjelmointi

Heikki Helin Metatiedot ja tiedostomuodot

Tekninen suunnitelma - StatbeatMOBILE

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

Tekninen suunnitelma - StatbeatMOBILE

Ohjeita luennoitsijoille AV-tekniikasta

Gimp JA MUUT KUVANKÄSITTELYOHJELMAT

HTML5 -elementit jatkuu

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

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

DNA MOBIILI TV - YLEISET KÄYTTÖOHJEET

Code Camp for Girls. Sanna Nygård. Lokakuussa

MOBISITE-TYÖKALUN SISÄLTÄMÄT TOIMINNOT

Tietokantasovellus (4 op) - Web-sovellukset ja niiden toteutus

Kylänetti projektin sivustojen käyttöohjeita Dokumentin versio 2.10 Historia : 1.0, 1.2, 1.6 Tero Liljamo / Deserthouse, päivitetty 25.8.

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

10 Nykyaikainen WWW-arkkitehtuuri

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

Mainonnanhallinta Käyttöopastus. Aineiston lisäys. Olli Erjanti Mediareaktori

SALITE.fi -Verkon pääkäyttäjän ohje

W3C-teknologiat ja yhteensopivuus

SeaMonkey pikaopas - 1

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

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

VIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE

Kahoot! Kirjautuminen palveluun. Sinikka Leivonen

Suomen Akatemian verkkoasioinnin käyttöohje toimikuntien ja muiden valmistelu- ja päätöksentekoelinten jäsenille

Pika-aloitusopas. Haku Voit etsiä sivustoja, henkilöitä tai tiedostoja. Sivuston tai uutisviestin luominen

Korkeakoulujen prosessipalvelin: mallintajan palvelinohje Versio 0.2

2. PEHMEÄ XHTML XRAJAHTML

HTML5 & CSS3 perusteet

VMU-C EM. Asennus ja käyttö

Juricon Nettisivu Joomlan käyttöohjeet

Luottamuksellinen sähköposti Trafissa

opiskelijan ohje - kirjautuminen

Ohjeita informaation saavutettavuuteen

Sivuston nopeus. (vanhentumista ei ole määritetty)

NTG CMS. Julkaisujärjestelm. rjestelmä

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

LoCCaM Riistakamerasovellus. Dimag Ky dimag.fi

Android ohjelmointi. Mobiiliohjelmointi 2-3T5245

Visma Fivaldi. Ohjeet Java web startin ja HTML5-työkalun aktivointiin

FullHD herätyskello-valvontakamera

INTERNETSELAIMEN ASETUKSET. Kuinka saan parhaan irti selaimesta

Vasteaika. Vasteaikaa koskeva ohje ei ole juuri muuttunut Robert B. Millerin vuonna 1968 pitämästä esityksestä:

Ensin klikkaa käynnistä-valikkoa ja sieltä Kaikki ohjelmat valikosta kaikki ohjelmat

Siirtoformaatit. Johdanto Sovellusalueet Vaatimukset Raita- ja oliomalli Reaaliaikainen tiedonsiirto Erilaiset siirtoformaatit Vertailu

Elisa Kirja. PDF e-kirjojen käsittelyohjeet

WWW-Sivustojen suunnittelu. Miten WWW toimii. Suunnittelun lähtökohdat

Kotisivu. Hakutoiminnon on oltava hyvin esillä lähes kaikilla kotisivuilla. Hakutoiminto on hyvä sijoittaa heti kotisivun yläosaan.

WWW-Sivustojen suunnittelu

DNA Prepaid WLAN Mokkula

Hittitoimiston Forte-kotisivujen päivitysohje

Mediaelementit. Mirja Jaakkola

ARVO - verkkomateriaalien arviointiin

Lisätehtävät. Frantic 2015 sivu 1

24h Admin V / 24h_Admin_v100.pdf 1/9

opiskelijan ohje - kirjautuminen

Sonera Viestintäpalvelu VIP VIP Laajennettu raportointi Ohje

Sisällysluettelo. 1 Yleistä Palautuslaatikosta Tarkastajan yhteenvetonäkymä Palautusten tallentaminen omalle koneelle...

MOODLE-OHJE: Liitetiedoston lisääminen ja päivittäminen

K U U L A L A A K E R I LUOTTAMUKSELLINEN 1(6)

Editorin käyttö. TaikaTapahtumat -käyttöohje

Luo mediaopas Tarinatallentimella

Pikaohjeita OneNote OPS:in käyttäjille

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Action Request System

Transkriptio:

Luento 13: XML langattomissa päätelaitteissa AS-0.110 XML-kuvauskielten perusteet Janne Kalliola XML ja langattomat teknologiat WAP Wireless Markup Language (WML) rakenne esimerkki WML:n ja HTML:n erot XHTML Mobile Profile (XHTML MP) XHTML Basic Multimedia Messaging Service (MMS) MMS-viestin kulku ja sisältö Synchronized Multimedia Integration Language (SMIL) dokumentin rakenne synkronointi MMS-viestin muokkaus puhelimen kykyjen mukaiseksi www.hohde.com Hohde Consulting 2004 2 1

WAP WAP:ssa XML:a käytetään kahdessa eri muodossa vanhemmat puhelimet ymmärtävät WML:lla (Wireless Markup Language) laadittuja dokumenttia kielellä on oma, sangen rajoittunut syntaksi muutkin tietotyypit on suunniteltu pelkästään WAPkäyttöön (kuvat, skriptit) uudemmat puhelimet pystyvät näyttämään WML:n lisäksi XHTML MP (Mobile Profile) -dokumentteja XHTML:n kaikkia ominaisuuksia ei ole välttämättä toteutettu muut tietotyypit ovat julkisia (GIF, JPEG, JavaScript) www.hohde.com Hohde Consulting 2004 3 WML WML on sangen yksinkertainen kieli WWW-tyylisen sisällön esittämiseen WAP-puhelimissa kieli sisältää hypertekstin perusprimitiivit: kappaleet taulukot linkit lomakkeet kuvat WML:n tuki on valitettavan vaihtelevaa valmistajien ja jopa mallien välillä WML-palvelut on suunniteltava kieli keskellä suuta lopputulos on varmistettava suurella joukolla puhelimia emulaattorit eivät välttämättä tuota samaa lopputulosta kuin itse puhelin www.hohde.com Hohde Consulting 2004 4 2

WML-sivun rakenne WML-sivu koostuu yhdestä tai useammasta kortista (card) puhelin näyttää kerrallaan yhden kortin tai osan siitä Kortti sisältää tekstiä, kuvia, linkkejä, taulukoita ja muita esitettäviä asioita kuvat ovat viittauksia kuvatiedostoihin, jotka ladataan erikseen Käyttäjä voi siirtyä kortilta toiselle viittaus kirjoitetaan "#kortin-nimi" vaikka näkymä vaihtuu, puhelin ei hae uutta tietoa tällainen siirtymä on nopea siirtymisen yhteydessä voidaan välittää tietoa kortilta toiselle pohjautuu WMLScript-toiminnallisuuteen www.hohde.com Hohde Consulting 2004 5 Esimerkki WML-sivusta <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/dtd/wml_1.1.xml"> <wml> <template> </template> <card id="c"> <do type="options" label="next"> <go method="get" href="2.wml"/> </do> <p>this is a test</p> </card> </wml> www.hohde.com Hohde Consulting 2004 6 3

WML:n ja HTML:n eroista WML muistuttaa päällisin puolin (X)HTML:a osa elementeistä on samoja (p, b, i) Tiettyjä eroavaisuuksiakin on korttiajattelu korteille yhteiset asiat määritellään elementillä <template> puhelimen valikoihin voidaan lisätä omia linkkejä elementti <do> linkkien rakentaminen on työläämpää parametrien välitys täytyy tehdä monimutkaisesti tapahtumamalli on erilainen WML tukee muuttujia merkitään $muuttuja www.hohde.com Hohde Consulting 2004 7 WML-sivun lataus Käyttäjän avatessa WAP-istunnon tai siirtyessä uudelle sivulle, puhelin tekee verkkoon pakatun HTTP-pyynnön pyyntö tehdään itse asiassa yhdyskäytävälle, WAP gatewaylle WAP gateway tekee pyynnön alkuperäiselle palvelimelle palvelin palauttaa pyynnön mukaisen WML-sivun WAP gateway pakkaa saadun WML-sivun ja lähettää sen puhelimelle elementit vaihdetaan binääriesitykseen WMLScriptit käännetään puhelin purkaa sivun ja näyttää sen käyttäjälle puhelin hakee sivun tarvitsemat muut oliot edellä mainitulla tavalla WAP gateway on pakollinen kommunikointi puhelimen ja WAP gatewayn välillä voi tapahtua usealla eri tavalla suojattu tai suojaamaton yhteydellinen tai yhteydetön www.hohde.com Hohde Consulting 2004 8 4

XHTML puhelimissa WML ei ottanut kunnolla tuulta alleen kieli on sangen rajoittunut ei yhteensopivuutta Internet-selainten kanssa Uudet WAP-puhelimet tukevat XHTML-kieltä osassa puhelimista tuki myös WML:lle tuen laajuus ja toteutus riippuu valmistajasta osalla WML on toteutettu erillisellä selaimella (tai komponentilla), toisissa selain pystyy esittämään sekä XHTMLettä WML-dokumentteja Samalla puhelimiin lisättiin tuki Internet-tietotyypeille CSS GIF, JPEG, PNG Tämä tuki tarvittiin myös MMS-viestintään www.hohde.com Hohde Consulting 2004 9 XHTML Basic XHTML Basic on DTD-määrittely, joka sisältää XHTML:n olennaisimmat ominaisuudet teksti kuvat yksinkertaistetut lomakkeet perustaulukot objektit Seuraavat ominaisuudet eivät ole mukana tyylisivut skriptit XHTML on suunniteltu laajennettavaksi kieleksi laajennukset rakennetaan yleensä XHTML Basicin päälle www.hohde.com Hohde Consulting 2004 10 5

XHTML Mobile Profile Puhelimissa käytetty XHTML noudattaa XHTML MP -määrittelyä tuki tyylisivuille laajennetut lomakkeet lisäelementtejä tekstin tyyleihin (b, big, hr, i, small) Kielellä on oma MIME-tyyppi application/vnd.wap.xhtml+xml Kieli ei sinällään eroa normaalista XHTML:sta selainten pitäisi pystyä näyttämään tiedostot ongelmaksi voi muodostua pelkästään WAP:ssa käytetyt tiedostomuodot www.hohde.com Hohde Consulting 2004 11 XHTML-sivun lataus Käyttäjän avatessa WAP-istunnon tai siirtyessä uudelle sivulle, puhelin tekee verkkoon normaalin HTTP-pyynnön palvelin vastaa XHTML-sivulla puhelin näyttää sivun käyttäjälle puhelin hakee sivun tarvitsemat muut oliot edellä mainitulla tavalla WAP gateway ei ole pakollinen osa operaattoreista pakottaa käyttäjät kulkemaan WAP gatewayn kautta laskutussyyt mahdollisuus käyttää Wireless TCP:ta kyse on tällöin normaalista HTTP-proxysta XHTML itsessään ei ymmärrä protokollasta www.hohde.com Hohde Consulting 2004 12 6

MMS Multimedia Messaging Service MMS on viestiformaatti, jolla puhelimeen voidaan lähettää tekstiä, kuvaa ja ääntä yhdistävä multimediaviesti MMS-viesti on yleensä SMIL-kielellä (Synchronized Multimedia Integration Language) kuvattu useista osista koostuva kokonaisuus SMIL kuvaa kuinka viesti näytetään viestin muut osat ovat normaaleja tiedostoja (GIF, JPEG, WAV, yms.) SMIL:n sijasta kuvauskielenä voidaan käyttää WML:a Yksi MMS-viesti sisältää yhden tai useampia sivuja sivut sisältävät tekstiä ja grafiikkaa käyttäjä voi siirtyä sivulta toiselle analogiana esimerkiksi PowerPoint-esitys Mikäli puhelin ei tue MMS-viestejä, viestin voi yleensä lukea operaattorin WWW-sivuilta se voidaan toimittaa myös sähköpostiin www.hohde.com Hohde Consulting 2004 14 7

MMS, viestin kulku MMS pohjautuu store-and-forward -tekniikkaan saapunut viesti talletetaan operaattorin MMS-keskukseen puhelimelle lähetetään ilmoitus uudesta viestistä (SMS-viesti) puhelin käynnistää WAP-yhteyden (CSD tai GPRS) viestin sisältö ladataan WAP-yhteyttä pitkin HTTP-pyyntö MMS-keskukseen viesti tallennetaan puhelimen muistiin viesti näytetään käyttäjälle MMS-keskus tarvitsee yleensä avukseen WAP gatewayn voi olla myös sisäänrakennettu MMS-keskus voi keskustella myös sähköpostipalvelimen kanssa viesti lähetetään tai vastaanotetaan sähköpostilla www.hohde.com Hohde Consulting 2004 15 MMS, viestin sisältö MMS-viesti koostuu otsikkotiedoista HTTP:n mukaiset otsikkotiedot viritetty tosin MMS:n tarpeisiin sisältötiedoista Sisältötiedoissa on esitystieto (SMIL) tekstit kuvat äänet videopätkät Yksinkertaisissa viesteissä saattaa olla pelkästään kuvatiedosto www.hohde.com Hohde Consulting 2004 16 8

SMIL Synchronized Multimedia Integration Language (SMIL) SMIL on W3:n suositus XML-pohjaiseksi multimedian esityskieleksi SMIL koostuu moduuleista moduulit määrittelevät tiettyyn aihealueeseen (ajastus, animaatio yms.) liittyvän toiminnallisuuden ja tarvittavat elementit SMIL-näyttöohjelma toteuttaa tietyn määrän moduuleja osa moduuleista muodostaa perustan perustavaa laatua olevat mediatuet yksinkertainen ajastus synkronointi SMIL-dokumentin nimiavaruus on http://www.w3.org/2001/smil20/ ja MIME-tyyppi application/smil www.hohde.com Hohde Consulting 2004 18 9

Mihin SMIL kykenee? SMIL:lla voidaan määrittää käytetyn piirtoalueen koko asemoida graafisia elementtejä alueen sisällä synkronoida elementtejä näyttää/piilottaa liikuttaa näyttää mediaobjekteja useiden eri ominaisuuksien perusteella käyttäjän asetukset käytetty kieli yhteystavan nopeus tarkkailla käyttäjän toimia ja muokata esitystä niiden mukaan www.hohde.com Hohde Consulting 2004 19 SMIL-dokumentin rakenne SMIL-dokumentti koostuu otsikoista (head) ja rungosta (body) otsikkotiedoissa voi olla esimerkiksi metatietoa ja layout-asetuksia otsikoissa asetetaan myös näytettävät alueet rungossa näytettäviin alueisiin kiinnitetään tietyt tiedostot <smil> <head> <layout> <root-layout width="300" height="200" background-color="white" /> <region id="vim_icon" left="75" top="50" width="32" height="32" /> </layout> </head> <body> <img src="vim32x32.gif" alt="the vim icon" region="vim_icon" dur="6s" /> </body> </smil> www.hohde.com Hohde Consulting 2004 20 10

Synkronointi Asemoinnin lisäksi SMIL mahdollistaa elementtien kytkemisen aikajanalle aikajana alkaa nollasta SMIL-tiedoston näyttämisen alkaessa ja etenee näytettävän ajan mukaan alueiden näkyvyys voidaan kytkeä aikajanaan elementti määrää näkyvyytensä alkuajan ja keston Useampi aikariippuvainen toiminto voidaan määritellä sekvenssiksi (sequence, <seq>) tai yhtäaikaiseksi (parallel, <par>) sekvenssin elementit suoritetaan peräkkäin jokainen elementti määrää oman kestonsa Elementtien aikarakenne voidaan laatia myös suhteellisesti elementtien välille syntyy aikariippuvuuksia esimerkiksi elementti "b" näytetään kaksi sekuntia elementin "a" näkymisen jälkeen www.hohde.com Hohde Consulting 2004 21 Testit SMIL-dokumentti voi sisältää testejä testien tulokset riippuvat ympäristön asetuksista (kieli, yhteysnopeus, resoluutio) testit ohjaavat SMIL-dokumenttia sovittamaan omaa toimintaansa näyttölaitteen mukaiseksi Dokumentti voi myös esihakea tiettyjä sisältöjä valmiiksi tai osittain valmiiksi ennen esityksen näyttämistä voidaan asettaa raja-arvoja, jotka täytyy toteutua ennen esityksen aloittamista esimerkiksi videosta täytyy ladata vähintään 50% www.hohde.com Hohde Consulting 2004 22 11

SMIL:n muut ominaisuudet Animaatiot muokkaavat muita elementtejä - esimerkiksi siirtävät elementtiä tietyn ajan kuluessa Linkitys esityksestä voi olla linkkejä muihin resursseihin Mediaolioiden tuki esitys voi sisältää kuvia, ääntä ja videopätkiä Ajan käsittely SMIL-esitys voi kiihdyttää ja hidastaa sisäistä kelloaan Siirtymät esimerkiksi kuvien esiin piirtyminen (wipe) Toistot www.hohde.com Hohde Consulting 2004 23 SMIL:n laadinta ja käyttö SMIL on hyvin yksinkertainen kieli laadinta onnistuu helposti millä tahansa tekstieditorilla osa kaupallisista WWW-animaatio-ohjelmista pystyy tuottamaan myös SMIL-dokumentteja on olemassa myös erillisiä SMIL-dokumenttien luontiohjelmia SMIL-dokumentin katselu vaatii erillisen ohjelman esimerkiksi RealPlayer, QuickTime tai XSmiles käytännössä kaikki ovat ilmaisia SMIL-dokumentit eivät ole vielä kovin laajassa käytössä kaikki SMIL-dokumentit eivät myöskään näy suoraan loppukäyttäjälle SMIL-dokumentti voi esimerkiksi valita sopivan videovirran käyttäjä luulee katsovansa pelkkää videota www.hohde.com Hohde Consulting 2004 24 12

MMS ja SMIL MMS-puhelimilta ei vaadita täyttä SMIL-toiminnallisuutta täyteen toiminnallisuuteen on vielä matkaa MMS-viesti koostuu useista sivuista käytännössä yksi sivu tarkoittaa <par>-elementtiä yhdellä sivulla voi olla korkeintaa kaksi aluetta: yksi tekstille ja toinen kuvalle tai videopätkälle alueet on nimetty "Text" ja "Image" jokainen sivu on saman kokoinen ja niissä on sama layout viestin ulkoasu voi vaihdella puhelimesta toiseen näytöt voivat olla erilaisia (vaaka- vs. pystynäytöt) MMS-viestin sisältämän SMIL-tiedoston täytyy olla validi SMILdokumentti viesti pitää pystyä esittämään myös PC:lla ongelmia saattaa tulla, jos käytetään jotakin puhelinkohtaista tiedostomuotoa www.hohde.com Hohde Consulting 2004 25 Content Adaptation Puhelinten kyvykkyydet vaihtelevat voimakkaasti mallista toiseen prosessorin nopeus muistin määrä näytön resoluutio ja värien määrä tuetut MIME-tyypit Puhelin ei välttämättä pysty näyttämään saapuvaa viestiä oikein MMS-keskus saa puhelimelta profiilitiedon puhelimen kyvyt viestiä muokataan vastaamaan puhelimen kykyjä kuvien pienennys ja/tai konversio asioiden tiputtaminen viestistä www.hohde.com Hohde Consulting 2004 26 13

Yhteenveto WAP-puhelimet voivat tukea kahta eri kieltä WML - vanhemmat puhelimet, käytössä yhteensopivuussyistä rajoitettu kieli omat tietotyypit XHTML - uudemmat puhelimet rikkaampi kieli pohjautuu Internet-tietotyyppeihin MMS perustuu useisiin standardeihin osat sidotaan yhteen SMIL-dokumentilla käyttö vielä kovin rajattua MMS-viestit ladataan puhelimeen WAP-yhteydellä MMS-keskus voi joutua muokkaamaan viestiä vastaamaan puhelimen kykyjä www.hohde.com Hohde Consulting 2004 27 Kysymyksiä? Kommentteja? 14