人机交互 软件说明书
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
JIANGSU UNIVERSITY OF TECHNOLOGY
人机交互技术
——软件说明书
学院名称:计算机工程学院
专业:软件工程
班级:10软件1W
学号:10144107
姓名:董鑫
二〇一三年六月
引言
人机交互技术(Human-Computer Interaction Techniques)是指通过计算机输入、输出设备,以有效的方式实现人与计算机对话的技术。它包括机器通过输出或显示设备给人提供大量有关信息及提示请示等,人通过输入设备给机器输入有关信息及提示请示等,人通过设备给机器输入有关信息,回答问题等。人机交互技术是计算机用户界面设计中的重要内容。它与认知学、人机工程学、心里学等学科领域有密切的联系。
第1章数据库设计
1.1 基本实体表
序号表名说明
1 users 用户表,用于存储用户编码,姓,名称等
1.2表设计
表1-1用户表字段
字段名说明类型是否为空主键id 用户编码int 否是firstname 姓varchar 是否lastname 名称varchar 是否phone 电话号码varchar 是否email 电子邮件Varchar 是否
第2章详细设计
2.1.界面
在浏览器输入地址后,会显示如下界面。有工具栏,“编辑、增加、删除”。展示信息、三个选项卡和显示图片。
2.2.dongxin.html代码:
#fm{
margin:0;
padding:10px 30px;
}
.ftitle{
font-size:14px;
font-weight:bold;
color:#666;
padding:5px 0;
margin-bottom:10px;
border-bottom:1px solid #ccc;
}
.fitem{
margin-bottom:5px;
}
.fitem label{
display:inline-block;
width:80px;
}
#cc{
border:0px solid;
border-color: white;
border-collapse:collapse;
width:550px;
height:150px;
}
th{
border:1px solid;
background-color:#E4E4E4;
text-align:center;
}
td{
border:1px solid;
text-align:center;
}
.over{
background-color:white;
}
.imgsize{
width:100%;
height:100%;
}
function showphoto(index)
{
if(index==1)
{
$("#photoView").html('');
}
else if(index==2)
{
$("#photoView").html('');
}
else if(index==3)
{
$("#photoView").html('');
}
else if(index==4)
{
$("#photoView").html('');
}
else if(index==5)
{
$("#photoView").html('');
}
else{
$("#photoView").html('');
}
}
var url;
function newUser(){
$('#dlg').dialog('open').dialog('setTitle','New User');
$('#fm').form('clear');
url = 'save_user.php';
}
function editUser(){
var row = $('#dg').datagrid('getSelected');
if (row){
$('#dlg').dialog('open').dialog('setTitle','Edit User');
$('#fm').form('load',row);
url = 'update_user.php?id='+row.id+'&firstname='+row.firstname+'&lastname='+stname+'&phone ='+row.phone+'&email='+row.email;
}
}
function saveUser(){
$('#fm').form('submit',{
url: url,
onSubmit: function(){
return $(this).form('validate');