火灾监控预警系统APP开发

2020-03-31 13:35:09 wwwcn4 45

一、发展现状:

1、随着电子科学技术及通信技术的飞速发展,移动手机平台越来越受到各界的关注,各项手机平台应用软件不断推出。各类业务办理均可以实现“掌上办理”,火灾监控预警系统也是如此。

2、目的 :为我公司产品开发出一款配套的火灾监控预警系统手机APP,用户可以在有网络的情况下,随时随地查看已投入运行的产品的实时监控数据和历史监控记录,实现对火灾的“掌上监控预警”。

二、APP设计要求

1、内容优先, 布局合理 适时提升屏幕空间的利用率 。

2、无论是控件使用,提示信息,还是颜色、窗口布局风格,做到一致。

3、屏幕不能拥挤,一行控件,纵向中对齐,空间间距基本保持一致。

4、在 APP 的布局、色调、字体等方面应加以润色, 使人机界面更加友好、用户体验感更舒适。


三、手机APP框架及功能要求

1 、 页面布局和交互规范上建议安卓、 ios 尽量统一,兼容 安卓和 ios 系统。

2、APP图标 融合公司元素,突出火灾监控主题。 3、APP登录

用户点击

3、APP 图标进入后,显示登 录 页面, 示意 图 如图 1 所示 。

(1)首次 安装,需要先注册账号,点击 立即注册 ”进行 新用户注册, 设置 账号和密码 完成注册后退出重新进入登录界面,输入 用户名和 密码 点击登录即可。

(2)已有账号和密码, 进入登录界面,输入 用户名和 密码 点击登录即可。

3 、忘记密码 ,点击 “找回密码”即可 找回。


软件公司,软件开发,微信开发,小程序开发,网站开发

4、首页框架,登录后进入首页,首页应可查询实时数据、实时曲线、实时状态、历史信息等;同时可在上方直观显示当前火警、故障信息、屏蔽信息和联动信息数量,四个信息栏的右上角可显示信息数量,如要查看详细信息,点击对应功能框进入查看,具体框架可参考图2。

软件公司,软件开发,微信开发,小程序开发,网站开发



点击“火警信息”,进入火警信息页面,可看到具体的火警信息内容列表,

可参考下图。火警信息应包括火警发生的设备名称及型号、设备地址、上报时间

等。以SM9003 为例,显示形式如下图。

软件公司,软件开发,微信开发,小程序开发,网站开发

点击“故障信息”,进入故障信息页面,可看到具体的故障信息内容列表,可参考图3。故障信息应包括故障发生的设备名称及型号、设备地址、上报时间等。


点击“实时数据”,进入实时数据查询界面,可以输入设备地址、名称及型号,查询对应设备的实时数据,参考图4:设备的实时数据和实时曲线可切换。以SM9003 为例,如果查询探测器1/1#通道/1#节点的温度,那么输入的设备地址为:1-1-1;如果是查询探测器1/1#通道整个通道温度,那么输入的设备地址为:1-1-0。点击“实时曲线”,进入实时曲线查询界面,可以输入设备地址、名称及型

号,查询对应设备的实时曲线,曲线如图5 所示。


软件公司,软件开发,微信开发,小程序开发,网站开发

点击“实时状态”,进入实时状态查询界面,可以输入设备地址、名称及型号,查询对应设备的实时状态,实时状态有:无报警、首警、误报警、故障等。

点击“历史记录”时,进入历史记录页面,可以查看设备火警、故障信息历史统计数据,同时可以选择起始时间和截至时间(例如:2018-1-21~至今),参考图6。

软件公司,软件开发,微信开发,小程序开发,网站开发

点击“设备列表”时,进入设备列表页面,看到所有设备,显示参考图7。

软件公司,软件开发,微信开发,小程序开发,网站开发

页面中间的“最新火警信息”栏,可以实时推送火警信息,一旦有火警信息,就会推送到这一栏,便于用户一打开APP 就能看到火警信息,点击推送栏中的文字可以查看火警的具体信息。

点击页面下方状态栏中的“首页”时,可回到APP 首页界面。

点击页面下方状态栏中的“统计”时,可显示设备报警类型、火警误报、设

备故障及设备在线情况的一些统计数据,参考图8。


软件公司,软件开发,微信开发,小程序开发,网站开发

点击页面下方状态栏中的“服务 ”时 可显示 设备 安装与维护、巡查与隐患及其他一些信息 可参考图 9


软件公司,软件开发,微信开发,小程序开发,网站开发

四、


QQ客服