Also:

In der Stunde vom 27. September 2007 haben wir zuerst die neuen Schullaptops ausgepackt und aufgesetzt.
Anschließend haben wir uns mit einem Programm namens Wink beschäftigt, mit welchem man den Desktop filmen und dies auch vertonen kann, um zum Beispiel Anleitungen zu erstellen.
Grundsätzlich sollte die Aufnahme nicht länger als 1 Minute sein und man sollte darauf achten, nicht zu schnell zu klicken oder zu sprechen.
Zuerst bekamen wir ein Beispiel vorgezeigt, wie das alles funktioniert und anschließend bekamen wir 3 verschiedene Themen gestellt, die dann auf Gruppen eingeteilt wurden.
Die Themen waren:
.) Word (Wie funktionieren eine Formatvorlage, ein Inhaltsverzeichnis und Seitennummerierungen?)
.) Geogebra
.) Excel (Relative und absolute Bezüge, Diagramme, unterschiedliche Diagrammtypen)

Den Rest der Stunde verbrachten wir damit, gruppenintern unsere Texte zu formulieren, die wir dann zuhause zu unserem Thema sprechen sollten.

Mit freundlichen Grüßen
Dani

Die Zahl verschachteln wir mit Math.round(100*Math.random()), damit der Computer weiß, dass er eine Zahl auszugeben hat. „Math.random()“ gibt dem Computer den Befehl, eine Zufallszahl zwischen 0 und 1 auszugeben. Damit wir eine Zahl bis zu 100 erhalten, muss einfach mit diesem Wert multipliziert werden. „Math.random()“ alleine gibt aber auch Dezimalzahlen aus, daher muss die Zahl gerundet werden. Dazu steht vor „(100*Math.random())“ der Begriff „Math.round“.
Die Ausgabe des Dokuments definieren, und es ist fertig.

Anschließend haben wir ein ähnliches Programm erstellt, nur in dem der Benutzer eine Zahl zwischen 1 und 10 eingeben und die der Computer diese dann erraten soll. Eine While-Schleife soll eine Zufallszahl erzeugen und mit der eingegeben vergleichen; solange sie ungleich sind, ausgeben, dass es der x. Versuch ist und wenn es stimmt, im Ausgabefeld schreiben, dass beim x.Versuch die richtige Zahl erraten wurde.
Wie immer – Formular im body mit Eingabefeld, Button und Ausgabefeld; und Funktion definieren im head.

function frate()
{
var zahl;
var versuche;
var zahl2; //Die benötigten Variablen definieren
versuche = 0; //Versuche am Anfang auf Null setzen
zahl = parseFloat (document.erraten.eingabe.value); //parseFloat wandelt das für den Computer anfängliche „nur“ Symbol um, sodass er es als Zahl erkennen kann.

while (zahl2 != zahl) //WHILE-Schleife vergleicht; solange die Zahlen ungleich (!=) sind, soll…
{
zahl2 = Math.round(10*Math.random());
versuche = versuche + 1; //…zum Versuch +1 dazugezählt werden.
alert („Der “ + versuche + „.Versuch hat die Zahl “ + zahl2 + “ erraten!“); //Und es soll angezeigt werden, welche Zahl der x.Versuch ergeben hat.
}
document.erraten.ausgabe.value = „Juhu, nach “ + versuche + “ Versuchen hat der Computer die richtige Zahl “ + zahl2 + “ erraten!“; //Ist die Schleife zu ihrem Ziel angelangt, also sind die Zahlen nicht mehr ungleich, so gibt das Programm im Ausgabefeld den oben erwähnten Satz aus.

}

Alleine hatten wir dann noch die Aufgabe, ein Programm, dass den Mittelwert mehrerer Zahlen berechnen soll, zu erstellen. Zuerst soll man nacheinander mehrere Zahlen eingeben können, die addiert werden.Wenn man dann statt einer Zahl ein „x“ eingibt, so soll die Summe der Zahlen durch die Anzahl dividiert werden. Die meisten sind nicht ganz fertig geworden, ich kam mit meinen Versuchen ca. so weit bei der Definition meiner Funktion:

