Skip to content

Commit 8b310c0

Browse files
committed
Ny modul om kodelister i introkurset
1 parent a06d72e commit 8b310c0

21 files changed

+284
-91
lines changed

content/altinn-studio/getting-started/app-dev-course/_index.nb.md

+6-6
Original file line numberDiff line numberDiff line change
@@ -5,42 +5,42 @@ tags: [apps, build, deploy, training]
55
---
66

77
{{% notice warning %}}
8-
Dette kurset er under oppgradering. Kun 5 moduler er foreløpig tilgjengelig på denne oppdaterte versjonen.
8+
Dette kurset er under oppgradering. Kun seks moduler er foreløpig tilgjengelige på denne oppdaterte versjonen.
99

1010
_Konsepter som dekkes i den oppdaterte versjonen:_
1111
- Lage tjeneste/app
1212
- Tilpasse datamodell
1313
- Lage skjema
1414
- Flere sider og informasjonsside
1515
- Publisering og testmiljø
16+
- Flervalgskomponenter og kodelister
1617

1718
_Konsepter som foreløpig ikke dekkes i den oppdaterte versjonen:_
1819
- Dynamikk i skjema
19-
- Flervalgskomponenter og kodelister
2020
- Forhåndsutfylling (prefill)
2121
- Avansert logikk
2222
- Kall mot eksterne API
2323
- Egendefinert PDF visning
2424

2525
Listene over oppdateres fortløpende når det legges til nye moduler.
26-
I mellomtiden ligger den gamle versjonen av kurset [her](../../../altinn-studio/getting-started/app-dev-course-old/) - flere av konseptene
26+
I mellomtiden ligger den gamle versjonen av kurset [her](../../../altinn-studio/getting-started/app-dev-course-old/) flere av konseptene
2727
som ikke dekkes av det oppdaterte kurset dekkes der.
2828
{{% /notice %}}
2929

30-
Introkurset er delt opp i 5 moduler og dekker et fiktivt case for Sogndal kommune.
30+
Introkurset er delt opp i seks moduler og dekker et fiktivt case for Sogndal kommune.
3131
Hver modul har en beskrivelse av oppgaven og lenker til relevant dokumentasjon.
3232

3333
Du kan velge å utføre oppgavene i [Altinn Studio Designer](../)
3434
(grafisk brukergrensesnitt med dra-og-slipp) eller i et [lokalt utviklingsmiljø](/nb/altinn-studio/guides/local-dev)
3535
(krever noe teknisk kompetanse).
36-
Du kan også kombinere disse fremgangsmåtene. Alle de tilgjengelige modulene kan utfæres i Altinn Studio Designer.
36+
Du kan også kombinere disse fremgangsmåtene. Alle de tilgjengelige modulene kan utføres i Altinn Studio Designer.
3737

3838
I løpet av disse modulene vil du ha vært innom den mest sentrale funksjonaliteten for en Altinn-app,
3939
samt testing av applikasjonen lokalt og i testmiljø.
4040

4141
## Før du starter
4242

43-
Før du kan komme i gang må du [opprette en bruker](../create-user/) i Altinn Studio.
43+
Før du kan komme i gang må du [opprette en bruker i Altinn Studio](../create-user/).
4444

4545
Les gjennom kravspesifikasjonene til Sogndal kommune og jobb deg gjennom modul for modul.
4646

content/altinn-studio/getting-started/app-dev-course/modul1/_index.nb.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ Når tjenesten er opprettet kommer du til tjenestens oversiktsside. Se video und
4242

4343
## Sett et visningsnavn for tjenesten
4444

45-
Tjenesten trenger et visningsnavn som vises som overskrift på skjema og i brukerens innboks i Altinn.
45+
Tjenesten trenger et visningsnavn som vises som overskrift på skjemaet og i brukerens innboks i Altinn.
4646

4747
Legg inn visningsnavn ved å:
4848

@@ -63,4 +63,4 @@ I denne modulen har du opprettet en tjeneste i Altinn Studio og gitt den et forn
6363
textBack="<< Casebeskrivelse"
6464
urlNext="../modul2"
6565
textNext="Neste modul >>"
66-
>}}
66+
>}}

