影视专题网站设计实现分析.docx

影视专题网站设计实现分析.docx

《影视专题网站设计实现分析.docx》由会员分享，可在线阅读，更多相关《影视专题网站设计实现分析.docx（27页珍藏版）》请在冰点文库上搜索。

影视专题网站设计实现分析

华东理工大学继续教育学院

专科毕业综合训练

题目影讯专题设计与实现

专业计算机信息管理

年级计信110

学号24112460

姓名厚才

导师唐玮

完成日期2013年8月15日

摘要

当前，随着计算机技术与通信技术的发展，网络的规模也逐渐增大。

网络的元素也随之而不断增加。

有的利用其进行通信，有的利用其作为商业用途，在网络上进行出售、收购、宣传等用途。

从而使得网络越来越成为现今社会上必不可少的元素，而就是这个网络里的一个很大的元素。

所谓（Website），就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用于展示特定容的相关网页的集合。

简单地说，是一种通讯工具，就像布告栏一样，人们可以通过来发布自己想要公开的资讯（信息），或者利用来提供相关的网路服务（网络服务）。

人们可以通过网页浏览器来访问，获取自己需要的资讯（信息）或者享受网路服务。

随着时代的发展，生活水平的提高，人民对于娱乐的方式也越发丰富，而电影则是其中一种较为受广大人民群众喜爱的娱乐方式。

而本作品就是一个详细介绍电影的专题。

本作品作为一个介绍电影的专题，其容包括六个栏目：

《当年今日》：

本栏目详细介绍了电影的发展历程，并按类别再细分为八个类别；

《国际电影》：

本栏目详细介绍了几个电影事业发展比发达的地区，并略分为五大流派；

《电影商机》：

本栏目详细介绍了现今社会上与电影相关的商业，并按行业分为五个类别；

《代表作》：

本栏目详细展示了电影历史上的一些代表作，并按类别分为八个类别；

《电影相关》：

本栏目详细介绍了由电影衍生出来的产物，并略分为五个类别；

《讨论专区》：

本栏是给与喜欢电影的用户去讨论的专区；

本作品在容的组织安排上尽量做到结构合理、容翔实、通俗易懂，有利于读者理解本作品的制作流程、结构等。

关键词：

设计，，电影

第一章概述

1.1背景

当前，随着计算机技术与通信技术的发展，网络的规模也逐渐增大。

网络的元素也随之而不断增加。

有的利用其进行进行通信，有的利用其作为商业用途，在网络上进行出售、收购、宣传等用途。

从而使得网络越来越成为现今社会上必不可少的元素，而就是这个网络的一个很大的元素。

所谓（Website），就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用於展示特定容的相关网页的集合。

简单地说，是一种通讯工具，就像布告栏一样，人们可以通过来发布自己想要公开的资讯（信息），或者利用来提供相关的网路服务（网络服务）。

人们可以通过网页浏览器来访问，获取自己需要的资讯（信息）或者享受网路服务。

而电影，也称映画。

是由活动照相术和幻灯放映术结合发展起来的一种现代艺术。

是一门可以容纳文学戏剧、摄影、绘画、音乐、舞蹈等多种艺术的综合艺术，但它又具有独自的艺术特征。

电影在艺术表现力上不但具有其它各种艺术的特征，又因可以运用蒙太奇这种艺术性极强的电影组接技巧，具有超越其它一切艺术的表现手段，而且影片可以大量复制放映。

1.2的目标

（1）本设计的主要目标是开发名为《當代电影》的电影，用户可通过本浏览一些关于电影的资信或信息，例如：

历史、各国的行程或相关等。

而且还可以通过留言板发表留言、互相讨论。

（2）按时保质地完成《當代電影》，并掌握到制作系统的过程与技术

（3）通过制作软件的过程中，学会合力分配人员的工作，培养团队协助能力。

1.3的分类

当今时代,随着计算机网络技术的飞速发展，如果按用途来分类，笔者认为基本可以分为三大类；

1.3.1搜索引擎类

这一类的是最为普遍的，而且商业用途也很广泛。

无论对于一般网民，或者办公人员都是必不可少的。

（如.baidu.这是一个名为“XX”的搜索引擎）

1.3.2资源共享类

这一类的主要体现于视频、论坛（即BBS）、社区、下载平台和电子（即Email）。

这种类型的是当今时代计算机网络技术的代表。

（如club.gznet./这是一个名为“视窗”的社区）

1.3.3专题类

这一类的根据性质可分为两类；

