Demo 1

*Palauta viimeistään ma 15.1. klo 11:59.

Voit täydentää vastauksiasi määräaikaan mennessä.

Iso M-kirjain tehtävän yhteydessä tarkoittaa viittausta monisteen kohtaan, jossa asiaa alustetaan.

📺 Katsele demon palautustilaisuus.

Tehtävien pisteistä

Jokaisella tehtäväkerralla ydintehtävät (tehtävät 1-6) sisältävät kurssin osaamistavoitteiden kannalta keskeiset asiat. Huomaathan että tähtitehtävät (joiden perässä on *-merkki) ovat pakollisia.

Lisäksi on myös Ville-tehtäviä (V=Ville), Tauno-tehtäviä (T=Tauno), bonus-tehtäviä (B=bonus) ja tehtäviä niille, joilla on jo ennestään ohjelmointikokemusta (G=Guru).

Tehtävät ovat yhden pisteen tehtäviä, ellei ole erikseen mainittu, että tehtävästä saa useamman pisteen. Esimerkiksi Ville 1, Tehtävä 1 ja Bonus 2 ovat maksimissaan yhden pisteen tehtäviä, mutta Guru 1-2 on maksimissaan kahden pisteen tehtävä.

Kun olet tehnyt tehtävän, muista tarkistaa, että pistemäärä on oikein. Viimeisimmän ajon/testin pisteet jäävät voimaan. Test-napin sisältävät tehtävät tuottavat usein eri määrän pisteitä ajamisesta ja testaamisesta.

Esimerkki:

Ajaminen onnistuu   ->  0.5p
Testit menevät läpi ->  1p

Jos edeltävässä esimerkissä menisi vielä testin jälkeen painamaan aja-nappia, niin pisteet alenisivat 0.5p ja täysiin pisteisiin täytyisi siis painaa Test-nappia uudelleen.

Tämän viikon osaamistavoitteet

Tämän demokerran päätteeksi

• osaat avata komentorivin, navigoida kansiosta toiseen ja luoda uusia kansioita hakemistorakenteeseen
• osaat käyttää tekstieditoria tekstin muokkaamiseen tehokkaammin
• osaat luoda, kääntää C#-lähdekoodia ja ajaa C#-ohjelman, joka tulostaa tekstiä näytölle
• osaat luoda graafisen C#-ohjelman, jossa on erilaisia muotoja
• ymmärrät, millä tavalla (tekstimuotoinen) tieto tallennetaan tietokoneeseen

Demokerran päätteeksi sinulla pitäisi olla myös asennettuna kurssin työkalut, sillä kotoa käsin toimiminen edellyttää niiden asentamista. Apua työkalujen asentamiseen saat myös ohjauksissa.

Akateeminen rehellisyys

Lue luku akateeminen rehellisyys ja hyväksy että noudatat tällä kurssilla näitä periaatteita.

Olen lukenut yllä mainitut kurssin rehellisyyden periaatteet ja aion noudattaa niitä.

Ajankäyttösi tällä viikolla (0.5 p.)

(TODO opettajille: Korjaa aikamerkinnät preambleen. Kaikille aika-plugineille tulee siis sama id.)

Työtuntien kirjaamisesta saa 0.5 demopistettä. Aseta pisteesi Set Custom Points -toiminnolla.

Demokerran päätteeksi kirjoita arvio tällä viikolla käyttämästäsi työmäärästä. Laske työmäärään mukaan kaikki tällä viikolla käyttämäsi aika: lähiopetukseen osallistuminen, oppimateriaalin lukeminen, demotehtävien tekeminen, luentovideon katsominen, demojen purkutilaisuuteen osallistuminen (maanantaina) ja niin edelleen. Voit päivittää lukua viikon edetessä, se voi helpottaa arvion tekemistä.

Tehtävä 1*. Tietojen tulostaminen

Lue ensin: 2. Ensimmäinen C#-ohjelma

Tee ohjelma, joka tulostaa sinun nimesi, kännykkäsi merkin ja mallin, ja operaattorisi nimen, kunkin eri riveille.

Tehtävä 2

Muokkaa alla olevaa ohjelmaa niin, että se tulostaa

Jyväskylän yliopisto
Informaatioteknologian tiedekunta

Älä kuitenkaan poista äläkä lisää uusia koodirivejä. Muokkaa olemassa olevien rivien järjestystä ja niiden sisältöä.

Tehtävä 3*. Lumiukko

Lue ensin: 4. Yksinkertainen graafinen C#-ohjelma

