Project

SKODA 虚拟故障模拟(整车)H5

时间:2020.01.03 - 2020.03.19

应用类型:web,h5,pc

项目概述:为 SKODA培训学院定制的 品牌经销商自学及内训技术课件制作合同 项目之一的 《虚拟故障模拟(整车)- 燃油泵故障》 H5项目。给其品牌经销商自学以及内训。这个web课件最终上线环境,是在斯柯达学习桌面客户端中。

功能概述:

  1. 前台学习课件web:

    ①帮助模块:tab切换页面;

    ②演练模块:自定义视频播放器;上一页,下一页切换视频;刷新;返回首页;

    ③训练模块:故障选择页(多选,只能选2个;tab切换页;随机选择;返回首页);工具栏模块;完成训练模块(实时得分,时间;返回首页);操作说明页(pdf);参考资料(pdf);操作记录模块(时间,操作记录);维修工单页(tab切换页;单选,多选 练习题;题目判断对错,评分);重置当前模块;正计时模块;操作步骤模块;

    ④考核模块:完成考核模块(提交页;完成页:时间,得分,评分详情页);刷新当前场景;其他功能和训练模块的差不多,只是屏蔽了部分功能,例如:操作提示面板;操作说明页;操作记录模块;重置模块 等;

    ⑤内容页模板:拆卸页模板;安装页模板;万用表检测(电压,电阻)模板;蓄电池检测(电压,电阻)模板;测试题模板;主页模板;

本人职责: 负责 技术选择,全部功能开发。并且制作规范性的模板、配置表,后期此系列项目,都是由动画人员,方案人员进行制作,不需要程序参与。

技术参数:

  1. 前台学习课件web:js,createjs,webpack等;

软件工具:WebStorm,Adobe Animate CC

预览: http://bmw.jingge.com/skoda/zdh52d

效果展示: https://pxim.github.io/projects/skoda-zd-h5.html#show

PS:此效果图,不是上线版本、环境。

Donate
  • 版权声明: 本博客所有文章除特别声明外,著作权归作者所有。转载请注明出处!

扫一扫,分享到微信

微信分享二维码
  • Copyrights © 2015-2022 Peng Xiang
  • 访问人数: | 浏览次数:

请我喝杯咖啡吧~

支付宝
微信