Nohn IT KontaktGespräch vereinbaren

Web-App entwickeln lassen

Wir bauen Portale und Plattformen, die im Browser auf Rechner und Handy laufen, und betreiben sie auf Wunsch weiter.

Gespräch vereinbaren

Das Lernzimmer von KeinBock zeigt sechs Fachkarten, eine 3D-Ziege mit Sprechblase, den gefüllten Futternapf, eine Truhe und Erfolgstafeln an der Wand, alle Daten sind fiktiv.
KeinBock.io, Lernzimmer im Browser, Demo-Konto mit fiktiven Daten

KeinBock.io

Unsere eigene Lernplattform für Schule und Studium, von uns konzipiert, entwickelt und betrieben.

  • Next.js und React im Browser
  • PostgreSQL als Datenbank
  • 3D-Lernzimmer mit three.js
  • Installierbar, mit Web-Push

183

Datenmodelle hat KeinBock.io. Stand 10. November 2026.

Kurz gesagt

Eine Web-App ist eine Anwendung im Browser, etwa ein Kundenportal, eine Planungstafel oder eine Lernplattform. Wir entwickeln sie für Betriebe, die einen eigenen Ablauf abbilden oder ein eigenes Produkt anbieten wollen. Wenn Sie bei uns eine Web-App entwickeln lassen, bekommen Sie eine laufende Anwendung mit Anmeldung, Rechten und Datenbank für Rechner und Handy, auf Wunsch mit Betrieb durch uns.

Am Ende liegt vor

  • Eine Anwendung im Browser, für Rechner und Handy
  • Konten, Rollen und Rechte
  • Eine Datenbank, deren Aufbau sich in nachvollziehbaren Schritten ändert
  • Auslieferung mit automatischen Tests und Sicherung

Wobei eine Web-App hilft

Vier Aufgaben aus dem Alltag, jede mit einer Stelle aus Anwendungen, die wir gebaut haben.

Zwei Personen planen gleichzeitig denselben Tag: Oben erscheint das Kürzel des Kollegen, auf der Tafel sein Mauszeiger mit Namen; alle Daten sind fiktiv.
Betriebsplattform: zwei planen denselben Tag Musterdaten

Mehrere arbeiten gleichzeitig

In der Betriebsplattform für einen Dachdeckerbetrieb können zwei Personen gleichzeitig denselben Tag planen. Jeder sieht, wer gerade mitplant, und Änderungen kommen ohne Neuladen an.

In KeinBock.io kann sich eine Lerngruppe gleichzeitig in einem gemeinsamen 3D-Zimmer treffen.

Referenz Molderings: Betriebsplattform, im Betrieb

Ein Portal mit Konten und Rollen

Kunden, Mitglieder oder Lernende melden sich selbst an. In KeinBock.io bestätigen sie ihre E-Mail, für Kinder unter 16 willigen die Eltern über einen eigenen Link ein. Adminrechte prüft die Plattform bei jedem Zugriff neu.

Das Lernzimmer von KeinBock auf dem Handy zeigt Fachkarten, die 3D-Ziege mit Sprechblase, den gefüllten Futternapf und die untere Leiste mit Start, Lernen, Spiele und Coach, alle Daten sind fiktiv.
KeinBock.io auf dem Handy

Läuft auf dem Handy, ohne App Store

Die Oberfläche passt sich der Bildschirmbreite an. KeinBock.io lässt sich zusätzlich wie eine App auf dem Startbildschirm ablegen, zeigt ohne Netz eine eigene Offline-Seite und schickt auf Wunsch Erinnerungen per Web-Push.

Zahlen, die sich selbst rechnen

Statt Listen zusammenzukopieren, rechnet die Anwendung Kennzahlen aus den eigenen Daten. In KeinBock.io sieht jede lernende Person Stand, Serie und fällige Karten. Die Betriebsplattform zeigt Auftragswert, fakturierten Umsatz und offene Posten.

Die Statistik von KeinBock zeigt Gesamtpunkte, Genauigkeit, Lernzeit und reife Karten neben der laufenden Lernserie und den fälligen Karten, alle Daten sind fiktiv.
KeinBock.io, Statistik Demo-Konto, fiktive Daten

So ist KeinBock.io gebaut

Das Architekturbild zeigt den Lerncoach, der aus den eigenen Unterlagen antwortet. Darunter dieselben Schritte als Text.