Muuta alla oleva ohjelma sellaiseksi, että se piirtää lumiukolle silmät, nenän ja suun. Huomaa, että alla näkyy vain osa ohjelmakoodista. Jos haluat nähdä koko ohjelmakoodin klikkaa Näytä koko koodi.

Palautus: Tehtävän voi tehdä suoraan alla olevaan laatikkoon ja painaa Aja.

Voit halutessasi tehdä tehtävän Riderissa käyttäen FysiikkaPeli-projektimallia (Ks. Miten luodaan projekti Riderilla). Jos teet Riderissa, niin kopioi alla olevaan laatikkoon ohjelmasta se osa, joka on Begin-aliohjelman sulkujen { } välissä (koska muu osa on alla olevassa koodissa jo valmiina, ks. Näytä koko koodi.

Arviointi: Käytä Set custom points -toimintoa. Tee itsearvio pistemäärästäsi ja syötä omat pisteesi väliltä 0-1. Jos teit tehtävän mielestäsi täysin oikein, 1 piste, puoliksi oikein 0.5 pistettä jne.

Tehtävä 4*. Muotoja

Muokkaa alla olevaa koodia siten, että lopputulos näyttää alla olevan kuvan mukaiselta. Muodon värin muuttaminen tapahtuu seuraavasti (esimerkki):

GameObject muoto = new ...(täydennä)...
muoto.Color = Color.Red;

Lisätehtävä (+1 bonuspiste): Tee ohjelmasta sellainen, että alimman neliön koon muuttaminen muuttaa myös ylempien muotojen kokoa samassa suhteessa. Siten lopputuloksen pitäisi näyttää aina suurin piirtein samalta riippumatta siitä minkä kokoinen alin neliö on.

Tehtävä 4. Ensimmäinen C#-ohjelma komentoriviltä

Tehdään ensimmäinen C#-ohjelma: kirjoitetaan koodi, käännetään ja ajetaan se komentoriviä käyttäen.

Valmistelut: Asenna työkalujen kohdat 1-5. Tässä tehtävässä ei vielä tarvita Rideria (työkalujen kohta 4) mutta sitä tarvitaan myöhemmin. Yliopiston mikroluokissa työkalut ovat valmiina.

Lue ensin: Tutustu komentoriviin. Varmista, että osaat ainakin

• käynnistää git bash -sovelluksen (Windows) tai käyttää Pääte/Terminal-komentoriviä (macOS/Linux),
• luoda uuden kansion mkdir-komennolla, esimerkiksi mkdir ohjelmointi1
• siirtyä kansiosta toiseen cd-komennolla, esimerkiksi cd ohjelmointi1 tai kansiorakenteessa "ylöspäin" komennolla cd .. (huomaa välilyönti)

Tehtävä:

1. Avaa tekstieditori.
2. Tee ensimmäinen HelloWorld ohjelmasi komentoriviä käyttäen.

Laita ohjelma tulostamaan "Hei Jyväskylä!".

Muokkaa luokan ja Main-pääohjelman dokumentaatiokommentteja luentomonisteen esimerkin mukaisesti.

Palautus: Kopioi tiedoston HelloWorld.cs sisältö alla olevaan tekstikenttään.

Tehtävä 4. Komentorivi

Lue ensin lukukappale komentorivistä. (Tätä ei ole monisteessa.)

Tässä tehtävässä luodaan komentorivin avulla uusi kansiorakenne omalle tietokoneelle. Kansiorakenne toimii esimerkkinä siitä millä tavalla tiedostoja voi järjestellä tällä kurssilla. Saatoit mahdollisesti tehdä osan tästä rakenteesta jo Tehtävän 1 yhteydessä.

Tehtävässä on rinnakkaiset ohjeet kullekin käyttöjärjestelmälle. MacOS- ja Linux-järjestelmissä käytetään Pääte (engl. Terminal) -ohjelmaa. Windowsissa voi valita, käyttääkö komentorivinä Git Bash (suositus; asentuu automaattisesti Git-versiohallinnan mukana), WSL, Komentokehotetta (cmd) vai PowerShell-ohjelmaa.

• luennolla näytetty listaus komentorivin komennoista eri järjestelmissä.

MacOS:ssa ja Linuxissa alla esitetty kurssit hakemisto kannattaa tehdä oman kotihakemiston alaisuuteen. Näissä järjestelmissä käyttäjän oman kotihakemiston tunnus on ~/, joka lyhenne kotihakemistolle, esim /users/vesal.

Siirtyminen työskentelyhakemistoon. Aloita seuraavalla komennolla sen mukaan mitä komentoriviä käytät. Mikäli käytät Windowsissa jotain muuta kuin C-levyasemaa, sovella ohjetta:

Linux/macOS     : cd ~
Git Bash Windows: cd /c

Kansiorakenteen luominen. Tee komentorivillä alla olevan mallin mukainen hakemistorakenne. Sisennykset kuvaavat hierarkiaa, eli sitä mikä hakemisto kuuluu minkä sisään. Tässä kurssit-hakemisto sisältää ohj1-hakemiston, joka puolestaan sisältää demot- ja ht-kansiot, ja niin edelleen.

kurssit
  ohj1
    demot 
      demo1
      demo2
    ht

Kun olet luonut yllä olevan hakemistorakenteen, palaa siihen työskentelyhakemistoon, josta aloitit ensimmäisessä kohdassa.

Rakenteen tulostaminen näytölle. Kirjoita komento

Linux/Mac/Git Bash/WSL:   ls -laR kurssit
PowerShell:               dir -s kurssit
cmd:                      dir kurssit /s

Tulostuksessa pitäisi näkyä mm. seuraavia rivejä, jos tehtävä on tehty oikein. Joillain komentoriviohjelmilla sekä Linuxilla tulostus saattaa näyttää erilaiselle, mutta idea on sama:

kurssit:
total 0
drwxr-xr-x 1 vesal 197609 0 Sep  4 23:09 .
drwxr-xr-x 1 vesal 197609 0 Sep  4 23:09 ..
drwxr-xr-x 1 vesal 197609 0 Sep  4 23:09 ohj1

kurssit/ohj1:
total 0
drwxr-xr-x 1 vesal 197609 0 Sep  4 23:09 .
drwxr-xr-x 1 vesal 197609 0 Sep  4 23:09 ..
drwxr-xr-x 1 vesal 197609 0 Sep  4 23:09 demot
drwxr-xr-x 1 vesal 197609 0 Sep  4 23:09 ht

kurssit/ohj1/demot:
total 0
drwxr-xr-x 1 vesal 197609 0 Sep  4 23:09 .
drwxr-xr-x 1 vesal 197609 0 Sep  4 23:09 ..
drwxr-xr-x 1 vesal 197609 0 Sep  4 23:09 demo1
drwxr-xr-x 1 vesal 197609 0 Sep  4 23:09 demo2

Palautettavan tiedoston luominen: Tehtävän vastaukseksi luodaan palautettava tiedosto teht4.txt seuraavasti:

Linux/Mac/Git Bash/WSL:   ls -laR kurssit >kurssit/ohj1/demot/demo1/teht4.txt
cmd:                      dir kurssit /s >kurssit\ohj1\demot\demo1\teht4.txt
PowerShell:               dir -s kurssit >kurssit\ohj1\demot\demo1\teht4.txt

Katso, millainen tiedostosta syntyi. Mene ensin demo1 hakemistoon ja sitten:

Linux/Mac/Git Bash/WSL:   cat teht4.txt  
CMD/PowerShell:           type teht4.txt

tai voit vaihtoehtoisesti tutkia tiedoston sisältöä myös tekstieditorilla.

Tehtävän palauttaminen: Kopioi tiedoston teht4.txt sisältö alla olevaan tekstikenttään. Sitten voit tuhota tiedoston.

Tehtävä 5. Tekstieditorin käyttäminen

Tässä tehtävässä harjoitellaan tekstieditorin käyttöä pelkällä näppäimistöllä. Ota sekuntikellolla aika, kauanko juuri sinulla menee alla olevien ohjeiden mukaisen tekstitiedoston kirjoittamiseen pelkkää näppäimistöä käyttämällä. Hiirtä ei saa käyttää lainkaan.

Lue ensin tehtävä huolellisesti. Kun olet ensin sisäistänyt kaikki ohjeet, aloita tyhjästä tiedostosta ja käytä ainoastaan valitsemaasi tekstieditoria. Word tai muu toimisto-ohjelma ei ole tekstieditori, eivätkä ne kuulu tämän kurssin sisältöön.

Saat käyttää kaikkia editorin ominaisuuksia, eli leikkaa-liimaa, etsi-ja-korvaa ja vastaavat. Aloita ajanotto siitä, kun kirjoitat ensimmäisen merkin, ja lopeta siihen kun viimeinen merkki on kirjoitettu. Sisällön tulee olla:

1) Alussa eli ihan ensiksi tasan sata riviä, joilla jokaisella lukee:
    Harjoittelen tekstitiedoston tekemistä!
