AngularJS云平台的移动学习系统前端设计(7)_毕业论文

毕业论文移动版

毕业论文 > 计算机论文 >

AngularJS云平台的移动学习系统前端设计(7)

图3-1 系统架构图

本系统运用云存储技术及移动互联网技术实现。系统设计首先基于现有的云存储平台(七牛)实现移动学习系统的资源存储;学生、教师等用户通过客户端(包括:移动客户端和PC浏览器端)获取教学资源,实现教学互动,订阅个人学习课程等;服务端处理前端提供和请求的数据,并实现相应数据的持久化操作。

3。2  客户端设计

本系统的客户端分为web客户端和移动端,本文主要是针对web端进行设计,下文的客户端均指web客户端。客户端负责完成系统所有功能的实现、用户对信息的获取和操作、前端数据的简单处理。

客户端按照功能分模块显示如下图:

图3-2 系统功能模块图

如图3-2所示,系统分为注册登录模块、个人信息管理模块、课程模块和管理员模块。其中课程模块为核心模块,也是业务的核心。

下面就各个模块分别进行阐述。

3。2。1  注册登录模块

注册登录模块的功能如下:

(1)注册模块:实现以邮箱为主导的注册方式,用户填写完注册信息后点击注册,待注册完成后以学生角色(教师为内建角色)登录使用系统;

(2)登录模块:实现用户的系统登录,并具有记住密码功能;

(3)登出模块:实现用户的切换或退出,自动回到登录界面。

登录注册模块实现了用户登录注册的基本功能,是用户进入系统的入口,任何非法绕过都会被重定向到登录页面,有效的阻止了用户的非法操作。

3。2。2  个人信息模块

个人信息管理模块的功能如下:

(1)头像更改:上传图片,修改用户个人头像;

(2)密码更改:修改用户个人密码;

(3)订阅课程查看:查看个人所以订阅课程;

(4)取消订阅课程: 取消个人订阅课程。

该部分实现了用户个人信息的获取和更改,主要包括头像、密码的更改以及个人订阅课程的管理,这些都是个人的信息所应该具有的基本功能,

3。2。3  课程模块

课程模块的功能如下:

(1)课程查看模块:查看所有课程,某个课程信息查阅、评论以及资源浏览;

(2)课程管理模块:创建、更新、删除教师个人的课程。

该部分作为系统的核心模块,包含了对课程的大部分操作,包括教师创建课程、更新课程以及删除课程,学生和教师均可以在订阅课程后进入课程详细页面浏览课程的详细信息,获取课程的各种资源。

课程资源主要以视频为主,除了拥有一个主视频外,还按每个章节都是一个对应的视频(视频并非必须),视频资源禁止下载。基于pc端用户体验的考虑,文本文档如pdf、word、ppt等则以附件形式提供下载。

在课程查看模块,设计了针对于提升用户体验的评论功能和视频进度跟踪功能,提供了视频浏览者和视频提供者之间的互动空间。

3。2。4  管理员模块

管理员模块的功能如下:

(1)用户管理模块:查看所有用户,具有对用户进行禁用和密码重置功能;

(2)课程管理模块:查看所有课程,具有对课程进行删除操作。

管理员模块主要为管理员角色设计与使用,供系统管理员登录后对用户(学生和教师)进行管理以及对教师创建的课程进行管理,具有系统最高权限。

3。3  角色权限设计

本系统按角色管理权限,角色分为三类:学生、教师和管理员。其中学生和教师是系统使用的主体,是系统的使用者。教师比学生多出的权限主要在于对课程的管理。管理员角色主要承担系统中用户和课程的管理。相应的角色权限如表3-1所示。 (责任编辑:qin)