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

Koko: px
Aloita esitys sivulta:

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

Transkriptio

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

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

3 Yleistä 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 3

4 Sovellusalueet 1. Tallennusformaatti 2. Siirtoformaatti 3. Reaaliaikainen siirtoformaatti Sovellusten välinen tiedonsiirto

5 Käyttötarkoitukset Multimediajärjestelmissä siirtoformaattia voidaan käyttää monessa paikassa: + sovellukset: sovellusten API + mediapalvelin: siirtoformaatti määrittelee ajoitukset + tietokannat: tiedot talletetaan ja luetaan siirtoformaatin määritysten mukaisesti + verkko: verkko ylläpitää ajoituksia siirtoformaatin mukaisesti 5

6 Eri formaatit Kategoria Esimerkki Yleinen formaatti ASN.1 Multimedia dokumentti HyTime DTD Esitysformaatti QuickTime, MHEG Yksi media MPEG 6

7 Vaatimukset 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. 7

8 Raitamalli 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 8

9 Oliomalli Oliomallissa hakujärjestys on määritelty tietorakenteen mukaisesti 9

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

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

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

13 Menetelmät Objektien sijainti samanaikaisesti haettavat mediaobjektit 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 13

14 Menetelmät (jatk.) 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 14

15 Erilaiset siirtoformaatit QuickTime MHEG HTML XML Macromedia 15

16 QuickTime 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 16

17 QuickTime Media Format Applen multimediatiedosto -formaatti 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ö 17

18 QuickTime-elokuvat Useasta raidasta koostuva elokuva Mediaelementeistä koostuva raita Mediaelementtien linkitys fyysiseen mediaa 18

19 MHEG ISO:n työryhmä Oliopohjainen multi- ja hypermedian siirtoformaatti Tukee interaktiivisuutta ja reaaliaikaista siirtoa Määrittelee lopullisen esitysmuodon 19

20 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ä 20

21 Ominaisuudet (jatk.) 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 21

22 MHEG-luokkahierarkia MH-object Behavior Action Link Script Component Content Interaction Selection Modification Composite Descriptor Macro Macro Definition Macro Use 22

23 MHEG-demo Tekstitelevisio Laadittu MHEG-siirtoformaattia käyttäen Koostuu mediaelementeistä ja MHEGtiedostoista 23

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

25 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) 25

26 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) 26

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

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

29 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 skripti toimii kaikissa selaimissa Toimii sekä HTML- että XML-sivujen kanssa 29

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

31 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

32 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öä 32

33 Nimiavaruuksien sekoittaminen 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> 33

34 Timesheets SMIL 3.0 External Timing Module Mahdollistaa SMIL ajoitusten käyttämisen muiden XML kielten kanssa esim. XHTML ja SVG Perustuu SMIL-kielen ajoituselementeille Par, Seq ja Excl Isäntäkielen elementit valitaan CSS-kielen valitsimilla Esim. Id ja Class Tukee myös animointia ja esihakua 34

35 Timesheets esimerkki <smil:timesheet xmlns:smil=".../timesheets"> <smil:seq> <smil:item select="#slide1" dur="5s" /> <smil:item select="#slide2" dur="5s" /> <smil:item select="#slide3" dur="5s" /> </smil:seq> </smil:timesheet> 35

36 XML-työkalut XML on vasta tulossa selaimiin suurin osa selaimista toteuttaa osan määrittelyistä Tarjolla on runsaasti ohjelmistokomponentteja Työkaluja on myös saatavilla Esim. Altova XML Spy ja Eclipse 36

37 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 Macromedia on nykyään osa Adobea 37

38 Shockwave Mahdollistaa Directorilla tehtyjen multimedia-sovellusten näyttämisen wwwselaimessa Selaimeen asennetaan erillinen plug-in -ohjelma Tiedostot isoja ja vaikeita käyttää tämän päivän Internetissä 38

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

40 Flash-demot Grokbot Dancing Bush Humor Bin 40

41 Vertailu 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ä 41

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

Siirtoformaatit. Johdanto. Yleistä. Sovellusalueet. Eri formaatit. Käyttötarkoitukset Siirtoformaatit Johdanto Sovellusalueet Vaatimukset Raita- ja oliomalli Reaaliaikainen tiedonsiirto Erilaiset siirtoformaatit Vertailu Johdanto Multimediatuotteiden siirrossa tarvitaan alusta- ja ohjelmistoriippumattomia

Lisätiedot

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

Mitä on multimedia? Multimedia. Jatkuva-aikainen media. Yleisimmät mediatyypit. Jatkuvan median käsittelyvaiheet. Interaktiivuus Multimedia Mitä on multimedia? Mediatyypit +Teksti + Grafiikka + Audio + Kuva +Video Siirtoformaatit Mitä on multimedia? Multimedia = monta mediaa Käyttäjän vuorovaikutus = interaktiivisuus Käsikirjoitus

Lisätiedot

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. Petri Vuorimaa 1 Multimedia Mitä on multimedia? Mediatyypit + Teksti + Grafiikka + Audio + Kuva + Video Siirtoformaatit Petri Vuorimaa 1 Mitä on multimedia? Multimedia = monta mediaa Käyttäjän vuorovaikutus = interaktiivisuus

Lisätiedot

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

WWW-ohjelmoinnin kokonaisuus. WWW-OHJELMOINTI 1 Merkkauskielet. Merkkauskielten idea. Merkkauskielet (markup languages) Merkkauskielten merkitys WWW-OHJELMOINTI 1 WWW-ohjelmoinnin kokonaisuus SGML, XML, HTML WWW-selaimen sovellusohjelmointi WWW-palvelimen sovellusohjelmointi Eero Hyvönen Tietojenkäsittelytieteen laitos Helsingin yliopisto 26.10.2000

Lisätiedot

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

