IMPLEMENTASI FRAMEWORK VUE.JS PADA FRONTEND UNTUK VISUALISASI DATA LOGGER

The world health team (WHO) is trying to minimize the spread of COVID-19 by intensifying the behavior of wearing masks, washing hands with soap and running water, maintaining distance, staying away from crowds, limiting mobilization and interaction. One of them is applying Internet of Things (IoT) technology to help overcome the spread of COVID-19. Efforts to overcome the COVID-19 pandemic by examining a person's body through IoT technology have been implemented previously. In this study, recording a person's temperature data is stored through an IoT platform called ThingSpeak. The research is also in line with current research. However, the recorded data has four variables: data on a person's temperature, oxygen saturation, number of visitors in an agency, and the remaining volume of hand sanitizer. However, the ThingSpeak platform has a drawback: data visualization is less attractive and informative. Therefore, it is necessary to have a website dashboard to visualize the data contained on the ThingSpeak platform so that the display is more attractive and easy to understand. So, in this study, the author created a dashboard that provides information from the data stored on the IoT platform. However, the author only focuses on the Frontend. The Frontend is built using the Vue.js framework because it has advantages such as being flexible (can be used in large and small-scale website creation), reducing repetitive code, and making the page display more reactive in building this Frontend using the Extreme Programming development method.