Fotobuch Service - Benutzeranleitung

Was ist das?

Dies ist ein Service für die Erstellung von digitalen Fotobüchern. Sie können Ihre organisierten Logbucheinträge als ZIP-Datei hochladen und erhalten automatisch ein PDF-Fotobuch zurück.

Wie organisieren Sie Ihre Daten?

Verzeichnisstruktur

Ihre ZIP-Datei muss nach einem speziellen Schema strukturiert sein. Jeder Unterordner in der ZIP-Datei entspricht einem Logbucheintrag.

Beispiel-Struktur:

MeinFotobuch.zip
├── cover/
│   ├── index.yml
│   └── foto1.jpg
├── 1/
│   ├── index.yml
│   └── foto1.jpg
├── 2/
│   ├── index.yml
│   ├── foto2.jpg
│   └── foto3.jpg
├── 3/
│   ├── index.yml
│   ├── foto4.jpg
│   ├── foto5.jpg
│   └── foto6.jpg
└── ...

Ordnernamen

Verwenden Sie Zahlen oder aussagekräftige Namen für die Ordner
Die Ordner werden automatisch sortiert
Jeder Ordner wird zu einer Doppelseite in Ihrem Fotobuch
Der Ordner mit dem Namen cover enthält Informationen zum Cover des Fotobuches, inkl. des Coverbildes

Bilddateien

Unterstützte Formate: JPG
Legen Sie alle Bilder eines Logbucheintrags in den entsprechenden Ordner
Die Bilder werden automatisch sortiert und im PDF angeordnet
Pro Seite werden maximal 5 Bilder dargestellt

Metadaten-Datei (index.yml)

Jeder Ordner muss eine Datei namens index.yml enthalten. Diese Datei beschreibt den Logbucheintrag.

Beispiel einer index.yml:

date: 2024-03-16
title: "Familienfrühstück"
textColor: "#ffffff"
backgroundColor: "#34495e"
align: top-left
text: |
  Ein gemütliches Frühstück am großen Küchentisch. Frische Brötchen, selbstgemachte Marmelade
  und viel Gelächter. Die Kinder haben einen Orangensaft-Turm gebaut, der natürlich umgekippt ist –
  aber niemand war böse. Ein Morgen voller Wärme und Nähe.

Erklärung der Felder:

date: Datum des Eintrags (Format: "YYYY-MM-DD")
title: Titel des Logbucheintrags
textColor: Textfarbe (HTML-Farbcode wie "#34495e")
backgroundColor: Hintergrundfarbe für die Seite (HTML-Farbcode wie "#34495e")
align: Ausrichtung des Texts (top-left, center oder bottom-right)
text: Beschreibungstext (kann mehrzeilig sein, verwenden Sie das | Symbol für mehrzeilige Texte)

In der index.yml im cover-Ordner gibt es folgende Felder:

title: Titel des Fotobuches
subtitle: Untertitel
textColor: Textfarbe (HTML-Farbcode wie "#34495e")
backgroundColor: Hintergrundfarbe für die Seite (HTML-Farbcode wie "#34495e")
imageShape: Form des Coverbildes (square, round oder top-round)

Layout

Die linke Seite ist immer der Text
Die rechte Seite sind immer die Bilder

Wie verwenden Sie den Service?

Webseite öffnen: Rufen Sie die Service-Webseite (https://alltagsgold-photobook.hxcode.io/) in Ihrem Browser auf
ZIP-Datei auswählen: Klicken Sie auf "Datei auswählen" und wählen Sie Ihre vorbereitete ZIP-Datei aus
Hochladen: Klicken Sie auf "Hochladen"
Warten: Der Upload und die Verarbeitung können je nach Dateigröße einige Zeit dauern
PDF erhalten: Das fertige PDF-Fotobuch öffnet sich automatisch in einem neuen Browser-Tab
Es kann sein, dass ein Popup-Blocker aktiviert wird, dieser muss deaktiviert werden und der Upload muss nochmal durchgeführt werden

Hinweise und Tipps für optimale Ergebnisse

Verwenden Sie aussagekräftige Ordnernamen (z.B. "01_Geburtstag", "02_Urlaub")
Ordner, die mit einem Unterstrich beginnen werden ignoriert
Beschränken Sie sich auf 1-5 Bilder pro Logbucheintrag
Wählen Sie passende Hintergrundfarben für bessere Lesbarkeit
Da die Logbucheinträge doppelseitig sind ist es sinnvoll die PDF-Vorschau auch auf doppelseitig zu schalten
Die index.yml kann zum Testen auch mal weggelassen werden, auf der Textseite steht dann einfach der Ordnername
Die PDF hat eine feste Größe von 21x21cm

ZIP hochladen