From 73d0fc5465f8db51a1f4bb8541dcb43309bdfb96 Mon Sep 17 00:00:00 2001
From: Matthias Jung <m.jung@uni-wuerzburg.de>
Date: Sun, 29 Mar 2026 23:24:20 +0200
Subject: [PATCH] feature: add applet for pm

---
 contents/html/applet_pm.html | 27 ++---------------------
 contents/sections/pm.md      | 42 +++++++++++++++++++++++++++---------
 2 files changed, 34 insertions(+), 35 deletions(-)

diff --git a/contents/html/applet_pm.html b/contents/html/applet_pm.html
index 648f01d..331d45e 100644
--- a/contents/html/applet_pm.html
+++ b/contents/html/applet_pm.html
@@ -12,7 +12,7 @@
         <canvas id="fmpm-c2" height="70" class="w-100 d-block rounded"></canvas>
     </div>
     <div class="mb-3">
-        <div class="small text-secondary fw-semibold mb-1">PM – Phase des Trägers folgt dem Signal-Wert</div>
+        <div class="small text-secondary fw-semibold mb-1">PM – Phase des Trägers folgt dem Signal-Wert direkt</div>
         <canvas id="fmpm-c3" height="70" class="w-100 d-block rounded"></canvas>
     </div>
     <hr>
@@ -30,18 +30,7 @@
                 </select>
             </div>
         </div>
-        <div class="row align-items-center g-2">
-            <div class="col-auto" style="min-width:170px;">
-                <label class="col-form-label col-form-label-sm">Anzahl Gitterlinien</label>
-            </div>
-            <div class="col">
-                <input type="range" class="form-range" id="fmpm-gridcount" min="4" max="24" step="1" value="12">
-            </div>
-            <div class="col-auto text-end fw-semibold small" id="fmpm-gridcount-v">12</div>
-        </div>
     </div>
-    <hr>
-    <div id="fmpm-insight"></div>
 </div>
 
 <script>
@@ -66,7 +55,7 @@
   function draw() {
     const depth     = DEPTH;
     const shape     = document.getElementById('fmpm-shape').value;
-    const gridCount = parseInt(document.getElementById('fmpm-gridcount').value);
+    const gridCount = 24;
 
     const cvs = IDS.map(id => document.getElementById(id));
     const dpr = window.devicePixelRatio || 1;
@@ -159,21 +148,9 @@
       });
       ctx.stroke();
     });
-
-    const texts = {
-      sine:   '<strong>Sinus:</strong> FM und PM sehen sehr ähnlich aus. Die gestrichelten Gitterlinien machen den leichten Versatz der Nulldurchgänge sichtbar – bei FM ist er gleichmäßig, bei PM phasenverschoben.',
-      square: '<strong>Rechteck:</strong> Hier wird der Unterschied deutlich! FM springt abrupt zwischen zwei Frequenzen (die Abstände der Nulldurchgänge ändern sich). PM hingegen reagiert nur an den steilen Flanken – dazwischen liegen die Nulldurchgänge fast exakt auf dem Trägerraster.',
-      saw:    '<strong>Sägezahn:</strong> FM zeigt einen kontinuierlichen Frequenzanstieg mit hartem Reset. PM zeigt ebenfalls anwachsenden Versatz – beim Reset entsteht eine kurze Phasenkorrektur, gut an den Nulldurchgängen ablesbar.',
-      ramp:   '<strong>Linearer Anstieg:</strong> FM erhöht die Frequenz stetig (enger werdende Nulldurchgänge). PM zeigt gleichmäßigen Versatz, da die konstante Ableitung des Anstiegs eine feste Frequenzverschiebung ergibt.',
-    };
-    document.getElementById('fmpm-insight').innerHTML = texts[shape] || '';
   }
 
   document.getElementById('fmpm-shape').addEventListener('change', draw);
-  document.getElementById('fmpm-gridcount').addEventListener('input', function () {
-    document.getElementById('fmpm-gridcount-v').textContent = this.value;
-    draw();
-  });
 
   new ResizeObserver(draw).observe(document.getElementById('fmpm-c0'));
   draw();
diff --git a/contents/sections/pm.md b/contents/sections/pm.md
index 8610599..be479c6 100644
--- a/contents/sections/pm.md
+++ b/contents/sections/pm.md
@@ -1,21 +1,43 @@
 Bei der Phasenmodulation wird die Phase einer Trägerwelle in Abhängigkeit vom Modulationssignal verändert. Das bedeutet, dass die Phasenverschiebung der Trägerwelle direkt proportional zur Amplitude des Modulationssignals variiert. Diese Veränderung der Phase bleibt im Verlauf des Signals erhalten und variiert im Vergleich zur ursprünglichen Trägerwelle in einem bestimmten Muster. Das Resultat ist ein sinusförmiges Signal, dessen „Versatz“ (Phase) sich laufend anpasst, ohne dass sich dabei die Amplitude des Signals ändert.
 
