项目案例

职业技能学习 APP

适用于职业技能培训机构、考证培训学校和做企业内训的公司，给学员提供按工种找课、看视频、刷题和打卡的一站式学习 APP。作品演示了课程首页与课程详情、自绘视频播放器与时间点笔记、章节练习与逐题解析、模拟考试、错题本和打卡日历，另附运营后台（数据概览、课程管理、题库管理），手机上课程与题库表格按卡片显示。

功能模块

设计与技术要点

• 自绘视频播放器

  课件画面按播放进度逐步展开，接线演示课用 SVG 动画逐根画出相线、零线；支持播放暂停、拖动进度、双击左右快退快进、0.75–2 倍速、字幕开关、横屏全屏，进度自动续播并计入学习时长。

• 边看边记的时间点笔记

  在当前播放位置记笔记，进度条上同步标出笔记点，点击笔记时间或讲义里的知识点即可跳回视频对应位置。

• 练习、考试与错题闭环

  单选、多选、判断三种题型，练习模式即时判分并给出解析，模拟考试限时作答、到时自动交卷；答错的题自动进入错题本，可按课程筛选、展开解析、错题重练或标记已掌握。

• 打卡日历与原生手感

  月历展示打卡、补签与漏打日期，可用补签卡补签，配合每日目标环、近 14 天学习时长图和勋章；iOS 大标题导航、推入转场、左缘右滑返回、下拉刷新，并提供深色模式。

界面截图

更多手机界面

封面之外的关键内页，均为 390 × 844 手机屏截图，左右滑动查看。