Glossar-English:Interactive Images: Unterschied zwischen den Versionen

Aus Glossar der Bildphilosophie
Zur Navigation springen Zur Suche springen
Joerg R.J. Schirra (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Joerg R.J. Schirra (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Zeile 47: Zeile 47:
:* (b<sub>3</sub>) ''Influencing the perspective'' (movements and parameters of the virtual “camera”); although these manipulations are at least partially equivalent in effect to the changes mentioned under (a), they do not affect the reception situation of the image, but rather its production situation. In combination with (b<sub>2</sub>), however, the decisive prerequisite for immersion in cyberspace arises: the virtual camera becomes the user's “eye”, so to speak, which the user can move “directly” through the virtual world determined by the 3D model (⊳ [[Virtualität|Virtuality), if not in the same way as their own, then at least in close analogy to their own body orientation and movement.
:* (b<sub>3</sub>) ''Influencing the perspective'' (movements and parameters of the virtual “camera”); although these manipulations are at least partially equivalent in effect to the changes mentioned under (a), they do not affect the reception situation of the image, but rather its production situation. In combination with (b<sub>2</sub>), however, the decisive prerequisite for immersion in cyberspace arises: the virtual camera becomes the user's “eye”, so to speak, which the user can move “directly” through the virtual world determined by the 3D model (⊳ [[Virtualität|Virtuality), if not in the same way as their own, then at least in close analogy to their own body orientation and movement.
:
:
Wie bei allen quartären Medien stellt sich auch bei inter&shy;aktiven Bildern insbe&shy;sondere die Frage, wer hier eigent&shy;lich auf welcher Ebene mit wem kommu&shy;niziert. Einer&shy;seits besteht eine Ähn&shy;lich&shy;keit zu Sekun&shy;därme&shy;dien, inso&shy;fern die (meist unbe&shy;kannten) Auto&shy;ren des inter&shy;aktiven Systems (in Abbil&shy;dung 2 als ‘die Compu&shy;tervi&shy;sualis&shy;ten’ bezeich&shy;net) als die eigent&shy;lichen Sender betrach&shy;tet werden können. Indem aber auch der Nutzer des Systems wenig&shy;stens partiell zugleich als Sender und Emp&shy;fänger jener Inter&shy;aktionen auftritt, da er sich ja selbst mit dem erzeug&shy;ten Bild etwas zeigen will (z.B. eine Route in der inter&shy;aktiven Straßen&shy;karte), ergibt sich eben&shy;so eine Verwandt&shy;schaft zu Primär&shy;medien mit der Mög&shy;lich&shy;keit von direk&shy;ter Deixis: Da die Auswahl der aktu&shy;ali&shy;sierten Zeichen&shy;handlung durch das System in der aktu&shy;ellen Situ&shy;ation erfolgt, können ent&shy;sprechen&shy;de Zeige&shy;gesten und deik&shy;tische Äuße&shy;rungen, Zugang des Systems zu den dort vorhan&shy;denen Gegen&shy;ständen voraus&shy;gesetzt, darin vor&shy;kommen.<ref>Zumindest für das, was auf dem Com&shy;pu&shy;ter&shy;mo&shy;ni&shy;tor (oder sons&shy;ti&shy;gem Aus&shy;ga&shy;be&shy;ge&shy;rät) vom Sys&shy;tem selbst kon&shy;trol&shy;liert dar&shy;ge&shy;stellt wird, gilt je&shy;ne Vo&shy;raus&shy;set&shy;zung. An&shy;sons&shy;ten muss das Sys&shy;tem über sen&shy;so&shy;ri&shy;sche Zu&shy;gän&shy;ge zur Nut&shy;zungs&shy;si&shy;tu&shy;a&shy;tion ver&shy;fü&shy;gen.</ref> Diese Les&shy;arten sind untrenn&shy;bar in&shy;einan&shy;der ver&shy;schlungen. [[Interaktions-, Selbst- und Sachbezug|Inter&shy;aktions-, Selbst- und Sach&shy;bezüge]] vari&shy;ieren ent&shy;sprechend. Es ist daher auch eine Haupt&shy;aufgabe bei der Konstruk&shy;tion solcher Syste&shy;me, durch Kompo&shy;nenten, wie etwa Nutzer&shy;modelle, eine möglichst gute ''Passung'' mit den Hand&shy;lungen und Kommu&shy;nika&shy;tions&shy;inten&shy;tionen des Nutzers sicher&shy;zustellen. Anderer&shy;seits muss sich jeder Nutzer darüber im Klaren sein, dass es sich um eine durch ein hoch&shy;komple&shy;xes Medium vermit&shy;telte Kommu&shy;nika&shy;tion handelt mit allen dadurch beding&shy;ten Einschrän&shy;kungen und Beson&shy;derhei&shy;ten, so sehr sie im Einzel&shy;fall auch der Kommu&shy;nika&shy;tion in einem Primär&shy;medium ähneln mag.
As with all quaternary media, the question arises as to who is actually communicating with whom and on what level using interactive images. On the one hand, there is a similarity to secondary media in that the authors of the interactive system (usually unknown to the system users and referred to as ‘the computer visualists’ in Figure 2) can be regarded as the actual senders. However, since the users of the system each also appear at least partially as both the sender and receiver of those interactions, as they want to show themselves something with the generated image (e.g., a route in the interactive road map), there is also a relationship to primary media with the possibility of direct deixis: since the selection of the updated sign act is made “autonomously” by the system in the ''current'' situation, corresponding pointing gestures and deictic utterances can occur in it, assuming that the system has access to the objects present there.<ref>This requirement applies at least to what is displayed on the computer monitor (or other output device) in a controlled manner by the system itself. Otherwise, the system must have “sensory” access to the usage situation.</ref> These interpretations are inseparably intertwined. [[Interaktions-, Selbst- und Sachbezug|Interactional, expressive, and propositional angles]] vary accordingly. In consequence, one of the main tasks in the design of such systems is to ensure the best possible fit with the user's actions and communication intentions through components such as user models. On the other hand, every user must be aware that this is communication mediated by a highly complex medium, with all the limitations and peculiarities that this entails, no matter how much it may resemble communication in a primary medium in individual cases.
<div class="thumb tright">
<div class="thumb tright">
<div class="thumbinner" style="width:270px;" display="strech">
<div class="thumbinner" style="width:270px;" display="strech">
{{CumulusKlein}}
{{CumulusKlein}}
<div class="thumbcaption">Abbildung 3: Bei&shy;spiel für ein ein&shy;fa&shy;ches in&shy;ter&shy;ak&shy;ti&shy;ves Bild ''(aktuell leicht fehlerhaft)''
<div class="thumbcaption">Figure 3: Example of a simple interactive image ''(currently slightly faulty)''
</div>
</div>
</div>
</div>
</div>  
</div>  


==Ein einfaches Beispiel==
==A simple example==
 
A relatively simple example is in this glossary on the main page and is taken up in a slightly different form in Figure 3: The list of categories according to which the glossary is organized, reproduced with typographical variants as a word cloud, reacts to movements of the cursor across the image area, which the viewer triggers with the mouse. The word cloud begins to appear to rotate in three-dimensional space, with the rotation angle and speed being determined depending on the distance from the current user's currently selected cursor position to the center of the image. If the cursor were positioned exactly at the center point, the movement would stop. Incidentally, it also does this automatically after an extended slowdown phase when the cursor leaves the screen.
 
A relatively simple example is given in this glossary on the [[GIB - Glossar der Bildphilosophie:Hauptseite|main page]] and is taken up in a slightly varied form in Figure 3: The list of categories by which the glossary is organized, rendered with typographical variations as a word cloud, reacts to movements of the cursor across the image area that the viewer triggers with the mouse. The word cloud begins to appear to rotate in three-dimensional space, with the angle and speed of rotation being determined by the distance of the cursor position currently selected by the user from the center of the image. If the cursor were positioned exactly on the center point, the movement would stop. Incidentally, it also does this automatically after an extended deceleration phase when the cursor leaves the screen. (''Note: The current version reacts somewhat differently.'')
 


Ein verhältnismäßig einfaches Bei&shy;spiel ist in diesem Glossar auf der [[GIB - Glossar der Bildphilosophie:Hauptseite|Haupt&shy;seite]] gegeben und wird in Abbil&shy;dung 3 in etwas vari&shy;ierter Form aufge&shy;griffen: Die mit typo&shy;graphi&shy;schen Varian&shy;ten als Wort&shy;wolke wieder&shy;gege&shy;bene Liste der Kate&shy;gorien, nach denen das Glossar orga&shy;nisiert ist, re&shy;agiert auf Bewe&shy;gungen des Cursors über die Bild&shy;fläche, die der Betrach&shy;ter mit der Maus auslöst. Die Wort&shy;wolke beginnt, sich scheinbar im drei&shy;dimen&shy;siona&shy;len Raum zu drehen, wobei Rota&shy;tionswin&shy;kel und -geschwin&shy;digkeit in Abhän&shy;gigkeit von der jewei&shy;ligen Distanz der vom aktu&shy;ellen Benut&shy;zer gerade gewähl&shy;ten Cursor&shy;position zum Bild&shy;mittel&shy;punkt bestimmt werden. Würde der Cursor exakt auf dem Mittel&shy;punkt posi&shy;tioniert, würde die Bewe&shy;gung auf&shy;hören. Das tut sie im Übrigen auch von selbst nach einer ausge&shy;dehnten Verlang&shy;samungs&shy;phase, wenn der Cursor die Bild&shy;fläche verlässt.


{{GlossarSiehe}}
{{GlossarSiehe}}

Version vom 21. Dezember 2023, 16:40 Uhr

Sub-item to: Bildverwendungstypen

Original: Interaktives Bild


Image presentation in interactive systems

Like moving images (⊳ Film), interactive images are a very specific type of image with characteristic use conditions. An interactive road map, for example, is the pictorial output of a computer system that can be used to present a road map; in addition, the expression ‘interactive’ also promises that the map shown and its presentation can be influenced by the user in a non-trivial way, for instance by zooming, moving the section shown, enlarging or reducing the size of the labeling, omitting or adding railroad lines, rivers or sights, searching for an address and highlighting the result on the map, calculating and displaying a route, etc. Similarly, we expect an interactive anatomy atlas, like a traditional paper anatomy atlas, to contain anatomical drawings that can be shown to another person – or to oneself in the role of another person. In addition, however, the interactive version should also allow the user to manipulate the drawings in a manner that goes far beyond the capabilities of a book.

Strictly speaking, interactive images are a complexly organized set of images from which selected image sequences are automatically presented to an image user by an interactive system – usually a computer system – in such a way that the system reacts to the user's activities in real-time – i.e., without any noticeable delay. Therefore, they are digital media. The images of the set do not have to be available in advance as an image carrier (or in a syntactic notation such as jpg), but can be generated as required by means of computational visualistics. For this reason, the set on which the interactive image is based can also (theoretically) be infinitely large. Formally, the interactive image is the set of possible image sequences the interactive system under consideration can generate with the permitted user input.

The concept of interactive images is closely related to other interactive media, such as those exemplified by the so-called natural language systems of “artificial intelligence” (AI). Instead of sequences of images from a set, sequences of verbal utterances from a given set are presented depending on the current user input.[1]

Figure 1: Still image of the oscilloscope screen from «Tennis For Two»

As the existence of interactive images depends on computer systems and corresponding input and output devices, they have only appeared historically since around the mid-1950s. Oscilloscope displays that depend on user activity can be regarded as early forms. The «Tennis For Two» system developed by William Higinbotham in 1959, which used two rotary and two switching knobs for input and a simple laboratory oscilloscope as an output device, was probably one of the very first interactive images: On the circular screen of the oscilloscope, a deep horizontal “baseline” could be seen glowing on a dark background, in the middle of which a small vertical line rose up as a “net”. Above this, a luminous dot moved as a “ball”, the movement of which caused a slight tail to appear on the monitor (Fig. 1). The direction of the movement was reflected on the lines and followed a virtual gravitational force. In particular, however, it could be influenced by means of the buttons so that a game reminiscent of table tennis could be played between two users.[2]


On the concept of interactive systems

Interactivity is, thus, not simply attributed to specific images as such; rather, it is generated by the interactive technical system, with the help of which sequences are presented from a predetermined or on-demand generated set of (“normal”) images. The term ‘interactive’ is somewhat awkward, as it connotes both ‘interaction’ and ‘medial interactivity’, neither of which is actually meant.[3] In the current context, it is really only a matter of ‘technical interactivity’, which initially means that a technical device reacts to user activities at all or even in a particularly pronounced way.

In the early days of computer science, the “interaction” between humans and computers was essentially limited to first connecting a previously thoroughly prepared program – computer use was expensive, and the calculations were usually lengthy – in the form of punched cards or magnetic tapes, pressing a start button and waiting for the end of the calculation and the output of the result. Intervention during the computer run was not intended (and initially, apart from hard abort, not even possible).[4] That essentially only changed at the beginning of the 1960s, and the paradigm shifted away from such 'batch jobs', as they were called, to interactive computer systems that could respond directly to user input at any time ([Licklider 1960a]Licklider, Joseph C. R. (1960): Man-Computer Symbiosis. IRE Transactions on Human Factors in Electronics, 1, 1.
).[5]

In the case of the media-based computer systems considered here, we are dealing with a particularly pronounced form of reactivity, which is also associated with certain specific features of the communication acts carried out via it. When we talk about interactive computer systems, we are referring, in particular, to quaternary media. In that type of media, several very different communication actions are intertwined: While the user “interacts” with the device (metaphorically), they also communicate with themselves in primary media, as the output depends decisively on their input; in addition, they are in secondary media communication with the author of the system, who is of course also responsible for the content and formal aspects of the respective outputs and their dependence on user input.


Interactive images as quaternary media

Not every user dependency leads to interactivity in the sense meant here. After all, the oscilloscope of a lie detector also produces graphic results that depend on certain physiological reactions of the test person or the questions asked by the experimenter in real-time. A characteristic of interactive images in the sense of a quaternary medium lies in the ‘direct manipulation’ as it is called ([Shneiderman 1983a]Shneiderman, B. (1983): Direct Manipulation - A Step Beyond Programming Languages. IEEE Computer, 16, 8.
). This term refers to the fact that all objects (in the broad sense) referred to in a computer program, including images, for example, are, after all, merely in the form of coded descriptions. Therefore, changes to those are not really manipulations of corresponding objects, but rather manipulations of the coded descriptions of such objects, i.e., the approximate conversion of one text into another text of the same type according to a certain rule. Direct manipulation occurs when the user is largely enabled to carry out such manipulations as if the corresponding objects were actually being changed instead of the descriptions. In the case of interactive images, that means, provided that the image is actually shown to the user as an image and not as an image-coding data structure (i.e., a corresponding graphic output device must be available), the user must be able to handle these immaterial images at least approximately in the same way as they are used to with material images. Special input devices have been developed for this purpose – from mouse and light pen to virtual buttons, sliders, and data gloves. Consequently, the computer system must feed back the input to the output in very fast cycles, namely so fast that the actual processing time required to analyze the input, make corresponding changes to the coded image description, and output the resulting description as an image is no longer (or hardly) noticeable to the user. The manipulation is direct in two respects: (i) (apparently) not via the detour of informatic coding, and (ii) in its effect (almost) without delay[6].[6]

When presenting images using interactive systems, two levels of direct manipulation can be distinguished:

  • (a) Influencing the presentation parameters: The image is thus manipulated as an image. This includes, in particular, changing the size and rotation, changing the contrast, or embedding in larger layouts by means of simple hand movements by the user. The fact that an image can be “dragged” to a certain position with the mouse, enlarged by “pulling the corners”, and rotated by moving the mouse after a certain mouse click, for example, are usually basic options for image editing software.
Figure 2: Sketch of the difference between computer graphic image generation when the images are (b) generated in an interactive system or (a) not so
  • (b) Influencing the displayed image content: Depending on the image type, this involves (i) a selection from a given set according to variable content criteria, (ii) the computer-graphic generation of corresponding images from a modifiable 3D model (Fig. 2) or (iii) computer visualization from influenceable data sets.[7] Direct manipulations of 3D models, which in turn can be differentiated into three subtypes, are particularly revealing:
  • (b1) Influencing the visualization type (changing the rendering algorithm): In addition to a number of so-called photorealistic rendering algorithms, the calculation of the two-dimensional projection from the 3D model can make use of a variety of non-photorealistic algorithms so that the resulting image can appear in a wide range of stylistic variations (cf. [Sachs-Hombach & Schirra 2002a]Sachs-Hombach, Klaus & Schirra, Jörg R.J. (2002): Selecting Styles for Tele-Rendering: Toward a Rhetoric in Computational Visualistics. In: Butz, A. & Krüger, A. & Olivier, P. & Schlechtweg, S. & Zhou, M. (Hg.), Proc. 2nd International Symposium on Smart Graphics. ACM Press, Hawthorne, NY.
    ). In this way, the viewer's attention can be drawn to specific parts of the image content (or to the image character as such; ⊳ Image in reflexive use).
  • (b2) Influencing the model (transformations of depicted objects, lighting): This type of modification forms a basis for the immersion effects of cyberspace. By allowing a user to influence the objects presented in the image (almost) as if they were real objects, for instance, by using a mouse or data glove to push, pull, or turn them with a hand movement, the difference between the image of the object and its unmediated perception is at least partially eliminated (⊳ [[dezeptiver und immersiver Modus|deceptive and immersive mode]). Influencing the “ball” in «Tennis for Two», “opening” a “door” in a modern computer game, or “moving” a file on a “desktop” are typical examples of this type of manipulation.
  • (b3) Influencing the perspective (movements and parameters of the virtual “camera”); although these manipulations are at least partially equivalent in effect to the changes mentioned under (a), they do not affect the reception situation of the image, but rather its production situation. In combination with (b2), however, the decisive prerequisite for immersion in cyberspace arises: the virtual camera becomes the user's “eye”, so to speak, which the user can move “directly” through the virtual world determined by the 3D model (⊳ [[Virtualität|Virtuality), if not in the same way as their own, then at least in close analogy to their own body orientation and movement.

As with all quaternary media, the question arises as to who is actually communicating with whom and on what level using interactive images. On the one hand, there is a similarity to secondary media in that the authors of the interactive system (usually unknown to the system users and referred to as ‘the computer visualists’ in Figure 2) can be regarded as the actual senders. However, since the users of the system each also appear at least partially as both the sender and receiver of those interactions, as they want to show themselves something with the generated image (e.g., a route in the interactive road map), there is also a relationship to primary media with the possibility of direct deixis: since the selection of the updated sign act is made “autonomously” by the system in the current situation, corresponding pointing gestures and deictic utterances can occur in it, assuming that the system has access to the objects present there.[8] These interpretations are inseparably intertwined. Interactional, expressive, and propositional angles vary accordingly. In consequence, one of the main tasks in the design of such systems is to ensure the best possible fit with the user's actions and communication intentions through components such as user models. On the other hand, every user must be aware that this is communication mediated by a highly complex medium, with all the limitations and peculiarities that this entails, no matter how much it may resemble communication in a primary medium in individual cases.

.

.
Dauert ein bißchen!
Figure 3: Example of a simple interactive image (currently slightly faulty)

A simple example

A relatively simple example is in this glossary on the main page and is taken up in a slightly different form in Figure 3: The list of categories according to which the glossary is organized, reproduced with typographical variants as a word cloud, reacts to movements of the cursor across the image area, which the viewer triggers with the mouse. The word cloud begins to appear to rotate in three-dimensional space, with the rotation angle and speed being determined depending on the distance from the current user's currently selected cursor position to the center of the image. If the cursor were positioned exactly at the center point, the movement would stop. Incidentally, it also does this automatically after an extended slowdown phase when the cursor leaves the screen.

A relatively simple example is given in this glossary on the main page and is taken up in a slightly varied form in Figure 3: The list of categories by which the glossary is organized, rendered with typographical variations as a word cloud, reacts to movements of the cursor across the image area that the viewer triggers with the mouse. The word cloud begins to appear to rotate in three-dimensional space, with the angle and speed of rotation being determined by the distance of the cursor position currently selected by the user from the center of the image. If the cursor were positioned exactly on the center point, the movement would stop. Incidentally, it also does this automatically after an extended deceleration phase when the cursor leaves the screen. (Note: The current version reacts somewhat differently.)


Anmerkungen
  1. ↑ See, e.g., Wi­ki­pe­dia: Natural Language Generation.
  2. ↑ It is the forerunner of «Pong», the first commercially successful video game (Bushnell, 1971). A better insight into «Tennis For Two» than the still image is provided by a short film sequence of a reconstruction of the original game, which can be found on YouTube.
  3. ↑ ‘Interaction’ is a specific form of action with two agents (to which technical devices are not usually counted). ‘Medial interactivity’ refers to the extent to which a medium provides participation, i.e., by means of letters from the readers.
  4. ↑ The online system «Aaron» by Harold Cohen is a picture-related example of such a non-interactive way of processing: It is only ever possible to have one new image created in its entirety; the user cannot intervene in its very complex production process. (Unfortunately, the online version of «Aaron» is not available any longer.)
  5. ↑ In fact, the expression ‘human-computer interaction’ is often used in computer science as an analogy to human-human interaction. However, that is not a very viable metaphor whose limitations become all too clear when one considers how responsibility for the “interactions” is attributed in each case.
  6. ↑ In fact, the “desktop” that the graphical user interfaces of modern computers usually offer the user on the screen is also nothing more than an interactive image.
  7. ↑ For (i) see, for example, [Van Deemter 1998a]Van Deemter, K (1998): Retrieving Pictures for Document Generation. In: Hiemstra, D. & de Jong, F.M.G. & Netter, K. (Hg.), Proc. of 14th Workshop on Language Technology. University of Twente, Twente.
    ; for (ii) ⊳ computer graphics; for (iii) see also Wikipedia: Data and information visualization.
  8. ↑ This requirement applies at least to what is displayed on the computer monitor (or other output device) in a controlled manner by the system itself. Otherwise, the system must have “sensory” access to the usage situation.
Literatur
[Licklider 1960a]Licklider, Joseph C. R. (1960): Man-Computer Symbiosis. IRE Transactions on Human Factors in Electronics, 1, 1.[Sachs-Hombach & Schirra 2002a]Sachs-Hombach, Klaus & Schirra, Jörg R.J. (2002): Selecting Styles for Tele-Rendering: Toward a Rhetoric in Computational Visualistics. In: Butz, A. & Krüger, A. & Olivier, P. & Schlechtweg, S. & Zhou, M. (Hg.), Proc. 2nd International Symposium on Smart Graphics. ACM Press, Hawthorne, NY.[Shneiderman 1983a]Shneiderman, B. (1983): Direct Manipulation - A Step Beyond Programming Languages. IEEE Computer, 16, 8.[Van Deemter 1998a]Van Deemter, K (1998): Retrieving Pictures for Document Generation. In: Hiemstra, D. & de Jong, F.M.G. & Netter, K. (Hg.), Proc. of 14th Workshop on Language Technology. University of Twente, Twente.

Ausgabe 1: 2013

Verantwortlich:

Lektorat:

Seitenbearbeitungen durch: Joerg R.J. Schirra und Marcel Lemmes — (Hinweis)

Zitierhinweis:

[Schirra 2013g-n]Schirra, Jörg R.J. (2013). Interaktives Bild. (Ausg. 1). In: Schirra, J.R.J.; Halawa, M. & Liebsch, D. (Hg.), Glossar der Bildphilosophie. (2012-2026). [bildglossar.org/index.php?title=Interaktives_Bild].
Webadresse: bildglossar.org/index.php?title=Interaktives_Bild

Schirra, Jörg R.J. (2013). Interactive Images. (Ausg. 1). In: Schirra, J.R.J.; Halawa, M. & Liebsch, D. (Hg.), Glossar der Bildphilosophie. (2012-2026). [bildglossar.org/index.php?title=Glossar-English:Interactive_Images].