HTML5 video, audio, canvas. Mirja Jaakkola

Save this PDF as:
 WORD  PNG  TXT  JPG

Koko: px
Aloita esitys sivulta:

Download "HTML5 video, audio, canvas. Mirja Jaakkola"

Transkriptio

1 HTML5 video, audio, canvas Mirja Jaakkola

2 Video webbisivulla HTML5 mahdollistaa videon lisäämisen webbi-sivuille ilman plugineja. Yleisimmät videoformaatit webissä: Mpeg-4 eli H.264 Ogg Flash Perustuu Applen Quicktime-formaattiin. Tuki IE9, Safari, Opera (Linux) Tiedostopäätteenä yleensä.mov,.mp4 tai.m4v Open Source, jota tuetaan Linux:ssa. Windows ja Mac-käyttäjät voivat asentaa tarvittavan koodekin. Firefox, Chrome ja Opera tukee Tiedostopäätteenä.ogv tai.ogx Flashin oma tiedostoformaatti, vaatii selaimeen plug-in. Tiedostomuoto.flv tai uudempi.f4v WebM Uusi googlen kehittä formaatti. Tuki tulossa: Chome, Firefox, Opera Tiedostomuoto.webm 2

3 Videon liittäminen webbisivulle <video> -elementti liittää videon sivulle <video src="video.mp4"/> Videoon voidaan liittää attribuutteja: <video src="video.mp4" width="400" height="300" autoplay="autoplay"/> Controls-attribuutilla saat kontrollipainikkeet Loop-attribuutilla video toistuu automaattisesti Preload-attribuutilla videon voi ladata vaikkei haluttaisi käynnistää sitä automaattisesti Poster-attribuutti sijoittaa kuvan videon mustan ruudun tilalle, jos videota ei haluta käynnistää heti. <video src="video.mp4" preload controls poster="kuva.png"/> 3

4 Erilaiset videoformaatit Lisää eri videotiedostoja source-elementin avulla. Jotta video näkyisi toistettaessa muista käyttää oikeaa MIME-tyyppiä sourcen yhteydessä. Vanhoja selaimia varten voit liittää myös flash-videon sivulle (ei käsitellä tässä). <video width="400" height="300" controls> <source src="video.mp4" type="video/mp4" /> <source src="video.ogv" type="video/ogg"/> </video> Lisätietoa videosta ja selain tuesta: Videon muuttaminen toiseen tiedostomuotoon: 4

5 Audio Audio-elementillä voit upottaa sivulle ääntä erikseen ilman videota <audio src="musa.mp3"/> Jos liität mukaan controls-attribuutilla kontrollit, alkaa esitys vasta kun sivulla olija haluaa käynnistää äänen Jos mukana on autoplay-attribuutti, käynnistyy esitys automaattisesti Eri selaimia varten kannattaa tarjota eri formaatteja, joista selain käyttää ensimmäiseksi tunnistamaansa. <audio controls> <source="musa.mp3" type="audio/mpeg" > <source="musa.ogg" type="audio/ogg"> </audio> 5

6 Audio linkkejä Tehosteääniä löydät esim. ylen tehoste-arkistosta (mp3-muoto): Firefoxia varten konvertoi äänet ogg-muotoon osoitteessa: ÄÄNIPÄÄ - ääni-ilmaisun ja äänikerronnan erikoissivut: 6

7 Canvas <canvas> on bitmap-tyyppinen objekti, jolle voidaan dynaamisesti tuottaa kuvia, graafeja, animaatiota, peligrafiikkaa Piirtoalueena toimii suorakaiteen muotoinen alue Piirtäminen perustuu javascript-funtioihin, jotka käyttävät Canvas API 2D-sovellusta kuvioiden, viivojen, siirtymien ja liukuvärien piirtämiseen <img>-elementtiin verrattuna suurin ero on se, että <canvas>elementissä voidaan muokata pikseleitä ja kuva voidaan tallentaa. Kaikki muut selaimet tukevat Canvas-elementtiä paitsi IE8 (IE9 tukee). 7

8 Canvas vertailua Canvas vrt. SVG SVG perustuu vektorigrafiikkaa ja on siksi skaalattavissa rajattomasti XML-kielinen tiedosto Canvas on bittikarttakuva, jota voi zoomata mutta ei skaalata Toteutetaan javascriptillä, joten voidaan toteuttaa animaatioita ja pelejä 8

9 Piirtäminen Canvas-elementillä Määritä ensin canvas-elementillä piirtoalustan koko: <canvas id= "pohja" width="400" height="300"></canvas> Seuraavaksi viitataan kontekstiolioon, johon piirtäminen tulee: var konteksti = document.getelementbyid("pohja").getcontext("2d"); Piirtämisessä käytetään koordinaatteja, jotka lähtevät vasemman yläkulman (0,0) pisteestä. Siirrä kursori moveto(x,y)- metodilla piirtämisen aloituskohtaan : konteksti.moveto(20,10); 9

10 Viivan piirtäminen Canvas-elementillä Määritä seuraavaksi viivan loppupiste lineto(x,y)- metodilla: konteksti.lineto(120,70); Määritä vielä viivalle väri: konteksti.strokestyle= "#f00"; Anna lopuksi stroke()-metodi viivan piirtämiseksi: konteksti.stroke(); 10

11 Koodi punaiselle kolmiolle Voit jatkaa viivan piirtämistä kuvioksi lisäämällä lineto-lauseita <canvas id= "pohja" width="400" height="300"></canvas> <script> var konteksti = document.getelementbyid("pohja").getcontext("2d"); konteksti.moveto(20,10); konteksti.lineto(120,70); konteksti.lineto(100,150); konteksti.lineto(20,10); konteksti.strokestyle= "#f00"; konteksti.stroke(); </script> 11

12 Silmukan hyödyntäminen Voit käyttää for-lausetta ja kasvattaa muuttujan arvoa. Esim. <canvas id= "pohja" width="400" height="300"></canvas> <script> var konteksti = document.getelementbyid("pohja").getcontext("2d"); konteksti.moveto(10,10); for(var i=10;i<200;i+=30){ konteksti.moveto(i,10); konteksti.lineto(i+30,30); konteksti.lineto(i+30,150); konteksti.lineto(i,10); } konteksti.strokestyle= "#f00"; konteksti.stroke(); </script> 12

13 Suorakulmio Suorakulmion piirtämiseen käytetään strokerect(x,y,leveys,korkeus) - metodia. konteksti.strokerect(20,10,80,60); Voit tehdä täytetyn (oletusväri musta) suorakulmion fillrect- metodilla. konteksti.fillrect(120,10,60,120); 13

