DOI QR코드

DOI QR Code

Design and Implementation of Dashboard Author and Viewer for IoT Systems based on MQTT

MQTT 기반 IoT 시스템을 위한 대시보드 저작 및 뷰어의 설계 및 구현

  • Hwang, Kitae (Dept. of Computer Engineering, Hansung University)
  • 황기태 (한성대학교 컴퓨터공학부)
  • Received : 2018.08.01
  • Accepted : 2018.10.05
  • Published : 2018.10.31

Abstract

When an IoT system is constructed, a dashboard is also developed to monitor the values of sensors in the IoT System. Much time and money, however, are spent in developing the dashboard software. This paper presents design and implementation details of a dashboard maker called as YellowPeach, which helps to create a dashboard easily and fast without programming. Using YellowPeach, the user can author a dashboard by putting predefined charts to display values of sensors in it, and store the dashboard as a JSON file. Also an web application has been developed to run the dashboard on the web browser. The dashboard viewer web application connects on MQTT-based IoT system, receives values from the sensors, and displays the values on charts in real-time.

많은 센서 장치로 연결된 IoT 시스템을 구축하면 센서들의 값을 모니터링하는 대시보드를 보통 제작하게 되며, 대시 보드 소프트웨어의 개발 및 유지에는 많은 시간과 비용이 들어간다. 본 논문은 대시보드를 빠르고 쉽게 만들 수 있는 저작 도구 YellowPeach를 설계하고 구현한 내용을 소개한다. YellowPeach를 이용하여 사용자는 센서 값을 출력하기 위해 미리 준비된 다양한 차트들로 대시보드를 꾸미며, 완성된 대시보드는 JSON 파일로 저장된다. 또한 본 연구에서는 웹브라우저에서 대시보드를 출력할 수 있는 웹 애플리케이션을 제작하였다. 대시보드 뷰어 웹 애플리케이션은 MQTT 기반의 IoT 시스템을 연결하여 센서로부터 실시간으로 값을 받아 화면에 출력한다.

Keywords

References

  1. SeoHyung Kim, IoT : Internet of Things Technology, IEIE Magazine, Vol. 43, No.3, pp.64-71, 2016
  2. Dongha Shim, Ji-Hoon Yang, Jeungki Son, Seung-Han Han, Hyounmin Lee, Smart Parking Guidance System based on IoT Car-stoppers, The Journal of the Institute of Internet, Broadcasting and Communication, Vol. 17, No. 3, pp.137-143, Jun. 2017 https://doi.org/10.7236/JIIBC.2017.17.3.137
  3. Jasenka Dizdarevic, Francisco Carpio, Admela Jukana, Xavi Masip-bruin, A Survey of Communication Protocols for Internet-of-Things and Related Challenges of Fog and Cloud Computing Integration, ACM Computing Surveys, Vol. 1, No. 1, April 2018.
  4. https://en.wikipedia.org/wiki/MQTT
  5. https://hackernoon.com/9-best-javascriptcharting-libraries-46e7f4dc34e6
  6. https://www.chartjs.org/
  7. https://mosquitto.org/
  8. https://www.json.org/json-ko.html
  9. Kitae Hwang, Heyjin Park, Jisu Kim, Taeyun Lee, Inhwan Jung, An Implementation of Smart Gardening using Raspberry pi and MQTT, The Journal of The Institute of Internet, Broadcasting and Communication, Vol. 18, No. 1, pp.151-157, 2018 https://doi.org/10.7236/JIIBC.2018.18.1.151