htwkalender/frontend/src/components/FaqPage.vue

<script lang="ts" setup></script>

<template>
  <div class="flex align-items-center justify-content-center flex-column">
    <div class="flex align-items-center justify-content-center h-4rem m-2">
      <h1>FAQ</h1>
    </div>

    <div class="flex flex-column col-7">
      <div class="grid my-2">
        <div class="col">
          Wie funktioniert das Kalender erstellen mit dem HTWKalender?
        </div>
        <div class="col">
          Die Webseite ermöglicht es deinen HTWK-Stundenplan in eines deiner
          bevorzugten Kalender-Verwaltungs-Programme (Outlook, Google Kalender,
          etc.) einzubinden.
        </div>
      </div>

      <div class="grid my-2">
        <div class="col">Wie genau funktioniert das alles?</div>
        <div class="col">
          Du wählst deinen Studiengang und das gewünschte Semester aus, danach
          kannst du aus den dazugehörigen Modulen wählen. Dabei kannst du
          einzelne Module an/abwählen wie "Feiertage" oder Wahlpflichtmodule,
          die du nicht belegst. <br />
          Im letzten Schritt wird dir der Link mit dem entsprechenden Token für
          den von dir erstellenten Kalenders angezeigt. Mit diesem Link kannst
          du den Kalender abonnieren oder herunterladen.
        </div>
      </div>

      <div class="grid my-2">
        <div class="col">Wie kann ich den Kalender abonnieren?</div>
        <div class="col">
          <Accordion>
            <AccordionTab header="Google Calendar">
              <ol>
                <li>Erstelle deinen Kalender und kopiere den Link.</li>
                <li>
                  Bei Google Kalender selbst hast du in der linken Seitenleiste
                  eine Sektion namens <em>"Weitere Kalender"</em>. Dort klickst
                  du das kleine Pfeil-Icon rechts neben dem Schritzug. Im
                  daraufhin erscheinenden Menü gibt es einen Punkt
                  <em>"Über URL hinzufügen"</em>, den du anklicken musst.
                </li>
                <li>
                  Füge den kopierten Kalenderlink ein, klicke auf
                  <em>"Kalender hinzufügen"</em> und du bist fertig.
                </li>
              </ol>
            </AccordionTab>
            <AccordionTab header="Microsoft Outlook">
              <p>Unter Outlook 2010:</p>

              <ol>
                <li>Erstelle deinen Kalender und kopiere den Link.</li>
                <li>Klicke auf den Reiter <em>“Start”</em>.</li>
                <li>
                  Dort befindest sich in der Sektion
                  <em>“Kalender verwalten”</em> der Button
                  <em>“Kalender öffnen”</em>, auf den du kicken musst.
                </li>
                <li>
                  Es öffnet sich ein Kontextmenü, in dem du den Punkt
                  <em>“Aus dem Internet”</em> anklickst.
                </li>
                <li>
                  Im daraufhin erscheinenden Fenster kannst du den Link einfügen
                  und mit <em>“OK”</em> bestätigen. Eventuell musst du das
                  Abonnement in einem weiteren Schritt noch bestätigen. Dann
                  bist du fertig.
                </li>
              </ol>

              <p>Unter Outlook 2007:</p>

              <ol>
                <li>Erstelle deinen Kalender und kopiere den Link.</li>
                <li>
                  Unter <em>“Extras”</em> findest du die
                  <em>“Kontoeinstellungen”</em>.
                </li>
                <li>
                  Dort auf den Reiter <em>“Internetkalender”</em> klicken.
                </li>
                <li>Auf <em>“Neu”</em> klicken.</li>
                <li>
                  Im sich öffnenden Fenster musst du den Link einfügen.
                  Allerdings musst du <em>“http://”</em> durch
                  <em>“webcal://”</em> austauschen.
                </li>
                <li>
                  Spätestens beim nächsten Start sollte der Kalender
                  aktualisiert werden und dir fortan zur Verfügung stehen.
                </li>
              </ol>
            </AccordionTab>
            <AccordionTab header="Kalender (OS X)">
              <ol>
                <li>Erstelle deinen Kalender und kopiere den Link.</li>
                <li>
                  Unter <em>“Ablage”</em> findest du den Punkt
                  <em>“Neues Kalenderabonnement”</em> (oder unter Snow Leopard
                  <em>“Abonnieren”</em>).
                </li>
                <li>
                  Im daraufhin erscheinenden Fenster musst du den kopierten Link
                  einfügen und <em>“abonnieren”</em> klicken.
                </li>
                <li>
                  Anschließend kannst du dem Kalender noch einen Namen geben und
                  bestimmen, wie oft er aktualisiert werden soll. Falls du
                  iCloud auf deinem iPhone o.ä. verwendest, empfehle ich dir bei
                  <em>“Ort”</em> unbedingt <em>“iCloud”</em> zu wählen. So hast
                  du deinen Stundenplan ohne weiteres zutun auch unterwegs immer
                  parat.
                </li>
              </ol>
            </AccordionTab>
            <AccordionTab header="Thunderbird">
              <ol>
                <li>Erstelle deinen Kalender und kopiere den Link.</li>
                <li>
                  Im Menü <em>“Termine und Aufgaben”</em> den Punkt
                  <em>“Kalender”</em> wählen.
                </li>
                <li>
                  Links siehst du die Kalenderübersicht. In diesem Bereich über
                  die rechte Maustaste klicken und im darauf erscheinenden
                  Kontextmenü <em>“Neuer Kalender”</em> anklicken.
                </li>
                <li>
                  Du hast die Wahl zwischen <em>“Auf meinem Computer”</em> und
                  <em>“Im Netzwerk”</em>. Bitte letzteres wählen und
                  <em>“Fortsetzen”</em> klicken.
                </li>
                <li>
                  Im folgenden Fenster lässt du das <em>“Format”</em> wie es ist
                  (<em>“iCalender”</em>).
                </li>
                <li>
                  Unter <em>"Adresse"</em> den kopierten Kalenderlink einfügen.
                </li>
                <li>
                  Anschließend kannst du noch einen Namen vergeben und weitere
                  Einstellungen nach Belieben vornehmen.
                </li>
              </ol>
            </AccordionTab>
            <AccordionTab header="IPhone">
              <p>
                Der einfachste Weg unter iOS ist der iCloud-Sync (siehe
                Anleitung für OS X Kalender). Hier ist der andere Weg:
              </p>

              <ol>
                <li>Erstelle deinen Kalender und kopiere den Link.</li>
                <li>Gehe in die <em>“Systemeinstellungen”</em>.</li>
                <li>Dort wählst du <em>“Mail, Kontakte, Kalender”</em>.</li>
                <li><em>“Account hinzufügen”</em> auswählen.</li>
                <li>Ganz unten tippst du auf <em>“Andere”</em>.</li>
                <li>
                  Der letzte Punkt ist <em>“Kalenderabo hinzufügen”</em>. Dort
                  drauftippen.
                </li>
                <li>
                  Im daraufhin erscheinenden Textfeld fügst du den Kalenderlink
                  ein und drückst oben auf <em>“weiter”</em>.
                </li>
                <li>
                  Du kannst noch eine <em>“Beschreibung”</em> vergeben. Den Rest
                  solltest du lassen, wie er ist.
                </li>
                <li>
                  Nach kurzer Zeit taucht der abonnierte Kalender in der
                  Kalender-App auf.
                </li>
              </ol>
            </AccordionTab>
            <AccordionTab header="Android">
              <p>
                Unter Android ist die Synchronisierung mit dem Google Kalender
                die einfachste Variante. Schaue bitte in die Google Kalender
                Anleitung um zu erfahren, wie du den Kalender dort abonnierst.
              </p>
            </AccordionTab>
            <AccordionTab header="Windows Phone">
              <p>
                Am einfachsten ist unter Windows Phone die Synchronisierung über
                Outlook.com:
              </p>

              <ol>
                <li>Erstelle deinen Kalender und kopiere den Link.</li>
                <li>Bei Outlook.com anmelden und in den Kalender wechseln.</li>
                <li>Auf <em>“Subscribe”</em> klicken.</li>
                <li><em>“Subscribe to a public calendar”</em> auswählen.</li>
                <li>Bei <em>“Calendar URL”</em> den Kalenderlink einfügen.</li>
                <li>Sonstige Einstellungen nach Belieben vornehmen.</li>
                <li>Auf <em>“Subscribe to calendar”</em> klicken.</li>
                <li>
                  Das Windows-Phone-Gerät muss mit dem gleichen
                  Outlook.com-Benutzerkonto angemeldet sein. Fortan sollte die
                  Synchronisierung des Kalenders automatisch erfolgen.
                </li>
              </ol>
            </AccordionTab>
          </Accordion>
        </div>
      </div>
      <div class="grid my-2">
        <div class="col">
          Kalender abonnieren? Ich will den <em>downloaden</em>!
        </div>
        <div class="col">
          Das kannst du gern tun. Nachdem dein persönlicher Stundenplan erstellt
          wurde, hast du die Möglichkeit ihn herunterzuladen. Außerdem kannst du
          ihn jederzeit herunterladen, wenn du den generierten Link einfach in
          deinem Browser aufrufst. <br />
          Bedenke hierbei, dass heruntergeladene Kalender bzw. Stundenpläne sich
          nicht aktualisieren werden. Das ist nur möglich, wenn du den Kalender
          abonnierst.
        </div>
      </div>

      <div class="grid my-2">
        <div class="col">
          Ich belege zusätzlich Module aus anderen Studiengängen und möchte
          diese auch in meinem Stundenplan haben.
        </div>
        <div class="col">
          Nachdem du die Möglichkeit hattest, die für deinen Studiengang
          vorgesehenen Module aus dem Modulhandbuch auszuwählen, wirst du auf
          eine zweite Seite weitergeleitet. Dort hast du die Möglichkeit,
          weitere Module aus anderen Studiengängen in deinen Studienplan
          einzufügen.
        </div>
      </div>

      <div class="grid my-2">
        <div class="col my-2">Aktualisierung Probleme mit dem Kalender?</div>
        <div class="col">
          Das liegt vermutlich daran, dass du ihn heruntergeladen statt
          abonniert hast. Automatisch aktualisieren können sich nur Kalender,
          die du abonniert hast. Eine Aktualisierung des Kalenders auf dem
          Server wird täglich um 4:00 Uhr durchgeführt. So wird gewährleistet
          das alle Veränderungen seitens der HTWK übernommen werden.
        </div>
      </div>

      <div class="grid my-2">
        <div class="col">
          Wie lange ist mein Stundenplan bzw. der Link dorthin gültig?
        </div>
        <div class="col">
          Studenpläne sind erstmal nur für die ausgewählten Semester gültig. Da
          durch Wahlpflichtmodule oder deine Planung sich Veränderungen ergeben
          können.
        </div>
      </div>

      <div class="grid my-2">
        <div class="col">Preis und Entwicklung?</div>
        <div class="col">
          Die Kosten können durch das selbständiges Hosting vollständig
          ausgelagert werden. Die Entwicklung soll als aktives Git Projekt auch
          durch die Community verwaltet werden.
        </div>
      </div>
      <p>
        Nicht gefunden, wonach du suchst?<br />
        <a href="/imprint">Kontakt aufnehmen</a>
      </p>
    </div>
  </div>
</template>

<style scoped></style>