Objekte und Klassen in Processing - Versionsgeschichte

B.Schiller am 5. Februar 2017 um 17:30 Uhr

2017-02-05T17:30:32Z

B.Schiller am 5. Februar 2017 um 17:29 Uhr

2017-02-05T17:29:57Z

B.Schiller am 5. Februar 2017 um 17:28 Uhr

2017-02-05T17:28:45Z

B.Schiller: /* Konstruktoraufruf */

2016-01-04T20:04:23Z

‎Konstruktoraufruf

B.Schiller: /* Konstruktoraufruf */

2015-12-28T08:25:28Z

‎Konstruktoraufruf

B.Schiller: /* Konstruktoraufruf */

2015-12-28T08:18:02Z

‎Konstruktoraufruf

B.Schiller: /* Konstruktoraufruf */

2015-12-20T15:47:34Z

‎Konstruktoraufruf

B.Schiller am 20. Dezember 2015 um 11:59 Uhr

2015-12-20T11:59:42Z

B.Schiller: /* Konstruktor */

2015-12-20T11:55:13Z

‎Konstruktor

B.Schiller: /* Objekte */

2015-12-20T11:54:15Z

‎Objekte

@@ Zeile 459: / Zeile 459: @@
 <popup name="Lösungsvorschlag Klassendiagramm">
-<syntaxhighlight lang="java">
 [[Datei:Autofahrt.JPG]]
-</syntaxhighlight>
 </popup>
 <popup name="Lösungsvorschlag">

@@ Zeile 460: / Zeile 460: @@
 <popup name="Lösungsvorschlag Klassendiagramm">
 <syntaxhighlight lang="java">
+[[Datei:Autofahrt.JPG]]
 </syntaxhighlight>
 </popup>
-[[Datei:Autofahrt.JPG]]
 <popup name="Lösungsvorschlag">
 <syntaxhighlight lang="java">

← Nächstältere Version		Version vom 5. Februar 2017, 17:28 Uhr
Zeile 458:		Zeile 458:


		+	<popup name="Lösungsvorschlag Klassendiagramm">
		+	<syntaxhighlight lang="java">
		+
		+	</syntaxhighlight>
		+	</popup>
		+	[[Datei:Autofahrt.JPG]]
	<popup name="Lösungsvorschlag">		<popup name="Lösungsvorschlag">
	<syntaxhighlight lang="java">		<syntaxhighlight lang="java">

