faecher:informatik:oberstufe:php:ssp:start []

Diese Seite ist nicht editierbar. Du kannst den Quelltext sehen, jedoch nicht verändern. Kontaktiere den Administrator, wenn du glaubst, dass hier ein Fehler vorliegt.
====== Schere Stein Papier ======

<note tip>**Aufgabenstellung:**

Erstelle (in HTML), designe (mit CSS) und programmiere (in PHP) eine interaktive Website, auf welcher der Benutzer das Spiel **„Schere, Stein, Papier“** gegen den Computer spielen kann. Die Website soll direkt über den Link zu deinem persönlichen Webspace auf dem QG-Informatikserver aufgerufen werden können.</note>





===== Hilfestellung zur Projektplanung =====


==== Erstelle ein Programmablaufdiagramm ====
{{ :faecher:informatik:oberstufe:php:ssp:ssp_fd.png|}}


Eine grobe Skizze siehst du rechts. Überlege dir, welche Informationen du für jeden schritt benötigst und wie man das dann in PHP implementiert.


==== Ergebnisentscheidung ====

Um zu entscheiden, welcher Spieler gewonnen hat, muss man sehr viele verschiedene Kombinationen unterscheiden, was vor allem, wenn man das Spiel erweitert ziemlich unübersichtlich wird.

Eine alternative Möglichkeit ist, mehrdimensionale Arrays zur Speicherung der Ergebnismatrix zu verwenden, so kann man den Gewinner direkt ermitteln.

{{ :kurs:kursstufe:php:ssp:auswahl_001.png?300 |}}


Übersetzt in eine Array würde das so aussehen:

<code php>
$ergebnis['schere']['schere']=0;
$ergebnis['schere']['papier']=1;
$ergebnis['schere']['stein']=2;
$ergebnis['stein']['schere']=1;

...
</code>

So kann man durch ermitteln des Werts der Variablen 

<code php>
$ergebnis[$user][$computer]
</code>

Direkt entscheiden, ob die Wahl des Benutzers oder die des Computers gewinnt.

Das ganze könnte z.B. so aussehen:

{{vimeo>145286333}}

===== Hilfreiche Links =====

  * Hier kannst du deinen [[https://validator.w3.org/|HTML-Code validieren]] lassen.
  * Hier kannst du deinen [[https://jigsaw.w3.org/css-validator/|CSS-Code validieren]] lassen.
  * Für eure künstlerische Ader erhaltet ihr hier Vorschläge zu [[http://colorschemedesigner.com/csd-3.5/|Farbschemata]] für eure Website.