Multimedia. Mitä on multimedia? Mediatyypit. Siirtoformaatit. Teksti Grafiikka Audio Kuva Video Multimedia Mitä on multimedia? Mediatyypit Teksti Grafiikka Audio Kuva Video Siirtoformaatit 1 Mitä on multimedia? Tannenbaum: Vuorovaikutteinen tietokoneavusteinen esitys, joka sisältää vähintään kaksi

Lisätiedot

Multimedia. Petri Vuorimaa

Multimedia. Petri Vuorimaa Multimedia Petri Vuorimaa Luennon sisältö Mitä on multimedia? Mediatyypit Teksti Grafiikka Audio Kuva Video Siirtoformaatit 19.3.2010 Petri Vuorimaa / Mediatekniikan laitos 2 Multimediaosuus Tekstidata

Lisätiedot

Digitaalinen media. Petri Vuorimaa

Digitaalinen media. Petri Vuorimaa Digitaalinen media Petri Vuorimaa Luennon sisältö Mitä on digitaalinen media? Mediatyypit Teks; Grafiikka Audio Kuva Video Siirtoformaa;t 30.3.2012 Petri Vuorimaa / Mediatekniikan laitos 2 Median osuus

Lisätiedot

T Multimediatekniikka

T Multimediatekniikka T-111.2350 Multimediatekniikka Prof. Petri Vuorimaa Tietoliikenneohjelmistojen ja multimedian laboratorio puh. 451 4794 email Petri.Vuorimaa@tkk.fi http://www.tml.hut.fi/~pv/ Agenda Aihe Ilmoittautuminen

Lisätiedot

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

Sisältö. XML, XHTML ja CSS XML XML. XML:n ja HTML:n ero. XML kieliä XML XHTML CSS XSL. T Hypermediadokumentin laatiminen 2002 , XHTML ja CSS T-111.361 Hypermediadokumentin laatiminen 2002 XHTML CSS XSL Sisältö EXtensible Markup Language W3C Recommendation helmikuu 1998 SGML:n osajoukko Standard Generalized Markup Language Kevyempi

Lisätiedot

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

Mul$media. Jyry Suvilehto Alkuperäiset kalvot Petri Vuorimaa Mul$media Jyry Suvilehto Alkuperäiset kalvot Petri Vuorimaa Luennon sisältö Mitä on mul$media? Mediatyypit Teks$ Grafiikka Audio Kuva Video Siirtoformaa$t 19.3.2010 Petri Vuorimaa / Mediatekniikan laitos

Lisätiedot

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

Johdanto. Agenda. Tuotantoprosessi. Historiallinen kehitys. Konsepti. Tuotantoprosessin vaiheet Agenda Johdanto Tuotantoprosessi Työkalut Esteet Kehittämisalueet Johdanto Multimediasovellukset tuotetaan erilaisten tuotantotyökalujen avulla Sovellusten käsin koodaaminen on liian kallista Sovellukset

Lisätiedot

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

WWW-Sivustojen suunnittelu. Miten WWW toimii. Suunnittelun lähtökohdat 14.10.2010 WWW-Sivustojen suunnittelu Miten WWW toimii Web-selain hakee Web-sivun HTML-kielisen kuvauksen Sivuun liittyvät kuvat (jpeg, gif, png) Sivuun liittyvät muut elementit Palvelimen URL-osoite esim. http://www.metropolia.fi

Lisätiedot

WWW-Sivustojen suunnittelu

WWW-Sivustojen suunnittelu WWW-Sivustojen suunnittelu Miten WWW toimii Web-selain hakee Web-sivun HTML-kielisen kuvauksen Sivuun liittyvät kuvat (jpeg, gif, png) Sivuun liittyvät muut elementit Palvelimen URL-osoite esim. http://www.metropolia.fi

Lisätiedot

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

T-111.361 Hypermediadokumentin laatiminen. Sisältö. Tavoitteet. Mitä on www-ohjelmointi? Arkkitehtuuri (yleisesti) Interaktiivisuuden keinot T-111.361 Hypermediadokumentin laatiminen -Ohjelmointi Peruskäsitys www-ohjelmoinnin kentästä Tekniikat interaktiivisuuden toteuttamiseen tekniikat tekniikat Tietokannat Juha Laitinen TKK/TML juha.laitinen@hut.fi

Lisätiedot

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

HTML & CSS. HTML (HyperText Markup Language) Antti Koivisto. ! HTML on sivujen kuvauskieli. HTML & CSS Antti Koivisto HTML (HyperText Markup Language)! HTML on sivujen kuvauskieli.! Se ei ole ohjelmointikieli.! HTML on merkintäkieli, joka koostuu monista merkintä tägeistä ().! Voidaan

Lisätiedot

Luento 13: XML langattomissa päätelaitteissa

Luento 13: XML langattomissa päätelaitteissa 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

Lisätiedot

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

XML prosessori. XML prosessointi. XML:n kirjoittaminen. Validoiva jäsennin. Tapahtumaohjattu käsittely. Tapahtumaohjattu käsittely. XML prosessointi Miten XML dokumentteja luetaan ja kirjoitetaan XML prosessori lukee ja välittää XML dokumentin sovellukselle. Se sisältää entieettikäsittelijän (mahdollisesti) XML jäsentimen Sovellus

Lisätiedot

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

Agenda. Johdanto Tuotantoprosessi Työkalut Esteet Kehittämisalueet. Petri Vuorimaa 1 Agenda Johdanto Tuotantoprosessi Työkalut Esteet Kehittämisalueet Petri Vuorimaa 1 Johdanto Multimediasovellukset tuotetaan erilaisten tuotantotyökalujen avulla Sovellusten käsin koodaaminen on liian kallista

Lisätiedot

Digitaalisen median tekniikat. JSP ja XML Harri Laine 1