Projektarchitektur: Lernplattform KeinBock.io Der Lerncoach von KeinBock.io antwortet aus den eigenen Unterlagen der lernenden Person und nennt die Quellen. Vor jedem KI-Aufruf prüft die Plattform Zugang und KI-Budget des Kontos. Menschen KeinBock.io Lernplattform, Server in Deutschland Nohn IT KI-Anbieter Extern Lernende Schule, Studium Zugang und Budget Anmeldung, KI-Hinweis und Budget je Konto Lerncoach erklärt, nennt Quellen Quellensuche nur eigene Unterlagen Datenbank Lerndaten, Abschnitte, Vektoren (PostgreSQL) Fächer und Karten Wiederholung Unterlagen einlesen PDF, Word, Text Sprachmodell in den USA Vektoren berechnen in den USA Frage 1 freigegeben 2 sucht 3 Frage, Abschnitte 4 Antwort 5 lädt hoch Abschnitte Legende Von Nohn IT gebaut Externer Dienst Mensch oder Kanal Direkter Aufruf Weg zum Sprachmodell Geprüft, freigegeben 1 Schritt im Ablauf Ebene L1 · Stand 11/2026 · Vereinfacht, aus dem Code
Projektarchitektur: Lernplattform KeinBock.io Der Lerncoach von KeinBock.io antwortet aus den eigenen Unterlagen der lernenden Person und nennt die Quellen. Vor jedem KI-Aufruf prüft die Plattform Zugang und KI-Budget des Kontos. Menschen KeinBock.io Nohn IT KI-Anbieter Extern Lernende Schule, Studium Zugang und Budget Anmeldung, KI-Hinweis und Budget je Konto Lerncoach erklärt, nennt Quellen Quellensuche nur eigene Unterlagen Datenbank Lerndaten, Abschnitte, Vektoren (PostgreSQL) Sprachmodell in den USA Frage 1 freigegeben 2 sucht 3 4 5 Ebene L1 · Stand 11/2026 Vereinfacht, aus dem Code
  • Von Nohn IT gebaut
  • Externer Dienst
  • Mensch oder Kanal
  • Direkter Aufruf
  • Weg zum Sprachmodell
  • Geprüft, freigegeben
  • Schritt im Ablauf
Architekturbild. Blau: von uns gebaut. Die Server stehen in Deutschland, für KI-Funktionen gehen Textabschnitte an Anbieter in den USA.

Der Weg einer Frage

  1. Eine lernende Person stellt dem Lerncoach eine Frage zu ihren Unterlagen.
  2. Vor jedem KI-Aufruf prüft die Plattform Anmeldung, bestätigte E-Mail, bestätigten KI-Hinweis und das KI-Budget des Kontos. Erst dann arbeitet der Coach.
  3. Der Lerncoach sucht passende Abschnitte, und zwar nur in den Unterlagen dieses Kontos.
  4. Die Frage und die gefundenen Abschnitte gehen an das Sprachmodell eines Anbieters.
  5. Der Lerncoach antwortet und nennt die Unterlagen, aus denen die Antwort stammt. Der Verbrauch wird auf dem KI-Budget des Kontos gebucht.

Was daran Web-App ist

  • Oberfläche mit Next.js und React, in vier Sprachen
  • PostgreSQL mit 183 Datenmodellen, jede Änderung als Migration
  • Echtzeit über Server-Sent Events für Chat und Lerngruppen
  • Anmeldung mit Sperre nach Fehlversuchen, Eingaben werden geprüft
  • Einstellungen für Schriftgröße, Kontrast und reduzierte Bewegung

Referenz KeinBock.io. Eigenes Produkt: Konzeption, Entwicklung und Betrieb

16

Versionen der Betriebsplattform von 0.1.0 bis 1.8.0

Zweites Beispiel: eine Betriebsplattform

Für einen Dachdeckerbetrieb am Niederrhein haben wir Aufträge, Einsatzplanung, Dokumente und Abrechnung in eine Web-App gebracht. Sie ist im Betrieb, und jede Version kam mit einem „Was ist neu“ für die Anwender.

So gehen wir vor

Vier Schritte. Nach jedem haben Sie etwas in der Hand und entscheiden, ob es weitergeht.

  • Klären und zeichnen

    Ein Termin vor Ort oder digital. Wir gehen den Ablauf durch, der zuerst laufen muss, und sehen uns vorhandene Programme und Daten an.

    In Ihrer Hand: Ein Architekturbild und eine schriftliche Beschreibung der ersten Version: Kernablauf, Rollen, Daten, Schnittstellen und grober Aufwand.

  • Erste nutzbare Version

    Wir bauen nur den Kernablauf, mit Anmeldung und Rechten. Erprobt wird mit Testdaten, bevor echte Daten hineinkommen.

    In Ihrer Hand: Eine laufende Version im Browser und eine klare Antwort: weiterbauen, anpassen oder lassen.

  • Umsetzung

    Weitere Funktionen kommen in versionierten Auslieferungen dazu, mit automatischen Tests, Rechtekonzept, Datenbank-Migrationen und Sicherheitsprüfung in einer Testumgebung.

    In Ihrer Hand: Zu jeder Version ein verständliches „Was ist neu“ für die Anwender. Umfang und Reihenfolge stehen schriftlich fest.

  • Betrieb und Weiterentwicklung

    Betrieb auf unseren Servern oder in Ihrer Umgebung, Auslieferung per Pipeline mit Sicherung vor jedem Ausrollen, Sicherheitsupdates.

    In Ihrer Hand: Ein System, das gepflegt wird und mit dem Betrieb wächst. Reaktionszeiten sagen wir nur so zu, wie wir sie halten können.

