基于HTML5的物联网应用图形化编程工具

论文总字数：28363字

摘 要

随着互联网行业的快速发展，互联网技术已经应用到我们生活的各个方面，进而衍生出来很多互联网 产品。在这其中，互联网行业的一个重要方向就是物联网。可以预见的是，物联网的应用范围很广，包括智能交通，智能家居，工业监控等等，物联网也被称为继计算机、互联网之后世界信息产业发展的第三次浪潮。但是如今物联网的推进程度却低于我们的预期，其中很大一个原因就是开发难度大。

本论文针对目前物联网应用开发入门难度较大这一需求，结合HTML5相关技术，开发一款易部署，易操作的图形化编程工具。本文的主要工作包括：

1. 设计并实现通过拖拽进行图形化编程

利用HTML5的拖拽接口，让用户从已有组件中进行拖拽连线，抽象出组件来表示数据处理逻辑，组件间连线表示数据流走向，从而生成自己的应用。并且提供了对多用户，多应用的支持，用户可以方便的查看错误信息以及进行调试。

1. 设计并实现了分布式的总体架构以及相应的生态系统

通过将工具分为Hub，Broker和Center三个层次，降低了工具的耦合性，增强可拓展性。支持Hub和Center不在同一设备进行通信。实现了对HTTP和MQTT的通信协议的支持。Hub层使用NodeJs封装了硬件数据的读取操作，对用户透明。通过支持APP以及Service，Thing的上传下载，可以让不同用户共享组件和应用，从而构建相应的生态系统。随着用户和组件的增加，实现应用将变得更加快速、简单。

1. 设计并实现了工具一键部署使用

提供多种安装和部署方式，通过脚本整合安装运行流程，让用户部署以及使用起来更加简单，同时提供了Windows和Linux，MacOS系统的支持，实现了跨平台。

论文设计并实现了图形化编程工具，工具通过提供图形化编程的能力，结合Edison开发板，实现了硬件操作对用户的透明。降低了物联网应用的开发难度，让更多人可以参与到物联网当中来，让他们更快的实现自己的创意。

关键词：物联网，图形化编程，HTML5，NodeJs，React，分布式

A graphical programming tool for IoT applications based on HTML5

71Y13123 JieLiang

Advisor Qingjian Ni

Abstract

With the rapid development of the Internet industry, Internet technology should be applied to all aspects of our lives, and then derived from a lot of Internet products. In this one, an important direction of the Internet industry is the Internet of Things. It is foreseeable that the application of a wide range of things, including intelligent transportation, intelligent home, industrial monitoring, etc., Internet of things is also known as the computer, the Internet after the world's third wave of information industry development. But now the level of things to promote the level is lower than we expected, a big reason is the development of difficult. Without mature development tools, developers must solve their own difficulties and challenges in programming.

In this paper, the development of Internet of things for the development of this demand is more difficult, combined with HTML5 technology, the development of a easy to deploy, easy to operate graphical programming tools. The main work of this paper includes:

1. To achieve through the drag and drop for graphical programming

Using HTML5 drag and drop interface, allowing users to drag from the existing components of the connection, abstract components to represent the data processing logic, the connection between components that data flow to generate their own applications. And provides a multi-user, multi-application support, users can easily view the error message and debugging.

2. Design and implement the distributed overall architecture and the corresponding ecosystem

By dividing the tool into Hub, Broker and Center levels, the coupling of the tool is reduced and the scalability is enhanced. Support Hub and Center do not communicate on the same device. Implemented support for HTTP and MQTT communication protocols. Hub layer using NodeJs package of hardware data to read, transparent to the user. By supporting APP and Service, Thing upload and download, you can let different users share components and applications, so as to build the appropriate ecosystem. With the increase in the user and the increase in components, the application will become faster and easier.

3. Design and implement a tool to achieve the use of a key deployment

Provide a variety of installation and deployment methods, through the script to install the installation process, allowing users to deploy and use more simple, while providing Windows and Linux, MacOS system support, to achieve a cross-platform.

The paper designs and implements the graphical programming tools. The tool can realize the transparency of the hardware operation by providing the ability of graphical programming and the Edison development board. Reduce the difficulty of the development of Internet of things applications, so that more people can participate in the Internet of things to them, so that they can achieve their own ideas faster.

Keywords: Internet of things, graphical programming, HTML5, NodeJs, React, distributed

目 录

基于HTML5的物联网应用图形化编程工具 I

摘要 I

Abstract II

目 录 IV

第一章 绪论 1

1.1论文背景 1

1.2开发难题 1

1.3论文章节安排 2

第二章 系统需求分析 4

2.1需求分析 4

2.2相关环境以及技术 10

第三章 系统详细设计 12

3.1系统架构设计 12

3.2前端详细设计 14

3.3后端详细设计 20

3.4 Broker，Hub，Center详细设计 22

3.5系统部署和使用 26

3.6总结 27

第四章 总结和展望 28

4.1 项目总结 28

4.2 进一步的工作 28

致 谢 30

参考文献 31

第一章 绪论

剩余内容已隐藏，请支付后下载全文，论文总字数：28363字