WORK IN PROGRESS WED 27-MAR-24
SCAN THE QR-CODES TO LAUNCH THE TOUCHSCREEN VERSIONS ON YOUR SMARTPHONE
SCANNEN SIE DIE QR-CODES MIT IHREM SMARTPHONE UM DIE TOUCH-SCREEN VERSIONEN AUFZURUFEN

TEMPLATESCHRIFT

Gezeigt wird (oben) der custom font “Anfangsschrift”, aus dem die Vektoren für das Nachspuren generiert werden.
Die Buchstaben sind nur auf der Zentrallinie (“Spur”) aufgebaut, die in verschiedener Breite (“Fette”) gerendert werden kann.
(Unten zum Vergleich eine Outline-Schrift)

“ANFANGSSCHRIFT” STAND 09-SEP-23

NACHSPUREN

Auf Smartphones läuft unter Android diese Version in Firefox oder Chrome. Zum Löschen der Spur Gerät “schütteln”!
Der Button “SPEAK” soll in der Endversion das Modul “Nachsprechen” (RecPlay) als Drawer/slide-in aufrufen.
(Alle Buttons erhalten sinnfällige Ikons oder werden mit gesprochener Bezeichnung auf long-press hinterlegt.)

MOBILE

DESKTOP (NUR MIT TOUCH-SIM)
VORSCHRIFT UND NACHSPUREN

Diese Touch-basierte Version kann auch auf Desktop simuliert werden.
Dazu in Firefox die “Werkzeuge für Entwickler” (CMD+OPT+I) öffnen und “Bildschirmgrößen testen” auswählen (ganz rechts), dann “Berührungssimulation aktivieren”.
Für Chrome auf Desktop in “Entwicklertools” (CMD+OPT+I) den Tab “toggle device toolbar” auswählen.
(Empfohlene Auswahl der Bildschirmgröße für diese Demo ist 480 x 800 px)


 

Diese Demo für Desktop (mouse pointer) zeigt ein Graphem mit mehreren Strichen (für Schreibreihenfolge),
mit Punkt (geschrieben durch einfachen Tap) und ein mehrteiliges Graphem. (Segment-outlines nur für Debugging.)

DESKTOP
COMPOSITE TRACK “FISCH”

NACHSPRECHEN

Das Modul “RecPlay” soll als Drawer/slide-in zu den Modulen “Nachspuren” und “Verschriften” aufgerufen werden können.
Nach der ersten Aufnahme (“Record”) ist “Scrubbing” möglich, d.h. das direkte Steuern von Abspielposition und Tempo.
Dazu mit dem Finger/Zeiger auf dem blauen Balken hin und her fahren.

MOBILE (FIREFOX ANDROID)

DESKTOP
REC(ORDER)PLAY(ER) AUDIO-“SCRUBBING”

Zur Nutzung der Aufnahmefunktion muss das Mikrofon freigegeben werden.
Auf Desktopgeräten muss u.U. zusätzlich über “Systemeinstellungen” der Audio-Eingang und Ausgang ausgewählt werden.

VERSCHRIFTEN

Proof-of-concept Funktionalität und Basiscode für das Modul “Silbenschieber” (Phonics coding/decoding).
Für einen (zufälligen) Audio-Prompt aus dem Lexikon kann ein Wort buchstabenweise zusammengesetzt und angehört werden.
(Der Anfangsbuchstabe ist dabei das gerade in “Nachspuren” ausgewählte Graphem.)
Die Grapheme in den einzelnen Spalten (“Slots”) werden aus einem kuratierten, modellhaften Grundwortschatz (ca. 2000 Einträge) generiert.
Es werden in jeder höheren Spalte (von links nach rechts) nur noch die Grapheme gelistet, die tatsächlich in den Wörtern vorkommen.
“Nachsprechen” kann auch zu diesem Modul aufgerufen werden.

DESKTOP
SKIZZE “SILBENSCHIEBER”

FRAMEWORK

Über den oberen Teil des Menüs, eine “sprechende Tastatur”, können die Grapheme einzeln angehört (tap) oder geladen werden (dbl-tap).
(Das Feature ist noch nicht implementiert)
Mit dem unteren Teil können Buchstaben und Buchstabengruppen an- oder abgewählt und damit zu Übungen zusammengestellt werden.
Über den Drawer ("..." Button) können Einstellungen, wie z.B. Schriftgröße, angepasst werden (noch nicht alle implementiert).

MOBILE

DESKTOP
LAUNCHER “HOME”

 
 

1-Finger-Move ist für Nachspuren (Tracing), 2-Finger-Move ist für Swiping (Paging)

MOBILE