您好,欢迎来到星星旅游。
搜索
您的当前位置:首页媒资管理系统界面设计项目案例论文

媒资管理系统界面设计项目案例论文

来源:星星旅游
浙江科技学院数字媒体技术专业项目案例设计与开发实践课程报告

摘要

教育信息化是当前高校教育改革的重要方向。教育信息化的本质就是要运用现代教育思想、理论和现代信息技术把学校的教学环境建设成为一种充满信息,并且方便教育者和学习者获取信息的环境。当前的信息表现方式是以数字格式存在的图、文、声、像等多种形式的集合,并且随着多媒体技术的快速发展,产生了海量代表信息的媒体资源,同时这些媒体资源呈爆炸式的速度在增长。在这样的情况下,如何对其进行有效的管理和高效的利用对信息的传播和知识的学习具有重大意义,也是有效推行教育信息化改革的基础。

本程序的研究目的是设计并实现媒体资源管理系统,对文本、图片、音频、视频等各种媒体资源进行存储、管理以及利用。满足媒体资源拥有者收集、保存、查找、编辑、发布各种信息的功能要求,同时为媒体资源的授权使用者提供了在线和简便的内容访问平台,从而实现了对媒体资源的高效管理和高效利用。

关键词:媒资管理;界面美工;人性化程序

1

浙江科技学院数字媒体技术专业项目案例设计与开发实践课程报告

ABSTRACT

Education informatization current university education is an important direction of reform. The essence of education informatization is to use modern education thought, theory and modern information technology to the school teaching

environment construction become a full of information, and convenient educators and learners access to information environment.The current information in digital format expression of the existing pictures, words, sound, like, etc DuoZhong form of set, and with the rapid development of multimedia technology, and produced the mass representative the media of information resource, and at the same time these media resources is the explosion of speed in growth.In such circumstances, how to carry on the effective management and efficient use of information dissemination and the knowledge learning has the great significance, is also effectively promote education informationization reform foundation.

This program aimed to design and realize the media resource management system, the text, picture, audio, video, etc. Various kinds of media resources for storage, management and use.Meet the media resource owner collection, preservation, search, edit, release all sorts of information requirements of function, at the same time for media resources authorized users provides online and simple content access platform, thus realize the media resources for the efficient management and efficient use.

Keywords:Medium resource management; UI Artist;Humanized program

2

浙江科技学院数字媒体技术专业项目案例设计与开发实践课程报告

目录

摘要................................................................................................................................ 1 ABSTRACT ................................................................................................................... 2 目录................................................................................................................................ 3 第1章 引言.................................................................................................................. 4

1.1 背景................................................................................................................. 4 1.2 研究内容及拟解决问题................................................................................. 4 1.3 本章小结......................................................................................................... 5 第2章 工具软件与技术基础...................................................................................... 7

2.1 开发环境和工具............................................................................................. 7

2.1.1 Microsoft Visual Studio 2008 ............................................................... 7 2.1.2 Adobe Photoshop .................................................................................. 7 2.1.3 Microsoft SQL Server 2005 .................................................................. 7 2.1.4 Adobe Flash CS4 .................................................................................. 8

第3章 系统总体设计.................................................................................................. 9

3.1 系统需求分析................................................................................................. 9 3.2系统功能.......................................................................................................... 9 第4章 界面设计与流程图........................................................................................ 10

4.1 界面设计....................................................................................................... 10

4.1.1用户登陆界面..................................................................................... 10 4.1.2管理员界面......................................................................................... 11 4.1.3 用户界面............................................................................................ 12 4.2系统界面结构................................................................................................ 12 第5章 系统设计过程中遇到的困难及解决............................................................ 13

5.1 数据库问题................................................................................................... 13

5.1.1 重启计算机失败................................................................................ 13 5.1.2 数据库还原失败................................................................................ 13 5.2证书问题........................................................................................................ 13 5.3 UI问题 .......................................................................................................... 14

5.3.1按钮中加入图标................................................................................. 14 5.3.2 页面中插入Flash .............................................................................. 14

致谢.............................................................................................................................. 17 参考文献...................................................................................................................... 18

3

浙江科技学院数字媒体技术专业项目案例设计与开发实践课程报告

