Presentationer Bild 1/1

Teknik 1 · Kapitel 13

Digitala ritningar och modeller

Att tolka och framställa visuella beskrivningar av tekniska lösningar.

Lektionsmål

Efter kapitlet ska du kunna...

  • förklara vad digitala ritningar och modeller är
  • tolka symboler, relationer och flöden
  • skilja mellan olika modeller inom IT
  • framställa enkla flödesscheman, databasscheman, nätverksdiagram och wireframes

Startfråga

Vad kan en bild säga bättre än text?

Vilka delar finns?

Hur är de kopplade?

I vilken ordning händer något?

Hur ska något placeras eller byggas?

En teknisk modell gör relationer synliga.

Begrepp

Vad är en teknisk ritning?

En visuell beskrivning av hur något ska byggas, kopplas eller fungera.

  • stöd för planering
  • underlag för konstruktion
  • gemensam kommunikation
  • möjlighet att kontrollera innan byggstart

Digital ritning

Lättare att ändra och dela

FördelPraktisk betydelse
RedigerbarDelar kan flyttas och ändras utan att allt ritas om.
DelbarTeamet kan granska samma underlag.
VersionsbarÄndringar kan jämföras över tid.
2D eller 3DOlika egenskaper kan visualiseras.

Exempel

Digitala ritningar inom teknik

CAD-ritningSystemdiagramNätverksdiagramDatabasschemaFlödesschemaWireframe

Modellen väljs efter vilken fråga som behöver besvaras.

CAD

Datorstödd konstruktion

  • exakta mått och geometri
  • 2D-ritningar och 3D-modeller
  • komponenter och sammanställningar
  • underlag för tillverkning

CAD används främst när form, dimension och fysisk konstruktion behöver vara exakta.

Modell

En avsiktlig förenkling

En modell visar utvalda delar av ett system för att hjälpa oss planera, analysera eller kommunicera.

Tar med

Det som behövs för modellens syfte.

Utelämnar

Detaljer som inte hjälper den aktuella frågan.

Modelltyper inom IT

Fyra olika frågor

SystemdiagramVilka delar finns och hur samverkar de?
FlödesschemaI vilken ordning sker steg och beslut?
DatabasschemaHur organiseras och relateras data?
NätverksdiagramHur är enheter anslutna och hur går data?

Flödesschema

Symbolerna har olika roller

Rundad formStart eller slut
RektangelProcess eller aktivitet
RombBeslut med flera möjliga vägar
PilRiktning och ordning

Exempel · lösenord

Tolka flödet uppifrån

Start
Läs in lösenord
Rätt lösenord?
Ja
Visa startsida
Nej
Visa felmeddelande

Interaktivt flöde

Följ rätt gren

Start
Läs in lösenord
Rätt lösenord?
Resultat
Korrekt lösenord i exemplet är ”teknik”.

Databasmodell

Tabeller, nycklar och relationer

Elev

  • PK elev_id
  • namn
  • e_post
1 → flera

Registrering

  • PK registrering_id
  • FK elev_id
  • FK kurs_id
flera ← 1

Kurs

  • PK kurs_id
  • kursnamn
  • poäng

Tolka databasschemat

Vad betyder relationerna?

  • En elev kan ha flera registreringar.
  • En kurs kan ha flera registreringar.
  • Varje registrering pekar på exakt en elev och en kurs.
  • Registrering kopplar därför många elever till många kurser.

Primärnycklar identifierar rader. Främmande nycklar skapar kopplingarna.

Kontrollfråga

Varför behövs registreringstabellen?

Nätverksdiagram

Enheter och anslutningar

Klientdator⇄ Wi-FiRouter⇄ InternetBrandväggWebbserver

Diagrammet kan visa fysisk eller logisk anslutning. Det måste framgå vilket perspektiv som används.

Tolka nätverket

Följ data från avsändare till mål

  1. Identifiera klient och server.
  2. Följ anslutningarna i pilarnas riktning.
  3. Notera router, brandvägg och andra mellanled.
  4. Kontrollera etiketter för teknik eller protokoll.
  5. Fråga var ett avbrott eller säkerhetsproblem kan uppstå.

