动漫社区网站设计

本动漫社区网站共有用户登录注册板块,动漫资讯推送功能板块,视频播放功能板块,用户评论区功能板块,视频搜索功能板块,用户个人空间功能板块等六大板块。用户登录注册模块实现了网站用户的信息管理;动漫资讯推送功能模块方便用户获取最新最热的动漫资讯,

  1概述

  动漫文化是视觉时代的重要文化形态之一,它是21世纪人文快速发展下科
  技、艺术、思想的高度融合。一部令人津津乐道的动漫,它的画面,音乐,内容大都是深入人心的。恰如宫崎骏老师的《天空之城》。像大多数的80后甚至90后小的时候接触动漫往往是通过观看电视节目和光盘。由于电脑和网络在我国的普及程度度越来越高,人们可以更快更好的从因特网上获取到自己想要看到的视频。为了跟随潮流,动漫文化自然也应当与互联网向结合。这样,可以进入更多人的视野也更易被获取。动漫文化类型的网站自然应运而生。

  1.1课题研究背景及意义

  目前网络上已经有如天涯、知乎、微博、百度贴吧之类的平台供人们交流讨论着社会上的种种,也有如哔哩哔哩、ACFUN这样的年轻人文化娱乐社区。但少有专为动漫文化爱好者、动漫产业者提供的双向交流平台。本课题则基于此需求,拟设计一个动漫社区网站,为广大动漫人士提供最新的动漫资讯以及动漫文化思想碰撞的平台。
  动漫社区网站可以加深大家对动漫文化的了解,促进动漫文化的发展,推进动漫产业的进步和升级。在国家机器的政策推动下,随着我国动漫产业整体开花的局面变好,之类的网站将受到更多人的欢迎,创造更多的经济和文化价值。
  于我个人而言,我本身是个动漫文化爱好者,能完成这类网站的设计和实现对于我而言是一件十分愉悦的事。不仅如此,这次独立自主的完成设计开发,也让我深切体会到了书本上所提到的软件项目开发的种种问题,加深了项目开发的认知。当然,编码技巧上也有了极大的提升,对于如何提高自己的编码质量有了一定的明悟。

  1.2国内外研究状况以及现发展水平

  欧美动漫产业发展已经有100多年的历史,欧美的动漫文化中有着许多出色且深入人心的动漫主题人物诸如米老鼠,唐老鸭,汤姆猫等。其二,欧X家的互联网产业的发展和普及也领先国内。基于上述的两个原因,欧X家产生了具
  有大量优秀的动漫主题网站。
  举个例子,迪士尼网站就是个非常成熟的以动漫为主题的网站。随着迪士尼产业的升级和扩大,迪士尼网站已经不单单局限于视频播放,更是涵盖了线上活动,新闻,信息,购物,比赛等诸多功能。在成为一个成功的商业化动漫文化主题网站前进了好几步。是一个非常好的范例。
  除了商业化用途,也有其他优秀的贯彻推广动漫文化的视频网站。如知名的AnimeFreak TV网站,是一个可以在线观看动漫电影,剧集的免费视频网站,动漫视频资源极其丰富。
  如果说AnimeFreak TV网站代表着动漫视频网站的横向发展中佼佼者的话,那么盖亚互动网站就是纵向发展的领军者。
  现如今的盖亚互动网站已经演变成了一个在线社区网站。盖亚互动将游戏世界,虚拟世界,“论坛论剑”,社交网络等等融合到了一起,是一个起于动漫文化,又将动漫文化带到更多更深的地方的一个网站。
  反观国内动漫文化方兴未艾。继前年的《大圣归来》上映数月内斩获9.56亿票房,一举创下我国国产动漫产业票房的纪录后,去年7月上映的《大鱼海棠》,首日票房便已经突破了7460万元,再次刷新了国产动漫产业票房。“国漫复兴”的种子正在逐渐发芽,越来越多的人试着去接受动漫文化,感受动漫文化的魅力,享受观看动漫带来的那份喜悦。
  随着时下我国的互联网产业高速发展,“互联网+”概念的提出。国内早先涌现的已动漫文化为主体的视频网站也变得越来越火热。
  诸如,哔哩哔哩,AcFun等网站。但相较之下还是略显匮乏,一些动漫视频网站的制度也存在一定的缺陷。不仅如此,因为越来越多的人涌入ACG网站,也引起了网站的整体用户素质水平下滑。新旧用户之间的价值观问题以及年龄差异带来的交流问题等等日渐浮现。
  如何更好的解决无谓的争端,营造良性的网站交流氛围,国内的ACG网站还有不短的一段路要走。文化差异问题是一个任何以某文化为中心的网站都要面对的问题,是根的问题。国内的ACG网站只能一边解决这个问题,一边缓步的发展更多的网站功能。
  总结下来,尽管国外的动漫网站相对成熟完善,但国内的动漫网站正在不断的发展,正在逐步形成具有中国特色动漫文化的主题网站。

  1.3项目创新点

  本课题采用HTML5中新的多媒体元素如视频标签<video>来设计动漫视频播放板块。采用了AJAX这种交互性强的Web应用程序技术,可以在不重载页面的情况下与Web服务器交换数据,即在不需要刷新页面的情况下,就可以产生局部刷新的效果,更小、更快、更友好。该网站将通过H5、CSS3、原生JS、相关插件等工具将各模块更紧密的衔接在一起,在页面上力求简洁与美观并重,各模块分工明确、细致,减少各种bug的出现。
