{$cfg_webname}
主页 > 计算机 > 论文 >

语音视频学习社区的设计与实现(毕业论文13100字)

来源:56doc.com  资料编号:5D6684 资料等级:★★★★★ %E8%B5%84%E6%96%99%E7%BC%96%E5%8F%B7%EF%BC%9A5D6684
资料以网页介绍的为准,下载后不会有水印.资料仅供学习参考之用. 帮助
资料介绍

语音视频学习社区的设计与实现(毕业论文13100字)
【摘要】网络技术的发展和国际互联网的开通,改变着人们以往的生活方式、工作方式、学习方式;甚至也改变着我们的思维方式。传统意义上的教学方式正由于因特网的飞速发展和广泛应用而产生着质的变化。在网络上丰富多彩的学习资源中,传统的文档资源和图片资源已不能满足学习者对学习资源的需求,学习者迫切需要通过视觉或听觉直观地对学习资源进行更好地学习,从而产生了视频学习资料和语音学习资料。
本网站的设计使人们能够不受时间和空间的限制进行自主学习,此外,还可以通过互动交流的方式提出自己的看法,参与评论,提高了用户的学习兴趣和学习效率。本网站主要分为前台和后台两个部分,前台的主要功能为注册、登录、查找密码、发布教程(发布视频、语音教程和文档、查看已发布的视频教程、语音教程和文档)、浏览教程(浏览视频或语音教程以及阅读文档)、发布留言等。后台的主要功能为公告管理(管理公告、发布公告)、教程管理(发布教程、管理视频教程、管理语音教程)、文档管理(上传文档、管理文档)、用户管理等。
    本网站主要采用了Microsoft Visual Studio 2008工具结合使用Microsoft Office Access 2003以及C#等技术的工作原理及特点,并以此理论技术依据阐述了基于.NET的语音视频学习社区的设计与实现。

【关键字】语音视频学习;Visual Studio 2008;系统设计;Access 2003

The design and implementation of voice and video study community
Abstract: The development of the network technology and the opening of the global Internet changes people’s lifestyles, working methods, learning styles, even changes our way of thinking. The traditional teaching methods have a qualitative change due to the rapid development and wide application of the Internet. Among a variety of learning resources in the network, the traditional document resources and image resources can not meet the learners’ demand for learning. Learners have an urgent need for better learning through intuitive visual or auditory learning resources. So it leads to video learning materials and voice learning materials.
This website is designed so that people can not subject to the restrictions of time and space for independent learning, and can also improve the users' interest and efficiency. This website is divided into two parts: the front and the backstage. The main functions of the front are registration, login, find the password, publishing tutorial(publishing video、sound tutorial and document, viewing the published voice、sound tutorial and the document), watching the video tutorial、listening to the sound tutorial and reading the document, publishing message and so on. The main function of the backstage are bulletin management(managing bulletin and publishing bulletin),tutorial management(publishing tutorial, managing video tutorial and managing sound tutorial), document management(publishing document and managing document), users management and so on.
This website uses Microsoft Visual Studio 2008 tool with using Microsoft Office Access 2003 and c # technology principle and characteristic of the technical basis and thereby theory is presented based on the.NET voice and video study community.
Key words: voice and video study;Visual Studio 2008;system design;Access 2003

目 录
摘要    I
Abstract    II
引言    - 1 -
1  绪论    - 1 -
1.1选题的意义    - 1 -
1.2本系统的特点与作用    - 2 -
1.3本系统实现的目标    - 2 -
1.4系统开发背景    - 2 -
2  系统分析    - 2 -
2.1系统的总体调查    - 2 -
2.2系统的可行性分析    - 2 -
2.2.1经济可行性    - 3 -
2.2.2技术可行性    - 3 -
2.3系统的需求分析    - 3 -
2.3.1功能性需求    - 3 -
2.3.2安全性需求    - 4 -
2.3.3可靠性需求    - 4 -
2.4开发设计思想    - 4 -
2.5数据流程分析    - 4 -
2.6系统的性能主要特点    - 5 -
2.7系统功能模块分析    - 5 -
3  相关技术介绍    - 7 -
3.1  ASP.NET介绍    - 7 -
3.1.1  ASP.NET概述    - 7 -
3.1.2  ASP.NET的优势    - 7 -
3.2 Access数据库介绍    - 8 -
3.3 JavaScript概述    - 8 -
4  系统设计    - 9 -
4.1系统数据库设计    - 9 -
4.1.1系统实体描述    - 9 -
4.2系统数据库结构设计    - 10 -
4.3系统逻辑结构设计    - 13 -
4.3.1会员信息表    - 13 -
4.3.2公告信息表    - 14 -
4.3.3视频教程信息表    - 14 -
4.3.4语音教程信息表    - 14 -
4.3.5文档信息表    - 15 -
4.3.6留言信息表    - 15 -
4.3.7语言类型表    - 15 -
4.4系统功能模块设计    - 16 -
4.4.1注册模块设计    - 16 -
4.4.2登录模块设计    - 16 -
4.4.3密码查找模块设计    - 16 -
4.4.4发布模块和浏览模块    - 16 -
4.4.5下载模块设计    - 16 -
4.4.6留言模块设计    - 16 -
4.4.7文档阅读模块设计    - 16 -
4.4.8查找模块设计    - 16 -
4.4.9后台公告管理模块设计    - 16 -
4.4.10后台教程管理模块设计    - 16 -
4.4.11后台文档管理模块设计    - 16 -
4.4.12后台用户管理模块设计    - 17 -
5  系统实现    - 17 -
5.1系统开发环境和运行环境选择    - 17 -
5.2界面的实现    - 17 -
5.2.1网站首页概述    - 17 -
5.2.2用户注册界面    - 18 -
5.2.3用户登录界面    - 19 -
5.2.4发布并管理教程界面    - 19 -
5.2.5查看视频教程界面    - 21 -
5.2.6视频课堂界面    - 24 -
5.2.7文档阅读界面    - 26 -
5.2.8后台管理界面    - 27 -
5.2.9后台管理界面    - 28 -
6  系统测试及维护    - 32 -
6.1测试环境    - 32 -
6.2测试过程    - 32 -
6.2.1基本测试    - 32 -
6.2.2单元测试    - 33 -
6.2.3集成测试    - 33 -
6.2.4确认测试    - 33 -
6.3系统维护    - 33 -
6.3.1完善性维护    - 33 -
6.3.2适应性维护    - 33 -
7  总结    - 34 -
参考文献    - 35 -
致谢    - 36 -




 

