Completat
Floox Charger
HMI per als carregadors EV Lyra60 de Floox
Desenvolupament d'UI per als carregadors Lyra60 de Floox (60kW). OCPP 2.0, GoLang, WebSockets i panell d'administració en Next.js. Barcelona i Europa.
HMI per als carregadors EV Lyra60 de Floox
Desenvolupament d'UI per als carregadors Lyra60 de Floox (60kW). OCPP 2.0, GoLang, WebSockets i panell d'administració en Next.js. Barcelona i Europa.
Client
Floox
Any
2024
Sector
IoT
Durada
8 meses
Equip
4 persones
El repte
Els carregadors elèctrics d'ús públic solen oferir interfícies confuses, amb massa passos i poca adaptació a condicions d'ús reals: il·luminació exterior canviant, usuaris sense experiència tècnica i hardware amb capacitats limitades de navegador. Floox necessitava una solució que fes l'experiència de càrrega tan senzilla com fos possible, amb suport per a vehicles Tesla, BMW i MG, i compatible amb l'estàndard OCPP 2.0.
La solució
Dribba va desenvolupar dues plataformes: la interfície que l'usuari final veu a la pantalla del carregador i el panell d'administració web per als operadors de Floox. La interfície del carregador es va implementar amb Vite per executar-se eficientment al navegador integrat del hardware, amb comunicació en temps real mitjançant GoLang, REST APIs i WebSockets. El mode fosc s'activa automàticament segons l'hora i les condicions ambientals. El panell d'administració es va construir en Next.js i TypeScript, permetent als operadors gestionar i actualitzar remotament tota la flota.
Resultats
60 kW
Potència màxima de càrrega
Els carregadors Lyra60 de Floox
2
Plataformes desenvolupades
Interfície d'usuari + panell de gestió remot
El Lyra60 és un carregador de vehicle elèctric de fins a 60 kW dissenyat com a mobiliari urbà, compatible amb Tesla, BMW, MG i la majoria de vehicles del mercat europeu. Floox va encarregar a Dribba desenvolupar tota la capa de software: tant la interfície que l'usuari veu al propi carregador com la plataforma de gestió remota per als operadors.
La interfície del carregador es va construir amb Vite per garantir un rendiment òptim dins del navegador embegut del hardware, que té recursos limitats. La comunicació en temps real es va implementar amb GoLang, REST APIs i WebSockets, seguint el protocol estàndard OCPP 2.0. El disseny UX redueix al mínim els passos necessaris per iniciar una càrrega, i inclou un mode fosc automàtic que s'activa segons l'hora del dia i les condicions ambientals. El panell d'administració es va desenvolupar en Next.js + TypeScript. Pots saber més sobre la nostra especialitat en integració de hardware i sistemes.
La solució cobreix el cicle complet: des que l'usuari aparca i connecta el cable fins que l'operador consulta l'estat de la flota en temps real des de qualsevol dispositiu. Els Lyra60 ja estan operatius a Barcelona i altres ciutats europees, contribuint a la infraestructura de mobilitat elèctrica urbana.
Si la teva empresa treballa amb hardware connectat i necessites integrar software a mida, consulta els nostres serveis de integració de hardware.
Stack tecnològic
Vols quelcom així?
