anleitungen_lul:onboarding_sus

Dies ist eine alte Version des Dokuments!


Digitale Plattformen am BBZ RD-ECK - Onboarding Guide

🎓 Digitale Plattformen am BBZ RD-ECK

Herzlich willkommen am BBZ Rendsburg-Eckernförde!

Damit Sie schnell mit unseren digitalen Werkzeugen arbeiten können, folgen Sie einfach dieser Schritt-für-Schritt-Anleitung.

Die wichtigsten ersten Schritte auf einen Blick:

1. Schul-PC einschalten
2. Passwort festlegen
3. WLAN einrichten
4. Apps auf eigenen Geräten installieren

      <div class="section-group" id="erste-schritte">
          <div class="section-group-header">
              <h2>🚀 Erste Schritte - Login & Verbindung</h2>
              <p>Hier legen Sie die Grundlage für alle anderen Schritte</p>
          </div>
          <div class="section-group-content">
              <div class="login-info">
                  <h2>🔐 Ihre Login-Daten</h2>
                  <p>Für alle wichtigen Dienste haben Sie die gleichen Anmeldedaten, die Sie von Ihrer Klassenlehrkraft bekommen:</p>
                  
                  <div class="login-credentials">
                      vorname.nachname@sus.bbz-rd-eck.de
                  </div>
                  
                  <div class="info-box">
                      Ihr Passwort legen Sie beim ersten Login am Schul-PC selbst fest.
                  </div>
              </div>
              <div class="step-container">
                  <h2>🖥️ Schritt 1: Anmeldung im Schulnetz</h2>
                  <div class="steps">
                      <div class="step">
                          Starten Sie einen PC im DV-Raum oder einen Laptop aus dem Laptopwagen.
                      </div>
                      <div class="step">
                          Loggen Sie sich mit den Daten ein, die Sie von Ihrer Klassenlehrkraft erhalten.
                      </div>
                      <div class="step">
                          Sie werden aufgefordert, ein neues Passwort zu vergeben.
                      </div>
                  </div>
                  
                  <div class="password-requirements">
                      <h4>Passwort-Anforderungen:</h4>
                      <div class="requirement">Mindestens 8 Zeichen lang</div>
                      <div class="requirement">Einen Großbuchstaben</div>
                      <div class="requirement">Einen Kleinbuchstaben</div>
                      <div class="requirement">Eine Zahl</div>
                      <div class="requirement">Ein Sonderzeichen (z.B. Ausrufezeichen)</div>
                  </div>
                  
                  <div class="tip">
                      Speichern Sie das Passwort in Ihrem Smartphone - entweder in Ihrem Passwortmanagement oder unter einem fiktiven Namen in den Kontakten.
                  </div>
              </div>
              <div class="step-container">
                  <h2>📶 Schritt 2: WLAN-Einrichtung</h2>
                  <p><strong>Netzwerk:</strong> BBZ-Clients</p>
                  
                  <div class="platform-tabs">
                      <button class="platform-tab active" onclick="showPlatformContent('wifi-android', this)">🤖 Android</button>
                      <button class="platform-tab" onclick="showPlatformContent('wifi-ios', this)">🍎 iOS</button>
                      <button class="platform-tab" onclick="showPlatformContent('wifi-windows', this)">🪟 Windows</button>
                      <button class="platform-tab" onclick="showPlatformContent('wifi-chromebook', this)">💻 Chromebook</button>
                  </div>
                  
                  <div class="platform-content active" id="wifi-android">
                      <div class="steps">
                          <div class="step">WLAN-Einstellungen öffnen → "BBZ-Clients" auswählen</div>
                          <div class="step"><strong>EAP-Methode:</strong> PEAP</div>
                          <div class="step"><strong>Phase 2-Authentifizierung:</strong> MSCHAPv2</div>
                          <div class="step"><strong>CA-Zertifikat:</strong> nicht überprüfen</div>
                          <div class="step"><strong>Benutzername:</strong> vorname.nachname (ohne @sus.bbz-rd-eck.de)</div>
                          <div class="step"><strong>Passwort:</strong> Ihr selbst vergebenes Passwort</div>
                      </div>
                  </div>
                  
                  <div class="platform-content" id="wifi-ios">
                      <div class="steps">
                          <div class="step">Einstellungen → WLAN → "BBZ-Clients" auswählen</div>
                          <div class="step"><strong>Benutzername:</strong> vorname.nachname</div>
                          <div class="step"><strong>Passwort:</strong> Ihr selbst vergebenes Passwort</div>
                          <div class="step">Zertifikat-Warnung mit "Vertrauen" bestätigen</div>
                      </div>
                  </div>
                  
                  <div class="platform-content" id="wifi-windows">
                      <div class="steps">
                          <div class="step">WLAN-Symbol → "BBZ-Clients" → Verbinden</div>
                          <div class="step"><strong>Benutzername:</strong> vorname.nachname</div>
                          <div class="step"><strong>Passwort:</strong> Ihr selbst vergebenes Passwort</div>
                          <div class="step">Bei Zertifikat-Warnung "Verbinden" wählen</div>
                      </div>
                  </div>
                  
                  <div class="platform-content" id="wifi-chromebook">
                      <div class="steps">
                          <div class="step">Einstellungen → Internet → WLAN → "BBZ-Clients"</div>
                          <div class="step"><strong>EAP-Methode:</strong> PEAP</div>
                          <div class="step"><strong>Phase 2-Authentifizierung:</strong> MSCHAPv2</div>
                          <div class="step"><strong>Identität:</strong> vorname.nachname</div>
                          <div class="step"><strong>Passwort:</strong> Ihr selbst vergebenes Passwort</div>
                      </div>
                      <div class="info-box">
                          Ausführliche Anleitung: <a href="https://support.google.com/chromebook/answer/1047420?hl=de" style="color: white; text-decoration: underline;">Google Support</a>
                      </div>
                  </div>
                  
                  <div class="warning">
                      Falls es nicht funktioniert: WLAN ausschalten → 5 Sekunden warten → WLAN einschalten. Der Verbindungsaufbau kann bis zu einer Minute dauern.
                  </div>
                  
                  <div class="expandable">
                      <div class="expandable-header" onclick="toggleExpandable(this)">
                          🔧 Erweiterte Problemlösung (klicken zum Aufklappen)
                      </div>
                      <div class="expandable-content">
                          <p><strong>Bei Zertifikat-Problemen (Google Pixel):</strong></p>
                          <div class="download-links">
                              <a href="https://stash.cat/s/QCDdU6YnpQCIyy" class="download-link">
                                  📜 Zertifikat herunterladen<br>
                                  <small>Domain: snrd.local</small>
                              </a>
                          </div>
                          <p>Installation: Einstellungen → Sicherheit → Zertifikat installieren</p>
                      </div>
                  </div>
              </div>
          </div>
      </div>
      <div class="section-group" id="untis">
          <div class="section-group-header">
              <h2>📅 Apps installieren - Stundenplan & mehr</h2>
          </div>
          <div class="section-group-content">
              <div class="step-container">
                  <h2>📅 Schritt 2: UNTIS - Der Stundenplan</h2>
                  
                  <div class="platform-tabs">
                      <button class="platform-tab active" onclick="showPlatformContent('untis-android', this)">🤖 Android</button>
                      <button class="platform-tab" onclick="showPlatformContent('untis-ios', this)">🍎 iOS</button>
                  </div>
                  
                  <div class="platform-content active" id="untis-android">
                      <div class="download-links">
                          <a href="https://play.google.com/store/apps/details?id=com.grupet.web.app" class="download-link">
                              📱 UNTIS Mobile<br>
                              <small>Google Play Store</small>
                          </a>
                      </div>
                  </div>
                  
                  <div class="platform-content" id="untis-ios">
                      <div class="download-links">
                          <a href="https://apps.apple.com/de/app/untis-mobile/id926186904" class="download-link">
                              📱 UNTIS Mobile<br>
                              <small>Apple App Store</small>
                          </a>
                      </div>
                  </div>
                  
                  <div class="steps">
                      <div class="step">
                          App herunterladen und installieren
                      </div>
                      <div class="step">
                          Schule suchen: <strong>bbz-rd-eck</strong> eingeben
                      </div>
                      <div class="step">
                          Mit Ihren Login-Daten anmelden
                      </div>
                  </div>
                  
                  <div class="tip">
                      Über die UNTIS-App können Sie auch direkt Moodle und CryptPad öffnen - tippen Sie auf das "Start"-Symbol!
                  </div>
              </div>
          </div>
      </div>
      <div class="section-group" id="schulcloud">
          <div class="section-group-header">
              <h2>💬 schul.cloud - Kommunikation & Zusammenarbeit</h2>
          </div>
          <div class="section-group-content">
              <div class="step-container">
                  <h2>💬 Schritt 3: schul.cloud für Smartphones</h2>
                  
                  <div class="download-links">
                      <a href="https://schul.cloud/#c435" class="download-link">
                          📱 schul.cloud App<br>
                          <small>Android & iOS</small>
                      </a>
                  </div>
                  
                  <div class="steps">
                      <div class="step">
                          <strong>E-Mail-Adresse:</strong> vorname.nachname@sus.bbz-rd-eck.de
                      </div>
                      <div class="step">
                          <strong>Passwort:</strong> Ihr selbst vergebenes Passwort
                      </div>
                      <div class="step">
                          <strong>Verschlüsselungskennwort:</strong> Das bei der ersten Anmeldung vergebene Kennwort
                      </div>
                  </div>
                  
                  <div class="warning">
                      Bei der ersten Anmeldung in schul.cloud müssen Sie ein zusätzliches Verschlüsselungskennwort festlegen. Notieren Sie sich dieses gut - bei Verlust gehen möglicherweise Nachrichten verloren!
                  </div>
              </div>
          </div>
      </div>
      <div class="section-group" id="moodle">
          <div class="section-group-header">
              <h2>📚 Moodle - Lernplattform</h2>
          </div>
          <div class="section-group-content">
              <div class="step-container">
                  <h2>📚 Schritt 4: Moodle - Lernplattform</h2>
                  
                  <div class="download-links">
                      <a href="https://moodle.bbz-rd-eck.de" class="download-link">
                          🌐 Moodle Web<br>
                          <small>Direkt im Browser</small>
                      </a>
                  </div>
                  
                  <div class="steps">
                      <div class="step">
                          <strong>Anmeldename:</strong> Ihre Schul-E-Mail-Adresse
                      </div>
                      <div class="step">
                          <strong>Kennwort:</strong> Ihr selbst vergebenes Passwort
                      </div>
                  </div>
                  
                  <div class="info-box">
                      Über die BBZ-Cloud-App sind Sie automatisch eingeloggt - einfach auf den "Moodle"-Button klicken!
                  </div>
              </div>
          </div>
      </div>
      <div class="section-group" id="office">
          <div class="section-group-header">
              <h2>💻 Microsoft Office - Produktivität</h2>
          </div>
          <div class="section-group-content">
              <div class="step-container">
                  <h2>💻 Schritt 5: Microsoft Office</h2>
                  
                  <h3 style="color: #2c3e50; margin: 20px 0;">Drei Nutzungsmöglichkeiten:</h3>
                  
                  <div class="download-links">
                      <a href="https://office.com" class="download-link">
                          🌐 Office Online<br>
                          <small>Direkt im Browser</small>
                      </a>
                      <a href="https://office.com" class="download-link">
                          💻 Desktop Apps<br>
                          <small>Windows & Mac Download</small>
                      </a>
                      <div class="download-link" style="background: linear-gradient(135deg, #2ecc71, #27ae60);">
                          📱 Mobile Apps<br>
                          <small>App Store & Play Store</small>
                      </div>
                  </div>
                  
                  <div class="tip">
                      Melden Sie sich mit Ihren Schul-Logindaten an, um alle Funktionen nutzen zu können.
                  </div>
                  
                  <div class="warning">
                      <strong>Wichtiger Hinweis:</strong> Mails über Ihren Schüler-Account kommen bei Lehrkräften nicht an. Nutzen Sie schul.cloud für Nachrichten an Ihre Lehrkräfte!
                  </div>
              </div>
          </div>
      </div>
      <div class="section-group" id="bbzcloud">
          <div class="section-group-header">
              <h2>☁️ BBZ-Cloud-App - Ihr digitaler Arbeitsplatz</h2>
          </div>
          <div class="section-group-content">
              <div class="step-container">
                  <h2>☁️ Schritt 6: BBZ-Cloud-App Installation (Windows, Mac, Linux, Chromebook)</h2>
                  <p>Die BBZ-Cloud-App vereint alle wichtigen Funktionen in einer Anwendung.</p>
                  
                  <div class="platform-tabs">
                      <button class="platform-tab active" onclick="showPlatformContent('bbz-windows', this)">🪟 Windows</button>
                      <button class="platform-tab" onclick="showPlatformContent('bbz-mac', this)">🍎 Mac</button>
                      <button class="platform-tab" onclick="showPlatformContent('bbz-linux', this)">🐧 Linux</button>
                      <button class="platform-tab" onclick="showPlatformContent('bbz-chromebook', this)">💻 Chromebook</button>
                  </div>
                  
                  <div class="platform-content active" id="bbz-windows">
                      <div class="download-links">
                          <a href="https://kurzelinks.de/bbz-cloud" class="download-link">
                              💻 BBZ-Cloud für Windows<br>
                              <small>Direkt herunterladen</small>
                          </a>
                      </div>
                  </div>
                  
                  <div class="platform-content" id="bbz-mac">
                      <div class="download-links">
                          <a href="https://kurzelinks.de/bbz-cloud" class="download-link">
                              🍎 BBZ-Cloud für Mac<br>
                              <small>Direkt herunterladen</small>
                          </a>
                      </div>
                  </div>
                  
                  <div class="platform-content" id="bbz-linux">
                      <div class="download-links">
                          <a href="https://kurzelinks.de/bbz-cloud" class="download-link">
                              🐧 BBZ-Cloud für Linux<br>
                              <small>Direkt herunterladen</small>
                          </a>
                      </div>
                  </div>
                  
                  <div class="platform-content" id="bbz-chromebook">
                      <div class="download-links">
                          <a href="https://app.schul.cloud" class="download-link">
                              🌐 Web-Version<br>
                              <small>Für Chromebooks</small>
                          </a>
                      </div>
                      <div class="info-box">
                          Alternativ: Linux-Subsystem aktivieren und Linux-Version verwenden
                      </div>
                  </div>
                  
                  <div class="steps">
                      <div class="step">
                          <strong>E-Mail-Adresse:</strong> vorname.nachname@sus.bbz-rd-eck.de
                      </div>
                      <div class="step">
                          <strong>Passwort:</strong> Ihr selbst vergebenes Passwort
                      </div>
                      <div class="step">
                          <strong>WebUntis Benutzername:</strong> vorname.nachname
                      </div>
                      <div class="step">
                          <strong>WebUntis Passwort:</strong> Ihr selbst vergebenes Passwort
                      </div>
                      <div class="step">
                          <strong>BigBlueButton-Passwort:</strong> LEER lassen!
                      </div>
                  </div>
              </div>
          </div>
      </div>
      <div class="footer">
          <h2>📞 Support</h2>
          <h3>Wenden Sie sich bitte zuerst an Ihre Klassenlehrkraft bei Fragen und Problemen.</h3>
          
          <div class="contact-grid">
              <div class="contact-card">
                  <strong>IT Service</strong><br>
                  <a href="mailto:it-service@bbz-rd-eck.de">it-service@bbz-rd-eck.de</a>
              </div>
              <div class="contact-card">
                  <strong>Verantwortlicher: Dennis Clausen</strong><br>
                  <a href="mailto:dennis.clausen@bbz-rd-eck.de">dennis.clausen@bbz-rd-eck.de</a>
              </div>
          </div>
          
          <div style="margin-top: 30px; padding: 20px; background: #f8f9fa; border-radius: 10px;">
              <p><strong>Version 2.0</strong> | Erstellt am: 29.08.2024</p>
              <p><a href="https://forms.microsoft.com/pages/responsepage.aspx?id=WOfuEATbPkS4I69P4tELUBPZgm7GeMFNgub9zuiLB8lUREM5Q0VSTDkwSjc4R0lPMjkxMEZORUJBUy4u&route=shorturl" style="color: #3498db; text-decoration: none;">📝 Feedback geben</a></p>
          </div>
      </div>
  </div>
  <script>
      // Platform tab switching functionality
      function showPlatformContent(contentId, tabElement) {
          // Hide all platform contents in the same container
          const container = tabElement.closest('.step-container');
          const contents = container.querySelectorAll('.platform-content');
          const tabs = container.querySelectorAll('.platform-tab');
          
          contents.forEach(content => content.classList.remove('active'));
          tabs.forEach(tab => tab.classList.remove('active'));
          
          // Show selected content and activate tab
          document.getElementById(contentId).classList.add('active');
          tabElement.classList.add('active');
      }
      // Expandable content functionality
      function toggleExpandable(headerElement) {
          const content = headerElement.nextElementSibling;
          headerElement.classList.toggle('active');
          content.classList.toggle('active');
      }
      // Progress tracking functionality
      function updateProgress() {
          const steps = document.querySelectorAll('.progress-step');
          const progressFill = document.getElementById('progressFill');
          
          let completedSteps = 0;
          steps.forEach((step, index) => {
              if (step.classList.contains('completed')) {
                  completedSteps++;
              }
          });
          
          const progressPercentage = (completedSteps / steps.length) * 100;
          progressFill.style.width = progressPercentage + '%';
      }
      // Initialize progress tracking
      document.addEventListener('DOMContentLoaded', function() {
          const progressSteps = document.querySelectorAll('.progress-step');
          
          progressSteps.forEach(step => {
              step.addEventListener('click', function(e) {
                  e.preventDefault();
                  
                  // Toggle completed state
                  this.classList.toggle('completed');
                  
                  // Update progress bar
                  updateProgress();
                  
                  // Scroll to section
                  const targetId = this.getAttribute('href');
                  const targetSection = document.querySelector(targetId);
                  if (targetSection) {
                      targetSection.scrollIntoView({ behavior: 'smooth' });
                  }
              });
          });
          
          // Initial progress update
          updateProgress();
      });
  </script>

</body> </html>