第1章 引言

1.1 背景

我国的广播电视正经历一场数字化,网络化的技术革命,这场变革必将给广电行业带来历史性的发展机遇和挑战。如何顺应信息化发展的大趋势,整合自身与外部资源,依靠科技创新,将广播电视从传统媒体转变到现代媒体,是摆在广电工作者的一个严峻现实问题。

近年来,随着电视台节目内容不断丰富,节目形式也多种多样,涉及政治,经济,文教,科技,娱乐,法律等各个领域,节目资料中包括大量的文字,图片,图像,声音等各种形式的信息,这些信息具有量大,准确,及时和丰富等特点。这些资料既是巨额财力投入的结果,也是电视台全体员工劳动的成果和智慧的结晶,而且也是在未来激烈的市场经济竞争中得以持续发展的基础。

基于“内容技术”的海量媒体资源,是推动媒体行业发展的原动力,任何形式的内容都是媒体的核心资产。数字化时代创建了以内容为核心的全新技术,即只需创建内容资产一次,然后就可以以不同的形式,在不同的市场环境下,利用不同渠道,重复对其进行再利用和销售,带来新的增长点和赢利机会。 鉴于此种情况,近几年媒体资源管理系统在广播电视系统的推广和使用非常迅速,国内也涌现出了众多媒体资源管理系统研制厂商。 媒体资源管理系统在广播电视领域有着越来越重要的意义和起着越来越重要的作用。

产品离不开视觉设计,通过视觉设计建构视觉识别,达到产品识别的高度,现实也是如此,任何一个实施于应用的软件都必须构建一套属于自己产品的视觉规范,引导市场销售,这是产品在市场销售和使用环节中产品品质和信誉度的直观体现。视觉的一致性和细节考虑本身就是软件易用性的一个方面,也是本着对用户负责的态度来对待设计,从细节中关注用户的体验。

1.2 研究内容及拟解决问题

1.2.1系统界面美工

一.页面内容要新颖

整个系统界面的美工是给与客户的第一眼印象,让用户第一眼就能对该程序

4

浙江科技学院数字媒体技术专业项目案例设计与开发实践课程报告

产生兴趣。内容的选择要不落俗套,要重点突出一个“新”字,这个原则要求在设计界面内容时不能照抄别人的内容,要结合自身的实际情况创作出一个独一无二的系统。 放眼望去,网上的许多个人主页简直就是\"杂货店\",内容包罗万象,题材千篇一律,从头到尾找不出一丝“鲜”意。所以,在设计界面时,要把功夫下在选材上。选材要尽量做到“少”而“精”,又必须突出“新”。 二.内容要易读

页面设计最重要的诀窍,恐怕就是易读 。这就意味着,你必须花点心思来规划文字与背景颜色的搭配方案。 注意不要使背景的颜色冲淡了文字的视觉效果,别用花里胡哨的色彩组合,让人看起来你的网页来很费劲。一般来说,浅色背景下的深色文字为佳 。这个要点要求你最好别把文字的规格设得太小、也不能太大。文字太小,人家读起来难受;文字太大,或者文字视觉效果变化频繁,像是冲着人大喊大叫,看起来不舒服。 三.注意视觉效果

桌面应用程序无妨,但是设计Web页面时,一定要用不同的分辨率来分别观察。比如许多浏览器使用640×480的分辨率,尽管在800×600高分辨率下一些Web页面看上去很具吸引力,但在640×480的模式下可能会黯然失色。作一点小小的努力,设计一个在不同分辨率下都能正常显示的网页。

1.2.2系统框架设计

系统的框架设计就复杂得多,因为涉及软件的使用功能,应该对该软件产品的程序和使用比较了解,这需要一定的软件跟进经验,能够快速的学习软件产品,并且在和程序开发员及程序使用对象进行共同沟通,以设计出友好的,独特的,符合程序开发原则的软件框架。软件框架设计应该简洁明快,尽量少用无谓的装饰,应该考虑节省屏幕空间,各种分辨率的大小,缩放时的状态和原则,并且为将来设计的按钮,菜单,标签,滚动条及状态栏预留位置。设计中将整体色彩组合进行合理搭配,以符合视觉流程和用户使用心理。

1.3 本章小结

