Multimedia Digitaalinen kuva, video ja ääni
Etsi aiheesta tietoa <ul><li>Diginatiivi </li></ul><ul><li>Multimedian määritelmä </li></ul><ul><li>Multimedian käyttökoht...
(teidän)  Tulevaisuus <ul><li>Mistä sinä luet uutisesi? </li></ul>
Multimedia
Tavoitteet <ul><li>Tärkeintä on saada yleiskuva digitaalisen median keinoista, käytöstä ja suunnittelusta.  </li></ul><ul>...
Tavoitteiden mittaaminen <ul><li>Kurssista saatava 50 pistettä </li></ul><ul><li>Lopputyö = multimediaprojekti  </li></ul>...
Moodle -oppimisympäristö <ul><li>www.kajaaninlukio.fi </li></ul><ul><li>Tunnus:  etunimi.sukunimi </li></ul><ul><li>Salasa...
Le@rn –yhteistyö Oulun yliopiston kanssa <ul><li>ATK9 ja ATK10 muodostuvat kurssista: </li></ul><ul><li>Multimedian perust...
Historiaa <ul><li>Media  </li></ul><ul><li>Massamedia </li></ul><ul><li>Ääni  </li></ul><ul><li>Hypermedia - WWW </li></ul...
Multimedia <ul><li>Multimedia yhdistää  </li></ul><ul><ul><li>Kuvan </li></ul></ul><ul><ul><li>Äänen </li></ul></ul><ul><u...
Erilaisia näkökulmia <ul><li>Tekninen näkökulma </li></ul><ul><li>Suunnittelunäkökulma </li></ul><ul><li>Humanistinen näkö...
Multimedia monialainen taito <ul><li>Graafista näkemystä </li></ul><ul><li>Käytettävyyden tuntemista </li></ul><ul><li>Van...
Multimedian käyttö <ul><li>Oppimateriaali (koulu ja työ) </li></ul><ul><li>Uutiset </li></ul><ul><li>Esittelyt </li></ul><...
Multimedialaitteet <ul><li>Tietokone </li></ul><ul><li>Älypuhelin </li></ul><ul><li>Internet tabletit  </li></ul><ul><ul><...
Konvergenssi, yhtenäistyminen <ul><li>Media yhtenäistyy </li></ul><ul><ul><li>Sama sisältö eri jakelukanavia pitkin. </li>...
Digitaalisuus …  eli 01001001010010110
Etsi aiheesta tietoa <ul><li>Digitaalisuus </li></ul><ul><li>Lev Manovich </li></ul>
Mitä digitaalinen media on? <ul><li>Lev Manovich: </li></ul><ul><li>Numeerinen esitysmuoto </li></ul><ul><li>Modulaarisuus...
Digitaalisuus <ul><li>Tieto esitetään lukuina, esim kirjaimet on numeroitu ASCII-koodilla 0-255 </li></ul><ul><li>Tieto es...
Digitaalisen materiaalin teko <ul><li>Digitointi, skannaus, digikameran  ccd-kenno. </li></ul><ul><li>Laatuun vaikuttaa: <...
Digitaalisen materiaalin teko 2 <ul><li>Tietokoneohjelman avulla voidaan  tehdä  </li></ul><ul><ul><li>Ääntä </li></ul></u...
Elementtien yhdistäminen <ul><li>Powerpoint </li></ul><ul><li>WWW–sivut </li></ul><ul><ul><li>HTML-kieli </li></ul></ul><u...
Digitaalisen median komponentit
Peruselementit Kuva, Ääni, Animaatio, Elokuva
Äänen tehtävät <ul><li>Opastus </li></ul><ul><li>Tunnelman luonti </li></ul>
Digitaalinen ääni <ul><li>Äänen roolit multimediassa </li></ul><ul><ul><li>Taustamusiikki (äänimaisema) </li></ul></ul><ul...
Digitaalinen ääni <ul><li>Digitaalinen ääni koostuu </li></ul><ul><ul><li>Näytteenottotarkkuus,  </li></ul></ul><ul><ul><u...
Digitaalisen äänen käsittely <ul><li>Ääni visuaaliseen muotoon </li></ul><ul><li>Valinnat,  </li></ul><ul><li>Efektit </li...
Digitaalisen äänen formaatteja <ul><li>WAV, AIFF, Midi,  </li></ul><ul><li>MP3, MPeg4 </li></ul><ul><li>WMA </li></ul><ul>...
Kuva Kuva kertoo yhtä paljon kuin 1000 sanaa.
Kuvan tehtävät <ul><li>Ikonit </li></ul><ul><li>Tausta </li></ul><ul><li>Tieto </li></ul>
Digitaalinen kuva <ul><li>Kuva koostuu pikseleistä </li></ul><ul><ul><li>Bittisyvyys 2-48bit </li></ul></ul><ul><li>Resolu...
Värit <ul><li>Bittisyvyys kertoo värien määrän </li></ul><ul><ul><ul><li>1bitti -> 2 väriä </li></ul></ul></ul><ul><ul><ul...
Kuvan tallennusmuodot <ul><li>GIF </li></ul><ul><ul><li>Indeksoidut värit, Rasterointi </li></ul></ul><ul><li>JPG </li></u...
Kuvan pakkaaminen <ul><ul><li>Pikseleiden korvaaminen matemaattisella kaavalla. </li></ul></ul><ul><ul><ul><li>8x8-neliö, ...
Vektori vs. bittikartta <ul><li>VEKTORI </li></ul><ul><li>Matemaattinen </li></ul><ul><li>Skaalattava </li></ul><ul><li>Pi...
Animaatio Muuttuvia kuvia
Animaation tehtävät <ul><li>Simulaatio </li></ul><ul><li>Kerronta </li></ul><ul><li>Opastus </li></ul>
Animaatio <ul><li>Jako </li></ul><ul><ul><li>Vuorovaikutteiset </li></ul></ul><ul><ul><li>Jatkuvat, kerran toistettavat </...
Animaatio <ul><li>Morphaus </li></ul><ul><ul><li>Muodonmuutos-animaatio </li></ul></ul>
Video 1. Askel Hollywoodiin
Videon tehtävät <ul><li>Kerronta </li></ul>
Videoleikkeet
Videoleikkeet <ul><li>Digitaalinen materiaali saadaan </li></ul><ul><li>Video- tai digikamerasta. </li></ul><ul><li>Videok...
Videoleikkeet <ul><li>Lähentynyt kotikäyttäjää </li></ul><ul><li>Ohjelmat / laitteet / massamuistit halpuneet </li></ul><u...
Videoleikkeet <ul><li>Digitaalisuus mahdollistaa </li></ul><ul><li>Leikkaus  </li></ul><ul><li>Efektit  </li></ul><ul><li>...
Pakkaaminen <ul><li>Video </li></ul><ul><ul><li>Kaksi tapaa: </li></ul></ul><ul><ul><ul><li>Kuvan pakkaus </li></ul></ul><...
Tekijänoikeudet <ul><li>Teos </li></ul><ul><li>Kopiointi ja yksityiskäyttö </li></ul><ul><li>Teoksen lainaaminen (Sitaatti...
Suunnittelu
Suunnittelu <ul><li>Ammattilaisen erottaa amatööristä : SUUNNITTELU. </li></ul><ul><li>Suunnittelumalleja: </li></ul><ul><...
Tietoarkkitehtuuri  (Pressman) <ul><li>Verkko-arkkitehtuuri </li></ul><ul><li>Hierarkinen- </li></ul><ul><li>Lineaarinen- ...
Värit <ul><li>Värit symboloivat erilaisia toimintoja. </li></ul><ul><li>GUI suunniteltava ensin mustavalkoisena. </li></ul...
Kuvat <ul><li>Kuvien määrä 7 ±2  (Millerin sääntö) </li></ul><ul><li>Kuvat samanlaatuisia </li></ul><ul><ul><ul><li>Värit ...
Käytettävyys <ul><li>Käytettävyydellä  ('usability') tarkoitetaan yleensä  kuinka hyvin  jonkin järjestelmän,kuten web-pal...
Ilkka Kuukan sisällön suunnittelun karuselli lisää käytettävyyteen sovelluksen attraktiivisuuden ('hookability').
Upcoming SlideShare
Loading in …5
×

Multimedia kn 2010

731 views

Published on

Multimedian perusteet

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
731
On SlideShare
0
From Embeds
0
Number of Embeds
103
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Herätys: Missä on sanomalehdet 10 vuoden kuluttua, Kuka niitä lukee? Nykypolvi nk. Diginatiivit (eli te) olette tottuneet käsittelemään ja saamaan tiedon sähköisesti erilaisten multimedian keinoin. Motivointi: Tällä kurssilla tutustutaan erilaisiin tapoihin tehdä multimediaa, tehdä nykypäivän tietoa. Ne työt joita te teette valmistuttuanne ammattiin pitävät hyvin monesti sisällään erilaisten tietojen esittämistä sähköisessä muodossa, eikä pelkkä teksti enää riitä, halutaan animaatiota, elokuvaa, linkkejä, ääniä. Minä olen ensimmäisessä työpaikassa opettajana 2000-luvun alussa tehnyt ensimmäiset www-sivut ja powerpoint-esitykset. Siitä eteenpäin kun olen opettanut multimediaa olen pyrkinyt pysymään aallon harjalla tekniikan kanssa. Milloin flash, milloin elokuvan leikkausta tulee opeteltua. En ole ammattilainen, mutta tällä kurssilla opetellaan tapoja tehdä nykypäivän tekniikan avulla esityksien elementejä ja lopulta yhdistää ne. Kurssin sisältö Yhteenveto: Nykyään ei tarvitse muistaa asioita. Siksi tälläkin kurssilla ei ole tärkeintä että osaa käyttää jotain tiettyä ohjelmaa. Tärkeintä on saada yleiskuva digitaalisen median keinoista ja suunnittelusta. Kokonaiskuva jota voi päivittää sen ajan työkaluihin kun tarvitsee sitä.
  • 80 pistettä jaossa Myöhästymiset 3 kpl= poissaolo
  • Media = tietoa, jota on voitu jakaa, savitaulut, papyrykset Massamedia = Guttenbergin kirjapaino 1460-luvulta, sanomalehdet Ääni (gramofoni, magn.nauhat (c-kasetti) -&gt; Digitalisoituminen 1980-l CD-levy, 90l mp3… Hypermedia – media+ hyperlinkki
  • • Tekninen näkökulma – tiedostoformaatit – signaalinkäsittely, jne. • Suunnittelunäkökulma – esteettiset arvot – media taidemuotona, jne. • Humanistinen näkökulma – viestinnän näkökulma – media vallankäytössä – median vaikutus yksilöön ja yhteiskuntaan • Liiketoimintanäkökulma – kaupallinen sisällöntuotanto • Ohjelmistonäkökulma – Digimediajärjestelmän toteutukseen tarvittavat ohjelmistoratkaisut
  • Ei pärjää tai ei KERKEÄ !
  • Uutiset esim TV-uutisissa käytetään hyväksi animaatioita yms. Opasteet. Esim digikuvien teettämisautomaatit
  • Sulautetut järj = autonavigaattorit, ajotietokone, pesukoneet, rahanvaihtokoneet, automaatit…
  • Lev Manovich:n viisi digitaalisuuden perusperiaatetta Numeerinen esitysmuoto = digit. Tieto nollina ja ykkösinä, digitointi (näytteenottotaajuus, arvot 8bit=256, 16bit=16,7milj, 24bit… Modulaarisuus = jokainen tarkastelun taso voidaan pilkkoa pienempiin osiin, esim. animaatio-&gt;kuvat-&gt;tasot-&gt;pikselit-&gt;bitit 01001001 TAI WWW &gt;sivustot &gt;HTML-sivu &gt;video, teksti, kuva, ääni… =mahdollistaa helpon muokkaamisen (vaihtamisen). Automaatio ( 1)median luonnin autom., 2)median muokkaamisen autom. ja 3)median haun autom.) Tilastoista kuvaaja, animaatiohahmon liike valmiista hahmoista esim. punasilmien poisto. Word korjaa kirjoitusvirheitä… esim. Google tai desktop Google. METADATA n avulla elementtejä järjestellään ja etsitään. Metadata = tietoa tiedosta esim musiikin metadataa: tekijä, tallennuspvm, muokkauspvm, esittäjä, julkaisija, kappaleen nimi… Muutettavuus = Helppo kopioida ja muokata-&gt; henkilökohtaiseksi tarkoitettu moduuli kuten ”Hyvä herra Bond, teille on… ” = Mediatietokannat, josta haetaan juuri silloin kun tarvitaan. Tietokantaa voidaan päivittää tilanteen tasalle. = Samasta tiedosta personoituja käyttöliittymiä (WWW, mobiili, vammaisille, = Tietoverkkoa voidaan käyttää automaattisessa päivityksessä. Esim. tietyömaat karttapalveluun =&gt; Postmoderni yhteiskunta, jossa arvostetaan yksilöä ja yksilöllisyyttä massatuotannon sijasta. Transkoodaus = Ihmisen kommunikoinnin väline (media) viedään tietokoneen ymmärtämälle tasolle biteiksi. = Mediaelementti on (tunnelma, semantiikka, viesti) TAI (tiedostomuoto, pakkausformaatti, muistivaatimus) = Asiat joita pystymme tekemään tietokoneella vaikuttavat toimintaan kulttuurisella tasolla. esim SMS-viestit ovat muuttaneet kieltä koska ei ole ääkkösiä ja näppäimistöä. =
  • Esim. laske yhteen 2+8=10 00000010 =2 + 00001000 =8 -------------- 00001010 2+8=10 2+2 00000010 + 00000010 ------------------ 00000100 =2^2 =4
  • Näytteiden määrä = kuinka monta pikseliä /cm, kuinka monta kertaa ääninäyte /s =hz Näytteenottotarkkuus = kuinka monta vaihtoehtoa näytteen arvolla, bittisyvyys 1bit = 2 2bit = 4 8 bit =256
  • Tehdä = muodostaa tyhjästä ohjelman avulla. Esim. piirretään viiiva. Esim cd-levyn ääni eri kuin vinyyli- eli lp-levyllä.
  • Vuorovaikutus
  • Midi = valmiit soittimet koneessa/ äänikortilla Wav pakkaus/ei yleinen Mp3 WMA windowsin oma äänitietue
  • Bittisyvyys kertoo kuinka monta erilaista vaihtoehtoa on yhdelle pikselille. 2bit 00 01 10 11 = 4kpl 24bit = 3*8bit (3 väriä RGB) 8bit = 2^8 vaihtoehtoa
  • Gif – läpinäkyvyys, piirroskuvat, indeksoitu värijärjestelmä: 8 bit =256 väriä valitaan kuvan mukaan 16,7milj väristä. Liitetään tiedostoon mukaan. JPG – valokuvat, häviöllinen pakkaus Png piirroskuvat, läpinäkyvyys TIFF – häviötön RAW – Raakadata kameran CCD-kennolta
  • AVI, Quicktime (Apple), Mpeg (digiTV), Flash WMF
  • Lineaarinen: video, kirja Sivujen ja sivustojen linkittyminen toisiinsa WWW-sivujen tärkein ominaisuus. Sivustot jaettu pienempiin kokonaisuuksiin jotka Navigointitoimintojen avulla yhdistetty loogiseksi kokonaisuudeksi Käyttäjän ymmärtää palasten väliset yhteydet loogiseksi kokonaisuudeksi= Tietoarkkitehtuuri Verkkoarkkitehtuuri Jokaiselta sivulta jokaiselle (navig.palkki), ei tarvi navig.polkua seurata. Voi olla hyvin sekava Hierarkinen tietoarkkitehtuuri Hierarkinen- yleisin, päätaso, jonka alla alatasoja. Vertikaalit linkit WWW:ssä käytetään myös horisontaalilinkkejä joka voi aiheuttaa sekaannusta. Lineaarinen- Sivusto peräkkäisiin osiin vrt. kirja. Linkit eteen-taakse voi olla myös sivupolkuja Matriisirakenne Kategorisoi tiedon kahta dimensiota käyttäen esim rautakauppa: 1. dim valmistaja: bosch, fiskars, Black&amp;Decker 2.dim olisi työkalu: vasarat, pora… selaaja voi hakea kaikki Fiskarsin tuotteet tai kaikki porat näkyviin tai Fiskarsin poran… Navigointi horisontaali ja vertikaalisti Fasettiluokitus Web mahdollistanut ´tieto jaetaan 2 tai useampaan dimensioon eli fasettiin kuten matriisissa mutta jokainen fasetti voi käyttää omaa tiedon luokitustapaa esim ruokareseptit raaka-aineen, tekotavan, terveellisyyden ajan mukaan jaoteltu Vapaan sanaston luokitus Palvelut, jotka perustuvat käyttäjien itsensä luomaan sisältöön. Esim Flickr Tagit Käyttäjät itse luovat ”luokat” joihin tieto tallettuu tagien avulla.
  • punainen = kielletty, Vihreä = sallittu
  • ESIM WORD 1) 2) 3) 4)
  • Multimedia kn 2010

    1. 1. Multimedia Digitaalinen kuva, video ja ääni
    2. 2. Etsi aiheesta tietoa <ul><li>Diginatiivi </li></ul><ul><li>Multimedian määritelmä </li></ul><ul><li>Multimedian käyttökohteita </li></ul><ul><li>Konvergenssi </li></ul>
    3. 3. (teidän) Tulevaisuus <ul><li>Mistä sinä luet uutisesi? </li></ul>
    4. 4. Multimedia
    5. 5. Tavoitteet <ul><li>Tärkeintä on saada yleiskuva digitaalisen median keinoista, käytöstä ja suunnittelusta. </li></ul><ul><li>Kokonaiskuva jota voi päivittää sen ajan työkaluihin kun tarvitsee sitä. </li></ul>
    6. 6. Tavoitteiden mittaaminen <ul><li>Kurssista saatava 50 pistettä </li></ul><ul><li>Lopputyö = multimediaprojekti </li></ul><ul><li>Läsnäolo </li></ul><ul><ul><li>Jatkuva näyttö aktiivisuudesta </li></ul></ul><ul><ul><li>6 poissaoloa = ei arvostelua </li></ul></ul>
    7. 7. Moodle -oppimisympäristö <ul><li>www.kajaaninlukio.fi </li></ul><ul><li>Tunnus: etunimi.sukunimi </li></ul><ul><li>Salasana: etunimi </li></ul><ul><li>Etsi atk9 </li></ul><ul><li>Avain : video </li></ul>
    8. 8. Le@rn –yhteistyö Oulun yliopiston kanssa <ul><li>ATK9 ja ATK10 muodostuvat kurssista: </li></ul><ul><li>Multimedian perusteet 4op </li></ul><ul><li>Lopputyö ja tentti </li></ul>
    9. 9. Historiaa <ul><li>Media </li></ul><ul><li>Massamedia </li></ul><ul><li>Ääni </li></ul><ul><li>Hypermedia - WWW </li></ul><ul><li>Multimedia </li></ul><ul><li>… </li></ul><ul><li>Lisää: http://writing.atomicmartinis.com/moments.htm </li></ul>
    10. 10. Multimedia <ul><li>Multimedia yhdistää </li></ul><ul><ul><li>Kuvan </li></ul></ul><ul><ul><li>Äänen </li></ul></ul><ul><ul><li>Elokuvan, animaation </li></ul></ul><ul><ul><li>Tekstin </li></ul></ul>
    11. 11. Erilaisia näkökulmia <ul><li>Tekninen näkökulma </li></ul><ul><li>Suunnittelunäkökulma </li></ul><ul><li>Humanistinen näkökulma </li></ul><ul><li>Liiketoimintanäkökulma </li></ul><ul><li>Ohjelmistonäkökulma </li></ul>
    12. 12. Multimedia monialainen taito <ul><li>Graafista näkemystä </li></ul><ul><li>Käytettävyyden tuntemista </li></ul><ul><li>Vankkaa asiantuntijuutta kohteesta </li></ul><ul><li>Ohjelmisto-tietämystä </li></ul><ul><li>Yksin ei pärjää pitkälle! </li></ul>
    13. 13. Multimedian käyttö <ul><li>Oppimateriaali (koulu ja työ) </li></ul><ul><li>Uutiset </li></ul><ul><li>Esittelyt </li></ul><ul><li>Ohjeet, opasteet </li></ul>
    14. 14. Multimedialaitteet <ul><li>Tietokone </li></ul><ul><li>Älypuhelin </li></ul><ul><li>Internet tabletit </li></ul><ul><ul><ul><ul><li>nokia 770, N800 </li></ul></ul></ul></ul><ul><li>Digitelevisio </li></ul><ul><li>Sulautetut järjestelmät </li></ul>
    15. 15. Konvergenssi, yhtenäistyminen <ul><li>Media yhtenäistyy </li></ul><ul><ul><li>Sama sisältö eri jakelukanavia pitkin. </li></ul></ul><ul><ul><ul><li>www, puhelin, mobiililaitteet, (digi-)TV, lehdet </li></ul></ul></ul><ul><ul><ul><li>Omistussuhteet muuttuvat </li></ul></ul></ul>
    16. 16. Digitaalisuus … eli 01001001010010110
    17. 17. Etsi aiheesta tietoa <ul><li>Digitaalisuus </li></ul><ul><li>Lev Manovich </li></ul>
    18. 18. Mitä digitaalinen media on? <ul><li>Lev Manovich: </li></ul><ul><li>Numeerinen esitysmuoto </li></ul><ul><li>Modulaarisuus </li></ul><ul><li>Automaatio </li></ul><ul><li>Muutettavuus </li></ul><ul><li>Transkoodaus </li></ul>
    19. 19. Digitaalisuus <ul><li>Tieto esitetään lukuina, esim kirjaimet on numeroitu ASCII-koodilla 0-255 </li></ul><ul><li>Tieto esitetään bittien 0 ja 1 avulla </li></ul><ul><li>1 tavu on 8 bittiä </li></ul><ul><li>Esim. binääriesitys luvulle 26 </li></ul>0 0 0 1 1 0 1 0 2 7 2 6 2 5 2 4 2 3 2 2 2 1 2 0 128 64 32 16 8 4 2 1
    20. 20. Digitaalisen materiaalin teko <ul><li>Digitointi, skannaus, digikameran ccd-kenno. </li></ul><ul><li>Laatuun vaikuttaa: </li></ul><ul><li>Näytteiden määrä </li></ul><ul><li>Näytteenottotarkkuus </li></ul>
    21. 21. Digitaalisen materiaalin teko 2 <ul><li>Tietokoneohjelman avulla voidaan tehdä </li></ul><ul><ul><li>Ääntä </li></ul></ul><ul><ul><li>Kuvaa </li></ul></ul><ul><li>” Liian puhdasta” </li></ul>
    22. 22. Elementtien yhdistäminen <ul><li>Powerpoint </li></ul><ul><li>WWW–sivut </li></ul><ul><ul><li>HTML-kieli </li></ul></ul><ul><li>Flash </li></ul><ul><li>” Multimedia-ohjelmat” </li></ul><ul><ul><li>Multimaker, </li></ul></ul><ul><li>PDF </li></ul>
    23. 23. Digitaalisen median komponentit
    24. 24. Peruselementit Kuva, Ääni, Animaatio, Elokuva
    25. 25. Äänen tehtävät <ul><li>Opastus </li></ul><ul><li>Tunnelman luonti </li></ul>
    26. 26. Digitaalinen ääni <ul><li>Äänen roolit multimediassa </li></ul><ul><ul><li>Taustamusiikki (äänimaisema) </li></ul></ul><ul><ul><li>Äänitehoste </li></ul></ul><ul><ul><li>Kerronnallinen ääni </li></ul></ul>
    27. 27. Digitaalinen ääni <ul><li>Digitaalinen ääni koostuu </li></ul><ul><ul><li>Näytteenottotarkkuus, </li></ul></ul><ul><ul><ul><li>8bit, (00010010)=256 tasoa </li></ul></ul></ul><ul><ul><li>Näytteenottotaajuus </li></ul></ul><ul><ul><ul><li>Kertoo kuinka monta näytettä sekunnissa </li></ul></ul></ul><ul><ul><ul><li>16kHz  16000 Näytettä sekunnissa </li></ul></ul></ul><ul><ul><li>CD-tasoinen ääni </li></ul></ul><ul><ul><ul><li>16bit (65536 tasoa) 44,1kHz </li></ul></ul></ul>
    28. 28. Digitaalisen äänen käsittely <ul><li>Ääni visuaaliseen muotoon </li></ul><ul><li>Valinnat, </li></ul><ul><li>Efektit </li></ul><ul><ul><li>Äänen putsaus </li></ul></ul><ul><ul><li>Kaiku </li></ul></ul><ul><ul><li>Häivytys (Fade), Äänen sävy/korkeus </li></ul></ul>
    29. 29. Digitaalisen äänen formaatteja <ul><li>WAV, AIFF, Midi, </li></ul><ul><li>MP3, MPeg4 </li></ul><ul><li>WMA </li></ul><ul><li>RealAudioOne </li></ul>
    30. 30. Kuva Kuva kertoo yhtä paljon kuin 1000 sanaa.
    31. 31. Kuvan tehtävät <ul><li>Ikonit </li></ul><ul><li>Tausta </li></ul><ul><li>Tieto </li></ul>
    32. 32. Digitaalinen kuva <ul><li>Kuva koostuu pikseleistä </li></ul><ul><ul><li>Bittisyvyys 2-48bit </li></ul></ul><ul><li>Resoluutio </li></ul><ul><li>Värijärjestelmät </li></ul><ul><ul><li>RGB </li></ul></ul><ul><ul><li>CMYK </li></ul></ul>
    33. 33. Värit <ul><li>Bittisyvyys kertoo värien määrän </li></ul><ul><ul><ul><li>1bitti -> 2 väriä </li></ul></ul></ul><ul><ul><ul><li>3*8bittiä = 16,7 milj. väriä RGB </li></ul></ul></ul>
    34. 34. Kuvan tallennusmuodot <ul><li>GIF </li></ul><ul><ul><li>Indeksoidut värit, Rasterointi </li></ul></ul><ul><li>JPG </li></ul><ul><li>PNG </li></ul><ul><li>TIFF </li></ul><ul><li>RAW </li></ul>
    35. 35. Kuvan pakkaaminen <ul><ul><li>Pikseleiden korvaaminen matemaattisella kaavalla. </li></ul></ul><ul><ul><ul><li>8x8-neliö, jonka värien keskiarvoväri sijoitetaan vas.ylänurkkaan. Loput pikselit mahd. lähelle sitä (JPG) </li></ul></ul></ul><ul><ul><li>Värien vähentäminen </li></ul></ul><ul><ul><ul><li>Indeksoidut värit. (GIF) </li></ul></ul></ul>
    36. 36. Vektori vs. bittikartta <ul><li>VEKTORI </li></ul><ul><li>Matemaattinen </li></ul><ul><li>Skaalattava </li></ul><ul><li>Piirrokset </li></ul><ul><li>MS Office </li></ul><ul><li>BITTIKARTTA </li></ul><ul><li>Pikseli </li></ul><ul><li>Ei-skaalattava </li></ul><ul><li>Tilasyöppö </li></ul><ul><li>Kuvat </li></ul><ul><li>Liukuvärit </li></ul><ul><li>Digikamerat, skannerit… </li></ul>
    37. 37. Animaatio Muuttuvia kuvia
    38. 38. Animaation tehtävät <ul><li>Simulaatio </li></ul><ul><li>Kerronta </li></ul><ul><li>Opastus </li></ul>
    39. 39. Animaatio <ul><li>Jako </li></ul><ul><ul><li>Vuorovaikutteiset </li></ul></ul><ul><ul><li>Jatkuvat, kerran toistettavat </li></ul></ul><ul><ul><li>Määräajoin toistettavat </li></ul></ul><ul><li>Tyypit </li></ul><ul><ul><li>Kuva-kuvalta (GIF) </li></ul></ul><ul><ul><li>Vektoripohjaiset (Flash) </li></ul></ul><ul><ul><li>Elokuvatiedostot (AVI, MPG, WMV) </li></ul></ul>
    40. 40. Animaatio <ul><li>Morphaus </li></ul><ul><ul><li>Muodonmuutos-animaatio </li></ul></ul>
    41. 41. Video 1. Askel Hollywoodiin
    42. 42. Videon tehtävät <ul><li>Kerronta </li></ul>
    43. 43. Videoleikkeet
    44. 44. Videoleikkeet <ul><li>Digitaalinen materiaali saadaan </li></ul><ul><li>Video- tai digikamerasta. </li></ul><ul><li>Videokaappauskortilla (vhs...) </li></ul><ul><li>Tallentavasta digiboksista </li></ul>
    45. 45. Videoleikkeet <ul><li>Lähentynyt kotikäyttäjää </li></ul><ul><li>Ohjelmat / laitteet / massamuistit halpuneet </li></ul><ul><li>Videoeditointiohjelma </li></ul><ul><ul><li>Adobe Premier, Pinnacle studio Windows movieMaker… </li></ul></ul>
    46. 46. Videoleikkeet <ul><li>Digitaalisuus mahdollistaa </li></ul><ul><li>Leikkaus </li></ul><ul><li>Efektit </li></ul><ul><li>Tekstitys </li></ul><ul><li>Jakaminen </li></ul>
    47. 47. Pakkaaminen <ul><li>Video </li></ul><ul><ul><li>Kaksi tapaa: </li></ul></ul><ul><ul><ul><li>Kuvan pakkaus </li></ul></ul></ul><ul><ul><ul><li>Avainruutujen väliin kuvien interpolointi </li></ul></ul></ul><ul><ul><li>Tiedostomuotoja </li></ul></ul><ul><ul><ul><li>AVI, Quicktime, Mpeg, Flash </li></ul></ul></ul><ul><ul><ul><li>Plug-in selaimeen </li></ul></ul></ul>
    48. 48. Tekijänoikeudet <ul><li>Teos </li></ul><ul><li>Kopiointi ja yksityiskäyttö </li></ul><ul><li>Teoksen lainaaminen (Sitaatti) </li></ul><ul><li>Vapaata materiaalia (?) </li></ul><ul><li>Kotisivut </li></ul>
    49. 49. Suunnittelu
    50. 50. Suunnittelu <ul><li>Ammattilaisen erottaa amatööristä : SUUNNITTELU. </li></ul><ul><li>Suunnittelumalleja: </li></ul><ul><ul><ul><li>Vesiputous-, scrub-, jne… </li></ul></ul></ul>
    51. 51. Tietoarkkitehtuuri (Pressman) <ul><li>Verkko-arkkitehtuuri </li></ul><ul><li>Hierarkinen- </li></ul><ul><li>Lineaarinen- </li></ul><ul><li>Matriisirakenne </li></ul><ul><li>Fasettiluokitus </li></ul><ul><li>Vapaan sanaston luokitus </li></ul>
    52. 52. Värit <ul><li>Värit symboloivat erilaisia toimintoja. </li></ul><ul><li>GUI suunniteltava ensin mustavalkoisena. </li></ul><ul><li>Värejä 5 ±2 kappaletta (vrt. Millerin 7+-2) </li></ul><ul><li>Sama väri ilmaisee kahden objektin yhteyden. </li></ul>
    53. 53. Kuvat <ul><li>Kuvien määrä 7 ±2 (Millerin sääntö) </li></ul><ul><li>Kuvat samanlaatuisia </li></ul><ul><ul><ul><li>Värit (seepia, mv…) </li></ul></ul></ul>
    54. 54. Käytettävyys <ul><li>Käytettävyydellä ('usability') tarkoitetaan yleensä kuinka hyvin jonkin järjestelmän,kuten web-palvelun, toimintoja voidaan käyttää haluttuun tarkoitukseen. </li></ul><ul><li>Minkä tahansa järjestelmän toiminnallinen hyödyllisyys ( toiminnot ) ja niiden käytönsujuvuus ( käytettävyys ) muodostavat järjestelmän kokonaishyödyllisyyden. </li></ul><ul><li>Nielsenin(1993) tunnettu esitys jakaa käytettävyyden osatekijät seuraavasti: </li></ul><ul><ul><ul><li>opittavuus </li></ul></ul></ul><ul><ul><ul><li>käytön tehokkuus </li></ul></ul></ul><ul><ul><ul><li>muistettavuus </li></ul></ul></ul><ul><ul><ul><li>virheiden vähäisyys </li></ul></ul></ul>
    55. 55. Ilkka Kuukan sisällön suunnittelun karuselli lisää käytettävyyteen sovelluksen attraktiivisuuden ('hookability').

    ×