动漫社区网站设计
  而在功能上。本课题不止是如传统的观影,人与动漫的“交融”,亦着重于人与人的交流。在这里,受众与受众的交流,受众与动漫方的交流,动漫产业之间的竞争和合作也可以体现。

  1.4开发环境

  Sublime Text 3
  Sublime Text 3是时下H5网站及App开发的先进的文本编辑器。最初的Sublime Text是在2008年1月份由程序员Jon Skinner开发出来的。Sublime Text 3不仅具有漂亮,简介,易操作的界面,还向用户提供了许多强大的功能。Sublime Text 3的主要功能包括多选择,多窗口,自定义键绑定,代码缩略图,即时项目转换等。Sublime Text 3是一个跨平台的编辑器,同时支持多个操作系统,是项目开发的强有力的工具。
  Navicat for MySql
  Navicat for MySql是一款强大的数据库管理,开发及维护的专为MySql设计的软件开发工具。Navicat for MySql在某种意义上可以称为前端开发软件,它不仅功能齐备包含触发器,存储过程,检索,函数,事件等,还提供了直观而强大的图形界面。
  Navicat for MySql的出现,大大降低了软件开发的成本,提高了开发的效率,一定程度上解放了PHP,J2EE等开发程序员的大脑。

  1.5本章小结

  本章节主要是对网站设计与实现的初步阶段的简要介绍,对网站开发的背景,意义及国内外的发展状况做出了一定的阐述。此阶段可以使我们更加明确课题研究开发的方向,方法。

  2可行性研究

  2.1技术可行性分析

  本网站是使用成熟的H5技术合集来搭建网站页面和功能模块。使用目前广受欢迎的前端框架Bootstrap来架构页面,并且完成部分页面功能。采用AngularJS负责构建部分页面应用程序。使用AJAX+PHP+MySql三者联结的方式完成前端与数据库的信息交互,不仅节约带宽,还可以减轻服务器压力,将一些简单的功能运算移交到客户端。
  本网站设计关键技术简介如2.2.1,2.2.2及2.2.3所示。
  2.2.1 JavaScript
  JS在最初被创造的时候,本意是希望其能够如java一般,人们比较中意的是语言当中的函数式。可是最后完成的时候,就函数脚本语言的风格角度而言,JS更类似于C语言的风格。就发展到目前而言,JS是时下所有主流浏览器唯一支持的脚本语言[2]。
  而体现在本网站的开发设计中,JS的作用就是网站可以在一些情况下不与服务器产生数据交流而能动态的改变我们网站的页面内容也就是DOM。
  2.2.2 H5
  在这里需要明确一点,本文中说的H5不等于HTML5.HTML5是一个目前网络上应用的最新的也最为广泛的超文本标记语言。本文的H5实际指的是一个web网站开发技术合集,当然,在现实工作中也可被理解为一类产品。
  而体现在本网站的开发设计中,H5的主要作用就是通过使用其中的与多媒体特性相关的技术也可以说是标签来替代Adobe Flash。
  2.2.3 PHP
  在本网站开发中PHP并未有过多复杂的算法逻辑,也没有使用PHP相关框架。本网站主要通过Ajax+PHP+MySql三方联动配合的方式来完成前后端的数据交互,体现网站的动态运行。

  2.2经济可行性分析

  随着动漫产业在我国的飞速发展,借助互联网这个平台。本类网站足可以吸引到足够的受众。由此,无论是视频会员机制或是广告位机制等一系列时下视频网站获取经济利益的方式在足够的受众群支持下都可以逐步实行。不仅如此,随着网站的运营和升级还可以不断的融入新的元素,诸如线上线下活动,网上购物,虚拟世界,游戏竞技等等。在互联网流量,广告变现,个性化服务等一系列增值服务的盈利模式下,去除视频版权费支出,网站运营升级支出,网站依然可以获得不俗的盈利。

  2.3操作可行性分析

  本网站的页面提示较为丰富,导航栏,标题,按钮等页面元素命名贴近功能本意。页面的操作简单,快捷,方便。用户可以根据页面的提示和相关小功能即便不使用用户手册也能对页面进行相关许可内的操作。所以本网站具备操作可行性。

  2.4环境可行性分析

  该站点开发及测试环境为Windows 10,谷歌浏览器,Sublime Text3,Navicat for MySQL,WampServer64开发成功并测试成功。本网站具备一定的环境可行性。

  3需求分析

  3.1用户角色分析

  根据网站设计需求规划,系统用户主要分为两种角色:网站用户,网站管理员。网站用户可以在网站进行注册登录。用户登入网站后可以浏览不同种类的动漫视频,获取网站最新的推送视频资源。用户在观看完视频后还可以做出点赞,收藏,关注UP主,评论视频等操作。用户拥有属于自己的个人空间,可以在个人空间里发表日志,查看收藏视频,查看关注UP主,查看自己的投稿等。
  网站管理员主要负责日常的网站运营维护等工作。网站管理员需要审核用户的视频投稿,在确认视频没有违法违纪的内容后将视频加入网站视频库。

  3.2功能板块划分

  本网站的功能模块大致分为六个部分。六个功能模块分别是用户登录注册模块,动漫资讯推送功能板块,视频播放功能板块,用户评论区功能板块,视频搜索功能板块,用户个人空间功能板块等。
  3.2.1网站用户系统
  网站用户功能模块主要分为:登录注册,获取推送,观看视频,发表评论,搜索视频,发表日志,进行投稿等。
  (1)登录注册
  用户注册账号,设置个人id。
  (2)获取推送
  用户在浏览网站页面内容时,可以根据页面提示获取网站推送的视频资源。
  (3)观看视频
  用户可以观看自己喜爱的视频资源。
  (4)发表评论
  用户可以在观看完视频后作出自己的评论,发表感想。
  (5)搜索视频
  用户可以通过视频名字的关键字查询视频,获取视频资源。。
  (6)发表日志
  用户拥有自己的个人空间并可以在自己的个人空间里发表日志。
  (7)进行投稿
  用户可以制作或搬运视频通过网站提供的方法进行视频投稿。
  3.2.2管理员系统
  网站管理员主要负责网站的日常运营维护以及审核投稿,更新视频库。管理员需要在确认视频投稿中没有违法违纪的内容之后才可以将视频更新进数据库。

  3.3数据流图及流程图