2) Sen jälkeen tasan yksi rivi, jossa on tasan 80 kpl miinusmerkkiä '-'
   eikä mitään muuta, ei myöskään välilyöntejä.
3) Sitten neljäkymmentä riviä, joissa on luvut ykkösestä
   neljäänkymmeneen kahdella numerolla siten että jokaisella rivillä 
   on yksi luku. 
   Näin alkaisi se pätkä:
    01
    02
    03
     ... ja näin se päättyisi:
    39
    40
4) Loppuun pitää tulla taas sellainen rivi, jossa on tasan 80 kpl
   miinusmerkkiä, kuten kohdassa 2.
Mitään muita rivejä tai tyhjiä rivejä ei saa olla.

Pysäytä ajanotto ja tallenna tiedosto nimellä teht5.txt. Jälkeenpäin kirjoita vielä tiedoston loppuun (uudeksi viimeiseksi riviksi heti miinusmerkkirivin perään), kauanko sinulta meni. Ajan tulee olla muotoa mm:ss (minuutit ja sekunnit), esimerkiksi 03:45.

Tämän perään kirjoita vielä lyhyt kuvaus siitä, mitä ja miten teit tehtävän aikana, ja mitä tekstieditorin ominaisuuksia käytit (teksti pitää rivittää itse enterillä, jos vastaus menee yli laatikon oikean reunan). Tässä on vastaustiedostosi tähän tehtävään. Copy-pasteta vastaustiedoston sisältö alla olevaan TIMin vastauskenttään.

