表3-8 系统功能描述表
模块名称 功能描述
班级成员 包括新用户注册、成员登录、找回密码、修改资料等个人信息管理
成员相册 包括上传图片到个人相册、查看其他成员相册、管理个人图片
班级留言 成员可以收发和管理私人短消息、可以在公共留言板查看和发布留言
信息查询 用户可以加入查询到的已存在的班级也可以自己新建班级
班级管理 本模块主要是班级管理员对自己班所有信息资料的管理
图5-3 系统功能模块图
5.4.1 班级成员模块
本模块主要用来新用户注册、成员登录、成员找回密码、查看班级其他成员信息、成员个人资料修改、退出系统等六大功能,如图5-3所示。
图5-3 班级成员模块功能示意图
1.新用户注册
用于注册多媒体文档纪念册新成员,注册信息包括登录帐号、登录密码、确认密码、真实姓名、性别、电子邮件、密码提示问题、密码提示答案、联系电话、个人主页、兴趣爱好、个人简介等。其中,登录帐号、登录密码、确认密码、电子邮件为必填信息,其功能流程图如图5-4所示。
图5-4新用户注册功能流程图
2.成员登录
用于本系统成员进行登录,登录信息包括姓名和密码和注册码。登录页面是本系统入口,如果用户不登录将不能使用班级内部所有功能,只能浏览和查看系统开放性信息也可以选择注册新帐号。在本页面加入了验证码功能,登录用户在输入帐号和密码后必须输入验证码生成图片中所显示的数字信息,在点提交按钮后系统会优先判断验证码输入是否正确,如果不正确则将会在本页面下方显示输入错误信息并让其重新输入,若验证码正确则自动跳转到下一个页面来判断用户帐号和密码的正确性,只有帐号和密码全部正确才能正常进入系统,显示登录成功。登录后,系统会自动判断用户的身份是普通用户、管理员还是刚注册但尚未加入任何班级的用户,针对不同的用户,在此页面上会有不同的提示和选择跳转的链接。其功能流程图如图5-5所示。
图5-5 成员登录功能流程图
3.找回密码
用于成员在忘记密码的情况下能顺利找回密码。此功能依靠的是在成员注册帐号时所填写的个人资料信息,其中有提示问题和问题答案。忘记密码的系统用户必须记得在注册时对应提示问题自己所写下的答案。当输入正确的用户名后,系统会自动给出用户注册时自己写下的提示问题,并让用户写下对应的答案,如果问题回答正确,系统将会把用户密码在页面上显示,并提示用户修改密码。其功能流程图如图5-6所示。
图5-6 找回密码功能流程图
4.查看成员信息
用于显示和查看本系统中用户所在班级中的所有成员的个人资料。进入此功能模块时会有一个表格显示在页面上,上面有用户所在班级所有成员的基本信息,包括成员帐号、真实姓名、性别、电子邮件和联系电话。点击成员对应的“查看”链接,将打开一个新窗口,用来显示对应成员的详细资料信息,包括:成员自己的个人信息,有个人主页、兴趣爱好、个人简介等;以及成员所在班级的详细信息,有入学
时间、班级名称、创建人、班级中人数以及男女生人数等。
5.退出系统
用于退出当前在线成员使用的登录状态,清空session中记录的用户的登录信息,然后返回多媒体文档纪念册及播放系统首页。
5.4.2 班级相册模块
主要用来实现图片上传功能,系统中所有成员都可以通过此页面上传图片,班级成员上传的图片将放在自己的相册中,如果成员是第一次上传照片,系统将自动为其建立一个以用户名称命名的相册。同时还可以显示和查看系统中其他同班级成员上传的图片信息,包括图片名称、格式、上传时间等。该模块主要有上传图片、查看同班级成员相册中图片和管理自己相册图片三个功能。其模块功能示意图如图5-7所示。
图5-7 班级相册模块功能示意图
1.上传图片
用于图片的上传处理,成员可以选择要上传的图片,并可以自定义名称和附加描述性信息。为了页面能正确显示上传的图片并减轻数据库负担,系统对成员上传文件的类型和大小都做了一定的限制,上传图片格式仅限jpg和gif格式,大小不超过1M。若上传图片符合规定,系统会把要上传的图片复制存放到指定文件夹内,并将上传图片的详细信息保存到数据库中。其功能流程图如图5-8所示。
图5-8 上传图片功能流程图
2.查看图片
用于系统成员查看自己和同班级其他成员上传的图片资料。进入“班级相册”页面后看到所有成员的相册按行显示,点击要看的成员的名字转到本成员相册内部,此成员所有上传图片按表显示,点击后面“查看”即可查看对应图片的详细信息。
3.管理图片
用于成员管理自己曾经上传的图片资料。当成员进入到一个成员相册中时,系统会根据当前使用系统的成员的帐号,自动判断此相册是否为其本人相册,如果是,则在图片列表中的最后一列显示“删除”二字,点击“删除”即可进行图片信息删除操作;如果不是本人相册,则不会显示“删除”字样。
5.4.3 班级查询模块
本模块主要用于查询和加入班级。在用户登录前和登录后均有这个模块,登录前进入这个模块用户可以查询已经存在的班级有哪些,并可以加入到某个班级,加入班级的同时也将会完成用户注册;若没有自己的班级,可以新建一个新班级同时完成用户注册,建立者自动成为该新班级的管理员。登录后的此模块主要用于已经注册了帐号却没有加入到任何班级的用户,根据这个模快可以实现加入到某个班级,同样也可以建立新的班级。而对于登录后并且已经加入到一个班级的成员,系统会拒绝加入到另一个班级或者新建班级的请求,而只能用来查找和浏览其他班级的基本信息。该模块包括以下功能:查看班级、查找班级和新建班级三个功能。其模块功能示意图如图5-9所示。
图5-9 班级查询模块功能示意图
1.查看班级
用于显示系统内所有班级的大概情况。此功能在页面中以表的形式出现,可以同时显示班级内现有的人数,后有加入该班级的链接,用户可以选择加入班级。
2.查找班级
该功能用于系统查询指定班级。用户可以根据入学时间查询,也可以根据班级名称查询,按班级名称支持模糊查询,得到查询结果以后用户可以选择加入到该班级。
3.新建班级
该功能用于没有找到自己班级的用户选择新建一个班级。新建班级属性有两个:入学时间和班级名称,但是用户不能随便建立班级,在输入新建班级名称后系统会根据输入的信息在数据库中查找,若已经存在同名的班级则注册失败。其功能流程图如图5-10所示。
是
否
是
否
图5-10所示 新建班级功能流程图
5.4.4 班级留言模块
本模块用于发布和查看留言信息。包括在班级公共留言板发布留言和查看班级所有留言,还包括查看班级内其他成员发个自己的私人短消息,模块功能示意图如图5-11所示。
图5-11班级留言板模块功能示意图
1.公共留言板
用于当前登录者进行公共留言板的发布、查看和管理,可以发送留言,查看公共留言板中的所有留言,以及对自己发送的留言进行管理。其中,当前登录者只能删除自己发送的留言,而不能删除其他成员发送的留言,其功能流程图如图5-12所示。
图5-12 公共留言板功能流程图
2.私人短消息
用于当前登录者进行私人短信的发布、接收和管理,可以给其他成员发送短信,接收其他成员发来的短信,以及对私人短信进行管理。如果当前登录者有新的短信,则系统在登录后的选择跳转页面有新消息的提示并显示新消息数目,然后可以直接进入收件箱进行查看。在私人短信页面中包含发送消息、收件箱、发件箱三个功能,如图5-13所示。
图5-13 私人短消息功能示意图
⑴ 发送消息
用于当前登录者给班级其他成员发送短信息。发送者需要填写收信人名称,消息题目和消息内容。提交后系统根据收信人名称自动判断当前登录者班级内是否存在该成员,若不存在则返回错误,存在则发送成功。其功能流程图如图5-14所示
图5-14 发送消息功能流程图
⑵ 收件箱
用于显示和查看其他成员发来的短信。成员可以对来信进行回复、转发、删除等操作。其功能流程图如图5-15所示。
图5-15 收件箱功能流程图
⑶ 发件箱
用来显示成员自己发往班级其他成员信箱的短消息信息。可以执行转发、删除等管理操作。其功能流程图如图5-16所示。
是 否
图5-16 发件箱功能流程图
5.4.5 班级管理模块
本模块用于班级管理员管理本班所有信息资料。班级成员在进入此模块时系统会自动对登录者有一个身份验证,如果检测登录者为普通用户则提示错误,若为管理员则直接进入本模块内部管理班级页面。在班级管理页面中包括添加新用户、班级成员管理、公共留言板管理、班级短消息管理、成员相册管理五个功能。模块功能示意图如图5-17所示。
图5-17 班级管理模块功能示意图
1.添加新用户
此功能用于管理员自行添加用户,功能类似于新成员注册
2.班级成员管理
此功能用于管理员管理整个班级的所有成员。包括:成员权限管理,即可以把普通成员提升为管理员,也可以把其他管理员降级为普通成员;修改成员资料,即可以修改成员在注册时所填写的个人资料,并更新数据库记录;删除成员,即可以把数据库中相应的班级成员个人信息清除,若需要登录需重新注册。功能模块如下图所示。
图5-18 班级成员管理功能示意图
3.公共留言板管理
此功能用于管理员管理本班所有留言信息。对于任何一条留言信息管理员都有删除的权限,此功能只能用来查看和删除留言
,不能够发表留言。
4.班级短消息管理
此功能用来管理班内所有成员之间的短消息。为了减小数据库容量,管理员有权限删除部分时间比较早的系统内短消息,但是为了成员私人信息的保密性,管理员只有查看消息题目和发送时间的权限,并不能阅读消息详细内容。
5.成员相册管理
5.5 本章小结
本章详细介绍了系统个各个模块的组成和具体功能,同时也分别介绍了每以模块中各个功能实现的具体流程,接下来对每个模块实现的效果进行分析和演示。下章将对结果进行分析和测试。
6结果分析与测试
6.1 各个模块结果的分析和演示
1.首页
首页放置系统的入口和内部信息概况以及其他相关性文字,图片资料。左侧顶端为滚动消息栏,用来播报系统最新通知信息。右侧上端为音乐播放器,考虑到页面的美观性和加载的速度,采用了自制的只有两首音乐的flash作为替代素材。页面的左下方是系统内部基本情况介绍,包括注册班级的个数,成员人数以及站点访问次数等。左中及右下侧为校园风景图片,以滚动方式播放,如图 6-1所示。
图 6-1 系统首页
2 .登录(关键代码见附录)
此页面用于成员登录系统,除了填写成员帐号资料外,还用于判断验证码的正误。当输入验证码错误时,将在页面下方空白处给出提示信息,如图 6-2所示。
图 6-2 登录页面
验证码输入错误: 用户名或密码错误:
图 6-3 验证码错误提示 图 6-4 用户名或密码错误提示
针对三种不同身份的成员,登录成功后会有三种不同的链接和提示信息。
◎ 管理员登录成功:
图 6-5 管理员登录后页面
◎ 普通用户登录成功:
图 6-6 普通用户登录后页面
◎ 新注册成员但尚未加入任何班级时登录成功:
图6-7 新成员登录后页面
2.用户注册:(关键代码见附录)
单击导航栏中的“用户注册”连接进入注册页面。该页面用于新用户填写个人资料。此页面有七项内容必添:登录姓名、登录密码、密码确认、电子邮件、验证码、密码提示问题、密码提示答案,如图 6-8所示。
3.找回密码:
单击导航栏中的“找回密码”链接进入此页面。忘记密码的用户可以根据系统提示操作找回密码,此块共有三个页面:填写姓名、回答问题、得到结果,如图 6-9所示。
图 6-8 用户注册页面图 图 6-9 用户找回密码
4.信息查询
根据左边的导航栏进入页面。此页面用来显示系统内所有班级的简单信息,也可以根据入学时间和班级名称来查询指定班级信息并且在此页面加入建立新班级的入口,如图 6-10所示。
5. 修改个人资料
用户登录以后单击导航栏中“资料修改”链接,登录者就可以进入“资料修改”页面,并修改自己的信息。其中用户名是不可以修改的,并且提交修改后系统会对成员输入的原始密码进行确认,若不正确则修改失败,如图 6-11所示。
图 6-10 信息查询页面图 图 6-11 成员修改资料
6.班级相册(关键代码见附录)
进入系统后,单击导航栏中的“成员相册”链接,进入“班级成员相册”页面,该页面按照三个一组的形式显示班级能所有上传图片成员的相册。本页还添加了可以转到“上传图片”页面的超链接,如图 6-12所示。
点击“班级成员相册”中的成员的名字,进入成员个人相册页面。在此页面登录者可以点击“查看”来查看图片详情,如图 6-13所示。
图 6-12 班级成员相册图 图6-13 成员个人相册
7.班级公共留言板(关键代码见附录)
登录系统后,通过导航栏上的“班级留言”链接进入此页面,登录者可以查看、发布留言,并可以执行对自己的留言进行删除操作,如图 6-14所示。
图 6-14 班级公共留言板
8.收发私人短消息
登录后通过导航栏中的“收发信息”进入此页面。页面可以显示三个功能块的入口,并能显示收、发件箱内信息的条数,如图 6-15所示。
图 6-15 收发短消息页面 图 6-16 撰写并发送短消息
在“收发信息”页面,点“收件箱”进入收件箱页面。其中以列表的形式显示自己所有收到的短消息的基本信息,点击后面的“查看”可以查看短消息详情,如图 6-17所示。
图 6-17 收件箱页面
9.查看班级成员
登录后通过导航栏中的“成员资料”链接进入班级成员列表界面。在此页面可以显示登录者所在班级的所有成员的基本信息,如图 6-18。点击后面的“查看”可以查看成员详细资料,如图 6-19所示。
sp;图 6-18 系统成员图 图 6-19 查看成员个人详细信息
10.班级管理
登录后,如果登录者的身份是管理员,通过导航栏上的“班级管理”链接可以进入班级管理页面,点击链接时要将登录者信息送往身份判断页面检测,若为管理员直接跳转到此页面,否则显示错误信息。在这个页面有五个功能块入口,如图 6-20所示。
图 6-20 班级管理页面
⑴ 用户管理:
管理员可以通过此页面对成员权限、资料等信息进行修改,如图 6-21所示。
图 6-21 班级成员管理页面
⑵公共留言板管理:
管理员可以对所有成员的留言做删除操作。此页面只用于管理留言不能发布,如图 6-22所示。
⑶班级短消息管理
管理员只能看到其他成员私人短消息的部分信息,不能查看详情,但能进行删除操作,如图 6-23所示。
图 6-22 班级公共留言板管理页面 图 6-23 班级短消息管理页面
⑷成员相册管理
管理员可以查看所有班内成员的所有上传的图片信息,并可以执行删除操作,如图 6-24所示。
图 6-24 班级短消息管理页面
6.2 本章小结
本章用图片的方式直观详细地展示了系统每个模块的具体功能,并附加简要说明及测试结果分析。
总 结
本文详细论述了多媒体文档纪念册及播放系统的开发策略。在充分考虑了目前本课题的研究概况和发展趋势,以及当今社会中电脑的普及和互联网的广泛应用的基础上,运用当前比较流行和常用的动态网页开发技术和大型数据库管理系统,设计开发了一种新型的网上在线同学录系统。
本系统基本上实现了系统需求分析中的功能要求,包括新用户注册、成员登录、资料修改、班级相册、私人短消息、公共留言板、班级查询、班级注册和班级管理等主要功能。本系统主要是面向即将文档和已经文档的用户使用,它与传统的纸介质文档纪念册相比拥有更多突出的优点,非常适合老同学之间进行沟通和交流,顺应网上同学录的发展潮流,已逐渐取代落后的纸介质文档纪念册。
通过这次设计,不仅增加了自己专业知识的积累,也增强了自己理论结合实际的能力。本B/S模式设计的过程中从解决问题的角度学习到很多与理论有一定差距的东西,提高了自己独立分析问题解决问题的能力,系统基本完成,本系统有如下特点:方便,可靠,操作简单,使用高效,稳定,安全,可扩展。
本次设计过程中有两点重要的体会:就是基于Web的程序有两个重点:
1.数据库的优化设计和操作手段以及数据传输过程中的安全、完整性问题的解决和权限的检测。
2.设计者的架构对整个程序的开发进程十分重要,一个良好的程序架构对开发者来说有事半功倍的效果,而对语言环境掌握和运用程度要求不是太高。
但是,由于时间和技术水平等方面的限制,本系统还存在着许多方面的工作尚未完善。比如说,系统在班级相册模块,未能够实现图片以缩略图的方式显示,不能够为浏览用户提供更方便的操作。还有在上传图片到指定目录的时,有可能会因为文件夹下存在同名文件而原来的文件被覆盖。系统对输入的错误数据和数据本身的错误所造成的数据不完整性,以及系统的约束力较弱。对于这些问题,在系统进一步的实现阶段,应加强数据的完整性约束来提高系统数据的正确性和相容性以及系统的容错性,加强对用户输入端的数据进行检验。
致 谢
值此提交本范文之际,我首先要向导师王卫锋老师表示衷心的感谢。我的课题是在王老师的悉心指导下完成的。在本次文档设计的每一个地方都凝聚着王老师的心血,没有老师的悉心指导,就没有本范文的顺利完成。
衷心感谢王卫锋老师所给予的无私帮助,他渊博的学识、敏锐而超前的学术意识、民主而严谨的治学作风将使我受益终生,并激励我在今后的工作、学习和生活中,时刻保持勤奋刻苦的工作态度和求实创新的敬业精神。
感谢济南大学信息科学与工程学院的各位老师,在他们的帮助下,使这次我的文档设计和范文能够顺利完成。
感谢济南大学信息科学与工程学院计升0509班的各位同学,大家的热情和团结对我起到了极大的鼓舞和帮助。
同时还要感谢我的同学满艳芳同学在做文档设计期间给予我的帮助和支持,尤其是在和她一起讨论问题的时候,我从她身上学到了一种勤勤恳恳、不急不躁、严谨的做事态度。在此还要感谢其他所有帮助过我的同学和朋友们,他们对我的文档设计也提出了很好的意见。
感谢一些网络论坛,优秀站点对本次设计的技术支持,对本人此次设计过程中的调试提供了强大的帮助。
再次感谢所有关心和帮助过我的人,正是你们的关心和帮助,使我的文档设计才能得以顺利地完成。
谢谢大家!并祝大家在今后的工作和生活中一切顺利!
参考文献
[1] 张瑜、李广莉、李志民、张新博 电子文档纪念册的设计与实现 承德石油高等专科学校学报 2004年第6卷第1期.
[2] 张新曼 JSP—Web开发技术与典型应用 人们邮电出版社 2007年2月第一版.
[3] 5D媒体工作室 贾更新 赵立超 JSP完全实例教程 电子工业出版社2001年1月第一版.
[4] 吉根林 崔海源 Web程序设计 电子工业出版社 2002年6月第一版.
[5] 施伯乐 丁宝康 等 数据库系统教程 高等教育出版社 2003年1月第一版.
[6] 袁丽欧 沈宏 SQL Server 2000开发与编程标准教程 清华大学出版社 2004.3.
[7] 张亮 程志艳 JSP实用简明教程 清华大学出版社2006年3月第二版.
[8] 戴志诚 赵国峰 JSP信息化系统建设案例 人民邮电出版社 2007年1月第一版.
[9] 张军 JSP网络应用开发例学与实践 清华大学出版社 2006年12月第二版.
[10] 鲁夫创意工作室 何雄等 JSP动态网页新技术 2000年12月第1版 .
[11] [美]Mark R.Brown & Jerry Honeycutt 陈天友 刘浩年 范正国 等译HTML 3.2开发使用手册 机械工业出版社1997年12月.
[12] 屈辉立 陈可明 石武信 JSP网站编程教程. 北京希望电子出版社 2