feat: write template

template/.gitignore

@@ -0,0 +1,12 @@
+.DS_Store
+
+.DS_Store
+**/.DS_Store
+
+03_Zeitplan/Zeitplan.pdf
+03_Zeitplan/.~lock.Zeitplan.xlsx#
+02_Grafiken/.$*.drawio.bkp
+
+sourcepaths.txt
+versionhistory.csv
+timetable.yaml

template/01_Dokumentation/01_Teil1/01_Aufgabenstellung.typ

@@ -0,0 +1,16 @@
+// IPA-Dokumentenvorgabe BiVo2021-2:
+//
+// Die Aufgaben (Detailbeschreibung) muss 1:1 aus PkOrg übernommen
+// werden. Inkl. allen vorgegebenen Titel.
+//
+// Unterkapitel aus der PkOrg-Aufgabenstellung: Titel der Arbeit,
+// Ausgangslage, Detaillierte Aufgabenstellung, Mittel und Methoden,
+// Vorkenntnisse, Vorarbeiten, Neue Lerninhalte, Arbeiten in den letzten
+// 6 Monaten.
+//
+// Der Inhalt darf an die Zielformatierung (IPA-Dokument) angepasst
+// werden, inklusive eventueller Korrektur der Rechtschreibfehler. Die
+// Veränderung der Satzstellung oder der Inhalte ist nicht erlaubt.
+
+= Aufgabenstellung <chap-aufgabenstellung>
+

template/01_Dokumentation/01_Teil1/02_Standarts.typ

@@ -0,0 +1,30 @@
+// IPA-Dokumentenvorgabe BiVo2021-2:
+//
+// Gibt es in Ihrer Unternehmung Standards oder sonstige Konventionen,
+// so sind diese bei der Einreichung der detaillierten Aufgabenstellung als
+// Beilage mit einzureichen, danach werden diese validiert. Bitte
+// informieren Sie hierfür ihre verantwortliche Fachkraft.
+//
+// Gibt es keine Konventionen in der Unternehmung, so gelten die mit den
+// Experten vereinbarten Best Practices, welche eingehalten werden
+// müssen. Für Applikationsentwickler gelten in dem Fall im Minimum die
+// IPA-Coding-Conventions, welche im PkOrg heruntergeladen werden
+// können.
+= Standards
+
+#lorem(200)
+
+// // Hinweis:
+// // Gibt es in der Unternehmung Konventionen oder Standards, sind diese hier
+// // aufzuführen und zu begründen. Für Applikationsentwickler gelten im Minimum
+// // die IPA-Coding-Conventions.
+// //
+// // == Versionsverwaltung
+// //
+// // Als Versionsverwaltungswerkzeug wird GIT verwendet. Alle Commits werden
+// // nach Conventional-Commits geschrieben.
+// //
+// // #figure(
+// //   image("../../02_Grafiken/Conventional-Commits.pdf", width: 80%),
+// //   caption: [Visualisierung Conventional-Commits],
+// // ) <fig-conventional-commits>

template/01_Dokumentation/01_Teil1/03_Schutzbedarfsanalyse.typ

@@ -0,0 +1,42 @@
+// IPA-Dokumentenvorgabe BiVo2021-2:
+//
+// Gibt es in der IPA relevante, schützenswerte Daten? Welches sind die
+// notwendigen Informationen/Daten? Sind alle nötigen Informationen und
+// Daten vorhanden? Dürfen Daten in der Dokumentation nicht angegeben
+// werden? (Bspw. Sicherheitshandbuch der Firma).
+//
+// Für IT-Systeme gibt es eventuell auch ein ISDS-Konzept oder etwas
+// Vergleichbares, welches für die IPA beachtet werden muss? Ist dies der
+// Fall, bitte die relevanten Dokumente auf PkOrg hochladen und im IPA-
+// Bericht darauf verweisen.
+
+= IPA-Schutzbedarfsanalyse <schuban>
+
+#lorem(200)
+
+// In der Schutzbedarfsanalyse wird geprüft, ob in der Dokumentation der IPA oder
+// in der Applikation schützenswerte Daten verarbeitet werden. Zudem werden die
+// erforderlichen Massnahmen festgelegt, um den Schutz dieser Daten sicherzustellen.
+//
+// == Dokumentation
+//
+// In der Dokumentation enthaltene Informationen dürfen keine Rückschlüsse auf die
+// folgenden Punkte preisgeben:
+//
+// - Konfiguration der Unternehmensinfrastruktur
+//   - IP-Adressen
+//   - Gerätenamen
+//   - Domainnamen
+//   - Benutzernamen
+//   - Passwörter
+// - Interne Entwicklungsvorgaben
+// - Vertrauliche Daten aus der Applikation
+//
+// Falls die Dokumentation Informationen zu den genannten Punkten beinhaltet,
+// muss diese für eine öffentliche Version geschwärzt werden. Die interne Version,
+// welche dem Experten zur Verfügung gestellt wird, darf diese Informationen beinhalten.
+//
+// Da diese IPA kein Deployment bzw. keine Inbetriebnahme der Applikation beinhaltet,
+// sollten voraussichtlich keine Gerätenamen oder Ähnliches verwendet werden müssen.
+//
+// Der IKT-Grundschutz @grundschutz muss eingehalten werden.

template/01_Dokumentation/01_Teil1/04_OrgansiationErgebnisse.typ

@@ -0,0 +1,80 @@
+
+#import "@local/chfoit-ipa:0.0.0": acronym, term
+
+// IPA-Dokumentenvorgabe BiVo2021-2:
+//
+// Wie werden die Ergebnisse der IPA abgelegt und was wird unternommen,
+// um die Ergebnisse der IPA vor Verlust zu schützen.
+// Beispiel:
+// • Backup-Konzept: was wird wie und wann gesichert
+// • Einsatz von Sourcecode-Verwaltungssystemen: wie wird damit
+// gearbeitet
+// ➔ Die Nachweise (Backup Log, Commit History, …) müssen innerhalb
+// des Anhangs der Dokumentation abgegeben werden.
+= Organisation der IPA-Ergebnisse
+
+#lorem(200)
+
+// == Arbeitsplatz
+//
+// #figure(
+//   image("../../02_Grafiken/arbeitsplatz.png", width: 80%),
+//   caption: [Arbeitsplatz der IPA],
+// ) <fig-arbeitsplatz>
+//
+// Beschreibung des Arbeitsplatzes, der verwendeten Arbeitsgeräte und
+// Hilfsmittel (z. B. Editor, Satzsystem, Diagrammwerkzeug).
+//
+// == Verwaltung der Ergebnisse
+//
+// Die Ergebnisse werden jeweils in einem Git #term(
+//   "Repository",
+//   "Ein zentraler, digitaler Speicherort für Daten, Dateien und Projektunterlagen,
+// der eine strukturierte Verwaltung, Versionierung und gemeinsame Nutzung (Kollaboration) ermöglicht.",
+// ) verwaltet. Eines für die Dokumentation und eines für den Code.
+//
+// Die Dokumentation ist in folgender Verzeichnisstruktur abgelegt:
+//
+// #figure(
+//   image("../../02_Grafiken/dirtree.png", width: 80%),
+//   caption: [Verzeichnisbaum der IPA],
+// ) <fig-dirtree>
+//
+// #pagebreak(weak: true)
+// #show table.cell.where(x: 0): set text(font: "Fira Mono")
+// #figure(
+//   table(
+//     columns: (auto, auto),
+//     table.header([Verzeichnis], [Beschreibung]),
+//     [01_Dokumentation], [Alle Informationen, die in der Dokumentation verwendet werden.],
+//     [01_Dokumentation/01_Teil1], [Kapitel des Teil 1 als einzelne Typst-Dateien.],
+//     [01_Dokumentation/02_Teil2], [Kapitel des Teil 2 als einzelne Typst-Dateien.],
+//     [01_Dokumentation/03_Anhang], [Kapitel des Anhangs als einzelne Typst-Dateien.],
+//     [02_Grafiken], [Jegliche Grafiken, die für die Dokumentation verwendet werden.],
+//     [03_Zeitplan], [Hier wird der Zeitplan abgelegt],
+//     [04_Code], [Ablage für den Code. Wird in Git als Submodul gespeichert.],
+//   ),
+//   caption: [Erklärung der Ordnerstruktur der IPA],
+// ) <ordnerstruktur-erklärung>
+//
+// == Datensicherung IPA
+//
+// === Code
+//
+// Der Code wird mit dem Versionsverwaltungstool Git versionisiert.
+// Damit können einfach Teil-Features gepusht werden und es bleiben jederzeit
+// alle Änderungen nachvollziehbar. Ebenfalls kann jederzeit auf einen alten
+// Stand zurückgespielt werden.
+//
+// ==== Branch-Strategie
+//
+// #figure(
+//   image("../../02_Grafiken/branch-strategy.png", width: 80%),
+//   caption: [Git Branch-Strategie],
+// ) <fig-branch-strategy>
+//
+// === Dokumentation
+//
+// Der gesamte IPA-Ordner ist mit Git versionisiert. Nach jeder signifikanten
+// Änderung wird ein Commit erstellt und gepusht. Durch die lokale Versionierung
+// sowie die regelmässigen Commits ist die Dokumentation immer gesichert.

template/01_Dokumentation/01_Teil1/05_ProjektVorgehen.typ

@@ -0,0 +1,61 @@
+// IPA-Dokumentenvorgabe BiVo2021-2:
+//
+//Projektvorgehensmodell beschreiben und begründen, warum das
+// entsprechende Modell gewählt wurde.
+// Wichtig:
+// • Änderungen zu einem Standardmodell müssen immer beschrieben
+// sein. Sind diese nicht beschrieben, werden vom Standard
+// abweichende Elemente als Verletzung der Methode gewertet.
+// • Dass ein Modell im jeweiligen Betrieb verwendet wird, reicht
+// nicht als Begründung für die Verwendung des Modells!
+// • IPERKA wird im Kanton Bern als Projektmethode nicht
+// akzeptiert und darf nicht verwendet werden.
+
+= Projektmethode <chap-projektmethode>
+
+#lorem(200)
+//
+// Die IPA wird nach  HERMES 2022 mit dem Szenario IT-Entwicklung (klassisch) wie in @fig-hermes-uebersicht abgebildet durchgeführt.
+// Die folgenden Unterkapitel erläutern dies Weiter.
+//
+// #figure(
+//   image("../../02_Grafiken/hermes-uebersicht.png", width: 100%),
+//   caption: [Übersicht der Projektplanung],
+// ) <fig-hermes-uebersicht>
+//
+// == Szenario
+//
+// Die IPA wird mit dem Szenario "IT-Entwicklung" durchgeführt, da nach @chap-aufgabenstellung eine Eigenständige IT-Lösung entwickelt wird.
+//
+// == Phasen
+// Im rahmen der IPA wird die Einführungsphase ausgelassen, da das Produkt
+// wie in @chap-aufgabenstellung beschrieben nicht eingeführt werden muss.
+//
+// Wie der @fig-hermes-uebersicht zu entnehmen ist, werden folgende Phasen von HERMES durchgeführt:
+//
+// - Initialisierungsphase: Hier wird das Fundament des Projektes gelegt. Varianten Angeschaut und Ausgewählt.
+// - Konzeptphase: Wie es der Name sagt, werden da die Konzepte zur Realisierung erarbeitet, wie z.B. das Testkonzept.
+// - Realisierungsphase: Hier wird die Applikation implementiert.
+// - Abschlussphase: Hier wird das Projekt abgeschlossen und abgegeben.
+//
+// == Module
+//
+// In der @fig-hermes-modules werden die HERMES-module die in der IPA verwendet werden Beschrieben.
+//
+// #figure(
+//   table(
+//     columns: (auto, 1fr),
+//     [Modul], [Beschreibung],
+//     [Projektsteuerung],
+//     ["Das Modul Projektsteuerung sorgt für die gesamthafte und organisationsübergreifende Steuerung des Projekts und stellt die Erreichung der gesetzten Ziele sicher." @hermes-online],
+//
+//     [Projektführung],
+//     ["Im Rahmen des Moduls Projektführung erfolgt die Planung, Führung und Koordination des Projekts zur Erreichung der Projektergebnisse und der Vorgehensziele sowie die Durchführung aller notwendigen flankierenden Massnahmen." @hermes-online],
+//
+//     [IT-System], ["Das Modul IT-System dient der Entwicklung eines Systems." @hermes-online],
+//     [Tests],
+//     ["Das Modul Tests dient einer systematischen und effizienten Organisation und Durchführung des Testens von Lösungen." @hermes-online],
+//   ),
+//
+//   caption: [Übersicht HERMES module],
+// )<fig-hermes-modules>

template/01_Dokumentation/01_Teil1/06_Projektorganisation.typ

@@ -0,0 +1,69 @@
+#import "@local/chfoit-ipa:0.0.0": persons
+#import "@preview/pintorita:0.1.4"
+
+// IPA-Dokumentenvorgabe BiVo2021-2:
+//
+// Projektorganisation (Personen & Kontaktangaben, Projektrollen) Siehe
+// Details im Beurteilungskriterium A11 – «Abbildung der
+// Projektaufbauorganisation»
+//
+//
+// A11: Welche Informationen zur Projektaufbauorganisation sind verlangt?
+//
+// 1. Die Projektaufbauorganisation ist Bestandteil von Teil 1 des IPA-Berichts.
+// 2. Die zur Projektmethode passenden Rollen wurden identifiziert.
+// 3. Die Rollen wurden prägnant und verständlich beschrieben.
+// 4. Die Abhängigkeit der Rollen zueinander wurde korrekt dargestellt oder beschrieben.
+
+= Projektaufbauorganisation
+
+#lorem(200)
+
+
+// TODO: Beschreibung zu den Rollen
+
+//
+// #figure(
+//   image("../../02_Grafiken/projektorganisation.pdf", width: 80%),
+//   caption: [Projektorganisation],
+// )
+//
+// == Projektrollen
+// #figure(
+//   table(
+//     columns: (auto, 1fr),
+//     [Auftraggeber],
+//     [Der Auftraggeber ist hierarchisch gesehen die höchste rolle. Er hat das Projekt beauftragt und stellt die Anforderungen sowie Rahmenbedingungen.],
+//
+//     [Projektausschuss],
+//     [Der Projektausschuss besteht aus der Veranwortlichen Fachkraft (VF). Er überwacht und hilft. Er bewertet die IPA zusammen mit den Experten.],
+//
+//     [Qualität & Risikomanager],
+//     ["Der Qualitäts- und Risikomanager unterstützt den Auftraggeber mit einer unabhängigen Beurteilung des Projekts." @hermes-online Er bewertet ausserdem,
+//       die IPA zusammen mit der verantwortlichen Fachkraft.],
+//
+//     [Projektleiter],
+//     [Der Projektleiter leitet das Projekt im Auftrag des Auftraggebers. Er koordiniert und verwaltet die Resoucen.],
+//
+//     [Entwickler ],
+//     [
+//       "Die Rolle Entwickler ist umfassend und bezeichnet den Produktentwickler und den IT-Entwickler in einem. Der Entwickler realisiert das Produkt bzw. das System gemäss den Lösungsanforderungen und den vorangehenden Konzepten. [...]" @hermes-online
+//     ],
+//   ),
+//   caption: [Projektrollen],
+// )
+//
+// == Personen
+//
+// Aus Platzgründen werden die Personennamen teilweise mit folgenden Kürzeln abgekürzt. Falls
+// Kontakt zu einem IPA-Teilnehmenden aufgenommen werden möchte, können die Daten aus
+// @fig-kontakt entnommen werden.
+//
+// #context [
+//   #figure(
+//     table(
+//       columns: (auto, auto, 1fr),
+//       ..persons.overview(),
+//     ),
+//     caption: [Namenskürzel & Kontaktangabe],
+//   )<fig-kontakt> ]

template/01_Dokumentation/01_Teil1/07_Zeitplan.typ

@@ -0,0 +1,30 @@
+// IPA-Dokumentenvorgabe BiVo2021-2:
+//
+// Der zeitliche Ablauf der IPA. Siehe Details im Beurteilungskriterium A4-
+// «Zeitplan»
+//
+// A4: Was sind die Anforderungen an den Zeitplan?
+// - 1 Der Zeitplan ist Bestandteil von Teil 1 des IPA-Berichts.
+// - 2 Der Zeitplan ist übersichtlich gestaltet.
+// - 3 Struktur und Elemente des Zeitplans orientieren sich nach der gewählten
+//     Projektmethode.
+// - 4 Es wurde eine Zeitachse definiert (Datum), die Zeitachse weist eine vernünftige
+//     Granularität auf (bspw. Stundenblöcke).
+// - 5 Die identifizierten Aktivitäten sind zweckmässig und folgen einer sinnvollen Logik.
+// - 6 Die IPA-Zeitvorgabe ist im Zeitplan korrekt berücksichtigt.
+#page(
+  paper: "a3",
+  margin: 2cm,
+  flipped: true,
+  {
+    [
+      = Zeitplan <chap-zeitplan>
+    ]
+
+    set block(below: 0em)
+    figure(
+      image("../../03_Zeitplan/Zeitplan.pdf", height: 93%, width: 100%, fit: "contain"),
+      caption: [Zeitplan],
+    )
+  },
+)

template/01_Dokumentation/01_Teil1/08_Arbeitsjournale.typ

@@ -0,0 +1,73 @@
+#import "@local/chfoit-ipa:0.0.0": arbeitsjournal
+
+// IPA-Dokumentenvorgabe BiVo2021-2:
+//
+// Referenz zum Zeitplan und Ablauf. Beinhaltet Hinweise zu eventuellen
+// Herausforderungen innerhalb des Ablaufs.
+// Auflistung oder Beschreibung (ca. ½ Seite) aller Aktivitäten gemäss
+// Zeitplan. Reflexion, Erkenntnisse und Massnahmen Best Practices ca. ½
+// Seite.
+
+// Doc7: Was ist beim Führen des Arbeitsjournals zu beachten?
+// 1. Das Arbeitsjournal ist Bestandteil von Teil 1 des IPA-Berichts.
+// 2. Die Darstellung ist übersichtlich, klar und verständlich.
+// 3. Das Arbeitsjournal besteht aus individuellen Tagesberichten.
+// 4. Alle Aktivitäten gemäss Zeitplan sowie Überzeiten und ungeplante Arbeiten sind
+//    erwähnt.
+// 5. Erfolge und Misserfolge sind erwähnt. Misserfolge werden kritisch hinterfragt.
+// 6. Sämtliche in Anspruch genommenen Unterstützungen, einschliesslich externer Hilfe
+//    und KI-Nutzung, sind umfassend aufgeführt und entsprechend begründet.
+//
+
+= Arbeitsjournale
+
+// entry wrapper for default values
+#let entry(
+  day: datetime,
+  supplementaryPersons: (:),
+  tagesablauf,
+  hilfestellungen,
+  gut,
+  schlecht,
+  erkenntnisse,
+) = {
+  // if you have any persons who are always there at one specific task
+  // you can add them here.
+  let sp = ("Täglicher Austausch": ("VF",))
+
+  for (item, persons) in supplementaryPersons.pairs() {
+    sp.insert(item, persons)
+  }
+
+  arbeitsjournal.entry(
+    day: day,
+    defaultPerson: "MM", // that's you
+    supplementaryPersons: sp,
+    tagesablauf,
+    hilfestellungen,
+    gut,
+    schlecht,
+    erkenntnisse,
+  )
+}
+
+#entry(
+  day: datetime(year: 2026, month: 3, day: 1),
+  [
+    #lorem(100)
+  ],
+  [
+    #lorem(50)
+  ],
+  [
+
+    #lorem(50)
+  ],
+  [
+    #lorem(50)
+  ],
+  [
+
+    #lorem(50)
+  ],
+),

template/01_Dokumentation/01_Teil1/09_Fazit.typ

@@ -0,0 +1,11 @@
+// IPA-Dokumentenvorgabe BiVo2021-2:
+//
+// Persönliches Fazit über die gesamte Arbeit. Siehe Details im
+// Beurteilungskriterium Doc8 – «Persönliches Fazit»
+
+
+= Persönliches Fazit
+
+
+#lorem(500)
+

template/01_Dokumentation/01_Teil1/index.typ

@@ -0,0 +1,11 @@
+#include "01_Aufgabenstellung.typ"
+#include "02_Standarts.typ"
+#include "03_Schutzbedarfsanalyse.typ"
+#include "04_OrgansiationErgebnisse.typ"
+#include "05_ProjektVorgehen.typ"
+#include "06_Projektorganisation.typ"
+#include "07_Zeitplan.typ"
+#include "08_Arbeitsjournale.typ"
+#include "09_Fazit.typ"
+
+

template/01_Dokumentation/02_Teil2/01_Kurzfassung.typ

@@ -0,0 +1,20 @@
+// Doc6: Was sind die Anforderungen an eine Kurzfassung?
+//
+// 1. Die Kurzfassung ist Bestandteil von Teil 2 des IPA-Berichts.
+// 2. Es werden die Kerninformationen wiedergegeben, weder mehr noch weniger.
+// 3. Die Kurzfassung beschränkt sich auf eine A4-Seite und enthält keine Grafik.
+// 4. Die Kurzfassung weist eine klare Struktur auf und beinhaltet 3 bis 4 Kapitel.
+// 5. Die Ausrichtung auf die Zielgruppe ist gewährleistet.
+// 6. Die Kurzfassung endet sinnvoll, bspw. mit einer Schlussfolgerung oder einer
+//    Empfehlung.
+// 7. Die Kurzfassung ist objektiv und verzichtet auf die Schilderung persönlicher
+//    Erfahrungen.
+
+
+= Kurzfassung
+== Ausgangssituation
+== Umsetzung
+== Ergebnis
+
+
+

template/01_Dokumentation/02_Teil2/02_Einführung.typ

@@ -0,0 +1,37 @@
+#import "@local/chfoit-ipa:0.0.0": acronym
+#import "@preview/wrap-it:0.1.1": wrap-content
+
+= Einführung
+
+#lorem(200)
+
+// Der folgende Teil klärt die Rahmenbedingungen der IPA wie die Einführung in die Firma, das Projekt und die Aufgabenstellung.
+//
+// == Die Firma
+//
+// Der Webauftritt des Bundesamtes für Informatik und Telekommunikation (#acronym("BIT", "Bundesamt für Informatik und Telekommunikation")) beschreibt das BIT Folgendermassen:
+//
+// #wrap-content(
+//   box(inset: (left: 1em, bottom: 1em), width: 19em, figure(
+//     image("../../02_Grafiken/placeholder.png"),
+//     caption: [Campus Eichenweg 1 & 3 in Zollikofen],
+//   )),
+//   align: top + right,
+// )[
+//
+//   #quote()[
+//     Das BIT ist der grösste IT-Leistungserbringer der Bundesverwaltung.
+//     Es stellt rund 50 000 Arbeitsplatzsysteme zur Verfügung, entwickelt zusammen mit den Verwaltungseinheiten massgeschneiderte,
+//     sichere sowie benutzerfreundliche IT-Lösungen und betreibt über 1000 Fachanwendungen mehrheitlich in eigenen, modernen Rechenzentren.
+//   ]@bit
+// ]
+//
+// == Arbeitsbereich
+//
+// Beschreibung des eigenen Arbeitsbereichs, des Teams und der bisherigen
+// Tätigkeiten im Betrieb.
+//
+// == Projekt
+//
+// Kurzbeschreibung des Projekts und Verweis auf die Aufgabenstellung.
+// Weitere Informationen können der Aufgabenstellung entnommen werden.

template/01_Dokumentation/02_Teil2/03_Initialisierung/01_Studie.typ

@@ -0,0 +1,4 @@
+== Studie IST- und SOLL-Zustand
+
+=== IST-Zustand
+=== SOLL-Zustand

template/01_Dokumentation/02_Teil2/03_Initialisierung/02_Ziele.typ

@@ -0,0 +1,62 @@
+== Ziele  <chap-ziele>
+
+
+#lorem(200)
+
+// Dieses Kapitel beschreibt die Projektvorgehensziele sowie die Produktziele die Erfüllt werden müssen, damit das Projekt erfolgreich ist.
+//
+// === Produktziele
+// // Beispiele von Kategorien:
+// // •	Finanzziele, Kosten/Nutzen/Wirtschaftlichkeit
+// // •	Leistung, Effizienz, Durchlaufzeit
+// // •	Qualität, Fehlerreduktion
+// // •	Kunden-/ Anwenderzufriedenheit, Service Public
+// // •	Sicherheit, Zuverlässigkeit
+// // •	Rechtliche Konformität
+// // •	Flexibilität
+// // •	Ausbaubarkeit
+// // •	Wartbarkeit
+// // •	Nachhaltigkeit
+//
+// #figure(
+//   table(
+//     columns: (auto, 1fr, 1fr, auto),
+//     [Nr.], [Ziel ], [Messgrösse], [Gewicht  \ (M/S/K) #footnote[M = Muss, S = Soll, K = Kann]],
+//
+//     [1], [Bsp.], [ Bsp.], [M],
+//   ),
+//   caption: [Projektvorgehensziele],
+// )
+//
+// === Projektvorgehensziele
+// // Beispiele von Kategorien:
+// // •	Projektkosten (Budget)
+// // •	Termine
+// // •	Meilensteine
+// // •	Methodik
+// // •	Kommunikation
+// #figure(
+//   table(
+//     columns: (auto, 1fr, 1fr, auto),
+//     [Nr.], [Projektziel], [Messgrösse], [Gewicht \ (M/S/K)],
+//
+//     //--- Projektkosten ---
+//     [1],
+//     [Das Projekt bleibt innerhalb des vorgegebenen Zeitbudgets der Probe-IPA.],
+//     [Es werden maximal 90h für das Projekt aufgewendet.],
+//     [M],
+//
+//     // --- Meilensteine ---
+//     [2],
+//     [Alle definierten Meilensteine werden Eingehalten.],
+//     [Die Meilensteine (Beschrieben in @chap-zeitplan) werden erreicht.],
+//     [M],
+//
+//     // --- Methodik ---
+//     [3],
+//     [Das Projekt wird nach der Projektdurführungsmethode in @chap-projektmethode durchgeführt.],
+//     [Das Projekt wird nach der Projektdurführungsmethode in @chap-projektmethode durchgeführt.],
+//     [S],
+//   ),
+//   caption: [Projektvorgehensziele],
+// )

template/01_Dokumentation/02_Teil2/03_Initialisierung/03_Anforderungen.typ

@@ -0,0 +1,21 @@
+#import "@local/chfoit-ipa:0.0.0": requirements
+== Anforderungen
+
+#lorem(200)
+
+
+// #figure(
+//   table(
+//     columns: (2.5em, 1fr, 2.5em, 1fr, auto, auto),
+//     [ID],
+//     [Anforderung],
+//     [Art #footnote[Art = Anforderungsart: F = Funktional, Q = Qualität]],
+//     [Abnahmekriterium],
+//     [W#footnote[ Wichtigkeit: 5 = muss zwingend umgesetzt werden; 4 = sehr wichtig, 3 = wichtig, 2 = normal, 1 = nicht wichtig]],
+//     [D#footnote[ Dringlichkeit: 5 = muss sofort umgesetzt werden, 4 = sehr dringend, 3 = dringend, 2 = normal, 1 = nicht dringend]],
+//
+//     requirements.id(), [Titel], [F], [Beschreibung], [5], [5],
+//   ),
+//
+//   caption: [Anforderungen],
+// )

template/01_Dokumentation/02_Teil2/03_Initialisierung/04_Varianten.typ

@@ -0,0 +1,57 @@
+== Lösungsvarianten
+
+#lorem(200)
+
+// In diesem Kapitel werden zwei Varianten zur Umsetzung der Applikation
+// analysiert und bewertet. Anschliessend wird mit Hilfe dieser Informationen
+// die beste Variante für die Umsetzung gewählt.
+//
+// === Variante 1: <variante-1>
+//
+// Beschreibung der ersten Lösungsvariante.
+//
+// === Variante 2: <variante-2>
+//
+// Beschreibung der zweiten Lösungsvariante.
+//
+// === Bewertung der Varianten
+//
+// Beim Bewerten der Varianten werden folgende Kriterien beachtet:
+//
+// #figure(
+//   table(
+//     columns: (auto, 1fr, auto),
+//     [Name], [Begründung], [Gewichtung],
+//     [Kriterium 1], [Begründung für das Kriterium.], [1],
+//     [Kriterium 2], [Begründung für das Kriterium.], [1],
+//     [Kriterium 3], [Begründung für das Kriterium.], [1],
+//   ),
+//   caption: [Übersicht der Bewertungskriterien für den Variantenentscheid],
+// )
+//
+// ==== Variante 1
+// #figure(
+//   table(
+//     columns: (auto, auto, auto, 1fr),
+//     [Kriterium], [Bewertung \ x/10], [Gewich-\ tung], [Begründung],
+//     [Kriterium 1], [8], [1], [Begründung der Bewertung.],
+//     table.footer([Summe:], [8]),
+//   ),
+//   caption: [Auswertung der Variante 1],
+// )
+//
+// ==== Variante 2
+// #figure(
+//   table(
+//     columns: (auto, auto, auto, 1fr),
+//     [Kriterium], [Bewertung \ x/10], [Gewich-\ tung], [Begründung],
+//     [Kriterium 1], [7], [1], [Begründung der Bewertung.],
+//     table.footer([Summe:], [7]),
+//   ),
+//   caption: [Auswertung der Variante 2],
+// )
+//
+// === Variantenentscheid <variantenentscheid>
+//
+// Die Applikation wird mit #link(<variante-1>, [Variante 1]) umgesetzt,
+// da die Bewertung im Vergleich zu #link(<variante-2>, [Variante 2]) höher ausfällt.

template/01_Dokumentation/02_Teil2/03_Initialisierung/05_Schutzbedarfsanalyse.typ

@@ -0,0 +1,78 @@
+== Schutzbedarfsanalyse
+//
+// Die Schutzbedarfsanalyse dient dazu,
+// den notwendigen Umfang an Sicherheitsmassnahmen zu bestimmen.
+// Sie stellt sicher, dass die Vertraulichkeit, Integrität und Verfügbarkeit der Applikationen und der Daten gewährleistet werden.
+// Sie basiert auf der "IKT Beurteilung des Schutzbedarfs". @schutzbedarf
+//
+// Anfang 2025 wurde eine neue Version (5.1) dieser Beurteilung erstellt.
+// Diese ist in den zehn verfügbaren Tagen der IPA zu umfangreich.
+// Deshalb kann für diese IPA die alte Version (4.6) der Schutzbedarfsanalyse verwendet werden. @alte-schutzbedarfsanalyse
+//
+// === Einstufung
+//
+// Wird in der Einstufung erhöter Schutzbedarf festgestellt, so muss ein ISDS-Konzept erarbeitet werden.
+// Erhöter Schutzbedarf liegt vor, sobald eines der Felder
+// aus dem Bereich der Vertraulichkeit als #text(fill: red, "rot") gekennzeichnet wird
+// oder wenn mehr als zwei Kriterien in den Bereichen Verfügbarkeit, Integrität oder Nachvollziehbarkeit als #text(fill: red, "rot") gekennzeichnet werden.
+//
+// Folgende Tabelle ist ein Auszug aus der Einstufung mithilfe des vorgegebenen Dokuments.
+// Die gesamte Einstufung ist im Anhang ersichtlich.
+//
+// #let good(c) = { table.cell(fill: green.lighten(70%), c) }
+// #let bad(c) = { table.cell(fill: red.lighten(70%), c) }
+//
+// #figure(
+//   table(
+//     columns: 3,
+//     table.header([Kategorie], [Frage], [Antwort]),
+//
+//     table.cell(rowspan: 3, [Vertraulichkeit]),
+//     [Sollen [mit diesem Schutzobjekt] Personendaten nach der Datenschutzgesetzgebung bearbeitet werden? Wenn ja, ergibt sich daraus ein hohes Risiko für die Grundrechte der betroffenen Personen?],
+//     good([Keine Personendaten]),
+//
+//     // [Vertraulichkeit],
+//     [Sollen [mit diesem Schutzobjekt] klassifizierte Informationen nach der Informationsschutzverordnung (ISchV) bearbeitet werden? Wenn ja, Informationen aus welchen Klassifizierungsstufen (vgl. Art. 5 bis 7 ISchV) sind betroffen?],
+//     good([Klassifizierung: Intern]),
+//
+//     // [Vertraulichkeit],
+//     [Sollen [mit diesem Schutzobjekt] Informationen oder Daten bearbeitet werden, die aus einem sonstigen Grund (spezielle Gesetzgebungen) besonders geschützt werden müssen? Wenn ja, wie hoch sind die Schutzanforderungen?],
+//     good([Keine erhöhten Anforderungen an die Vertraulichkeit]),
+//
+//     table.cell(rowspan: 3, [Verfügbarkeit]),
+//     [Max. zulässige Ausfalldauer?],
+//     good([Ausfalldauer max. 8 Std.]),
+//
+//     // [Verfügbarkeit],
+//     [Servicezeiten?],
+//     good([Servicezeiten Standard (11/5)]),
+//
+//     // [Verfügbarkeit],
+//     [IT Service Continuity Management (ITSCM) relevant [für dieses Schutzobjekt] als Teil des Business Continuity Management (BCM) für geschäftskritische Prozesse?],
+//     good([ITSCM / BCM nicht notwendig]),
+//
+//     table.cell(rowspan: 2, [Integrität]),
+//     [Muss die Echtheit, Korrektheit und/oder Unversehrtheit der Daten nachgewiesen werden können?],
+//     good([Keine speziellen Anforderungen]),
+//
+//     // [Integrität],
+//     [Müssen bestimmte Arbeitsvorgänge nachgewiesen werden können?],
+//     good([Keine speziellen Anforderungen]),
+//
+//     [RINA-Relevanz],
+//     [Ist dieses Schutzobjekt durch nachrichtendienstliche Ausspähung (oder ähnliche) erheblich gefährdet und/oder werden dafür sensitive Beschaffungen notwendig?],
+//     good([Nein - Nicht RINA-relevant]),
+//   ),
+//   caption: [Einstufung Schutzbedarf],
+// )
+//
+// Die Kommentare zu den jeweiligen Kategorien sind im Anhang ersichtlich.
+//
+// === Entscheid ISDS-Konzept
+//
+// In der Einstufung wurden  keine erhöhten Anforderungen festgestellt.
+// Da alle Felder grün sind, ist das Ergebnis der Schutzbedarfsanalyse "kein erhöter Schutzbedarf notwendig" und es muss kein ISDS-Konzept erstellt werden.
+//
+// === Massnahmen
+//
+//

