Hier (optional) Anzeige von Autor, Copyrights, Werbung, Links, Session Parametern oder ähnlichem...
Hier kannst Du ausprobieren wie man mit dem Computer Zahlen malt. Du kannst
Zahlen eingeben, ändern und löschen. So wie mit Karopapier und Tintenkiller.
Klicke auf auf eine Zelle und benutze den Zahlenmaler!
Info
Kind kann hier Zahlen (genauer: einzelne Ziffern) ohne Tastatur
eingeben. Möglichst genauso wie "auf'm Papier". Gemeint sind
die "Karopapier"-Blätter oder -Heftchen. Nett anzuschauen, aber ziemlich
unpraktisch. Von den Bäumen ganz zu schweigen, die ihr Leben lassen durften,
um die Villa vom Chef des Schulbuchverlages zu finanzieren. Die meisten
Schulleiter und sog. "Hauptseminarleiter" spielen da gerne mit. Eine Hand
wäscht die andere. Ist aber ganz normal heutzutage; nennt sich
Customer Relationship Management (CRM)...
DSDSS (Deutschland sucht den Superstar) trifft DSSSW
(Deutschland schmeisst sein Schulbuch weg). Und dies ist nur der
Anfang, liebe Eltern und Erziehungsberechtigten!
Meta
Schrift für Meta ist serif, für Content (also
das, was das Kind sieht) ist sans-serif. Klare Trennung,
didaktisch sinnvoll. Grosse Schrift, wenig Text in Komponenten, dafür
mehr Text in Meta ;-) Das ist ja nur für Eltern, Lehrer, Coach! Klare,
einfache Text-Struktur (HTML5), nachher gut importierbar in WordPress (WP).
Kein Schnickschnack, nur moderne Standards verwenden. Typografie wie in guten
Büchern und LaTeX1.
Beschreibung
Das ist die Basis (SchoolGrid) für alle
"Karokästchen"-Komponenten. Hier passiert kaum was! Man klickt auf ein
Kästchen und es öffnet sich Teilkomponente "Zahlenmaler" (NumPad).
Man klickt auf eine Zahl und diese wird in das Kästchen übernommen, das man
vorher angeklickt hatte. Alle "Kästchen" (cells) sind
hier editierbar. Das ist in anderen Komponenten wie z.B.
DivisionGrid nicht so! Dort sind nur Zellen editierbar,
die zum Algorithmus im aktuellen Zustand (state) und
Modus (mode) "passen". (Man kann also dort nicht
unsinnigen "Mist" eingeben in Zellen, die unwichtig sind.) Es soll aber alles
so weit wie möglich den handschriftlichen Prozess auf Papier nachbilden. Nur
ohne Radiergummi, Tintenkiller und "Flex-und-Flo neu kaufen", weil zugekritzelt!
Oder weil "Hausaufgaben-Hefterl" bzw. "Nachhilfe-Zetterle" abgenutzt. Eure
Mülltonne ist da sicher eine ergiebige Quelle...
Absicht
JOHAN soll genau wie in Schule bzw. Flex-und-Flo mit Karopapier
arbeiten. Also keinen fertigen "Taschenrechner", sondern schrittweise.
Er bekommt Hilfe, aber nicht zuviel! Komponente DivisionGrid wird
verschiedene Modi haben: (a) sofort lösen, (b) schrittweise, (c) genau
wie in Schule, Test, Klassenarbeit, Schulbuch mit Eingabe einzelner
Zahlen an der richtigen Stelle. Korrektur und Hilfe inbegriffen. (Applaus und
Zückerchen natürlich auch, wenn er alles richtig gemacht hat!)
Komponente NumPad ("Zahlenmaler") wird oft eingesetzt,
also wiederverwendet. Im Moment triviale Mini-App, aber wichtig für alles
weitere.
Details
Hier liste ich Merkmale des Verhaltens auf. (Erinnere Dich ans "Mantra":
Struktur, Präsentation, Verhalten):
- Mauszeiger über editierbaren Zellen ist "Finger" (
pointer).
- Kästchen, wo Mauszeiger gerade drüber ist, wird leicht eingegraut.
- Klickt man ein "Karokästchen" an, ist es markiert, Zahlenmaler geht auf.
- Wenn man eine Ziffer im "Zahlenmaler" angeklickt hat, verschwindet er.
- Man kann nur genau eine Ziffer in ein "Karokästchen" eingeben.
- Falls Kästchen schon belegt, wird überschrieben mit Ziffer aus "Zahlenmaler"
(Korrektur).
- Belegte Kästchen (Zellen) mit "virtuellem Radiergummi" cleanen.
Ist Taste (Icon) in
NumPad.
-
NumPad muss unaufdringlich sein und darf
nicht die Zellen verbergen. Daher transparent.
- Der "Zahlenmaler" bleibt immer an derselben Stelle, auch wenn man scrolled.
Das hier ist keine pedantische Spiesserei, sondern ein kleine "Spezifikation"!
Software-Engineering muss so sein, sonst funktioniert nichts. War für
mich ja auch interessante Erfahrung, weil selbst eher Geisteswissenschaftler
und vormals
"Computer-Hasser"2;
sagen wir besser: ignorant.
Geschichte
Wollte das zuerst alles mit Java machen. Oracle hat mit Java 8
sehr gutes, komplett
neugemachtes Frontendpaket (JavaFX). Aber trotz Webstart etc. ist das immer
noch Hölle mit dem Deployment und auch Entwickeln sehr langsam, weil Java so
eine barocke und sperrige Sprache ist.
Die meisten3
Grossen (Microsoft, Facebook, Google, Yahoo, ...) setzen auf die
ziemlich "abenteuerliche" Verbindung von HTML5, CSS3 und
JavaScript4 (ECMA5+DOM2).
Das geht aber! Selbst grosse Projekte möglich, wenn man die Sprache JavaScript (JS)
wirklich verstanden hat und sich mit Entwurfsmustern (Design Patterns)
beschäftigt. Grösste Hilfe waren Bücher und Videos von
Douglas Crockford
(Wikipedia: https://en.wikipedia.org/wiki/Douglas_Crockford)
und seinen Kollegen bei Yahoo. Sonst Online-Referenzen wie
Ausblick
Wenn das Ding getestet ist und ins Rollen kommt, bietet es sich sofort an auch
seine "Rechtschreibschwäche" auf diese Art zu kurieren. Dann natürlich statt
NumPad sowas wie Komponente CharPad,
WordPad, TextPad. etc. Da ist Fantasie gefragt! So
wie Rätsel oder einfache Spiele (Games wie Memory). Hatte ich bei CC
in Java gemacht. Viel zu umständlich und grausam zu deployen. Browser bessser.
LG evomath.
