论文部分内容阅读
摘要：过去，人们接收新鲜的讯息往往是通过文字或者长视频等形式，相比较这些需要花费一定时间去看的内容，短视频的内容要更加多元化且不受空间和时间的限制，同时用户还拥有更多的自主选择观看权。为了让更多的用户花费更少的时间，了解更多的资讯，设计了互联网 移动APP的短视频系统——校瞳。该文章主要是通过介绍校瞳APP的开发方法及实现的具体步骤。
关键词：短视频;用户;校瞳;Java;Ionic3.x
中图分类号：TP37 文献标识码：A
文章编号：1009-3044（2019）32-0224-04
1背景
随着互联网市场高速的发展，人们娱乐的方式发生了翻天覆地的变化，基于移动环境下的“短视频”类的APP迅速崛起，成了信息交换与传递的主流方式之一，并且呈现出一定的传播规律。
通过分析，发现缺少一个主要的面向大学生分享生活以及从中获取自己需要的视频应用软件，让大学生能实时的分享自己的生活以及通过该应用知道其他的大学生生活中有趣的事情之外，还能从中了解社团以及学校发布的通知，同时周边店家也能从中发布兼职信息以及学校招聘会企业发布招聘人才信息，减低商家招聘成本，实现人职相匹。与此相关，一个“校瞳”项目诞生了。
2总体设计
2.1“校瞳”的架构设计
“校瞳”APP分别有“学生”“教师”“院系”“社团”“企业”和“家长”共六大角色构建成。
对于学生：学生可以在线进行课堂学习，分享娱乐性的文字和视频，查看院系和社团活动、讲座信息、选修课程介绍、周边店铺的兼职信息以及企业招聘信息。
对于教师：教师可以进行课堂直播供学生在线学习，以及通过该软件发布选课信息和进行简单对选修课程的介绍;分享老师最新的研究成果等。
对于院系或社团：院系可以进行讲座信息的通知和宣传;社团可以发布自己社团活动、展示社团自身的魅力。
对于学校周边的店铺：学校周边的店铺发布兼职信息没有一个完整的平台，同时也给勤工助学的同学减少兼职困扰，通过该平台店家可以高效找到兼职者，同时对自己店家活动进行宣传。
对于企业：每年学校举行的招聘会，企业都只能通过狭窄的校园摆摊或者是学生主动咨询的渠道提高企业的知名度，企业通过该平台，可提高自身的曝光率，通过影视宣传能更准确并更快捷找到与岗位刚匹配的人才，同时学生也能根据自身的特点找到理想企业。
对于家长：需要给家里上小学、中学的孩子找家教的家长可以通过改平台，发布家教相关信息，为家里的小孩找到合适的家教。
2.2“校瞳”的功能设计
“校瞳”系统有三大核心功能模块，分别是：“用户功能模块”，“视频功能模块”，“评论功能模块”。这三大核心功能模块相对应的作用如下。
2.2.1用户管理模块
1）注册功能：用户需要注册，绑定手机号进行短信验证可完成注册操作。
2）登录功能：用户注册成功后可进行登录操作，登录成功即可进入系统。
3）查询该手机是否已存：注册操作前可进行手机号是否已被注册验证。
4）获取当前用户信息：登录后可获得当前用户的信息。
5）修改用户普通信息：登录后可修改当前用户的信息。
6）修改用户头像：登录后可修改当前用户的头像。
7）退出功能：注销当前账号。
2.2.2视频管理模块
1）视频发布功能：登录后可上传视频供校友观看。
2）视频删除功能：登录后可删除自己之前上传的视频。
3）视频分享功能：登录后可分享他人上传的视频。
4）视频举报功能：登录后可举报他人的违规视频。
5）视频查询功能：登录后可按条件查询特定种类的视频。
2.2.3评论管理模块
1）评论发布功能：登录后可评论他人的视频。
2）评论删除功能：登录后可删除曾经评论他人的评论，被评论的用户也可以及进行删除评论。
2.3数据库概要设计
“校瞳”的数据库概念设计主要针对三大功能模块建立相关的数据表进行“增删改查”等操作。具体可以划分为：
1）用户功能模块相关数据表;
2）视频功能模块相关数据表;
3）评论功能模块相关数据表。
3设计与实现
3.1欢迎、登录与注册页面的设计
在“校瞳“APP的欢迎页面中，其背景颜色是从白色到灰色渐变，由“校瞳”的LOGO和感叹号里面的Slogan組成，呈现出简洁的艺术感。无论是“校瞳“LOGO，又或是标语“透过你的眼发现你”，都标志着这是一个“短视频类”软件。其效果图如图1所示。
此外，在“校瞳”APP的注册与登录页面中，由注册与登陆的条件和注册与登陆的角色两部分组成。不同的注册角色，需要填写的注册条件各不相同。具体由“学生”“家长”“教师”“社团”“院系”“企业”这六大角色所组成。
当角色为“学生”或者“家长”时，需要填写学校、昵称、手机号码、验证码、密码这五大部分;当角色为“教师”或者“社团”又或者“院系”时，需要填写学校、用户名、邮箱、密码、相关证明材料等资料;当角色为“企业”时，需要填写企业名称、地址、邮箱、密码、相关证明等资料。其效果图如图2所示。
当用户填写完成相对应的注册资料的时候，“注册”按钮才可被点击，再跳到登录页面。其效果图如图3所示。
3.2首页和视频详情页的设计
在“校瞳”APP的首页中，采用了简约的界面设计，让用户感受一种简约美，让APP更耐看！其次，首页主要分为“全国”和“本校”两大部分，而这两大部分中，又分别分为了“校园招聘”“社团或院系活动”“名家讲堂”“文娱活动”“选课导向”“家教兼职”“在线课堂”这七小部分，每一小部分都有由其相对应的角色发布的短视频，可供用户观看。然而，在“全国”和“本校”这两大部分的主要区别在于，“全国”是用户可以看到除了本校园以外，其他学校用户所发布的短视频;而“本校”就是用户本校园的用户所发布的短视频。其效果图如图4所示。 在“校瞳”APP的视频详情页中，用户除了可以观看短视频外，还可以对此短视频进行点赞，又或者进行评论。其次，还可以对相对应的评论进行回复。
而且，当用户发现此短视频有出现违规情况，也可进行视频的举报。后端管理员会收到用户所举报的信息，做出相对应的排查。其效果图如图5所示。
3.3具体功能实现
3.3.1前端的核心代码
在“校瞳”APP中，前端的ionic 3.X默认采用懒加载机制，什么是懒加载呢？当第一次进入应用，会加载app.module，如果没有采用懒加载，那么app.module里的所有东西都会被加载，很显然这是不太合适的，因为里面的组件和服务在第一次进入应用时并没有全部使用，可能只使用了很少的一部分，那么对于比较大型的应用来说，由于页面和其他的服务，指令，管道比较多，就会造成比较用户体验不好的影响。这个时候需要把应用分为一个个module，各自引入自己用到的东西，不要管别的模块。那么第一次进入应用，就只加载很少的app.module和root page对应的module，当进入其他页面的时候，才会去加载相应的module。这样的好处是项目代码结构清晰，易于维护，易于开发，而且第一次加载速度比较快。当使用ionic 3.X的CLI来新建页面，默认的会是懒加载的结构，甚至不止页面，所有的component，service，directive都默认的是懒加载。
此外，在“校瞳”APP中，前端也使用了ionic 3.X的Storage本地緩存，可以很容易地存储键值对和JSON对象。Storage在底层使用多种存储引擎，根据运行平台选择最佳的存储方式。当运行在Native模式时，Storage将优先使用SQLite。当运行在Web中或作为PWA应用时，Storage将根据你确定的优先级使用IndexedDB、WebSQL或localstorage。
当用户在“校瞳”APP对某个视频进行评论操作的时候，后台先将被评论的视频ID、评论者id、评论内容、该条评论创建时间等数据一次通过控制层、业务逻辑层传到数据库交互层。其次，利用MyBatis框架进行数据库操作，将数据存储到数据库对应的表中。
4结束语
“校瞳”是一个完整的视频分享APP，在用户模块，视频模块，评论模块三大模块实现之后，已经具备了一个手机APP所需的功能。其次，“校瞳”系统的角色架构清晰明确，大体分为“学生”“家长”“教师”“社团”“院系”“企业”这六大角色。各个角色都有其相对应的功能与操作准则。
它使我们可以随时随地享受软件乐趣，让我们摆脱沉重的日常生活。该软件的主界面力求美观，令人愉悦，提升用户对软件的兴趣。该软件的控制模块易于理解和操作，为用户提供良好的软件环境。它了解用户的需求，了解工作流程以及可能出现的问题。
关键词：短视频;用户;校瞳;Java;Ionic3.x
中图分类号：TP37 文献标识码：A
文章编号：1009-3044（2019）32-0224-04
1背景
随着互联网市场高速的发展，人们娱乐的方式发生了翻天覆地的变化，基于移动环境下的“短视频”类的APP迅速崛起，成了信息交换与传递的主流方式之一，并且呈现出一定的传播规律。
通过分析，发现缺少一个主要的面向大学生分享生活以及从中获取自己需要的视频应用软件，让大学生能实时的分享自己的生活以及通过该应用知道其他的大学生生活中有趣的事情之外，还能从中了解社团以及学校发布的通知，同时周边店家也能从中发布兼职信息以及学校招聘会企业发布招聘人才信息，减低商家招聘成本，实现人职相匹。与此相关，一个“校瞳”项目诞生了。
2总体设计
2.1“校瞳”的架构设计
“校瞳”APP分别有“学生”“教师”“院系”“社团”“企业”和“家长”共六大角色构建成。
对于学生：学生可以在线进行课堂学习，分享娱乐性的文字和视频，查看院系和社团活动、讲座信息、选修课程介绍、周边店铺的兼职信息以及企业招聘信息。
对于教师：教师可以进行课堂直播供学生在线学习，以及通过该软件发布选课信息和进行简单对选修课程的介绍;分享老师最新的研究成果等。
对于院系或社团：院系可以进行讲座信息的通知和宣传;社团可以发布自己社团活动、展示社团自身的魅力。
对于学校周边的店铺：学校周边的店铺发布兼职信息没有一个完整的平台，同时也给勤工助学的同学减少兼职困扰，通过该平台店家可以高效找到兼职者，同时对自己店家活动进行宣传。
对于企业：每年学校举行的招聘会，企业都只能通过狭窄的校园摆摊或者是学生主动咨询的渠道提高企业的知名度，企业通过该平台，可提高自身的曝光率，通过影视宣传能更准确并更快捷找到与岗位刚匹配的人才，同时学生也能根据自身的特点找到理想企业。
对于家长：需要给家里上小学、中学的孩子找家教的家长可以通过改平台，发布家教相关信息，为家里的小孩找到合适的家教。
2.2“校瞳”的功能设计
“校瞳”系统有三大核心功能模块，分别是：“用户功能模块”，“视频功能模块”，“评论功能模块”。这三大核心功能模块相对应的作用如下。
2.2.1用户管理模块
1）注册功能：用户需要注册，绑定手机号进行短信验证可完成注册操作。
2）登录功能：用户注册成功后可进行登录操作，登录成功即可进入系统。
3）查询该手机是否已存：注册操作前可进行手机号是否已被注册验证。
4）获取当前用户信息：登录后可获得当前用户的信息。
5）修改用户普通信息：登录后可修改当前用户的信息。
6）修改用户头像：登录后可修改当前用户的头像。
7）退出功能：注销当前账号。
2.2.2视频管理模块
1）视频发布功能：登录后可上传视频供校友观看。
2）视频删除功能：登录后可删除自己之前上传的视频。
3）视频分享功能：登录后可分享他人上传的视频。
4）视频举报功能：登录后可举报他人的违规视频。
5）视频查询功能：登录后可按条件查询特定种类的视频。
2.2.3评论管理模块
1）评论发布功能：登录后可评论他人的视频。
2）评论删除功能：登录后可删除曾经评论他人的评论，被评论的用户也可以及进行删除评论。
2.3数据库概要设计
“校瞳”的数据库概念设计主要针对三大功能模块建立相关的数据表进行“增删改查”等操作。具体可以划分为：
1）用户功能模块相关数据表;
2）视频功能模块相关数据表;
3）评论功能模块相关数据表。
3设计与实现
3.1欢迎、登录与注册页面的设计
在“校瞳“APP的欢迎页面中，其背景颜色是从白色到灰色渐变，由“校瞳”的LOGO和感叹号里面的Slogan組成，呈现出简洁的艺术感。无论是“校瞳“LOGO，又或是标语“透过你的眼发现你”，都标志着这是一个“短视频类”软件。其效果图如图1所示。
此外，在“校瞳”APP的注册与登录页面中，由注册与登陆的条件和注册与登陆的角色两部分组成。不同的注册角色，需要填写的注册条件各不相同。具体由“学生”“家长”“教师”“社团”“院系”“企业”这六大角色所组成。
当角色为“学生”或者“家长”时，需要填写学校、昵称、手机号码、验证码、密码这五大部分;当角色为“教师”或者“社团”又或者“院系”时，需要填写学校、用户名、邮箱、密码、相关证明材料等资料;当角色为“企业”时，需要填写企业名称、地址、邮箱、密码、相关证明等资料。其效果图如图2所示。
当用户填写完成相对应的注册资料的时候，“注册”按钮才可被点击，再跳到登录页面。其效果图如图3所示。
3.2首页和视频详情页的设计
在“校瞳”APP的首页中，采用了简约的界面设计，让用户感受一种简约美，让APP更耐看！其次，首页主要分为“全国”和“本校”两大部分，而这两大部分中，又分别分为了“校园招聘”“社团或院系活动”“名家讲堂”“文娱活动”“选课导向”“家教兼职”“在线课堂”这七小部分，每一小部分都有由其相对应的角色发布的短视频，可供用户观看。然而，在“全国”和“本校”这两大部分的主要区别在于，“全国”是用户可以看到除了本校园以外，其他学校用户所发布的短视频;而“本校”就是用户本校园的用户所发布的短视频。其效果图如图4所示。 在“校瞳”APP的视频详情页中，用户除了可以观看短视频外，还可以对此短视频进行点赞，又或者进行评论。其次，还可以对相对应的评论进行回复。
而且，当用户发现此短视频有出现违规情况，也可进行视频的举报。后端管理员会收到用户所举报的信息，做出相对应的排查。其效果图如图5所示。
3.3具体功能实现
3.3.1前端的核心代码
在“校瞳”APP中，前端的ionic 3.X默认采用懒加载机制，什么是懒加载呢？当第一次进入应用，会加载app.module，如果没有采用懒加载，那么app.module里的所有东西都会被加载，很显然这是不太合适的，因为里面的组件和服务在第一次进入应用时并没有全部使用，可能只使用了很少的一部分，那么对于比较大型的应用来说，由于页面和其他的服务，指令，管道比较多，就会造成比较用户体验不好的影响。这个时候需要把应用分为一个个module，各自引入自己用到的东西，不要管别的模块。那么第一次进入应用，就只加载很少的app.module和root page对应的module，当进入其他页面的时候，才会去加载相应的module。这样的好处是项目代码结构清晰，易于维护，易于开发，而且第一次加载速度比较快。当使用ionic 3.X的CLI来新建页面，默认的会是懒加载的结构，甚至不止页面，所有的component，service，directive都默认的是懒加载。
此外，在“校瞳”APP中，前端也使用了ionic 3.X的Storage本地緩存，可以很容易地存储键值对和JSON对象。Storage在底层使用多种存储引擎，根据运行平台选择最佳的存储方式。当运行在Native模式时，Storage将优先使用SQLite。当运行在Web中或作为PWA应用时，Storage将根据你确定的优先级使用IndexedDB、WebSQL或localstorage。
当用户在“校瞳”APP对某个视频进行评论操作的时候，后台先将被评论的视频ID、评论者id、评论内容、该条评论创建时间等数据一次通过控制层、业务逻辑层传到数据库交互层。其次，利用MyBatis框架进行数据库操作，将数据存储到数据库对应的表中。
4结束语
“校瞳”是一个完整的视频分享APP，在用户模块，视频模块，评论模块三大模块实现之后，已经具备了一个手机APP所需的功能。其次，“校瞳”系统的角色架构清晰明确，大体分为“学生”“家长”“教师”“社团”“院系”“企业”这六大角色。各个角色都有其相对应的功能与操作准则。
它使我们可以随时随地享受软件乐趣，让我们摆脱沉重的日常生活。该软件的主界面力求美观，令人愉悦，提升用户对软件的兴趣。该软件的控制模块易于理解和操作，为用户提供良好的软件环境。它了解用户的需求，了解工作流程以及可能出现的问题。