APP下载

一个心理健康微信小程序的设计与实现

2023-07-26刘浩迪王振铎李小蝶帅盛华罗裕溪

电脑知识与技术 2023年16期
关键词:心声页面心灵

刘浩迪,王振铎,李小蝶,帅盛华,罗裕溪

(西安思源学院 电子信息工程学院,陕西 西安 710038)

0 引言

随着生活和工作节奏的加快,人们承受的各方面压力随之增加,心理健康已成为社会关注的重点问题[1]。鉴于智能手机已成为人们工作生活必不可少的工具,同时微信小程序具有无须安装、入口便利(微信扫码或者搜索)、操作简单的优点[2]。通过微信小程序提供心理健康服务是可行的。

根据文献资料,目前针对人们心理健康指导的软件较少,对大学生群体的心理健康问题进行了分析,并设计了对大学生心理进行疏导的微信小程序,为大学生提供便捷的心理服务,缓解心理压力提供了参考[3-4]。而针对普通人群的心理健康小程序的研发尚不成熟。本文设计的心理健康微信小程序旨在为社区居民提供高质量的心理健康服务,让每一个人的心灵得到治愈、减轻思想负担、重视自身心理健康,从而提高生活的幸福感和获得感。

1 系统需求分析

心理健康微信小程序目的是为人们提供心理知识的普及、心理疾病的咨询、心理活动的宣泄疏解、拓展其心理的承受范围。作为一个心理健康小程序需要分享用户生活和心理困难等问题的同时保障用户的隐私;能够解决用户的心理难题,同心理专家尽享交流;拥有自己的心理生活圈,表达自己的心理动态。根据,本系统提供扫码或微信客户端添加小程序的方式进行即时的访问;在该小程序通过建立新闻速览、心灵之家、心声社区和个人中心多项服务,为用户提供心理知识、发表心声的平台、解决心理问题的窗口。

为了给用户提供良好的使用体验,系统在设计对性能需求进行了分析:首屏响应时间不超过5秒,因数据变化导致的页面结构变化的渲染时间不超过500ms,脚本运行时间不超过1秒,数据调用频率不超过20 次,所有图片均开启HTTP 缓存,网络请求耗时在1秒内返回结果,通过以上原则,保障用户良好的体验,减少用户焦虑。在程序的安全性中对数据进行加密保护,保证数据不被窃取篡改;对文档进行读写控制、截屏打印控制、剪切板控制,防止泄露机密数据;设置用户权限控制访问数据。

2 系统设计

2.1 功能设计

心理健康微信小程序包括以下几个功能。

新闻速览:心理知识的普及和认识,发布了在最新的心理知识。

心灵之家:用户可以联系专家进行线上或线下咨询,同时可以订阅和收藏感兴趣的专家讲座。

心声社区:用户可以自由地发布自己的心理活动,提出自己的心理困难与其他用户进行沟通。

小程序的详细功能如图1所示。

图1 “愈心”心理健康微信小程序功能图

2.2 页面设计

“愈心”心理健康微信小程序包含五个主要的功能模块:“新闻速览”模块、“心声社区”模块、“心灵之家”模块、“个人中心”和“用户登录”模块的具体页面设计如下。

“新闻速览”模块包含三个用户页面,用户通过小程序顶部导航栏进行选择。导航栏包括“推荐新闻”“热点新闻”和“用户关注的新闻”,小程序可根据用户需求,提供浏览感兴趣的心理新闻,了解心理方面的有关知识,以及心理健康方面的指导。同时,小程序提供对新闻进行收藏和分享的操作。

“心灵之家”模块包含专家门诊、讲座和悦心小游戏三个页面,用户登录专家门诊后可以进行线上和线下预约咨询心理问题;也可以通过专家讲座,拓展心理知识,解决心理问题;同时,用户可以通过小程序链接“悦心”小游戏缓解情绪。

“心声社区”模块中包含两个用户页面,用户通过小程序顶部导航栏进行选择。用户在“心声社区”模块中,可自由浏览其他用户分享的日常新闻、动态,在浏览过程可以进行点赞、收藏和评论操作,与其他用户自由交流。

