Tehtävä 8. Näytä osaamisesi

Viimeinen tehtävä on näyttää mitä osaat.
Tee siis jokin työ, jolla näytät osaamistasi atk-taidoissasi. Tämän työn pistemäärä on 13 pistettä, mutta kokonaispistepottiin lasken tämän arvoksi vain 3 pistettä. Pisteen saat sillä, että kirjoitat blogiisi miksi et tee enempää ja mitä ylipäänsä olet oppinut/tehnyt atk-tunneilla. Siitä ylöspäin pisteet karttuvat työsi moninaisuuden ja vaativuuden mukaan. Painota tekemisessäsi ysiluokan atk:n sovelluksia, mutta monipuolisuus ja taitavuus kaikilla osa-alueilla lasketaan hyväksi.

DEADLINE kaikille töille on näillä näkymin perjantai 15.5. klo 20. Sen jälkeen tulleita töitä en enää hyväksy. Ja tämän jälkeen alan arvostella ja arvioida myös päästötodistusarvosanaanne.

Tehtävä 7. "Collaborative learning" - Pohditaan yhdessä

ATK/IT työelämässä/opiskelussa
Kirjoita parin kanssa parinsivun artikkeli otsikon aiheesta. Ota pohdintaan turvallisuus ja vaarat, hyödyt ja hankaluudet. Voit myös pohtia tulevaisuuden tilannetta.
Työ tehdään siis pareittain. Ja työkaluna käytetään 365-officen Wordiä tai Google Docsia.

Toinen pareista siis kirjautuu ensin ja luo dokumentin, jonka jakaa parilleen "saa muokata"-asetuksella. Pari pääsee näin mukaan muokkaamaan tekstiä, kun kirjautuu itse.

Muistakaa koko ajan pysyä online-muokkauksessa.

Periaatteessa olisi parempi että istuisitte kauempana toisistanne ja hoitaisitte kaiken kommunikaation tietokoneen avulla (gmail chat, onenote, itse dokumentti tai sen chat).

Liittäkää mukaan ainakin kaksi kuvaa ja pyrkikää hyvään tekstiin.
Yhteistyötä, yhteinen suoritus, yhteiset pisteet.

Lopullinen työ jaetaan myös opettajalle.

Tehtävä 6. Lisäsivu "sivustoon" Word

Tee Wordillä kolmas sivu edellisessä tehtävässä luomaasi sivustoon. Eli Word auki, tee sivu ja tallenna html-muodossa. Muista jakaessasi myös tiedostokansio, jonka word saattaa luoda. Eli vaatimukset:

• Vähintään yksi sivu johon linkki aiemmalta sivustolta 
• Vähintään kaksi kuvaa sijoitettuna erilailla (eli ei molempia vasempaan reunaan)
• Vähintään yksi linkki sivuston ulkopuolelle
• Linkki takaisin ensimmäiselle hmtl-sivulle
• Erilainen tausta
• Erilaisia tekstintasauksia ja muotoiluja (otsikot, kursiivit yms.)

Lataa tiedosto ja mahdollinen apukansio dropboxiin sivustosi kansioon. Ota näytönkuva sivustasi ja laita se blogiin.

Tehtävä 5. HTML ja webbisivusto

Nyt tutustumme HTML-koodaukseen, eli toisinsanoen kirjoitamme yksinkertaisen nettisivuston käyttäen html-koodausta. Tarkoituksena luoda vähintään kaksi sivua, jotka on linkitetty toisiinsa.
Opettaja näyttää perusteita taululla aluksi ja sen jälkeen on tarkoitus itsenäisesti koodata html-sivut. Jotta tämä tapahtuisi koulunomaisesti asetetaan tehtävälle jotain vaatimuksia, niitä seuraavassa:

• omat sivuotsikot (head)
• oma taustaväri tai taustakuva (sivuilla voi olla samakin)
• ainakin kolme linkkiä(sivujenvälisten linkkien lisäksi) joka sivulla ja yhden aina auettava uuteen ikkunaan (välilehteen)
• ainakin kaksi kuvaa molemmilla sivuilla
• käytä erilaisia kuvien sijainteja (left,center,right)
• jonkin tekstinosan muotoilua muuksikin kuin perustekstiksi (esim. otsikko)
• lista tai taulukko vähintään toisella sivulla
• sivut linkitetty toisiinsa.
• käytä linkityksissä ja kuvamäärittelyissä vain tiedoston nimeä, jotta linkki toimii kansion siirtyessä.

Toimi seuraavasti:

