Händelse

Denna sida går igenom hur man skapar en händelse för en tidslinje.

En händelse är en "puff" som dyker upp på en tidslinje. Händelsen använder en egen mall (Tidslinje) och har vissa inställningar (metadata) som gör att händelsen ser ut, och beter sig på lite olika sätt.

Skapa en ny händelse

Börja med att skapa en mapp där alla händelser för projektet samlas. Mappens namn bör reflektera projektet, för att man enklare ska förstå att de hör ihop. T.ex om projektet heter "Nybygge av Rönne-bron", så kan mappen heta något i stil med "Tidslinje - Rönnebron".

Steg för att skapa en ny händelse:

  • Markera mappen där händelserna ska ligga
  • Klicka på "Skapa ny"
  • Skriv in ett namn på händelsen, exempelvis "Första spadtaget tas!"
  • Välj mallen "Tidslinje"
  • Klicka på Ok.

När redaktören har klicka på "Ok" så skapas en ny sida i mappen. Sidan har följande moduler i innehållsytan: Bild, Rubrik, Ingress (se figur 1).

En skärmdump på hur en tidslinje-händelse kan se ut. På bilden syns Sitevisions redigeringsläge med en bildmodul, och två text moduler (bild, rubrik, och ingress).

Figur 1. En nyskapad "händelse", med alla moduler som medföljer automatiskt.

De båda textmodulerna (Rubrik och Ingress) har varsin rubrik, för att redaktören enklare ska se vilken modul som är vilken. Denna rubrik påverkar inte händelsen i tidslinjen, utan fungerar endast som visuellt stöd.

På figur 2 (nedan) ser vi ett exempel på hur en händelse kan se ut på tidslinjen.
Den gröna texten ("Händelse E") längst upp är händelsens rubrik - och speglar således innehållet i textmodulen "Rubrik".
Under rubriken kommer ett datum, detta ställs in via metadata - mer om det senare.
Sedan följer en bild - som speglar innehållet i bildmodulen "Bild".
Efter bilden följer en text, denna text speglar innehållet i textmodulen "Ingress".
Vi ser även den svarta cirkeln (längst upp till vänster), som indikerar händelsens status. Även status styrs via metadata - mer om det senare.

Obs! Om man vill använda en video, istället för en Bild måste man ta bort modulen "Bild", och lägga till modulen "YouTube" och peka ut videon på Youtube (om en händelse har både Bild och YouTube så visas bilden).

En skärmdump från tidslinje-appen, med en händelse i fokus. Händelsen har en rubrik, ett datum, en bild, samt en ingress.

Figur 2. Exempel på hur en händelse på tidslinjen kan se ut.

Metadata

Följande metadata finns för varje händelse:

  • Rubrik*
  • Ingress*
  • Datum**
  • Status
  • Visa/dölj utfällningsknapp
  • Relaterad information

* = Låst
** = Obligatorisk

Alla metadata som är relevant för Tidslinjen har samlats under en metadatakategori vid namn "Tidslinje" - för att redaktörer enkelt ska kunna hitta dem (se figur 3).
Metadata som är låsta är kopplade till textmoduler på sidan (Rubrik och Ingress), så redaktören behöver inte göra något med dessa metadata - de fylls i automatiskt när redaktören fyller i textmodulen.
Datumet är obligatoriskt eftersom det används av webbappen för att sortera och dela in händelser i år.

En skärmdump av Sitevisions redigeringsläge. På bilden syns alla metadata som är relevanta för en händelse i tidslinjen.

Figur 3. Alla metadata som finns för en händelse.

Datum

Datum visas överst på händelsen (se figur 2 ovan).
Datumet är dock inte enbart visuellt. Det avgör var metadatat kommer att visas på händelsen (sorteringsordningen).

Exempel:
Händelse A - datum: 2021-01-01
Händelse B - datum: 2021-03-21
Händelse C - datum: 2021-02-15

I exemplet ovan kommer händelserna visas i följande ordning: A, C, B - eftersom datumet för händelse C kommer före datumet för händelse B.

Om händelser i samma tidslinje har olika år så skapas en "årsmarkör" mellan händelserna, och händelserna delas in per år (se "2025" på figur 4 nedan).

En skärmdump på tidslinjen som visar två händelser som förväntas inträffa år 2023, respektive år 2025.

Figur 4. En skärmdump på tidslinjen som visar två händelser som förväntas inträffa år 2023, respektive år 2025.

Status

Status talar om vilken status en händelse har. Det finns tre olika statusar att välja mellan:

  • Klar
  • Pågående
  • Planerad

Statusen man väljer påverkar hur cirkeln för händelsen ser ut (se figur 5).

En skärmdump som visar upp de tre olika statusarna och dess utseende; klar, pågående, planerad.

Figur 5. De tre olika statusarna och dess utseende.

Utfällningsknapp

Utfällningsknappen har tre inställningar:

  • Dölj
  • Visa (utfälld)
  • Visa (ihopfälld)

Dölj: ingen utfällningsknapp visas, händelsens innehåll visas.
Visa (utfälld): innebär att utfällningsknappen finns, men default-värdet är "utfälld", dvs att händelsen visar sitt innehåll per default.
Visa (ihopfälld): knappen visas, händelsens innehåll är ihopfällt per default (användaren måste klicka på knappen "Öppna" för att se innehållet).

Om en användare klickar på knappen "Öppna" så visas händelsens innehåll, och knappen växlar till "Stäng".
Om en användare klickar på knappen "Stäng" så döljs händelsens innehåll, och knappen växlar till "Öppna".

Se figur 4 (ovan) för exempel på hur utfällningsknappen kan se ut. Det är den svarta knappen med texten "Stäng" till höger om titeln för Händelse F.

Relaterad information

Relaterad information är länkar där redaktören kan peka ut länkar till interna sidor, externa länkmål, samt interna filer. De utpekade länkmålen dyker upp i en lista längst ner på händelsen, och får en ikon beroende på om det är en länk eller en fil. Se figur 6 för exempel.

En skärmdump på en händelse där Rubrik, Datum, Bild, Ingress, samt relaterade länkar syns

Figur 6. Exempel på hur relaterad information kan se ut i en händelse.

På figur 6 ser vi ett exempel på relaterad information.
Den första länken pekar på Huset (startsidan).
Den andra länken pekar på www.google.se (en extern länk).
Den tredje länken pekar på en fil i filarkivet i Sitevision.

Notera att de två första länkarna har samma ikon, som talar om att det är en länk som pekar på en sida.
Medan den tredje har en ikon som talar om att länkmålet är en fil.

Sidinformation

Publicerad:
2024-03-25