Inhaltsverzeichnis

• Funktionsweise
• Webseiten
• JSON-Formate

Funktionsweise

Kommunikation mit NAT / Port-Forwarding

Webseiten

Landing Page

Dies ist die Startseite, die der Benutzer aufruft. Über diese Seite gelangt er zur eigentlichen Chat-App.

Client Connect Page

Auf dieser Seite kann sich der Benutzer mit einem anderen Anwender verbinden. Hierfür wird der Benutzer nach seinem Namen und nach der IP-Adresse des Gegenüber gefragt. Über die Schaltfläche 'Verbinden' startet er eine Verbindungsanfrage an die angegebene IP-Adresse.

Connect Request Page

Diese Seite bekommt ein Anwender angezeigt, sobald ein anderer Benutzer versucht, eine Verbindung mit dem Anwender aufzubauen. Diese Verbindungsanfrage kann der Anwender nun annehmen oder ablehnen. Zusätzlich bekommt der Anwender den Namen und die IP-Adresse des Benutzer angezeigt, der an ihn eine Verbindungsanfrage gestellt hat.

Chat View Page

Diese Seite repräsentiert die eigentliche Chat-App. Zwei Benutzer haben sich miteinander verbunden und haben auf dieser Seite nun die Möglichkeit sich Nachrichten zu schicken oder über Audio und Video miteinander zu kommunizieren.

JSON-Formate

Es soll ein JSON-Format entwickelt werden, mit dem es möglich ist, sowohl Textnachrichten (Chats) als auch Dateien zwischen den Benutzern auszustauschen. Hierfür könnte beispielsweise folgendes Format verwendet werden:

{
    "senderID": "ID des Absenders, um die Nachricht einem Benutzer zuzuordnen",
    "senderName" : "Name des Absenders",
    "timestamp": 1620836840,
    "type": "chat/file",
    "content": "Textnachricht oder Dateiinhalt"
}

Alternativ muss auch nicht die gesamte Datei in der JSON-Datei übertragen werden, sondern es wird lediglich ein Link in der Nachricht angegeben. Über diesen Link hat der Benutzer daraufhin die Möglichkeit, die entsprechende Datei herunterzuladen.