一、目的与要求
考核目的
运用所学的多媒体集成理论知识和制作技术,采用Authorware或HTML+CSS+JS作为主程序开发工具,结合Photoshop、Flash、Premiere等素材处理工具,完成一个具有交互性的多媒体应用程序或网页。
考核要求
1)采用Authorware或HTML+CSS+JS作为主设计工具。
2)围绕展现学校风采的主题,收集并制作相关文字、图片和视频资料。
3)交付的多媒体程序或网页中应包含文字、图像、声音、动画或视频。
4) Authorware程序中应包含两种或以上的交互方式,网页中应包含不少于两处使用JavaScript实现的交互效果。
5)配套的设计说明文档应详尽的描述程序或网页的制作流程,包括素材的采集与制作、交互效果的实现等。
二、作品简介
设计题目
学校风采展现
主题:美丽的江大,主要介绍江汉大学的学校信息,校园风景,校园文化(军运会的筹备,感动江大人物),现任领导等
总体设计功能模块图
开发工具:Authorware,Photoshop(图片处理),audacidy(音频处理)视频剪辑软件
主要技术
多媒体程序应用的技术:
显示图标的应用和设置,
文本和图标,等待图标,擦除图标的应用和设置,
加载声音、视频,动画的使用,移动图标的使用
各类交互类型的应用(时间限制,文本输入、重试限制、热区域、按钮等)
框架图标和导航图标的配合使用(相册)
部分页面展示
- 素材的收集与制作
素材选取与加工
文字信息,参考江汉大学官网,确保信息的准确性。内容要简洁、突出重点文字内容应尽量简明扼要,以提纲式为主。文字排版搭配根据部分见过的PPT网页等。
声音的选取:声音贴合主题,选择《这是我美丽的江大》,audacidy(音频处理)选取部分
图片选取,部分来自互联网部分来自手机拍摄,其中江大生活出现的图片通过Photoshop(图片处理),部分图片通过本机自带图片管理进行修改裁剪
视频处理,为了避免作业文件过大,通过视频剪辑软件剪辑部分插入
四、设计步骤
4.1整体的流程图
根据总体设计的思路,我开始了程序的设计。本次设计的是江汉大学风采展览,选取材料都是江大的,其次是要界面友好、简单,易于用户的操作
4.2导入声音文件
(1) 将声音图标拖拽到主窗口的流程线上,并将其命名为“背景音乐”。到 属性 窗口中,单击 导入 , 选择已有的声音文件路径,并选择到新的窗口中,单击 导入 即可。如下图
具体文档和文件见