Digitaalisen median tekniikat. JSP ja XML Harri Laine 1 Digitaalisen median tekniikat JSP ja XML 28.4.2004 Harri Laine 1 JSP hyvin lyhyesti JSP on Java-pohjainen skriptikieli JSP:llä laadittu sivu käännetään java-servletiksi (sivun toteutus vastaa servlettiluokan

Lisätiedot

Digitaalisen median tekniikat. JSP ja XML

Digitaalisen median tekniikat. JSP ja XML Digitaalisen median tekniikat JSP ja 28.4.2004 Harri Laine 1 JSP hyvin lyhyesti JSP on Java-pohjainen skriptikieli JSP:llä laadittu sivu käännetään java-servletiksi (sivun toteutus vastaa servlettiluokan

Lisätiedot

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

Järjestelmäarkkitehtuuri (TK081702) AJAX, Asynchronous JavaScript And XML. AJAX, Asynchronous JavaScript And XML Järjestelmäarkkitehtuuri (TK081702) Ajax 2000-luvun alkuvuosina selainsotien rauhoituttua ohjelmistotalot alkoivat kehittää selainten luoman uuden ohjelmointiympäristön käyttötapoja. Syntyi AJAX (Asynchronous

Lisätiedot

3 Verkkosaavutettavuuden tekniset perusteet

3 Verkkosaavutettavuuden tekniset perusteet 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

Lisätiedot

Action Request System

Action Request System Action Request System Manu Karjalainen Ohjelmistotuotantovälineet seminaari HELSINGIN YLIOPISTO Tietojenkäsittelytieteen laitos 25.10.2000 Action Request System (ARS) Manu Karjalainen Ohjelmistotuotantovälineet

Lisätiedot

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

XPages käyttö ja edut Jarkko Pietikäinen toimitusjohtaja, Netwell Oy IBM Collaboration Forum ٨.٣.٢٠١١ XPages käyttö ja edut Jarkko Pietikäinen toimitusjohtaja, Netwell Oy ٢٠١١ IBM Corporation Domino-sovelluskehitys Nopea kehitysympäristö (Rapid application development,

Lisätiedot

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

XML, XHTML ja CSS. T-111.361 Hypermediadokumentin laatiminen. Mikko Pohja XML, XHTML ja CSS T-111.361 Hypermediadokumentin laatiminen Mikko Pohja Sisältö XML Yleensä Eri kieliä XHTML CSS XSL XML EXtensible Markup Language W3C Recommendation helmikuu 1998 SGML:n osajoukko Standard

Lisätiedot

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

6 XML-työkalut 1. 6 XML-työkalut 6 XML-työkalut 1 6 XML-työkalut XML:n periaatteiden tutustumisen jälkeen on helpompi tutustua XML-dokumenttien käsittelyyn ja katseluun suunniteltuja työkaiuja. XML:n yleistymisen pahin pullonkaula on

Lisätiedot

HTML5 -elementit jatkuu

HTML5 -elementit jatkuu HTML5 -elementit jatkuu Harjoitus: xhtml.htm -> html5.htm Muuta tämä xhtml dokumentti HTML5:ksi: http://users.metropolia.fi/~norrm/s12/kalasu/xhtml.htm Validoi myös koodisi: http://validator.w3.org/ "Mallivastaus"

Lisätiedot

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

Vaasan yliopiston toimintaa tukevat informaatiopalvelut ovat käytettävissä WWW:n kautta. 1. Julkaisutoiminnan peruskysymyksiä a) Mieti kohderyhmät b) Mieti palvelut c) Mieti palvelujen toteutus Vaasan yliopiston toimintaa tukevat informaatiopalvelut ovat käytettävissä WWW:n kautta. PALVELUKOKONAISUUDET:

Lisätiedot

HTML5 video, audio, canvas. Mirja Jaakkola

HTML5 video, audio, canvas. Mirja Jaakkola HTML5 video, audio, canvas Mirja Jaakkola Video webbisivulla HTML5 mahdollistaa videon lisäämisen webbi-sivuille ilman plugineja. Yleisimmät videoformaatit webissä: Mpeg-4 eli H.264 Ogg Flash Perustuu

Lisätiedot

ELM GROUP 04. Teemu Laakso Henrik Talarmo

ELM GROUP 04. Teemu Laakso Henrik Talarmo ELM GROUP 04 Teemu Laakso Henrik Talarmo 23. marraskuuta 2017 Sisältö 1 Johdanto 1 2 Ominaisuuksia 2 2.1 Muuttujat ja tietorakenteet...................... 2 2.2 Funktiot................................

Lisätiedot

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

- Flash on ennen muuta multimedian koosto-ohjelma, jossa muista ohjelmista tuodut mediaelementit voidaan yhdistää ja linkittää toisiinsa. Tievie-seminaari : Teknologinen muutos Jyväskylä 12.8.2004 FLASH - miksi ja mihin tarkoitukseen Mika Sihvonen mika.sihvonen@uta.fi 1. Flash-tekniikan perusteet - Tuottajan näkökulmasta - Flash on Macromedia

Lisätiedot

Paikkatiedot ja Web-standardit

Paikkatiedot ja Web-standardit Paikkatiedot ja Web-standardit Ossi Nykänen Tampereen teknillinen yliopisto (TTY), Digitaalisen median instituutti (DMI), Hypermedialaboratorio W3C Suomen toimisto Esitelmä Hyvin lyhyt versio: World Wide

Lisätiedot

ARVO - verkkomateriaalien arviointiin

ARVO - verkkomateriaalien arviointiin ARVO - verkkomateriaalien arviointiin Arvioitava kohde: Jenni Rikala: Aloittavan yrityksen suunnittelu, Arvioija: Heli Viinikainen, Arviointipäivämäärä: 12.3.2010 Osa-alue 7/8: Tekninen toteutus Edellinen

Lisätiedot

Digitaalisen median tekniikat xhtml - jatkuu Harri Laine 1

Digitaalisen median tekniikat xhtml - jatkuu Harri Laine 1 Digitaalisen median tekniikat xhtml - jatkuu 30.4.2004 Harri Laine 1 XHTML lomakkeet Lomakkeet mahdollistavat tiedon välityksen asiakkaalta (selaimesta) tiedon vastaanottajalle Vastaanottaja voi olla sähköpostiosoite

Lisätiedot

www.solita.fi solita@solita.fi

www.solita.fi solita@solita.fi www.solita.fi solita@solita.fi JAVA-SOVELLUSTEN RAKENTAMINEN INTEGROITUUN YMPÄRISTÖÖN Jarno Peltoniemi Solita Oy 10.5.2005 Aiheet Johdanto Portaalit, portletit Oracle Portal Java-sovelluksen rakentaminen

Lisätiedot

Digitaalisen median tekniikat xhtml - jatkuu

Digitaalisen median tekniikat xhtml - jatkuu Digitaalisen median tekniikat xhtml - jatkuu 26.3.2004 Harri Laine 1 Lomakkeet mahdollistavat tiedon välityksen asiakkaalta (selaimesta) tiedon vastaanottajalle Vastaanottaja voi olla sähköpostiosoite

Lisätiedot

Järjestelmäarkkitehtuuri (TK081702)

Järjestelmäarkkitehtuuri (TK081702) Järjestelmäarkkitehtuuri (TK081702) yleistyvät verkkopalveluissa Youtube Google... Avaavat pääsyn verkkopalvelun sisältöön. Rajapintojen tarjoamia tietolähteitä yhdistelemällä luodaan uusia palveluja,

Lisätiedot

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

3.27 Tuotantoesimerkkien rakenne ja viittaukset (1/2) 3.27 "Tuotantoesimerkkien" rakenne ja viittaukset (1/2) Tietomalli ja tiedon esitystapa Käsityön määrä ja laatu Palvelinpään vaatimukset Saavutettavuusohjeistuksen ala! #1: Käsityö ope-kkortti.html ope-kkortti.css

Lisätiedot

Ohjelmistojen mallintamisen ja tietokantojen perusteiden yhteys

Ohjelmistojen mallintamisen ja tietokantojen perusteiden yhteys Ohjelmistojen mallintamisen ja tietokantojen perusteiden yhteys Tällä kurssilla on tutustuttu ohjelmistojen mallintamiseen oliomenetelmiä ja UML:ää käyttäen Samaan aikaan järjestetyllä kurssilla on käsitelty

Lisätiedot

Android ohjelmointi. Mobiiliohjelmointi 2-3T5245

Android ohjelmointi. Mobiiliohjelmointi 2-3T5245 Android ohjelmointi Mobiiliohjelmointi 2-3T5245 Mikä on Android? Linux kernelin päälle rakennettu, Googlen kehittämä sovelluspino mobiilisovelluksiin Erillinen versio puhelimelle ja taulutietokoneille

Lisätiedot

JWT 2016 luento 11. to 21.4.2016 klo 14-15. Aulikki Hyrskykari. PinniB 1097. Aulikki Hyrskykari

JWT 2016 luento 11. to 21.4.2016 klo 14-15. Aulikki Hyrskykari. PinniB 1097. Aulikki Hyrskykari JWT 2016 luento 11 to 21.4.2016 klo 14-15 Aulikki Hyrskykari PinniB 1097 1 Viime luennolla o AJAX ja JSON, harjoitustyön tehtävänanto, vierailuluento avoimesta datasta Tänään o APIt rajapinnoista yleisesti

Lisätiedot

Mediaelementit. Mirja Jaakkola

Mediaelementit. Mirja Jaakkola Mediaelementit Mirja Jaakkola Sisältö 3. Multimedia 4. Animaatio 7. Gif-animaatio 8. Flash-animaatio 9. Ääni 10.Ääni object-elementillä 11.Video 12.Videon lisääminen www-sivulle 13.Flash-video 16.Lähteet

Lisätiedot

XML johdanto, uusimmat standardit ja kehitys

XML johdanto, uusimmat standardit ja kehitys johdanto, uusimmat standardit ja kehitys Ossi Nykänen Tampereen teknillinen yliopisto (TTY), Digitaalisen median instituutti (DMI), W3C Suomen toimisto Esitelmä Hyvin lyhyt versio: on W3C:n suosittama

Lisätiedot

9 Multimedian elementtejä: ääni Webissä

9 Multimedian elementtejä: ääni Webissä 9 Multimedian elementtejä: ääni Webissä Ääni on multimedian ja siten hypermedian keskeisiä osa-alueita, joka on kuitenkin tietokonemaailmassa ollut pitkään vähemmällä huomiolla Ääniä käytetään: - sellaisenaan

Lisätiedot

Johdatus rakenteisiin dokumentteihin

Johdatus rakenteisiin dokumentteihin -RKGDWXVUDNHQWHLVLLQGRNXPHQWWHLKLQ 5DNHQWHLQHQGRNXPHQWWL= rakenteellinen dokumentti dokumentti, jossa erotetaan toisistaan dokumentin 1)VLVlOW, 2) UDNHQQHja 3) XONRDVX(tai esitystapa) jotakin systemaattista

