用户名
密码

刘炜杰职教课程开发工作室
成员名单

  • 刘炜杰

    宜兴高等职业技术学校

    加入时间:2022-05-25

  • 卞媛媛

    宜兴高等职业技术学校

    加入时间:2022-05-25

  • 陈群1

    宜兴高等职业技术学校

    加入时间:2022-05-25

  • 顾俊锋

    陶都中专

    加入时间:2022-05-25

  • 李晔

    宜兴高等职业技术学校

    加入时间:2022-05-25

  • 陆莲

    宜兴高等职业技术学校

    加入时间:2022-05-25

  • 苏婷

    陶都中专

    加入时间:2022-05-25

  • 王坚

    宜兴高等职业技术学校

    加入时间:2022-05-25

  • 王科冰

    陶都中专

    加入时间:2022-05-25

  • 夏莉

    陶都中专

    加入时间:2022-05-25

  • 袁洁

    江苏省溧阳中等专业学校

    加入时间:2022-05-25

  • 张璐

    宜兴高等职业技术学校

    加入时间:2022-05-25

  • 周丹

    宜兴高等职业技术学校

    加入时间:2022-05-25

  • 周艳萍

    宜兴高等职业技术学校

    加入时间:2022-05-25

  • 周叶

    宜兴高等职业技术学校

    加入时间:2022-05-25

  • 朱玫蓉

    常州市高级职业技术学校

    加入时间:2022-05-25

课堂砥砺

案例反思:“红色之旅评价系统开发”实践项目教学案例

作者:周丹  日期: 2023-10-23  点击:

“红色之旅评价系统开发”实践项目教学案例

                        宜兴高等职业技术学校  

 

【目标设计】

2023825日,信息学院接到教务处发布的项目任务单:为旅游学院“红色之旅实践活动”开发评价系统。该系统须具备手机扫码登录,测评打分、评测结果汇总显示等基本功能,主要面向国培项目湖南省中职科研副校长专题研修班学员,结合学生在讲解、接待、茶艺等服务过程中的表现,通过评价系统开展综合测评,为参与讲解接待服务的学生获得“校外实践基地星级导游”、“茶艺服务”等微证书认定提供参考依据。信息学院学生也通过本次测评系统的开发应用,获得“软件开发员”的微证书资格认定。

【内容设计】

学生以小组为单位,在教师的指导下完成从客户需求分析、系统设计、代码设计、系统测试到产品交付的整个项目开发。通过亲身实践、亲身应用已学知识,有效探究学习新知识;根据客户需求进行移动端页面、数据库、后台管理页面的设计与制作;通过服务器的配置实现内外网联通,进行系统调试并完成系统交付。

【项目实施】

一、组成开发团队

根据学生基础及意愿,信息学院挑选钱程、梅飞扬等6名计算机应用技术专业学生,与周丹、韩斌2名指导教师组成系统开发团队,分成两个小组进行开发。

系统开发团队分组安排表

第一组

第二组

组长:钱  

后台管理、服务器配置

组长:梅飞扬

客户沟通、数据库设计、服务器配置

      聂家成

移动端页面

      黄智贤

移动端页面

       

数据库设计、客户沟通

      陈思泽

后台管理设计

 

二、客户需求分析

各小组分别与旅游学院、教务处进行沟通对接,了解客户需求,明确系统功能要求,进行系统设计。

 

 

  

客户需求

系统设计

钱程组

1.手机二维码扫码登录;

2.三个组别(行路时光组、红色记忆组、茶园幽香组);五个评价指标(语言表达、仪容仪态、组织协调、服务意识、应变能力);

3.评测简单便捷;

4.后台显示数据。

梅飞扬组

1.手机扫码登录;

2.数据精准;

3.操作简便;

4.呈现组间差异(每个指标有纵向比较);

5.数据汇总显示。

说明: 图示
      描述已自动生成

 

三、系统开发设计

在系统开发工具的选择上,以学生所学PHPMySQL等课程为基础,通过项目实践,把理论和实践有机结合起来,鼓励学生选择合适的UI框架进行移动端界面以及后台管理界面设计,充分发挥学生的自主创新能力,提高学生解决实际问题的综合应用能力。

