Übungsaufgaben zur TableView: Mitfahrgesuche als Tabelle und Durchlaufzeiten

Übungsaufgaben zur TableView: Mitfahrgesuche als Tabelle und Durchlaufzeiten

https://bildung.social/@oerinformatik/

https://oer-informatik.de/javafx-tableview-buchungen-uebungsaufgaben

JavaFX, TableView, CellValueFactory, CellFactory, FilteredList, SortedList, Filter, Kanban, Durchlaufzeit, Median, Übungsaufgaben, Prüfungsvorbereitung

tl/dr; (Bearbeitungszeit insgesamt 57 min, mehrere Aufgaben): Übungen zur TableView in der JavaFX-Desktop-App: Du ordnest CellValueFactory, CellFactory, Filter und Sortierung zu und sagst vorher, was beim Klick auf einen Spaltenkopf passiert, baust die Mitfahrgesuche als Tabelle mit Zellen und Sortierung, ergänzt einen Filter mit Notizsuche samt Tests und wertest die Durchlaufzeiten eines Kanban-Boards aus [AI-Assisted]. (Zuletzt geändert am 11.11.2026)

Dieser Artikel ist Teil einer Artikelreihe über eine Desktop-App mit JavaFX: Übersicht / Kanban-Projektstart / Projekt anlegen / FXML, Layouts und CSS / Properties, Bindings und MVVM / Backend anbinden / TableView für Buchungen / Formulare und Dialoge / Anmeldung mit Keycloak / Verwaltung und Diagramme / GUI-Tests mit TestFX / Abnahmetest und Kanban-Metriken / Paketieren mit jpackage

Diese Übungsaufgaben gehören zum Artikel TableView für Buchungen: anzeigen, filtern, sortieren und bestätigen. Sie spielen im Projekt Mitfahrlabor und führen den Strang der Mitfahrgesuche weiter: Das Gesuche-Fenster für Ticket JFX-13 „Offene Gesuche an meinem Haltepunkt anzeigen“ lädt seit den Übungen zum Anbinden des Backends die Gesuche im Hintergrund, zeigt sie aber nur als Liste. Jetzt bekommt es eine Tabelle und einen besseren Filter.

Hinweise zur Bearbeitung: Bis zur Teil-1-Prüfung der IT-Berufe solltest Du die Basiskompetenz beherrschen, also Aufgabe 1.1. Als FIA, FIDP oder FIDV musst Du zur Teil-2-Prüfung Aufgaben auf Kernkompetenz-Ebene lösen können, das sind Aufgabe 2.1 und Aufgabe 2.2. Von FIA wird zusätzlich erwartet, dass ihnen Aufgaben auf Profilkompetenz-Ebene (Aufgabe 3.1) keine Probleme bereiten. Als Startcode für die Aufgaben 2.1 und 2.2 dient der Code-Stand src/05-backend-anbinden/uebung-mitfahrgesuche mit Deinem GesucheViewModel aus den letzten Übungen. Eine vollständige Beispiellösung mit allen Tests liegt unter src/06-tableview-buchungen/uebung-mitfahrgesuche; dort steht auch die Klasse FormatierteZelle aus dem Artikel. Code-Aufgaben löst Du am besten am Rechner und prüfst sie mit gradlew test (bzw. mvnw test). Die Operatoren (nennen, beschreiben, erläutern, beurteilen …) sind im Artikel Wie sind die Aufgaben aufgebaut? erklärt. Schreib Deine Lösung zuerst vollständig auf, bevor Du die Beispiellösung aufklappst.

Du möchtest eigene Aufgaben zum Üben von einem KI-Sprachmodell generieren lassen? Prompt ein-/ausblenden

Erstelle neue Übungsaufgaben zum Thema „TableView: Mitfahrgesuche als
Tabelle und Durchlaufzeiten“.

Bauplan: Halte Dich an Aufbau, Kompetenzstufen, Operatoren,
Anforderungsbereiche, Punkte und Zeitschätzung, die im Artikel
https://oer-informatik.de/aufgaben-aufbau beschrieben sind.

Fachliche Grundlage:
- https://oer-informatik.de/javafx-tableview-buchungen
- https://oer-informatik.de/szenario-mitfahrlabor
- https://oer-informatik.de/javafx-kanban-projektstart
- Stilbeispiel: https://oer-informatik.de/javafx-tableview-buchungen-uebungsaufgaben

Die Aufgaben sollen Inhalte zu diesen Schlagwörtern abdecken:
- JavaFX
- TableView
- CellValueFactory
- CellFactory
- FilteredList
- SortedList
- Filter
- Kanban
- Durchlaufzeit
- Median

Kompetenzstufe: Kernkompetenz (alternativ: Basiskompetenz, Profilkompetenz, Expertise)
Anzahl: 1 Aufgabe mit Teilaufgaben
Bearbeitungszeit in Minuten ca.: <5 bis 30 min>
Szenario: eines der Szenarien aus dem Bauplan

Vorgehen:
1. Lies zuerst die verlinkten Artikel. Kannst Du keine Webseiten
   abrufen, sag mir das, statt zu raten.
2. Steht bei einer Angabe noch ein Platzhalter in <…>, frag mich
   zuerst danach. Richte Punkte und Zahl der Teilaufgaben nach der
   Bearbeitungszeit (ca. 0,9 min je Punkt).
3. Gib je Aufgabe Titel mit Kompetenzstufe, Ausgangssituation und
   Teilaufgaben mit Operator und Punktzahl aus, dazu die geschätzte
   Bearbeitungszeit.
4. Gib die Beispiellösungen mit Punkteverteilung erst aus, wenn ich
   danach frage.

Aufgabe 1.1: Factorys, Filter und Sortierung zuordnen (Basiskompetenz)

(ca. 13 min Bearbeitungszeit)

Oksana Melnyk prüft JFX-05 in der Spalte „Test“ und möchte vorher wissen, ob Du die Bausteine der Tabelle auseinanderhalten kannst. Sie legt Dir sechs Wünsche und Codezeilen aus dem Gesuche-Fenster vor.

1. Ordne jeder Zeile den Baustein zu, der dafür zuständig ist: CellValueFactory (CVF), CellFactory (CF), Prädikat der FilteredList (FL) oder Bindung des Comparators der SortedList (SL). (6 Punkte)

2. Im Controller stehen nur diese beiden Zeilen, eine Bindung des Comparators fehlt. Beschreibe, was Ben sieht, wenn er auf den Kopf der Spalte „frühestens“ klickt, und gib die fehlende Zeile an. (3 Punkte)

gesucheTabelle.setItems(viewModel.getPassendeGesuche()); // eine SortedList ohne Comparator
gesucheTabelle.getSortOrder().add(spalteFruehestens);

3. Ein Teammitglied lässt die CellValueFactory der Spalte „Datum“ gleich den fertigen Text liefern: z -> new ReadOnlyStringWrapper(z.getValue().datum().format(DATUM)). Die Anzeige sieht danach genauso aus. Beschreibe, was beim Sortieren nach der Spalte mit den Gesuchen vom 09.11.2026 und vom 15.10.2026 passiert, und erläutere, wie Wert und Darstellung besser getrennt werden. (3 Punkte)

4. Nenne zwei Gründe, warum das Team die CellValueFactory als Lambda schreibt und nicht als new PropertyValueFactory<>("datum"). (2 Punkte)

viewModel.getPassendeGesuche().comparatorProperty().bind(gesucheTabelle.comparatorProperty());

Aufgabe 2.1: Die Mitfahrgesuche als Tabelle anzeigen (Kernkompetenz)

(ca. 15 min Bearbeitungszeit)

Aylin Kaya testet das Gesuche-Fenster und wünscht sich im Replenishment: „Ich will die Gesuche nach Uhrzeit sortieren und sehen, ob jemand eine Notiz geschrieben hat, ohne jede Zeile zu lesen.“ Das Team ersetzt die ListView durch eine Tabelle.

1. Ersetze in gesuche.fxml die ListView #gesucheListe durch eine TableView #gesucheTabelle mit den Spalten „Datum“, „frühestens“, „spätestens“, „Haltepunkt“ und „Notiz“ (fx:id z. B. spalteDatum). Die Spalten sollen die ganze Breite ausfüllen; ohne Treffer zeigt die Tabelle „Keine offenen Gesuche für diese Auswahl.“ (4 Punkte)