动漫社区网站设计

  3.4数据字典

  名字:身份信息
  别名:用户,管理员
  描述:网站管理员以及网站用户的账号,名称以及密码
  定义:身份信息=用户信息+管理员信息
  名字:视频信息
  别名:无
  描述:用户观看视频,点赞,收藏,关注以及评论。
  定义:视频信息=视频源地址+视频播放量+视频点赞量+视频收藏量+视频评论
  名字:空间信息
  别名:个人空间
  描述:用户进入自己的个人空间,发表日志,查看收藏,关注以及投稿
  定义:空间信息=日志信息+收藏+关注+投稿+基础信息
  名字:视频搜索
  别名:关键字查找
  描述:用户根据相关视频名中的关键字在数据库中索引查找自己喜爱的视频
  定义:视频搜索=关键字+数据库查找
  名字:视频推送
  别名:获取更多
  描述:用户根据页面提示按钮刷新推送视频的信息
  定义:视频推送=页面提示+数据库推送

  3.5本章小结

  本章对网站的需求进行了详细的分析,明确了开发网站所需用户种类以及每一类用户所需求的功能模块,确认了网站设计所需要划分出的子系统。最后对网站开发所需要的数据流图以及数据字典做出了详细的设计和分析介绍。

  4概要设计

  4.1模块层次图

  动漫社区网站主要分为两个子系统:网站用户子系统,网站管理员子系统。整个动漫社区网站的系统功能模块如图4-1所示。
