Bewegtbild: der richtige Weg von der Nachricht zur Aufgabe
Die erste Fassung hatte den Ablauf im Kreis: getippt wurde "Danke. Ich habe
dazu direkt eine Aufgabe erstellt.", abgeschickt -- und *danach* wuchs an
dieser Nachricht eine Aufgabenkarte. Sie meldete also eine Aufgabe, die es
noch gar nicht gab, und wurde anschliessend selbst zu einer.
Nachgesehen in GeneralTeamChatPage.tsx: eine Aufgabe entsteht ueber das Menue
hinter dem Pluszeichen ("Aufgabe erstellen", Zeile 275). Das Ergebnis ist
Nachricht m4 -- Text UND angehaengte Aufgabenkarte in einem -- gefolgt von der
Systemzeile m5. Ein Kontextmenue an einer bestehenden Nachricht gibt es dort
nicht; eine Umwandlung "Nachricht -> Aufgabe" zu zeigen waere eine Funktion,
die wir nicht haben.
Jetzt also: Notiz tippen, Pluszeichen, "Aufgabe erstellen" waehlen, und beides
geht zusammen als eine Nachricht raus, danach die Bestaetigung im Projekt. Der
Satz im Perfekt stimmt damit auch -- wenn die Nachricht ankommt, haengt die
Aufgabe daran.
Am Ende wird nichts mehr zurueckgenommen. Der Vorgaenger blendete die neue
Nachricht wieder aus, damit der Schleifenstoss unsichtbar wird; das sah aus,
als loesche sich eine abgeschickte Nachricht von selbst. Eine Schleife darf
springen, eine Nachricht darf nicht verschwinden.
Dazu ein Mauszeiger, der die Bedienung erzaehlt -- ohne ihn geht ein Menue
auf und man weiss nicht, warum -- und acht statt fuenf Sekunden: der Ablauf
hat jetzt fuenf Schritte, und jeder braucht seinen Moment.
Was ein Standbild traegt, traegt eine Animation nicht automatisch mit: auf
Slide 3 liest sich dieselbe Nachricht einwandfrei, weil dort ein Zustand steht
und keine Reihenfolge.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
9e8b2ea607
commit
d4feaa175b
4 files changed
+231
-88
No files matched your search
@@ -36,7 +36,7 @@ Dazu, außerhalb des Streifens:
|
||||
|
||||
| Schlüssel | Tag | Überschrift | Was zu sehen ist |
|
||||
|---|---|---|---|
|
||||
| `animChat` | Bewegtbild | Getippt, **und schon im Projekt.** | 5 s Animation: die Nachricht wird geschrieben, abgeschickt und landet mit ihrer Aufgabe im Verlauf |
|
||||
| `animChat` | Bewegtbild | Getippt, **und schon im Projekt.** | 8 s Animation: eine Notiz wird getippt, über das Pluszeichen wird „Aufgabe erstellen" gewählt, und beides geht zusammen als eine Nachricht raus |
|
||||
|
||||
**Slide 3 ist der Kern.** Der Redaktionsplan verlangt „Foto rein, Aufgabe
|
||||
raus", und genau das liegt im Werkzeug als Abfolge vor: Tobias schickt die
|
||||
@@ -324,7 +324,7 @@ violett.** Im Original steht dort `bg-surface-neutral-primary` mit Rand und
|
||||
|
||||
---
|
||||
|
||||
## 6. Vierzehn Fallen aus diesem Bau
|
||||
## 6. Fünfzehn Fallen aus diesem Bau
|
||||
|
||||
**Die Listenzeile hat drei Zeilen, nicht zwei.** Der erste Anlauf setzte Titel
|
||||
und Vorschau untereinander und schob Nadel und Ungelesen-Punkt rechts neben
|
||||
@@ -429,42 +429,77 @@ Spalte aus zwei Zeilen — oben eine neu eingezogene `#stageflaeche` mit Scrolle
|
||||
und Fußleiste, darunter die Leiste. Eingezogen wird sie beim Start per Skript,
|
||||
damit der HTML-Rumpf jeder Datei unverändert bleibt.
|
||||
|
||||
**Eine Animation deckt auf, was ein Standbild verdeckt.** Auf Slide 3 steht
|
||||
die Nachricht „Danke. Ich habe dazu direkt eine Aufgabe erstellt." mit
|
||||
angehängter Aufgabenkarte, und das liest sich einwandfrei: ein Zustand, eine
|
||||
Momentaufnahme. Sobald derselbe Inhalt einen Ablauf bekommt, fällt auf, dass
|
||||
Text und Anhang einander bedingen — die Nachricht meldete eine Aufgabe, die im
|
||||
selben Zug erst entstand. Der Fehler lag nicht in der Quelle, sondern darin,
|
||||
eine Momentaufnahme für eine Reihenfolge zu halten. Mehr dazu in §7.
|
||||
|
||||
---
|
||||
|
||||
## 7. Das Bewegtbild
|
||||
|
||||
Fünf Sekunden, 150 Bilder, `animation/post6-animChat.mp4`. Gezeichnet wird es
|
||||
Acht Sekunden, 240 Bilder, `animation/post6-animChat.mp4`. Gezeichnet wird es
|
||||
von `animChat(i, t)` in `post6.html`, mit denselben Bausteinen wie jede Slide —
|
||||
nur bekommt die Funktion neben der Nummer den Fortschritt `t` und leitet daraus
|
||||
alles ab. Der Eintrag steht in `ANIMS`, nicht in `SLIDES`.
|
||||
|
||||
| Zeit | Was passiert |
|
||||
|---|---|
|
||||
| 0,3 – 2,2 s | Die Antwort wird Zeichen für Zeichen ins Eingabefeld getippt, der Cursor blinkt. Sobald Text darin steht, wird aus dem Mikrofon der Senden-Knopf |
|
||||
| 2,2 – 2,5 s | Das Feld leert sich |
|
||||
| 2,4 – 3,3 s | Die Blase wächst von unten in den Verlauf, der Verlauf schiebt sich nach oben |
|
||||
| 3,2 – 4,0 s | Die Aufgabenkarte klappt in der Blase auf, die Blase wächst mit |
|
||||
| 3,9 – 4,6 s | Die Systemzeile „Aufgabe „Materialliste prüfen" im Projekt erstellt" erscheint darunter |
|
||||
| 4,6 – 5,0 s | Alles blendet zurück auf den Anfangsstand, damit die Schleife schließt |
|
||||
| 0,4 – 2,9 s | Die Notiz wird Zeichen für Zeichen ins Eingabefeld getippt, der Cursor blinkt. Sobald Text darin steht, wird aus dem Mikrofon der Senden-Knopf |
|
||||
| 2,9 – 3,8 s | Der Zeiger fährt auf das Pluszeichen und klickt |
|
||||
| 3,6 – 4,5 s | Das Menü klappt nach oben auf, die Zeilen gestaffelt |
|
||||
| 4,5 – 5,8 s | Der Zeiger geht auf „Aufgabe erstellen", die Zeile hebt sich, Klick |
|
||||
| 5,7 – 6,1 s | Das Menü schließt, das Feld leert sich |
|
||||
| 5,8 – 6,7 s | Die Nachricht wächst in den Verlauf, Text und Aufgabenkarte zusammen |
|
||||
| 6,7 – 7,4 s | Die Systemzeile „Aufgabe „Materialliste prüfen" im Projekt erstellt" erscheint |
|
||||
| 7,4 – 8,0 s | Halt auf dem Ergebnis |
|
||||
|
||||
Vier Entscheidungen dahinter:
|
||||
### Der erste Anlauf hatte den Ablauf falsch herum
|
||||
|
||||
Dort wurde die Nachricht „Danke. Ich habe dazu direkt eine Aufgabe erstellt."
|
||||
getippt, abgeschickt, und **danach** wuchs an ihr eine Aufgabenkarte. Die
|
||||
Nachricht meldete also eine Aufgabe, die es noch gar nicht gab, und wurde
|
||||
anschließend selbst zu einer. Ein Kreis, kein Ablauf.
|
||||
|
||||
Nachgesehen in `GeneralTeamChatPage.tsx`: eine Aufgabe entsteht über das Menü
|
||||
hinter dem Pluszeichen („Aufgabe erstellen", Zeile 275), und das Ergebnis ist
|
||||
Nachricht `m4` — Text **und** angehängte Aufgabenkarte in einem — gefolgt von
|
||||
der Systemzeile `m5`. **Ein Kontextmenü an einer bestehenden Nachricht gibt es
|
||||
dort nicht.** Wer eine Umwandlung „Nachricht → Aufgabe" zeigt, zeigt eine
|
||||
Funktion, die wir nicht haben, auch wenn die Website den Nutzen so beschreibt
|
||||
(„Aus „mach das mal" wird mit einem Klick eine echte Aufgabe").
|
||||
|
||||
Die Reihenfolge ist deshalb: Notiz tippen, Pluszeichen, „Aufgabe erstellen",
|
||||
und beides geht zusammen als eine Nachricht raus. Der Satz im Perfekt stimmt
|
||||
dann auch: wenn die Nachricht ankommt, hängt die Aufgabe daran.
|
||||
|
||||
### Vier Entscheidungen
|
||||
|
||||
- **Der Verlauf hängt am unteren Rand, nicht am oberen.** Damit erzeugt jedes
|
||||
Wachstum das Hochschieben von selbst, ohne eine zweite Rechnung für das
|
||||
Scrollen. Die drei vorherigen Nachrichten sind dieselben wie auf Slide 1 und
|
||||
stammen aus `GeneralTeamChatPage.tsx`, nicht aus einem erfundenen Szenario.
|
||||
- **Sie liegt neben den Slides, nicht darin.** Ein erster Anlauf machte sie zur
|
||||
- **Sie liegt neben den Slides, nicht darin.** Ein Zwischenstand machte sie zur
|
||||
sechsten Slide im Streifen. Damit wanderte sie in die Slide-Auswahl, in die
|
||||
Zählung „Carousel, 6 Slides" und in den Bildexport, der sie als Standbild
|
||||
mitschrieb. Ein Video, das man nur zusammen mit den Bildern herausbekommt,
|
||||
ist im Carousel aber nicht getrennt einsetzbar.
|
||||
- **Getippt wird ein Satz, der ohnehin im Verlauf steht.** `ANIM_TIPP` ist
|
||||
`VERLAUF[3].text` — die Nachricht, die im Werkzeug an dieser Stelle folgt.
|
||||
Kein Text ist für die Animation erfunden worden, auch keine Uhrzeit.
|
||||
- **Das letzte Bild ist nicht das erste.** Der Fortschritt läuft über
|
||||
`t = n / anzahl`; bei `n / (anzahl − 1)` wären Anfang und Ende dasselbe Bild
|
||||
und der Stoß der Schleife stünde eine Dreißigstelsekunde still.
|
||||
ist im Carousel nicht getrennt einsetzbar.
|
||||
- **Der Mauszeiger ist erzählerisches Mittel, kein Bestandteil des Werkzeugs.**
|
||||
Ohne ihn sieht man ein Menü aufgehen und weiß nicht, warum. Er ist weiß mit
|
||||
dunkler Kante, damit er auf dem Verlauf wie auf dem Menü liest, und geht
|
||||
nach dem zweiten Klick zügig weg — ein Zeiger, der ohne Aufgabe über dem
|
||||
Verlauf stehen bleibt, zieht den Blick von der ankommenden Nachricht ab.
|
||||
- **Am Ende wird nichts zurückgenommen.** Der erste Anlauf blendete die neue
|
||||
Nachricht wieder aus, damit der Schleifenstoß unsichtbar wird. Das sah aus,
|
||||
als lösche sich eine abgeschickte Nachricht von selbst. Eine Schleife darf
|
||||
springen, eine Nachricht darf nicht verschwinden.
|
||||
|
||||
Nachgeprüft mit `ffprobe`: H.264 High, `yuv420p`, 1080 × 1350, 30 fps, Dauer
|
||||
exakt 5,000000 s, stumme AAC-Spur, `moov` am Dateianfang, 1,1 MB.
|
||||
Kein Text und keine Uhrzeit ist für die Animation erfunden worden. Getippt wird
|
||||
`VERLAUF[3].text`, also genau die Nachricht, die im Werkzeug an dieser Stelle
|
||||
steht.
|
||||
|
||||
Nachgeprüft mit `ffprobe`: H.264 High, `yuv420p`, 1080 × 1350, 30 fps, 240
|
||||
Bilder, Dauer exakt 8,000000 s, stumme AAC-Spur, `moov` am Dateianfang, 1,5 MB.
|
||||
Reference in new issue
Block a user