书签分享收藏举报版权申诉 / 26

立即下载加入VIP,免费下载

当前位置：首页 > 求职职场 > 社交礼仪 > 人机交互基础课程设计报告.docx

人机交互基础课程设计报告.docx

文档编号：27568097
上传时间：2023-07-02
格式：DOCX
页数：26
大小：393.71KB

人机交互基础课程设计报告.docx

《人机交互基础课程设计报告.docx》由会员分享，可在线阅读，更多相关《人机交互基础课程设计报告.docx（26页珍藏版）》请在冰豆网上搜索。

人机交互基础课程设计报告.docx

人机交互基础课程设计报告

成绩

课程设计报告

题目人机交互web界面课程设计

课程名称人机交互基础教程

院部名称软件工程

专业软件工程

班级

学生姓名

学号

课程设计地点

课程设计学时32课时

指导教师

金陵科技学院教务处制

一实验目的和要求

1熟悉人机交互界面的设计原则；

2熟悉人机交互界面的模型和实现；

3熟悉人机交互界面的可用性评估；

二预备知识

1图形用户界面的三个重要思想；

（1）桌面隐喻（desktopmetaphor）

指在用户界面中用人们熟悉的桌面上的图例清楚地表示计算机可以处理的能力。

隐喻的表现方法:

静态图标、动画、视频

（2）所见即所得（WhatYouSeeIsWhatYouGet，WYSIWYG）

显示的用户交互行为与应用程序最终产生的结果是一致的。

（3）直接操纵（directmanipulation）

直接操纵是指可以把操作的对象、属性、关系显式地表示出来，用光笔、鼠标、触摸屏或数据手套等指点设备直接从屏幕上获取形象化命令与数据的过程。

直接操纵的对象是命令、数据或是对数据的某种操作。

2图形用户界面设计的一般原则；

（1）界面要具有一致性

（2）常用操作要有快捷方式

（3）提供必要的错误处理功能

（4）提供信息反馈

（5）允许操作可逆

（6）设计良好的联机帮助

（7）合理划分并高效的使用显示屏幕

3人机交互界面表示模型与实现；

（1）行为模型：

主要从用户和任务的角度考虑如何描述人机交互界面

（2）结构模型：

主要从系统的角度来表示人机交互界面

（3）模型转换

（4）表现模型

4人机交互界面可用性评估方法；

（1）用户模型法

（2）启发式评估

（3）认知性遍历

（4）用户测试

（5）用户调查

（6）放声思考法

三实验容与步骤：

1实验容

利用NetBeansIDE完成一个登录注册界面的设计。

用户登录、注册功能：

登录项：

用户名、密码；

1）根据用户的选择进入用户界面或注册界面；

2）注册后需要与后台数据库对接，查询注册中的用户名是否重复，如果重复则提示用户重新注册，否则提示用户注册成功并跳转到登录界面；

3）登录后需要与后台数据库对接，查询用户名和密码是否正确，如果正确则提示成功，否则让用户重新登录；

2web界面表示模型与实现，代码放在附录中

结合GOMS和LOTOS对任务“登录注册功能”的描述

Task:

登录注册功能

GOAL：

登录注册

[>:

GOAL:

运行

|||：

*GOAL：

登录

>>:

OPRATOR:

输入用户名

OPRATOR:

输入密码

OPRATOR:

注册

*GOAL：

注册

>>:

OPRATOR:

输入用户名

OPRATOR:

输入密码

OPRATOR:

登录

GOAL：

退出

3Web界面截图

1）首页

2）登录界面

登录成功界面

登录成功后进入系统界面

登录失败界面

3）注册界面

注册名已被注册过，注册失败界面

注册成功界面

注册成功后直接跳转到登录界面

4可用性分析与评估

1）有效性：

该系统达到了实验目标，实现了用户登录和注册功能；

2）效率：

该系统能够快速地将用户信息导入数据库，界面转换反应快；

3）吸引力：

界面简洁大方，能够带给用户好心情，功能实现反应快；

4）容错能力：

暂时还没有针对容错能力采取方法和措施，有待改善；

5）易于学习：

实验的要求包括用户登录和注册功能，目前自然还不存在用户不会使用的难以理解的问题。

操作方便。

附录：

Index.jsp:

<%pagecontentType="text/html"pageEncoding="UTF-8"%>

DOCTYPEhtml>

首页

#a{line-height:

48px;margin-top:

126px;border:

1pxsolidgainsboro;width:

500px;height:

375px;margin-left:

435px;

background-image:

url（i/3.jpg）;background-repeat:

no-repeat;font-family:

华文彩云;}

