Siirtoformaatit. Johdanto. Yleistä. Sovellusalueet. Eri formaatit. Käyttötarkoitukset

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

Mitä on multimedia? Multimedia. Jatkuva-aikainen media. Yleisimmät mediatyypit. Jatkuvan median käsittelyvaiheet. Interaktiivuus

Multimedia. Mitä on multimedia? Mediatyypit. Siirtoformaatit. + Teksti + Grafiikka + Audio + Kuva + Video. Petri Vuorimaa 1

Multimedia. Mitä on multimedia? Mediatyypit. Siirtoformaatit. Teksti Grafiikka Audio Kuva Video

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

Multimedia. Petri Vuorimaa

Digitaalinen media. Petri Vuorimaa

Johdanto. Agenda. Tuotantoprosessi. Historiallinen kehitys. Konsepti. Tuotantoprosessin vaiheet

T Multimediatekniikka

Mul$media. Jyry Suvilehto Alkuperäiset kalvot Petri Vuorimaa

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

Agenda. Johdanto Tuotantoprosessi Työkalut Esteet Kehittämisalueet. Petri Vuorimaa 1

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

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

WWW-Sivustojen suunnittelu

Järjestelmäarkkitehtuuri (TK081702) AJAX, Asynchronous JavaScript And XML. AJAX, Asynchronous JavaScript And XML

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

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

Action Request System

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

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

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

Luento 13: XML langattomissa päätelaitteissa

Digitaalisen median tekniikat. JSP ja XML Harri Laine 1

Digitaalisen median tekniikat. JSP ja XML

Verkkosivut perinteisesti. Tanja Välisalo

ELM GROUP 04. Teemu Laakso Henrik Talarmo

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

Paikkatiedot ja Web-standardit

- Flash on ennen muuta multimedian koosto-ohjelma, jossa muista ohjelmista tuodut mediaelementit voidaan yhdistää ja linkittää toisiinsa.

3 Verkkosaavutettavuuden tekniset perusteet

CSS - tyylit Seppo Räsänen

ARVO - verkkomateriaalien arviointiin

Mediaelementit. Mirja Jaakkola

9 Multimedian elementtejä: ääni Webissä

Johdatus rakenteisiin dokumentteihin

Digitaalisen median tekniikat xhtml - jatkuu

Digitaalisen median tekniikat xhtml - jatkuu Harri Laine 1


Järjestelmäarkkitehtuuri (TK081702)

!?)&/&8-"1)#)7#-2-> ! 2-77""8"'+'0%/+-1#""8"'+'0%2/&-1#""8"'+'0%#)&##-8- !?)&/&8-"1)#)17+'%#-7&> ! 1$4##;*""##4($0%7&8+**)70%2-*8+*)0%#&"'+'%1$4##$6$

ARVO - verkkomateriaalien arviointiin

TIEDEJUTTUKURSSI FM VILLE SALMINEN

Digi-tv vastaanottimella toteutetut interaktiiviset sovellukset

Vaatimusmäärittely Ohjelma-ajanvälitys komponentti

Toimilohkojen turvallisuus tulevaisuudessa

Heikki Helin Metatiedot ja tiedostomuodot

HTML5 video, audio, canvas. Mirja Jaakkola

Digi-tv vastaanottimella toteutetut interaktiiviset sovellukset

KODAK EIM & RIM VIParchive Ratkaisut

HTML5 -elementit jatkuu

Sivuston tiedotskillers.tech

Luo mediaopas Tarinatallentimella

HELIA 1 (11) Outi Virkki Tiedonhallinta

AV-muotojen migraatiotyöpaja - video. KDK-pitkäaikaissäilytys seminaari / Juha Lehtonen

ARVO - verkkomateriaalien arviointiin

Copyright Observis Oy All rights reserved. Observis Oy Ville Kanerva, CTO Heikki Isotalus, COO Datasta tietoa

