Mathetrainer

Eine interaktive Sammlung von Mathematik-Übungstools für Schüler und Lernende.

Übersicht

Mathetrainer ist eine webbasierte Anwendung, die verschiedene mathematische Konzepte durch interaktive Übungen vermittelt. Die Anwendung ist in Deutsch verfügbar und umfasst mehrere Module für unterschiedliche mathematische Bereiche. Sie ist speziell für deutsche Sechstklässler (10-11 Jahre) konzipiert und in eine Android-App integriert.

Features

• Mehrere Lernmodule für verschiedene mathematische Themen
• Dunkles/Helles Design für angenehmes Lernen in jeder Umgebung
• Fortschrittsverfolgung - Statistiken werden für 24 Stunden gespeichert
• Verschiedene Schwierigkeitsstufen für angepasstes Lernen
• Responsive Design - optimiert für mobile Geräte
• Sofortiges Feedback bei Übungen
• Detaillierte Hilfeabschnitte mit Erklärungen und Beispielen

Module

Einmaleins

• Üben der Multiplikation und Division mit Zahlen von 1 bis 10
• Auswählbare Reihen für gezieltes Training
• Modi für zufällige Aufgaben oder spezifische Einmaleinsreihen

Bruchrechnen

• Interaktives Üben der grundlegenden Bruchoperationen:
  • Addition
  • Subtraktion
  • Multiplikation
  • Division
• Schritt-für-Schritt-Lösungsansatz mit visueller Unterstützung

Maßeinheiten

• Übungen zur Umrechnung zwischen verschiedenen Einheiten:
  • Längeneinheiten (mm, cm, dm, m, km)
  • Flächeneinheiten (mm², cm², dm², m², a, ha, km²)
  • Volumeneinheiten (mm³, cm³, dm³, m³, ml, cl, dl, l, hl)
  • Gewichtseinheiten (mg, g, kg, t)
• Detaillierte Erklärungen zu Umrechnungsfaktoren

Dezimalzahlen als Bruch

• Interaktive Visualisierung von Dezimalzahlen
• Darstellung als Bruch und in Komponentenform (Ganzzahl, Zehntel, Hundertstel)
• Dynamische Umrechnung und visuelle Repräsentation

Zukünftige Entwicklungspläne

Mehrsprachige Unterstützung

• Integration mehrerer Sprachen in die Benutzeroberfläche
• Automatische Erkennung der Systemsprache in der Android-App
• Umschaltmöglichkeit zwischen verschiedenen Sprachen
• Vollständige Übersetzung aller Module und Hilfetexte

Erweitertes Tutorial-System

• Umfassendes Tutorial für das Bruchrechnen-Modul
• Schrittweise Erklärungen für jede mathematische Operation
• Interaktive Anleitungen mit visueller Unterstützung
• Einführungsmodi für Anfänger

Erweiterte Funktionen für Bruchrechnen

• Verbesserter Multiplikations- und Divisionsmodus für Brüche
• Möglichkeit, Zähler und Nenner bereits während der Berechnung zu kürzen
• Veranschaulichung des Kürzungsprozesses (z.B. 12/5 * 4/6 = 3/5 * 1/6)
• Zusätzliche Übungen mit gemischten Brüchen

Codeoptimierung und Struktur

• Konsolidierung gemeinsam genutzter CSS- und JavaScript-Komponenten
• Modulares Framework für einheitliches Erscheinungsbild
• Wiederverwendbare Komponenten:
  • Lokalisierungssystem
  • Erfolgsanimationen und Belohnungssystem
  • Zählersystem (mit separatem Speicher für jeden Modus)
  • Hilfemenü-Framework
  • Themen-Management

Technische Details

• Entwickelt mit HTML, CSS und JavaScript
• In eine Android-App mit WebView-Integration implementiert
• Lokale Speicherung der Fortschritte mit localStorage
• Optimiert für Touch-Eingabe auf mobilen Geräten
• Vollständig offline verwendbar

Geplante Struktur

