Slotmachine

Aufgabenstellung

Erstellen Sie eine Internetpräsentation mit einer Slotmachine - auch einarmiger Bandit genannt - bei der sechs Früchte in drei Fenstern rotieren. Die drei Fenster stoppen nacheinander; das erste Fenster stoppt zuerst und die erste Frucht wird angezeigt. Anschließend stoppen das zweite Fenster und das dritte und zwei weitere Früchte werden angezeigt.
Die Rotationen der angezeigten Früchte kann mit Hilfe von Animated Gifs erzeugt werden. Alle angezeigten Bilder sollen etwa 200x200 Punkte groß sein.
  • Die im Spiel erzielten Punkte,
  • die Anzahl der Versuche und
  • die Dauer des Spiels werden angezeigt.
Die Internetpräsenz besteht aus
  • einer Startseite mit der Slotmachine,
  • der Spielanleitung,
  • und dem Impressum.
Projekt-Seitenstruktur.PNG
Es ist jeweils ein Konzept vorab zu erstellen, welches beschreibt, wie die Seiten aussehen und funktionieren werden.

z.B.

  • Bei Start des Spiels erhält der Spieler 30 Punkte.
  • Im Spielverlauf erhöht bzw. verringert sich die Punktzahl.
  • Sobald 0 Punkte erreicht werden ist das Spiel vorbei.
  • Es kann ein neues Spiel gestartet werden.

Bewertungskriterien u.a.

  1. Entwurf/Konzept
    • vorhanden
    • vollständig
    • verständlich und gut erläutert
    • übereinstimmend mit Lösung
  2. Gestaltung der Seiten
    • Darstellung muss funktionieren
      • am Computer
      • am Smartboard bzw.
      • mit Beamer
    • gut lesbarer Font, gut lesbare Größe, sans-serif
    • sinnvolle Farbwahl, gute Kontraste
    • sinnvolle Auflösung
    • die CSS-Formatierung ist auf allen Seiten aufeinander abgestimmt
    • Vergrößern und Verkleinern der Seite funktioniert (Strg+ / Strg-)
    • gute Nutzerführung
      • eindeutige Texte,
      • optimale Größe und Anordnung der Bedienelemente
      • intuitive Bedienbarkeit
  3. Funktionalität
    • Alle geforderten Seiten sind vorhanden (Spiel, Impressum, Anleitung)
    • Der Punktezähler ist vorhanden und funktioniert
    • Gewinn (hin und wieder als Motivation)
    • Spieleinsatz, Guthaben wird angezeigt ...
    • ... und kann erhöht werden
    • 2-Spieler-Modus
    • Verstrichene Zeit wird angezeigt
    • Spielezähler wird angezeigt
    • Zeitbegrenzung funktioniert
  4. Quelltext
    • verständlich
    • kommentiert
    • entspricht den Programmier-Richtlinien
    • Javascript in separater Datei
    • CSS in separater Datei
  5. Kreativität, eigene Ideen
    • Hintergrund
    • Symbole verwenden die volle Fenstergröße (z.B. 200px * 200px)
  6. Arbeitsteilung, d.h. Abgabe eines Projekts von zwei Schülern
    • wird berücksichtigt
    • Leistung muß entsprechend umfangreicher ausfallen
    • ...