ReadMe

Inhalt

• Projektarchitektur mit Diagramm
• Requirementsanalyse (User Stories, FR, NFR)
• Beschreibung Datensatz (Quelle, Format, Inhalt, Sample)

Projektarchitektur

graph TD
A[Webapplication] --> B
A --> C[Frontend]
B[Backend] --> D[PHP]
B --> E[MySQL]
B --> F[IP-API]
C --> G[Vue.js]
C --> H[Mapbox]
C --> I[GSAP]

Loading

Requirementsanalyse

User stories Als User will ich mich über die funktionsweise eines Netzwerks informieren um diese im Grundsatz zu verstehen. Als User will ich den Weg von meiner IP bis zur aufgerufenen Webseite verfolgen können und diesen verständlich dargestellt haben, um mir so einen Überblick verschaffen zu können.

Functional requirements

• User kann beliebige Domain eingeben.
• User kann durch Seite navigieren.
• User kann durch Informationen scrollen.
• User kann durch Karte (Mapbox) navigieren.
• User kann Cookies Einstellungen vornehmen.

Non-functional requirements

• Responsiveness
• Performance
• Supported Browser (Chrome, Firefox, Safari)

Datensatz

Geotargeting → IP-API: https://ip-api.com/ Infotexte & Bilder → Selber schreiben und illustrieren.