Lisätiedot

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

Ohjelmistoarkkitehtuuri. Verkotettu multimedia. Mediavirtojen puskurointi. Multimedian vaikutukset. Selain-ohjelmistoarkkitehtuuri. 1 Ohjelmistoarkkitehtuuri Verkotettu multimedia Johdanto Selain-ohjelmistoarkkitehtuuri Hajautetut ohjelmistot Palvelimet Verkko Päätelaiteet Käyttöliittymä Middleware Tietoliikenne Verkotetulla multimedialla

Lisätiedot

Verkkosivut perinteisesti. Tanja Välisalo 11.2.2009

Verkkosivut perinteisesti. Tanja Välisalo 11.2.2009 Verkkosivut perinteisesti Tanja Välisalo 11.2.2009 WWW-sivujen vieminen omaan kotisivutilaan yliopiston mikroverkossa https://salasana.jyu.fi Klikkaa painiketta Activate WWW Klikkaa painiketta Activate

Lisätiedot

Luo mediaopas Tarinatallentimella

Luo mediaopas Tarinatallentimella Luo mediaopas Tarinatallentimella 2015 Tarinatallennin Tarinatallentimella voi helposti luoda mediaoppaita käytettäväksi älypuhelimilla. Sen avulla rakennat erilaisia kokonaisuuksia helposti ja hallitset