企业商品类，这一类的主要是围绕一个商品或一个企业而产生的专题。

（如w2i.wanmei.这是一个名为“完美世界”的网络游戏的官方）.wanmei./这是一个叫完美时空的企业的官方）。

个人专题类，这一类的主要是由一些有一定设计基础的人员，设计出来的一些无商业涉及的专题。

而设计这一类的人员基本上都是按自己的喜好来设计的。

（本就是这一类）。

第二章的分析

2.1技术可行性分析

在制作电影的过程中需要考虑到技术可行性的问题，对制作人员一般都要求掌握计算机技术，具有一定的数据库基础，至少熟悉运用一个网页制作的软件（如：

Dreamweaver），并对多媒体软件具有一定的熟悉（如：

Photoshop、Flash等等）。

2.2经济可行性分析

本作品制作全程都是由本小组自发研制，因此无需太多的人力和物力，管理方便，所以无需庞大的费用，甚至可以所是零费用。

同时本作品是一个动态网页，每次浏览都需要一个Web服务器支持，为了方便用户浏览本在网上申请了一个域名，并利用这个提供域名的商家的Web服务器作为本的Web服务器。

所以从经济上完全是可行的。

2.3操作可行性分析

本作品操作简单、界面简洁清晰,对于那些有一般的计算机知识的人员就可以轻松上手。

并兼容与所有网页浏览的软件（如:

InternetExplorer）

由此可见，该的操作是可行的，有必要开发本。

综合以上方面，本具有很高的开发可行性，无论是从技术上，经济上或者社会因素方面还是操作上都是可行的。

第三章关键技术介绍

3.1Struts概述

Struts是采用JavaServlet/JavaServerPages技术，开发Web应用程序的开放源码的framework。

Struts就是在JSPModel2的基础实现了MVC设计模式的WEBFramework。

采用Struts能开发出基于MVC（Model-View-Controller）设计模式的应用构架。

基于Struts构架的WEB应用程序基本上符合JSPModel2的设计标准，可以说是MVC设计模式的一种变化类型。

Struts的目的是为了帮助你减少在运用MVC设计模型来开发Web应用的时间。

你仍然需要学习和应用该架构，不过它将可以完成其中一些繁重的工作。

如果想混合使用Servlets和JSP的优点来建立可扩展的应用，Struts是一个不错的选择。

3.2JSP概述

使用JSP技术，Web页面开发人员可以使用HTML或者XML标识来设计和格式化最终页面。

使用JSP标识或者小脚本来产生页面上的动态容。

产生容的逻辑被封装在标识和JavaBeans群组件中，并且捆绑在小脚本中，所有的脚本在服务器端执行。

如果核心逻辑被封装在标识和Beans中，那么其它人，如Web管理人员和页面设计者，能够编辑和使用JSP页面，而不影响容的产生。

在服务器端，JSP引擎解释JSP标识，产生所请求的容（例如，通过存取JavaBeans群组件，使用JDBC技术存取数据库），并且将结果以HTML（或者XML）页面的形式发送回浏览器。

这有助于作者保护自己的代码，而又保证任何基于HTML的Web浏览器的完全可用性。

3.3SQL语言的简单介绍

SQL是英文Structured Query Language的缩写，意思为结构化查询语言。

 SQL语言的主要功能就是同各种数据库建立联系，进行沟通。

按照ANSI（美国国家标准协会）的规定，SQL被作为关系型数据库管理系统的标准语言。

SQL语句可以用来执行各种各样的操作，例如更新数据库中的数据，从数据库中提取数据等。

目前，绝大多数流行的关系型数据库管理系统，如Oracle、Sybase、Microsoft SQL Server、Access等都采用了SQL语言标准。

虽然很多数据库都对SQL语句进行了再开发和扩展，但是包括Select、Insert、Update、Delete、Create 以及Drop在的标准的SQL命令仍然可以被用来完成几乎所有的数据库操作。

在众多的SQL命令中，select语句应该算是使用最频繁的。

select语句主要被用来对数据库进行查询并返回符合用户查询标准的结果数据。

select语句中位于select关键词之后的列名用来决定哪些列将作为查询结果返回。

用户可以按照自己的需要选择任意列，还可以使用通配符“*”来设定返回表格中的所有列。

select语句中位于from关键词之后的表格名称用来决定将要进行查询操作的目标表格。

除了上面所提到的运算符外，LIKE运算符在where条件从句中也非常重要。

LIKE运算符的功能非常强大，通过使用LIKE运算符可以设定只选择与用户规定格式相同的记录。