Tulos antaa itsellesi suuntaa nykyisestä tehokkuudestasi tekstin tuottajana. Kurssin lopussa voi tehdä testin uudelleen, ja kokeilla onko tapahtunut kehitystä.

Anna itsellesi pistemäärä väliltä 0-1 (rasti kohtaan Set custom points). Jos teit tehtävän mielestäsi täysin oikein, 1 piste, puoliksi oikein 0.5 pistettä jne.

Tehtävä 6. ASCII-koodi

M: 27. ASCII-koodi: Voi voi. Simolta on mennyt USB-tikku rikki. Tikulla on vain pieniä tiedonsirpaleita eikä mitään tietoa, mikä sirpale kuuluu mihinkin. Siellä oli paljon MP3-tiedostoja ja kaikkea turhaa... Simo tietää, että yhdessä elintärkeässä tiedostossa hänellä luki selväkielinen teksti isoilla kirjaimilla. Alla oleva bittijono näyttää lupaavalta, mutta mikä teksti siihen on tallennettu:

Taulukko 1:
01010100  01010101  01010100  01001011
01001001  01000101  01001100  01001101
01010011

Helpotetaan: seuraavassa on samat (taulukon 1) tavun mittaiset jonot 10-järjestelmän lukuina (saatu luettua taulukosta 3 eli 01010100 = 84 jne...), ja malliksi on yksi luku muutettu ymmärrettäväksi kirjaimeksi alla olevaan taulukko 2:een.

Taulukko 2:

binääri   dec   char 
==================== 
01010100 = 84
01010101 = 85 => U    
01010100 = 84
01001011 = 75 

... täydennä vastaavuudet loppuun saakka ...

Tulkitse kaikki muutkin merkit, ja vastaa sitten seuraaviin kysymyksiin:

• Mikä teksti tuohon kohtaan USB-tikun muistia on tallentunut?
• Montako millimetriä Simo on painanut ohi yhdestä näppäimestä? Hänellä on samanlainen näppäimistö kuin sinulla.
• Mikä binääriluku pitäisi olla viallisen kirjaimen kohdalla?

Luo tiedosto teht6.txt, jonka alussa on nimesi, sitten täydennetty taulukko 2 kirjainten vastaavuuksista ja vastaukset kysymyksiin.

Kopioi tuon tiedoston sisältö alla olevaan palautuskenttään.

Simo tietää, että hänen käyttämässään tiedostomuodossa merkeille on sovittu seuraavat koodit (pala ASCII-koodia monisteen luvusta M: 27. ASCII-koodi):

Taulukko 3:

Desimaaliluku Binäärilukuna Vastaa merkkiä
-------------------------------------------
  32          00100000      [välilyönti]
  33          00100001        !
  46          00101110        .
  65          01000001        A
  66          01000010        B
  67          01000011        C
  68          01000100        D
  69          01000101        E
  70          01000110        F
  71          01000111        G
  72          01001000        H
  73          01001001        I
  74          01001010        J
  75          01001011        K
  76          01001100        L
  77          01001101        M
  78          01001110        N
  79          01001111        O
  80          01010000        P
  81          01010001        Q
  82          01010010        R
  83          01010011        S
  84          01010100        T
  85          01010101        U
  86          01010110        V
  87          01010111        W
  88          01011000        X
  89          01011001        Y
  90          01011010        Z

