Sprachen und Wetter-Widget einrichten

Multi-Language-Support und das Wetter-Widget machen Ihr Display internationaler und informativer. Dieser Artikel erklärt beide Features im Detail.

Multi-Language-Support

Verfügbare Sprachen

11 Sprachen werden unterstützt:

Plan-Verfügbarkeit

Basic Plan (€69/Monat):

Pro Plan (€89/Monat):

Premium Plan (€129/Monat):

Upgrade: Jederzeit im Billing-Bereich möglich

Sprachen aktivieren

Schritt-für-Schritt:

- Melden Sie sich im Portal an

- Klicken Sie auf "Settings"

- Scrollen Sie zu "Languages"

- Sehen Sie Liste der 11 Sprachen

- Klicken Sie auf Sprachen zum Aktivieren

- Pro: Max 2 Sprachen

- Premium: Alle 11 möglich

- Erste Sprache = Primäre Sprache

- Wird zuerst angezeigt beim Display-Start

- Weitere Sprachen folgen in Reihenfolge

- Klicken Sie "Save Settings"

- Sprachen werden aktiviert

- Display startet Auto-Switching

Auto-Switching konfigurieren

Was ist Auto-Switching?

Display wechselt automatisch zwischen aktivierten Sprachen.

Standard-Intervall: 60 Sekunden

Beispiel (Pro Plan mit EN + DE):

[CODE_BLOCK]

00:00 - 01:00: Display in English

01:00 - 02:00: Display in Deutsch

02:00 - 03:00: Display in English

... und so weiter

[CODE_BLOCK]

Beispiel (Premium mit EN + DE + IT):

[CODE_BLOCK]

00:00 - 01:00: Display in English

01:00 - 02:00: Display in Deutsch

02:00 - 03:00: Display in Italiano

03:00 - 04:00: Display in English

... Zyklus wiederholt sich

[CODE_BLOCK]

Intervall anpassen:

Empfehlung: 60 Sekunden - Ausreichend Zeit zum Lesen, nicht zu lang

Was wird übersetzt?

UI-Elemente:

[CODE_BLOCK]

✅ Tab-Labels (Departures/Arrivals → Abflüge/Ankünfte)

✅ Spalten-Header (Time, Flight, Destination, etc.)

✅ Status-Badges (Scheduled, On Time, Delayed, etc.)

✅ Wetter-Widget (Feels like, Humidity, Wind, etc.)

✅ Footer-Text (Last updated → Zuletzt aktualisiert)

[CODE_BLOCK]

NICHT übersetzt:

[CODE_BLOCK]

❌ Flughafen-Namen (bleibt "Vienna International Airport")

❌ Airline-Namen (bleibt "Austrian Airlines")

❌ Stadt-Namen (bleibt "Frankfurt", nicht "Frankfort")

❌ Gate/Terminal-Nummern (bleiben wie von API)

[CODE_BLOCK]

Warum nicht?

Internationale Standards (IATA) erfordern englische/originale Namen für Klarheit.

Sprach-Indikator

Wo sichtbar?

Beispiel:

[CODE_BLOCK]

┌─────────────────────────────┐

│ LobbyFlight Display │

│ [Flugdaten hier] │

│ │

│ [DE] ← Sprach-Badge

└─────────────────────────────┘

[CODE_BLOCK]

Wetter-Widget

Wetter-Widget aktivieren

Schritt-für-Schritt:

- Melden Sie sich im Portal an

- Klicken Sie auf "Settings"

- Scrollen Sie zu "Show Weather"

- Toggle "Show Weather" auf ON

- Widget wird automatisch aktiviert

- Metric (°C, km/h) - Standard in Europa

- Imperial (°F, mph) - Standard in USA

- Klicken Sie "Save Settings"

- Wetter erscheint auf Display nach Refresh

Plan-Verfügbarkeit:

Wetter-Widget-Layout

Position: Oben rechts auf dem Display

Angezeigte Informationen:

[CODE_BLOCK]

┌─────────────────────────┐

│ [Wetter-Icon] 18°C │

│ Partly cloudy │

│ │

│ 💧 65% 💨 12 km/h │

│ Feels like 16°C │

│ │

│ 3-Day Forecast: │

│ Mon Tue Wed │

│ 20° 22° 19° │

│ 15° 17° 14° │

└─────────────────────────┘

[CODE_BLOCK]

Details:

Wetter-Datenquelle

API: OpenWeatherMap

Update-Intervall:

Flughafen-basiert:

Bei mehreren Flughäfen:

Einheiten konfigurieren

Metric (Standard):

[CODE_BLOCK]

Temperatur: °C (Celsius)

Wind: km/h (Kilometer pro Stunde)

Niederschlag: mm

Druck: hPa

[CODE_BLOCK]

Imperial:

[CODE_BLOCK]

Temperatur: °F (Fahrenheit)

Wind: mph (Miles per hour)

Niederschlag: inches

Druck: inHg

[CODE_BLOCK]

Einstellen:

Empfehlung: Metric für Europa, Imperial für USA

Wetter-Icons

Icon-Set: OpenWeatherMap Standard-Icons

Beispiele:

[CODE_BLOCK]

☀️ Clear sky (Klarer Himmel)

⛅ Few clouds (Leicht bewölkt)

☁️ Cloudy (Bewölkt)