template/01_Dokumentation/02_Teil2/03_Initialisierung/06_Risikoanalyse.typ

@@ -0,0 +1,58 @@
+#import "@preview/wrap-it:0.1.1": wrap-content
+#import "@local/chfoit-ipa:0.0.0": palette
+
+#let risiko(lvl) = {
+  if lvl >= 3 {
+    return table.cell(fill: palette.red.at("300"))[Sehr Hoch]
+  }
+  if lvl >= 2 {
+    return table.cell(fill: palette.orange.at("300"))[Hoch]
+  }
+  if lvl >= 1 {
+    return table.cell(fill: palette.yellow.at("300"))[Mittel]
+  }
+  return table.cell(fill: palette.green.at("300"))[Tief]
+}
+
+== Risiko Analyse
+
+
+#lorem(200)
+
+// === Risiken
+//
+// Folgende Risiken sind in der Probe-IPA relevant:
+// #figure(
+//   table(
+//     columns: (auto, 1fr, 1fr, auto, auto),
+//     [Nr.], [Beschreibung], [Auswirkung], [E #footnote[Eintretenswahrscheinlichkeit]], [A #footnote[Auswirkungsgrad]],
+//
+//     // [1], [Ausfall vom Arbeitsgerät], [Entwicklung nicht mehr möglich], risiko(0), risiko(3),
+//   ),
+//   caption: [Risiken],
+// )<fig-risks>
+//
+// Um diese Risiken zu mindern, werden Folgende Massnahmen ergriffen:
+//
+// #figure(
+//   table(
+//     columns: (auto, auto, 1fr, auto, auto),
+//     [Nr.], [Risiko Nr.], [Beschreibung], [E Danach], [A Danach],
+//
+//     // [1], [1], [Ausweichen auf Warp-Devspaces], risiko(0), risiko(1),
+//   ),
+//   caption: [Massnahmen um Risiken zu mindern],
+// )
+// === Auswertung
+//
+// #wrap-content(
+//   figure(
+//     image("../../../02_Grafiken/risiko_matrix.pdf"),
+//     caption: [Risikomatrix],
+//   ),
+//   [
+//
+//   ],
+//   align: top + right,
+//   column-gutter: 2em,
+// )

template/01_Dokumentation/02_Teil2/03_Initialisierung/07_Projektauftrag.typ

@@ -0,0 +1,13 @@
+
+#pagebreak(weak: true)
+== Projektauftrag
+
+
+// Bei justin steht:
+
+Basierend auf den Erkenntnissen der Studie und den Variantenentscheiden wird das Projekt in
+die nächste Phase übergeben.
+
+_Das Projekt wurde am \<datum> durch den Auftraggeber \<Auftraggeber>   mündlich
+freigegeben._
+

template/01_Dokumentation/02_Teil2/03_Initialisierung/index.typ

@@ -0,0 +1,44 @@
+// Auf der Grundlage des Projektinitialisierungsauftrags gibt der Auftraggeber die Ressourcen für die Phase Initialisierung frei.
+// Er beauftragt den Projektleiter mit der Durchführung der Phase Initialisierung.
+//
+// Die Phase Initialisierung wird aus Projektmanagementsicht stets klassisch abgewickelt.
+// Dennoch können auch agile Werkzeuge zum Einsatz kommen.
+//
+// Die Studie wird erarbeitet.
+// - Die Arbeiten starten mit einer ersten Standortbestimmung, Zielen und groben Anforderungen.
+// - Die Lösungsvarianten werden erarbeitet. Die Beschreibung der Lösungsvarianten erfolgt so detailliert,
+//   dass sie nachvollziehbar und transparent bewertet werden können.
+// - Unter anderem werden auch die Projekt- und Betriebsrisiken ermittelt.
+// - Parallel zur Studie werden die Rechtsgrundlagenanalyse und die Schutzbedarfsanalyse
+//   erarbeitet und in die Entscheidung einbezogen.
+// - Zusätzlich wird festgelegt und nachvollziehbar dokumentiert, wie im Rahmen jeder Lösungsvariante
+//   weiter vorgegangen wird: entweder klassisch oder agil.
+// - Der Entscheid Weiteres Vorgehen wird getroffen.
+//
+// Für die allfällige Beschaffung eines Produkts bzw. eines Systems wird parallel
+// zur Studie eine Beschaffungsanalyse durchgeführt.
+//
+// Das für die Lösungsentstehung passende Szenario wird ausgewählt und bei Bedarf individualisiert.
+//
+// Auf der Basis der gewählten Variante und des Vorgehens werden der Projektmanagementplan
+// und der Durchführungsauftrag erarbeitet und mit den Strategien, Vorgaben und übergeordneten
+// Zielen der Stammorganisation abgeglichen. Die Stakeholderinteressen werden
+// analysiert und Zielkonflikte bereinigt.
+//
+// Bei anvisierter agiler Vorgehensweise wird festgelegt, ob der optionale Entscheid
+// Releasefreigabe treffen im Projekt als erforderlich vorgeschrieben ist.
+//
+// Der Entscheid Durchführungsfreigabe wird getroffen und der Durchführungsauftrag unterschrieben.
+// Die Freigabe erfolgt durch die Stammorganisation und den Auftraggeber.
+
+= Initialisierung
+
+In diesem Kapitel sind die Arbeitsergebnisse der Initialisierungsphase.
+
+#include "./01_Studie.typ"
+#include "./02_Ziele.typ"
+#include "./03_Anforderungen.typ"
+#include "./04_Varianten.typ"
+#include "./05_Schutzbedarfsanalyse.typ"
+#include "./06_Risikoanalyse.typ"
+#include "./07_Projektauftrag.typ"

template/01_Dokumentation/02_Teil2/04_Konzept/01_Usecases.typ

@@ -0,0 +1,23 @@
+#import "@local/chfoit-ipa:0.0.0": usecase
+
+== Anwendungsfälle
+
+// Zweck: Er dient dazu, funktionale Anforderungen aus der Perspektive des Nutzers zu definieren und sicherzustellen,
+// dass das System die Erwartungen der Stakeholder erfült.
+// Bestandteile: Ein Anwendungsfall besteht in der Regel aus einer:
+//  - Spezifikation (textliche Beschreibung der Schritte)
+//  - und einem Diagramm (grafische Übersicht der Akteure und Beziehungen).
+// Abgrenzung: Im Gegensatz zu einer User Story, die nur kurz den Nutzerwunsch beschreibt,
+// geht ein Use Case detailliert auf Abläufe, Vorbedingungen und Fehlerfälle ein.
+#usecase(
+  name: "Beispiel",
+  actors: ("a", "b", "c"),
+  diagramm: [basdhf dsfsadfh],
+  precondition: [bsp.],
+  process: [
+    bsp.
+  ],
+  acceptanceCriteria: (
+    "bla bla bla",
+  ),
+)

template/01_Dokumentation/02_Teil2/04_Konzept/02_Mockups.typ

@@ -0,0 +1,11 @@
+Die Benutzerschnittstelle besteht aus den folgenden Seiten:
+
+// This template can be used to generate new Mockups.
+= Template
+
+Das Template kann benützt werden um die wichtigsten Elemente bereits zur Verfügung zu haben.
+
+#figure(
+  image("../../../02_Grafiken/mockup_template.pdf"),
+  caption: [Template für Mockups],
+)

template/01_Dokumentation/02_Teil2/04_Konzept/03_Architektur.typ

@@ -0,0 +1,54 @@
+#import "@preview/wrap-it:0.1.1": wrap-content
+#import "@local/chfoit-ipa:0.0.0": acronym, term
+
+#pagebreak(weak: true)
+== Anwendungsarchitektur
+
+#lorem(200)
+
+// #figure(
+//   image("../../../02_Grafiken/placeholder.png", height: 25em),
+//   caption: [Architekturskizze],
+// )<fig-architekturskizze>
+//
+// === Technologien
+//
+// ==== Frontend
+// #wrap-content(
+//   figure(
+//     image("../../../02_Grafiken/frontend_logo.png", height: 4em),
+//     caption: [Frontend-Technologie],
+//   ),
+//   [
+//     // Beschreibung der Frontend-Technologien.
+//   ],
+//   align: top + right,
+//   column-gutter: 2em,
+// )
+//
+// ==== Backend
+// #wrap-content(
+//   figure(
+//     image("../../../02_Grafiken/backend_logo.png", height: 4em),
+//     caption: [Backend-Technologie],
+//   ),
+//   [
+//     // Beschreibung der Backend-Technologien.
+//   ],
+//   align: top + right,
+//   column-gutter: 2em,
+// )
+//
+// === Datenbank
+//
+// #wrap-content(
+//   figure(
+//     image("../../../02_Grafiken/db_logo.png", height: 4em),
+//     caption: [Datenbank-Technologie],
+//   ),
+//   [
+//     // Beschreibung der Datenbank-Technologien.
+//   ],
+//   align: top + right,
+//   column-gutter: 2em,
+// )

template/01_Dokumentation/02_Teil2/04_Konzept/04_Rollenkonzept.typ

@@ -0,0 +1,11 @@
+== Rollenkonzept
+
+#figure(
+  image("../../../02_Grafiken/placeholder.png", width: 80%),
+
+  caption: [Rollen- und Zugriffdiagram],
+) <fig-rolle_diagram>
+
+
+
+

template/01_Dokumentation/02_Teil2/04_Konzept/05_Datenschema.typ

@@ -0,0 +1,8 @@
+== Daten Schema
+
+#lorem(200)
+
+// #figure(
+//   image("../../../02_Grafiken/placeholder.png", width: 80%),
+//   caption: [Datenbankdiagramm],
+// )<fig-datenbankdiagramm>

template/01_Dokumentation/02_Teil2/04_Konzept/06_APISpec.typ

@@ -0,0 +1,8 @@
+#import "@local/chfoit-ipa:0.0.0": oasviz
+== API Spezifikation
+
+#{
+  set heading(offset: 2)
+  oasviz.render(yaml("swagger.yaml"))
+}
+

template/01_Dokumentation/02_Teil2/04_Konzept/07_Testkonzept.typ

@@ -0,0 +1,116 @@
+#import "@local/chfoit-ipa:0.0.0": term, test
+
+== Testkonzept
+
+#lorem(200)
+
+// Das Testkonzept beschreibt die Testziele, Testobjekte, Testarten, Testinfrastruktur sowie Testorganisation. Es umfasst ebenfalls die Testplanung und die Testfallbeschreibungen. Für jeden Testfall wird eine detaillierte Testfallbeschreibung erstellt. Diese stellt die Spezifikati-on des Tests dar. Die Testplanung legt den logischen und zeitlichen Ablauf der Tests fest. Das Testkonzept bildet die Grundlage, auf der die Testorganisation und die Testinfrastruktur bereitgestellt und die Tests durchgeführt werden. Tauchen neue Erkenntnisse auf, wird das Testkonzept nachgeführt. @hermes-online
+//
+// === Testziele
+// #figure(
+//   table(
+//     columns: (auto, 1fr, 1fr, auto),
+//     [Nr.], [Beschreibung], [Messgrösse], [Priorität #footnote[Priorität: M = Muss / 1 = hoch, 2 = mittel, 3 = tief]],
+//     [01], [Benutzeroberflächentest Erfolgreich], [Anwendungsfälle reproduzierbar], [M],
+//     [02], [Businesslogiktest Erfolgreich], [Datenprüfung korrekt], [1],
+//   ),
+// )
+//
+//
+// === Teststrategien und Teststufen
+//
+// Im rahmen der Probe-IPA werden hauptsächlich
+// #term("Unit-Test", "Tests die als Code geschrieben werden und es zum Ziel haben einen einzelnen Komponenten (Unit) zu testen.")s und
+// #term("Akzeptanz-Test", "Testverfahren mit dem Hauptzweck die Funktionalität einer Software aus der Sicht des Endbenutzers zu überprüfen.")s
+// durchgeführt.
+//
+// Die Unit-Tests haben zum ziel die einzelnen Komponente zu testen. Dabei wird eine Fokus auf die Geschäftslogik gelegt.
+// Im Frontend sowie im Backend #term("Backend", "Die Komponente der Applikation, die auf dem Server läuft und dem Frontend die Daten zur verfügung stellt und die eingaben des Frontends prüft.")
+// ist die #term("Testabdeckung", "Verhältniss von Codedezeilen die existieren zu Codedezeilen die wärend dem Testen durchlaufen wurden.") mindestens *60%*.
+//
+// Die Akzeptanz-Tests haben zum Ziel, die gesamte Applikation zu testen. Sie werden am ende der Umsetzungsphase manuell getestet um diese abzuschliessen.
+// Um die Umsetzungsphase abzuschliessen müssen alle Akzeptanz-Test funktionieren.
+//
+// === Mängelklassifizierung
+//
+// Die festgestellten Mängel, bzw. die nicht erfüllten Anforderungen (Erwartungen), werden in Klassen von 1 bis 4 eingestuft.
+// Die Klasse 0 findet nur dann Verwendung, wenn ein einwand-freies Ergebnis gesondert ausgewiesen werden soll:
+//
+// #figure(
+//   table(
+//     columns: (auto, auto, 1fr),
+//     [Nr.], [Mängelklassen], [Beschreibung],
+//     text(fill: green)[0],
+//     text(fill: green)[mängelfrei],
+//     [Einwandfrei und
+//       anforderungsgerecht],
+//
+//     [1],
+//     [belangloser Mangel],
+//     [Verwendung möglich, Brauchbarkeit
+//       ist vorhanden, Mängel sollte dennoch nicht vorkommen],
+//
+//     [2],
+//     [leichter Mangel],
+//     [Verwendung möglich, Brauchbarkeit
+//       ist nur wenig beeinträchtigt],
+//
+//     [3],
+//     [schwerer Mangel],
+//     [Verwendung ist noch möglich,
+//       Brauchbarkeit ist stark verringert],
+//
+//     text(fill: red)[4],
+//     text(fill: red)[kritischer Mangel],
+//     [
+//       Unbrauchbar; \
+//
+//       Wesentliche Funktionalität ist nicht gegeben; \
+//
+//       Betrieb ist nicht verantwortbar (z.B. sicherheitsspezifisch)
+//     ],
+//   ),
+//   caption: [Mängelklassen],
+// )
+//
+// Die Klassifizierung spiegelt die Folgenschwere und den Aufwand zur Behebung der möglich feststellbaren Mängel. Die Zuordnung der festgestellten Mängel zu einer Mängelklasse gibt
+// grob auch die Priorität vor, in welcher Reihenfolge die Behebung der Mängel angegangen werden soll.
+//
+// Wird eine Mängelklasse zwischen 1-3 erreicht, kann das System/Produkt unter Vorbehalt abgenommen werden. Zur Behebung der Mängel sind jedoch Massnahmen zu definieren. Eine Nachprüfung ist zwingend.
+//
+// Werden hingegen Mängel der Klasse 4 festgestellt, kann das System/Produkt nicht abge-nommen werden und der Auftragnehmer muss umgehend Massnahmen treffen, um diese Mängel zu beheben.
+// Der Auftragnehmer hat zudem die erneute Abnahme zu veranlassen.
+// @hermes-online
+//
+//
+=== Testfälle
+
+Die Testfälle sind auf Grund der Anwendungsfälle beschrieben. Es wird vorausgesetzt, dass jeweils die Passenden Daten schon vorliegen.
+Die hier aufgeführten Testfälle begrenzen sich auf die Akzeptanz-Tests. Die unit tests werden im code definiert.
+
+
+
+#test.case(
+  requirement: [Usecase 1],
+  description: [Foo Bar],
+  precondition: [
+    - bla bla
+  ],
+  steps: [
+  ],
+  result: [
+  ],
+)
+
+// === Beurteilung zur Testabdeckung
+//
+// Die Testabdeckung bei den Unit-Tests ist gut angesetzt. 60% ist viel und trotz dem realistisch.
+// Hingegen die Akzeptanz-Tests haben nur Testfälle zum "Happy Case". Das währe in einer Grösseren und Kritischeren
+// Applikation sicherlich ungünstig. Im Rahmen der Probe-IPA ist dies aber in Ordnung, da auch auf die Zeitlichen Ressourcen geachtet
+// werden muss. Mehr Akzeptanz-Tests würden den Zeitrahmen sprengen.
+//
+// === Testorganisation und Zuständigkeiten
+//
+// Die Tests finden auf dem Entwickler gerät statt jeweils auf dem sauberen #footnote[sauber im sinne von keine Änderung seit dem letzten commit] Entwicklungsbranch statt.
+//
+// Die tests werden vom Kandidaten selbst durchgeführt und Protokolliert.

template/01_Dokumentation/02_Teil2/04_Konzept/08_Phasenfreigabe.typ

@@ -0,0 +1,10 @@
+== Phasenfreigabe
+
+// Bei justin steht:
+//
+Basierend auf den Erkenntnissen wird das Projekt in
+die nächste Phase übergeben.
+
+_Die Phase wurde am \<datum> durch den Auftraggeber \<name> mündlich
+freigegeben._
+

template/01_Dokumentation/02_Teil2/04_Konzept/index.typ