2. Ergänze im GesucheController die Spaltenfelder mit passenden Typparametern und setze für alle fünf Spalten eine CellValueFactory. Das Datum erscheint im Format 16.11.2026, eine leere Notiz als grauer Strich „–“ (CSS-Klasse ohne-notiz). Achte darauf, dass Zellen wiederverwendet werden. (6 Punkte)

3. Sorge dafür, dass ein Klick auf einen Spaltenkopf sortiert und die Tabelle anfangs nach „frühestens“ aufsteigend sortiert ist. Der feste Comparator im GesucheViewModel entfällt dafür. (3 Punkte)

4. Passe den Controller-Test an: Er prüft, dass die Tabelle fünf Spalten hat und die Gesuche nach dem Laden in der Reihenfolge ihrer frühesten Uhrzeit zeigt. (3 Punkte)

<TableView fx:id="gesucheTabelle" VBox.vgrow="ALWAYS">
    <columnResizePolicy>
        <TableView fx:constant="CONSTRAINED_RESIZE_POLICY_FLEX_LAST_COLUMN"/>
    </columnResizePolicy>
    <placeholder>
        <Label text="Keine offenen Gesuche für diese Auswahl."/>
    </placeholder>
    <columns>
        <TableColumn fx:id="spalteDatum" text="Datum" prefWidth="95"/>
        <TableColumn fx:id="spalteFruehestens" text="frühestens" prefWidth="85"/>
        <TableColumn fx:id="spalteSpaetestens" text="spätestens" prefWidth="85"/>
        <TableColumn fx:id="spalteHaltepunkt" text="Haltepunkt" prefWidth="200"/>
        <TableColumn fx:id="spalteNotiz" text="Notiz" prefWidth="160"/>
    </columns>
</TableView>

private static final DateTimeFormatter DATUM = DateTimeFormatter.ofPattern("dd.MM.yyyy");

@FXML private TableView<Gesuch> gesucheTabelle;
@FXML private TableColumn<Gesuch, LocalDate> spalteDatum;
@FXML private TableColumn<Gesuch, LocalTime> spalteFruehestens;
@FXML private TableColumn<Gesuch, LocalTime> spalteSpaetestens;
@FXML private TableColumn<Gesuch, String> spalteHaltepunkt;
@FXML private TableColumn<Gesuch, String> spalteNotiz;

private void tabelleEinrichten() {
    // CellValueFactory: welcher Wert aus dem Gesuch in die Spalte kommt
    spalteDatum.setCellValueFactory(z -> new ReadOnlyObjectWrapper<>(z.getValue().datum()));
    spalteFruehestens.setCellValueFactory(z -> new ReadOnlyObjectWrapper<>(z.getValue().fruehestens()));
    spalteSpaetestens.setCellValueFactory(z -> new ReadOnlyObjectWrapper<>(z.getValue().spaetestens()));
    spalteHaltepunkt.setCellValueFactory(z -> new ReadOnlyStringWrapper(z.getValue().haltepunkt()));
    spalteNotiz.setCellValueFactory(z -> new ReadOnlyStringWrapper(z.getValue().notiz()));

    // CellFactory: Darstellung; sortiert wird weiter nach LocalDate
    spalteDatum.setCellFactory(spalte -> new FormatierteZelle<>(datum -> datum.format(DATUM)));
    spalteNotiz.setCellFactory(spalte -> new TableCell<>() {
        @Override
        protected void updateItem(String notiz, boolean leer) {
            super.updateItem(notiz, leer);
            getStyleClass().remove("ohne-notiz");   // Zelle kann vorher eine leere Notiz gezeigt haben
            if (leer || notiz == null) {
                setText(null);
            } else if (notiz.isBlank()) {
                setText("–");
                getStyleClass().add("ohne-notiz");
            } else {
                setText(notiz);
            }
        }
    });
    // … Sortierung siehe c)
}

.table-cell.ohne-notiz {
    -fx-text-fill: #8a8a8a;
}

// GesucheViewModel
private final SortedList<Gesuch> passend = new SortedList<>(gefiltert);

public SortedList<Gesuch> getPassendeGesuche() {
    return passend;
}

// GesucheController.tabelleEinrichten()
gesucheTabelle.setItems(viewModel.getPassendeGesuche());
viewModel.getPassendeGesuche().comparatorProperty().bind(gesucheTabelle.comparatorProperty());
gesucheTabelle.getSortOrder().add(spalteFruehestens);

@Test
@SuppressWarnings("unchecked")
void tabelleZeigtGesucheZurSchuleNachFruehestensSortiert() throws Exception {
    Parent wurzel = ladeGesuche();   // lädt gesuche.fxml mit Beispielgesuchen und wartet auf den Task
    TableView<Gesuch> tabelle = (TableView<Gesuch>) wurzel.lookup("#gesucheTabelle");

    assertEquals(5, tabelle.getColumns().size());
    assertEquals(List.of(3L, 1L, 5L), tabelle.getItems().stream().map(Gesuch::id).toList());
}

Aufgabe 2.2: Die Mitfahrgesuche filtern (Kernkompetenz)

(ca. 13 min Bearbeitungszeit)

Mit der Tabelle wird der Filter zum Hindernis: Solange Haltepunkt und Datum nicht gewählt sind, bleibt sie leer, und die Spalten „Datum“ und „Haltepunkt“ zeigen in jeder Zeile dasselbe. Aylin möchte zuerst alle Gesuche ihrer Richtung sehen und dann eingrenzen, etwa nach Notizen wie „Rad“.

1. Ändere das GesucheViewModel: Haltepunkt und Datum sind optionale Filter (null heißt „alle“), die Richtung bleibt Pflicht. Eine neue StringProperty notizSuche filtert nach einem Teil der Notiz, ohne Rücksicht auf Groß- und Kleinschreibung und Leerzeichen am Rand. Der Hinweis lautet bei Treffern „n von m offenen Gesuchen“, zuruecksetzen() setzt auch die Suche zurück. Das Binding filterVollstaendig entfällt. (6 Punkte)

2. Ergänze in der Maske ein Textfeld #notizSuche mit der Beschriftung „Notiz enthält“ (Tastenkürzel Alt+N) und binde es an das ViewModel. (2 Punkte)

3. Schreibe drei Komponententests für das ViewModel: ohne Haltepunkt und Datum alle Gesuche „zur Schule“ mit passendem Hinweis; die Suche „ RAD “ findet genau Gesuch 1; ein Comparator, der von außen gesetzt wird, sortiert die gefilterte Liste. (5 Punkte)

4. Erläutere, warum sich die Sortierung in c) ohne Tabelle testen lässt, obwohl in der App die Tabelle den Comparator setzt. (1 Punkt)

private final StringProperty notizSuche = new SimpleStringProperty(this, "notizSuche", "");

public GesucheViewModel(GesuchQuelle quelle, Executor hintergrund) {
    this.quelle = quelle;
    this.hintergrund = hintergrund;
    gefiltert.predicateProperty().bind(Bindings.createObjectBinding(
            this::filter, haltepunkt, zurSchule, datum, notizSuche));
    hinweis = Bindings.createStringBinding(() -> {
        if (laedt.get()) {
            return "Gesuche werden geladen …";
        }
        if (fehler.get() != null) {
            return "Gesuche nicht geladen: " + fehler.get();
        }
        return passend.isEmpty() ? "Keine offenen Gesuche für diese Auswahl."
                : passend.size() + " von " + gesuche.size() + " offenen Gesuchen";
    }, laedt, fehler, passend, gesuche);
}

/** Ein Filter, der nicht gesetzt ist (null bzw. leer), lässt alle Gesuche durch. */
private Predicate<Gesuch> filter() {
    String richtung = zurSchule.get() ? "zur-schule" : "nach-hause";
    String halt = haltepunkt.get();
    LocalDate tag = datum.get();
    String suche = notizSuche.get() == null ? "" : notizSuche.get().strip().toLowerCase(Locale.GERMANY);
    return g -> g.richtung().equals(richtung)
            && (halt == null || g.haltepunkt().equals(halt))
            && (tag == null || g.datum().equals(tag))
            && g.notiz().toLowerCase(Locale.GERMANY).contains(suche);
}

public void zuruecksetzen() {
    haltepunkt.set(null);
    datum.set(null);
    zurSchule.set(true);
    notizSuche.set("");
}

public StringProperty notizSucheProperty() {
    return notizSuche;
}

<TextField fx:id="notizSuche" promptText="z. B. Rad" prefWidth="220"
           GridPane.columnIndex="1" GridPane.rowIndex="3"/>
