Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- anleitungen_allgemein:nextcloud [03/05/2026 15:31] – angelegt dennis.clausen@bbz-rd-eck.de
+++ anleitungen_allgemein:nextcloud [03/05/2026 16:09] (aktuell) – dennis.clausen@bbz-rd-eck.de
@@ Zeile 1: / Zeile 1: @@
 <html>
 <head>
-    <meta charset="UTF-8">
+<style>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    .bbz-guide-container {
-    <title>Anleitung: BBZ Cloud & OnlyOffice</title>
+        all: initial;
-    <style>
+        display: block;
-        :root {
+        font-family: 'Segoe UI', Arial, sans-serif;
-            --primary-color: #0082c9; /* Nextcloud Blau */
+        color: #333;
-            --secondary-color: #ff6f61; /* OnlyOffice Akzent */
+        line-height: 1.6;
-            --bg-color: #f4f7f9;
+        background-color: #ffffff;
-            --text-color: #333;
+        padding: 20px;
-            --sidebar-width: 250px;
+        max-width: 900px;
-        }
+    }
+    .bbz-guide-container h1 { color: #0082c9; font-size: 26px; border-bottom: 3px solid #0082c9; margin-bottom: 10px; display: block; }
+    .bbz-guide-container h2 { color: #0082c9; font-size: 20px; margin-top: 30px; border-left: 6px solid #0082c9; padding-left: 12px; background: #f9f9f9; padding-top: 5px; padding-bottom: 5px; }
+    .bbz-guide-container h3 { color: #444; font-size: 17px; margin-top: 20px; }
+    .bbz-guide-container .screenshot-placeholder {
+        background: #eee; border: 2px dashed #ccc; color: #777;
+        text-align: center; padding: 40px 10px; margin: 15px 0; border-radius: 6px; font-style: italic;
+    }
+    .bbz-guide-container .info-box { background: #e8f4fd; border: 1px solid #0082c9; padding: 15px; border-radius: 4px; margin: 15px 0; }
+    .bbz-guide-container .login-badge { background: #0082c9; color: white; padding: 10px 15px; border-radius: 4px; display: inline-block; margin-bottom: 10px; }
+    .bbz-guide-container .warning-box { background: #fff3cd; border-left: 5px solid #ffeeba; padding: 15px; margin: 15px 0; }
+    .bbz-guide-container ul, .bbz-guide-container ol { padding-left: 25px; }
+    .bbz-guide-container li { margin-bottom: 10px; }
+    .bbz-guide-container code { background: #f0f0f0; padding: 3px 6px; border-radius: 3px; font-family: monospace; font-weight: bold; }
+    .bbz-guide-container a { color: #0082c9; text-decoration: none; font-weight: bold; }
+    .bbz-guide-container .step-list { list-style-type: none; padding-left: 0; }
+    .bbz-guide-container .step-item { display: flex; align-items: flex-start; margin-bottom: 15px; }
+    .bbz-guide-container .step-number { background: #0082c9; color: white; min-width: 24px; height: 24px; border-radius: 50%; text-align: center; line-height: 24px; margin-right: 15px; font-weight: bold; font-size: 14px; margin-top: 4px; }
+</style>
+</head>
+<body>
-        body {
+<div class="bbz-guide-container">
-            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    <h1>Anleitung: BBZ Cloud (Nextcloud & OnlyOffice)</h1>
-            margin: 0;
-            display: flex;
+    <img src="https://wiki.bbz-rd-eck.com/lib/exe/fetch.php?media=anleitungen_lul:screenshot-bbzcloud2-nextcloud.png" style="max-width:100%; height:auto; border: 1px solid #ccc; border-radius: 4px;">
-            background-color: var(--bg-color);
-            color: var(--text-color);
-        }
-        /* Sidebar Navigation */
+    <div class="info-box">
-        nav {
+        <strong>Zentraler Login:</strong> <a href="https://cloud.bbz-rd-eck.de" target="_blank">https://cloud.bbz-rd-eck.de</a><br>
-            width: var(--sidebar-width);
+        <div class="login-badge" style="margin-top:10px;">
-            background: #2c3e50;
+            Anmeldung mit E-Mail-Adresse und dem Standard-Passwort (wie WLAN / schul.cloud)
-            color: white;
+        </div>
-            height: 100vh;
+    </div>
-            position: fixed;
-            padding: 20px;
-        }
-        nav h2 { font-size: 1.2rem; border-bottom: 1px solid #555; padding-bottom: 10px; }
+    <h2>1. Installation der Apps</h2>
-        nav ul { list-style: none; padding: 0; }
+    <p>Auf Ihren Lehrergeräten müssen Sie die Software nicht manuell suchen. Nutzen Sie das installierte <strong>Softwarecenter</strong>:</p>
-        nav ul li { margin: 15px 0; }
-        nav ul li a { color: #ecf0f1; text-decoration: none; transition: 0.3s; }
-        nav ul li a:hover { color: var(--primary-color); }
-        /* Main Content */
-        main {
-            margin-left: calc(var(--sidebar-width) + 40px);
-            padding: 40px;
-            max-width: 900px;
-        }
-        .card {
-            background: white;
-            padding: 25px;
-            margin-bottom: 20px;
-            border-radius: 8px;
-            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
-        }
-        h1 { color: var(--primary-color); }
-        h2 { border-left: 5px solid var(--primary-color); padding-left: 10px; margin-top: 30px; }
-        .url-box {
-            background: #e8f4fd;
-            padding: 15px;
-            border-radius: 5px;
-            font-weight: bold;
-            text-align: center;
-            border: 1px dashed var(--primary-color);
-        }
-        .step {
-            display: flex;
-            align-items: flex-start;
-            margin-bottom: 15px;
-        }
-        .step-num {
-            background: var(--primary-color);
-            color: white;
-            width: 25px;
-            height: 25px;
-            border-radius: 50%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin-right: 15px;
-            flex-shrink: 0;
-            font-weight: bold;
-        }
-        .warning {
-            background: #fff3cd;
-            border-left: 5px solid #ffecb5;
-            padding: 10px;
-            margin: 10px 0;
-        }
-        code { background: #eee; padding: 2px 5px; border-radius: 3px; }
-    </style>
-</head>
-<body>
-<nav>
-    <h2>BBZ Cloud Wiki</h2>
     <ul>
-        <li><a href="#install">1. Apps & Installation</a></li>
+        <li>Suchen Sie im Softwarecenter nach <strong>"Nextcloud"</strong> und klicken Sie auf Installieren.</li>
-        <li><a href="#web">2. Web-Oberfläche</a></li>
+        <li>Suchen Sie nach <strong>"OnlyOffice"</strong>, um die Desktop-Integration zu erhalten (optional).</li>
-        <li><a href="#usage">3. Dateiverwaltung</a></li>
+        <li>Ergänzen Sie ggf. Ihre Zugangsdaten in Ihrer Passwort-App unter dem Eintrag <code>BBZ Cloud 2.4.x</code>.</li>
-        <li><a href="#office">4. Office-Dokumente</a></li>
-        <li><a href="#migration">5. OneDrive Migration</a></li>
     </ul>
-</nav>
-<main>
+    <h2>2. Einrichtung des Nextcloud-Clients (Laptop)</h2>
-    <h1>Anleitung: Arbeiten mit der BBZ Cloud</h1>
+    <p>Damit Ihre Dateien automatisch mit dem Laptop synchronisiert werden, folgen Sie diesen Schritten:</p>
-    <p>Willkommen im neuen zentralen Speicherort des BBZ. Hier erfährst du, wie du Nextcloud und OnlyOffice optimal nutzt.</p>
+    <div class="step-list">
+        <div class="step-item">
-    <div class="url-box">
+            <div class="step-number">1</div>
-        🌐 Login über: <a href="https://cloud.bbz-rd-eck.de" target="_blank">https://cloud.bbz-rd-eck.de</a>
+            <div>Starten Sie die App <strong>Nextcloud</strong> über das Startmenü.</div>
+        </div>
+        <div class="step-item">
+            <div class="step-number">2</div>
+            <div>Wählen Sie <strong>"Anmelden"</strong>.</div>
+        </div>
+        <div class="step-item">
+            <div class="step-number">3</div>
+            <div>Geben Sie als Serveradresse ein: <code>https://cloud.bbz-rd-eck.de</code></div>
+        </div>
+        <div class="step-item">
+            <div class="step-number">4</div>
+            <div>Ihr Standard-Browser öffnet sich. Klicken Sie dort auf <strong>"Anmelden"</strong> und bestätigen Sie den Zugriff für Ihren Laptop.</div>
+        </div>
+        <div class="step-item">
+            <div class="step-number">5</div>
+            <div>Wählen Sie im letzten Schritt aus, welche Ordner synchronisiert werden sollen (Standard: Alles).</div>
+        </div>
     </div>
-    <section id="install">
+    <h2>3. Dateiverwaltung & Teamordner</h2>
-        <h2>1. Apps installieren & einrichten</h2>
+    <p>In der BBZ Cloud unterscheiden wir zwei Arten von Ordnern:</p>
-        <div class="card">
+    <ul>
-            <h3>💻 Nextcloud Desktop Client</h3>
+        <li><strong>Geteilte Ordner:</strong> Von Ihnen persönlich für bestimmte Kollegen freigegeben.</li>
-            <div class="step">
+        <li><strong>Teamordner:</strong> Feste Strukturen für Fachbereiche und Abteilungen.</li>
-                <div class="step-num">1</div>
+        <li><strong>Klassenlaufwerke (In Planung):</strong> Zukünftig werden hier auch die Klassenlaufwerke abgebildet, sodass Sie von überall gemeinsam mit Schülern auf Dateien zugreifen können.</li>
-                <div>Lade den Client von der offiziellen Website herunter und installiere ihn.</div>
+    </ul>
-            </div>
-            <div class="step">
-                <div class="step-num">2</div>
-                <div>Gib als Serveradresse <code>https://cloud.bbz-rd-eck.de</code> ein.</div>
-            </div>
-            <div class="step">
-                <div class="step-num">3</div>
-                <div>Klicke auf "Anmelden" – dein Browser öffnet sich zur Bestätigung.</div>
-            </div>
-            <h3>📱 BBZ Cloud App (Mobile)</h3>
+    <h2>4. Office-Dokumente & OnlyOffice</h2>
-            <p>Suche im App Store / Play Store nach "Nextcloud". Nutze die gleichen Zugangsdaten wie am PC.</p>
+    <p>Sie können Office-Dateien direkt im Browser erstellen und gemeinsam bearbeiten. Klicken Sie dazu auf das <strong>Plus-Symbol (+)</strong> in der oberen Leiste.</p>
-            <h3>🔑 Passwortverwaltung</h3>
-            <p>Vergiss nicht, deine neuen Zugangsdaten für die BBZ Cloud 2.4.x in deinem Passwort-Manager zu hinterlegen.</p>
-        </div>
-    </section>
-    <section id="usage">
+    <img src="https://wiki.bbz-rd-eck.com/lib/exe/fetch.php?media=anleitungen_allgemein:screenshot-bbzcloud2-nextcloud-neu-office.png" style="max-width:100%; height:auto; border: 1px solid #ccc; border-radius: 4px;">
-        <h2>2. Dateiverwaltung & Teamarbeit</h2>
-        <div class="card">
-            <h3>Unterschied: Geteilte Ordner vs. Teamordner</h3>
-            <table border="0" cellpadding="10">
-                <tr>
-                    <td><strong>Geteilte Ordner</strong></td>
-                    <td>Von einer Person an andere freigegeben. Gehört dem Ersteller.</td>
-                </tr>
-                <tr>
-                    <td><strong>Teamordner</strong></td>
-                    <td>Zentrale Ordner für Abteilungen/Klassen. Bleiben bestehen, auch wenn Nutzer das BBZ verlassen.</td>
-                </tr>
-            </table>
-            <h3>Freigaben erstellen</h3>
-            <p>Klicke auf das "Teilen"-Symbol hinter einer Datei. Du kannst:</p>
+    <div class="warning-box">
-            <ul>
+        <strong>Tipp:</strong> Wenn Sie OnlyOffice als Standard-App nutzen, öffnen sich <code>.docx</code>, <code>.xlsx</code> und <code>.pptx</code> Dateien direkt per Klick im Browser-Editor.
-                <li>Interne Nutzer suchen.</li>
+    </div>
-                <li>Einen <strong>Public Link</strong> erstellen (für externe Partner).</li>
-                <li>Passwortschutz und Ablaufdatum setzen.</li>
-            </ul>
-        </div>
-    </section>
-    <section id="office">
+    <h2>5. Migration von OneDrive</h2>
-        <h2>3. OnlyOffice nutzen</h2>
+    <p>Der Umzug Ihrer Daten ist einfach:</p>
-        <div class="card">
+    <ol>
-            <p>OnlyOffice ermöglicht das gleichzeitige Bearbeiten von Dokumenten im Browser – ähnlich wie Google Docs oder MS Office 365.</p>
+        <li>Öffnen Sie den Windows-Explorer (Dieser PC).</li>
-            <div class="warning">
+        <li>Markieren Sie Ihre Daten im alten <strong>OneDrive-Ordner</strong> und kopieren Sie diese (Rechtsklick -> Kopieren).</li>
-                <strong>Tipp:</strong> Du kannst OnlyOffice als Standard-App in deinen Einstellungen festlegen, damit sich .docx Dateien immer direkt im Browser öffnen.
+        <li>Wechseln Sie in den neuen <strong>Nextcloud-Ordner</strong> und fügen Sie die Daten ein.</li>
-            </div>
+        <li>Die Cloud lädt die Daten nun hoch (erkennbar am blauen Kreis-Symbol unten rechts in der Taskleiste).</li>
-            <h3>Neues Dokument erstellen</h3>
+    </ol>
-            <p>Klicke in der Cloud oben auf das <strong>"+" Symbol</strong> und wähle "Neues Word-Dokument" oder "Neue Tabelle".</p>
+</div>
-        </div>
-    </section>
-    <section id="migration">
-        <h2>4. Migration von OneDrive</h2>
-        <div class="card">
-            <p>Um deine Daten sicher von OneDrive zur BBZ Cloud umzuziehen, empfehlen wir diesen Weg:</p>
-            <ol>
-                <li>Stelle sicher, dass beide Sync-Clients (OneDrive & Nextcloud) auf deinem Laptop aktiv sind.</li>
-                <li>Markiere die Ordner in deinem OneDrive-Lokal-Verzeichnis.</li>
-                <li>Kopiere sie (Strg+C) und füge sie in den neuen BBZ-Cloud Ordner ein (Strg+V).</li>
-                <li>Warte, bis das blaue Synchronisations-Symbol grün wird. <strong>Fertig!</strong></li>
-            </ol>
-        </div>
-    </section>
-</main>
 </body>
 </html>