界面是软件与用户交互的最直接的层,界面的好坏决定用户对软件的第一印

5

浙江科技学院数字媒体技术专业项目案例设计与开发实践课程报告

象。而且设计良好的界面能够引导用户自己完成相应的操作,起到向导的作用。同时界面如同人的面孔,具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉,相反由于界面设计的失败,让用户有挫败感,再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。

界面设计原则

1.简易性:界面的简洁是要让用户便于使用、便于了解、并能减少用户发生错误选择的可能性。

2.用户语言:界面中要使用能反应用户本身的语言,而不是游戏设计者的语言。

3.记忆负担最小化:人脑不是电脑,在设计界面时必须要考虑人类大脑处理信息的限度。

4.一致性:是每一个优秀界面都具备的特点。界面的结构必须清晰且一致,风格必须与游戏内容相一致。

5.清楚:在视觉效果上便于理解和使用。

6.用户的熟悉程度:用户可通过已掌握的知识来使用界面,但不应超出一般常识。

7.从用户的观点考虑:想用户所想,做用户所做。用户总是按照他们自己的方法理解和使用。通过比较两个不同世界(真实与虚拟)的事物,完成更好的设计。

8.排列:一个有序的界面能让用户轻松的使用。

9.灵活性:简单来说就是要让用户方便的使用,但不同于上述。即互动多重性,不局限于单一的工具(包括鼠标、键盘或手柄)。

10.人性化:高效率和用户满意度是人性化的体现。

6

浙江科技学院数字媒体技术专业项目案例设计与开发实践课程报告

第2章 工具软件与技术基础

2.1 开发环境和工具

2.1.1 Microsoft Visual Studio 2008

Microsoft Visual Studio 2008是面向Windows Vista、Office 2007、Web 2.0的下一代开发工具,代号“Orcas”,是对Visual Studio 2005一次及时、全面的升级。 VS2008引入了250多个新特性,整合了对象、关系型数据、XML的访问方式,语言更加简洁。使用Visual Studio 2008可以高效开发Windows应用。设计器中可以实时反映变更,XAML中智能感知功能可以提高开发效率。同时Visual Studio 2008支持项目模板、调试器和部署程序。Visual Studio 2008可以高效开发Web应用,集成了AJAX 1.0,包含AJAX项目模板,它还可以高效开发Office应用和Mobile应用。 VS2008新特性

软件开发更智能 WCF的新增功能 多定向支持 支持Subversion

微软整合Windows Live到VS中 SQL数据库发布 加入拼写检查器

2.1.2 Adobe Photoshop

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

2.1.3 Microsoft SQL Server 2005

Microsoft SQL Server 2005 是一个全面的数据库平台,使用集成的商业智能 (BI) 工具提供了企业级的数据管理。Microsoft SQL Server 2005 数据库引擎为关

7

浙江科技学院数字媒体技术专业项目案例设计与开发实践课程报告

系型数据和结构化数据提供了更安全可靠的存储功能,使您可以构建和管理用于业务的高可用和高性能的数据应用程序。

Microsoft SQL Server 2005 数据引擎是本企业数据管理解决方案的核心。此外 Microsoft SQL Server 2005 结合了分析、报表、集成和通知功能。这使您的企业可以构建和部署经济有效的 BI 解决方案,帮助您的团队通过记分卡、Dashboard、Web services 和移动设备将数据应用推向业务的各个领域。

与 Microsoft Visual Studio、Microsoft Office System 以及新的开发工具包(包括 Business Intelligence Development Studio)的紧密集成使 Microsoft SQL Server 2005 与众不同。无论您是开发人员、数据库管理员、信息工作者还是决策者,Microsoft SQL Server 2005 都可以为您提供创新的解决方案,帮助您从数据中更多地获益。

2.1.4 Adobe Flash CS4

Adobe Flash(原称Macromedia Flash,简称Flash;前身FutureSplash),是美国 Macromedia公司(现在已被Adobe公司收购)所设计的一种二维动画软件。通常包括Macromedia Flash,用于设计和编辑Flash文档,以及Adobe Flash Player,用于播放Flash文档。被大量应用于因特网网页的矢量动画文件格式。

8