Lisätiedot

KODAK EIM & RIM VIParchive Ratkaisut

KODAK EIM & RIM VIParchive Ratkaisut ATK Päivät 2006 Mikkeli KODAK EIM & RIM VIParchive Ratkaisut 29.-30.5. 2006 Stefan Lindqvist HCIS Sales Specialist Health Care Information Systems Kodak Health Group 3/24/2013 1 Arkistoinnin haasteita

Lisätiedot

HELIA 1 (11) Outi Virkki Tiedonhallinta 4.11.2000

HELIA 1 (11) Outi Virkki Tiedonhallinta 4.11.2000 HELIA 1 (11) Access 1 ACCESS...2 Yleistä...2 Access-tietokanta...3 Perusobjektit...3 Taulu...5 Kysely...7 Lomake...9 Raportti...10 Makro...11 Moduli...11 HELIA 2 (11) ACCESS Yleistä Relaatiotietokantatyyppinen

Lisätiedot

Digitaalisen median tekniikat xhtml - jatkuu

Digitaalisen median tekniikat xhtml - jatkuu Digitaalisen median tekniikat xhtml - jatkuu Harri Laine 1 Kehykset IFRAME - elementti (inline frame) mahdollistaa kehysten upottamisen myös muihin kuin frameset.dtd:n mukaisiin dokumentteihin IFRAME toimii

Lisätiedot

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

Copyright Observis Oy All rights reserved. Observis Oy Ville Kanerva, CTO Heikki Isotalus, COO Datasta tietoa Observis Oy Ville Kanerva, CTO Heikki Isotalus, COO Datasta tietoa Platform Tuotekehityksen haasteita ja ratkaisuja Haaste: Massiivisten tietomäärien hallinta Ratkaisu: Pilvipalvelun skaalautuvuus Haaste:

Lisätiedot

ARVO - verkkomateriaalien arviointiin

ARVO - verkkomateriaalien arviointiin ARVO - verkkomateriaalien arviointiin Arvioitava kohde: Jenni Rikala: Aloittavan yrityksen suunnittelu, Arvioija: Heli Viinikainen, Arviointipäivämäärä: 12.3.2010 Osa-alue 8/8: Esteettömyys Edellinen osa-alue

Lisätiedot

Digi-tv vastaanottimella toteutetut interaktiiviset sovellukset

Digi-tv vastaanottimella toteutetut interaktiiviset sovellukset Vaatimusmäärittely Digi-tv vastaanottimella toteutetut interaktiiviset sovellukset Versio Päiväys Tekijä Kuvaus 0.1 12.10.01 Pekka Koskinen Ensimmäinen luonnos 0.2 17.10.01 Pekka Koskinen Lisätty vaatimuksia

Lisätiedot

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

AJAX-konsepti AJAX. Asynkronisuus. Nykyisten web-ohjelmien ongelmia. Asynchronous JavaScript And XML AJAX-konsepti AJAX Asynchronous JavaScript And XML Viimeisin muoti-ilmiö web-ohjelmoinissa, termi Ajax tuli käyttöön vuoden 2005 aikana Joukko teknologioita, joiden avulla voidaan toteuttaa uudenlaisen

Lisätiedot

Vaatimusmäärittely Ohjelma-ajanvälitys komponentti

Vaatimusmäärittely Ohjelma-ajanvälitys komponentti Teknillinen korkeakoulu 51 Vaatimusmäärittely Ohjelma-ajanvälitys komponentti Versio Päiväys Tekijä Kuvaus 0.1 21.11.01 Oskari Pirttikoski Ensimmäinen versio 0.2 27.11.01 Oskari Pirttikoski Lisätty termit

Lisätiedot

Heikki Helin Metatiedot ja tiedostomuodot

Heikki Helin Metatiedot ja tiedostomuodot Heikki Helin 6.5.2013 Metatiedot ja tiedostomuodot KDK:n metatiedot ja tiedostomuodot KDK:n tekniset määritykset ja niiden väliset suhteet Aineistojen valmistelu ja paketointi on hyödyntäville organisaatioille

Lisätiedot

Toimilohkojen turvallisuus tulevaisuudessa

Toimilohkojen turvallisuus tulevaisuudessa Toimilohkojen turvallisuus tulevaisuudessa Turvallisuusseminaari ASAF 30.10-1.11.2006 Mika Strömman Teknillinen korkeakoulu 1 Sisältö Luotettavuuden lisääminen hyvillä tavoilla Toimilohkokirjastot Turvatoimilohkot

Lisätiedot

CSS - tyylit. 13.11.2000 Seppo Räsänen

CSS - tyylit. 13.11.2000 Seppo Räsänen CSS - tyylit 13.11.2000 Seppo Räsänen Sivu 2 1 CSS-tyylit Dynaaminen HTML tai DHTML on standardi, joiden käyttöä tukevat uusimmat Netscapen ja Microsoftin selaimet. DHTML:n ominaisuuksia ovat tyylitiedostot