14 Ympyrä & kaari Ympyrän ja kaaren saat arc(x, y, säde, alkukulma, loppukulma, kierto vastapäivään) -metodilla. Antamalla loppukulmalle arvon 2*Math.PI saat täyden ympyrän. linewidth määrittää viivan paksuuden beginpath-metodilla pystyt aloittamaan uuden ympyrän. Ilman tätä metodia piirrokseen tulee ympyrät yhdistävä viiva. konteksti.linewidth=10; konteksti.arc(70,100,50,0,2*math.pi,false); konteksti.stroke(); konteksti.beginpath(); konteksti.linewidth=1; konteksti.arc(70,100,20,0,2*math.pi,false); konteksti.stroke(); </script> 14

15 Belize-käyrä Malli: context.beziercurveto(controlx1, controly1, controlx2, controly2, endx, endy); esim. canvas id="kurvi" width="400" height="200"></canvas> <script> var canvas = document.getelementbyid('kurvi'); var konteksti = canvas.getcontext('2d'); konteksti.beginpath(); konteksti.moveto(150, 110); konteksti.beziercurveto(150, 20, 350, 20, 340, 180); konteksti.strokestyle = 'navy'; konteksti.linewidth = 5; konteksti.stroke(); </script> 15

16 Täyte Edellisen tehtävän ympyrän tai muun kuvion täytät fill-metodilla: konteksti.arc(70,100,50,0,2*math.pi,false); konteksti.stroke(); konteksti.fillstyle= #fcc ; konteksti.fill(); Liukuvärin saat määrittelemällä liukuvärin seuraavasti: konteksti.arc(70,100,50,0,2*math.pi,false); var liukuvari=konteksti.createradialgradient(70,100,50,70,100,10); liukuvari.addcolorstop(0,"#000"); liukuvari.addcolorstop(1,"#fcc"); konteksti.fillstyle=liukuvari; konteksti.fill(); 16

17 Liukuväri laatikkoon Linear-muotoisen liukuvärin saat seuraavasti: var liukuvari=konteksti.createlineargradient(70,100,50,70); liukuvari.addcolorstop(0,"#000"); liukuvari.addcolorstop(1,"#fcc"); konteksti.fillstyle=liukuvari; konteksti.fill(); konteksti.fillrect(20,50,50,70); 17

18 Teksti Voit lisätä tekstiä esim. laatikon sisälle: konteksti.strokerect(20,10,160,130); konteksti.font="26px Arial"; konteksti.filltext("kokeilua",30,50); konteksti.stroketext("kokeilua",30,100); 18

19 Kuvan lataus konteksti.drawimage(kuva, 10, 50); Esim. <canvas id="kuvat" width="300" height="345"></canvas> <script> var canvas = document.getelementbyid('kuvat'); var konteksti = canvas.getcontext('2d'); var kuva = new Image(); kuva.onload = function() { konteksti.drawimage(kuva, 10, 50); }; kuva.src = 'kuva.jpg'; </script> 19

20 Animaatio Suoraviivainen liike tehdään javascriptin ajastimen avulla. Alla olevassa esimerkissä setinterval(x,y) käynnistää funktion, jonka nimi on x:n paikalla, y:n ilmoittaman ajan kuluttua (millisekunnin). Ajastimen voi kumota komennolla clearinterval(z), missä z on ajastimen tunnistenimi. <canvas id= "pallo" width="400" height="200"> </canvas> <script> var konteksti = document.getelementbyid("pallo").getcontext("2d"); konteksti.fillstyle='#fcc'; var i=50; var aika; function liike(){ i++; if(i>100) {clearinterval(aika);} konteksti.clearrect(0,0,100,100); konteksti.beginpath(); konteksti.arc(i,50,15,0,2*math.pi,false); konteksti.fill();} aika=setinterval(liike,50); </script> 20

21 Canvas lähteitä Esimerkkejä: Tutoriaaleja: Piirtoalustoja: Esimerkki canvas-kirjastosta: Liekehtivä teksti löytyy osoitteesta: 21

Internet-pohjaisen oppimisympäristön laadinta. Luento 3

Internet-pohjaisen oppimisympäristön laadinta. Luento 3 Internet-pohjaisen oppimisympäristön laadinta Luento 3 Aiheena tänään Toteutustekniikoista yleisesti Selainriippumattomuudesta Hot Potatoes -ohjelmasta JavaScriptin perusteista 31.01.2013 IPOPPLA 2 Toteutustekniikoista

Lisätiedot

Sähköiset sisällöt yleisiin kirjastoihin - hanke Turku 10.9.2013 Aija Laine aija.laine@turku.fi

Sähköiset sisällöt yleisiin kirjastoihin - hanke Turku 10.9.2013 Aija Laine aija.laine@turku.fi Sähköiset sisällöt yleisiin kirjastoihin - hanke Turku 10.9.2013 Aija Laine aija.laine@turku.fi E-kirjalla on monia määritelmiä ja monta nimeä Tiedosto, joka käsittää kirjan lukijalle välittyvän sisällön

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

Käyttöohje - Sanoma Pro digikirjat verkkopalvelu v 1.0 2013-07- 10. Sanoma Pro digikirjat verkkopalvelu... 2. Yleistä... 2. Laitteistovaatimukset...

Käyttöohje - Sanoma Pro digikirjat verkkopalvelu v 1.0 2013-07- 10. Sanoma Pro digikirjat verkkopalvelu... 2. Yleistä... 2. Laitteistovaatimukset... - 1 - Käyttöohje - Sanoma Pro digikirjat verkkopalvelu v 1.0 2013-07- 10 Sanoma Pro digikirjat verkkopalvelu... 2 Yleistä... 2 Laitteistovaatimukset... 2 Sisäänkirjautuminen... 2 Uloskirjautuminen... 3

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

Alkuun HTML5 peliohjelmoinnissa

Alkuun HTML5 peliohjelmoinnissa Paavo Räisänen Alkuun HTML5 peliohjelmoinnissa www.ohjelmoimaan.net Tätä opasta saa vapaasti kopioida ja levittää ei kaupallisissa tarkoituksissa. Sisällysluettelo 1: Alkusanat 2: Alkuun 3: Pelinäkymä

Lisätiedot

Harjoitustyö 5: 2D-animointi verkkosivuilla (HTML5 Canvas)