浙江科技学院数字媒体技术专业项目案例设计与开发实践课程报告

第3章 系统总体设计

3.1 系统需求分析

媒体资产管理系统理念进入中国仅仅6年,国内已经涌现出众多媒资管理系统的研制厂商。从这几年的发展来看,虽然媒资管理系统的推广使用非常迅速,技术水平不断提高。

媒体资产管理概念是与现在常说的媒体信息整合一脉相承的。实施媒体资产管理,决不仅仅只是技术的提升,换句话说,媒体资产管理的关键不在于技术上多么先进,更重要地是:媒体资产管理的实施必将要求媒体企业用新的体制取代旧的体制,新的工作流程取代旧的工作流程,新的工作方式取代旧的工作方式,新的思维取代旧的思维,从而实现革命性的转变。

3.2系统功能

资料管理功能。包括各种音视频素材,图片,文档等资料的归档,检索,管理等。

资料的再利用,为节目生产服务。便于用户搜索利用珍贵素材和历史镜头,丰富节目制作内容,提高节目生产效率,改进工作流程。

与新闻与后期制作系统,播出系统,数字电视节目平台,IPTV以及本单位综合信息网络系统互联互通,并为它们提供服务。

包括资料的交换与运营管理,有自主知识产权的节目资料可以利用网络进行节目交流或作为商品在线销售,最大化实现媒体资产的价值。

具有用户认证,版权控制及系统安全管理等功能,实现更好的安全防护,提供授权等。

9

浙江科技学院数字媒体技术专业项目案例设计与开发实践课程报告

第4章 界面设计与流程图

4.1 界面设计

4.1.1用户登陆界面

图4-1 媒资管理系统窗体应用程序登陆界面

图4-2 媒资管理系统web页面登陆界面

10

浙江科技学院数字媒体技术专业项目案例设计与开发实践课程报告

4.1.2管理员界面

图4-3 窗体应用程序管理员界面

图4-4 web页面管理员界面

11

浙江科技学院数字媒体技术专业项目案例设计与开发实践课程报告

4.1.3 用户界面

图4-5 窗体应用程序用户界面

4.2系统界面结构

登陆界面 密码修改 管理员界面 系统管理 资源管理 审核栏 编目信息 审核信息 审核管理 待审核 审核通过 帮助界面 用户界面 素材编目信FtpLogion 资产属性管媒体分类管部门栏目管用户信息管媒体资源管编目资材 基本信息 抽帧 海报帧 编目素材 用户管理 资产属性配图4-5 系统界面结构

12

浙江科技学院数字媒体技术专业项目案例设计与开发实践课程报告

第5章 系统设计过程中遇到的困难及解决

5.1 数据库问题

5.1.1 重启计算机失败

安装过程中检测安装环境中有一项是”重新启动计算机”显示的结果是“失败” ,重启之后一直是“失败”.

解决方案如下:

1、Windows+R,在对话框中输入“regedit”,点击运行; 2、此时会弹出注册表信息,在里面找到

“HKEY_LOCAL_MACHINE\\SYSTEM\\CurrentControlSet\\Control\\Session Manager”目录

3、删除“PendingFileRenameOperations”;

4、关闭对话框,重新开始安装Sql Server2005,问题解决。

5.1.2 数据库还原失败

源程序只提供了.bak的数据库还原文件,而未有.mdb.或.sql文件。还原过程中出现“还原 对于 服务器“***”失败。 (Microsoft.SqlServer.Smo) ”。

解决方案如下:

1、删除上述操作中新建的数据库或还原时要起的数据库名称相同的数据库名称

2、右击“数据库”选择“还原数据库”;

3、在出现的窗口中输入目标数据库,如输入CN17006_db,并选择“源设备”,点击浏览按钮;

4、单击“添加”按钮,选择Sql Server 2000的备份文件,点击“确定”按钮到初始窗口,勾选文件前“还原”列的复选框

5、点击“确定”按钮,数据库还原成功。

5.2证书问题

调试中出现错误“无法在证书存储区中找到清单签名证书。” 解决方案如下:

13

浙江科技学院数字媒体技术专业项目案例设计与开发实践课程报告

方法1:用记事本打开对应csproj文件,把里面的\" true \"改成\"false\".

