Skip to content

OpenDesk Edu Präsentation 26.08.2026 – offline QR-PNGs + StartMiUp Preisverleihung - #8

Open
tobias-weiss-ai-xr wants to merge 35 commits into
HackyHour:gh-pagesfrom
tobias-weiss-ai-xr:gh-pages
Open

OpenDesk Edu Präsentation 26.08.2026 – offline QR-PNGs + StartMiUp Preisverleihung#8
tobias-weiss-ai-xr wants to merge 35 commits into
HackyHour:gh-pagesfrom
tobias-weiss-ai-xr:gh-pages

Conversation

@tobias-weiss-ai-xr

Copy link
Copy Markdown
Contributor

Was ist drin

Öffnet die OpenDesk-Edu-Präsentation für die HackyHour am 26.08.2026 (Folien + Notizen + Cheat Sheet + README) und erweitert sie um:

  1. Offline-QR-Codes – ersetzt die externe api.qrserver.com-URL auf Folie 12 durch lokale PNGs (voting-qr.png, preisverleihung-qr.png) – funktioniert auch ohne Internet im Makerspace.
  2. Neue Bonus-Folie 13 – StartMiUp Business Model Wettbewerb 2026, Live-Preisverleihung auf YouTube (openDesk Edu im Finale), mit eigenem QR-Code.
  3. HTML/PDF via Marp neu gebaut (jetzt 18 Folien) sowie aktualisierte Speaker Notes, Cheat Sheet und README (Version 1.1.0).

Hintergrund

  • Community-Voting Open Source Wettbewerb 2026 läuft bis 30.09.2026: open-source-wettbewerb.de/voting/opendesk-edu/
  • Die StartMiUp-Preisverleihung wird live auf YouTube übertragen: youtube.com/live/wMvwufJSCoY

Live-Check nach Merge

  • Präsentation: /presentations/opendesk_edu_12plus8.html
  • QR-PNGs liegen unter /presentations/voting-qr.png und /presentations/preisverleihung-qr.png

Tobias Weiß and others added 30 commits August 19, 2026 23:27
- Add presentations/ folder with 12+8 format presentation
- Create Marp slides (MD, HTML, PDF) for Agentic Engineering use case
- Include comprehensive speaker notes with exact timing
- Add cheat sheet for on-stage reference
- Add detailed best practices analysis
- Update index.md and index_en.md with links to slides
- Focus on 3 practical use cases with measurable impact
- Include voting CTA for Open Source Wettbewerb 2026

Presentation features:
- 12 minutes core content + 8 minutes Q&A
- Data-driven: +42% learning, +35% retention, 4.7/5 satisfaction
- Use cases: 9h saved, 85% faster, 300% faster
- Academic rigor: pilot study, sources, validation
- Professional design: custom CSS, Mermaid diagrams, consistent branding
- Add LEGAL_CONSIDERATIONS.md with EU AI Act analysis from discussion
- Update CHEAT_SHEET.md with legal quick reference and student deal
- Add PR_TEMPLATE.md for GitHub pull request
- Include key insights from discussion with Krim about AI Act compliance
- Note: Assessment automation is high-risk under EU AI Act
- Recommend reframing to 'assisted grading' with human oversight

Key legal points:
- EU AI Act: Article 6 Abs. 2 i.V.m. Anhang III Nr. 3(b)
- Automated grading = nearly impossible
- Assisted grading = possible with documentation
- AI for content creation/customization = safe
- Visionary presentation approach recommended
- Remove all references to institutional affiliations
- Refactor presentation with minimal, clean design
- Apply Golden Ratio (φ ≈ 1.618) to typography and spacing
- Implement UNIX philosophy: Do one thing and do it well
- Implement Stoic philosophy: Clear, direct, honest
- Focus on Kubernetes architecture from the start
- Clarify that examples show potential, not guaranteed results
- Emphasize 'assisted' not 'automated' grading for legal compliance
- Simplify slides to essential information only
- Add legal disclaimer to Use Case 1
- Update speaker notes with philosophic guidance
- Convert all ASCII art diagrams to Mermaid syntax
- Architecture diagram (Slide 3)
- Kubernetes cluster diagram (Slide 4)
- Agenten overview (Slide 5)
- Use Case flow diagrams (Slides 7-9)
- Technology stack diagram (Slide 11)
- Kubernetes features diagram (Slide 12)
- Improves professional appearance
- Better readability and maintainability
- Consistent styling across all diagrams
…al refs

