Effizienter QR-Code-Leser und Setup-Assistent

Ausgangslage und Ziel

Die Firma CREALOGIX AG bringt mit «PayEye» das Nachfolgeprodukt des beliebten PayPen auf den Markt. PayEye erlaubt dem Kunden sicher und fehlerfrei mit nur einer Handbewegung die Codierzeile des orangen Einzahlungsscheines zu erfassen und ist schon bereit für die blitzschnelle Erfassung des neuen Swiss QR Codes, welcher ab Juli 2020 die ESR-Einzahlungsscheine ablösen wird.

Unsere Aufgabe war es, die Umsetzung eines Setup-Wizards und des Einstellungsdialogs (Settings) für PayEye. Das Setup muss sowohl auf Windows, als auch auf Mac basierten Betriebssystemen lauffähig und im Design absolut identisch sein. Ebenfalls soll die Erstinstallation einen Standard-Workflow ausweisen, welcher für 80% der Benutzer selbsterklärend funktioniert. Hilfe und Support Inhalte sollen auf der Cloud gehostet und einfach aktualisiert werden können. Benutzeroberflächen sind gemäss dem CI/CD von PayEye zu designen und die gesamte Applikation muss mehrsprachig sein.

Lösung

Aufgrund der geforderten Kriterien haben wir uns dazu entschieden ,das Frontend mit Webtechnologien umzusetzen. Das Backend wurde von Crealogix in QT entwickelt. Die anzuzeigenden Parameter werden mittels QWebChannel und Websockets an das Frontend - welches in einer QtWebEngine läuft – übergeben und dargestellt. Als Programmiersprache für das Frontend wurde Angular 5 eingesetzt.

Die Software muss von jedem PayEye Kunden von der Produkteseite heruntergeladen werden und läuft nach der Installation als SystemTray Applikation im Hintergrund.

Für das Design wurden die CI/CD Richtlinien des PayEye Produktes verwendet. Dazu wurde ein Top Down Approach gewählt, bei welchem wir in einem ersten Schritt Screendesigns in verschiedenen Varianten entworfen haben. Nach der Selektion des Designs wurde ein klickbarer Prototyp in Invision erstellt und danach ausprogrammiert.

Die komplette Umsetzung des Projektes wurde agil gemacht.