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

浙江科技学院数字媒体技术专业项目案例设计与开发实践课程报告摘要教育信息化是当前高校教育改革的重要方向。教育信息化的本质就是要运用现代教育思想、理论和现代信息技术把学校的教学环境建设成为一种充满信息,并且方便教育者和学习者获取信息的环境。当前的信息表现方式是以数字格式存在的图、文、声、像等多种形式的集合,并且随着多媒体技术的快速发展,产生了海量代表信息的媒体资源,同时这些媒体资源呈爆炸式的速度在增长。在这样的情况下,如何对其进行有效的管理和高效的利用对信息的传播和知识的学习具有重大意义,也是有效推行教育信息化改革的基础。 本程序的研究目的是设计并实现媒体资源管理系统,对文本、图片、音频、视频等各种媒体资源进行存储、管理以及利用。满足媒体资源拥有者收集、保存、查找、编辑、发布各种信息的功能要求,同时为媒体资源的授权使用者提供了在线和简便的内容访问平台,从而实现了对媒体资源的高效管理和高效利用。 关键词：媒资管理；界面美工；人性化程序ABSTRACTEducation 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目录摘要1ABSTRACT2目录3第1章 引言41.1 背景41.2 研究内容及拟解决问题41.3 本章小结5第2章 工具软件与技术基础72.1 开发环境和工具72.1.1 Microsoft Visual Studio 200872.1.2 Adobe Photoshop72.1.3 Microsoft SQL Server 200572.1.4 Adobe Flash CS48第3章 系统总体设计93.1 系统需求分析93.2系统功能9第4章 界面设计与流程图104.1 界面设计104.1.1用户登陆界面104.1.2管理员界面114.1.3 用户界面124.2系统界面结构12第5章 系统设计过程中遇到的困难及解决135.1 数据库问题135.1.1 重启计算机失败135.1.2 数据库还原失败135.2证书问题135.3 UI问题145.3.1按钮中加入图标145.3.2 页面中插入Flash14致谢17参考文献1818第1章 引言1.1 背景我国的广播电视正经历一场数字化，网络化的技术革命，这场变革必将给广电行业带来历史性的发展机遇和挑战。如何顺应信息化发展的大趋势，整合自身与外部资源，依靠科技创新，将广播电视从传统媒体转变到现代媒体，是摆在广电工作者的一个严峻现实问题。近年来，随着电视台节目内容不断丰富，节目形式也多种多样，涉及政治，经济，文教，科技，娱乐，法律等各个领域，节目资料中包括大量的文字，图片，图像，声音等各种形式的信息，这些信息具有量大，准确，及时和丰富等特点。这些资料既是巨额财力投入的结果，也是电视台全体员工劳动的成果和智慧的结晶，而且也是在未来激烈的市场经济竞争中得以持续发展的基础。基于“内容技术”的海量媒体资源，是推动媒体行业发展的原动力，任何形式的内容都是媒体的核心资产。数字化时代创建了以内容为核心的全新技术，即只需创建内容资产一次，然后就可以以不同的形式，在不同的市场环境下，利用不同渠道，重复对其进行再利用和销售，带来新的增长点和赢利机会。鉴于此种情况，近几年媒体资源管理系统在广播电视系统的推广和使用非常迅速，国内也涌现出了众多媒体资源管理系统研制厂商。 媒体资源管理系统在广播电视领域有着越来越重要的意义和起着越来越重要的作用。产品离不开视觉设计，通过视觉设计建构视觉识别，达到产品识别的高度，现实也是如此，任何一个实施于应用的软件都必须构建一套属于自己产品的视觉规范，引导市场销售，这是产品在市场销售和使用环节中产品品质和信誉度的直观体现。视觉的一致性和细节考虑本身就是软件易用性的一个方面，也是本着对用户负责的态度来对待设计，从细节中关注用户的体验。 1.2 研究内容及拟解决问题1.2.1系统界面美工1 页面内容要新颖 整个系统界面的美工是给与客户的第一眼印象，让用户第一眼就能对该程序产生兴趣。内容的选择要不落俗套，要重点突出一个“新”字，这个原则要求在设计界面内容时不能照抄别人的内容，要结合自身的实际情况创作出一个独一无二的系统。 放眼望去，网上的许多个人主页简直就是杂货店，内容包罗万象,题材千篇一律，从头到尾找不出一丝“鲜”意。所以，在设计界面时，要把功夫下在选材上。选材要尽量做到“少”而“精”,又必须突出“新”。2 内容要易读页面设计最重要的诀窍，恐怕就是易读 。这就意味着,你必须花点心思来规划文字与背景颜色的搭配方案。 注意不要使背景的颜色冲淡了文字的视觉效果，别用花里胡哨的色彩组合，让人看起来你的网页来很费劲。一般来说，浅色背景下的深色文字为佳 。这个要点要求你最好别把文字的规格设得太小、也不能太大。文字太小，人家读起来难受；文字太大，或者文字视觉效果变化频繁，像是冲着人大喊大叫，看起来不舒服。3 注意视觉效果桌面应用程序无妨，但是设计Web页面时，一定要用不同的分辨率来分别观察。比如许多浏览器使用640480的分辨率，尽管在800600高分辨率下一些Web页面看上去很具吸引力，但在640480的模式下可能会黯然失色。作一点小小的努力，设计一个在不同分辨率下都能正常显示的网页。1.2.2系统框架设计系统的框架设计就复杂得多，因为涉及软件的使用功能，应该对该软件产品的程序和使用比较了解，这需要一定的软件跟进经验，能够快速的学习软件产品，并且在和程序开发员及程序使用对象进行共同沟通，以设计出友好的，独特的，符合程序开发原则的软件框架。软件框架设计应该简洁明快，尽量少用无谓的装饰，应该考虑节省屏幕空间，各种分辨率的大小，缩放时的状态和原则，并且为将来设计的按钮，菜单，标签，滚动条及状态栏预留位置。设计中将整体色彩组合进行合理搭配，以符合视觉流程和用户使用心理。 1.3 本章小结界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。同时界面如同人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相反由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。界面设计原则1. 简易性：界面的简洁是要让用户便于使用、便于了解、并能减少用户发生错误选择的可能性。2. 用户语言：界面中要使用能反应用户本身的语言，而不是游戏设计者的语言。3. 记忆负担最小化：人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。4. 一致性：是每一个优秀界面都具备的特点。界面的结构必须清晰且一致，风格必须与游戏内容相一致。5. 清楚：在视觉效果上便于理解和使用。6. 用户的熟悉程度：用户可通过已掌握的知识来使用界面，但不应超出一般常识。7. 从用户的观点考虑：想用户所想，做用户所做。用户总是按照他们自己的方法理解和使用。通过比较两个不同世界(真实与虚拟)的事物，完成更好的设计。8. 排列：一个有序的界面能让用户轻松的使用。9. 灵活性：简单来说就是要让用户方便的使用，但不同于上述。即互动多重性，不局限于单一的工具(包括鼠标、键盘或手柄)。10. 人性化：高效率和用户满意度是人性化的体现。第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 PhotoshopPhotoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。2.1.3 Microsoft SQL Server 2005Microsoft SQL Server 2005 是一个全面的数据库平台，使用集成的商业智能 (BI) 工具提供了企业级的数据管理。Microsoft SQL Server 2005 数据库引擎为关系型数据和结构化数据提供了更安全可靠的存储功能，使您可以构建和管理用于业务的高可用和高性能的数据应用程序。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 CS4Adobe Flash（原称Macromedia Flash，简称Flash；前身FutureSplash），是美国 Macromedia公司（现在已被Adobe公司收购）所设计的一种二维动画软件。通常包括Macromedia Flash，用于设计和编辑Flash文档，以及Adobe Flash Player，用于播放Flash文档。被大量应用于因特网网页的矢量动画文件格式。第3章 系统总体设计3.1 系统需求分析媒体资产管理系统理念进入中国仅仅6年，国内已经涌现出众多媒资管理系统的研制厂商。从这几年的发展来看，虽然媒资管理系统的推广使用非常迅速，技术水平不断提高。 媒体资产管理概念是与现在常说的媒体信息整合一脉相承的。实施媒体资产管理，决不仅仅只是技术的提升，换句话说，媒体资产管理的关键不在于技术上多么先进，更重要地是：媒体资产管理的实施必将要求媒体企业用新的体制取代旧的体制，新的工作流程取代旧的工作流程，新的工作方式取代旧的工作方式，新的思维取代旧的思维，从而实现革命性的转变。3.2系统功能资料管理功能。包括各种音视频素材，图片，文档等资料的归档，检索，管理等。资料的再利用，为节目生产服务。便于用户搜索利用珍贵素材和历史镜头，丰富节目制作内容，提高节目生产效率，改进工作流程。与新闻与后期制作系统，播出系统，数字电视节目平台，IPTV以及本单位综合信息网络系统互联互通，并为它们提供服务。包括资料的交换与运营管理，有自主知识产权的节目资料可以利用网络进行节目交流或作为商品在线销售，最大化实现媒体资产的价值。具有用户认证，版权控制及系统安全管理等功能，实现更好的安全防护，提供授权等。 第4章 界面设计与流程图4.1 界面设计4.1.1用户登陆界面图4-1 媒资管理系统窗体应用程序登陆界面图4-2 媒资管理系统web页面登陆界面4.1.2管理员界面图4-3 窗体应用程序管理员界面图4-4 web页面管理员界面4.1.3 用户界面图4-5 窗体应用程序用户界面4.2系统界面结构登陆界面管理员界面用户界面系统管理资源管理密码修改资产属性管理帮助界面媒体分类管理部门栏目管理审核栏审核管理用户信息管理媒体资源管理编目信息审核信息用户管理资产属性配置待审核审核通过素材编目信息编目资材基本信息抽帧海报帧编目素材FtpLogion图4-5 系统界面结构第5章 系统设计过程中遇到的困难及解决5.1 数据库问题5.1.1 重启计算机失败安装过程中检测安装环境中有一项是”重新启动计算机”显示的结果是“失败” ，重启之后一直是“失败”.解决方案如下：1、Windows+R，在对话框中输入“regedit”，点击运行；2、此时会弹出注册表信息，在里面找到“HKEY_LOCAL_MACHINESYSTEMCurrentControlSetControlSession 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证书问题调试中出现错误“无法在证书存储区中找到清单签名证书。”解决方案如下：方法1：用记事本打开对应csproj文件，把里面的 true 改成false. 方法2：在“解决方案资源管理器”中的项目上点右键- 属性 -签名 -把“为Clickonce清单签名”前面的勾去掉，然后重新生成解决方案即可。 5.3 UI问题5.3.1按钮中加入图标属性-外观-BackgroundImage中导入抠好的png图,Text一栏流出图标位置，设置BackColor为Web-Transparent5.3.2 页面中插入Flash透明，无坐标控制： wmode=transparent是控制Flash是否透明显示的，如果不想让它显示为透明的，直接把wmode=transparent去掉绝对坐标： 。 相对坐标： 代码的table部分，这主要是使用表格作为容器，把Flash “装”到表格里，这样不管浏览者把浏览器拉多大，Flash永远和表格一起动。而且，表格可以设置背景图片，表格上面再放一个透明Flash与背景图片相配合。第6章 结束语在这次课题研究中，经过不断尝试、与指