Die beliebte Applikation für Erst- und Zweitklässler haben wir einem Design Refresh unterzogen und neu als Web-App programmiert. Ziel war, die digitale Version des Suchbuchs auch über das Tablet zugänglich zu machen.​​​​‌‍​‍​‍‌‍‌​‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍​‍​‍​‍‍​‍​‍‌‍‌​‌‍​‌‌‌​‌‍‌‍​‌‍‌‌​​‍‍‌‍​‌‍‌‍‌​‍​‍​‍​​‍​‍‌‍‍​‌​‍‌‍‌‌‌‍‌‍​‍​‍​‍‍​‍​‍‌‍‍​‌‌​‌‌​‌​​‌​​‍‍​‍​‍‌‍​‌‍‌‌​​‍‍‌‍‌‌​‍‌‍‍‌‌‍‌​‌‍‌‍‍‌‍‍‌‌‍​​‍‍‌‍​‌‍‍​​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​‌‍‌​‍​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌‌‌‌​‌‍‌‌​​‌‍‌‌‌​​‍‌‌‌​‌​​‌​​‌‌​‌​‌‍‌‍‍‌‌​​‌​‍​‌‌​‌‍‍‌​​​‍‌‌‌​​‌​​‌‌‌‍‌‌‌‍‌‍‌​​‌‌​‌​‌‌​‍‌‌​​‌​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌​​‍‌‌‍​‌​​‌‌​‌​‌‌‌‍‌‌​‌‌‍​​​‌‌‌​‍‌​‍‌​​‌‍‍​‌​‌​‌‍‌‌‍‌‍​​‌‌‌​‌‌‌‌‌‌​‌‌​‌‌‌​‌​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​​‍​‌‍‌‍‌‍‍‌‌‍‌‌‌‍​‌‍‌​‌‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​‌‌‌‍‌‌‍‌‍‌​‌‌‌‌‍​‌‍‌‌‌​​‍‍‌‍‌​‌‍‌‌​‍‍​​​​‍‍‌‌​‌‍‌‌‌‍​‌‌​​‍​‍‌‌

Kernstück der Web-App sind die Wimmelbilder-Games , die in vier verschiedenen Aufgaben-Typen gespielt werden können. Je nach Aufgabe wird eine Audio-Datei angespielt oder ein Wort angezeigt. Der Spieler muss dann auf die entspreche Stelle im Bild klicken.​​​​‌‍​‍​‍‌‍‌​‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍​‍​‍​‍‍​‍​‍‌‍‌​‌‍​‌‌‌​‌‍‌‍​‌‍‌‌​​‍‍‌‍​‌‍‌‍‌​‍​‍​‍​​‍​‍‌‍‍​‌​‍‌‍‌‌‌‍‌‍​‍​‍​‍‍​‍​‍‌‍‍​‌‌​‌‌​‌​​‌​​‍‍​‍​‍‌‍​‌‍‌‌​​‍‍‌‍‌‌​‍‌‍‍‌‌‍‌​‌‍‌‍‍‌‍‍‌‌‍​​‍‍‌‍​‌‍‍​​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​‌‍‌​‍​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌‌‌‌​‌‍‌‌​​‌‍‌‌‌​​‍‌‌‌​‌​​‌​​‌‌​‌​‌‍‌‍‍‌‌​​‌​‍​‌‌​‌‍‍‌​​​‍‌‌‌​​‌​​‌‌‌‍‌‌‌‍‌‍‌​​‌‌​‌​‌‌​‍‌‌​​‌​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌​​‍‌‌‍​‌​​‌‌​‌​‌‌‌‍‌‌​‌‌‍​​​‌‌‌​‍‌​‍‌​​‌‍‍​‌​‌​‌‍‌‌‍‌‍​​‌‌‌​‌‌‌‌‌‌​‌‌​‌‌‌​‌​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​​‍​‌‍‌‍‌‍‍‌‌‍‌‌‌‍​‌‍‌​‌‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​‌‌‌‍‌‌‍‌‍‌​‌‌‌‌‍​‌‍‌‌‌​​‍‍‌‍‌​‌‍‌‌​‍‍​​‍​‍‍‌‌​‌‍‌‌‌‍​‌‌​​‍​‍‌‌

A child's hand interacts with a tablet displaying illustrated stories, surrounded by colorful plastic blocks and connectors on a white surface.​​​​‌‍​‍​‍‌‍‌​‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍​‍​‍​‍‍​‍​‍‌‍‌​‌‍​‌‌‌​‌‍‌‍​‌‍‌‌​​‍‍‌‍​‌‍‌‍‌​‍​‍​‍​​‍​‍‌‍‍​‌​‍‌‍‌‌‌‍‌‍​‍​‍​‍‍​‍​‍‌‍‍​‌‌​‌‌​‌​​‌​​‍‍​‍​‍‌‍​‌‍‌‌​​‍‍‌‍‌‌​‍‌‍‍‌‌‍‌​‌‍‌‍‍‌‍‍‌‌‍​​‍‍‌‍​‌‍‍​​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​‌‍‌​‍​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌‌‌‌​‌‍‌‌​​‌‍‌‌‌​​‍‌‌‌​‌​​‌​​‌‌​‌​‌‍‌‍‍‌‌​​‌​‍​‌‌​‌‍‍‌​​​‍‌‌‌​​‌​​‌‌‌‍‌‌‌‍‌‍‌​​‌‌​‌​‌‌​‍‌‌​​‌​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌​​‍‌‌‍​‌​​‌‌​‌​‌‌‌‍‌‌​‌‌‍​​​‌‌‌​‍‌​‍‌​​‌‍‍​‌​‌​‌‍‌‌‍‌‍​​‌‌‌​‌‌‌‌‌‌​‌‌​‌‌‌​‌​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​​‍​‌‍‌‍‌‍‍‌‌‍‌‌‌‍​‌‍‌​‌‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​‌‌‌‍‌‌‍‌‍‌​‌‌‌‌‍​‌‍‌‌‌​​‍‍‌‍‌​‌‍‌‌​‍‍​​​‍‍‌‍​‌‌​‌​‌‍‌‌‌‌​​‍​‍‌‌

