{"beispielaufgaben":[{"artefakt_id":"artefakt.diagramm","aufgabe":[{"text":"Die NordTerra GmbH betreibt eine überregionale Kette von Kfz-Werkstätten und lässt eine Webanwendung entwickeln, über die Kundinnen und Kunden einen Reparatur- und Servicetermin online anfragen können. Als beteiligter Anwendungsentwickler sollen Sie die Eingabemaske gestalten. Auf einer Seite mit der Überschrift „Servicetermin anfragen“ müssen genau die folgenden acht Oberflächenelemente untergebracht werden: ein Eingabefeld für das amtliche Kennzeichen, ein Eingabefeld für das Fahrzeugmodell, ein Eingabefeld für den Wunschtermin, ein Auswahlfeld für die Serviceart (Inspektion, Reifenwechsel oder Klimacheck), ein Eingabefeld für die Telefonnummer, ein mehrzeiliges Eingabefeld für zusätzliche Anmerkungen, eine Anzeigefläche für den aktuellen Terminstatus sowie eine Schaltfläche „Anfrage senden“. Die genannten Funktionen dürfen weder entfallen noch verändert werden. Skizzieren Sie ein übersichtliches Mockup dieser Benutzeroberfläche und beschriften Sie jedes Element eindeutig.","typ":"absatz"}],"beispiel_id":"bsp-ui-mockups-erstellen-diagramm-01","freigabeart":"maschinell","loesung":[{"text":"Erwartet wird eine handskizzierte, klar gegliederte Maske mit Titel „Servicetermin anfragen“. Alle acht geforderten Elemente sind vorhanden, sinnvoll gruppiert und lesbar beschriftet. Bewertung: je vollständig und korrekt dargestelltes Element 0,5 Punkte (8 × 0,5 = 4 Punkte); nachvollziehbare, gebrauchstaugliche Anordnung von oben nach unten mit Auswahlfeld als Dropdown, Anmerkungen als größeres Feld und deutlich abgesetzter Aktionsschaltfläche 2 Punkte; Statusanzeige als reines Ausgabeelement klar von Eingaben getrennt 1 Punkt; einheitliche, saubere Beschriftung und logische Gruppierung 1 Punkt. Fachlich gleichwertige Layouts sind anzuerkennen.","typ":"absatz"}],"loesung_diagramm":{"aktionen":[{"ausloeser":"senden","wirkung":"Serviceanfrage übermitteln"}],"elemente":[{"beschriftung":"Kennzeichen","id":"kennzeichen","typ":"eingabe"},{"beschriftung":"Fahrzeugmodell","id":"modell","typ":"eingabe"},{"beschriftung":"Wunschtermin","id":"termin","typ":"eingabe"},{"beschriftung":"Serviceart","id":"service","typ":"auswahl"},{"beschriftung":"Telefonnummer","id":"telefon","typ":"eingabe"},{"beschriftung":"Anmerkungen","id":"anmerkung","typ":"eingabe"},{"beschriftung":"Terminstatus","id":"status","typ":"anzeige"},{"beschriftung":"Anfrage senden","id":"senden","typ":"aktion"}],"modus":"ui_mockup"},"operator_id":"operator.erstellen","pruefungszuordnung":{"berufe":["FIAE"],"teil":"AP2"},"punkte":8,"punkterahmen":{"max":8,"min":7},"quellen":["ap2-fiae-2024-sommer-ae1-a04-b-bb","ap2-fiae-2025-sommer-ae1-a02-b"]},{"artefakt_id":"artefakt.diagramm","aufgabe":[{"text":"Ein Anbieter von Coworking-Flächen möchte seinen Mitgliedern eine schlanke Weboberfläche bereitstellen, über die sich ein Besprechungsraum für einen einzelnen Termin reservieren lässt. Sie arbeiten im Entwicklungsteam und sollen den ersten Entwurf der Buchungsmaske erstellen.","typ":"absatz"},{"text":"Die Eingabemaske soll auf einer einzigen Seite dargestellt werden und genau die folgenden acht Bedienelemente enthalten:\n– ein Eingabefeld mit der Beschriftung „Name der buchenden Person“\n– ein Auswahlfeld mit der Beschriftung „Raum auswählen“\n– ein Eingabefeld mit der Beschriftung „Datum“\n– ein Auswahlfeld mit der Beschriftung „Uhrzeit von–bis“\n– ein Eingabefeld mit der Beschriftung „Anzahl Teilnehmende“\n– ein mehrzeiliges Eingabefeld mit der Beschriftung „Bemerkung zur Buchung“\n– ein Anzeigefeld mit der Beschriftung „Freie Plätze“\n– eine Schaltfläche mit der Beschriftung „Reservierung absenden“","typ":"absatz"},{"text":"Skizzieren Sie ein übersichtliches Mockup dieser Benutzeroberfläche, in dem alle acht genannten Bedienelemente sinnvoll angeordnet und eindeutig beschriftet sind. Die vorgegebenen Funktionen dürfen dabei nicht verändert, ergänzt oder weggelassen werden.","typ":"absatz"}],"beispiel_id":"bsp-ui-mockups-erstellen-diagramm-02","freigabeart":"maschinell","loesung":[{"text":"Erwartet wird ein handskizziertes, gut lesbares Mockup einer einseitigen Buchungsmaske. Bewertung (8 Punkte): Die sechs Formularfelder – vier Eingabefelder („Name der buchenden Person“, „Datum“, „Anzahl Teilnehmende“, „Bemerkung zur Buchung“) und zwei Auswahlfelder („Raum auswählen“, „Uhrzeit von–bis“) – sind korrekt dargestellt und beschriftet (je 1 Punkt, zusammen 6 Punkte). Das Anzeigefeld „Freie Plätze“ und die Schaltfläche „Reservierung absenden“ sind typgerecht dargestellt und beschriftet (je 0,5 Punkte, zusammen 1 Punkt). Eine übersichtliche, funktional gruppierte Anordnung wird mit 1 Punkt bewertet. Fachlich gleichwertige, gebrauchstaugliche Anordnungen sind anzuerkennen, solange keine Funktion verändert wird.","typ":"absatz"}],"loesung_diagramm":{"aktionen":[{"ausloeser":"absenden","wirkung":"Reservierung absenden"}],"elemente":[{"beschriftung":"Name der buchenden Person","id":"name","typ":"eingabe"},{"beschriftung":"Raum auswählen","id":"raum","typ":"auswahl"},{"beschriftung":"Datum","id":"datum","typ":"eingabe"},{"beschriftung":"Uhrzeit von–bis","id":"uhrzeit","typ":"auswahl"},{"beschriftung":"Anzahl Teilnehmende","id":"teilnehmende","typ":"eingabe"},{"beschriftung":"Bemerkung zur Buchung","id":"bemerkung","typ":"eingabe"},{"beschriftung":"Freie Plätze","id":"plaetze","typ":"anzeige"},{"beschriftung":"Reservierung absenden","id":"absenden","typ":"aktion"}],"modus":"ui_mockup"},"operator_id":"operator.erstellen","pruefungszuordnung":{"berufe":["FIAE"],"teil":"AP2"},"punkte":8,"punkterahmen":{"max":8,"min":7},"quellen":["ap2-fiae-2024-sommer-ae1-a04-b-bb","ap2-fiae-2025-sommer-ae1-a02-b"]},{"artefakt_id":"artefakt.diagramm","aufgabe":[{"text":"Das Sportstudio \"AktivPlus\" möchte Interessierten die Buchung eines kostenlosen Probetrainings über eine neue Weboberfläche ermöglichen. Sie arbeiten in der Softwareentwicklung des Studios und sollen die Eingabemaske für dieses Buchungsformular gestalten. Die Oberfläche soll folgende Elemente enthalten: ein Eingabefeld \"Name\", ein Eingabefeld \"Telefonnummer\", ein Auswahlmenü \"Wunschtermin\", aus dem ein freier Zeitslot gewählt wird, sowie ein Auswahlmenü \"Kursart\" zur Wahl der Trainingsrichtung. Zusätzlich ist ein Kontrollkästchen \"Datenschutzerklärung gelesen\" vorzusehen, das die Nutzerin oder der Nutzer aktivieren muss. Ein Anzeigebereich \"Hinweis zur Stornierung\" informiert über die Bedingungen einer kostenfreien Absage. Über die Schaltfläche \"Probetraining buchen\" wird die Buchung abgeschickt; dies darf erst nach Aktivierung des Kontrollkästchens möglich sein. Skizzieren Sie ein übersichtliches Mockup dieser Benutzeroberfläche, in dem alle genannten Elemente sinnvoll angeordnet und beschriftet sind. Achten Sie auf eine logische Gruppierung sowie eine gute Bedienbarkeit der Maske.","typ":"absatz"}],"beispiel_id":"bsp-ui-mockups-erstellen-diagramm-03","freigabeart":"maschinell","loesung":[{"text":"Erwartet wird ein übersichtliches Mockup mit allen sieben beschrifteten Elementen (je 1 Punkt = 7 Punkte) und einer nachvollziehbaren, gut bedienbaren Anordnung (1 Punkt), zusammen 8 Punkte. Sinnvolle Lösung: oben die Eingabefelder \"Name\" und \"Telefonnummer\", darunter die Auswahlmenüs \"Wunschtermin\" und \"Kursart\", anschließend das Kontrollkästchen \"Datenschutzerklärung gelesen\", der Anzeigebereich \"Hinweis zur Stornierung\" sowie unten die Schaltfläche \"Probetraining buchen\". Das Kontrollkästchen ist als Kontrollkästchen (nicht als reines Textfeld) darzustellen; die Schaltfläche darf erst nach dessen Aktivierung auslösbar sein. Fachlich gleichwertige, gebrauchstaugliche Anordnungen sind anzuerkennen, sofern alle Elemente vorhanden und korrekt beschriftet sind. Kein Punkt für fehlende oder falsch typisierte Elemente.","typ":"absatz"}],"loesung_diagramm":{"aktionen":[{"ausloeser":"buchen","wirkung":"Probetraining erst nach Aktivierung des Kontrollkaestchens buchen"}],"elemente":[{"beschriftung":"Name","id":"name","typ":"eingabe"},{"beschriftung":"Telefonnummer","id":"telefon","typ":"eingabe"},{"beschriftung":"Wunschtermin","id":"termin","typ":"auswahl"},{"beschriftung":"Kursart","id":"kursart","typ":"auswahl"},{"beschriftung":"Datenschutzerklärung gelesen","id":"datenschutz","typ":"kontrollkaestchen"},{"beschriftung":"Hinweis zur Stornierung","id":"hinweis","typ":"anzeige"},{"beschriftung":"Probetraining buchen","id":"buchen","typ":"aktion"}],"modus":"ui_mockup"},"operator_id":"operator.erstellen","pruefungszuordnung":{"berufe":["FIAE"],"teil":"AP2"},"punkte":8,"punkterahmen":{"max":8,"min":7},"quellen":["ap2-fiae-2024-sommer-ae1-a04-b-bb","ap2-fiae-2025-sommer-ae1-a02-b"]},{"artefakt_id":"artefakt.freitextantwort","aufgabe":[{"text":"In einem Softwareprojekt für ein Stadtbüchereisystem liegt Ihnen der Entwurf einer Bildschirmseite zur Vormerkung von Medien vor. Die Seite trägt die Überschrift „Medium vormerken\". Darunter befindet sich ein ausgefülltes Textfeld „Titel\" mit dem Eintrag „Datenbanken kompakt\", ein Auswahlmenü „Abholfiliale\" mit dem gewählten Wert „Zweigstelle Nord\" sowie ein Datumsfeld „Bereitstellung bis\" mit dem Wert „14.08.2026\". Ein aktiviertes Kontrollkästchen ist mit „Benachrichtigung per E-Mail\" beschriftet. Rechts oben zeigt eine grün hinterlegte Statuszeile „Verfügbar: 2 Exemplare\". Unten rechts liegt die Schaltfläche „Vormerkung bestätigen\", links daneben der Verweis „Abbrechen\". Beschreiben Sie vier gestalterische bzw. interaktive Aspekte dieser vorgegebenen Oberfläche: die Gruppierung und Anordnung der Eingabeelemente, den Zustand des Kontrollkästchens, die Gestaltung der Statuszeile und die Beschriftung der beiden Bedienelemente am Seitenende.","typ":"absatz"}],"beispiel_id":"bsp-ui-mockups-beschreiben-freitextantwort-01","freigabeart":"maschinell","loesung":[{"text":"Je zutreffend beschriebenem Aspekt 1 Punkt (4 × 1 = 4 Punkte). Erwartet wird eine sachliche Beschreibung der vorgegebenen Oberfläche ohne Verbesserungsvorschläge; fachlich gleichwertige Formulierungen sind anzuerkennen.","typ":"absatz"},{"eintraege":["Anordnung (1 P.): Die Eingabeelemente Titel, Abholfiliale und Bereitstellungsdatum sind untereinander gruppiert; die Bedienelemente stehen am Seitenende.","Kontrollkästchen (1 P.): Es ist aktiviert (angehakt), die E-Mail-Benachrichtigung ist somit vorausgewählt.","Statuszeile (1 P.): Die grün hinterlegte Anzeige signalisiert die Verfügbarkeit von zwei Exemplaren als positive Rückmeldung an oberer Position.","Bedienelemente (1 P.): „Vormerkung bestätigen\" ist als primäre, abschließende Aktion gestaltet, „Abbrechen\" als untergeordneter Verweis daneben."],"typ":"liste"}],"operator_id":"operator.beschreiben","pruefungszuordnung":{"berufe":["FIAE"],"teil":"AP2"},"punkte":4,"punkterahmen":{"max":4,"min":4},"quellen":["ap2-fiae-2026-sommer-ae1-a04-c-ca"]},{"artefakt_id":"artefakt.freitextantwort","aufgabe":[{"text":"Für eine mobile Anwendung zur Heizungssteuerung wird Ihnen der Entwurf einer Detailseite gezeigt. Ganz oben steht die Überschrift „Wohnzimmer\". Mittig zeigt eine große runde Anzeige die aktuelle Raumtemperatur „21,5 °C\". Darunter regeln eine Minus- und eine Plus-Schaltfläche die Zieltemperatur, deren Wert „22 °C\" zwischen beiden Schaltflächen erscheint. Ein Schiebeschalter „Automatik\" steht in der Stellung ein. Es folgt eine Reihe aus drei Schaltflächen „Komfort\", „Eco\" und „Aus\", wobei „Komfort\" farblich hervorgehoben ist. Am unteren Rand liegt eine Navigationsleiste mit den Einträgen „Start\", „Räume\" und „Einstellungen\". Beschreiben Sie vier gestalterische bzw. interaktive Aspekte dieser vorgegebenen Oberfläche: die Darstellung der aktuellen Temperatur, die Bedienung der Zieltemperatur über die beiden Schaltflächen, die Hervorhebung innerhalb der Modusauswahl und die Funktion der unteren Navigationsleiste.","typ":"absatz"}],"beispiel_id":"bsp-ui-mockups-beschreiben-freitextantwort-02","freigabeart":"maschinell","loesung":[{"text":"Je zutreffend beschriebenem Aspekt 1 Punkt (4 × 1 = 4 Punkte). Sachliche Beschreibung ohne Verbesserungsvorschläge; gleichwertige Formulierungen sind anzuerkennen.","typ":"absatz"},{"eintraege":["Aktuelle Temperatur (1 P.): Zentral platzierte, große runde Anzeige mit „21,5 °C\" als dominierendes Informationselement.","Zieltemperatur (1 P.): Minus- und Plus-Schaltfläche verändern schrittweise den mittig angezeigten Zielwert „22 °C\".","Modusauswahl (1 P.): Drei nebeneinanderliegende Schaltflächen, „Komfort\" farblich hervorgehoben und damit als aktiver Modus kenntlich.","Navigationsleiste (1 P.): Am unteren Rand fest verankerte Leiste ermöglicht den Wechsel zwischen Start, Räume und Einstellungen."],"typ":"liste"}],"operator_id":"operator.beschreiben","pruefungszuordnung":{"berufe":["FIAE"],"teil":"AP2"},"punkte":4,"punkterahmen":{"max":4,"min":4},"quellen":["ap2-fiae-2026-sommer-ae1-a04-c-ca"]},{"artefakt_id":"artefakt.freitextantwort","aufgabe":[{"text":"In einem Online-Shop-Projekt prüfen Sie den Entwurf der Zahlungsseite eines Bestellvorgangs. Oben verläuft eine Fortschrittsanzeige mit den Schritten „Warenkorb\", „Versand\" und „Zahlung\", wobei „Zahlung\" hervorgehoben ist. Darunter stehen drei Auswahlknöpfe für das Zahlungsverfahren; „Kreditkarte\" ist ausgewählt, „PayPal\" und „Rechnung\" sind nicht ausgewählt. Es folgen die Felder „Kartennummer\", „Gültig bis\" und „Prüfziffer\". Rechts zeigt ein Kasten die Zusammenfassung „Gesamtbetrag: 89,90 €\". Ein nicht angehaktes Kontrollkästchen ist mit „AGB akzeptieren\" beschriftet; die darunterliegende Schaltfläche „Jetzt kaufen\" ist ausgegraut. Beschreiben Sie vier gestalterische bzw. interaktive Aspekte dieser vorgegebenen Oberfläche: die Fortschrittsanzeige der Bestellschritte, den Auswahlzustand der Zahlungsverfahren, den Zusammenhang zwischen Kontrollkästchen und ausgegrauter Schaltfläche sowie die Platzierung der Bestellzusammenfassung.","typ":"absatz"}],"beispiel_id":"bsp-ui-mockups-beschreiben-freitextantwort-03","freigabeart":"maschinell","loesung":[{"text":"Je zutreffend beschriebenem Aspekt 1 Punkt (4 × 1 = 4 Punkte). Sachliche Beschreibung der vorgegebenen Oberfläche ohne Verbesserungsvorschläge; gleichwertige Formulierungen sind anzuerkennen.","typ":"absatz"},{"eintraege":["Fortschrittsanzeige (1 P.): Zeigt die drei Bestellschritte in Reihenfolge; der aktuelle Schritt „Zahlung\" ist hervorgehoben und verortet den Nutzer im Ablauf.","Auswahlzustand (1 P.): Auswahlknöpfe erlauben genau eine Zahlart; „Kreditkarte\" ist aktiv, „PayPal\" und „Rechnung\" sind nicht ausgewählt.","Kontrollkästchen und Schaltfläche (1 P.): Das nicht angehakte AGB-Kontrollkästchen korrespondiert mit der ausgegrauten, derzeit nicht auslösbaren Schaltfläche „Jetzt kaufen\".","Bestellzusammenfassung (1 P.): Rechts platzierter Kasten zeigt den Gesamtbetrag „89,90 €\" begleitend zur Eingabe."],"typ":"liste"}],"operator_id":"operator.beschreiben","pruefungszuordnung":{"berufe":["FIAE"],"teil":"AP2"},"punkte":4,"punkterahmen":{"max":4,"min":4},"quellen":["ap2-fiae-2026-sommer-ae1-a04-c-ca"]},{"artefakt_id":"artefakt.diagramm","aufgabe":[{"text":"Die Stadtbücherei Rosental betreibt an ihrem Eingang ein Selbstverbuchungs-Terminal, an dem Besucherinnen und Besucher ihre Ausleihe eigenständig abschließen. Der folgende Entwurf zeigt bereits die Kopfzeile „Stadtbücherei Rosental – Selbstverbuchung“ sowie ein Anzeigefeld mit der eingelesenen Ausweisnummer. Der Entwurf ist noch unvollständig. Ergänzen Sie den abgebildeten Entwurf als übersichtliches Mockup um die folgenden sechs Bedienelemente, ohne die bereits vorhandenen Elemente zu verändern: ein Anzeigefeld für die Anzahl der aktuell eingelesenen Medien, eine Liste mit den Titeln dieser Medien, ein Auswahlfeld für die Ausleihdauer, ein Kontrollkästchen „Quittung per E-Mail erhalten“, ein Eingabefeld für die E-Mail-Adresse sowie eine Schaltfläche „Ausleihe abschließen“. Ordnen Sie die Elemente so an, dass die Bedienung nachvollziehbar bleibt.","typ":"absatz"}],"aufgabe_diagramm":{"aktionen":[],"elemente":[{"beschriftung":"Stadtbücherei Rosental – Selbstverbuchung","id":"kopf","typ":"anzeige"},{"beschriftung":"Ausweisnummer","id":"ausweis","typ":"anzeige"}],"modus":"ui_mockup"},"beispiel_id":"bsp-ui-mockups-ergaenzen-diagramm-01","freigabeart":"maschinell","loesung":[{"text":"Erwartet wird ein übersichtlich angeordnetes Mockup, das die beiden vorgegebenen Elemente (Kopfzeile, Anzeige der Ausweisnummer) unverändert enthält und um die sechs geforderten Bedienelemente ergänzt ist. Je korrekt ergänztem Element wird 1 Punkt vergeben (6 Punkte gesamt): (1) Anzeigefeld für die Anzahl der Medien, (2) Titelliste, (3) Auswahlfeld Ausleihdauer, (4) Kontrollkästchen „Quittung per E-Mail erhalten“, (5) Eingabefeld E-Mail-Adresse, (6) Schaltfläche „Ausleihe abschließen“. Anordnung und genaue Beschriftung sind frei, solange die Funktion eindeutig erkennbar bleibt; fachlich gleichwertige einzelne Umsetzungen sind anzuerkennen. Nicht geforderte Zusatzelemente werden nicht bepunktet.","typ":"absatz"}],"loesung_diagramm":{"aktionen":[{"ausloeser":"abschluss","wirkung":"Ausleihe abschließen"}],"elemente":[{"beschriftung":"Stadtbücherei Rosental – Selbstverbuchung","id":"kopf","typ":"anzeige"},{"beschriftung":"Ausweisnummer","id":"ausweis","typ":"anzeige"},{"beschriftung":"Anzahl der eingelesenen Medien","id":"anzahl","typ":"anzeige"},{"beschriftung":"Titel der Medien","id":"titel","typ":"anzeige"},{"beschriftung":"Ausleihdauer","id":"dauer","typ":"auswahl"},{"beschriftung":"Quittung per E-Mail erhalten","id":"quittung","typ":"kontrollkaestchen"},{"beschriftung":"E-Mail-Adresse","id":"email","typ":"eingabe"},{"beschriftung":"Ausleihe abschließen","id":"abschluss","typ":"aktion"}],"modus":"ui_mockup"},"operator_id":"operator.ergaenzen","pruefungszuordnung":{"berufe":["FIAE"],"teil":"AP2"},"punkte":6,"punkterahmen":{"max":6,"min":6},"quellen":["ap2-fiae-2026-sommer-ae1-a04-c-cb"]},{"artefakt_id":"artefakt.diagramm","aufgabe":[{"text":"In einem Mehrfamilienhaus verwaltet eine App die Belegung der Gemeinschaftswaschküche. Auf einer Seite sollen Mietende eine der drei Waschmaschinen reservieren und deren Zustand einsehen. Der folgende Entwurf zeigt bereits die Überschrift „Gemeinschaftswaschküche“ und ein Anzeigefeld „Angemeldet als: Wohnung 12“. Der Entwurf ist unvollständig. Ergänzen Sie den Entwurf als übersichtliches Mockup um die folgenden sechs Bedienelemente, ohne die vorhandenen Elemente zu verändern: ein Auswahlfeld für die gewünschte Waschmaschine, ein Anzeigefeld für deren aktuellen Zustand und Restlaufzeit, ein Auswahlfeld für den Startzeitpunkt, ein Auswahlfeld für das Waschprogramm, ein Kontrollkästchen „Benachrichtigung bei Fertigstellung“ sowie eine Schaltfläche „Reservierung bestätigen“. Achten Sie auf eine nachvollziehbare Anordnung der Elemente.","typ":"absatz"}],"aufgabe_diagramm":{"aktionen":[],"elemente":[{"beschriftung":"Gemeinschaftswaschküche","id":"kopf","typ":"anzeige"},{"beschriftung":"Angemeldet als: Wohnung 12","id":"angemeldet","typ":"anzeige"}],"modus":"ui_mockup"},"beispiel_id":"bsp-ui-mockups-ergaenzen-diagramm-02","freigabeart":"maschinell","loesung":[{"text":"Erwartet wird ein übersichtlich angeordnetes Mockup, das die beiden vorgegebenen Elemente (Überschrift, Anzeige „Angemeldet als: Wohnung 12“) unverändert enthält und um die sechs geforderten Bedienelemente ergänzt ist. Je korrekt ergänztem Element wird 1 Punkt vergeben (6 Punkte gesamt): (1) Auswahlfeld Waschmaschine, (2) Anzeigefeld Zustand und Restlaufzeit, (3) Auswahlfeld Startzeitpunkt, (4) Auswahlfeld Waschprogramm, (5) Kontrollkästchen „Benachrichtigung bei Fertigstellung“, (6) Schaltfläche „Reservierung bestätigen“. Anordnung und genaue Beschriftung sind frei, solange die Funktion eindeutig erkennbar bleibt; fachlich gleichwertige einzelne Umsetzungen sind anzuerkennen. Nicht geforderte Zusatzelemente werden nicht bepunktet.","typ":"absatz"}],"loesung_diagramm":{"aktionen":[{"ausloeser":"bestaetigen","wirkung":"Reservierung bestätigen"}],"elemente":[{"beschriftung":"Gemeinschaftswaschküche","id":"kopf","typ":"anzeige"},{"beschriftung":"Angemeldet als: Wohnung 12","id":"angemeldet","typ":"anzeige"},{"beschriftung":"Waschmaschine","id":"maschine","typ":"auswahl"},{"beschriftung":"Zustand und Restlaufzeit","id":"zustand","typ":"anzeige"},{"beschriftung":"Startzeitpunkt","id":"start","typ":"auswahl"},{"beschriftung":"Waschprogramm","id":"programm","typ":"auswahl"},{"beschriftung":"Benachrichtigung bei Fertigstellung","id":"benachrichtigung","typ":"kontrollkaestchen"},{"beschriftung":"Reservierung bestätigen","id":"bestaetigen","typ":"aktion"}],"modus":"ui_mockup"},"operator_id":"operator.ergaenzen","pruefungszuordnung":{"berufe":["FIAE"],"teil":"AP2"},"punkte":6,"punkterahmen":{"max":6,"min":6},"quellen":["ap2-fiae-2026-sommer-ae1-a04-c-cb"]},{"artefakt_id":"artefakt.diagramm","aufgabe":[{"text":"Im Intranet eines Unternehmens sollen Beschäftigte über eine Weboberfläche einen Besprechungsraum reservieren. Der folgende Entwurf zeigt bereits die Überschrift „Raumbuchung“ sowie ein Anzeigefeld „Standort: Bürogebäude Nord“. Der Entwurf ist noch nicht vollständig. Ergänzen Sie den abgebildeten Entwurf als übersichtliches Mockup um die folgenden sechs Bedienelemente, ohne die vorhandenen Elemente zu verändern: ein Auswahlfeld für den Besprechungsraum, ein Eingabefeld für das Datum, ein Auswahlfeld für das Zeitfenster, ein Eingabefeld für die Anzahl der Teilnehmenden, ein Kontrollkästchen „Videokonferenztechnik benötigt“ sowie eine Schaltfläche „Raum buchen“. Ordnen Sie die Elemente übersichtlich an, ohne die geforderten Funktionen zu verändern.","typ":"absatz"}],"aufgabe_diagramm":{"aktionen":[],"elemente":[{"beschriftung":"Raumbuchung","id":"kopf","typ":"anzeige"},{"beschriftung":"Standort: Bürogebäude Nord","id":"standort","typ":"anzeige"}],"modus":"ui_mockup"},"beispiel_id":"bsp-ui-mockups-ergaenzen-diagramm-03","freigabeart":"maschinell","loesung":[{"text":"Erwartet wird ein übersichtlich angeordnetes Mockup, das die beiden vorgegebenen Elemente (Überschrift, Anzeige „Standort: Bürogebäude Nord“) unverändert enthält und um die sechs geforderten Bedienelemente ergänzt ist. Je korrekt ergänztem Element wird 1 Punkt vergeben (6 Punkte gesamt): (1) Auswahlfeld Besprechungsraum, (2) Eingabefeld Datum, (3) Auswahlfeld Zeitfenster, (4) Eingabefeld Anzahl der Teilnehmenden, (5) Kontrollkästchen „Videokonferenztechnik benötigt“, (6) Schaltfläche „Raum buchen“. Anordnung und genaue Beschriftung sind frei, solange die Funktion eindeutig erkennbar bleibt; fachlich gleichwertige einzelne Umsetzungen sind anzuerkennen. Nicht geforderte Zusatzelemente werden nicht bepunktet.","typ":"absatz"}],"loesung_diagramm":{"aktionen":[{"ausloeser":"buchen","wirkung":"Raum buchen"}],"elemente":[{"beschriftung":"Raumbuchung","id":"kopf","typ":"anzeige"},{"beschriftung":"Standort: Bürogebäude Nord","id":"standort","typ":"anzeige"},{"beschriftung":"Besprechungsraum","id":"raum","typ":"auswahl"},{"beschriftung":"Datum","id":"datum","typ":"eingabe"},{"beschriftung":"Zeitfenster","id":"zeitfenster","typ":"auswahl"},{"beschriftung":"Anzahl der Teilnehmenden","id":"teilnehmer","typ":"eingabe"},{"beschriftung":"Videokonferenztechnik benötigt","id":"video","typ":"kontrollkaestchen"},{"beschriftung":"Raum buchen","id":"buchen","typ":"aktion"}],"modus":"ui_mockup"},"operator_id":"operator.ergaenzen","pruefungszuordnung":{"berufe":["FIAE"],"teil":"AP2"},"punkte":6,"punkterahmen":{"max":6,"min":6},"quellen":["ap2-fiae-2026-sommer-ae1-a04-c-cb"]}],"konzept_id":"fachkonzept.ui-mockups","schema_version":3}