add html for agilesArbeitenNachScrum

agilesArbeitenNachScrum_skeleton.md

@@ -0,0 +1,136 @@
+---
+author: Lukas Preußer
+title: Agiles Arbeiten nach Scrum
+date: '09-Nov-2023'
+theme: dist/theme/night.css
+backgroundtransition: 'convex'
+---
+
+
+<section data-markdown>
+  <textarea data-template>
+    ## Was ist agiles Arbeiten?
+    Eine Arbeitsweise, in der das Produkt in kleinen Schritten entwickelt wird.
+    ---
+    ## Ziel
+    Möglichst *schnell* eine erste, funktionsfähige Version eines Produktes liefern.
+    ---
+    ## Warum ist das wichtig?
+    Damit die Auftraggeber *sofort* sehen, was das Produkt kann.
+    Damit Wünsche der Auftraggeber schnell und *flexibel* umgesetzt werden können.
+    ---
+    ## und warum?
+    Damit immer an *"dem Richtigen und Wichtigen"* gearbeitet wird.
+    Sodass das Produkt vor Kunde maximal *wertschöpfend* ist.
+    Und das entwickelnde Team Selbstwirksamkeit erfährt.
+    Zusätzlich noch, dass der Entscheidungsraum des Managements größer wird.
+    ---
+    ## Welche Paradigmen liegen der agilen Arbeit zugrunde?
+    ---
+    ## Ein Wertesystem 
+        - Respekt
+        - Offenheit
+        - Mut
+        - Einfachheit
+        - Fokus
+        - Feedback
+        - Gestaltungswillen
+    ---
+    ## Ein Kompass für die Arbeit
+        - Individuen und Interaktionen > Prozesse und Werkzeuge
+        - Funktionierende Software > umfassende Dokumentation
+        - Zusammenarbeit mit Kunden > Vertragsverhandlungen
+        - Reaktion auf Veränderung > Befolgen eines Plans
+    ---
+    ## die "Agile Zwiebel" (Link)
+    ---
+
+    ## Für welches Problem ist agiles Arbeiten die Lösung?
+    ---
+    ## Problemgrad ("Stacey-Matrix")
+        - Simpel
+        |Stellen Sie sich hier ein Bild von einer Geburtstagsparty vor. 
+        Der Tisch ist gedeckt und wunderschön dekoriert. 
+        Überall hängen Wimpel und Luftballons.|
+    ---
+    ## Problemgrad
+        - Kompliziert
+        |Stellen Sie sich hier ein Bild von einem Flughafen vor. 
+        Es gibt einen Tower, eine Landebahn und ein großes Terminal.
+        Flugzeuge stehen vor den Hangars.
+        Eines befindet sich im Startvorgang.|
+    ---
+    ## Problemgrad
+        - Komplex
+        |Malen Sie sich aus, was wohl im Rechenzentrum einer Bank vorgeht, während Sie mit Ihrer Karte Geld abheben.|
+    ---
+    ## Problemgrad
+        - Chaotisch
+        |Sie sollen das Dreikörperproblem Lösen. 
+        Oder das Wetter in Frankfurt für in 10 Tagen vorhersagen. 
+        Oder in einer Firma mit völlig unklarer Struktur ein neuartiges Produkt rechtzeitig, in hoer Stückzahl und Qualität fertigen|
+    ---
+    ## Problemgrad
+        - Simpel
+        - Kompliziert
+        - Komplex   <red>
+        - Chaotisch
+    ---
+    ## Sichtbarkeit
+        - Konkret
+        |Stellen Sie sich hier das Bild eines Tischlers vor, der mit dem Klüppel vorsichtig das letzte Bein eines Stuhls in die Zarge treibt|
+        ---
+    ## Sichtbarkeit
+        - Abstrakt
+        |Programmcode auf dem Raspberry, um die LED zum Blinken zu bringen|
+    ---
+    ## Sichtbarkeit
+        - Unsichtbar
+        |Stellen Sie sich das Internet vor.|
+    ---
+    ## Sichtbarkeit
+        - Konkret
+        - Abstrakt / Unsichtbar <red>
+    ---
+    ## Produktnatur
+        - Software <red>
+        - Hardware
+    ---
+
+    ## Was zeichnet Scrum aus?
+    ---
+    ![Bild: Scrum-Bierdeckel]()
+    ---
+    
+    ## Was sind die Voraussetzungen zur Einführung von Scrum?
+    ---
+    ## Man verfügt über ein passendes Problem
+    ---
+    ## Man wünscht sich den dafür erforderlichen Kulturwandel
+    ---
+    Man ist sich bewusst,
+        - dass der Weg dorthin mehrere Jahre benötigt
+        - dass ihn nicht jede Person im Unternehmen gehen wird
+        - dass auf dem Weg ständige Begleitung, Weiterbildung, Unterstützung erforderlich ist
+    ---
+
+    ## Was sind mögliche Abgründe bei falscher Ausführung?
+    ---
+    Wird die Problemdomäne falsch eingeschätzt, so wird die erreichbare Lösung nicht zufrieden stellen
+    ---
+    Nimmt der Auftraggeber seine Gestaltungspflicht nicht wahr, wird wahrscheinlich das Falsche entwickelt
+    ---
+    Wird dem Entwicklerteam nicht genügend Vertrauen entgetgengebracht, endet es in Tracking-Wahnsinn
+    ---
+    Stellt man dem Scrum-Team keine Begleitung zur Verfügung, wird Agilität zur Fassade
+    ---
+
+    ## Was sind mögliche Nachteile von Scrum?
+    ---
+    - Scrum nimmt an, dass der Kulturwandel bereits vollzogen ist
+    - "Unpassende" Personentypen bleiben leicht auf der Strecke
+    - Scrum kann keine "Arbeit auf Zuruf" abbilden
+    - Optimierungswahn und Selbstausbeutung
+    - Der Blick geht nach Innen
+  </textarea>
+</section>