@@ -0,0 +1,37 @@
+// Die in der Phase Initialisierung gewählte Variante wird konkretisiert. Die Ergebnisse werden so detailliert
+// erarbeitet, dass die Projektbeteiligten die Lösung auf einer verlässlichen Grundlage
+// planen, offerieren und realisieren können.
+
+= Konzept
+// In diesem Kapitel, wird die in der Initialisierung gewählte Variante konkretisiert.
+// Die Ergebnisse werden so detailliert erarbeitet, dass alle Projektbeteiligten die
+// Lösung auf einer verlässlichen Grundlage planen, offerieren und realisieren können.
+//
+// Hierzu werden zunächst die Use Cases und Mockups zur Definition der Anforderungen erarbeitet.
+// Darauf aufbauend werden die technische Architektur, das Rollenkonzept sowie das Datenschema und die API-Spezifikationen festgelegt.
+// Ausserdem, wird ein Testkonzept zur Sicherstellung der einhaltung des eben genannten erarbeitet.
+
+#include "./01_Usecases.typ"
+
+#pagebreak(weak: true)
+#include "./02_Mockups.typ"
+
+#pagebreak(weak: true)
+#include "./03_Architektur.typ"
+
+#pagebreak(weak: true)
+#include "./04_Rollenkonzept.typ"
+
+#pagebreak(weak: true)
+#include "./05_Datenschema.typ"
+
+#pagebreak(weak: true)
+#include "./06_APISpec.typ"
+
+#pagebreak(weak: true)
+#include "./07_Testkonzept.typ"
+
+#pagebreak(weak: true)
+#include "./08_Phasenfreigabe.typ"
+
+

template/01_Dokumentation/02_Teil2/04_Konzept/swagger.yaml

@@ -0,0 +1,630 @@
+# yaml-language-server: $schema=https://raw.githubusercontent.com/OAI/OpenAPI-Specification/refs/heads/main/_archive_/schemas/v3.0/schema.yaml
+openapi: 3.0.0
+info:
+  title: Example App Backend API
+  version: "1.0.0"
+  description: API for the Example App backend service.
+servers:
+  - url: http://localhost:8080
+    description: Local development server
+components:
+  securitySchemes:
+    cookieAuth:
+      type: apiKey
+      in: cookie
+      name: auth
+      description: Cookie-based authentication
+  schemas:
+    Error:
+      type: object
+      properties:
+        type:
+          type: string
+          description: Categorization of the error for programmatic handling.
+          enum:
+            - AUTHENTICATION_ERROR
+            - AUTHORIZATION_ERROR
+            - VALIDATION_ERROR
+            - BAD_REQUEST_ERROR
+            - NOT_FOUND_ERROR
+            - SERVER_ERROR
+            - UNKNOWN_ERROR
+          example: AUTHENTICATION_ERROR
+        key:
+          description: A unique error code or identifier for specific error cases.
+          type: string
+          maxLength: 200
+          example: example key
+        message:
+          type: string
+          description: A human-readable message explaining the error.
+          maxLength: 200
+          example: example message
+        details:
+          type: object
+          description: Additional context or metadata regarding the error (e.g.,
+            specific field validation failures).
+          x-go-type-skip-optional-pointer: true
+          x-go-type: any
+          additionalProperties: true
+          example: {}
+      required:
+        - type
+        - key
+        - message
+      description: Schema representing Error.
+      example: {}
+    UUID:
+      type: string
+      format: uuid
+      x-go-type: uuid.UUID
+      x-go-type-import:
+        path: github.com/google/uuid
+        name: uuid
+      description: Schema representing UUID.
+      example: example
+    User:
+      type: object
+      properties:
+        id:
+          description: Id of the user.
+          allOf:
+            - $ref: "#/components/schemas/UUID"
+        name:
+          type: string
+          description: Full name or display name of the user.
+          example: "Example User"
+      required:
+        - id
+        - name
+      description: Schema representing User.
+      example: {}
+    Claims:
+      type: object
+      properties:
+        iss:
+          type: string
+          description: The issuer of the token.
+          example: "example-app-backend"
+        sub:
+          description: The subject of the token (User ID).
+          allOf:
+            - $ref: "#/components/schemas/UUID"
+        iat:
+          type: integer
+          format: int64
+          description: Issued At timestamp (Unix epoch).
+          example: 1
+        exp:
+          type: integer
+          format: int64
+          description: Expiration timestamp (Unix epoch).
+          example: 1
+      required:
+        - iss
+        - sub
+        - iat
+        - exp
+
+      description: Schema representing Claims.
+      example: {}
+    Scan:
+      type: object
+      properties:
+        isbn:
+          type: string
+          x-go-name: ISBN
+          description: The International Standard Book Number.
+          example: 978-3-16-148410-0
+      required:
+        - isbn
+
+      description: Schema representing Scan.
+      example: {}
+    Book:
+      type: object
+      properties:
+        id:
+          type: integer
+          description: User facing id of the book.
+          example: 1
+        title:
+          type: string
+          minLength: 1
+          maxLength: 200
+          description: The title of the book.
+          example: example title
+        authors:
+          type: string
+          minLength: 1
+          maxLength: 500
+          description: A comma-separated list or string of book authors.
+          example: example authors
+        description:
+          type: string
+          minLength: 0
+          maxLength: 2048
+          description: A brief summary or synopsis of the book.
+          example: example description
+        lentBy:
+          description: The user who has lent the book from the library.
+            Undefined if the boook is not lent.
+          allOf:
+            - $ref: "#/components/schemas/User"
+        coverUrl:
+          type: string
+          format: url
+          description: Link to the book's cover image.
+          example: example cover_url
+      required:
+        - id
+        - title
+        - authors
+
+      description: Schema representing Book.
+      example: {}
+    BookDetails:
+      allOf:
+        - $ref: "#/components/schemas/Book"
+        - type: object
+          properties:
+            isbn:
+              type: string
+              x-go-name: ISBN
+              minLength: 9
+              maxLength: 20
+              description: The ISBN of the book.
+              example: example isbn
+            publisher:
+              type: string
+              minLength: 1
+              maxLength: 200
+              description: The entity that published the book.
+              example: example publisher
+            publishedAt:
+              type: integer
+              multipleOf: 1
+              minimum: 0
+              description: The publication year or timestamp.
+              example: 1
+            owner:
+              description: The user who owns the bool. Undefined if the boook is
+                public.
+              allOf:
+                - $ref: "#/components/schemas/User"
+          required:
+            - isbn
+            - publisher
+            - publishedAt
+          example: {}
+      description: Schema representing BookDetails.
+    BookRequest:
+      type: object
+      properties:
+        title:
+          type: string
+          minLength: 1
+          maxLength: 200
+          description: "The title of the book. (ctx: schema.BookRequest.properties.title)"
+          example: example title
+        authors:
+          type: string
+          minLength: 1
+          maxLength: 500
+          description: "A comma-separated list or string of book authors. (ctx: schema.BookRequest.properties.authors)"
+          example: example authors
+        isbn:
+          type: string
+          x-go-name: ISBN
+          minLength: 9
+          maxLength: 20
+          description: "The ISBN of the book. (ctx: schema.BookRequest.properties.isbn)"
+          example: example isbn
+        description:
+          type: string
+          minLength: 0
+          maxLength: 2048
+          description: "A brief summary or synopsis of the book. (ctx: schema.BookRequest.properties.description)"
+          example: example description
+        publisher:
+          type: string
+          minLength: 1
+          maxLength: 200
+          description: "The entity that published the book. (ctx: schema.BookRequest.properties.publisher)"
+          example: example publisher
+        publishedAt:
+          type: integer
+          multipleOf: 1
+          minimum: 0
+          description: "The publication year or timestamp. (ctx: schema.BookRequest.properties.publishedAt)"
+          example: 1
+        public:
+          type: boolean
+          description: Whether the book is publicly owened or owned by the
+            creating user.
+
+          example: true
+        coverUrl:
+          type: string
+          format: url
+          minLength: 0
+          maxLength: 1024
+          description: "Link to the book's cover image. (ctx: schema.BookRequest.properties.coverUrl)"
+          example: example cover_url
+      required:
+        - title
+        - authors
+        - isbn
+        - publisher
+        - publishedAt
+        - public
+
+      description: Schema representing BookRequest.
+      example: {}
+    Lending:
+      type: object
+      properties:
+        user:
+          description: The uuid of the user, who has lent the book
+          allOf:
+            - $ref: "#/components/schemas/UUID"
+        startedAt:
+          type: string
+          format: date-time
+          description: The ID of the user borrowing the book.
+          example: example startedAt
+        returnedAt:
+          type: string
+          format: date-time
+          description: Timestamp when the book was returned. Undefined if still
+            out.
+          example: example returnedAt
+      required:
+        - user
+        - startedAt
+
+      description: Schema representing Lending.
+      example: {}
+  responses:
+    Error400:
+      description: Bad request
+      content:
+        application/json:
+          schema:
+            $ref: "#/components/schemas/Error"
+    Error401:
+      description: Unauthorized – missing or invalid auth cookie
+      content:
+        application/json:
+          schema:
+            $ref: "#/components/schemas/Error"
+    Error403:
+      description: Forbidden – this is probably not your book
+      content:
+        application/json:
+          schema:
+            $ref: "#/components/schemas/Error"
+    Error404:
+      description: Not found
+      content:
+        application/json:
+          schema:
+            $ref: "#/components/schemas/Error"
+    Error500:
+      description: Server error
+      content:
+        application/json:
+          schema:
+            $ref: "#/components/schemas/Error"
+security:
+  - cookieAuth: []
+
+paths:
+  /auth/login:
+    post:
+      summary: Login a user and receive an authentication cookie
+      requestBody:
+        required: true
+        content:
+          application/json:
+            schema:
+              $ref: "#/components/schemas/UUID"
+        description: Request body for POST /auth/login
+      responses:
+        "200":
+          description: Successful login, authentication cookie set
+          headers:
+            Set-Cookie:
+              schema:
+                type: string
+                example: auth=eyJhbGci...; Path=/; HttpOnly
+          content:
+            application/json:
+              schema:
+                $ref: "#/components/schemas/Claims"
+        "400":
+          description: Invalid request payload
+          content:
+            application/json:
+              schema:
+                $ref: "#/components/schemas/Error"
+        "401":
+          description: Authentication failed
+          content:
+            application/json:
+              schema:
+                $ref: "#/components/schemas/Error"
+        "500":
+          $ref: "#/components/responses/Error500"
+      security: []
+      tags:
+        - Auth
+      operationId: post_auth_login
+      description: Log in a user and receive an authentication cookie
+  /auth/logout:
+    post:
+      summary: Logout the current user
+      responses:
+        "204":
+          description: Successful logout and the cookie was removed
+          headers:
+            Set-Cookie:
+              description: >
+                Sets the auth cookie to an empty value and expires it immediately by
+                setting Max-Age to 0. The token gets invalidated.
+              schema:
+                type: string
+                example: auth=; Path=/; HttpOnly; Max-Age=0
+        "401":
+          description: Authentication failed
+          content:
+            application/json:
+              schema:
+                $ref: "#/components/schemas/Error"
+        "500":
+          $ref: "#/components/responses/Error500"
+      tags:
+        - Auth
+      operationId: post_auth_logout
+      description: Logout the current user
+  /auth:
+    get:
+      summary: Retrieve the claims for the currently authenticated user
+      responses:
+        "200":
+          description: Claims of the authenticated user
+          content:
+            application/json:
+              schema:
+                $ref: "#/components/schemas/Claims"
+        "401":
+          $ref: "#/components/responses/Error401"
+        "500":
+          $ref: "#/components/responses/Error500"
+      security: []
+      tags:
+        - Auth
+      operationId: get_auth
+      description: Retrieve the claims for the currently authenticated user
+
+  /auth/users:
+    get:
+      summary: List all users
+      responses:
+        "200":
+          description: Array of user objects
+          content:
+            application/json:
+              schema:
+                type: array
+                items:
+                  $ref: "#/components/schemas/User"
+                example: []
+        "500":
+          $ref: "#/components/responses/Error500"
+      security: []
+      tags:
+        - Auth
+      operationId: get_auth_users
+      description: List all users
+  /books:
+    get:
+      summary: Get all books
+      responses:
+        "200":
+          description: Array of books
+          content:
+            application/json:
+              schema:
+                type: array
+                items:
+                  $ref: "#/components/schemas/Book"
+                example: []
+        "500":
+          $ref: "#/components/responses/Error500"
+      security: [] #no security needed
+
+      tags:
+        - Books
+      operationId: get_books
+      description: Get all books
+    post:
+      summary: Register a new book
+      requestBody:
+        content:
+          application/json:
+            schema:
+              $ref: "#/components/schemas/BookRequest"
+
+        description: Request body for POST /books
+      responses:
+        "200":
+          description: The new book
+          content:
+            application/json:
+              schema:
+                $ref: "#/components/schemas/Book"
+        "400":
+          $ref: "#/components/responses/Error400"
+        "401":
+          $ref: "#/components/responses/Error401"
+        "500":
+          $ref: "#/components/responses/Error500"
+      tags:
+        - Books
+      operationId: post_books
+      description: Register a new book
+  /books/{bookID}:
+    parameters:
+      - name: bookID
+        in: path
+        required: true
+        schema:
+          type: integer
+          minimum: 0
+
+        description: Parameter bookID for /books/{bookID}
+    get:
+      summary: Get the details of a book
+      responses:
+        "200":
+          description: BookDetails
+          content:
+            application/json:
+              schema:
+                $ref: "#/components/schemas/BookDetails"
+        "404":
+          $ref: "#/components/responses/Error404"
+        "500":
+          $ref: "#/components/responses/Error500"
+      security: [] #no security needed
+
+      tags:
+        - Books
+      operationId: get_books_bookID
+      description: Get the details of a book
+    put:
+      summary: Update a book
+      description: |
+        The field lentBy will be ignored. If you want to lend a book, please use the corresponding route.
+        The field owner will only be obeyed if you own the book and set it to null / undefined.
+
+      requestBody:
+        content:
+          application/json:
+            schema:
+              $ref: "#/components/schemas/BookRequest"
+
+        description: Request body for PUT /books/{bookID}
+      responses:
+        "200":
+          description: The new book
+          content:
+            application/json:
+              schema:
+                $ref: "#/components/schemas/BookDetails"
+        "400":
+          $ref: "#/components/responses/Error400"
+        "401":
+          $ref: "#/components/responses/Error401"
+        "403":
+          $ref: "#/components/responses/Error403"
+        "404":
+          $ref: "#/components/responses/Error404"
+        "500":
+          $ref: "#/components/responses/Error500"
+      tags:
+        - Books
+      operationId: put_books_bookID
+    delete:
+      summary: Delete a book
+      responses:
+        "204":
+          description: Book deleted successfully
+        "403":
+          $ref: "#/components/responses/Error403"
+        "404":
+          $ref: "#/components/responses/Error404"
+        "500":
+          $ref: "#/components/responses/Error500"
+      tags:
+        - Books
+      operationId: delete_books_bookID
+      description: Delete a book
+  /books/{bookID}/lending:
+    parameters:
+      - name: bookID
+        in: path
+        required: true
+        schema:
+          type: integer
+          minimum: 0
+        description: Parameter bookID for /books/{bookID}/lending
+    post:
+      summary: Lend a book
+      responses:
+        "204":
+          description: The book is successfully lent
+        "400":
+          description: Bad request - The book is most likely already lent
+          content:
+            application/json:
+              schema:
+                $ref: "#/components/schemas/Error"
+        "401":
+          $ref: "#/components/responses/Error401"
+        "404":
+          $ref: "#/components/responses/Error404"
+        "500":
+          $ref: "#/components/responses/Error500"
+      tags:
+        - Lending
+      operationId: post_books_bookID_lending
+      description: Lend a book
+    delete:
+      summary: End a lending (return a book)
+      responses:
+        "204":
+          description: The lending is successfully ended.
+        "401":
+          $ref: "#/components/responses/Error401"
+        "403":
+          description: Forbidden – you do not have an open lending
+          content:
+            application/json:
+              schema:
+                $ref: "#/components/schemas/Error"
+        "404":
+          $ref: "#/components/responses/Error404"
+        "500":
+          $ref: "#/components/responses/Error500"
+      tags:
+        - Lending
+      operationId: delete_books_bookID_lending
+      description: End a lending (return a book)
+  /lookup:
+    post:
+      requestBody:
+        content:
+          application/json:
+            schema:
+              $ref: "#/components/schemas/Scan"
+
+        description: Request body for POST /lookup
+      responses:
+        "200":
+          description: Looked up book
+          content:
+            application/json:
+              schema:
+                $ref: "#/components/schemas/BookRequest"
+        "401":
+          $ref: "#/components/responses/Error401"
+        "404":
+          $ref: "#/components/responses/Error404"
+        "500":
+          $ref: "#/components/responses/Error500"
+      tags:
+        - Lookup
+      operationId: post_lookup
+      description: POST operation for /lookup

template/01_Dokumentation/02_Teil2/05_Realisierung/01_backend.typ