← Nächstältere Version		Version vom 4. Januar 2016, 20:04 Uhr
Zeile 411:		Zeile 411:
	</popup>		</popup>

		+	</div>
		+
		+
		+	===Exkurs: UML===
		+
		+
		+	Die Unified Modeling Language (Vereinheitlichte Modellierungssprache), kurz [http://de.wikipedia.org/wiki/UML UML], ist eine grafische Modellierungssprache zur Spezifikation, Konstruktion und Dokumentation von Software-Teilen und anderen Systemen. Sie ermöglicht die allgemein verständliche Darstellung sowohl statischer als auch dynamischer Aspekte eines Systems. UML-Diagramme lassen sich in Strukturdiagramme und Verhaltensdiagramme unterteilen, wobei man insgesamt sieben Struktur- und sieben Verhaltensdiagramme unterscheiden kann. Für jeden dieser Diagrammtypen existiert eine standardisierte Notation.
		+
		+	===Klassendiagramm===
		+
		+	Klassendiagramme stellen das zentrale Konzept der UML dar. Sie zeigen die statischen Bestandteile und Attribute von Systemen und welche Beziehungen sie untereinander einnehmen können. Bis auf die Definition von Operatoren der Klassen werden jegliche dynamischen Aspekte außer Acht gelassen.
		+
		+	====Notation====
		+
		+	'''Klasse'''
		+
		+	Das Notationselement einer Klasse wird in drei Abschnitte aufgeteilt:
		+
		+	[[Datei:klassendiagramm.JPG]]
		+
		+
		+	'''Attribut'''
		+
		+	Die Attribute beschreiben die Daten, die von den Objekten einer Klasse angenommen werden können. Jedes Attribut hat einen bestimmten Datentyp. Alle Objekte einer Klasse haben dieselben Attribute, können aber unterschiedliche Attributwerte besitzen.
		+
		+	'''Sichtbarkeit''': Dieses Merkmal weist die Zugriffsrechte zu. Wir werden in JAVA zuerst '''''public''''' (+) und '''''private''''' (-) kennenlernen. Attribute können gemäß dem '''Geheimnisprinzip''' der objektorientierten Programmierung nur über vordefinierte Schnittstellen (''Getter'' und ''Setter'', d.h. Methoden, die die Attributwerte zurückliefern bzw. verändern) gelesen und geändert werden. (siehe [http://de.wikipedia.org/wiki/Datenkapselung_(Programmierung) Datenkapselung]). Aus diesem Grund werden wir die Sichtbarkeit von Attributen bis auf weiteres auf ''private'' setzen.
		+
		+
		+	'''Assoziation'''
		+
		+	Eine Assoziation beschreibt eine Beziehung zwischen zwei oder mehr Klassen. Üblicherweise umfassen Java-Programme mehr als nur eine Klasse, zwischen denen bestimmte Beziehungen bestehen. Bei der Modellierung legen wir diese Assoziationen fest und setzen sie dann bei der Implementierung um. Im Klassendiagramm legen wir die Assoziation durch eine Linie zwischen den entsprechenden Klassen fest, geben einen Assoziationsnamen mit entsprechender Leserichtung an und legen die '''Multiplizität''' fest, d.h. die mögliche Anzahl der an der Beziehung beteiligten Objekte.
		+
		+
		+	[[Datei:Assoziation.JPG]]
		+
		+
		+
		+	<div style="background-color:#F8E0F1; padding:10px; margin-bottom:30px;">
		+	'''Aufgabe 3'''
		+
		+
		+	Wir wollen ein Programm erstellen, in dem ein kleines Auto vor der Kulisse eines Dorfes aus Häusern und Bäumen vorbeifährt. Erstelle zuerst die entsprechenden Klassendiagramme für die Klassen '''Haus''', '''Baum''' und '''Auto''' und stelle das Hauptprogramm als eigene Klasse '''Autofahrt''' dar. Gib auch die entsprechenden Assoziationen an.
		+
		+
		+	<div style="margin-left:200px;">{{#ev:youtube\|cWb_6wOI0u4}}</div>
		+
		+
		+	<popup name="Lösungsvorschlag">
		+	<syntaxhighlight lang="java">
		+	Haus h1;
		+	Baum b1;
		+	Haus h2;
		+	Baum b2;
		+	Auto a;
		+
		+	void setup(){
		+	size(600, 400);
		+
		+	h1 = new Haus(400, 100, 100, 100);
		+	b1 = new Baum(250, 200, 20, 40);
		+	h2 = new Haus(100, 100, 100, 100);
		+	b2 = new Baum(300, 180, 18, 36);
		+	a = new Auto(100, 300, color(255,0,0));
		+	}
		+
		+	void draw(){
		+	background(100);
		+	h1.display();
		+	b2.display();
		+	h2.display();
		+	b1.display();
		+	a.display();
		+	a.move();
		+	}
		+
		+
		+	class Haus{
		+
		+	//Attribute
		+	int x;
		+	int y;
		+	int breite;
		+	int hoehe;
		+
		+	//Konstruktor
		+	Haus(int x, int y, int breite, int hoehe){
		+	this.x = x;
		+	this.y = y;
		+	this.breite = breite;
		+	this.hoehe = hoehe;
		+	}
		+
		+	//Methoden
		+
		+	void display(){
		+	rectMode(CORNER);
		+	fill(255);
		+	rect(x, y, breite, hoehe);
		+	fill(255, 0, 0);
		+	triangle(x, y, x+breite/2, y-hoehe/3, x+breite, y);
		+	}
		+
		+	}
		+
		+
		+	class Baum{
		+
		+	//Attribute
		+	int x;
		+	int y;
		+	int breite;
		+	int hoehe;
		+
		+	//Konstruktor
		+	Baum(int x, int y, int breite, int hoehe){
		+	this.x = x;
		+	this.y = y;
		+	this.breite = breite;
		+	this.hoehe = hoehe;
		+	}
		+
		+	//Methoden
		+
		+	void display(){
		+	rectMode(CORNER);
		+	fill(255);
		+	rect(x, y, breite, hoehe);
		+	fill(0, 255, 0);
		+	triangle(x-breite2, y, x+breite/2, y-hoehe3, x+breite*3, y);
		+	}
		+
		+	}
		+
		+
		+	class Auto{
		+
		+	int x;
		+	int y;
		+	color c;
		+
		+	Auto(int x, int y, color c){
		+	this.x = x;
		+	this.y = y;
		+
		+	this.c = c;
		+	}
		+
		+	void display(){
		+	rectMode(CENTER);
		+	noStroke();
		+	fill(c);
		+	rect(x, y, 80, 20);
		+	ellipse(x, y-10, 40, 40);
		+	fill(0);
		+	ellipse(x-25, y+10, 20, 20);
		+	ellipse(x+25, y+10, 20, 20);
		+	}
		+
		+	void move(){
		+	x+=3;
		+	if(x>width){x=0;};
		+	}
		+
		+	}
		+	</syntaxhighlight>
		+	</popup>
	</div>		</div>

@@ Zeile 241: / Zeile 241: @@
 '''Aufgabe 1'''
-In einem kleinen Programm wollen wir eine Anzahl von Blasen aufsteigen lassen. Erstelle dazu eine Klasse Blase mit einem Konstruktor, mit dem wir Blasen unterschiedlicher Größe erzeugen können, die vom unteren Rand des Zeichenfensters aufsteigen. Eine Methode ''display()'' ist für die Darstellung der Blase zuständig, eine Methode ''aufsteigen()'' für das Aufsteigen. Dabei soll die Geschwindigkeit über einen Parameter festgelegt werden. Erzeuge anschließend im Hauptprogramm vier Blasen unterschiedlicher Größe, die mit unterschiedlicher Geschwindigkeit nach oben steigen.
+a) In einem kleinen Programm wollen wir eine Anzahl von Blasen aufsteigen lassen. Erstelle dazu eine Klasse Blase mit einem Konstruktor, mit dem wir Blasen unterschiedlicher Größe erzeugen können, die vom unteren Rand des Zeichenfensters aufsteigen. Eine Methode ''display()'' ist für die Darstellung der Blase zuständig, eine Methode ''aufsteigen()'' für das Aufsteigen. Dabei soll die Geschwindigkeit über einen Parameter festgelegt werden. Erzeuge anschließend im Hauptprogramm vier Blasen unterschiedlicher Größe, die mit unterschiedlicher Geschwindigkeit nach oben steigen.
@@ Zeile 296: / Zeile 296: @@
+   }
-   void aufsteigen(int v){
+   void aufsteigen(float v){
      y=y-v;
+   }
@@ Zeile 303: / Zeile 303: @@
 </syntaxhighlight>
 </popup>
 '''Aufgabe 2''' ("UFO-Attack")

@@ Zeile 239: / Zeile 239: @@
 <div style="background-color:#F8E0F1; padding:10px; margin-bottom:30px;">
-'''Aufgabe 1''' ("UFO-Attack")
+'''Aufgabe 1'''
 Wir wollen nun Bewegung in unsere UFOs aus Aufgabe 2 im letzten Kapitel bringen. Wir brauchen dazu eine Klasse '''Ufo''', die das Erzeugen der UFO-Objekte ermöglicht. Sie beinhaltet neben dem Konstruktor eine Methode ''display()'' zum Darstellen der Objekte und eine Klasse ''move()'' zum Bewegen der UFOs. Der Konstruktor sollte dabei einen Parameter enthalten, mit dem die ''move()''-Funktion die UFOs in unterschiedliche Richtungen lenkt. Im Hauptprogramm  bauen wir unsere Ufo-Armee aus einzelnen UFOs zusammen. Es reichen dabei 3 bis 5 UFOs um den Eindruck eines ganzen Schwarms zu erzeugen.

@@ Zeile 147: / Zeile 147: @@
 rechteck1.breite = 10;
-rechteck3.fuellfarbe = "rot"
+rechteck3.fuellfarbe = color(0, 255, 0);
 </syntaxhighlight>
 </div>

← Nächstältere Version		Version vom 20. Dezember 2015, 11:59 Uhr
Zeile 1:		Zeile 1:
		+	<div style="background-color:#A9E2F3; padding:10px; margin-bottom:30px;">
		+	'''Am Ende des Kapitels solltest du'''
		+	* wissen, was ein Objekt ist,
		+	* wissen, was man unter '''objektorientierter Programmierung''' versteht,
		+	* den Begriff der '''Klasse''' verstehen,
		+	* das Konzept der '''Konstruktoren''' verstehen und anwenden können,
		+	* eigene Klassen schreiben können,
		+	* eigene kleine objektorientierte Programme modellieren und erstellen können.
		+	</div>
		+
		+
	Nachdem wir nun die meisten Grundkonzepte der Programmierung (Variablen, Bedingungen, Schleifen, Methoden) kennengelernt haben, wenden wir uns nun einer Denkweise zu, die eine andere Art der Strukturierung und Organisation von Programmen darstellt - der sogenannten '''objektorientierten Modellierung'''.		Nachdem wir nun die meisten Grundkonzepte der Programmierung (Variablen, Bedingungen, Schleifen, Methoden) kennengelernt haben, wenden wir uns nun einer Denkweise zu, die eine andere Art der Strukturierung und Organisation von Programmen darstellt - der sogenannten '''objektorientierten Modellierung'''.

@@ Zeile 41: / Zeile 41: @@
 === Konstruktor  ===
-Eine Klasse kann keinen, einen oder mehrere unterschiedliche Konstruktoren besitzen. Sie dienen dazu, ein neu gebildetes Objekt einer Klasse in einen definierten Anfangszustand zu versetzen. Welcher dies ist hängt davon ab, welcher Konstruktor bei der Objektbildung aufgerufen wird. Ein leerer (Standard-) Konstruktor muss nicht angegeben werden, er wird bei Fehlen von der JVM (Java Virtual Machine) automatisch erzeugt. Aus diesem Grund hatten wir in unseren bisherigen Aufgaben keinen expliziten Konstruktor.
+Eine Klasse kann keinen, einen oder mehrere unterschiedliche Konstruktoren besitzen. Sie dienen dazu, ein neu gebildetes Objekt einer Klasse in einen '''definierten Anfangszustand''' zu versetzen. Welcher dies ist hängt davon ab, welcher Konstruktor bei der Objektbildung aufgerufen wird. Ein leerer (Standard-) Konstruktor muss nicht angegeben werden, er wird bei Fehlen von der JVM (Java Virtual Machine) automatisch erzeugt. Aus diesem Grund hatten wir in unseren bisherigen Aufgaben keinen expliziten Konstruktor.
 '''Syntax:'''
@@ Zeile 103: / Zeile 103: @@
 </div>
-Konstruktoren können also mit unterschiedlichen Parameterlisten deklariert sein. Man spricht hier vom '''Überladen''' des Konstruktors.
+Konstruktoren können also mit unterschiedlichen '''Parameterlisten''' deklariert sein. Man spricht hier vom '''Überladen''' des Konstruktors.
-−
 === Konstruktoraufruf  ===

@@ Zeile 27: / Zeile 27: @@
 <br>
-*Die Datenfelder bzw. Instanzvariablen speichern die Daten, die das jeweilge Objekt benutzt.
+*Die '''Datenfelder''' bzw. Instanzvariablen speichern die Daten, die das jeweilge Objekt benutzt.
-*Die Konstruktoren erlauben es, neue Objekte zu erzeugen und diese in einen bestimmten Anfangszustand zu versetzen.
+*Die '''Konstruktoren''' erlauben es, neue Objekte zu erzeugen und diese in einen bestimmten Anfangszustand zu versetzen.
-*Die Methoden implementieren das Verhalten der Objekte.
+*Die '''Methoden''' implementieren das Verhalten der Objekte.