Project

SKODA 培训课程 H5

时间：2018.01.10 - 至今

应用类型：web，h5, pc

项目概述：为 斯柯达 系列课程定制的快速开发框架，以及相应的工具套件，各种模板。这个框架 符合斯柯达学习平台的 标准以及对接了相应的api，满足各种学习记录，成绩，进度等信息的记录。从2018年到2021年，至少有四十余门课程，使用此框架，正式生产上线。并且有多门flash课程，使用此框架进行flash→h5的转化。

功能概述：

1. 前台学习课件web：

   ①片头页：播放视频；跳过视频；进入主页；

   ②模块选择页：模块选择（跳转到对应模块的第一个资源页面）；继续学习（跳转到上一次离开的资源页面）；模块锁（只有上一个模块的全部资源页都学习完成，才会开启下一个模块）；学习进度文本显示；

   ③菜单页：点击进入对应的资源页数组的第一个资源；章节学习状态显示，模块学习状态显示（未学习，学习中，已学习）；有强制学习模式 和 自由学习模式；关闭；

   ④资源页：video；h5动画；h5交互（多种形式）；整体测试页（开始页；单选题；多选题；拖动题；结束页：对错评分，评语；测试回顾：可以查看选择记录 和 正确选项）；

   ⑤集成播放模块：工具栏模块（播放、暂停、声音、模块页、菜单页、上一页、下一页 等按钮以及相应功能）；强制学习模式（只有上一个资源页看完，才会开启切换下一页的功能；而上一页功能，可以切换到所有学习过的页面；）；自定义视频播放控件；标题栏；

   ⑥符合SCROM1.2标准，并且和广本LMS平台对接各种接口；

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

技术参数：

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

软件工具：WebStorm，Adobe Animate CC

预览： http://bmw.jingge.com/skoda/course/c6

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

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