购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.1 系统总体设计

随着数码摄影技术的普及,电子相册系统已经成为人们日常生活中的一部分。很多内容管理系统都整合了电子相册模块,但是很多电子相册仍然有些单一,除了简单的图片展示外,不能提供绚丽的动画、自定义查看方式等。Silverlight电子相册系统提供了具有丰富效果相片展示功能,还提供了丰富的动画和定制特性,使得电子相册变得非常动人。

2.1.1 需求分析

某公司需要在其内部的内容管理系统中提供具有丰富功能的电子相册,以便能提供更多娱乐化的效果。在开发之前,需要尽可能地掌握客户的完整需求,尽可能地提供改良性的建议,使得软件系统可以提高内容管理系统的使用频率,改善服务水准。对电子相册系统做详细的需求与可行性分析。

通过与某公司信息管理部进行细致交流,最终确定本系统要具备以下功能:

· 相册的创建与编辑:用户可以在ASP.NET应用程序中编辑电子相册,所有相片要能保存到服务器端数据库中以便维护。

· 上传与查看相片:在相册中,普通用户可以查看相片,查看相册信息。

· 相片的管理与上传:在相册的编辑模式下,用户可以上传单张或同时上传多张照片,可以编辑相册,修改或删除照片。

· 相片预览:默认情况下,显示相片的缩略图,当用户单击缩略图后,显示相片预览,用户可以拖动相片旋转或放大缩小。

2.1.2 可行性分析

可行性分析是对项目的可行程度进行分析,以便管理层对资金及技术的投入进行决策。其包括技术可行性、经济可行性、营运可行性。通过对需求分析的研究,对本项目的可行性分析如下。

1.引言

随着数码产品的普及,目前基本上每个上网用户都收藏了一定数量的照片,如何以一种吸引人的、令人印象深刻的方式存储与查看照片是每个用户非常关心的问题。通过使用Silverlight丰富的多媒体功能与ASP.NET服务器端进行结合,可以创造出具有漂亮效果的应用程序,会吸引用户的目光,提升整个网站系统的人气,从而带动公司的发展。

1)编写目的

从企业的需求及现有技术等方面分析动态电子相册系统的可行性,为公司上层进行决策提供依据。

2)项目背景

· 项目提出者:某集团公司。

· 项目开发者:某软件公司。

· 系统用户:所有潜在的互联网用户。

2.可行性分析的前提

1)系统要求

电子相册系统为用户提供一个展示自己相册的平台,努力挖掘每一个潜在的用户,为用户提供一个个人展示的平台,拓宽企业的销售渠道,提升企业在信息化方面的竞争力。

2)系统目标

电子相册系统的目标是:信息收集制度化、信息加工标准化、信息存储档案化、信息传递规范化及销售管理工作专业化。

3.对公司支出与收益的分析

目前该公司的内容管理系统中具有一个使用ASP.NET技术实现的相册,但是因为图片显示相对静态,操作烦琐,一直少有人使用,随着大多数用户对于相册系统的依赖,同时需要更多个性化的功能,迫切需要一套更新颖的电子相册系统。

该公司支出了适量的资金进行本系统的开发,使用本系统后,为公司带来了很高的人气,提升了企业的知名度,同时也带动了企业的经营效率。

4.对公司技术支持的分析

该系统可以采用ASP.NET C#+Silverlight4.0+SQL Server数据库来完成,公司之前已经开发过很多类似的项目,完全可在要求时间内完成该系统的开发。

5.对公司支出与收益的分析

该项目要求在一个月内完成,要求有一年的维护期,经分析,去除开发费用及维护费用,公司最后所得利润为1万元。对该系统的开发既可以增加公司的技术储备,又增加了对类似项目开发的熟练程度。

6.社会因素的分析

该系统完全由本公司独立开发完成,是按本公司的开发体系结构进行开发,在法律方面没有任何侵权行为,完全符合合同的规定。

7.结论

根据上述分析,公司认为此项目结构清晰、功能合理,而且使用C#技术能够进行开发,并实现客户要求的全部功能。由于这是一个中小型系统,客户要求的开发时间完全充裕,利润与开发成本比也比较高,这可在一定程度上提高公司的效益,因此公司决定开发此项目。

2.1.3 系统目标

经过公司相关管理人员交流并进行可行性分析,公司对本系统的功能及性能要求有了较深入的了解,下面就可以确定系统的最终目标及初步的功能结构了。

通过系统分析并与集团公司管理人员再次探讨,最终确定系统的最终目标如下:

· 实现需求分析阶段客户提出的功能。

· 提高键盘易用性,减少鼠标操作。

· 具有较强的动画展示效果,界面新颖。

img

图2.2 系统结构图

