# IT3E26 — 62580 Digitale Systemer & Anvendelse Velkommen til **62580 Digitale Systemer & Anvendelse**, 3. semester sundhedsteknologi, DTU Ballerup — E26. Kurset bygger på de foregående IT kurser og fortsætter hvor de slap. Nu arbejder vi med systemer hele vejen fra brugergrænsefladen til servere og databaser. Kurset består af fullstack web-udvikling, projektudvikling og netværksteknologi. - Projekt og UX: Rolf Nordahl (kursusansvarlig). - Netværksteknologi: Birger Andersen. - Web-udvikling: Christian Budtz. **Gruppeprojektet** afleveres i **3 Delafleveringer** og skal — sammen med website og portefølje — **være godkendt for at man kan deltage i den individuelle mundtlige eksamen:** - **D1** — forstudie og klikbar frontend-mockup med URL (uden backend) - **D2** — MVP med frontend, backend/API, PostgreSQL og én central brugerhandling - **D3** — fungerende system med authentication, deployment og færdig portefølje **Det forventes, at du har forberedt dig til hver undervisningsgang.** Hvad du skal lave, står under *Forberedelse* på den enkelte lektion. Vi glæder os til at se jer! ## Lektionsplan Klik på en lektion for at åbne materialet. | Lektion | Dato | Spor | Emner | | -------------- | ----- | ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | | [1](lektion1/) | 2/9 | **Web** | HTML-introduktion: dokumentstruktur og tags (`

`, ``, ``, ``). Introduktion til projektemner og afklaring (omfang – patientfokus) | | 2 | 4/9 | **Projekt** | Project Scope: problem, målgruppe, mål, afgrænsning og interessenter. Introduktion til projektplanlægning. GDPR-intro. Gruppedannelse og valg af projekt | | [3](lektion3/) | 9/9 | **Web** | HTML II og CSS: dynamiske elementer, grundlæggende accessibility, styling og `

`-elementer | | 4 | 11/9 | **Projekt** | Fra scope til projektplan: milepæle, work breakdown, arbejdspakker, opgaveansvar, tidsestimater og afhængigheder | | [5](lektion5/) | 16/9 | **Web** | Git-samarbejde og JavaScript-primer: sproget, events, simpel DOM-manipulation | | 6 | 18/9 | **Projekt** | User Experience: brugerens behov, mål, situation og oplevelse som grundlag for projektets løsning | | 7 | 23/9 | **Web** | Client-side interaktivitet: DOM, events, fetch af API-data | | 8 | 25/9 | **Projekt** | Prototyping og afprøvning: hvad skal prototypen undersøge, hvordan vurderes den, og hvordan omsættes læring til næste milepæl? | | [9](lektion9/) | 30/9 | **Web** | Klient-tilstand i mockuppet: data, setter og render, `localStorage`. Static deploy til Vercel, så prototypen har en URL | | 10 | 2/10 | **Projektarbejde** | Projektarbejde frem mod D1: scope statement, første projektplan, klikbar frontend-mockup og live URL | | **D1** (tirs.) | 6/10 | — | **Delaflevering 1: Forstudie og klikbar frontend-mockup med URL** (uden backend; projektcase afklares) | | [11](lektion11/) | 7/10 | **Web** | Dagen efter D1: client-server, tynd/tyk klient og tre lag (forberedelse inkl. Node). HTTP og minimal `server.js` med `GET /api/patients`, JSON på `localhost` — tabellen fra L7. Derefter sekvensdiagram af det kald | | 12 | 9/10 | **Projekt** | Monitorering og styring: status, fremdrift, risiko, scope creep, opdatering af plan og næste iteration | | [13](lektion13/) | 21/10 | **Web** | Express oven på serveren fra L11: routes, data i hukommelsen, test med curl | | 14 | 23/10 | Net | Hvad er internettet: internettet som netværk, netværksforståelse på overordnet niveau, protokolstakken, intro til HTTP | | [15](lektion15/) | 28/10 | **Web** | PostgreSQL i Neon: tabel, nøgler og SQL i SQL-editoren. `CREATE`, `SELECT`, `INSERT`, `UPDATE` og `DELETE` på én patienttabel. Uden Express | | 16 | 30/10 | Net | Centrale protokoller på overordnet niveau: HTTP, XML (HL7), DNS og en web-forespørgsels vej gennem nettet | | [17](lektion17/) | 4/11 | **Web** | Repository: samme routes som L13 kalder databasen. Den centrale brugerhandling, fejl og test. Uden login | | 18 | 6/11 | **Projektarbejde** | Projektarbejde frem mod D2: implementering af MVP, integration og løbende test | | **D2** (tirs.) | 10/11 | — | **Delaflevering 2: MVP** (frontend, backend/API, PostgreSQL, én central brugerhandling) | | 19 | 11/11 | **Web** | Adgangskontrol lokalt på MVP'et: login, session og én beskyttet route. Kursusevaluering | | 20 | 13/11 | Net | IT-sikkerhed: netværkssikkerhed, kryptografi og TLS/HTTPS | | 21 | 18/11 | **Web** | Adgangskontrol gjort færdig, og deployment af backend med login: hosting, miljøvariabler og domæner | | 22 | 20/11 | Net | Sikkerhed og privatliv i digitale systemer: trusselsmodel, angreb, firewall, GDPR og sundhedsdata. VPN og virtuelle netværk | | 23 | 25/11 | **Web** | Opsamling: web, programmering, udviklingsmetoder | | 24 | 27/11 | Net | Meddeles senere | | 25 | 2/12 | **Projektarbejde** | Projektarbejde frem mod D3: færdiggørelse, deployment, dokumentation og forberedelse af portefølje | | 26 | 4/12 | Net | Opsamling: digitale systemer i helhed, eksamensforberedelse | | **D3** (tirs.) | 8/12 | — | **Delaflevering 3: Fungerende system + authentication + portefølje** | | **Eksamen** | 16/12 | — | Individuel mundtlig, E4B (portefølje + website forud godkendt) | | **Eksamen** | 18/12 | — | Individuel mundtlig, E5B (portefølje + website forud godkendt) | | Erstatning | 23/12 | — | Erstatningseksamen |