Harjoitustyö 5: 2D-animointi verkkosivuilla (HTML5 Canvas) Harjoitustyö 5: 2D-animointi verkkosivuilla (HTML5 Canvas) Kurssin viidennessä harjoitustyössä tutustutaan 2D-animoinnin toteuttamiseen verkkosivuille HTML5 Canvas -elementin ja JavaScriptin (HTML Canvas

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

HTML 5 Johdanto. Mikä on HTML 5

HTML 5 Johdanto. Mikä on HTML 5 HTML 5 Johdanto Antti-Jussi Lakanen Mikä on HTML 5 HTML 5 on uusistandardihtml-, XHTML-ja HTML DOM-määrittelyille HTML 4 tuliulosvuonna1999. Webbion muuttunut paljon niistä ajoista HTML 5:n speksion kesken.

Lisätiedot

Ääni ja video verkkosivuilla (HTML5 Audio ja Video)

Ääni ja video verkkosivuilla (HTML5 Audio ja Video) Ääni ja video verkkosivuilla Selainohjelmointi (JavaScript) (HTML5 Audio ja Video) T-111.1100 Digitaalisen median työvälineet (3 op) ME-C2300 Verkkojulkaisemisen perusteet (5 op) Mari Hirvi Laine DI Markku

Lisätiedot

Flow!Works Pikaohjeet

Flow!Works Pikaohjeet 1 Flow!Works Pikaohjeet FW 3.0.0 Piirtotyökalut Kynä Sivellin Kirjoituskynä Korostuskynä Loistekynä Kuviokynä Älykynä Elekynä Valitse Kuvion Piirtotoiminnot Täytä llä Leveys Pyyhekumi Pyyhi alku muoto

Lisätiedot

Jos haluat uuden Share-työkalun, valitse Pods -> Share -> Add New Share tai jos sinulla on jo auki Share-työkalu, näyttää se tältä:

Jos haluat uuden Share-työkalun, valitse Pods -> Share -> Add New Share tai jos sinulla on jo auki Share-työkalu, näyttää se tältä: Share-työkalu Share-työkalulla voit jakaa Connect-huoneessa tietokoneesi näyttöä, koneellasi auki olevia sovelluksia tai valkotaulun, johon voi piirtää tai kirjoittaa. Jos haluat uuden Share-työkalun,

Lisätiedot

Formaattien muunnokset 01012016 pva

Formaattien muunnokset 01012016 pva Formaattien muunnokset 01012016 pva 1. VLC media player 2. Videon katselu 3. Audioformaatin muunnos 4. Videoformaatin muunnos 5. Extraa. Videoformaatin muunnos-2 6. Testaus Yleistä Digitoitu multimedia

Lisätiedot

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

Visma Fivaldi. Ohjeet Java web startin ja HTML5-työkalun aktivointiin Visma Fivaldi Ohjeet Java web startin ja HTML5-työkalun aktivointiin Visma Software Oy pidättää itsellään oikeuden mahdollisiin parannuksiin ja/tai muutoksiin tässä oppaassa ja/tai ohjelmassa ilman eri

Lisätiedot

Condes. Quick Start opas. Suunnistuksen ratamestariohjelmisto. Versio 8. Quick Start - opas Condes 8. olfellows www.olfellows.fi 1.

Condes. Quick Start opas. Suunnistuksen ratamestariohjelmisto. Versio 8. Quick Start - opas Condes 8. olfellows www.olfellows.fi 1. Condes Suunnistuksen ratamestariohjelmisto Versio 8 Quick Start opas Yhteystiedot: olfellows Jouni Laaksonen Poijukuja 4 21120 RAISIO Sähköposti: jouni.laaksonen@olfellows.fi www.olfellows.fi olfellows

Lisätiedot

6. Harjoitusjakso II. Vinkkejä ja ohjeita

6. Harjoitusjakso II. Vinkkejä ja ohjeita 6. Harjoitusjakso II Seuraavaksi harjoitellaan algebrallisten syötteiden, komentojen ja funktioiden käyttöä GeoGebrassa. Tarjolla on ensimmäisen harjoittelujakson tapaan kahden tasoisia harjoituksia: perustaso

Lisätiedot

JAVA on ohjelmointikieli, mikä on kieliopiltaan hyvin samankaltainen, jopa identtinen mm. C++

JAVA on ohjelmointikieli, mikä on kieliopiltaan hyvin samankaltainen, jopa identtinen mm. C++ JAVA alkeet JAVA on ohjelmointikieli, mikä on kieliopiltaan hyvin samankaltainen, jopa identtinen mm. C++ ja Javascriptin kanssa. Huom! JAVA ja JavaScript eivät silti ole sama asia, eivätkä edes sukulaiskieliä.

Lisätiedot

Gimp JA MUUT KUVANKÄSITTELYOHJELMAT

Gimp JA MUUT KUVANKÄSITTELYOHJELMAT Gimp JA MUUT KUVANKÄSITTELYOHJELMAT Daniela Lund Ti07 A241227 Linux-järjstelmät 01.12.2009 MIKÄ ON KUVANKÄSITTELYOHJELMA? Kuvankäsittelyohjelma on tietokoneohjelma, jolla muokataan digitaalisessa muodossa

Lisätiedot

Johdatus L A TEXiin. 7. Taulukot ja kuvat. Dept. of Mathematical Sciences

Johdatus L A TEXiin. 7. Taulukot ja kuvat. Dept. of Mathematical Sciences Johdatus L A TEXiin 7. Taulukot ja kuvat Dept. of Mathematical Sciences Taulukot I Taulukkomaiset rakenteet tehdään ympäristöllä tabular Ympäristön argumentiksi annetaan sarakemäärittely, joka on kirjaimista

Lisätiedot

KTKO104 Demo 3. Marika Peltonen

KTKO104 Demo 3. Marika Peltonen KTKO104 Demo 3 Marika Peltonen 0504432380 marika.p.peltonen@jyu.fi Harjoitusryhmät Vko 41 Esitysgrafiikka, Powerpoint, Prezi ja pientä kuvankäsittelyä Vko 43 Tekstinkäsittely Vko 44 Tekstinkäsittely jatkuu

Lisätiedot

Muita kuvankäsittelyohjelmia on mm. Paint Shop Pro, Photoshop Elements, Microsoft Office Picture Manager

Muita kuvankäsittelyohjelmia on mm. Paint Shop Pro, Photoshop Elements, Microsoft Office Picture Manager Missio: 1. Asentaminen 2. Valokuvien tarkastelu, tallennus/formaatit, koko, tarkkuus, korjaukset/suotimet, rajaus 3. Kuvan luonti/työkalut (grafiikka kuvat) 4. Tekstin/grafiikan lisääminen kuviin, kuvien/grafiikan

Lisätiedot

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

Entiteetit erotetaan muusta tekstistä & ja puolipiste. esim. copyright-merkki näkyy sivulla 1 ENTITEETIT Tehtävä 1. Tietokoneet ja käyttöjärjestelmät käyttävät erilaisia merkkijärjestelmiä ja varsinkin Internetin alkutaipaleella aiheutti sen, että jotkut merkit eivät näkyneet kaikilla oikein.

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

Laiteriippumaton UI Ajaxilla ja Javalla

Laiteriippumaton UI Ajaxilla ja Javalla Laiteriippumaton UI Ajaxilla ja Javalla IT Mill Joonas Lehtinen, PhD CEO IT Mill Leading expert on RIA (Rich Internet Applications) Provides tools, services and support for software development for Web,

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

(HTML5 Canvas) T-111.1100 Digitaalisen median työvälineet (3 op) ME-C2300 Verkkojulkaisemisen perusteet (5 op)

(HTML5 Canvas) T-111.1100 Digitaalisen median työvälineet (3 op) ME-C2300 Verkkojulkaisemisen perusteet (5 op) Selainohjelmointi 2D-animointi verkkosivuilla (JavaScript) (HTML5 Canvas) T-111.1100 Digitaalisen median työvälineet (3 op) ME-C2300 Verkkojulkaisemisen perusteet (5 op) DI Juuso Markku Lappalainen Laine

Lisätiedot

Epooqin perusominaisuudet

Epooqin perusominaisuudet Epooqin perusominaisuudet Huom! Epooqia käytettäessä on suositeltavaa käyttää Firefox -selainta. Chrome toimii myös, mutta eräissä asioissa, kuten äänittämisessä, voi esiintyä ongelmia. Internet Exploreria

Lisätiedot

Ohjelmoinnin perusteet Y Python

Ohjelmoinnin perusteet Y Python Ohjelmoinnin perusteet Y Python T-106.1208 12.4.2010 T-106.1208 Ohjelmoinnin perusteet Y 12.4.2010 1 / 34 Graafiset käyttöliittymät Tähän asti kirjoitetuissa ohjelmissa on ollut tekstipohjainen käyttöliittymä.

Lisätiedot

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

Ensin klikkaa käynnistä-valikkoa ja sieltä Kaikki ohjelmat valikosta kaikki ohjelmat Microsoft Office 2010 löytyy tietokoneen käynnistä-valikosta aivan kuin kaikki muutkin tietokoneelle asennetut ohjelmat. Microsoft kansion sisältä löytyy toimisto-ohjelmistopakettiin kuuluvat eri ohjelmat,

Lisätiedot

GeoGebra Quickstart. Lyhyt GeoGebra 2.7 -ohje suomeksi

GeoGebra Quickstart. Lyhyt GeoGebra 2.7 -ohje suomeksi GeoGebra Quickstart Lyhyt GeoGebra 2.7 -ohje suomeksi Algebraikkuna GeoGebra on ilmainen matematiikan opetusohjelma. Siinä on työvälineitä dynaamiseen geometriaan, algebraan ja analyysiin. Voit piirtää

Lisätiedot

Internetin hyödyt ja vaarat. Miten nettiä käytetään tehokkaasti hyväksi?

Internetin hyödyt ja vaarat. Miten nettiä käytetään tehokkaasti hyväksi? Internetin hyödyt ja vaarat Miten nettiä käytetään tehokkaasti hyväksi? Linkit Chrome https://www.google.com/intl/fi/chrome/browser/ Firefox http://www.mozilla.org/fi/ Opera http://www.opera.com/fi Vertailu

Lisätiedot

Internet-pohjaisen oppimisympäristön laadinta. Luento 4

Internet-pohjaisen oppimisympäristön laadinta. Luento 4 Internet-pohjaisen oppimisympäristön laadinta Luento 4 Aiheena tänään JavaScript jquery HTML5 Ääni, video Web Storage Evästeet Kertausta 05.02.2015 IPOPPLA 2 JavaScript - DOM-malli Tapa päästä käsiksi

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

Dia Diagram Editor. Petri Sallasmaa, Petri Salmela. 20. lokakuuta 2014

Dia Diagram Editor. Petri Sallasmaa, Petri Salmela. 20. lokakuuta 2014 Dia Diagram Editor Petri Sallasmaa, Petri Salmela 20. lokakuuta 2014 Dia Diagram on ohjelma, joka on suunniteltu kaavioiden piirtämiseen. Dia on perustoiminnoiltaan helppokäyttöinen ja selkeä. Kuva 1:

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

Ohjeita kirjan tekemiseen

Ohjeita kirjan tekemiseen Suomen Sukututkimustoimisto on yhdessä Omakirjan kanssa tehnyt internetiin uuden Perhekirja-sivuston. Se löytyy osoitteesta: www.omakirja.fi -> Kirjat -> Perhekirja tai http://www.omakirja.fi/perhekirja?product=6

Lisätiedot

Webinaariin liittyminen Skype for

Webinaariin liittyminen Skype for Webinaariin liittyminen Skype for Business Web Appin kautta Ohjeet Sähköpostin Liity webinaariin tästä -linkki Kun klikkaat Osallistumisohjeet webinaariin -sähköpostiviestissä olevaa Liity webinaariin

Lisätiedot

Ohje sähköiseen osallistumiseen

Ohje sähköiseen osallistumiseen Ohje sähköiseen osallistumiseen Kepan kevätkokouksessa käytetään Adobe Connect -sovellusta, joka mahdollistaa sähköisen osallistumisen kokouksiin. Kokoukseen osallistutaan henkilökohtaisella Adobe Connect

Lisätiedot

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

Teknillinen korkeakoulu T-76.115 Tietojenkäsittelyopin ohjelmatyö. Testitapaukset - Koordinaattieditori Testitapaukset - Koordinaattieditori Sisällysluettelo 1. Johdanto...3 2. Testattava järjestelmä...4 3. Toiminnallisuuden testitapaukset...5 3.1 Uuden projektin avaaminen...5 3.2 vaa olemassaoleva projekti...6

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

HTML5 Tutkielma Centria ammattikorkeakoulu 5.10.2012 Paavo Räisänen

HTML5 Tutkielma Centria ammattikorkeakoulu 5.10.2012 Paavo Räisänen HTML5 Tutkielma Centria ammattikorkeakoulu 5.10.2012 Paavo Räisänen Sisällysluettelo: 1: Esittely 2: Uusia ominaisuuksia 2.1: Canvas elementti 2.2: Video ja ääni 2.3: Lomakkeet 2.3.1: Ajanilmaus 2.3.2:

Lisätiedot

Tikon Web-sovellukset

Tikon Web-sovellukset Toukokuu 2015 1 (11) Tikon Web-sovellukset Toukokuu 2015 2 (11) 1 Johdanto... 3 2 Silverlight sovellukset... 3 2.1 Windows... 3 2.1.1 Microsoft Silverlight... 3 2.1.2 Tablet-laitteet... 4 2.1.3 Selaimet...

Lisätiedot

3. Vasemman reunan resurssiselaimen Omiin resursseihin luodaan uusi Handmade -niminen kansio.

3. Vasemman reunan resurssiselaimen Omiin resursseihin luodaan uusi Handmade -niminen kansio. ActivInspire JATKO AINEISTON TUOTTAMINEN Uuden aineiston tekemisen alkua helpottaa etukäteen tehty suunnitelma (tekstit, kuvat, videot, linkit) miellekarttaa hyödyntäen. Valmista aineistoa voi muokata

Lisätiedot

Webinaarin osallistujan ohje

Webinaarin osallistujan ohje Webinaarin osallistujan ohje 9.10.2015 Webinaariohjelmisto Kiinko käyttää webinaareissaan WebEx-ohjelmistoa Se mahdollistaa tietokoneiden väliset neuvottelut, kokoukset ja koulutukset internet-yhteyden

Lisätiedot

Selaimen asetukset. Toukokuu 2014 1 (7) Selaimen asetukset. 1994-2014 Tikon Oy. All rights reserved.

Selaimen asetukset. Toukokuu 2014 1 (7) Selaimen asetukset. 1994-2014 Tikon Oy. All rights reserved. Toukokuu 2014 1 (7) Selaimen asetukset Toukokuu 2014 2 (7) 1 Johdanto... 3 2 Windows... 3 3 Selaimet... 3 3.1 Yleiset asetukset (kaikki selaimet)... 3 3.1.1 Zoom-asetus... 3 3.1.2 Pop-up Blocker... 3 3.2

Lisätiedot

PowerPoint -esitysgrafiikka

PowerPoint -esitysgrafiikka TAMPEREEN KAUPUNKI Kasvatus- ja opetustoimiala @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ PowerPoint -esitysgrafiikka jatkokurssi SisällysError! Not a valid link. 1 Automaattiset muodot 1 2 Piirrosobjektin

Lisätiedot

Tikon Web-sovellukset

Tikon Web-sovellukset Marraskuu 2014 1 (9) Tikon Web-sovellukset Marraskuu 2014 2 (9) 1 Johdanto... 3 2 Windows... 3 2.1 Microsoft Silverlight... 3 3 Tablet-laitteet... 4 4 Selaimet... 5 4.1 Yleiset asetukset (kaikki selaimet)...

Lisätiedot

PortableApps.com ilmaisohjelmien asennus ja käyttö muistitikulla

PortableApps.com ilmaisohjelmien asennus ja käyttö muistitikulla PortableApps.com ilmaisohjelmien asennus ja käyttö muistitikulla 29.11.2016 mikko.kaariainen@opisto.hel.fi Luennon materiaali PDF-tiedostona: opi.opisto.hel.fi/mikko PortableApps.com Mahdollistaa ilmaisohjelmien

Lisätiedot

Harjoitus 4: HTML5 piirtoalusta ( )!

Harjoitus 4: HTML5 piirtoalusta ( )! ! Tietokoneavusteinen opetus, 2017 Harjoitus 4: HTML5 piirtoalusta (24.3.2017)!! Tietokoneavusteinen opetus -kurssilla opetetaan Adobe Flash CS6:n käyttämistä ja HTML5-tekniikoita neljänä kertana: 10.3.,

Lisätiedot

Toimeentulotuen sähköinen asiointi - Käyttöohje 29.1.2016 1

Toimeentulotuen sähköinen asiointi - Käyttöohje 29.1.2016 1 Toimeentulotuen sähköinen asiointi - Käyttöohje 1 Tuetut selaimet Internet Explorer 11 tai uudempi. Microsoft on päättänyt Internet Explorerin (IE) versioiden 8, 9 ja 10 tuen. Mozilla Firefox 3.5. tai

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

VANHEMPIEN KÄYTTÖLIITTYMÄN OHJEET

VANHEMPIEN KÄYTTÖLIITTYMÄN OHJEET VANHEMPIEN KÄYTTÖLIITTYMÄN OHJEET SISÄLLYSLUETTELO 1 SISÄÄNKIRJAUTUMINEN PÄIKKYYN 1 1.1 Käyttäjätunnuksen aktivointi 1 1.2 Sisäänkirjautuminen 2 1.3 Salasanan vaihtaminen 2 1.3.1 Vanhentuva salasana 2

Lisätiedot

Alma-mobiiliverkosto aineisto-ohjeet. Päivitetty 13.11.2014

Alma-mobiiliverkosto aineisto-ohjeet. Päivitetty 13.11.2014 Alma-mobiiliverkosto aineisto-ohjeet Päivitetty 13.11.2014 Rich media ratkaisut helposti Alman medioihin Seuraavat mainosmuodot toteutetaan kaikkiin Alman mobiilipalveluihin ilman teknisiä tuotantokustannuksia:

Lisätiedot

Opetusvideoiden taltiointi ja jakelu

Opetusvideoiden taltiointi ja jakelu Opetusvideoiden taltiointi ja jakelu Adobe Connect versio 9.0. https://connect.funet.fi Esimerkkejä opetusvideoista 1 Tehtävien mallivastausten selittäminen opiskelija voi katsoa videolta etukäteen, jotta

Lisätiedot

Liittyminen Sovelton Online-tapahtumaan Microsoft Lync Web App -selainlaajennuksella (Windows, MAC ja ipad)

Liittyminen Sovelton Online-tapahtumaan Microsoft Lync Web App -selainlaajennuksella (Windows, MAC ja ipad) Lync WebApp -ohje 1 (13) Liittyminen Sovelton Online-tapahtumaan Microsoft Lync Web App -selainlaajennuksella (Windows, MAC ja ipad) Huom. Kaikki käyttöjärjestelmät ja selainohjelmat eivät ole tuettuja.

Lisätiedot

Opetusvideoiden taltiointi ja jakelu

Opetusvideoiden taltiointi ja jakelu Opetusvideoiden taltiointi ja jakelu Adobe Connect versio 9.0. https://connect.funet.fi Esimerkkejä opetusvideoista 1 Tehtävien mallivastausten selittäminen opiskelija voi katsoa videolta etukäteen, jotta

Lisätiedot

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

Teknillinen korkeakoulu T-76.115 Tietojenkäsittelyopin ohjelmatyö. Testitapaukset - Xlet Testitapaukset - Xlet Sisällysluettelo 1. Johdanto...3 2. Testattava järjestelmä...4 2.1 Koko järjestelmän yleiskuvaus...4 2.2 Xlet-demosovellus ja sen toimintaperiaate...5 3. Testitapaukset...6 3.1 Objektien

Lisätiedot

TIEDOSTOFORMAATIT. Lyhyt selostus erilaisista tiedostoformaateista

TIEDOSTOFORMAATIT. Lyhyt selostus erilaisista tiedostoformaateista TIEDOSTOFORMAATIT Lyhyt selostus erilaisista tiedostoformaateista Herlokki Solmunen 0000000 31.1.2008 SISÄLLYSLUETTELO 1 Johdanto...1 2 Erilaiset toimistosovellusten formaatit...1 2.1 MS Office versioon

Lisätiedot

ETÄPALVELU. HALTIK Videoportaali - osallistujan ohje

ETÄPALVELU. HALTIK Videoportaali - osallistujan ohje ETÄPALVELU HALTIK Videoportaali - osallistujan ohje 19.5.2015 Laitevaatimukset Tietokoneessa tulee olla asennettuna: Web-kamera Mikrofoni ja kaiuttimet tai kuulokkeet Tietokoneen internet selaimen tulee

Lisätiedot

Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta.

Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta. Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta. Sisäänkirjauduttuasi näet palvelun etusivulla helppokäyttöisen hallintapaneelin. Vasemmassa reunassa on esillä viimeisimmät tehdyt muutokset

Lisätiedot

Vaihdoitko puhelinta? Yhteystietojen siirto Lumian, iphonen ja Androidin välillä käy näin

Vaihdoitko puhelinta? Yhteystietojen siirto Lumian, iphonen ja Androidin välillä käy näin Vaihdoitko puhelinta? Yhteystietojen siirto Lumian, iphonen ja Androidin välillä käy näin Tekniikka 11.10.2015 10:45 Olavi Koistinen, Helsingin Sanomat Yhteystietojen siirto Androidista iphoneen kuin Gmail-käyttäjätunnus.

Lisätiedot

3. Harjoitusjakso I. Vinkkejä ja ohjeita

3. Harjoitusjakso I. Vinkkejä ja ohjeita 3. Harjoitusjakso I Tämä ensimmäinen harjoitusjakso sisältää kaksi perustason (a ja b) ja kaksi edistyneen tason (c ja d) harjoitusta. Kaikki neljä harjoitusta liittyvät geometrisiin konstruktioihin. Perustason

Lisätiedot

MOODLE 2.5 OPISKELIJAN PIKAOPAS. Hyvinkään lukiot. Versiota päivitetään myöhemmin

MOODLE 2.5 OPISKELIJAN PIKAOPAS. Hyvinkään lukiot. Versiota päivitetään myöhemmin MOODLE 2.5 OPISKELIJAN PIKAOPAS Hyvinkään lukiot Versiota päivitetään myöhemmin Sisältö 1 Yleistä Moodlen käytöstä 1.1 Oma kotisivu 1.2 Profiilin muokkaaminen 1.3 Viestintäasetukset 1.4 Kurssille rekisteröityminen

Lisätiedot

Kurssimateriaali. GeoGebra

Kurssimateriaali. GeoGebra Kurssimateriaali GeoGebra Sisällys: A. Esittely B. GeoGebra aloittaminen C. Ohjelmaan tutustuminen painoindeksi tuotoksen avulla D. Tiedoston muunnokset E. Viitteet A. Esittely GeoGebra on avoimen lähdekoodin

Lisätiedot

Meetnow-palvelun käyttöopas

Meetnow-palvelun käyttöopas Meetnow-palvelun käyttöopas Maaliskuu 2017 1 Sisällysluettelo Yhteyden avaaminen videoneuvottelulaitteella käyttäen URI-osoitetta...3 Yhteyden avaaminen videoneuvottelulaitteella käyttäen ip-osoitetta...4

Lisätiedot

Lisätehtävät. Frantic 2015 sivu 1 www.frantic.com

Lisätehtävät. Frantic 2015 sivu 1 www.frantic.com Lisätehtävät Frantic 2015 sivu 1 www.frantic.com Fontit - Google fonts Fonttien käyttäminen verkossa ilman uusien fonttien lataamista on melko rajattua, sillä koskaan ei voi tietää mitä fontteja vastaanottajan

Lisätiedot

Tuplaturvan tilaus ja asennusohje

Tuplaturvan tilaus ja asennusohje Tuplaturvan tilaus ja asennusohje 1. Kirjaudu lähiverkkokauppaan omilla tunnuksillasi tai luo itsellesi käyttäjätunnus rekisteröitymällä Lähiverkkokaupan käyttäjäksi. a. Käyttäjätunnus on aina sähköpostiosoitteesi.

Lisätiedot

13673 A6 12pp CIG Bro FIN v5 20/7/05 8:01 pm Page 1 Rekisteröitymisohje

13673 A6 12pp CIG Bro FIN v5 20/7/05 8:01 pm Page 1 Rekisteröitymisohje Rekisteröitymisohje CANON image GATEWAY Pääset mukaan digitaalikuvien maailmaan Internetin kautta CANON image GATEWAY - älykäs ja luova tapa saada paras hyöty Canon-digitaalikamerastasi ja Internetistä.

Lisätiedot

Helsingin Sanomat ipad

Helsingin Sanomat ipad Helsingin Sanomat ipad Sovelluksen mainosaineistojen tekniset ohjeet: kokosivu ja etusivu 13.5.2013 SISÄLLYS ipad-mainokset 2 Tekniikka ja tiedostokoot 3 Orientaatio 4 Linkit: richie-modal-browser 4 Gesture

Lisätiedot

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

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

Lisätiedot

www.citroenkerho.fi Edellinen päivitys: 10.08.2010-06:10 Raportin aikaväli: Kuukausi Elo 2010

www.citroenkerho.fi Edellinen päivitys: 10.08.2010-06:10 Raportin aikaväli: Kuukausi Elo 2010 Statistiikat:: www.citroenkerho.fi Edellinen päivitys: 10.08.2010-06:10 Raportin aikaväli: Kuukausi 2010 Yhteenveto Raportin aikaväli Kuukausi 2010 Ensimmäinen vierailu 01.08.2010-00:01 Viimeisin vierailu

Lisätiedot

Fronter kotiohje HELSINGIN KAUPUNKI OPETUSVIRASTO MEDIAKESKUS KOTIOHJE

Fronter kotiohje HELSINGIN KAUPUNKI OPETUSVIRASTO MEDIAKESKUS KOTIOHJE Fronter kotiohje HELSINGIN KAUPUNKI OPETUSVIRASTO MEDIAKESKUS KOTIOHJE Fronter- kotiohje 2 Mitä teen, jos Fronter ei toimi kunnolla kotikoneellani? Seuraavissa ohjeissa käydään läpi tavallisimmat kotikoneiden

Lisätiedot

Tasogeometriaa GeoGebran piirtoalue ja työvälineet

Tasogeometriaa GeoGebran piirtoalue ja työvälineet Tasogeometriaa GeoGebran piirtoalue ja työvälineet Näissä harjoituksissa työskennellään näkymässä Näkymät->Geometria PIIRRÄ (ja MITTAA) a) jana toinen jana, jonka pituus on 3 b) kulma toinen kulma, jonka