function fzahlen()
{
var zahl1;
var zahl2;
var ergebnis;
var x;
var mittelwert;
zahl1=prompt („Geben Sie hier eine Zahl ein!“, “ „);
zahl2=prompt („Geben Sie hier eine weitere Zahl ein!“, “ „);
ergebnis=parseFloat(zahl1) + parseFloat(zahl2)
while (zahl1 != x)
{
zahl1 = zahl1 + zahl2
}
}

Aussehen könnte/sollte es so:

function fmw()
{
var zahl=0;
var summe=0;
var anzahl=0;
var mittelw;
var x;
while (zahl!=“x“)
{
anzahl = anzahl + 1;
summe = summe + parseFloat(zahl);
zahl=prompt(„Zahl eingeben:“,“ „);
alert(„Ihre “ + anzahl + „.Zahl ist “ + zahl);
}
mittelw = summe/(anzahl – 1);
document.mittelwert.ausgabe.value = mittelw;
}

Zuerst erstellen wir ein leeres HTML-Dokument, schrieben das Grundgerüst und benennen es <title>Alkoholautomat</title>.
Dann kommt in den <body> ein Formular namens „getraenk“. <form name=“getraenk“>
In dieses Formular schreiben wir zuerst einmal einen Satz wie „Bitte geben Sie hier Ihr Alter ein!“.
Danach kommt ein Eingabefeld, in welches das Alter geschrieben werden kann. Dies sieht folgendermaßen aus:
<input type=“text“name=“alter“></input>
Nach dieses Eingabefeld setzen wir 2 Buttons, einen mit der Aufschrift „Wein“ und einen mit der Aufschrift „Saft“.
<input type=“button“ value=“Wein“ onclick=fwein()></input>
<input type=“button“ value=“Saft“ onclick=fsaft()></input>
onclick=fwein() oder onclick=fsaft bestimmt, dass bei klicken des Buttons die Funktion fwein() oder fsaft() ausgeführt wird.
Nach den Buttons wird noch ein Ausgabefeld gesetzt, in dem die Antwort aufscheinen soll. Bei diesen Feldern ist es auch möglich, die Größe zu definieren.
<input type=“text“ name=“ausgabe“ size=“60″></input>
Wenn man diese 4 Sachen in das Formular geschrieben hat, ist dieses fertig und wird wieder geschlossen. </form>
Jetzt müssen im <head> die Funktionen definiert werden, was fwein() und was fsaft() machen. Die Variable var alter muss definiert werden und danach muss man nur noch if/else schreiben.
Um das ganze aber zu vereinfachen, haben wir danach die zwei Funktionen zu einer verwandelt. Diese nennen wir falco(). Zuerst muss bei den zwei Buttons folgendes verändert werden: onclick=falco(„W“,alter.value) und onclick=falco(„S“,alter.value). In den <head> kommt function falco(sorte,alter), und bei if/else wird folgendes bestimmt: Wenn (if) die Sorte = „S“ , also der Button Saft gedrückt wird, dann soll im Ausgabefeld der Satz „Da hast du deinen Saft!“ erscheinen. Wenn dieser aber nicht gedrückt wird, und das eingegebene Alter größer gleich 16 ist (else if), dann soll „Hier bitte, dein Wein!“ erscheinen. Sollte beides nicht der Fall sein (else), dann kommt „Du bekommst noch keinen Wein!“. Das ganze sieht dann so aus:

