diff --git a/experiment-descriptor.json b/experiment-descriptor.json index 85486cb..15344c0 100644 --- a/experiment-descriptor.json +++ b/experiment-descriptor.json @@ -40,7 +40,7 @@ { "target": "index.html", "source": "simulation/binary_erasure_channel.html", - "label": "Binary Channels", + "label": "Simulation", "unit-type": "task", "content-type": "simulation" }, diff --git a/experiment/aim.md b/experiment/aim.md index 89697a3..93914c3 100644 --- a/experiment/aim.md +++ b/experiment/aim.md @@ -1,3 +1 @@ -### Aim of the experiment - This experiment will enable the user to understand the above aspects of these channels. The user is expected to know basics of probability distributions (such as Bernoulli, Binomial, and Gaussian distributions) and the notion of conditional probability, to execute this experiment. The user should ideally read the theory part of this experiment first, before attempting the questions. \ No newline at end of file diff --git a/experiment/pretest.json b/experiment/pretest.json index 0384e6d..28544c9 100644 --- a/experiment/pretest.json +++ b/experiment/pretest.json @@ -46,7 +46,7 @@ "d": "$p_X(0)=0.3,\\hspace{0.2cm} p_X(1)=0.6$." }, "explanations": { - "a": "Wrong answer. This option is a valid Binomial distribution, not a Bernoulli distribution.", + "a": "Incorrect answer. This option is a valid Binomial distribution, not a Bernoulli distribution.", "b": "Incorrect answer. A Bernoulli random variable takes only two values.", "c": "Correct answer! A Bernoulli random variable takes two possible values (often represented as $0$ or $1$), and the probabilities should sum to $1$.", "d": "Incorrect answer! A Bernoulli random variable does take only two possible values (often represented as $0$ or $1$. However their probabilities should sum to $1$." diff --git a/experiment/procedure.md b/experiment/procedure.md index ce4dab8..0cfa290 100644 --- a/experiment/procedure.md +++ b/experiment/procedure.md @@ -1,5 +1,3 @@ -### Procedure - The experiment consists of three sub-experiments, through which the user will be systematically understanding the essential mathematical aspects of three important probabilistic channels, discussed in the theory part of this experiment. These channels are : 1. The Binary Erasure Channel, which erases each bit transmitted independently with probability $\epsilon$. The erasure symbol is denoted by $?$. @@ -8,7 +6,7 @@ The experiment consists of three sub-experiments, through which the user will be The detailed working of this experiment is as follows. -## Overview of the Experiment window +### Overview of the Experiment window
Experiment Window @@ -21,11 +19,11 @@ The experiment window consists of the following components: 4. **Observation box**: The observation box displays the feedback messages based on the user's input. 5. **Action box**: The action box contains the input elements and buttons to perform the task. -## Experiment 1: Binary Input Discrete Memoryless Channels +### Experiment 1: Binary Input Discrete Memoryless Channels There are three tasks in this sub-experiment. -### Task 1: Binary Erasure Channel +#### Task 1: Binary Erasure Channel 1. **Select Output Vectors**: Select the possible output vectors ($\vec{y}$) of the Binary Erasure Channel $BEC(\epsilon)$ whose input vector $\vec{x}$ is given. After selection, the boxes will turn green and deselecting them will turn them to gray.
alt text
@@ -59,7 +57,7 @@ There are three tasks in this sub-experiment. alt text
-### Task 2: Binary Symmetric Channel +#### Task 2: Binary Symmetric Channel 1. **Select Output Vectors**: Select the possible output vectors ($\vec{y}$) of the Binary Symmetric Channel $BSC(p)$ whose input vector $\vec{x}$ is given. After selection, the boxes will turn green and deselecting them will turn them to gray.
alt text
@@ -93,7 +91,7 @@ There are three tasks in this sub-experiment. alt text -### Task 3: Additive White Gaussian Noise Channel +#### Task 3: Additive White Gaussian Noise Channel 1. **Enter probability values**: According to the statement about the AWGN channel displayed, enter the values in the input boxes provided in the expression that represents the probability density of the output.
alt text
diff --git a/experiment/simulation/binary_erasure_channel.html b/experiment/simulation/binary_erasure_channel.html index 8caec90..2b02e42 100644 --- a/experiment/simulation/binary_erasure_channel.html +++ b/experiment/simulation/binary_erasure_channel.html @@ -16,7 +16,7 @@ - + @@ -30,7 +30,7 @@
-
@@ -108,14 +118,15 @@
- - + +
-

