# data[].attributes.body
First generation of computer: huge, complex, require high skill

# data[].attributes.body
Appearence of personal computing => More attention to interaction between user and computer

# data[].attributes.body
First computer: ENIAC

# data[].attributes.body
Lightpen by Sutherland - First representative of GUI

# data[].attributes.body
First computer mouse - making interaction easier

# data[].attributes.headline
Evaluation and execution model (EE model)

# data[].attributes.subject
Evaluation and execution model (EE model)

# data[].attributes.body
A loop of execution and evaluation between goal and system

# data[].attributes.body
Detail of the cycle

# data[].attributes.body
The 7 steps interpret how we users can interact with computer, but the problem is that EE model only focus on user's view of interaction

# data[].attributes.body
This model not only inherit strong points of EE model, it also solves the problem mentioned before by including system communication explicitly.
There are 4 steps in Framework model:
1st step: Articulation - user provides input
2nd step: Performance - System process the task that user provided
3rd step: Presentation - System provides output to output device
4th step: Observation - User observes result and assess whether the task is achieved or not

# data[].attributes.body
The earliest form of interaction and still being used today (Linux/Unix)

# data[].attributes.body
Best for collecting information from user

# data[].attributes.body
An example of form filling in nowaday

# data[].attributes.body
A menu is a set of options displayed on screen where the selection and execution of one or more options results in a state change of the system

# data[].attributes.body
It is an interaction style in which the objects of interest in the interface are visible and can be acted upon via physical, reversible, incremental actions that receive immediate feedback.

# data[].attributes.body
WIMP stands for window (W), icons (I), menu (M), pointer (P).
WIMP is very popular as almost all operation system we knew feature WIMP interaction style. For instance, Windows by Microsoft

# data[].attributes.body
Icons

# data[].attributes.body
Pointers

# data[].attributes.body
Window

# data[].attributes.body
-         What is Human-Computer Interaction (HCI)? | Interaction Design Foundation (IxDF) (interaction-design.org)

-         Human Computer Interaction - brief intro | The Encyclopedia of Human-Computer Interaction, 2nd Ed. (interaction-design.org)

-         The Evolution of Human-Computer Interaction | Introduction: HumanComputer Interaction, the Past and the Present | InformIT

-         The History of Human Computer Interaction - YouTube (video)

-         Seven stages of action - Wikipedia

-         HCI 3.3 Donald Norman's Model (Execution & Evaluation Loop Framework) in Human Computer Interaction - YouTube (video)

-         Gulf of Evaluation and Gulf of Execution | The Glossary of Human Computer Interaction (interaction-design.org)

-         ….

# data[].attributes.body
Luong Nguyen Hoang Anh - The Internet Digger
Pham Anh Duong - The Slide Maker
Le Duc Huy - The Voice and Editor