Lisätiedot

JavaScript alkeet Esimerkkikoodeja moniste 2 (05.10.11 Metropolia)

JavaScript alkeet Esimerkkikoodeja moniste 2 (05.10.11 Metropolia) JavaScript alkeet Esimerkkikoodeja moniste 2 (05.10.11 Metropolia) Esim 5.1 laskujärjestys operaattorit var tulos = 5 + 4 * 12 / 4; document.write("5 + 4 * 12 / 4 laskutoimituksen tulos

Lisätiedot

Adobe Connect eli AC on tietokoneella käytettävä verkkokokous- ja -koulutusjärjestelmä.

Adobe Connect eli AC on tietokoneella käytettävä verkkokokous- ja -koulutusjärjestelmä. OSALLISTUJAN OHJEET Adobe Connect 9 -verkkokokoukseen 1 Adobe Connect eli AC on tietokoneella käytettävä verkkokokous- ja -koulutusjärjestelmä. Laitteistovaatimukset AC:n käyttö vaatii melko uuden tietokoneen,

Lisätiedot

Hallintakeskus. 1.8.2011-31.8.2011 Vertailu: Sivusto. 5 674 Käynnit. 54,25 % poistui välittömästi. 19 726 Sivun katselut

Hallintakeskus. 1.8.2011-31.8.2011 Vertailu: Sivusto. 5 674 Käynnit. 54,25 % poistui välittömästi. 19 726 Sivun katselut Hallintakeskus 1.8.211-31.8.211 4 4 2 2 Sivuston käyttö 5 674 54,25 % poistui välittömästi 19 726 Sivun katselut :2:1 aikaa käytettiin keskimäärin 3,48 sivua/käynti 55,76 % uusia käyntejä Kartta 3 15 3

Lisätiedot

PÄIVITÄ TIETOKONEESI

PÄIVITÄ TIETOKONEESI PÄIVITÄ TIETOKONEESI SAMPOLAN KIRJASTO TIETOTORI Sammonkatu 2 33540 Tampere 040 800 7816 tietotori.sampola@tampere.fi PÄIVITÄ TIETOKONEESI 2(16) Sisällys 1. Mihin päivityksiä tarvitaan?... 3 1.1. Windowsin

Lisätiedot

Google-dokumentit. Opetusteknologiakeskus Mediamylly

Google-dokumentit. Opetusteknologiakeskus Mediamylly Google-dokumentit 1 2 3 Yleistä 1.1 Tilin luominen 4 1.2 Docs-päävalikkoon siirtyminen 7 Dokumentit-päävalikko 2.1 Kirjaudu Dokumentteihin 9 2.2 Lähetä tiedosto Google-dokumentteihin 11 2.3 Uuden asiakirjan

Lisätiedot

7. Kuvien lisääminen piirtoalueelle

7. Kuvien lisääminen piirtoalueelle 7. Kuvien lisääminen piirtoalueelle Harjoitus 13: Symmetristen kuvioiden tutkiminen Takaisin koulun penkille... Avaa dynaaminen työtiedosto H13_symmetria.html. Se löytyy Työpöydälle luomastasi kansiosta

Lisätiedot

Javascript 2: Ohjelmointikielen ominaisuudet. Jaana Holvikivi Metropolia

Javascript 2: Ohjelmointikielen ominaisuudet. Jaana Holvikivi Metropolia Javascript 2: Ohjelmointikielen ominaisuudet Jaana Holvikivi Metropolia HTML - sivun rakenne ja osiot HTML HEAD STYLE SCRIPT STYLEsheet Javascript file BODY Javascript

Lisätiedot

KÄYTTÖÖN. Koulukirjat tietokoneelle PIKAOHJEET PAPERPORT -OHJELMAN. Sisällysluettelo

KÄYTTÖÖN. Koulukirjat tietokoneelle PIKAOHJEET PAPERPORT -OHJELMAN. Sisällysluettelo Koulukirjat tietokoneelle PIKAOHJEET PAPERPORT -OHJELMAN KÄYTTÖÖN Sisällysluettelo ImageViewer ja PDF Viewer Plus -ohjelmien esittelyt 1 Käytön aloittaminen 1 Työpöydän hyödylliset työkalut 2 Image View

Lisätiedot

Paperiton näyttösuunnitelma

Paperiton näyttösuunnitelma Paperiton näyttösuunnitelma Käyttöohje opettajalle ja työpaikkaohjaajalle Koonnut: Jarkko Lehmuskenttä Turun sivistystoimiala, Suunnittelu- ja kehittämispalvelut 18.10.2015 Versio 2.0 Ohje on koottu OPH:n

Lisätiedot

K-Lite Codec Pack v2.48 Asennusohje (toimii myös uusissa versioissa)

K-Lite Codec Pack v2.48 Asennusohje (toimii myös uusissa versioissa) K-Lite Codec Pack v2.48 Asennusohje (toimii myös uusissa versioissa) Niko Rautava 2006 http://koti.mbnet.fi/nrautava Kannattaa ainakin kokeilla ensimmäisellä kerralla näiden ohjeitten mukaan, koska tässä

Lisätiedot

OPISKELIJAN PIKAOPAS

OPISKELIJAN PIKAOPAS SISÄLTÖ Työvälineet 3 Kirjautuminen ejollakseen 4 Salasana unohtui 5 Aloitusnäkymä 6 Toiminnot aloitusnäkymässä 7-8 Oma sähköpostiosoitteesi 9 Opiskelu 10 Omien suoritusten seuranta 11 Helppari auttaa

Lisätiedot

HTML5 & CSS3 perusteet

HTML5 & CSS3 perusteet Verkkokurssin tuotantoprosessi kurssin harjoitustyönä suunniteltu toteutettavissa oleva verkkokurssi. HTML5 & CSS3 perusteet Sisältö: 1. Ideointi 2. Tausta-analyysi 3. Sisällön suunnittelu 4. Pedagoginen

Lisätiedot

SÄHKÖPOSTIOHJE. Opiskelijoiden Office 365 for Education -palveluun

SÄHKÖPOSTIOHJE. Opiskelijoiden Office 365 for Education -palveluun SÄHKÖPOSTIOHJE Opiskelijoiden Office 365 for Education -palveluun 1 Ohjeen nimi Vastuuhenkilö Sähköpostiohje Järjestelmäasiantuntija Pekka Patrikka Voimaantulo 15.08.2013 Muutettu viimeksi 16.08.2013 Tarkistettu

Lisätiedot

Planssit (layouts) ja printtaus

Planssit (layouts) ja printtaus 1 / 21 Digitaalisen arkkitehtuurin yksikkö Aalto-yliopisto 17.11.2015 Planssit (layouts) ja printtaus Yksittäisen kuvan printtaus 2 / 21 Ennen printtausta valitse näkymä, jonka haluat printata, klikkaamalla

Lisätiedot

Share-työkalu (AC 9.1)

Share-työkalu (AC 9.1) 1 Share-työkalu (AC 9.1) Share-työkalulla voit jakaa Connect-huoneessa tietokoneesi näyttöä, koneellasi auki olevia sovelluksia tai valkotaulun, johon voi piirtää tai kirjoittaa. Jos haluat uuden Share-työkalun,

Lisätiedot

Kennelliiton Omakoira-jäsenpalvelu Ohje yhdistyksille, toimintailmoituksen antaminen

Kennelliiton Omakoira-jäsenpalvelu Ohje yhdistyksille, toimintailmoituksen antaminen Kennelliiton Omakoira-jäsenpalvelu Ohje yhdistyksille, toimintailmoituksen antaminen Suomen Kennelliitto ry. 19.5.2014 2(10) Toimintailmoituksen antaminen Sisältö: Yleistä... 3 Toimenpiteet sähköisen toimintailmoituksen

Lisätiedot

Harjoitustyö 3: Verkkosivujen toiminnallisuus (JavaScript)

Harjoitustyö 3: Verkkosivujen toiminnallisuus (JavaScript) Harjoitustyö 3: Verkkosivujen toiminnallisuus (JavaScript) Kurssin toisessa harjoitustyössä tutustutaan verkkosivujen toiminnallisuuden toteuttamiseen JavaScript:n avulla. Lisäksi käydään läpi verkkosivuston

Lisätiedot

OSALLISTUJAN OHJEET Adobe Connect -verkkokokoukseen

OSALLISTUJAN OHJEET Adobe Connect -verkkokokoukseen 1 OSALLISTUJAN OHJEET Adobe Connect -verkkokokoukseen Adobe Connect eli AC on tietokoneella käytettävä verkkokokous- ja -koulutusjärjestelmä. Laitteistovaatimukset löytyvät dokumentin lopusta. Ennen kokoukseen

Lisätiedot

JS-kehitys - yleiskuvaus. TIEA255 - Juho Vepsäläinen

JS-kehitys - yleiskuvaus. TIEA255 - Juho Vepsäläinen JS-kehitys - yleiskuvaus TIEA255 - Juho Vepsäläinen Taustaa Basic, Pascal, C (PC, AVR), Java, Object Pascal (Delphi), PHP, Python, Lua, AS2, C++ (Qt) JavaScript,... Avoimen lähdekoodin proj. kehitystä

Lisätiedot

Koontitehtäviä luvuista 1 9

Koontitehtäviä luvuista 1 9 11 Koontitehtäviä luvuista 1 9 1. a) 3 + ( 8) + = 3 8 + = 3 b) x x 10 = 0 a =, b = 1, c = 10 ( 1) ( 1) 4 ( 10) 1 81 1 9 x 4 4 1 9 1 9 x,5 tai x 4 4 c) (5a) (a + 1) = 5a a 1 = 4a 1. a) Pythagoraan lause:

