{% load static %}

<div class="text-sm grid gap-4">
  <p class="">
    Ob Gebäudemanager, Objektmanager oder Hausverwalter, alle erfassen, tauschen aus und pflegen Informationen, um ihren
    Kunden einen professionellen Service zu bieten. Instant Messaging, die Office-Suite und einige spezielle Datenbanken
    halten die Informationen bereit, die für das Tagesgeschäft benötigt werden. Ein großer Teil der Arbeit wird im
    Backoffice geleistet, um die verschiedenen Datenpools zusammenzuführen.
  </p>

  <p class="">
    Das Foto, das der Kollege im Einsatz schnell per Smartphone verschickt hat, zu welchem Objekt gehört es noch? Solche und
    ähnliche Probleme sollen mit der Entwicklung von „WhatsImmo“ gelöst werden.
  </p>

  <div class="grid justify-center">
    <img src="https://whatsimmo.tobias-gerwin.de/static/WhatsImmo/img/logo.svg" alt="Logo WhatsImmo">
    <p class="text-xs text-gray-600"><span class="font-bold">Abb.:</span> Logo WhatsImmo</p>
  </div>

  <p>
    WhatsImmo bietet mit seiner Objektverwaltung eine hierarchische Organisation aller Informationen im Bereich des
    Immobilienmanagements. Von Liegenschaften/Objekten über Gebäude, Stockwerke und Zonen bis hin zu Räumen. Im folgenden
    Screenshot ist in der linken Spalte eine einfache Objektstruktur dargestellt.
  </p>

  <div class="grid justify-center">
    <img src="{% static 'projekte/img/Screenshot_WhatsImmo_Objektverwaltung_leer.png' %}"
      alt="Screenshot der Objektverwaltung. In der linken Spalte wurden die ersten hierarchischen Objekte angelegt. Kontakte, Dokumente oder Bilder wurden noch nicht erfasst."
      class="border-petrol-500 border-[0.5px]">
    <p class="text-xs text-gray-400">
      <span class="font-bold">Abb.:</span>
        Screenshot der Objektverwaltung. In der linken Spalte wurden die ersten hierarchischen Objekte angelegt. Kontakte,
        Dokumente oder Bilder wurden noch nicht erfasst.
    </p>
  </div>

  <p>

    Diese Spalte dient auch als Navigationsbereich. Abhängig vom ausgewählten Element werden auf der rechten Seite alle
    damit verknüpften Kontakte, Dokumente und Bilder angezeigt. Über den Schalter
    <strong>Vererbung <span class="text-lime-500">An</span>/<span class="text-red-600">Aus</span></strong>
    können auch alle Daten
    der hierarchisch untergeordneten Elemente erfasst werden. So behält man immer den Überblick. Über den
    <strong>+-Button</strong> können
    neue Raumelemente und Objekte angelegt werden.

  </p>


  <p class="">
    Im rechten Bereich können beliebig viele Kontakte, Bilder und typisierte Dateien (Verträge, Korrespondenz, Rechnungen
    etc.) erfasst werden. Die typisierten Dateien wurden vom Auftraggeber definiert und sind in der Version 1.0 fest
    programmiert. Dateien können einfach per Drag & Drop in den verschiedenen Bereichen abgelegt werden. Es können auch
    mehrere Dateien auf einmal hochgeladen werden. Auf Smartphones kann die Dateiablage alternativ über den entsprechenden
    <strong>
      +-Button
    </strong>
    aufgerufen werden. Durch das responsive Design sind die Daten von jedem Endgerät aus leicht zugänglich.
  </p>

  <div class="grid grid-cols-2 gap-2">
    <div class="grid justify-center">
      <img src="{% static 'projekte/img/Bildschirmfoto_Objektverwaktung_1.png' %}"
        alt="Screenshot der Objektverwaltung auf dem Smartphone: Navigationsbereich."
        class="border-petrol-500 border-[0.5px]">
      <p class="text-xs text-gray-400">
        <span class="font-bold">Abb.:</span>
        Screenshot der Objektverwaltung auf dem Smartphone:
        Navigationsbereich.
      </p>
    </div>
    <div class="grid justify-center">
      <img src="{% static 'projekte/img/Bildschirmfoto_Objektverwaktung_2.png' %}"
        alt="Screenshot der Objektverwaltung auf dem Smartphone: Dateien-, Bilder- und Kontaktbereich."
        class="border-petrol-500 border-[0.5px]">
      <p class="text-xs text-gray-400">
        <span class="font-bold">Abb.:</span>
        Screenshot der Objektverwaltung auf dem Smartphone:
        Dateien-, Bilder- und Kontaktbereich.
      </p>
    </div>
  </div>

  <p>
    Die Bestandsdaten der Objekte und Kontakte lagen in einer Access-Datenbank vor. Eine Dokumentation der Datenbank war
    nicht vorhanden. Teil des Auftrages war es daher, die bestehende Datenbank zu analysieren und die Daten in die neue
    Struktur von WhatsImmo zu importieren, ohne dass eine manuelle Übertragung notwendig ist. Die Herausforderung dabei war
    zum einen, dass die Kontaktverwaltung von WhatsImmo dem Konzept von CardDav folgt, um in einer späteren Erweiterung die
    Einbindung als Adressbuch in Smartphones etc. zu ermöglichen. Diese Struktur war in der alten Datenbank nicht
    implementiert.<br> Zum anderen bietet WhatsImmmo mit seiner Objektstruktur höchste Flexibilität in der sinnvollen
    Organisation von Gebäuden. So können z.B. Zonen auch geschossübergreifend verwendet werden. Die Altdatenbank bot hier
    nur die feste Struktur Objekt > Gebäude > Mieteinheit.
  </p>

  <p>
    Früher war eine riesige "Excel-Tapete" im Einsatz, in der über mehrere Dutzend Spalten der jeweilige Status verfolgt
    wurde. Eine Verknüpfung mit der Access-Datenbank gab es nicht.<br>
    Die Auftragsverwaltung von WhatsImmmo ist dagegen in Chat-Gruppen
    organisiert. Die für die Auftragsabwicklung zuständigen Mitarbeitenden sind Teilnehmer der Chat-Gruppe und erhalten neue
    Nachrichten in Echtzeit über das WebSocket-Protokoll.
  </p>

  <div class="grid justify-center">
    <img src="{% static 'projekte/img/Screenshot_WhatsImmo_Auftragsverwaltung.png' %}"
      alt="Screenshot der Auftragsverwaltung. Es wurde ein erster Auftrag 'Hecke schneiden' angelegt. Der Auftrag wurde in 3 Jobs aufgeteilt. Ein Auftrag oder Job kann über die linke Spalte ausgewählt werden. In der mittleren Spalte ist der zugehörige Chat zu sehen. Im rechten Bereich sind die mit den Auftrag zusammenhängendenn Bilder, Dateien und Kontakte aufgeführt."
      class="border-petrol-500 border-[0.5px]">
    <p class="text-xs text-gray-400">
      <span class="font-bold">Abb.:</span>
      Screenshot der Auftragsverwaltung. Es wurde ein erster Auftrag
      <strong>"Hecke schneiden"</strong> angelegt. Der Auftrag ist in Jobs unterteilt.
      Ein Auftrag oder Job kann über die linke Spalte ausgewählt werden.
      In der mittleren Spalte ist der zugehörige Chat zu sehen. Im rechten Bereich
      sind die mit den Auftrag zusammenhängendenn Bilder, Dateien und Kontakte aufgeführt.
    </p>
  </div>
  
  <p>
    Mitarbeitende sehen einen Auftrag in ihrer Auftragsliste, sobald sie diesem Auftrag zugeordnet sind. Bei anderen
    Messengern kann man nur die Nachrichten lesen, die während der eigenen Chatteilnahme geschrieben wurden. Neuen
    Chatteilnehmenden fehlt dadurch oft der Kontext des Auftrags. Bei WhatsImmmo ist ein späteres Hinzufügen problemlos
    möglich. Der Chat wird dauerhaft auf dem Server gespeichert und vollständig auf das Endgerät synchronisiert.
  </p>

  <p>
    Wie von anderen Messengern bekannt, können auch Fotos als Nachrichten verschickt werden. Bei der Verwendung von
    WhatsImmmo mit dem Smartphone hat der Benutzer die Möglichkeit, entweder direkt die Kamera zu verwenden oder ein Bild
    aus der Galerie auszuwählen.
    Da ein Auftrag immer einem Objekt bzw. einer Liegenschaft zugeordnet ist, stehen die im Chat versendeten Bilder und
    Dokumente automatisch in der Objektverwaltung zur Verfügung.
  </p>

  <p>
    Über das Berechtigungskonzept kann die rechte Spalte für einzelne Benutzerinnen und Benutzer unzugänglich gemacht
    werden. Sofern keine administrativen Aufgaben auf die Mitarbeitenden zukommen, reduziert dies die Komplexität.
  </p>

  <p>
    Über einen Workflow mit den Status 
    <strong>
      neu > Job aktiviert > in Arbeit > erledigt 
    </strong>
    kann die Erledigung jedes Jobs verfolgt
    werden. Sobald ein Job vom Backoffice in den Status 
    <strong>
      Job aktiviert
    </strong>
    gesetzt wird, erhalten die Mitarbeitenden in ihrem
    Chat einen Bestätigungsbutton. Über diesen Button kann der Status auf 
    <strong>
      in Bearbeitung 
    </strong>
    gesetzt werden.<br>
    Über den Chat kann die ganze Zeit über mit den Kollegen kommuniziert werden und die Vorgänge sind nachvollziehbar.<br>
    Ist ein Auftrag erledigt, füllt der Mitarbeitende ein kurzes 
    <strong>Jobprotokoll</strong>
    aus, in dem alle abrechnungsrelevanten Daten
    für das Backoffice erfasst werden.
  </p>

  <div class="grid justify-center">
    <img src="{% static 'projekte/img/Screenshot_WhatsImmo_JobProtokoll.png' %}"
      alt="Screenshot des Jobprotokolls"
      class="border-petrol-500 border-[0.5px] max-w-[300px]">
    <p class="text-xs text-gray-400">
      <span class="font-bold">Abb.:</span>
      Screenshot des Jobprotokolls
    </p>
  </div>

  <p>
    Wenn alle Jobs erledigt sind, kann das Backoffice den Auftrag mit der Kundin abrechnen. In diesem Fall werden die
    Rechnungen hauptsächlich als Anhang per E-Mail versendet. Es wurde ein zusätzliches IMAP-Postfach eingerichtet, das
    ebenfalls alle versendeten Rechnungen empfängt. Über einen regelmäßigen Background-Job des Servers wird das Postfach nach neuen Rechnungen
    durchsucht. Anhand der Auftragsnummer werden die Rechnungen vollautomatisch an der richtigen Stelle in WhatsImmmo
    abgelegt. Sie stehen somit ohne doppelte Ablage direkt im Auftrag und in der Objektverwaltung zur Verfügung.
  </p>

  <p>
    Als Progressive Web App (PWA) ist eine einfache Installation auf dem Smartphone (derzeit nur Android) oder Desktop
    möglich. Die Benutzerinnen und Benutzer profitieren vom Komfort einer nativen App. Software-Updates erfolgen über diese
    Technologie vollautomatisch und können nicht übersprungen werden. Somit ist sichergestellt, dass alle immer mit der
    aktuellsten Version arbeiten können.
  </p>

</div>  