引言
随着网络的不断普及以及资源的全球共享,网络已经成为人们学习、工作、生活不可或缺的一部分,网络学习已成为信息化社会学习的主要途径之一。网络学习不仅拥有丰富多彩的学习资源,而且可以不受时间和空间的限制,根据自己的实际情况进行有选择的学习,此外还可以通过互动交流的方式提出自己的看法,而互动交流是非常有效的网络学习手段,对学习者的创新能力和认知能力的发展,发挥着不可低估的作用。而目前传统的文档资料和图片资源已经不能满足学习者对学习资源的需求,学习者迫切需要通过视觉或听觉直观地对学习资源进行更好地学习,从而产生了视频学习资料和语音学习资料。本社区通过构建一个虚拟的网络学习环境,学习者通过这个环境发布视频教程和语音教程进行相互学习交流。
虚拟的网络学习环境即通过因特网搭建一个平台或创建一个网站。所以学习网站是一个应时代而生的产物,由于科技飞速发展,知识的频繁更新,人们越来越追求和接受继续教育的机会,特别是计算机,因其自身知识更新快的特点,通过网站进行自主学习无疑是最佳的选择。网上学习可以因人而异,可根据自己的进度浏览不同的章节进行学习,各得益彰。开发学习网站是为了突出网络学习的特点以及推广大众化的网络学习,提高用户的学习效率和学习的主动性和积极性。因此,本学习网站的设计和开发适应了时代的潮流,将会被广泛应用。
1  绪论
1.1选题的意义
在因特网上建立教学网站不仅拓宽了教育的时空界限,提高了人们对学习的兴趣、效率和能动性,而且有利于推动科技的进步和发展[1]。利用因特网进行网络学习,是网络发展的必然趋势,并且高速的信息传递可以保障学习的快速实施,任何人在任何时间和地点都可以进行学习,还可以根据自己的水平、兴趣和时间对学习内容进行选择。这种自主的认知学习的方法,突出了因材施教,有利于提高学习的主动性,增强学习的信心,培养自学能力,也有助于发展学习者的认知能力。网站的多媒体、超媒体功能为学习者提供的语音、视频、文字、图像、动画等内容,有助于提高学习者的学习兴趣和学习效果[5]。网站还可以提供丰富的,及时更新的教学内容,参考资料和其它学习资料。这种基于资源的学习方式有助于拓宽学习者的知识面,拓宽学习的深度和广度[1]。
1.2本系统的特点与作用
本系统主要方便学习者进行语音和视频的学习,提高学习者的学习兴趣和学习效率,帮助用户更简单更快捷地自主学习。由于科技的快速发展,知识的不断更新,学习者可以通过本系统随时了解最新的学习信息和学习资料,能及时给自己补充知识,紧跟时代步伐。
1.3本系统实现的目标
随着因特网的发展,网络已成为我们学习生活的一部分,它有着强大的信息汇总和交流功能,它的开放性、快速性、方便性等优点构成了有史以来最大的信息宝库。而本学习网站的设计主要是为了方便用户进行自主学习,选择合适自己的感兴趣的课程进行学习,提高自己的学习积极性。
1.4系统开发背景
目前,很多学习社区多以word、excel或图片为主,这些资料虽然可以让学习者学到一定的知识和内容,但是这些资料往往是一些静态的,枯燥的文字和画面,很难让学习者产生浓厚的学习兴趣[10]。
但本系统根据这一现状进行改进,使静态的文字图片变成可以听见的语音或可以看见的视频,使人在感觉上达到最佳的视听效果,能让学习者以轻松愉快的心情学习,提高了学习者的学习兴趣和学习效率。
2  系统分析
    数据库管理系统开发总是从需求分析开始,需求分析对整个系统的开发起着决定性作用,大致可分为系统的总体调查、需求功能的分析、系统可行性分析、数据流程分析和系统的性能要求五个方面[8]。
