该项目采用的是react框架,搭配redux加上redux-saga中间件。该项目分为无人艇管理,任务管理,态势显示,日志记录,系统管理模块。通过添加无人艇设备到任务管理模块,由用户定制规划航线设置,上传任务到态势页面,然后在态势页面通过对接后台,控制无人艇的启动,返航等功能。同时增加AIS,频谱,气象等外接接口或者设备由后台返回实时的经纬度,展示在web端,并判断是否偏离航线。对接了云台以及一键喊话等外接设备,通过发送指令到后台,实现用户操纵云台实现镜头上下左右,变倍变焦等功能。在任务完成后,通过日志回放,可以通过时间轴,完整还原本次任务所有过程,包括何时起飞拍照,返航等,还可生成无人艇录像功能。