第4章 人机交互技术I

12


批处理文件（也称为批处理程序或脚本）。


Lecture 4
批处理命令实现FTP文件自动传输


本机：Windows OS, 需文件传输目录C:\localdata 对方计算机：Unix OS， IP 10.20.15.3 ，文件接收目录 C:\data，登录用户名Zhangsan，口令123456 本机从对方计算机接收文件操作方法：
WIMP界面概念模型 18
4.3图形用户界面特点




图形用户界面的共同特点是以窗口管理系统为核心， 使用键盘和鼠标器作为输入设备。 窗口管理系统除了基于可重叠多窗口管理技术外，广 泛采用的另一核心技术是事件驱动(Event-Driven)技 术。 能同时输出不同种类的信息，用户也可以在几个工作 环境中切换而不丢失它们之间的联系，通过菜单可以 执行控制型和对话型任务。 由于引入了图标、按钮和滚动条技术，大大减少键盘 输入，提高了交互效率。

二维信息(主要是二维图形技术，利用了色彩、形状、纹理等信息);
三维信息(主要是三维图形技术，但显示技术仍利用二维平面为主); 多维信息(多通道的多维信息)空间。
Lecture 4
6
4.1人机交互技术概述

人机交互技术发生的历史及发展趋势

根据人机交互中采用的语言

形式语言：

形式语言是一种人工语言，特点是简洁、严密、高效
Lecture 4
20
4.3.1图形用户界面的主要思想

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

桌面隐喻(desktop metaphor) 所见即所得（What You See Is What You Get，WYSIWYG ） 直接操纵(Direct manipulation)

Lecture 4
21
Lecture 4
11
命令行交互界面

不同的操作系统要用不同的命令进入命令行界面。

在Win9x/Me的开始菜单中的运行程序中键入 “command”命令，可进入命令行界面。 在Win2000/NT的开始菜单中的运行程序中键入“cmd” 命令，可进入命令行界面。 批处理文件是无格式的文本文件，包含一条或多条命令 ，文件扩展名为 “bat”或“cmd”。 命令行 键入批处理文件名，cmd.exe执行 批处理文件中可使用for, goto, if命令，可调用其他批处理 文件
14
文本菜单优缺点

优点：

用户不必记忆功能命令，缩短了用户的培训时间，减少用户的击键 次数，错误处理能力也有了显著提高。

缺点：

菜单层次过多，选项过于复杂，用户须逐级选择，不能一步到位 ，交互过程太慢。
文本菜单的设计

设计基于文本菜单的系统主要包括两方面的工作：

菜单的生成和显示 内部流程的控制及错误处理。
4.2.2文本菜单


字符界面下的菜单方式：在菜单方式下用户必 须在有限的一组选项中进行识别和选择，更多 的是响应而不是发出命令。 在这种界面中，人还是被看成操作员，机器做 出被动的反应，人只能使用手这一交互通道用 键盘输入选择信息，通过视觉通道获取信息， 界面输出只能为静态的文本字符。
Lecture 4

优点：

命令行交互界面

操作系统MS-DOS是文本命令行交互界面。

例如，需要将所有扩展名为“.AAA”的文件替换为扩展 名为“.BBB”，如果在“我的电脑”或“WINDOWS资 源管理器”中，需要一个一个地去查找、改名，操作的 局限性是显而易见的。利用命令rename [drive:][path] filename1 filename2或ren [drive:][path] filename1 filename2，使用通配符“*”或“？”，就可以方便地 更改一组文件名或扩展名。

桌面 — 还有更好的方法表示实体的桌面吗?在我看来，其中 细微到眼镜的反射都是很精致的。

声音 — 在图标中使用眼睛作为元素很常见，但是加上耳朵 则很少见
游戏 — 黑桃上的眼睛虽然才几个像素，但却是点睛之笔


1996年发布的OS/2 Warp 4中，3D的图标出现，只有 16色。

桌面 — 那个绿色的复古台灯让人颇有感触。
第四章 人机交互技术
山东大学计算机学院
内容提要

命令行和文本菜单 图形用户界面 多通道用户界面 汉字信息处理
Lecture 4
2
4.1人机交互技术概述

