296 lines
18 KiB
HTML
296 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<link rel="icon" type="image/png" href="favicon.png">
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Schnappix - Häufig gestellte Fragen (FAQ)</title>
|
|
<meta name="description" content="Antworten auf Fragen zum Kiosk-Modus, IPP-Drucker-Einrichtung, Fotorahmen-Konfiguration und Foto-Speicherung.">
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@500;700;800&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Header Navigation -->
|
|
<header class="main-header">
|
|
<div class="container nav-container">
|
|
<div class="logo">
|
|
<a href="index.html" style="text-decoration: none;"><span class="logo-glow">Schnappix</span></a>
|
|
</div>
|
|
<nav class="nav-links">
|
|
<a href="features.html">Features</a>
|
|
<a href="upload.html">Upload</a>
|
|
<a href="faq.html" class="active-nav">FAQ</a>
|
|
<a href="feedback.html">Feedback Hub</a>
|
|
<a href="#" id="admin-login-trigger"><i class="fa-solid fa-user-gear"></i> Admin</a>
|
|
</nav>
|
|
<button class="menu-toggle" aria-label="Menu öffnen">
|
|
<i class="fa-solid fa-bars"></i>
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Page Title -->
|
|
<div style="padding: 140px 0 20px;">
|
|
<div class="container">
|
|
<h1 class="section-title" style="margin-bottom: 20px;">Häufig gestellte <span class="text-gradient">Fragen</span></h1>
|
|
<p style="text-align: center; color: var(--text-muted); max-width: 600px; margin: 0 auto 40px;">Alles Wissenswerte zur Einrichtung, Hardware-Kompatibilität und Anpassung der Photobooth App.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- FAQ Accordion Section -->
|
|
<section class="faq-section" style="padding-top: 20px;">
|
|
<div class="container faq-container">
|
|
<div class="accordion">
|
|
<!-- Voraussetzungen & Kompatibilität -->
|
|
<div class="accordion-item">
|
|
<button class="accordion-header">
|
|
<span>Ist die App auch für Smartphones geeignet?</span>
|
|
<i class="fa-solid fa-chevron-down"></i>
|
|
</button>
|
|
<div class="accordion-content">
|
|
<p>Die Benutzeroberfläche von Schnappix ist primär für die Nutzung auf <strong>Tablets</strong> optimiert. Tablets bieten den Gästen auf Events einen größeren Bildschirm als Vorschau-Spiegel und eine angenehmere Bedienung für den Sticker-Editor.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="accordion-item">
|
|
<button class="accordion-header">
|
|
<span>Welche Android-Version wird mindestens benötigt?</span>
|
|
<i class="fa-solid fa-chevron-down"></i>
|
|
</button>
|
|
<div class="accordion-content">
|
|
<p>Schnappix benötigt mindestens <strong>Android 10 (API Level 29)</strong>, um die volle Unterstützung für die moderne CameraX-API und das aktuelle Dateisystem (Scoped Storage) zu gewährleisten.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="accordion-item">
|
|
<button class="accordion-header">
|
|
<span>Benötige ich eine Internetverbindung für die Fotobox?</span>
|
|
<i class="fa-solid fa-chevron-down"></i>
|
|
</button>
|
|
<div class="accordion-content">
|
|
<p>Nein, für das Aufnehmen von Fotos, die Speicherung auf dem Gerät und den lokalen Druck (z.B. über ein lokales WLAN) wird <strong>keine</strong> aktive Internetverbindung benötigt.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="accordion-item">
|
|
<button class="accordion-header">
|
|
<span>Kann ich eine externe USB-Kamera anschließen?</span>
|
|
<i class="fa-solid fa-chevron-down"></i>
|
|
</button>
|
|
<div class="accordion-content">
|
|
<p>Ja, Schnappix unterstützt neben der eingebauten Tablet-Frontkamera auch externe USB-Kameras (UVC). Schließe einfach eine USB-Webcam an dein Tablet an, um für eine noch bessere Bildqualität zu sorgen.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Funktionen der Fotobox -->
|
|
<div class="accordion-item">
|
|
<button class="accordion-header">
|
|
<span>Wie viele Fotos werden für eine Collage aufgenommen?</span>
|
|
<i class="fa-solid fa-chevron-down"></i>
|
|
</button>
|
|
<div class="accordion-content">
|
|
<p>Die App ist für Serienbilder ausgelegt und nimmt automatisch 1 bis 5 Fotos hintereinander auf. Aus dieser Serie wird im Anschluss direkt eine fertige Collage zum Drucken oder Speichern generiert.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="accordion-item">
|
|
<button class="accordion-header">
|
|
<span>Wie funktionieren Sticker und Emojis?</span>
|
|
<i class="fa-solid fa-chevron-down"></i>
|
|
</button>
|
|
<div class="accordion-content">
|
|
<p>Schnappix bietet einen integrierten Editor, mit dem die Gäste ihre Collagen vor dem Speichern oder Drucken verzieren können. Emojis, Datumsanzeigen und der Eventname können dabei wie auf Social Media frei auf dem Bildschirm verschoben, gedreht und skaliert werden.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="accordion-item">
|
|
<button class="accordion-header">
|
|
<span>Wie füge ich eigene Fotorahmen hinzu?</span>
|
|
<i class="fa-solid fa-chevron-down"></i>
|
|
</button>
|
|
<div class="accordion-content">
|
|
<p>Erstelle ein transparentes PNG im Format <strong>1500 x 1000 px</strong> (3:2 Querformat, max. 500 KB) und lege es im Ordner <code>assets/frames/</code> als <code>frame_name.png</code> ab. Trage das Template anschließend in <code>src/data/frames.ts</code> ein und führe einen neuen Build aus.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="accordion-item">
|
|
<button class="accordion-header">
|
|
<span>Welche Drucker werden unterstützt?</span>
|
|
<i class="fa-solid fa-chevron-down"></i>
|
|
</button>
|
|
<div class="accordion-content">
|
|
<p>Es werden alle Drucker unterstützt, die das <strong>IPP (Internet Printing Protocol)</strong> im lokalen Netzwerk unterstützen. Beliebte Fotodrucker wie der Canon CP1300 lassen sich direkt über ihre lokale IP-Adresse ansteuern.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="accordion-item">
|
|
<button class="accordion-header">
|
|
<span>Kann ich die App auch ohne Drucker nutzen?</span>
|
|
<i class="fa-solid fa-chevron-down"></i>
|
|
</button>
|
|
<div class="accordion-content">
|
|
<p>Ja, die App lässt sich auch <strong>komplett digital</strong> nutzen! Lässt du im Admin-Bereich das Feld für die Drucker-IP-Adresse leer, schaltet die App automatisch in einen digitalen Modus um und alle Druck-Buttons in der Benutzeroberfläche werden für die Gäste ausgeblendet. Die Fotos werden dann rein lokal auf dem Gerät gespeichert.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Speicherung & Event-Verwaltung -->
|
|
<div class="accordion-item">
|
|
<button class="accordion-header">
|
|
<span>Wie erstelle ich ein neues Event?</span>
|
|
<i class="fa-solid fa-chevron-down"></i>
|
|
</button>
|
|
<div class="accordion-content">
|
|
<p>In Schnappix gibt es keine komplizierte Account- oder Event-Verwaltung. Öffne einfach den versteckten Admin-Bereich in der App und trage dort unter "Event-Name" den Titel deiner Veranstaltung ein (z. B. "Hochzeit Anna & Paul"). Ab diesem Moment werden alle Fotos und Collagen automatisch unter diesem Namen verknüpft und gespeichert.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="accordion-item">
|
|
<button class="accordion-header">
|
|
<span>Kann ich den Event-Namen nachträglich ändern?</span>
|
|
<i class="fa-solid fa-chevron-down"></i>
|
|
</button>
|
|
<div class="accordion-content">
|
|
<p>Ja, du kannst den Namen im Admin-Bereich jederzeit ändern. Beachte aber: Diese Namensänderung gilt nur für zukünftige Aufnahmen. Bereits gespeicherte Fotos verbleiben in der Galerie-Ordnerstruktur unter dem alten Event-Namen, damit deine bisherigen Dateien nicht durcheinandergeraten.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="accordion-item">
|
|
<button class="accordion-header">
|
|
<span>Wo werden die Fotos gespeichert?</span>
|
|
<i class="fa-solid fa-chevron-down"></i>
|
|
</button>
|
|
<div class="accordion-content">
|
|
<p>Schnappix nutzt die moderne Android MediaStore API und speichert Collagen sowie Originale direkt in der Galerie deines Tablets unter den Ordnern:</p>
|
|
<ul>
|
|
<li><code>Schnappix - <EventName> - Collagen</code></li>
|
|
<li><code>Schnappix - <EventName> - Originale</code></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="accordion-item">
|
|
<button class="accordion-header">
|
|
<span>Kann ich die Bilder nachträglich ansehen?</span>
|
|
<i class="fa-solid fa-chevron-down"></i>
|
|
</button>
|
|
<div class="accordion-content">
|
|
<p>Ja, alle aufgenommenen Originalfotos und die fertigen Collagen werden automatisch und lokal in der Standard-Galerie-App deines Tablets (unter dem jeweiligen Event-Namen) abgespeichert und können jederzeit eingesehen oder exportiert werden.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Sicherheit & Administration -->
|
|
<div class="accordion-item">
|
|
<button class="accordion-header">
|
|
<span>Wie aktiviere ich den Kiosk-Modus auf dem Tablet?</span>
|
|
<i class="fa-solid fa-chevron-down"></i>
|
|
</button>
|
|
<div class="accordion-content">
|
|
<p>Damit der Kiosk-Modus (LockTask) ohne Bestätigungsdialoge funktioniert, muss die App als <strong>Device Owner</strong> festgelegt werden. Führe dazu folgenden ADB-Befehl aus:</p>
|
|
<code>adb shell dpm set-device-owner de.orfel.schnappix/de.orfel.schnappix.KioskDeviceAdminReceiver</code>
|
|
<p>Danach kannst du den Kiosk-Modus einfach im passwortgeschützten Admin-Bereich ein- und ausschalten.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="accordion-item">
|
|
<button class="accordion-header">
|
|
<span>Wie kann ich die Fotobox-App wieder verlassen?</span>
|
|
<i class="fa-solid fa-chevron-down"></i>
|
|
</button>
|
|
<div class="accordion-content">
|
|
<p>Da Schnappix für den sicheren Betrieb auf Events entwickelt wurde, sperrt der Kiosk-Modus das Tablet zuverlässig ab. Gäste können die App nicht beenden. Das Verlassen ist nur durch die Eingabe deines sicheren Passworts im versteckten Admin-Bereich möglich.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="accordion-item">
|
|
<button class="accordion-header">
|
|
<span>Wo finde ich die Einstellungen in der Fotobox-App?</span>
|
|
<i class="fa-solid fa-chevron-down"></i>
|
|
</button>
|
|
<div class="accordion-content">
|
|
<p>Auch die eigentliche Schnappix-App auf dem Tablet verfügt über einen versteckten Admin-Bereich. Dieser ist durch ein Passwort geschützt und ermöglicht es dir, grundlegende Parameter wie Event-Namen, Drucker-IP-Adressen oder Fotorahmen einzustellen und den Kiosk-Modus zu steuern.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="accordion-item">
|
|
<button class="accordion-header">
|
|
<span>Welche Einstellungsfelder gibt es im Admin-Bereich der App?</span>
|
|
<i class="fa-solid fa-chevron-down"></i>
|
|
</button>
|
|
<div class="accordion-content">
|
|
<p>Der passwortgeschützte Admin-Bereich der Tablet-App steuert das gesamte Verhalten der Fotobox. Folgende Felder und Schalter stehen dir zur Verfügung:</p>
|
|
<ul>
|
|
<li style="margin-bottom: 8px;"><strong>Event-Name:</strong> Der Titel der Veranstaltung. Dieser wird für die Datei-Ordnerstruktur genutzt und steht den Gästen als Sticker zur Verfügung.</li>
|
|
<li style="margin-bottom: 8px;"><strong>Admin-Passwort:</strong> Erlaubt dir, das Passwort (Standard: <code>1234</code>) für diesen Bereich zu ändern, damit Gäste sich keinen Zugriff verschaffen können.</li>
|
|
<li style="margin-bottom: 8px;"><strong>Kiosk-Modus (LockTask):</strong> Ein Schalter, der das Tablet sicher sperrt. Ist er aktiviert, gibt es keinen Zurück- oder Home-Button mehr. Die App lässt sich erst nach Eingabe des Passworts wieder verlassen.</li>
|
|
<li style="margin-bottom: 8px;"><strong>Drucker-IP-Adresse:</strong> Trage hier die lokale WLAN-Adresse (IPv4) deines Fotodruckers ein. Lässt du das Feld leer, schaltet die App in einen rein digitalen Modus und versteckt alle Druck-Buttons.</li>
|
|
<li style="margin-bottom: 8px;"><strong>Fotorahmen / Template:</strong> Hier kannst du festlegen, welche PNG-Datei aus dem Assets-Ordner als Überlagerung für die Collagen genutzt werden soll.</li>
|
|
<li style="margin-bottom: 8px;"><strong>Log-Funktion:</strong> Ein Diagnose-Tool, das im Hintergrund Ereignisse und potenzielle Abstürze protokolliert und Fehlerberichte automatisch an die Entwickler sendet. Das hilft uns enorm dabei, Schnappix kontinuierlich zu verbessern. Falls du das Senden von Fehlern nicht möchtest, kannst du die Log-Funktion hier jederzeit deaktivieren.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="accordion-item">
|
|
<button class="accordion-header">
|
|
<span>Wofür ist der "Admin"-Bereich auf dieser Website?</span>
|
|
<i class="fa-solid fa-chevron-down"></i>
|
|
</button>
|
|
<div class="accordion-content">
|
|
<p>Der "Admin"-Button oben in der Navigation dieser Website ist speziell für die Moderation des <strong>Feedback Hubs</strong> gedacht. Mit dem Standard-Passwort (<code>1234</code>) können Administratoren auf Feedback-Einträge von Nutzern offiziell antworten, unangemessene Einträge löschen oder die gesamte Liste als Code exportieren.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="main-footer">
|
|
<div class="container footer-container">
|
|
<p>© 2026 Schnappix. Alle Rechte vorbehalten.</p>
|
|
<div class="footer-links">
|
|
<a href="impressum.html">Impressum</a>
|
|
<a href="datenschutz.html">Datenschutzerklärung</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Admin Modals -->
|
|
<div id="admin-login-modal" class="modal-overlay">
|
|
<div class="modal-content glass">
|
|
<button class="modal-close" aria-label="Schließen">×</button>
|
|
<h2>Admin Login</h2>
|
|
<form id="admin-login-form">
|
|
<div class="form-group">
|
|
<label for="admin-password">Admin Passwort</label>
|
|
<input type="password" id="admin-password" placeholder="Passwort eingeben" required>
|
|
</div>
|
|
<div id="admin-login-error" style="color: #ff4466; font-size: 14px; margin-bottom: 15px; display: none;">Falsches Passwort!</div>
|
|
<button type="submit" class="btn btn-primary btn-block">Anmelden</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="admin-panel-modal" class="modal-overlay">
|
|
<div class="modal-content glass">
|
|
<button class="modal-close" aria-label="Schließen">×</button>
|
|
<h2>Admin Panel</h2>
|
|
<div class="modal-scroll-area">
|
|
<p>Sie sind als Administrator angemeldet. Sie können nun Einträge im Feedback Hub löschen.</p>
|
|
<div style="margin-top: 20px; display: flex; gap: 15px;">
|
|
<button id="admin-logout-btn" class="btn btn-secondary">Abmelden</button>
|
|
<button id="admin-export-btn" class="btn btn-primary">Einträge-Code exportieren</button>
|
|
</div>
|
|
<div id="export-container" style="display: none; margin-top: 20px;">
|
|
<textarea id="export-textarea" rows="6" readonly style="width: 100%; font-family: monospace; font-size: 12px; background: rgba(5,5,16,0.8); border: 1px solid var(--border-color); color: var(--accent-color); padding: 10px; border-radius: 8px;"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|