Øvelse 2 - Datalaget
I denne øvelse skal du lave en ny afstemnings-app, som gemmer brugerens valg af favorit pop stjerne (Lady Gaga eller Taylor Swift) i en tabel i den database der hører til dit App Lab projekt. Du kan følge videoens anvisninger (slå undertekster til), som i store træk er gengivet på denne side under videoen.
1. Opret et nyt projekt i App Lab ved at klikke på Opret i øverste højre hjørne. Kald projektet for Pop Stars Project. ved at klikke på knappen Omdøb ( Rename ).
Klik på Vælg ... for at uploade et baggrundsbillede til screen1. Find selv et billede i nogenlunde samme proportioner på nettet og gem det på din desktop med filnavn-extension JPG eller PNG.
2. Klik på Upload File og fremsøg dit baggrundsbillede på din desktop.
3. Klik på Vælg for at anvende billedet.
4. Træk en dropdownboks ind fra Værktøjskassen på screen1. og indtast de to popstjernes navne i feltet options.
5. Træk en pladsholder til et billede ind på screen1 og vælg et billede af Lady Gaga du selv finder og gemmer på din desktop som JPG eller PNG. Senere skal du også bruge et billede af Taylor Swift.
6. Skift til Kode (Trin 1) og træk en onEvent blok (Trin 2) over i Arbejdsområdet.
Vælg "id" til "dropdown1" (Trin 3) og vælg den hændelse der hedder "change" (Trin 4).
7. Træk en if-blok ind i Linje 2 .
8. Træk (Trin 1) en lighedsoperator == fra Math ind i betingelsen i Linje 2 . Træk derefter (Trin 2) en getText ind på venstresiden af == hvor du vælger "dropdown1" på id-listen, og skriv (Trin 3) "Lady Gaga" på højresiden.
9. Træk en setImageURL blok ind i Linje 3 , vælg "image1" som id og vælg dit billede af Lady Gaga på listen.
Træk endnu en setImageURL blok ind i Linje 5 med "image1" som id og vælg dit billede af Taylor Swift.
Datalaget
For at gøre din prototype i stand til at opsamle afstemningsresultater fra brugerne skal du tilføje en Send-knap (Submit) og en ny skærm, som takker for brugerens valg af popstjerne.
10. Træk en knap ind nederst på screen1 og giv den knapteksten "Send".
11. Du skal nu tilføje en skærm med en baggrundsfarve, som takker brugeren for at have stemt. Tilføj en label med en tekst som takker og giv den en tekstfarve. Farvekoden for hvid er #ffffff.
12. For at gemme afstemningsresultatet i databasen tilføjes en onEvent til Send-knappen, hvor du vælger "button1" som id og "click" som hændelse.
13. Åbn kategorien Data og træk en createRecord blok over i Linje 9 . Den opretter en ny række i tabellen "popstars". når brugeren klikker på Send.
Kolonnenavnet i tabellen er name og den tekst der skal gemmes er et af popstjerne navnene, som hentes med en getText kommando med id'et "dropdown1".
14. Når data er gemt skal der skiftes til takkeskærmen med en setScreen kommando.
15. Test at det virker ved at Kør / Nulstil et par gange og stemme på hver af popstjerne mindst én gang (Trin 1). Derefter skal du vælge Data (Trin 2), klikke på tabellen popstars (Trin 3) og tjekke at dine afstemningsresultater er blevet gemt (Trin 4).