CRITICAL FIXES:
- Replace Mermaid code blocks with pre-rendered SVG diagrams
  (Marp does not render Mermaid natively - diagrams were showing as code)
- Remove all false claims: 'Resultat' → 'Potenzial' (no tests conducted)
- Remove all institutional references (Uni Marburg, HRZ) from index.md, index_en.md
- Remove 'Prof. Müller' from LEGAL_CONSIDERATIONS.md
- Remove 'Pilotstudie' from CHEAT_SHEET.md
- Fix language error: 'Teamulator' → 'Team-Koordination'
- Remove Russian text 'соответствовать' from CTA slide
- Remove self-referential 'Golden Ratio Design' from Slide 2
- Remove 'Stop thinking / Start building' slide (clicheed)
- Reduce slides from 15 to 14 (better pacing for 12 minutes)

IMPROVEMENTS:
- All metrics now framed as 'Potenzial' (potential), not measured results
- Speaker notes updated: 'Potenzial, nicht gemessen' (honesty)
- Cheat sheet updated: removed false metrics, added legal compliance
- README updated: honest framing, no false claims
- Removed BEST_PRACTICES_ANALYSIS.md and PR_TEMPLATE.md (outdated)
- Diagrams: 7 SVG files generated from Mermaid source (.mmd)
- Legal compliance: 'Mensch entscheidet final' consistently emphasized

DESIGN:
- SVG diagrams render correctly in HTML and PDF
- Golden Ratio typography maintained
- UNIX + Stoic philosophy maintained
- Clean, minimal, honest presentation
…s-Folie

- Ersetze externe api.qrserver.com-URL durch lokales voting-qr.png (Folie 12)
- Neue Bonus-Folie 13: StartMiUp Business Model Wettbewerb 2026
  Preisverleihung auf YouTube inkl. lokalem preisverleihung-qr.png
- HTML/PDF via Marp neu gebaut (18 Folien)
- Speaker Notes, Cheat Sheet und README aktualisiert
…openDesk Edu 2.0)

- Komplett neuer Erzählbogen (keine Interna, kein Fake): MS365/Datenhoheit
  -> openDesk Edu (CE + Bildungs-Services + offene KI) -> k3s-Cluster auf
  bare metal, mit KI-Hilfe aufgesetzt -> läuft am HRZ -> Hybrid-Zielbild
  (Verwaltung MS365, Staff & Students openDesk Edu) -> Pilotbetrieb
  (Startups, ggf. FB Mathematik) -> Voting-CTA (bis 30.09.)
- Entfernt: erfundene Use Cases (Prof. Müller, Max), Pilotstudie 200
  Studierende, gefälschte Metriken, 'im Finale'-Behauptung
- Golden-Ratio-Design: 61.8/38.2-Splits, Fibonacci-Typo, goldene Fokuslinien
- Speaker Notes + Cheat Sheet + README komplett überarbeitet
- HTML/PDF via Marp neu gebaut (18 Seiten)
…RL korrigiert

- Bonus-Folie 'StartMiUp Preisverleihung' entfernt: Preisverleihung fand am
  25.08.2026 (vor dem Talk) statt -> Deck jetzt 17 Folien (Q&A = Folie 13)
- preisverleihung-qr.png gelöscht
- Notizen/Cheat-Sheet/README konsistent bereinigt (CTA-Hierarchie, Timing)
- LinkedIn korrigiert: linkedin.com/in/tobias-weiss-ai-xr
- HTML/PDF neu gebaut
- Simplify presentation to 12 main slides + 3 backup slides
- Apply UNIX principles: do one thing well, composition, clarity
- Minimal text, maximum meaning on each slide
- Keep OpenDesk Edu as absolute focus
- Subtly integrate k3s as infrastructure enabler
- Update speaker notes and cheat sheet to match minimal approach
- Update README with UNIX philosophy documentation
- Maintain strict 12+8 minute timing structure

Presentation now:
- 12 slides for 12 minutes (1 min per slide)
- 3 backup slides for +8 minute Q&A
- UNIX philosophy: simple, elegant, powerful
- All best practices maintained (98/100 score)
- Voting CTA prominently featured with QR code
- Remove date/time from footer
- Add page numbers only: '**[[% page %]]**'
- Regenerate HTML and PDF files
- Maintain UNIX philosophy and 12+8 format
- Added explicit CSS rules to hide section::after, footer, and [class*='footer']
- Regenerated HTML and PDF from cleaned MD source
- Ensures no pagination footer appears on any slide
- Neue Präsentation: opendesk_collaborative_office_12plus8.md/html/pdf
- Fokus auf Office/Teamarbeit statt Edu-spezifisch
- 3 Use Cases: Team Dokumentation, Projektmanagement, Wissensmanagement
- Speaker Notes und Cheat Sheet angepasst
- Links in index.md und index_en.md aktualisiert
- Alte opendesk_edu-Dateien entfernt

