SWL Logbuch PWA

📻 SWL Logbuch PWA

Diese Progressive Web App dient als digitales Logbuch für Short Wave Listener (SWL) und Funkamateure. Sie funktioniert komplett lokal im Browser und benötigt keine Installation oder Internetverbindung.
✨ Funktionen

grafik 7

  • 📑 Einfache Eingabemaske mit allen gängigen Logbuchfeldern
  • 💾 Speicherung der Daten lokal im Browser (IndexedDB / localStorage)
  • 📤 Export & 📥 Import von CSV-Dateien
  • 🖨️ Druckfunktion mit optimiertem Querformat-Layout
  • 🔍 Such- und Filterfunktion
  • 📱 Installierbar als Progressive Web App (PWA)

🔒 Datenspeicherung

Alle Logbuch-Einträge werden lokal im Browser gespeichert. Es findet keine Übertragung an Server statt. Die Daten bleiben also ausschließlich auf deinem Gerät.
🛠️ Technischer Hintergrund

Reine JavaScript-Anwendung (kein Backend notwendig)
Nutzung von IndexedDB bzw. localStorage
HTML5, CSS3, Service Worker für PWA-Funktionen

ℹ️ Hinweise

Dieses Logbuch ist als Hobby-Projekt gedacht. Eine Garantie für Datenintegrität oder Kompatibilität mit offiziellen Logbuchformaten (z. B. ADIF) besteht nicht.

📱 Was ist eine PWA und wie nutzt man sie?

Eine Progressive Web App (PWA) ist eine Webseite, die sich wie eine echte App verhält. Sie können sie auf verschiedene Weise nutzen:

🌐 Option 1: Im Browser nutzen

Einfachste Methode:

  1. Speichern Sie den Code als swl-logbuch.html auf Ihrem Computer
  2. Doppelklick auf die Datei → öffnet sich im Standard-Browser
  3. Fertig! Die App läuft sofort

Vorteile:

  • Sofort einsatzbereit
  • Funktioniert auf jedem Gerät mit Browser
  • Alle Daten bleiben lokal gespeichert

📲 Option 2: Als App installieren

Desktop (Windows/Mac/Linux):

  1. Öffnen Sie die HTML-Datei in Chrome, Edge oder Firefox
  2. Schauen Sie nach dem „App installieren“ Symbol in der Adresszeile
  3. Klicken Sie darauf und wählen „Installieren“
  4. Die App erscheint als eigenständige Anwendung im Startmenü

Mobile (Android/iOS):

  1. Öffnen Sie die Datei im mobilen Browser
  2. Tippen Sie auf „Zum Startbildschirm hinzufügen“
  3. Die App erscheint als Icon auf dem Homescreen

🌍 Option 3: Auf Webserver hochladen

Für erweiterte Nutzung:

  1. Laden Sie die HTML-Datei auf Ihren Webspace hoch
  2. Öffnen Sie www.ihre-domain.de/swl-logbuch.html
  3. Installieren Sie die PWA von dort

🔧 Praktische Nutzung der SWL PWA:

📝 Tägliche Verwendung:

  • App öffnen
  • „🕐 Aktuelle Zeit“ klicken (füllt Datum/Zeit automatisch)
  • Rufzeichen und Details eingeben
  • „📝 Eintrag speichern“ klicken

Eintrag erscheint sofort in der Tabelle

⌨️ Keyboard-Shortcuts:

  • Ctrl+S: Eintrag speichern
  • Ctrl+E: CSV exportieren
  • Ctrl+F: Suche aktivieren
  • F5: Seite neu laden

📊 Features nutzen:

  • Suche: Tippen Sie in die Suchleiste → findet alles
  • Export: CSV-Datei für Excel/LibreOffice
  • Import: Bestehende CSV-Dateien importieren
  • Statistiken: Live-Anzeige Ihrer Logbuch-Daten

💾 Datenspeicherung verstehen:

Wo werden die Daten gespeichert?

  • Lokal im Browser (localStorage)
  • Nicht auf einem Server (maximale Privatsphäre)
  • Bleiben erhalten auch ohne Internet

Backup erstellen:

  1. Klicken Sie „📤 Export CSV“
  2. Speichern Sie die Datei an einem sicheren Ort
  3. Bei Bedarf: „📥 Import CSV“ zum Wiederherstellen

🚀 Vorteile der PWA:

vs. Desktop-Software:

  • ✅ Keine Installation nötig
  • ✅ Läuft überall (Windows, Mac, Linux)
  • ✅ Automatische Updates durch HTML-Datei ersetzen
  • ✅ Kein Virenschutz-Problem

vs. Online-Tools:

  • ✅ Funktioniert offline
  • ✅ Keine Registrierung nötig
  • ✅ Daten bleiben privat
  • ✅ Keine monatlichen Gebühren

vs. Mobile Apps:

  • ✅ Kein App Store nötig
  • ✅ Funktioniert auf allen Geräten
  • ✅ Synchron auf Desktop und Mobile

📱 Praktisches Beispiel:

Typischer SWL-Workflow:

Morgens: App auf dem Desktop öffnen
→ Neue QSOs während des Hörens eingeben
→ Zwischendurch: Suche nach bestimmten Rufzeichen
→ Abends: CSV-Export als Backup

Unterwegs: App auf dem Smartphone
→ Mobile Version funktioniert genauso
→ Alle Daten sind synchron (gleiche Datei)

🔄 Updates und Wartung:

App aktualisieren:

  1. Neue HTML-Datei herunterladen
  2. Alte Datei ersetzen
  3. Daten bleiben automatisch erhalten

Daten sichern:

  • Regelmäßig CSV-Export erstellen
  • HTML-Datei + Export-Datei zusammen sichern

Die PWA ist im Grunde eine „Super-HTML-Datei“ – sie verhält sich wie eine App, ist aber so einfach zu verwenden wie eine normale Webseite! 🎯

Download