Tillbaka

Raybased – PWA

2018-2019

UX, design och utveckling för IoT

Smarta fastigheter

Raybased är en långvarig kund till QueensLab som skapar innovativa lösningar för smarta fastigheter.

På uppdrag av Raybased byggde QueensLab under 2018 en responsiv webbapp (Progressive Web App, eller förkortat PWA) med Vue.js för att hjälpa Raybaseds kunder att hantera sina fastigheters förbrukning och status. En PWA ser ut och upplevs som en vanlig app för användaren, men körs i själva verket i en webbläsare då det har många tekniska, ekonomiska och användarvänliga fördelar. Webbappen innehåller ett API för att observera IoT sensorer i en byggnad. Applikationen stödjer installation och push-notifikationer, där kommunikationen mellan API:t och applikationen är implementerad i SignalR (websockets). Själva API:t är i .NET Core med code-first migrationer.

Projektet innefattade för QueensLabs del både förstudie, UX research och design, grafisk design, backend- och frontendutveckling. Webbappen används idag för att ge fastighetsägare en tydlig överblick i realtid över vatten, el- och energiförbrukning.

Vad vi har gjort

UX/UI

Wireframes, Protyping, UI design, Sketch, InVision

Mjukvaruarkitektur

Serviceworkers, WebPush, Websockets

Web

Progressive Web Application, Vue.js, .NET Core

Cloud

IoT Hub, Event Grid, Azure Functions, Azure Service Bus