The figure contains two conceptual visualizations that outline relationships in human-computer interaction and applied learning activities.

On the left, a Venn diagram and flow structure illustrate Human-Computer Interaction (HCI) as an interdisciplinary field situated at the intersection of Computer Science, Human Factors Engineering, and Cognitive Science. Beneath, the chart identifies different modalities of Cognitive Interaction: Sight, Touch, Hearing, Voice, and Spatial. These modalities are then linked to specific interaction input/output mechanisms. Interaction I includes Mouse and Keyboard as input, Touch screen UI as input, Monitors and Speakers as output, and Screen with Speakers and Vibrations as output. Interaction II includes Voice as input/output, Body Movement as input/output, Gesture and Face as input/output, Sensors as output, and Screen with Speakers as output.

On the right, an Activity Theory triangle model structures a learning process with interlinked nodes. The Subject is defined as student participants. The Tools include Moodle, computer, and YouTube clips. The Object is to critically reflect and critique topic questions and key ideas from literature. The Outcome is applicable knowledge. Rules include APA referencing style, word limits, and three contributions per week. The Community is defined as peers and lecturer. Division of Labour refers to the lecturer providing voice files to individual groups and plenary files to all.

The diagram is represented with bidirectional arrows showing reciprocal influence between all elements, emphasizing dynamic relationships between tools, participants, and rules in knowledge production. Together, the two sections of the figure link the interdisciplinary foundation of HCI with a pedagogical model of mediated student activity, illustrating both technical modalities of interaction and structured learning frameworks.