# Webbasierte und offene bzw. Open Source Tools für zeitgemäße Bildung

---

**Station von Nele (ebildungslabor.de) bei der #edunautika am 3. Mai 2019 in Hamburg**

👉 Inhalte freigegeben zum Weiternutzen unter Public Domain (= Mach damit was du willst. Du musst nicht dazu schreiben, woher Du es hast - darfst Du aber natürlich gerne 🤗)

---

## Warum browserbasiert und offen bzw. Open Source?

* keine technische Vorbereitung (Nichts zu installieren, keine Registrierungen)
* Beitrag zu digitaler Souveränität (Tools zum 'Anfassen'; der Code ist sichtbar, lässt sich oft auch mit relativ wenig Aufwand ändern)
* Ermöglicht Vielfalt (z.B. bei BYOD Gruppen -> man benötigt nur einen Browser und Internetzugang)
* Häufig basierend auf 'guten' Netzprinzipien, die super zu zeitgemäßer Bildung passen (Kommunikation, Kollaboration, Kreativität, Kritisches Denken).
* Inhalte sind offen: nicht hinter Registrierung versteckt.

🔗 Eine Vielzahl an passenden Unterrichtsideen gibt es auf [open.education](https://open.education)

## 1. Best-Of Tools: Simpel und nützlich

### HackMD.io > Pad zum kollaborativen Schreiben

👍 Vielfältig einsetzbar in kollaborativen Lernprozessen
👍 Integrierter Präsentationsmodus
👁 Anfangs kann Markdown-Schreiben ungewohnt sein

Die dahinter liegende Open Source Software nennt sich CodiMD und kann selbst installiert werden.

Alternativ lässt sich das klassische Etherpad nutzen (z.B. via zumpad.zum.de oder yopad.eu) oder [Cryptpad](https://cryptpad.fr/)

### Telegra.ph > einfache Online-Veröffentlichungen

👍 Ungefährliche 'Spielwiese' für eigene Veröffentlichungen
👍 Vielfältig einsetzbar: interaktive Geschichten, Kuratierungen, Gruppenergebnisse, Spickzettel ....

-> Alternativ lässt sich u.a. [txt.fyi](https://txt.fyi/) oder [Quicknote](https://quicknote.io/) nutzen.

### Oncoo.de > Kollaboration mit digitaler Unterstützung/ Unterrichtsorganisation (z.B. digitale Pinnwand)

👍 Perfekt für Brainstorming und mehr
👍 Funktioniert auch ohne Highspeed-Datenvolumen
👍 Praktisch selbsterklärend

## 2. Weitere Tools: benötigen etwas Einarbeitung, sind aber lohnend!

### Glitch.com > Plattform zum Einstellen, Nutzen & Remixen von webbasierten Apps

Beispiele:
* [Comic remixen](https://glitch.com/~comicseite)
* [Pechakucha remixen](https://glitch.com/~pechakucha)
* [Blackoutpoetry gestalten (versteckte Verse)](https://versteckteverse.glitch.me/)

-> [Blogbeitrag mit Hintergrund & Anleitung zu Glitch](https://ebildungslabor.de/blog/glitch/)

🌟 Mein Favorit mit Glitch: Augmented Reality im Browser -> [Anleitung](https://ebildungslabor.de/blog/arjs/)

### H5P.org > Interaktive (Selbstlern)-Übungen / Präsentationen und mehr

👍 Vielzahl von Inhaltstypen
👍 Auch für 'Lernen durch Lehren' geeignet
👍 Optimal für selbst gestaltete Lernphasen

Auf Einstiegh5p.de kann die Software ohne Registrierung und mit deutschsprachiger Benutzeroberfläche getestet werden. Auf Wunsch ist ein Account zum dauerhaften Speichern von Inhalten möglich.

### Twinery.org > interaktives Schreiben

👍 Kreative Schreibmöglichkeiten + intensive Themenauseinandersetzung
👍 Export als HTML = überall im Internet einpasspar, verwendbar
👍 Einfacher Einstieg + mehr Potentiale für Fortgeschrittene

-> Ausführliches [Tutorial zu Twine](https://ebildungslabor.github.io/twinetutorial/)
Eine Alternative zu Twine ist [Texturewriter](texturewriter.com/projects) (= in der Erstnutzung etwas schwieriger -> [Youtube-Clip](https://www.youtube.com/watch?v=ICaBX3vQGvE))

## 3. Speziellere Tools: eher weniger für alltägliche Lernprozesse

* [brush.ninja](https://brush.ninja): Gifs im Browser selber zeichen (Komplizierter, aber vielfältiger und spaßiger ist der Wickeditor.com)
* [JitsiMeet](https://meet.jit.si): Video-Konferenz (-> Spannendes ins Klassenzimmer holen, z.B. via Ring a Scientist)
* [Scrumlr](https://scrumlr.io/): Scrum-Boards zur freien Nutzung
* [Voyant Tools](https://voyant-tools.org/): Textvisualisierungen (mehrere Tools zusammengefasst)
* [onthesamepage.online](https://onthesamepage.online/about): kollaboratives Zeichnen & Sketchnoting
* [3D Objekte im Browser 'kneten'](https://stephaneginier.com/sculptgl/): einfaches Tool zum Einstieg; leider inzwischen mit Werbeanzeige.

## 4. Selbst-installierte / konfigurierte / übersetzte Tools

* Meinmeme.de > einfacher & datenschutzfreundlicher Meme-Gestalter
* Pechaflickr.de > Powerpoint-Karaoke mit Flickr-Zufalls-Bildern
* [Fragmich.xyz](https://fragmich.xyz) > Fragen sammeln und nach kollaborativer Bewertung beantworten/ diskutieren.
* Kreislauftool.de > Zusammenhänge als Prozesse viusualisieren.
* Fragenial.de > für Netzgedichte und mehr
* Bittefeeedback.de > einfaches Feedback-Tool (anonym)

## 5. Bonus

Empfehlung für Menschen ohne eigene Website, die Materialien/ Inhalte zur Nutzung und für Remix zur Verfügung stellen wollen.

-> Veröffentlichung über GitHubPages, funktioniert mit kostenfreiem Github.com Account.

## 6. Wünsch Dir was ...

### Welche Tools fehlen/ wären hilfreich/ sollten entwickelt werden?

👇 Hier eintragen 👇

* ...
* ...

## 7. Weitere offene / Open Source Tools, die Du hilfreich findest

👇 Hier ergänzen 👇
* http://www.scrumblr.ca/ (kollaboratives Online-Pinboard, minimalistisch Padlet-Alternative)
* https://www.histomania.com/ (ein Browser für Geschichte und Zeitgeschichte mit verlinkten Timelines)
* [Anki](https://apps.ankiweb.net/) - Karteikarten-Selbstlernprogramm, Versionen für Desktop und Android/iOs vorhanden