Software-Entwicklungslebenszyklus & ISTQB-Testprozess — Animierte Übersicht

Die Seite veranschaulicht den Software‑Entwicklungs­lebenszyklus (SDLC) mit seinen sechs Phasen (Anforderungen, Design, Implementierung, Integration, Test, Betrieb & Wartung) und den ISTQB‑Testprozess (Foundation Level) mit seinen sechs Aktivitäten (Testplanung, Testüberwachung & ‑steuerung, Testanalyse, Testdesign, Testrealisierung, Testdurchführung & Testabschluss) als interaktive Darstellung der Hypozykloide. Der SDLC bildet einen feststehenden äußeren Ring; der Testprozess ist als kleinerer Kreis dargestellt, der auf der Innenwand des SDLC‑Rings abrollt. Am animierten Kontaktpunkt ist jederzeit ablesbar, welche Testaktivität gerade auf welche Entwicklungsphase trifft. Da die Radien im Verhältnis 16 : 11 stehen (teilerfremd), werden im Verlauf von 16 SDLC‑Umdrehungen zwingend alle 36 möglichen Kombinationen durchlaufen — jede Testaktivität ist potenziell in jeder Entwicklungsphase relevant. Testüberwachung & ‑steuerung (T 2) ist als gleichwertige, aber begleitende Querschnittsaktivität durch einen zusätzlichen gestrichelten Ring kenntlich gemacht.

Die Seite besteht aus einer HTML‑Datei und einer externen JavaScript‑Datei (sdlc-hypocycle-animiert.js). Das Diagramm wird per JavaScript auf einem HTML5‑canvas‑Element (820 × 800 px) gezeichnet. In jedem Frame berechnet eine requestAnimationFrame‑Schleife den Orbitalwinkel α des ISTQB‑Kreismittelpunkts auf seiner Kreisbahn (Radius 59 px um den SDLC‑Mittelpunkt) sowie die Eigenrotation des rollenden Kreises (wRot = K · α, K = 5/16). Segmente werden als Kreisring‑Sektoren (arc‑Pfade) gezeichnet, aktive Segmente werden per Helligkeitswechsel und Shadow‑Blur hervorgehoben. Das Info‑Panel unterhalb des Canvas zeigt in Echtzeit die aktuelle Kombination. Steuerelemente (Pause/Play, Reset, Tempostufe, Spuranzeige) sind als HTML‑Elemente mit Event‑Listenern umgesetzt; der JS‑Code ist in einer IIFE gekapselt.