Modul 23. App Lap hajer

Forberedelse

  • Ingen lektier ud over at genlæse det først afsnit i kapitel 15, så du har de forskellige kodebegreber repeteret

Formål

  • Samme formål som lektion 22:
    • Få mere rutine i at arbejde med AppLab
    • Kunne genkende forskellige kodemønstre
  • Lave en fald-ned menu
  • Se en smiley ordning
  • Gennemgang af et program: Kundedatabase

Når du er igennem det her, så kan du både lave frontend, backend og database. Også er du en App Lap haj :-).

Fælles gennemgang

Fra sidst

Lektien til denne gang

Eksempler på kode

1. Fald-ned (drop-down) menu

  • Du kan se mere om fald-ned menuer og funktioner her:

2. En smiley-app

3 Kundedatabase

  • Jeg har lavet en app med en kundedatabase. Undersøg, hvordan jeg har tilknyttet en database https://studio.code.org/projects/applab/FftHu6yZXENY-dk73PkCZIIBKDaASTAjFCyNU9XOOtk
  • For hajerne: Prøv, om du selv kan oprette en database
    • Gå ind under Data i din app i App Lap
    • Opret en database, der skal hedde “Kunder”. Du skal stave helt præcist, ellers vil det ikke virke
    • Lav tabellen som vist her. De data, der er i tabelles hvid område, bestemmer du selv. Overskrifterne, som er tekst i tabellens grønne område, skal staves 100% nøjagtigt. Ellers virker det ikke

Øvelser

23.1 Kod en fald-ned menu

Her er en simpel fald-ned menu, på engelsk drop-down menu. https://studio.code.org/projects/applab/p37IzmAK6oWaGuDghRe6v1qgHNy_B_zVI-SCYOHc9bU. Fra menuen kan man vælge de forskellige sider. Bemærk konstruktionen.

  • Lav først et par skærme med lidt tekst. Brug med fordel kopiering
  • Sæt en drop-down menu ind
  • Sæt en event på
  • I funktionen hent resultatet af drop-down menuen ind i en variabel
  • Brug en if-else sætning (forgrening/betingelse) til at afgøre, hvad der skal ske
  • Ud fra hvert af tilfældende lav en setScreen, som kan dirigere brugeren til den ønskede side

23.2 Afsluttende opgave

  • Vend tilbage til din udvidede valutaberegner. Gør den pæn, tilføj evt. flere skærme og aflever URL’en til dit arbejde til mig (vi aftaler hvordan
    • Valutaomregneren kunne f.eks. udvides med en skatteberegner. Her indtaster man sin bruttoindkomst og skatteprocent, og så kan den beregne disponibel . Der kunne også være mulighed for at indtaste faste månedlige udgifter og ud fra dem beregnes rådhedsbeløbet.
  • Alternativt: Lav, hvad du har lyst til. Måske en udkast til en webshop med et login-område. Det er tid til at lege :-).
  • For begge opgaver gælder følgende minimumskrav
    • Der skal være en forside med en fald-ned menu
    • Det skal være grafisk pænt. Du må gerne bruge temaer, men du skal kunne forklare gestaltlove mv.
    • Du skal vise en beregning
    • Der skal være mindst en if-else sætning, f.eks. i forbindelse med et log-in område
    • Vis gerne, at du leger med mulighederne. Hvis dine ekstra ting så ikke heelt virker, så er det ok, bare du kan forklare, hvordan du vil så vil få det til at virke
      • I virkelighedens verden “stjæler” kodefolk hinandens kode med arme og ben. Faktisk er kodere super hjælpsomme, og de deler gerne kode
      • … du må “stjæle” andres kode præcis som du har lyst til, og du må kopiere mit arbejde og lave om på det.
      • … men du skal kunne forklare koden