index.html

@@ -0,0 +1,239 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+
+		<meta name="description" content="Ein Vortrag von Lukas Preußer">
+		<meta name="author" content="Lukas Preußer">
+
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+
+		<title>Agiles Arbeiten nach Scrum</title>
+
+		<link rel="stylesheet" href="dist/reset.css">
+		<link rel="stylesheet" href="dist/reveal.css">
+		<link rel="stylesheet" href="dist/theme/night.css">
+
+		<!-- Theme used for syntax highlighted code -->
+		<link rel="stylesheet" href="plugin/highlight/monokai.css">
+	</head>
+	<body>
+		<div class="reveal">
+
+			<!-- Der Vortrag -->
+			<div class="slides">
+				<section>
+					<h2>Agiles Arbeiten nach Scrum</h2>
+					<p>
+						<small>Autor: <a href="https://schallbert.de">Lukas Preußer</a>, erstellt: 05-Nov-2023</small>
+					</p></section>
+
+				<section><h3>Was ist agiles Arbeiten?</h3>
+					<p class="fragment">Eine Arbeitsweise, in der das Produkt in kleinen Schritten entwickelt wird.</p>
+				</section>
+				<section><h3>Ziel agilen Arbeitens</h3>
+					<p class="fragment">Möglichst <span class="fragment highlight-green">schnell</span> eine erste, funktionsfähige Version eines Produktes liefern.</p>
+				</section>
+				<section><h3>Warum ist das wichtig?</h3>
+					<p class="fragment">Damit die Auftraggeber <span class="fragment highlight-red">sofort</span> sehen, was das Produkt kann.</p>
+					<p class="fragment">Damit Wünsche der Auftraggeber schnell und <span class="fragment highlight-blue">flexibel</span> umgesetzt werden können.</p>
+				</section>
+				<section><h3>... und warum?</h3>
+					Damit immer an <p class="fragment grow">"dem Richtigen und Wichtigen"</p> gearbeitet wird.
+					<p></p>
+					Sodass das Produkt maximal <p class="fragment grow">wertschöpfend</p> vor Kunde ist.
+				</section>
+				<section><h3>Was hat dann die Firma davon?</h3>
+					<p class="fragment">Höhere Einnahmen! 🥳</p>
+					<p class="fragment">Es entsteht weniger Ausschuss 🗑️</p>
+					<p class="fragment">Die Entscheidungskapazität des Managements wird vergrößert.</p>
+					<p class="fragment">Das Entwicklerteam erfährt mehr Selbstwirksamkeit.</p>
+				</section>
+
+				<section><h2>Welche Paradigmen liegen agiler Arbeit zugrunde?</h2>
+				</section>
+				<section><h3>Ein <a href="https://synapsenstau.de/agiles-manifest/#h-8-werte-agile-welt">Wertesystem</a></h3>
+					<ul>
+						<li>Respekt</li>
+						<li>Offenheit</li>
+						<li>Mut</li>
+						<li>Einfachheit</li>
+						<li>Fokus</li>
+						<li>Kommunikation</li>
+						<li>Feedback</li>
+						<li>Commitment</li>
+					</ul>
+				</section> 
+				<section><h3>Eine <a href="https://agilemanifesto.org/">Richtlinie</a> für die Prioritäten</h3>
+					<small>
+						<p class="fragment fade-in-then-semi-out">Individuen & Interaktionen > Prozesse & Werkzeuge</p>
+						<p class="fragment fade-in-then-semi-out">Funktionierende Software > umfassende Dokumentation</p>
+						<p class="fragment fade-in-then-semi-out">Zusammenarbeit mit Kunden > Vertragsverhandlungen</p>
+						<p class="fragment fade-in-then-semi-out">Reaktion auf Veränderung > Befolgen eines Plans</p>
+					</small>
+				</section> 
+				<section data-auto-animate data-auto-animate-easing="cubic-bezier(0.770, 0.000, 0.175, 1.000)">
+					<div class="r-hstack justify-center">
+					<small>
+						<div data-id="box1" style="background: rgb(35, 109, 109); width: 150px; height: 100px; margin: 10px;">Mindset</div>
+						<div data-id="box2" style="background: rgb(78, 104, 219); width: 150px; height: 100px; margin: 10px;">Werte</div>
+						<div data-id="box3" style="background: rgb(26, 39, 110); width: 150px; height: 100px; margin: 10px;">Prinzipien</div>
+						<div data-id="box4" style="background: rgb(65, 26, 102); width: 150px; height: 100px; margin: 10px;">Praktiken</div>
+						<div data-id="box5" style="background: rgb(63, 63, 63); width: 150px; height: 100px; margin: 10px;">Werkzeuge</div>
+					</small>
+					</div>
+					<h3 style="margin-top: 20px;">Komposition</h3>
+				</section>
+				<section data-auto-animate data-auto-animate-easing="cubic-bezier(0.770, 0.000, 0.175, 1.000)">
+					<div class="r-stack">
+						<div data-id="box1" data-auto-animate-delay="0" style="background: rgb(35, 109, 109); width: 500px; height: 500px; border-radius: 250px;"><small>Mindset</small></div>
+						<div data-id="box2" data-auto-animate-delay="0.3" style="background: rgb(78, 104, 219); width: 400px; height: 400px; border-radius: 200px;;"><small>Werte</small></div>
+						<div data-id="box3" data-auto-animate-delay="0.6" style="background: rgb(26, 39, 110); width: 300px; height: 300px; border-radius: 200px;;"><small>Prinzipien</small></div>
+						<div data-id="box4" data-auto-animate-delay="0.9" style="background: rgb(65, 26, 102); width: 200px; height: 200px; border-radius: 200px;"><small>Praktiken</small></div>
+						<div data-id="box5" data-auto-animate-delay="1.2" style="background: rgb(63, 63, 63); width: 100px; height: 100px; border-radius: 200px;"><small>Werkzeuge</small></div>
+					</div>
+					<h3 style="margin-top: 20px;">Die agile Zwiebel</h3>
+				</section>
+				<section><h2>Für welches Problem ist agiles Arbeiten die Lösung?</h2>
+				</section>
+				<section><h3>Problemgrad <a href="https://agilecoffee.com/wp-content/uploads/2016/12/42-stacey-matrix.jpg">(Stacey-Matrix)</a></h3>
+					<small>
+						<p class="fragment fade-in-then-out">| Stellen Sie sich hier ein Bild von einer Geburtstagsparty vor. |</p>
+						<p class="fragment fade-in-then-out">| Der Tisch ist gedeckt und wunderschön dekoriert. |</p>
+						<p class="fragment fade-in-then-out">| Überall hängen Fähnchen und Luftballons. |</p>
+					</small>
+					<p class="fragment">Simpel</p>
+				</section>
+				<section><h3>Problemgrad <a href="https://agilecoffee.com/wp-content/uploads/2016/12/42-stacey-matrix.jpg">(Stacey-Matrix)</a></h3>
+					<small>
+						<p class="fragment fade-in-then-out">| Stellen Sie sich nun ein Bild vom Bau eines Flughafens vor. |</p>
+						<p class="fragment fade-in-then-out">| Tower und Landebahn sind bereits fertiggestellt. |</p>
+						<p class="fragment fade-in-then-out">| In den Hangars stehen Flugzeuge bereit. |</p>
+						<p class="fragment fade-in-then-out">| Die Brandschutzanlage im Terminal... |</p>
+						<p class="fragment fade-in-then-out">| weist technische Mängel auf. |</p>
+					</small>
+					<p class="fragment">Kompliziert</p>
+				</section>
+				<section><h3>Problemgrad <a href="https://agilecoffee.com/wp-content/uploads/2016/12/42-stacey-matrix.jpg">(Stacey-Matrix)</a></h3>
+					<small>
+						<p class="fragment fade-in-then-out">| Nehmen wir mal an, Sie gehen zur Bank. |</p>
+						<p class="fragment fade-in-then-out">| Sie möchten am Automaten Geld abheben. |</p>
+						<p class="fragment fade-in-then-out">| Ihre Karte wird akzeptiert. |</p>
+						<p class="fragment fade-in-then-out">| Nur Sekunden später erhalten Sie die gewünschte Menge Bargeld. |</p>
+						<p class="fragment fade-in-then-out">| Die App auf Ihrem Handy zeigt einen entsprechend geringeren Kontostand an. |</p>
+					</small>
+					<p class="fragment"><span class="fragment highlight-green">Komplex</span></p>
+				</section>
+				<section><h3>Problemgrad <a href="https://agilecoffee.com/wp-content/uploads/2016/12/42-stacey-matrix.jpg">(Stacey-Matrix)</a></h3>
+					<small>
+						<p class="fragment fade-in-then-out">| Sie sollen das Dreikörperproblem für Sonne, Erde, Mond lösen. |</p>
+						<p class="fragment fade-in-then-out">| Sie müssen einem Freund das Wetter in Frankfurt für "in zwölf Tagen" nennen. |</p>
+						<p class="fragment fade-in-then-out">| Während der Restrukturierung Ihrer Firma sollen Sie... |</p>
+						<p class="fragment fade-in-then-out">| ...ein absolut neuartiges Produkt bei knappen Ressourcen... |</p>
+						<p class="fragment fade-in-then-out">| ...rechtzeitig entwickelt und getestet haben. |</p>
+					</small>
+					<p class="fragment"><span class="fragment highlight-red">Chaotisch</span></p>
+				</section>
+				<section><h3>Sichtbarkeit</h3>
+					<small>
+						<p class="fragment fade-in-then-out">| Sie sind in einer Tischlerei. Es duftet nach Holz. |</p>
+						<p class="fragment fade-in-then-out">| Sonnenstrahlen dringen durch ein bleiverglastes Fenster und bringen den Staubbedeckten Boden zum Glitzern. |</p>
+						<p class="fragment fade-in-then-out">| Gerade wird das letzte Bein an einen Stuhl montiert. |</p>
+						<p class="fragment fade-in-then-out">| Mit zufriedener Miene verleiht die Auszubildende dem Stuhl den letzten Schliff. |</p>
+					</small>
+					<p class="fragment">Konkret</p>
+				</section>
+				<section><h3>Sichtbarkeit</h3>
+					<small>
+						<p class="fragment fade-in-then-out">| Stellen Sie sich die Materialspannung beim Festziehen einer Schraube vor. |</p>
+						<p class="fragment fade-in-then-out">| Oder den Programmcode, welcher hinter dieser Präsentation steckt. |</p>
+						<p class="fragment fade-in-then-out">| Oder das Internet. |</p>
+					</small>
+					<p class="fragment">Abstrakt / Unsichtbar</p>
+				</section>
+
+				<section><h2>Was zeichnet <a href="https://www.scrum.org/learning-series/what-is-scrum">Scrum</a> aus?</h2>
+					<p class="fragment">Scrum ist eines von vielen agilen Frameworks.</p>
+					<p class="fragment">Bei Scrum wird in kurzen Iterationen, genannt <span class="fragment highlight-blue">Sprints</span>, gearbeitet.</p>
+					<p class="fragment">Am Ende eines jeden Sprints soll ein weiterer Aspekt des <span class="fragment highlight-green">Endprodukts</span> fertiggestellt sein.</p>
+					<p class="fragment">Team - Analogon zum Orchester - <span class="fragment highlight-blue">Komponist</span>, <span class="fragment highlight-red">Musiker</span>, <span class="fragment highlight-green">Dirigent</span></p>
+				</section>
+				<section><h3>Was zeichnet <a href="https://www.scrum.org/learning-series/what-is-scrum">Scrum</a> aus?</h3>
+					<p class="fragment">Am Ende eines Sprints wird die Arbeit im Team reflektiert.</p>
+					<p class="fragment">Regelmäßig wird Feedback der Auftraggeber eingeholt.</p>
+					<p class="fragment">Es ist nicht ungewöhnlich, dass sich Vorgaben als nicht erfüllbar erweisen.
+					<p class="fragment">Daher sind Ziele ausdrücklich <span class="fragment highlight-red">anpassbar</span>.</p>
+				</section>
+
+				<section><h2>Was sind Voraussetzungen für die erfolgreiche Einführung von Scrum?</h2></section>
+				<section>
+					<h2>✅</h2>
+					<ul>
+						<p class="fragment fade-in-then-semi-out">Man verfügt über ein passendes Problem</p>
+						<p class="fragment fade-in-then-semi-out">Der erforderliche Kulturwandel wird begrüßt</p>
+						<p class="fragment fade-in-then-semi-out">Zusätzliche Ressourcen für deren Begleitung werden freigegeben</p>
+						<p class="fragment fade-in-then-semi-out">Schnittstellen zwischen "Wasserfall" und "Agil" wurden berücksichtigt</p>
+					</ul>
+				</section>
+				<section>
+					<h2>💡</h2>
+					Man ist sich bewusst, dass
+					<ul>
+						<p class="fragment fade-in-then-semi-out">der Weg dorthin mehrere Jahre benötigt</p>
+						<p class="fragment fade-in-then-semi-out">ihn nicht jede Person im Unternehmen gehen wird</p>
+						<p class="fragment fade-in-then-semi-out">auf dem Weg ständige Begleitung, Weiterbildung, Unterstützung essenziell ist</p>
+					</ul>
+				</section>
+
+				<section><h2>Was sind mögliche Abgründe bei falscher Ausführung?</h2></section>
+				<section>
+					<h2>🕳️</h2>
+					<ul>
+						<p class="fragment fade-in-then-semi-out">Unpassendes Problem: Lösung nicht zufriedenstellend</p>
+						<p class="fragment fade-in-then-semi-out">Gestaltet der Auftraggeber nicht mit, wird das Falsche Produkt entwickelt</p>
+						<p class="fragment fade-in-then-semi-out">Fehlendes Vertrauen in die Entwickler führt zu Trackingwahn</p>
+						<p class="fragment fade-in-then-semi-out">Ohne Begleitung des Scrum-Teams wird Agilität zur Fassade</p>
+					</ul>
+				</section>
+				<section><h2>Was sind Nachteile von Scrum?</h2></section>
+				<section>
+					<h2>📉</h2>
+					<ul>
+						<p class="fragment fade-in-then-semi-out">Scrum nimmt an, dass der Kulturwandel bereits vollzogen ist</p>
+						<p class="fragment fade-in-then-semi-out">Nicht-agile Personentypen bleiben auf der Strecke</p>
+						<p class="fragment fade-in-then-semi-out">Scrum kann "Arbeit auf Zuruf" nicht abbilden</p>
+						<p class="fragment fade-in-then-semi-out">Optimierungswahn und Selbstausbeutung</p>
+						<p class="fragment fade-in-then-semi-out">Der Blick geht nach innen</p>
+					</ul>
+				</section>
+				<section><h2>Mein Fazit</h2></section>
+				<section> 
+					<p class="fragment fade-in-then-out">Scrum kann zu erheblich schneller verfügbaren und besser auf die Kundenwünsche zugeschnittenen Produkten führen.</p>
+					<p class="fragment fade-in-then-out">Scrum unterstützt flache Hierarchien und kann zu mehr Eigenverantwortung beitragen.</p>
+					<p class="fragment fade-in-then-out">Es ist eine große Herausforderung, die agile mit der klassischen Welt zu vereinen.</p>
+					<p class="fragment fade-in-then-out">Scrum ist im Alltag mit Blick auf <a href="#/10">die Zwiebel</a> schwach.</p>
+					<p class="fragment fade-in-then-out">Daher benötigt Scrum eine auf Dauer angelegte Anstrengung aller Beteiligten.</p>
+				</section>
+			</div>
+		</div>
+
+		<script src="dist/reveal.js"></script>
+		<script src="plugin/notes/notes.js"></script>
+		<script src="plugin/markdown/markdown.js"></script>
+		<script src="plugin/highlight/highlight.js"></script>
+		<script>
+			// More info about initialization & config:
+			// - https://revealjs.com/initialization/
+			// - https://revealjs.com/config/
+			Reveal.initialize({
+				hash: true,
+
+				// Learn about plugins: https://revealjs.com/plugins/
+				plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
+			});
+		</script>
+	</body>
+</html>