方法2:在“解决方案资源管理器”中的项目上点右键- 〉属性 -〉签名 -〉把“为Clickonce清单签名”前面的勾去掉,然后重新生成解决方案即可。

5.3 UI问题

5.3.1按钮中加入图标

属性->外观->BackgroundImage中导入抠好的png图,Text一栏流出图标位置,设置BackColor为Web->Transparent

5.3.2 页面中插入Flash

透明,无坐标控制:

edia.com/go/getflashplayer src=http://imgfree.21cn.com/ free/flash/17.swf type=application/x-shockwave-flash&nb sp;width=500 wmode=\"transparent\" quality=\"high\">

wmode=\"transparent\"是控制Flash是否透明显示的,如果不想让它显示为透明的,直接把wmode=\"transparent\"去掉

绝对坐标:

相对坐标:

background=http://image.hjbbs.com/img/200410/200410259222581234.j pg>
14

浙江科技学院数字媒体技术专业项目案例设计与开发实践课程报告

inspage=http://www.macromedia.com/go/getflashplayer &nb sp;

src=http://user.hjenglish.com/yangbb/pics/hearts.swf wi dth=\"100%\" height=\"100%\" type=application/x-shockwave-flash wmode=\"transparent\" quality=\"high\">

代码的table部分,这主要是使用表格作为容器,把Flash “装”到表格里,这样不管浏览者把浏览器拉多大,Flash永远和表格一起动。而且,表格可以设置背景图片,表格上面再放一个透明Flash与背景图片相配合。

15

浙江科技学院数字媒体技术专业项目案例设计与开发实践课程报告

第6章 结束语

在这次课题研究中,经过不断尝试、与指导老师及程序原作者的探讨然后自己不断动手改进,新旧对比,终于接近了尾声。在此,要要感谢指导老师和同学提供的帮助和支持。虽然之前已经着手做过一些,但这次的课题的工程量仍旧是比较大的,没有你们的帮助,我不能如此顺利的完成。

由于上学期是在没有数据库文件的基础上制作,因此无法完整的运行程序,更别提增加功能和优化了,这次我特地又联系上原作者,将完整的程序拿来,花了相当一段时间弄懂,并将其运行起来。我几乎把上学期期末草草完成的美工全部推翻,做了新的改进,重新对37个界面进行了的排版整合。自己PS制作了所有的背景图片以及标题。FLASH的欢迎界面还有待完美添加到Web页面上。

本次前期工作由于是我所不擅长的程序调试,花了大量的时间去看懂每个页面的功能以及从窗口应用程序到Web页面应用程序的过度和衔接,两者还具有区别。到了中途页面制作,则要轻松很多,只需设计风格色调,制作背景图,标题图,按钮图标等一些UI所需。后期则又是我的薄弱之处——Web应用程序转换。这里有太多要学习和查找资料的地方了,中途还穿插着不少个人麻烦事,有段时间一直在图书馆找相关资料,向同学询问。不过大家都忙于自己案例的尾声,但也提供了不少帮助。

通过这次项目案例的制作,对我之前对自己定下的美工及软件页面设计的方向有了巩固,让我在更加坚定这条路上走。

16

浙江科技学院数字媒体技术专业项目案例设计与开发实践课程报告

致谢

在这里首先要感谢我的指导老师柳杨,在上学期的媒资管理课程中为我提议了这个课题,让我有了较早的起步。在制作过程中提醒我改进的方向。

其次要感谢的是该程序的作者,谢仲涛学长。他不但提供了源程序,更是详细的向我讲解了程序的设计思路和内容,并且在我遇到困难时给与了不少帮助和提议。

17

浙江科技学院数字媒体技术专业项目案例设计与开发实践课程报告

参考文献

[1] 卜静燕 寇佳 《广播与电视技术》 2008 第2期 [2] 陈晓英 《广播与电视技术》 2005 第10期

[3] 赵磊,杨季文,《软件界面动态生成及可视化调整的设计与实现》,微机发

展,2005年8期

[4] 徐延章《动态网页设计教程》,机械工业出版社,2011-9-1

[5] 周明康 《Flash MX网页动画制作教程》北京交通大学出版社 2006.08

18

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- stra.cn 版权所有

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务