MMProg:WiSe2014:Praktikum:Probeprüfung - Versionsgeschichte

Lawrence am 12. Januar 2015 um 19:26 Uhr

2015-01-12T19:26:22Z

← Nächstältere Version		Version vom 12. Januar 2015, 19:26 Uhr
Zeile 82:		Zeile 82:

	Objekt 1 erhält folgende String-Werte:		Objekt 1 erhält folgende String-Werte:
	* "task" => "Define the variable "greeting" with value 'Hello World'"		* "task" => "Define the variable 'greeting' with value 'Hello World'"
	* "solution" => "var greeting = 'Hello World';"		* "solution" => "var greeting = 'Hello World';"
	Objekt 2 erhält folgende String-Werte:		Objekt 2 erhält folgende String-Werte:
	* "task" => "Define the array "numbers" with the values 1, 2, 3"		* "task" => "Define the array 'numbers' with the values 1, 2, 3"
	* "solution" => "var numbers = [1, 2, 3];"		* "solution" => "var numbers = [1, 2, 3];"

Lawrence: /* MMProg Probeprüfung WiSe 2014/2015 */

2015-01-12T06:25:41Z

MMProg Probeprüfung WiSe 2014/2015

← Nächstältere Version		Version vom 12. Januar 2015, 06:25 Uhr
Zeile 3:		Zeile 3:
	'''Anmerkung:''' Die Probeprüfung bildet nur den ersten Teil des tatsächlichen Prüfungspraktikums ab.		'''Anmerkung:''' Die Probeprüfung bildet nur den ersten Teil des tatsächlichen Prüfungspraktikums ab.
	Der zweite Teil besteht darin ein Spiel zu vervollständigen, welches nach dem MVC-Paradigma programmiert wurde.		Der zweite Teil besteht darin ein Spiel zu vervollständigen, welches nach dem MVC-Paradigma programmiert wurde.
			Der Aufbau der Aufgabe orientiert sich stark an den Praktikumsaufgaben, insbesondere Aufgaben 5, 6 und 7.

Lawrence am 12. Januar 2015 um 06:20 Uhr

2015-01-12T06:20:31Z

← Nächstältere Version		Version vom 12. Januar 2015, 06:20 Uhr
Zeile 1:		Zeile 1:





	=MMProg Probeprüfung WiSe 2014/2015=		=MMProg Probeprüfung WiSe 2014/2015=

Lawrence: /* MMProg Probeprüfung WiSe 2014/2015 */

2015-01-12T06:20:16Z

MMProg Probeprüfung WiSe 2014/2015

← Nächstältere Version		Version vom 12. Januar 2015, 06:20 Uhr
Zeile 1:		Zeile 1:





Zeile 9:		Zeile 12:

	==Teil 1==		==Teil 1==

Lawrence: /* MMProg Probeprüfung WiSe 2014/2015 */

2015-01-12T06:20:03Z

MMProg Probeprüfung WiSe 2014/2015

← Nächstältere Version		Version vom 12. Januar 2015, 06:20 Uhr
Zeile 1:		Zeile 1:


	=MMProg Probeprüfung WiSe 2014/2015=		=MMProg Probeprüfung WiSe 2014/2015=
Zeile 8:		Zeile 9:

	==Teil 1==		==Teil 1==


	===Vorbereitung===		===Vorbereitung===

Lawrence am 12. Januar 2015 um 06:19 Uhr

2015-01-12T06:19:45Z

Änderungen zeigen

Lawrence am 11. Januar 2015 um 21:25 Uhr

2015-01-11T21:25:12Z

@@ Zeile 4: / Zeile 4: @@
 Der zweite Teil besteht darin ein Spiel zu vervollständigen, welches nach dem MVC-Paradigma programmiert wurde.
-==Teil 1==
+==Vorbereitung==
 Bearbeiten Sie die nachfolgenden Aufgaben, indem Sie ausschliesslich die Datei "index.js" entsprechend modifizieren.
