Ziel dieses Projektes ist die Ausarbeitung von Guidelines und Best-Practices für den Einsatz digitaler Technologien für interaktive Museumsbesuche. Dazu diente der Anwendungsfall für die Ausstellung „Des Kaisers neuer Heiliger“ im Stiftsmuseum Klosterneuburg.
Diese Jahresausstellung befasst sich zum 500. Todesjahr von Kaiser Maximilian I. mit dessen Leben, seiner Politik sowie seiner Beziehung zu Markgraf Leopold III.

Umgesetzt wurde dies unter anderem mit Hilfe einer hybriden App welche die Ausstellung mit verschiedensten Informationen und interaktiven Fragmenten begleitet. So kann mit der Anwendung beispielsweise an einem Quiz teilgenommen werden, welches den Besucher zum Ausgestellten Thema befragt. Zudem gibt es Elemente in der Augmented Reality. So werden beispielsweise alte Textstücke beim Betrachten mittels CameraPreview als lesbares Schriftstück angezeigt. 

Eine der Kernfunktionen ist, dass die App dank der Anbringung von Bluetooth-Beacons in den Räumlichkeiten immer die aktuelle Position des Besuchers in der Ausstellung bestimmen kann. Das ermöglicht es dem Nutzer immer die passenden Inhalte zu dem aktuellen Exponat darzustellen.

Die Erkenntnisse aus diesem Projekt werden genutzt um Zukunft eine bessere Vorstellung zu haben wie interaktive Technologien in Zukunft eingesetzt werden können um positive Nutzererlebnisse in halböffentlichen Bereichen zu schaffen.

Unterstützt wurde Das Projekt Im Rahmen der Programmlinie COIN Aufbau von folgenden Bundesministerien: Digitalisierung und Wirtschaftsstandort, Verkehr, Innovation und Technologie durch die Österreichische Förderungsgesellschaft FFG.

The post Emperor’s App: BOYD Museum Accessibility appeared first on Mobile USTP MKL.

Die Idee hinter dem Begriff Micro Frontend ist es, eine Webseite (oder WebApp) in unabhängige Bereiche aufzuteilen, die jeweils von einem eigenem Team entwickelt und betreut werden. Diese Teams bestehen aus Mitarbeitern aus allen Bereichen, was es ihnen ermöglicht, ihre Funktionalität end-to-end zu entwickeln – also vom User Interface bis hin zur Datenbank.

Grundlegende Ideen Micro Frontend

• Technologisch unabhängig: Jedes Team kann individuell für sich entscheiden, wann und ob sie ihren Stack ändern oder upgraden, ohne die Funktionalität der anderen Teams zu beeinflussen.
• Isolierter Team Code: Die Apps sollten vollständig selbstständig sein => kein Sharing von Runtime, Variablen oder States. In Fällen in denen eine vollständige Isolation nicht möglicht ist, sollten sich die Teams auf naming conventions einigen.
• Bevorzugen von nativen Browserfeatures gegenüber Custom APIs wenn möglich.
• WebApp sollte möglichst belastbar sein. Features möglichst auch sinnvoll wenn Javascript nicht funktioniert.

Dieses GIF zeigt eine simple Beispielanwendung. Sie besteht grundlegend aus den zwei Funktionalitäten: (1) Auswahl des Traktormodells ändert Image, Preis sowie vorgeschlagene Produkte. (2) Buy Button, der gleichzeitig auch den Gegenstand im Warenkorb platziert.

Auf folgender Grafik ist zu erkennen wie diese Funktionalitäten entsprechend in Micro Apps bzw. Teams aufgeteilt werden könnten. Team Checkout ist zuständig für den Bestellungsprozess; Team Inspire für die Vorschläge und Team Product ist zuständig für den Gesamtaufbau des Shops. Alle diese Teile funktionieren völlig unabhängig, was es auch problemlos ermöglicht, verschiedenste Frameworks zu verwenden.

Aktuell wird dieses Konzept beispielsweise von dem Onlineshop Zalando erfolgreich verwendet. Ob es in Zukunft jedoch Best Practice wird, bleibt abzuwarten. Fest steht aber, dass das Thema Microservices aktuell in aller Munde ist, und somit wohl bald an Bedeutung gewinnen wird.

The post Micro Frontends appeared first on Mobile USTP MKL.

Idee

Unter dem Motto “print to Mobile” entstand im Rahmen der Masterklasse Mobile die Anwendung Loup. Um Studenten an Hochschulen in der Prüfungszeit die Möglichkeit zu bieten einfach mit ihrem Mobiltelefon nach Gleichgesinnten zu suchen. Dies geschieht mittels Plakaten die in Räumlichkeiten der FH wie Vorlesungssälen oder der Bibliothek aufgehängt werden. Durch das Scannen des darauf abgebildeten QR – Codes gelangt der Nutzer direkt in die Anwendung.

Funktion

Der Nutzer kann entweder durch scannen des QR – Codes oder direkte Eingabe der URL zu der WebApp gelangen. Bei dieser angekommen, erhält der User eine Auflistung von aktuell bestehenden Lerngruppen. Findet er dort schon eine passende Gruppe, kann er sehen welche Teilnehmer sich wann und wo treffen, und kann wenn – wenn gewünscht – beitreten. Sollte es zum gewünschten Thema noch keine Lerngruppe geben, besteht die Möglichkeit diese anzulegen.

Umsetzung

Die technologische Umsetzung der Anwendung geschah mit Hilfe der Frontend Frameworks Vue.js 2 sowie Onsen UI. Die Daten werden mittels REST und Firebase gespeichert und übertragen.

ToDos

 Zukünftig soll es die Möglichkeit der Authentifizierung für Nutzer geben. Um so Änderungen und Löschen der erstellten Gruppe zu vereinfachen. Auch könnten die Nutzer möglicherweise auch kommunizieren.

The post LOUP appeared first on Mobile USTP MKL.