Übungsaufgabe – Bewegungserkennung umsetzen

Arbeitsauftrag 4 – Bewegungserkennung umsetzen (Übung)

Ziel: Sie erweitern Ihre App so, dass eine Bewegung erkannt wird und eine Meldung erscheint.

Übungsaufgabe:
Öffnen Sie Ihre Lösung aus Arbeitsauftrag 2.

• Ergänzen Sie Ihre App so, dass bei starker Bewegung (z. B. acceleration.x > 2 || acceleration.y > 2) eine Meldung erscheint:
  „Bewegung erkannt!“
• Tipp: Nutzen Sie useState, um eine Infozeile anzuzeigen.
• Alternativ: Lassen Sie eine Farbe oder ein Symbol erscheinen, wenn Bewegung erkannt wird.

Tipp anzeigen

Schwellenwert: Wenn Sie acceleration.x oder acceleration.y über ca. 2 setzen, reagiert die App auf schnelle Bewegungen.

State verwenden: Legen Sie z. B. eine Variable bewegungErkannt mit useState(false) an – und setzen Sie diese bei Bewegung auf true.

Anzeige: Zeigen Sie den Text „Bewegung erkannt!“ nur dann an, wenn die Variable bewegungErkannt den Wert true hat.

Bonus: Sie könnten auch mit style eine Hintergrundfarbe ändern oder ein passendes Icon einblenden.

Austausch mit einem Lernpartner:

• Wie haben Sie die Bewegungserkennung technisch umgesetzt?
• Was passiert bei einer schnellen vs. langsamen Bewegung?
• Wie ließe sich die App für eine echte Anwendung weiterentwickeln?

Check your Code – Kontrollfragen:

• Wird die Bewegung zuverlässig erkannt?
• Wird die Ausgabe bei Veränderung aktualisiert?
• Ist der Schwellenwert sinnvoll gewählt?

Abgabe:

• Dokumentieren Sie Ihre Lösung im Journal unter „Übung Bewegungserkennung“.
• Speichern Sie Ihren Code im Studienordner – Lernthema 2: Fachschicht implementieren.