@@ Zeile 120: / Zeile 126: @@
 Ist dies der Fall, so soll die Variable "pastSeconds" auf 0 zurückgesetz werden und die Nachricht
 "Timer wurde zurückgesetzt" ausgegeben werden.

Lawrence: Die Seite wurde neu angelegt: „=MMProg Probeprüfung WiSe 2014/2015= '''Anmerkung:''' Die Probeprüfung bildet nur den ersten Teil des tatsächlichen Prüfungspraktikums ab. Der zweite Teil…“

2015-01-11T18:54:46Z

Die Seite wurde neu angelegt: „=MMProg Probeprüfung WiSe 2014/2015= '''Anmerkung:''' Die Probeprüfung bildet nur den ersten Teil des tatsächlichen Prüfungspraktikums ab. Der zweite Teil…“

Neue Seite

=MMProg Probeprüfung WiSe 2014/2015=

'''Anmerkung:''' Die Probeprüfung bildet nur den ersten Teil des tatsächlichen Prüfungspraktikums ab.
Der zweite Teil besteht darin ein Spiel zu vervollständigen, welches nach dem MVC-Paradigma programmiert wurde.

==Teil 1==

Bearbeiten Sie die nachfolgenden Aufgaben, indem Sie ausschliesslich die Datei "index.js" entsprechend modifizieren.
Fügen Sie den Code für die einzelnen Aufgaben der Übersichtlichkeit halber immer nach den zugehörigen Kommentaren ein.

Nutzen Sie die in der Datei "log.js" definierte global verfügbare Funktion <code>log()</code> um Ihre Nachrichten auszugeben.
Öffnen Sie zu gegebenen Zeitpunkten die Datei "index.html" im Browser um die Korrektheit Ihres Codes zu überprüfen.

===Aufgabe 1===

Geben Sie den String "MMProg Probeprüfung WiSe 2014/2015" (ohne Anführungszeichen) aus.

===Aufgabe 2===

Erzeugen Sie die Variable "reason"und weisen Sie ihr den String "Vorbereitung auf die Prüfung" als Wert zu.
Geben Sie dann die zuvor erzeugte Variable "resason" aus, vorangestellt durch die Zeichenkette "Zweck: ".

===Aufgabe 3===

Erzeugen Sie die Variable "room" und weisen Sie dieser ein Objekt mit den folgenden Eigenschaften zu:
* Name: building, Wert: "M"
* Name: floor, Wert: 3
* Name: number, Wert: 2

Geben Sie dann die Eigenschaften aus in der Reihenfolge building, floor, number, wobei nach floor ein Punkt stehen soll.

===Aufgabe 4===

Erzeugen Sie die Variable "topics" und weisen Sie ihr ein Array zu mit den Werten "Variablen", "Objekte" und "Funktionen".

Geben Sie zunächst die Länge des Arrays "topics" aus, vorangestellt durch den String "Anzahl der Themen: ".
Geben Sie außerdem noch das erste Element des Arrays aus, vorangestellt durch den String "Erstes Thema: ".

===Aufgabe 5===

Erzeugen Sie eine Funktion namens "formatRoomNumber" welche eine Raumnummer für die Anzeige entsprechend formatieren soll.
Die Funktion akzeptiert ein numerisches Argument namens "roomNumber" und gibt die formatierte Nummer als String zurück.

Folgende Logik soll dazu implementiert werden:
* Ist die Zahl kleiner als 10, wird die Kombination aus dem String "0" und dem String-Wert der Zahl zurückgegeben
* Ist die Zahl größer/gleich als 10, wird ihr String-Wert" zurükgegeben

'''Tipp:''' Nutzen Sie die Funktion <code>toString()</code> von "roomNumber" um den String-Wert zu erhalten.

Beispielausgaben:
* 2 => "02"
* 10 => "10"

===Aufgabe 6===

