maanantai 3. joulukuuta 2012

Asunnon esittelyvideo

Olisi hienoa jos floorplannerilla tekemästäsi talosta tai asunnosta olisi "esittelyvideo". Nyt kokeillaankin tehdä sellainen.
Evernote-tehtävässä kokeiltiin Screencast-O-Matic-ohjelmaa. Se soveltuu myös tähän. Lisäksi kokeillaan Youtuben videonmuokkaustyökalua, sekä etsitään sopivaa musiikkia videoon.

  1. Johdata selaimesi floorplannerin dashboardiin.
  2. Käynnistä Screencast-O-Matic.
  3. Lataa talosi näkyville ja esittele sitä.
    • Pyörittele eri kuvakulmia.
    • Zoomaile.
    • Myös 3d-tilassa. (kannattanee laittaa tallennus pauselle 3d-tilan latautumisen ajaksi)
  4. Kirjaudu ulos
  5. Lopeta nauhotus ja tallenna video.
  6. Lataa video youtube-tilillesi.
  7. Mene YouTube videonhallinnan kautta videonmuokkausohjelmaan.
    • Muokkaa videotasi lisäten siihen alkutekstejä.
    • Lisää myös musiikkiraita.
    • Tallenna muokattu "projektisi" uudella nimellä.
  8. Tee videonhallinnan kautta videoosi merkintöjä (katso puhekuplat yms. esimerkkivideossa)
  9. Tallenna taas muokattu video.
  10. Liitä muokkaamasi video blogiisi ja kerro mitä musiikkia käytit ja millaisia tekstejä ja merkintöjä lisäsit.

Oma esimerkkivideoni tässä alla.




Lykkyä tykö! Ja eikun hommiin!

sunnuntai 25. marraskuuta 2012

Asunnon mallinnusta

