Project

SKODA 虚拟拆装 H5

时间：2019.02.13 - 2019.08.15

应用类型：web，h5，pc

项目概述：为 SKODA 培训学院定制的 品牌经销商自学及内训技术课件制作合同 项目之一的 《DQ200 变速箱虚拟拆装》 H5项目。给其品牌经销商自学以及内训。这个web课件最终上线环境，是在斯柯达学习桌面客户端中。至少20余门课程，使用此模板；

功能概述：

1. 前台学习课件web：

   ①演练模块：自定义视频播放器；上一页，下一页切换视频；刷新；返回首页；

   ②训练模块：操作步骤菜单（点击切换子页面；自定义滚动条；显示隐藏开关）；工具栏模块；实训记录模块；操作规范模块；工具箱模块（组合工具、单个工具 选择后，在场景中对应显示操作）；零件箱模块（场景中拆卸下来的零件，在此显示；此部件里零件可以安装到场景中；有旧新两种零件）；重置模块（当前模块）；返回首页；

   ③考核模块：提交模块（提交页；得分；评分详情页；返回首页）；刷新（当前子页场景）；其他功能和训练模块的差不多，只是屏蔽了部分功能，例如：操作规范、重置、返回首页、操作步骤菜单 等模板；

   ④内容页模板：拆卸页模板；安装页模板；菜单页模板；主页模板；

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

技术参数：

1. 前台学习课件web：js，createjs，webpack等；

软件工具：WebStorm，Adobe Animate CC

预览： http://bmw.jingge.com/skoda/czh5

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

PS：此效果图，不是上线版本、环境。