1. Luo kotikansioosi kansio nimeltä omanimiHTML.
2. Avaa notepad/muistio ja kirjoita sivukoodisi.
3. Tallenna (jo keskeneräinenkin teksti välillä) "kaikki tiedostot"-tiedostotyypillä tiedostosi nimellä "omanimiHTML_sivunimi.html", jossa "sivunimi" on kyseisen sivun nimi sivustossasi.
4. Pääset katselemaan keskeneräistä sivuasi selaimen "avaa tiedosto"-toiminnolla (muista päivittää näkymä muutosten jälkeen). 
5. Kun olet tyytyväinen sivuusi, tallenna tiedosto. Toista homma kaikkien kolmen sivun kanssa. Kaikkien html-tiedostojen ja niihin liittyvien kuvien yms. täytyy olla samassa kansiossa.
6. Ota sivustasi näytönkaappauskuva(print screen-napilla) ja lataa se blogiisi saatetekstin kera (mitä meni pieleen, mitä pitäisi lisätä jne.
7. Lataa HTML-kansio kokonaisuudessaan (sisältäen kuvat ja kooditiedostot) DropBoxiisi ja jaa koko kansio opettajalle.

Hyödyllisiä linkkejä:

• http://www.webopas.net/htmlopas.html
• http://personal.inet.fi/koti/petri.vuorenmaa/html/
• http://www.w3schools.com/

Älä hätäile, pyri hyvään työhön!

Tehtävä 4. Lisää code-org:ia

Tämä tehtävä on nyt oikeastaan kaksiosainen.
Molemmat osat sisältävät koodaustunnin kaltaista koodausta ja palautus tapahtuu samalla periaatteella.

Ensimmäiseksi mene http://code.org/flappy ja käy läpi koko Flappy-pelin luomisharjoitus.
Viimeisen oppitunnin (10) koodin ollessa valmis, ota näytönkuva koodistasi ennen kuin painat "valmis". Ota näytönkuva talteen paintilla. Kun olet painanut "valmis", saat esiin linkin, jolla voit pelisi jakaa. Ota linkki talteen ja liitä blogiisi sekä näytönkuva, että linkki peliisi. Tämän ensimmäisen osion maksimipistemäärä on 4.

Toiseksi mene http://studio.code.org/s/playlab/reset ja käy pelinluontiharjoitus läpi. Viimeiseksi saat vapaat kädet pelintekoon. Tee peli ja ota valmiista koodista näytönkuva(alt+printscreen) ja talteen taas paintilla. Taas klikattuasi "valmis" ota linkki talteen ja laita sekä näytönkuva että linkki blogiisi. Tämän osion maksimipistemäärä on 6. Pistemäärä riippuu lopputuloksesi monipuolisuudesta.

Nämä tuotokset voivat olla samassa blogikirjoituksessa ja yhteispistemäärä siis on maksimissaan 10.

Tehtävä 3. Koodinluku

Seilaile selaimella osoitteeseen http://www.codecademy.com/ ja vielä tarkemmin JavaScript-osioon http://www.codecademy.com/tracks/javascript.Tutustu siellä Java Scriptin toimintaan ja tutki miten sitä käytetään. Alla on koodinpätkä, jonka haluan sinun kopioivan blogiisi ja lisäävän jokaisen rivin perään kommentin siitä, mitä ko. rivi tekee. Lisää kommentit eri sinisellä tekstin ollessa mustaa, jotta ne erottuu. Alla esimerkki...
/* Comment line */  Kommenttirivi
else if (jotain=0)      Jos jotain ei ole jotain vaan 0 niin tehdään...
Keksi myös mikä on ko. ohjelmanpätkän tarkoitus ja keksi ohjelmalle nimi. Kuinka tämän ohjelman voisi lisätä webbisivulle?

Koodi:

var userChoice;
var userChoice = prompt("Do you choose rock, paper or scissors?");
var computerChoice;
var computerChoice = Math.random();
console.log('Random number for computer selection is ',computerChoice,' which means...');
if (computerChoice < 0.34) {
    computerChoice = "rock"; }
    else if (computerChoice < 0.67) {
        computerChoice = "paper"; }
        else {
            computerChoice = "scissors"; }
console.log('Computer chose: ',computerChoice);
console.log('Aaand your choice was: ',userChoice);
console.log(compare(userChoice,computerChoice));

var compare = function (player, computer) {
    if(player===computer){
        return "The result is a tie!";
        }
        else if (player==='rock') {
            if (computer==='scissors') {
                return "Player wins!";
                }
                else if (computer==='paper') {
                    return "Computer wins!";
                    }
                }
            else if (player==='paper'){
                if(computer==='rock') {
                    return "Player wins!";
                }
                    else if(computer==='scissors') {
                        return "Computer wins!";
                    }
                }
            else {
                    if(computer==='paper') {
                        return "Player wins!";
                    }
                    else if(computer==='rock') {
                        return "Computer wins!";
                        }
                    }
}

Tehtävä 2. 3d "piirros"

Kokeillaanpa tällä kertaa taas yhtä online-työkalua.
TinkerCad on työkalu, jolla saa rakenneltua kolmiulotteisia kappaleita. Sillä pitäisi olla mahdollista rakentaa jopa 3d-tulostettavaa materiaalia.
Valitettavaa on, että sillä ei oikein muuten saa ulos mitään järkevää kuvatiedostoa.
Kokeillaan sitä kuitenkin. Lue palautusohjeet tarkkaan!

1. Kirjaudu TinkerCadiin.
2. Käy läpi kaikki LEARN-osion BASICS-oppitunnit.
• Ota jokaisen oppitunnin lopputuloksesta näytönkuva ( alt+print screen) ja ota se talteen esim Paintin avulla.
3. Tee omasta nimestäsi jokin taideteos, esimerkkinä oma kuvani tuolla alla.
• Ota valmiista työstäsi taas näytönkuva talteen.
4. Mene GALLERY->My things, avaa kuvasi ja ota linkki kuvaan talteen. (kohta, jossa lukee "link")
5. Kirjoita blogiisi...
• Kerro mitä mieltä olit TinkerCadistä ja sen toiminnasta.
• Liitä oma osoitteesi linkkinä kirjoitukseesi.
• Liitä mukaan kaikki ottamasi näytönkuvat.
6. Lopuksi katsele vielä TinkerCadin Galleriaa ja valitse suosikkisi ja kirjoita blogitekstisi loppuun miksi valitsit juuri kyseisen kuvan ja lisää linkki ko. kuvaan kirjoitukseesi.

Oma nimeni..