@@ -0,0 +1,47 @@
+#import "@preview/wrap-it:0.1.1": wrap-content
+#import "@local/chfoit-ipa:0.0.0": term
+#import "@preview/fletcher:0.5.1": diagram, edge, node
+
+== Backend
+
+#lorem(200)
+
+// Beispiel:
+//
+//#wrap-content(
+//   box(inset: (right: 1em, bottom: -4em), width: 16em, figure(
+//     image("../../../02_Grafiken/placeholder.png"),
+//     caption: [Übersicht über die Backend-Verzeichnisstruktur],
+//   )),
+//   align: top + left,
+// )[
+//   === Unterteilung
+//
+//   Beschreibung der Verzeichnisstruktur und der Unterteilung des Backends.
+//   Die Struktur folgt den etablierten Konventionen des verwendeten
+//   Backend-Frameworks.
+// ]
+//
+// === Konfiguration
+//
+// Das Backend kann über verschiedene Wege konfiguriert werden, z. B. über
+// Umgebungsvariablen oder eine Konfigurationsdatei. Sensible Werte wie
+// Zugangsdaten oder Secrets dürfen niemals im Quellcode oder in der
+// Dokumentation abgelegt werden.
+//
+// ==== Umgebungsvariablen
+//
+// In @fig-env-config sind die verfügbaren Umgebungsvariablen aufgelistet.
+//
+// #figure(
+//   table(
+//     columns: (auto, 1fr, 1fr),
+//     [Name], [Standard Wert], [Beschreibung],
+//     [APP_PORT], [8080], [Port, auf dem das Backend läuft],
+//     [APP_LOG_LEVEL], [info], [DEBUG, INFO, WARN oder ERROR],
+//     [APP_DB_DSN],
+//     [host=localhost user=postgres password=password dbname=app port=5432 sslmode=disable],
+//     [Data Source Name / Connection string für die Datenbank],
+//   ),
+//   caption: [Übersicht der Umgebungsvariablen],
+// )<fig-env-config>

template/01_Dokumentation/02_Teil2/05_Realisierung/02_frontend.typ

@@ -0,0 +1,37 @@
+#import "@preview/wrap-it:0.1.1": wrap-content
+#import "@local/chfoit-ipa:0.0.0": acronym
+#import "@preview/fletcher:0.5.1": diagram, edge, node
+
+
+== Frontend
+
+
+#lorem(200)
+
+//
+// #wrap-content(
+//   box(width: 20em, inset: (right: 1em, bottom: -4em), figure(
+//     image("../../../02_Grafiken/placeholder.png"),
+//     caption: [Übersicht über die Frontend-Verzeichnisstruktur],
+//   )),
+//
+//   align: top + left,
+// )[
+//   === Unterteilung
+//
+//   Das Frontend ist in wiederverwendbare Komponenten, Seiten (Routen) und
+//   geteilte Services bzw. Interfaces unterteilt.
+//
+//   ==== Komponenten
+//   Im Verzeichnis `components` befinden sich wiederverwendbare
+//   GUI-Komponenten.
+//
+//   ==== Routen
+//   Im Verzeichnis `routes` sind die Seiten der Applikation. Sie sind in
+//   derselben hierarchischen Struktur wie die Routen der Applikation
+//   abgelegt, damit es übersichtlich bleibt.
+//
+//   ==== Shared
+//   Im Verzeichnis `shared` befinden sich die über die Applikation geteilten
+//   Interfaces, Services und Interceptors.
+// ]

template/01_Dokumentation/02_Teil2/05_Realisierung/03_tests.typ

@@ -0,0 +1,40 @@
+#import "@local/chfoit-ipa:0.0.0": test
+#let testProtocol = test.protocoll
+
+== Tests
+
+// Beispiel:
+//
+//In diesem Abschnitt werden die Resultate der durchgeführten Tests protokolliert.
+//
+// === Unittests Backend
+//
+// #figure(table(
+//   columns: (auto, auto, auto),
+//   [Status], [Paket], [Abdeckung],
+//   [ok], [backend/application], [93.6%],
+//   [ok], [backend/auth], [84.5%],
+//   [ok], [backend/user], [100.0%],
+// ))
+//
+// Die totale Testabdeckung beträgt: 69.7%
+//
+// === Unittests Frontend
+//
+// #figure(table(
+//   columns: (auto, 1fr, auto),
+//   [Status], [Paket], [Abdeckung #footnote[ der Statements]],
+//   [ok], [src/app], [88.88%],
+//   [ok], [src/app/shared/services], [46.53%],
+//   [ok], [src/environments], [100%],
+// ))
+//
+// Die totale Testabdeckung beträgt: 64.37%
+//
+// === Akzeptanztests
+//
+// #let test = testProtocol.with(tester: "Max Mustermann", date: datetime(day: 1, month: 3, year: 2026))
+//
+// #test(case: "TC-1")[
+//   Beschreibung des Akzeptanztestfalls.
+// ]

template/01_Dokumentation/02_Teil2/05_Realisierung/04_Abschluss/index.typ

@@ -0,0 +1,50 @@
+= Projektschlussbeurteilung
+
+// == Vergleich Ist/Soll
+//
+// === Anforderungen
+//
+// #let ok = table.cell(fill: green.lighten(55%))[Erfüllt]
+// #let notOk = table.cell(fill: red.lighten(55%))[Nicht Erfüllt]
+// #figure(
+//   table(
+//     columns: (6.8em, 1fr, 2.5em, auto),
+//     [ID],
+//     [Anforderung],
+//     [Art #footnote[Art = Anforderungsart: G = Geschäftsorganisation, F = Funktional, Q = Qualität, S = Sicherheit, M = Migration,
+//         A = Architektur, B = Betrieb, K = Konformität (Gesetzgebung, Weisungswesen, Normen und Richtlinien)]],
+//     [Erfüllungsstatus],
+//
+//     [@req-a1], [Beschreibung der Anforderung], [F], ok,
+//   ),
+//   caption: [Erfüllung der Anforderungen],
+// )
+//
+// === Ziele
+//
+// In der Initialisierungsphase (@ziele) wurden Ziele definiert.
+//
+// #let ok = table.cell(fill: green.lighten(55%))[Erreicht]
+// #let notOk = table.cell(fill: red.lighten(55%))[Nicht Erreicht]
+//
+// ==== Produktziele
+//
+// #figure(
+//   table(
+//     columns: (2em, 1fr, auto, 1fr),
+//     [Nr.], [Ziel], [Erreicht], [Kommentar],
+//     [1], [Beschreibung des Produktziels.], ok, [],
+//   ),
+//   caption: [Erfüllung der Produktziele],
+// )
+//
+// ==== Projektvorgehensziele
+//
+// #figure(
+//   table(
+//     columns: (2em, 1fr, auto, 1fr),
+//     [Nr.], [Ziel], [Erreicht], [Kommentar],
+//     [1], [Beschreibung des Projektvorgehensziels.], ok, [],
+//   ),
+//   caption: [Erfüllung der Projektvorgehensziele],
+// )

template/01_Dokumentation/02_Teil2/05_Realisierung/index.typ

@@ -0,0 +1,34 @@
+#import "@preview/wrap-it:0.1.1": wrap-content
+#import "@local/chfoit-ipa:0.0.0": acronym, term
+
+= Realisierung
+
+In diesem Teil wird auf die Umsetzung eingegangen.
+
+#include "01_backend.typ"
+#include "02_frontend.typ"
+
+
+== Entwicklung
+
+=== Abhängigkeiten
+
+// Beschreibe die tools die zum entwickeln gebraucht werden.
+
+=== Applikation starten
+
+// Beschreibe folgendes:
+//  - Herunterladen ders repository
+//  - Starten der Applikation
+//
+// Am besten mit code bläcken
+#figure(
+  ```sh
+    echo "example"
+  ```,
+  caption: [Applikation starten],
+)
+=== Applikation stoppen
+
+
+#include "03_tests.typ"

template/01_Dokumentation/02_Teil2/index.typ

@@ -0,0 +1,7 @@
+
+#include "./01_Kurzfassung.typ"
+#include "./02_Einführung.typ"
+#include "./03_Initialisierung/index.typ"
+#include "./04_Konzept/index.typ"
+#include "./05_Realisierung/index.typ"
+#include "./06_Abschluss/index.typ"

template/01_Dokumentation/03_Anhang/01_GespraechsProtokolle/Daily.typ

@@ -0,0 +1,13 @@
+= YYYY-MM-DD Daily
+
+Ort: Teams \
+Datum: YYYY-MM-DD \
+Beteiligte Personen: MM, VF
+
+
+Besprochene Punkte:
+- Aktueller Projektstand
+- Termine machen
+  - Daily
+  - Expertenbesuche
+- Nächste Schritte festlegen

template/01_Dokumentation/03_Anhang/01_GespraechsProtokolle/Expertenbesuch1.typ

@@ -0,0 +1,39 @@
+= Expertenbesuch 1
+
+Ort: Eichenweg 1\
+Datum: 2026-XX-XX \
+Beteiligte Personen: MM, VF
+
+
+- Vorstellung der Expertin / des Experten
+- Präsentation des Arbeitsplatzes
+
+
+== Protokollführung
+
+- Muss nicht wortwörtlich sein.
+- Muss enthalten:
+  - Abmachungen
+  - Entscheide
+  - Tipps
+- Protokoll für Expertenbesuch & Zeitplan -> auf PkOrg hochladen
+
+
+== Infos fürs weitere Vorgehen:
+
+- Ausdrucken der Kriterien
+  - Auch schon vor der IPA
+- Abgabe der IPA muss frühzeitig passieren.
+- Eventuell wollen Expert:innen den Code als ZIP
+- 2. Expertenbesuch
+  - Präsentationstermin fixen
+
+== Anpassungen für den Zeitplan
+
+- Meilensteine in einer anderen Farbe
+
+== Anpassungen für Tagesjournale
+
+- Sollten sachlicher sein.
+- Hilfestellungen sollten detaillierter sein als bis anhin.
+- Sollten alles beinhalten (wie auf dem Zeitplan).

template/01_Dokumentation/03_Anhang/01_GespraechsProtokolle/Expertenbesuch2.typ

@@ -0,0 +1,24 @@
+= Expertenbesuch 2
+
+== Projektstand und Fachgespräch
+Die Abnahmetermine liegen aktuell im vorgegebenen Zeitplan. Im Hinblick auf das kommende Fachgespräch wurden zentrale Aspekte des Projektmanagements erörtert. Ein Fokus liegt dabei auf dem Vergleich zwischen den HERMES-Versionen *5.1* und *2022* sowie der Identifikation der obligatorischen Phasen.
+
+Auf technischer Ebene wurden verschiedene Konzepte diskutiert, insbesondere:
+- *Locking-Strategien:* Der Unterschied zwischen pessimistischem und optimistischem Locking.
+- *YAGNI-Prinzip:* Vermeidung von Overengineering.
+- *Administration:* Die korrekte Führung von Journal und Zeiterfassung.
+
+== Reflexion: Erfolge und Misserfolge
+In der bisherigen Projektphase konnte verzeichnet werden, dass die bestehende Infrastruktur stabil blieb. Demgegenüber steht ein aktueller Zeitrückstand, der vor allem auf die unzureichende Einplanung von Recherchezeiten zurückzuführen ist.
+
+== Anforderungen an Präsentation und Demo
+Die Präsentation wird standardmässig mit *PowerPoint* erwartet, kann jedoch durch analoge Medien ergänzt werden. Methodisch wird der Einsatz von Hilfsmitteln wie Pointern und "Black Pages" empfohlen, um den Fokus auf den Vergleich zwischen dem Ist-Zustand ("Heute") und dem Soll-Zustand ("Morgen") zu lenken.
+
+Die anschliessende System-Demo ist auf eine Dauer von *fünf Minuten* begrenzt.
+
+== Wichtige Hinweise für den Abschluss
+- *Konsistenz:* Es ist zwingend darauf zu achten, dass das Arbeitsjournal und der Zeitplan keine Widersprüche aufweisen.
+- *Kommunikation:* Im Fachgespräch ist direkt auf die Fragen der Experten zu antworten; subjektive Meinungsäusserungen sollten vermieden werden.
+- *Toolchain:* Die Verwendung von *Typst* für die Dokumentation muss explizit mit der Expertin oder dem Experten abgestimmt werden.
+
+Die abschliessende Bewertung erfolgt im Dialog mit dem Praxisbildner.

template/01_Dokumentation/03_Anhang/01_GespraechsProtokolle/index.typ

@@ -0,0 +1,7 @@
+== Gesprächsprotokolle
+#{
+  set heading(offset: 2)
+  include "Daily.typ"
+  include "Expertenbesuch1.typ"
+  include "Expertenbesuch2.typ"
+}

template/01_Dokumentation/03_Anhang/index.typ

@@ -0,0 +1,8 @@
+#include "./01_GespraechsProtokolle/index.typ"
+
+== Versionierung des Codes:
+
+// #figure(
+//   image("../../02_Grafiken/versions_code.png", width: 80%),
+//   caption: [Code Versionierung],
+// ) <fig-versions_code>

template/01_Dokumentation/acronyms.yaml

@@ -0,0 +1,16 @@
+API: Application Programming Interface
+CI/CD: Continuous Integration / Continuous Deployment
+CLI: Command Line Interface
+CSS: Cascading Style Sheets
+HTML: Hypertext Markup Language
+IDE: Integrated Development Environment
+JS: JavaScript
+JSON: JavaScript Object Notation
+MVP: Minimum Viable Product
+POSIX: Portable Operating System Interface
+REST: Representational State Transfer
+SQL: Structured Query Language
+TS: TypeScript
+UML: Unified Modeling Language
+YAML: YAML Ain't Markup Language
+BAB: Büro-Arbeitsplatz Bund

template/01_Dokumentation/terms.yaml

@@ -0,0 +1,8 @@
+Anforderung: Aussage über eine Eigenschaft oder Leistung eines Produktes, Prozesses oder der am Prozess beteiligten Personen.
+Anwendungsfall: (Use Case) Beschreibt die Interaktion zwischen einem Akteur und einem System zur Erreichung eines fachlichen Ziels.
+Git: Ein verteiltes Versionsverwaltungssystem zur Verfolgung von Änderungen im Quellcode.
+HERMES: Die Projektmanagementmethode für IT, Organisation und Dienstleistung im schweizerischen Umfeld.
+Phasen: Zeitliche Abschnitte eines Projekts (z. B. Initialisierung, Konzept, Realisierung, Einführung).
+Projektziel: Ein definierter Endzustand, der durch das Projekt erreicht werden soll (terminlich, finanziell, inhaltlich).
+Produktziel: Die angestrebten Eigenschaften und der Nutzen des Endergebnisses nach Projektabschluss.
+Typst: Ein modernes, Markup-basiertes Satzsystem, das als Alternative zu LaTeX entwickelt wurde.

template/01_Dokumentation/works.yaml

@@ -0,0 +1,87 @@
+bit:
+  type: Web
+  title: Bundesamt für Informatik und Telekommunikation BIT
+  url: https://bit.admin.ch
+  date: 2026-01-20
+conventional-commits:
+  type: Web
+  title: Conventional Commits
+  url: https://www.conventionalcommits.org/en/v1.0.0/
+  date: 2025-11-27
+
+hermes-online:
+  type: Web
+  title: HERMES Online
+  url: https://www.hermes.admin.ch/
+  date: 2025-11-27
+
+schutzbedarf:
+  type: Web
+  title: Beurteilung des Schutzbedarfs
+  url: https://www.ncsc.admin.ch/ncsc/de/home/dokumentation/sicherheitsvorgaben-bund/sicherheitsverfahren/beurteilung-schutzbedarf.html
+  date: 2025-11-27
+
+alte-schutzbedarfsanalyse:
+  type: Web
+  title: Alte Schutzbedarfsanalyse
+  url: https://web.archive.org/web/20231206144843/https://www.ncsc.admin.ch/ncsc/de/home/dokumentation/sicherheitsvorgaben-bund/sicherheitsverfahren/beurteilung-schutzbedarf.html
+  date: 2023-12-6
+
+grundschutz:
+  type: Web
+  title: IKT Grundschutz
+  url: https://www.ncsc.admin.ch/ncsc/de/home/dokumentation/sicherheitsvorgaben-bund/sicherheitsverfahren/grundschutz.html
+  date: 2025-11-27
+
+git:
+  type: Web
+  title: Git
+  url: https://git-scm.com/
+  date: 2025-11-27
+
+bitbucket:
+  type: Web
+  title: Bitbucket
+  url: https://bitbucket.org/product/
+  date: 2025-02-10
+
+typst:
+  type: Web
+  title: Typst
+  url: https://typst.app/
+  date: 2025-11-27
+
+libreoffice:
+  type: Web
+  title: LibreOffice
+  url: https://www.libreoffice.org/download/download-libreoffice/
+  date: 2025-11-28
+
+skim:
+  type: Web
+  title: Skim
+  url: https://skim-app.sourceforge.io/
+  date: 2025-11-27
+
+drawio:
+  type: Web
+  title: Diagrams.net
+  url: https://app.diagrams.net/
+  date: 2025-11-27
+
+chatgpt:
+  type: Web
+  title: ChatGPT
+  url: https://chatgpt.com/
+  date: 2025-02-12
+
+gemini:
+  type: Web
+  title: Gemini
+  url: https://gemini.google.com/app
+  date: 2025-02-12
+openapi-spec:
+  type: Web
+  title: OpenAPI Specification
+  url: https://swagger.io/docs/specification/v3_0/about/
+  date: 2025-02-21

template/02_Grafiken/Conventional-Commits.drawio

