📸 OCR Annotation Platform

Benutzeranleitung fĂĽr das Annotieren von Screenshots

Was ist das?

Diese Plattform hilft dabei, Trainingsdaten für ein OCR-Modell (Texterkennung) zu sammeln. Du lädst Screenshots hoch, die automatische Texterkennung versucht die Texte zu finden, und du korrigierst eventuelle Fehler.

1 Registrieren & Anmelden

Bevor du loslegen kannst, brauchst du einen Account.

  1. Ă–ffne die Webseite
  2. Klicke auf Jetzt starten oder Anmelden
  3. Falls du noch keinen Account hast: Registriere dich mit Username, E-Mail und Passwort
  4. Melde dich an
🏠 Landing Page mit Login/Register Buttons

Startseite der Plattform

2 Screenshots hochladen

Nachdem du angemeldet bist, kannst du Screenshots hochladen.

  1. Klicke im MenĂĽ auf Upload
  2. Wähle die Sprache des Screenshots (z.B. Deutsch)
  3. Wähle eine Kategorie aus der Liste (z.B. "Wochen-Rang")
  4. Ziehe deine Screenshots in das Upload-Feld oder klicke um Dateien auszuwählen
  5. Klicke Hochladen & OCR starten
Du kannst mehrere Screenshots auf einmal hochladen!
📤 Upload-Seite mit Drag & Drop Bereich

Upload-Bereich

Nach dem Upload läuft automatisch die Texterkennung. Das dauert wenige Sekunden pro Bild.

3 Screenshots annotieren

Jetzt kommt der wichtigste Teil: Die automatisch erkannten Texte prĂĽfen und korrigieren.

  1. Klicke im MenĂĽ auf Annotieren
  2. Wähle einen Screenshot aus der Liste
  3. Du siehst links das Bild mit farbigen Rahmen um erkannte Texte
  4. Rechts siehst du die Liste aller erkannten Texte
✏️ Annotieren-Ansicht: Bild links, Textliste rechts

Annotations-Editor

Bedienung

Aktion Was passiert
1x Klick auf Text rechts Hebt die Box im Bild hervor (zum Finden)
2x Klick auf Text rechts Ă–ffnet Editor zum Bearbeiten
1x Klick auf Box im Bild Ă–ffnet Editor fĂĽr diesen Text
2x Klick auf leere Stelle im Bild Erstellt neue Annotation dort

Text korrigieren

  1. Doppelklicke auf einen Text in der Liste
  2. Im Editor: Korrigiere den Text
  3. Klicke Speichern
✍️ Editor-Dialog mit Textfeld

Text bearbeiten

Falschen Text löschen

Wenn die OCR etwas erkannt hat, das kein relevanter Text ist (z.B. aus einem Avatar):

  1. Doppelklicke auf den Text
  2. Klicke Löschen

Fehlenden Text hinzufĂĽgen

Wenn ein Text nicht erkannt wurde:

  1. Doppelklicke auf die Stelle im Bild wo der Text ist
  2. Gib den Text ein
  3. Klicke Speichern
Du kannst auch den + HinzufĂĽgen Button oben rechts nutzen.

4 Was soll annotiert werden?

Nicht alles auf dem Screenshot ist relevant. Annotiere nur:

âś… Annotieren:

❌ NICHT annotieren (löschen!):

Lösche alle Texte die nicht zu Spieler/Rang/Punkte gehören!

5 Speichern

Wenn du mit einem Screenshot fertig bist:

  1. Klicke đź’ľ Speichern um deine Ă„nderungen zu sichern
  2. Oder klicke âś“ Als verifiziert markieren wenn alles perfekt ist
Speichere regelmäßig! Wenn du die Seite verlässt ohne zu speichern, gehen deine Änderungen verloren.

6 Zoom & Navigation

Bei groĂźen Screenshots kannst du zoomen:

Button Funktion
🔍+ Hineinzoomen
🔍- Herauszoomen
⊡ Zurück zur Normalgröße

7 Screenshot löschen

Falls ein Screenshot unbrauchbar ist (z.B. falsches Bild hochgeladen):

  1. Ă–ffne den Screenshot zum Annotieren
  2. Klicke oben rechts auf 🗑️
  3. Bestätige das Löschen
Das Löschen kann nicht rückgängig gemacht werden!

❓ Häufige Fragen

Die Texterkennung ist schlecht. Was tun?

Das ist normal! Deshalb brauchen wir deine Hilfe. Korrigiere die Fehler und fĂĽge fehlende Texte hinzu. Je mehr korrigierte Daten wir haben, desto besser wird das trainierte Modell.

Muss ich jeden Text korrigieren?

Ja, alle relevanten Texte (Namen, Punkte, Ränge) sollten korrekt sein. Unwichtige Texte (UI-Elemente) bitte löschen.

Was ist mit den Punktzahlen - mit oder ohne Punkte/Kommas?

Schreibe sie so wie sie auf dem Screenshot stehen. Wenn dort "243.740.808" steht, dann genau so eingeben.

Die Box passt nicht genau auf den Text. Ist das schlimm?

Nicht so schlimm. Wichtiger ist, dass der Text korrekt ist. Die Box sollte aber ungefähr den Text umrahmen.