Browse > Article
http://dx.doi.org/10.17662/ksdim.2022.18.1.047

Status and Trend on Applying Web Front-End Frameworks for Developing Network Monitoring Applications in a Web of Things Environment  

Cha, Si-Ho (청운대학교 멀티미디어학과)
Publication Information
Journal of Korea Society of Digital Industry and Information Management / v.18, no.1, 2022 , pp. 47-54 More about this Journal
Abstract
All things connected to the Internet have to ensure interoperability between each other. Web of Things (WoT) is an Internet of Things (IoT) Web standard technology that enables the communication between smart devices and web-based applications. In order for WoT to be possible, monitoring of all devices connected to the Internet have to be possible. To this end, various efforts are being made to develop network monitoring applications using the latest Web front-end frameworks, not traditional web-based monitoring. This paper examines and describes the possibilities of applying Web front-end frameworks such as React, Angular and Svelte to the development of network monitoring applications for WoT. This paper also describes the pros and cons of two major frameworks, React and Angular, in developing monitoring applications that support the cross-platforms and cross-browsers in WoT environments and examines the applicability of them by developing simple network monitoring applications using React.
Keywords
WoT; Web of Things; Network Monitoring; Front-End Frameworks; React;
Citations & Related Records
연도 인용수 순위
  • Reference
1 L. K. Ramasamy, S. Kadry, "Internet of things (IoT)", Blockchain in the Industrial Internet of Things, IOP Publishing Ltd. 2021, pp.1-16.
2 D. Rathod, Build a Network Monitoring Application using React, Mar. 07, 2021, https://codesource.io/build-a-network-monitoring-app-using-react/.
3 T. Sentre, Build a Network Monitoring Application using React, Nov. 22, 2021, https://medium.com/@merndev/build-a-network-monitoring-application-using-react-7bd9170b5f5a.
4 D. Rathod, Build a server monitoring app using Node & Angular, Dec. 17, 2019, https://codesource.io/build-a-server-monitoring-app-using-node-angular/.
5 Node, https://nodejs.org/en/.
6 Vagrant, https://www.vagrantup.com/.
7 chart.js, https://www.chartjs.org/.
8 React, https://reactjs.org/.
9 Techopedia, Web of Things (WoT), https://www.techopedia.com/definition/26834/web-of-things-wot.
10 MobiDev, Introduction to the Web of Things, Dec. 16, 2021, https://www.iotforall.com/introduction-to-the-web-of-things.
11 Angular, https://angular.io/.
12 Vue, https://vuejs.org/.
13 Svelte, https://svelte.dev/.
14 NPM trends, https://www.npmtrends.com/angular-vs-react-vs-vue