第四章系统分析

4.1框架概述

本系统采用的是Struts结构，Struts就是在JSPModel2的基础实现了MVC设计模式的WEBFramework。

采用Struts能开发出基于MVC（Model-View-Controller）设计模式的应用构架。

4.2系统功能概述

在线购物系统涉及到管理员的管理和用户登录两个方面，包括用户登录，浏览商品，订单。

根据实际需求和具体情况，能够实现系统的性及时性以及管理员和用户对应不同的操作！

在此系统开发前，我们模拟出整个系统中的两种不同身份的用户，即：

管理员和用户。

以下所有的分析和设计都是在此两种身份的前提下进行的。

在满足商品管理的实际需求和在对商品管理系统的逐步认识下，现对商品管理系统的功能分析如下：

由于身份不同，用户实现的功能也就不一样，所以在该系统中只有管理员才能够对商品进行操作，用户只能进行浏览和购物。

用户登录后，不具有对商品的操作，只有查看商品，管理员可以查看用户的购物情况，掌握用户的购物情况。

网上购物系统分为前台和后台管理。

前台包括浏览商品、查询商品、订购商品、购物车、会员注册、订单查询等。

根据需求调研结果确定本系统普通用户和管理员的活动图如图3.1所示。

图4.1普通用户和管理员的活动图

模块功能描述

（1）注册功能

该模块实现用户的注册功能，包括添写个人信息及设定个人密码。

客户端将个人信息及密码传输到服务器端，服务器再将用户信息保存至数据库中，等待用户的修改或他人查找。

个人信息包括：

用户名，性别，及备注。

密码设定包括：

输入密码，密码确认及密码提示。

点击注册按钮，如果注册成功页面跳转到注册成功，如果注册失败则提示“注册失败后”返回上一页。

用户注册用例图如图3.2所示。

图4.2用户注册用例图

（2）登录功能

该模块实现注册后的用户登录到。

用户输入个人用户名及密码，ID存在且密码正确后登录。

用户登录用例图如图3.3所示。

图4.3用户登录用例图

（3）影音商品添加功能

影音管理模块，该模块属于后台管理模块，包括：

添加影音和编辑影音，添加影音信息包括商品类别、名称、价格、图片，编辑影音信息包括：

更改影音类别、名称、价格、图片、文字说明。

影音商品添加用例图如图3.4所示。

图4.4影音商品添加用例图

（4）购物车模块

用户查看影音商品，选择之后可以添加购物车中，在购物车中添加影音商品的数量。

订单管理用例图如图3.5所示。

图4.5订单管理用例图

4.3系统任务的可行性分析

4.3.1技术可行性

本实例使用的工具是Struts，Struts是采用JavaServlet/JavaServerPages技术，开发Web应用程序的开放源码的framework。

Struts就是在JSPModel2的基础实现了MVC设计模式的WEBFramework。

采用Struts能开发出基于MVC（Model-View-Controller）

4.3.2系统安全可行性

服务器的安全特性是相当重要的，它不仅可以预防未授权用户对网络的访问，同时保护Web站点的容不受侵犯。

典型的安全特性包括访问控制和加密。

我们可以使用防火墙技术来限制网络上的非法访问，保证WEB服务器的安全完善的用户身份确认机制。

通过用户身份确认，允许合法用户进入，防止非法用户的访问。

对用户密码采用MD5不可逆加密技术，保证的安全。

第五章总体设计

5.1站点设计

打开Dreamweaver8→站点→新建站点；

进入【站点定义】窗口，点击【高级】选项卡

进入【本地信息】分类窗口分别输入：

站点名称：

DreamweaverBYSJ

本地根文件夹：

E:

\DreamweaverBYSJ

进入【测试服务器】窗口，分别选择

服务器模型：

ASPVBScript

访问：

本地/网络

点击【确定】按钮完成站点设置。

完成后右下角的站点窗口会显示一个新的站点（如图3.1-1）

（图5.1-1）

5.2版块设计

本主要是让一些喜爱电影的用户，对电影有更深入的了解并了解一下当代电影的相关资讯。

而且用户可以免注册，直接浏览该的所有容。

容包括：

首页、当年今日、国际电影、电影商机、代表作、电影相关、留言板等七个版块

而这七个版块：

Logo截图（图5.2-1）

5.2.1首页版块

该页面作为整个的首页，为了用户浏览方便，所以在进行版面设计时，将本作品的六个主要版块的容都浓缩在首页的界面里，从而令用户可以快速的看到用户所感兴趣的容，节省用户浏览的时间。

