====== Verbessern des look-and-feel des MEXLE Wikis ====== Sinnvolle Vorkenntnisse: CSS, Web-UI, PHP, JS - Erstellen einer besseren Grundstruktur (ggf. über Nutzerbefragung) - Anpassung von CSS und Vorlagen (näher an die Hochschul-CCS) - Optimierung des Plugins [[https://www.dokuwiki.org/plugin:quizlib|quizlib]] - Tipps bei falscher Auswahl - Sprachauswahl (für kombiniertes Englisch- und Deutschsprachiges Wiki) - Einbinden von Bildern - Erstellen eines Falstad-Plugins - Ablegen separater Dateien für die Simulation (als Text, statt bisher als Link) - Ein-/Ausblenden von Menü und Slider - optimal wäre zstzl.: Einbinden des [[https://github.com/sharpie7/circuitjs1|CircuitJS]] über Plugin-Installation - Optimieren des Plugins [[https://www.dokuwiki.org/plugin:imagereference|imagereference]] - Möglichkeit auch Simulationen und andere Textbausteine als Bild / Tabelle einzubinden - Optimieren des Plugins [[https://www.dokuwiki.org/plugin:drawio|draw.io]] - Bildgröße änderbar - Ausgabe als SVG statt png - Entwicklung eines Lehr-Wiki-Plugins - Verzeichnismanagement: Möglichkeit für Verzeichnisse, welche über einzelne Seiten hinaus gehen, z.B. für einen Namespace - Abbildungsverzeichnis - Tabellenverzeichnis - Medienverzeichnis - Formelverzeichnis - Abkürzungsverzeichnis - Aufgabenverzeichnis - Literaturverzeichnis - Fortschrittsanzeige nach Anmeldung - Gekoppelt an Übungsaufgaben und Klicks - Entwicklung eines Plugins für responsivevoice.org, am besten in Kombination mit mit dem responsive.js Plugin - Entwicklung einer bessere Möglichkeit der Erklärungen zu Code (vgl. [[microcontrollertechnik:3_logische_funktionen|Code unter "III. Eingabe in Atmel Studio"]]). Basis könnte z.B. das [[https://www.dokuwiki.org/plugin:codedoc|Codedoc Plugin]] und [[https://www.dokuwiki.org/plugin:codeprettify|CodePrettifier]] sein. - Verbessern des Plugins [[https://www.dokuwiki.org/plugin:imagemapping|Image Map Plugin]]. Dieses zeigt, wenn aktiviert, beim Öffnen des Editor eine Fehlermeldung "unknown toolbar type: imagemap addBtnActionImagemap" ([[https://www.gitmemory.com/issue/i-net-software/dokuwiki-plugin-imagemap/15/503774574|Workaround]] vorhanden) - Einbinden eines Online C Compilers auf die Mexle Seite: z.B. https://slugelisp.ahungry.com/package/wandbox ===== far-off vision ===== - Erweiterung der Falstad Simulation mit AVR Core (z.B. [[https://wq.lc/avr/|simavr.js]]) ===== Prio für MEXLE eLearning Plattform ===== - Primär (in unsortierter Reihenfolge) \\ notwendig für first Deploy - Einbindung von geogebra in iFrames (ohne dass der geogebra-iFrame den Fokus schnappt), verwendet z.B. [[elektrotechnik_1:das_elektrostatische_feld#img_bildnr00|hier]] - In [[elektronische_schaltungstechnik:3_grundschaltungen_i#spannungsfolger]] wurde reveal.js genutzt, um die Herleitung einer Formel nacheinander anzuzeigen. Hierfür wäre eine (alternative) Lösung gut - In [[elektronische_schaltungstechnik:3_grundschaltungen_i#nichtinvertierender_verstaerker]] wurden Teile des Textes und der Bilder versteckt (Klick auf {{icon>eye}} in der Tabelle und {{icon>undo}} bei Abbildung 11). - Einbindung von diagrams.net o.ä. (kompatibel dazu wäre gut, da inzwischen etliche Bilder in diagrams.net vorliegen) - Bild-, Simulations- und Tabellen-Referenzen ("in Abbildung x sehen Sie ...", Abbildung x als Link) - Sekundär (in unsortierter Reihenfolge) \\ Sinnvoll für "2. Version" - Lizenzangabe der eigenentwickelten Lerninhalte - Verzeichnismanagement: Möglichkeit für Verzeichnisse, welche über einzelne Seiten hinaus gehen, z.B. für einen Namespace - Abbildungsverzeichnis - Tabellenverzeichnis - Medienverzeichnis - Formelverzeichnis - Abkürzungsverzeichnis - Aufgabenverzeichnis - Literaturverzeichnis - (Lizenzenverzeichnis für eingebundene Komponenten --> vermutlich in Lit.verz., Medienverz. und Abb.verz. integriert) - Fortschrittsanzeige nach Anmeldung - Gekoppelt an Übungsaufgaben und Klicks - Erweiterung für diagrams: - Darstellung der diagrams.net Diagramme als SVG, statt als PNG - Möglichkeit zur Variation der Größe des Bildes - Anbindung an Hochschul-LDAP-Server - Aufgaben - Formelaufgaben - Hilfen für häufige, falsche Antworten - Tertiär (in unsortierter Reihenfolge) - Support für multilinguale Kurse: - optimal wäre, dass jeder Absatz in deutsch oder anlegbar zu machen, dann könnte die Kapitel- und Schritt-Struktur übernommen in die andere Sprache werden - Alternative wäre Einbindung eines Übersetzungsprogramms - Problematisch könnten Text in Bildern, Videos und Simulationen werden - Kommentare für Textbereiche (Als Rückmeldung) - Falstad - auf dem eigenen Server ([[https://github.com/sharpie7/circuitjs1|CircuitJS]]) - Ablegen separater Dateien für die Simulation (als Text, statt bisher als Link) - Ein-/Ausblenden von Menü und Slider - Einbinden eines C-Compilers und ggf. eine Microcontroller-Emulation des AVR-Cores (https://blog.wokwi.com/avr8js-simulate-arduino-in-javascript/) - Verwenden von Open source TTS ([[https://responsivevoice.org/|responsivevoice]] oder Mozilla TTS). Damit können Lernvideos - in Kombination mit dem responsive.js - als geskriptete Präsentationen laufen. Das verbessert die Wartbarkeit, da Fehler im Video nicht zu Sprüngen in Sprache (Lautstärke, Tonlage) und Bildern führen. - Entwicklung einer bessere Möglichkeit der Erklärungen zu Code (vgl. [[microcontrollertechnik:3_logische_funktionen|Code unter "III. Eingabe in Atmel Studio"]]). - Image map link - miteinander verbundene Fragekomplexe mit Analytics wie bei [[https://www.youtube.com/watch?v=gyAY_nml408|askme]] - Datenschutzrechtlich bessere Einbindung der YT Videos. z.B. - zunächst Foto, erst nach Klick startet das Video, oder - bei erstellen des Accounts / erstem Zugriff auf Account: Frage nach direktem Einbinden der YT-Videos oder Anzeige von Links - andere Lösungen - H5P Einbindung