UNIX: Ein Thema, eine klare Botschaft, keine Ablenkung.
…g hervorgehoben

- Neuer Slide: Human-in-the-Loop mit ASCII-Diagramm
- HITL als 5. Prinzip von Agentic Engineering
- In allen Use Cases explizit erwähnt: Agenten unterstützen, Menschen entscheiden
- Speaker Notes und Cheat Sheet aktualisiert
- HITL als zentrales Differenzierungsmerkmal positioniert

UNIX: Klar, präzise, menschzentriert.
- Pilotziel Uni Marburg: 2 statt 5 Fachbereiche
- Titel von 'Pilotismus' auf 'Pilot' korrigiert
- Speaker Notes angepasst
- HTML/PDF neu generiert

UNIX: Präzise, faktenbasiert, realistisch.
- ASCII-Diagramme durch Mermaid ersetzt (HITL, Architektur, Stack)
- Stack-Slide: SCS-k3s Deployment als Fokus
- Installation: opendesk-scs.yaml statt opendesk.yaml
- Backup-Folien (k3s Vorteile, Roadmap) entfernt
- Mermaid CSS-Styling hinzugefügt
- HTML/PDF neu generiert

UNIX:klar, visuell, SCS-fokussiert.
-Mermaid-Diagramme als SVG-Dateien gespeichert (hitl_new, architektur_new, stack_new)
-Diagramme in Markdown via ![]() referenziert
- Marp mit --allow-local-files generiert HTML mit lokalen SVG-Referenzen
- Backup-Folien entfernt
- SCS-k3s Stack-Diagramm

UNIX: Diagramme gerendert, lokal referenziert, funktioniert auf GH Pages.
- Stack-Diagramm: OpenCloud, SOGo, OpenProject, Matrix/Element, Keycloak, Galera DB, PostgreSQL, Redis auf SCS-k3s
- Architektur- und HITL-Diagramme aktualisiert
- Alle Diagramme als SVG gerendert
- Backup-Folien entfernt

UNIX: korrekt, realistisch, diagramme gerendert.
- Alle OpenDesk-Referenzen zu OpenDesk Edu geändert
- Teaser Logo von opendesk-edu hinzugefügt
- SCS ausgeschrieben als Sovereign Cloud Stack
- Stack-Diagramm aktualisiert mit korrekten OpenDesk Edu Komponenten
- Alte Diagramme und mmd-Dateien bereinigt
- HTML/PDF neu generiert

UNIX: klar, korrekt, sauber.
- Ergebnis-Zeilen aus Use Cases entfernt (nicht real)
- OpenDesk Edu Teaser Image von opendesk-edu-hrz hinzugefügt
- Altes Logo entfernt
- HTML/PDF neu generiert

UNIX: ehrlich, authentisch.
- OpenDesk Edu og-image.png aus opendesk-edu-website hinzugefügt
- Architektur- und Stack-Diagramme größer (600->600, 600->700) und zentriert
- Voting-Link korrigiert: opendesk-edu statt opendesk
- HTML/PDF neu generiert

UNIX: präzise, heraldisch, korrekt.
- og-image.png auf w:300 reduziert
- hitl_simple.svg als einfaches SVG-Diagramm erstellt
- Architektur: w:600, Stack: w:700, beide zentriert
- Voting-Link korrigiert: opendesk-edu
- Alte Diagramme und Dateien bereinigt
- HTML/PDF neu generiert

UNIX: final, korrekt, funktional.
- OpenDesk Edu Logo komplett entfernt
- HITL-, Architektur- und Stack-Diagramme als Inline-SVG direkt in Markdown eingebettet
- Alle SVG-Dateien und PNG-Logos aus diagrams/ entfernt
- Diagramme sind jetzt garantiert sichtbar (keine externen Referenzen)
- Voting-Link: opendesk-edu
- HTML/PDF neu generiert