2.1系统的总体调查
随着计算机和信息技术的快速发展,知识更新日益加快,传统的教学模式已经满足不了这种需求,新的学习模式应运而生。语音视频学习社区是基于计算机网络传递、处理和交流的具有特定结构和教学功能的学习网站。与传统学习相比,借助互联网进行学习是一种全新的学习模式,它可以突破时间和空间的限制,方便学习者随时随地进行学习,让更多的学习者共享丰富的资源。
2.2系统的可行性分析
    可行性分析的目的是为了明确所设计的系统是否有可能实现和值得进行。可行性论证其实是在更高层次上进行的一次大大简化的需求分析和设计。但它的目的不是去解决用户提出的问题,仅是确定这项开发是否值得进行,分析它存在哪些风险,以免造成资源的浪费。下面从经济和技术两方面对本系统的可行性进行了分析。
2.2.1经济可行性
经济可行性研究的目的是实行系统所能带来的经济效益是否会超过这个开发这个系统的成本。需要对投资能力和经济状况进行分析。由于本网站的硬件需求为一台能接入Internet、内存1G以上的PC机就可以满足。开发环境要求为Windows XP操作系统,ASP.NET运行环境,Access 2003,Visual Studio 2008编译工具。这些开发软件都可以从网站上免费下载,并且网站的成本主要集中在开发和维护过程中并不会对用户造成经济上的负担。所以在经济上是可行的。
2.2.2技术可行性
技术可行性是指使用现有的技术能否实现系统的开发与设计。本系统前台界面的开发使用ASP.NET,使用ASP可以创建动态、交互的Web服务器应用程序。数据库采用Access 2003,对计算机的软、硬件要求不高,当前的开发技术与数据库应用能够满足用户的需求。所以在技术上是可行的。
2.3系统的需求分析
需求分析是在可行性研究的基础上,将用户对系统的描述,通过开发人员的分析概括,抽象为完整的需求定义,再形成一系列文档的过程[4]。可行性研究旨在评估目标系统是否值得去开发,问题是否能够解决,而需求分析旨在回答"系统做什么"的问题,确保将来开发出来的软件产品能够真正满足用户的需要。
需求分析的主要目的,便是确认系统所要开发的功能,与找出使用者真正的需要。系统开发中最重要的环节是能否正确的分析出系统需求。
2.3.1功能性需求
功能性需要是软件最重要的需求,也是最直观的、用户最关心的软件需求。通过研究与调查,本系统主要实现以下的功能:
1.    要有良好的可视性和可操作性
2.    注册功能,用户通过注册成为本网站会员用户
3.    登录功能,注册为会员的用户可以登录进行相应权限内的操作
4.    查找密码功能,当用户忘记密码时可以通过此功能找回
5.    发布和下载功能,会员用户可以进行发布或下载操作
6.    留言功能,用户可通过此功能进行互动交流
7.    查询功能,用户可通过选择条件或输入关键字快速找到需要的教程
8.    后台管理功能,管理员通过后台对网站进行管理和维护
2.3.2安全性需求
普通用户不能上传教程和下载教程,但会员用户可以上传自己制作或收集的教程而且可以下载自己需要的教程,会员还可以管理自己发布的教程。管理员有公告管理,教程管理和用户管理的权限,这些都要严格遵守,系统才会安全运行。
2.3.3可靠性需求
包括与系统可靠性相关的各种指标有:正常运行率、平均无故障时间、平均修复时间、精确度、最高错误或缺陷率[4]。本网站要求系统机器不能运行失败,系统管理员可以实施必要的数据备份。
2.4开发设计思想
    整个系统是在.NET环境下开发的,数据库使用Access 2003。普通用户或会员可以在自己的权限内进行操作,而管理员可以进入后台对本系统进行管理和维护。
2.5数据流程分析
本系统的逻辑模型以系统的数据流程图为主要描述工具,数据流程图如下所示:
 
图2.1   数据流程图
    本系统的前台主要为学习者提供语音、视频的学习教程及经典的文档,以及下载教程和文档,留言,而后台主要是管理员对系统进行管理和维护。
2.6系统的性能主要特点
    本系统模块简单,操作方便。本系统主要分为前台和后台两个部分,前台主要有注册和登录、密码查找、发布和浏览教程、下载、文档阅读、留言、查询等。后台主要有公告管理、教程管理、文档管理和用户管理。学习者可以通过访问前台来更好地进行学习,而管理员可以通过后台管理和维护本系统。
2.7系统功能模块分析
    语音视频学习社区的前台共分为7大功能模块,分别为“注册”、“登录”、“发布教程”、“视频课堂”、“语音课堂”、“文档阅读”及“联系我们”。本系统各个部分及包括的具体功能模块如下图所示:
 
图2.2  前台功能模块图
语音视频学习社区的后台共分为3大功能模块,“公告管理”、“教程管理”、“文档管理”及“用户管理”,公告管理包括发布公告和管理公告两个部分,教程管理包括发布教程、管理视频教程和管理语音教程三个部分,文档管理包括发布文档和管理文档两个部分,用户管理包括管理用户部分,具体情况如下图所示:
 
图2.3  后台功能模块图
3  相关技术介绍
3.1  ASP.NET介绍
3.1.1 ASP.NET概述
ASP.NET 是统一的 Web 应用程序平台,它提供了为建立和部署企业级 Web 应用程序所必需的服务。ASP.NET 为能够面向任何浏览器或设备的更安全的、更强的可升级性、更稳定的应用程序提供新的编程模型和基础结构[2]。
ASP.NET 是 Microsoft .NET Framework 的一部分,是一种可以在高度分布的 Internet 环境中简化应用程序开发的计算环境。.NET Framework 包含公共语言运行库 (CLR),它提供了各种核心服务,如内存管理、线程管理和代码安全。它也包含 .NET Framework 类库,这是一个开发人员用于创建应用程序的综合的、面向对象的类型集合[2]。
3.1.2  ASP.NET的优势
ASP.NET是目前主流网络开发技术之一,它本身具有许多优点和新特性,具体介绍如下。
(1)高效的运行性能
由于ASP.NET应用程序采用页面脱离代码技术,即前台页面代码保存到aspx文件中,后台代码保存到CS文件中,这样当编译程序将代码编译为dll文件后,ASP.NET在服务器上运行时,可以直接运行编译好的DLL文件,并且ASP.NET采用缓存机制,可以提高运行ASP.NET的性能[3]。
(2)简易性、灵活性
 很多的ASP.NET功能都可以扩展,这样可以轻松地将自定义功能集成到应用程序中。例如,ASP.NET提供程序模型为不同的数据源提供支持[3]。
(3)可管理性
ASP.NET中包含的新增功能使得管理宿主环境变得更加简单,从而为宿主主体创建了更多增值的机会[3]。
(4)生产效率
使用新增的ASP.NET服务器控件和包含新增功能的现有控件,可以轻松、快捷地创建ASP.NET网页和应用程序。新增内容(例如成员资格、个性化和主题)可以提供系统级的功能,此类功能通常可能要求开发人员进行大量的编写代码工作。新增数据控件、无代码绑定和智能数据显示控件已经解决核心开发方案(尤其指数据)问题[3]。
3.2 Access数据库介绍
Microsoft Access是Office系列软件中专门管理数据库的应用软件,它可以运行于各种Windows系统环境中。由于Access继承了Windows的特性,不仅易于使用,而且界面友好,因此被用户广泛采用。使用Access的时候不需要数据库管理者具有专业的程序设计水平,任何非专业的用户都可以用它来创建功能强大的数据库管理系统[6]。
Access使用标准的SQL(Structured Query Language,结构化查询语音)作为它的数据库语言,从而提供了强大的数据处理能力和通用性,使其成为一个功能强大而且易于使用的桌面关系型数据库管理系统和应用程序生成器。一个Access数据库可以保护表、查询、窗体、报表、宏、模块以及数据访问页,不同于传统的桌面数据库(dbase、FoxPro、Paradox),Access数据库使用单一的*.mdb文件管理所有的信息,这种针对数据库集成的最优化文件结构不仅包括数据本身,也包括了它的支持对象[6]。
3.3 JavaScript概述
JavaScript是一种基于对象的脚本语言。使用它可以开发Internet客户端的应用程序。JavaScript在HTML页面中以语句形式出现,并且可以执行相应地操作。JavaScript为Web开发人员提供了极大的灵活性和控制手段。它是一种优秀的“粘合剂”,能够讲一个Web节点中的不同组成部分捆绑在一起,成为一个紧密结合的信息源。
JavaScript具有如下特点:
(1)    JavaScript是一种脚本语言
脚本是一种能够完成某些特殊功能的小“程序段”。这些小的“程序段”并不是像一般程序那样被编译,而是在程序运行过程中被逐行地解释。在脚本中所使用的命令与语言集称为脚本语言[11]。
(2)JavaScript是基于对象的语言
面向对象程序设计力图将程序设计为一些可以完成不同功能的独立部分(即对象)的组合体。相同类型的对象作为一个类(class)被组合在一起。基于对象的语言也是一种面向对象语言,但它本身已具有创建完成的对象。例如,在JavaScript中,你不必创建“日期”这个对象,因为该语言已有这一对象,你可以直接使用它[11]。
(3)JavaScript是事件驱动的语言
当你在Web主页中进行某种操作时,就产生了一个“事件”。事件几乎可以是任何事情:敲击一个按钮、拖动鼠标等均可视为事件。JavaScript是事件驱动的,当事件发生时,它可以对之做出响应。具体如何响应某个事件取决于你的事件响应处理程序[11]。
(4)JavaScript是安全的语言
JavaScript被设计为通过浏览器来处理并显示信息,但它不能修改其它文件中的内容。也就是说,它不能将数据存储在Web服务器或用户的计算机上,更不能对用户文件进行修改或删除操作[11]。
(5)JavaScript是平台无关的语言
对于一般的计算机程序,他们的运行与平台有关,而JavaScript则并不依赖于具体的计算机、平台(虽然有一些限制),它只与解释它的浏览器有关。不论你使用Macintosh还是Windows,或是UNIX版本的Netscape Navigator,JavaScript都可正常运行[11]。
4  系统设计
4.1系统数据库设计
在系统的开发过程中,能否设计出一个好的数据库对系统的开发非常重要。数据库中的数据是整个系统的核心,怎样合理地进行信息建模和范式分解将直接影响整个数据库的运行效能。数据库系统的设计在完成功能的前提下,因力求逻辑关系简单,否则由于数据库表之间的连接操作会大大降低系统的性能[4]。
4.1.1系统实体描述
(1)登录表数据:包含的数据项有会员编号、会员登录名、会员密码、真实姓名、性别、电子邮件、密码提示问题、密码提示答案及注册时间。
(2)公告表数据:包含的数据项有公告编号、公告标题、公告内容、发布日期以及发布人。
(3)语音表数据:包含的数据项有语音教程编号、语言类型、教程名称、存储路径、点击率、内容简介、发布日期以及发布人。
(4)视频表数据:包含的数据项有视频教程编号、语言类型、教程名称、存储路径、点击率、内容简介、发布日期以及发布人。
(5)文档表数据:包含的数据项有文档编号、文档类型、文档名称、存储路径、点击率、内容简介、发布日期以及发布人。
(6)留言表数据:包含的数据项有留言编号、留言人、教程类型、教程编号、留言内容及留言日期。
(7)语言类型表:包含的数据项有语言类型编号及语言类型名称。
4.2系统数据库结构设计
根据系统需求,分析出系统主要的实体属性图。
 
图4.1  公告信息实体属性图
 
图4.2  会员信息实体属性图
 
图4.3   视频教程信息实体属性图
 
图4.4   语音教程信息实体属性图
 
图4.5  文档信息实体属性图
 
图4.6  留言信息实体属性图
 
图4.7  语言类型实体属性图
4.3系统逻辑结构设计
根据上述实体关系图所描述,设计出语音视频学习社区系统数据库中的各个数据表。根据语音视频学习社区系统的特点和要求,在数据库中建立了会员信息表、公告信息表、语音教程信息表、视频教程信息表、留言信息表及语言类型表。数据表名称和结构如下:
4.3.1会员信息表
主要用于保存会员的用户名和密码,还设置了密码提示问题和密码提示答案,当会员用户密码忘记时,可以通过查找密码模块找回密码,如表4-1所示。
表4-1            会员信息表
 

4.3.2公告信息表
主要用于保存管理员发布的公告信息,如表4-2所示。
表4-2                     公告信息表
 

4.3.3视频教程信息表
主要用于保存会员或管理员发布的视频教程信息,如表4-3所示。
表4-3                    视频教程信息表
 

4.3.4语音教程信息表
主要用于保存会员或管理员发布的语音教程信息,,如表4-4所示。
表4-4                   语音教程信息表
 

4.3.5文档信息表
主要用于保存会员或管理员发布的文档信息,如表4-5所示。
表4-5                    文档信息表
 

4.3.6留言信息表
主要用于保存用户留言的详细信息,如表4-6所示。
表4-6                   留言信息表
 

4.3.7语言类型表
主要用于保存用户所选的教程的语言类型,如表4-7所示。
表4-7                   语言类型表
 
4.4系统功能模块设计
4.4.1注册模块设计
普通用户主要通过此模块注册成为会员,已经注册的会员可以发布自己制作或收集的语音或视频教程,也可以根据自己的需要进行下载教程。
4.4.2登录模块设计
注册为会员的用户可以登录此模块进行操作会员权限范围内的操作。
4.4.3密码查找模块设计
当会员用户忘记密码时,可以通过密码提示问题提交自己的答案找回已经遗忘的密码。
4.4.4发布模块和浏览模块
会员登录后,可以发布语音、视频教程或文档,也可以查看或删除以前发布过的教程或文档。普通会员可以浏览教程及阅读文档,但不可以发布。
4.4.5下载模块设计
会员登录后,可以下载适合自己的教程或文档进行学习,但普通会员不可以下载,只能观看教程或阅读文档。
4.4.6留言模块设计
无论普通用户还是会员,都可以在本网站留言,可以看到各个用户的留言信息,并进行互动交流。
4.4.7文档阅读模块设计
本网站不仅拥有语音和视频教程,而且还可以阅读文档资料,可以拓宽用户的知识面,增强用户的学习兴趣。
4.4.8查找模块设计
用户可以选择条件选项或输入关键字通过本模块来快速地找到自己需要的教程或文档。
4.4.9后台公告管理模块设计
管理员可以通过此模块发布公告和管理公告。
4.4.10后台教程管理模块设计
管理员可以通过此模块发布教程和管理教程。
4.4.11后台文档管理模块设计
    管理员可以通过此模块发布文档和管理文档。