Lisätiedot

Toimeentulotuen sähköinen asiointi. palvelun käyttöohje

Toimeentulotuen sähköinen asiointi. palvelun käyttöohje Toimeentulotuen sähköinen asiointi palvelun käyttöohje Palvelua voi käyttää selaimilla: Internet Explorer 9 tai uudempi Firefox 3.5 tai uudempi Opera 10.5 tai uudempi Chrome ja Safari uusimmat versiot

Lisätiedot

Kennelliiton Omakoira-jäsenpalvelu Ohje kennelpiireille, pätevyyksien käsittely

Kennelliiton Omakoira-jäsenpalvelu Ohje kennelpiireille, pätevyyksien käsittely Kennelliiton Omakoira-jäsenpalvelu Ohje kennelpiireille, pätevyyksien käsittely Suomen Kennelliitto ry. 9.5.2014 2(7) Pätevyyksien käsittely Sisältö: Pätevyydet -sivun näkyminen... 3 Pätevyydet -sivun

Lisätiedot

Ohjelman käyttöön ei sisälly muita kuluja kuin ohjelman lisenssimaksu ja mahdolliset webbipalvelusi käyttömaksut.

Ohjelman käyttöön ei sisälly muita kuluja kuin ohjelman lisenssimaksu ja mahdolliset webbipalvelusi käyttömaksut. Kotisivu ohje Kotisivu - ohjelmisto on webbipohjainen kotisivujen julkaisujärjestelmä jossa käyttäjä ei tarvitse erityistaitoja kyetäkseen julkaisemaan webbisivuja. Jos osaat käyttää Microsoft Word tekstinkäsittelyohjelmaa,