<Label text="_Notiz enthält" mnemonicParsing="true" labelFor="$notizSuche"
       GridPane.columnIndex="0" GridPane.rowIndex="3"/>

@FXML private TextField notizSuche;
// in initialize():
notizSuche.textProperty().bindBidirectional(viewModel.notizSucheProperty());

private List<Long> ids() {
    return viewModel.getPassendeGesuche().stream().map(Gesuch::id).toList();
}

@Test
void ohneHaltepunktUndDatumZeigtAlleGesucheDerRichtung() {
    assertEquals(List.of(1L, 3L, 5L), ids());
    assertEquals("3 von 5 offenen Gesuchen", viewModel.hinweisProperty().get());
}

@Test
void notizSucheIgnoriertGrossKleinUndLeerzeichen() {
    viewModel.notizSucheProperty().set("  RAD ");
    assertEquals(List.of(1L), ids());
}

@Test
void comparatorDerTabelleSortiertDieGefilterteListe() {
    // so, wie es die Bindung an tabelle.comparatorProperty() nach Klick auf „frühestens“ tut
    viewModel.getPassendeGesuche().setComparator(Comparator.comparing(Gesuch::fruehestens));
    assertEquals(List.of(3L, 1L, 5L), ids());
}

Aufgabe 3.1: Durchlaufzeiten eines Boards auswerten (Profilkompetenz)

(ca. 16 min Bearbeitungszeit)

Das Team, das die Gesuche-Ansicht baut, führt ein eigenes Board mit den Tickets GES-1 bis GES-8 und zählt die Durchlaufzeit wie im Artikel: Projekttag „Fertig am“ minus Projekttag „Gezogen am“ plus 1. Thomas Becker möchte im nächsten Replenishment wissen, womit er bei neuen Tickets rechnen kann.

1. Berechne die Durchlaufzeit jedes Tickets sowie Mittelwert, Median und Spannweite der acht Werte. (6 Punkte)

2. Beurteile, ob Mittelwert oder Median das typische Ticket dieses Boards besser beschreibt, und begründe mit GES-4. (3 Punkte)

3. Thomas Becker fragt: „Wenn ihr heute ein neues Standard-Ticket zieht, wann ist es fertig?“ Formuliere eine Antwort auf Grundlage der acht Durchlaufzeiten und erläutere, warum „im Schnitt nach 4,1 Tagen“ keine gute Antwort ist. (3 Punkte)

4. Bestimme, wie viele der Projekttage in den Durchlaufzeiten auf Warten oder Blockaden entfallen, und leite zwei Regeln oder Maßnahmen für das Board ab, die die Durchlaufzeit verkürzen, ohne dass jemand schneller programmieren muss. (5 Punkte)

Links und weitere Informationen

• zum Artikel: TableView für Buchungen: anzeigen, filtern, sortieren und bestätigen

• zum Board: Kanban-Projektstart für die Desktop-App

• als Nachschlagewerk: JavaFX-API: Klasse TableColumn (CellValueFactory, CellFactory)

• als Nachschlagewerk: JavaFX-API: Klasse SortedList

• für den Einstieg: Szenario Mitfahrlabor mit Personas und Regeln

Hinweis zur Nachnutzung als Open Educational Resource (OER)

Dieser Artikel und seine Texte, Bilder, Grafiken, Code und sonstiger Inhalt sind - sofern nicht anders angegeben - lizenziert unter CC BY 4.0. Nennung gemäß TULLU-Regel bitte wie folgt: “Übungsaufgaben zur TableView: Mitfahrgesuche als Tabelle und Durchlaufzeiten” von oer-informatik.de (H. Stein), Lizenz: CC BY 4.0. Der Artikel wurde unter https://oer-informatik.de/javafx-tableview-buchungen-uebungsaufgaben veröffentlicht, die Quelltexte sind in weiterverarbeitbarer Form verfügbar im Repository unter https://gitlab.com/oer-informatik/javafx/javafx-einstieg. Erstellt mit KI-Assistenz; von mir umfassend redaktionell überarbeitet, geprüft und freigegeben. Stand: 11.11.2026.

[Kommentare zum Artikel lesen, schreiben] / [Artikel teilen] / [gitlab-Issue zum Artikel schreiben]