人机交互课程设计

PAGE2《人机交互》综合设计报告设计名称：人机交互综合设计选题名称：基于FrontPage的web界面——社交网页姓名：李志祥学号：200903010044专业班级：09级计算机科学与技术应用班系院）：计算机科学与信息工程学院设计时间：2012年5月26日成绩：指导教师评语：成绩：签名：年月日

目录3.1功能框架3.2系统实现框架四、对象建模分析4.1用户登陆及身份验证4.2用户注册功能：当用户不是系统中的用户时可以申请注册，在进行登录，用户需要填写用户名、密码、邮箱等进行注册4.3意见反馈功能用户在体验过网页后可以将自己的意见进行填写发表，系统将收集意见进行汇总，报告给管理员。4.4视频功能4.5图片功能4.6社区板块功能五、界面概要设计5.1主界面设计5.2登陆界面设计5.3视频社区界面设计5.4图片社区界面设计5.5社交社区界面设计六、视图的关联设计七、详细设计7.1登陆注册界面设计当用户进入网页后可以实现浏览功能，但要进行网页中的功能操作时需要进行登录，用户输入账号和密码开始登陆，系统进行身份验证，如果成功授予用户界面中的功能，如果不成功，提示错误，请再次登陆或者退出。当用户不是合法用户时可以进行注册，输入用户名和密码后点击注册，当通过系统的检测，用户名和密码均合法后注册成功。7.2视频社区界面设计用户可以在登陆后进入到视频板块，该板块中用户可以观看、浏览视频，也可将自己的视频进行上传或者下载板块中的视频资源。7.2.1观看视频当用户进入到视频板块中后可以观看网站中的视频，但需要安装播放插件才可以观看。视频播放的界面采用嵌入式界面，无需打开新的界面。7.2.2上传视频本功能是用户登录成功后才能拥有的权利。该界面同样采用的是嵌入式界面。当用户上传视频时，系统会检测和提示该网页支持的视频格式，当与该格式匹配时，进行上传。7.2.3下载视频本功能是用户登录成功后才能拥有的权利。用户可以任意下载网页中的共享视频资源。7.2.4评论留言本功能是用户登录成功后才能拥有的权利。该界面同样采用的是嵌入式界面，用户可以对视频资源发表自己的意见。7.3图片社区界面设计用户在登录后可以进行网站内部的图片操作，例如更改自己的头像，组建自己的相册，浏览别人图片，下载图片资源。7.3.1上传图片本功能是用户登录成功后才能拥有的权利。该界面同样采用的是嵌入式界面。当用户上传图片时，系统会检测和提示该网页支持的图片格式，当与该格式匹配时，进行上传。7.3.2下载图片本功能是用户登录成功后才能拥有的权利。用户可以任意下载网页中的共享图片资源。7.3.3评论留言本功能是用户登录成功后才能拥有的权利。该界面同样采用的是嵌入式界面，用户可以对图片资源发表自己的意见。7.3.4建立和浏览相册本功能是用户登录成功后才能拥有的权利。用户可以根据自己的喜好和信息建立自己的相册，也可以去浏览查看其他共享相册。7.4社交社区界面设计用户登陆后可以根据自己的喜好建立板块，可以在板块中发表日志，帖子。其他人可以进行浏览，同时也可以留言，评论。也可以下载板块中的共享资源。7.4.1检索热帖用户登陆后可以在社交板块启用功能，用户可以根据需要输入关键字，搜索出包含关键字的帖子，在进行浏览。7.4.2发帖用户登陆后可以在社交板块启用功能，用户在自己的社区可以输入文字内容，例如日志文章等帖子。7.4.3下载资源本功能是用户登录成功后才能拥有的权利。用户可以任意下载网页中的共享资源。7.4.4评论留言本功能是用户登录成功后才能拥有的权利。该界面同样采用的是嵌入式界面，用户可以对帖子发表自己的意见。7.4.5建立社区本功能是用户登录成功后才能拥有的权利，用户可以根据需要和喜好建立自己的个人社区或者公共社区。八、总结8.1学习体会通过对人机交互的设计，发现在设计过程中建立模型，构建视图还是比较繁琐的，因为要考虑到界面中的各方面功能。在设计过程中，将在课堂中的一些知识也得到了实践，深刻的体会到在网页设计中。例如合理的布局，合理的色彩搭配都是很重要的。在深入实验的过程中发现人机交互界面的在现实应用中很重要。在这过程中我深刻的学习和掌握了frontpage这个网页制作软件，对网页制作有了较深的体会。8.2存在的