Ohjelmistoarkkitehtuuri. Verkotettu multimedia. Mediavirtojen puskurointi. Multimedian vaikutukset. Selain-ohjelmistoarkkitehtuuri.

Android ohjelmointi. Mobiiliohjelmointi 2-3T5245

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

JWT 2016 luento 11. to klo Aulikki Hyrskykari. PinniB Aulikki Hyrskykari

9 Hypermediajärjestelmistä

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

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

Digitaalisen median tekniikat xhtml - jatkuu

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

Luento 3. Jouni Ikonen - Jouni.Ikonen lut.fi

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

Videoneuvottelu. Johdanto. Järjestelmät. Telepresensce. Laitteisto. Ryhmäneuvottelut

Datanhaku www-käyttöliittymästä Mikko Parviainen, Ilmatieteen laitos / tietojärjestelmät mikko.parviainen@fmi.fi

Sivuston tiedotmysiteworthcheck.com

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

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

Interaktiivisten järjestelmien arkkitehtuuriratkaisu, jolla käyttöliittymä erotetaan sovelluslogiikasta.

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

Sivuston tiedotqbsupportcustom erservice.com

Sivuston tiedotemreemir.com

EUREFin vaikutukset organisaatioiden tietojärjestelmiin

Sivuston tiedotaskgeek.io

Interfacing Product Data Management System

Interaktiivisten järjestelmien arkkitehtuuriratkaisu, jolla käyttöliittymä erotetaan sovelluslogiikasta.

Concurrency - Rinnakkaisuus. Group: 9 Joni Laine Juho Vähätalo

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2013

Sivuston tiedotgoogle.com

XML johdanto, uusimmat standardit ja kehitys

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

Matematiikan oppimateriaalia verkkoon: kompleksiluvut

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

W3C-teknologiat ja yhteensopivuus

IT-OSAAJA, TIETOJENKÄSITTELYN ERIKOISTUMISOPINNOT

Kurssin hallinta -työväline

Sivuston tiedottools.seo-zona.ru

MP3 Manager Software for Sony Network Walkman

Tekninen suunnitelma - StatbeatMOBILE

Digi-tv vastaanottimella toteutetut interaktiiviset sovellukset

Sivuston tiedottools.seo-zona.ru

Videokuvan siirtäminen kamerasta tietokoneelle Windows Movie Maker -ohjelman avulla

Edellinen päivitys: :10 Raportin aikaväli: Kuukausi Elo 2010

Testidatan generointi

Kehittyneet ominaisuudet

Transkriptio:

Siirtoformaatit Johdanto Sovellusalueet Vaatimukset Raita- ja oliomalli Reaaliaikainen tiedonsiirto Erilaiset siirtoformaatit Vertailu Johdanto Multimediatuotteiden siirrossa tarvitaan alusta- ja ohjelmistoriippumattomia siirtoformaatteja Siirtoformaattien perustana voi olla + raidat + oliot Suurin osa siirtoformaateista on tiedostoformaatteja, mutta osa tukee myös reaaliaikaista siirtoa Petri Vuorimaa 1 Petri Vuorimaa 2 Yleistä Sovellusalueet Siirtoformaatti määrittelee: + ajan, paikan, rakenteen ja toiminnan (skriptit) Ilman siirtoformaattia yhdellä sovelluksella tuotettua sisältöä ei voi lukea ja käyttää toisella sovelluksella Siirtoformaatit voivat olla julkisia tai valmistajakohtaisia Konversiotyökalut on huono ratkaisu 1. Tallennusformaatti 2. Siirtoformaatti 3. Reaaliaikainen siirtoformaatti 4. Sovellusten välinen tiedonsiirto 4. 1. 2. 3. Petri Vuorimaa 3 Petri Vuorimaa 4 Käyttötarkoitukset Multimediajärjestelmissä yhteistä siirtoformaattia voidaan käyttää monessa paikassa: + sovellukset: siirtoformaatti toimii sovellusten API:na + mediapalvelin: siirtoformaatti määrittelee ajoitukset + tietokannat: tiedot talletetaan ja luetaan siirtoformaatin määritysten mukaisesti + verkko: verkko ylläpitää ajoituksia siirtoformaatin mukaisesti Eri formaatit Kategoria Esimerkki Yleinen formaatti ASN.1 Multimedia dokumentti HyTime DTD Esitysformaatti QuickTime, MHEG Yksi media MPEG Petri Vuorimaa 5 Petri Vuorimaa 6 1