Lisätiedot

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

Tekstinkäsittelystä. H4: Tekstinkäsittelyn perusharjoitus. Toimisto ohjelmista Tekstinkäsittelystä Toimisto ohjelmista OpenOffice vs. LibreOffice ODF (Open Document Format for Office Applications) LibreOfficen + ohjepaketti + kielityökalujen asennus Word 2003 vs. Word 2007 vs. Word

Lisätiedot

valitsin on useimmiten html-elementti, jolle tyyli halutaan luoda

valitsin on useimmiten html-elementti, jolle tyyli halutaan luoda Valitsimista valitsin on useimmiten html-elementti, jolle tyyli halutaan luoda Muistin virkistykseksi elementtejä http://appro.mit.jyu.fi/doc/www/xhtml/ HTML-elementtien lisäksi valitsimille voidaan luoda

Lisätiedot

XML - mahdollisuudet ja kehitys

XML - mahdollisuudet ja kehitys XML - mahdollisuudet ja kehitys Ossi Nykänen Tampereen teknillinen yliopisto (TTY), Digitaalisen median instituutti (DMI), W3C Suomen toimisto Esitelmä Hyvin lyhyt versio: W3C on kansainvälinen konsortio

Lisätiedot

Digi-tv vastaanottimella toteutetut interaktiiviset sovellukset

Digi-tv vastaanottimella toteutetut interaktiiviset sovellukset Tekninen määrittely: Editori Digi-tv vastaanottimella toteutetut interaktiiviset sovellukset Sisällysluettelo 1. Johdanto...4 1.1. Tarkoitus ja kattavuus...4 1.2. Tuote ja ympäristö...4 1.3. Määritelmät,

Lisätiedot

9 Hypermediajärjestelmistä

9 Hypermediajärjestelmistä 9 Hypermediajärjestelmistä Lyhyt vilkaisu järjestelmätason hypermediaan. Hypermediasovellukseen liittyy aina kaksi näkökulmaa: lukijan ja laatijan näkökulma Hypertekstijärjestelmä (hypermediajärjestelmä)

Lisätiedot

IT-OSAAJA, TIETOJENKÄSITTELYN ERIKOISTUMISOPINNOT

IT-OSAAJA, TIETOJENKÄSITTELYN ERIKOISTUMISOPINNOT IT-OSAAJA, TIETOJENKÄSITTELYN ERIKOISTUMISOPINNOT KOULUTUKSEN KOHDERYHMÄ SISÄLTÖ Koulutuksen tavoitteena on antaa opiskelijalle valmiudet uusien tietoteknisten menetelmien ja välineiden hyödyntämiseen.

Lisätiedot

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

Laajuus 5 op Luennot: 12 x 2t Harjoitukset: 7 viikkoharjoitusta harjoitusten tekemiseen saatavissa apua 2 ryhmää / harjoitus Laajuus 5 op Luennot: 12 x 2t 11.3.2014 29.4.2014 Harjoitukset: 7 viikkoharjoitusta harjoitusten tekemiseen saatavissa apua 2 ryhmää / harjoitus Lähiopetuksen jäkeen harjoitustyö ja tentti Aulikki Hyrskykari

Lisätiedot

Sivuston tiedotskillers.tech

Sivuston tiedotskillers.tech Sivuston tiedotskillers.tech Luotu Maaliskuu 28 2019 16:54 PM Pisteet55/100 SEO Sisältö Otsikko Skillers - Quality IT Recruiting services Pituus : 41 Täydellistä, otsikkosi sisältää väliltä 10 ja 70 kirjainta.

Lisätiedot

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

Interaktiivisten järjestelmien arkkitehtuuriratkaisu, jolla käyttöliittymä erotetaan sovelluslogiikasta. Malli-näkym kymä-ohjain arkkitehtuurit (Model-View View-Controller, MVC) Interaktiivisten järjestelmien arkkitehtuuriratkaisu, jolla käyttöliittymä erotetaan sovelluslogiikasta. Lähtökohdat: Sovelluksen

Lisätiedot

Kuvat. 1. Selaimien tunnistamat kuvatyypit

Kuvat. 1. Selaimien tunnistamat kuvatyypit Kuvat Kuvia voi liittää xhtml-sivulle -elementillä -elementillä -elementillä lomakkeiden yhteydessä lähinnä painikenappeja taustakuvina -elementin background-attribuutilla tai

Lisätiedot

MP3 Manager Software for Sony Network Walkman

MP3 Manager Software for Sony Network Walkman MP3 Manager Software for Sony Network Walkman Käyttöohje WALKMAN on Sony Corporationin kuulokestereotuotteisiin liittyvä rekisteröity tavaramerkki. on Sony Corporationin tavaramerkki. NW- E55/75 2004 Sony

Lisätiedot

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

AV-muotojen migraatiotyöpaja - video. KDK-pitkäaikaissäilytys seminaari / Juha Lehtonen AV-muotojen migraatiotyöpaja - video KDK-pitkäaikaissäilytys 2013 -seminaari 6.5.2013 / Juha Lehtonen Elävän kuvan muodot Videoon vaikuttavia asioita Kuvamuotojen ominaisuudet Audiomuotojen ominaisuudet

Lisätiedot

Digitaalisen median tekniikat Luento 1: Intro

Digitaalisen median tekniikat Luento 1: Intro Digitaalisen median tekniikat Luento 1: Intro Web Mahtava alusta tiedon välittämiseen! Information Superhighway! Web Archive! Gutenberg! DEMO Kirjasto ja analoginen media digitaaliseksi Julkaisutekniikan

Lisätiedot

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