Bei der Umsetzung der Web-App stand die Optimierung auf Tablets und Smartphones im Fokus.​​​​‌‍​‍​‍‌‍‌​‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍​‍​‍​‍‍​‍​‍‌‍‌​‌‍​‌‌‌​‌‍‌‍​‌‍‌‌​​‍‍‌‍​‌‍‌‍‌​‍​‍​‍​​‍​‍‌‍‍​‌​‍‌‍‌‌‌‍‌‍​‍​‍​‍‍​‍​‍‌‍‍​‌‌​‌‌​‌​​‌​​‍‍​‍​‍‌‍​‌‍‌‌​​‍‍‌‍‌‌​‍‌‍‍‌‌‍‌​‌‍‌‍‍‌‍‍‌‌‍​​‍‍‌‍​‌‍‍​​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​‌‍‌​‍​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌‌‌‌​‌‍‌‌​​‌‍‌‌‌​​‍‌‌‌​‌​​‌​​‌‌​‌​‌‍‌‍‍‌‌​​‌​‍​‌‌​‌‍‍‌​​​‍‌‌‌​​‌​​‌‌‌‍‌‌‌‍‌‍‌​​‌‌​‌​‌‌​‍‌‌​​‌​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌​​‍‌‌‍​‌​​‌‌​‌​‌‌‌‍‌‌​‌‌‍​​​‌‌‌​‍‌​‍‌​​‌‍‍​‌​‌​‌‍‌‌‍‌‍​​‌‌‌​‌‌‌‌‌‌​‌‌​‌‌‌​‌​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​​‍​‌‍‌‍‌‍‍‌‌‍‌‌‌‍​‌‍‌​‌‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​‌‌‌‍‌‌‍‌‍‌​‌‌‌‌‍​‌‍‌‌‌​​‍‍‌‍‌​‌‍‌‌​‍‍​‌​​‍‍‌‌​‌‍‌‌‌‍​‌‌​​‍​‍‌‌

Die Web-App ist als einfach Single-Page-Applikation mit vue3 aufgebaut.

Two people sitting on a couch looking at a tablet displaying children's educational content. A toy with colorful cubes is on the child's lap.​​​​‌‍​‍​‍‌‍‌​‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍​‍​‍​‍‍​‍​‍‌‍‌​‌‍​‌‌‌​‌‍‌‍​‌‍‌‌​​‍‍‌‍​‌‍‌‍‌​‍​‍​‍​​‍​‍‌‍‍​‌​‍‌‍‌‌‌‍‌‍​‍​‍​‍‍​‍​‍‌‍‍​‌‌​‌‌​‌​​‌​​‍‍​‍​‍‌‍​‌‍‌‌​​‍‍‌‍‌‌​‍‌‍‍‌‌‍‌​‌‍‌‍‍‌‍‍‌‌‍​​‍‍‌‍​‌‍‍​​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​‌‍‌​‍​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌‌‌‌​‌‍‌‌​​‌‍‌‌‌​​‍‌‌‌​‌​​‌​​‌‌​‌​‌‍‌‍‍‌‌​​‌​‍​‌‌​‌‍‍‌​​​‍‌‌‌​​‌​​‌‌‌‍‌‌‌‍‌‍‌​​‌‌​‌​‌‌​‍‌‌​​‌​‍‌‍‍‌‌‌​‌‍‌‌‌‍‌‌​​‍‌‌‍​‌​​‌‌​‌​‌‌‌‍‌‌​‌‌‍​​​‌‌‌​‍‌​‍‌​​‌‍‍​‌​‌​‌‍‌‌‍‌‍​​‌‌‌​‌‌‌‌‌‌​‌‌​‌‌‌​‌​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​​‍​‌‍‌‍‌‍‍‌‌‍‌‌‌‍​‌‍‌​‌‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​‌‌‌‍‌‌‍‌‍‌​‌‌‌‌‍​‌‍‌‌‌​​‍‍‌‍‌​‌‍‌‌​‍‍​‌‌​‍‍‌‍​‌‌​‌​‌‍‌‌‌‌​​‍​‍‌‌
Middle
Gridonic Debug Panel
Dastro v3.2.1
stage Environment
Large Viewport
Small Viewport
Variables
Small Viewport --vs
Large Viewport --vl
        
        
        
      
Info Overlays
Layout Tools
Draft Mode
enabled (env default)
disabled
Draft Mode*