《人机交互软件工程方法》期末考试大作业
指导老师：肖锋
目录
一、窗体程序界面设计....................................................................................................................................3
1.任务设计的用例图：............................................................................................................................3
2.GOMS 划分设计程序的任务分解图，利用 LOTOS 描述认为之间的约束关系：............3
3.核心技术：..............................................................................................................................................4
4.运行效果图： .........................................................................................................................................5
二、移动界面的设计 ........................................................................................................................................5
1.界面设计所采用的布局方式及选择的理由:..................................................................................5
2.运行效果图： .........................................................................................................................................6
3.开发设计流程及效果展示：..............................................................................................................6
5.SQLite 设计：.......................................................................................................................................10
三、Web-J2EE 程序设计 ..............................................................................................................................12
1.此次的 web 界面设计遵循的基本准则有以下几点：.............................................................12
2.系统实现的功能 ..................................................................................................................................12
3.使用 jsp 的 MVC 模型开发购物车（jsp+servlet+javabean） ..............................................13
4.主要代码及关键技术说明 ................................................................................................................13
5.主要运行界面截图及说明：............................................................................................................24
四、Web-PHP 程序设计...............................................................................................................................26
1.运行效果：............................................................................................................................................26
2.界面设计时考虑的人机交互原则：..............................................................................................27
3. 核心技术..............................................................................................................................................28
一、窗体程序界面设计
1.任务设计的用例图：
2.GOMS 划分设计程序的任务分解图，利用 LOTOS 描述认为
之间的约束关系：
GOMS:
Task:计算器
GOAL:计算加减乘除及其他计算
GOAL:获取第一个输入的数字
GOAL:获取中间的操作符
GOAL:获取第二个输入的数字
GOAL:进行运算得到结果
GOAL:获取运算的字符串得到结果
GOAL:进行输出
VERIFY -计算
由于电脑画不出中间符号我手绘表示，LOTOS 描述:
3.核心技术：
窗体设计，计算器的加减乘除，log,ln,归 0，开方，平方，代码的逻辑实现
运算模块：可包含+、-、*、/、log、ln、sqrt、x^、=
private void Button14_Click(object sender, EventArgs e)
{
if (textBox1.Text == "") { MessageBox.Show("请先输入值再计算！", "错误提
示", MessageBoxButtons.OK, MessageBoxIcon.Warning); }
else
{
c = true;
b = double.Parse(textBox1.Text);
d = "运算符号";
}
}
归 0 处理：
private void Button1_Click(object sender, EventArgs e)
{
if (c == true) //有值的话置为空
{
textBox1.Text = "";
c = false;
}
textBox1.Text += "1";
}
运算单元：
private void Button20_Click(object sender, EventArgs e)
{
switch (d)
{
case "+": a = b + double.Parse(textBox1.Text); break;
case "-": a = b - double.Parse(textBox1.Text); break;
case "*": a = b * double.Parse(textBox1.Text); break;
case "/": a = b / double.Parse(textBox1.Text); break;
case "x^2": a = b * b; break;
case "sqrt": a = Math.Sqrt(b); break;
case "log": a = Math.Log10(b); break;
case "ln": a = Math.Log(b); break;
}
textBox1.Text = a + "";
4.运行效果图：
二、移动界面的设计
1.界面设计所采用的布局方式及选择的理由:
我选择 RelativeLayout 布局。他按照各子元素之间的位置关系完成布局。在此布局中的子
元素里与位置相关的属性将会生效。子元素就通过这些属性和个自的 ID 配合指定位置关系。
RelativeLayout 是 Android 五大布局中较为灵活的一种布局方式，而且更容易上手。
