added bpmn extendes slides, added sql-join wip slides

Author: widnig89

slides/content/slides/Informatik/Business-Process-Modelling/04_bpmn-extended.md

@@ -0,0 +1,130 @@
+---
+theme: seriph
+routerMode: hash
+title: BPMN - Fortgeschritten
+info: |
+  ## BPMN - Fortgeschritten
+background: https://github.com/HTL-Wolfsberg-Betriebsinformatik/skript/blob/main/slides/content/slides/background-cover-16-9.webp?raw=true
+class: text-center
+drawings:
+    persist: false
+transition: slide-left
+mdc: true
+layout: cover
+hideInToc: true
+download: true
+export:
+    format: pdf
+    dark: false
+    withClicks: true
+    withToc: true
+selectable: true
+---
+
+# BPMN - Fortgeschritten
+
+---
+hideInToc: true
+---
+
+# Inhalt
+
+<Toc minDepth="1" maxDepth="1" />
+
+---
+
+# Pools & Lanes
+
+- Der **Pool** definiert in der Regel die **Organisation oder Einheit**, in der der Prozess stattfindet.
+- Die **Lane** (Bahn) definiert die **Rolle oder Abteilung**, die für die Ausführung der einzelnen Aufgaben verantwortlich ist.
+
+![Pools and Lanes Beispiel](./assets/bpmn-pools-and-lanes-example.drawio.png){width=50%}
+
+---
+
+# Beispiel: Fehlender Schuhgrößen Prozess
+
+*** 
+
+![Fehlender Schuhgrößen Prozess 1.0](./assets/bpmn-exercise-missing-shoe-size-process.drawio.png)
+
+---
+
+# Beispiel: Fehlender Schuhgrößen Prozess 2.0
+
+***
+
+![Fehlender Schuhgrößen Prozess 1.0](./assets/bpmn-exercise-missing-shoe-size-process-with-warehouse-manager.drawio.png){width=80%}
+
+---
+
+# Closing Gateways
+
+Um Aktivitäten (Tasks) wieder zusammenzuführen, benutzt man *Closing Gateways*.
+
+<br>
+
+![Closing Gateway Beispiel](./assets/bpmn-example-closing-gateways.drawio.png)
+
+---
+
+# Übung: Lieferung Großhändler
+
+Der Verkäufer steht vor einer neuen Herausforderung. Er erhält eine Lieferung vom Großhändler und weiß nicht, was er als Nächstes tun soll. Sein Chef sagt zu ihm:
+
+„Keine Sorge. Zuerst überprüfst du, ob die Bestellung und die Rechnung korrekt sind. Wenn nicht, gibst du das Paket an den Versandmitarbeiter zurück. Wenn alles stimmt, prüfst du, ob es sich um eine Standardbestellung oder um eine Kundenbestellung handelt. Wenn es eine Standardbestellung ist, bringst du die Schuhe einfach ins Lager. Wenn es eine Kundenbestellung ist, stellst du die Schuhe hinter die Kasse – und das war’s!“
+
+Deine Aufgabe ist es nun, dem Verkäufer zu helfen, indem du einen einfachen Prozess erstellst. Ignoriere dabei die Aufgaben des Versandmitarbeiters. Modelle nur, was der Verkäufer tun muss.
+
+---
+
+# Lösung: Lieferung Großhändler
+
+*** 
+
+![Lösung: Lieferung Großhändler](./assets/bpmn-exercise-shoe-delivery-process.drawio.png)
+
+---
+
+# Token Konzept
+
+Einen *Token* kann man sich als *Ball* oder *Murmel* vorstellen.
+
+![Blaue Murmel](./assets/blue-marble.png){width=40%}
+
+- Der *Token* rollt durch den Prozess, vom Start- bis zum Endevent!
+- Der *Token* durchläuft alle Arten von Aktivitäten und Gateways, die ihn beeinflussen.
+- Sobald die Aktivität fertig ist, rollt der Token weiter
+
+---
+hideInToc: true
+layout: default
+clicks: 2
+---
+
+# Token Konzept
+
+<div class="h-full w-full flex justify-center items-center">
+<div class="absolute"
+  v-motion
+  :initial="{ x: -80 }"
+  :enter="{ x: -70, y: -30 }"
+  :click-1="{ x: 0, y: 0 }"
+  :click-2="{ x: 160, y: -30 }">
+    <BpmnToken />
+</div>
+  <img src="./assets/bpmn-token-example.drawio.png" alt="BPMN Token Beispiel">
+</div>
+
+---
+hideInToc: true
+---
+
+# Token Konzept
+
+Die eigentliche Stärke des Token-Konzepts besteht darin, zu veranschaulichen, wie verschiedene Gateways funktionieren.
+
+TODO: Zeichnung
+
+
+