Danach sollten wir eine Seite erstellen, in der jemand die Länge, die Breite und die Masse seines Kuverts eingeben und somit das Porto berrechnen kann. Hierzu erstellt man wieder zuerst ein Formular im <body>, wir haben es „porto“ genannt. In dieses Kommt ein Eingabefeld für die Länge in mm, eines für die Breite in mm und ein drittes für die Masse in g. Darunter wird ein Button mit value=“Porto berrechnen“ und onclick=fbrief(laenge.value,breite.value,masse.value) gesetzt. Danach kommt nur noch das Ausgabefeld, in dem für den Benutzer der Portobetrag erscheinen soll. Die schon genannte function fbrief(laenge,breite,masse) wird dann im <head> wieder anhand von if/else definiert. Auf post.at haben wir die richtigen Werte für die österreichischen inländischen Briefe recherchiert. Diese sind:
Länge: 140mm bis 235mm
Breite: 90mm bis 162mm
Masse: bis 2000g
Die unterschiedlichen Portokosten hängen mit der Masse zusammen, daher muss man für jeden Bereich eine eigene else if-Definition schreiben. Also wird folgendes gemacht: Zuerst müssen natürlich überhaupt mal die Länge und die Breite innerhalb der vorgegebenen Maße sein. -> if ((laenge <=140) && (laenge >=235) && (breite <=90) && (breite >=162))
In diese if-Funktion kommt jetzt abermals ein if, nämlich wenn die Masse kleiner gleich 20g ist, soll der Portobetrag 0.55€ sein. Wenn aber (else if) die Masse kleiner gleich 50g ist, soll der Betrag 0.75€ angegeben werden. Wenn aber (else if) die Masse kleiner gleich 100g ist, soll der Betrag 1€ angezeigt werden. … usw. Jetzt erfolgen so viele else if, wie es Abgrenzungen für Masse/Porto gibt. Danach muss anhand von drei mal else if noch definiert werden, dass eine Fehlermeldung kommt, wenn erstens die Masse über 2000g, zweitens die Länge oder drittens die Breite außerhalb der Grenzwerte liegen. Das ganze sieht dann so aus:

Dann haben wir die Funktion einer WHILE-Schleife gelernt. Eine WHILE-Schleife hat eine Anfangsbedingung, die vor Beginn des Durchlaufens der Schleife überprüft wird. Der Block wird dann so lange ausgeführt, wie die Bedingung auch wahr ist. Ist sie es nicht (mehr), so wird das Programm nach der Schleife fortgesetzt.

Dazu haben wir zuerst ein einfaches Programm erstellt, in dem es darum geht, eine beliebige ganzstellige natürliche Zahl einzugeben, von der dann die Summe von dieser Zahl bis hin zur Zahl 1 berechnet werden soll. Es wird wie immer ein Formular, hier mit dem Namen „summe“ erstellt. In dieses kommt das Eingabefeld für jene beliebige Zahl, danach der Button value=“Berrechnen“ onclick=fsumme(zahl.value) und wieder ein Ausgabefeld.
In <head> wird function fsumme(zahl) folgendermaßen definiert: es werden die Variablen zahl, zaehler und summe angeschrieben, summe und zaehler werden anfangs auf Null gesetzt. Dann beginnt die WHILE-Schleife mit der Bedingung, dass der zaehler kleiner als die eingegebene zahl ist. Innerhalb der Schleife muss dann durchgeführt werden, dass der Zähler um 1, und die Summe um den Zähler erhöht werden. Danach muss nur noch wieder ausgegeben werden, dass die Summe x beträgt. document.summe.ausgabe.value = „Die Summe der ganzen Zahlen von 1 bis “ + zahl + “ ist “ + summe + „.“