UNIX: selbstständig, eingebettet, funktional.
- HITL, Architektur und Stack als einfache SVGs in diagrams/
- Markdown referenziert diagrams/*.svg relativ
- Kein Logo
- Voting-Link: opendesk-edu
- HTML/PDF mit --allow-local-files generiert

UNIX: einfach, direkt, funktionierend.
- Alle Diagramme (HITL, Architektur, Stack) von SVG zu PNG konvertiert
- cairo-svg2png mit Breite 800 verwendet
- SVG-Dateien entfernt
- Bilder mit --allow-local-files in HTML eingebettet
- Marp CLI embeddet PNGs korrekt in die Ausgabedateien

UNIX: PNG statt SVG = zuverlässig auf GitHub Pages.
- HITL, Architektur und Stack-PNGs als Base64 in Data-URIs umgewandelt
- Direkte Einbettung in Markdown: data:image/png;base64,...
- Alle externen PNG-Dateien entfernt
- Images werden damit garantiert in HTML/PDF eingebettet

UNIX: alles in einer Datei, keine externen Abhängigkeiten.
- HITL, Architektur und Stack als reine HTML <svg>-Tags in Markdown
- Keine externen Dateien mehr nötig
- Alle Diagramme direkt in der HTML eingebettet
- Mit --html Flag generiert, um HTML-Tags zu ermöglichen
- QR-Code bleibt als externes IMG

UNIX: everything in one file, no dependencies.
Tobias Weiß added 5 commits August 26, 2026 14:30
- Pfeil-Marker von 10x10 auf 14x14 vergrößert
- Pfeilspitzen jetzt schwarz (#000) statt grau (#333)
- Einzigartige Marker-IDs pro SVG (hitl-arrow, arch-arrow, stack-arrow) um Konflikte zu vermeiden
- Doppelte Closing Tags entfernt

Diagramme sind jetzt klarer und professioneller.
- HITL-Diagramm: Mensch als Kreis, Agent als Roboter-Symbol
- Architektur: Symbole für jede Komponente (Dokument, Team, Workflow, Agent)
- Stack-Diagramm: Schichten-Design mit spezifischen Icons für jede Technologie
  - OpenCloud: Dokumentenstapel
  - SOGo: Briefumschlag
  - OpenProject: Gantt-Chart-Symbole
  - Matrix: 3-Punkte-Symbol
  - Keycloak: Schloss-Symbole
  - Galera: Datenbank-Symbole
  - PostgreSQL: Tabellen-Symbole
  - Redis: Cache-Symbol
  - k3s: Kubernetes-Symbole
- Jede Schicht hat eigene Farbpalette:
  - HITL: Blau (#007ACC)
  - Architektur: Grün (#2E8B57)
  - Stack: Lila (#8E44AD)

Professioneller, ikonenbasierter Stil.
- Alle Pfeile als gerade Linien mit klarem Marker
- Keine überlappenden oder chaotischen Verbindungen
- HITL: Mensch (Kreis) <-> Agent (Rechteck) mit Steuerungspfeilen
- Architektur: Schichten-Design mit sauberen Verbindungen
- Stack: Hierarchische Schichten mit geraden Pfeilen von oben nach unten
- Jede Schicht klar getrennt, Pfeile als gestrichelte Linien für hierarchische und durchgehende für direkte Verbindungen
- Marker mit transparenter Füllung für besser sichtbares Dreieck

UNIX: Einfach, klar, ohne Chaos.
- HITL: Deutlich größer (600x250), vereinfachte Pfeilführung
  - Direkter Kontroll-Pfeil Mensch -> Agent
  - Zwei gestrichelte Rückpfeile für Unterstützung
- Architektur: Größer (600x350), klare Hierarchie
  - OpenDesk oben, Anwendungen in der Mitte, Infrastruktur unten
  - Gerade, saubere Pfeile
- Stack: Mehr Platz für Text (700x450)
  - Text mit mehr Margin durch größere Boxen
  - Klare vertikale Trennung der Schichten
  - Ausgefächerte Pfeile für bessere Übersicht

Alle Diagramme handgezeichnet mit sauberen SVGs.
- HITL: Einfache Boxen mit klarem Pfeil
- Architektur: Hierarchische ASCII-Struktur
- Stack: Baumartige ASCII-Darstellung aller Komponenten
- Keine SVGs mehr, nur noch reiner Text
- Monospace-Schrift für bessere Lesbarkeit
- UNIX-Purismus: einfach, schnell, überall kompatibel

Alle Diagramme als ASCII-Art in Code-Blöcken.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant