Stand: Mai 2026
Was ist bmFlipBOOK?
bmFlipBOOK ist eine browserbasierte Anwendung für Bauprojekte. Sie legen einen Lageplan als PDF zugrunde und ergänzen ihn mit Zeichnungen, Texten, Symbolen und Terminen — wochenweise über die gesamte Bauzeit. Plan, Overlays und Zeitachse bleiben in einem Projekt gebündelt.
Die Anwendung eignet sich für Bauleitung, Planer, Abstimmungen mit Gewerken und Präsentationen im Meeting — ohne CAD, direkt im Browser.
Zugang und Lizenzen
Vor der Nutzung melden Sie sich auf der Zugangsseite an. Dort können Sie eine Testversion starten oder einen Zugangscode einlösen. Testversion: Sie können die App ausprobieren. Speichern, Export und Druck sind eingeschränkt. Ein Hinweis erscheint in der Kopfzeile. Vollversion: JSON speichern, PDF exportieren, Drucken, CSV-Exporte und Balkenplan stehen zur Verfügung. Projekte bleiben lokal auf Ihrem Rechner.
Netzwerk-Version: Zusätzlich Online stellen, synchronisieren, Links teilen und gemeinsam bearbeiten. Projektdaten liegen auf Ihrem Server.Ohne gültige Session werden Sie von der App zur Zugangsseite zurückgeleitet. Abmelden über den Link „Abmelden“ in der Kopfzeile.
Kurzanleitung in fünf Schritten
1. Zugang: Test starten oder Code auf der Zugangsseite einlösen.
2. PDF laden: Mit NEU ein neues Projekt starten oder mit Projekt laden eine gespeicherte JSON-Datei öffnen. Nur einseitige PDFs sind als Lageplan erlaubt.
3. Planen: Bauwoche wählen, zeichnen, Ebenen nutzen, Beschriftungen pflegen.
4. Speichern: Lokal als JSON (und PDF im gleichen Ordner) oder bei Netzwerk über SYNC bzw. automatisches Speichern.
5. Teilen: Bei Online-Projekten Link kopieren; Betrachter oder Editoren öffnen den Link im Browser — ohne Installation.
Die Oberfläche
Kopfzeile
Links: Projekt laden, JSON speichern, PDF ersetzen, NEU (neues Projekt), Woche (PDF der aktuellen Kalenderwoche), DIV (Drucken), CSV (Terminliste), Balkenplan (PDF), CSV (MS Project). Bei Netzwerk-Lizenz zusätzlich: Online stellen, SYNC, Teilen, Owner werden, Layer-Verwaltung. Rechts: Abmelden, Info-Button (technische Projektinfos), Tutorial-Link zu dieser Seite.
Linke Sidebar
Die Bereiche Tools, Element, ABC-Liste, Bulk Edit, Style, Layer und Hinweise lassen sich ein- und ausklappen. Am 6-Punkt-Griff können Sie sie verschieben. Mit den Pfeiltasten → und ← docken Sie die Sidebar rechts oder links an — für mehr Platz auf dem Plan. Reihenfolge, Seite und Aufklapp-Zustand werden in der Projekt-JSON gespeichert.
Planfenster
Oben rechts im Plan: LP (Lageplan) und BZP (Bauzeitplan) umschalten, Zoom − / +, Einpassen. Unten links: aktuelle Bauwoche und Kalenderwoche. Unten rechts: aktive Ebene (Farbe und Name).
Terminplan
Der Slider unten steuert die sichtbare Bauwoche (Daumenkino). Mit + und − ändern Sie die Anzahl der Bauwochen. Links können Vorlauf-Wochen hinzugefügt oder entfernt werden. Der Bereich lässt sich einklappen; ein kleiner Button am Planrand blendet ihn wieder ein.
Projekt anlegen, laden und speichern
Neues Projekt (NEU)
Startet ein leeres Projekt mit einer PDF-Datei als Grundlage. Es muss genau eine Seite sein. Mehrseitige PDFs werden abgelehnt. Wenn bereits Inhalte vorhanden sind, erscheint eine Sicherheitsabfrage.
Projekt laden
Beim Klick auf „Projekt laden“ wählen Sie die Quelle:
Vom Computer — Sie wählen eine Projekt-JSON. Die passende PDF (Dateiname steht in der JSON als pdfFileName) wird automatisch im gleichen Ordner bzw. zuletzt genutzten Projektordner gesucht. Fehlt die PDF dort, erscheint ein Dateidialog.
Online-Projekt — Projekte, die Sie in diesem Browser online gestellt haben (bei Master-Zugang: alle Projekte auf dem Server). Teilnehmer erreichen ein Projekt über den geteilten Link mit ?sync=… in der Adresszeile.
Demo-Projekt — Beispielprojekt zum Ausprobieren, sofern auf dem Server konfiguriert.
JSON speichern
Speichert das komplette Projekt: alle Elemente, Ebenen, Bauwochen, Startdatum, Sidebar-Layout, Referenzpunkte usw. In Chrome und Edge öffnet sich ein Speicherdialog; andere Browser laden die Datei herunter.
Beim Speichern wird die PDF automatisch mit in denselben Ordner geschrieben, wenn der Browser Schreibrechte auf den Projektordner hat. Tastenkürzel: Strg+S (bzw. Cmd+S am Mac).
Ein Projektordner sollte enthalten: Projekt-JSON, Lageplan-PDF, ggf. Symbol-Bilder (JPG/PNG) und optional einen Unterordner symbols/.
PDF ersetzen
Tauscht nur den Hintergrund-Lageplan. Overlays, Ebenen und Bauwochen bleiben erhalten. Der Dateiname in der JSON wird aktualisiert. Wenn Referenzpunkte gesetzt sind, erscheint nach dem Tausch ein Assistent: dieselben drei Stellen auf dem neuen Plan anklicken — die Zeichnungen bleiben ausgerichtet.
Der Lageplan (PDF)
Der PDF-Hintergrund ist statisch und zeigt immer Seite 1. Die Bauwochen steuern nicht die PDF-Seite, sondern welche Overlays sichtbar sind.
Zoom: Mausrad über dem Plan (auch Strg + Mausrad Buttons −, + und Einpassen oben im Planfenster.
Schwenken: Leertaste gedrückt halten und ziehen, mittlere Maustaste und ziehen oder Werkzeug Hand (Plan schwenken) wählen.
Beim ersten Laden passt sich der Plan automatisch an das Fenster an.
Referenzpunkte (Georeferenzierung)
Im Panel „Bulk Edit“: Referenzpunkte setzen (3) – drei feste Planstellen anklicken (z. B. Gebäudeecken). Gespeichert in der JSON. Nach PDF ersetzen: Plan neu ausrichten – dieselben Stellen auf dem neuen Plan markieren. Referenzpunkte löschen entfernt die gespeicherte Ausrichtung.
Bauwochen und Terminplan
Startdatum und Anzahl
Im Panel „Bulk Edit“: Startdatum (Woche 1) legt fest, welche Kalenderwochen und Datumsangaben angezeigt werden. Die Bauwochen-Nummern der Elemente (1, 2, 3 …) bleiben davon unberührt.
Die Anzahl der Bauwochen (standardmäßig 52) ändern Sie am Terminplan mit + und − oder im Bulk-Edit-Panel.
Vorlauf-Wochen links vom Terminplan: zusätzliche Wochen vor Bauwoche 1, z. B. für Vorbereitung. Betroffene Balken werden beim Entfernen links gekürzt.
Bauwoche wählen
Den Slider im Terminplan verschieben oder auf eine Woche klicken. Nur Elemente, deren Gültigkeit (weekStart bis weekEnd) die aktuelle Woche einschließt, erscheinen auf dem Plan.
Shift und Ziehen im Terminplan: Bereich mehrerer Wochen markieren (Voreinstellung für Druck oder Ansicht).
Escape hebt eine gesetzte Wochen-Voreinstellung auf.
Neue Zeichnungen
Neu gezeichnete Elemente gelten zunächst nur für die aktuelle Bauwoche. Mehrwochen-Gültigkeit stellen Sie im Elementterminplan ein (siehe unten).
Bulk-Aktionen (Bulk Edit)
Alle dieser Woche → nächste Woche: Kopiert alle Elemente der aktuellen Woche in die Folgewoche.
Alle dieser Woche fixieren: Setzt für alle Elemente dieser Woche Termine fixiert und Position fixiert.
Zeichenwerkzeuge
Alle Werkzeuge finden Sie im Panel Tools.
Auswählen (Pfeil): Elemente anklicken, verschieben, an Griffen skalieren. Shift+Klick für Mehrfachauswahl. Pfeiltasten verschieben das Element; mit Shift größere Schritte.
Rechteck, Quadrat, Kreis: Aufziehen auf dem Plan. Quadrat und Kreis halten das Seitenverhältnis.
Linie: Start- und Endpunkt setzen.
Polylinie: Klick setzt Ecken; Enter oder Doppelklick beendet (mindestens 2 Punkte). Offene, verbundene Strecken.
Freihand: Gezeichnete Linie beim Ziehen.
Polygon: Klick setzt Ecken; Klick auf den ersten Punkt schließt; Enter beendet. Eckpunkte nachträglich ziehen; Entf löscht einen ausgewählten Punkt. Punkt auf Kante setzen / Ausgewählten Punkt entfernen im Element-Panel.
Text (T): Bereich aufziehen; Text mit Doppelklick oder F2 auf dem Feld bearbeiten. Format im Panel Style. Das Feld Information / Beschriftung im Tools-Panel erscheint zusätzlich im Elementterminplan und in Exporten — nicht auf dem Plan sichtbar, wenn leer.
Symbol / Bild: JPG oder PNG wählen, dann ein Klick auf den Plan platziert das Bild. Beim Laden muss die Datei im Projektordner liegen (gleicher Dateiname wie in der JSON). Fehlt sie: roter Platzhalter, Bild nachladen im Element-Panel.
Hand: Plan schwenken ohne Leertaste.
Elemente bearbeiten
Panel Element
Zeigt Typ, Beschriftung und sichtbare Bauwochen. Link zum Elementterminplan bei Mehrwochen-Elementen.
In nächste Woche kopieren: Legt ein neues Element mit gleicher Geometrie nur in der Folgewoche an.
Info-Modus (Hover): Ein — Infotexte beim Überfahren; Aus — normales Arbeiten ohne Tooltips.
Fixierung
Termine fixiert: Start- und Endwoche im Terminplan und Bauzeitplan nicht mehr verschiebbar (erst abwählen zum Bearbeiten).
Position fixiert: Element auf dem Lageplan nicht verschiebbar. Beide Optionen sind unabhängig voneinander.
Reihenfolge (Stapeln)
Bei Auswahl eines Elements: ganz nach hinten, eine Stufe nach hinten, eine Stufe nach vorne, ganz nach vorne. Fixierte Elemente: Reihenfolge-Buttons deaktiviert.
Elementterminplan
Erscheint unter dem Terminplan, wenn ein Element ausgewählt ist. Gleiche Spurbreite wie der Haupt-Terminplan.
Linker Griff: weekStart (Anfang). Rechter Griff: weekEnd (Ende). Mitte ziehen: gesamten Bereich verschieben, Dauer bleibt gleich.
Element löschen (Entf): entfernt das Element vollständig, nicht nur eine Woche.
ABC-Liste
Alle grafischen Elemente alphabetisch nach Beschreibung (max. 15 Zeichen in der Liste; ohne Text: „unbekannt“). Klick springt zur Startwoche des Elements und öffnet die Eigenschaften.
Ebenen (Layer)
Im Panel Layer: Ebenen anlegen (+ Ebene), umbenennen, Farbe, Sichtbarkeit umschalten, aktive Ebene wählen. Neue Zeichnungen landen auf der aktiven Ebene. Ebene löschen entfernt die Ebene (nur wenn leer bzw. nach Bestätigung).
Die Kommentare-Ebene existiert bei Online-Projekten für Betrachter-Rückmeldungen (siehe Online-Zusammenarbeit).
Style und Stil-Familien
Im Panel Style für Formen: Umriss, Füllung, Deckkraft, Linienstärke, Linienart (durchgehend, gestrichelt, gepunktet), Linienmuster-Skala (projektweit), Keine Füllung.
Für Text: Textfarbe, Schriftgröße, Fett/Kursiv/Unterstrichen, Ausrichtung, Hintergrundfarbe, Ohne Hintergrund.
Stil-Familie bilden: Mindestens zwei Formen auswählen (z. B. Shift+Klick). Umriss, Füllung und Linienstärke werden gemeinsam geändert; Position, Termine und Ebene bleiben getrennt. Aus Stil-Familie lösen trennt ein Element wieder ab.
Bauzeitplan (BZP)
Button BZP neben LP schaltet von Lageplan auf Bauzeitplan um — Gantt-Darstellung aller Elemente über die Bauwochen.
Balken in der Mitte verschieben: Termin verschieben. Linke oder rechte Kante ziehen: Verkürzen oder Verlängern. Terminfixierte Balken sind sichtbar, zum Bearbeiten Fixierung aufheben.
Schwebender Button Sort: Ebenen / Sort: Startwoche toggelt die Sortierung der Zeilen (nach Ebene oder nach Startdatum).
Klick auf einen Balken wählt das Element und springt zur passenden Woche im Lageplan.
Exporte und Druck
JSON
Projektdatei für späteres Weiterarbeiten (siehe Projekt speichern).
Woche (PDF der aktuellen Kalenderwoche)
Exportiert Plan inkl. sichtbarer Overlays für die aktuelle Bauwoche. Wahl: aktueller Bildausschnitt oder gesamte Seite. Dateiname enthält Kalenderwoche (z. B. …-KW12.pdf).
DIV (Drucken)
Dialog: Bauwochen als Bereich oder einzeln wählen. Danach einmal den Planbereich im Fenster markieren — für jede gewählte Woche eine Druckseite mit gleichem Ausschnitt und KW-Stempel. Im Browser „Als PDF speichern“ wählen.
CSV (Terminliste)
Alle Vorgänge chronologisch; Spalten u. a. Nr, Bezeichnung, Anfangs- und Enddatum, Dauer in Wochen, Bauwoche Start/Ende, Kalenderwoche, Ebene. Semikolon-getrennt, UTF-8 mit BOM für Excel.
Balkenplan (PDF)
Bauzeitplan als PDF-Datei, sortiert nach Startdatum.
CSV (MS Project)
Bauzeitplan als CSV für Import in MS Project (Spalten u. a. Aufgabenname, Anfang, Ende, Dauer, Bauwochen, Ebene).
Online-Zusammenarbeit (Netzwerk-Lizenz)
Projekt online stellen
Lädt JSON und PDF auf den Server. Sie legen ein Owner-Passwort fest. Die Adresszeile enthält danach ?sync=… — diesen Link bookmarken.
SYNC und Auto-Save
SYNC speichert manuell. Zusätzlich speichert die App bei Aktivität automatisch (ca. alle 10 Sekunden aktiv, seltener bei Ruhe). In der Kopfzeile erscheint der Online-Status mit Rolle, Versionsnummer und Anzahl verbundener Nutzer.
Teilen
Dialog Projekt teilen: Ihr Name für die Online-Liste, Editor-Einladungen (Name + Link), Betrachter-Link kopieren. Editoren erhalten einen eigenen Link; Betrachter sehen den Plan, können kommentieren und exportieren, ändern aber nicht den Hauptplan.
Fremde Änderungen
Alle 15 Sekunden prüft die App, ob eine neuere Version auf dem Server liegt. Bei Änderung durch andere erscheint die Frage, ob neu geladen werden soll.
Projekt wiederfinden
Projekt laden → Online-Projekt: Liste der Projekte dieser Browser-Sitzung. Ohne gespeicherten Link hilft der Token in ?sync=…
Owner werden
Wenn Sie als Editor arbeiten und Owner-Rechte brauchen: Owner-Passwort eingeben.
Rollen bei Online-Projekten
Owner: Volle Kontrolle – bearbeiten, speichern, teilen, Editoren einladen, PDF tauschen, Layer-Verwaltung.
Editor: Plan bearbeiten und synchronisieren. Bei Layer-Verwaltung ggf. 4-stelligen Layerschlüssel eingeben (Enter), um nur zugewiesene Ebenen zu bearbeiten.
Betrachter (Viewer): Plan ansehen, Timeline nutzen, drucken und exportieren. Zeichnen nur auf der Kommentare-Ebene. Kein NEU, kein PDF-Tausch, kein Bulk Edit am Hauptplan.
Layer-Verwaltung (Online, Owner)
Button-Layer-Verwaltung: Ebenen, Teams und 4-stellige Codes zuweisen. Editoren sehen nur Ebenen ihres Codes. Kommentarlayer bleibt für Betrachter zugänglich. Einstellungen werden mit dem Projekt synchronisiert.
Kommentare-Ebene
Für Betrachter: eigene Markierungen und Hinweise auf dem Plan, getrennt vom Projektinhalt. Kommentare werden mit dem Projekt synchronisiert. Owner und Editoren sehen diese Ebene ebenfalls.
Rückgängig
Strg+Z: letzte Positionsänderung (Verschieben, Skalieren, Pfeiltasten) — bis zu 20 Schritte.
Strg+Alt+Z: letzte Terminänderung – bis zu 20 Schritte.
Beim Projekt laden wird der Verlauf geleert.
Tastatur und Escape
Strg+S: JSON speichern (wenn freigeschaltet).
F2: Text auf dem Plan bearbeiten (bei Textelement).
Enter: Polygon oder Polylinie abschließen.
Entf / Backspace: Element löschen; bei Polygon/Polylinie mit ausgewähltem Punkt: Punkt löschen.
Escape: Georeferenz abbrechen, Polygon/Polylinie-Zeichnung abbrechen, Polygon-Punkt-Modus beenden, Mehrfachauswahl (pinned) aufheben. Doppel-Escape kurz hintereinander: zurück zum Auswahlwerkzeug.
Technische Infos
Info-Button (i) in der Kopfzeile: geschätzter Speicherverbrauch (PDF, Canvas, JavaScript), Bauwochen-Anzahl, Sync-Status — vor allem für Diagnose in der Testphase.
Hinweise und Grenzen
Nur einseitige PDFs als Lageplan. Overlays liegen ausschließlich in der JSON, nicht in der PDF-Datei selbst.
Symbole: JPG/PNG manuell im Projektordner ablegen; die App kopiert Bilder beim JSON-Speichern nicht mit (nur Dateiname in der JSON).
PDF ersetzen überschreibt die PDF-Datei; Overlay-Daten in der JSON bleiben. Ohne Referenzpunkte kann die Ausrichtung auf einem neuen Plan abweichen.
Online-Projekte: Daten auf Ihrem WordPress-Server; regelmäßige Sicherung von Datenbank und uploads/bmflipbook-sync/ empfohlen.
Im Panel Hinweise in der App finden Sie Kurzstichworte zu den wichtigsten Themen — ergänzend zu diesem Tutorial.
Support
Weitere Informationen auf der Seite „Das ist FlipBOOK“. Bei Lizenzfragen wenden Sie sich an Baumensch über die Kontaktmöglichkeiten auf der Website.