@@ -0,0 +1,49 @@
+<mxfile host="Electron" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/29.3.6 Chrome/140.0.7339.249 Electron/38.8.0 Safari/537.36" version="29.3.6">
+  <diagram name="Page-1" id="uVEAexy7FDdrR9v7mdBW">
+    <mxGraphModel dx="930" dy="1430" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+        <mxCell id="vWHVnHNtM6UVPYdJ8lre-1" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;rounded=0;fontFamily=Fira Mono;fontSize=20;" value="&lt;p class=&quot;p1&quot; style=&quot;margin: 0px; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-stretch: normal; line-height: normal;&quot;&gt;&lt;font style=&quot;font-size: 38px;&quot;&gt;&lt;font style=&quot;color: rgb(255, 0, 0);&quot;&gt;feat&lt;/font&gt;&lt;font style=&quot;color: rgb(0, 153, 0);&quot;&gt;(frontend)&lt;/font&gt;&lt;font style=&quot;color: rgb(0, 0, 0);&quot;&gt;:&lt;/font&gt;&lt;font color=&quot;#c2c9d6&quot;&gt; &lt;/font&gt;&lt;font style=&quot;color: rgb(0, 0, 255);&quot;&gt;add foo bar baz&lt;/font&gt;&lt;/font&gt;&lt;/p&gt;" vertex="1">
+          <mxGeometry height="20" width="810" x="20" y="20" as="geometry" />
+        </mxCell>
+        <mxCell id="vWHVnHNtM6UVPYdJ8lre-2" edge="1" parent="1" style="endArrow=none;html=1;rounded=0;startSize=20;endSize=20;strokeWidth=3;strokeColor=#FF0000;startArrow=classic;startFill=1;" value="">
+          <mxGeometry height="50" relative="1" width="50" as="geometry">
+            <Array as="points">
+              <mxPoint x="30" y="300" />
+            </Array>
+            <mxPoint x="440" y="300" as="sourcePoint" />
+            <mxPoint x="30" y="50" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vWHVnHNtM6UVPYdJ8lre-3" edge="1" parent="1" style="endArrow=none;html=1;rounded=0;startSize=20;endSize=20;strokeWidth=3;strokeColor=#009900;startArrow=classic;startFill=1;" value="">
+          <mxGeometry height="50" relative="1" width="50" as="geometry">
+            <Array as="points">
+              <mxPoint x="120" y="210" />
+            </Array>
+            <mxPoint x="440" y="210" as="sourcePoint" />
+            <mxPoint x="120" y="50" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vWHVnHNtM6UVPYdJ8lre-4" edge="1" parent="1" style="endArrow=none;html=1;rounded=0;startSize=20;endSize=20;strokeWidth=3;strokeColor=#0000FF;endFill=0;startArrow=classic;startFill=1;" value="">
+          <mxGeometry height="50" relative="1" width="50" as="geometry">
+            <Array as="points">
+              <mxPoint x="390" y="120" />
+            </Array>
+            <mxPoint x="440" y="120" as="sourcePoint" />
+            <mxPoint x="390" y="50" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vWHVnHNtM6UVPYdJ8lre-5" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;rounded=0;fontSize=20;" value="Zusammenfassung der Änderung auf Englisch im Präsens" vertex="1">
+          <mxGeometry height="80" width="280" x="450" y="80" as="geometry" />
+        </mxCell>
+        <mxCell id="vWHVnHNtM6UVPYdJ8lre-6" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;rounded=0;fontSize=20;" value="Komponente, in der die Änderung stattgefunden hat" vertex="1">
+          <mxGeometry height="80" width="240" x="450" y="170" as="geometry" />
+        </mxCell>
+        <mxCell id="vWHVnHNtM6UVPYdJ8lre-7" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;rounded=0;fontSize=20;" value="Art der Änderung:&amp;nbsp;chore, feat, fix, docs, refactor, style oder test" vertex="1">
+          <mxGeometry height="80" width="270" x="450" y="260" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>

template/02_Grafiken/Git-Flow.drawio

@@ -0,0 +1,204 @@
+<mxfile host="app.diagrams.net" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36 Edg/132.0.0.0" version="26.0.11" pages="2">
+  <diagram id="pAmi1uS5zqduoQpEX0fZ" name="Page-1">
+    <mxGraphModel dx="2874" dy="1808" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="850" pageHeight="1100" background="none" math="0" shadow="0">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+        <mxCell id="node18" value="&lt;p style=&quot;margin:0px;margin-top:4px;text-align:center;&quot;&gt;&lt;b&gt;app/app.component.ts&lt;/b&gt;&lt;/p&gt;&lt;hr size=&quot;1&quot;/&gt;&lt;p style=&quot;margin:0 0 0 4px;line-height:1.6;&quot;&gt; AppComponent: &lt;br/&gt; BrowserAnimationsModule: &lt;br/&gt; Component: &lt;br/&gt; ObMasterLayoutModule: &lt;br/&gt; TranslateModule: &lt;/p&gt;" style="verticalAlign=top;align=left;overflow=fill;fontSize=14;fontFamily=Helvetica;html=1;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeWidth=1;" parent="1" vertex="1">
+          <mxGeometry x="960" y="-50" width="176" height="144" as="geometry" />
+        </mxCell>
+        <mxCell id="node23" value="&lt;p style=&quot;margin:0px;margin-top:4px;text-align:center;&quot;&gt;&lt;b&gt;app/app.routes.ts&lt;/b&gt;&lt;/p&gt;&lt;hr size=&quot;1&quot;/&gt;&lt;p style=&quot;margin:0 0 0 4px;line-height:1.6;&quot;&gt; APP_ROUTES: &lt;br/&gt; LoginComponent: &lt;br/&gt; RequestsComponent: &lt;br/&gt; Routes: &lt;br/&gt; authGuard: &lt;/p&gt;" style="verticalAlign=top;align=left;overflow=fill;fontSize=14;fontFamily=Helvetica;html=1;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeWidth=1;" parent="1" vertex="1">
+          <mxGeometry x="644" y="290" width="150" height="144" as="geometry" />
+        </mxCell>
+        <mxCell id="node13" value="&lt;p style=&quot;margin:0px;margin-top:4px;text-align:center;&quot;&gt;&lt;b&gt;auth-form/auth-form.component.ts&lt;/b&gt;&lt;/p&gt;&lt;hr size=&quot;1&quot;&gt;&lt;p style=&quot;margin:0 0 0 4px;line-height:1.6;&quot;&gt;&lt;br&gt;&lt;/p&gt;" style="verticalAlign=top;align=left;overflow=fill;fontSize=14;fontFamily=Helvetica;html=1;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeWidth=1;" parent="1" vertex="1">
+          <mxGeometry x="600" y="-340" width="238" height="413" as="geometry" />
+        </mxCell>
+        <mxCell id="node33" value="&lt;p style=&quot;margin:0px;margin-top:4px;text-align:center;&quot;&gt;&lt;b&gt;auth/auth.guard.ts&lt;/b&gt;&lt;/p&gt;&lt;hr size=&quot;1&quot;/&gt;&lt;p style=&quot;margin:0 0 0 4px;line-height:1.6;&quot;&gt; AuthService: &lt;br/&gt; CanActivateFn: &lt;br/&gt; Router: &lt;br/&gt; authGuard: &lt;br/&gt; inject: &lt;/p&gt;" style="verticalAlign=top;align=left;overflow=fill;fontSize=14;fontFamily=Helvetica;html=1;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeWidth=1;" parent="1" vertex="1">
+          <mxGeometry x="-230" y="-100" width="139" height="144" as="geometry" />
+        </mxCell>
+        <mxCell id="node19" value="&lt;p style=&quot;margin:0px;margin-top:4px;text-align:center;&quot;&gt;&lt;b&gt;auth/auth.interceptor.ts&lt;/b&gt;&lt;/p&gt;&lt;hr size=&quot;1&quot;/&gt;&lt;p style=&quot;margin:0 0 0 4px;line-height:1.6;&quot;&gt; AuthService: &lt;br/&gt; HttpInterceptorFn: &lt;br/&gt; authInterceptor: &lt;br/&gt; inject: &lt;/p&gt;" style="verticalAlign=top;align=left;overflow=fill;fontSize=14;fontFamily=Helvetica;html=1;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeWidth=1;" parent="1" vertex="1">
+          <mxGeometry x="440" y="1210" width="170" height="122" as="geometry" />
+        </mxCell>
+        <mxCell id="node34" value="&lt;p style=&quot;margin:0px;margin-top:4px;text-align:center;&quot;&gt;&lt;b&gt;auth/auth.service.ts&lt;/b&gt;&lt;/p&gt;&lt;hr size=&quot;1&quot;/&gt;&lt;p style=&quot;margin:0 0 0 4px;line-height:1.6;&quot;&gt; AuthService: &lt;br/&gt; Injectable: &lt;/p&gt;" style="verticalAlign=top;align=left;overflow=fill;fontSize=14;fontFamily=Helvetica;html=1;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeWidth=1;" parent="1" vertex="1">
+          <mxGeometry x="-234" y="150" width="147" height="79" as="geometry" />
+        </mxCell>
+        <mxCell id="node0" value="&lt;p style=&quot;margin:0px;margin-top:4px;text-align:center;&quot;&gt;&lt;b&gt;login/login.component.ts&lt;/b&gt;&lt;/p&gt;&lt;hr size=&quot;1&quot;/&gt;&lt;p style=&quot;margin:0 0 0 4px;line-height:1.6;&quot;&gt; AuthFormComponent: &lt;br/&gt; Component: &lt;br/&gt; LoginComponent: &lt;br/&gt; MatFormField: &lt;br/&gt; MatInputModule: &lt;/p&gt;" style="verticalAlign=top;align=left;overflow=fill;fontSize=14;fontFamily=Helvetica;html=1;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeWidth=1;" parent="1" vertex="1">
+          <mxGeometry x="632" y="110" width="174" height="144" as="geometry" />
+        </mxCell>
+        <mxCell id="node1" value="&lt;p style=&quot;margin:0px;margin-top:4px;text-align:center;&quot;&gt;&lt;b&gt;request-table/request-table.component.ts&lt;/b&gt;&lt;/p&gt;&lt;hr size=&quot;1&quot;/&gt;&lt;p style=&quot;margin:0 0 0 4px;line-height:1.6;&quot;&gt; Component: &lt;br/&gt; FormatQueryPipe: &lt;br/&gt; MatTableModule: &lt;br/&gt; OnInit: &lt;br/&gt; Request: &lt;br/&gt; RequestService: &lt;br/&gt; RequestTableComponent: &lt;br/&gt; inject: &lt;/p&gt;" style="verticalAlign=top;align=left;overflow=fill;fontSize=14;fontFamily=Helvetica;html=1;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeWidth=1;" parent="1" vertex="1">
+          <mxGeometry x="578" y="630" width="282" height="193" as="geometry" />
+        </mxCell>
+        <mxCell id="node20" value="&lt;p style=&quot;margin:0px;margin-top:4px;text-align:center;&quot;&gt;&lt;b&gt;request/format-query.pipe.ts&lt;/b&gt;&lt;/p&gt;&lt;hr size=&quot;1&quot;/&gt;&lt;p style=&quot;margin:0 0 0 4px;line-height:1.6;&quot;&gt; FormatQueryPipe: &lt;br/&gt; Pipe: &lt;br/&gt; PipeTransform: &lt;/p&gt;" style="verticalAlign=top;align=left;overflow=fill;fontSize=14;fontFamily=Helvetica;html=1;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeWidth=1;" parent="1" vertex="1">
+          <mxGeometry x="644" y="920" width="204" height="100" as="geometry" />
+        </mxCell>
+        <mxCell id="node39" value="&lt;p style=&quot;margin:0px;margin-top:4px;text-align:center;&quot;&gt;&lt;b&gt;request/request.model.ts&lt;/b&gt;&lt;/p&gt;&lt;hr size=&quot;1&quot;/&gt;&lt;p style=&quot;margin:0 0 0 4px;line-height:1.6;&quot;&gt; Request: &lt;/p&gt;" style="verticalAlign=top;align=left;overflow=fill;fontSize=14;fontFamily=Helvetica;html=1;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeWidth=1;" parent="1" vertex="1">
+          <mxGeometry x="400" y="860" width="180" height="57" as="geometry" />
+        </mxCell>
+        <mxCell id="node38" value="&lt;p style=&quot;margin:0px;margin-top:4px;text-align:center;&quot;&gt;&lt;b&gt;request/request.service.ts&lt;/b&gt;&lt;/p&gt;&lt;hr size=&quot;1&quot;/&gt;&lt;p style=&quot;margin:0 0 0 4px;line-height:1.6;&quot;&gt; HttpClient: &lt;br/&gt; Injectable: &lt;br/&gt; Observable: &lt;br/&gt; Request: &lt;br/&gt; RequestService: &lt;br/&gt; inject: &lt;/p&gt;" style="verticalAlign=top;align=left;overflow=fill;fontSize=14;fontFamily=Helvetica;html=1;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeWidth=1;" parent="1" vertex="1">
+          <mxGeometry x="210" y="650" width="187" height="153" as="geometry" />
+        </mxCell>
+        <mxCell id="node31" value="&lt;p style=&quot;margin:0px;margin-top:4px;text-align:center;&quot;&gt;&lt;b&gt;requests/requests.component.ts&lt;/b&gt;&lt;/p&gt;&lt;hr size=&quot;1&quot;/&gt;&lt;p style=&quot;margin:0 0 0 4px;line-height:1.6;&quot;&gt; Component: &lt;br/&gt; RequestTableComponent: &lt;br/&gt; RequestsComponent: &lt;/p&gt;" style="verticalAlign=top;align=left;overflow=fill;fontSize=14;fontFamily=Helvetica;html=1;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeWidth=1;" parent="1" vertex="1">
+          <mxGeometry x="626" y="446.5" width="224" height="100" as="geometry" />
+        </mxCell>
+        <mxCell id="node4" value="&lt;p style=&quot;margin:0px;margin-top:4px;text-align:center;&quot;&gt;&lt;b&gt;src/main.ts&lt;/b&gt;&lt;/p&gt;&lt;hr size=&quot;1&quot;/&gt;&lt;p style=&quot;margin:0 0 0 4px;line-height:1.6;&quot;&gt; APP_ROUTES: &lt;br/&gt; AppComponent: &lt;br/&gt; HTTP_INTERCEPTORS: &lt;br/&gt; LOCALE_ID: &lt;br/&gt; ObHttpApiInterceptor: &lt;br/&gt; ObIconModule: &lt;br/&gt; ObMasterLayoutConfig: &lt;br/&gt; PreloadAllModules: &lt;br/&gt; TranslateModule: &lt;br/&gt; WINDOW: &lt;br/&gt; authInterceptor: &lt;br/&gt; bootstrapApplication: &lt;br/&gt; importProvidersFrom: &lt;br/&gt; localeDECH: &lt;br/&gt; localeENGB: &lt;br/&gt; localeFRCH: &lt;br/&gt; localeITCH: &lt;br/&gt; multiTranslateLoader: &lt;br/&gt; provideAnimations: &lt;br/&gt; provideHttpClient: &lt;br/&gt; provideRouter: &lt;br/&gt; registerLocaleData: &lt;br/&gt; withDebugTracing: &lt;br/&gt; withInterceptors: &lt;br/&gt; withInterceptorsFromDi: &lt;br/&gt; withPreloading: &lt;/p&gt;" style="verticalAlign=top;align=left;overflow=fill;fontSize=14;fontFamily=Helvetica;html=1;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeWidth=1;" parent="1" vertex="1">
+          <mxGeometry x="1050" y="220" width="163" height="553" as="geometry" />
+        </mxCell>
+        <mxCell id="edge15" value="" style="html=1;rounded=1;;dashed=0;startArrow=classic;startSize=12;endArrow=none;strokeColor=#595959;" parent="1" source="node23" target="node33" edge="1">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="edge50" value="" style="html=1;rounded=1;;dashed=0;startArrow=classic;startSize=12;endArrow=none;strokeColor=#595959;" parent="1" source="node23" target="node0" edge="1">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="edge19" value="" style="html=1;rounded=1;;dashed=0;startArrow=classic;startSize=12;endArrow=none;strokeColor=#595959;" parent="1" source="node23" target="node31" edge="1">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="edge3" value="" style="html=1;rounded=1;;dashed=0;startArrow=classic;startSize=12;endArrow=none;strokeColor=#595959;" parent="1" source="node13" target="node34" edge="1">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="edge56" value="" style="html=1;rounded=1;;dashed=0;startArrow=classic;startSize=12;endArrow=none;strokeColor=#595959;" parent="1" source="node33" target="node34" edge="1">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="edge74" value="" style="html=1;rounded=1;;dashed=0;startArrow=classic;startSize=12;endArrow=none;strokeColor=#595959;entryX=0.628;entryY=1.000;entryDx=0;entryDy=0;" parent="1" source="node19" target="node34" edge="1">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="edge94" value="" style="html=1;rounded=1;;dashed=0;startArrow=classic;startSize=12;endArrow=none;strokeColor=#595959;" parent="1" source="node0" target="node13" edge="1">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="edge48" value="" style="html=1;rounded=1;;dashed=0;startArrow=classic;startSize=12;endArrow=none;strokeColor=#595959;" parent="1" source="node1" target="node20" edge="1">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="edge14" value="" style="html=1;rounded=1;;dashed=0;startArrow=classic;startSize=12;endArrow=none;strokeColor=#595959;exitX=0.486;exitY=1.000;exitDx=0;exitDy=0;entryX=0.506;entryY=0.000;entryDx=0;entryDy=0;" parent="1" source="node1" target="node39" edge="1">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="edge17" value="" style="html=1;rounded=1;;dashed=0;startArrow=classic;startSize=12;endArrow=none;strokeColor=#595959;" parent="1" source="node1" target="node38" edge="1">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="edge9" value="" style="html=1;rounded=1;;dashed=0;startArrow=classic;startSize=12;endArrow=none;strokeColor=#595959;" parent="1" source="node38" target="node39" edge="1">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="edge103" value="" style="html=1;rounded=1;;dashed=0;startArrow=classic;startSize=12;endArrow=none;strokeColor=#595959;exitX=0.516;exitY=1.000;exitDx=0;exitDy=0;entryX=0.473;entryY=0.000;entryDx=0;entryDy=0;" parent="1" source="node31" target="node1" edge="1">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="edge27" value="" style="html=1;rounded=1;;dashed=0;startArrow=classic;startSize=12;endArrow=none;strokeColor=#595959;" parent="1" source="node4" target="node18" edge="1">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="edge83" value="" style="html=1;rounded=1;;dashed=0;startArrow=classic;startSize=12;endArrow=none;strokeColor=#595959;entryX=1.000;entryY=0.611;entryDx=0;entryDy=0;" parent="1" source="node4" target="node23" edge="1">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="edge98" value="" style="html=1;rounded=1;;dashed=0;startArrow=classic;startSize=12;endArrow=none;strokeColor=#595959;" parent="1" source="node4" target="node19" edge="1">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+  <diagram id="0URLcGRnFhtR-RyUwsXH" name="Page-2">
+    <mxGraphModel dx="575" dy="327" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+        <mxCell id="67QRgPurPpMTbLIEhQDk-1" value="" style="endArrow=none;html=1;rounded=0;" edge="1" parent="1" source="67QRgPurPpMTbLIEhQDk-10">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <mxPoint x="120" y="59.79" as="sourcePoint" />
+            <mxPoint x="390" y="60" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="67QRgPurPpMTbLIEhQDk-2" value="main" style="text;align=center;verticalAlign=middle;resizable=1;points=[];autosize=1;strokeColor=none;fillColor=none;html=1;movable=1;rotatable=1;deletable=1;editable=1;locked=0;connectable=1;" vertex="1" parent="1">
+          <mxGeometry x="55" y="40" width="40" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="67QRgPurPpMTbLIEhQDk-4" value="feat/PBI-XYZ" style="text;align=center;verticalAlign=middle;resizable=1;points=[];autosize=1;strokeColor=none;fillColor=none;html=1;movable=1;rotatable=1;deletable=1;editable=1;locked=0;connectable=1;" vertex="1" parent="1">
+          <mxGeometry x="30" y="85" width="90" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="67QRgPurPpMTbLIEhQDk-5" value="" style="endArrow=none;html=1;rounded=0;" edge="1" parent="1" source="67QRgPurPpMTbLIEhQDk-9">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <mxPoint x="120" y="99.78999999999999" as="sourcePoint" />
+            <mxPoint x="390" y="100" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="67QRgPurPpMTbLIEhQDk-8" value="" style="endArrow=none;html=1;rounded=0;" edge="1" parent="1" target="67QRgPurPpMTbLIEhQDk-7">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <mxPoint x="120" y="99.78999999999999" as="sourcePoint" />
+            <mxPoint x="440" y="99.78999999999999" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="67QRgPurPpMTbLIEhQDk-7" value="" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;" vertex="1" parent="1">
+          <mxGeometry x="200" y="85" width="30" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="67QRgPurPpMTbLIEhQDk-10" value="" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;" vertex="1" parent="1">
+          <mxGeometry x="340" y="45" width="30" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="67QRgPurPpMTbLIEhQDk-11" value="" style="endArrow=none;html=1;rounded=0;" edge="1" parent="1" source="67QRgPurPpMTbLIEhQDk-6" target="67QRgPurPpMTbLIEhQDk-10">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <mxPoint x="120" y="59.79" as="sourcePoint" />
+            <mxPoint x="440" y="59.79" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="67QRgPurPpMTbLIEhQDk-12" value="" style="endArrow=none;html=1;rounded=0;" edge="1" parent="1" target="67QRgPurPpMTbLIEhQDk-6">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <mxPoint x="120" y="59.79" as="sourcePoint" />
+            <mxPoint x="360" y="60" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="67QRgPurPpMTbLIEhQDk-6" value="" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;" vertex="1" parent="1">
+          <mxGeometry x="130" y="45" width="30" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="67QRgPurPpMTbLIEhQDk-13" value="" style="endArrow=none;html=1;rounded=0;" edge="1" parent="1" source="67QRgPurPpMTbLIEhQDk-7" target="67QRgPurPpMTbLIEhQDk-9">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <mxPoint x="230" y="100" as="sourcePoint" />
+            <mxPoint x="440" y="99.78999999999999" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="67QRgPurPpMTbLIEhQDk-9" value="" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;" vertex="1" parent="1">
+          <mxGeometry x="270" y="85" width="30" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="67QRgPurPpMTbLIEhQDk-14" value="" style="endArrow=classic;html=1;rounded=0;" edge="1" parent="1" source="67QRgPurPpMTbLIEhQDk-6" target="67QRgPurPpMTbLIEhQDk-7">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <mxPoint x="400" y="200" as="sourcePoint" />
+            <mxPoint x="450" y="150" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="67QRgPurPpMTbLIEhQDk-15" value="" style="endArrow=classic;html=1;rounded=0;" edge="1" parent="1" source="67QRgPurPpMTbLIEhQDk-7" target="67QRgPurPpMTbLIEhQDk-9">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <mxPoint x="400" y="200" as="sourcePoint" />
+            <mxPoint x="450" y="150" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="67QRgPurPpMTbLIEhQDk-17" value="" style="endArrow=classic;html=1;rounded=0;" edge="1" parent="1" source="67QRgPurPpMTbLIEhQDk-9" target="67QRgPurPpMTbLIEhQDk-10">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <mxPoint x="280" y="160" as="sourcePoint" />
+            <mxPoint x="330" y="110" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>

