transformal GmbH

»(Bildnavigation)«: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied
Keine Bearbeitungszusammenfassung
K Textersetzung - „BuchNavigation“ durch „Inhaltsverzeichnis“
 
(38 dazwischenliegende Versionen derselben Benutzerin werden nicht angezeigt)
Zeile 1: Zeile 1:
[[en:{{T|(Image navigation)}}]]
<div id="preprint-magic"></div>{{BookNav|book=Inhaltsverzeichnis}}[[en:{{T|(Image navigation)}}]]
Dies ist eine Serie interaktiver Illustrationen über geteilte Selbsterzählung: Links (oder oben) eine professionelle und rechts (oder unten) eine persönliche Perspektive.  
Dies ist eine Serie interaktiver Illustrationen über gespaltene Selbsterzählung: Zuerst ein professioneller und dann ein persönlicher Blick auf den gleichen Aspekt der Erzählung.
 
==Zuhaus==
==Begrüßung==
<div class="imagestack-pair">
{{ImageStack
{{ImageStack
|background=Datei:Begrüßung Foto.png
|background=Datei:Begrüßung Foto.png
|overlay1=Datei:01_Begrüßung Firma.png
|overlay1=Datei:01 Begrüßung Firma.png
|overlay2=Datei:02 Begrüßung Firma.png
|overlay2=Datei:02 Begrüßung Firma.png
|overlay3=Datei:03 Begrüßung Firma.png
|overlay3=Datei:03 Begrüßung Firma.png
|overlay4=Datei:04 Begrüßung Firma.png
|overlay4=Datei:04 Begrüßung Firma.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
|title=Professionelle Perspektive
|title0=Professionelle Perspektive
|title1=Professionelle Perspektive: Begrüßen
|title2=Professionelle Perspektive: Begrüßen
|title3=Professionelle Perspektive: Begrüßen
|title4=Professionelle Perspektive: Begrüßen
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
{{ImageStack
{{ImageStack
|background=Datei:Begrüßung Foto.png
|background=Datei:Begrüßung Foto.png
|overlay1=Datei:01_Begrüßung Person.png
|overlay1=Datei:01 Begrüßung Person.png
|overlay2=Datei:02 Begrüßung Person.png
|overlay2=Datei:02 Begrüßung Person.png
|overlay3=Datei:03 Begrüßung Person.png
|overlay3=Datei:03 Begrüßung Person.png
|overlay4=Datei:04 Begrüßung Person.png
|overlay4=Datei:04 Begrüßung Person.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
|title=Persönliche Perspektive
|title0=Persönliche Perspektive
|title1=Persönliche Perspektive: Begrüßen
|title2=Persönliche Perspektive: Begrüßen
|title3=Persönliche Perspektive: Begrüßen
|title4=Persönliche Perspektive: Begrüßen
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
 
</div>
==Angebot==
==Angebot==
<div class="imagestack-pair">
{{ImageStack
{{ImageStack
|background=Datei:Angebot Foto.png
|background=Datei:Angebot Foto.png
|overlay1=Datei:01_Angebot Firma.png
|overlay1=Datei:01 Angebot Firma.png
|overlay2=Datei:02 Angebot Firma.png
|overlay2=Datei:02 Angebot Firma.png
|overlay3=Datei:03 Angebot Firma.png
|overlay3=Datei:03 Angebot Firma.png
|overlay4=Datei:04 Angebot Firma.png
|overlay4=Datei:04 Angebot Firma.png
|overlay4=Datei:05 Angebot Firma.png
|overlay5=Datei:05 Angebot Firma.png
|overlay4=Datei:06 Angebot Firma.png
|overlay6=Datei:06 Angebot Firma.png
|overlay4=Datei:07 Angebot Firma.png
|overlay7=Datei:07 Angebot Firma.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
|title=Professionelle Perspektive
|title0=Professionelle Perspektive
|title1=Professionelle Perspektive: Etwas zeigen
|title2=Professionelle Perspektive: Etwas zeigen
|title3=Professionelle Perspektive: Etwas zeigen
|title4=Professionelle Perspektive: Etwas zeigen
|title5=Professionelle Perspektive: Etwas zeigen
|title6=Professionelle Perspektive: Etwas zeigen
|title7=Professionelle Perspektive: Etwas zeigen
}}
}}
{{ImageStack
{{ImageStack
|background=Datei:Angebot Foto.png
|background=Datei:Angebot Foto.png
|overlay1=Datei:01_Angebot Person.png
|overlay1=Datei:01 Angebot Person.png
|overlay2=Datei:02 Angebot Person.png
|overlay2=Datei:02 Angebot Person.png
|overlay3=Datei:03 Angebot Person.png
|overlay3=Datei:03 Angebot Person.png
|overlay4=Datei:04 Angebot Person.png
|overlay4=Datei:04 Angebot Person.png
|overlay4=Datei:05 Angebot Person.png
|overlay5=Datei:05 Angebot Person.png
|overlay4=Datei:06 Angebot Person.png
|overlay6=Datei:06 Angebot Person.png
|overlay4=Datei:07 Angebot Person.png
|overlay7=Datei:07 Angebot Person.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
|title=Persönliche Perspektive
|title0=Persönliche Perspektive
|title1=Persönliche Perspektive: Etwas zeigen
|title2=Persönliche Perspektive: Etwas zeigen
|title3=Persönliche Perspektive: Etwas zeigen
|title4=Persönliche Perspektive: Etwas zeigen
|title5=Persönliche Perspektive: Etwas zeigen
|title6=Persönliche Perspektive: Etwas zeigen
|title7=Persönliche Perspektive: Etwas zeigen
}}
}}
 
</div>
==Ausbildung==
==Ausbildung==
<div class="imagestack-pair">
{{ImageStack
{{ImageStack
|background=Datei:Ausbildung Foto.png
|background=Datei:Ausbildung Foto.png
|overlay1=Datei:01_Ausbildung Firma.png
|overlay1=Datei:01 Ausbildung Firma.png
|overlay2=Datei:02 Ausbildung Firma.png
|overlay2=Datei:02 Ausbildung Firma.png
|overlay3=Datei:03 Ausbildung Firma.png
|overlay3=Datei:03 Ausbildung Firma.png
|overlay4=Datei:04 Ausbildung Firma.png
|overlay4=Datei:04 Ausbildung Firma.png
|overlay4=Datei:05 Ausbildung Firma.png
|overlay5=Datei:05 Ausbildung Firma.png
|overlay4=Datei:06 Ausbildung Firma.png
|overlay6=Datei:06 Ausbildung Firma.png
|overlay4=Datei:07 Ausbildung Firma.png
|overlay7=Datei:07 Ausbildung Firma.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
|title=Professionelle Perspektive
|title0=Professionelle Perspektive
|title1=Professionelle Perspektive: Lernen
|title2=Professionelle Perspektive: Lernen
|title3=Professionelle Perspektive: Lernen
|title4=Professionelle Perspektive: Lernen
|title5=Professionelle Perspektive: Lernen
|title6=Professionelle Perspektive: Lernen
|title7=Professionelle Perspektive: Lernen
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
{{ImageStack
{{ImageStack
|background=Datei:Ausbildung Foto.png
|background=Datei:Ausbildung Foto.png
|overlay1=Datei:01_Ausbildung Person.png
|overlay1=Datei:01 Ausbildung Person.png
|overlay2=Datei:02 Ausbildung Person.png
|overlay2=Datei:02 Ausbildung Person.png
|overlay3=Datei:03 Ausbildung Person.png
|overlay3=Datei:03 Ausbildung Person.png
|overlay4=Datei:04 Ausbildung Person.png
|overlay4=Datei:04 Ausbildung Person.png
|overlay4=Datei:05 Ausbildung Person.png
|overlay5=Datei:05 Ausbildung Person.png
|overlay4=Datei:06 Ausbildung Person.png
|overlay6=Datei:06 Ausbildung Person.png
|overlay4=Datei:07 Ausbildung Person.png
|width=2000
|width=400
|height=2000
|height=400
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
|title=Persönliche Perspektive
|title0=Persönliche Perspektive
|title1=Persönliche Perspektive: Lernen
|title2=Persönliche Perspektive: Lernen
|title3=Persönliche Perspektive: Lernen
|title4=Persönliche Perspektive: Lernen
|title5=Persönliche Perspektive: Lernen
|title6=Persönliche Perspektive: Lernen
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
 
</div>
==Standpunkt==
==Standpunkt==
<div class="imagestack-pair">
{{ImageStack
{{ImageStack
|background=Datei:Standpunkt Foto.png
|background=Datei:Standpunkt Foto.png
Zeile 105: Zeile 142:
|overlay5=Datei:05 Standpunkt Firma.png
|overlay5=Datei:05 Standpunkt Firma.png
|overlay6=Datei:06 Standpunkt Firma.png
|overlay6=Datei:06 Standpunkt Firma.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
|title=Professionelle Perspektive
|title0=Professionelle Perspektive
|title1=Professionelle Perspektive: Verteidigen
|title2=Professionelle Perspektive: Verteidigen
|title3=Professionelle Perspektive: Verteidigen
|title4=Professionelle Perspektive: Verteidigen
|title5=Professionelle Perspektive: Verteidigen
|title6=Professionelle Perspektive: Verteidigen
|title7=Professionelle Perspektive: Verteidigen
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
Zeile 120: Zeile 164:
|overlay5=Datei:05 Standpunkt Person.png
|overlay5=Datei:05 Standpunkt Person.png
|overlay6=Datei:06 Standpunkt Person.png
|overlay6=Datei:06 Standpunkt Person.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
|title=Persönliche Perspektive
|title0=Persönliche Perspektive
|title1=Persönliche Perspektive: Verteidigen
|title2=Persönliche Perspektive: Verteidigen
|title3=Persönliche Perspektive: Verteidigen
|title4=Persönliche Perspektive: Verteidigen
|title5=Persönliche Perspektive: Verteidigen
|title6=Persönliche Perspektive: Verteidigen
|title7=Persönliche Perspektive: Verteidigen
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
 
</div>
==Modelle==
==Modelle==
<div class="imagestack-pair">
{{ImageStack
{{ImageStack
|background=Datei:Modelle Foto.png
|background=Datei:Modelle Foto.png
Zeile 135: Zeile 187:
|overlay3=Datei:03 Modelle Firma.png
|overlay3=Datei:03 Modelle Firma.png
|overlay4=Datei:04 Modelle Firma.png
|overlay4=Datei:04 Modelle Firma.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
|title=Professionelle Perspektive
|title0=Professionelle Perspektive
|title1=Professionelle Perspektive: Konstruieren
|title2=Professionelle Perspektive: Konstruieren
|title3=Professionelle Perspektive: Konstruieren
|title4=Professionelle Perspektive: Konstruieren
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
Zeile 148: Zeile 204:
|overlay3=Datei:03 Modelle Person.png
|overlay3=Datei:03 Modelle Person.png
|overlay4=Datei:04 Modelle Person.png
|overlay4=Datei:04 Modelle Person.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
|title=Persönliche Perspektive
|title0=Persönliche Perspektive
|title1=Persönliche Perspektive: Wachsen
|title2=Persönliche Perspektive: Wachsen
|title3=Persönliche Perspektive: Wachsen
|title4=Persönliche Perspektive: Wachsen
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
 
</div>
==Ambitionen==
==Ambition==
<div class="imagestack-pair">
{{ImageStack
{{ImageStack
|background=Datei:Ambitionen Foto.png
|background=Datei:Ambitionen Foto.png
Zeile 163: Zeile 224:
|overlay3=Datei:03 Ambitionen Firma.png
|overlay3=Datei:03 Ambitionen Firma.png
|overlay4=Datei:04 Ambitionen Firma.png
|overlay4=Datei:04 Ambitionen Firma.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
|title=Professionelle Perspektive
|title0=Professionelle Perspektive
|title1=Professionelle Perspektive: Erobern
|title2=Professionelle Perspektive: Erobern
|title3=Professionelle Perspektive: Erobern
|title4=Professionelle Perspektive: Erobern
|ellipsis_invert=true
}}
}}
{{ImageStack
{{ImageStack
Zeile 175: Zeile 241:
|overlay3=Datei:03 Ambitionen Person.png
|overlay3=Datei:03 Ambitionen Person.png
|overlay4=Datei:04 Ambitionen Person.png
|overlay4=Datei:04 Ambitionen Person.png
|width=400
|width=2000
|height=400
|height=2000
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
|title=Persönliche Perspektive
|title0=Persönliche Perspektive
|title1=Persönliche Perspektive: Erobern
|title2=Persönliche Perspektive: Erobern
|title3=Persönliche Perspektive: Erobern
|title4=Persönliche Perspektive: Erobern
|ellipsis_invert=true
}}
}}
 
</div>
==Web- und Drucksachen==
==Arbeiten==
<div class="imagestack-pair">
{{ImageStack
{{ImageStack
|background=Datei:WebundDruck Foto.png
|background=Datei:WebundDruck Foto.png
Zeile 189: Zeile 261:
|overlay3=Datei:03 WebundDrucksachen Firma.png
|overlay3=Datei:03 WebundDrucksachen Firma.png
|overlay4=Datei:04 WebundDrucksachen Firma.png
|overlay4=Datei:04 WebundDrucksachen Firma.png
|overlay4=Datei:05 WebundDrucksachen Firma.png
|overlay5=Datei:05 WebundDrucksachen Firma.png
|overlay4=Datei:06 WebundDrucksachen Firma.png
|overlay6=Datei:06 WebundDrucksachen Firma.png
|overlay4=Datei:07 WebundDrucksachen Firma.png
|overlay7=Datei:07 WebundDrucksachen Firma.png
|width=400
|width=2000
|height=400
|height=2000
|title0=Professionelle Perspektive
|title1=Professionelle Perspektive: Etwas geben
|title2=Professionelle Perspektive: Etwas geben
|title3=Professionelle Perspektive: Etwas geben
|title4=Professionelle Perspektive: Etwas geben
|title5=Professionelle Perspektive: Etwas geben
|title6=Professionelle Perspektive: Etwas geben
|title7=Professionelle Perspektive: Etwas geben
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
|title=Professionelle Perspektive
|ellipsis_invert=true
}}
}}
{{ImageStack
{{ImageStack
Zeile 207: Zeile 287:
|overlay6=Datei:06 WebundDrucksachen Person.png
|overlay6=Datei:06 WebundDrucksachen Person.png
|overlay7=Datei:07 WebundDrucksachen Person.png
|overlay7=Datei:07 WebundDrucksachen Person.png
|width=400
|width=2000
|height=400
|height=2000
|title0=Persönliche Perspektive
|title1=Persönliche Perspektive: Etwas geben
|title2=Persönliche Perspektive: Etwas geben
|title3=Persönliche Perspektive: Etwas geben
|title4=Persönliche Perspektive: Etwas geben
|title5=Persönliche Perspektive: Etwas geben
|title6=Persönliche Perspektive: Etwas geben
|title7=Persönliche Perspektive: Etwas geben
|align=left
|align=left
|mouseimage=Datei:Bildnavigation.42px.png
|mouseimage=Datei:Bildnavigation.42px.png
|title=Persönliche Perspektive
|ellipsis_invert=true
}}
}}
 
</div>
==Aus dem Erläuterungsbericht==
==Aus dem Erläuterungsbericht==
Die gleiche Fotografie wird oben für die berufliche und persönliche Erzählung der Person verwendet.
Ihre Personalität ist eine unteilbare Qualität jeder Person. Darum wird die gleiche Fotografie für berufliche und persönliche Aspekte der Selbsterzählung verwendet. Deren Illustrationen verbinden sie mit einer mehrstufigen Textnavigation, die in der Simulation oben auf zwei Ebenen verkürzt wird.
Ihre Personalität ist eine unteilbare Qualität jeder Person.
{{TableIC}}
{| class="mw-collapsible mw-collapsed wikitable"  
{| class="mw-collapsible mw-collapsed wikitable"  
! colspan="2" | [[transformal GmbH:Konventionen#Archivdaten|Archivdaten]] &nbsp;
! colspan="2" | [[transformal GmbH:Konventionen#Archivdaten|Archivdaten]] &nbsp;
|-
| A '''Beschreibung'''  || (Bildnavigation)<br>Illustration: Steph Mazzagg<br>Fotografie: Olaf Langmack<br>39 Illustrationen zu 7 Fotografien
|- {{T-HLVT}} |
|- {{T-HLVT}} |
| C '''Herstellung''' || Konzept zur Navigation dieser Site: Sommer 2018<br>Illustration: Februar bis April 2019<br>Fotografie: Herbst 2018 
| A '''Beschreibung'''  || Bildnavigation für öffentliche Selbsterzählung<br>39 Illustrationen: Steph Mazagg<br>7 Fotografien: Olaf Langmack
|- {{T-HLVT}} |
| C '''Herstellung''' || Konzept für [[Olaf Langmack#Ausgabe7|semantische Navigation]]: Sommer 2018<br>Fotografie: Herbst 2018<br>Illustration: Februar bis Mai 2019
|-
|-
| D '''Eingang''' || veröffentlicht im Juli 2025
| D '''Eingang''' || veröffentlicht im Juli 2025
|-
|-
| G '''Reifegrad''' || Fertige Arbeit
| G '''Reifegrad''' || Fertige Arbeit
|-
|- {{T-HLVT}} |
| H&nbsp;'''Zugehörigkeit''' || [[Olaf Langmack#Ausgabe7|7. Ausgabe]]
| H&nbsp;'''Zugehörigkeit''' || [[Olaf Langmack#Ausgabe7|7. Ausgabe]] dieser Site und<br>[[{{T|Bildstapel}}|Simulation der Anwendung]]
|}
|}
{{TableIC/End}}
[[Kategorie:Beschreibung]]
[[Kategorie:Beschreibung]]
[[Kategorie:Fertige Arbeit]]
[[Kategorie:Fertige Arbeit]]
[[Kategorie:Konzept]]
[[Kategorie:Konzept]]
[[Kategorie:Interaktive Visualisierung]]
[[Kategorie:Interaktive Visualisierung]]
Abgerufen von „https://de.transformal.com/wiki/»(Bildnavigation)«“