Nyt kokeillaan suunnitella asunto tai talo. Verkosta löytyy monenlaisia kalliitakin työkauluja, joilla voi mallintaa asuntoa ja suunnitella etukäteen, miltä huonekalujen asettelu näyttää tms. tulevassa asunnossa. Kuitenkin kokeilemme ilmaista ohjelmaa nimeltä Floorplanner (http://www.floorplanner.com/), jonka avulla voi myös kivasti mallintaa asunnon tai talon.

  1. Aluksi tietenkin sinun tarvitsee kirjautua sisään, tässä taas voit käyttää Google-kirjautumista eli Google-tunnustasi.
  2. Kirjautumisen jälkeen olet "dashboardissa", josta lähdet liikkeelle luomalla projektin. 
  3. Projektinasi voi nyt olla joko yksikerroksinen asunto/talo tai voit jopa kokeilla parikerroksista taloa. Valinta on sinun.
  4. Kokeile luoda mukavanoloinen asunto.
    • Lisäile ovet ja ikkunat (add doors, windows).
    • Testaa seinän jakamista kahtia(split wall) ja näin uuden huoneen tai alkovin luomista yms. yms. ohjelmassa on paljon ominaisuuksia.
    • Huoneita saa piirrettyä lisää myös huoneenpiirtotyökalulla.
    • Nurmikot, yms. alueet pinnanpiirtotyökalulla "draw a surface".
    • Huoneiden lattiakuvioinnit klikkaamalla huonetta ja "i".
    • Kalusta suunnitelmasi.
      • Paljon erilaisia kalusteita alasvetovalikosta oikeaan kalustetyyppiin vaihtamalla.
  5. Jaa suunnitelmasi opettajalle.
  6. Tallenna suunnitelmasta sekä 2d että 3d kuva itsellesi (export image 2d/3d-tilassa).
  7. Tee blogiin kirjoitus siitä, missä tämä suunnittelemasi asunto voisi olla ja mitä asioita otit huomioon, unohditko jotain?
  8. Liitä myös blogikirjoitukseesi molemmat tallentamasi kuvat.

Itse väkersin nopeasti alakerran isohkoon omakotitaloon. Ehkä ihan kaikkea ei ole otettu huomioon, mutta sauna, takkahuone ja iso olohuone ovat paikallaan. Jos oikein todellisesti iiisoa unelmataloa olisin väsännyt, varmaankin ruokasali olisi myös omanaan, yläkerrassa makuuhuoneet, takkahuone kenties vähän vielä isompi ja patio myös. Tosin sitten tulisivat ne huolto- ja lämmityskulut.
Tässä vielä kuvat suunnitelmastani. Eikö olekin karmaiseva matto olohuoneessa.



maanantai 19. marraskuuta 2012

Evernote

Evernote -tehtävä


Verkkolukemisen tallennuksen voi tehdä  lukuohjelmaan eli muistikirjaan. Lukuohjelmia on useita: Instapaper, Evernote, OneNote, Simplenote,... Tutustumme Evernote-palveluun.

Tässä linkissä on ohjeita kuinka pääsee alkuun. 0. Tutustu ohjeisiin ja luo tili. Valitse maksuton perusversio.


1. Muokkaa muistikirjoja. Evernote-tilillä on valmiina yksi muistikirja. Vaihda sen nimeksi Saapuneet. Klikkaa pientä kolmiota ja valitse Nimeä uudelleen... Uusia muistikirjoja saat muistikirjojen luettelon yläreunasta löytyvällä Uusi muistikirja... komennolla.Tee kaksi uutta muistikirjaa: Tietotekniikka ja Blogit. Tee Tietotekniikan alle muistikirja Evernote.

2.Tee uusi muistiinpano, pelkkä teksti. Klikkaa +Uusi muistiinpano. Anna muistiinpanolle otsikoksi: Ensimmäinen muistiinpano. Napauta muistiinpanon sisältöä ja kirjoita vaikka Hauki on kala. Kursivoi, lihavoi, valitse fontiksi Times New Roman ja väritä siniseksi. Siirrä muistiinpano muistikirjaan Saapuneet ja jaa muistikirja opettajan kanssa. 

3.Tallenna verkkosisältö esim. ohje kuinka Evernoten synkronointi toimii. Maalaa alue www-sivulta kopioi ja liitä uudeksi muistiinpanoksi. Anna muistiinpanon nimeksi Evernote verkkosisältö. Anna muistiinpanolle asiasana eli tagi evernote. Tallenna muistiinpano tekemääsi Evernote-muistikirjaan. Jaa Evernote- muistikirja opettajan kanssa.

3.Tee muistiinpano nimeltä kurssin blogi ja tallenna siihen kurssin blogin URL-osoite. Anna tagiksi blogi. Tallenna muisttinpano muistikirjaasi nimeltä Blogit ja jaa se opettajan kanssa.

4. Lataa Evernote koneelle ja asenna Firefox selaimeen Web Clipper. Tee latauksesta ruutukaappausvideo ja julkaise se blogissasi otsikolla Evernote. Ruutukaappauksen tekemiseen tarvitset esimerkiksi ohjelman Screencast-O-Matic kokeile ohjelmaa, mikäli web-työkalu ei toimi, niin voit yrittää asentaa ohjelman tietokoneellesi. Mikäli tämä ei onnistu, tee edes ruutukaappauskuva tai kaksi tästä aiheesta ja selitä blogissasi miksi homma ei toiminut.





maanantai 12. marraskuuta 2012

Luodaan musaa ja video

Edellisellä kerralla luotiin pieni video. No nyt ei taistellakaan enää tekijänoikeudellisten musiikkien kanssa, vaan yritetään luoda sitä musaa tai taustahälyä sinne videoon itse. Tietenkin tehdään myös se video.
  1. Mieti siis jokin aihe pienelle videopätkälle kuten viimeksi.
  2. Sen jälkeen suuntaa osoitteeseen http://soundation.com ja luo sinne ilmainen tunnus itsellesi. Kokeile editoida musiikkipätkä (n. pari minuuttia) annetuilla sampleilla. Premium-äänet ovat maksaville asiakkaille. Soundation tarjoaa myös mahdollisuuden tehdä omia sävelaiheita kosketintyylisesti. Kokeilemalla oppii soundationin parissa kivasti. Lisää ääniraitoja tarvittava määrä ja laita esim. rumpukomppi jollekin raidalle ja tehosteääniä toiselle, mielikuvitus laukkaamaan.
    1. File-valikon alta löydät vaihtoehdon musiikkiteoksesi tallentamiseen "export as wav-file" on hyvä vaihtoehto.
    2. Project-välilehdellä näkyy käyttämäsi samplet, ota niistä näytönkaappauskuva talteen
    3. Samoin ota kuva varsinaisista ääniraidoista
  3. Tee nyt video MovieMakerilla ja käytä ääniraitana tekemääsi musiikkia.
  4. Liitä viimeisiksi kuviksi kuvaruutukaappauskuvat, jotka otit aiemmin.
  5. Jaa taas videosi blogissasi.

Onnea ja inspiraation säihkettä projektiisi!

maanantai 5. marraskuuta 2012

Liikkuvat kuvat

Tällä kertaa kokeilemme hieman Windows Movie Makeria.
Windows Movie Maker on ohjelma, jolla pystyy tekemään elokuvaesityksiä vaikkapa vain kuvistaan ja musiikkiraidasta. Yksinkertaisuudessaan ohjelma toimii niin, että elokuvaprojektin aikajanalle raahataan siihen kohtaan haluttavaa aineistoa. Mukaan elokuvaan voi liittää toisia elokuvatiedostoja, kuvia ja musiikkia, lisäksi MovieMakerissä on mahdollisuus lisätä erilaisia tekstejä yms. kuva- ja videotiedostojen päälle tai väliin. Eli näin esimerkiksi voisi lisätä tekstityksiä tms. kuvatekstejä. Kuvien vaihdoksiin on myös mahdollista lisätä erilaisia tehosteita.
Musiikin videoon voi hakea esimerkiksi Creative Commons lisenssillä Attribution NonCommercial, www.jamendo.com on esimerkiksi paikka, josta tällaisia musiikkeja voi löytyä. Olkaa tarkkana käyttöoikeuksien suhteen.

Tässä esimerkkivideo siitä, mitä voi saada aikaan nopeastikin.





Tehtävä

Tee nyt jostain mielenkiinnonkohteestasi 2-3min pitkä esitys MovieMakerilla. Lisää tekstejä, alkutekstejä, lopputekstejä, kuvia ja musiikkia, videotakin saa lisätä, jos tekijänoikeudellisesti luvallista materiaalia on. Voit kokeilla miltä GIF-animaation animaatio näyttää MovieMakerilla tehtynä.
Valmis video sisältää lopputeksteissä lähdetiedot käytetyistä materiaaleista.
Valmiin videon taas liität tietenkin blogiisi, tietenkin voit myös ladata sen GoogleDriveen ja jakaa minulle.


 

maanantai 29. lokakuuta 2012

Vaalit

Näin vaalien jälkeen kokeilemme GoogleDriven taulukkoeditorin käyttöä vaalilukujen esittämiseen.
Aivan kuten Excel, myös Driven taulukkoeditori pystyy pullauttamaan numerosarjoista erilaisia kuvaajia.

Tämän kerran tehtävä onkin seuraava:
  1. Avaa GoogleDrive ja sieltä "luo" uusi laskentataulukko.
  2. Laskentataulukkoon luo erilaisia taulukoituja tunnuslukuja kunnallisvaaleista, vaikkapa kotikuntasi kohdalta puolueiden kannatuksista, äänestyspaikkojen äänestysprosenteista yms. vaikkapa kunnallisvaalien äänestysprosenttikehitys vuodesta 2000 tähän vuoteen.
  3. Tee näistä arvojoukoista erilaisia kuvaajia. (vähintään kolme eri arvojoukkoa ja kuvaajaa)
  4. Tallenna kuvaajat kuvina.
  5. Jaa valmis laskentataulukko minulle(muista nimetä se oman nimesi kera).
  6. Tee blogiisi uutistyyppinen raportti vaaleista ja liitä mukaan kolme tekemääsi tilastokuvaajaa. (kuten alla)
Tietoja löytyy esim.
http://vaalit.yle.fi 
http://fi.wikipedia.org/wiki/Luokka:Kunnallisvaalit
http://www.kuntavaalit.fi/
http://www.vaalit.fi/



Vaalit
Tässä oikealla näkyvässä piirakkamallissa on kuvitteellinen kannatusjakauma jostakin kunnasta. Tai vaikkapa koko maan kannatusjakauma.

Vaaleissa äänestysprosentti oli varsin pieni ja vaikka kuinka perähikiän isännät haulikon kanssa naapureitaan uurnille ajoivat, jäätiin koko maan prosentissa alle 70:n kuten allaolevasta kaaviosta on nähtävissä.




Blahblahblahblah...
Blahblahblahblah...
Blahblahblahblah...
Blahblahblahblah...
Blahblahblahblah...
Blahblahblahblah...
Blahblahblahblah...




maanantai 8. lokakuuta 2012

Evästeet, IP ja Prezi

Tässä tehtävässä tutustutaan pariin netinkäyttöön liittyvään termiin. Samalla harjoittelemme uuden esitystavan. Otamme siis käyttöön Prezin http://prezi.com/. Prezi antaa mahdollisuuden luoda diaesitystyyppisiä esityksiä helpohkosti.
  • Mikä on eväste ja mitä se on englanniksi?
  • Miten voit estää evästeiden käytön?
  • Mitä haitta voi olla siitä, että estät evästeiden käytön?
  • Liitä tekstiin kuva siitä, mitä evästeessä voi olla.
  • Mikä on IP-osoite?
  • Mitä tarkoittaa IP:n I ja mitä P?
  • Miten löydät koneesi IP-osoitteen?
  • Kirjoita esimerkki IP-osoitteesta ja kerro minkälaisista merkeistä se koostuu.
  • Mistä käyttämäsi webbisivustot saavat karkean tiedon sijainnistasi ja voivat arvata esim. mitä kieltä ymmärrät?
  • Mikä on DNS (Domain Name System) ?
  • Tutki IP WHOIS Search – palvelulla ovatko etunimesi.com  ja sukunimesi.com (esim. pekka.com, kouri.com) vapaana vai varattu. Vastaa lopuksi kysymykseen: Kuka on varannut ja koska? Jos molemmat ovat vapaina vastaa kysymykseen: Kuka on varannut domainin kouri.com ja koska?
 No, ei muuta kuin hommiin!!

sunnuntai 30. syyskuuta 2012

Lisää kuvanmuokkausta (ja GIF-animointia)

Jatketaan vielä Sumopaintin ja mikäli aikaa jää, myös Picasionin kanssa. Linkit ohjelmiin löytyvät aiemmista kirjoituksista.

Nyt tarkoituksena on etsiä kuva jossa on jokin katu-, kaupunki- yms. näkymä. Kenties kävisi jokin klassikkomaalauskin. Keksi! Tallenna kuva omaan hakemistoosi ja laita myös linkki kuvan alkuperäiseen sijaintiin talteen. Ota kuva muokattavaksi Sumopaintilla. Tee kuvasta mustavalkoinen tai "seepia" eli yritä saada se näyttämään vanhalta kuvalta.
Sen jälkeen etsi jotakin sopivaa kuvaan liitettävää, jonka sitten liität kuvaan värillisenä. Mikäli aikaa jää tämän jälkeen, tee picasionin avulla GIF-animaatio, jossa jotain värillistä liikkuu mustavalkoisessa tai seepia-kuvassa.

Tee taas raportti blogiisi työskentelystäsi seuraavaan tapaan.

Etsin kuvahaulla katumaiseman. Löysin Nottinghamin Market Districtin kuvan.

http://www.geograph.org.uk/photo/1584966
Sitten etsin menninkäisen, tai siis St.Patrick's kulkueen, jossa nyt könötti menninkäishahmo.
http://tendenci.com/photos/sizes/medium-640/332/
Muokkasin Nottinghamin katukuvasta seepiasävyisen Sumopaintilla. Kulkuekuvasta leikkailin käyttööni menninkäisen. Jouduin kääntämään hahmon vapaalla käännöksellä toistepäin. Sen jälkeen sijoitin hahmon pubin ovensuuhun.
Viimeinen silaus oli, kun tein menninkäishahmon kädestä oman tasonsa lassovalinnalla ja leikkaa liitä toiminnoilla ja vapaa käännös-työkalulla laitoin menninkäisen käden liikkumaan. Muokatut kuvat talteen ja Picasioniin. Näin sain aikaan animaation pubista tervehtimään hyppäävästä menninkäisestä.

sunnuntai 23. syyskuuta 2012

Pikkuanimaatio

Edellisessä tehtävässä tarkoitus oli kokeilla kuvanmuokkausohjelmaa. Nyt kun SumoPaint alkaa olla tutunoloinen, voidaan siirtyä hieman eteenpäin.
Kokeillaanpa luoda pieni GIF-animaatio. Olette varmaan huomanneet erilaisilla verkkosivuilla pieniä animoituja kuvia. Tällaisen pienehkön animaation luominen on varsin yksinkertaista. Nämä animaatiot ovat siis GIF-tiedostomuotoon tallennettuja kuvasarjoja.
Ilmaiseksi ja vain verkkoselainta käyttäen pääsee tällaisen GIF-animaation luomista kokeilemaan esimerkiksi sivustolla http://picasion.com/.
Animaation luominen on aloitettava tekemällä esimerkiksi SumoPaint-ohjelmalla animaation kuvat, eli ruudut (frame). Tallennettuasi kuvankäsittelyohjelmalla kotihakemistoosi tarvittavan määrän ruutuja, voit siirtyä Picasionin pariin. Picasionissa "selaa"-napeilla (tai osoiteriviä klikkaamalla) pääset lisäämään ruudut animaatioosi, lisää osoiterivejä saat "add one more picture"-tekstiä klikkaamalla. Yhteen Picasionin GIF-animaatioon mahtuu 10 ruutua. Animaation koko (size) ja nopeus (speed) ovat myös valittavissa. Kaikki kuvat valittuasi ja muut tiedot asetettuasi napsauta "create animation" ja odottele hetki. Mikäli seuraavalla sivulla näkyvässä esikatselussa pyörivä animaatio kelpaa, voit tallentaa sen omaan hakemistoosi "Save this animation to your computer" valinnalla.
Tallennettuasi GIF-animaatiosi, luo blogiisi uusi kirjoitus, jossa esittelet animaatiosi ja liitä mukaan tietysti kyseinen animoitu GIF.
Minäpä muokkailin sitä viimetehtävän lammastani lisää :)
Jaapa taas valmis tekstisi myös minulle.

Kuvamuokkausta

Kokeilin vähän muokkailla kuvia :)

Hain googlen kuvahaulla kuvia susista ja lampaista. Muistin tietenkin valita hakuasetuksista etsittäväksi muokkausluvalla merkattuja kuvia. Näistä kuvista sitten valikoitui käyttööni muutama

  • http://www.public-domain-image.com/animals/sheep/slides/rocky-mountain-bighorn-sheep.html
  • http://www.public-domain-image.com/fauna-animals-public-domain-images-pictures/foxes-and-wolves-public-domain-images-pictures/gray-wolf-head-canis-lupus.jpg.html 
  • http://www.public-domain-image.com/fauna-animals-public-domain-images-pictures/foxes-and-wolves-public-domain-images-pictures/canis-rufus-red-wolf-mammal.jpg.htm
Käyttöön päätin ottaa Sumo Paint ohjelman, jota pystyin hyvin käyttämään, koska se toimii kokonaisuudessaan verkon yli, ilman että omalle koneelle tarvitsi asentaa mitään. Sumo paint löytyy osoitteesta http://www.sumopaint.com.

Hyvin nopeaan tahtiin nappasin toisesta susikuvasta silmän ja toisesta kielen. Nämä susimaiset ruumiinosat(?) sitten liitin vuorilampaalle saaden aikaan allaolevan kuvan sudesta lampaan vaatteissa.