-Die Phasenmodulation kann man sich bildlich als das Verschieben der Sinuskurve entlang der Zeitachse vorstellen, wobei jede Veränderung der Phase durch das Modulationssignal gesteuert wird. Je stärker die Amplitude des Modulationssignals, desto mehr verschiebt sich die Phase des Trägersignals. Dabei bleibt die Frequenz des Signals grundsätzlich konstant.
+Die Phasenmodulation kann man sich bildlich als das Verschieben der Sinuskurve entlang der Zeitachse vorstellen, wobei jede Veränderung der Phase durch das Modulationssignal gesteuert wird. Je stärker die Amplitude des Modulationssignals, desto mehr verschiebt sich die Phase des Trägersignals.
 
-[picture:907:a_phasenmodulation:Phasenmodulation mit Umkehrung der Phase]
-
-<indepth>
 Phasenmodulation und Frequenzmodulation gehören beide zur Gruppe der Winkelmodulationstechniken, da sie beide den Winkel der Trägerwelle beeinflussen. Der Unterschied liegt darin, dass bei der Frequenzmodulation die Frequenz und bei der Phasenmodulation die Phase direkt beeinflusst wird.
 
-Die beiden Modulationsarten stehen in einem engen Zusammenhang: Die Phasenmodulation eines Signals hat indirekt eine Veränderung der Frequenz zur Folge, und umgekehrt erzeugt die Frequenzmodulation eine Änderung der Phase. Da Frequenzänderungen letztlich auch eine Änderung der Phase bewirken, kann man Frequenzmodulation durch ein PM-System simulieren.
+Dies zeigt sich besonders deutlich bei einem Rechtecksignal als Nutzsignal: Bei der Phasenmodulation bewirkt jede Flanke des Rechtecks einen sofortigen Phasensprung des Trägersignals, während bei der Frequenzmodulation die Signalflanke lediglich einen Frequenzwechsel auslöst – die daraus resultierende Phasenänderung entsteht erst indirekt, indem sie sich kontinuierlich über die Zeit aufakkumuliert.
 
-In technischen Systemen ist es oft möglich, FM durch PM zu realisieren, indem das Modulationssignal integriert wird. Da die Frequenzänderung die Ableitung der Phase ist, entspricht die Integration des Modulationssignals einer schrittweisen Anpassung der Phase, was die gleiche Wirkung wie Frequenzmodulation erzielt.
-</indepth>
-
-[question:AE313]
+<margin>
+[picture:907:a_phasenmodulation:Phasenmodulation mit Umkehrung der Phase]
+</margin>
 
 <webonly>
 <margin>
 [include:applet_pm]
 </margin>
-</webonly>
\ No newline at end of file
+</webonly>
+
+<indepth>
+Für mathematisch Interessierte: Bei der Phasenmodulation hat das Nutzsignal $m(t)$ einen direkten Einfluss auf die Phase, z. B.: 
+
+$\varphi(t) = m(t)$
+
+Das Trägersignal wird als Sinusschwingung der Form
+
+$s(t) = A_c \cos(2\pi f_c t + \varphi(t))$
+
+erzeugt, wobei $A_c$ die Amplitude, $f_c$ die Trägerfrequenz und $\varphi(t)$ die modulierte Phase ist.
+
+Die beiden Modulationsarten FM und PM stehen in einem engen Zusammenhang: Die Phasenmodulation eines Signals hat indirekt eine Veränderung der Frequenz zur Folge, und umgekehrt erzeugt die Frequenzmodulation eine Änderung der Phase. Mathematisch kann man den Zusammenhang zwischen Frequenz und Phase durch die folgende Beziehung ausdrücken:
+
+$f_i(t) = \frac{1}{2\pi} \cdot \frac{d\varphi(t)}{dt}$
+
+Das bedeutet die Frequenz ist die zeitliche Ableitung der Phase.
+
+Es ist also möglich, die Frequenzmodulation durch Phasenmodulation zu realisieren, indem das Nutzsignal $m(t)$ integriert wird:
+
+$\varphi(t) = 2\pi \int m(t) \, dt$
+
+Das Ergebnis wird anschließend als $\varphi(t)$ in die Trägerfunktion eingesetzt.
+</indepth>
+
+[question:AE313]
\ No newline at end of file