summaryrefslogtreecommitdiff
path: root/40-abschlusspraesentation/presentation.md
diff options
context:
space:
mode:
Diffstat (limited to '40-abschlusspraesentation/presentation.md')
-rw-r--r--40-abschlusspraesentation/presentation.md222
1 files changed, 222 insertions, 0 deletions
diff --git a/40-abschlusspraesentation/presentation.md b/40-abschlusspraesentation/presentation.md
new file mode 100644
index 0000000..22b197a
--- /dev/null
+++ b/40-abschlusspraesentation/presentation.md
@@ -0,0 +1,222 @@
+---
+theme: white
+css:
+ - style.css
+ - assets/fontawesome/css/all.min.css
+scripts:
+ - script.js
+highlightTheme: base16/solarized-light
+revealOptions:
+ transition: 'slide'
+---
+
+<img src="assets/logo.svg" />
+<span style="font-size: 16px; line-height: 1 !important; color: #888; letter-spacing: -.5px; font-weight: light;">
+<br>
+M.Sc. Hans-Peter Lehmann,
+M.Sc. Daniel Seemaier <br>
+Daniel Hönlinger,
+Gero Beckmann,
+Immanuel Reitz,
+Julius Friesen,
+Lukas Schmidheissler
+</span>
+
+Note:
+- Guten Morgen + Herzlich Willkommen
+- Abschlusspräsentation
+- Praxis zur Software-Entwicklung
+- Podcast Synchronisatin made Efficient
+- PSE²
+- Wir sind
+
+---
+
+#### Übersicht
+
+<img style="width: 70%;" src="assets/component6.svg" />
+
+Note:
+- Podcast Sync Server
+- Podcatcher syncen Abos + Hörfortschritte mit anderen Geräten
+- GPodder überfüllt
+- Server mit Spring, MariaDB
+- Metadaten von Podcast-Server
+- Mail
+- Frontend mit Vue, Bootstrap
+
+----
+### Anforderungen
+
+<div style="display: inline-block; text-align: left;">
+🚀 50 Anfragen/Sekunde<br>
+✉️ Registrieren per E-Mail<br>
+📰 Metadaten aus RSS <br>
+🔐 Persönliche Daten schützen<br>
+🔗 Kompatibilität mit GPodder<br>
+</div>
+
+---
+
+Klassendiagramm
+
+<div class="r-stack">
+ <img class="fragment" height="550" src="assets/diagrams/packageDiagram1.svg">
+ <img class="fragment" height="550" src="assets/diagrams/packageDiagram2.svg">
+ <img class="fragment" height="550" src="assets/diagrams/packageDiagram3.svg">
+ <img class="fragment" height="550" src="assets/diagrams/packageDiagram4.svg">
+</div>
+
+Note:
+- Schichtenmodell
+- HTTP-Anfrage
+- Controller parse
+- Service: Daten verarbeiten
+- DAO: Datenbank
+
+----
+
+Web-Komponenten
+
+<div class="r-stack">
+ <img class="fragment" src="assets/ui-components/layer1.png">
+ <img class="fragment" src="assets/ui-components/layer2.png">
+ <img class="fragment" src="assets/ui-components/layer3.png">
+ <img class="fragment" src="assets/ui-components/full.png">
+</div>
+
+Note:
+- Wiederverwendbare Komponenten.
+- Wie lang her? / Wie lange dauert?
+- Abonnement
+- Seite
+- Web-Anwendung
+
+---
+
+<img width="200px" src="assets/docker.webp" />
+<img width="200px" src="assets/gitlab.svg" />
+<img width="200px" src="assets/jmeter.svg" />
+<img width="200px" src="assets/latex.svg" />
+<img width="200px" src="assets/plantuml.svg" />
+<img width="200px" src="assets/lets-encrypt.svg" />
+<img width="200px" src="assets/checkstyle.png" />
+
+Note:
+- Neben Spring/Vue
+- Orga: GitLab (Issues)
+- Dokumenten-erstellung: LaTeX, PlantUML (Diagramme)
+- Analyse: Checkstyle, JMeter (Lasttest)
+- Deploy: Docker, Letsencrypt
+
+----
+<!-- .slide: data-background-image="assets/coffee.gif" -->
+
+# Koffein!!!
+
+Note:
+wie bei jedem PSE: dauert länger
+
+-> Kaffee / Mate Begleiter
+
+---
+<!-- .slide: data-auto-animate -->
+
+#### Das Projekt in Zahlen
+
+<pre data-id="code-animation"><code data-line-numbers="|3-4|6-7|9-10">
+class Statistics {
+ long SLOCDashboard = 2403;
+ long SLOCServer = 5986;
+
+ long commitsDashboard = 247;
+ long commitsServer = 435;
+
+ long filesDashboard = 38;
+ long filesServer = 72;
+}
+</code></pre>
+
+----
+<!-- .slide: data-auto-animate -->
+
+#### Das Projekt in Zahlen
+
+<pre data-id="code-animation"><code data-line-numbers="14-21">
+class Statistics {
+ long SLOCDashboard = 2403;
+ long SLOCServer = 5986;
+
+ long commitsDashboard = 247;
+ long commitsServer = 435;
+
+ long filesDashboard = 38;
+ long filesServer = 72;
+
+ long total(long a,b) { return a + b }
+
+ total(SLOCDashboard, SLOCServer);
+ total(commitsDashboard, commitsServer);
+ total(filesDashboard, filesServer);
+ /*
+ * SLOC Total: 8389
+ * commits Total: 687
+ * files Total: 110
+ */
+}
+
+</code></pre>
+
+----
+
+### Leistungsmessung
+
+<div style="display: flex; flex-direction: row; ">
+ <img style="flex-basis: 55%; flex-grow: 0; flex-shrink: 0; width: 40%;" src="assets/tachodiagramm.svg">
+ <div style="flex-basis: 45%; flex-grow: 0; flex-shrink: 0;">
+ <img src="assets/balken-old.svg">
+ <img src="assets/balken-optimized.svg">
+ </div>
+</div>
+
+Note:
+- Lasttest kategorisiern Requests in Wertebereiche
+- dual core erreicht Ziel nicht
+- mehr Kerne besser
+- Optimierungen nach Impl-Phase:
+- Docker, kompilieren zu JAR, Parameter
+
+----
+
+## Commit-Verlauf
+
+<img class="r-stretch" src="assets/commits.svg" />
+
+Note:
+- 3 Treffen/Woche
+- Klausurpausen
+- Längen Nächte zu Abgaben
+
+---
+
+## Fazit
+
+<div style="display: inline-block; text-align: left;">
+🌊 Wasserfallmodell mit Rückkopplung<br>
+✊ Mut für Neues<br>
+🗓️ Teamarbeit und Organisation<br>
+🧠 Lernerfahrung<br>
+
+
+Note:
+- Rückkopplung: Verbesserungen nach Abgabe
+- Mut: Komfortzone, Erfahrungen in Web-Entwicklung
+- Teamarbeit: 3 Treffen/Woche a 5 Std, Bib Buchen
+- Lernerfahrungen: LaTeX, Git, Web, Server/Domain aufsetzen, Docker
+- Vorschau
+
+</div>
+
+---
+<!-- .slide: data-background-iframe="http://pse-squared.de" data-background-interactive -->
+