[{"data":1,"prerenderedAt":80},["ShallowReactive",2],{"$fWEEixyY2yU_4no8qIVLNLQ4tNbzq2s6EkTl_pusbBPQ":3},{"id":4,"title":5,"body":6,"category":58,"challenge":59,"description":52,"extension":60,"featured":61,"image":62,"images":62,"impact":63,"meta":64,"navigation":65,"order":66,"path":67,"seo":68,"slug":69,"solution":70,"stem":71,"tagline":72,"tags":73,"testimonial":62,"testimonial_author":62,"testimonial_role":62,"url":62,"__hash__":79},"projects_de\u002Fprojects\u002Fde\u002Fphotobooth-platform.md","Photobooth Plattform",{"type":7,"value":8,"toc":51},"minimark",[9,14,18,22,44,48],[10,11,13],"h2",{"id":12},"projektübersicht","Projektübersicht",[15,16,17],"p",{},"Dieses Projekt umfasste die komplette Neuentwicklung einer Photobooth-Softwareplattform für ein Unternehmen, das Photobooths – inklusive Hardware, Personal, individuellen Overlays und Software – für Firmenevents und Live-Veranstaltungen vermietet. Das bestehende MVP war nur bedingt alltagstauglich und für hochvolumige Live-Einsätze nicht geeignet.",[10,19,21],{"id":20},"funktionen","Funktionen",[23,24,25,29,32,35,38,41],"ul",{},[26,27,28],"li",{},"Node.js-Disk-Watcher erkennt neue Aufnahmen von einer WLAN-SD-Karte in Echtzeit",[26,30,31],{},"Laravel-Backend für Bildaufnahme, Thumbnail-Generierung und Overlay-Komposition",[26,33,34],{},"WebSocket-Benachrichtigungen übertragen neue Bilder sofort an das Vue-Frontend",[26,36,37],{},"Overlay-Auswahl mit backend-gerenderter Vorschau in optimierter Auflösung",[26,39,40],{},"Vollauflösungs-Bildgenerierung mit gewähltem Overlay nach Bestätigung",[26,42,43],{},"PHP-Druckbefehl direkt aus Laravel an den angeschlossenen Event-Drucker",[10,45,47],{"id":46},"technische-highlights","Technische Highlights",[15,49,50],{},"Die zentrale Herausforderung war Echtzeit-Reaktivität ohne Polling. Die Kombination aus Node.js-File-Watcher und Laravel-WebSocket-Broadcaster hielt das Frontend immer aktuell, sobald ein Foto auf der Disk landete. Die Thumbnail-Generierung im Backend war entscheidend für die Schnelligkeit des Frontends – das Laden von Bildern in voller Auflösung hätte bei Live-Events spürbare Verzögerungen verursacht. Der Laravel\u002FVue-Stack ersetzte eine unwartbare PHP\u002FJS-Codebasis durch eine saubere, framework-strukturierte Anwendung.",{"title":52,"searchDepth":53,"depth":53,"links":54},"",2,[55,56,57],{"id":12,"depth":53,"text":13},{"id":20,"depth":53,"text":21},{"id":46,"depth":53,"text":47},"web-app","Ein Photobooth-Verleihunternehmen betrieb ein MVP in reinem PHP und HTML\u002FJS ohne Framework, ohne Live-Bildladung und mit für Live-Events unzureichender Performance. Frisch aufgenommene Fotos wurden nicht in Echtzeit angezeigt, die Codebasis war nicht wartbar und dem Frontend fehlte die nötige Reaktivität für ein flüssiges Booth-Erlebnis.","md",false,null,"Die Plattform ersetzte ein fragiles MVP durch eine robuste, wartbare Anwendung für hochvolumige Live-Events. Echtzeit-Bildübertragung und sofortiger Druckversand sorgten für ein flüssiges Erlebnis für Booth-Betreiber und Gäste. Der Laravel\u002FVue-Stack schuf eine saubere Grundlage für künftige Features.",{},true,5,"\u002Fprojects\u002Fde\u002Fphotobooth-platform",{"title":5,"description":52},"photobooth-platform","Ich entwickelte die Plattform mit einem Laravel-Backend und Vue.js-Frontend neu. Ein Node.js-Script scannte kontinuierlich die Zieldisk auf neue Bilder, die über eine WLAN-fähige SD-Karte übertragen wurden. Bei Erkennung benachrichtigte es das Laravel-Backend, das jedes Bild verarbeitete – Thumbnails für schnelle Vorschau und Overlay-Kompositionen zur Auswahl generierte. Nach Auswahl von Foto und Overlay erzeugte Laravel das endgültige Bild in voller Auflösung und sendete einen PHP-Druckbefehl direkt an den angeschlossenen Drucker. Das Frontend erhielt Echtzeit-Updates per WebSocket und zeigte neue Fotos sofort ohne manuelles Neuladen an.","projects\u002Fde\u002Fphotobooth-platform","Echtzeit-Fotoverarbeitung für Live-Events",[74,75,76,77,78],"Vue.js","Laravel","Node.js","WebSockets","PHP","jr15fnaryQWUqXQVfKFK2hReA_2Cjd4UJCO4f5FaYys",1775672746983]