/mathetrainer
  /css
    common.css        # Gemeinsame Stile
    fractions.css     # Bruchrechnen-spezifische Stile
    tables.css        # Einmaleins-spezifische Stile
    units.css         # Maßeinheiten-spezifische Stile
    decimals.css      # Dezimalzahlen-spezifische Stile
  /js
    common.js         # Gemeinsame Funktionalität
    localizer.js      # Lokalisierungssystem
    fractions.js      # Bruchrechnen-spezifischer Code
    tables.js         # Einmaleins-spezifischer Code
    units.js          # Maßeinheiten-spezifischer Code
    decimals.js       # Dezimalzahlen-spezifischer Code
  /locales
    de.json           # Deutsche Übersetzungen
    en.json           # Englische Übersetzungen
  *.html              # HTML-Dateien
  README.md

Verwendung

1. Öffne index.html in einem modernen Browser
2. Wähle ein Modul aus der Hauptseite
3. Folge den Anweisungen auf dem Bildschirm, um mit den Übungen zu beginnen
4. Nutze die Einstellungen (☰), um Schwierigkeitsgrade und andere Optionen anzupassen

---

Math Trainer

An interactive collection of mathematics practice tools for students and learners.

Overview

Math Trainer is a web-based application that teaches various mathematical concepts through interactive exercises. The application is available in German and includes several modules for different mathematical areas. It is specifically designed for German 6th graders (ages 10-11) and is integrated into an Android app.

Features

• Multiple learning modules for various mathematical topics
• Dark/Light design for comfortable learning in any environment
• Progress tracking - statistics are saved for 24 hours
• Various difficulty levels for adapted learning
• Responsive design - optimized for mobile devices
• Immediate feedback on exercises
• Detailed help sections with explanations and examples

Modules

Multiplication Tables

• Practice multiplication and division with numbers from 1 to 10
• Selectable series for targeted training
• Modes for random problems or specific multiplication series

Fractions

• Interactive practice of basic fraction operations:
  • Addition
  • Subtraction
  • Multiplication
  • Division
• Step-by-step solution approach with visual support

Unit Conversions

• Exercises for converting between different units:
  • Length units (mm, cm, dm, m, km)
  • Area units (mm², cm², dm², m², a, ha, km²)
  • Volume units (mm³, cm³, dm³, m³, ml, cl, dl, l, hl)
  • Weight units (mg, g, kg, t)
• Detailed explanations of conversion factors

Decimals as Fractions

• Interactive visualization of decimal numbers
• Representation as fractions and in component form (whole number, tenths, hundredths)
• Dynamic conversion and visual representation

Future Development Plans

Multi-language Support

• Integration of multiple languages into the user interface
• Automatic detection of system language in the Android app
• Ability to switch between different languages
• Complete translation of all modules and help content

Enhanced Tutorial System

• Comprehensive tutorial for the fractions module
• Step-by-step explanations for each mathematical operation
• Interactive guides with visual aids
• Introductory modes for beginners

Enhanced Fraction Operations

• Improved multiplication and division mode for fractions
• Ability to simplify numerators and denominators during calculation
• Visualization of the simplification process (e.g., 12/5 * 4/6 = 3/5 * 1/6)
• Additional exercises with mixed fractions

Code Optimization and Structure

• Consolidation of shared CSS and JavaScript components
• Modular framework for unified appearance
• Reusable components:
  • Localization system
  • Celebration animations and reward system
  • Counter system (with separate memory for each mode)
  • Help menu framework
  • Theme management

Technical Details

• Developed with HTML, CSS, and JavaScript
• Implemented into an Android app with WebView integration
• Local storage of progress using localStorage
• Optimized for touch input on mobile devices
• Fully usable offline

Planned Structure

/mathetrainer
  /css
    common.css        # Shared styles
    fractions.css     # Fractions-specific styles
    tables.css        # Tables-specific styles
    units.css         # Units-specific styles
    decimals.css      # Decimals-specific styles
  /js
    common.js         # Shared functionality
    localizer.js      # Localization system
    fractions.js      # Fractions-specific code
    tables.js         # Tables-specific code
    units.js          # Units-specific code
    decimals.js       # Decimals-specific code
  /locales
    de.json           # German translations
    en.json           # English translations
  *.html              # HTML files
  README.md

Usage

1. Open index.html in a modern browser
2. Choose a module from the main page
3. Follow the on-screen instructions to begin the exercises
4. Use the settings (☰) to adjust difficulty levels and other options