SABA移动应用方案文档.docxVIP

SABA移动应用方案文档修订历史记录日期版本说明作者2014-10-81冯静亚2014-11-102完成大部分内容冯静亚2014-11-183增加服务器处理流程，调整开发计划，预计3月底完成。冯静亚2015-3-194重新绘制界面，调整需求冯静亚2015-8-175完善考试需求冯静亚目录1.简介51.1.现有SABA anywhere的问题51.2.方案概述52.部署方案63.业务流程74.移动课件标准75.客户端功能需求75.1.客户端界面规范75.2.单点登录105.3.界面流转125.4.界面原型125.4.1.登录125.4.2.主界面145.4.3.课程165.4.4.考试205.4.5.调研265.4.6.同事圈275.4.7.我285.4.8.二维码签到（废弃）315.4.9.提问题345.4.10.课件录制356.门户后台管理功能需求356.1.课程管理356.2.课件制作366.3.客户端定制367.开发计划367.1.版本规划367.2.v1开发计划368.设计要点379.个性化定制3710.用户数据统计3811.扩展性设计3812.服务处理流程3813.安全机制4014.未尽事宜4015.数据结构40移动应用方案文档简介应用名称：mLearn，赛博云。LOGO：通过移动应用，实现部分移动学习的功能。现有SABA anywhere的问题SABA已经存在一个移动应用，实现了部分课件的播放，但是存在一些问题：对移动课件的支持较差，很多PC上的课程无法播放；不能实现课件在移动端与PC端同时播放；不能在移动端和PC端同步学习状态和进度；不能在移动实现交流互动功能；界面易用性差，不够友好；没有移动考试功能。方案概述采用HTML5跨平台技术框架，同步实现Android和iOS应用，提供一站式的解决方案，即实现课件播放、论坛、问答、评价等功能。在应用中应呈现所有的权限范围内的课程列表，但是不是所有课件都能播放。能够播放的课件格式参考“课件标准”，通过中视云对课件进行移动端和PC端编码，使得同一个课件可在手机和PC上播放。以海尔项目作为需求原型，优先适配SABA后台，后续根据项目要求适配dElearn。拟至少在2个版本里实现本文描述的功能：v1实现基础的课程播放、点赞功能；v2以及后续版本实现通知公告、考试、调研、同事圈等功能。关于考试功能考虑到SABA原生考试功能比较弱，从现有客户来看，对saba原生考试功能满意度不高。因此拟将delearn的考试集成到saba中，使用delearn的考试功能替换saba原生的考试功能。部署方案其中：SABA应用/web服务器为标准的saba程序再集成门户、mLearn和dElearn，其中门户、mLearn和dElearn通过web应用的方式部署到saba服务器。门户Web应用，提供PC端的网页访问，并提供附加的课程、课件管理功能。mLearn Web应用为移动应用提供后台服务，通过mLearn服务器访问Panopto服务器、SABA内容服务器和SABA应用。mLearn仅提供数据服务，没有PC端的页面。所有的PC端管理功能由其他组件提供。dElearn Web应用，用于提供考试功能，包括PC端的考试和移动端的考试。Panopto服务器，用于提供视频服务。业务流程移动课件标准在客户端中参考Scorm标准，只做部分实现。课件标准的实现方式决定了课件播放界面的功能。对课件标准做简化，支持如下课件：视频多媒体课件每个课件只支持一段视频；由panopto提供视频服务。将panopto的视频链接复制到saba课件中，客户端直接播放视频链接，该视频链接既能适应手机屏幕也能适应PC屏幕。PPT课件，系统将ppt转换为图片，在课件播放器中手动翻阅；图文课件Pdf课件网页课件SABA既定课程的约定：只有一个学习内容；客户端功能需求客户端界面规范以下罗列客户端界面规范：颜色规范：常规颜色：#284058示例：课程使用场景：用于显示常规的标题、小标题文字。点击动作颜色：#008aff示例：更多(21)使用场景：用于可点击的按钮文字、图标。如：介绍文字色:#3c6084示例：人力资源类课程，销售类课程，生产制造类课程...使用场景：一般用在毛玻璃上显示文字介绍，如主界面模块的介绍、课程的介绍、公告通知的摘要。字体规范：客户端主要使用是字体样式及其应用场景如下：标题文字字体大小：24pt颜色：常规颜色示例：课程应用场景：模块顶部标题，主界面模块名称，课程类别名称等标题区域；可点击链接文字颜色：点击动作颜色示例：更多(21)应用场景：更多操作，返回链接，动作规范在任何节目点击home按钮均可回到主界面；根据手机操作习惯，手指定位模糊，应尽量使用大面积的点击区域。一般来说，应使整块的内容单元区域作为点击响应区。对于