{"id":219,"date":"2025-12-02T08:55:40","date_gmt":"2025-12-02T07:55:40","guid":{"rendered":"https:\/\/cibis.de\/blog\/?p=219"},"modified":"2025-12-02T08:55:40","modified_gmt":"2025-12-02T07:55:40","slug":"diy-projekt-ein-alter-raspberry-pi-3-als-permanente-info-wand-kiosk","status":"publish","type":"post","link":"https:\/\/cibis.de\/blog\/diy-projekt-ein-alter-raspberry-pi-3-als-permanente-info-wand-kiosk\/2025\/","title":{"rendered":"DIY Projekt: Ein alter Raspberry Pi 3 als permanente Info-Wand (Kiosk)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Wie verwandelt man einen alten Raspberry Pi 3 und einen gebrauchten Monitor in eine schicke, digitale To-Do-Liste oder ein Dashboard? Die Antwort lautet: <strong>DietPi<\/strong> und <strong>Chromium Kiosk Mode<\/strong>.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\">In diesem Beitrag fasse ich den Weg zusammen, wie man das System &#8222;headless&#8220; (ohne Tastatur\/Maus am Pi) konfiguriert und dabei typische Stolpersteine wie HDMI-zu-VGA-Adapter und schwarze R\u00e4nder \u00fcberwindet.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die Hardware<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Raspberry Pi 3<\/li>\n\n\n\n<li>Micro-SD Karte<\/li>\n\n\n\n<li>Monitor (Full HD, 1920&#215;1080)<\/li>\n\n\n\n<li>Aktiver HDMI-zu-VGA Adapter (da der Monitor keinen HDMI-Eingang hatte)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 1: Das Betriebssystem (DietPi)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Statt des normalen Raspberry Pi OS nutzen wir <strong>DietPi<\/strong>. Es ist extrem schlank, verbraucht kaum RAM und l\u00e4sst sich komplett \u00fcber Textdateien konfigurieren, bevor der Pi \u00fcberhaupt das erste Mal startet.<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>Image flashen:<\/strong> Das aktuelle DietPi-Image (ARMv8 64-bit f\u00fcr RPi 3) herunterladen und mit einem Tool wie <em>Raspberry Pi Imager<\/em> oder <em>BalenaEtcher<\/em> auf die SD-Karte schreiben.<\/li>\n\n\n\n<li><strong>Mounten:<\/strong> Nach dem Flashen die Karte kurz entfernen und neu einstecken, damit der PC die kleine Partition <code>boot<\/code> erkennt.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 2: Die &#8222;Zero-Touch&#8220; Konfiguration (<code>dietpi.txt<\/code>)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Der Clou an DietPi ist die Datei <code>dietpi.txt<\/code> auf der Boot-Partition. Hier stellen wir ein, dass der Pi automatisch alles installiert und direkt in den Browser bootet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d6ffne die <code>dietpi.txt<\/code> und \u00e4ndere folgende Werte:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code># 1. Installation automatisieren (kein User-Input n\u00f6tig)\nAUTO_SETUP_AUTOMATED=1\n\n# 2. Software vorw\u00e4hlen: ID 113 ist Chromium\nAUTO_SETUP_INSTALL_SOFTWARE_ID=113\n\n# 3. Autostart: Direkt in den Chromium Kiosk Modus booten (Index 11)\nAUTO_SETUP_AUTOSTART_TARGET_INDEX=11\n\n# 4. Aufl\u00f6sung und URL f\u00fcr den Browser festlegen\n# Wichtig: Hier muss die native Aufl\u00f6sung des Monitors stehen!\nSOFTWARE_CHROMIUM_RES_X=1920\nSOFTWARE_CHROMIUM_RES_Y=1080\nSOFTWARE_CHROMIUM_AUTOSTART_URL=https:\/\/deine-url.de\/todo.php<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Wichtig f\u00fcr WLAN:<\/strong> Die WLAN-Zugangsdaten geh\u00f6ren <strong>nicht<\/strong> in die <code>dietpi.txt<\/code>, sondern in die Datei <code>dietpi-wifi.txt<\/code> im selben Ordner! Dort einfach SSID und Key eintragen und in der <code>dietpi.txt<\/code> <code>AUTO_SETUP_NET_WIFI_ENABLED=1<\/code> setzen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 3: Den VGA-Adapter zwingen (<code>config.txt<\/code>)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hier lag die gr\u00f6\u00dfte Herausforderung. HDMI-zu-VGA-Adapter melden sich oft nicht korrekt beim Pi (&#8222;Hotplugging&#8220; fehlt) und ben\u00f6tigen mehr Strom vom HDMI-Port. Das Ergebnis ist oft ein schwarzer Bildschirm.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Der Profi-Tipp:<\/strong> Unter manchen Linux-Distros wird die <code>config.txt<\/code> als defekte Verkn\u00fcpfung angezeigt. In diesem Fall: Die Datei l\u00f6schen und eine neue Textdatei namens <code>config.txt<\/code> erstellen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcge diese Konfiguration in die <code>config.txt<\/code> ein, um ein stabiles 1080p Signal zu erzwingen:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code># --- VGA Adapter Fix &amp; Full HD Setup ---\n\n# 1. Signal erzwingen (Ignoriert, ob Monitor erkannt wird)\nhdmi_force_hotplug=1\n\n# 2. Signalst\u00e4rke erh\u00f6hen (VGA Adapter brauchen Strom vom Port!)\nconfig_hdmi_boost=7\n\n# 3. Kein DVI Modus, sondern HDMI Protokoll (Audio\/Video)\nhdmi_drive=2\n\n# 4. Aufl\u00f6sung fest auf 1080p 60Hz nageln (DMT Mode f\u00fcr Monitore)\nhdmi_group=2\nhdmi_mode=82\n\n# 5. Internen Grafikspeicher anpassen (damit der Pi wei\u00df, wie gro\u00df die Leinwand ist)\nframebuffer_width=1920\nframebuffer_height=1080\n\n# 6. R\u00e4nder entfernen (Underscan deaktivieren)\ndisable_overscan=1\n\n# 7. Speicher f\u00fcr die GPU erh\u00f6hen (f\u00fcr fl\u00fcssiges Rendering)\ngpu_mem=128<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 4: Der erste Start<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Karte in den Pi, Strom an. Da wir <code>AUTO_SETUP_AUTOMATED=1<\/code> gesetzt haben, f\u00fchrt der Pi nun beim ersten Start ein Update durch, installiert den X-Server und Chromium. Das dauert auf einem RPi 3 etwa 5 bis 10 Minuten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Danach startet er automatisch neu und zeigt die Webseite im Vollbild \u2013 ohne schwarze R\u00e4nder, dank der korrekten Framebuffer- und Overscan-Einstellungen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Verwendete Software &amp; Quellen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hier ist der \u00dcberblick der genutzten Tools:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Betriebssystem:<\/strong><strong>DietPi<\/strong>\n<ul class=\"wp-block-list\">\n<li><em>Quelle:<\/em> <a href=\"https:\/\/dietpi.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">dietpi.com<\/a><\/li>\n\n\n\n<li><em>Warum:<\/em> Minimalistisches Debian, perfekt f\u00fcr Kiosk-Anwendungen (&#8222;Just enough OS for the job&#8220;).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Browser-Engine:<\/strong><strong>Chromium<\/strong>\n<ul class=\"wp-block-list\">\n<li><em>Installation:<\/em> Automatisch via DietPi Software ID 113.<\/li>\n\n\n\n<li><em>Modus:<\/em> Kiosk (Startet ohne Adressleiste, Vollbild).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Flash-Tool:<\/strong><strong>Raspberry Pi Imager<\/strong> (oder BalenaEtcher\/USB Image Writer unter Linux Mint)\n<ul class=\"wp-block-list\">\n<li><em>Quelle:<\/em> <a href=\"https:\/\/www.raspberrypi.com\/software\/\" target=\"_blank\" rel=\"noreferrer noopener\">raspberrypi.com\/software<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Editor:<\/strong> Standard Texteditor (Notepad++, Sublime Text, oder <code>xed<\/code>\/<code>nano<\/code> unter Linux). Wichtig ist, dass er UNIX-Zeilenumbr\u00fcche versteht (unter Windows keine reine <code>notepad.exe<\/code> nutzen!).<\/li>\n\n\n\n<li><strong>Quellen f\u00fcr Konfigurations-Parameter:<\/strong>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.raspberrypi.com\/documentation\/computers\/config_txt.html\" target=\"_blank\" rel=\"noreferrer noopener\">RPi Config.txt Dokumentation<\/a> (f\u00fcr HDMI Modi)<\/li>\n\n\n\n<li><a href=\"https:\/\/www.google.com\/search?q=https:\/\/dietpi.com\/docs\/dietpi_tools\/dietpi-automation\/\" target=\"_blank\" rel=\"noreferrer noopener\">DietPi Automation Docs<\/a> (f\u00fcr <code>dietpi.txt<\/code> Parameter)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<div class=\"gsp_post_data\" \r\n\t            data-post_type=\"post\" \r\n\t            data-cat=\"code,projekte\" \r\n\t            data-modified=\"120\"\r\n\t            data-created=\"1764665740\"\r\n\t            data-title=\"DIY Projekt: Ein alter Raspberry Pi 3 als permanente Info-Wand (Kiosk)\" \r\n\t            data-home=\"https:\/\/cibis.de\/blog\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Wie verwandelt man einen alten Raspberry Pi 3 und einen gebrauchten Monitor in eine schicke, digitale To-Do-Liste oder ein Dashboard? Die Antwort lautet: DietPi und Chromium Kiosk Mode.<\/p>\n","protected":false},"author":1,"featured_media":220,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,20],"tags":[64,66,65,63],"class_list":["post-219","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code","category-projekte","tag-dietpi","tag-diy","tag-kiosk","tag-raspberrypi"],"_links":{"self":[{"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/posts\/219","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/comments?post=219"}],"version-history":[{"count":1,"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/posts\/219\/revisions"}],"predecessor-version":[{"id":221,"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/posts\/219\/revisions\/221"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/media\/220"}],"wp:attachment":[{"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/media?parent=219"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/categories?post=219"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/tags?post=219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}