aktualisiert README

Die Faktoren für die Streckung richten sich im Augenblick nach den Daten in der daten.txt-Datei, darauf wird jetzt in zwei Kommentaren hingewiesen. Vielleicht wäre es eine Überlegung Wert, später den Streckungsfaktor anhand der eingelesenen Daten zu berechnen.

Online-IDE-files/DataPoint.java

@@ -19,4 +19,25 @@ public class DataPoint {
       retStr += ", x2: " + String.valueOf(this.x2);
       return retStr;
    }
+
+   double getX1()
+   {
+      return x1;
+   }
+   
+   double getX2()
+   {
+      return x2;
+   }
+
+   String getName()
+   {
+      return name;
+   }
+
+   int getLabel()
+   {
+      return label;
+   }
+
 }

Online-IDE-files/Graph.java

@@ -0,0 +1,78 @@
+/**
+ * Graph-Klasse, die ein Trainingsset von Datenpunkten (DataPoint-Objekte)
+ * entgegennimmt und diese nach Aufruf der Methode zeichnen() in einem
+ * Koordinatensystem darstellt.
+ * 
+ * @author: Sabine Schlötzer
+ */
+public class Graph
+{
+   int breite = 500;
+   int hoehe = 400;
+   int rand = 15;
+
+   ArrayList<DataPoint> trainingset;
+
+   ArrayList<Shape> graphenobjekte;
+
+   // für x1-Werte bis etwa 500 (vgl. daten.txt)
+   double streckenInX1Faktor = 0.8;
+   // für x2-Werte bis etwa 25 (vgl. daten.txt)
+   double streckenInX2Faktor = 10;
+
+   World w = new World(breite, hoehe);
+
+   public Graph(ArrayList<DataPoint> t)
+   {
+      trainingset = t;
+      graphenobjekte = new ArrayList<Shape>();
+      w.setBackgroundColor(Color.whitesmoke); 
+      // x1-Achse
+      Line x1_Achse = new Line(rand, hoehe - rand, breite - rand, hoehe - rand);
+      x1_Achse.setBorderWidth(1);
+      x1_Achse.setBorderColor(Color.black); 
+      Text x1_Label = new Text(breite - 2 * rand, hoehe - 2 * rand, 10, "x1"); 
+      x1_Label.setFillColor(Color.darkgrey);
+      Triangle t1 = new Triangle(breite - rand, hoehe - rand + 5, breite - rand, hoehe - rand - 5, breite - rand + 10, hoehe - rand);
+      t1.setFillColor(Color.black);
+      // x2-Achse
+      Line x2_Achse = new Line(rand, rand, rand, hoehe - rand);
+      x2_Achse.setBorderWidth(1);
+      x2_Achse.setBorderColor(Color.black);
+      Text x2_Label = new Text(rand + 2, rand, 10, "x2"); 
+      x2_Label.setFillColor(Color.darkgrey);
+      Triangle t2 = new Triangle(rand + 5, rand, rand - 5, rand, rand, rand - 10);
+      t2.setFillColor(Color.black);
+   }
+
+   public void zeichnen()
+   {
+      for (DataPoint p : trainingset)
+      {
+         double x = p.getX1() * streckenInX1Faktor + rand;
+         double y = -p.getX2() * streckenInX2Faktor - rand + hoehe;
+         Circle c = new Circle(x, y, 5);
+         Text t = new Text(x + 2, y + 2, 10, p.getName());
+         t.setFillColor(Color.darkgrey);
+         if(p.getLabel() == 1)
+         {
+            c.setFillColor(Color.greenyellow);
+         }
+         else {
+            c.setFillColor(Color.red);
+         }
+         graphenobjekte.add(c);
+         graphenobjekte.add(t);
+      }
+   }
+
+   public void leeren()
+   {
+      for (Shape o : graphenobjekte)
+      {
+         o.destroy();
+      }
+      graphenobjekte.clear();
+   }
+}
+   

Online-IDE-files/Labor.java

@@ -2,12 +2,15 @@
  * Portierung des Perzeptron-Labors von Christoph Grässl für die Online-IDE.
  * 
  * @author: Jan Bertram ( jbsoc@mailbox.org )
+ * @author: Sabine Schlötzer
  */
 public class Labor {
    ArrayList<DataPoint> trainingset;
+   Graph g;
 
    public Labor() {
       trainingset = new ArrayList<>();
+      g = new Graph(trainingset);
    }
 
    public void ladeTrainingsdaten(String workspaceFilename) {
@@ -27,9 +30,20 @@ public class Labor {
       }
    }
 
+   public void zeigeGraph()
+   {
+      g.zeichnen();
+   }
+
+   public void leereGraph()
+   {
+      g.leeren();
+   }
+
    public void zeigeTrainingsdaten() {
       for (DataPoint dp : this.trainingset) {
          println(dp);
       }
    }
 }
+

Online-IDE-files/Start

@@ -2,4 +2,7 @@
 // eigentlich entfernt werden…
 Labor lab = new Labor();
 lab.ladeTrainingsdaten("daten.txt");
-lab.zeigeTrainingsdaten();
+// lab.zeigeTrainingsdaten();
+lab.zeigeGraph();
+//lab.leereGraph();
+

README.md

@@ -5,8 +5,8 @@ Eine Portierung des Perzeptron Labors von Christoph Gräßl für die Online-IDE,
 ## Vorschlag fürs Vorgehen:
 
 1. Einlesen der Datenpunkte in der CSV-Datei (`ladeTrainigsdaten`) – erledigt
-2. Einrichten eines grafischen Koordinatensystems
+2. Einrichten eines grafischen Koordinatensystems – erledigt
-3. Visualisieren der eingelesenen Datenpunkte
+3. Visualisieren der eingelesenen Datenpunkte – erledigt
 4. Visualisieren der kategorisierten Bereiche (rote/grüne Fläche)
 5. Hinzufügen neuer Datenpunkte durch Mausklick (rechts/links)
 6. Methode `trainiereEinmal`, mit Button#
@@ -19,4 +19,4 @@ Verbesserungsvorschläge sind herzlich willkommen!
 
 ## Code für die Online-IDE
 
-Die beiden Ordner `Online-IDE-files` und `Online-IDE-json` enthalten im Prinzip das gleiche. Die json-Datei lässt sich in der Online-IDE importieren, dort leicht bearbeiten und ausführen. Die im files-Ordner enthaltenen Dateien sollen mitgeführt werden, um im Repository mögliche Änderungen besser verfolgen zu können. (Verbesserungsvorschläge für den Workflow hier ebenfalls herzlich Willkommen…)
+Die beiden Ordner `Online-IDE-files` und `Online-IDE-json` enthalten im Prinzip das gleiche. Die json-Datei lässt sich in der Online-IDE importieren, dort leicht bearbeiten und ausführen. Die im files-Ordner enthaltenen Dateien sollen mitgeführt werden, um im Repository mögliche Änderungen besser verfolgen zu können. (Verbesserungsvorschläge für den Workflow hier ebenfalls herzlich Willkommen…)