In dieser Aufgabe sollen eine Prüfung mit zwei Aufgaben als stark vereinfachtes Objektmodell abgebildet werden.

Erzeugen Sie die Objekte "exerciseObject1" und "exerciseObject1" mit den Eigenschaften "task" und "solution".

Objekt 1 erhält folgende Werte:
* Für "task" den Wert "Define the variable "greeting" with value 'Hello World'"
* Für "solution" den Wert "var greeting = "Hello World";"
Objekt 2 erhält folgende Werte:
* Für "task" den Wert "Define the array "numbers" with the values 1, 2, 3"
* Für "solution" den Wert "var numbers = [1, 2, 3];"

Erzeugen Sie dann das Objekt "examObject" welches die beiden Eigenschaften "title" und "exercises" erhält.
"title" wird mit dem Wert "Probeprüfng" belegt, "exercises" mit einem Array welches die beiden Aufgaben-Objekte enthält.

Das Prüfungsobjekt erhält die Funktion "getTasks", welche die Eigenschaft "task" der enthaltenden Aufgaben als Array zurückgeben soll.

Rufen Sie die Funktion "getTasks" des Prüfungsobjekts auf und geben Sie das Ergebnis mit der <code>log()</code>-Funktion aus.

===Aufgabe 7===

In dieser Aufgabe sollen Sie den oben beschriebenen Sachverhalt nun mithilfe von Konstruktorfunktionen abbilden.
Dabei gilt es eine Konstruktorfunktion namens "Exercise" und eine namens "Exam" zu implementieren.
"Exercise" akzeptiert die Argumente "question" und "solution" und weist diese der jeweiligen Instanz zu.
"Exam" akzeptiert die beiden Argumente "title" und "exercises" und weist diese ebenso der jeweiligen Instanz zu.

"Exam" weist der erzeugten Instanz auch eine Funktion "getTasks" zu, welche sich genauso wie oben beschrieben verhält.

Erzeugen Sie dann mittels dem "Exercise"-Konstruktor die beiden Objekte "exerciseInstance1" und "exerciseInstance2".
"exerciseInstance1" erhält die gleichen Werte wie "exerciseObject1", "exerciseInstance2" wie "exerciseObject2".

Erzeugen Sie mittels dem "Exam"-Konstruktor das Objekt "examInstance" als Pendant zu "examObject".

Rufen Sie die Funktion "getTasks" ebenso auf der erzeugten Instanz auf und geben Sie die Rückgabewerte aus.

===Aufgabe 8===

Suchen Sie im ersten Schritt das DOM-Element mit der Klasse "messages" aus dem aktuellen Dokument.
Weisen Sie dessen CSS-Objektmodell dann als Hintergrundfarbe den Wert "#EEE" zu.

Wenn Sie die Seite nun im Browser betrachten sollten die ausgegebenen Nachrichten leicht grau hinterlegt sein.

===Aufgabe 9===

Erzeugen Sie eine Variable namens "pastSeconds" und initialisieren Sie diese mit dem Wert 0.
Erzeugen Sie die Funktion "updateAndLogPastSeconds", welche die Variable "pastSeconds" um eins erhöht und
deren aktuellen Wert vorangestellt durch den String "Vergangene Sekunden" ausgibt.

Erzeugen Sie dann einen *geeigneten* und sich wiederholenden Timer welcher ungefähr jede Sekunde die Funktion aufruft.
Begründen Sie kurz in einem Code-Kommentar warum die Ausgabe der vergangenen Sekunden nie ganz korrekt sein wird.

===Aufgabe 10===

Erzeugen Sie einen globalen Event-Listener für das "keyup"-Event auf dem <code>document</code>-Objekt.
In der Callback-Funktion soll überprüft werden ob der "keycode" den Wert 32 besitzt.
Ist dies der Fall, so soll die Variable "pastSeconds" auf 0 zurückgesetz werden und die Nachricht
"Timer wurde zurückgesetzt" ausgegeben werden.