Systemdiagram

Visa ansvar mellan komponenter

Webbläsare→ förfrågan →Webbserver→ logik →Applikation⇄ data ⇄Databas

Bra etiketter visar både vad delarna är och vad som skickas mellan dem.

2D-modeller

Platta modeller för struktur och flöde

  • planritningar
  • flödesscheman
  • system- och nätverksdiagram
  • wireframes
  • tekniska vyer med mått

Wireframe

Planera en webbsidas struktur

LOGOTYPMENY · MENY · MENY
HUVUDRUBRIK OCH INTRODUKTION
INNEHÅLLSKORT
SIDFOT

Wireframen visar hierarki och placering utan att låsa färger, bilder och detaljer.

3D-modeller

Form, rum och rörelse

  • produktdesign och CAD
  • spelobjekt och spelvärldar
  • arkitektur och visualisering
  • simulering av montering och rörelse

3D-modellen kan granskas från flera vinklar men kräver mer data och beräkningskraft.

Webbplatsprojekt

Tre modeller före kod

SidkartaVilka sidor finns och hur hänger de ihop?
WireframeHur organiseras innehållet på en sida?
AnvändarflödeHur tar användaren sig till sitt mål?

Modellerna besvarar olika frågor och kompletterar varandra.

Unity-projekt

Planera spelvärlden

  • 3D-modeller beskriver objektens form
  • nivåskisser visar placering och vägval
  • flödesscheman beskriver spelregler
  • systemdiagram visar hur skript och komponenter samverkar

Tolka modeller

En systematisk läsordning

  1. Läs titel, syfte och förklaring.
  2. Identifiera symboler och komponenter.
  3. Följ pilar, relationer och ordning.
  4. Kontrollera mått, skala och enheter.
  5. Notera vad modellen inte visar.
  6. Sammanfatta modellen med egna ord.

Vanliga tolkningsfel

Läs inte in mer än modellen visar

  • anta att placering alltid betyder fysisk placering
  • förväxla en pil med dataflöde, kontroll eller beroende
  • missa modellens skala eller enhet
  • anta att utelämnade detaljer inte finns
  • tolka en förenklad modell som en fullständig ritning

Framställ egna modeller

Börja med frågan

  1. Bestäm syfte och mottagare.
  2. Välj rätt typ av modell.
  3. Välj relevanta delar och relationer.
  4. Använd konsekventa symboler och etiketter.
  5. Granska om modellen kan misstolkas.
  6. Testa modellen på en annan person.

Kvalitetskontroll

Är modellen användbar?

  • besvarar den den avsedda frågan?
  • är symbolerna begripliga och konsekventa?
  • framgår riktning och relationer?
  • är detaljnivån rimlig?
  • saknas kritisk information?

Modeller som språk

Gemensamma regler skapar förståelse

Tekniska modeller fungerar som ett visuellt språk.

Symboler, linjer, mått och etiketter behöver användas konsekvent.

En förklaring eller legend behövs när symbolerna inte är självklara.

En bra modell minskar behovet av gissningar.

Praktisk övning

Modellera samma system på två sätt

  1. Välj en enkel webbplats, app eller teknisk process.
  2. Formulera två olika frågor om systemet.
  3. Välj en modelltyp för varje fråga.
  4. Rita modellerna med tydliga symboler och etiketter.
  5. Låt en annan elev tolka dem utan muntlig hjälp.
  6. Förbättra det som misstolkades.

Exit ticket

Tre frågor

  1. Hur väljer du rätt modell för en teknisk fråga?
  2. Vad visar en främmande nyckel i ett databasschema?
  3. Varför behöver en modell även visa eller förklara sina begränsningar?

Sammanfattning

Kom ihåg

  • Tekniska ritningar och modeller gör struktur, flöde och relationer synliga.
  • Olika modeller besvarar olika frågor.
  • Tolka symboler, pilar, nycklar, mått och etiketter systematiskt.
  • Välj detaljnivå efter syfte och mottagare.
  • Testa om andra kan förstå modellen utan att gissa.