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