Index

ID	Name	Kurzbeschreibung	Kategorie-IDs	Schlagwort-IDs	Link
0	_template	Vorlage für Ihre eigene, selbst entwickelte evoMath App	0 5	0 24 25	Go ⊲
1	automata	Zelluläre Automaten wie 'Game of Life' und WOLFRAM-Automaten	11 5	1 31 32 33 20	Go ⊲
2	canvas0	Erstes ganz einfaches Beispiel ('Hello World') für HTML5 canvas	4	2 3 35	Go ⊲
3	divisiongrid	Schriftliche Division Schritt für Schritt (Grundschule, Klasse 4)	2	4 9 29 31	Go ⊲
4	example	Beispiel für eine evoMath Demo App mit Stoppuhr und Malreihen	1	3 13 30	Go ⊲
5	flexcolor	Werkzeug zur Ermittlung des Farbdifferenzierungsvermögens	3	14 9 37	Go ⊲
6	indexeddb	Dauerhafte Speicherung von Daten in index-basierter Datenbank	5	16 17 18	Go ⊲
7	letterspacing	Werkzeug zur Optimierung der Schrift für Kinder mit LRS	3	15 9 37	Go ⊲
8	multixgrid	Interaktive Malreihen als Komponenten (Grundschule, Klasse 3)	2	13 9 5 37	Go ⊲
9	nikolauscript	Das Haus vom Nikolaus als Lernspiel mit JavaScript, SVG und CSS	8	8 19 20 16 21 22 39	Go ⊲
10	nikolausmil	Das Haus vom Nikolaus als Animation nur mit SMIL, SVG und CSS	9	8 19 20 21 22 23 39	Go ⊲
11	oopjs	Tutorial zum Thema 'Objektorientiertes JavaScript' mit Beispielen	5	16 26 27 3	Go ⊲
12	schoolgrid	In Karokästchen am Rechner Zahlen eingeben	10	5 28 29 37	Go ⊲
13	stopwatch	Einfache Stoppuhr, die in Unterrichtseinheiten einsetzbar ist	10	30 37 9 36	Go ⊲
14	timer	App zum Testen von Ereignissteuerungen mit JavaScript	5	24 12 22 37	Go ⊲
15	webstorage	Die API von JavaScript zum Speichern von Daten ausprobieren	5	16 17 18 33	Go ⊲
16	xmlhttprequest	Mit der API von JavaScript zum Scripten von HTTP herumspielen	5	16 38 33	Go ⊲
17	xylophon	Mit virtuellem Xylophon in Echtzeit musizieren	3	11 12 16 20	Go ⊲

Das Schulbuch gehört in den Müll. Inhalte müssen ins Netz — offen und für jeden zugänglich! (Evomath)

In der Tabelle oben finden Sie aktuell verfügbare Demo-Apps; z.Z. sind die meisten noch sehr generisch und in Entwicklung! Diese Apps sind dann die Vorstufen zu richtigen Komponenten, welche dann universell einsetzbar sind (vgl. Glossar). Der Code ist aber so angelegt, dass die Kapselung als wiederverwendbare Komponente recht einfach ist. Zum Entwickeln, Testen und Ausprobieren wird aber oft auch modular gearbeitet. Ein Modul ist im Unterschied zu Komponenten nicht objektorientiert und weniger flexibel, aber einfacher und schneller zu programmieren und zu verstehen.

Bedienung

Der Index oben ist sehr kompakt und interaktiv mit viel Information.

Fahren Sie mit der Maus über markierte IDs
Klicken Sie auf die Schaltfächen Graph zur Veranschaulichung
Schweben Sie mit Maus über die Grafiken zum Vergrössern
Benutzen Sie die Filter zur Auswahl
Klicken Sie auf Go, um die App zu starten

Details

Wenn Sie im Auswahlfeld Kategorie und Auswahlfeld Schlagwort nichts selektieren (leere Option) bekommen Sie alle verfügbaren Apps zum Anklicken/Starten angezeigt. Sonst werden die Apps nach Kategorie und/oder Schlagwort gefiltert (übersichtlicher und gezielter).

Einer App sind i.d.R. mehr als eine Kategorie und mehr als ein Schlagwort zugeordnet (many-to-many relationship). Die Liste der IDs der zugeordneten Kategorien bzw. Schlagworte pro App sehen sie in der Tabellenspalte Kategorie-IDs bzw. Schlagwort-IDs (Lookup in Auswahlfeld!). Eine App wird dann angezeigt, wenn es der gewählten Kategorie bzw. Schlagwort zugeordnet ist, sonst nicht. Klicken Sie auf die Schaltfächen Graph, um die Beziehung von Apps und Kategorien bzw. Schlagworten anzuschauen (als bipartiter Graph im Sinne der math. Graphentheorie). Die Kategorien und Schlagworte sind übrigens gewichtet pro App, sodass weniger relevante Beziehungen dünner und blasser angezeigt werden! Im Unterschied zu Schlagworten sind Kategorien hierarchisch gegliedert (s. unten: Taxonomie).

Die gewünschte App wird in einem neuen Fenster Ihres Browsers geöffnet. So können Sie rasch interessante Apps vergleichen.

Glossar

...TODO...

Kommentare

Diese Sammlung von Apps ist zunächst vollständig unabhängig vom WordPress-betriebenen evoMath Blog. Kommentare und Diskussionen werden nur im Blog gemacht! Diese Trennung ist besser für "sauberen" Code und Experimente. (Unter der Haube ist WordPress ziemlicher "Spaghetti-Code", aber funktioniert — meistens...)

Taxonomie

Das Taxonomie-System von WordPress finde ich aber in seiner Einfachheit, Flexibilität und Offenheit doch so gut, dass ich es übernommen habe. Die Definition der Kategorien und Schlagworte erfolgt hier jedoch direkt im PHP-Quellcode (in ./cfg/vars.php) und nicht per MySQL-Tabellen wie in WP. Das ist deutlich bequemer und viel schneller zu editieren. Es werden nur geeignete Datenstrukturen von PHP dazu verwendet (assoziative Arrays). Wenn richtig viele Apps und Inhalte vorhanden sind, bietet es sich an diese Konfigurationsdatei mit Python oder XSLT z.B. aus XML oder eigenem Format automatisch zu generieren. Die Anbindung an die WordPress-Instanz wird dann über spezielle Imports/Exports geregelt.

Everything should be made as simple as possible, but not simpler. (Albert Einstein)

QUELLE: Wikiquote