基于Qt on Android平台的空气质量监测系统手机客户端设计

2017-03-15 17:05曹龙刘炜曾力
电子技术与软件工程 2017年2期
关键词:空气质量客户端界面

曹龙+刘炜+曾力

摘 要 利用Qt on Android平台设计出了一种针对空气质量监测系统的Android手机客户端,该客户端实现了手机与服务器的信息交互,使得用户可以通过手机方便快捷的查询选定监测端当前的空气质量数据,实现了室内环境监测的网络化。同时为C/C++程序员在Android平台开发APP提供了范例。

【关键词】Qt on Android 空气质量 监测 C/S XML

1 引言

Android平台已成为智能手机领域举足轻重的平台,由于其只支持Java开发应用,对C/C++开发的支持有限,大多数C/C++程序员若想进行Android平台的开发只好转型。而Qt on Android的出现为众多C/C++程序员提供了福音。利用Qt Creator可以轻松将Qt程序部署到Android平台上,从而实现Qt在Android平台上的应用。笔者设计了一种针对空气质量监测系统的Android手机客户端,为操作人员提供更加灵活的环境监测手段,随时获取环境信息。

2 手机客户端的软件功能

空气质量监测系统手机客户端的主要作用是按照用户的需求,向服务器发出相应的请求,从而获取当前室内的温度、湿度、光照强度、PM2.5和氨硫类气体等环境数据信息,并对数据进行解析后存储,通过相应的控件在手机上显示出来,从而实现室内环境监测的网络化、智能化。

手机客户端软件主要由用户登录模块、用户注册模块、通信设置模块、室内环境数据显示界面,数据曲线绘制模块等组成。其结构如图1所示。

登录模块:主要实现用户的登录功能。当手机客户端发出登录请求后,服务器匹配用户数据库的信息,若匹配成功,则返回登录成功的指令,进入数据显示界面。

注册模块:为用户提供注册功能。用户确定注册信息后,服务器将用户名和密码信息查询用户数据库中用户是否已存在,若用户名不存在,则完成注册,否则提示用户出错。

网络设置:设置客户端网络连接的服务器IP和端口。

数据显示界面:客户端登录后会实时显示当前时段各个终端的数据情况;点击对应的图标会进入数据曲线显示界面。如图2所示。

客户端中界面设计采用堆栈的思想,使用QStackedWidget类对各个界面进行存放,将不同的widget使用UI控件类将其放进该类的对象中,并进行编号,也可显式编号,默认从0开始。利用Qt中的信号与槽机制(singnals and slots),可以很好的实现各个界面的切换,以界面中的“登录”功能为例,当用户点击“DL_Btn”控件(登录按钮名称)时,控件发出信号clicked(),从而触发与之相关联的槽函数on_DL_Btn_clicked(),在函数中处理登录过程的信息交互,当满足登录条件时,调用setCurrentIndex(int) 来显示该页号的widget。进入数据显示界面。

3 手机客户端与服务器的通信

该平台采用C/S(Client/Server)结构,客户端程序与服务器通过Socket套接字建立TCP/IP连接,从而实现客户端与服务器的网络数据通信。在Qt中QTcpSocket类为TCP提供了一个接口,可以使用QTcpSocket来实现标准的网络协议。

服务器启动后,调用QTcpServer::listen()函数来设置服务器的IP及端口号,如server->listen(QHostAddress::Any,ui->txtPort->text().toInt()),使服务器进入监听状态,等待客户端的连接。配置代码如下:

bool ok=server->listen(QHostAddress::Any,ui->txtPort->text().toInt());//启动监听

客户端负责建立Socket连接,用户输入用户名和密码进行登录后,系统进入Sockt连接槽函数,通过QTcpSocket::connectToHost()函数建立与服务器的连接,同时使用QTcpSocket::waitForConnected()函数设置连接超时时间。Socket连接成功后,服务器就可以接收客户端发出的请求信息,与客户端进行环境信息的交互。部分代码如下:

tcpClient->connectToHost(ui->txtIP->text(),ui->txtPort->text().toInt());//连接服务器

tcpClient->waitForConnected(1000);//连接超时设置

4 手机客户端与服务器间的通讯协议

服务器和手机客户端数据通讯采用的是用TCP/IP传输XML的消息的方式,其帧结构如表1所示。

其中开始表示采用0C55CH,报文内容为XML文件的数据流。XML格式部分报文如下:

请求监测参数报文:

<?xml version="1.0" encoding="UTF-8"?>

需求数据版本号

回复报文:

<?xml version="1.0" encoding="UTF-8"?>

监测终端编号

温度

湿度

光强PM2.5

有害气体

日期

时间段

.......

服务器接收到客户端的请求命令后,获取数据库中存储版本后到当前时间段版本的数据,按照上述格式回复报文的形式保存为xml文件,读取文件并转化为字节流,再进行帧格式的拼接,封装成TCP/IP数据帧发送;手机客户端将接收的数据帧去掉帧头后,提取有效信息保存为xml文件,应用程序解析xml文件中的监测信息,最后通过界面进行显示。

5 结语

本文提出的使用Qt on Android设计的空气质量监测系统在Android智能机上得以实现,增强空气质量监测系统监测数据查询的便捷性,同时为C/C++程序员开发Android手机APP提供了范例,具有很好的借鉴价值。

参考文献

[1]安晓辉.Qt on Android核心编程[M].电子工业出版社,2015.

[2]霍亚飞.Qt Creator快速入门[M].北京航空航天大学出版社,2012.

[3]孙贺.室内环境监测系统中客户端的设计与实现[D].信息技术,2014.

作者简介

曹龙,硕士学历。主要研究方向为信号检测与信息处理。

刘炜,副教授,硕士研究生导师。

曾力,硕士学历。主要研究方向为信号检测与信息处理。

作者单位

北方民族大學电气信息工程学院 宁夏回族自治区银川市 750021

猜你喜欢
空气质量客户端界面
国企党委前置研究的“四个界面”
县级台在突发事件报道中如何应用手机客户端
孵化垂直频道:新闻客户端新策略
基于Vanconnect的智能家居瘦客户端的设计与实现
基于FANUC PICTURE的虚拟轴坐标显示界面开发方法研究
“空气质量发布”APP上线
人机交互界面发展趋势研究
车内空气质量标准进展
重视车内空气质量工作 制造更环保、更清洁、更健康的汽车
开展“大气污染执法年”行动 加快推动空气质量改善