Skip to content

Latest commit

 

History

History
135 lines (100 loc) · 5.86 KB

README.md

File metadata and controls

135 lines (100 loc) · 5.86 KB

Wiki Folgt für bessere übersicht!

Landwirtschafts-Simulator Interaktive Karte und Saatgut Rechner

Dieses Projekt bietet eine interaktive Karte für den Landwirtschafts-Simulator 22, kombiniert mit einem Saatgutbedarfsrechner. Es ermöglicht die Verwaltung von Feldern, die Berechnung des Saatgutbedarfs sowie die Anzeige von empfohlenen Fruchtfolgen.

📂 Projektstruktur

  • index.html
    Enthält die Hauptseite mit der interaktiven Karte. Integriert Leaflet zur Kartendarstellung und eine Sidebar mit verschiedenen Optionen zur Verwaltung der Felder.

  • saat_calc.html
    Ein separater Rechner zur Berechnung des benötigten Saatguts basierend auf der Fläche und der Fruchtart.

  • saat_calc.js
    Skript für den Saatgutrechner. Enthält eine Liste von Fruchtarten und die Logik zur Berechnung des Saatgutbedarfs.

  • script.js
    Enthält die Hauptlogik für die interaktive Karte, inklusive Funktionen zur Feldverwaltung, Fruchtfolge-Empfehlungen und Datenexport/import.

  • crop.json
    JSON-Datei mit Informationen zu den verschiedenen Fruchtarten, inklusive Farbcodierung und empfohlenen Fruchtfolgen.

  • styles.css
    Stile für die Seiten, einschließlich Anpassungen für die Karte, Modale und allgemeine UI-Elemente.

⚙️ Installation und Nutzung

  1. Repository klonen:

    git clone https://github.com/dein-username/dein-repo.git

  2. Starte einen lokalen Server:

    Es gibt mehrere Möglichkeiten, einen lokalen Server zu starten, um das Projekt korrekt anzuzeigen:

    1. Live Server in Visual Studio Code

    • Installation: Installiere die Live Server Extension in Visual Studio Code.
    • Verwendung: Öffne das Projekt in VS Code und klicke unten rechts auf "Go Live", um den Server zu starten.

    2. Python SimpleHTTPServer (Python 2) oder http.server (Python 3)

    • Installation: Python ist in der Regel vorinstalliert. Stelle sicher, dass du Python 3 oder höher verwendest.
    • Verwendung: Öffne ein Terminal und navigiere in das Verzeichnis deines Projekts. Starte den Server mit folgendem Befehl: 
      python -m http.server
      Der Server läuft dann standardmäßig auf http://localhost:8000.

    3. Node.js mit HTTP-Server

    • Installation: Installiere Node.js von nodejs.org.
    • Verwendung: Installiere das Paket http-server global: 
      npm install -g http-server
      Navigiere in das Verzeichnis deines Projekts und starte den Server: 
      http-server
      Der Server läuft dann standardmäßig auf http://localhost:8080.

    4. PHP Built-in Server

    • Installation: PHP muss installiert sein (kann von php.net heruntergeladen werden).
    • Verwendung: Öffne ein Terminal und navigiere in das Verzeichnis deines Projekts. Starte den Server mit folgendem Befehl: 
      php -S localhost:8000
      Der Server läuft dann auf http://localhost:8000.

    5. BrowserSync

    • Installation: Erfordert Node.js. Installiere BrowserSync global: 
      npm install -g browser-sync
    • Verwendung: Navigiere in das Verzeichnis deines Projekts und starte den Server: 
      browser-sync start --server --files "*"
      Der Server öffnet die Seite automatisch in deinem Standardbrowser und aktualisiert die Seite bei Änderungen.

    6. Brackets Live Preview

    • Installation: Installiere den Brackets Editor.
    • Verwendung: Öffne das Projekt in Brackets und klicke auf "Live Preview", um die Seite im Browser zu starten.

    7. XAMPP oder MAMP (Für erweiterte Funktionen)

    • Installation: Installiere XAMPP oder MAMP.
    • Verwendung: Kopiere dein Projekt in das htdocs-Verzeichnis (bei XAMPP) oder in das MAMP-Verzeichnis. Starte Apache und greife über http://localhost/dein-projekt-verzeichnis auf dein Projekt zu.

  3. Projekt im Browser anzeigen: Der Server öffnet das Projekt automatisch in deinem Standardbrowser. Falls nicht, kannst du http://localhost:PORT/index.html manuell in die Adressleiste eingeben. Ersetze PORT durch den verwendeten Port (z.B. 5500 für Live Server, 8000 für Python Server).

  4. Interaktive Karte verwenden:

    • Felder können auf der Karte gezeichnet und Informationen wie aktuelle Frucht und Aufgaben hinzugefügt werden.
    • Daten können importiert und exportiert werden, um den aktuellen Zustand zu speichern oder zu laden.

  5. Saatgut Rechner:

    • Klicke auf den "Saat Rechner"-Button in der Sidebar, um den Saatgutbedarfsrechner zu öffnen.

🛠️ Funktionen

  • Interaktive Karte:

    • Zeichnen und Verwalten von Feldern.
    • Speicherung und Wiederherstellung des Zustands der Karte.
    • Fruchtfolgeempfehlungen basierend auf den Daten in crop.json. (WIP)
    • Aufgabenverwaltung für Felder.

  • Saatgut Rechner:

    • Berechnung des benötigten Saatguts basierend auf der Fläche und der gewählten Fruchtart. (WIP)
    • Integration in die Karte über ein modales Fenster.

🚧 To-Do's und geplante Features

  • Wiki:
    • Bessere Übersicht für die Installation und Nutzung.
  • Erweiterte Kartenfunktionen:
    • Unterstützung für mehrere Kartenlayer und detailliertere Bearbeitungsfunktionen.
  • Optimierung der UI:
    • Bessere Darstellung und Anpassung für mobile Geräte.
  • Erweiterung der Saatgutberechnung:
    • Berücksichtigung von Bodeneigenschaften und Wetterbedingungen.

💡 Ideen und Vorschläge

Gerne nehme ich Vorschläge und Ideen zur Verbesserung des Projekts an. Zögere nicht, ein Issue auf GitHub zu erstellen oder mich direkt zu kontaktieren.