Vaatimukset Raitamalli Datamalli: + aika, synkronointi, eri formaatit, osoitus, hyperlinkit, interaktiivisuus Skriptit: + ohjelmointikieli tai graafinen ohjelmointi Kapasiteetti: + määrittely ei yleensä vie paljon tilaa Hakuaika: + purku oltava nopeaa, progressiivinen resoluutio ym. Siirrettävyys: + laitteisto-ja alustariippumattomuus Laajennettavuus: + uudet formaatit, parametrit jne. Multimediadokumentti on lista, joka kertoo missä järjestyksessä eri komponentit haetaan ja esitetään Raitamallissa hakujärjestys on määritelty ajan perusteella Selostus Grafiikka Audio Video aika Petri Vuorimaa 7 Petri Vuorimaa 8 Oliomalli Oliomallissa hakujärjestys on määritelty tietorakenteen mukaisesti Petri Vuorimaa 9 Raitamallin toteutus Raitamallissa tahdistetaan soittimia // Open Initialize clock Initialize movie, track, and media indices Initialize handlers // Players Repeat Get next segment of media Call handlers Advance clock Petri Vuorimaa 10 Oliomallin toteutus Oliomalli sallii paremmin vuorovaikutuksen toteuttamisen // Open Get table of contents, object tables Initialize presentation processes // Present Repeat Repeat Get set of objects to be presented Invoke players for each object Until media event or input condition Pass input condition to application or script to interpret Identify next set of object to present Until exit condition Petri Vuorimaa 11 Reaaliaikainen tiedonsiirto Mediaobjektit on siirrettävä ja näytettävä siirtoformaatin määritysten mukaisesti Objektien haku ja näyttö sekä käyttövaste on tapahduttava tiettyjen rajojen sisällä Tarvittaessa esim. kuvataajuutta ja resoluutiota voidaan tiputtaa Myös siirtoformaattia voidaan optimoida Petri Vuorimaa 12 2

Menetelmät Menetelmät (jatk.) Objektien sijainti + samanaikaisesti haettavat mediaobjektit ovat lähekkäin Osittainen objektien haku: + isot objektit haetaan paloissa, koska niitä ei voi esittää kerralla Objektien järjestys: + hakumekanismi ylläpitää esitysjärjestyksen Objektien indeksointi: + luodaan nopea objektien hakutaulu Petri Vuorimaa 13 Objektien lomittelu: + isoja objekteja haetaan vuorotellen Objektien kuvauksen ja sisällön haku erikseen: + kuvaus haetaan ensin ja sisällön siirto optimoidaan sen perusteella Progressiivinen haku: + kuvat haetaan ensin pienellä resoluutiolla Resurssisuositukset: + ilmoitetaan etukäteen resurssivaatimukset Petri Vuorimaa 14 Erilaiset siirtoformaatit QuickTime QuickTime MHEG HTML XML Macromedia Petri Vuorimaa 15 QuickTime mahdollistaa eri mediatyyppien luomisen, integroinnin ja esittämisen QuickTime koostuu kolmesta eri tasosta: + QuickTime Movie File + QuickTime Media Abstraction Layer + QuickTime Media Services QuickTime mahdollistaa multimediasovelluksen rakenteen, spatiaalisen ja ajallisen määrittelyn Sillä ei voi määrittää interaktiivisia toimintoja Petri Vuorimaa 16 QuickTime Media Format Applen multimediatiedostoformaatti Perustuu raitamallille Yksi elokuva voi sisältää useampia raitoja Elokuvan aika ja näyttö Elokuva Raita Media Otsikko Referenssi Informaatio Data Ajallinen ja paikallinen kompositio Fyysiset parametrit Soitin Organisaatio Varsinainen sisältö Petri Vuorimaa 17 QuickTime-elokuvat Useasta raidasta koostuva elokuva Mediaelementeistä koostuva raita Mediaelementtien linkitys fyysiseen mediaa Petri Vuorimaa 18 3