首页

70px;text-decoration:

none;font-size:

24px;">

登录

注册

Login.jsp:

<%pagecontentType="text/html"pageEncoding="UTF-8"%>

DOCTYPEhtml>

用户登录

#a{line-height:

48px;margin-top:

126px;border:

1pxsolidgainsboro;width:

500px;height:

375px;margin-left:

435px;

background-image:

url（i/3.jpg）;background-repeat:

no-repeat;font-family:

华文彩云;}

注册

:

密码:

LoginServlet.java:

/*

*Tochangethislicenseheader,chooseLicenseHeadersinProjectProperties.

*Tochangethistemplatefile,chooseTools|Templates

*andopenthetemplateintheeditor.

*/

package.edu.djtu;

importjava.io.IOException;

importjava.io.PrintWriter;

importstaticjava.lang.System.out;

importjava.sql.Connection;

importjava.sql.DriverManager;

importjava.sql.PreparedStatement;

importjava.sql.ResultSet;

importjava.sql.SQLException;

importjava.util.logging.Level;

importjava.util.logging.Logger;

importjavax.servlet.ServletException;

importjavax.servlet.annotation.WebServlet;

importjavax.servlet.http.HttpServlet;

importjavax.servlet.http.HttpServletRequest;

importjavax.servlet.http.HttpServletResponse;

importjavax.servlet.http.HttpSession;

importjavax.swing.JOptionPane;

/**

*

*authorAdministrator

*/

WebServlet（name="LoginServlet",urlPatterns={"/LoginServlet"}）