content/altinn-studio/getting-started/app-dev-course/modul2/_index.nb.md

+12-14
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: Tilpass datamodellen
3-
description: I denne modulen skal vi tilpasse datamodellen til tjenesten
3+
description: I denne modulen skal vi tilpasse datamodellen til tjenesten.
44
weight: 20
55
toc: true
66
---
@@ -35,36 +35,34 @@ Datamodellen definerer hvilke data man forventer å samle inn, og hvilket format
3535
For et enkelt skjema er det ofte en 1-1 knytning fra felter i datamodellen til felter i skjemaet, mens for mer avanserte
3636
skjemaer kan datamodellen og skjemaet være ganske forskjellige.
3737

38-
En datamodell med noen eksempel-felter følger med når man oppretter en tjeneste. Man kan redigere feltnavnene
38+
En datamodell med noen eksempelfelter følger med når man oppretter en tjeneste. Man kan redigere feltnavnene
3939
for å gjøre det tydelig hva de representerer, og legge til egne felter.
4040

4141
Datamodellen brukes til å bestemme _hva_ som skal hentes inn av data. Den brukes også til å bestemme _hvordan_ dataene
4242
skal se ut/være, ved at man setter på begrensninger som valideres.
4343

4444
1. Naviger til "Datamodell"-siden ved å trykke på "Datamodell" i meny-linjen øverst på siden.
4545
- Du får da opp datamodellen, med de feltene som er lagt inn.
46-
2. Klikk på det første feltet i datamodellen, `property1`. Det dukker da opp en del redigeringsmuligheter i høyre-panelet.
46+
2. Klikk på det første feltet i datamodellen, `property1`. Det dukker da opp en del redigeringsmuligheter i panelet til høyre.
4747
3. Endre navnet på feltet `property1` til `fornavn`.
4848
4. Velg feltet `property2` ,og endre navnet på feltet til `etternavn`.
4949
5. Velg feltet `property3`, og endre navnet på feltet til `mellomnavn`.
5050
6. Merk at `mellomnavn`-feltet ikke er satt som påkrevd, ved at valget "Påkrevd" er skrudd av. Klikk på feltene
5151
`fornavn` og `etternavn` og se at disse feltene er satt som påkrevd. Du kan beholde disse innstillingene som de er.
5252
7. Klikk på "Legg til"-knappen ved siden av `model` øverst i datamodellen og velg "Heltall".
53-
8. Se at det nå er lagt til et nytt felt med navn "name0" og type "Heltall" nederst i datamodellen. Endre navn på heltall-feltet til `alder`.
54-
9. Lenger nede i "Egenskaper"-panelet på høyre-siden er det et felt som heter "Minder eller lik". Skriv inn tallet `120` i dette feltet.
53+
8. Se at det nå er lagt til et nytt felt med navn "name0" og type "Heltall" nederst i datamodellen. Endre navn på heltallfeltet til `alder`.
54+
9. Lenger nede i "Egenskaper"-panelet på høyresiden er det et felt som heter "Mindre enn eller lik". Skriv inn tallet `120` i dette feltet.
5555
10. Klikk på "Legg til"-knappen ved siden av `model` øverst i datamodellen og velg "Objekt".
5656
11. Se at det nå er lagt til et nytt felt med navn "name0" og type "Objekt" nederst i datamodellen. Endre navn på objekt-feltet til `adresse`.
5757
12. Klikk på `adresse`-feltet i datamodellen. Se at pilen nå peker ned, og det åpner seg en gruppe under feltet, med beskjeden `Dette elementet er tomt`.
58-
13. Hold musepekeren over adressefeltet. Du vil da se 3 knapper ved siden av feltet. Trykk på `+`-tegnet og så "Legg til felt" i meny-listen for å legge til et nytt felt i gruppen.
58+
13. Hold musepekeren over adressefeltet. Du vil da se tre knapper ved siden av feltet. Trykk på `+`-tegnet og så "Legg til tekst" i menyen for å legge til et nytt tekstfelt i gruppen.
5959
14. Klikk på det nye feltet som ble lagt inn i gruppen, og endre navn på feltet til `gateadresse`.
60-
15. Hold musepekeren på nytt over `adresse`-gruppen, og trykk på `+`-tegnet og "Legg til felt" for å legge til et nytt felt i gruppen. Gi feltet navnet `postnummer`.
61-
- Feltet får automatisk typen "Tekst", og kan beholde den typen.
62-
16. Legg til enda et nytt felt i `adresse`-gruppen og gi feltet navnet `poststed`.
63-
- Feltet får automatisk typen "Tekst", og kan beholde den typen.
60+
15. Hold musepekeren på nytt over `adresse`-gruppen, og trykk på `+`-tegnet og "Legg til tekst" for å legge til et nytt tekstfelt i gruppen. Gi feltet navnet `postnummer`.
61+
16. Legg til enda et nytt tekstfelt i `adresse`-gruppen og gi feltet navnet `poststed`.
6462
17. Gå tilbake til toppen av datamodellen og legg til en ny gruppe med navn `kontaktinfo`.
65-
- Trykk på "Legg til"-knappen ved siden av `model` øverst i datamodellen og velg "Objekt".
66-
18. Legg til et felt i `kontaktinfo`-gruppen, og gi feltet navn `epost`.
67-
19. Legg til et til felt i `kontaktinfo` gruppen og gi feltet navn `telefon`.
63+
- Trykk på "Legg til"-knappen ved siden av `model` øverst i datamodellen og velg "Objekt". Bytt deretter ut "name0" med "kontaktinfo" under "Navn" i panelet til høyre.
64+
18. Legg til et tekstfelt i `kontaktinfo`-gruppen, og gi feltet navn `epost`.
65+
19. Legg til et til tekstfelt i `kontaktinfo`-gruppen og gi feltet navn `telefon`.
6866
20. Alle feltene fra kravlisten er nå lagt inn. Trykk på knappen "Generer modeller" for å lage alle nødvendige
6967
modellfiler for tjenesten. Når dette er fullført vil du se en grønn boks med en bekreftende melding øverst
7068
på siden.
@@ -79,4 +77,4 @@ I denne modulen har du tilpasset datamodellen til tjenesten ved å legge til øn
7977
textBack="<< Forrige modul"
8078
urlNext="../modul3"
8179
textNext="Neste modul >>"
82-
>}}
80+
>}}

content/altinn-studio/getting-started/app-dev-course/modul3/_index.nb.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: Lag skjema
3-
description: Lag første versjon av skjemaet
3+
description: Lag første versjon av skjemaet.
44
linktitle: Lag skjema
55
tags: [apps, training, form]
66
weight: 30
@@ -33,14 +33,14 @@ Skjemaet innhenter personlig informasjon om tilflytteren og skal ha følgende ko
3333

3434
Du kan sette opp skjemaet fra "Lage"-siden. Naviger til denne via "Lage"-knappen i topp-menyen.
3535

36-
Der ser du at det er opprettet en tom første-side for skjemaet som utgangspunkt.
36+
Der ser du at det er opprettet en tom førsteside for skjemaet som utgangspunkt.
3737

3838
1. Sett opp skjemaet basert på kravene fra kommunen.
3939
- Pass på å legge inn ledetekster for alle skjemafelter.
40-
- For adresse kan du bruke Adresse-komponenten som ligger under "Avansert", eller 3 tekstfelter.
40+
- For adresse kan du bruke Adresse-komponenten som ligger under "Avansert", eller tre tekstfelter.
4141
- For at skjemaet skal kunne sendes inn må du legge til en "Knapp" på den siste siden.
4242
- Alle skjemafelter må knyttes til tilhørende felt i datamodellen - dette gjør du i "Datamodellknytninger"-seksjonen
43-
i høyre-panelet.
43+
i høyrepanelet.
4444

4545
Husk å laste opp endringer når du jobber i Designer så de reflekteres i det sentrale filområdet til tjenesten.
4646

Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: Lag infoside
3-
description: Lag en informasjonsside som brukeren ser når de starter tjenesten
3+
description: Lag en informasjonsside som brukerne ser når de starter tjenesten.
44
linktitle: Lag infoside
55
tags: [apps, training, form, pages]
66
weight: 40
@@ -11,16 +11,16 @@ I denne modulen skal vi legge til en ny side i skjemaet som skal vise informasjo
1111
de starter tjenesten.
1212

1313

14-
### Temaer som dekkes i denne modulen
15-
- Flere sider i skjema
14+
## Temaer som dekkes i denne modulen
15+
- Flere sider i et skjema
1616
- Tekster
1717
- Bildekomponent
18-
- Tilpasse komponentbredde i skjema
18+
- Tilpasse komponentbredde i et skjema
1919

20-
### Krav fra Sogndal kommune
20+
## Krav fra Sogndal kommune
2121
Siden Sogndal kommune vil samle inn personopplysninger i denne tjenesten, må de klargjøre hvem skjemaet
22-
er ment for og hvordan de vil bruke dataene. Noen i kommunen har laget et
23-
[utkast til en informasjonsside](../resources/infoside_tilflyttere.pdf) for dette formålet.
22+
er ment for og hvordan de vil bruke dataene. Noen i kommunen har laget
23+
[et utkast til en informasjonsside for dette formålet](../resources/infoside_tilflyttere.pdf).
2424

2525
Informasjonssiden bør gjenspeile følgende elementer:
2626
- plassering av bilder
@@ -38,57 +38,52 @@ Du kan bruke følgende bilde av Sogndals kommunevåpen i tjenesten:
3838
3. Endre navn på den nye siden ved å klikke på sidens ID i konfigurasjonskolonnen, og skriv inn navnet `infoside`.
3939
- Det har automatisk dukket opp navigasjonsknapper på den nye siden. Åpne den første siden, og se at det også har
4040
dukket opp navigasjonsknapper på denne. Åpne `infoside` igjen for å fortsette.
41-
4. Klikk på meny-ikonet (tre prikker) ved siden av sidenavnet `infoside` og velg "Flytt opp".
41+
4. Klikk på menyikonet (tre prikker) ved siden av sidenavnet `infoside` og velg "Flytt opp".
4242
- Se at den nye siden nå flytter seg til øverst i skjemaoversikten.
43-
5. Legg til en Bilde-komoponent fra komponentoversikten til venstre ved å dra den inn i `infoside`. Denne ligger under "Standard"-listen med komponenter.
43+
5. Legg til en Bilde-komponent fra komponentoversikten til venstre ved å dra den inn i `infoside`. Denne ligger under "Standard"-listen med komponenter.
4444
6. Merk at du kan flytte bildekompnenten opp og ned på siden ved å dra den og slippe i ønsket posision. Pass på at bildekomponenten
4545
ligger øverst på siden.
4646
7. Åpne "Innhold"-seksjonen i konfigurasjonskolonnen.
47-
8. Øverst i "Innhold"-seksjonen ligger en innstilling som heter "Grid". Valget "Bruk standardinnstilling" er på - skru av dette valget.
47+
8. Øverst i "Innhold"-seksjonen ligger en innstilling som heter "Komponentbredde". Valget "Bruk standardinnstilling" er på - skru av dette valget.
4848
9. Sett bredden til 3. Pass på at valgt skjermstørrelse er "Mobil".
49-
10. Under "Innstillinger for bilde" (nederst in "Innhold"-seksjonen), i feltet "Kilde", lim inn [lenken til bildet](../resources/kommune-logo.png).
50-
11. Legg til en ny komponent i skjemaet: en Tittel-komponent fra komponentoversikten (under "Tekst"-seksjonen i venstre-panelet).
51-
Denne legges inn _rett under_ bildekomponenten.
49+
10. Under "Innstillinger for bilde" (nederst in "Innhold"-seksjonen), i feltet "Kilde", lim inn lenken til bildet: `https://docs.altinn.studio/nb/altinn-studio/getting-started/app-dev-course/resources/kommune-logo.png`.
50+
11. Legg til en tittel under bildet. Tittelkomponenten kan du finne under seksjonen "Tekst" i panelet til venstre.
5251
12. Åpne "Tekst"-seksjonen i konfigurasjonskolonnen (i midten).
53-
13. Klikk på "Ledetekst" og legg inn teksten:
52+
13. Klikk på "Ledetekst" og legg inn denne teksten:
5453
```text
5554
Skjema for informasjonsinnsamling for fremtidige tilflyttere
5655
```
5756
14. Åpne "Innhold"-seksjonen i konfigurasjonskolonnen.
58-
15. Øverst i "Innhold"-seksjonen ligger en innstilling som heter "Grid". Valget "Bruk standardinnstilling" er på - skru av dette valget.
57+
15. Øverst i "Innhold"-seksjonen ligger en innstilling som heter "Komponentbredde". Valget "Bruk standardinnstilling" er på - skru av dette valget.
5958
16. Sett bredden til 9. Pass på at valgt skjermstørrelse er "Mobil".
60-
17. Legg til en ny komponent i skjemaet: en Paragraf-komponent fra komponentoversikten (under "Tekst"-seksjonen i venstre-panelet).
59+
17. Legg til en paragraf etter tittelen. Paragrefkomponenten kan du finne under seksjonen "Tekst" i panelet til venstre.
6160
18. Åpne "Tekst"-seksjonen i konfigurasjonskolonnen (i midten).
62-
19. Klikk på "Ledetekst" og legg inn teksten:
61+
19. Klikk på "Ledetekst" og legg inn denne teksten:
6362
```text
6463
Opplysningene du oppgir i dette skjemaet vil benyttes til å skreddersy en pakke med kommunale tilbud til deg og de du eventuelt flytter til kommunen sammen med.
6564
```
66-
20. Legg til en ny komponent i skjemaet: en Paragraf-komponent. Legg til ledetekst (kopier og lim inn):
65+
20. Legg til en ny paragrafkomponent i skjemaet og lim inn denne teksten:
6766
```text
6867
Du skal ikke bruke dette skjemaet hvis:
6968
- Du er allerede bosatt i Sogndal kommune
7069
- Du bor i en annen kommune og har ingen planer om å flytte
7170
- Du skal flytte til Sogndal, men **ikke** i løpet av de neste 12 månedene.
7271
```
73-
Merk bruken av `-` for å formattere teksten som punkt-liste, og `**` for å utheve tekst.
72+
Merk bruken av `-` for å formatere teksten som en punktliste, og `**` for å utheve tekst.
7473
7574
7675
### Nyttig dokumentasjon
7776
- [Formatering av tekster](/nb/altinn-studio/reference/ux/texts/#formatering-av-tekster)
7877
- [Sidestilte komponenter](/nb/altinn-studio/reference/ux/styling/#sidestilte-komponenter-grid)
7978
8079
## Oppsummering
81-
I denne modulen har vi lagt til en ny side i skjema. Vi har lagt inn informasjons-komponenter i skjema, som bilde og
82-
tekster. Vi har stilt inn bredde på bilde og tekst, og lagt inn enkel formattering av tekst.
83-
84-
Åpne "Innhold"-seksjonen i konfigurasjonskolonnen.
85-
8. Øverst i "Innhold"-seksjonen ligger en innstilling som heter "Grid". Valget "Bruk standardinnstilling" er på - skru av dette valget.
86-
9. Sett bredden til 3. Pass på at valgt skjermstørrelse er "Mobil".
80+
I denne modulen har vi lagt til en ny side i skjemaet. Vi har lagt inn informasjonskomponenter som bilde og
81+
tekster. Vi har stilt inn bredde på bilde og tekst, og lagt inn enkel formatering av tekst.
8782
8883
8984
{{<navigation-buttons
9085
urlBack="../modul3"
9186
textBack="<< Forrige modul"
9287
urlNext="../modul5"
9388
textNext="Neste modul >>"
94-
>}}
89+
>}}
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
---
2-
title: Publish the service
3-
description: Publish the service to a test environment
4-
linktitle: Publish
2+
title: Publiser tjenesten
3+
description: Publiser tjenesten til et testmiljø
4+
linktitle: Publiser tjenesten
55
tags: [apps, training, form, deploy, test]
66
weight: 50
77
---
88

99
{{% notice info %}}
1010
This page is not yet translated.
11-
{{% /notice %}}
11+
{{% /notice %}}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
---
2+
title: Create info page
3+
description: Create an info page that is shown to the user when they start the service
4+
tags: [apps, training, form, pages]
5+
weight: 40
6+
toc: true
7+
---
8+
9+
{{% notice info %}}
10+
This page is not yet translated.
11+
{{% /notice %}}

0 commit comments

Comments
 (0)