人机交互技术发生的历史及发展趋势

根据用户界面的具体形式

分为批处理； 联机终端(命令接口)； 文本菜单； WIMP界面； 多媒体用户界面； 多通道用户界面和虚拟现实用户界面。

test.ftp
Open 10.20.15.3 User Zhangsan 123456 cd data bin //二进制码格式传输文件 prompt mget //如本机向对方发送文件，用mput bye quit exit
test.bat
cd localdata ftp –n –s:”c:\test.ftp” //-n表示在建立初始连接 后禁止自动登录功能 将bat文件放在“任务 计划”中，并设定自动 运行，指定执行周期
17
4.3图形用户界面（GUI）

图形用户界面又称为WIMP界面，由窗口(Windows)、图标 (Icons)、菜单(Menus)、指点设备(Pointing Device)四位一 体，形成桌面(Desktop)。
WIMP 界面 击键/指点 应用例程
用 户
手
眼
窗口、图标 菜单、文本
Lecture 4
Lecture 4
19
4.3图形用户界面特点




WIMP界面可看作是第二代人机界面，是基于图形方 式的人机界面。 在WIMP界面中，人被称为用户，人机通过对话进行 工作。 用户只能使用手这一种交互通道输入信息，通过视觉 通道获取信息。 在WIMP界面中，界面的输出可以为静态或动态的二 维图形或图像等信息。
Lecture 4
36
WYSIWYG的弊端


如果屏幕的空间或颜色的配置方案与硬件设备所提供 的配置不一样，在两者之间就很难产生正确的匹配。 文本处理器都提供了定义章、节、小节等的标记，这 些标记显式地标明了对象的属性，但并不是用户最终 输出结果的一部分。

Mac OS X中代表PC的图标

这是Apple的设计师们开的一个不大不小的玩笑，有一点点 粗俗，但却比较形象
2.所见即所得（WYSIWYG）


在WYSIWYG交互界面中显示的用户交互行为与应用程序 最终产生的结果是一致的。 非WYSIWYG的编辑器，用户只能看到文本的控制代码， 对于最后的输出结果缺乏直观的认识。（latex编辑器）


程序 —一个布满了盒子、书本和纸牌的书架。
回收站 — 错误的图标设计？

2000年的BeOS R5，划时代的多媒体操作系统

桌面 —绿色的台灯，桌子更真实，而且整个图标也更加3D了。 浏览器 — 很好地演绎了“上网冲浪”的概念，但可能在不同的文化地域 中理解会有偏差 文件管理器 — 他们用这个图标告诉你“让我来帮你找文件吧!”

【例4-2】图书管理程序的主菜单的Java语言代码
Lecture 4
16
Lecture 4
import java.io.*; public class MenuDemo{ static void display_mainmenu() { System.out.print(“\n\n\t\t<<维护子菜单>>\n\n”); System.out.println (“\t1--注册借书者”); System.out.println (“\t2--注册图书”); ……. System.out.println (“\t0--返回主菜单”); } public static void main(String args[]) throws Exception{ boolean quit=false; char ch; do { display_mainmenu(); ch = (char)System.in.read(); switch (ch) { …….//调用相应的处理函数 } }while(!quit); Sytem.in.read(); } }
1.桌面隐喻(desktop metaphor)

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

图形具有一定的文化和语言独立性，可以提高搜索目标的效 率。

图形用户界面中的图例可以代表对象、动作、属性或其他概 念。
表达方式：图例和文字


文字适用于表达某些抽象概念
Lecture 4
3
4.1人机交互技术概述

人机交互技术发生的历史及发展趋势

根据根据用户界面中信息载体的类型

文本为主的字符用户界面(CUI) 二维图形为主的图形用户界面(GUI) 多媒体用户界面
Lecture 4
4
4.1人机交互技术概述

人机交互技术发生的历史及发展趋势

根据计算机输出信息的形式

Lecture 4
8
命令行界面概念模型

人： 操作员

使用手对键盘输入数据或者命令信息，通过视觉通道获取信息


机器：被动反应 界面输出：静态文本字符