Apps hosten auf Lerndrop.ch
Deine HTML-Apps im Internet veröffentlichen
Wenn du eine App mit Claude erstellst, kannst du sie direkt als Artefakt teilen. Aber bei ChatGPT, Gemini und Fobizz bekommst du nur eine HTML-Datei. Um diese per Link zu teilen, muss sie irgendwo im Internet liegen.
Was ist Hosting?
Hosting bedeutet: Deine Datei liegt auf einem Server. Jeder mit dem Link kann sie aufrufen. Wie ein digitales Regal, in das du deine App stellst.
Warum Lerndrop.ch?
- Kostenlos für Lehrpersonen
- Schweizer Server — Daten bleiben in der Schweiz
- Kein Konto nötig für die Nutzung durch Schüler:innen
- Einfach: Datei hochladen → Link kopieren → fertig
⚠️ Wichtig — Retention: Apps bleiben auf Lerndrop.ch 30 Tage online und werden danach gelöscht. Ideal für einzelne Lektionen oder Projektwochen. Für dauerhafte Unterrichtstools nutze das nächste Tutorial: GitHub Pages.
Schritt 1: Lerndrop.ch öffnen
Gehe auf lerndrop.ch.
Schritt 2: Datei hochladen
Ziehe deine HTML-Datei in den Upload-Bereich. Oder klicke auf «Datei auswählen» und suche die Datei auf deinem Computer.
Schritt 3: Link kopieren
Nach dem Upload bekommst du sofort einen Link. Kopiere ihn.
Schritt 4: Testen
Öffne den Link in einem neuen Tab. Prüfe, ob die App korrekt funktioniert.
Schritt 5: Teilen
Sende den Link an deine Klasse — per Teams, E-Mail, QR-Code oder direkt an die Tafel projiziert.
Ein QR-Code ist der schnellste Weg, einen Link im Klassenzimmer zu teilen. Die Schüler:innen scannen den Code mit dem Handy — fertig.
So erstellst du einen QR-Code
Frag einfach Claude oder ChatGPT:
Erstelle einen QR-Code als HTML-Artefakt für diesen Link: [dein Lerndrop-Link]. Gross genug zum Ausdrucken, mit dem Titel «Lernkarten Kantone» darunter.
Drucke den QR-Code aus und hänge ihn im Schulzimmer auf. Oder projiziere ihn an die Wand.
Alternative: Direkte QR-Code-Tools
Du kannst auch direkt QR-Codes generieren — viele Browser bieten das an. In Chrome: Rechtsklick auf die Seite → «QR-Code erstellen».
Hier die Entscheidungshilfe auf einen Blick:
Verwende Claude, wenn...
- Du die App sofort per Link teilen willst (Artefakte).
- Du die beste Codequalität brauchst.
- Du schnell iterieren willst (Vorschau direkt im Chat).
Verwende ChatGPT, wenn...
- Du bereits ein ChatGPT-Konto hast und damit vertraut bist.
- Du Canvas für die Code-Bearbeitung nutzen willst.
Verwende Gemini, wenn...
- Du aktuelle Daten aus dem Internet einbauen willst.
- Du bereits im Google-Ökosystem arbeitest.
Verwende Fobizz, wenn...
- Deine Schule eine Lizenz hat und DSGVO-Konformität verlangt.
- Du einfache Apps erstellen willst.
Hosting
Claude-Apps: Direkt per Link teilen. Alle anderen: Auf lerndrop.ch hochladen.
Prompt-Vorlagen für HTML-Apps