摘 要

近年来，随着国家经济的迅猛发展，社会对人们的技能和知识水平的要求也越来越高，这就要求人们在日常的生活中利用碎片时间来扩充、丰富自己的知识结构。无线通信技术的进步和移动终端设备的普及，就给移动学习奠定了技术支持和物质条件基础。同时，在线的视频教育也非常符合教育学者提出的“终生学习”的想法，因此在线视频教育平台也是一个具有实际的教育意义的项目。

本课题就将智能移动终端设备和教育相结合，研发出一款基于Android的界面友好、操作方便、系统可靠稳定，把信息技术、设备应用于教育和培训的在线视频教育平台应用。该应用客户端使用Android的布局管理技术设计用户界面，基于java语言设计服务器端界面，使用Eclipse开发，主要实现了登陆注册、在线观看、离线缓存等功能。

本文主要阐述了对在线视频教育平台的移动端和服务器端的UI详细设计与实现,其中包含了界面设计的核心代码和运行效果图。

关键词： Android 在线视频教育 UI设计

The UI design and implementation of online video education platform system based on Android platform

Abstract

In recent years, with the rapid development of the national economy, the demands of people's skills and knowledge are getting higher and higher, which requires people to expand and enrich their knowledge structure in daily life. With the progress of wireless communication technology and the popularization of mobile terminals, mobile learning has laid the technical support and material basis. At the same time, online video education is also very consistent with the idea of "lifelong learning" proposed by educators, so the online video education platform is also a project with practical educational significance.

This topic combines intelligent mobile terminal devices and education to develop an online video education platform application based on Android platform with friendly interface, convenient operation, and reliable and stable system which also applies information technology and equipment to education and training. The application client uses the Android layout management technology to design the user interface, designs the server end interface based on the Java language, and uses the Eclipse development. It mainly realizes the functions of landing registration, online viewing, and offline caching.

This paper mainly elaborates on the detailed design and implementation of the mobile UI and server-side UI of the online video education platform, which includes the core code of the interface design and the operation renderings

Keywords: Android; Online video education; UI design

目录

摘要 I

Abstract II

第一章 绪论 1

1.1在线视频教育平台研究背景 1

1.2在线视频教育平台发展趋势 1

1.3在线视频教育平台研究意义 2

1.4 论文结构 3

第二章 开发环境及系统相关技术概述 4

2.1 Android平台讲解 4

2.1.1 Android简介 4

2.1.2Android平台的系统架构 4

2.1.3 Android的四大组件 5

2.1.4 Andriod的五大布局 7

2.1.5 Android应用程序结构 8

2.2 Java语言介绍 9

2.3 MVC模式 9

2.4 visio简介 9

2.5 原型设计工具 10

2.6 Eclipse软件 11

2.7 搭建Android开发环境 11

第三章 系统的分析与设计 14

3.1 系统的功能描述 14

3.2 需求分析 14

3.2.1 系统功能模块图 14

3.2.2 系统的流程图 15

3.2.3 UML用例图 16

3.3 系统的可行性分析 17

3.3.1 社会可行性 17

3.3.2 技术可行性 17

3.3.3 经济可行性 17

3.3.4 操作可行性 17

第四章 客户端UI设计与实现 18

4.1 客户端 UI设计原则 18

4.2原型设计概念 18

4.3客户端界面原型设计 19

4.3.1 登录界面 19

4.3.2 注册界面 19

4.3.3 首页 20

4.3.4 用户中心界面 21

4.3.5 视频列表界面 21

4.3.6 视频播放界面 22

4.3.7 观看历史界面 23

4.3.8 充值积分界面 23

4.3.9 我的收藏界面 24

4.4 详细设计与代码实现 24

4.4.1登录注册界面实现 24

4.4.2 首页界面实现 25

4.4.3 视频列表界面实现 26

4.4.4 视频播放界面实现 27

4.4.5 清空历史界面实现 29

4.4.6 积分充值界面实现 29

第五章 服务器端UI设计与实现 32

5.1 服务器端UI设计技术介绍 32

5.1.1 HTML介绍 32

5.1.2 JS简介 33

5.1.3 CSS简介 34

5.2 服务器端原型设计图 35

5.2.1 管理员登录页面 35

5.2.2用户管理页面 35

5.2.3删除视频页面 36

5.2.4 上传视频页面 37

5.3详细设计和代码实现 38

5.3.1 管理员登录页面 38

5.3.2 用户管理页面 39

5.3.3删除视频页面 42

5.3.4 新增视频页面 43

第六章 总结 45

参考文献 46

致谢 47

1. 绪论

1.1在线视频教育平台研究背景

伴随着近年来互联网技术的进一步提升和智能设备的快速普及，极大地改变了人们接收信息的方式。传统的学习模式教学方式单一、内容有限，正在受到冲击，这就促使人们改变原有的学习模式。在日常工作、学习、生活中，移动设备特别是手机，已经成为了不可分割的一部分，移动平台已经深入到了众多领域之中，教育领域自然不能错过，这也为在线视频教育创造了可能性。在线视频教育作为互联网时代一种新兴的教育方式，因为它非常趣味，学习者可以与其互动参与其中，所以学者更加倾向于选择这样的学习方式。跟传统的人力教育方式相比，在线视频学习不会受限于时间和空间方面，给让用户想学就学，想在哪学就在哪学，给用户舒适的使用体验和极大的便利。

目前，随着硬件技术的成熟和Android平台的推广，搭载丰富应用程序的Android设备层出不穷^[1]，在市场上占有很大的份额。开发一个基于Android的在线视频教育系统平台，充分满足了社会上用户的学习需求。通过在线视频教育系统平台，各类用户可以根据自身需求进行简易的自主学习。基于当下在线视频教育日益发展的背景下，针对在线学习的需求，设计一款在线视频教育系统平台是非常有意义的。

1.2在线视频教育平台发展趋势

当今社会，互联网技术越来越成熟，移动设备尤其是智能手机更是普及到了千家万户，以上两点就促进了在线视频教育的飞速发展。根据数据显示，在线视频教育服务是如今中国教育走信息化道路之后发展最快的领域，日益扩大的规模也潜移默化了用户的学习理念。传统的教育模式成本等方面的局限性被放大之后，对在线教育的需求也就越来越大。

相关图片展示：