Lisätiedot

KUVANKÄSITTELY THE GIMP FOR WINDOWS OHJELMASSA

KUVANKÄSITTELY THE GIMP FOR WINDOWS OHJELMASSA KUVANKÄSITTELY THE GIMP FOR WINDOWS OHJELMASSA Ohjeistuksessa käydään läpi kuvan koon ja kuvan kankaan koon muuntaminen esimerkin avulla. Ohjeistus on laadittu auttamaan kuvien muokkaamista kuvakommunikaatiota

Lisätiedot

Gimp perusteet. Riitta, Jouko ja Heikki

Gimp perusteet. Riitta, Jouko ja Heikki Gimp perusteet Riitta, Jouko ja Heikki Jos haluat vaihtaa ohjelman kielen (asentaa oletuksena saman kuin käyttöjärjestelmä): käyttöjärjestelmän lisäasetuksista lisätään uusi ympäristömuuttuja:lang arvo:en

Lisätiedot

Ohjelmointikielet ja -paradigmat 5op. Markus Norrena

Ohjelmointikielet ja -paradigmat 5op. Markus Norrena Ohjelmointikielet ja -paradigmat 5op Markus Norrena Ko#tehtävä 4 Viimeistele "alkeellinen kuvagalleria". Käytännössä kaksi sivua Yksi jolla voi ladata kuvia palvelimelle (file upload) Toinen jolla ladattuja

Lisätiedot

PÄIVITÄ TIETOKONEESI

PÄIVITÄ TIETOKONEESI PÄIVITÄ TIETOKONEESI HERVANNAN TIETOTORI Insinöörinkatu 38 33721 Tampere 040 800 7805 tietotori.hervanta@tampere.fi PÄIVITÄ TIETOKONEESI 2(17) Sisällys 1. Mihin päivityksiä tarvitaan?... 3 1.1. Windowsin

Lisätiedot