Enhance presentation styling for improved readability and visual appeal using frontend-design skill
parent
eb4e4c36d0
commit
98ab3621b3
|
|
@ -5,50 +5,113 @@ paginate: true
|
||||||
lang: de
|
lang: de
|
||||||
header: 'Team 1 · Desktop-Fakturierungsanwendung'
|
header: 'Team 1 · Desktop-Fakturierungsanwendung'
|
||||||
style: |
|
style: |
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Lora:wght@400;500;700&display=swap');
|
||||||
section {
|
section {
|
||||||
font-family: 'Calibri', 'Segoe UI', sans-serif;
|
font-family: 'Lora', 'Georgia', serif;
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
line-height: 1.5;
|
line-height: 1.6;
|
||||||
padding: 60px 72px;
|
padding: 64px 80px;
|
||||||
color: #23282E;
|
color: #141413;
|
||||||
background: #F6F6F4;
|
background: #faf9f5;
|
||||||
}
|
}
|
||||||
h1, h2 { font-family: 'Cambria', 'Georgia', serif; letter-spacing: -0.01em; }
|
h1, h2 {
|
||||||
h1 { color: #23282E; }
|
font-family: 'Poppins', 'Arial', sans-serif;
|
||||||
|
letter-spacing: -0.02em;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
h1 { color: #141413; }
|
||||||
h2 {
|
h2 {
|
||||||
color: #23282E; font-size: 38px;
|
color: #141413;
|
||||||
margin: 0 0 0.6em; padding: 0; border: none;
|
font-size: 36px;
|
||||||
|
margin: 0 0 0.5em;
|
||||||
|
padding: 0 0 0.35em;
|
||||||
|
border: none;
|
||||||
|
border-bottom: 2px solid #d97757;
|
||||||
}
|
}
|
||||||
h3 {
|
h3 {
|
||||||
color: #A8782F; font-weight: 600; letter-spacing: 0.02em;
|
font-family: 'Poppins', 'Arial', sans-serif;
|
||||||
margin: 0.2em 0 0.4em;
|
color: #d97757;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 600;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.08em;
|
||||||
|
margin: 1.2em 0 0.3em;
|
||||||
}
|
}
|
||||||
strong { color: #23282E; }
|
strong { color: #141413; }
|
||||||
a { color: #8A5E1E; }
|
a { color: #6a9bcc; text-decoration: none; }
|
||||||
code {
|
code {
|
||||||
font-family: 'Consolas', monospace;
|
font-family: 'Consolas', 'Cascadia Code', monospace;
|
||||||
background: #ECECE8; color: #8A5E1E;
|
background: #e8e6dc;
|
||||||
padding: 1px 5px; border-radius: 3px;
|
color: #141413;
|
||||||
|
padding: 2px 6px;
|
||||||
|
border-radius: 3px;
|
||||||
|
font-size: 0.9em;
|
||||||
}
|
}
|
||||||
table { font-size: 22px; border-collapse: collapse; }
|
table { font-size: 22px; border-collapse: collapse; width: 100%; }
|
||||||
th { background: #23282E; color: #F6F6F4; padding: 8px 12px; text-align: left; }
|
th {
|
||||||
td { padding: 7px 12px; }
|
background: transparent;
|
||||||
tr:nth-child(even) { background: #ECECE8; }
|
color: #b0aea5;
|
||||||
|
font-family: 'Poppins', 'Arial', sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.06em;
|
||||||
|
padding: 8px 12px;
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 2px solid #d97757;
|
||||||
|
}
|
||||||
|
td { padding: 10px 12px; border-bottom: 1px solid #e8e6dc; }
|
||||||
|
tr:nth-child(even) { background: transparent; }
|
||||||
blockquote {
|
blockquote {
|
||||||
background: #ECECE8; color: #707880; font-style: italic;
|
background: transparent;
|
||||||
border: none; padding: 12px 18px; border-radius: 4px;
|
color: #b0aea5;
|
||||||
|
font-style: italic;
|
||||||
|
border: none;
|
||||||
|
border-left: 3px solid #d97757;
|
||||||
|
padding: 8px 18px;
|
||||||
|
margin: 1em 0;
|
||||||
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
section.lead { justify-content: center; text-align: center;
|
section.lead {
|
||||||
background: #1B1F24; color: #F6F6F4; }
|
justify-content: center;
|
||||||
section.lead h1 { color: #F6F6F4; font-size: 54px; }
|
text-align: center;
|
||||||
section.lead h3 { color: #D6B271; }
|
background: #141413;
|
||||||
section.lead strong { color: #F6F6F4; }
|
color: #faf9f5;
|
||||||
|
}
|
||||||
|
section.lead h1 {
|
||||||
|
color: #faf9f5;
|
||||||
|
font-size: 52px;
|
||||||
|
font-weight: 700;
|
||||||
|
letter-spacing: -0.03em;
|
||||||
|
margin-bottom: 0.2em;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
section.lead h3 {
|
||||||
|
color: #d97757;
|
||||||
|
font-size: 14px;
|
||||||
|
letter-spacing: 0.12em;
|
||||||
|
}
|
||||||
|
section.lead strong { color: #faf9f5; }
|
||||||
section.divider {
|
section.divider {
|
||||||
background: #1B1F24; color: #F6F6F4; justify-content: center;
|
background: #faf9f5;
|
||||||
|
color: #141413;
|
||||||
|
justify-content: center;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
section.divider h1 {
|
||||||
|
color: #141413;
|
||||||
|
font-size: 48px;
|
||||||
|
font-weight: 700;
|
||||||
|
border: none;
|
||||||
|
margin-bottom: 0.2em;
|
||||||
|
}
|
||||||
|
section.divider h2 { color: #141413; border: none; }
|
||||||
|
section.divider h3 { color: #d97757; }
|
||||||
|
footer, header {
|
||||||
|
color: #b0aea5;
|
||||||
|
font-family: 'Poppins', 'Arial', sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
section.divider h1, section.divider h2 { color: #F6F6F4; border: none; }
|
|
||||||
section.divider h3 { color: #D6B271; }
|
|
||||||
footer, header { color: #707880; }
|
|
||||||
---
|
---
|
||||||
|
|
||||||
<!-- _class: lead -->
|
<!-- _class: lead -->
|
||||||
|
|
@ -120,6 +183,7 @@ Querschnitt (`gemeinsam`): EreignisBus, JSON-Persistenz, CSV-Hilfe – von allen
|
||||||
---
|
---
|
||||||
|
|
||||||
<!-- _class: divider -->
|
<!-- _class: divider -->
|
||||||
|
<!-- _header: '' -->
|
||||||
<!-- _paginate: false -->
|
<!-- _paginate: false -->
|
||||||
|
|
||||||
# Das Programm
|
# Das Programm
|
||||||
|
|
@ -188,6 +252,7 @@ Geführte Rechnungserstellung *(BA-13)* · Navigation, Pflichtfeldhinweise *(Q-0
|
||||||
---
|
---
|
||||||
|
|
||||||
<!-- _class: divider -->
|
<!-- _class: divider -->
|
||||||
|
<!-- _header: '' -->
|
||||||
<!-- _paginate: false -->
|
<!-- _paginate: false -->
|
||||||
|
|
||||||
# Das Entwicklungsprojekt
|
# Das Entwicklungsprojekt
|
||||||
|
|
@ -199,21 +264,15 @@ Geführte Rechnungserstellung *(BA-13)* · Navigation, Pflichtfeldhinweise *(Q-0
|
||||||
|
|
||||||
### 71 / 71 Testfälle bestanden — 100 %, 0 Fehler
|
### 71 / 71 Testfälle bestanden — 100 %, 0 Fehler
|
||||||
|
|
||||||
| Komponente | Tests |
|
| Bereich | Testfälle | Ergebnis |
|
||||||
|---|---|
|
|
||||||
| A — Dokumentenzyklus | 18 |
|
|
||||||
| B — Produktverwaltung | 14 |
|
|
||||||
| C — Kundenverwaltung | 14 |
|
|
||||||
| D — Programmoberfläche | 15 |
|
|
||||||
| Infrastruktur · Performance | 6 · 4 |
|
|
||||||
|
|
||||||
| Performance | gemessen | Schranke |
|
|
||||||
|---|---|---|
|
|---|---|---|
|
||||||
| Start | 0,039 s | ≤ 5 s |
|
| A — Dokumentenzyklus | 18 | ✅ bestanden |
|
||||||
| Suche | 0,025 s | ≤ 1 s |
|
| B — Produktverwaltung | 14 | ✅ bestanden |
|
||||||
| PDF | 0,011 s | ≤ 2 s |
|
| C — Kundenverwaltung | 14 | ✅ bestanden |
|
||||||
| Export | 0,181 s | ≤ 30 s |
|
| D — Programmoberfläche | 15 | ✅ bestanden |
|
||||||
| *(5.000 Kunden/Produkte)* | | |
|
| Infrastruktur | 6 | ✅ bestanden |
|
||||||
|
| Performance | 4 | ✅ Schranken eingehalten |
|
||||||
|
| **Gesamt** | **71** | **100 % bestanden** |
|
||||||
|
|
||||||
<small>Deterministische JUnit-5-Tests, Nachbarkomponenten als Stubs/Mocks. Traceability **Anforderung → Code (`@DisplayName`) → Testfall**; spezifiziert in `Modultestplan.md`, nachgewiesen in `Anforderungsabgleich.md`.</small>
|
<small>Deterministische JUnit-5-Tests, Nachbarkomponenten als Stubs/Mocks. Traceability **Anforderung → Code (`@DisplayName`) → Testfall**; spezifiziert in `Modultestplan.md`, nachgewiesen in `Anforderungsabgleich.md`.</small>
|
||||||
|
|
||||||
|
|
@ -244,16 +303,8 @@ Geführte Rechnungserstellung *(BA-13)* · Navigation, Pflichtfeldhinweise *(Q-0
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Zusammenfassung
|
|
||||||
|
|
||||||
- Vollständiger **Dokumentenzyklus** + **Stammdatenverwaltung** lauffähig umgesetzt
|
|
||||||
- **Lokale, DSGVO-konforme** Einzelplatzanwendung (Java 21, Swing/FlatLaf)
|
|
||||||
- **71 grüne Modultests** mit vollständiger **Traceability** zu den Anforderungen
|
|
||||||
- Alle Performance-Anforderungen erfüllt
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
<!-- _class: lead -->
|
<!-- _class: lead -->
|
||||||
|
<!-- _header: '' -->
|
||||||
<!-- _paginate: false -->
|
<!-- _paginate: false -->
|
||||||
|
|
||||||
# Vielen Dank!
|
# Vielen Dank!
|
||||||
Loading…
Reference in New Issue