Modul 5 Valutaomregner

Valutaomregner

I denne øvelse skal du lave en app med blot en enkelt skærm, som kan omregne fra kroner til euro, dollars og britiske pund. Måske har du haft behov for dette i din sommerferie eller du vil kunne bruge lignende funktionalitet i dine kommende prototyper. Når du har fulgt instruktionerne vedrørende omregning af kroner til euro, skal du selv bygge videre på app'en for at den kan omregne til dollars og pund, mens du anvender gestaltlovene for dit design.

Se eventuelt først videoen, som instruktionerne herunder er hentet fra.

1. Opret et nyt projekt i App Lab og skift fra Kode til Design. Indsæt to labels i øverste del af screen1. Du kan redesigne elementerne senere når du bygger videre på app'en.

2. Indsæt en inputboks til kroner under label’en Dkr og angiv id’et til det beskrivende: text_krone. Indsæt en tilsvarende inputboks for EURO med id'et text_euro.

3. Indsæt en knap med teksten Dkr -> EURO. Når brugeren klikker på knappen, skal det beløb brugeren har skrevet i inputboksen text_krone vises som Euro i inputboksen text_euro.

4. Marker derfor knappen og vælg fanen EVENTS og klik på Insert and show code. Smid console.log i Linje 2 væk.

5. Det der skal ske, når brugeren klikker på knappen, er for det første at læse, hvad der står i inputboksen text_krone. Derfor defineres en variabel (Trin 1), som kaldes for kroner , fordi den skal gemme det antal kroner brugeren har indtastet.

Indsæt derefter (Trin 2) en getText kommando, som henter indtastningen fra inputboksen text_krone.

6. Vi vil gerne have regnet ud hvad kroner svarer til i Euro, så derfor skal vi dividere antallet af kroner med eurokursen i kroner, som i videoen er 8. Træk derfor en ny variabel over i Linje 2 (Trin 1), som kaldes for euro. På højresiden af lighedstegnet skriver du kroner (en reference til variabelnavnet) og dividerer med 8.

Når du har skrevet kroner/8 og går videre, laver App Lab en divisionsoperator (Trin 2).

Til sidst skal du trække en setText kommando (Trin 3) over i Linje 4 , som skriver beløbet i Euro i label2.

Færdiggør valutaomregneren

Du skal videreudvikle app'en, så den også kan omregne kroner til dollars og britiske pund. Du får altså behov for:

Yderligere to knapper med tilhørende hændelsesprocedurer
To inputbokse mere til de to nye valutaer.
Indsæt også en titel øverst på skærmen.

Du skal samtidig anvende relevante gestaltlove, når du reorganiserer og indsætter nye elementer på skærmen.

Lav gerne en papirskitse af skærmen, for at sikre dig at du går videre med et passende design.