Programmieren Sie ein einfaches Horoskop!

Die folgenden Beispiele stellen sehr umfangreiche Lösungen dar.

Beispiele

  1. http://horoskop.t-online.de/tageshoroskop/
  2. http://www.astroportal.com/
  3. http://www.bild.de/lifestyle/horoskop/horoskop/home-21648048.bild.html

Überlegen Sie sich für Ihr Projekt, wie Sie ein einfaches Horoskop erstellen können,
z.B. ein Tageshoroskop mit verschiedenen kurzen Texten pro Sternzeichen, welche
zufällig angezeigt werden.
Erstellen Sie zusätzlich zwei weitere Seiten mit
  • einer Anleitungs - bzw. Hilfeseite sowie
  • einem Impressum
und verlinken Sie diese Seiten auf Ihrer Spielseite!

Ideen

Die folgenden Ideen sind Möglichkeiten (keine Vorgabe!), eine Horoskopseite zu erstellen:

HTML-Seite

Entsprechend angezeigter Sternzeichen werden beim Anklicken die hinterlegten Texte angezeigt.

Texte abhängig von Datum (und vielleicht Zeit?)

Das Datum wird in einem Javascript-Programm ausgelesen.
Die angezeigten Texte ändern sich von Tag zu Tag.

Partnerhoroskop

  • Sie geben das eigene Sternzeichen und das Sternzeichen des Partners in zwei Auswahllisten an.
  • Entsprechend Ihrer Angaben wird in einem zugehörigen Array nach passenden Texten gesucht.
oder
  • Sie geben das Geburtsdatum beider Partner ein.
  • Aus den addierten Tagen seit Geburt beider Partner wird eine Quersumme gebildet, welche als Index in ein Textarray verwendet wird.

Orakel entsprechend Mausbewegung

  • Die Maus wird über eine bestimmte Fläche geführt.
  • Der Zufall bestimmt bei Verlassen der Fläche, welche Textmeldung erscheint.

Tipps

Sternzeichen

Folgende Sternzeichen gibt es:
Widder, Stier, Zwilling, Krebs, Löwe, Jungfrau, Waage, Skorpion, Schütze, Steinbock, Wassermann, Fische

Horoskop-Arten

Es gibt verschiedene Horoskope, wie z.B. Tages-, Wochen- und Monatshoroskope, Partnerhoroskope, Jobhoroskope usw.
Machen Sie sich das Leben nicht zu schwer. Entscheiden Sie sich für die erste Version für eine Kategorie und legen Sie diese im Konzept fest!

Daten

Ein Horoskop wird dann richtig gut, wenn die Datensätze beliebig erweitert werden können.
Hierfür wird die folgende Ablage von Fragen, Auswahlmöglichkeiten und Lösungen vorgeschlagen:

Sie werden wahrscheinlich für jedes Sternzeichen eigene Datensätze festlegen wollen.
Z.B. könnte dieses für den Wassermann wie folgt aussehen:

Erweiterbares Array:
var datensaetzeWassermannMann = new Array (
           "Geniesse den Tag - Du hast genug geschuftet und man muss auch mal chillen!"
         , "Schenke Deiner Frau einen Blumenstrauss - Sie wird es Dir danken!"
         , "Pass auf heute, was Du sagst - Flüche kommen zurück als Bumerang!"
         );
 
 var datensaetzeWassermannFrau = new Array (
           "Wann warst Du das letzte Mal tanzen - heute ist der richtige Tag dafür!"
         , "Sei mal wieder nett zu Deinem Mann - er wird es Dir danken!"
         , "Herumzicken ist heute nicht angesagt - die anderen zicken zurück!"
         );
 

Bilder

Nehmen Sie bevorzugt SVG-Grafiken (schnelle, kleine und transparente Vektorgrafik)!
Siehe: http://htmlbasics.wikispaces.com/InfoBild

Template

Sollten Sie keine Ahnung haben, wie die Aufgabe zu lösen ist, dann fangen Sie doch einfach mal mit diesen dateien an:

Bewertungskriterien

Generelle Bewertungskriterien siehe http://javascriptbasics.wikispaces.com/Bewertungskriterien

Spezielle Bewertungskriterien für dieses Projekt:
Entwurf und Quelltext
maximal 100 Punkte ereichbar
Punkte

Konzept entsprechend Vorgaben
(s. Kapitel Konzept), ca. 2 DIN A4 Seiten
20

Übersichtlichkeit,
korrektes Einrücken,
sinnvolle Variablenbezeichner,
Kommentare vorhanden
10

Ausschliesslich Seiten-Formatierung
mittels CSS
5

CSS
Quelltext-Auslagerung
2

Javascript
Quelltext-Auslagerung
2

Bildgröße ggf. maximal
200x200 Pixel
1
Funktion und Benutzerführung



Spiel funktioniert, Programm läuft
(Punktabzug für Fehler,
0P. wenn nicht lauffähig)
10

Textausgaben werden
entsprechend Konzept angezeigt
10

Intuitive, leichte Bedienbarkeit mit
wenigen Eingabeaufforderungen
10

Korrektes Impressum sowie zutreffende
Anleitung sind vorhanden und ohne
Rechtschreibfehler
10
Gestaltung



Alle Texte sind gut lesbar
(Größen! Farbwahl!)
Formularelemente müssen ggf. korrekt
beschriftet und übersichtlich angeordnet sein,
harmonische Farbgestaltung mit Farben,
welche im Farbkreis nebeneinander liegen.
10

Einheitliches Aussehen aller zum Projekt
gehörigen Seiten. Eigener Stil erkennbar.
Keine abgekupferten Seiten aus dem Internet
10