动漫社区网站设计

  4.2子系统功能模块

  (1)网站用户子系统
  网站用户子系统的主要登录的是一般的网站用户。用户在登入后可以通过页面提示来浏览推送视频信息,观看视频,发表评论,关键字搜索相关视频以及进入个人空间进行一些操作等。如图4-2所示。
 
  (2)管理员子系统
  管理员子系统的主要登录对象是网站管理员。网站管理员除了需要对网站进行一些日常的运维操作之外还要审核用户的投稿视频。当网站管理员确认视频中没有违法违纪的内容后,管理员会将视频更新进网站视频库

  4.3数据库概念结构设计

  本网站的实体主要有网站用户实体,网站管理员实体,视频实体,评论实体,日志实体,收藏实体,关注实体,投稿实体等

  4.4数据库表设计

  根据以上章节的介绍,设计数据库及表如下所示。
动漫社区网站设计
  视频表主要用于存储视频库中的视频信息,网站用户可以通过关键字查找功能在视频库中找到自己喜爱的视频。tu表示视频封面图,up表示该视频的投稿人,name表示视频名称,bf表示视频表量,dz表示视频点赞量。

  5结论

  本网站的开发设计到此可以算是告一段落了。算算时间的话,从开始到结束大概三个月左右。大学四年来学生从老师们身上学到了很多,但是一直没有抽出一个整段的时间区花心思做出一个属于自己的开发设计。在大四下的最后一个学期,在指导老师细心的教导和指引下,学生也算是完满的圆了一桩心愿。
  最初选择这个课题是出于自己的爱好。学生小的时候就喜爱动漫,而做一个以动漫为主题中心的网站也是因为这个爱好。网站的开发技术涉及到H5技术合集,PHP,Mysql等。
  网站的前端设计采用了BooStrap框架结合CSS3与HTML5的方式来设计架构页面。整体页面看上去美观,大方,简介;网站采用jQuery,AngularJS与原生js结合的方式来完成页面功能的开发设计,诸如页面间的传值跳转,注册登录的表单验证以及轮播图等等;网站采用Ajax,PHP,Mysql三方联动的方式进行前端与数据库之间的数据交流与数据传值。通过这个三方联动的方式可以降低服务器后台压力,利用客户端的闲余能力完成部分网站部分功能。
  通过这一次完整的设计开发,也使得我对课堂上老师所讲的软件开发流程有了更为深刻的理解。代码的设计完成只是整个过程的一部分,前期的需求分析以及设计也至关重要。需求分析总结的好与坏直接影响了代码的质量。在之后的开发工作中,只有更好更全面的理解需求分析以及更好的把握整体思路才能减少开发过程中的错误,提升我们的代码质量。
  在软件开发过程中,耐心和细心是必不可缺的。要知道软件开发过程中总会有各种各样的问题和麻烦发生,有时候甚至需要我们大面积的返工,所以,我们需要细心且耐心的去投入软件的设计与开发。

  参考文献

  [1]Adam Freeman.HTML5权威指南.人民邮电出版社2014
  [2](美)弗拉纳根.Javascript权威指南.机械工业出版社,2007
  [3]陆凌牛.HTML 5与CSS 3权威指南.机械工业出版社,2011
  [4]张恩民.PHP开发实战权威指南.清华大学出版社,2012
  [5]陆汝钤,金芝,陈刚.面向本体的需求分析[J].软件学报,2000(08)
  [6]周亮.软件工程的安全检测与维护[D].东南大学,2016
  [7](美)RickD.Craig,(美)StefanP.Jaskiel.系统的软件测试[M].电子工业出版社2003
  [8]武时龙,宇平安.计算机课程在线考试系统设计[J].赤峰学院学报(自然科学版),2015
  [9]毕建忠.数据库新闻——网络传播新概念[J].中国传媒科技.2001(12)
  [10](加)克尼亚万.Servlet和JSP学习指南[M].机械工业出版社,2013
  [11]Multi-Fuzzy Complex Nilpotent Matrices[J].Asit Dey,Madhumangal Pal.International Journal of Fuzzy System Applications(IJFSA).2016(4)
  [12]The induced intuitionistic fuzzy Einstein aggregation and its application in group decision-making[J].Yejun Xu,Yuanyuan Li,Huimin Wang.Journal of Industrial and Production Engineering.2013(1)
  [13]Interval-valued intuitionistic fuzzy multi-criteria decision making based on the generalized Shapley geometric Choquet integral[J].Hao Cheng,Jie Tang.Journal of Industrial and Production Engineering.2016(1)
  [14]The structure and value of modularity in software design.Sullivan K J,Griswold W G,Cai Y et al.Proc.the 8th Eu-ropean Software Engineering Conference held jointly with the 9th ACM SIGSOFT International Symposium on Founda-tions of Software Engineering.2001
  [15]Software engineering:A roadmap.Boehm B W,Sullivan K.Proc.International Conference on Software Engineering.2000
  [16]Runtime recovery and manipulation of software architecture of component-based systems[J].Gang Huang,Hong Mei,Fu-Qing Yang.Automated Software Engineering.2006(2)
  [17]Specification,implementation,and deployment of components[J].Ivica Crnkovic,Brahim Hnich,Torsten Jonsson,Zeynep Kiziltan.Communications of the ACM.2002(10)
  [18]Component-basedsoftware engineering[J].Ivica Crnkovic,Stig Larsson,Judith Stafford.ACM SIGSOFT Software Engineering Notes.2002(3)
  [19]Component-based Development Process and Component Lifecycle[J].Michel Chaudron,Stig Larsson,Ivica Crnkovic.Journal of Computing and Information Technology.2005(4)
  [20]Web-centred end-user component modelling[J].David Lizcano,Fernando Alonso,Javier Soriano,Genoveva López.Future Generation Computer Systems
  致谢
  有句话说得好,只有当失去,才会回首,才会怀念。时光荏苒,大学四年就过去了,这四年里同学们一起学习,一起玩耍。细细想想,大一刚进校门时的情景仿佛还在昨天,那时的大家懵懂而青涩。在指导老师的认真指导下,我完成了这次的毕业设计,内心喜悦之时也意识到了别离的时刻要到了。
  这是第二段文字,而我写完第一段文字是在半小时前。耳朵里塞着耳机听着课,明明有好多话想说,可落在键盘上又总是一次次的删去重来。不过既然是致谢环节,还是先感谢一波,感谢中一些话也就跟着出来了。
  感谢四年来老师们的教导,老师们是过来人,走过了风风雨雨,见惯了潮起潮落,很多时候都能宽容我们的错误我们的懒惰,一遍遍的教导我们。对老师们,我有两句话,一句对不起,一句感谢您。
  感谢四年来同学们的陪伴,有你们的陪伴才有我四年来的笑与泪,才有我一步步的成长。不会忘记大家一起压马路的时光,不会忘记一起在图书馆刷题的日子,不会忘记省运会五禽操时的一起洒下的汗水,我怎敢忘记大家。对同学们我只想说,感谢一路有你。
下载提示:

1、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“文章版权申述”(推荐),也可以打举报电话:18735597641(电话支持时间:9:00-18:30)。

2、网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。

3、本站所有内容均由合作方或网友投稿,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务。

原创文章,作者:写文章小能手,如若转载,请注明出处:https://www.447766.cn/chachong/10417.html,

Like (2)
写文章小能手的头像写文章小能手游客
Previous 2021年3月1日
Next 2021年3月1日

相关推荐

My title page contents