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 | 2/9 | Web | HTML-introduktion: dokumentstruktur og tags (<p>, <h>, <img>, <a>). 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 | 9/9 | Web | HTML II og CSS: dynamiske elementer, grundlæggende accessibility, styling og <form>-elementer |
| 4 | 11/9 | Projekt | Fra scope til projektplan: milepæle, work breakdown, arbejdspakker, opgaveansvar, tidsestimater og afhængigheder |
| 5 | 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 | 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 | 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 | 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 | 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 | 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 |