Danmarks børn og unge tilbringer en stadig større del af deres liv online. Derfor skulle On gøre det lettere for børn, unge og voksne at finde viden, værktøjer og undervisningsmaterialer om digital dannelse – på tværs af skole, fritid og hjem.
7 specialiserede websites samlet i én teknisk løsning
150+ undervisningsmaterialer samlet på tværs af platformen
Ét centralt CMS gør det muligt at administrere indhold på tværs af websites
MACH-arkitektur giver fleksibilitet, skalerbarhed og mulighed for videreudvikling
Specialudviklede plugins og services håndterer multisite, e-learning og interaktive brugerforløb
1.000+ daglige brugere benytter platformen
Udfordringen
Hvordan bygger man én digital platform, der kan håndtere syv forskellige websites, målgrupper og brugerbehov – uden at skabe syv separate tekniske løsninger? On skulle samle en lang række indsatser for digital dannelse i én national platform. Løsningen skulle både kunne håndtere forskellige målgrupper og indholdstyper og samtidig gøre det nemt for redaktører at arbejde på tværs af sites. Platformen skulle desuden integrere med YouTube og Vimeo, håndtere SCORM-baserede e-learningpakker og understøtte interaktive læringsforløb.
Løsningen
Vi udviklede en moderne MACH-arkitektur med Strapi som centralt headless CMS og React-baserede frontends. Ét fælles teknisk fundament driver syv specialiserede websites, som hver især er tilpasset deres målgruppe og kontekst. Med et fælles komponentbibliotek og specialudviklede tekniske løsninger kan indhold og funktionalitet genbruges på tværs af platformen, mens redaktørerne bevarer fleksibiliteten til at arbejde med de enkelte sites.
On x iO: Ét teknisk fundament for en national indsats
On er en national indsats for digital dannelse af børn og unge, skabt af et konsortium bestående af Red Barnet, Børns Vilkår, Medierådet for Børn og Unge samt Center for Digital Pædagogik.\n\nMed 53,4 millioner kroner i statsfinansiering var ambitionen at samle viden, undervisningsmaterialer og værktøjer om digital dannelse på én samlet platform.\n\nVi arbejdede tæt sammen med konsortiet om at omsætte de mange forskellige behov til ét fleksibelt teknisk fundament. Platformen skulle kunne favne både lærere, fagpersoner, forældre, børn og unge – uden at de forskellige målgrupper skulle møde den samme digitale oplevelse.
Hvordan samler man syv forskellige websites i én platform?
On skulle være én samlet national indsats, men behovene var langt fra ens. Platformen skulle rumme alt fra undervisningsmaterialer og information til familier til e-learning og specialiserede forløb for fagpersoner.\n\nVi udviklede en multisite-arkitektur, hvor ét centralt CMS driver alle syv websites. De deler den samme On-identitet, tekniske infrastruktur og komponentbibliotek, men præsenterer indholdet forskelligt afhængigt af målgruppe og kontekst. Det gør det muligt at udvikle og vedligeholde løsningen samlet, samtidig med at de enkelte sites kan udvikles efter deres specifikke behov.
Hvordan håndterer man komplekse digitale læringsforløb?
On-platformen skulle ikke kun præsentere indhold. Den skulle også kunne håndtere e-learning og interaktive brugerforløb. Derfor udviklede vi tre specialiserede tekniske komponenter.\n\nEt Multisite Plugin gør det muligt at administrere indhold til alle websites fra ét centralt admin-panel. Et SCORM Plugin håndterer e-learningpakker som selvstændige HTML-bundles og automatiserer upload, udpakning og etablering af CloudFront-stier. Endelig sikrer et specialudviklet Flow-service, baseret på Node.js, at avancerede interaktive elementer kan håndtere brugerforløbsdata og pointopsamling på tværs af platformen.
Hvordan bygger man et teknisk fundament, der kan vokse med ambitionerne?
Med en platform, der skal understøtte en national indsats over flere år, er fleksibilitet og skalerbarhed afgørende. Derfor er On bygget på en moderne MACH-arkitektur med Strapi CMS, Next.js, TypeScript, AWS ECS, Aurora PostgreSQL, Redis Cache og CloudFront CDN.\n\nArkitekturen gør det muligt at videreudvikle platformen uden at skulle bygge nye tekniske løsninger fra bunden. Nye funktioner og komponenter kan genbruges på tværs af de forskellige websites. Resultatet er en platform, der kan tilpasses nye målgrupper, indholdstyper og digitale læringsforløb i takt med, at behovene udvikler sig.
Børn og unges trivsel og tryghed online er udfordret. Der er brug for at ruste dem langt bedre til at begå sig i en hverdag, der i høj grad udspiller sig digitalt. Med On vil vi give børn, unge og deres voksne viden og værktøjer til at starte den vigtige samtale om skærmbrug og trivsel. Og den skal foregå både i skolen, fritiden og hjemmet.
Tallene
1websites
Specialiserede websites samlet i én platform
1+ materialer
Undervisningsmaterialer samlet på tværs af platformen
1+ daglige brugere
benytter platformen
1mio. kr.
i statsfinansiering
Ét digitalt fundament for digital dannelse i hele Danmark
On-platformen har samlet en lang række indsatser for digital dannelse i én sammenhængende digital løsning. I stedet for at udvikle og vedligeholde syv separate tekniske platforme deler de forskellige websites et fælles CMS, komponentbibliotek og teknisk fundament.\n\nSamtidig kan indholdet målrettes de enkelte målgrupper – fra børn og unge til forældre, lærere og fagpersoner – uden at gå på kompromis med den samlede On-identitet.\n\nMed en fleksibel MACH-arkitektur er platformen samtidig bygget til at udvikle sig. Nye funktioner, målgrupper og digitale læringsforløb kan løbende tilføjes, så On kan fortsætte med at understøtte arbejdet for bedre digital dannelse blandt børn og unge.
