--- title: Digital Signage System date: 2025-04-21T13:00:00Z --- Martin | Digital Signage System
Fullstack prosjekt

Digital Signage System

Et skreddersydd system for digital skjermvisning med sentralisert administrasjon. Utviklet fra bunnen av med fokus på fleksibilitet, brukervennlighet og skalerbarhet.

100%
Egenutviklet
2025
Ferdigstilt
Skalerbarhet
Digital Signage Player

Nøkkelfunksjoner

Systemet er designet for å forenkle visning og administrasjon av digitalt innhold på flere skjermer samtidig, med fokus på fleksibilitet og brukervennlighet.

Sentralisert Administrasjon

Administrer alle skjermer og innhold fra ett sted med et intuitivt webgrensesnitt. Last opp, organiser og planlegg innhold for alle tilkoblede skjermer.

Sanntidsoppdateringer

Oppdater innhold på alle skjermer umiddelbart med WebSocket-teknologi som eliminerer behovet for manuell oppdatering av hver skjerm.

Variert Innhold

Støtter et bredt spekter av innholdstyper inkludert bilder, videoer, nettsider og dynamisk innhold for optimal informasjonsformidling.

Skjermgruppering

Organiser skjermer i grupper for målrettet innholdsdistribusjon basert på lokasjon, avdeling eller andre kriterier for effektiv kommunikasjon.

Avansert Tidsplanlegging

Planlegg innhold for visning på bestemte tider, dager eller perioder, med detaljert kontroll over rotasjon og visningstid.

Sikker Administrasjon

JWT-basert autentisering og rollebasert tilgangskontroll sikrer at kun autoriserte brukere kan administrere innhold og systeminnstillinger.

Systemarkitektur

Digital Signage-systemet er bygget med moderne teknologier og følger en robust fullstack-arkitektur som sikrer pålitelighet, ytelse og skalerbarhet.

Digital Signage Admin Dashboard

Systemoversikt

Google Cloud Platform (Ubuntu) Backend System Node.js API WebSockets MongoDB Admin Interface Content Management Screen Players Content Display WebSocket Connection

Systemet er bygget med følgende komponenter:

  • Frontend (Admin): React.js applikasjon som gir et intuitivt brukergrensesnitt for å administrere innhold og skjermer.
  • Frontend (Player): Optimalisert JavaScript-applikasjon for stabil og pålitelig visning på skjermer.
  • Backend: Node.js og Express.js server som håndterer API-forespørsler og autentisering.
  • WebSockets: Sanntidskommunikasjon mellom server og skjermer for umiddelbare oppdateringer.
  • Database: MongoDB for lagring av innhold, brukerdata og konfigurasjoner.
  • Proxy: Nginx fungerer som webserver og reverse proxy for å optimalisere ytelse og sikkerhet.
Digital Signage Admin Panel

Administrasjonspanelet gir en intuitiv og brukervennlig grensesnitt for å håndtere alt innhold og alle skjermer i systemet. Her kan brukere:

  • Laste opp og organisere innhold (bilder, videoer, nettsider)
  • Tildele innhold til spesifikke skjermer eller skjermgrupper
  • Planlegge når innhold skal vises
  • Overvåke skjermstatus og tilkobling
  • Administrere brukertilganger og roller
  • Se forhåndsvisning av innhold før publisering

Administrasjonspanelet er bygget med React.js og bruker moderne UI-komponenter for å sikre en responsiv og sømløs brukeropplevelse på alle enheter.

Digital Signage Player

Skjermvisningen (Player) er optimalisert for 24/7 drift og kan kjøres på nesten hvilken som helst enhet med en nettleser. Nøkkelfunksjoner inkluderer:

  • Automatisk tilkobling til serveren ved oppstart
  • Sanntidsmottak av innholdsoppdateringer
  • Sømløs overgang mellom ulike typer innhold
  • Robust feilhåndtering som sikrer kontinuerlig drift selv ved nettverksproblemer
  • Automatisk oppdatering og caching for optimal ytelse
  • Støtte for fullskjermsmodus og automatisk oppstart

Playeren er designet for å være ressurseffektiv og kan kjøre på rimelig maskinvare som Raspberry Pi, Chrome OS-enheter eller utdaterte PC-er, noe som reduserer kostnadene for implementering.

Cloud-Infrastruktur

Hele systemet kjører på en robust og skalerbar cloud-infrastruktur som sikrer høy tilgjengelighet og ytelse.

Google Cloud Platform

Google Cloud Platform

Digital Signage-systemet er implementert på Google Cloud Platform med en dedikert Ubuntu-server for maksimal pålitelighet og ytelse. Denne cloud-baserte tilnærmingen gir flere fordeler sammenlignet med tradisjonelle on-premise løsninger.

Høy sikkerhet
Optimal ytelse
Enkel skalering
99.9% oppetid
Automatisk backup
Detaljert overvåking

Teknologier

Digital Signage-systemet er bygget med moderne og robuste teknologier som sikrer høy ytelse, skalerbarhet og enkel vedlikeholdbarhet.

Node.js React JavaScript HTML5 CSS3 MongoDB Express WebSockets Google Cloud Ubuntu Nginx JWT

Læringsutbytte

Dette prosjektet ga meg verdifull erfaring innen flere områder av fullstack-utvikling og systemarkitektur.

01

Fullstack-utvikling

Utvikling av et komplett system fra frontend til backend, med fokus på robust arkitektur og kode som er enkel å vedlikeholde og utvide.

02

Sanntidskommunikasjon

Implementering av WebSockets for effektiv sanntidskommunikasjon mellom server og klienter, med fokus på pålitelighet og ytelse.

03

Cloud-implementering

Oppsett og konfigurasjon av cloud-infrastruktur på Google Cloud Platform, inkludert serveroppsett, sikkerhetsgrupper og nettverkskonfigurasjon.

04

Serveroppsett

Konfigurasjon av Ubuntu-server med Nginx som reverse proxy, inkludert SSL/TLS-oppsett og optimalisering for høy ytelse og sikkerhet.

05

Brukeropplevelse

Design av intuitive brukergrensesnitt for både administratorer og sluttbrukere, med fokus på brukervennlighet og effektivitet.

06

Systemarkitektur

Utvikling av en skalerbar og modulær systemarkitektur som kan tilpasses ulike behov og vokse med brukerbasen over tid.

Interessert i digital signage-løsninger?

Ta kontakt om du ønsker å diskutere hvordan skreddersydde digitale skjermløsninger kan forbedre kommunikasjonen i din organisasjon.