externe_laborarbeiten:verbessern_des_look-and-feel_des_mexle-wikis [MEXLE Wiki]

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.
====== Verbessern des look-and-feel des MEXLE Wikis ======

Sinnvolle Vorkenntnisse: CSS, Web-UI, PHP, JS

  - Erstellen einer besseren Grundstruktur (ggf. über Nutzerbefragung)
  - <del>Anpassung von CSS und Vorlagen (näher an die Hochschul-CCS) </del>
  - <del>Optimierung des Plugins [[https://www.dokuwiki.org/plugin:quizlib|quizlib]]</del>
    - <del> Tipps bei falscher Auswahl</del>
    - <del> Sprachauswahl (für kombiniertes Englisch- und Deutschsprachiges Wiki)</del>
    - <del> Einbinden von Bildern</del>
  - <del>Erstellen eines Falstad-Plugins </del>
    - <del>Ablegen separater Dateien für die Simulation (als Text, statt bisher als Link)</del>
    - <del>Ein-/Ausblenden von Menü und Slider</del>
    - <del>optimal wäre zstzl.: Einbinden des [[https://github.com/sharpie7/circuitjs1|CircuitJS]] über Plugin-Installation</del>
  - <del>Optimieren des Plugins [[https://www.dokuwiki.org/plugin:imagereference|imagereference]]</del>
    - <del>Möglichkeit auch Simulationen und andere Textbausteine als Bild / Tabelle einzubinden</del>
  - <del>Optimieren des Plugins [[https://www.dokuwiki.org/plugin:drawio|draw.io]]</del>
    - <del>Bildgröße änderbar</del>
    - <del>Ausgabe als SVG statt png</del>
  - <del>Entwicklung eines Lehr-Wiki-Plugins</del>
    - <del>Verzeichnismanagement: Möglichkeit für Verzeichnisse, welche über einzelne Seiten hinaus gehen, z.B. für einen Namespace</del>
      - <del>Abbildungsverzeichnis</del>
      - <del>Tabellenverzeichnis</del>
      - <del>Medienverzeichnis</del>
      - <del>Formelverzeichnis</del>
      - <del>Abkürzungsverzeichnis</del>
      - <del>Aufgabenverzeichnis</del>
      - <del>Literaturverzeichnis</del>
    - <del>Fortschrittsanzeige nach Anmeldung </del>
      - <del>Gekoppelt an Übungsaufgaben und Klicks</del>
  - <del>Entwicklung eines Plugins für responsivevoice.org, am besten in Kombination mit mit dem responsive.js Plugin</del>
  - <del>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.</del>
  - <del>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) </del>
  - <del>Einbinden eines Online C Compilers auf die Mexle Seite: z.B. https://slugelisp.ahungry.com/package/wandbox</del>

===== far-off vision =====
  - <del>Erweiterung der Falstad Simulation mit AVR Core (z.B. [[https://wq.lc/avr/|simavr.js]])</del>


===== 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 <insert-Language-here> 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