KiFu

Versionen

Hier läuft KiFu 1.30.0. Was jede Version gebracht hat, steht darunter.

Styleguide in der Seitenleiste

Version 1.30.0Auf GitHub ansehen

Unter der Version in der Seitenleiste findest du jetzt den Styleguide von KiFu, mit einem Verzeichnis wie bei den Versionen. Ausserdem zählt KiFu jetzt, wie oft welche Seite aufgerufen wird, ohne zu wissen, wer du bist - an deinen Übungen und Trainings ändert sich nichts.

Neu

  • Styleguide in der Seitenleiste: Gleich unter der Version führt «Styleguide» zur Seite, die zeigt, wie KiFu gestaltet ist - Farben, Schrift und jeder Baustein mit Beispielen. Sie ist auch ohne Anmeldung offen. (#422)

Verbessert

  • Styleguide mit Verzeichnis: Auf breiten Bildschirmen steht links ein Verzeichnis, gegliedert in Grundlagen, Stile und Komponenten; die drei Obertitel lassen sich auf- und zuklappen. Verweise im Text führen mit dem Namen zum richtigen Abschnitt. (#422)

Gut zu wissen

  • Die Breite des Verzeichnisses, die du unter «Versionen» ziehst, gilt jetzt auch im Styleguide - und umgekehrt.

Technisch

  • Das Verzeichnis neben den Versionen ist jetzt ein eigener Baustein, den mehrere Seiten nutzen; «Versionen» sieht aus wie bisher.
  • Besucherstatistik: Auf ki-fu.ch zählt KiFu mit Vercel Web Analytics, wie oft welche Seite aufgerufen wird. Dafür liegt nichts in deinem Browser, und die Seite «Cookies» sagt, was die Statistik erhält. (#421)
  • Noch ungeprüft: die Neu-Markierung auf einem echten Telefon.

Trainingsplan auf einen Blick

Version 1.29.0Auf GitHub ansehen

Der Trainingsplan zeigt jeden Termin mit einem Kalenderblatt, den nächsten Termin gross zuoberst und daneben einen Monat zum Springen. Ordnest du einem Termin ein Training zu, bekommt er still eine eigene Kopie - dein Team-Bestand bleibt, wie du ihn pflegst.

Neu

  • Nächster Termin zuoberst: Der nächste Termin steht als grosse Karte über allen anderen, mit «Durchführen» und «Training öffnen». Fehlt noch ein Training, ist er gelb markiert und bietet «Training hinzufügen» an. (#403)
  • Monat neben den Terminen: Auf breiten Bildschirmen steht rechts ein Monat; Punkte zeigen, an welchen Tagen Termine liegen und ob ein Training bereitsteht. Ein Klick auf einen Tag springt in der Liste zu seinem Termin. (#404)
  • In den Team-Bestand kopieren: Das Training eines Termins übernimmst du bei Bedarf bewusst als Kopie in den Team-Bestand. (#417)

Verbessert

  • Termine auf einen Blick: Jeder Termin trägt links ein Kalenderblatt mit Wochentag und Tag, die Liste ist nach Monaten gegliedert. Die Farbe des Blatts zeigt, ob ein Training bereitsteht (violett), noch fehlt (gelb) oder der Termin ausfällt (grau). (#402)
  • Training zuordnen ohne Rückfrage: Ein Termin bekommt immer still eine eigene Kopie des gewählten Trainings, und diese Kopie erscheint nicht im Team-Bestand. Löst du sie vom Termin, wird sie gelöscht - KiFu fragt vorher nach. (#417)
  • Ausgefallene Termine: Das Training bleibt am ausgefallenen Termin. Nimmst du den Ausfall zurück, ist es wieder da. (#417)
  • Zeit ist Pflicht: Jeder Termin hat einen Beginn und ein Ende. (#416)
  • KI-Assistent: Auch der KI-Assistent ordnet einem Termin immer eine Kopie zu; die Wahl zwischen Kopieren und Verschieben gibt es nicht mehr. (#417)
  • Deutlicher beim Darüberfahren: Knöpfe in einer Terminzeile und «Dauer hinzufügen» an einer Übung heben sich beim Darüberfahren deutlicher ab. (#418)

Gut zu wissen

  • Die eigene Monatsansicht des Trainingsplans entfällt; ihren Platz nimmt der Monat neben den Terminen ein. Auf dem Telefon steht nur die Liste. (#405)
  • Termine ohne Zeit haben 18:00-19:30 erhalten, Termine ohne Ende eine Dauer von 90 Minuten. Stimmt die Zeit nicht, ändere sie am Termin; ein Kalender-Abo übernimmt sie beim nächsten Abruf.
  • Trainings, die schon vor dieser Version einem Termin zugeordnet waren, bleiben im Team-Bestand.
  • Im Monat unterscheiden sich «Training» und «Noch kein Training» nur durch die Farbe.

Technisch

  • Zwei Änderungen an der Datenbank: Beginn und Ende sind an jedem Termin Pflicht, bestehende Termine werden dafür ergänzt. Kopien an Terminen sind als solche gekennzeichnet und werden gelöscht, sobald sie ihren Termin verlieren.
  • Noch ungeprüft: die Neu-Markierung auf einem echten Telefon.

Versionen und Neuigkeiten in der Seitenleiste

Version 1.28.0Auf GitHub ansehen

In der Seitenleiste siehst du jetzt, welche Version von KiFu läuft. Ist eine neue erschienen, steht dort «Neu».

Neu

  • Versionen: Ein Klick auf die Version in der Seitenleiste zeigt, was jede Version gebracht hat, die neueste zuerst. Links steht ein Verzeichnis, dessen Breite du ziehen kannst. (#408)
  • Neu-Markierung: Erscheint eine neue Version, trägt die Version in der Seitenleiste «Neu», bis du die Versionen angeschaut hast. (#410)
  • Cookies: Im Konto steht jetzt, was KiFu in deinem Browser speichert, wozu und wie du es verhinderst. (#409)

Gut zu wissen

  • Ob du eine Version gesehen hast, merkt sich jeder Browser für sich, nicht dein Konto. Auf dem Telefon siehst du «Neu» erst im geöffneten Menü.
  • Ältere Versionen erzählen von Dingen, die sich inzwischen geändert haben, und enthalten Technisches. Sie stehen so da, wie sie damals geschrieben wurden.

Technisch

  • Die Versionen kommen von der öffentlichen Projektseite auf GitHub und werden höchstens alle 30 Minuten neu geholt. Ist GitHub nicht erreichbar, siehst du den zuletzt bekannten Stand mit einem Hinweis.
  • Release-Texte folgen ab jetzt einer festen Vorlage, damit du zuerst liest, was sich für dich ändert. (#411)
  • Keine Änderung an der Datenbank.
  • Noch ungeprüft: die Neu-Markierung auf einem echten Telefon.

Platz und Spielerzahl am Termin

Version 1.27.0Auf GitHub ansehen

Trainings planen, die auf eurem Platz auch gelingen.

Platz und Spielerzahl am Termin
Zu jedem Termin lässt sich jetzt festhalten, welche Felder euch zur Verfügung stehen – je Feld die Fläche in Metern, wie viele Minitore, 5-m- und 7-m-Tore darauf stehen und der Untergrund – und mit wie vielen Spieler:innen ihr rechnet. Alles ist freiwillig: Was leer bleibt, gilt als unbekannt, 0 Tore heisst keine. Eine Terminserie gibt Felder und Spielerzahl allen ihren Terminen mit; ein einzelner Termin kann abweichen, bewusst leer bleiben und wieder der Serie folgen. Im Trainingsplan steht der Platz knapp, in der Durchführen-Ansicht ausführlich.

Der KI-Assistent plant mit
Ein verbundener KI-Assistent kennt Felder und Spielerzahl jedes Termins und kann beides selbst eintragen. Dazu kennt er die Richtmasse von Kleinfeld und Grossfeld je Alterskategorie nach den SFV-Ausführungsbestimmungen 2026/27 – so kann er für 30 × 30 m und zwölf Spielerinnen ein Training vorschlagen, das auch passt. Ob er das gut macht, beurteilt der Assistent; die Anwendung prüft es nicht.

Ruhigere Formulare

  • Hinweise stehen hinter dem ⓘ der jeweiligen Angabe statt dauernd unter dem Feld; was man vor der Eingabe wissen muss, steht auf dem Telefon unter dem Feld.
  • Leere Datums- und Zeitfelder zeigen nur ihren Namen mit Kalender- oder Uhrzeichen, keine Eingabemaske.
  • «Feld hinzufügen» und «Material hinzufügen» sehen aus wie ein leeres Feld; ein Eintrag wird mit X entfernt.
  • Der Termin-Dialog ist breiter und linksbündig; Kalender- und Uhrzeichen sowie die Auswahlfenster des Browsers sind dunkel wie die Anwendung.
  • Löschen und Entfernen tragen einen gefüllten roten Knopf.

Trainings anlegen wie Übungen, Plaketten und Meldungen wie in Jira

Version 1.26.0Auf GitHub ansehen

Trainings anlegen wie Übungen, Plaketten und Meldungen wie in Jira

Neues Training ist aufgebaut wie «Neue Übung» und gleich breit. Der Name ist ein Feld mit grosser Schrift: Ist es leer, steht «Name des Trainings» darin. Ist es ausgefüllt, steht der Feldname klein darüber. Die Alterskategorie bleibt gesperrt, bis eine Altersstufe gewählt ist. Ein Hinweis darunter sagt, warum. Beim Erstellen eines Trainings im Team verhält sich der Dialog genauso. Auf Touch-Geräten steht der Hinweis, dass die Altersstufe danach feststeht, direkt unter dem Feld (#382, #383).

Neue Übung: Der Name beim Erfassen ist dasselbe grosse Feld. Beim Bearbeiten bleibt die beschreibbare Überschrift (#382).

Plaketten und Meldungen wie in Jira (#387):

  • Plaketten stehen in normaler Schreibung auf einer zart getönten Fläche. Ihre Farbe sagt, was sie bedeuten:
    • grau: Herkunft, Entwurf, Altersstufe
    • blau: öffentlich
    • violett: mehrere Varianten
    • orange: ein Termin ohne Training, auch im Monatsüberblick
  • Die Alterskategorien G bis A tragen je eine feste Farbe.
  • Meldungen im Seiteninhalt, etwa ein gescheitertes Speichern, stehen auf einer getönten Fläche mit einem Zeichen links. Ihre Knöpfe stehen unter dem Text.
  • Im Druck erscheinen Plaketten und Meldungen hell.

Termine im Trainingsplan: Trägt ein Termin ein Training, hellt die ganze Karte beim Überfahren auf wie eine Trainingskachel, und ein Klick darauf öffnet das Training (#393).

Behoben: Die Hover-Fläche des Namensfelds verschwindet auf breiten Bildschirmen nicht mehr unter der Kopfzeile (#386).

Geteilte Fläche im Training

Version 1.25.0Auf GitHub ansehen

Geteilte Fläche im Training (Epic #369)

Auf breiten Bildschirmen teilen Zusammenstellen und Ansicht eines Trainings die Fläche: links die Übungen, rechts eine Spalte mit den Eigenschaften des Trainings oder der geöffneten Übung.

  • Eigenschaften des Trainings in der Spalte: Altersstufe, Alterskategorien, Ziel, Gesamtdauer, Material, Team, Termin, Sichtbarkeit, Urheber (#370). Ziel und Alterskategorien sind dort direkt bearbeitbar, nach dem Vorbild von Jira.
  • Übung öffnen: Die ganze Zeile öffnet die Übung im Detail. Unter dem Namen stehen Dauer, Durchlauf und Notiz, danach Diagramm, Ablauf, Varianten, Einordnung und Material. Jede geöffnete Übung hat eine eigene Adresse (#371).
  • Übung in der Spalte bearbeiten, samt Feld-Diagramm. Die Übung bleibt nach dem Sichern geöffnet. Bei ungesicherten Änderungen kommt eine Rückfrage (#372, #373).
  • In der Ansicht bearbeitet, wer bearbeiten darf, die geöffnete Übung sowie Name, Ziel und Alterskategorien (#374, #375).
  • Übungszeilen verhalten sich wie Kacheln:
    • ohne Nummer
    • Dauer als dritte Zeile, direkt bearbeitbar
    • Entfernen mit X
    • Bearbeiten und «In meine Bibliothek kopieren» breit im Detail
  • Übungsauswahl als Kartenraster mit Diagramm, Name, Alterskategorien und Herkunft.
  • Dialogtitel in Title Large, Hinweise ohne Versalien, «-» statt «—» in allen Texten.

Schmal und auf Papier bleibt der bisherige Aufbau.

Kompakte, leichtere Oberfläche

Version 1.24.0Auf GitHub ansehen

Die Oberfläche wird kompakter und ruhiger (Epic #363).

  • Überschriften stehen in normaler Schreibung statt in Grossbuchstaben.
  • Alles Bedienbare ist gleich hoch (36 px) — Knöpfe, Felder, Filter, Seitenleiste, Menüs, Zeichenwerkzeuge —, auch auf dem Telefon und in der Durchführen-Ansicht.
  • Filter als Knöpfe: Jeder Filter nennt seinen Namen und zählt die gewählten Werte; ein Klick öffnet die Liste zum An- und Abwählen.
  • Formulare im neuen Stil: Der Name steht klein über dem Wert, leere Felder zeigen nur ihren Namen, Hinweise erscheinen hinter einem ⓘ beim Überfahren, Fehler stehen deutsch unter dem Feld.
  • Übungsmaske einspaltig: Spielfeldlänge und -breite sowie Mindest- und Höchstanzahl Spieler:innen sind eigene Felder; «kein Feldtyp» und «kein Übungstyp» entfallen — leer heisst nicht angegeben.
  • Fotowahl mit deutschem Knopf, Anzeigename speichert beim Verlassen des Felds.

Keine Datenbank-Änderung.

Aktionen in der Kopfzeile, Teamname unter „Team“

Version 1.23.0Auf GitHub ansehen

Auf ki-fu.ch sagen die Brotkrumen jetzt allein, wo du bist. Die Überschriften über den Übersichten und über einem Team fallen weg, und was man auf einer Seite neu anlegt, steht oben rechts in derselben Zeile.

Was sich ändert

  • Erstellen in der Kopfzeile (#359): Auf den Übersichten von Übungen, Trainings und Teams steht der Knopf zum Erstellen rechts in der Zeile der Brotkrumen. Der Kasten mit Überschrift und Knopf darüber entfällt; den Namen der Seite nennt die Brotkrume. Im Druck erscheint der Knopf nicht.
  • Team ohne eigenen Kopf (#360): Zwischen Brotkrumen und den Ansichten Trainingsplan, Trainings und Team steht nichts mehr — der Teamname steht in der Brotkrume.
  • Teamname unter „Team“ (#360): Umbenannt wird ein Team in der Ansicht „Team“, ganz oben im Feld „Teamname“. Gespeichert wird, sobald du das Feld verlässt — ohne Knopf und ohne Rückfrage. Eine kurze Meldung am Bildschirmrand sagt, dass es geklappt hat. Ein leerer Name wird nicht gespeichert: Das Feld fällt auf den bisherigen Namen zurück, und die Meldung sagt warum.
  • Weiterschreiben geht nicht verloren: Schlägt das Speichern eines Felds fehl, das beim Verlassen speichert, während du schon weiterschreibst, bleibt dein neuer Text stehen. Das gilt für den Teamnamen und im Editor für Trainingsname und Notiz an einer Übung.

Unter der Haube

  • Keine Migration, keine Änderung an Daten, Rechten oder am KI-Assistenten.
  • Für Screenreader tragen die Übersichten und der Team-Bereich weiterhin eine Überschrift, nur unsichtbar.
  • Scheitert das Umbenennen eines Teams in der Datenbank, erscheint ein deutscher Satz statt einer technischen Meldung.

Noch ungeprüft

  • Dass weitergeschriebener Text bei einem fehlgeschlagenen Speichern stehen bleibt, ist nur im Code durchdacht; ein echtes Scheitern liess sich lokal nicht auslösen.
  • Das Übungsblatt mit der Einordnung daneben (aus 1.22.0) ist nur in der Druckvorschau des Browsers geprüft, nicht auf Papier.
  • Die Leiste der Durchführung neben der Seitenleiste (aus 1.21.0) ist weiterhin nicht mit einem echten Training angesehen.
  • Am Handy ist alles nur im Browser mit Handy-Grösse geprüft, nicht auf einem echten Gerät.

Einordnung neben dem Inhalt

Version 1.22.0Auf GitHub ansehen

Auf ki-fu.ch steht die Einordnung einer Übung jetzt gesammelt neben ihrem Inhalt. Auf einem breiten Bildschirm sind Übungsseite und Bearbeitung geteilt: links Bild und Ablauf, rechts die Einordnung, jede Seite scrollt für sich.

Was sich ändert

  • Einordnung in einer eigenen Spalte (#351): Altersstufe, Alterskategorien, Trainingsteil und im Juniorenfussball der Block, Hauptteilkategorie, Feldtyp oder Spielfeldgrösse, Anzahl Spieler:innen, Übungstyp, Erscheinungsformen, Material und zuletzt die Herkunft stehen beisammen. Der Inhalt zeigt nur noch Name, Bild, Ablauf und Varianten. Übungstyp und Erscheinungsform stehen damit nicht mehr hinter dem Ablauf.
  • Geteilte Fläche (#355): Ab Laptop-Breite füllen Inhalt und Einordnung das ganze Fenster, und jede Seite scrollt für sich — wer im Ablauf liest, behält die Einordnung im Blick. Auf schmalen Bildschirmen steht die Einordnung nach dem Inhalt.
  • Breite ziehen (#355): An der Linie zwischen den beiden Seiten ziehst du die Einordnung breiter oder schmaler, mit der Maus oder per Pfeiltaste. Ein Doppelklick stellt die übliche Breite wieder her. Dein Browser merkt sich die Wahl.
  • Fehlende Einordnung sehen (#352): An deiner eigenen Übung steht «Nicht erfasst», wo eine Erscheinungsform, ein Übungstyp, ein Feldtyp oder eine Spielfeldgrösse vorgesehen, aber leer ist. Erscheinungsform, Übungstyp und Feldtyp sind zugleich Filter im Katalog. Andere sehen nur, was erfasst ist; auf dem Druckblatt steht es nie.
  • Bearbeiten wie die Übungsseite (#353): Beim Bearbeiten — einer eigenen Übung wie einer Übung im Training — steht die Einordnung samt Material rechts, Diagramm, Beschreibung und Foto links. «Änderungen speichern» steht rechts neben dem Namen und bleibt beim Scrollen sichtbar. Scheitert das Speichern, rückt das betroffene Feld ins Bild.
  • Erfassen Schritt für Schritt: Eine neue Übung erfasst du weiterhin in einer Spalte, in fester Reihenfolge: Einordnung, Feld-Diagramm, Beschreibung, Material, Foto.
  • Der Name als Titel: Der Name einer Übung steht auf ihrer Seite und in der Maske in normaler Schrift statt in Grossbuchstaben.
  • Kopfzeile bleibt stehen: Ab Laptop-Breite bleiben Brotkrumen und Aktionen beim Scrollen oben, auf einer Höhe mit der Marke der Seitenleiste. Die Aktionen einer Übung (Drucken, Bearbeiten, Sichtbarkeit, Favorit) stehen jetzt dort, wie beim Training. In der Durchführung läuft die Kopfzeile weiter mit.
  • Drucken: Das Übungsblatt ist aufgeteilt wie die Seite — die Einordnung steht in einer schmaleren Spalte neben dem Inhalt, jeder Wert unter seiner Bezeichnung.

Unter der Haube

  • Keine Migration, keine Änderung an Daten, Rechten oder am KI-Assistenten.
  • Neu im Styleguide: die Liste aus Bezeichnung und Wert (Abschnitt 28) und die geteilte Fläche mit Ziehgriff (Abschnitt 07).

Bekannte Grenzen

  • Die Einordnung lässt sich auf der Übungsseite nur lesen; geändert wird sie in der Maske.
  • Die gezogene Breite merkt sich jeder Browser für sich, nicht dein Konto. Auf einem Tablet im Hochformat oder einem Telefon gibt es keine Teilung.

Noch ungeprüft

  • Das Übungsblatt mit der Spalte daneben ist nur in der Druckvorschau des Browsers geprüft, nicht auf Papier.
  • Die Leiste der Durchführung neben der Seitenleiste (aus 1.21.0) ist weiterhin nicht mit einem echten Training angesehen.
  • Am Handy ist alles nur im Browser mit Handy-Grösse geprüft, nicht auf einem echten Gerät.

Seitenleiste und volle Breite

Version 1.21.0Auf GitHub ansehen

Auf ki-fu.ch steht die Navigation jetzt in einer Seitenleiste am linken Rand statt oben in einer Kopfleiste. Die Seiten nutzen die ganze Breite des Bildschirms und beginnen links neben der Leiste.

Was sich ändert

  • Seitenleiste (#346): Oben steht die Marke mit Fussball, darunter zwei Gruppen.
    • „Bibliothek“ enthält Übungen und Trainings, „Mein Bereich“ deine eigenen Übungen, deine eigenen Trainings und deine Teams.
    • Die Teams sind als Unterpunkte aufgeführt und lassen sich aufklappen. Ein Klick auf „Teams“ führt in die Übersicht.
    • Hervorgehoben ist, wo du gerade bist, auch bei einem geöffneten Team-Training.
  • Breit oder schmal (#346): Über den Knopf links vor den Brotkrumen verkleinerst du die Leiste auf ihre Zeichen. Den Namen eines Eintrags zeigt dann ein Hinweis beim Überfahren. Die Leiste öffnet sich nie von selbst, und dein Browser merkt sich die Wahl.
  • Konto unten in der Leiste (#346): Initialen, Anzeigename und E-Mail-Adresse führen ins Konto. Das Abmelden findest du dort, nicht mehr im Menü. Ohne Anmeldung steht an dieser Stelle „Anmelden“.
  • Brotkrumen auf jeder Seite (#346, #347): Auch Übungen, Trainings, Teams und Konto zeigen oben ihren Pfad. Die Zeile steht auf einer Höhe mit der Marke in der Leiste. Statt „Übungspool“ heisst die erste Stufe jetzt wie der Menüpunkt „Übungen“.
  • Die ganze Fläche nutzen (#347): Jede Seite steht links. Übungen, Trainings, Teams und der Bereich eines Teams reichen über die ganze Breite, die Kacheln stehen auf breiten Bildschirmen in mehr Spalten. Übungen, Trainings und Formulare behalten eine angenehme Lesebreite.
  • Am Handy (#346): Oben öffnet ein Menüknopf die Leiste von links. Ein Tipp daneben, das Kreuz oder ein Seitenwechsel schliesst sie wieder.
  • Anmelden ohne Leiste (#346): Die Seiten zum Anmelden, Registrieren und Zurücksetzen des Passworts kommen ohne Navigation aus.
  • Seite nicht gefunden (#346): Eine falsche Adresse zeigt eine Hinweisseite mit Leiste und einem Weg zurück zu den Übungen.
  • Favicon (#346): Im Browser-Tab steht jetzt das KiFu-Zeichen.

Unter der Haube

  • Keine Migration, keine Änderung an Daten, Rechten oder am KI-Assistenten.
  • Die eigenen Teams werden pro Seitenaufruf nur noch einmal gelesen.
  • Der Styleguide beschreibt Seitenleiste und Seitenrahmen.

Bekannte Grenzen

  • Nimmt dich jemand von einem anderen Konto in ein Team auf, erscheint das Team erst beim nächsten Neuladen in der Leiste.
  • Breit oder schmal merkt sich jeder Browser für sich, nicht dein Konto.

Noch ungeprüft

  • Die Leiste der Durchführung (Weiter und Zurück) neben der Seitenleiste ist nur im Code umgestellt. Mit einem Training samt Übungen wurde sie nicht angesehen.
  • Am Handy ist die Leiste nur im Browser mit Handy-Grösse geprüft, nicht auf einem echten Gerät.

Ruhigere Oberfläche, ein Dialog für Termin und Serie

Version 1.20.0Auf GitHub ansehen

Auf ki-fu.ch wirkt die Oberfläche ruhiger: Seitenköpfe sind schlanker, Knöpfe und Filter stehen in normaler Schrift statt in Grossbuchstaben, und der Team-Bereich nutzt die volle Breite. Termine und Terminserien erstellst du jetzt in einem einzigen Dialog.

Was sich ändert

  • Schlankere Seitenköpfe (#341): Übungen, Trainings und Teams zeigen oben nur noch den Titel und einen Knopf zum Erstellen, ohne Erklärungstext.
  • Team-Bereich in voller Breite (#342): Die Teamübersicht und alle Ansichten eines Teams sind so breit wie Übungen und Trainings. Die Teams stehen als Kacheln nebeneinander, der Teamname ist kleiner und ruhiger gesetzt.
  • Ein Dialog für Termin und Serie (#342, #343): «Termin erstellen» legt einen einzelnen Termin an. Kreuzt du «Wiederholender Termin» an, wird daraus eine Serie.
    • Der Wochentag des gewählten Datums ist dann schon vorgewählt. Du wählst nur noch das Enddatum.
    • «Termin festlegen» und «Terminserie festlegen» gibt es nicht mehr als getrennte Knöpfe.
  • Aufgeräumter Trainingsplan (#342, #343): Über den Terminen steht eine einzige Zeile.
    • Links wechselst du zwischen Liste und Monat, mit zwei verbundenen Knöpfen, und grenzt auf «Meine Termine» ein.
    • Rechts stehen «Termin erstellen» und ein Menü mit «Kalender abonnieren».
    • Die doppelte Überschrift «Trainingsplan» entfällt, sie steht schon im Reiter. Ebenso «Trainings» im Trainings-Reiter.
  • Monat wie in gängigen Kalendern (#343): Ein Klick auf die freie Fläche eines Tages öffnet «Termin erstellen» mit diesem Tag. Mit der Maus erscheint das «+» erst beim Überfahren, am Handy genügt ein Tipp auf den Tag.
  • Ruhigere Knöpfe und Filter (#343):
    • Knöpfe, Reiter und Filter stehen in normaler Schrift statt in Grossbuchstaben.
    • Ein gewählter Filter ist getönt statt gefüllt und trägt kein Häkchen mehr.
    • Filter, kleine Knöpfe und die Ansichtswahl sind gleich hoch und stehen in einer Zeile auf einer Linie.
  • Karten (#343): Übungs- und Trainingskarten hellen beim Überfahren als Ganzes auf, der Titel färbt sich nicht mehr violett. Im Team führt ein Klick irgendwo auf die Trainingskarte ins Training.
  • Am Handy (#343): Nach einem Tipp bleibt kein Knopf und keine Karte mehr aufgehellt stehen.

Unter der Haube

  • Keine Migration, keine Änderung an Daten, Rechten oder am KI-Assistenten.
  • Der Styleguide führt alles nach. Neu sind dort eine Checkbox und Knopfgruppen-Glieder nur mit Zeichen. Tooltips verbreitern am Bildschirmrand die Seite nicht mehr.

Noch ungeprüft

  • Die Knöpfe «Zurück» und «Weiter» beim Durchführen sind mit der neuen Schrift nur im Code umgestellt, nicht auf dem Bildschirm angesehen.
  • Das Verhalten am Handy (Tipp auf einen Tag, kein hängendes Aufhellen) ist nur im Browser mit Handy-Grösse geprüft, nicht auf einem echten Gerät.
  • Aus 1.19.0 offen: das Kalender-Abo in einem echten Kalenderprogramm.

Team-Kalender

Version 1.19.0Auf GitHub ansehen

Auf ki-fu.ch führt dein Trainerteam jetzt einen gemeinsamen Kalender. Termine stehen fest, bevor ein Training dazu existiert, wiederkehrende Trainingszeiten legst du als Serie an, und die Termine erscheinen auf Wunsch in deinem eigenen Kalenderprogramm.

Was sich ändert

  • Termine ohne Training (#322, #323): Einen Termin legst du mit Datum, Beginn, Ende, Ort und Bemerkung fest, auch ohne Training. Anstehende Termine ohne Training sind als «Noch kein Training» erkennbar.
    • Ein Training ordnest du einem bestehenden Termin zu, aus dem Team-Bestand oder als Kopie. Ein Training, das schon an einem anderen Termin steht, kannst du verschieben.
    • Das bisherige Ansetzen entfällt. Löschst du ein Training, bleibt sein Termin bestehen.
  • Terminserien (#324, #326): Wiederkehrende Trainingszeiten legst du als Serie an, an einem oder mehreren Wochentagen und für einen Zeitraum bis zu einem Jahr.
    • Eine Änderung gilt wahlweise für «nur diesen», «diesen und folgende» oder «alle» Termine, wie in gängigen Kalendern.
    • Weicht ein Termin von der Serie ab, bleibt die Abweichung sichtbar.
    • Fallen durch eine Änderung Termine weg, zeigt KiFu vorher, welche und ob ein Training daran hängt.
  • Verantwortliche (#325): Je Termin oder für die ganze Serie trägst du ein, wer aus dem Team verantwortlich ist. Mit «Meine Termine» siehst du nur deine.
    • Wer das Team verlässt, wird aus den anstehenden Terminen ausgetragen.
  • Ausfall (#327): Fällt ein Training aus, hältst du das mit einem freiwilligen Grund fest. Ein ausgefallener Termin nimmt kein Training an, und den Ausfall kannst du zurücknehmen.
  • Persönliche Trainings zuordnen (#328): Ein eigenes Training legst du direkt auf einen Team-Termin, vom Termin aus oder vom Training aus mit «Einem Team-Termin zuordnen». Im Team entsteht eine eigenständige Kopie, dein Original bleibt unverändert.
  • Monatsüberblick (#329): Neben der Liste zeigt der Trainingsplan einen Monat auf einen Blick.
    • Leere Tage und Wochen fallen sofort auf.
    • Mit «+» legst du an einem Tag einen Termin oder eine Serie an.
    • Ein Klick auf einen Termin öffnet ihn mit denselben Aktionen wie in der Liste.
  • Kalender abonnieren (#330): Im Team holst du dir einen persönlichen Abo-Link, für Apple Kalender, Google Kalender, Outlook und Proton Calendar.
    • Das Abo enthält die anstehenden Termine und die der letzten vier Wochen, mit Zeit, Ort und einem Verweis zurück in KiFu. Ausgefallene Termine fehlen darin.
    • Unter «Konto» siehst du deine Abos und widerrufst sie.
    • Ein Abo erlischt, wenn du das Team verlässt oder dein Konto löschst.
  • KI-Assistent (#321): Der Assistent legt Termine und Serien fest und ändert sie. Er ordnet Trainings zu, trägt Verantwortliche ein, hält Ausfälle fest und ruft die Termine eines Zeitraums ab. Es gelten dieselben Regeln wie in KiFu. Ein bestehender Zugang muss nicht neu erlaubt werden.

Unter der Haube

  • Sieben forward-only Migrationen. Termine gehören jetzt dem Team, und eine Serie besteht aus ihrer Regel und echten Terminzeilen. Eine einzige Datenbankrechnung liefert Vorschau und Ausführung einer Serienänderung.
  • Gleichzeitige Änderungen werden erkannt: Hat sich ein Termin seit deiner Auswahl geändert, weist KiFu ab, statt etwas zu überschreiben.
  • Das Kalender-Abo ist ein iCalendar-Feed nach RFC 5545, mit Schweizer Wanduhrzeit. Sein Link ist nicht erratbar und gilt nur, solange die Mitgliedschaft besteht.

Eigene Übungen samt Feld-Diagramm über den KI-Assistenten

Version 1.18.0Auf GitHub ansehen

Auf ki-fu.ch erfasst dein KI-Assistent jetzt auch eigene Übungen, samt Feld-Diagramm. Bisher suchte er Übungen und stellte Trainings zusammen. Jetzt legt er Übungen an, ändert sie, schaltet sie öffentlich und kopiert sichtbare Übungen in deinen Bestand. Das Diagramm zeichnet er aus deiner Beschreibung und bessert es nach, wenn KiFu Mängel meldet.

Was sich ändert

  • Übungen im Gespräch erfassen (#143, #147): Beschreibe eine Übung, und der Assistent legt sie als privaten Entwurf unter deinen eigenen Übungen an, im Kinder- wie im Juniorenfussball. Er bekommt die Adresse, unter der du sie in KiFu öffnest.
    • Es gelten dieselben Regeln wie im Formular.
    • Passt eine Angabe nicht zur Einordnung oder Altersstufe, wird sie nicht still verworfen. KiFu nennt dem Assistenten jede verletzte Angabe samt den zulässigen Werten, und er korrigiert sie selbst.
  • Übungen ändern und veröffentlichen (#144): Der Assistent ändert einzelne Angaben einer eigenen Übung, schaltet sie öffentlich oder zieht sie zurück.
    • Passen nach einem Wechsel der Einordnung gespeicherte Angaben nicht mehr, nennt KiFu sie, statt sie still zu löschen.
    • Die Altersstufe einer Übung ändert der Assistent nie.
    • Übungen aus dem Kifu-Manual und von anderen ändert er nicht, und Übungen in deinen Trainings bleiben, wie sie sind.
  • Feld-Diagramm über den Assistenten (#145, #146): Der Assistent erfährt, welche Symbole, Farben, Posen und Pfade eine Zeichnung führen kann. Damit setzt er das Diagramm einer eigenen Übung oder gibt es beim Anlegen gleich mit.
    • Ein Element, das die Fläche nicht führen kann, lehnt KiFu mit Grund ab.
    • Inhaltliche Mängel meldet KiFu nach dem Speichern: ein Leibchen neben statt in der Hand, ein Tor, das vom Feld weg öffnet, eine wirkungslose Angabe. Die Mängel eines Diagramms kann der Assistent auch später abrufen, auch bei einer Zeichnung, die du selbst gemacht hast.
    • Mit dem Diagramm zählt KiFu das Material selbst; deine freie Ergänzung bleibt.
    • Hatte die Übung kein Bild, wird das Diagramm ihr Bild. In der Maske zeichnest du danach wie gewohnt weiter.
  • Übungen kopieren (#317): Jede Übung, die du siehst, kopiert der Assistent als eigenständigen Entwurf in deinen Bestand, samt Bild und Diagramm, wie «Übung kopieren» in KiFu.
  • Erlauben-Seite: Sie nennt jetzt ausdrücklich, dass der Assistent eigene Übungen anlegen, kopieren, ändern, öffentlich schalten und zurückziehen darf. Ein bestehender Zugang muss nicht neu erlaubt werden.
  • Diagramme in der Maske: Beim Speichern prüft KiFu eine Zeichnung nach denselben Regeln wie beim Assistenten.
    • Was die Fläche nicht führen kann, etwa ein «?»-Platzhalter oder ein Element ausserhalb der Fläche, lässt sich nicht speichern. Die Meldung nennt, wie viele Elemente welcher Art betroffen sind.
    • Eine ältere Zeichnung, die du unverändert lässt, wird nicht beanstandet.
    • Vorlagen übernehmen nur, was sich speichern lässt.
    • Ein schmales Rechteck am Rand wächst beim Vergrössern nicht mehr über die Fläche hinaus.
    • Eine Auswahl mit langem Text lässt sich wieder frei verschieben.
  • Kopieren in der Oberfläche: Scheitert «Übung kopieren» oder das Kopieren einer Übung aus dem Training in den Bestand, erscheint eine verständliche Meldung statt eines Datenbanktexts.

Unter der Haube

  • Die Regeln der Übungserfassung stammen für Formular und Assistent aus derselben Quelle (parseUebungsInhalt). Der Fachkern in lib/kern/uebungen.ts meldet, was das Formular still verwerfen würde, als benannten Verstoss.
  • Die Diagramm-Prüfung liegt in lib/diagramm-pruefung.ts und trennt Grenzen (nicht speicherbar) von Mängeln (gespeichert und gemeldet). Sie gilt für Editor, Assistent, Manual-Seed und Vorlagen gleich. Neues Prüfskript: check:diagramm-regeln.
  • Neue KI-Werkzeuge: uebung_anlegen, uebung_aendern, uebung_veroeffentlichen, uebung_auf_entwurf_setzen, uebung_kopieren, diagramm_katalog_abrufen, uebung_diagramm_setzen, uebung_diagramm_maengel_abrufen.
  • Keine Migration. Die Produktdokumentation ist nachgeführt.

Noch ungeprüft

  • Der Bestand der gespeicherten Diagramme auf Prod ist noch nicht gegen die neuen Regeln geprüft. Betroffen wären nur ältere Zeichnungen mit einem «?»-Platzhalter oder einem Element ausserhalb der Fläche. Sie bleiben unverändert speicherbar; wer sie ändert, bekommt die neue Meldung.
  • Der Assistent ist mit einem lokalen Testclient und über Claude Code auf Staging geprüft, noch nicht mit Claude Desktop oder claude.ai gegen Prod.
  • Offen aus früheren Releases: der Druck des Feld-Diagramms auf echtem Papier und das Zeichnen per Touch.

Sicherheits-Updates

Version 1.17.1Auf GitHub ansehen

Auf ki-fu.ch sieht in diesem Release alles aus wie in 1.17.0. Es schliesst Sicherheitslücken in Bibliotheken, auf denen die Anwendung aufbaut.

Was sich ändert

Nichts, was du bemerkst. Übungen, Fotos und Trainings funktionieren wie bisher.

Unter der Haube

  • Sicherheits-Updates (#314): Das Web-Framework Next.js steigt von 15.5.18 auf 15.5.26. Damit sind unter anderem eine Überlastung und eine Anfragefälschung über Server Actions behoben, dazu Lücken in der Bildoptimierung. Die Bildbibliothek sharp steigt auf 0.35.5 und bringt gepatchte Versionen von libvips und libheif mit. postcss (8.5.28) und nanoid (3.3.19) sind ebenfalls auf gepatchten Versionen. Das Framework bleibt auf der Linie 15, es gibt keinen Versionssprung.
  • Die Sicherheitsprüfung der Produktions-Abhängigkeiten meldet danach keine Lücken mehr.
  • Keine Migration, kein Seed. Die Produktdokumentation bleibt unverändert.

Noch ungeprüft

  • Offen aus früheren Releases: das Zeichnen auf Touch-Geräten und der Druck des Feld-Diagramms auf echtem Papier.

Diagramm in der Maske, Eckdaten auf der Karte, Feldtyp für alle Manual-Übungen

Version 1.17.0Auf GitHub ansehen

Auf ki-fu.ch zeichnest du das Feld-Diagramm jetzt auch beim Bearbeiten direkt in der Übungsmaske. Die Übungskarten der Bibliothek zeigen auf einen Blick, ob eine Übung zu deiner Mannschaft und deinem Platz passt. Und jede Übung aus dem Kinderfussball-Manual trägt jetzt einen Feldtyp.

Was sich ändert

  • Feld-Diagramm beim Bearbeiten in der Maske (#247): Wie beim Erfassen zeichnest du direkt in der Maske, bei deinen eigenen Übungen und bei Übungen im Training. Der separate Diagramm-Editor entfällt.
    • Die bisherige Zeichnung ist vorgeladen. Gespeichert wird sie zusammen mit der Übung, vorher ist nichts gesichert.
    • Der Material-Vorschlag folgt der Zeichnung schon während des Zeichnens, und der Hinweis «Neuen Vorschlag übernehmen» erscheint vor dem Speichern.
    • Vorlagen stehen jetzt auch im Training zur Wahl. Vor dem Ersetzen fragt die Anwendung nach, und «Rückgängig» holt deine Zeichnung zurück.
    • Verlässt du eine Maske mit ungesicherten Änderungen, fragt die Anwendung nach. Beim Bearbeiten bleibt dann der zuletzt gespeicherte Stand.
    • Auf einem schmalen Bildschirm siehst du die bisherige Zeichnung mit dem Hinweis, dass du zum Zeichnen einen breiteren Bildschirm brauchst.
    • Alte Links auf den Diagramm-Editor führen in die Maske.
  • Eckdaten auf der Übungskarte (#305): Unter dem Namen jeder Karte stehen die Alterskategorien, die Einordnung, das Feld und die Anzahl Spieler:innen, etwa «F E · Fussball spielen lernen · Kleinfeld · 6–8 Sp.». Was eine Übung nicht angibt, fehlt ohne Platzhalter. Auch der KI-Assistent liefert bei der Übungssuche Feld und Spielerzahl mit.
  • Feldtyp für alle Manual-Übungen (#306): Bisher fehlte der Feldtyp bei 42 der 75 Manual-Übungen. Jetzt trägt jede einen, so wie ihn die Abbildung im Manual erkennen lässt. Stehen sich zwei grosse Tore gegenüber, ist es Grossfeld. Stehen sich Minitore gegenüber oder spielen die Kinder 3:3 in einem abgegrenzten Feld, ist es Kleinfeld. Sonst gilt das freie Feld. Der Filter «Feldtyp» findet damit den ganzen Manual-Bestand. Der «Grosse Torschussrundlauf» steht neu auf Grossfeld, wie die übrigen Übungen mit zwei grossen Toren.
  • Ruhigere Maske (#310, #311): Die Hilfetexte unter Alterskategorie, Einordnung, Feld-Diagramm, Spielerzahl, Spielfeldgrösse, weiterem Material und Übungstyp sind weg. Fehlermeldungen erscheinen weiterhin. Die Fussnote «Neue Übungen sind zunächst privat» stand fälschlich auch beim Bearbeiten und entfällt.

Unter der Haube

  • Entfernt sind DiagrammEditor, DiagrammVorschau, VorlageKopierenButton und die eigenen Server-Actions fürs Diagramm. Erfassen, Bearbeiten und Fassung teilen sich neu diagrammAusFormular und bildQuelleZurZeichnung.
  • Die Eckdaten baut toCardData. Die Karte im UI-Kit bekommt sie fertig und bleibt frei von Fachlogik.
  • Im YAML-Schema der Manual-Datenbank ist der Feldtyp jetzt Pflicht, und der Seed bricht bei einer Manual-Übung ohne Feldtyp ab.
  • Keine Migration. Die Feldtypen gelangen über den manuellen Manual-Seed auf Prod. Die Produktdokumentation ist nachgeführt.

Noch ungeprüft

  • Das Zeichnen ist weiterhin für Maus und Tastatur gebaut, nicht für Touch.
  • Offen aus früheren Releases: der Druck des Feld-Diagramms auf echtem Papier.

Feld-Diagramm beim Erfassen und neue Übungsmaske

Version 1.16.0Auf GitHub ansehen

Auf ki-fu.ch zeichnest du das Feld-Diagramm einer neuen Übung jetzt direkt beim Erfassen. Die Erfassungsmaske ist dafür neu gegliedert: breiter, übersichtlicher und in derselben Reihenfolge wie die Übungsseite.

Was sich ändert

  • Feld-Diagramm beim Erfassen (#246): Die Zeichenfläche steht direkt in der Maske, mit denselben Werkzeugen wie im Diagramm-Editor. Vorlagen aus deinen eigenen Diagrammen und aus dem Manual stehen ebenfalls bereit.
    • Übung und Diagramm entstehen mit einem einzigen Speichern.
    • Eine Vorlage kannst du auch über eine begonnene Zeichnung legen. Die Anwendung fragt vorher nach, und «Rückgängig» holt deine Zeichnung zurück.
    • Das Material schlägt die Maske schon während des Zeichnens vor.
    • Lädst du zusätzlich ein Foto hoch, bleibt es erhalten. Angezeigt wird das Diagramm.
  • Warnung vor Datenverlust: Verlässt du die Erfassung mit ungesicherten Angaben, fragt die Anwendung nach. Das gilt für einen Link, das Kontomenü, den Zurück-Knopf, das Neuladen und das Schliessen.
  • Neue Gliederung der Maske: Beim Erfassen wie beim Bearbeiten ist die Maske so breit wie die Übungsseite und in Abschnitte gegliedert:
    • Zuordnung: Altersstufe und Alterskategorie nebeneinander, darunter der Trainingsteil.
    • Feld-Diagramm, darunter Feldtyp und Anzahl Spieler:innen.
    • Beschreibung, dann Material und zuletzt das Foto.
      Oben stehen die Brotkrumen, und der Name ist die Überschrift, die du direkt beschreibst, wie der Trainingsname im Trainings-Editor.
  • Einordnung in einem Feld: Im Kinderfussball wählst du die Hauptteilkategorie im selben Feld wie den Trainingsteil. Jeder Trainingsteil steht dort unter seiner eigenen Kopfzeile, in beiden Altersstufen. Aus einem leeren Hauptteil-Block eines Trainings kommt die Kategorie gleich mit.
  • Methodischer Fahrplan wie die Varianten: Offen starten, Üben und Wetteifern sind jetzt Freitexte mit Zeilenumbrüchen, «- » für Aufzählungen und «1. » für nummerierte Listen. Die bisherigen Übungsschritte stehen weiterhin als Aufzählung da.
  • Ruhigere Maske: Die Hilfetexte unter den Beschreibungsfeldern sind weg. Nur ein Fehler beim Speichern erscheint noch.
  • «Anzahl Spieler:innen» heisst jetzt überall so, wo bisher «Anzahl Kinder» stand.

Unter der Haube

  • Der Diagramm-Editor ist in die Zeichenfläche DiagrammZeichnen und die Hülle mit Autosave aufgeteilt. Beim Ziehen meldet die Fläche ihren Stand erst beim Loslassen.
  • Neu im Kit: FormAbschnitt und VerlassenWarnung. HeadlineField kennt jetzt Platzhalter und Fehlerzustand.
  • Eine Migration stellt den bisherigen Üben-Schritten in Übungen und Fassungen ein «- » voran. Die Suche lässt die Listenzeichen auch im Fahrplan aus.
  • Kein Seed nötig. Die Produktdokumentation ist nachgeführt.

Noch ungeprüft

  • Das Zeichnen ist für Maus und Tastatur gebaut, nicht für Touch. Auf dem Telefon erfasst du die Übung ohne Diagramm.
  • Den Überführen-Dialog und «Übung erfassen» aus einem Trainingsblock habe ich nicht im Browser durchgeklickt. Sie nutzen dieselben Bausteine wie die geprüften Wege.
  • Offen aus früheren Releases: der Druck des Feld-Diagramms auf echtem Papier.

Alte Varianten-Liste entfernt

Version 1.15.1Auf GitHub ansehen

Auf ki-fu.ch sieht in diesem Release alles aus wie in 1.15.0. Es schliesst den Umbau der Varianten zum Freitext hinter den Kulissen ab.

Was sich ändert

Nichts, was du bemerkst. Varianten erscheinen, lassen sich bearbeiten und finden wie bisher.

Unter der Haube

  • Alte Varianten-Liste entfernt (#286): Mit 1.15.0 wurden die Varianten zum Freitext. Die alte Liste lief übergangsweise mit, damit der Wechsel ohne Ausfall klappte. Jetzt fallen die alte Spalte, die Trigger, die beide Fassungen abglichen, und ihre Hilfsfunktionen weg. Die Varianten liegen nur noch als Freitext vor.
  • Die Staging-Spiegelung verliert den Übergangsschritt, der die alte Liste las. Sie läuft ab jetzt wieder.
  • Eine Migration, kein Seed nötig. Die Produktdokumentation bleibt unverändert.

Varianten und Ablauf als Freitext

Version 1.15.0Auf GitHub ansehen

Auf ki-fu.ch schreibst du die Varianten einer Übung jetzt so frei wie den Ablauf. Vorher waren Varianten eine starre Liste mit einem Eintrag pro Zeile. Jetzt sind beide Felder Freitexte, die einfache Listen kennen.

Was sich ändert

  • Varianten als Freitext (#282): Du kannst Varianten in ganzen Sätzen beschreiben, mit Absätzen und Leerzeilen, genau wie den Ablauf. Deine bestehenden Varianten bleiben vollständig erhalten. Jede frühere Variante steht jetzt als Aufzählungspunkt da.
  • Einfache Listen in Ablauf und Varianten: Beginnt eine Zeile mit «- » oder «* », wird sie zum Aufzählungspunkt. Beginnt sie mit «1. », wird sie zum Punkt einer nummerierten Liste. Zeilenumbrüche und Leerzeilen bleiben so stehen, wie du sie gesetzt hast. Unter beiden Feldern steht ein Hinweis auf diese Zeichen.
  • Varianten direkt nach dem Ablauf: In der Übung, im Training, in der Durchführung auf dem Platz und im Druck stehen die Varianten jetzt überall gleich nach dem Ablauf. Das gilt auch bei Übungen mit methodischem Fahrplan.
  • Suche: Die Suche findet eine Übung weiterhin über den Text ihrer Varianten. Die Listenzeichen am Zeilenanfang zählen dabei nicht mit.
  • KI-Assistent: Dein KI-Client bekommt die Varianten jetzt als formatierten Text statt als Liste, bei einer einzelnen Übung wie in einem ganzen Training.

Unter der Haube

  • Eine Migration legt die neue Spalte varianten_text an und überführt den Bestand verlustfrei. Die alte Listenspalte bleibt vorerst stehen und wird über einen Trigger mit der neuen abgeglichen. Das hält auch das noch ausgelieferte alte Bundle während des Deploys lauffähig. Die alte Spalte fällt erst mit #286 in einem späteren Release weg.
  • Ein neues Prüfskript check:freitext läuft in der CI mit. Es gleicht die Listenregeln der Anwendung mit der Suchfunktion in der Datenbank ab.
  • Kein Seed nötig. Die Produktdokumentation ist nachgeführt.

Bekannte Grenze

Die Listenzeichen lassen sich nicht abschalten. Beginnt eine Zeile etwa mit «2. Halbzeit», wird sie zum Listenpunkt, auch wenn sie so nicht gemeint war.

Rückmeldungen am Bildschirmrand

Version 1.14.0Auf GitHub ansehen

Rückmeldungen zu dem, was du gerade getan hast, erscheinen auf ki-fu.ch jetzt immer an derselben Stelle: unten in der Mitte des Bildschirms. Das gilt für «Termin geändert.», «Übung gelöscht.» und «Konnte nicht gespeichert werden.». Vorher hing jede Rückmeldung irgendwo neben dem Knopf, der sie ausgelöst hatte, und auf langen Seiten sah man sie oft gar nicht. Die Aufteilung folgt Material 2. Die Snackbar am Rand meldet einen Vorgang und geht von selbst. Der Banner im Seiteninhalt aus 1.13.0 meldet einen Zustand und bleibt stehen.

Was sich ändert

  • Ein Platz für alle Rückmeldungen (#283): Es steht immer nur eine da. Kommen mehrere kurz nacheinander, zeigt die Anwendung sie der Reihe nach, jede mit ihrer vollen Zeit.
  • Sie geht von selbst: Nach sechs Sekunden verschwindet die Rückmeldung. Liegt der Zeiger darauf oder ist sie mit der Tastatur angesteuert, wartet sie. Über das Kreuz schliesst du sie jederzeit sofort.
  • Keine veralteten Meldungen mehr: Gelingt ein zweiter Versuch, steht der gescheiterte erste nicht mehr da. Dieselbe Rückmeldung erscheint nie zweimal hintereinander.
  • Bestätigungen erscheinen genau einmal: Führt ein Vorgang auf eine andere Seite, etwa nach dem Kopieren einer Übung, erscheint die Bestätigung dort. Lädst du die Seite neu oder kehrst über «Zurück» zurück, erscheint sie nicht noch einmal. Wechselst du von dir aus die Seite, fällt eine offene Rückmeldung weg.
  • Deutlich besser sichtbar (#285): Die Snackbar ist eine helle Fläche mit dunkler Schrift. Sie hebt sich damit klar vom dunklen Grund ab und fährt beim Erscheinen kurz von unten ein. Wer im System reduzierte Bewegung eingestellt hat, sieht sie nur einblenden.
  • Team verlassen oder auflösen: Scheitert einer der beiden Schritte, steht der Grund jetzt oben im offenen Dialog, dort, wo du erneut bestätigen oder abbrechen kannst.
  • Vorlesehilfe: Jede Rückmeldung wird vorgelesen, ohne dich zu unterbrechen, und ohne die Beschriftung der Knöpfe. Schliesst du eine Rückmeldung mit der Tastatur, stehst du danach wieder dort, wo du vorher warst.

Unter der Haube

Keine Migrationen, kein Seed nötig. Die Produktdokumentation hat eine neue Seite «Rückmeldungen». Der Farbwächter rechnet die neue helle Fläche und ihre Schrift nach.

Noch ungeprüft

  • Der Fehler-Hinweis im Dialog beim Verlassen oder Auflösen eines Teams wurde nicht im Browser nachgestellt, weil sich ein Fehlschlag lokal nicht einfach herbeiführen liess.
  • Die Variante für reduzierte Bewegung und die Darstellung auf einem iPhone mit Home-Leiste sind nicht auf einem echten Gerät angesehen.

Nachrichten als Banner

Version 1.13.0Auf GitHub ansehen

Alle Nachrichten der Anwendung sehen jetzt gleich aus. Das gilt für Fehler, Bestätigungen und Hinweise, auf die man antworten soll. Sie folgen den Banners von Material 2. Statt eines farbig umrandeten Kastens erscheint eine ruhige Fläche mit einer feinen Linie darunter. Links steht ein Zeichen: rot bei Fehlern, sonst in der Akzentfarbe.

Was sich ändert

  • Banner statt Meldung (#279): Ein Baustein für alle Nachrichten. Knöpfe stehen rechtsbündig. Reicht der Platz, stehen sie in derselben Zeile, sonst darunter.
  • Material-Hinweis: Zeigt das Feld-Diagramm anderes Material, steht «Material beibehalten» jetzt vor «Neuen Vorschlag übernehmen». Das gilt im Formular und auf der Seite der Übung.
  • Anmeldung und KI-Zugang: «Bestätigung erneut senden» und «Zum Konto» sind jetzt Text-Knöpfe im Banner.

Keine Migrationen, kein Seed nötig. Die Produktdokumentation ist unverändert gültig: Das Verhalten bleibt gleich, nur die Darstellung ändert sich.

Material und Spielfeld aus der Übung ablesen

Version 1.12.0Auf GitHub ansehen

Trainer:innen sehen, was eine Übung und ein ganzes Training an Material braucht — abgelesen aus dem Feld-Diagramm, ohne Nachzählen. Beim freien Feld im Kinderfussball lässt sich zudem die Grösse in Metern angeben.

Was neu ist

  • Material aus dem Diagramm (#267): Das Material einer Übung steht zweigeteilt — die Liste aus dem Diagramm-Vorrat nach Art, Farbe und Menge und darunter «Weiteres» als freie Ergänzung. Das Formular schlägt vor, was das Diagramm zeigt; übernommen wird auf Wunsch, danach ist die Liste anpassbar. Suche und KI-Assistent kennen die Liste.
  • Überziehleibchen (#268): Sind die Feldspieler in mindestens zwei Farben eingeteilt, schlägt der Vorschlag je Spieler ein Leibchen in seiner Farbe vor; gezeichnete Leibchen zählen zusätzlich.
  • Hinweis bei Diagrammänderung (#269): Verändert eine Diagrammänderung das Material, nennt die Anwendung die Änderung und lässt übernehmen oder beibehalten — im Formular, auf der Übungsseite und als Zeichen im Trainings-Editor.
  • Manual-Übungen (#270): Alle 75 tragen ihr Material.
  • Gesamt-Materialliste (#271): Ein Training zeigt beim Zusammenstellen, auf dem Platz und im Druck, was es höchstens gleichzeitig braucht — parallele Gruppen zusammengezählt, Nacheinander und Varianten mit ihrem grössten Bedarf. Der KI-Assistent liefert sie als material_gesamt.
  • Meter beim freien Feld (#272): Länge × Breite in Metern; beim Umwandeln gehen die Meter in beide Richtungen mit.
  • Bestand: Bestehende Übungen und Trainings erhalten ihr Material einmalig aus ihrem Diagramm (PR #275).
  • Übungsseite: Das Material steht hinter Ablauf und Varianten (PR #276).
  • Zahlenfelder (PR #274): ohne Pfeile, auf der Höhe der Auswahlfelder; Pfeiltasten und Mausrad zählen nicht mehr.

Datenebene (forward-only)

  • 20260925100000_material_liste: neue Spalten material_liste/material_basis auf exercises und training_exercises, Suche über die Liste.
  • 20260925110000_spielfeld_freies_feld: ex_/te_spielfeld_nur_junioren → ex_/te_spielfeld_je_feld (gelockert, validiert).
  • 20260925120000_material_bestand_berechnen: einmalige Befüllung leerer Listen aus dem eigenen Diagramm; Zeitstempel und Veröffentlichungs-Gate bleiben unberührt.

Keine neue Tabelle — PUBLIC_TABLES unverändert. deploy.yml spielt die Migrationen beim Merge ein.

Reihenfolge nach dem Merge

  1. deploy.yml (Migrationen) und Vercel-Deploy abwarten.
  2. Danach seed-prod: bringt die kuratierten Manual-Listen (YAML material_liste).

Produktdokumentation

docs/produkt/uebungen.md (neuer Abschnitt «Material», Meter beim freien Feld, Umwandeln, Drucken, Bekannte Grenzen) und docs/produkt/trainings.md (Gesamt-Materialliste, Bekannte Grenzen) sind nachgeführt.

Abnahme

Staging: Migrationen und Seed eingespielt; Material auf Übungsseite, im Formular und in der Gesamtliste bestehender Trainings geprüft, training_abrufen liefert material_gesamt.

Ganze Trainings über einen KI-Assistenten

Version 1.11.0Auf GitHub ansehen

Trainer:innen verbinden ihren KI-Client (Claude Desktop, claude.ai, Claude Code oder ein anderer MCP-Client) mit ihrem KiFu-Konto und stellen ganze Trainings im Gespräch zusammen — nach denselben Regeln und mit denselben Meldungen wie in der Oberfläche.

Neu

  • KI-Zugang (#142): Verbinden über eine Erlauben-Seite, die den Umfang nennt. Zugänge im Konto einsehen und widerrufen. Höchstens 5 Zugänge und 600 Werkzeug-Aufrufe je Stunde. Übungen suchen und abrufen, Vokabular abfragen.
  • Trainings führen (#192–#199): anlegen (Kinder- und Juniorenfussball), Übungen zuordnen, umbenennen, Ziel und Alterskategorien setzen, Reihenfolge in einem Zug, Dauer und Notiz, Gruppen und Durchlauf, fachliche Hinweise (acht Arten), veröffentlichen und zurückziehen, übernehmen und löschen, Team-Trainings mit Terminen.
  • Hauptteil-Varianten über den Assistenten (#263): anlegen als Kopie, umbenennen, entfernen mit Auflösung, Reihenfolge setzen.
  • Konto-Karte «KI-Zugänge» nennt die konkreten Wege zum Verbinden.

So verbindest du dich

  • Claude Desktop oder claude.ai: Einstellungen → Connectors → «Custom connector» → https://ki-fu.ch/api/mcp.
  • Claude Code: claude mcp add --transport http kifu https://ki-fu.ch/api/mcp, danach /mcp → «Authenticate».

Bekannte Grenzen

Siehe docs/produkt/konto-und-zugang.md, Abschnitt «Bekannte Grenzen»: Eigene Übungen legt der Assistent noch nicht an (Epic #139 folgt), keine Favoriten, keine Team-Verwaltung, kein Konto.

Die Trainings-Karte wird aufgeräumter

Version 1.10.0Auf GitHub ansehen

Das elfte Release. Die Trainings-Übersicht auf ki-fu.ch zeigt jede Karte aufgeräumter: weniger Marken oben, gut lesbare Kennzahlen in der Mitte, Herkunft und Stand ganz unten.

Die Trainings-Karte (#257)

  • Die Marke „Kinderfussball" bzw. „Juniorenfussball" entfällt. Welches Lehrmittel gilt, liest sich schon an den Alterskategorien ab: G, F und E gehören zum Kinder-, D bis A zum Juniorenfussball. Nur an einem Entwurf, der noch keine Kategorie hat, bleibt die Marke stehen, sonst wäre die Altersstufe dort nicht mehr zu sehen.
  • Übungszahl und Dauer stehen in normaler Schrift statt in kleinen Versalien und sind damit leichter zu lesen. Die Trainingsliste eines Teams zeigt sie jetzt genauso.
  • Urheber und Änderungsdatum schliessen die Karte ab, gemeinsam in einer kleinen Zeile: „von Janosch · Geändert am 16.09.26". An eigenen Trainings steht nur das Datum.
  • Das Datum steht kurz (TT.MM.JJ) statt ausgeschrieben.

Unter der Haube

Das Änderungsdatum wird fest in Zürcher Zeit berechnet. Bisher rechnete der Server in UTC, sodass eine Änderung kurz nach Mitternacht das Datum des Vortags trug.

Keine Migrationen

supabase/ ist unberührt.

PRs: #257, #258, #259

Die Aktionen am Training tragen die Bauform der Übung

Version 1.9.0Auf GitHub ansehen

Die Aktionen am Training tragen neu dieselbe Bauform wie an der Übung, und der Trainingsname wird dort geändert, wo er steht. Beides betrifft den Weg zu einer Handlung, nicht die Handlung selbst: Kein Vorgang hinter einer Aktion hat sich geändert.

Die Aktionen am Training

Bisher standen sie an zwei Orten in zwei Gestalten — auf der Ansichtsseite eine Zeile beschrifteter Knöpfe, beim Zusammenstellen eine Spalte rechts mit offen stehendem rotem Löschen. Wer zwischen Übung und Training wechselte, musste sich neu orientieren.

  • Eine Reihe beschriftungsloser Zeichen mit Überlaufmenü, in derselben Zeile wie die Brotkrumen und rechtsbündig — beim Ansehen wie beim Zusammenstellen an derselben Stelle. Die Bedeutung eines Zeichens erscheint beim Zeigen und beim Tastaturfokus.
  • Offen stehen Durchführen, Drucken und Bearbeiten. Das Zeichen für Bearbeiten fehlt, während man das Training bereits bearbeitet — dort ist man ja schon. Keine Aktion ist mehr hervorgehoben; auch Durchführen war bisher ein gefüllter Knopf.
  • Gedruckt wird neu auch beim Zusammenstellen. Bisher führte der Weg dorthin nur über die Ansichtsseite.
  • Hinter den drei Punkten, immer in dieser Reihenfolge: Übernehmen, Veröffentlichen beziehungsweise Auf Entwurf setzen, Ins Team stellen und zuunterst Löschen. Steht nichts davon offen, gibt es die drei Punkte gar nicht — ein fremdes Training ohne Konto zeigt nur zwei Zeichen.
  • Übernehmen und Ins Team stellen fragen in einem Dialog nach dem Ziel — man selbst oder eines der eigenen Teams — statt wie bisher in Menü und Bestätigung nacheinander. Ohne eigenes Team wirkt Übernehmen unmittelbar.
  • Löschen bleibt zweistufig und ist neu auch von der Ansichtsseite aus erreichbar.

Der Trainingsname

  • Die Überschrift beim Zusammenstellen ist selbst das Feld. Stift und Umbenennen-Dialog entfallen.
  • Ruhend sieht man eine Überschrift, beim Zeigen legt sich eine Fläche darunter, im Fokus kommt die Kontur — so ist das Feld als beschreibbar zu erkennen, bevor man es anfasst.
  • Gespeichert wird beim Verlassen, ohne Eingabetaste und ohne Bestätigung. Wer leer oder nur mit Leerzeichen verlässt, bekommt den zuletzt gespeicherten Namen zurück und dazu den Hinweis, dass ein Training einen Namen braucht.
  • Höchstens 80 Zeichen — doppelt so viel wie bei Gruppen und Varianten, weniger als beim Ziel. Die Grenze gilt beim Anlegen wie beim Umbenennen.

Für das Kit

Neuer Baustein HeadlineField, im Styleguide 14 begründet: dasselbe Feld wie TextField, nur in Überschriften-Schrift und mit der Fläche statt der Kontur als Ankündigung. Die Frage, welche Aktion einem Betrachter an einem Training offensteht, beantwortet neu lib/training-aktionen.ts an einer Stelle — bisher lag sie verstreut in JSX-Bedingungen, im Editor-Kopf und in den Controls selbst. Die Mechanik „speichern beim Verlassen" teilen sich Namens- und Notizfeld über useBlurSpeichern.

Bekannte Grenze

Das Namensfeld setzt in Versalien, weil die Überschriften-Schrift des Hauses das tut. Der Trainer sieht seine eigene Gross- und Kleinschreibung beim Tippen also nicht; gespeichert wird sie unverfälscht. Bewusst so belassen — der Kopf soll dasselbe Schriftbild behalten wie die Ansichtsseite daneben.

Keine Migrationen

supabase/ ist unberührt. Die 80-Zeichen-Grenze steht bewusst nur in den Server Actions: trainings.name trägt seit jeher unbegrenzte echte Daten, und ein nachgereichter CHECK sperrte an einer Altzeile auch Änderungen am Ziel.

PRs: #253, #254, #256, #255 · Stories: #249, #250

Der Übungs-Picker grenzt über die Mehrfachauswahl ein

Version 1.8.0Auf GitHub ansehen

Der Dialog „Übung hinzufügen" im Trainings-Editor grenzt neu über dieselbe Mehrfachauswahl ein wie der Übungskatalog. Erscheinungsform und Übungstyp standen dort bisher als aufgeklappte Chip-Reihen — im Juniorenfussball sind das ganze Sätze, elf davon füllten den Dialog, bevor die erste Übung zu sehen war. Die Trefferliste ist der Inhalt dieses Dialogs, nicht das Filtervokabular.

Im Übungs-Picker

  • Beide Dimensionen laufen über die Mehrfachauswahl des Kits, untereinander über die volle Breite. Trägt ein Block nur eine der beiden, füllt sie die Zeile allein; trägt er keine, entfällt sie.
  • Die Suche im Panel bleibt anders als im Katalog eingeschaltet — im Dialog steht weniger Höhe zur Verfügung, und die langen Satz-Labels finden sich so schneller.
  • Der Dialog ist breiter (42rem → 52rem) und hält eine Mindesthöhe. Er fällt nicht mehr auf seinen Inhalt zusammen, wenn die Trefferliste kurz oder leer ist, und springt beim Eingrenzen nicht mehr in der Höhe.

In der Mehrfachauswahl, überall

Ein Panel, das aufklappt, kann abgeschnitten werden — Chips konnten das nicht. Daraus folgten drei Korrekturen, die auch im Übungskatalog und in der Trainings-Übersicht wirken:

  • Das Panel misst, wohin es passt. Statt fester Höhe immer nach unten misst es beim Öffnen den verfügbaren Raum und klappt zur Seite mit mehr Platz.
  • Die Feldbeschriftung bleibt frei. Das nach oben geklappte Panel legte sich sonst über den Namen des Felds.
  • Die Messung bleibt frisch, solange das Panel offen ist — beim Scrollen, bei Grössenänderungen und beim Drehen des Geräts. Scrollt das Feld selbst aus dem Bild, klappt das Panel zu, statt als Streifen am Rand stehen zu bleiben. Das ist ein Verhaltenswechsel: Bisher blieb ein offenes Panel beim Scrollen offen.

Bekannte Grenze

Auf dem Telefon im Querformat wird der Dialog höher als das Sichtfeld und scrollt; von der Trefferliste bleibt wenig im Bild. Im Hochformat und am Schreibtisch stimmt das Bild. Bewusst so belassen — die Felder dort nebeneinander zu stellen, holte das Abschneiden der langen Optionen zurück.

Keine Migrationen

supabase/ ist unberührt.

PRs: #236, #248, #252

Der Übungsablauf wird leiser

Version 1.7.0Auf GitHub ansehen

Der Übungsablauf wird leiser

Der methodische Fahrplan trug seine drei Stufen als ①②③ in 22 px Primary vor dem Ablauftext. Die Gliederung war damit das Lauteste im Block — gelesen wird auf dem Platz aber der Ablauf, nicht die Gliederung.

Jetzt beschriftet die Stufe nur noch: kleiner weisser Titel über dem Ablauftext, der dafür grösser und heller wird. Getrennt wird durch Abstand statt durch Linien, die Ziffern entfallen ganz — auch in der Erfassungsmaske. Damit die Reihenfolge nicht bloss an der Position hängt, steht der Fahrplan als geordnete Liste: ohne das mitgegebene role="list" nimmt WebKit einer Liste ohne sichtbare Marker die Listen-Semantik, und VoiceOver sagte die Stufenfolge gar nicht mehr an.

Mitgezogen sind die Nachbarn desselben Abschnitts: der Aufbau-Text (für Übungen ohne Fahrplan — freies Spiel, Altbestand) und die Varianten stehen in derselben Helligkeit wie der Fahrplan. Vorher hing die Helligkeit des Ablaufs daran, ob eine Übung einen Fahrplan hat; ein Unterschied, der nichts bedeutet. In der Trainings-Ansicht steigt der Aufbau-Text zusätzlich eine Stufe herauf — auf dem Platz wird auch er gelesen.

Die Abschnittsköpfe der Übungsseite («Übungsablauf», «Varianten») gehen gemeinsam von Versal 24 px auf gedämpfte 16 px zurück. Ein Versal-Kopf über einem leisen Stufentitel hätte die Rangfolge auf den Kopf gestellt.

Eine Schrift für alles

Die vier Label-Stufen trugen als einzige Rollen eine zweite Familie. Neu tragen sie dieselbe Grotesk wie alles andere; unterschieden wird über Gewicht, Versalien und Sperrung — nicht über eine eigene Schrift. Grössen und Zeilenhöhen bleiben, es verschiebt sich kein Layout.

Enthalten

  • #237 — Übungsablauf ohne Ziffern, Stufe beschriftet statt betitelt
  • #241 — Ablauf und Varianten in derselben Helligkeit wie der Fahrplan
  • #242 — Label und Plakette stehen in Geist statt in Geist Mono
  • #244 — Version 1.7.0

Keine Migrationen: der Deploy beschränkt sich auf Vercel.

Der Tooltip rückt unter das Zeichen

Version 1.6.1Auf GitHub ansehen

Der Tooltip rückt unter das Zeichen

Die Kurzbeschriftung an Icon-Knöpfen — Bearbeiten, Durchführen, Öffentlich schalten — sass bisher über dem Knopf und trug die Versal-Mono. Beides ist nun anders:

  • Fliesstext statt Rubrik. Der Tooltip trägt den Schnitt type-body-small (Sans, Klein-/Grossschreibung). Er liest sich als Beschriftung dessen, worauf man zeigt, und nicht als Überschrift.
  • Unterhalb statt oberhalb. Er verdeckt damit nicht mehr, was über dem Knopf liegt, und sitzt dort, wo der Blick nach dem Zeichen ohnehin hinwandert.

Im Bauteil selbst ist die placement-Prop entfallen: Mit der festen Platzierung hätte sie nur noch einen Wert gehabt.

Enthaltene Änderungen: #235, #238

Ein Formular, zwei Bausteine

Version 1.6.0Auf GitHub ansehen

Siebtes Release von kifutraining, live auf ki-fu.ch. Das Übungsformular hört auf, dieselbe Handlung auf vier Arten zu verlangen. Keine Migration.

Vier Bedienweisen für eine Handlung

Eine Übung zu erfassen hiess bisher, vier verschiedene Arten zu lernen, einen Wert zu wählen: eine Leiste für die Altersstufe, eine Leiste plus eine zweite Reihe darunter für die Einordnung, Chip-Bündel für Alterskategorie und Erscheinungsform, aufklappende Menüs für Feldtyp, Hauptteilkategorie und Übungstyp.

Das sollte einmal eine Gewichtung sein — was über die halbe Maske darunter entscheidet, sollte offen liegen. Gelesen hat es sich als Zufall.

Jetzt läuft jede Wahl eines Werts über ein Auswahlfeld mit Panel und jede Wahl mehrerer über die Mehrfachauswahl. Im Übungsformular, im Umwandeln-Dialog, beim Anlegen eines Trainings, im Trainings-Kopf und im Dialog «Training im Team erstellen». Die Tragweite eines Felds trägt jetzt der Hilfstext darunter, nicht seine Bauform.

Die Junioren-Einordnung braucht keinen zweiten Schritt mehr

Wer im Juniorenfussball erfasst, wählte bisher erst den Trainingsteil und dann aus einer zweiten Reihe den Block. Beide Ebenen stehen jetzt in einer Liste: alle sieben Blöcke untereinander, der Trainingsteil als nicht wählbare Überschrift darüber. Man wählt direkt den Block, und wozu er gehört, steht daneben.

Wo ein Teil nur einen gleichnamigen Block hat — Auffangen, Abschluss —, fällt die Überschrift weg. Sie stünde wortgleich über ihrer einzigen Option.

Alterskategorien ohne Farbe, dafür ausgeschrieben

Am Training, am Team und an der Übung trugen die Alterskategorien beim Auswählen ihre gelernte Farbe. Sie sagt, welche Kategorie man vor sich hat — beim Auswählen steht deren Name ohnehin daneben, und seit diesem Release ausgeschrieben: «G-Junior:innen» statt «G», wie es der Katalogfilter schon länger hält.

Wo eine Kategorie angezeigt wird, bleibt ihre Farbe unverändert: Trainingskarte, Übungsseite, Dialog zur Übungswahl, Druck.

Drei Beschriftungen weniger

«Name der Übung» heisst auf einer Seite mit der Überschrift «Neue Übung erstellen» jetzt «Name». Der Hilfstext unter der Altersstufe ist weg — wer die Stufe wechselt, sieht die Felder darunter wechseln. Und das «Pflichtfeld» unter dem Namen ebenso: Das Feld lässt sich gar nicht leer abschicken.

Unter der Haube

Die Leisten-Komponente hatte nach der Umstellung keine Anwendung mehr und ist aus dem Baukasten entfernt, statt als Angebot ohne Gebrauch stehen zu bleiben und die gerade hergestellte Einheitlichkeit wieder aufzubrechen. Die offene Einfachauswahl trägt noch einen Baustein und einen Fall: die Variantenwahl im Hauptteil, deren Bezeichnungen der Trainer selbst vergibt und die darum umbrechen müssen.

Das Auswahlfeld unterscheidet neu Leerwert und Platzhalter. «— kein Feldtyp —» heisst «diese Übung hat keinen» und ist eine Antwort; «Einordnung wählen …» ist das Fehlen einer und sieht jetzt auch so aus — ruhend und gedämpft im Feld statt wie eine getroffene Wahl. Ein Review-Befund aus derselben Arbeit ist mitbehoben: Ohne Wahl trug die erste Option ein Häkchen und meldete sich Vorlesehilfen als ausgewählt.

Der Styleguide unter /styleguide ist in den Abschnitten 9, 10, 16 und 17 nachgeführt.

Noch ungeprüft

Alles über den echten App-Pfad durchgespielt — Erfassen in beiden Altersstufen, Bearbeiten, Überführen, Training und Team-Training anlegen —, aber nur lokal und im Preview, nicht auf Staging mit Prod-Daten. Bestehende Übungen und Trainings ändert dieses Release nicht; es ist reine Eingabe-Oberfläche.

Der Druck-Satz des Feld-Diagramms aus 1.5.0 ist weiterhin nie auf Papier gewesen.

Nachtrasen und Papierweiss

Version 1.5.0Auf GitHub ansehen

Sechstes Release von kifutraining, live auf ki-fu.ch. Das Feld-Diagramm hört auf, überall gleich auszusehen — am Bildschirm und auf Papier ist es nun zweierlei. Keine Migration.

Der Rasen wird dunkel

Seit 1.3.0 ist die Anwendung durchgehend dunkel, und mitten darin lag ein hellgrünes Rechteck, das aus der Seite heraussprang. Der Rasen liegt jetzt im selben entsättigten Grün wie der Grund der Anwendung, die Mähstreifen sind geblieben.

Damit zieht die Zeichnung mit: Die Bewegungspfeile werden hell — das Schwarz der SFV-Zeichenerklärung kam auf dem dunklen Gras auf 1,3:1 und war schlicht weg. Und die Elementfarben steigen, weil das ursprüngliche Rot bei 2,6:1 und das Blau bei 2,2:1 lagen: zwei Mannschaften, die sich nicht mehr auseinanderhalten liessen. Wer eine Farbe wählt, wählt weiterhin «rot» oder «blau» — wie kräftig die ausfällt, entscheidet jetzt die Anwendung.

Das Feld trägt neu einen feinen Umriss. Ohne ihn verlöre es auf einer Karte seine Gestalt, denn dunkles Gras und Kartenfläche liegen nah beieinander.

Auf Papier kehrt sich fast alles um

Derselbe gespeicherte Plan kommt aus dem Drucker weiss: eine helle Fläche mit angedeuteten Mähstreifen statt Vollton-Grün. Der grüne Rasen deckte ein ganzes Blatt und war damit fast der gesamte Verbrauch einer gedruckten Übung; jetzt liegt er bei einem Bruchteil davon. Auch die Zonen füllen nur noch hauchdünn — den Umriss zeichnet ohnehin die volle Farbe.

Die Pfeile sind dort wieder schwarz, wie im Manual. Und alles, was am Bildschirm hell gezeichnet ist — Tor, Hürde, Stutzen, Stange —, kippt ins Graue, weil Weiss auf Papier nicht existiert. Ausser dem Ball: Er bleibt weiss und bekommt stattdessen eine kräftigere Kontur, so wie ein Ball auf Papier seit je gezeichnet wird. Mitgegraut wäre er ein grauer Fleck unter lauter grauen Flecken.

Die Übungskarte sagt, woher eine Übung kommt

Auf den Kacheln im Katalog standen bisher oben links die Alterskategorien. Sie sind der Filter, mit dem man die Liste überhaupt betritt — und standen danach auf jeder Kachel derselben Liste noch einmal. An ihrer Stelle steht jetzt die Herkunft: Kifu-Manual, Community oder der eigene Entwurf. Die ist auf jeder Kachel eine andere.

Die Alterskategorie bleibt, wo sie gebraucht wird: auf der Übungsseite, im Trainingsplaner, im Dialog zur Übungswahl und in den Filtern.

Noch ungeprüft

Der Druck-Satz ist nachgerechnet und am Bildschirm gegengeprüft, aber nie auf Papier gewesen. Ob die hellen Mähstreifen auf einem gewöhnlichen Bürodrucker ankommen, zeigt erst ein Ausdruck.

Unter der Haube

Die Farben des Diagramms standen als feste Werte in vier Dateien. Sie sind jetzt benannte Rollen (--diagramm-*) mit einem Wertesatz je Medium; der Browser löst sie erst beim Zeichnen auf, weshalb dieselbe Komponente beides rendert, ohne zu wissen, welches gerade gilt. Gespeichert wird unverändert nur der Farbname — kein Diagramm musste angefasst werden, und ein späterer heller Modus ist ein weiterer Wertesatz.

Zwei neue Prüfungen wachen darüber: check:diagramm-farben rechnet beide Sätze auf Lesbarkeit nach (3:1 nach WCAG 1.4.11 — auf dem Rasen steht kein Text) und verbietet rohe Farbwerte im Zeichencode; check:figuren friert die Zuordnung fest, mit der die Figuren ihre Frisuren und Hauttöne bekommen, damit kein Umbau bestehenden Kindern ein anderes Gesicht gibt. Der Styleguide unter /styleguide ist in den Abschnitten 11, 20 und 25 nachgeführt.

Ein Feld sieht aus wie ein Feld

Version 1.4.0Auf GitHub ansehen

Fünftes Release von kifutraining, live auf ki-fu.ch. Nacharbeit am Designsystem aus 1.3.0, dazu eine sichtbare neue Fähigkeit. Keine Migration.

Die Suche lässt sich mit einem Klick leeren

Das Zeichen im Suchfeld steht neu rechts, dort wo das Passwortfeld sein Auge trägt: links steht Schmuck, rechts steht Bedienbares. Solange nichts eingegeben ist, sagt die Lupe, wofür das Feld da ist; sobald etwas dasteht, tritt an ihre Stelle ein Kreuz, das die Suche verwirft und den Cursor darin stehen lässt. Die übrigen Filter bleiben gesetzt.

Zu finden im Übungskatalog, in der Trainings-Übersicht, im Dialog zur Übungswahl und im Vorlagen-Dialog.

Ein Feld sieht überall aus wie ein Feld

Filterzeilen hatten bisher ihre eigene Bauform: getönte Fläche, Fokus-Ring statt Rahmen, kein Label, dafür ein Platzhalter als Beschriftung. Nebeneinander gestellt sahen die beiden nicht aus wie dasselbe Feld in zwei Höhen, sondern wie zwei Felder. Jetzt unterscheidet die dichte Bauform sich nur noch in der Höhe — 48 statt 56 Pixel, damit sie mit Auswahlfeldern und Chips fluchtet. Kontur, Radius, durchsichtige Fläche, Schriftgrad und Label sind dieselben.

Das Label sagt in zwei Lagen dasselbe

Ruhend steht es im Feld, an genau der Stelle, an der gleich der Wert stehen wird — also in der Schrift des Werts, unterschieden nur durch die blassere Farbe: Was dort steht, ist noch nichts Eingegebenes. Geschwebt sitzt es auf der Kontur und benennt das Feld nur noch: dieselbe Schrift, zwei Stufen kleiner.

Bisher wechselte es dabei auf Mono-Versalien. Aus «Name der Übung» wurde «NAME DER ÜBUNG» — gefühlt ein anderes Wort. Der Label-Stil des Hauses ruft Aufmerksamkeit, und ein Label, das gerade aus dem Weg gegangen ist, will keine. So liest sich ein Feld von oben nach unten in einer Schrift: Name, Wert, Hinweistext.

Auch die Auswahlfelder tragen dieses Label

  • Einfachauswahl: Das Label schwebt immer — sie hat stets einen Wert, und sei es der Leerfall («— kein Feldtyp —»). Ein Label über dem Feld gibt es nicht mehr.
  • Mehrfachauswahl: Ruhend steht dort der Leerfall in Worten («Alle Stufen»), genau da, wo gleich die Tags stehen. Beim ersten Wert schwebt an seiner Stelle der Name der Dimension («Alterskategorie») auf die Kontur. Zwei Sätze für zwei Zustände; für Vorlesehilfen bleibt der Name des Felds konstant.
  • Datum und Uhrzeit liegen ebenfalls auf der Kontur. Schweben tun sie nicht: Ein natives Datumsfeld zeigt immer seine Maske und hat darum nie eine Ruhelage.

Ein Label ausserhalb der Kontur gibt es damit nirgends mehr.

Kleinere Folgen

  • Das Dauerfeld einer Übung im Training zeigt kein Uhr-Symbol mehr — es heisst jetzt sichtbar «Minuten», und neben dem Symbol blieb in einem 112 Pixel schmalen Feld kein Platz. Der volle Name «Dauer in Minuten» bleibt für Vorlesehilfen erhalten.
  • Der Filter «Verfügbare Kinder» im Übungskatalog ist etwas breiter, damit sein Label hineinpasst.

Unter der Haube

SearchField ist ein neuer Baustein im Kit; den Platz am rechten Feldrand teilt es sich mit dem Passwortfeld. Das Kreuz meldet sich über dasselbe onChange wie eine Tastatureingabe — kein zweiter Rückkanal, den eine Aufrufstelle vergessen könnte, und die verzögerte Katalogsuche verzögert auch das Leeren. Die drei Klassenbündel des Labels stehen als feldLabelBase / -Ruhend / -Schwebend im Textfeld; Text-Area, Datum, Einfach- und Mehrfachauswahl bedienen sich dort. Der Styleguide unter /styleguide ist in den Abschnitten 14, 16 und 17 nachgeführt.

5 ältere Versionen anzeigen