基于易班的心理诊室应用的设计与实现

2020-12-14 04:37赖力潜沈圳梅刘学东钟伟豪
电脑知识与技术 2020年28期
关键词:网页设计计算机应用心理咨询

赖力潜 沈圳梅 刘学东 钟伟豪

摘要:計算机网络应用已涉及各行业领域,易班的发展为网络教育提供了一个良好的平台。为针对大学生日益突出的心理健康问题,了解学生心理状况,引导学生树立正确心理健康观念,在基于实际软件开发的基础上,该文介绍了基于易班的心理诊室应用的设计与实现,具有一定的应用价值。

关键词:心理咨询;计算机应用;网页设计

中图分类号:TP393      文献标识码:A

文章编号:1009-3044(2020)28-0081-02

1 引言

易班网是高校教育教学、生活服务、文化娱乐的综合性互动社区,为在校师生提供主页定制,社区交流,空间存储,群组聊天,在线学习,活动发布,兴趣交友等教育信息化一站式服务。易班的发展,为网络教育提供了一个良好的平台。

当代大学生普遍存在一定程度的心理问题[1],而部分学生因为觉得害羞、觉得丢人等原因不愿意到线下找实体心理咨询机构进行咨询,导致问题日益严重。因此,本文结合实际开发经验,介绍了基于易班的心理诊室应用的开发意义、设计与实现的原理与方法。

2 开发意义

大学阶段对学生的人生成长有重要影响,大学时期是学生进入社会前价值观形成的关键时期。该应用可以引领学生了解心理咨询中心的基本情况,学习相关心理知识,进行心理咨询,对学生心理健康的形成起到一定的引导作用。

在采用症状自评量表(SCL-90)、艾森克人格问卷(EPQ)对样本大学生进行的问卷调查中,被测试大学生有10.7%的学生显示有不同程度的心理问题[2]。了解学生的心理状况,及时采取相应措施给予解决,有助于机构部门防患于未然。

不愿直面心理健康问题,是学生不愿进行心理辅导的因素之一。当学生不想面对面交谈或者无法抽出时间前往心理咨询中心时,该应用可以通过线上匿名咨询的方式进行对学生进行心理辅导,有利于保护学生隐私。从而学生会更愿意进行心理咨询,及时解决心理问题。

3功能构成与实现

3.1 应用的功能构成

心理诊室应用面向对象为教师与学生,因此根据实现需要,功能构成具体如图 1:

1)关于我们:介绍了心理健康教育与咨询中心的基本情况,让使用该应用的学生能够对心理中心有所了解,产生一定的信任感。心理中心的教师资质能够充分为有需要的学生提供帮助,为广大学生的心理教育进行引导。

2)心理健康:本功能是对心理健康教育知识进行宣传,为学生们收集与心理健康有关的文章、小知识等。一方面,无须学生自己去网络上寻找,便于学生阅读,以防学生找到错误的心理知识,陷入迷惑。另一方面,老师可以在此发表上课所需文章,提高课堂质量,使课堂形式更加丰富。

3)心理专家:学生们通过此页面的介绍可以对学校心理老师有初步的认识,对下一步的“预约咨询”功能所需的咨询师有所了解,可以有依据地选择自己喜欢的咨询师。本页面的心理专家均来自心理中心,对不同心理领域都有建树,学校的健康与心理教育课的老师也皆出自心理中心,学生在上健康与心理教育课前也可通过此页面进行了解。

4)预约查询:在“心理专家”功能的基础上,学生可通过页面预约咨询,选择时间与心理专家面对面交谈。系统自动录入老师可咨询日期,学生自行选择咨询日期,方便学生安排行程,不再造成学生到中心却没有老师可以咨询的局面。同时,也方便了心理中心管理秩序,老师们的教学时间与同学们的咨询时间不再冲突。

5)留言咨询:该功能可以直接在线上咨询,等待心理老师的回复。本功能的留言会展示在页面上,所以我们还提供了匿名留言这一选择。其他学生通过查阅他人的留言和老师回复,可以考虑自己是否也有相同情况,再进行进一步的咨询,减轻了心理老师的工作负担。同时,本留言功能不局限于心理问题的留言,学生对老师上课过程中产生的疑惑也可以在本页面提出,不断提高老师们的上课质量。

3.2 设计框架

