搜索
《人机交互》综合设计报告设计名称：人机交互综合设计选题名称：基于FrontPage的web界面——社交网页姓名：李志祥学号：200903010044专业班级：09级计算机科学与技术应用班系（院）：计算机科学与信息工程学院设计时间：2012年5月26日指导教师评语：签名：年月日成绩：2目录一、概述...................................................................41.1系统设计目的.......................................................41.2系统设计意义.......................................................4二、需求分析...............................................................42.1功能需求...........................................................42.1.1登陆功能.....................................................42.1.2密码提醒功能.................................................42.1.3注册功能………………………………………………………42.1.4上传下载功能…………………………………………………42.2界面需求...........................................................4三、总体框架...............................................................53.1功能框架...........................................................53.2系统实现框架.......................................................5四、对象建模分析...........................................................64.1用户登陆及身份验证.................................................64.2用户注册功能：.....................................................74.3意见反馈功能……....................................................74.3视频功能…….......................................................84.3图片功能…….......................................................84.3社区板块功能……....................................................9五、界面概要设计...........................................................95.1主界面设计.........................................................95.2登陆界面设计......................................................105.3视频社区界面设计...................................................105.2图片社区界面设计...................................................105.2社交社区界面设计...................................................11六、视图的关联设计........................................................11七、详细设计..............................................................127.1登陆注册界面设计...................................................127.2视频社区界面设计...................................................127.2.1观看视频....................................................127.2.2上传视频....................................................137.2.3下载视频....................................................137.2.3评论留言....................................................137.3图片社区界面设计...................................................137.3.1上传图片....................................................137.3.2下载图片....................................................137.3.3评论留言....................................................137.3.4建立和浏览相册...............................................137.4社交社区界面设计...................................................137.4.1检索热帖....................................................137.4.1发帖........................................................147.4.1下载资源....................................................147.4.1评论留言....................................................1437.4.1建立社区....................................................14八、总结..................................................................148.1学习体会..........................................................148.2存在的不足........................................................144一、概述1.1系统设计目的我校学员众多，但是大家的了解机会不是很多，大家很希望有一个展示自己，和他人交流的平台，所以我建立此网站的目的是提供一个平台，促进交友，让大家互相了解。1.2系统设计意义此系统的出现可以给广大学员提供方便快捷个人信息介绍，可以提供想交友的圈子，可以在线共享视频，互动留言。二、需求分析2.1功能需求2.1.1登陆功能由于系统已经对每名用户登记在系统之内，根据数据库中的存储数据验证用户，看是否是合法用户，如果合法进入系统，不合法时进行错误提示。2.1.2密码提醒功能由于用户对密码记忆保持时间不是很长，有可能忘记密码，界面提供提示功能，方便用户联想自己的密码。2.1.3注册功能当用户不是合法用户，用户需要加入系统中并成为合法用户，所以界面提供注册功能。2.1.4上传下载功能由于用户在界面操作时想将一些资源放在网页中，也想下载一些功能想让用户下载，所以界面提供上传下载功能。2.2界面需求(1)符合Windows的一贯风格，具有易学易用的特征(2)界面颜色比较深沉(3)界面的风格以交互式为主，并加入一些介绍内容(4)界面中内容积极健康向上，杜绝不合法内容三、总体框架53.1功能框架交友网页登录退出网页中的拓展功能注册上传功能下载功能成功不成功3.2系统实现框架登录退出注册密码提示上传视频上传图片上传帖子建立社区下载资源个人展板留言意见反馈身份认证网站首页错误提示视频板块下载视频观看视频下载图片图片板块社区板块评论帖子上传资源四、对象建模分析64.1用户登陆及身份验证用户输入用户名输入密码用户名验证密码验证登陆密码提示4.2用户注册功能：用户注册填写用户名检测用户名填写密码检测密码当用户不是系统中的用户时可以申请注册，在进行登录，用户需要填写用户名、密码、邮箱等进行注册4.3意见反馈功能7用户管理员反馈意见收集意见原因理由用户在体验过网页后可以将自己的意见进行填写发表，系统将收集意见进行汇总，报告给管理员。4.4视频功能用户登陆成功视频功能上传视频下载视频评论留言观看视频IncludeIncludeIncludeInclude4.5图片功能8用户登陆成功图片功能上传图片下载资源评论留言建立相册IncludeIncludeIncludeInclude4.6社区板块功能用户登陆成功社区功能发帖下载资源评论留言建立社区IncludeIncludeIncludeInclude检索热帖Include五、界面概要设计95.1主界面设计5.2登陆界面设计5.3视频社区界面设计105.4图片社区界面设计5.5社交社区界面设计11六、视图的关联设计首页登录注册视频社区意见反馈图片社区社交社区七、详细设计7.1登陆注册界面设计当用户进入网页后可以实现浏览功能，但要进行网页中的功能操作时需要进行登录，用户输入账号和密码开始登陆，系统进行身份验证，如果成功授予用户界面中的功能，如果不成功，12提示错误，请再次登陆或者退出。当用户不是合法用户时可以进行注册，输入用户名和密码后点击注册，当通过系统的检测，用户名和密码均合法后注册成功。7.2视频社区界面设计用户可以在登陆后进入到视频板块，该板块中用户可以观看、浏览视频，也可将自己的视频进行上传或者下载板块中的视频资源。7.2.1观看视频当用户进入到视频板块中后可以观看网站中的视频，但需要安装播放插件才可以观看。视频播放的界面采用嵌入式界面，无需打开新的界面。7.2.2上传视频本功能是用户登录成功后才能拥有的权利。该界面同样采用的是嵌入式界面。当用户上传视频时，系统会检测和提示该网页支持的视频格式，当与该格式匹配时，进行上传。7.2.3下载视频本功能是用户登录成功后才能拥有的权利。用户可以任意下载网页中的共享视频资源。7.2.4评论留言本功能是用户登录成功后才能拥有的权利。该界面同样采用的是嵌入式界面，用户可以对视频资源发表自己的意见。7.3图片社区界面设计用户在登录后可以进行网站内部的图片操作，例如更改自己的头像，组建自己的相册，浏览别人图片，下载图片资源。7.3.1上传图片本功能是用户登录成功后才能拥有的权利。该界面同样采用的是嵌入式界面。当用户上传图片时，系统会检测和提示该网页支持的图片格式，当与该格式匹配时，进行上传。7.3.2下载图片本功能是用户登录成功后才能拥有的权利。用户可以任意下载网页中