Kun olet tulkinnut kaikki merkit, kirjoita selkokielinen teksti (kirjoitusmerkein) tekstieditorissa ja tallenna se tiedostonimellä t6-vainteksti.txt.

Tehtävä Tauno T1 a (0.5p)

Tee Taunolla ohjelma, joka kääntää taulukon päinvastaiseen järjestykseen. Aloittaaksesi klikkaa Näytä Tauno.

Saadaksesi tehtävästä 0.5 pistettä, paina vastauslaatikon alareunasta Aja sekä Test.

Lue ensin Taunon käyttöohjeet.

Tehtävä Tauno T1 b (0.5p)

Tee Taunolla ohjelma, joka vaihtaa joka toisen alkion pareittain keskenään. Eli esimerkiksi taulukosta 1, 2, 3, 4 tulee taulukko 2, 1, 4, 3.

V1. Ville

Tee Villestä kohta 1.

Tee myös Villestä tehtävä 2.1. Palauta tehtävä kirjoittamalla alla olevaan tekstilaatikkoon mitä opit ja mitä mieltä olit kerran Ville-tehtävistä ja auttoivatko Ville-tehtävät sinua yhtään. Muutama rivi riittää.

Tässä lyhyt ohje Villeen kirjautumiseen:

1. Siirry osoitteeseen https://ville.utu.fi?c=wjjvAXbZHKZX
2. Anna kurssiavain ohj1cs
3. Kirjaudu HAKA-kirjautumisen avulla

B1. Kurssin alkukysely ja kysymys opettajille

1. Vastaa kurssin esitietokyselyyn. (0.5 p.)

2. Kirjoita kurssin QA-sivulle halumasi otsikon alle jokin kysymys, jonka haluaisit esittää kurssin opettajille. (0.5 p.)

Katso kuitenkin ensin aikaisempia kysymyksiä ja vastauksia, josta saattaa jo löytyä vastaus kysymykseesi. Pyrimme vastaamaan kaikkiin esitettyihin kysymyksiin.

B2. Scratch (1 p.)

Scratch on varsin suosittu ohjelmointiympäristö erityisesti nuorten ja koululaisten kohdalla. Vaikka Scratchissa ei juuri kirjoiteta itse koodia, ovat käytettävät käsitteet melko samoja kuin C#:ssa.

Mene scratch.mit.edu ja tee klassinen kaksinpelattava juoksupeli (a.k.a. näppäimistön rämpytys). Idea: kaksi pelaajaa on ikkunan vasemmassa reunassa. Toinen pelaaja liikkuu esimerkiksi välilyönnistä, ja toinen vaikkapa jostakin nuolinäppäimestä. Se kumpi saavuttaa maaliviivan ensin on voittaja.

Anna itsellesi pistemäärä väliltä 0-1 (rasti kohtaan Set custom points). Jos teit tehtävän mielestäsi täysin oikein, 1 piste, puoliksi oikein 0.5 pistettä jne.

Scratchiin kirjautuminen mahdollistaa projektin jakamisen (Share) linkkinä. Mikäli et halua kirjautua Scratchiin, niin ota projektistasi (skripteistäsi) kuvaruutukaappaus, tallenna se jollekin verkkosivulle, ja palauta linkki kyseiseen kuvaan. Voit siis valita kumpaa palautusmetodia käytät.

Palautus linkkinä, kun Scratch-projekti on jaettu

Palautus kuvaruutukaappauksena

B3. Numeron siirtäminen

Yhtä numeroa siirtämällä tee yhtälöstä 62 - 63 = 1 tosi.

Anna itsellesi pistemäärä väliltä 0-1 (rasti kohtaan Set custom points). Jos teit tehtävän mielestäsi täysin oikein, 1 piste, puoliksi oikein 0.5 pistettä jne.

G1-2. Luvut joiden neliöjuuri on kokonaisluku

Tee C#-ohjelma, joka tulostaa kaikki ne kokonaisluvut alkaen luvusta 0 jotka ovat pienempiä (tai yhtäsuuria) kuin 1000 ja joiden neliöjuuri on kokonaisluku. Vinkki: Kirjoita ennen koodaamista käsin lista kokonaislukuja järjestyksessä ja lisäksi näiden lukujen neliöjuuria. Tätä sanotaan testilähtöiseksi kehitykseksi (Test Driven Development, TDD).