Interaktiivisten järjestelmien arkkitehtuuriratkaisu, jolla käyttöliittymä erotetaan sovelluslogiikasta. Malli-näkym kymä-ohjain arkkitehtuurit (Model-View View-Controller, MVC) Interaktiivisten järjestelmien arkkitehtuuriratkaisu, jolla käyttöliittymä erotetaan sovelluslogiikasta. Lähtökohdat: Sovelluksen

Lisätiedot

Sivuston tiedotemreemir.com

Sivuston tiedotemreemir.com Sivuston tiedotemreemir.com Luotu Maaliskuu 10 2019 18:41 PM Pisteet66/100 SEO Sisältö Otsikko Emre Emir, Full-Stack Web Developer Pituus : 35 Täydellistä, otsikkosi sisältää väliltä 10 ja 70 kirjainta.

Lisätiedot

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

Tavallisen videomainoksen sijasta Ruudussa voidaan mainostauolla esittää dynaamisia spotteja. RUUTU DYNAAMINEN SPOTTI TEKNISET OHJEET Versio 1.0 Yleistä Tavallisen videomainoksen sijasta Ruudussa voidaan mainostauolla esittää dynaamisia spotteja. Dynaamiset spotit ovat flash mainoksia, jotka mahdollistavat

Lisätiedot

www.hohde.com Hohde Consulting 2004

www.hohde.com Hohde Consulting 2004 Luento 14: Kertaus AS-0.110 XML-kuvauskielten perusteet Janne Kalliola Kertaus XML nimiavaruus validointi XML:n käyttö tietorakenteiden kuvaus ohjelmointi XML-pohjaiset kielet peruskielet muut kurssilla

Lisätiedot

10 Nykyaikainen WWW-arkkitehtuuri

10 Nykyaikainen WWW-arkkitehtuuri 10 Nykyaikainen WWW-arkkitehtuuri è è è 10 Nykyaikainen WWW-arkkitehtuuri WWW on ylivoimaisesti suosituin hypertekstijärjestelmä. Käydään seuraavaksi läpi nykyaikaisen WWW-arkkitehtuurin perusteet. Vuonna

Lisätiedot

TIEDEJUTTUKURSSI 29.9.2011 FM VILLE SALMINEN

TIEDEJUTTUKURSSI 29.9.2011 FM VILLE SALMINEN TIEDEJUTTUKURSSI 29.9.2011 FM VILLE SALMINEN YLEISTÄ LUENNOT (8 H) & TYÖPAJA (2 H) YHTEYSTIEDOT ville.salminen@oulu.fi VÄLINEET Tekstieditori Mieluummin Windowsin Notepad kuin esimerkiksi Microsoft Word

Lisätiedot

W3C-teknologiat ja yhteensopivuus

W3C-teknologiat ja yhteensopivuus W3C-teknologiat ja yhteensopivuus Ossi Nykänen Tampereen teknillinen yliopisto (TTY), Digitaalisen median instituutti (DMI), Hypermedialaboratorio W3C Suomen toimisto Esitelmä Hyvin lyhyt versio: W3C asettaa

Lisätiedot

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

Luento 3. Jouni Ikonen - Jouni.Ikonen lut.fi CT30A3200 - WWW-sovellukset Luento 3 Jouni Ikonen - Jouni.Ikonen lut.fi Kalvot Arto Hämäläisen kalvojen pohjalta 1 Jouni Ikonen HTML-lomakkeet HTML-lomakkeiden avulla voidaan WWW-sovelluksessa hakea käyttäjän

Lisätiedot

Johdatusta selainohjelmointiin

Johdatusta selainohjelmointiin Johdatusta selainohjelmointiin Ohjelmat ja tyylit selaimessa ja HTML Jaana Holvikivi Selaimet ja HTML Selaimet: Internet Explorer, Exchange Firefox, Chrome Opera 10 Safari 4 Lukevat HTML sivuja ja asettelevat

Lisätiedot

Digitaalisen median tekniikat css tyylimääritykset Harri Laine 1

Digitaalisen median tekniikat css tyylimääritykset Harri Laine 1 Digitaalisen median tekniikat css tyylimääritykset 30.4.2004 Harri Laine 1 Sisällön ja ulkoasun erottaminen toisistaan tavoiteltavaa sama sisältö pitäisi voida esittää erilaisilla alustoilla esim. esittää

Lisätiedot

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

