# Fotos

# Leistungsbeschreibung Fotos

# Übersichtsseite

<table border="1" id="bkmrk-titel-verf%C3%BCgbar-widg" style="border-collapse: collapse; width: 100%; height: 143.391px;"><colgroup><col style="width: 26.2217%;"></col><col style="width: 12.0532%;"></col><col style="width: 61.8443%;"></col></colgroup><thead><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Titel</td><td style="height: 29.7969px;">Widget</td><td style="height: 29.7969px;">Widget-Beschreibung</td></tr></thead><tbody><tr style="height: 113.594px;"><td style="height: 113.594px;">Fotos</td><td style="height: 113.594px;"><div drawio-diagram="1916"><img src="https://wiki.dedesales.de/uploads/images/drawio/2025-08/d6ubdohxh8bq1uV1-drawing-9-1754295011.png" alt=""/></div>

</td><td style="height: 113.594px;">1. Anzahl der Fotos

Klick:

\- öffnet die Übersichtsseite

Verfügbar:

\- Startseiten-Dashboard

Recht:

\- Grundkonfiguration - Rollen - &lt;Rolle&gt; - Basis - Bilder

</td></tr><tr><td>Fotos</td><td><div drawio-diagram="1919"><img src="https://wiki.dedesales.de/uploads/images/drawio/2025-08/9gPnpGQVNbD7sSdN-drawing-9-1754296906.png" alt=""/></div>

</td><td>1. Anzahl der Fotos

Klick:

\- öffnet die Übersichtsseite

Verfügbar:

\- Kundendetails

Recht:

\- Grundkonfiguration - Rollen - &lt;Rolle&gt; - Basis - Fotodokumentation

</td></tr></tbody></table>

### Allgemein

#### Funktionen in der Titelleiste

