Switch Comparator

01 // Kurzbeschreibung

Was passiert beim Drücken einer Taste? In dem kleinen Bauteil steckt mehr Ingenieurskunst als man zuerst vermutet. Dabei gibt es verschiedenste Mechaniken und selbst bei der selben Mechanik gibt es viele Unterschiede, die das Erlebnis eines Klicks beeinflussen.

Durch einen interaktive Querschnitt, Diagrammen zur Schaltcharakteristik und dem Sound des Klicks soll die Welt der mechanischen Tasten näher gebracht werden. Verstärkt wird das Projekt innerhalb einer Ausstellungssituation durch eine selbstgebaute Tastatur, welche mittels eines Hall-Effekt-Sensors die Abtastrate von einem An- oder Aus-Zustand auf über 100 Zustandsmöglichkeiten erweitert und den interaktiven Querschnitt wesentlich immersiver erleben lässt.

02 // Filmische Dokumentation

https://uploads.felixbaumgaertner.de/uni/ws21/felix_switch-comparator.mp4

03 // Userjourney

04 // Entwürfe

↓ Software

↓ Hardware

05 // Umsetzung

↓ Software

https://switches.feba.me/

↓ Hardware (Bildunterschrift im Copyrighttext enthalten)

↓ Versuche der Verbesserung der Daten des Hall-Effekt-Sensors im Ruhezustand

Rohdaten, Schwankungsspektrum 120

Average-Funktion, Schwankungsspektrum 70

Average-Funktion & Hardware-Filter, Schwankungsspektrum 10

220201 // Video

http://uploads.felixbaumgaertner.de/uni/ws21/felix_switch-comparator.mp4

220118 // Software Prototyp

✔️ Lösung zur Navigation per W/A/S/D-Tasten in SvelteKit
✔️ Einbettung der Tastatur-Sounds
❌ Inhalte einfügen
❌ Design anpassen
❌ Hall-Sensor-Effekt integrieren
❌ 3D-Modell einbetten
❌ Playground einbetten
✔️ Webserver aufsetzen, konfigurieren und Preview bereitstellen

Prototyp mit SvelteKit: https://switches.feba.me/

220111 // Hardware Prototyp

✔️ Lösung für höhere Abtastrate eines Switches
✔️ Sensoren bestellen, testen, optimieren & integrieren
✔️ Lösung für Wireless-Umsetzung
✔️ Entwicklung & Druck eines Gehäuses
✔️ Programmcode schreiben
❌ Wireless-Code integrieren (lib deprecated)

211221 // Erste Versuche Arduino

211214 // Entwurf 3D-Modell (three.js)

https://uploads.felixbaumgaertner.de/uni/iid/threejs/

211207 // Entwurf Playground

https://uploads.felixbaumgaertner.de/uni/iid/playground/

211130 // Risikoanalyse & Update

Interaction Information WS2021 - Felix - Mechanische Tasten.jpg

Update 211130:

Interface überarbeitet
Schriftart festgelegt (Space Mono Regular & Bold)
Gefärbte Indikatoren ergänzt

Für Playground:
https://virtual-keyboard.js.org/

211123 // Pitch deck

PDF

211116 // Planung / Skizze

Geplant ist eine interaktive Website, die nur per Tastatur gesteuert werden kann. Dies wird erkenntlich durch die Anzeige rechts unten auf jedem Frame. Dadurch weiß der Nutzer in welche Richtung er navigieren kann.
Bei jedem Tastendruck ist eine mechanische Tastatur zu hören.

Neben den Informationen zu den einzelnen Tastern gibt es eine Übersicht der Aktivierungspunkte und ein 3D-Modell, dass drehbar ist.

Am Ende gibt es noch einen Playground, auf dem alle Tasten mit allen Sounds zu testen ist.

Skizze in Figma

211109 // Konzept

Mechanische Tasten

Was passiert beim Drücken einer Taste? In dem kleinen Bauteil steckt mehr Ingenieurskunst als man zuerst vermutet. Dabei gibt es verschiedenste Mechaniken und selbst bei der selben Mechanik gibt es viele Unterschiede, die das Erlebnis eines Klicks beeinflussen.

Durch interaktive 3D-Ansichten, Diagrammen zur Schaltcharakteristik und dem Sound des Klicks soll die Welt der mechanischen Tasten näher gebracht werden.

Moodboard

Mindmap

Quellen

Das Unternehmen Cherry zählt bei Tastaturen mit mechanischen Schaltern zu den weltweiten Marktführern. Ihre sehr gut dokumentierten Datenblätter dienen als Hauptbezugsquelle. Hier ein Ausschnitt: