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.
Composite arrangement consisting of six rectangular visual segments organized in a grid configuration. Upper left quadrant displays a three-dimensional computer-generated model within an interface resembling CAD or 3D animation software. The object consists of red polygonal primitives arranged into industrial architectural forms, including cylindrical exhaust stacks, cubic blocks, and interconnected piping. Interface toolbar, timeline, and viewport navigation elements frame the rendering, confirming procedural generation through mesh construction and parametric alignment. Adjacent upper right panel features an overlaid drawing with dense linework and layered transparencies resembling architectural schematics. Multiple contour lines, hatching, and cross-sections create volumetric impressions of machinery, staircases, and structural frameworks. Perspective orientation suggests exploded axonometric style, with faint sepia and green overlays simulating archival blueprint textures.
Triptych image displays three sequential stages of prototyping involving a rounded sculptural head-like object. At left, the object is held in a hand against a tabletop background. Its beige surface exhibits incised markings including a vertical line running from upper to lower region and punctured holes positioned symmetrically near the base, resembling simplified facial features. The form demonstrates hand-carved detailing with shallow grooves and openings integrated into the curved geometry.