Das Letzte, was wir dann noch programmiert haben, war ein Geldautomat mit Hilfe einer WHILE-Schleife. Bei dem erwähnten Geldautomaten geht es darum, dass jemand in ein Eingabefeld einen Betrag schreiben und auf den Button „Wechseln“ klicken kann, und darunter erscheint, wieviele 20er-Scheine, 10er-Scheine usw. bis 1€-Münzen er darum bekommt. Es werden das Formular „geld“ und darin das Eingabefeld „betrag“, der Button value=“Wechslen“ onclick=fwechsel(betrag.value) und 5 Ausgabefelder „ausgabe20″, „ausgabe10″, „ausgabe5″, „ausgabe2″ und „ausgabe1″ erstellt und dann kommen wir wieder zur function fwechsel(betrag). Wir brauchen die fünf Variablen ausgabe20 bis ausgabe1, welche wir alle auf Null setzen. Dann wird die erste Bedingung für die WHILE-Schleife gestellt – solange der Betrag über 20 ist. ausgabe20 soll mit 1 addiert werden, vom betrag sollen 20 subtrahiert werden und in der ausgabe20 soll somit erscheinen, wieviele 20€-Scheine sich darum ausgehen. Das gleiche wird sowohl für 10, 5, 2 als auch 1 wiederholt und das Programm ist somit fertig. Aussehen kann dies so:

Lieben Gruß.

Zuerst haben wir eine schlichte Namensabfrage erstellt.

Beispiel:

<html>
<head>
<title>Namenmurks</title>
<script language="JavaScript"> //Im Head wird angegeben, dass mit JavaScript gearbeitet wird
var vname, nname, bsatz; //Variablendeklaration.
vname=prompt ("Gib hier deinen Vornamen ein!", " "); //Hier wird ein Eingabefeld für den Vornamen programmiert.
nname=prompt ("Gib hier deinen Nachnamen ein!", " "); //Hier wird das Eingabefeld für den Nachnamen prgrammiert.
bsatz= "Hallo liebe/r " + "vname" + " " + "nname" + "!"; //Hier wird der Begrüßungstext formuliert.
altert (bsatz);
document.write(bsatz); //Das Dokument soll nach den Eingaben den Begrüßungssatz ausgeben.
</script>
</head>
<body>
</body>
</html>

Wir haben dann auch noch eine Adressabfrage hinzugefügt und anschließend auf gleiche Weise ein neues Dokument geschrieben, in dem 2 Zahlen, die eingegeben werden, addiert werden.
Dies sah folgendermaßen aus:

<html>
<head>
<title>Addieren</title>
<script language="JavaScript">
var zahl1, zahl2, ergeb; //Variablendeklaration.
zahl1=prompt ("Gib hier deine erste Zahl ein!", " "); //Hier wird ein Eingabefeld für die Zahl 1 erstellt.
zahl2=prompt ("Gib hier deine zweite Zahl ein!", " "); //Hier wird ein Eingabefeld für die Zahl 2 erstellt.
ergeb=parseFloat(zahl1) + parseFloat(zahl2); //Hier wird bestimmt, dass das die zwei Zahlen addiert werden sollen und eine Dezimalzahl sein kann.
alert (ergeb);
document.write(ergeb); //Das Dokument soll nach der Eingabe beider Zahlen das Ergebnis anzeigen.
</script>
</head>
<body>
</body>
</html>

Dann haben wir mithilfe von if und else zur Namensabfrage noch eine Entscheidungsfrage zwischen weiblich und männlich definiert.

<html>
<head>
<title>Namenmurks</title>
<script language="JavaScript"> //Im Head wird angegeben, dass mit JavaScript gearbeitet wird
var vname, nname, geschl; //Variablendeklaration.
vname=prompt ("Gib hier deinen Vornamen ein!", " "); //Hier wird ein Eingabefeld für den Vornamen programmiert.
nname=prompt ("Gib hier deinen Nachnamen ein!", " "); //Hier wird das Eingabefeld für den Nachnamen prgrammiert.
geschl=prompt ("Bist du männlich oder weiblich? m/w", " "); //Hier wird gefragt, ob man weiblich oder männlich ist.
if (geschlecht=="w") //kein Strichpunkt!
{
document.write("Guten Morgen, liebe " + "vname" + " " + "nname" + "!"); //Falls die Antwort "w" für weiblich ist, so wird der jenige mit "Liebe..." begrüßt.
}
else
{
document.write("Guten Morgen, lieber " + "vname" + " " + "nname" + "!"); //Ansonsten (also ist die Antwort nicht "w", sondern in dem Fall nur mehr möglich "m"), so wird er mit "Lieber.." gegrüßt.
}
</script>
</head>
<body>
</body>
</html>