Tehtävä
Nyt sinun tehtäväsi on ensiksikin luoda itsellesi tällainen Blogger-blogi osoitteessa http://www.blogger.com, anna blogin nimeksi jokin oman nimesi sisältävä nimi (esim. Markuksen Blogi), tämän kurssin blogin osoite on http://at92-sama2012.blogspot.fi/. Lähetä minulle sähköpostilla blogisi osoite. Blogin luomisen jälkeen etsi Internetistä jokin kuvakaksikko (tai useampikin kuva) joista yhtä pidät pohjana ja liität siihen muista kuvista joitain yksityiskohtia. Pyri tekemään mahdollisimman "aidon" näköistä jälkeä harjoitellen samalla Sumo paintin eri ominaisuuksia.
Muista tallentaa kuva omaan kansioosi, mutta tämän jälkeen luo omaan blogiisi julkaisu, jossa kerrot tämän tehtävänannon tapaan, mistä kuvista olet osia ottanut (mainiten myös lähdesivut) ja lopuksi liitä tekstiin lopputuloksena saamasi muokattu kuva.


Kurssin blogi luotu

Noniin.
Kurssin blogi luotu. Tänne sitten laittelen kurssin tehtäviä ja lisämateriaaleja sekä kenties vinkkisiä jatkossa.

Testimielessä liitetään tähän linkin sisältävä kuva...