“个人中心”模块中可以获取微信客户端登录者的头像和信息。用户可对新闻界面模块、心灵之家模块和心声社区模块中“点赞”“收藏”和“发表操作”进行浏览;在设置中,可对隐私、消息通知、账号管理和通用按键进行相关操作。

2.3 数据库设计

心理健康微信小程序通过建立云开发平台(Tencent CloudBase) 利用云数据库,有效降低了运维成本,方便小程序快速上线与迭代。本程序设计的数据库,主要包括以下三个数据表。

表1 心声社区数据库表

表2 管理员数据库表

表3 用户列表

3 系统开发

在系统开发过程中,依据《微信开发文档》相应标准进行原生开发。系统的主题颜色为粉红色和橙色,根据色彩心理学定义:粉红色象征温柔、甜美、浪漫、没有压力,可以软化攻击、安抚浮躁,心理有问题者需要源源不断的创意和心灵需要安慰时,粉红色是较好的选择。橙色给人亲切、坦率、开朗、健康的感觉,系统在开发过程中考虑了用户的体验。

3.1 开发工具和相应技术

“愈心”心理健康微信小程序基于微信开发者工具,使用HTML语言(超文本标记语言)、CSS(层叠样式表)和JavaScript编程语言,实现逻辑设计及功能开发,并采用云开发(Tencent CloudBase,TCB) 方式。云开发是腾讯云提供的云原生一体化开发环境和工具平台,为开发者提供高可用、自动弹性扩缩的后端云服务,包含计算、存储、托管等能力,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用、Flutter 客户端等),帮助开发者统一构建和管理后端服务和云资源,避免了应用开发过程中烦琐的服务器搭建及运维[5]。

3.2 核心功能开发

3.2.1 “心灵社区”模块

“心灵社区”模块是本系统的核心模块之一,开发为论坛型分享社区,主要实现分享或记录用户当前的心情:通过 bindtap="add"绑定小程序事件,在JS 中调用路由相应API,调用云数据库的核心代码如下。

“心灵社区”功能效果如图2所示。

图2“心灵社区”效果图

3.2.2 评论功能

对他人感想或记录的评价功能是通过“弹层组件”显示评论窗口,使用云数据库与每一个用户openid连接,使用条件判断语句达到发送评论的目的,并利用界面交互API wx.showToast()显示是否发送成功,核心代码如下。

评论功能效果如图3所示。

图3 评论功能效果图

3.2.3 “点赞及收藏”功能

“点赞及收藏”功能是调用数据缓存API,wx.getStorageSync('openid')获取openid,判断是否登录,未登录则无法进行点赞或收藏,绑定点赞或收藏点击事件,获取点赞数据存入数据库,核心代码如下所示。

4 系统特点

1) 功能较为完善。提供了心声社区、心灵之家、新闻速览、个人中心四大功能模块,其中有交流、评论、专家门诊、讲座、“悦心”小游戏、新闻功能。

2) 页面设计符合心理健康标准。采用暖色满足心理健康患者的应用体验。

3) 兼容性好。可以在Android、iOS等移动设备上使用。

4) 性能优良。系统在页面的白屏时间、首屏时间、资源占用、页面渲染时间、帧率等性能指标方面满足用户需求。同时系统安全性符合需求,保障用户个人隐私。

5 结束语

本文建立了基于微信小程序开发的“愈心”心理健康小程序,能够帮助用户解决烦恼与生活压力、分享生活心得、普及心理学知识,同时为用户提供心理咨询。该平台建设主要实现了新闻浏览、专家咨询预约和讲座、用户发表日常动态以及搜索、点赞、收藏等功能。系统的研发为致力于心理健康服务的研究者提供了一定的借鉴。

猜你喜欢

心声页面心灵
刷新生活的页面
心声词苑
心声词苑
心声词苑
心声词苑
心灵真正的荒凉来自太多的快感
唤醒心灵
在大地上寻找心灵的栖息
网站结构在SEO中的研究与应用
浅析ASP.NET页面导航技术