FormElements and Interfaces: Memory - JirkaDellOro/EIA2 GitHub Wiki

Vorbereitung der Konzeption

Studieren Sie intensiv den Code aus der Vorlesung und experimentieren Sie damit. Stellen Sie sicher, dass sie die Funktionsweise der Formularelemente und des zugeordneten Codes, der assoziativen Arrays und den Bezug zu den Interface-Anweisungen verstehen.

Konzeption

Dem Memory-Spiel soll ein Userinterface voran gestellt werden, in dem der Nutzer zwischen unterschiedlichen Kartensätzen mit verschiedener Maximalzahl an Karten wählen kann. Zusätzlich kann er die Zahl der tatsächlich zu nutzenden Kartenpaare zwischen 1 (oder 5 oder so) und der entsprechenden Maximalzahl wählen. Weiterhin kann die Anzahl und die Namen der teilnehmenden Spieler eingegeben werden. Durch Klick auf einen "Start"-Button beginnt das derart parametrierte Memory-Spiel.

Zeichnen Sie ein Layout für dieses Menü und geben Sie dabei detailliert an, welche Form-Elemente sie einsetzen möchten. Erstellen Sie die erforderlichen Aktivitätsdiagramme, welche die Algorithmen skizzieren, die für die Verarbeitung der Informationen zur Laufzeit sorgen.

Diese Konzeption muss bis zum Praktikum am 26.4.2018 vorliegen.

Übung zu Datenstrukturen und assoziativen Arrays

Erweitern Sie das User-Interface des DatabaseClients aus der Vorlesung um eine Auswahlmöglichkeit für den Studiengang und erweitern Sie entsprechend die Datenstrukturen und den Code zum Speichern. Erweitern Sie schließlich das User-Interface um eine dedizierte Suche nach einer einzugebenden Matrikelnummer. Nach Eingabe dieser und Klick auf einen "Suchen"-Button soll der darunter gefundene Datensatz angezeigt werden oder eine entsprechende Meldung, wenn unter der Matrikelnummer kein Datensatz gespeichert ist.

An diesen Erweiterungen können Sie im Praktikum am 26.4.2018 noch arbeiten, sofern Sie diese bis dahin nicht schon erledigt haben sollten.

Produktion des Memory-Menüs

Entwickeln Sie Datenstrukturen, die es Ihnen erlauben, mehrere Kartendecks für das Memoryspiel zu definieren. Neben den eigentlichen Karteninhalten sollen hier noch weitere Informationen verfügbar sein wie z.B. die Größe der Karten, der zu benutzende Font etc. Definieren Sie in einer eigenen TypeScript-Datei die erforderlichen Interfaces hierfür und wenigstens drei unterschiedliche Kartendecks. Entwickeln Sie zudem die erforderlichen Strukturen um die Namen und Punktezahlen der Spieler zu speichern.
Implementieren Sie nun das Menü, welches teilweise dynamisch aufgebaut wird. Die Informationen zu den Kartendecks sollen ausschließlich aus den oben genannten Datenstrukturen kommen und nicht in der HTML-Datei kodiert sein. Bei Klick auf den Start-Button startet das Memory mit dem ausgewählten Kartendeck, der gewählten Anzahl an Kartenpaaren und den eingegebenen Spielerdaten.