Vorgehen und Pakete

Die Schritte entsprechen unseren Angebotspaketen. Bei KI-Vorhaben heißen die ersten beiden Potenzialcheck und Pilot.

Was jedes Paket enthält und wo seine Grenzen liegen

Wann es passt, wann nicht

Website, Web-App oder native App: Die Wahl hängt davon ab, was Ihre Anwender damit tun.

Drei Arten im Vergleich

Website Web-App Native App
Wozu informieren, gefunden werden arbeiten: anmelden, eingeben, planen auf dem Gerät nutzen
Wo im Browser im Browser, auf Rechner und Handy iOS und Android, nach Installation
Konten meist keine ja, mit Rollen und Datenbank ja, meist mit Server dahinter
Neue Version sofort sofort bei allen über App Store und Google Play, nach deren Prüfung

Eine Web-App passt, wenn

  • Mehrere Personen arbeiten mit denselben Daten, an verschiedenen Orten und auf verschiedenen Geräten.
  • Ihr Ablauf passt in kein fertiges Programm, oder Sie wollen ein eigenes Produkt im Browser anbieten.
  • Neue Funktionen sollen sofort bei allen ankommen, ohne dass jemand etwas installiert.

Sie passt nicht, wenn

  • Ein fertiges Programm deckt Ihren Ablauf schon ab. Dann sagen wir das und raten zur fertigen Lösung.
  • Sie wollen nur informieren und gefunden werden. Dafür reicht eine Website.
  • Die Anwendung soll in App Store und Google Play stehen oder braucht Gerätefunktionen, die der Browser nicht bietet. Dann ist eine native App oft die bessere Wahl.

Verwandte Leistungen

Häufige Fragen

Was ist der Unterschied zwischen Web-App und Website?

Eine Website informiert: Sie wird gelesen und gefunden. Eine Web-App wird benutzt: Man meldet sich an, gibt Daten ein, plant oder lernt. Dafür braucht sie Konten, Rechte und eine Datenbank. Beides läuft im Browser.

Brauche ich eine Web-App oder eine native App?

Eine Web-App läuft ohne Installation auf Rechner und Handy, und jede neue Version ist sofort bei allen. Eine native App lohnt sich, wenn die Anwendung tief ins Gerät greift oder im App Store und bei Google Play stehen soll. Oft ist die Web-App der schnellere Einstieg, eine App kann später dazukommen.

Wie schnell gibt es eine erste nutzbare Version?

Das hängt vom Kernablauf ab. Wir legen im ersten Schritt fest, was zuerst laufen muss, und bauen genau das als erste Version. Wie lange das dauert, schätzen wir danach schriftlich ab. Eine Wochenzahl vor diesem Schritt nennen wir nicht.

Läuft die Web-App auch auf dem Handy?

Ja. Die Oberfläche passt sich der Bildschirmbreite an. Auf Wunsch lässt sich die Web-App wie eine App auf dem Startbildschirm ablegen und schickt Erinnerungen per Web-Push, so wie unsere Lernplattform KeinBock.io.

Was kostet der laufende Betrieb?

Das hängt von Server, Datenmenge und angebundenen Diensten ab, etwa Mailversand, Zahlungsanbieter oder KI-Modelle. Welche Posten bei Ihnen anfallen, klären wir im ersten Schritt. Betrieb, Updates und Weiterentwicklung gibt es bei uns als eigenes Paket.

Wo läuft die Web-App und wo liegen die Daten?

Auf Linux-Servern, die wir selbst betreiben, oder in Ihrer Umgebung, das entscheiden Sie. Welche externen Dienste Daten erhalten, steht vorher im Architekturbild. Bei KeinBock.io stehen die Server in Deutschland, für KI-Funktionen gehen Textabschnitte an Anbieter in den USA.

Können vorhandene Programme angebunden werden?

Ja, über Schnittstellen oder Dateiimporte. Die Betriebsplattform für einen Dachdeckerbetrieb liest zum Beispiel Leistungsverzeichnisse aus PDF und GAEB-Dateien, KeinBock.io bindet einen Zahlungsanbieter und den Mailversand an und lässt KI-Assistenten über MCP nach Freigabe mit den eigenen Lernkarten arbeiten.