template/02_Grafiken/future-overview.drawio

@@ -0,0 +1,49 @@
+<mxfile host="Electron" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/29.0.3 Chrome/140.0.7339.249 Electron/38.7.0 Safari/537.36" version="29.0.3">
+  <diagram name="Page-1" id="Ad3Y4pDfi6w6hhVWHxiW">
+    <mxGraphModel dx="1452" dy="967" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+        <mxCell id="5ghOR48_7e4-En-8zQ27-6" value="Set Authorisations" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="5ghOR48_7e4-En-8zQ27-2" target="5ghOR48_7e4-En-8zQ27-4">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="5ghOR48_7e4-En-8zQ27-2" value="AMS" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="30" y="150" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="5ghOR48_7e4-En-8zQ27-12" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.75;entryY=1;entryDx=0;entryDy=0;" edge="1" parent="1" source="5ghOR48_7e4-En-8zQ27-4" target="5ghOR48_7e4-En-8zQ27-10">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="5ghOR48_7e4-En-8zQ27-13" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="5ghOR48_7e4-En-8zQ27-4" target="5ghOR48_7e4-En-8zQ27-8">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="5ghOR48_7e4-En-8zQ27-14" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="5ghOR48_7e4-En-8zQ27-4" target="5ghOR48_7e4-En-8zQ27-9">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="5ghOR48_7e4-En-8zQ27-15" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="5ghOR48_7e4-En-8zQ27-4" target="5ghOR48_7e4-En-8zQ27-11">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="5ghOR48_7e4-En-8zQ27-16" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="5ghOR48_7e4-En-8zQ27-4" target="5ghOR48_7e4-En-8zQ27-7">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="5ghOR48_7e4-En-8zQ27-4" value="Translation&lt;div&gt;App&lt;/div&gt;" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="290" y="140" width="120" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="5ghOR48_7e4-En-8zQ27-7" value="App" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="300" y="270" width="70" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="5ghOR48_7e4-En-8zQ27-8" value="App" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="390" y="10" width="70" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="5ghOR48_7e4-En-8zQ27-9" value="App" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="440" y="100" width="70" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="5ghOR48_7e4-En-8zQ27-10" value="App" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="270" y="40" width="70" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="5ghOR48_7e4-En-8zQ27-11" value="App" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="430" y="220" width="70" height="60" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>

template/02_Grafiken/mockup_template.drawio

@@ -0,0 +1,76 @@
+<mxfile host="Electron" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/29.3.6 Chrome/140.0.7339.249 Electron/38.8.0 Safari/537.36" version="29.3.6">
+  <diagram name="Page-1" id="jQV6cwFY6zP2osKTjZPb">
+    <mxGraphModel dx="930" dy="1430" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0" adaptiveColors="none">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+        <mxCell id="2T8pLJCnUbLX6XRgvneg-3" connectable="0" parent="1" style="group" value="" vertex="1">
+          <mxGeometry height="30" width="850" y="760" as="geometry" />
+        </mxCell>
+        <mxCell id="2T8pLJCnUbLX6XRgvneg-1" parent="2T8pLJCnUbLX6XRgvneg-3" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#2F4356;fillColor=#263645;" value="" vertex="1">
+          <mxGeometry height="30" width="850" as="geometry" />
+        </mxCell>
+        <mxCell id="2T8pLJCnUbLX6XRgvneg-2" parent="2T8pLJCnUbLX6XRgvneg-3" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=right;verticalAlign=middle;rounded=0;fontColor=#FFFFFF;" value="&lt;div class=&quot;ob-footer-item ob-footer-item-info&quot;&gt;&lt;p&gt;&amp;nbsp;© 2024 Bundesamt für Informatik und Telekommunikation BIT&amp;nbsp;&lt;/p&gt;&lt;/div&gt;" vertex="1">
+          <mxGeometry height="20" width="360" x="484" y="5" as="geometry" />
+        </mxCell>
+        <mxCell id="2T8pLJCnUbLX6XRgvneg-4" connectable="0" parent="1" style="group" value="" vertex="1">
+          <mxGeometry height="60" width="850" as="geometry" />
+        </mxCell>
+        <mxCell id="rtz8Y9xaqakTJDMib3S0-2" parent="2T8pLJCnUbLX6XRgvneg-4" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#DFE4E9;" value="" vertex="1">
+          <mxGeometry height="60" width="850" as="geometry" />
+        </mxCell>
+        <mxCell id="rtz8Y9xaqakTJDMib3S0-1" parent="2T8pLJCnUbLX6XRgvneg-4" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/png,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 truncated
+          <mxGeometry height="38" width="156" x="10" y="11" as="geometry" />
+        </mxCell>
+        <mxCell id="rtz8Y9xaqakTJDMib3S0-3" parent="2T8pLJCnUbLX6XRgvneg-4" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;rotation=-45;" value="TEST" vertex="1">
+          <mxGeometry height="20" width="54.39" x="10.82" y="21.98" as="geometry" />
+        </mxCell>
+        <mxCell id="rtz8Y9xaqakTJDMib3S0-4" parent="2T8pLJCnUbLX6XRgvneg-4" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;rounded=0;" value="user@bit.admin.ch" vertex="1">
+          <mxGeometry height="30" width="120" x="620" y="15" as="geometry" />
+        </mxCell>
+        <mxCell id="rtz8Y9xaqakTJDMib3S0-6" parent="2T8pLJCnUbLX6XRgvneg-4" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/png,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 truncated
+          <mxGeometry height="49.16" width="64" x="780" y="5.42" as="geometry" />
+        </mxCell>
+        <mxCell id="rtz8Y9xaqakTJDMib3S0-7" parent="2T8pLJCnUbLX6XRgvneg-4" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;rounded=0;fontSize=24;" value="Application Name" vertex="1">
+          <mxGeometry height="30" width="244" x="166" y="15" as="geometry" />
+        </mxCell>
+        <mxCell id="AzEw4Oox6lWZ0eyIWecD-1" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#596978;strokeColor=none;fontColor=#FFFFFF;verticalAlign=middle;arcSize=5;" value="Primary" vertex="1">
+          <mxGeometry height="30" width="80" x="89" y="159" as="geometry" />
+        </mxCell>
+        <mxCell id="AzEw4Oox6lWZ0eyIWecD-2" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#2F4356;fontColor=#2F4356;verticalAlign=middle;arcSize=5;" value="Secondary" vertex="1">
+          <mxGeometry height="30" width="80" x="89" y="199" as="geometry" />
+        </mxCell>
+        <mxCell id="AzEw4Oox6lWZ0eyIWecD-3" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=none;fontColor=#2F4356;verticalAlign=middle;arcSize=5;" value="Tertiary" vertex="1">
+          <mxGeometry height="30" width="80" x="89" y="239" as="geometry" />
+        </mxCell>
+        <mxCell id="AzEw4Oox6lWZ0eyIWecD-4" parent="1" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#DFE4E9;" value="" vertex="1">
+          <mxGeometry height="31" width="850" y="60" as="geometry" />
+        </mxCell>
+        <mxCell id="AzEw4Oox6lWZ0eyIWecD-5" parent="1" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=none;" value="Home" vertex="1">
+          <mxGeometry height="30" width="51" x="2" y="60.5" as="geometry" />
+        </mxCell>
+        <mxCell id="AzEw4Oox6lWZ0eyIWecD-7" edge="1" parent="1" source="AzEw4Oox6lWZ0eyIWecD-5" style="endArrow=none;html=1;rounded=0;exitX=0;exitY=1;exitDx=0;exitDy=0;entryX=1;entryY=1;entryDx=0;entryDy=0;strokeColor=#E53940;" target="AzEw4Oox6lWZ0eyIWecD-5" value="">
+          <mxGeometry height="50" relative="1" width="50" as="geometry">
+            <mxPoint x="16" y="140" as="sourcePoint" />
+            <mxPoint x="66" y="90" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="AzEw4Oox6lWZ0eyIWecD-8" parent="1" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;rounded=0;fontSize=24;fontStyle=1" value="Buttons" vertex="1">
+          <mxGeometry height="30" width="287" x="89" y="110" as="geometry" />
+        </mxCell>
+        <mxCell id="AzEw4Oox6lWZ0eyIWecD-9" parent="1" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;rounded=0;fontSize=24;fontStyle=1" value="Form Elements" vertex="1">
+          <mxGeometry height="30" width="287" x="89" y="316" as="geometry" />
+        </mxCell>
+        <mxCell id="AzEw4Oox6lWZ0eyIWecD-10" parent="1" style="rounded=1;whiteSpace=wrap;html=1;arcSize=14;align=left;fontColor=#757575;" value="Default Input" vertex="1">
+          <mxGeometry height="31" width="182" x="89" y="346" as="geometry" />
+        </mxCell>
+        <mxCell id="AzEw4Oox6lWZ0eyIWecD-11" parent="1" style="rounded=1;whiteSpace=wrap;html=1;arcSize=14;align=left;fontColor=#757575;" value="Default Select" vertex="1">
+          <mxGeometry height="31" width="182" x="89" y="396" as="geometry" />
+        </mxCell>
+        <mxCell id="AzEw4Oox6lWZ0eyIWecD-12" parent="1" style="triangle;whiteSpace=wrap;html=1;fillColor=#000000;rotation=90;" value="" vertex="1">
+          <mxGeometry height="7" width="4" x="253" y="408" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>

template/02_Grafiken/projektorganisation.drawio