另外由于本新增了一个留言板的版块，所以在用户浏览本首页时会自动弹出一个欢迎留言板的窗口，用户可以点击该窗口里面的容从而进入到留言板版块里面；

本版块设计技术涉及：

利用Flash插件技术插入小动画，另看起来有生动的感觉

利用时间轴、行为和层控制作品展示栏（如图3.2-2）

（图3.2-2）

首页版块（图5.2-3）

留言板跳转窗口（图5.2-4）

5.2.2当年今日版块

因该版块的整体容非常繁多，而且又细分成八个类别，所以利用锚点技术来控制页面，从而令用户能快速查看想要看到的容。

本版块设计技术涉及：

利用锚点技术控制页面

当年今日版块（图5.2-5）

假设用户需要查看“电影早期”的信息其操作如下：

点击细分类别按钮层的“电影早期”（如图3.2-5），通过锚点技术立刻跳转到“电影早期”的详细信息（如图3.2-6），若点击“返回顶部”则可以返回细分类别按钮层

（图3.2-6）

（图5.2-7）

5.2.3代表作版块

该版块作者利用了一些，现在网络上的在线看电影的的格局去设计的，使用方便，并且有八个分类分别是：

爱情、动画、惊悚、科幻、喜剧、悬疑、灾难和战争。

本版块设计技术涉及：

利用行为与层的结合控制页面的分类；

利用表单中的下拉菜单控制页面中的分类；

代表作版块（图5.2-8）

以下简单的演示一下：

假设用户需要查看一部名为“斯巴达300勇士”的电影。

要想快速查询一个电影最快的方法就是通过他的分类去寻找。

而“斯巴达300勇士”属于一个战争片，所以战争分类去查找，方法有两个；

方法一：

通过“分类容显示栏”查找

本板块的默认分类是“爱情”分类（如图3.2-8）。

而用户需要查询的“战争”分类则在“分类容显示栏”的最右侧。

把鼠标指向“战争”分类，用户会发现版块中所显示的分类会马上变成“战争”分类（如图3.2-9）。

从而就可以轻松的找出“斯巴达300勇士”这部电影了，最后点击“斯巴达300勇士”这部电影的标题或者图片（如图3.2-10），马上就可以进入“斯巴达300勇士”这部电影的详细信息了（如图3.2.13）。

（图5.2-9）（图5.2-10）

（图5.2-11）

方法二：

通过“分类下拉选项卡”查找

在本版块的上方（“logo”以下，“分类容显示栏”以上）有八个“分类下拉选项卡”，分别对应于本版块的八个分类。

（如图3.2-11）

点击“分类容显示栏”上面的战争下拉选项卡，点击“斯巴达300勇士”这部电影的选项（如图3.2-12），这样就可以进入“斯巴达300勇士”这部电影的详细信息了。

（如图3.2.13）

（图3.2-12）

（图5.2-13）（图5.2.14）

本板块提供的两种使用方法随用户喜欢那种都可以，两种方法都一样方便。

5.3特殊代码

一个的组基本都是由模版或者框架支撑起来的，因为有一个统一的风格才能使一个看上去干净、整齐、清晰。

而本就是由一个模版支撑整个网页，换句话来说整个网页都是由这个模版作为基础来设计的。

本基本操作都在MacromediaDreamweaver8这个网页开发软件的环境里操作，基本不需要接触代码。

而本的模版组成，都是由大量背景透明的png图像文件来支撑的。

但是由于MicrosoftInternetExplorer6这个浏览器的版本太低所以浏览所有含透明背景的png图像文件会出现背景不透明的现象（如图3.3-1）

所以在设计模版的时候会在模板文件中插入一下代码：

在模板文件中找出第三行代码，在与中间输入以下代码:

便可以在MicrosoftInternetExplorer6&5.5这两个版本的浏览器下实现png图形文件的背景透明化。

（如图3.3-2）

未加代码前（图5.3-1）加入代码后（图5.3-2）

第六章设计环境

6.1硬件环境

电脑:

X86兼容台式电脑

硬件配置:

处理器:

英特尔Pentium（奔腾）双核E53002.60GHz

主板:

华擎4Core1600-GLAN（英特尔P35/G33/G31/P31Express）

存:

2GB（威刚DDR2800MHz）

主硬盘:

日立HDT721025SLA380（250GB）

显卡:

NVIDIAGeForce9600GT（128MB）

显示器:

宏碁ACR009DX203H（19.9英寸）

