《多媒体技术-第10章.ppt》由会员分享，可在线阅读，更多相关《多媒体技术-第10章.ppt（44页珍藏版）》请在三一办公上搜索。
1、,多媒体技术及应用,第十章多媒体技术 在商务与政务活动中的应用,10.1 电子商务与电子政务简介,10.2 产品展示软件的制作,10.3 简单电脑平面设计,10.4 政府办事大厅的模拟设计,10.1.1 电子商务,电子商务（Electronic Commerce/Electronic Business）是指通过信息网络以电子数据信息流通的方式在全世界范围内进行并完成的各种商务活动、交易活动、金融活动和相关的综合服务活动。从广义的角度来看，电子商务是指人们应用先进的电子手段来从事商务活动的方式。1997年11月在法国巴黎举行的世界电子商务会议（The World Business Agenda
2、for Electronic Commerce）对电子商务的解释为：在业务上电子商务是指实现整个贸易活动的电子化，交易各方以电子交易方式进行各种形式的商业交易；在技术上电子商务采用电子数据交换（EDI）、电子邮件（E-mail）、共享数据库（Database）、电子公告牌（BBS）以及条形码（Barcoad）等多种技术。,按照交易对象分类，电子商务可以分为以下三种类型：（1）企业与消费者之间的电子商务（Business to Customer 即B2C）（2）企业与企业之间的电子商务（Business to Business即B2B）（3）企业与政府方面的电子商务（Business to Go
3、vernmentt即B2G）,10.1.2 电子商务的分类,电子政务（Electronic Government），目前有很多种说法。例如：电子政府、网络政府、政府信息化管理等。严格地说，所谓电子政务，就是政府机构应用现代信息和通信技术，将管理和服务通过网络技术进行集成，在互联网上实现政府组织结构和工作流程的优化重组，超越时间和空间及部门之间的分隔限制，向社会提供优质和全方位的、规范而透明的、符合国际水准的管理和服务,10.1.3 电子政务,电子政务是一个系统工程，应该符合三个基本条件：第一，电子政务是必须借助于电子信息化硬件系统、数字网络技术和相关软件技术的综合服务系统。第二，电子政务是处理
4、与政府有关的公开事务，内部事务的综合系统。第三，电子政务是新型的、先进的、革命性的政务管理系统。,10.1.4 电子政务的具体内容,根据国家政府所规划的项目来看，电子政务主要包括：政府间的电子政务；政府对企业的电子政务；政府对公民的电子政务，,10.2.1 一般制作步骤,在商务活动中，诸如产品的广告宣传、性能介绍、使用说明、购销指引等许多场合，需要对企业产品进行列举和展示，利用Authorware软件良好的交互、集成与表现能力，以及发行的作品与软件的无关性，可开发出很好的产品展示软件来。,产品展示软件的开发应遵循软件开发的一般步骤，具体而言，大致需经过如下步骤：1委托方提出展示要求与效果期望
5、2了解产品性能特点，准备素材 3设计展示脚本 4制作与调试展示软件 5打包发行，交付使用,在Authorware开发平台上，展示界面一般可由以下几部分构成：背景：选用与产品或与商家有关的内容通常是图片作为衬托，主要用来营造展示气氛及弥补整体画面的缺欠。展示窗口：软件的主体部分，但不宜开得过大，要与背景有反差，必要时此窗口也可进行放缩或划分多个部分等变化。导航系统：展示软件的控制部分，最基本的应能实现向前、向后、穿插和层次间的跳转，超链接以及退出等功能。展示开关：用以实现展示方式切换、开启展示和停止展示等的控制。,10.2.2 展示界面的构成要素,10.2.3 常用展示技术,1.过渡展示,（1）
6、启动Authorware，拖动一个显示图标到流程线上，命名为“bj”，双击该图标，打开演示窗口，导入一幅背景图像。,（2）单击绘图工具栏的矩形工具，绘制一个矩形，填充一种于背景有反差且较和谐的颜色；复制该矩形，使两矩形错开一点相叠加，上面的矩形填充较下面矩形稍浅一些得颜色，形成带阴影的展示窗口。,（3）输入展示主题文本“欢迎走进”和“精品数码相机世界”，并绘制线条、导入图片加以装饰，最后双击绘图工具栏中的图标符，选定显示图标“bj”中的全部对象，组合成一个图形，如图。,（5）建立决策结构如图7-4所示，结构中的分支个数因需要展示的内容多少而定。（6）双击决策图标“gd”，在“Repeat”栏选
7、择“Utile click/keypress”选项，其它选项按缺省设置。,（4）使用抓图工具抓取组合后的界面，以“zhegai.jpg”为文件名存入磁盘，备用。,（7）双击群组图标“1”，在分支流程线上导入一幅数码相机图像，命名图像所在的显示图标为“11”，双击“bj”图标，显示背景，再按住，同时双击“11”图标，调整图像位置和尺寸，使其在展示窗口中恰当显示并设置过渡效果。（8）拖入一等待图标放在“11”图标之下，命名为“w11”，等待时间设置3秒，取消闹钟和按钮显示。,（9）重复步骤（7）和（8），依次设计其后各分支。保存并运行程序，展示效果如图所示。当然，展示窗口也可以显示文字、动画、视频
8、等信息，以展示数码相机的生产厂家、型号、使用方法、价格等，只需在分支中导入相应的对象即可。,（1）再拖动一个显示图标放到主流程线“bj”图标之下，命名为“zg”，双击该图标，打开演示窗口，导入前面抓取并存入磁盘的图像“zhegai.jpg”。（2）双击该图像，打开图像属性对话框，单击“Layout”选项卡，在“Display”栏选择“Cropped”，在“Placement”栏定位上边位置，然后在“Size”Y栏调整数值，将展示窗口上边的背景裁下；再导入一次“zhegai.jpg”图像，用同样的方法获得展示窗口下边的背景局部。,2队列展示,（3）双击“bj”图标，打开“bj”演示窗口，按下 S
9、hift键，同时双击“zg”图标，移动“zg”演示窗口中的两条图形，使其与背景图像完全重合。,（）双击绘图工具栏中的图标符，按+G，将两条图形组合，选择“Modify”菜单“Icon”“Properties”，打开图像属性对话框，单击“Display”选项卡，在“Layer”栏输入“5”，形成对展示窗口上、下边背景区域的遮盖。当单独打开“zg”演示窗口时，如图。,（5）拖动一交互图标放在主流程线“zg”之下，命名为“zhanshi”。右击“zhanshi”图标，在弹出的快捷菜单中选择“Properties”，打开交互图标属性设置菜单，单击“Display”选项卡，在“Layer”栏输入6，使交
10、互按钮显示在最上层。,（6）选定整个决策结构“gd”，按Ctrl+G，做成群组图标，命名为“品牌1”，将其拖动到交互图标“zhanshi”右侧，形成第一个分支，选择“botton”交互类型，勾选“perpetual”选项，调整按钮“品牌1”到展示窗口的下面。（7）依次拖动两个群组图标到“品牌1”图标的右侧，分别命名为“品牌2”和“结束展示”，如图所示。,（8）打开“品牌2”群组图标，拖入一个显示图标和一个移动图标，分别命名为“duilie”和“mduilie”；向“duilie”图标中导入多张数码相机图像，将他们调整到与展示窗口等宽，并按比例放缩图像各自的高度。（9）下移第一幅图像，在其上接好
11、第二幅图像，将两幅图像组合成一幅；下移组合图像，再衔接和组合第三幅图像，一直做下去，直到接好所有图像；将最后组合而成的图像下移，使图像上边与演示窗口的下边重合，并与产品展示窗口的左右两边对齐。（10）双击“mduilie”移动图标，打开属性设置对话框，选择“Direct to Point”类型，关联显示图标“duilie”，并将“Destintion”栏的Y值设为原值的相反数，“Layer”栏输入数值2，移动时间视图片移动速度要求而定，比如每秒1幅。（11）打开“结束展示”群组图标，拖入一个计算图标，命名为“quit”，双击此图标，输入“quit()”。保存并运行程序，点击“展示2”按钮，则图
12、像自下而上在展示窗口中移动显示；图像上下超出展示窗口的部分被“zg”显示图标不留痕迹地遮盖了，如图所示。,3放大展示,（1）双击“bj”图标，打开演示窗口，将要演示的产品图像一一导入，并缩成统一尺寸排列好。（2）在“zhanshi”交互结构中对应增加热区响应交互分支，并进行相应属性设置。（3）在每一个分支中（群组图标），导入要展示的内容，可以是文本、图像、动画或视频。,保存并运行程序，当点击相应的区域时，就可以在展示窗口显示展示信息了，如图7-9。,电脑平面设计是随着计算机多媒体技术特别是图文技术而发展起来的一种新的平面设计技术，这项技术被越来越多的行业所采用，如形象设计、字体设计、书籍装帧设
13、计、装潢设计、商标设计，等等，特别是在商务活动中越来越显示出电脑平面设计的重要作用。一个好的设计，往往会吸引人，感动人，给人留下深刻的印象。平面设计的理论涉及到色彩、构图、审美、版面布局等多方知识，专业的平面设计工作还需要诸如PhotoShop、PageMaker、CorelDRAW、Illustrator、FreeHand等专门的软件，但了解一点平面设计的基本概念，掌握一些平面设计的规律，灵活运用前面学过的多媒体素材处理软件和多媒体著作软件，我们也可以设计出美妙的平面作品来。,用Authorware、Flash生成平面作品的方法主要有两个：对所设计的程序打包发布，视需要生成演示作品；中断程序
14、运行，停住某个所需的画面，再利用抓图工具，生成静一幅或多幅态平面作品。,10.3.1 特效字的制作,（1）拖动一显示图标到流程线上，将其命名为“阴影”，双击“阴影”图标，打开演示窗口；（2）利用绘图工具栏的基本图形工具画一圆角矩形，选择较粗的线形，并将图形颜色设置为深蓝色；,（3）复制圆角矩形，保持形状不变，并将所复制的图形的颜色设置为红色，移动红色图形，使其与蓝色图形微微错开一点，则两图形在视觉上产生阴影效果；,1.阴影效果,使用叠加文字的方法（也可以是图形），通过设置不同的遮盖模式，可以产生雕刻、空心等效果。,（4）用同样的方法，先输入“阴影”两字，选择恰当的字体和字号，将文字设置成浅灰色
15、；（5）复制灰色文字，并设置成红色、透明（Transparent）模式，移动红色字到恰当位置，则文字的灰色阴影就显现出来了。,（1）拖动一显示图标到流程线上，将其命名为“纹理”，双击“纹理”图标，打开演示窗口；（2）导入一幅图像，设置为不透明模式，并将其复制到剪贴板，如图（a）；（3）输入“剪纸”两个字，设置为透明模式，并恰当设置字体、字号、位置等项，如图（b）；,（a）（b）,2.纹理效果,（4）将剪贴板中的图像粘贴进来，将其设置为反显模式，然后将文字“剪纸”复制到剪贴板，如图如图（a）；（5）移动粘贴进来的图像直至与原图像完全重合，则图像背景消失，文字显示图像文理，但是反显颜色，如图（b）
16、，注意，在操作中不要改变两图像的尺寸，以免不能完全重合；,（a）（b）,（6）将剪贴板中的文字粘贴进来，将其设置为反显模式，如图（a）；（7）移动粘贴进来的文字直至与原文字完全重合，则图像的原色被还原到文字上，如图（b）。,（a）（b）,10.3.2 渐变色的产生方法,使用系统函数Line（pensize,x1,y1,x2,y2），通过调整参数x1,y1，x2,y2的取值决定线段的长度，当x1与x2、y1与y2的取值相差很小时，所绘制的线段很短，甚至缩为一点；参数pensize决定线段的宽度，当pensize的取值较大时，则绘制出一个矩形。用Line函数画点和平面的同时，通过调整系统函数RGB
17、的三个参数，可以使图形的颜色达到224 种。利用程序控制语句，使Line函数在由点生成线和由线生成面的过程中，规律地改变系统函数RGB的三个参数值，就可以得到颜色渐变的图形，,颜色渐变的图形,我们用渐变色设计一条通向远方的路：（1）拖动一个显示图标到流程线上，导入一幅图像，如图。,（2）拖动一个计算图标到流程线上，双击进入编辑状态，输入如下图所示语句，保存并运行程序，即在原画面上显示一条由近及远且颜色渐变的路。,通向远方的路,10.3.3 利用数学公式绘制精确图像,利用数学函数，可以绘制精确定位且形状准确的复杂图形，只要知道平面曲线的参数方程或极坐标方程，就可以在计算机允许的精度内利用Line
18、函数进行绘图。先看一例：我们知道，椭圆的参数方程为，设Authorware的屏幕尺寸取缺省值（640，480），恰当地设置椭圆的长半轴a和短半轴b的值，将t分成3600份，亦即将椭圆分成3600份，由于分割足够小，椭圆的每一部分都近似为一端线段。将line函数嵌入循环结构，依次绘制出椭圆的各个部分。运行如下程序，得到图（a）。,x1:=a y1:=0 x2:=a*COS（Pi/1800）y2:=b*SIN（Pi/1800）repeat while t=2*Pi line（2,320+x1,220+y1,320+x1,220+y1）t:=t+Pi/1800 x1:=x2 y1:=y2 x2:=a
19、*COS（t）y2:=b*SIN（t）end repeat,根据坐标旋转公式，将前面程序中的相应语句变为 Line（2,320+m*x1+n*y1,220-n*x1+m*y1,320+m*x2+n*y2,220-n*x2+m*y2）其中m=COS（Pi/4），n=SIN（Pi/4），即将图*的椭圆逆时针旋转45度，得图（b）。以旋转角为循环变量，对上面的程序段设置外层循环，则可得到一族椭圆，如图（c）。,进一步，利用通过循环控制逐段绘制图像的这个思路，我们可以动态演示某些图形的形成过程，这在平面演示作品的设计中是经常需要用到的。例如一个椭圆面的电子时钟设计，我们可以用与上述实例相类似的方法实现
20、。,（1）在Authorware程序设计窗口建立如图所示的程序结构，其中交互结构“”中的条件分支“1”的“Automatic”选项设置为When True，“Erase”选项设置为Before Next Entry，其它选项取默认值；,（2）双击显示图标“skin”，利用绘图工具绘制时钟底盘，如图，可先画一个椭圆形作为参照位置，待表盘绘制完成再参照椭圆；,（3）双击计算图标“begin”，输入如图所示语句并保存；,（4）双击交互结构中的群组图标“1”，打开下一层程序的设计窗口，再双击计算图标“plot”，输入如图所示语句并保存；,（5）运行程序。,10.3.4 界面布局设计,（1）开辟内容展示
21、窗 导入一幅图片作为背景 拖动一个计算图标到流程线上，并输入语句：repeat with x:=0 to 400 SetFrame（TRUE,RGB（0,50+x/2,50+x/2）Line（1,100+x,100-x/8,100+x,380-x/8）end repeat 再向流程线拖入一个显示图标，双击打开演示窗口，输入文本，并恰当定位。,良好的开端等于成功的一半。一个好的多媒体作品，从开始的第一个界面就能看得出来，如图7-30，所以多媒体作品的布局设计（常见的是平面设计）是非常重要的。,程序运行后效果如图所示。一则，主题突出明显，再则，背景中某些不需要的对象也被自然地遮挡了。,（2）装饰与
22、点缀 如果仅仅有主题内容，画面未免单调，我们可以通过绘制或使用函数的办法，在画面上添加线条加以装饰，再导入与主题有关的简单图形，画面就生动了许多。比如制作一份公司聚会请柬：拖动一个显示图标到流程线上，双击，进入演示窗口，输入主题内容，如图（a）；导入一幅小图片加以点缀，如图（b）；,（a）（b）,拖动一个计算图标到流程线上，双击，进入编辑界面，输入如图所示内容；,保存并运行程序，得美化后的结果，如图所示,10.4.1 总控模块设计,10.4.2 部门定位设计,10.4.3 办事流程设计,10.4.4 信息检索设计,应该有国家颁布施行的所有法律法规电子书。应该有与服务项目相关的行业服务规范、问责制度、仲裁方法电子书。应该有行业技术或质量检验标准电子书。应该有国民经济方方面面的统计数据电子书。,