基于易班的心理诊室应用开发的主要运用了B/S结构和bootstrap设计框架为核心。B/S结构即浏览器前端/服务器结构。它具有分布性特点,可以随时随地进行查询、浏览等业务处理;B/S结构业务扩展简单方便,通过增加网页即可增加服务器功能,将更加方便开发人员更新后续版本;B/S结构维护简单方便,只需要改变网页,即可实现所有用户的同步更新。Bootstrap是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、Javascript 的,它简洁灵活,使得 Web 开发更加快捷。Bootstrap 属于前端 UI库,通过现成的UI组件能够迅速搭建前端页面。同时还可以用less重新设计组件。使得开发者可以方便地让网页无论在台式机、平板设备、手机上都获得最佳的体验。

3.3 开发环境

IDE:Eclipse;数据库服务器:MySQL8.0;Web服务器:Tomcat;服务器操作系统:Linux操作系统。

3.4 核心技术

1)前端是由html+css搭建出应用的静态页面,实现页面的静态化与自适应手机;

2)通过JavaScript搭建出动态页面,包括预约成功弹出框和图片轮播效果,同时结合layer(JQuery弹出层插件)进行搭配使用;

3)后端使用java脚本进行编辑实现:

主要步骤如下:Java配合html进一步实现应用页面功能,控制组件的使用;通过Java实现易班api接口,根据需求获取授权用户的相关信息;Mysql创建数据库与数据表;Java连接数据库与MySQL实现将获取的用户相关信息进行保存,包括预约用户、心理知识等;Java与Ajax、JQuery实现数据在不同文件中异步传输;Session会话保存用户信息防跳墙与登录验证操作,保证数据安全性。

使用当今最主流的网页设计组合Html5+CSS+JavaScript,动态网页开发技术JSP,同时配合热门Web开发技术JavaEE,有效提高了程序的易维护性和可扩展性。利用开放源代码的关系型数据库管理系统MySQL,保证代码可移植性,增加响应速度并提高了灵活性。

3.5 技术细节

1)易班Api接口实现:

易班Api接口实现流程如图 3。用户在易班App中的点击应用,进入应用的站内地址。易班轻应用框架服务通过get方式在易班客户端webview或浏览器重定向加载应用实际地址,以提供给应用用户授权状态(verify_request)和基本信息(yb_uid)数据。重定向应用实际地址时,带上参数verify_request和yb_uid。然后网站后台通过AES-256-CBC对称加密算法根据AppID和AppSceret解密verify_request。根据解密后的数据visit_oauth判断是否过期。如果没过期则可以使用access_token调用接口。如果过期需要发起重定向授权,具体实现步骤可看流程图。根据接口授权机制进行自定义接口获取,也可通过易班官方提供的SDK进行接口获取登录易班,进入开发者平台后,在管理中心获取本应用的AppID、AppSceret以及授权回调地址。

2)Session会话机制验证登录与防跳墙

在用户进入应用时,若用户还未授权登录此应用或者用户的access_token过期,系统会自动弹出易班授权页面,而要判断用户是否授权登录和access_token是否过期,则需要进行验证登录操作,同时也要防止用户跳墙打开应用相关页面,所以需要打开session会话机制保存通过易班api接口获取到的用户相关信息。然而session会话机制是一种服务器端的机制,它只能在一个服务器中使用,所以我们是没法将获取到的用户信息通过session直接保存的,解决方法是我们可以将获取到的用户信息保存到文件里面,后面便可打开文件获取内容来判断用户是否已注册登录了。

4结束语

大学生心理健康问题已成为学校不可忽视的问题之一,解决大学生心理健康问题也是各大高校的一大难点。本文介绍了基于易班的心理诊室应用的设计与实现。通过在线的心理知识学习和咨询、线下咨询预约等功能,较好地解决了学生们因为担心隐私泄露不愿线下直面咨询的问题,能够有效地宣传心理知識信息,获取学生动态,协助及时解决心理问题,具有一定的应用价值。

参考文献:

[1] 潘丽红,文石汉,何锦流.大学生心理健康状况调查分析[J].湖南医科大学学报:社会科学版,2006,8(1):168-170.

[2] 朱金花.论当代大学生心理问题及解决措施[J].知识经济,2017(17):148,150.

【通联编辑:光文玲】

猜你喜欢
网页设计计算机应用心理咨询
法科大学生心理咨询案例研究
诠释CFC精髓的大数据时代医学案例
关于应用计算机辅助艺术设计有关问题研究
谈计算机网页设计中的布局
少数民族文化艺术元素在网页设计中的运用探讨
高校心理咨询课程教学改革探析