Teisipäev, 13. veebruar 2018

Hinnete kalkulaator (tähed)

Tee äpp, kuhu saaks sisestada kontrolltöö eest saadavad maksimumpunktid ja saadud punktid, arvutaks välja protsendi, näitaks seda ning annaks teada, mis hinde selle töö eest saab!

Äpi välimus võiks olla midagi sellist (vt allolev joonis).


Programmeerimise poolelt peaks nupp "Arvuta" väljadele max punktide arv ja saadud punktide arv sisestatud arvudest arvutama, mitu % moodustab saadud punktide arv max punktide arvust  ning kuvama saadud tulemuse väljal protsendid.

Selleks tuleb kasutada matemaatikatehteid (Math) valikust

Edasi tuleb programmile öelda, et väljal hinne kuvatakse vastavalt protsendile siis õige number või täht.

Viimsi Koolis kehtivad protsendivahemikud ning neile vastavad tähed on järgmised:
100 ja rohkem % - hinne A+
90 - 100 % - hinne A (vahemik suurem ja võrdne 90 ning väiksem 100)
80 - 90 % - hinne B (vahemik suurem ja võrdne 80 ning väiksem 90)
70 - 80% - hinne C
60 - 70 % - hinne D
50 - 60 % - hinne E
vähem kui 50% - hinne F

Näide ABC hindeskaala kohta (and - ploki leiate Logic valikust)

Kustutamise nupp

Kustutamise nupp peaks sellel klõpsamisel muutma kõikide sisestuskastide sisu tühjaks (Text -> " ")

Lisaülesanne!

Lisa kontroll, et sisestada saaks vaid arve! Kontroll, kas sisestatud sümbolid on arvud ja kui ei ole, siis sisestuskasti vastava teate kuvamine.


Neljapäev, 8. veebruar 2018

Kübaratriki äpi edasiarendus

Ülesanne 1.
Täienda eelmisel tunnil alustatud kübara ja jänese äppi nii, et iga kord kübaral klõpsates tuleks erinev pilt.

Ülesanne 2.
Iga pildiga võiks kõlada ka erinev heli.


Juhised
  1. Ava eelmisel tunnil alustatud äpp (kellel seda ei ole, siis vaatab blogist 1 teema allpool olevat juhist).
  2. Otsi internetist pildid, mida tahad kuvada (kui soovid teha mingit muud äppi peale kübara, siis võid asendada kübara pildid mingi muu pildiga).
  3. Kübaraäpi puhul pead veidi piltide joonistamisega vaeva nägema. Kiiresti saad pilditöötlust teha www.pixlr.com lehel. Ava seal kübarapilt ning lisa uus pilt teisele kihile. Siis saad pealmisel kihil ebavajaliku osa ära kustutada. Pilt salvesta teise nimega arvutisse.
  4. Lae uued pildid Appinventori keskkonda "Media" alla üles.
  5. Ava "Blocks" vaade. 
    • Edasi tuleb luua list, kuhu paneme kõik võimalikud pildivariandid, mis "mütsinupule" vajutades välja tulevad.
    • Listile nime andmiseks klõpsa "Variables" ja vali "Intialize global ... to". Kastikesse kirjuta oma listile nimi (näiteks "pildid").
    • Edasi vali "Lists" alt "make a list". Pesade arvu saad suurendada, kui klõpsad sinisel rattakesel. Lohista lihtsalt plokki uusi klotse.
    • Listi objektide jaoks tuleb valida "Text" alt teksti sisestamise plokk ja kirjutada nendesse eraldi kõikide piltide korrektsed nimed koos õige faililaiendiga.
    • Selleks, et iga klõpsamise korral tuleks erinev pilt, tuleb luua muutuja (näiteks nimega "number"). Matemaatika plokist leiad "random integer from ..." ploki. Kirjuta sinna juhuarvudeks 1 kuni sinu piltide arv.
    • Täienda nüüd "mütsi" klõpsamise skripti nii, et klõpsamisel saaks muutuja "number" väärtuseks juhuslik arv etteantud vahemikus (set global number to ... random integer from).
    • Edasi peab nupp "myts" võtma oma pildiks listist sama numbriga pildi (vt allolevat pilti).
    • Kõige selle juures mängitakse heli.
  6. Testi oma äppi!


Kui soovid oma äpile lisada helisid nii, et iga kord mängitakse erinevat heli, siis tuleb heliklippidest luua samasugune list.

Youtube videot saab helifailiks (mp3) konvertida selles keskkonnas: http://youtubemp3.to/ (otsi Youtube'st lugu, kopeeri selle loo URL aadressiribalt ja kleepi keskkonnas vastavasse aknasse ning klõpsa "Convert").
Helifaili (mp3) saad soovi korral lühemaks lõigata siin: http://audio-joiner.com/ (selleks tuleb mp3 fail keskkonda üles laadida ja siis liugureid liigutades saab heli lühemaks teha).

Esmaspäev, 5. veebruar 2018

Tutvumine programmiga MIT AppInventor

Keskkond on mõeldud Android op.süsteemiga seadmetele äppide tegemiseks.

Link keskkonnale: http://appinventor.mit.edu/

Kasutajakonto loomine

Esmalt tuleb keskkonda luua kasutajakonto. Selleks klõpsake nupul "Create".
Keskkonda logimiseks saate kasutada kooli e-postiaadressi (Google konto) ja postkasti parooli.

Projekti loomine

Klõpsa rohelisel ribal sõnal "Start New Project" ja anna projektile nimi (näiteks esimene).

Disainivaade

Ülesanne 1

1. Lohista vahendite paneelist disaini vaatesse nupp (Button).
2. Lae siit enda arvutisse järgmised pildid rabbit.jpg ja hat.jpg ja helifail TaDasound.mp3.
3. Leia disainivaatest kast pealkirjaga "Media" ning klõpsa "upload file". Lae 2 pilti ja helifail keskkonda üles. Failide nimed peavad ilmuma pealkirja "Media" alla kasti.
4. Klõpsa nupul ning leia kõige parempoolsemas, omaduste paneelis sõna image. Klõpsa sõna all olevas valges kastikeses ning vali loetelust hat.jpg. Nupu asemel peaks nüüd disainivaates olema müts.
5. Kustuta sõna "Text" all olevast kastist tekst ära.
6. Lohista disaini vaatesse veel üks nupp (Button). Kirjuta sõna "Text" all olevasse kastikesse "Uuesti" või "Restart".
7. Klõpsa Components paneelis nupul nimega Button1 ja vali paneeli alt sõna "Rename". Anna nupule nimeks näiteks myts (oluline on, et sa ise komponentide nimesid eristaksid, sest neid on hiljem programmi kirjutamise vaja teada). Nimeta Button2 samuti mõne teise nimega (näiteks "uuesti").
8. Klõpsa üleval rohelise riba paremas nurgas oleval nupul "Blocks".


Programmeerimise vaade (Blocks)


9. Klõpsa komponentide nimekirjas mütsi tähistaval nupul ja lohista töölauale klots "When myts click ... do".
10. Leia nupu klotside hulgast roheline klots kirjaga "Set myts.image to" ja lohista see eelmise klotsi sisse.
11. Klõpsa loendis sõnal "Tekst" ning vali sealt esimene plokk, kus on tühi kastike jutumärkides ning lohista see eelmise klotsi otse. Tekstikasti kirjuta rabbit.jpg (faili nimi peab olema täpselt sama, mis üles laetud failil).
12. Klõpsa nupul "uuesti" ning lisa sellele plokk, mis klõpsamisel muutaks pildi tagasi mütsipildiks.
13. Ava uuesti disainivaade ning leia vasakult vahendite menüüst sõna "Media" ja selle alt sõna "Sound". Lohista "Sound" ekraanile. See on peidetud komponent ja sellepärast kuvatakse teda väljaspool ekraani.
14. Klõpsa Components paneelis sõnal "Sound" ja vali Properties paneelis sõna "Source" all kastis klõpsates sinna eelnevalt üles laetud helifail TaDasound.mp3.
15. Ava uuesti programmeerimisvaade ("Blocks") ning klõpsa sõnal Sound. Nüüd saad lisada jänese pildi ilmumise juurde ka ploki "Call Sound1.play".

Valmis skript peaks välja nägema selline:

Nüüd on programm valmis!

Selleks, et seda oma nutiseadmes testida tuleb esmalt klõpsata sõnal "Build" ja sealt valida QR-koodi pakkuv lahendus.

Veidi aja pärast kuvatakse ekraanile QR kood. Skännige seda oma telefoni QR koodi lugejaga ning laadige äpp alla.
NB! Äppi installimiseks peate oma telefoni seadete alt lubama mitteturvaliste programmide installimise! Peale äpi installimist lülitage turvaline valik uuesti sisse!

Äpi testimine Emulatoriga (NB! suhteliselt töömahukas seadistamine).

/Link inglisekeelsele materjalile: http://explore.appinventor.mit.edu/sites/all/files/teachingappcreation/unit1/MagicTrick.pdf/