publicclassLoginServletextendsHttpServlet{

/**

*ProcessesrequestsforbothHTTPGETandPOST

*methods.

*

*paramrequestservletrequest

*paramresponseservletresponse

*throwsServletExceptionifaservlet-specificerroroccurs

*throwsIOExceptionifanI/Oerroroccurs

*/

protectedvoidprocessRequest（HttpServletRequestrequest,HttpServletResponseresponse）

throwsServletException,IOException{

response.setContentType（"text/html;charset=UTF-8"）;

request.setCharacterEncoding（"UTF-8"）;

Stringname=request.getParameter（"name"）;

Stringpwd=request.getParameter（"pwd"）;

Connectionconn=null;

PreparedStatementprst=null;

ResultSetrs=null;

Stringurl="jdbc:

derby:

//localhost:

1527/sample";

Stringdriver="org.apache.derby.jdbc.ClientDriver";

Stringuser="app";

Stringpassword="app";

try（PrintWriterout=response.getWriter（））{

Class.forName（driver）;

conn=DriverManager.getConnection（url,user,password）;

Stringsql1="select*fromuserswherename=?

";

Stringsql2="select*fromuserswherename=?

andpwd=?

";

prst=conn.prepareStatement（sql1）;

prst.setString（1,name）;

rs=prst.executeQuery（）;

if（rs.next（））{

prst=conn.prepareStatement（sql2）;

prst.setString（1,name）;

prst.setString（2,pwd）;

rs=prst.executeQuery（）;

if（rs.next（））{

HttpSessionsession=request.getSession（）;

session.setAttribute（"name",name）;

request.getRequestDispatcher（"page.jsp"）.forward（request,response）;

}else{

JOptionPane.showMessageDialog（null,"登录失败，密码错误！

"）;

request.getRequestDispatcher（"login.jsp"）.forward（request,response）;

}

}else{

JOptionPane.showMessageDialog（null,"登录失败，该用户不存在！

"）;

request.getRequestDispatcher（"login.jsp"）.forward（request,response）;

}

}catch（ClassNotFoundExceptionex）{

Logger.getLogger（LoginServlet.class.getName（））.log（Level.SEVERE,null,ex）;

}catch（SQLExceptionex）{

Logger.getLogger（LoginServlet.class.getName（））.log（Level.SEVERE,null,ex）;

}finally{

if（rs!

=null）{

try{

rs.close（）;

}catch（SQLExceptionex）{

Logger.getLogger（InterUserServlet.class.getName（））.log（Level.SEVERE,null,ex）;

}

if（prst!

=null）{

try{

prst.close（）;

}catch（SQLExceptionex）{

Logger.getLogger（InterUserServlet.class.getName（））.log（Level.SEVERE,null,ex）;

}

if（conn!

=null）{

try{

conn.close（）;

}catch（SQLExceptionex）{

Logger.getLogger（InterUserServlet.class.getName（））.log（Level.SEVERE,null,ex）;

}

out.close（）;

}

//

/**

*HandlestheHTTPGETmethod.

*

*paramrequestservletrequest

*paramresponseservletresponse

*throwsServletExceptionifaservlet-specificerroroccurs

*throwsIOExceptionifanI/Oerroroccurs

*/

Override

protectedvoiddoGet（HttpServletRequestrequest,HttpServletResponseresponse）

throwsServletException,IOException{

processRequest（request,response）;

}

/**

*HandlestheHTTPPOSTmethod.

*

*paramrequestservletrequest

*paramresponseservletresponse

*throwsServletExceptionifaservlet-specificerroroccurs

*throwsIOExceptionifanI/Oerroroccurs

*/

Override

protectedvoiddoPost（HttpServletRequestrequest,HttpServletResponseresponse）

throwsServletException,IOException{

processRequest（request,response）;

}

/**

*Returnsashortdescriptionoftheservlet.

*

*returnaStringcontainingservletdescription

*/

Override

publicStringgetServletInfo（）{

return"Shortdescription";

}//

}

InterUserServlet.java:

/*

*Tochangethislicenseheader,chooseLicenseHeadersinProjectProperties.

*Tochangethistemplatefile,chooseTools|Templates

*andopenthetemplateintheeditor.

*/

package.edu.djtu;

importjava.io.IOException;

importjava.io.PrintWriter;

importstaticjava.lang.System.out;

importjava.sql.Connection;

importjava.sql.DriverManager;

importjava.sql.PreparedStatement;

importjava.sql.ResultSet;

importjava.sql.SQLException;

importjava.util.logging.Level;

importjava.util.logging.Logger;

importjavax.servlet.ServletException;

importjavax.servlet.annotation.WebServlet;

importjavax.servlet.http.HttpServlet;

importjavax.servlet.http.HttpServletRequest;

importjavax.servlet.http.HttpServletResponse;

importjavax.swing.JOptionPane;

/**

*

*authorAdministrator

*/

WebServlet（name="InterUserServlet",urlPatterns={"/InterUserServlet"}）

publicclassInterUserServletextendsHttpServlet{

/**

*ProcessesrequestsforbothHTTPGETandPOST

*methods.

*

*paramrequestservletrequest

*paramresponseservletresponse

*throwsServletExceptionifaservlet-specificerroroccurs

*throwsIOExceptionifanI/Oerroroccurs

*/

protectedvoidprocessRequest（HttpServletRequestrequest,HttpServletResponseresponse）

throwsServletException,IOException{

response.setContentType（"text/html;charset=UTF-8"）;

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

下载	加入VIP,免费下载

版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：: 如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
特殊限制：: 部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。
关键词：: 人机交互基础课程设计报告

冰豆网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。

关于本文

本文标题：人机交互基础课程设计报告.docx
链接地址：https://www.bdocx.com/doc/27568097.html

人机交互基础课程设计报告.docx

首页

登录

注册

热门标签