2.1.4 系统功能结构

本系统为标准的Silverlight客户端+ASP.NET Web服务器端应用程序,包含6个功能模块,系统结构如图2.2所示。

2.1.5 构建开发环境

开发此电子商务管理系统所需要用到的软件环境如下:

· Visual Studio 2010集成化开发环境,采用Visual C# 4.0作为开发语言。

· SQL Server 2008或者是SQL Server Express数据库。

· Microsoft Silverlight 4 Tools for VS2010,Silverlight开发工具集合。

· Microsoft Expression Blend 4设计工具。

2.1.6 系统功能介绍

本节将带领读者预览一下整个系统的实现效果。当系统首次启动时,将会显示相册列表页面,如图2.3所示。

img

图2.3 相册列表页面

此时用户可以单击某个相册的“进入相册”链接,将弹出一个新的窗口,在该窗口中默认显示该相册的所有缩略图,如图2.4所示。

img

图2.4 相册预览缩略图

所有的缩略图显示在一个滚动面板中,根据鼠标停靠的位置,会自动滚动缩略图。用户可以单击某个缩略图,查看放大后的图片,如图2.5所示。

每张相片旁边包含两个按钮,用来关闭当前相片,或者是保存相片为本地文件。相片下面的是导览按钮,用来在相册集中进行导览,除此之外还包含相片的描述性消息。相册最独具特色之处在于用户可以拖动相片周围的白色边框进行放大或缩小,或者进行相片的旋转操作,使用效果如图2.6所示。

img

图2.5 单击缩略图后显示放大图片

img

图2.6 相片的放大和拖动效果

如果用户要上传相片或者是删除更改照片信息,那么需要进入编辑模式,可以进入到系统首页,单击“进入编辑模式”链接。进入编辑模式后,会显示出“创建新相册”链接,单击该链接后,会进入到新建相册页面,在该页面中输入相册的名称,然后单击“创建相册”按钮,将创建一个新的相册,如图2.7所示。

在新建了相册后,系统会同时打开新建的相册查看页面,相对于浏览模式,页面多了几个工具栏,如图2.8所示。

img

图2.7 创建新相册

img

图2.8 编辑相册页面

img

图2.9 上传相片页面

默认情况下,系统会显示“编辑相册”和“删除相册”按钮,当单击“编辑相册”按钮后,允许用户对相册描述与相册标题进行编辑。同时会显示“上传相片”与“删除相片”按钮。

当单击“上传相片”按钮后,会显示一个窗口,该窗口支持多选,允许用户同时上传多个文件,上传界面如图2.9所示。

系统会选择上传的第一张图片作为相册的缩略图,在图片上传完成后,系统会水平显示相片缩略图。在编辑模式下浏览相册时,会多出一些工具栏允许用户对相片进行编辑,比如用户可以添加相片的标题和描述、删除相片等,如图2.10所示。比如,在单击“删除相册”按钮后,将会显示一个确认提示框,单击“是”按钮后,相片就会被正式地从相册中移除,如图2.11所示。

img

图2.10 编辑状态下的相册修改工具栏

img

图2.11 删除相片确认对话框

2.1.7 系统架构简介

img

图2.12 系统结构图

由于Silverlight是一种客户端的技术,因此它不能像ASP.NET这些服务器技术一样能够直接与后端数据源进行沟通,数据的读取和保存都必须要通过网络进行,整个系统结构如图2.11所示。

客户端的Silverlight应用程序通过调用在ASP.NET中发布的Web服务来实现相册的创建及相片的增、删、改操作。ASP.NET Web服务将与数据库服务器进行交互,提取数据库数据或者操纵数据库数据。

在构建整个项目时,除了创建一个标准的承载Silverlight应用程序的客户端项目之外,还创建了一个类库项目将公共的业务实体类提取到一个公共的位置以便重用,整个解决方案资源管理器项目结构如图2.13所示。

img

图2.13 相册解决方案项目结构

可以看到整个解决方案由3个项目组成,这些项目的含义如下。

· Silverlight.Photo.Browser.Web项目:承载Silverlight应用程序的ASP.NET应用程序项目,包含供客户端进行调用的Web服务。

· Silverlight.Photo.Browser.Server类库项目:该类库项目包含了公共实体类的定义。

· Silverlight.Photo.Browser客户端项目:标准的Silverlight项目,通过使用Web服务与服务器端进行通信。

在后面的内容中将介绍这3个项目如何进行交互来实现整个相册系统。 LcNsbfVKgR9HaH6Yo/kHiGaOY2HsbwKfIiIC7hOerBZwbe9iUL9xA2dKgD0jMOBN

点击中间区域
呼出菜单
上一章
目录
下一章
×