光驱:

明基DVDDCDW2000DVD刻录机

声卡:

瑞昱ALC662英特尔82801G（ICH7）高保真音频

网卡:

瑞昱RTL8168C（P）/8111C（P）PCI-EGigabitEthernetNIC/华擎

6.2软件环境

1）数据库：

MicrosoftAccess

2）网页脚本：

VBScript

3）网页编辑工具：

MicromediaDreamweaver8

4）操作系统：

MicrosoftWindowsXPProfessional（32位/SP3/DirectX9.0c）

5）其他支撑组件:

ODBC数据源、Internet信息服务（IIS）

6.3软件工具介绍

6.3.1设计工具

MacromediaDreamweaver8

Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

6.3.2多媒体处理工具

AdobePhotoShop（PS）CS4

Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。

CorelDrawX4

CorelDRAWGraphicsSuite是一款由世界顶尖软件公司之一的加拿大的Corel公司开发的图形图像软件。

其非凡的设计能力广泛地应用于商标设计、标志制作、模型绘制、插图描画、排版及分色输出等等诸多领域。

其被喜爱的程度可用事实说明，用于商业设计和美术设计的PC电脑上几乎都安装了CorelDRAW。

AdobeFlash8

Flash是美国Macromedia公司所设计的一种二维矢量动画软件（现Adobe公司产品），用于设计和编辑Flash文档，最新版本为：

AdobeFlashCS5。

Flash通常也指MacromediaFlashPlayer（现AdobeFlashPlayer），用于播放Flash文档

AdobePremierePro1.5

AdobePremierePro是目前最流行的非线性编辑软件，是数码视频编辑的强大工具，它作为功能强大的多媒体视频、音频编辑软件，应用围不胜枚举，制作效果美不胜收，足以协助用户更加高效地工作。

AdobePremierePro以其新的合理化界面和通用高端工具，兼顾了广大视频用户的不同需求，在一个并不昂贵的视频编辑工具箱中，提供了前所未有的生产能力、控制能力和灵活性。

AdobePremierePro是一个创新的非线性视频编辑应用程序，也是一个功能强大的实时视频和音频编辑工具，是视频爱好者们使用最多的视频编辑软件之一。

6.3.3音频处理工具

Wave

Wave是一款32位免费音频编辑软件，可运行于Windows98/2000/XP等版本的操作系统，用户可以通过本软件对音频数据进行辑修改和创造特殊效果。

6.3.4数据库

MicrosoftAccess

MicrosoftOfficeAccess（前名MicrosoftAccess）是由微软发布的关联式数据库管理系统。

它结合了MicrosoftJetDatabaseEngine和图形用户界面两项特点，是MicrosoftOffice的成员之一。

其实Access也是微软公司另一个通讯程序的名字，想与Prom以及其他类似程序来竞争。

可是事后微软证实这是个失败计划，并且将它中止。

数年后他们把名字重新命名于数据库软件。

另外，Access还是c语言的一个函数名和一种交换机的主干道模式。

6.3.5网页脚本

VBScript

VBScript是微软开发的一种脚本语言，可以看作是VB语言的简化版，与VBA的关系也非常密切。

它具有原语言容易学习的特性。

目前这种语言广泛应用于网页和ASP程序制作，同时还可以直接作为一个可执行程序。

用于调试简单的VB语句非常方便。

6.3.6测试工具

MicrosoftInternetExplorer6

MicrosoftInternetExplorer，简称MSIE（一般称成InternetExplorer，简称IE），是微软公司推出的一款网页浏览器。

Internet信息服务（IIS）

InternetInformationServices（IIS，互联网信息服务），是由微软公司提供的基于运行MicrosoftWindows的互联网基本服务。

最初是WindowsNT版本的可选包，随后置在Windows2000、WindowsXPProfessional和WindowsServer2003一起发行，但在普遍使用的WindowsXPHome版本上并没有IIS。

第七章运行

7.1设置“数据源（ODBC）”

打开【控制面板】→【管理工具】→【数据源（ODBC）】（如图5.1-1）

（图7.1-1）

进入【数据源（ODBC）】打开【系统DSN】选项卡点击【添加】按钮（如图5.1-2）

（图7.1-2）

进入【创建新数据源】窗口，选择数据源的驱动程序【MicrosoftAccessDriver（*.mdb）】后，

进入【ODBCMicrosoftAccess安装】窗口（如图5.1-3），在数据源名（N）文本框输入【liuyan】，

（图7.1-3）

点击【选择】按钮