MHEG ISO:n työryhmä Oliopohjainen multi- ja hypermedian siirtoformaatti Tukee interaktiivisuutta ja reaaliaikaista siirtoa Määrittelee lopullisen esitysmuodon Ominaisuudet Määrittelee joukon alustariippumattomia komponentteja interaktiivisuutta varten Interaktiivisuus voidaan toteuttaa kahdella tapaa: + komponentit linkitetään erilaisiin tapahtumiin + käytetään skriptaus-kieltä Tapahtumat syntyvät ajoitusmäärityksistä tai käyttäjän toimenpiteistä Petri Vuorimaa 19 Petri Vuorimaa 20 Ominaisuudet (jatk.) MHEG-luokkahierarkia Sekä paikallisen että ajallisen sijainnin määrittely mahdollista Makrojen avulla voidaan määritellä monimutkaisia objekteja malleja käyttäen Sisältää myös tukea reaaliaikaista siirtoa varten MH-object Behavior Action Link Script Component Content Interaction Composite Descriptor Macro Selection Modification Macro Definition Macro Use Petri Vuorimaa 21 Petri Vuorimaa 22 MHEG-demo Tekstitelevisio Laadittu MHEG -siirtoformaattia käyttäen Koostuu mediaelementeistä ja MHEG -tiedostoista MHEG-työkalut Useita puolivalmiita työkaluja Työkalut voidaan jakaa kolmeen ryhmään: + MHEG-editorit + Template-editorit + Muunnostyökalut MHEG -formaattia on toistaiseksi käytetty vähän, joten markkinoita työkaluille ei vielä ole Petri Vuorimaa 23 Petri Vuorimaa 24 4

HTML HTML-dokumentit koostuvat tekstistä ja ohjauskomennoista (markup commands) Nykyinen HTML 4.01 ei tue elementtien sijoittelua, synkronointia eikä interaktiivisuutta Tyylisivut (Cascading Style Sheets) mahdollistavat elementtien sijoittelun (CSS2) Petri Vuorimaa 25 HTML (jatk.) Interaktiiviisuus voidaan määritellä ECMAScript kielellä + standardi pohjautuu JavaScript ja JScript -kieliin ECMAScript -ohjelmat voivat käsitellä dokumentteja Document Object Model (DOM) rajapinnan kautta Dokumenttien ajallinen synkronointi vasta tulossa + Synchronized Multimedia Integration Language (SMIL) Petri Vuorimaa 26 Tyylisivut Tyylisivut mahdollistavat elementtien sijoittamisen, tyylin ja ulkoasun määrittelyn Www-sivu voi koostua useasta kerroksesta Esityksen sisältö ja ulkoasua voidaan määritellä erikseen Samaa sisältöä voi käyttää eri päätelaitteissa Tällä hetkellä CSS1 & CSS2 käytössä ja CSS3 tulossa ECMAScript-262 Syntynyt JavaScriptin ja JScriptin pohjalta Yksinkertainen tulkattava kieli (Basic) Käyttäjä voi kirjoittaa skriptejä, jotka muokkaavat www-sivujen ulkoasua Mahdollistaa erilaisten sovellusten toteuttamisen Petri Vuorimaa 27 Petri Vuorimaa 28 Document Object Model (DOM) Selaimen sisäinen puumainen tietorakenne Olio-orientoitunut ohjelmointirajapinta + Selaimen sisällä dokumenttia voi käsitellä oliorakenteena Mahdollistaa kaikkien www-elementtien manipuloinnin Sama skriptitoimii kaikissa selaimissa Toimii sekä HTML- että XML-sivujen kanssa SMiL Esitys voi koostua useammista tiedostoista tai mediavirroista SMiL määrittelee elementtien välisen synkronoinnin Elementeistä voidaan eri tilanteissa käyttää eri versioita Erillinen XML-formaatissa oleva tiedosto Petri Vuorimaa 29 Petri Vuorimaa 30 5