Rakenteisen oppimateriaalin tuottaminen verkossa esimerkki Rhaptos. Antti Auer Koordinaattori, HT Jyväskylän yliopisto Virtuaaliyliopistohanke Rakenteisen oppimateriaalin tuottaminen verkossa esimerkki Rhaptos Antti Auer Koordinaattori, HT Jyväskylän yliopisto Virtuaaliyliopistohanke Rakenteisuus kahdella tasolla Oppimisaihiot ( Learning Objects

Lisätiedot

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

Yhteensopiva ja stabiili. Käsitteellistää suunnittelun. Parempi kuin koskaan aiemmin. Yksityiskohtien tarkka kuvaus. Saumaton kommunikaatio ZWCAD 2012 ESITTELY Yhteensopiva ja stabiili Parempi kuin koskaan aiemmin Käsitteellistää suunnittelun Yksityiskohtien tarkka kuvaus Saumaton kommunikaatio ZWCAD -ohjelmointi Yhteensopiva ja stabiili Ylivertainen

Lisätiedot

Sivuston tiedotmysiteworthcheck.com

Sivuston tiedotmysiteworthcheck.com Sivuston tiedotmysiteworthcheck.com Luotu Huhtikuu 26 2019 09:24 AM Pisteet59/100 SEO Sisältö Otsikko Check you website value Pituus : 23 Täydellistä, otsikkosi sisältää väliltä 10 ja 70 kirjainta. Kuvaus

Lisätiedot

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

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

Lisätiedot

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012 Aineistot Uudet ominaisuudet: - Ei Tiedostot-kohtaa alueen sisällä, vaan tiedostonvalitsin, jolla tiedostot tuodaan alueelle siihen kohtaan missä ne näytetään - Firefox-selaimella voi tiedostot siirtää

Lisätiedot

Digi-tv vastaanottimella toteutetut interaktiiviset sovellukset

Digi-tv vastaanottimella toteutetut interaktiiviset sovellukset Toiminnallinen määrittely: Editori Digi-tv vastaanottimella toteutetut interaktiiviset sovellukset Versio Päiväys Tekijä Kuvaus 0.01 7.11.01 Pekka Koskinen Alustava sisällysluettelo 0.1 12.11.01 Pekka

Lisätiedot

Testidatan generointi

Testidatan generointi Testidatan generointi Anu Ahonen Kevät 2008 Tämä työ on tehty Creative Commons -lisenssin alla Työn tarkasti 9.4.2008 Jouni Huotari (JAMK/IT) 1 SISÄLTÖ 1 TYÖN LÄHTÖKOHDAT JA TOTEUTUS...2 2 TESTIDATAN GENEROINTI

Lisätiedot

Luento 7: XML-ohjelmointirajapinnat

Luento 7: XML-ohjelmointirajapinnat Luento 7: XML-ohjelmointirajapinnat AS-0.110 XML-kuvauskielten perusteet Janne Kalliola 1 XML-ohjelmointirajapinnat Document Object Model (DOM) käyttö rakenne ja versiot perusrajapinnat rajapinnat tarkemmin

Lisätiedot

ARVO - verkkomateriaalien arviointiin

ARVO - verkkomateriaalien arviointiin ARVO - verkkomateriaalien arviointiin Arvioitava kohde: Jenni Rikala: Aloittavan yrityksen suunnittelu, Arvioija: Heli Viinikainen, Arviointipäivämäärä: 12.3.2010 Osa-alue 5/8: Mediaelementit Edellinen

Lisätiedot

AINEISTOJEN TEKNINEN OHJEISTUS 2009

AINEISTOJEN TEKNINEN OHJEISTUS 2009 AINEISTOJEN TEKNINEN OHJEISTUS 2009 VERKKOMAINONTA Esa Verkkomedia noudattaa verkkomainonnassa alan yleisiä standardeja. Bannerimainokset voidaan toimittaa jpg-, gif-, html- tai flash-muodoissa. Lisäksi

Lisätiedot

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

H T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki 13.9.2006 H T M L eli kuinka laadin itselleni päheät kotisivut Janne Käki 13.9.2006 Mikä ihmeen HTML? HyperText Markup Language hypertekstiä eli toisiinsa linkitettyjä dokumentteja merkintäkieli, perustuu erilaisiin

Lisätiedot

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

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

Lisätiedot

Muistio. Att:Videokerho Monitori ry:n jäsenet SUB: ÄÄNI-KUVA- JA VIDEOTIEDOSTOFORMAATIT. 1 Tiedostojärjestelmistä

Muistio. Att:Videokerho Monitori ry:n jäsenet SUB: ÄÄNI-KUVA- JA VIDEOTIEDOSTOFORMAATIT. 1 Tiedostojärjestelmistä Pvm:01.03.2011 Att:Videokerho Monitori ry:n jäsenet SUB: ÄÄNI-KUVA- JA VIDEOTIEDOSTOFORMAATIT 1 Tiedostojärjestelmistä Tietokoneiden sisäisessä tietojenkäsittelyssä ja tietojen hallinnassa on käytössä

Lisätiedot

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

XHTML - harjoitus. Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa. Tiedoston tallennus notepad (muistio) ohjelmassa: XHTML - harjoitus Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa Tiedoston tallennus notepad (muistio) ohjelmassa: Jokaisen XHTML-dokumentin tulisi alkaa XML-määrittelyllä(engl.XML-prologue),

Lisätiedot

Digitaalisen median tekniikat. Luento 3: CSS

Digitaalisen median tekniikat. Luento 3: CSS Digitaalisen median tekniikat Luento 3: CSS Luennot 1. Intro 2. XHTML 3. CSS Box Model Selektorit Esimerkkiä yms. 4. JavaScript 5. JavaScript-kirjastot & AJAX 6. Käytettävyys & saavutettavuus 7. Palvelinohjelmointi

Lisätiedot

Sulava. Markku Suominen. markku.suominen@sulava.com Puhelin: 040 743 2381. www.sulava.com www.facebook.com/sulavaoy 2. Käyttöönotto Käyttö

Sulava. Markku Suominen. markku.suominen@sulava.com Puhelin: 040 743 2381. www.sulava.com www.facebook.com/sulavaoy 2. Käyttöönotto Käyttö Sulava Visio Määrittely Kilpailutus Valvonta Markku Suominen Käyttöönotto Käyttö markku.suominen@sulava.com Puhelin: 040 743 2381. www.sulava.com www.facebook.com/sulavaoy 2 Convergence 2013 tapahtuman

Lisätiedot

Sonera sovelluspalomuurin muutoshallintaohjeistus

Sonera sovelluspalomuurin muutoshallintaohjeistus Sonera sovelluspalomuurin muutoshallintaohjeistus 1. GUI-clientin asennus GUI-client saadaan ladattua osoitteesta https://partnergate.sonera.com/firewall.html Asennusohjeet löytyvät myös osoitteesta https://partnergate.sonera.com/firewall.html

Lisätiedot

Taustaa. CGI-ohjelmointi

Taustaa. CGI-ohjelmointi Taustaa CGI-ohjelmointi CGI = Common Gateway Interface Hyvin yksinkertainen ja helppo tapa toteuttaa dynaamisuutta ja interaktivisuutta htmldokumentteihin Kehitetty tiedon siirtoon palvelimen ja asiakasselaimen

Lisätiedot