Dann mussten wir eigenständig noch eine Datei mit if und else erstellen, in welcher es darum handelt, ob man lieber Wein oder Saft trinkt, und ob man schon 16 oder älter ist. Hier das Flussdiagramm dazu:

In dieser Stunde haben wir zuerst am Nachstellen der Seite www.mouz.de, was wir in der Stunde zuvor begonnen hatten, weitergearbeitet. Danach haben wir unsere Versuche verglichen. Fertig wurde keine Gruppe, und wir stellten fest, dass eine Homepage nicht so schnell zu programmieren zu geht, auch nicht mit Style-Sheets..

Danach haben wir uns zusammengesetzt und besprochen, dass wir alle gemeinsam eine Homepage machen werden, die, wie wir schon vor einigen Stunden vereinbart haben, das Thema „Freizeitbeschäftigung“ tragen wird.Jeder von uns wird zu dieser HP 2 Seiten über seine Freizeitbeschäftigung gestalten. Wir stellten einen Arbeitsplan auf, was wir alles zu tun haben werden.

Diese Liste sieht jetzt folgender Maßen aus:

Ziel: Gemeinsame Website zum Thema Freizeitbeschäftigung

1. Schritt: Entwurf der Startseite
2. Schritt: Entwurf der einzelnen Seiten mit Desgin (Bilder, …)
3. Schritt: Überlegungen zur Navigationsstruktur
4. Schritt: Planung einer Style-Sheet Datei
5. Schritt: Planung und Festlegung der Ordnerstruktur

——————————————–

6. Schritt: Materialsammlung
7. Schritt: Realisierung der obigen Aufgaben
8. Schritt: Zusammenführung der Dateien
9. Schritt: Upload
10. Schritt: Fehlerkontrolle
11. Schritt: Korrektur
12. Schritt: Erneuter Upload

Also bekamen wir zuerst mal Zeit, uns in einer Word Datei im Querformat ungefähr zu überlegen, wie wir uns die Startseite, die jeweiligen Seiten und das Layout eventuell gestalten könnten. Anschließend speicherten wir diese Dateien alle in einem Ordner ab, setzten uns wieder zusammen und verglichen unsere Vorschläge. Es wurde diskutiert und letztendlich für eine Variante des Aufbaus der (Start)-Seite abgestimmt.

Am Schluss der Stunde überlegte dann noch jeder für sich, ebenfalls in einer Word-Datei, wie man das Layout schön gestalten könnte. Das haben wir aber nicht mehr verglichen.

—————————

Zeitplan für das Projekt:

27.11.06:	Festlegung eines Layouts Planung einer Style-Sheet Datei Festlegung einer Ordnerstruktur Überlegung der Navigationsstruktur
4.12.06:	Material sammeln Beginn der ersten Seite von jedem
11.12.06:	Seiten weiterbearbeiten
18.12.06:	Seiten weiterbearbeiten
08.01.07	Fertig stellen Zusammenführung der Dateien Uploaden
15.01.07:	Fehlerkontrolle Korrektur Erneuter Upload

————————–

Gründe für die Erstellung eines Projektplans:

Es ist gut oder wichtig, einen Projektplan zu erstellen, da man so leichter die Übersicht behält, was überhaupt zu tun ist, damit man nicht so leicht etwas vergisst, zu tun, und vor allem, wenn mehrere zusammen an einem Projekt arbeiten, damit immer alle nachschauen können und wissen, was zu erledigen ist.

Also ich freu mich, dass ich hier bin und hoffe, dass es recht angenehm bleibt. (Vom lernen her ja eher nicht, das is schon klar..^^)
Lg Dani

Hier wird sich das meiste rund um Schule drehen!
Lg Dani