技术领域
[0001] 本公开涉及
农业机械物联网技术领域，特别涉及一种智能播种机作业监管云平台的Web前端系统。
背景技术
[0002] 本部分的陈述仅仅是提供了与本公开相关的背景技术，并不必然构成
现有技术。
[0003] 播种作业是农业生产中重要的环节，播种
质量的好坏直接影响产量。目前新型播种机大都安装了智能化监控装备，通过
触摸屏实时显示行播种数、
施肥量、作业幅宽、作业面积、作业速度等数据，作业中出现缺种、堵种、缺肥、堵肥等状况时，通过蜂鸣器进行报警提示。越来越多的播种机还具备了卫星
定位和无线传输功能，为作业的远程监管提供了可能，这也是播种机发展趋势之一。
[0004] 本公开
发明人发现，目前的播种机作业监管平台架构较为复杂，数据更新速度慢，而且成本较高，极大的限制了播种机作业监控技术的发展。
发明内容
[0005] 为了解决现有技术的不足，本公开提供了一种智能播种机作业监管云平台的Web前端系统，采用先进的前后端分离模式和ECharts技术，极大的提高了展示效果，同时实现了异步加载和数据的快速更新。
[0006] 为了实现上述目的，本公开采用如下技术方案：
[0007] 本公开第一方面提供了一种智能播种机作业监管云平台的Web前端系统。
[0008] 一种智能播种机作业监管云平台的Web前端系统，至少包括播种机分布模
块，被配置为：用于实现将播种机分布数据显示在Google地图上，具体为：
[0009] 播种机分布组件订阅从平台后端获取到的播种机分布数据，使用地图数据服务将分布数据广播给Google地图子组件，Google地图子组件订阅到数据后完成播种机分布图的显示。
[0010] 作为可能的一些实现方式，
鼠标放到播种机的地图标记上时列出其简要信息。
[0011] 作为可能的一些实现方式，还包括播种机实时监测模块，被配置为：实现播种机作业数据的实时显示，至少包括作业参数、
发动机状态、每行播种数与施肥量、亩播量、亩施肥量和作业速度。
[0012] 作为进一步的限定，所述播种机实时监测模块的工作方式，具体为：Google地图子组件将用户选择的地图标记对应的播种机数据广播给播种机分布组件，播种机分布组件使用NG-Bootstrap的NgbModal服务打开播种机实时监测窗口，播种机实时监测组件定时订阅更新作业数据，并广播给各个监测子组件，各个监测子组件使用ECharts
插件实现作业数据的
可视化动态显示。
[0013] 作为更进一步的限定，所述作业参数至少包括幅宽、行数、株距设定和施肥量设定，所述发动机状态至少包括转速、
水温和油量。
[0014] 作为可能的一些实现方式，还包括作业质量分析模块，被配置为：实现播种机作业记录列表显示，包括有各台播种机每天所有作业记录的汇总，至少包括车主、车牌号、作业类型、作业面积、设备号、作业日期、测量点数和达标面积。
[0015] 作为进一步的限定，每条作业记录的作业数据，至少包括作业幅宽、作业时段、平均速度、作业地点、达标率、测量点数和亩播量。
[0016] 作为更进一步的限定，每条作业记录的作业轨迹，包括测量点、图像点、轨迹和轨迹回放，作业轨迹中设定不同的
颜色，分别代表播种合格和播种不合格。
[0017] 作为可能的一些实现方式，还包括作业面积统计、播种机统计模块和作业
地块管理模块，分别用于作业面积统计、播种机统计和作业地块管理。
[0018] 本公开第二方面提供了一种
电子设备，包括本公开第一方面所述的智能播种机作业监管云平台的Web前端系统。
[0019] 与现有技术相比，本公开的有益效果是：
[0020] 1、本公开总体架构业界领先、技术前瞻，本公开采用前端开发
框架Angular为一个用HTML和TypeScript构建客户端应用的平台与框架，其支持模型-视图-
控制器(MVC)设计模式的应用，极大的提高系统整体的运行速度，同时能够实现各个子模块的自定义添加。
[0021] 2、本公开所述的
数据可视化采用了ECharts，展示效果好，所述的ECharts具备轻量化、矢量化、交互丰富、高度可定制的优点，支持异步加载和数据的快速更新。
[0022] 3、本公开所述的
支撑框架(Angular、RxJS和ECharts等)开源免费，开发成本低，对本公开所述的WEN系统的推广具有推动作用。
附图说明
[0023] 图1为本公开
实施例1提供的智能播种机作业监管云平台的Web前端系统的整体架构图。
[0024] 图2为本公开实施例1提供的播种机分布模块展示图。
[0025] 图3为本公开实施例1提供的播种机作业实时监测模块展示图。
[0026] 图4为本公开实施例1提供的作业列表展示图。
[0027] 图5为本公开实施例1提供的作业质量分析展示图。
具体实施方式
[0028] 应该指出，以下详细说明都是例示性的，旨在对本公开提供进一步的说明。除非另有指明，本文使用的所有技术和科学术语具有与本公开所属技术领域的普通技术人员通常理解的相同含义。
[0029] 需要注意的是，这里所使用的术语仅是为了描述具体实施方式，而非意图限制根据本公开的示例性实施方式。如在这里所使用的，除非上下文另外明确指出，否则单数形式也意图包括复数形式，此外，还应当理解的是，当在本
说明书中使用术语“包含”和/或“包括”时，其指明存在特征、步骤、操作、器件、组件和/或它们的组合。
[0030] 在不冲突的情况下，本公开中的实施例及实施例中的特征可以相互组合。
[0031] 实施例1：
[0032] 本公开实施例1提供了一种智能播种机作业监管云平台的Web前端系统，总体框架如图1所示，开发框架采用了业界领先的Angular 5，响应式编程库采用了异步数据流编程库RxJS，通过Google Maps JavaScript API接入Google地图，UI采用了Nebular、Bootstrap，数据可视化采用了矢量化、交互丰富、支持异步、高度可定制的ECharts。
[0033] 所述的前后端分离已成为Web项目开发的业界标准开发模式，核心思想是前端Html页面通过AJAX调用后端的RESTful API
接口，使用JSON数据进行交互。在开发阶段，前后端工程师约定数据交互接口API，实现并行开发和测试；在运行阶段对Web应用进行分离部署。所述的前后端分离不仅仅是开发模式，也是物联网应用的一种架构模式。它实现了复杂的业务逻辑与架构的解耦，为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务(PC浏览器、安卓、IOS、车载终端等)打下了坚实的
基础。
[0034] 所述的Angular是一个用HTML和TypeScript构建客户端应用的平台与框架，支持模型-视图-控制器(MVC)设计模式的应用。所述的Angular的基本构造是模块(NgModule)，它为组件(Component)提供了编译的上下文环境，应用至少会有一个用于引导的根模块。视图是HTML和Angular的标记组合，Angular可以根据程序逻辑和数据来选择或
修改它们。组件类的元数据将组件类和一个用来定义视图的模板关联起来。每个应用至少有一个根组件。服务是应用中一些通用的功能，服务的元数据让组件可以通过依赖注入使用它，使应用的代码更加模块化、可复用、高效。应用通常会定义很多视图，并进行分级组织。所述的Angular提供了路由(Router)模块来定义视图之间的导航路径并可以在浏览器内导航。
[0035] 所述的RxJS是ReactiveX编程理念的JavaScript版本。ReactiveX来自微软，它是一种针对异步数据流的编程。简单来说，它将一切数据，包括HTTP
请求、DOM事件以及普通数据等，
包装成流的形式，然后用强大丰富的操作符
对流进行处理，使我们能以同步编程的方式处理异步数据，并组合不同的操作符来实现所需要的功能。所述的RxJS是一个库，结合了观察者模式、
迭代器模式和使用集合的函数式编程来管理事件序列。它提供了一个核心类型Observable，附属类型(Observer、Schedulers、Subjects)和类似数组的操作符(map、filter、reduce、every等)，这些操作符可以把异步事件作为集合来处理。
[0036] 所述的智能播种机作业监管云平台的Web前端系统，通过Google Maps JavaScript API来调用所述的Google地图。
[0037] 所述的ECharts，是一个使用JavaScript实现的开源可视化库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器，底层依赖轻量级的矢量图形库ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。所述的ECharts图表支持异步加载和更新的数据，在图表初始化后通过RxJS等工具异步获取数据后填入option的配置项和数据项就可实现
[0038] 本实施例所述的WEB前端系统至少包括播种机分布模块、作业实时监测模块、作业质量分析模块、作业面积统计模块、播种机统计模块和作业地块管理模块。
[0039] 如图2所示，所述的播种机分布模块实现将播种机分布数据显示在Google地图上。主要步骤是，首先，播种机分布组件订阅从平台后端获取到的播种机分布数据；然后使用地图数据服务将分布数据广播给子组件Google地图组件；第三步，地图组件订阅到数据后完成播种机分布图的显示；第四步，实现鼠标放到播种机的地图标记上时列出其简要信息。
[0040] 如图3所示，所述的播种机实时监测模块实现播种机作业数据的实时显示，包括作业参数(幅宽、行数、株距设定、施肥量设定)、发动机状态(转速、水温、油量等)、每行播种数与施肥量、亩播量与亩施肥量、作业速度等。主要步骤是，首先，Google地图组件将用户选择的地图标记对应的播种机数据广播给播种机分布组件；然后，播种机分布组件使用NG-Bootstrap的NgbModal服务打开播种机实时监测窗口；第三步，播种机实时监测组件定时订阅更新作业数据，并广播给各个监测子组件：最后，各子组件使用ECharts插件实现作业数据的可视化动态显示。
[0041] 所述的作业质量分析模块实现播种机作业记录列表显示，作业列表如图4所示；某台播种机某天所有作业记录的汇总作业数据，包括车主、车牌号、作业类型、作业面积、设备号、作业日期、测量点数、达标面积等；每条作业记录的作业数据，包括作业幅宽、作业时段、平均速度、作业地点、达标率、测量点数、亩播量等；每条作业记录的作业轨迹，包括测量点、图像点、轨迹、轨迹回放等，如图5所示，为作业分析质量分析展示图，作业轨迹中绿色线条为合格部分，红色线条为不合格部分。
[0042] 实施例2：
[0043] 本公开实施例2提供了一种电子设备，包括实施例1所述的智能播种机作业监管云平台的Web前端系统。
[0044] 以上所述仅为本公开的优选实施例而已，并不用于限制本公开，对于本领域的技术人员来说，本公开可以有各种更改和变化。凡在本公开的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本公开的保护范围之内。