A codeword needs to be sent through a Binary Symmetric Channel \( (BEC(\epsilon)) \) as shown below. Select the possible vectors that could be received through this channel.

+

A codeword needs to be sent through a Binary Symmetric Channel \( (BEC(\epsilon)) \) as shown + below. Select the possible vectors that could be received through this channel.

\( {x} =\) [] →

Binary Erasure Channel @@ -126,122 +137,124 @@
-
-
-
- - -
- - - - - - - - - - - - - - - - - - - - - -
- -
- -
- -
- -
- -
- -
- -
- -
-
-
- - - -
-
-
-
-
Observations
-
- -
-
- +
+
+
+ + +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ + + +
+
+
+
+
Observations
+
+ +
+
+
-
+
+ - + diff --git a/experiment/simulation/binary_symmetric_channel.html b/experiment/simulation/binary_symmetric_channel.html index d7603e0..43c31c5 100644 --- a/experiment/simulation/binary_symmetric_channel.html +++ b/experiment/simulation/binary_symmetric_channel.html @@ -29,14 +29,14 @@
-
@@ -105,140 +113,145 @@
- - + +
-
-

A codeword needs to be sent through a Binary Symmetric Channel \( (BSC(p)) \) as shown below. Select the possible vectors that could be received through this channel.

-
-

\( {x} =\) [] →

- Binary Symmetric Channel -

→ \( {y} \)

+
+

A codeword needs to be sent through a Binary Symmetric Channel \( (BSC(p)) \) as shown below. + Select the possible vectors that could be received through this channel.

+
+

\( {x} =\) [] →

+ Binary Symmetric Channel +

→ \( {y} \)

+
-
-
-
-
- - -
- - - - - - - - - - - - - - - - - - - - - -
- -
- -
- -
- -
- -
- -
- -
- -
-
-
- - - -
-
-
-
-
Observations
-
- -
-
- +
+
+
+ + +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ + + +
+
+
+
+
Observations
+
+ +
+
+
-
+
+ - diff --git a/experiment/simulation/css/binary_erasure_channel.css b/experiment/simulation/css/binary_erasure_channel.css index 6c8a6e8..80849e0 100644 --- a/experiment/simulation/css/binary_erasure_channel.css +++ b/experiment/simulation/css/binary_erasure_channel.css @@ -70,3 +70,44 @@ text-indent: 0%; } +/* Responsive MathJax Equations */ +.MathJax { + max-width: 100%; + display: inline-block; +} + +/* Ensure math containers are responsive */ +.math-container { + width: 100%; +} + +/* Hide scrollbars on larger screens */ +@media screen and (min-width: 751px) { + .math-container { + overflow: visible; + } + + .MathJax { + overflow: visible; + } +} + +/* Add scrollbars for smaller screens */ +@media screen and (max-width: 750px) { + .math-container { + overflow-x: auto; + overflow-y: hidden; + } + + .MathJax { + font-size: 0.8em !important; + } +} + +/* Prevent equation overflow */ +.MathJax_Display { + max-width: 100%; + text-align: center; +} + + diff --git a/experiment/simulation/css/main.css b/experiment/simulation/css/main.css index e6c48e7..c2f7af4 100644 --- a/experiment/simulation/css/main.css +++ b/experiment/simulation/css/main.css @@ -117,7 +117,7 @@ input[type=number]::-webkit-outer-spin-button { input[type=number] { -moz-appearance: textfield; - } +} /* Error Detection */ @@ -127,4 +127,14 @@ select { border: groove; border-radius: 0.2em; background-color: #f1f1f1; - } \ No newline at end of file +} + +.taskbar-tabs { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + flex: 1; + /* Allow tabs to grow and shrink based on container size */ + width: 100%; + /* Ensure full width of the container */ +} \ No newline at end of file diff --git a/experiment/simulation/gaussian_channel.html b/experiment/simulation/gaussian_channel.html index e11d08b..64187ef 100644 --- a/experiment/simulation/gaussian_channel.html +++ b/experiment/simulation/gaussian_channel.html @@ -70,7 +70,7 @@
-