MMProg: Praktikum: WiSe 2017/18: Ball03b: Unterschied zwischen den Versionen
Kowa (Diskussion | Beiträge) Die Seite wurde neu angelegt: „{{MMProg:Praktikum:WiSe 2017/18:Menü}} '''Musterlösung''': [https://glossar.hs-augsburg.de/beispiel/tutorium/es6/ball/WK_Ball03/ SVN-Repository] ==Ziel==…“ |
Kowa (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 33: | Zeile 33: | ||
===Aufgabe 1: Modularisierung des Modells=== | ===Aufgabe 1: Modularisierung des Modells=== | ||
{{Doppeltes Bild|links|WK Ball03 ClassModel00 compact2.png|209|WK Ball03 ClassModel01 compact.png|212 | |||
|Klassendiagramm von <code>app00</code>|Klassendiagramm von <code>app01</code>||}} | |||
Machen Sie sich noch einmal klar, wie sich die Web-Anwendungen <code>app00</code> und <code>app01</code> unterscheiden. | Machen Sie sich noch einmal klar, wie sich die Web-Anwendungen <code>app00</code> und <code>app01</code> unterscheiden. | ||
Da der Code für beide Anwendungen in | Da der Code für beide Anwendungen in Ihrem Projekt bereits enthalten ist, brauchen Sie hier nichts zu implementieren. | ||
===Aufgabe 2: Modularisierung des Modells=== | ===Aufgabe 2: Modularisierung des Modells=== | ||
Version vom 23. November 2017, 13:39 Uhr
Dieser Artikel erfüllt die GlossarWiki-Qualitätsanforderungen nur teilweise:
| Korrektheit: 3 (zu größeren Teilen überprüft) |
Umfang: 4 (unwichtige Fakten fehlen) |
Quellenangaben: 3 (wichtige Quellen vorhanden) |
Quellenarten: 5 (ausgezeichnet) |
Konformität: 3 (gut) |
Inhalt | Game Loop 01 | Ball 02 | Ball 03 | Ball 03b | Pong 01
Musterlösung: SVN-Repository
Ziel
In diesem Praktikum wird die im dritten Teils des Tutoriums begonnene Modularisierung des Projektes aus dem zweiten Teils des Tutoriums weitergeführt.
Aufgaben
Laden Sie das leere Projekt WK_Ball03b_empty auf Ihren Rechner.
Installieren Sie aber nicht die Node.js-Module, das machen Sie später. Sie finden das leere Projekt im
Repository-Pfad https://glossar.hs-augsburg.de/beispiel/tutorium/es6 im Unterordner empty.
Erstellen Sie ein neues Projekt praktikum03b und kopieren Sie die Ordner src und web (samt Inhalt)
sowie alle Dateien, die Sie im Wurzelverzeichnis des Projektes WK_Ball03b_Empty
finden, mittels Crtl-/Apfel-C Crtl-/Apfel-V in Ihr eigenes Projekt. (Die Frage, ob WebStorm seinen eigenen File Watcher zum
Übersetzen von ES6-Code in ES5-Code verwenden soll, beantworten Sie bitte mit „No“. Das erledigt Webpack für Sie.)
Sie können Ihr Projekt zur Übung auch im Subversion-Repository speichern. Das ist aber nicht so wichtig.
Nun können Sie in Ihrem eigenen Projekt die benötigten Node.js-Module installieren: npm i.
In Ihrem Projekt finden Sie wiederum mehrere Web-Anwendungen: index01.html verwendet die gepackte Version von app01.js,
die ihrerseits das Spiel game01/game.js einbindet. Et cetera. Die Web-Anwendung app00 basiert auf dem
nicht-modularen Spiel game00.js, das in der vorherigen Praktikumsaufgabe teilweise modularisiert wurde. Eine Musterlösung
der Praktikumsaufgabe MMProg: Praktikum: WiSe 2017/18: Ball03 finden Sie im Ordner src/js/app/game01 vor.
Sie können zur Lösung der nachfolgenden Aufgaben natürlich auch auf IHre eigene Lösung der letzten PRaktikumsaufgabe zurückgreifen.
Schreiben Sie Ihre Lösungen der Aufgabe $i$ in die Ordner game$i$.js.
Versuchen Sie möglichst viele Module der jeweils vorangegangenen Aufgabe wiederzuverwenden.
Aufgabe 1: Modularisierung des Modells
|
| |
Klassendiagramm von
app00 |
Klassendiagramm von
app01 |
Machen Sie sich noch einmal klar, wie sich die Web-Anwendungen app00 und app01 unterscheiden.
Da der Code für beide Anwendungen in Ihrem Projekt bereits enthalten ist, brauchen Sie hier nichts zu implementieren.
Aufgabe 2: Modularisierung des Modells
app01Quellen
- Kowarschick (MMProg): Wolfgang Kowarschick; Vorlesung „Multimedia-Programmierung“; Hochschule: Hochschule Augsburg; Adresse: Augsburg; Web-Link; 2018; Quellengüte: 3 (Vorlesung)
