web课程设计报告-视频网站

2024-10-02 版权声明 我要投稿

web课程设计报告-视频网站(精选8篇)

web课程设计报告-视频网站 篇1

题目: 电影网站设计与实现_ 系部:_信息技术工程学院___ 专业:_xxxxxxxx___________ 班级:_xxxxxxxx___________ 学号:_xxxxxxxxxxxx________ 姓名:_xxxxxxx_____________

目录

一、实验目的...................................................................................................................................3

二、实验需求...................................................................................................................................3

三、实验功能...................................................................................................................................3

四、实验内容...................................................................................................................................3

1.设计主页...........................................................................................................................3 2.主页页面设计...................................................................................................................4 3.博客页面设计...................................................................................................................4 4.关于我们...........................................................................................................................5 5.常见问题...........................................................................................................................5

五、实验心得体会...........................................................................................................................5

1.标题................................................................................................................................5 2.内容的采集....................................................................................................................5 3.图片................................................................................................................................5 4.网页排版........................................................................................................................5 5.背景................................................................................................................................6 6.其它................................................................................................................................6

六、实验不足...................................................................................................................................6

一、实验目的

1.学会使用HTML和CSS技术实现静态网站的搭建和设计,完成五个网页的建设,网站要呈现出来电影推荐的主题。

2.掌握网站开发的原理和相关技术,尤其是要具备用HTML编写网页的能力。

3.掌握HTML基础标签(标题标签、段落标签和换行标签)、列表(有序、无序)。4.掌握基本框架的创建并使用框架实现网页的整体布局。

5.掌握表格的基本创建、表格属性的使用及使用表格实现网页的整体布局。6.掌握CSS多种属性及使用方法(字体、文本、背景、边框、边距及填充)。

二、实验需求

电影推荐是本网站打造的一个电影社区,帮助用户找到想要的电影、影人、影院、电视剧。比如通过各大网站的影评,电影的评分帮助你找到你想要的电影。满足用户对于电影的多种不同需求,充分释放你对电影的热爱。

三、实验功能

1.用HTML设计制作网页。用记事本或dreamweaver作为工具,利用HTML语言制作简单网页。

2.用框架、表格和表单设计制作网页。

3.CSS样式的使用。CSS的类、选择符和标识符的使用,内嵌式、外接式样式的使用 4.javascript的使用。在HTML网页上使用,用来给HTML网页增加动态功能。

四、实验内容

1.设计主页

主条目内容包括:

主页:网站打开后看到的第一个页面,主页文件名是index加上扩展名.html。

index.hml页面搭建

申明文档的类型是html5 网页的编码格式是UTF-8 让网站支持IE浏览器。电影网站:首页