@@ -0,0 +1,54 @@
+<mxfile host="Electron" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/29.0.3 Chrome/140.0.7339.249 Electron/38.7.0 Safari/537.36" version="29.0.3">
+  <diagram name="Page-1" id="7D5BdODsFkr--MVPVFyz">
+    <mxGraphModel dx="1234" dy="822" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+        <mxCell id="wi_dSl8dindKQ-yHHEx_-13" value=" Ausführung" style="whiteSpace=wrap;strokeWidth=2;align=left;verticalAlign=top;" parent="1" vertex="1">
+          <mxGeometry x="30" y="398" width="690" height="128" as="geometry" />
+        </mxCell>
+        <mxCell id="wi_dSl8dindKQ-yHHEx_-14" value=" Führung" style="whiteSpace=wrap;strokeWidth=2;verticalAlign=top;align=left;" parent="1" vertex="1">
+          <mxGeometry x="30" y="270" width="690" height="128" as="geometry" />
+        </mxCell>
+        <mxCell id="wi_dSl8dindKQ-yHHEx_-15" value=" Steuerung" style="whiteSpace=wrap;strokeWidth=2;verticalAlign=top;align=left;" parent="1" vertex="1">
+          <mxGeometry x="30" y="10" width="690" height="260" as="geometry" />
+        </mxCell>
+        <mxCell id="wi_dSl8dindKQ-yHHEx_-29" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;endArrow=none;endFill=0;strokeWidth=2;" parent="1" source="wi_dSl8dindKQ-yHHEx_-16" target="wi_dSl8dindKQ-yHHEx_-19" edge="1">
+          <mxGeometry relative="1" as="geometry">
+            <Array as="points">
+              <mxPoint x="260" y="159" />
+            </Array>
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="wi_dSl8dindKQ-yHHEx_-16" value="Qualitäts- &amp; Risikomanager:&#xa;&#xa;Experten" style="whiteSpace=wrap;strokeWidth=2;fontStyle=0" parent="1" vertex="1">
+          <mxGeometry x="50" y="120" width="190" height="78" as="geometry" />
+        </mxCell>
+        <mxCell id="wi_dSl8dindKQ-yHHEx_-26" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=none;endFill=0;" parent="1" source="wi_dSl8dindKQ-yHHEx_-17" target="wi_dSl8dindKQ-yHHEx_-19" edge="1">
+          <mxGeometry relative="1" as="geometry">
+            <Array as="points">
+              <mxPoint x="260" y="70" />
+            </Array>
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="wi_dSl8dindKQ-yHHEx_-17" value="Auftraggeber" style="whiteSpace=wrap;strokeWidth=2;" parent="1" vertex="1">
+          <mxGeometry x="300" y="30" width="190" height="78" as="geometry" />
+        </mxCell>
+        <mxCell id="wi_dSl8dindKQ-yHHEx_-28" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=none;endFill=0;" parent="1" source="wi_dSl8dindKQ-yHHEx_-18" target="wi_dSl8dindKQ-yHHEx_-17" edge="1">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="wi_dSl8dindKQ-yHHEx_-18" value="Projektausschuss" style="whiteSpace=wrap;strokeWidth=2;" parent="1" vertex="1">
+          <mxGeometry x="510" y="30" width="190" height="78" as="geometry" />
+        </mxCell>
+        <mxCell id="wi_dSl8dindKQ-yHHEx_-25" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=none;endFill=0;" parent="1" source="wi_dSl8dindKQ-yHHEx_-19" target="wi_dSl8dindKQ-yHHEx_-20" edge="1">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="wi_dSl8dindKQ-yHHEx_-19" value="Projektleiter" style="whiteSpace=wrap;strokeWidth=2;" parent="1" vertex="1">
+          <mxGeometry x="165" y="295" width="190" height="78" as="geometry" />
+        </mxCell>
+        <mxCell id="wi_dSl8dindKQ-yHHEx_-20" value="Entwickler" style="whiteSpace=wrap;strokeWidth=2;" parent="1" vertex="1">
+          <mxGeometry x="165" y="423" width="190" height="78" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>

template/02_Grafiken/risiko_matrix.drawio

@@ -0,0 +1,103 @@
+<mxfile host="Electron" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/29.0.3 Chrome/140.0.7339.249 Electron/38.7.0 Safari/537.36" version="29.0.3">
+  <diagram name="Page-1" id="U7J_GXlxRuu4X2-k22wt">
+    <mxGraphModel dx="1234" dy="822" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-1" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#6EE7B7;strokeColor=#10B981;" parent="1" vertex="1">
+          <mxGeometry x="50" y="280" width="80" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-15" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#A9E785;strokeColor=#119119;" parent="1" vertex="1">
+          <mxGeometry x="130" y="280" width="80" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-16" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#A9E785;strokeColor=#119119;" parent="1" vertex="1">
+          <mxGeometry x="50" y="200" width="80" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-18" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FCFC71;strokeColor=#F59E0B;" parent="1" vertex="1">
+          <mxGeometry x="50" y="120" width="80" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-20" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FCFC71;strokeColor=#F59E0B;" parent="1" vertex="1">
+          <mxGeometry x="210" y="280" width="80" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-11" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FCFC71;strokeColor=#F59E0B;" parent="1" vertex="1">
+          <mxGeometry x="130" y="200" width="80" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-19" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FCD34D;strokeColor=#F59E0B;" parent="1" vertex="1">
+          <mxGeometry x="50" y="40" width="80" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-21" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FCD34D;strokeColor=#F59E0B;" parent="1" vertex="1">
+          <mxGeometry x="290" y="280" width="80" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-13" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FCD34D;strokeColor=#F59E0B;" parent="1" vertex="1">
+          <mxGeometry x="210" y="200" width="80" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-22" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FCD34D;strokeColor=#F59E0B;" parent="1" vertex="1">
+          <mxGeometry x="130" y="120" width="80" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-12" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FDD474;strokeColor=#F97316;" parent="1" vertex="1">
+          <mxGeometry x="130" y="40" width="80" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-14" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FDD474;strokeColor=#F97316;" parent="1" vertex="1">
+          <mxGeometry x="290" y="200" width="80" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-23" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FDD474;strokeColor=#F97316;" parent="1" vertex="1">
+          <mxGeometry x="210" y="120" width="80" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-17" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FDBA74;strokeColor=#F97316;" parent="1" vertex="1">
+          <mxGeometry x="290" y="120" width="80" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-24" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FDBA74;strokeColor=#F97316;" parent="1" vertex="1">
+          <mxGeometry x="210" y="40" width="80" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-9" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FA9DA1;strokeColor=#E53940;" parent="1" vertex="1">
+          <mxGeometry x="290" y="40" width="80" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-25" value="" style="endArrow=classic;startArrow=none;html=1;rounded=0;startFill=0;fontColor=#1F2937;strokeColor=#1F2937;" parent="1" edge="1">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <mxPoint x="30" y="360" as="sourcePoint" />
+            <mxPoint x="30" y="50" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-26" value="Eintretenswahrscheinlichkeit" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;rounded=0;rotation=-90;fontColor=#1F2937;" parent="1" vertex="1">
+          <mxGeometry x="-120" y="180" width="280" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-27" value="" style="endArrow=classic;html=1;rounded=0;fontColor=#1F2937;strokeColor=#1F2937;" parent="1" edge="1">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <mxPoint x="50" y="380" as="sourcePoint" />
+            <mxPoint x="370" y="380" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-28" value="Auswirkungsgrad" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;rounded=0;fontColor=#1F2937;" parent="1" vertex="1">
+          <mxGeometry x="80" y="380" width="260" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-34" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontColor=#1F2937;strokeColor=#1F2937;" parent="1" source="m71VkXbNBEnwbt8ubw_r-29" target="m71VkXbNBEnwbt8ubw_r-33" edge="1">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-29" value="1" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#E5E7EB;fontColor=#6B7280;strokeColor=#6B7280;labelBorderColor=none;" parent="1" vertex="1">
+          <mxGeometry x="310" y="300" width="40" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-38" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontColor=#1F2937;strokeColor=#1F2937;" parent="1" source="m71VkXbNBEnwbt8ubw_r-30" target="m71VkXbNBEnwbt8ubw_r-35" edge="1">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-30" value="2" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#E5E7EB;fontColor=#6B7280;strokeColor=#6B7280;labelBorderColor=none;" parent="1" vertex="1">
+          <mxGeometry x="230" y="220" width="40" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-37" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontColor=#1F2937;strokeColor=#1F2937;" parent="1" source="m71VkXbNBEnwbt8ubw_r-31" target="m71VkXbNBEnwbt8ubw_r-36" edge="1">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-31" value="3" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#E5E7EB;fontColor=#6B7280;strokeColor=#6B7280;labelBorderColor=none;" parent="1" vertex="1">
+          <mxGeometry x="150" y="140" width="40" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-33" value="1" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fontColor=#1F2937;strokeColor=#1F2937;" parent="1" vertex="1">
+          <mxGeometry x="150" y="300" width="40" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-35" value="2" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fontColor=#1F2937;strokeColor=#1F2937;" parent="1" vertex="1">
+          <mxGeometry x="80" y="230" width="40" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="m71VkXbNBEnwbt8ubw_r-36" value="3" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fontColor=#1F2937;strokeColor=#1F2937;" parent="1" vertex="1">
+          <mxGeometry x="60" y="210" width="40" height="40" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>

template/03_Zeitplan/export.py

@@ -0,0 +1,90 @@
+import pandas as pd
+import numpy as np
+import datetime
+
+# Load the file
+file_path = 'Zeitplan.xlsx'
+df = pd.read_excel(file_path, header=[1, 2, 3], index_col=0)
+
+# 1. Tag Rows as 'should' (Plan) or 'is' (Actual)
+# Assumption: Rows with a Task Name are 'should'. Empty rows below them are 'is'.
+df['Type'] = np.where(df.index.notna(), 'should', 'is')
+
+# 2. Propagate Task Names to the 'is' rows
+# We forward-fill the index so the empty 'IST' row gets the name of the task above it
+df.index = df.index.to_series().ffill()
+
+# 3. Cleanup Garbage
+# Remove the header row itself ('Tätigkeit') and any top-level empty rows
+df = df.drop('Tätigkeit', errors='ignore')
+df = df[df.index.notna()] # Drop rows that were empty at the very top before any task
+
+# 4. Save Original Order
+original_task_order = df.index.unique().tolist()
+
+# 5. Separate Time Grid
+# We take columns from index 4 onwards. We must exclude our new 'Type' column from the data grid.
+# (The 'Type' column is at the very end now)
+time_grid = df.iloc[:, 4:-1] 
+row_types = df['Type'] # Save the types to re-attach
+
+# 6. Unpivot (Melt)
+# We add 'Type' to the index temporarily so it sticks with the data during stacking
+time_grid = time_grid.set_index(row_types, append=True)
+df_long = time_grid.stack(level=[0, 1, 2], future_stack=True).reset_index()
+
+# Rename columns (Index 0=Task, Index 1=Type, followed by the stacked levels)
+df_long.columns = ['Task', 'Type', 'KW', 'Date', 'Halbtag', 'Hours']
+
+# 7. Clean Data
+df_long['Hours'] = pd.to_numeric(df_long['Hours'], errors='coerce').fillna(0)
+
+# 8. Pivot to get 'should' and 'is' side-by-side
+# We group by Date/Task and sum up the 'should' hours and 'is' hours separately
+df_pivot = df_long.pivot_table(
+    index=['Date', 'KW', 'Task'], 
+    columns='Type', 
+    values='Hours', 
+    aggfunc='sum'
+).reset_index()
+
+# Ensure we have both columns (fill with 0 if missing)
+for col in ['should', 'is']:
+    if col not in df_pivot.columns:
+        df_pivot[col] = 0.0
+df_pivot = df_pivot.fillna(0)
+
+# 9. Apply Order & Sort
+df_pivot['Task'] = pd.Categorical(df_pivot['Task'], categories=original_task_order, ordered=True)
+df_pivot['Date'] = pd.to_datetime(df_pivot['Date'], errors='coerce')
+
+# Remove the 'Total' row and any rows where Task might be 'Total' or NaN
+df_final = df_pivot[
+    (df_pivot['Task'].notna()) & 
+    (~df_pivot['Task'].astype(str).str.contains('Total|Summe|Tätigkeit', case=False))
+].copy()
+
+# Filter out rows where NOTHING happened (neither plan nor actual)
+df_final = df_pivot[(df_pivot['should'] > 0) | (df_pivot['is'] > 0)].copy()
+df_final = df_final.sort_values(by=['Date', 'Task'])
+
+# --- YAML Output ---
+print("### last updated at: " + datetime.datetime.now().strftime("%d-%m-%Y %H:%M:%S") + " ###\n")
+
+current_date = None
+
+for _, row in df_final.iterrows():
+    # Format date
+    date_str = f"{row['Date'].day}-{row['Date'].month}-{row['Date'].year}"
+    
+    if date_str != current_date:
+        current_date = date_str
+        print(f"{date_str}:")
+    
+    # Convert Hours to Minutes
+    should_min = int(row['should'] * 60)
+    is_min = int(row['is'] * 60)
+    
+    print(f"  - name: {row['Task']}")
+    print(f"    should: {should_min}")
+    print(f"    is: {is_min}")

template/03_Zeitplan/requirements.txt

@@ -0,0 +1,3 @@
+pandas>=2.1.0
+openpyxl
+numpy

template/Makefile

@@ -0,0 +1,50 @@
+CANDIDATE = Max_Mustermann
+OUTPUT_NAME  = IPA_Dokumentation_$(CANDIDATE).pdf
+
+## drawio variables
+DRAWIO_CMD   = drawio
+DRAWIO_DIR = 02_Grafiken
+
+DIAGRAM_SRCS= $(wildcard $(DRAWIO_DIR)/*.drawio)
+DIAGRAMS = $(DIAGRAM_SRCS:drawio=pdf)
+
+
+# Find files specifically inside the subdirectory
+
+.PHONY: build-all
+build-all: $(OUTPUT_NAME)
+
+$(OUTPUT_NAME): $(DIAGRAMS)  03_Zeitplan/Zeitplan.pdf sourcepaths.txt versionhistory.csv
+	typst compile ./main.typ $(OUTPUT_NAME) --root . 
+
+.PHONY: watch 
+watch:  $(DIAGRAMS) 03_Zeitplan/Zeitplan.pdf sourcepaths.txt versionhistory.csv timetable.yaml
+	typst watch ./main.typ $(OUTPUT_NAME) --root .
+
+
+03_Zeitplan/Zeitplan.pdf: 03_Zeitplan/Zeitplan.xlsx
+	soffice --headless --convert-to 'pdf:calc_pdf_Export:{}' 03_Zeitplan/Zeitplan.xlsx --outdir 03_Zeitplan/
+
+.PHONY: sourcepaths.txt
+sourcepaths.txt:
+	bash -c "cd 04_Code && git ls-files > ../sourcepaths.txt"
+
+.PHONY: versionhistory.csv
+versionhistory.csv:
+	git log --pretty=format:"%ad,%an,%s" --date=short > ./versionhistory.csv
+
+timetable.yaml: 03_Zeitplan/Zeitplan.xlsx
+	bash -c "cd 03_Zeitplan && python3 export.py > ../timetable.yaml"
+
+
+
+.PHONY: drawio
+drawio: $(DIAGRAMS)
+
+# Pattern rule to convert .drawio -> .pdf inside the subdirectory
+# $(DRAWIO_DIR)/%.pdf matches files like "05_Diagrams/network.pdf"
+$(DRAWIO_DIR)/%.pdf: $(DRAWIO_DIR)/%.drawio
+	$(DRAWIO_CMD) -x -f pdf --crop -o $@ $<
+
+
+

template/README.md

@@ -0,0 +1,28 @@
+# IPA
+
+This IPA uses the chfoit-ipa template.
+
+## Getting started
+
+1. Add your name in the makefile
+2. Adjust the path to your drawio executable
+3. Fill in your data in the main.typ
+4. Write your IPA using this template.
+5. Commit using "chore: foo" for 0.0.x versions and with "feat: foo" for 0.x.0 versions.
+
+## Compiling the document
+
+To build your IPA just run:
+
+```sh
+make
+```
+
+If you want to have the PDF recompiled on changes you can run:
+
+```sh
+make watch
+
+make drawio # to recompile the diagrams
+
+```

template/main.typ

@@ -0,0 +1,83 @@
+#import "@local/chfoit-ipa:0.0.0": arbeitsjournal, ipa
+
+#arbeitsjournal.addTimetable(yaml("timetable.yaml"))
+
+#let candidate = "Max Mustermann"
+
+#let peoples = (
+  (
+    name: "Kandidat*in",
+    email: "kandidat.in@bit.admin.ch",
+    phone: "+41 79 420 42 42",
+    shorthand: "KI",
+    function: "Kandidat",
+    git: "xxxxxxxxx",
+  ),
+  (
+    name: "Praxisbildnre*in",
+    email: "praxis.bildner@bit.admin.ch",
+    shorthand: "PB",
+    function: "Verantwortliche Fachkraft",
+  ),
+  (
+    name: "Hauptexpert*in",
+    email: "haupt.expert@example",
+    shorthand: "HE",
+    function: "Hauptexperte",
+  ),
+  (
+    name: "Nebenexpert*in",
+    email: "nebenexpert.in@example",
+    shorthand: "NE",
+    function: "Nebenexperte",
+  ),
+  (
+    name: "Validierungsexpert*in",
+    email: "valid.expert@example",
+    shorthand: "VE",
+    function: "Validierungsexperte",
+  ),
+  (
+    name: "Berufsbildner*in",
+    email: "berufs.bilder@example",
+    shorthand: "BB",
+    function: "Berufsbildner",
+  ),
+)
+
+#show: ipa.with(
+  title: "Entwicklung einer Applikation.",
+  company: "Bundesamt für Informatik und Telekommunikation BIT",
+  departement: "Entwicklung 5 - BS-BSC-EN5",
+  peoples: peoples,
+  metadata: (
+    specialisation: "Applikationsentwicklung",
+    managementMethod: "HERMES",
+    // year as in "Jahrgang"
+    place: "Kanton Bern",
+    dateOfSubmission: datetime(day: 1, month: 1, year: 2026),
+    commits: csv("versionhistory.csv"),
+  ),
+  bibliography: bibliography("01_Dokumentation/works.yaml"),
+  part1: (
+    content: [
+      #include "01_Dokumentation/01_Teil1/index.typ"
+    ],
+  ),
+  part2: (
+    content: [
+      #include "01_Dokumentation/02_Teil2/index.typ"
+    ],
+  ),
+  appendix: (
+    files: read("./sourcepaths.txt")
+      .split("\n")
+      .filter(it => it != "")
+      .map(p => (path: p, content: read("./04_Code/" + p))),
+    body: {
+      include "./01_Dokumentation/03_Anhang/index.typ"
+    },
+    acronyms: yaml("./01_Dokumentation/acronyms.yaml"),
+    terms: yaml("./01_Dokumentation/terms.yaml"),
+  ),
+)