Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m288:learningunits:lu04:aufgaben:04 [2026/09/08 12:59] – vdemir
+++ de:modul:m288:learningunits:lu04:aufgaben:04 [2026/09/08 14:12] (aktuell) – vdemir
@@ Zeile 1: / Zeile 1: @@
-====== LU04.A04 - Fallstudie Arrays - Teil B - TBD  ======
+====== LU04.A04 - Fallstudie Arrays (Teil 2) ======
 ===== Rahmenbedingungen =====
@@ Zeile 5: / Zeile 5: @@
   * Hilfsmittel:
     * Nur Lehrmittel, keine Websuche oder AI
-    * Zeit: 15 Minuten
+    * Zeit: 2 Lektionen inkl. Upload-Zeit
-  * Erwartetes Resultat: Ein Script mit einem mehrdimensionalen Array inkl. der unten beschriebenen Teilschritte.
+  * Erwartetes Resultat:
+    * Erwartet wird ein JavaScript-File, dass gezipped hochgeladen werden muss.
+    * Code wird sauber eingerückt und mit sinnvollen Kommentaren versehen.
+    * Es wurde ein Mini-Musik-Archiv mittels JavaScript, unter Verwendung von Keywords, Variablen, Initialwerte und Arrays erstellt.
+    * Das Ergebnis wurde gezipped und nach Moodle hochgeladen.
 ===== Ausgangslage =====
-Ein Kino hat 3 Reihen mit jeweils 5 Sitzplätzen. Die Plätze sollen in einem zweidimensionalen Array dargestellt werden. Jeder Platz ist am Anfang mit 0 belegt (frei).
+Ein kleines Label möchte sein Musikarchiv im Browser darstellen. Sie bauen dafür Schritt für Schritt eine Seite auf – zuerst «von Hand» mit einzelnen
+Variablen, danach sauber mit Arrays. Im Teil 2 zeigen Sie, warum die zweite Lösung die bessere ist.
-===== Auftrag A: Array anlegen =====
-  * A1: Legen Sie ein mehrdimensionales Array //kino// mit 3 Reihen und 5 Spalten an.
-  * A2: Belegen Sie alle Plätze mit einer 0.
-  * A3: Geben Sie das Ergebnis auf der Konsole aus
+===== Auftrag =====
+Nun sind wir beim zweiten Teil. Nachdem wir im Teil 1 unsere 20 Musiktitel angelegt haben, wollen wir bei diesem Auftrag diese 20 Titel effizient mittels Array verwalten.
+  - D.h. Ihr Auftrag ist es die 20 erstellen Musiktilel mittel Arrays zu verwalten.
+  - Lassen Sie sich am Ende die Daten auf der Konsole ausgeben. Das schaffen Sie durch die Zeile console.log(arrayname)
-===== Auftrag B: Array-Element verändern =====
+**Hinweis:** Der grosse Vorteil wird von Arrays wird sichtbar, wenn wir Schleifen verwenden. --> Wird nach den Herbstferien im Unterricht behandelt.
-Bisher sind alle Plätze mit 0 belegt, sprich der Kinosall ist leer. Ein Pärchen möchte sich einen schönen Kinoabend gönnen. Verändern Sie das Array entsprechend und geben das Ergebnis aus.
+Hier ein reduzierte Beispiel mit 3 Filmen
+<code javascript>
+// film 1
+let film_1: "Herr Der Ringe - Die Gefolgschaft des Ringes"; // String
+let genre_1: "Fantasy"; // String
+const entstehungsjahr_1 = "2001";  // String
+let dauer_min_1: 229;  // Number
+let ab_18_1 = false;   // Boolean
+// film 2
+let film_2: "Der Weisse Hai";
+let genre_2 "Horror";
+const entstehungsjahr_2 = "1975";
+let dauer_min_2: 124;
+let ab_18_2 = true;
+// film 3
+let film_3: "Blade Runner";
+let genre_3: "Science Fiction";
+const entstehungsjahr_3 = "1982";
+let dauer_min_3: 118;
+let ab_18_3 = false;
+</code>
+Die Attribute werden zusammengefasst zu jeweils einem Array, wie nachfolgend demonstriert wird:
+<code javascript>
+let film          = ["Herr Der Ringe - Die Gefolgschaft des Ringes", "Der Weisse Hai", "Blade Runner"];
+let genre         = ["Fantasy", "Horror", "Science Fiction"];
+const entstehungsjahr = ["2001", "1975", "1982"];   // als String, wie in den Einzeldaten
+let dauer_min     = [229, 124, 118];
+let ab_18         = [false, true, false];
+console.log(film)
+</code>
-  * B1: Auf Reihe 2, Sitz 3 setzt sich S. Olivetti hin
-  * B2: Gleich daneben auf Sitz 4 K. Sutter.
-  * B3: Geben Sie das Ergebnis auf der Konsole aus.
-===== Lösungen =====
-[[de:modul:m288:learningunits:lu04:loesungen:03|LU03.L03]]
 ----
 [[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir