Development of UI/UX Design and Interface for the IoT Platform / Implementing ML Algorithm to Predict the Filing Level of Smart Disinfector Devices

Dev

client

Client:

Ophardt Hygiene

Medical Devices

Industry:

Hospital & Healthcare

core technologies

Core technologies:

Angular / Java

country

Country:

Germany, Issum

UI/UX design and interface for the IoT platform that helps to track the provision of hygiene supplies in hospitals

Client Background

The Client is the leading provider of enterprise-wide document delivery solutions for the healthcare industry. Their product automates sending high-volume reports such as lab results, a solution for hundreds of top hospitals.

Challenge

The former product’s interface was in production for eight years and required significant improvements. The manufacturer turned to us to develop an interactive smart solution to reform and monitor hand hygiene and eventually reduce hospital-acquired infections.

After the work with the interface was completed, we also faced the challenge of tracking and managing device statuses: for the responsible person to fill it on time.

To build a unique and customized web interface for the IoT platform
To make the web interface user-friendly and adjustable for detailed statistical data checking
To find a way to predict the status of devices (full/empty)

Ophardt Hygiene BG

Ophardt Hygiene Solution

solution

Solution

We reworked the entire front-end part of the application using the latest technologies to provide stability, a mature interface, and better user support.

Our team also developed an ML pipeline to predict the filing level of smart disinfector devices based on historical data. The algorithm can take into account weekdays and holidays.

FEATURES IMPLEMENTED:

Custom UI/UX and web interface
Configurable reports based on custom IoT parameters
Organizational and location structure supervision
Patient Days’ management system
ML-based application that sends daily reports with predictions to hygiene specialists

Results

Development of the fundamental part of the product took about 18 months. After that, the client engaged us with another part of the project – building a mobile application that directly collects data from dispensers through NFC. It is a server-side application that runs automatically and sends four daily reports with predictions to responsible people. That facilitated the work of hygiene specialists in the hospitals.

Ophardt Hygiene Result

Tech Stack:

angular 1

Angular

Java

JAVA

android

Android

ios

iOS

Related Cases

AI Based RPA Platform

AI Based ERP

Virtual Assistant Module for Patient Scheduling

DME Inventory Management Module

AI for Ophthalmological Measurement System

Software Development For The Tissue Scanner

Website for Tracking Order and Selling Healthcare Products

Upgrading a software for the tissue scanner with hi-rez scans

A patient-centric platform with a QR-code access system

Visitor Management System with Rich Customization Options

Web Portal for Remote Fertility Testing

The single technology platform for HME/DME providers

Building an app to improve medical education

Development of software for the integration of an intraoral camera

Development of UI/UX design and interface for the IoT platform

Mobile app for physiological monitoring and biofeedback

Development of a mobile educational platform for future doctors

A platform for tracking and improving sleep activities

Auto-faxing and information exchange for healthcare organizations

Data-driven diagnostic and predictive app for improving infant outcomes

Development of a tool for managing radiology workflow

Developing an app for cognitive testing and learning

Creating a solution for managing patient flow and hospital beds

Developing an application for the treatment of stuttering

Developing software data collection for medical interpreters

Social network application developing for healthcare

Medical Application Development Using Ext.JS

Angular development for visualizing enterprise interface

Streaming solution for healthcare

Software development converting medical imaging data into 3D models

Health monitoring and tracking platform

Web Application development for medications costs comparison

@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe333930 .spacing_size{ display: none; } #integrio_spacer_6762dbe333930 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe333c76 .spacing_size{ display: none; } #integrio_spacer_6762dbe333c76 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe335054 .spacing_size{ display: none; } #integrio_spacer_6762dbe335054 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe335ad6 .spacing_size{ display: none; } #integrio_spacer_6762dbe335ad6 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3361c1 .spacing_size{ display: none; } #integrio_spacer_6762dbe3361c1 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3367ba .spacing_size{ display: none; } #integrio_spacer_6762dbe3367ba .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe336d94 .spacing_size{ display: none; } #integrio_spacer_6762dbe336d94 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3371a9 .spacing_size{ display: none; } #integrio_spacer_6762dbe3371a9 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe33767f .spacing_size{ display: none; } #integrio_spacer_6762dbe33767f .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3378e5 .spacing_size{ display: none; } #integrio_spacer_6762dbe3378e5 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe337b2f .spacing_size{ display: none; } #integrio_spacer_6762dbe337b2f .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe337d78 .spacing_size{ display: none; } #integrio_spacer_6762dbe337d78 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe337fca .spacing_size{ display: none; } #integrio_spacer_6762dbe337fca .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe338212 .spacing_size{ display: none; } #integrio_spacer_6762dbe338212 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe338457 .spacing_size{ display: none; } #integrio_spacer_6762dbe338457 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3386a7 .spacing_size{ display: none; } #integrio_spacer_6762dbe3386a7 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe339536 .spacing_size{ display: none; } #integrio_spacer_6762dbe339536 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe339f78 .spacing_size{ display: none; } #integrio_spacer_6762dbe339f78 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe33b560 .spacing_size{ display: none; } #integrio_spacer_6762dbe33b560 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe33b7c1 .spacing_size{ display: none; } #integrio_spacer_6762dbe33b7c1 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe33ba29 .spacing_size{ display: none; } #integrio_spacer_6762dbe33ba29 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe33bc88 .spacing_size{ display: none; } #integrio_spacer_6762dbe33bc88 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe33becf .spacing_size{ display: none; } #integrio_spacer_6762dbe33becf .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe33c38c .spacing_size{ display: none; } #integrio_spacer_6762dbe33c38c .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe33c603 .spacing_size{ display: none; } #integrio_spacer_6762dbe33c603 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe33c854 .spacing_size{ display: none; } #integrio_spacer_6762dbe33c854 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe33ca7c .spacing_size{ display: none; } #integrio_spacer_6762dbe33ca7c .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe33d59e .spacing_size{ display: none; } #integrio_spacer_6762dbe33d59e .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 800px){ #integrio_spacer_6762dbe33daee .spacing_size{ display: none; } #integrio_spacer_6762dbe33daee .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 800px){ #integrio_spacer_6762dbe33ecb6 .spacing_size{ display: none; } #integrio_spacer_6762dbe33ecb6 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 800px){ #integrio_spacer_6762dbe33f933 .spacing_size{ display: none; } #integrio_spacer_6762dbe33f933 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 800px){ #integrio_spacer_6762dbe340604 .spacing_size{ display: none; } #integrio_spacer_6762dbe340604 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 800px){ #integrio_spacer_6762dbe34120a .spacing_size{ display: none; } #integrio_spacer_6762dbe34120a .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe341620 .spacing_size{ display: none; } #integrio_spacer_6762dbe341620 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 800px){ #integrio_spacer_6762dbe341888 .spacing_size{ display: none; } #integrio_spacer_6762dbe341888 .spacing_size-tablet{ display: block; } }#portfolio_module_6762dbe358729 .title{ font-size: 16px; }#portfolio_module_6762dbe358729 .post_cats{ font-size: 24px; }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3c9cd7 .spacing_size{ display: none; } #integrio_spacer_6762dbe3c9cd7 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3c9ed1 .spacing_size{ display: none; } #integrio_spacer_6762dbe3c9ed1 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3ca576 .spacing_size{ display: none; } #integrio_spacer_6762dbe3ca576 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3ca9ff .spacing_size{ display: none; } #integrio_spacer_6762dbe3ca9ff .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3cad0e .spacing_size{ display: none; } #integrio_spacer_6762dbe3cad0e .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3caff0 .spacing_size{ display: none; } #integrio_spacer_6762dbe3caff0 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3cb2d3 .spacing_size{ display: none; } #integrio_spacer_6762dbe3cb2d3 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3cb56d .spacing_size{ display: none; } #integrio_spacer_6762dbe3cb56d .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3cb818 .spacing_size{ display: none; } #integrio_spacer_6762dbe3cb818 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3cb9b0 .spacing_size{ display: none; } #integrio_spacer_6762dbe3cb9b0 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3cbb0f .spacing_size{ display: none; } #integrio_spacer_6762dbe3cbb0f .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3cbc69 .spacing_size{ display: none; } #integrio_spacer_6762dbe3cbc69 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3cbdc7 .spacing_size{ display: none; } #integrio_spacer_6762dbe3cbdc7 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3cbf1c .spacing_size{ display: none; } #integrio_spacer_6762dbe3cbf1c .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3cc07c .spacing_size{ display: none; } #integrio_spacer_6762dbe3cc07c .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3cc1db .spacing_size{ display: none; } #integrio_spacer_6762dbe3cc1db .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3cc912 .spacing_size{ display: none; } #integrio_spacer_6762dbe3cc912 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3cce1b .spacing_size{ display: none; } #integrio_spacer_6762dbe3cce1b .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3cd5e1 .spacing_size{ display: none; } #integrio_spacer_6762dbe3cd5e1 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3cd745 .spacing_size{ display: none; } #integrio_spacer_6762dbe3cd745 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3cd8ab .spacing_size{ display: none; } #integrio_spacer_6762dbe3cd8ab .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3cda05 .spacing_size{ display: none; } #integrio_spacer_6762dbe3cda05 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3cdbd6 .spacing_size{ display: none; } #integrio_spacer_6762dbe3cdbd6 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3cdef3 .spacing_size{ display: none; } #integrio_spacer_6762dbe3cdef3 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3ce06c .spacing_size{ display: none; } #integrio_spacer_6762dbe3ce06c .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3ce1cb .spacing_size{ display: none; } #integrio_spacer_6762dbe3ce1cb .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3ce33b .spacing_size{ display: none; } #integrio_spacer_6762dbe3ce33b .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3ce996 .spacing_size{ display: none; } #integrio_spacer_6762dbe3ce996 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 800px){ #integrio_spacer_6762dbe3ced16 .spacing_size{ display: none; } #integrio_spacer_6762dbe3ced16 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 800px){ #integrio_spacer_6762dbe3cf50f .spacing_size{ display: none; } #integrio_spacer_6762dbe3cf50f .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 800px){ #integrio_spacer_6762dbe3cfb88 .spacing_size{ display: none; } #integrio_spacer_6762dbe3cfb88 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 800px){ #integrio_spacer_6762dbe3d01bb .spacing_size{ display: none; } #integrio_spacer_6762dbe3d01bb .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 800px){ #integrio_spacer_6762dbe3d07d4 .spacing_size{ display: none; } #integrio_spacer_6762dbe3d07d4 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 1000px){ #integrio_spacer_6762dbe3d0a71 .spacing_size{ display: none; } #integrio_spacer_6762dbe3d0a71 .spacing_size-tablet{ display: block; } }@media only screen and (max-width: 800px){ #integrio_spacer_6762dbe3d0bee .spacing_size{ display: none; } #integrio_spacer_6762dbe3d0bee .spacing_size-tablet{ display: block; } }#portfolio_module_6762dbe3d1753 .title{ font-size: 16px; }#portfolio_module_6762dbe3d1753 .post_cats{ font-size: 24px; }