🌧️ Rain (Regen)

⛈️ Thunderstorm (Gewitter)

❄️ Snow (Schnee)

🌫️ Fog (Nebel)

[CODE_BLOCK]

Animierte Icons: Ja, subtile Animationen für bessere UX

Wetter-Widget deaktivieren

Wenn nicht benötigt:

Warum deaktivieren?:

Kombinierte Features: Sprachen + Wetter

Mehrsprachiges Wetter-Widget

Automatische Übersetzung:

Beispiel (EN → DE Wechsel):

[CODE_BLOCK]

Englisch:

┌────────────────────┐

│ ☁️ 18°C │

│ Partly cloudy │

│ 💧 65% 💨 12 km/h│

│ Feels like 16°C │

└────────────────────┘

Deutsch (nach 60 Sekunden):

┌────────────────────┐

│ ☁️ 18°C │

│ Teilweise bewölkt │

│ 💧 65% 💨 12 km/h│

│ Gefühlt 16°C │

└────────────────────┘

[CODE_BLOCK]

Optimale Konfiguration (Pro Plan)

Szenario: Hotel in Wien mit internationalen Gästen

Empfehlung:

[CODE_BLOCK]

Sprachen: EN (primär) + DE (sekundär)

Sprach-Intervall: 60 Sekunden

Wetter: Aktiviert

Wetter-Einheiten: Metric (°C)

Flughafen: VIE (primär)

[CODE_BLOCK]

Ergebnis:

Optimale Konfiguration (Premium Plan)

Szenario: Internationales Business-Hotel

Empfehlung:

[CODE_BLOCK]

Sprachen: EN + DE + FR + IT (häufigste Gäste)

Sprach-Intervall: 90 Sekunden

Wetter: Aktiviert

Wetter-Einheiten: Metric

Flughäfen: VIE + MUC + ZRH (Multi-Airport)

[CODE_BLOCK]

Ergebnis:

Technische Details

Übersetzungs-Dateien

Speicherort: /public/locales/[lang]/common.json

Struktur:

[CODE_BLOCK]json

{

"flight": {

"time": "Time",

"flightNumber": "Flight",

"destination": "Destination",

"status": "Status",

"terminal": "Terminal",

"gate": "Gate"

},

"weather": {

"feelsLike": "Feels like",

"humidity": "Humidity",

"wind": "Wind"

}

}

[CODE_BLOCK]

Fallback: Wenn Übersetzung fehlt, wird Englisch verwendet

i18next-Integration

Library: react-i18next

Features:

Konfiguration:

[CODE_BLOCK]typescript

i18n.init({

fallbackLng: 'en',

interpolation: { escapeValue: false },

react: { useSuspense: false }

})

[CODE_BLOCK]

Wetter-API-Calls

Optimierung durch Caching:

[CODE_BLOCK]

API-Call: Alle 30 Minuten

Redis Cache: 30 Minuten TTL

Mehrere Hotels teilen Cache (gleicher Flughafen)

[CODE_BLOCK]

Kosten-Effizienz:

[CODE_BLOCK]

Ohne Cache: 48 Calls/Tag pro Hotel

Mit Cache (10 Hotels VIE): 48 Calls/Tag total

Ersparnis: 95%+ bei mehreren Hotels

[CODE_BLOCK]

Fehlerbehebung

Sprachen wechseln nicht

Problem: Display bleibt in einer Sprache

Lösung:

Wetter wird nicht angezeigt

Problem: Wetter-Widget fehlt

Lösung:

Wetter-Daten ungenau

Problem: Temperatur/Bedingungen stimmen nicht

Mögliche Ursachen:

Lösung:

Übersetzungen fehlen

Problem: UI-Elemente bleiben in Englisch

Lösung:

Best Practices

Sprach-Auswahl

Basis-Kriterien:

[CODE_BLOCK]

[CODE_BLOCK]

Beispiele:

[CODE_BLOCK]

Wien: EN + DE (Standard)

Prag: EN + CZ + DE (viele deutsche Touristen)

Bratislava: EN + SK + HU (nahe Ungarn)

Ljubljana: EN + SI + DE + IT (4 Sprachen nützlich)

[CODE_BLOCK]

Wetter-Widget-Nutzung

Wann aktivieren?:

Display-Real-Estate:

Häufig gestellte Fragen

Kann ich mehr als 11 Sprachen hinzufügen?

Nein, aktuell nur diese 11. Kontaktieren Sie uns für custom Sprachen.

Kann ich Language-Switching deaktivieren?

Ja, aktivieren Sie nur 1 Sprache (wird dann fest angezeigt).

Kann ich Sprachen manuell wechseln (ohne Auto-Switch)?

Nein, Auto-Switch ist aktuell immer aktiv bei mehreren Sprachen.

Wird das Wetter-Widget in allen Sprachen angezeigt?

Ja, Wetter-Beschreibungen werden automatisch übersetzt.

Kann ich eigene Übersetzungen hinzufügen?

Derzeit nicht. Kontaktieren Sie Support für Korrekturen/Verbesserungen.

Kostet das Wetter-Widget extra API-Calls?

Ja, aber durch Caching optimiert. Keine zusätzlichen Kosten für Sie.

Nächste Schritte

Nach Sprachen & Wetter-Konfiguration:

Support

Fragen zu Sprachen oder Wetter?