4.4.12后台用户管理模块设计
    管理员可通过此模块管理用户。
5  系统实现
系统实现是系统开发的代码编写阶段,在这个阶段包括系统的界面实现、系统的数据库实现、系统的后台代码实现、系统的测试和系统的维护。
5.1系统开发环境和运行环境选择
服务器端运行环境:Windows XP, Access 2003
客户端运行环境:Windows XP,.net
5.2界面的实现
本系统面向广大网络用户,本着用户操作界面友好、清晰和易于维护的原则来进行设计。
5.2.1网站首页概述
首页设计的好坏将直接影响到浏览者或用户对本网站的印象,页面的整体布局要合理,简介美观,网站首页的运行效果如图5.1所示。
在网站首页中包括以下几个功能模块:
(1)    网站导航
包括发布教程、视频课堂、语音课堂、课外阅读、注册和联系我们。
(2)    用户登录
会员用户主要通过此登录模块进行登录。
(3)    公告
主要包括一些网站的最新信息,近期动态等。
(4)    教程搜索
可以根据教程类型、语言类型或输入关键字搜索满足条件的教程。
(5)    教程排行版
主要显示十条点击率最高的视频教程和语音教程。
(6)    最新发布教程
主要包括最新发布的视频教程和语音教程。
 
图5.1  网站首页
公告的滚动是一个比较有技术性的问题,这里主要通过marquee元素来实现,Marquee元素可以滚动文字、图片、表格等。Marquee元素实现滚动星系的代码如下:
<marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="4"></marquee>
当点击公告的标题是,会弹出窗口显示公告的主要内容,这里主要通过JavaScript实现,代码如下:
  <script>
   function openPWD(i)
   {
      window.showModalDialog("bulletinInfo.aspx?ID="+i,"","dialogHeight: 300px; dialogWidth: 480px;dialogTop:px; dialogLeft:px; edge: Raised; center: Yes; help: No; resizable: No; status: No;scroll:No");
   }
   </script>
5.2.2用户注册界面
游客可以通过用户注册界面注册成为本网站的会员,用户注册并登录后,可以发布视频或语音教程、发布文档等,也可以下载自己喜欢的教程和文档。当用户在首页的导航栏中单击“注册”按钮,就会跳转到新用户注册页面,如图5.2所示。
 
图5.2  用户注册界面
    用户在进行注册时应注意以下事项:用户名不能为空,密码必须填写而且不少于6位,两次密码输入必须一致,密码提示问题和密码提示答案最好填写,这样才能当忘记密码时能通过这两个条件找回密码,邮箱格式必须正确。这些信息都是通过验证控件实现的。只有正确填写,才能成功注册为会员。
5.2.3用户登录界面
用户输入正确的用户名,密码和验证码时才能登录,登录后可以进行上传或下载操作并可以进行相应地管理,用户登录界面运行效果如图5.3所示。
 
图5.3  用户登录界面
    当会员登录成功后,进行留言时会将发言人保存为会员的登录名,如果是普通用户,发言人将保存为游客。这里主要应用了Session对象来保存用户名。Session对象是HttpSessionState类的一个实例,其功能是用来保存跨网页程序的变量或者对象,Session对象只针对单元网页使用,不同的客户端无法相互获取[7]。
5.2.4发布并管理教程界面
会员登录后可以发布教程,供其他用户共享,还可以对自己发布的教程进行管理,查看其他用户的留言,如图5.4、图5.5、图5.6和图5.7。
 
图5.4  发布教程
发布教程时,当会员用户将信息填写正确后单击“发布”按钮,将会把用户发布的教程信息保存到数据库中。但是在上传时也许会出现不成功,这是因为在Web.Config文件中<httpRuntime>节中配置上传文件的大小的默认值为4096(4M),要解决这个问题只需在Web.Config文件中<httpRuntime>节中重新设置masRequestLength属性和ExecutionTimeout属性。本程序中允许上传教程的大小为40M,实现代码如下:
<httpRuntime maxRequestLength="40960" executionTimeout="60" appRequestQueueLimit="100"/>
 
图5.5 管理已发布的视频
 
图5.6  管理已发布的语音教程
 
图5.7  管理已发布的文档
5.2.5查看视频教程界面
本页面主要介绍视频教程的页面详细信息,用户可以观看视频教程、视频教程的内容简介、教程的发布人及发布日期、以及该教程的点击率。用户看完视频时,可通过留言功能发表自己的看法或进行技术交流或下载此教程进行学习,由于语音教程页面与视频教程页面及内容相似,这里就以视频教程为主,如图5.8所示。
 
