华北电力大学科技学院软件综合实验（实验报告）.doc

科 技 学 院 综合实验报告 ( 2012 -- 2013 年度第 1学期) 名 称： 软件设计与实践 题 目： 网页视频播放器 院 系： 信息工程 班 级： 学 号： 学生姓名： 指导教师： 田志刚 设计周数： 2 成 绩： 日期：2012年 1 月 11 日 《软件综合实验》 任 务 书 一、 目的与要求 软件综合实验是计算机科学与技术、软件工程、网络工程和信息安全专业学生的必修实践环节，本环节是在第六学期、第七学期设置，主要让学生进一步理解、巩固、加深前面所学的课程，并能综合运用所学课程的知识进行设计，掌握算法设计及实现的理论与方法，为毕业设计和今后的工作打下良好的基础。 课程的基本要求： 1. 熟悉微机的应用环境。 2. 利用所学课程的知识，解决程序设计中的实际问题(实际应用题目，或模拟实际应用的题目)，为毕业设计和今后的工作打下良好的基础。 二、 主要内容 能熟练地利用微机设计出有实用价值的程序。 1. 熟悉Windows以及其它工具软件系统， 2. 根据所选题目进行算法设计(画出流程图，写出各模块的文档)。 3. 编程。 4. 上机调试。 三、 进度计划 序号 设计(实验)内容 完成时间 备注 1 查找、熟悉相关资料 2天 2 根据题目进行详细设计 2天 3 编码 4天 4 调试 2天 四、 设计（实验）成果要求 编制一个网页播放视频，要求有两种播放模式，一种是可以操作者播放并控制，另外一种是仅可以播放和暂停，不允许改变视频播放进度。 五、 考核方式 实验结果（60％）+实验报告（30％）+实验过程表现（10％） 学生姓名： 指导教师： 年 月 日 一、课程设计(综合实验)的目的与要求 本次课程设计主要让学生进一步理解、巩固、加深前面所学的课程，并能综合运用所学课程的知识进行设计，掌握算法设计及实现的理论与方法，为毕业设计和今后的工作打下良好的基础。 课程的基本要求： 1. 熟悉微机的应用环境。 2. 利用所学课程的知识，解决程序设计中的实际问题(实际应用题目，或模拟实际应用的题目)，为毕业设计和今后的工作打下良好的基础。 二、设计（实验）正文 1、实验内容 编制一个网页播放视频，要求有两种播放模式，一种是可以操作者播放并控制，另外一种是仅可以播放和暂停，不允许改变视频播放进度。 2、系统平台需求： 编程语言：xhtml/html5、javascript、css/css3 操作系统：Windows xp系列 开发工具：Aptana 运行环境：chrome浏览器、firefox浏览器 3、实验运行结果 本视频播放器所实现的功能： 可以播放MP4格式的文件。 两种播放模式，一种是可以操作者播放并控制，另外一种是仅可以播放和暂停，不允许改变视频播放进度。点击“模式转换”按钮即可在两种模式之间切换。（见图1） 操作者可以点击“打开文件”按钮，输入要播放文件的路径或网址来打开想要播放的视频。（见图2） 图1 图2 三、综合实验总结 在本次试验中，我学习了HTML5、javascript 以及css,能够独立完成网页视频播放器的简单设计，实现了网页播放器的基本功能。 由于试验时间有限，还有很知识未能学习，所以播放器还有一些功能没有实现。我会继续努力，把它做得更完美。 四、参考文献 [1] 张熠等编著.《零基础学HTML+CSS（第二版）》 机械工业出版社，2012.3 附录（程序） html style #parent{ position:relative; background:#000; /*阴影 */ -moz-box-shadow:0px 0px 20px #; -webkit-box-shadow:0px 0px 20px #; box-shadow:0px 0px 20px #; /* 上圆角 */ -webkit-border-top-left-radius:3em; -webkit-border-top-right-radius:3em; -webkit-border-bottom-right-radius:0em; -webkit-border-bottom-left-radius:0em; } #model{ margin: auto; position: absolute; height: 20px; background: #362d25; width