1. WEB 应用开发框架

ThinkPHP:是一个快速、简单的面向对象的轻量级 PHP 开发框架,是目前国内最具影响力的WEB 应用开发框架之一。该框架稳定、成熟,且代码量比较少,在跨平台方面和运行效率方面具有优势,是目前网站网页开发最常见的方法,有着广阔的市场前景。

2.数据库设计使用MySQL数据库进行数据库表设计。

3.移动端设计:

1)开发工具:WeUI是微信官方设计团队专为微信移动web应用设计的UI库,和微信原生视觉体验一致,更贴近用户视觉习惯。

2)移动端界面:各组根据需求分析进行登录界面、测评界面设计。

第一组:为了匹配学校微证书星级认定规则,设计星级打分版,并尝试用免费版ChatAI进行星型模块代码编写,再根据实际情况进行修改,提高工作效率。

 

                             

  第二组:遵循客户至上原则,放弃分步式页面,将5个指标的测试放在一个页面,不用客户翻页,直接上下滑动提交,非常简便;为了实现数据的精准多样,设计使用移动滑块、加减UI组件,历经1.0版、2.0版(移动滑块),最终呈现3.0(加减分数)版。虽然2.0版本移动滑块的功能未能以最佳效果最终实现,但作为备份保留下来,也留给学生后续学习研究的方向;而设计提交页面,也增加客户体验感。

   

                           

 

4.后台管理界面设计

第一组:使用LayUI内嵌easyUI的方法。LayUI是一款开源的 Web UI 解决方案,采用自身经典模块化规范,适合网页界面快速布局。数据的显示采用easyUI, 它是一种基于jQuery的用户界面插件集合,使用简单,但功能强大,用来做前后台数据显示和读写非常适合。

 

第二组:选用H-UI框架,它是一款常用来做后台数据展示的管理框架。基于HTMLCSSJavaScript开发,组件丰富,美观实用,而且开源,可以深入研究它的样式,根据自身审美和需要,对其样式进行加工改进;也可以通过引入它自带的jQuery库,加上自写脚本,实现自定义功能。

6.服务器部署

使用VPN、域名注册和绑定、80端口映射,实现内外网联通。

四、测试并交付产品

各组的评价系统进行测试调试后,交付旅游学院。旅游学院从产品功能、操作界面、用户沟通、交付时间等方面进行系统评估,并选择其中一项系统作为最终投入使用的测评系统。同时完成对信息学院开发小组“软件开发员”微证书的评定。

【教师反思】

​   本次课程实践活动,信息学院计算机应用技术专业学生在指导老师的带领下,完成了红色之旅评价系统的开发任务。学生参与积极性高,大大提高了软件开发能力、实践应用能力、团队合作能力以及客户服务意识。过程中,每个团队都能不畏困难、积极探究、团结合作,在规定时间内完成系统交付,成功获得微证书,证明学生已经初步具备软件开发能力,未来可期。作为专业辅导老师,也深感责任重大,必须不断提高专业水平,积极参与企业实践,才能给学生提供更好的辅导和帮助。

【学生反思】

钱程:这次项目实践,我感触最深的是在进行系统测试时,登录界面一直无法实现正常跳转。我们不断查找原因,也多次和老师们进行沟通,确认代码编写思路是否正确,最后发现出错原因是验证器程序中一行代码少了一个“逗号”。这让我们非常汗颜,也是提醒我们,不管做任何事一定要严谨,不能忽略任何一个细节,因为哪怕是一个小小的错误,也会影响全局。

梅飞扬:通过这次项目实践,我有几个体会:一是和客户沟通前,尽量从客户角度出发把问题考虑全面,再与客户去沟通,避免频繁打扰客户;二是技术思维要灵活变通,向第一组学习,有效借助工具提高工作效率;三是希望能够多参与项目实践活动,特别感谢指导老师提供的帮助,确实收获很大,也让我们对未来更有信心。