图5.8  视频播放及下载界面
观看视频教程时主要根据上一个页面传送的视频编号,在数据库中查找到该视频的路径,通过路径在HTML语言中的Embed元素中播放[9]。Embed元素可以用来插入各种多媒体,格式可以是WMV、MIDI、WAV、AU、MP3 等,本程序中使用Embed元素播放视频技术的代码如下所示:
  <embed src="<%=VUrl%>" noerror="true" autostart="false" style="width: 579px; height: 321px"></embed>
当用户想要下载视频教程时,先要判断用户是否已经登录,要是没有登录的用户将会提示“您还未登录不能下载”的对话框,只有登录的会员用户才能下载教程。如图5.9所示。
 
图5.9  未登录下载
    下载是直接调用一个下载模块,将需要下载的文件下载到本机上,其代码如下所示:
if (Session["UserName"] != null)
        {
            string path = Server.MapPath(".\\") + VUrl;
            //初始化 FileInfo 类的实例,它作为文件路径的包装
            FileInfo fi = new FileInfo(path);
            Response.Write(path);
            //   判断文件是否存在
            if (fi.Exists)
            {
                // 将文件下载到本机上
                Response.Clear();
                Response.AddHeader("Content-Disposition", "attachment; filename=" + Server.UrlEncode(fi.Name));
                Response.AddHeader("Content-Length", fi.Length.ToString());
                Response.ContentType = "application/octet-stream";
                Response.Filter.Close();
                Response.WriteFile(fi.FullName);
                Response.End();
            }
        }
        else
        {
            RegisterStartupScript("null", "<script>alert('您还未登录不能下载')</script>");
   }
    留言是为了让用户能够更好地交流,当留言信息较多时,可以通过分页的功能实现。当用户未登录时而发言,则将发言人统一默认为游客,而当用户已经登录时,发言人则保存为用户的登录名。为了防止用户使用非法程序连续发言使数据库中的数据量过大,这里使用了验证码,如图5.10所示。
 
图5.10  发言界面
   
5.2.6视频课堂界面
视频课堂主要包括对不同类型的课程的简介,点击该语言类型的按钮时,可以查到所有上传的该语言类型的教程,而且也可以通过选择条件或输入关键字快速查找自己需要的教程并观看。由于语音课堂和视频课堂页面及内容都比较相似,所以这里主要介绍视频课堂的主要信息,如图5.11。
 
图5.11  视频课堂主界面
    点击“ASP教程”按钮,会出现已经上传的所有ASP教程,点击视频的名称可以跳转到播放视频的页面,此外,还可以通过选择语言类型或输入关键字可以精确地查到满足条件的教程,如图5.12。
 
图5.12  教程界面
将上图作为例子,语言选择“.NET”,点击搜索按钮,可得到以下结果,如图5.13。
 
图5.13  查询结果
若将语言选择“ASP”,关键字为“提高”,点击搜索按钮,可得到以下结果,如图5.14所示。
 
图5.14  查询结果
5.2.7文档阅读界面
文档阅读主要以文档为主,可以在网页上看到所有的文档名称,并根据自己的需要进行阅读或下载,来增加自己的知识,如图5.15所示。
 
图5.15  课外阅读界面
5.2.8后台管理界面
    后台为管理员登录界面,当管理员输入正确的用户名和密码登录成功后,就可以对本网站进行管理,包括:公告管理、教程管理、文档管理和用户管理四大部分。后台登录界面如下图5.16所示。
 
图5.16  后台登录界面
5.2.9后台管理界面
后台主要分为公告管理、教程管理、文档管理和用户管理四个部分,公告管理包括发布公告和管理公告,教程管理包括发布教程、管理视频教程和管理语音教程,文档管理包括上传文档和管理文档,用户管理包括管理用户。后台的主界面如下图5.17所示。
 
图5.17 后台管理界面
    公告管理包括发布公告和公告管理两个部分,只要填写正确,就能在网上发布公告,或点击“重置”按钮,进行清空,如下图5.18所示。
 
图5.18  后台发布公告界面
    公告管理包括查看已发布公告的内容或删除已过时的公告,如下图5.19所示。
 
图5.19  后台公告管理界面
    管理员可以通过视频管理和语音管理模块对所有教程进行管理,在视频管理页面中,可以查看所有已经发布的教程并对其留言进行管理。由于语音管理页面和视频管理页面比较相似,这里就以视频管理页面为主进行介绍,如下图5.20所示。
    由于插入数据库中的信息不断增加,表格的高度也将会不断增加,这样不仅影响了页面的美观,而且降低了页面的性能。为了解决这个问题,我们可以使用GridView控件的分页功能进行分页,设置每页将要显示的行数即可[12]。
 
图5.20  后台视频管理界面
管理员可以点击“管理”按钮进行留言管理,可以删除言论不当的留言,如图5.21所示。
 
图5.21    留言管理
管理员可以通过用户管理模块查看已注册的会员用户和管理会员用户,如图5.22所示。
 