<table border="1" id="bkmrk-icon-erl%C3%A4uterung-erm" style="border-collapse: collapse; width: 100%;"><colgroup><col style="width: 7.20245%;"></col><col style="width: 92.9167%;"></col></colgroup><thead><tr><td>Icon</td><td>Erläuterung</td></tr></thead><tbody><tr><td>[![image.png](https://wiki.dedesales.de/uploads/images/gallery/2025-08/scaled-1680-/0QoXlo3GGnt6M3VC-image.png)](https://wiki.dedesales.de/uploads/images/gallery/2025-08/0QoXlo3GGnt6M3VC-image.png)

</td><td>Anzeige der aufgenommen Fotos in der Präsentationsansicht

</td></tr><tr><td>+

</td><td>Ermöglicht das Hinzufügen von neuen Fotos (nur verfügbar wenn man aus der Kundenseite kommt)

</td></tr></tbody></table>


#### Grid

<table border="1" id="bkmrk-click-swipe-ansichte" style="border-collapse: collapse; width: 100%; height: 99.8281px;"><colgroup><col style="width: 33.3731%;"></col><col style="width: 33.3731%;"></col><col style="width: 33.3731%;"></col></colgroup><thead><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Click</td><td style="height: 29.7969px;">Swipe</td><td style="height: 29.7969px;">Ansichten</td></tr></thead><tbody><tr style="height: 70.0312px;"><td style="height: 70.0312px;">Eintrag bearbeiten</td><td style="height: 70.0312px;">1. Löschen

</td><td style="height: 70.0312px;">1. Tabelle

</td></tr></tbody></table>


##### Spaltendefinition

<table border="1" id="bkmrk-bezeichnung-sichtbar" style="border-collapse: collapse; width: 100%; height: 873.406px;"><colgroup><col style="width: 16.5075%;"></col><col style="width: 83.4925%;"></col></colgroup><thead><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Bezeichnung</td><td style="height: 29.7969px;">Sichtbar</td></tr></thead><tbody><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Bild</td><td style="height: 29.7969px;">  
</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Aufnahme</td><td style="height: 29.7969px;">  
</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Ersteller</td><td style="height: 29.7969px;">  
</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Abteilung</td><td style="height: 29.7969px;">Codeliste: Abteilung</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Kampagne</td><td style="height: 29.7969px;">Wenn es eine gültige Kampagne gibt</td></tr><tr style="height: 86.8281px;"><td style="height: 86.8281px;">Bildnotiz1</td><td style="height: 86.8281px;">DropDown

1. Grundkonfiguartion - Sprache - &lt;Sprache&gt; - Bildnotiz1 übersetzen
2. Grundkonfiguration - Codeliste: Bildnotiz1-Übersetzung aus 1

</td></tr><tr style="height: 86.8281px;"><td style="height: 86.8281px;">Bildnotiz2</td><td style="height: 86.8281px;">DropDown

1. Grundkonfiguartion - Sprache - &lt;Sprache&gt; - Bildnotiz2 übersetzen
2. Grundkonfiguration - Codeliste: Bildnotiz2-Übersetzung aus 1

</td></tr><tr style="height: 86.8281px;"><td style="height: 86.8281px;">Bildnotiz3</td><td style="height: 86.8281px;">DropDown

1. Grundkonfiguartion - Sprache - &lt;Sprache&gt; - Bildnotiz3 übersetzen
2. Grundkonfiguration - Codeliste: Bildnotiz3-Übersetzung aus 1

</td></tr><tr style="height: 86.8281px;"><td style="height: 86.8281px;">Bildnotiz4</td><td style="height: 86.8281px;">DropDown

1. Grundkonfiguartion - Sprache - &lt;Sprache&gt; - Bildnotiz4 übersetzen
2. Grundkonfiguration - Codeliste: Bildnotiz4-Übersetzung aus 1

</td></tr><tr style="height: 86.8281px;"><td style="height: 86.8281px;">Bildcheck1</td><td style="height: 86.8281px;">DropDown

1. Grundkonfiguartion - Sprache - &lt;Sprache&gt; - Bildcheck1 übersetzen
2. Grundkonfiguration - Codeliste: Bildcheck1-Übersetzung aus 1

</td></tr><tr style="height: 86.8281px;"><td style="height: 86.8281px;">Bildcheck2</td><td style="height: 86.8281px;">DropDown

1. Grundkonfiguartion - Sprache - &lt;Sprache&gt; - Bildcheck2 übersetzen
2. Grundkonfiguration - Codeliste: Bildcheck2-Übersetzung aus 1

</td></tr><tr style="height: 86.8281px;"><td style="height: 86.8281px;">Bildcheck3</td><td style="height: 86.8281px;">DropDown

1. Grundkonfiguartion - Sprache - &lt;Sprache&gt; - Bildcheck3 übersetzen
2. Grundkonfiguration - Codeliste: Bildcheck3-Übersetzung aus 1

</td></tr><tr style="height: 86.8281px;"><td style="height: 86.8281px;">Bildcheck4</td><td style="height: 86.8281px;">DropDown

1. Grundkonfiguartion - Sprache - &lt;Sprache&gt; - Bildcheck4 übersetzen
2. Grundkonfiguration - Codeliste: Bildcheck4-Übersetzung aus 1

</td></tr></tbody></table>

Kundenspalten (Nur vorhanden, wenn man über Start-Dashboard kommt.)

{{@238#bkmrk-bezeichnung-sichtbar}}

<details id="bkmrk-faq-wie-steuere-ich-"><summary>FAQ</summary>

**Kann ich die Bilder aus der Fotodokumentation automatisch verkleinern?**

\- Ja, für den Client können die Bilder über Grundkonfiguration - Einstellungen - "Bilder aus Fotodokumentation automatisch reduzieren" auf eine geringere Größe eingestellt werden.

</details><details id="bkmrk-release-ab-version-1"><summary>Release</summary>

</details>

# Fotodetailseite

#### Funktionen in der Titelleiste

<table border="1" id="bkmrk-icon-erl%C3%A4uterung-erm" style="width: 82.619%; height: 176.547px;"><colgroup><col style="width: 8.78963%;"></col><col style="width: 91.0663%;"></col></colgroup><thead><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Icon</td><td style="height: 29.7969px;">Erläuterung</td></tr></thead><tbody><tr style="height: 71.3906px;"><td style="height: 71.3906px;">[![image.png](https://wiki.dedesales.de/uploads/images/gallery/2025-08/scaled-1680-/EiL0LpNC64rEhING-image.png)](https://wiki.dedesales.de/uploads/images/gallery/2025-08/EiL0LpNC64rEhING-image.png)

</td><td style="height: 71.3906px;">Teilen

</td></tr><tr style="height: 75.3594px;"><td style="height: 75.3594px;">[![image.png](https://wiki.dedesales.de/uploads/images/gallery/2025-08/scaled-1680-/2N7c80IRTAL02UPA-image.png)](https://wiki.dedesales.de/uploads/images/gallery/2025-08/2N7c80IRTAL02UPA-image.png)

</td><td style="height: 75.3594px;">Speichern im lokalen Dateisystem</td></tr></tbody></table>

#### Header

<div drawio-diagram="1918"><img src="https://wiki.dedesales.de/uploads/images/drawio/2025-08/KWWibFCdaXxTBoUQ-drawing-9-1754295576.png" alt=""/></div>

1. Wechselt in den Bearbeitungsmodus

#### Foto

<div id="bkmrk-1.-darstellung-%28init">1. Darstellung (Initial)</div><div id="bkmrk-a.-das-bild-wird-im-" style="padding-left: 40px;">a. Das Bild wird im richtigen Seitenverhältnis auf der schwarzen Fläche dargestellt</div><div id="bkmrk-b.-das-bild-wird-zen" style="padding-left: 40px;">b. Das Bild wird zentriert dargestellt.</div><div id="bkmrk-" style="padding-left: 40px;"></div><div id="bkmrk-2.-vollbild">2. Vollbild</div><div id="bkmrk-a.-klick-stellt-das-" style="padding-left: 40px;">a. Klick stellt das Bild im Vollbildmodus dar</div><div id="bkmrk-b.-alle-steuerelemen" style="padding-left: 40px;">b. Alle Steuerelemente werden ausgeblendet</div><div id="bkmrk-c.-klick-stellt-das-" style="padding-left: 40px;">c. Klick stellt das Bild wieder auf die Inital-Darstellung aus 1 zurück</div><div id="bkmrk-d.-zoom-reset-erfolg" style="padding-left: 40px;">d. Zoom-Reset erfolgt per Doppelklick (Scale to fit / Scale to zoom) oder Pinch to zoom (Zwei-Finger Geste)  
</div><div id="bkmrk--1"></div>#### Daten

<div id="bkmrk--2"></div><div id="bkmrk-a.-zeigt-die-metadat">a. Zeigt die Metadaten zu diesem Bild.</div><div id="bkmrk-b.-die-panelbar-ist-">b. Die PanelBar ist nur sichtbar, wenn das Bearbeiten von mindestens einem Eintrag möglich ist.</div>{{@349#bkmrk-bezeichnung-sichtbar}}

# Präsentationsmodus Fotos

{{DDN-01@350#bkmrk-titel-icons}}

{{DDN-01@350#bkmrk-header}}

{{DDN-01@350#bkmrk-%C2%A0}}

3\. Daten werden im Präsentationsmodus nicht angezeigt.

##### 4. Thumbs

 a. Die Liste ist horizontal scrollbar  
 b. Die Fotos sind quadratisch und werden ausgeschnitten angezeigt. D.h. es werden je nach Quellformat nur Teile gezeigt.  
 c. Das aktuelle Bild wird in der Mitte positioniert.  
 d. Dadurch werden rechts und links möglicherweise nur noch halbe Bilder gezeigt.  
 e. Wenn man am Anfang bzw. Ende der Liste steht, wird links oder rechts vom mittigen Bild nichts mehr angezeigt.

# Bearbeiten / Hinzufügen eines Eintrags

#### 1. Panel Foto

<table border="1" id="bkmrk-icon-erl%C3%A4uterung-%C3%96ff" style="border-collapse: collapse; width: 100%; height: 158.578px;"><colgroup><col style="width: 10.8929%;"></col><col style="width: 89.2263%;"></col></colgroup><tbody><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Icon</td><td style="height: 29.7969px;">Erläuterung</td></tr><tr style="height: 70.3906px;"><td style="height: 70.3906px;">[![image.png](https://wiki.dedesales.de/uploads/images/gallery/2025-08/scaled-1680-/3ymlKivVvXCNxrGc-image.png)](https://wiki.dedesales.de/uploads/images/gallery/2025-08/3ymlKivVvXCNxrGc-image.png)

</td><td style="height: 70.3906px;">Öffnet den Dateiexplorer um ein lokales Bild in DeDeSales zu laden</td></tr><tr style="height: 58.3906px;"><td style="height: 58.3906px;">[![image.png](https://wiki.dedesales.de/uploads/images/gallery/2025-08/scaled-1680-/6cjtGJRuCiw9IwOH-image.png)](https://wiki.dedesales.de/uploads/images/gallery/2025-08/6cjtGJRuCiw9IwOH-image.png)

</td><td style="height: 58.3906px;">Öffnet die lokale Kamera des jeweiligen Geräts</td></tr></tbody></table>

#### 2. Panel Daten

Die PanelBar Daten ist nur sichtbar, wenn das Bearbeiten von mindestens einem Eintrag möglich ist (Abteilung, Kampagne, Bildnotiz1-4, Bildcheck1-4)

#### 3. Aktionsbutton

<table border="1" id="bkmrk-name-funktion-sichtb" style="width: 100%;"><thead><tr><td style="width: 14.4219%;">Name</td><td style="width: 33.4761%;">Funktion</td><td style="width: 52.102%;">Sichtbarkeit</td></tr></thead><tbody><tr><td style="width: 14.4219%;">Speichern</td><td style="width: 33.4761%;">Speichert die aktuell hinterlegten Daten</td><td style="width: 52.102%;">Immer

</td></tr></tbody></table>

# Auswertung Fotodokumentation

# Fotos der Clients im Backend auswerten

Auswertung - Statistik - Fotodokumentation

[![image.png](https://wiki.dedesales.de/uploads/images/gallery/2025-11/scaled-1680-/D3RtJlunAhjCC1qI-image.png)](https://wiki.dedesales.de/uploads/images/gallery/2025-11/D3RtJlunAhjCC1qI-image.png)