Tehtävä 7: Näytä mitä osaat! JA KEVÄÄN DEADLINE pe 16.5. klo 14.

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 8 pistettä, mutta kokonaispistepottiin lasken tämän arvoksi vain pisteen. Pisteen saat sillä, että kirjoitat blogiisi miksi et tee enempää ja mitä ylipäänsä olet oppinut/tehnyt atk-tunneilla.

DEADLINE kaikille töille on siis perjantai 16.5. klo 14. 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ä 6: Windows-näppäilyä

Tehtävänäsi on tehdä google asiakirjatyökalulla taulukkomallinen esitys, jossa käyt läpi ainakin 10 eri windows-ympäristössä toimivaa pikanäppäinyhdistelmää. Taulukossa on siis kolme saraketta "Näppäinyhdistelmä", "Toiminto" ja "Käyttöesimerkki/-tilanne". Ja rivejä 11, eli sarakeotsikkorivi ja 10 eri näppäinyhdistelmää.
Tarkoituksena on siis, että selvität 10 erilaista näppäinyhdistelmää, joilla erilaisia toimintoja Windows- tai Microsoft-maailmassa voi nopeammin tehdä jotain usein toistuvia toimenpiteitä. Esimerkiksi "ctrl+alt+del", "leikkaaminen", "liittäminen", "kopioiminen", "tiedoston nimen vaihtaminen Windows resurssienhallinnassa", jne. jne.
Valmis asiakirja nimetään "omanimi_pikanäppäintaulukko" ja jaetaan opettajalle. Blogiin kirjoitus siitä, mistä löysit tiedon näppäinyhdistelmistä ja oliko vaikea tehtävä.
Alla esimerkinomaisesti taulukon alkua...

Näppäimet	Toiminto	Käyttöesimerkki
ctrl+alt+del
	Valitus asian kopioiminen leikepöydälle
	Tiedoston nimen vaihtaminen Windows- resurssienhallin- nassa
		Kun haluan ottaa leikepöydälle kuvan nykyisestä työpöytänäkymästä esim. kuvanmuokkausohjelmaan.

Tehtävä 5: 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ä 4: Arviointia

Tutustu esim. wikipediassa termeihin verkkoyhteisöpalvelu, web 2.0 ja sosiaalinen media.
Kerro niistä blogiisi kaikista historiaa, käyttö, hyötyjä ja haittoja. Kirjoita hyvää tekstiä, älä ranskalaisia viivoja käyttäen.
Tämän jälkeen valitse wikipedian sosiaalisen median sivulta 5 eri some-palvelua, joita arvioit. Tee niistä ominaisuuksia vertaileva taulukko kymmenellä kohdalla, lehtien arvostelutaulukoiden tyyliin. Tee taulukko googlen taulukkotyökalulla(drive), muotoile taulukko siistiksi ja helposti luettavaksi. Taulukkon 11 riville teet yhteenvedon kustakin palvelusta ja 12 riville oman arvostelusi kouluasteikolla.
Kerro blogissasi myös mitkä palvelut sinulla oli vertailtavana ja mikä "voitti". Jaa myös tekemäsi taulukko opettajalle.

Tehtävä 3. Mediataitotehtävä

Tutki kolmea eri uutissivustoa (aikakauslehden tai sanomalehden sivusto, uutissivusto, tietosivusto tms.) ja kiinnitä huomiota mainoksiin. Vertaile mainoksia ja varsinaisia uutisjuttuja.

Tarkoituksesi on tehdä nelisivuinen "lehti", jossa pohdit näiden kolmen sivusto mainoksia. Ensimmäinen sivu toimii kansilehtenä. Kannattaa käyttää google documenttien tekstityökalua niin pystyt jatkamaan töitä myös kotona.

1. Tee jokaisesta sivustosta lehtijuttu hyvällä asettelulla. Kiinnitä huomiota hyvään tekstiin ja kokonaisiin virkkeisiin. Nyt ET voi vastata kysymyksiin yksitellen vaan vastaat sujuvalla tekstillä, olet toimittaja!
2. Liitä jokaiselle sivulle näytönkuva, johon olet merkinnyt tärkeitä kohtia, laita kuvalle myös kuvateksti.
3. Jokaisesta sivustosta pohdi:
1. Onko sivustolla mainoksia, joita on vaikea erottaa oikeista uutisista?
2. Millaisia tällaiset mainokset ovat?
3. Onko mainostus suunnattu juuri tietylle kohderyhmälle?
4. Millaista mainontaa sivuilla on?
5. Miksi sivustolla on mainontaa?
6. Miten sivuston mainostajat saattavat etsiä tietoa kuluttajista?
7. Millainen mainos on ärsyttävä?
8. Millainen mainos sivulla on koukuttava?
9. Miten mainoksessa esiintyvät ihmiset vaikuttavat mainoksen lukijaan?
10. Onko mainoksissa harhaanjohtamista?
11. Onko jokin sivulla oleva mainos erityisen epäonnistunut?
12. Entä onnistunut?
4. Tee lehteesi kansikuva kansikuvakoneella osoitteessa http://www.kansikuvakone.fi/.
5. Liitä kansikuva lehtesi alkuun.
6. Lisää jokaisen artikkelin loppuun pakotettu vaihto "sivunvaihto" niin, että kaikki artikkelit ovat omilla sivuillaan.
7. Tulosta/"tallenna"/"lataa tiedostona" artikkelisi pdf-tiedostoksi.
8. Jaa pdf-tiedosto dropboxin kautta opettajalle.
9. Kirjoita blogiisi minkä niminen lehtesi on ja mitkä olivat kolme arvioimaasi sivustoa, liitä myös blogiisi kansikuvakoneella tekemäsi kansikuva.

Tehtävä 2. HTML-koodausta, kolmisivuinen sivusto

Nyt tutustumme HTML-koodaukseen, eli toisinsanoen kirjoitamme yksinkertaisen nettisivuston käyttäen html-koodausta.
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 joka sivulla
• kaikkia kolmea kuvan sijaintia käytettävä (left,center,right)
• jonkin tekstinosan muotoilua muuksikin kuin perustekstiksi (esim. otsikko)
• lista tai taulukko jollain sivulla
• sivut linkitetty toisiinsa niin, että jokaiselta sivulta pääsee jokaiselle sivulle.

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-kansiosi DropBoxiisi ja jaa se 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ä 1. Hyvää uutta vuotta!

Aloitetaan kevyesti. Kirjoita blogiisi vastaukset seuraaviin kysymyksiin. Etsi tiedot verkosta. Vastaa kunnollisilla lauseilla.

1. Mikä on HTML ja mitä kirjaimet tarkoittavat?
2. Mitä HTML:llä tehdään?
3. Millainen on HTML-dokumentin rakenne?
4. Mikä on selaimen merkitys webbisivun esityksessä?
5. Millaisista komponenteista webbisivu koostuu?
6. Mitä ovat PHP, Javascript ja XHTML?
7. Mitä sinun tarvitsee webbisivuja koodatessasi ottaa huomioon edellisiä käyttäessäsi?
8. Mitä ohjaustägiä käytetään HTML:ssä kun halutaan esittää:
1. Otsikko
2. Peruskappale
3. Lihavoitua tekstiä
4. Kursivoitua tekstiä
5. Linkki
6. Kuva
7. Lista
9. Osaatko luoda dropboxiin kansion ja jakaa sen kokonaisuutena?
10. Löydätkö tietokoneeltasi muistio-ohjelman ja osaatko tallentaa sillä tiedoston jollakin muulla päätteellä kuin txt?