图5.22  后台用户管理界面
6  系统测试及维护
主要模块设计及编码设计完成后,为了发现程序设计中的“Bug”和系统设计中的疏忽及遗漏,使系统能稳定运行,必须对系统进行严格测试和反复调试。测试方法如下:
6.1测试环境
    Windows XP,Access 2003,C#.NET
6.2测试过程
6.2.1基本测试
用于测试系统基本功能的实现情况和系统是否存在设计错误。基本测试过程:会员用户登陆,输入错误的用户名或是错误的密码,看是否出现报错提示,如果系统设计无误,则应出现提示“用户名或密码错误”的对话框,如图6.1所示。
 
 
图6.1  错误输入提示
    当用户输入正确的用户名、密码和验证码时,就会登录成功,在导航栏的下面会显示登录的用户名,如图6.2所示。
 
 
图6.2  输入正确后的界面显示
6.2.2单元测试
将一个功能模块内所有的程序按次序串联起来进行调试。这种调试的目的是要保证模块内各程序间具有正确的控制关系,同时可以测试模块的运行效率。经测试,每个模块之间间接正确,健壮性强,不存在报错[8]。
6.2.3集成测试
基本测试和单元测试完成后,可进行整个系统程序的集成测试,对系统各种可能的使用形态及其组合进行测试。
6.2.4确认测试
主要检测各模块之间以及窗体与数据库之间的接口是否正确,系统功能是否能够得到完整实现。
6.3系统维护
软件维护的最终目的,是满足用户对已开发产品的性能与运行环境不断提高的需要,进而达到延长软件的寿命。按照每次进行维护的具体目标,可选择以下两种方式:
6.3.1完善性维护
在使用期间不断完善和加强产品的功能和性能,以满足用户日益增长的需要。
6.3.2适应性维护
是指使软件适应运行环境的改变而进行的一类维护。其中包括因硬件或支持软件的改变引起的变化;将软件移植到新的机种上运行等几种情况,软件只做不大的更动。
7  总结
经过多月的设计和开发,“语音视频学习社区的设计与实现”基本设计完毕。在做毕业设计之前我对学习社区的开发只是停留在表面认识的水平,实际的开发经验比较少。在整个开发过程中遇到了很多问题,但在老师和同学的指导和帮助下以及自己的努力学习下,最终都被我一一解决。系统功能基本符合需求,用户能够根据自己的需要进行自主学习,系统操作简单,易于使用。对于数据的一致性的问题也通过程序进行了有效的解决。
在完成整个毕业设计的过程中,我有一些感触。首先,设计前自己要对系统有个整体的认识,要在脑海中简单的勾画出系统的界面,确定清晰的设计的方向,然后考虑清楚数据库的设计大概需要几张表。然后,具体设计时,一定要细心和有耐心。很多问题其实并不难解决,但实现过程却非常繁琐的 ,这需要耐心的调试及细心的检查。对于自己来说,两个多月来的实践不仅是对我以前学习知识的总结,也是对我自身能力的考验。
由于毕业设计时间较短,所以该系统还有许多不尽如人意的地方,比如用户界面不够美观,教程种类不够丰富,程序代码不够简练等多方面问题。通过这次毕业设计,我更熟悉了数据库系统Access ,c#.net的使用。另外,通过这次毕业设计,提高了自己运用所学的基础知识的技能和独立解决一般的计算机工程问题的能力。真正的把理论知识应用到现实的系统开发中,并不断的加深理解。在整个系统开发过程中,我感到开发系统的不易,自己的实际能力也比较有限,只有在实践中找出自己的不足,及时弥补,再学习再提高,才能满足实际需要。


参考文献:
[1]沈士根,许小东.ASP.net实用网站开发[M].北京:清华大学出版社,2008.
[2]庞娅娟,房大伟,吕双,ASP.NET从入门到精通[M].北京:清华大学出版社,2010.7.
[3]戴丽思.ASP程序设计技术[M].北京:清华大学出版社,2006.
[4]史济民,顾春华,郑红.软件工程--原理、方法与应用[M].2008.6.
[5]龚琪琳,基于ASP.NET的互动多媒体学习社区网站建设[J],江西计算机技术研究所,2010
[6]李海兵,杨晓亮,Access 2003数据库管理从入门到精通[M].中国青年出版社,2005.2
[7]曹祖圣,吴明哲. Visual C#.NET 程序设计经典[M]. 北京:科学出版社,2004.5.
[8]张海藩. 软件工程[M]. 北京:人民邮电出版社,2002.5.
[9] 托特斯基[美]. C#.NET Web开发指南[M].北京:机械工业出版社 2003.5. 
[10]怀艾芹,校园互动媒体学习系统的设计与开发[J],信息技术,2010.10.
[11]吕洪林,基于C#技术互动媒体学习交流系统开发,福建电脑,2011.8.
[12]吕俊音,ASP基础及应用教程[M].北京:机械工业出版社,2006.
 

推荐资料