HTML-työkalut HTML 4.01 tukevia työkaluja on lukuisia WYSIWYG editorit suosittuja Tyylisivuja tukee vain harva työkalu (ja selain) + SoftQuad HotMetaLPro 6.0 + Macromedia Dreamweaver JavaScriptin käyttö vaatii ohjelmointitaitoja + Netobjects ScriptBuilder SMiL ja HTML+TIME tuki vähäistä + RealNetworks RealPlayer 6.0 Petri Vuorimaa 31 XML XML on metakieli, jolla voidaan määrittää erilaisia dokumenttien kuvauksia (esim. HTML) Tyylisivut määritellään XSL määritysten mukaisesti Toinen vaihtoehto on käyttää CSS-tyylisivuja Interaktiivisuuden määrittelyyn käytetään ECMAScritp standardia ja DOM-mallia Ajallinen synkronointi vaatii SMiL:n käyttöä Petri Vuorimaa 32 Nimiavaruuksien sekoittaminen SMIL+XForms Sekoitettujen nimiavaruuksien (mixed namespaces) avulla samassa dokumentissa voidaan käyttää yhtä aikaa useampia XML-kieliä Merkinnän eteen lisätään etuliite, joka kertoo mihin kieleen se kuuluu + esim. <smil:layout> Petri Vuorimaa 33 Petri Vuorimaa 34 XML-työkalut XML on vasta tulossa selaimiin + suurin osa selaimista toteuttaa vain pienen osan määrittelyistä + www.x-smiles.org Tarjolla on muutamia ohjelmistokomponentteja Työkalut ovat vielä puutteellisia Macromedia Macromedia on suurin multimedian tuotantotyökalujen tuottaja Macromedia Director yleisin tuotantotyökalu Macromedialla on kaksi siirtoformaattia wwwjakelua varten + Macromedia Shockwave + Macromedia Flash Kummankaan formaatti ei ole julkinen Petri Vuorimaa 35 Petri Vuorimaa 36 6

Shockwave Mahdollistaa Directorilla tehtyjen multimediasovellusten näyttämisen www-selaimessa Selaimeen asennetaan erillinen plug-in -ohjelma Tiedostot isoja ja vaikeita käyttää tämän päivän Internetissä Flash Alkuperäinen nimi FutureSpash + Macromedia osti tuotetta valmistavan yrityksen -97 Perustuu vektorigrafiikan käyttöön +ei kuvia - vaan piirtokomennot Vaatii myös erillisen plug-in -ohjelman asentamisen www-selaimeen Sovellusten tuottamista varten oma työkalu + suppea versio Macromedia Directorista Petri Vuorimaa 37 Petri Vuorimaa 38 Flash-demot Vertailu Grokbot Dancing Bush Humor Bin www.grokbot.com www.miniclip.com www.cards-n-toons.com Quick MHEG HTML XML Shock Flash Avoin Heikko Kyllä Kyllä Kyllä Ei Ei Raita/olio Raita Olio (DOM) (DOM) Raita Raita Interakt. Ei Kyllä Heikko Heikko Kyllä Kyllä Hyperlinkit Ei - Kyllä Kyllä - - Skriptit Ei Kyllä (ECMA) (ECMA) Kyllä (Kyllä) Synkron. Kyllä Kyllä (SMiL) (SMiL) Kyllä Kyllä Petri Vuorimaa 39 Petri Vuorimaa 40 7