Øvelser

23.1 En anden måde at præsentere data på

Åben linket her https://studio.code.org/projects/applab/SUna_kBxrKIcR4yJ4V0ttPf86nn2rpN9pYfGwWYUZ7M. I opgaven her skal du bare undersøge programmet som bruger, du skal ikke kikke på koden endnu

• Hvordan fungerer programmet. Du skal kun tage udgangspunkt i, hvordan brugeren oplever programmet, dvs. i frontend/brugerfladen
• Sammenlig brugerfladen med appen fra opgave 22.4. Linket til appen fra opgave 22.4 er her: https://studio.code.org/projects/applab/iXgRU8gJyDGVscQhe8Xp8P0l_N7QuyVCQjxWC–JbHA. Hvilken måde fungerer appen på i forhold til den database, du tidligere har set. Du skal stadigvæk bare bruge programmerne og bemærke forskellen i den måde, data præsenteres på. Hvad er mest brugervenligt

23.2 Undersøg kode

• Undersøg koden i den nye app: https://studio.code.org/projects/applab/SUna_kBxrKIcR4yJ4V0ttPf86nn2rpN9pYfGwWYUZ. Svar på nedenstående spørgsmål ved at sætte kommentar ind i koden
  • Hvor henter den kundenummer fra?
  • Hvordan ved den, hvor mange kunder, der er i databasen?
  • Den første linje i programmet, som kaldes fra frontend, er linje 11 “On event”. Hvad sker der i de første 10 linjer. Sæt kommentarer ind.
  • Hvordan bærer programmet sig ad med at kalde funktioner på tværs af events. Se f.eks. nedenfor i kodelinje 16, hvor der kaldes en funktion Sæt en kommentar ind over koden, der på billedet er på linje 16. Når du sætter kommentarer ind, vil den sikkert i din app have et højere linjenummer end linje 16.
  • Hvordan bærer programmet sig ad med, at man kan “bladre” mellem kunderne. Forklar

• Bonusopgave: Hvad er forskellen mellem koden i “bladre-appen”, som du lige har undersøgt, og koden i app’en fra opgave 22.4. Linket til appen fra opgave 22.4 er her: https://studio.code.org/projects/applab/iXgRU8gJyDGVscQhe8Xp8P0l_N7QuyVCQjxWC–JbHA.

23.3 Lav database til bladre-app’en

• Lav et remix af https://studio.code.org/projects/applab/SUna_kBxrKIcR4yJ4V0ttPf86nn2rpN9pYfGwWYUZ7M, NYT LINK https://studio.code.org/projects/applab/4hsDgDK9c9-TvS9qpLWhQ_BfwMGfOYXjWl1fFPflp7E hvis du ikke allerede har lavet det i forvejen
• Følg videoen og lav app’en om til en database. Du skal kun lave 1. del af videoen.
• BEMÆRK kik under videoen. Her viser jeg en fejl, som er nem at lave men svær at finde.

Bemærk at der er en fejl, som er enormt nemt at overse:

• Kaldet til funktionen indsætKunde(runde), som du ser i linje 12 (1), giver en fejlmeddelse som du ser nederst (2)
• Løsningen er at fjerne den fra linje 12, dvs at rydde linje 12 helt. Den skal i stedet stå nederst i kaldet til databasen (3). Kaldet til databasen hedder readRecords (4)

23.4 Udvid databasen

• Følg sidste del af videoen og tilføj adresse til din opgave 23.3. PS: Tag gerne en remix/kopi inden, at du starter opgaven her.
• Udvid din app fra opgave 23.3, så den viser adressen. Brug videoen fra opgave 23.3, den fortæller hvordan.
• Udvid din app fra opgave 23.3, så den også viser postnummer og by.