slides/content/slides/Informatik/Business-Process-Modelling/assets/blue-marble.png

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+defineProps({
+  size: {
+    type: Number,
+    default: 32,
+  },
+  color: {
+    type: String,
+    default: 'blue',
+  },
+  x: {
+    type: Number,
+    default: 0,
+  },
+  y: {
+    type: Number,
+    default: 0,
+  },
+})
+</script>
+
+<template>
+  <span
+    :style="{
+      fontSize: size + 'px',
+      color,
+      transform: `translate(${x}px, ${y}px)`,
+    }"
+  >
+    &#9679;
+  </span>
+</template>

slides/content/slides/Informatik/Business-Process-Modelling/assets/bpmn-example-closing-gateways.drawio.png

@@ -0,0 +1,127 @@
+---
+theme: seriph
+routerMode: hash
+title: SQL - JOIN
+info: SQL JOIN
+background: https://github.com/HTL-Wolfsberg-Betriebsinformatik/skript/blob/main/slides/content/slides/background-cover-16-9.webp?raw=true
+class: text-center
+drawings:
+    persist: false
+transition: slide-left
+mdc: true
+layout: cover
+hideInToc: true
+download: true
+export:
+    format: pdf
+    dark: false
+    withClicks: true
+    withToc: true
+selectable: true
+---
+
+# SQL JOIN
+
+## Daten aus mehreren Tabellen gemeinsam anzeigen
+
+---
+hideInToc: true
+---
+
+# Inhalt
+
+<Toc minDepth="1" maxDepth="1" />
+
+---
+
+# Warum `JOIN`s?
+
+- In relationalen Datenbanken sind **Informationen auf mehrere Tabellen verteilt**.
+- JOINs ermöglichen es, **zusammenhängende Daten** wieder **zusammenzuführen**.
+
+<br>
+
+**Beispiel:**
+
+- Tabelle `Kunde`
+- Tabelle `Bestellung`
+
+> Wir möchten sehen, welcher Kunde welche Bestellung gemacht hat.
+
+---
+
+# Grundidee
+
+Ein `JOIN` verbindet Datensätze über gemeinsame Werte, meist über **Primär- und Fremdschlüssel**.
+
+<br>
+
+**Beispiel:**
+- `kunden.id` <--> `bestellungen.kunden_id`
+
+```sql
+CREATE TABLE kunden (
+    id INT PRIMARY KEY,
+    name NVARCHAR(50)
+);
+
+CREATE TABLE bestellungen (
+    id INT PRIMARY KEY,
+    kunden_id INT,
+    produkt NVARCHAR(50)
+);
+```
+
+---
+layout: two-cols-header
+layoutClass: gap-16
+---
+# `INNER JOIN`
+
+Der `INNER JOIN` zeigt nur Datensätze, die in **beiden Tabellen vorkommen**.
+
+::left::
+
+```sql
+SELECT k.name, b.produkt
+FROM kunden AS k
+INNER JOIN bestellungen AS b
+    ON k.id = b.kunden_id;
+```
+
+::right::
+
+| name  | produkt  |
+| ----- | -------- |
+| Anna  | Laptop   |
+| Carla | Handy    |
+| Carla | Tastatur |
+
+
+---
+layout: two-cols-header
+layoutClass: gap-16
+---
+
+# `OUTER JOIN`
+
+Der `OUTER JOIN` zeigt auch Datensätze, die **keine Übereinstimmung** in der anderen Tabelle haben.
+
+::left::
+
+```sql
+SELECT k.name, b.produkt
+FROM kunden AS k
+INNER JOIN bestellungen AS b
+    ON k.id = b.kunden_id;
+```
+
+::right::
+
+| name  | produkt  |
+| ----- | -------- |
+| Anna  | Laptop   |
+| Carla | Handy    |
+| Carla | Tastatur |
+| Bernd | NULL     |
+| NULL  | Fernseher|