博客: 博客上的文章通常根据张贴时间,以倒序方式由新到旧排列。本博客结合了文字、图像,能够让读者以互动的方式留下意见,是许多博客的重要要素。博客内容以图片介绍为主,本应有一些博客专注在艺术、摄影、视频、音乐、播客等各种主题,但由于初学尚有不足。

  • 主页
  • 博客
  • 博客
  • 关于我们
  • 联系我们
  • 常见问题
  • 关于我们

    本站整理各种经典,热评的电影。本着分享精神。

    联系我们:如果你对我们的网站有啥建议和意见,请联系我们。这也是对网站不足的一个回馈。反馈者可以将名字邮件信息等提交发送给我们。

    联系我们

    欢迎联系我们

    你的名字:

    你的邮件:

    你的信息:

    web课程设计报告-视频网站 篇2

    近年来, 项目课程被认为是反映高职教育特色, 培养学生综合能力的有效课程模式, 成为新一轮高职教育课程改革的方向。项目教学法以教师为主体, 以学生为客体, 将理论教学和实践教学紧密结合, 有利于提高学生的创新能力和动手能力。

    1 高职项目课程

    高职项目课程从职业岗位工作分析出发, 依据岗位工作职责制订一系列实践操作项目, 学生学习的过程同时也是一个自我建构的过程。与传统教学相比, 项目课程能较好地解决理论教学和实践教学相脱节的问题, 增强教学的直观性, 更好地培养学生分析和解决问题的能力。目前, 高职项目课程大致分为:以工作任务为主体、以项目课程为主体和以典型产品 (或服务) 为主体3类[2]。

    2 项目课程在软件技术专业中的应用

    软件技术专业项目课程制定需要结合专业特点, 根据职业岗位能力要求来设计工作任务, 以“理论与实践一体化”为原则设计教学情境[5], 明确项目所涉及的课程, 根据学生应该具备的素质、能力制定课程教学标准和能力培养目标, 制定科学的评价体系。所选择的项目要能让学生经历完整的工作过程, 能尽可能地覆盖工作岗位所要求掌握的知识, 能培养学生的综合素质和能力。本文以“Web网站设计”项目为例探讨项目课程设置。

    2.1 Web网站设计项目课程设计

    根据企业对网页设计师的基本要求, 从网页设计师岗位要求角度进行项目课程设计 (见表1) 。

    2.2 项目计划学时分配

    综合实训项目需打破原来的学科知识体系, 本着以工作任务为载体、以工作过程为导向的指导思想, 进行知识解构与重构[5], 使学生按照企业的技术标准、质量标准安全规范实训, 担任企业员工的角色, 培养学生的职业素养。《Web网站设计》综合实训项目课程学时安排如表2所示。

    2.3 项目组织实施

    目前, 大多高职院校已培养“学校教师+企业技术”人员的“双岗双职”实训教学团队, 为项目课程实施提供了师资保障。项目实施流程: (1) 学生分组、分工; (2) 依据课程标准设置合适的项目主题[4]; (3) 设计项目方案; (4) 学生小组讨论、分工; (5) 进行整合测试; (6) 上交作品, 进行答辩。

    2.4 项目课程评价

    学生项目课程学习成绩由阶段性考核成绩和综合性考核成绩两部分构成。

    (1) 阶段性考核。阶段性考核分为职业素养考核和项目考核[3]。职业素养考核 (见表3) 主要考核工作责任感、工作规范、质量意识、服务意识、沟通能力、团队合作意识等[3]。考核学生平时课堂出勤、纪律、学习态度、协作精神等。项目性 (任务) 过程考核 (见表4) 由指导教师对学生每一阶段的实训过程进行考核, 根据学生提交的作业, 结合本阶段项目验收考核要求评定成绩。

    (2) 综合性考核。指导教师根据作业完成情况、完成产品达标及质量情况、项目答辩情况等给出考核成绩。

    根据阶段性考核与综合性考核成绩, 评定学生期末成绩 (见表5) 。

    3 结语

    在软件技术专业中改革项目课题, 可使学生按照企业技术标准、质量标准、安全规章开展实训工作, 对学生的职业素质的养成具有潜移默化的影响, 有利于让学生在真实的环境中通过工作来学习, 从而实现技能型人才培养的目标。

    摘要:以《Web网站设计》课程为例, 从课程设计、项目计划学时分配、项目组织实施、课程评价等方面探讨软件技术专业项目课程设置及具体实施, 为推动高职实践教学改革提供参考与借鉴。

    关键词:软件技术,高职项目课程,教学改革,Web网站设计

    参考文献

    [1]刘万辉.网页设计与制作实例教程.北京:人民邮电出版社, 2013:248-258.

    [2]徐国庆.高职项目课程的理论基础与设计[J].江苏高教, 2006 (6) :137-140.

    [3]李建兴.高职院校项目课程考核方式的改革与实践[J].教育与职业, 2013 (5) :145-146.

    [4]陈国钧.朱建东.网络环境下项目课程探索式学习策略[J].高等农业教育, 2013 (1) :106-108.

    电子商务网站建设课程设计报告 篇3

    《B2C商务网站》

    指导老师:易秋香 所在班级:08级EC

    设计人:洪敏 学号:0802052 2010.9.16

    一、课程设计的目的与要求

    通过图书商务网站课程设计,进一步掌握ASP的理论和方法。、要求了解电子商务系统开发的全过程,理解网站建设相关的概念,掌握ASP网站建设的开发方法。主要包括:系统调研方法;业务分析、数据分析;数据库设计、功能设计、物理模型设计方法;系统的实现等方法。完成一个小型系统的设计与开发。

    二、设计正文 1 系统分析

    1.1随着计算机的高度普及和网络技术的突飞猛进,网上购物也已经成为新兴的购物方式,越来越多的改变着我们的生活!图书销售作为传统的销售领域也应加入到新兴浪潮之中,因此着手建设图书商务网站的建设!1.2业务流程分析

    (1)用户通过注册得到会员资格。

    (2)用户通过登陆系统登陆到网站,并且可以查看和搜索所要商品。(3)用户可以对自己所选商品进行购买,并将其添加入自己的购物车当中。(4)通过购物车对自己所选商品进行添加或删除。(5)确认所选商品后到收银台提交订单。(6)选择邮寄方式和支付方式。(7)确认订单信息,完成购物。1.3数据字典 用户系统表:

    User_id:用户ID User_name:用户名 Cha:密码查询问题 Daan:密码查询答案 User_pass:用户密码 User_mail:用户邮箱 User_adds:用户地址

    User_regtime:用户登陆时间 User_regid:用户登陆ID Userlassttime:用户最后登陆时间 Userlastip:用户最后登陆ID User_baymoney:用户购买钱数 User_namec:联系人名

    User_postcode:用户邮政编码 User_tel:用户电话 商品表:

    Sp_id:商品ID Sort_id:商品所属类别ID Sp_name:商品名 Sp_cash:商品价格 Sp_content:商品简介 Sp_content2:商品介绍 Sp_views:商品查看数 Sp_buys:商品购买数 Sp_date:商品上架时间 Sp_pic:商品PIC号 Huiyuan:会员价 Vip:vip价

    Sp_zuozhe图书作者: Sp_chuban:图书出版社 商品类别表:

    Sort_id:类别ID Sort_name:类别名 购物车表:

    Basket_id购物车ID: Sp_name商品名: Sp_cash:商品价格

    Basket_count:购买数量 Sub_number:订单号 User_name:用户名 Sp_id:商品ID Basket_time:购物时间 Sp_price:总价 订单表:

    Sub_id:订单ID Basket_id:购物车ID User_name:用户名 Sub_date:订单时间 Sub_number:订单号 Sub_to:订单

    User_mail用户邮箱: User_tel:用户电话 User_adds:用户地址 User_postcode:用户邮编 Qian:付款方式 Other:其他信息 2 系统设计 2.1功能设计 用户功能:

    用户注册,找回密码,修改用户信息 商品功能:

    商品显示,分类显示,商品搜索 购买功能:

    购物车实现,商品添加实现,订单功能实现 2.2系统运行环境与数据库

    需运行于装有IIS功能的服务器上,配套SQL数据库。3 系统实施 index.asp 欢迎来到梦瑶轩!

    border=“0”

    align=“center”

    cellpadding=“1” cellspacing=“1” bordercolor=“#99ccff”>

    用户登录

    name=“denglu”

    method=“post” action=“denglu.asp”> 用户名:


    注册用户
    密码:  
    忘记密码

    热销图书

    bordercolor=“#99ccff”

    bgcolor=“#99ccff”>

    web课程设计报告-视频网站 篇4

    摘 要:旨在提高高校学生课余时间学习效率,采用PHP语言,基于MVC模式的ThinkPHP框架,搭配MySQL数据库,开发了一个视频教学网站。网站界面简洁,操作简便,学生通过观看网站内的教学视频,增加学习兴趣,提高学习效率。该网站系统简洁,便于管理,大大促进了教师和学生的课余学习互动,提高学习效率。

    关键词:教学网站;视频学习;PHP;ThinkPHP

    中图分类号:TP316 文献标识码:B 文章编号:2095-1302(2015)03-00-02

    0 引 言

    近年来,随着计算机网络技术的迅猛发展,网络教学已经渗透到各大高校的教学改革中,利用网络提高教师工作效率和学生的学习效率迫在眉睫。视频教学网站的设计能很好地满足这一理念,利用教学网站发布与教学进度同步的教学视频,并可以通过视频的评论留言和习题促进教师和学生之间的互动交流,给教师和学生创造了很好的学习和交流的虚拟平台。系统设计

    教学网站的开发环境是Windows+Apache+MySQL+PHP集成环境,是以ThinkPHP框架为基础的。

    1.1 网站前台设计

    网站前台主要包括个人信息动态展示、视频列表、好友互动和账号管理这几个栏目。个人信息动态可以显示自己的学习进度以及好友的学习情况,视频列表展示网站更新的视频,好友互动可以实现老师和学生、学生和学生之间的互动,账号管理可以更改个人信息以及提供管理员进入后台。

    前台页面的设计使得学生对学习进度有一个很直观的认识,并且可以了解其他同学的学习状态,起到了相辅相成的作用,通过及时地提问和讨论,增加了学生学习的积极性并提高了学习效率。

    1.2 网站后台设计

    后台主要是针对前台的功能进行管理,管理员可以通过视频管理上传视频,通过用户管理来管理学生,还可以通过评论管理来收集学生的代表性问题进行有效且及时的解决。老师作为管理员,可以很容易就了解到学生的疑惑和需求,极大的提高了教师的工作效率。

    1.3 数据库设计

    (1)用户信息表:用来存储管理员和普通用户的基本信息和权限(见图1)。

    图1 用户信息表

    (2)视频信息表:用来存储视频的基本信息和连接地址,由于本网站采用的是链接视频地址,所以只需存储视频源文件地址,通过跳转到视频门户网站实现视频播放(见图2)。

    图2 视频信息表

    (3)评论信息表:存储用户评论信息和提问信息(见图3)。

    图3 评论信息表

    其他的数据库表在此就不一一赘述了。系统功能的实现与管理

    2.1 用户信息系统管理

    为了能更好地反馈学生的学习情况,该系统记录下了学生每次学习视频的章节和进度,并将信息展示在个人中心栏目里面;好友动态栏目里面显示其他学员最近的学习情况;还可以通过好友搜索功能了解指定学员的学习进展。

    2.2 视频文件系统管理

    视频文件的分类采用的是PHP无限分类方法,可以无限的创建子类,将视频更好地整理归类;考虑到服务器的高昂成本,该系统的实现是将视频文件上传至优酷视频网站,然后将网站的Flash播放地址存储在数据库中,然后通过链接地址访问视频文件,这种方法是现在视频网站的主流方法,缓解了服务器的压力并提高了用户体验质量。

    2.3 评论与回复系统管理

    该系统的最大亮点之一就是实现了师生之间的交互。提高学习效率的最好的方法就是交流,此系统合理的运用了现在比较新颖的技术AJAX,实现网页的异步刷新,在不影响视频播放的同时,可以进行评论和提问,被提问的人还能进行实时的回复。交互功能的应用极大地提高了学习效率。网站的测试和上传服务器

    网站经过我们实验小组的多次实验测试,良好地实现了用户信息的展示、视频上传和播放以及评论与回复功能;网站的外观上简洁明了,功能逻辑性强,用户体验好。

    我们云服务器上租用了一个256 MB的空间,用来上传我们的网站。克服了一系列的困难,最终实现了广域网对我们网站的正常访问。结 语

    本网站采用的是ThinkPHP框架和MVC模式。整个网站的代码量较小易维护,而且可拓展性强,为后期的发展打下了一个良好的基础;实现功能代码与界面代码的完美分离,安全性能更强;将视频上传至大型视频网站,使得视频的安全性提高;通过交互模式的教学,更好地提高学生的学习积极性和学习效率,给传统的教学模式提出了一种新的思路。

    参考文献

    教学网站课程设计 篇5

    1.1 引言

    Internet是目前世界上最大的计算机网络,它遍布全球,将全世界各种网络连接成一个整体。我们的教学也有了长足的发展和改革。现代信息技术是网络教学的标志,教学活动对于人才培养则是网络教学的根本。网络教学的问题不仅仅是计算机技术的问题,其本质仍然是教学的问题,人才培养的问题,现代信息技术与传统教学相碰撞的人才培养问题。对于这些根本问题的把握,必须以科学为指导,实事求是的分析当前教学存在的缺陷,结合新时代信息技术对网络教学进行探索、借鉴、发展、创新。联系传统教学,结合学校实际情况把教学模式多样化,把教学资源、学生、老师练成一个互相的整体。1.2 教学网站建设的背景

    在网络发展得如此迅速的情况下,大都高校的教师都已经采用课件的形式教学,改变了传统的教学方式,例如用PowerPoint或其他的教学软件来丰富课堂,这样大大的提高了课堂教学的效率,也使课堂气氛得到了活跃,这样的教学方式既方便老师,也使学生以最大的学校效率去学习。尽管这些措施在课堂内带来了很大的方便与好处,但对课下却没什么帮助。课下的复习对于学习来说也是非常关键的,因而在网络发展得如此发达的形势下,对课下学习进行改革是势在必行。建立教学网站是教学信息化,网络化的最佳途径,也是当前教学辅助手段的大势所趋。

    XXXX工程是XX工程与XX工程的交叉学科,是XX技术在XX工程中的应用,及应用XX技术主要是微XX技术来处理XX问题。使XX向着有利于人类和谐发展的方向转变。同时应用XX技术可以实现废物资源化,保护生态XX。

    结合本专业实验实践要求高,联系社会程度高的教学特点,设计本教学网站。1.2.1 教学网站发展的概况

    近年来,国家大力推行高校教育改革,现代教育技术、现代教育手段的应用与推广已是变革中的重中之重。现代教育技术作为国家推行素质教育的重要手段,具体在计算机使用方面,已体现全面要求大学生必须通过等级考试,初步掌握计算机的使用,而网络又是现代教育技术应用的核心。在这样形势下,很多教学网站开始涌现,给传统教学带来了一次强力冲击,新的一轮教学改革已经展开。教学网站作为一个学习的平台,具有信息量大、交换便捷、易于互动等优点,它的应用多少与好坏直接展示了教育提升的水平和档次。但现如今的教学网站并没能充分利用这一点。

    广东工业大学本科课程设计

    教学网站一般有教师个人教学网站和单位的教学网站(例如专业教学网站),教师个人教学网站大都是自己建设或找人建立起来的;单位的教学网站是单位组织人员建立起来的。无论是哪种方式建立起来的,一般都没有对如何利用网络或者说网站来达到教学互动交流这个问题。这样就造成了教学网站的发展良莠不齐的状况,且大部分教学网站的利用效果都不尽人意,甚至有些学生都不知道它们的存在。

    教学网站的建设对于教育事业方面的需要还远远不能满足,我国的教育机构的庞大以及网络的发展是教学网站建设程度不能满足需要的主要原因。而且教学网站到如今,国内还没有一个好的评价体系。

    很多教学网站都是的用文章发布系统加留言板建设而成,有的可能会加上个论坛来加深交流。文章发布系统一般作为课件发布用,供学生下载课件用,而留言板作为答疑工具来用,当学生有疑问时可以发帖向老师提问。论坛的作用和留言板差不多。这种网站在一定程度上满足了教学网站的要求,但这远远不够。

    在交流手段上,老师会在教学网站上发布自己的电子邮件,以供学生向自己提问,以解决学生自己独立解决不了的问题。但这一切都必须建立在学生和老师的计算机水平的基础上,这样操作都需要他们对计算机操作很熟悉才行,这也是教学网站应用推广难的一个原因。1.2.2 教学网站建设现状

    教学网站以个人教学网站居多,且很多都只是以信息发布系统建立起来的课件发布系统而已,还远远不符合教学的要求。在很多高校都是教务处建立的,这些教学网站在功能上就有些偏了,不是很符合教学的要求。教学网站的建设现状整体来说还很差,无论是从规模还是质量上都还不能承担教学中的课下学习环节的补充。1.2.3 教学网站发展中出现的问题及原因

    出现的问题有很多,教学网站到现在为止发展不是很好。这主要表现在两个方面:(1)教学内容在教学网站上的组织形式没能让它们发挥他们应有的作用。例如,在课件上不应该只是课件下载而已,而是一个知识库,根据知识点组织起来的知识库,这个知识库也不是简单数字化的数据库,而是已经把各个知识点关联起来的知识库。

    (2)教学网站在交互设计上陷入了瓶颈。在交互设计上,国内很多教学网站都只是停留在留言板答疑的水平上,并没有把 Web 2.0 的理念融进去。出现这些问

    广东工业大学本科课程设计

    题的原因:很多教学单位或个人并没有真正把教学网站重视起来,而是简单的把它当作一种可有可无的教学手段,这样的想法到了网站设计者那,当然也就不会设计出多好的教学网站来了。教师和老师的计算机操作水平也是一个制约因素,例如一个小学生可能他会网上聊天,但不一定会在网上看电子书。这些因素在教学网站的设计上,是不能忽略的。当然啦,这也是和当今的网络发展水平密切相关的,试想,给一个没有网络的山村小学建设教学网站,这就完全没有必要,建了也是浪费。还有一个原因是,中国在教育教学网站上缺乏一种评价策略。目前,我国相关的研究也只局限于介绍评价方法、评价实施过程以及如何量化调查结果等。至于具体的评价要素、评价指标体系可以说还是空白,而这些在国外已经开始建设这一评价体系。即使在美国等远程教育发展较完善的国家,通行的认证原则也是一些定性的指导思想,进行有效性评价指标体系的研究。为了促进教学网站不断改进质量,为公众提供满意的教育服务。

    1.3 建设教学网站的意义

    在校园网上构建教学网站为教师和学生们提供全新的教学工具,是改革教学模式、实现学科交叉,XX专业与信息技术的融合,培养学生学习兴趣的重要途径,实现跨越式辐射式教学。构建教学网站符合实际需要,时代需求,具有十分重大的意义。

    1.3.1 改变传统教学模式

    从教学模式来看,建设出好的教学网站能让教学充分体现“以学生为主,教师为辅”的现代教学模式,彻底改变了传统教学中“以课堂教学为中心,以书本为中心,以教师为中心”的“三中心”教学模式。1.3.2 引导学生自主学习

    从学生的学习来看,建设出好的教学网站将是学生课堂学习强有力的补充,利用网站,教师发布课程学习资料、布置作业、进行网上答疑,学生和老师之间、学生和学生之间可使用电子邮件、BBS、讨论讨论等进行在线或非在线信息交流,学生之间亦可以相互讨论。1.3.3 促进师生交流

    从学生和老师的交流来看,建设出好的教学网站将为学生和老师在情感交流方面架起情感的桥梁。利用现代的信息技术手段,建设好的教学网站,推进国家的教育事业,此任务是教育以及国家对于网络建设工作着来说是迫不及待的。

    广东工业大学本科课程设计

    1.4 建设教学网站的目的

    基于上述的信息技术迅猛发展的时代背景,传统教学对人才培养的片面化以及教学网站对新时代教育改革的迫切需要。结合本工科专业紧密联系社会实际的需要建设本。教学网站。

    1.5 建设教学网站的基本原则

    教学网站建设的基本原则除了要遵循网站设计的一些基本原则外,我们网站设计者应该充分考虑教学网站的特点,应该遵循下列原则:

    (1)教学网站的整体规划在动手建设之前。对网页的整体规划至关重要。(2)以“以学习为中心”理论指导,规范教学网站的设计,时刻以学生为中心,强调学生的“学”,要充分考虑学生对哪些知识的需要,从教学实际出发,建设符合教学需求的教学网站。

    (3)内容丰富、重点突出网站内容。强调网页的针对性和突出性。网页设计者设计时一定要牢记对象是学生,办出学生好奇,追求,理解,接受的特点来。有且只有这样才会让更多的学生关注这个教学网站。

    (4)及时反馈。设计评价反馈系统,便于教师与学生之间了解自己掌握知识的情况,有利于改进网页和各方的设计学习。

    (5)及时更新维护,去粗取精。网站的成功与否,取决于网站的质量。网站使用与运行一段时间后,一些过时的信息就要及时的删除,保持整个网站的先进性。

    1.6 课题研究内容

    本设计是利用adobe dreamweaver cs5.5软件对XXXX工程的网站进行设计,布局方式主要是表格布局和div+css布局。利用adobe fireword cs5.5和adobe flash cs5.5、adobe photoshop cs5.5这三款软件对网站的图片动画进行美化。使用activex控件、php脚本语言制作网页特殊效果。本文主要阐述网站的设计理念、设计方法和规划方案,对建设XXXX工程教学网站的具体步骤进行描述和分析。

    广东工业大学本科课程设计 网站规划

    2.1 网站的定位分析

    2.1.1 网站类型定位

    静态网页有时也被称为平面页。静态网页的网址形式通常为htm(超文本标记语言)结尾,还有就是以超文本标记语言(.htm、.html)、.shtml、.xml(可扩展标记语言)等为后缀的。在超文本标记语言格式的网页上,也可以出现各种动态的效果,如.GIF格式的动画flash、滚动字幕等,这些“动态效果”只是视觉上的,与下面将要介绍的动态网页是不同的概念。静态网页面通常是超文本标记语言文档存储为文件在文件系统里头,并且可以通过HTTP访问网络服务器。

    静态网页对用户有多重要呢?普通用户通过多浏览器发送制定的URL请求,Web服务器收到请求后定位到指定的文件,或者根据程序从数据库中调出相应的数据返回到浏览器,经过浏览器请求处理后,用户就可以看到一个完整的文件。整个过程中,动态页面的话还需要多一个步骤,就是发送命令从数据库中调出文件,如果用户一多的时候,就会造成数据库运行过慢,这样就严重影响了用户体验;用户体验被影响了,也就影响了搜索引擎优化中的一个最重要步骤,要记得网站优化用户体验最重要。

    静态网页每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀,而不含有“?”;(动态网页中的“?”对搜索引擎检索存在一定的问题,搜索引擎一般不可能从一个网站的数据库中访问全部网页,或者出于技术方面的考虑,搜索引擎不去抓取网址中“?”后面的内容。);

    网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;

    静态网页的内容相对稳定,因此容易被搜索引擎检索;

    静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难;

    静态网页的交互性较差,在功能方面有较大的限制;

    页面浏览速度迅速,过程无需连接数据库,开启页面速度快于动态页面; 减轻了服务器的负担,工作量减少,也就降低了数据库的成本; 可以公开(即副本可以证明给任何人);

    广东工业大学本科课程设计

    托管没得任何特殊的要求。(不需要特殊的中间软件比如超文本预处理器、公共网关接口);

    没得网络服务器或应用服务器,比如直接从CD-ROM(激光唱片-只读存储器)或USB闪存驱动器读取内容,可以通过网络浏览器直接访问;

    网站更安全,HTML页面不会受Asp相关漏洞的影响;而且可以减少攻击,防sol注入。数据库出错时,不影响网站正常访问。

    由于XXXX工程的教学网站的功能相对较少、内容更新量不大,网站访问速度要求较快,没有涉及较多的商业机密,根据静态网页的特点,采用静态网页。其优势是不需要数据库的支持。2.1.2 网站主题的定位

    XXXX工程教学网站的开发是基于学生和教学的需要,所以建设网站的主题必须适合这一需求。基于服务对象是教师和学生,所以在商业上,市场竞争上,资源竞争上没有过多的要求,或者说没有考虑。本教学网站主要以提高教学效率与教学质量为目的,以开设教学资源库,创建网络协作学习XX为手段,以学习者为中心的一种课程学习网站。2.1.3 网站的功能定位

    教学网站主要是实现把丰富的课程资源通过网络信息平台共享到互联网上,向所有用户提供视频观看、课程介绍,教材简介等功能,同时也提供网络互动交流和上传课件、视频,提交作业的功能。

    网站导航:网站提供了导航功能,在网站的首页设计一个导航,把站内各种资源分门别类。这样可以为用户大大的节省精力和时间。

    课程信息:对用户提供课程介绍,上课时间,课件资料等。

    信息交流:本网站系统会给用户提供一个良好的在线交流的平台,便于用户进行互动交流,向用户提供留言板与回复的功能。

    资源共享:主要实现上传下载功能,用户能在资源共享界面上传教学相关视频、题库、课件,提交作业等功能,并在网上显示,为多人共享。2.2 教学网站的规划

    教学网站的内容设计与组织是网站规划中重要的一部分,是网站浏览者最看重的因素。

    广东工业大学本科课程设计

    2.2.1 网站内容的设计规划

    本站的功能模块包括专业前景、教师简介、课程体系、实践环节、校友风采、资料下载、专业动态、特色教学、课程体系、实践环节以及具体的各老师的教学网站、各课程的学习网站、相关网站链接等。2.2.2 软件选择

    从本站的需求与特点考虑,采用静态网页的方式制作。网站制作采用主流的网站制作软件adobe dreamweaver cs5.5。2.2.3 网站风格的确定

    由于XXXX工程是环保类的学科,主题与绿色比较符合。本站采用绿色的色调作为网页的基色。网页风格较为朴素、简洁,突出环保的风格。在清新的背景下使学生更加愉快的浏览网页。2.2.4 素材的收集

    本站图片素材是大多是自己制作的,通过photoshop和firework等制作的。主要的其他素材有相关老师的教学积累提供。2.3 网站总体设计

    网站经过初步的整体规划,从细节入手,对网站进行总体设计。2.3.1 首页设计

    首页设计是一个网站成功与否的关键。本站的首页根据网站的风格采取简单的排版,模块分布比较有规律,网站的思路较为清晰。网站的首页的设计图如图2.1所示。

    XX教学网站

    专业前景 教师简介 课程体系 实践环节 校友风采 资料下载 联系我们

    图 2.1 首页网站栏目规划

    2.3.2 课程设计首页设计

    课程设计首页与教学网站首页相呼应。具体如下图2.2所示。

    XX工厂课程设计

    课程介绍 设计任务 教学组织 考核方式 学习资源

    图 2.2 课程设计首页栏目规划

    广东工业大学本科课程设计

    2.3.3 网页版式的设计

    版式的布局在网页制作中也是比较重要的一项。既要符合浏览者的一般兴趣,也要有自己的特色,符合浏览器的兼容需求。本站采用混合排版,采取传统的上中下布局,左右列液固定的方法。基本布局如下图2.3所示。

    网站logo

    导航菜单 关于我们

    快速链接

    教师简介

    快速链接

    快速链接 课程体系

    版权信息

    实践环节

    图2.3 网站模板布局

    2.3.4 网页色彩搭配

    对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景,但是,浏览一下大型的商业网站,你会发现他们更多运用的是白色、蓝色、黄色等,使得网页显得典雅,大方和温馨。更重要的是,这样可以大大加快浏览者打开网页的速度。

    一般来说,网页的背景色应该柔和一些、素一些、淡一些,再配上深色的文字,使人看起来自然、舒畅。而为了追求醒目的视觉效果,可以为标题使用较深的颜色。2.3.5 网页文字的搭配

    字号大小可以用不同的方式来计算,例如磅#quotel.quoter#或像素(Pixel)。因为以像素技术为基础单位打印时需要转换为磅,所以,建议采用磅为单位。

    最适合于网页正文显示的字体大小为12磅左右,现在很多的综合性站点,由于在一个页面中需要安排的内容较多,通常采用9磅的字号。较大的字体可用于标题或其他需要强调的地方,小一些的字体可以用于页脚和辅助信息。需要注意的是,小字号容易产生整体感和精致感,但可读性较差。

    网页设计者可以用字体来更充分地体现设计中要表达的情感。字体选择是一种感

    广东工业大学本科课程设计

    性、直观的行为。但是,无论选择什么字体,都要依据网页的总体设想和浏览者的需要。例如:粗体字强壮有力,有男性特点,适合机械、建筑业等内容;细体字高雅细致,有女性特点,更适合服装、化妆品、食品等行业的内容。在同一页面中,字体种类少,版面雅致,有稳定感;字体种类多,则版面活跃,丰富多彩。关键是如何根据页面内容来掌握这个比例关系。

    从加强平台无关性的角度来考虑,正文内容最好采用缺省字体。因为浏览器是用本地机器上的字库显示页面内容的。作为网页设计者必须考虑到大多数浏览者的机器里只装有三种字体类型及一些相应的特定字体。而你指定的字体在浏览者的机器里并不一定能够找到,这给网页设计带来很大的局限。解决问题的办法是:在确有必要使用特殊字体的地方,可以将文字制成图像,然后插入页面中。

    行距的变化也会对文本的可读性产生很大影响。一般情况下,接近字体尺寸的行距设置比较适合正文。行距的常规比例为10:12,即用字10点,则行距 12点。这主要是出于以下考虑:适当的行距会形成一条明显的水平空白带,以引导浏览者的目光,而行距过宽会使一行文字失去较好的延续性。

    除了对于可读性的影响,行距本身也是具有很强表现力的设计语言,为了加强版式的装饰效果,可以有意识地加宽或缩窄行距,体现独特的审美意趣。例如,加宽行距可以体现轻松、舒展的情绪,应用于娱乐性、抒情性的内容恰如其分。另外,通过精心安排,使宽、窄行距并存,可增强版面的空间层次与弹性,表现出独到的匠心。

    行距可以用行高(line-height)属性来设置,建议以磅或默认行高的百分数为单位。例如:{line-height:20pt}、{line-height:150%}。

    文字的整体编排。页面里的正文部分是由许多单个文字经过编排组成的群体,要充分发挥这个群体形状在版面整体布局中的作用。从艺术的角度可以将字体本身看成是一种艺术形式,它在个性和情感方面对人们有着很大影响。在网页设计中,字体的处理与颜色、版式、图形等其他设计元素的处理一样非常关键。从某种意义上来讲,所有的设计元素都可以理解为图形。

    广东工业大学本科课程设计 建设网站的工具

    3.1 网页布局软件adobe dreamweaver cs5.5 Dreamweaver可以用最快速的方式将Fireworks或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单,快捷键与格式控制,都只要一个简单步骤便可完成。Dreamweaver能与您喜爱的设计工具,如Playback Flash,Shockwave和外挂模组等搭配,不需离开Dreamweaver便可完成,整体运用流程自然顺畅。除此之外,只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。所见即所得的操作非常实用。3.2 图片美化软件adobe photoshop cs5.5 从功能上看,该软件可分为图像编辑、图像合成、校色调色及特效制作部分等。图像编辑是图像处理的基础,可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等。也可进行复制、去除斑点、修补、修饰图像的残损等。最重要的是该软件可以进行网页布局。

    还有其他工具如flash等用于制作导航条等。

    广东工业大学本科课程设计 网站建设的技术

    4.1 Div+css布局方法

    DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,div+css是一种网页的布局方法,这一种网页布局方法有别于传统的HTML网页设计语言中的表格(table)定位方式,可实现网页页面内容与表现相分离。XHTML是The Extensible HyperText Markup Language(可扩展超文本标识语言)的缩写。XHTML基于可扩展标记语言(XML),是一种在HTML 基础上优化和改进的的新语言,目的是基于XML应用与强大的数据转换能力,适应未来网络应用更多的需求。在XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。

    这种方法由以下优点:大多数浏览器兼容;浏览器翻译速度快;排版简单方便;更加便于维护。

    4.2 PHP语言使用技术

    PHP,一个嵌套的缩写名称,是英文超级文本预处理语言(PHP:Hypertext Preprocessor)的缩写。PHP 是一种 HTML 内嵌式的语言,PHP与微软的ASP颇有几分相似,都是一种在服务器端执行的嵌入HTML文档的脚本语言,语言的风格有类似于C语言,现在被很多的网站编程人员广泛的运用。PHP 独特的语法混合了C、Java、Perl 以及 PHP 自创新的语法。有以下特点:

    (1)开放的源代码:所有的PHP源代码事实上都可以得到。(2)PHP是免费的,和其它技术相比,PHP本身免费。

    (3)php的快捷性:程序开发快,运行快,技术本身学习快。嵌入于HTML:因为PHP可以被嵌入于HTML语言,它相对于其他语言,编辑简单,实用性强,更适合初学者。

    (4)跨平台性强:由于PHP是运行在服务器端的脚本,可以运行在UNIX、LINUX、WINDOWS下。

    (5)效率高:PHP消耗相当少的系统资源。(6)图像处理:用PHP动态创建图像。

    (7)面向对象:在php4、php5 中,面向对象方面都有了很大的改进,现在php完全可以用来开发大型商业程序。

    广东工业大学本科课程设计

    4.3 链接及其他技术

    网页上的超链接一般分为三种:一种是绝对URL的超链接。URL(Uniform.Resource Locator)就是统一资源定位符,简单地讲就是网络上的一个站点、网页的完整路径。

    第二种是相对URL的超链接。如将自己网页上的某一段文字或某标题链接到同一网站的其他网页上面去。

    第三种称为同一网页的超链接,这就要使用到书签的超链接,一般用#号加上名称链接到同一页面的指定地方。在网页中,一般文字上的超链接都是蓝色(当然,用户也可以自己设置成其他颜色),文字下面有一条下划线。当移动鼠标指针到该超链接上时,鼠标指针就会变成一只手的形状,这时候用鼠标左键单击,就可以直接跳到与这个超链接相连接的网页或WWW网站上去。如果用户已经浏览过某个超链接,这个超链接的文本颜色就会发生改变。只有图像的超链接访问后颜色不会发生变化。

    其他技术包括文本的格式对齐,导航条的制作,插入多媒体,插入图片等技术由于涉及较细不一一介绍。

    广东工业大学本科课程设计 网站的实现

    5.1 网站实现过程概述

    教学网站建设是一个系统建设的过程,需要统筹兼顾,整体把握,注重细节、认真考虑、阶段实现的过程。

    首先选择成熟的dreamweaver网页制作平台。利用photoshop制作背景图像以及相关的布局图像。利用flash动画制作软件制作导航条。用切片的方法实现css+div的布局。把所有布局对象和素材整合到dreamweaver,利用dreamweaver软件的相关工具进行美化。结合dreamweaver软件里的代码视图对格式及一些特定的效果进行编程。最后利用多种版本的浏览器进行测试,IIS进行网页调试,直到网页效果达到自己的预期。5.2 页面设置

    5.2.1 教师个人网站

    首页背景使用灰白色,其他颜色均为亮蓝色,突出颜色的对比度。网站风格简单朴素。采用左中右三栏的布局方式,网站的各项一目了然。具体如下图5.1所示。

    图 5.1 教师个人网站

    广东工业大学本科课程设计

    5.2.2 绿旋风团队网站

    绿旋风团队,注重现代工业与人文精神的融合,倡导绿色设计、推动清洁生产,加强学生的工程实践能力。以“运动、守时、细节、专攻”作为团队精神,推动本科素质教育与校园文化建设,探索广东工业大学专业建设特色。

    继承采用左中右的布局方法,各项栏目内容一目了然,具体布局如下图5.2所示。

    图 5.2 绿旋风团队网站

    5.2.3 绿色设计学习网站

    本网页为读者提供一个生态工业园区20万吨啤酒XX工厂及工业园区设计的案例。网页布局采用上下结构,提供各项设计的相关链接。具体如下图5.3所示。

    广东工业大学本科课程设计

    图5.3 绿色设计学习网站

    广东工业大学本科课程设计

    5.2.4 XX工厂课程设计网站

    使学习者综合运用工程制图、AutoCAD、微XX学、XX化学、物理化学和化工原理、XX工程设备及工厂设计等知识进行工厂的初步设计,进一步掌握常用XX反应器和设备的结构、性能、适用范围及选型计算。网页采用一贯的左右布局,添加了丰富的动画。简约的页面清新自然。具体如下图5.4所示。

    图4 XX工厂课程设计网站

    广东工业大学本科课程设计

    小结

    基于WEB的视频通讯系统设计 篇6

    视频通讯发展由开始的C/S (Client/Server) 结构变成现在的B/S (Browser/Server) 结构。在C/S架构下, 视频聊天平台是软件而不是网站。网站会员通过下载网站提供的客户端登陆, 然后在统一的软件平台里进行视频交流。软件则以常规软件模式的P2P技术进行开发, 其开发成本极高、开发周期长。

    B/S结构对服务器性能以及带宽要求比较高。但开发成本低、周期短。由于FMS等视频服务器通过不断的改版对视频以及音频的压缩都是非常优秀, 而且不需要做任何开发, 大大节约了开发成本和时间。也不存在跨越防火墙以及NAT穿透等高成本网络功能开发费用。通过Flash开发工具, 在界面开发以及功能开发上所花费的时间远远小于开发软件或插件需要花费的时间。

    基于WEB的视频通讯系统的开发需要有以下技能和知识: HTTP知识, HTML语言知识, FLEX开发工具的使用, Action Script语言知识, PHP编程语言知识, SQL数据库标准数据查询语言。

    1 系统环境构建

    1.1 Flash的安装

    这里使用的是Flash Builder 4。到官方主页下载该软件, 然后安装并注册后就可以开发Flash应用了。依次点击:文件 –> 新建–> FLEX工程, 就可以建立一个新的工程。

    1.2 WEB服务器搭建

    Web服务器的搭建分两个部分, 一个是HTTP服务器搭建, 另一个是PHP脚本程序的安装和MYSQL安装。 这里选择Apache HTTP服务器。

    Apache是最流行的HTTP服务器软件之一。快速、可靠、可通过简单的API扩展, Perl/Python解释器可被编译到服务器中, 完全免费, 完全源代码开放。

    My SQL是一个小型关系型数据库管理系统, 目前被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低, 尤其是开放源码这一特点, 许多中小网站为了降低成本而选择了My SQL作为网站数据库。

    1) 到APACHE的网络站下载APACHEWEB SERVER http://www.apache.org/

    2) 到php的网络站下载php解析器http://www.php.net/

    3) 到mysql的网站下载mysql http://sourceforge.net/projects/mysql/

    将安装文件打开后安装即可, 然后配置Apache的http.conf文件。可以把网站的根目录自定义你想要的目录。

    加入PHP块可以让其执行PHP脚本:Add Type application/x-httpd-php.php, Add Type application/x-httpd-php .php3

    PHP安装目录中有个配置文件php.ini, 在里面添加MYSQL执行块可以让其与MYSQL互通: extension=php_mysql.dll 。

    修改完后重启HTTP服务和MYSQL服务器, 就可以完成刚才的配置。

    2 系统设计

    2.1 整体工作流程

    基于WEB的视频通讯整体流程如下:首先从客户端浏览器的Flash Player插件中输入你的注册名称或者呼叫人的名称, 点击“连接”或者“呼叫”后, Flash Player会向网络发送HTTP请求服务器接受其数据, Apache服务器接收到其请求分析请求来源后, 如果是合法请求将交由PHP脚本处理其请求数据, PHP验证数据的合法性后就向MYSQL数据库申请处理数据, MYSQL数据库将处理结果交由PHP再次处理, PHP将处理的结果 (XML格式) 进一步交由Apache服务器处理并交由输出控制端进行输出, 输出后根据其来路地址经过网络返回给客户端Flash Player, Flash Player通过Action Script语言处理好结果后将结果以界面的形式呈现给用户看。

    2.2 客户端设计

    客户端是Flash的界面设计, 包含注册用户, 呼叫用户, 显示对方视频, 显示本地视频等。图1 是客户端初始界面。输入名称后点击“连接”按钮, 即可通过内部的注册URL向服务器申请并注册输入的用户名称。注册成功后才可以让网络上的其他用户找到你, 界面变成图2 那样。

    在图2 中编号2 的用户名称输入框输入对方的用户名称后点击“呼叫”按钮即可呼叫对方。对方接到你的呼叫申请后点击接受后即可以互相看到对方的视频和听到对方的声音。图3 为互相连通后的显示界面, 编号3 和4分别为对方视频显示区域和本地视频显示区域。

    点击图中“挂断”可以断开和对方的视频连接。点击图中“断开连接”后可以断开自己和服务器的连接, 同时网络上的用户也找不到你了。

    2.3 服务端设计

    服务端只要有APACHE提供的HTTP服务, PHP脚本程序处理客户端请求, 以及MYSQL数据库存储用户的注册数据。

    Apache配置:

    设置Apache根目录下的video为本研究的工作目录。 Apache根目录下的flex/Reg. video. ison.php文件为PHP处理客户端请求文件。

    MYSQL下的test数据库为工作数据库, regs数据表为工作表。

    当客户端向服务器申请注册时会向服务器发送2 个参数数据:

    Identity :为每个请求的标识, 由2 个MD5 加密随机字符串组成的64 位字符, 这样有利于服务器拒绝处理非法的请求, 保证通讯的安全性。

    Username :为需要注册的用户名称, 此参数将作为您的用户名写入数据库。

    当某一用户呼叫另一用户时也发送两个参数:

    Friends :告诉服务器你将要呼叫的用户名称, 服务器根据PHP脚本查询数据库判断该用户是否在线以及是否空闲来处理是否需要连接。

    Time:为你向对方发送请求的时间戳。

    数据库设计:

    需要设置4 个字段, 分别是id, username, startusid, updatetime。分别记录数据的条目, 用户名称, 注册的STARTUS号, 最近更新时间。

    代码如下:

    PHP设计:

    核心逻辑PHP执行文件名称Reg.video.ison.php, 主要包括四个部分:

    加载和初始化数据库连接类:

    加载数据库连接类文件: require_once'include/DBconnect.php';

    初始化数据库连接类: $db = new DBconnect () ;

    获取URL请求数据:3个外部请求数据。

    获取用户名称: $user = isset ($_GET['username']) ? $_GET['username'] :null;

    获取网络标识: $stratusid = isset ($_GET['identity']) ?$_GET['identity']:null;

    获取呼叫人名称: $friends=isset ($_GET['friends']) ? $_GET['friends'] :null;

    处理用户注册请求:如果数据库中已经存在用户注册名称, 则只需更新时间状态字段updatetime, 否则向数据库中新增一条记录。

    处理用户呼叫数据:如果用户呼叫的名称存在, 则判断其最后更新时间是否超时, 如果未超时则进行呼叫, 否则呼叫失败。

    其输出的内容都是标准的XML格式, Flash客户端能够读懂其返回的XML数据包内容。

    3 系统分析与优化

    3.1 客户端的改进

    本研究只是一个测试版本, 客户端设计可以更细腻一点, 可以增加用户操作日志, 网络流量监控日志, 视频设备和麦克风设备监控等功能, 还可以添加一些选项, 比如是否接受对方的声音或者视频, 是否把我的视频或者声音传输到对方。还有可以增加调节音量, 调节视频的清晰度等额外功能。

    3.2 服务端的改进

    服务端改进主要在Apache并发性和PHP语言代码优化, 数据库优化等方面。

    Apache的并发性主要是服务器配置由服务器的硬件还有网络接入带宽决定, Apache的并发数只需修改httpd.conf文件即可以达到。并发数过大, 容易消耗很大的CPU和带宽。

    PHP语言代码优化方面主要是在算法的高效性和代码的安全性。

    数据库优化方面:索引能提高访问表中一条或多条记录的特定查询效率。因此, 适当的索引调优是很重要的。使用存储过程大有益处, 可以把用于完成相同任务的S Q L语句和逻辑在一个地方进行设计、编码、测试, 还可以节省因执行大块S Q L脚本而增大的网络通信量, 从而提高服务器效率。

    4 结论

    本文首先分析比较当下的视频通讯技术, 然后重点介绍了基于WEB的视频通讯系统开发和设计过程, 包括系统环境构建、系统客户端和服务端的设计。然后进行了系统的分析和优化。

    本文还有很多地方需要进一步改进和完善。比如功能方面, 可以做成一对多电视广播或多对多的视频会议等。结构方面, 可以将各个功能独立化, 比如视频和声音相互独立, 还可以增加文字发送功能等。 PHP脚本语言方面则可考虑使用缓存技术或优化内存增加其抗压能力。

    参考文献

    [1]孙晗波.Adobe Flex 3程序设计指南[M].北京:电子工业出版社, 2009年

    [2]Nicj Kew著, 张立强等译.Apache模块开发指南[M].北京:电子工业出版社, 2008年

    视频点播网站的设计与实现 篇7

    1 系统设计

    1.1 系统基本配置

    网络视频点播系统应包括硬件和软件两部分,见图1。在客户端只需能够安装Windows95以上版本操作系统的计算机,服务器端要求能够安装NT4.0+IIS4.0的配置。

    1.2 功能设计

    网络视频点播系统应达到以下几个功能:管理用户、实时播放视频文件、添加、删除视频文件、动态遍历视频文件、对视频文件的主题进行模糊查询,搜索出相应的视频文件进行点播。系统总体设计见图2。

    根据设计,此系统分为以下三大模块:

    (1)用户信息模块。(2)管理模块。(3)播放模块。

    1.3 技术指标

    本系统的难点在于如何实现用树形结构动态遍历视频文件、如何实现视频文件的上传控件、如何应用智能视频流技术和对Windows内存的管理实现视频文件的边下载边播放功能。因此,此系统的主要技术指标有:

    (1)以智能视频流方式播放视频文件。(2)运用操作系统的内存管理实现实时播放。(3)基于ActiveX的网络编程。(4)ASP数据库编程。(5)动态数据库技术。(6)用ASP实现文件上传。(7)JavaScript对事件的控制。

    1.4 系统特性

    (1)系统的先进性和开放性。

    视频点播系统运用先进技术,保证与网络系统相接的方便性。

    (2)系统的有效性和实用性。

    为了确保投资的有效性,在整个系统实现过程中,考虑了目前的应用及将来的发展,确定文件传输及管理所采用的技术。

    (3)系统的可靠性和稳定性。

    在系统设计及实现过程中,力求从用户的角度考虑,做了大量的测试,解决了在使用过程中可能存在的种种问题。

    (4)系统的安全性和保密性。

    要实现网上视频点播,必须防止网络黑客的侵扰,防止用户无意中对网络的侵害。此系统通过身份识别,服务器端认证等手段,防止非法管理员进行管理。在系统实现过程中,还对数据库及源代码进行加密,防止非法用户获取代码。

    (5)系统的可扩展性和升级功能。

    在系统设计时,选用具有开放性的TCP/IP网络协议、UDP协议和Windows平台,易于扩充升级。系统完全基于Web开发,其Internet接入模块又采用了先进的Internet共享接入技术,使得视频点播服务器可以充当Internet接入服务器。在Internet上能够提供视频服务而不受网络带宽的限制。

    (6)系统的可维护性。

    此系统提供了一个操作方便、界面友好的管理平台,具有全网监视控制、统计、维护等功能。

    (7)系统的低投入。

    尽可能地利用局域网现有资源,避免在局域网硬件上的大投资,使整个系统具有良好的性能价格比。

    2 系统的实现

    网络视频点播系统可以分为用户信息模块、管理模块和播放模块,其实现方法。

    2.1 用户信息模块

    此模块包括新用户的注册、用户的登录、用户信息的修改、用户权限的检测等。当用户进行登录、修改信息、视频文件搜索、播放视频文件时均要进行用户身份验证。

    2.2 管理模块

    此模块包括管理员的登录、对用户的管理(删除、锁定、解除锁定)、对视频文件的管理(添加、删除版块,上传、删除视频文件)。

    (1)对用户的管理。管理员登录时,首先对其身份进行验证,确认后,利用ASP的内置组件Session保存分配密钥,在执行管理程序之前进行身份识别[1]。当确认为合法管理员后进行执行管理员操作,对用户信息的操作主要有删除用户、锁定用户、解除用户锁定。锁定用户和解除用户锁定功能是针对某些视频文件的特殊性以及服务器的承受能力而设定的。一旦用户被锁定后便失去视频点播的功能。当用户点播视频文件时,首先对用户进行合法性验证,确认为合法用户时,系统分配给用户点播该视频文件的权限。在用户观看视频过程中,如果管理员锁定了用户的帐号,该用户就无法再点播以下内容。具体流程见图3。

    (2)对视频文件的管理。主要包括删除视频类型、视频文件,添加视频类型,上传视频文件等部分。在执行对视频文件的管理时也要首先进行用户身份识别。视频文件是一种大文件,如果将这种视频文件直接存放到数据库中作为记录的一部分,十分不利于文件的读取。为此,系统采用了一种独特的管理方式,即将视频文件的位置信息保存到数据库中,在访问视频文件时根据数据库中提供的有关文件路径的信息找到此视频文件,然后执行点播的诸操作。要添加文件类型,首先将用于要创建的类型信息添加到数据库中,然后在视频点播系统所在的路径视频文件文件夹下创建一个以视频文件类型为名字的路径。添加视频文件时要用到文件上传。一般情况下,文件上传是需要专门的文件上传控件来实现的,但由于文件上传控件安装使用不太方便,系统采用了ASP直接编写的文件上传程序,不需要用文件上传控件就可以实现[1,2]。

    2.3 播放模块

    本模块包括以视频流方式播放视频文件,对视频信息的搜索、浏览、控制、查看内容简介等。

    (1)树形动态浏览结构的实现。

    系统采用了树形结构来显示视频文件。由于用户需按自己的操作来查看文件,即在浏览器端执行浏览程序。整个树形结构通过JavaScript语言实现,由一级节点和二级节点组成,其中一级节点是视频文件类型,二级节点是具体的视频文件。系统在对此树形结构进行搜索时运用了动态数据库思想[3]。同时,这种方法可以及时将更新的数据动态反映出来。当动态显示完毕后,分配给一级节点一个句柄level1,分配给二级结点一个句柄level2。这样,通过对level1和level2的赋值及设置来决定节点的显示内容及动作。

    (2)以视频流的方式播放视频文件。

    播放视频文件时是针对Microsoft Windows MidaPlayer这个ActiveX控件进行编程的。在编程过程中采用了视频流技术,做法是:网络传输的音频、视频或多媒体文件播放前并不下载整个文件,而只是在开始时有一些延迟。当流式媒体文件传输到用户的计算机时,在播放之前此文件的部分内容已存入内存。在文件播放的同时,将数据流的其他部分存储起来以待播放。之所以利用这项技术,是因为不同用户连接实际能达到的传输量和连接速度有很大差异。这种差异不利于接收流式媒体。系统在播放视频文件时采用的策略如下:

    (1)连接时,服务器和客户端自动确定当前可用的带宽,然后服务器选择适当的比特率并应用于视频流。

    (2)运用实时监控对网络传输速度进行监控,如果可用带宽减少,服务器将自动检测带宽变化并切换到TCP/IP协议传输。否则服务器将利用UDP协议进行传输[4]。

    (3)如果带宽不再支持流式视频,系统将尝试维持连续的音频流并降低视频画面的传输率,以便把由于缓冲处理导致的中断现象减到最少。在网络速度较快的传输过程中应用了UDP协议,将视频文件分成若干小数据包,这样在播放时可以以数据包为单位进行下载传输。实现过程如图4。

    UDP是面向无连接的协议,其传输过程应用了异步通信技术,是将数据以数据包的方式进行传输的,其传输流程见图5。

    于倾听模式,等待客户机的连接。为了使服务器程序处于运行状态和倾听模式,服务器程序必须完成几项操作,首先必须创建一个套接字s,即s=Socket(),其次必须把该套接字和一个IP地址绑定在一起,也就是把这个套接字和一个唯一的IP地址对应起来,即Bind(s,…)。此时服务器便进入了倾听模式,等待客户机往此套接字上连接,即Listen(s,…)。当客户机连向服务器程序时,客户机也建立一个套接字,即s=Socket(),但客户机并没有用到函数Bind(),这是因为TCP/IP网络上的面向连接客户程序不关心客户端使用什么样的本地地址进行数据传输,因此不需要用Bind函数将客户Socket与本地IP地址绑在一起。客户机建立Socket以后开始尝试与服务器套接字的IP地址连接,即Connect(s,…)。Connect函数启动和远地主机的直接连接,即在连接端点之间建立一条虚电路。只有面向连接的客户程序使用Socket时,才需要用Connect函数将此Socket与远地主机相连。而在无连接协议中从不建立直接连接,即不用Connect函数。这也正是连接协议和无连接协议的关键区别所在。这样,与服务器套接字绑定的IP地址总是保留给其余客户机使用。后续客户机的每一个连接都得到一个唯一的服务器套接字,以进行通信。所以,一个服务器能在同一时间与多个客户机进行通信。在建立了连接之后,服务器和客户机就可以开始通信,即分别用Reve()和Send()接收和发送数据,Reve()和Send()函数分别用于通过连接的Socket接收和发送数据。

    (3)播放视频文件时的控制操作。

    由于用户需要进行暂停、停止播放、全屏显示、声道切换、查看详细内容(歌词)等操作,这些操作都是在浏览器端执行的,采用JavaScript语言来实现。

    3 结束语

    网络视频点播系统是运用的MIS开发技术、动态数据库技术、文件上传技术以及核心的视频流技术对其他相关软件的制作提供了很好的借鉴。

    参考文献

    [1]林风,李维章,赵莉.ASP动态网站设计捷径[M].西安:西安电子科技大学出版社,1999.

    [2]武延军,赵彬.精通ASP网络编程[M].北京:人民邮电出版社,2000.

    [3]Danny Goodman.JavaScript宝典[M].北京:电子工业出版社,1999.

    web课程设计报告-视频网站 篇8

    关键词:网站设计,B/S三层结构,JSP,数据库

    0 引言

    随着科学技术的发展, 互联网的应用迅速普及。“东软杯”网络攻防大赛是由广东东软学院等单位共同举办的赛事, 是面向广东省及台湾地区所有高校在籍学生的竞赛活动, 广东东软学院已经连续举办了七届网络攻防大赛, 受到了媒体、兄弟院校、政府部门和安全产品厂商的广泛关注。

    1 系统体系结构

    B/S浏览器和服务器模式结构 (Browser/Server) , 是WEB兴起后的一种网络结构模式, WEB浏览器是客户端最主要的应用软件。根据大赛网站的栏目中在线考试模块的使用环境、用户特点及JSP技术的特点, 将网站系统结构设计为三层B/S结构。

    网站使用的用户分为三种:系统管理员、注册用户 (考生) 、非注册用户 (游客) 等。该系统主要是通过客户端jsp页面传送信息到服务器端, 服务器端将jsp语句解析成Servlet, 再通过Javabean操作数据库, 然后返回信息到服务器端, 服务器又通过jsp来反馈页面到客户端 (浏览器) , 从而达到整个流程[1]。

    2 系统功能设计

    “东软杯”高校网络攻防大赛网站主要分为前台栏目和后台栏目。如图一所示。

    3 系统安全设计

    根据网站规模、设计要求和安全需求进行设计, 本网站局域网包括:防火墙、Web服务器、数据库服务器、交换机等设备, 采用分布式结构, 将多种功能分布至不同的服务器进行完成, 这样有利于提高网站的负载均衡, 减少实际故障[2]。

    4 系统数据库设计

    4.1 数据库E-R模型

    数据库E-R模型又被称为实体—联系模型, 是在数据库设计中使用最为普遍的建模工具。一般用矩形表示实体、椭圆型表示属性、菱形表示实体间关联性[3]。对“东软杯”高校网络攻防大赛的分析, 根据对考生用户的各项数据与系统整体的数据结构分析, 设计出考生用户的实体联系模型和网站考试模块的局部实体联系模型。如图二和图三所示。

    4.2 数据库表设计

    根据数据需求分析的结果, 最终确定系统的数据库结构与相关字段, 以表的形式列出系统中主要的数据表。以下列出用户信息表、管理员信息表和试题信息表, 如表一所示。用户信息表用来存放用户的基本信息和一些权限, 管理员信息表用来存放管理员的登陆信息和权限, 试题信息表用来存放本网站在线考试模块中试题答案信息, 试题包含单项选择题和多项选择题。以上数据库表设计为系统统计分数提供判断依据。

    5 设计与功能实现

    5.1 网页界面设计与实现

    网页作为一种新的视觉表现形式, 它兼容了传统平面设计的特征, 又具备传统平面设计所没有的优势, 是将技术性与艺术性融为一体的创造性活动[4]。依照网站需求分析网站界面的设计:注重信息功能、栏目清晰、色彩丰富、适合网站主题。

    网站的标志及其他按钮等都使用Adobe Photoshop软件制作完成, 在Dreamweaver中定义html标签, 采用CSS+DIV布局, 调用css文件、java Script文件、jsp文件。如图四至图六所示。

    5.2 网上阅卷功能的实现

    在线考试模块, 试题为单项选择题和多项选择题。考试系统中, 试卷提交以后, 主要采用自动评卷的方法进行阅卷。每道小题在设置参数时都有一个对应的分数值。要计算考生最终得分, 只需要统计考生答对的题目数量, 具体计算方法: (总分=小题分值×正确题目数量) , 这就是本网站试题评分的方法。实现方法如下:依据数据库表中对学生答案表和选择题试题表依照试题ID号, 按答案相等关系建立视图, 统计出的数值就是考生做对的题目数量。

    6 系统测试

    软件测试是软件开发过程中的重要组成部分, 在系统开发中占据相当重要的一部分, 它贯穿着整个软件过程[5]。网站的测试最重要的就是从用户出发, 从用户的角度看问题。本站测试使用以下两种方法:第一, 采用模拟用户法对网站进行测试;第二, 采用全面覆盖法对网站进行测试。网站测试结果中存在一些页面链接失败、连接错误、不同浏览器显示错位等问题。应在调试和试运行过程中, 发现问题及时记录并解决, 保证系统运行无误。

    7 结束语

    基于Web2.0环境的“东软杯”高校网络攻防大赛网站能够正常使用, 能保证数据的正确性、信息的可靠性、实现的高效性、网站的易使用性、网站的可维护性、信息的可测试性、数据的复用性、数据库的安全保密性、数据的可移植性以及网络互联性。

    参考文献

    [1]周伟.绩效考核管理系统的分析与设计[D].昆明:云南大学, 2013.

    [2]丁玲.成都师范学院学前教育系子站的设计与实现[D].成都:电子科技大学, 2013.

    [3]孔宇彦.数据库原理与应用[M].大连:东软电子出版社, 2011.

    上一篇:电视台实习调查报告下一篇:助理工程师业务及思想总结