updates

.eleventy.js

@@ -1,5 +1,9 @@
 const path = require('path');
 
+function sortByName(a, b) {
+  return a.inputPath.localeCompare(b.inputPath);
+}
+
 module.exports = function (eleventyConfig) {
   eleventyConfig.addPassthroughCopy('src/_assets/normalize.css');
   eleventyConfig.addPassthroughCopy('src/_assets/styles.css');
@@ -8,9 +12,21 @@ module.exports = function (eleventyConfig) {
   eleventyConfig.addCollection('uebungen', function (collectionApi) {
     return collectionApi
       .getFilteredByGlob('src/uebungen/*.md')
-      .sort((a, b) => a.inputPath.localeCompare(b.inputPath));
+      .sort(sortByName);
+  });
+
+  // Collection "tests"
+  eleventyConfig.addCollection('tests', function (collectionApi) {
+    return collectionApi
+      .getFilteredByGlob('src/tests/*.md')
+      .sort(sortByName)
+      .map((item) => {
+        item.data.isTest = true;
+        return item;
+      });
   });
 
+  // Ensure relative paths
   eleventyConfig.addFilter('relativeUrl', (url, page) => {
     if (!url.startsWith('/')) {
       throw new Error('URL is already relative');

src/_assets/styles.css

@@ -59,13 +59,26 @@ td {
   padding: 0.3em 0.6em;
 }
 
+blockquote {
+  border-bottom: 1px dotted black;
+  margin: 0;
+  height: 2em;
+}
+
 .short-url {
   display: none;
 }
 
 @media print {
+  :root {
+    --color-line: #000;
+  }
+
   hr {
     visibility: hidden;
+  }
+
+  h2 {
     page-break-before: always;
   }
 
@@ -89,3 +102,11 @@ td {
     font-weight: bold;
   }
 }
+
+.test-header td:first-child {
+  font-weight: bold;
+}
+
+.test-header td:last-child {
+  width: 80%;
+}

src/_includes/layout.njk

@@ -18,6 +18,18 @@ title: BasisQualifikation-IT
       </div>
     {% endif %}
     <h1>{{ title }}</h1>
+    {% if isTest %}
+      <table class="test-header">
+        <tr>
+          <td>Datum:</td>
+          <td></td>
+        </tr>
+        <tr>
+          <td>Name:</td>
+          <td></td>
+        </tr>
+      </table>
+    {% endif %}
     <hr>
     {{ content | safe }}
   </body>

src/index.njk

@@ -6,4 +6,11 @@ layout: layout.njk
 {%- for item in collections.uebungen -%}
   <li><a href="{{ item.url | relativeUrl(page) }}">{{ item.data.title }}</a></li>
 {%- endfor -%}
+</ul>
+
+<h2>Tests</h2>
+<ul>
+{%- for item in collections.tests -%}
+  <li><a href="{{ item.url | relativeUrl(page) }}">{{ item.data.title }}</a></li>
+{%- endfor -%}
 </ul>

src/tests/binaersystem.md

@@ -0,0 +1,69 @@
+---
+layout: layout.njk
+title: 'Test: Binärsystem (4 Aufgaben, 52 Punkte)'
+---
+
+## Aufgabe 1 (16 Punkte)
+
+Die folgende Tabelle dient dazu Zahlen vom Binärsystem in das Dezimalsystem umzurechnen. Die Tabelle ist allerdings nicht vollständig.
+
+Füllen Sie alle Zellen der Tabelle aus, die mit einem Fragezeichen (`?`) markiert sind.
+
+_Jede korrekt ausgefüllte Zelle entspricht 1 Punkt._
+
+| ?<sub>.........</sub> | 2<sup>4</sup>         | 2<sup>3</sup>         | ?<sub>.........</sub> | 2<sup>1</sup>         | 2<sup>0</sup>         |                         |                       |
+| --------------------- | --------------------- | --------------------- | --------------------- | --------------------- | --------------------- | ----------------------- | --------------------- |
+| 32                    | ?<sub>.........</sub> | 8                     | 4                     | ?<sub>.........</sub> | ?<sub>.........</sub> |                         |                       |
+| 1                     | 1                     | 1                     | 0                     | 0                     | 0                     | ?<sub>.........</sub>   | 56                    |
+| ?<sub>.........</sub> | ?<sub>.........</sub> | ?<sub>.........</sub> | ?<sub>.........</sub> | ?<sub>.........</sub> | ?<sub>.........</sub> | 32 + 16 + 0 + 0 + 2 + 0 | ?<sub>.........</sub> |
+| 1                     | 1                     | 1                     | 1                     | 1                     | 1                     | ?<sub>.........</sub>   | 63                    |
+| 1                     | 0                     | 1                     | 0                     | 0                     | 0                     | 32 + 0 + 8 + 0 + 0 + 0  | ?<sub>.........</sub> |
+| 1                     | 0                     | 0                     | 0                     | 0                     | 1                     | ?<sub>.........</sub>   | 33                    |
+
+---
+
+## Aufgabe 2 (16 Punkte)
+
+Rechnen Sie die folgenden Zahlen vom Binärsystem in das Dezimalsystem um. Tragen Sie Ihre Ergebnisse in die Spalte "Dezimal" ein.
+
+Nutzen Sie die freien Seitenbereiche und die Rückseite, um die Berechnung via Umrechnungstabelle niederzuschreiben.
+
+_Die nachvollziehbare und korrekte Berechnung sowie das korrekte Ergebnis entsprechen jeweils 1 Punkt._
+
+| Binär | Dezimal |
+| ----- | ------- |
+| 11001 |         |
+| 01001 |         |
+| 10100 |         |
+| 11110 |         |
+| 01011 |         |
+| 11111 |         |
+| 10010 |         |
+| 10101 |         |
+
+---
+
+## Aufgabe 3 (16 Punkte)
+
+Rechnen Sie die folgenden Zahlen vom Dezimalsystem in das Binärsystem um. Tragen Sie Ihre Ergebnisse in die Spalte "Binär" ein.
+
+Nutzen Sie die freien Seitenbereiche und die Rückseite, um die Berechnung niederzuschreiben.
+
+_Die nachvollziehbare und korrekte Berechnung sowie das korrekte Ergebnis entsprechen jeweils 1 Punkt._
+
+| Dezimal | Binär |
+| ------- | ----- |
+| 32      |       |
+| 19      |       |
+| 7       |       |
+| 16      |       |
+| 28      |       |
+| 42      |       |
+| 37      |       |
+| 23      |       |
+
+---
+
+## Aufgabe 4 (4 Punkte)
+
+Erklären Sie, warum das Binärsystem eine wichtige Rolle für die Funktionsweise von Computern spielt.

src/tests/farbsystem-rgb.md

@@ -0,0 +1,82 @@
+---
+layout: layout.njk
+title: 'Test: RGB Farbsystem (4 Aufgaben, 32 Punkte)'
+---
+
+## Aufgabe 1 (10 Punkte)
+
+**Welche drei Grundfarben werden im RGB Farbsysteme genutzt?** (3 Punkte)
+
+>
+
+**Welches ist der kleinste und größte Wert je Farbkanal im RGB Farbsystem? Geben Sie binäre (1 Byte) und dezimale Schreibweise an** (4 Punkte)
+
+>
+
+**Welche Farbe ist im RGB Farbsystem zu sehen, wenn alle drei Farbkanäle mit maximaler Stärke angezeigt werden** (1 Punkt)
+
+>
+
+**Welche Farbe ist im RGB Farbsysteme zu sehen, wenn keine Farben vorhanden sind?** (1 Punkt)
+
+>
+
+**Welche physische Größe wird beim Mischen von Farben im RGB Farbsystem gemischt?** (1 Punkt)
+
+>
+
+---
+
+## Aufgabe 2 (4 Punkte)
+
+**Wie viele unterschiedliche Farben können je Farbkanal im RGB System dargestellt werden?** (1 Punkt)
+
+>
+
+**Wie viele unterschiedliche Farben können insgesamt im RGB Farbsystem dargestellt werden? (grob gerundeter Wert)** (1 Punkt)
+
+>
+
+**Wie viele Bit werden benötigt, um einen Farbkanal im RGB Farbsystem darzustellen?** (1 Punkt)
+
+>
+
+**Wie viele Bit werden benötigt, um alle Farbkanäle im RGB Farbsystem darzustellen?** (1 Punkt)
+
+>
+
+---
+
+## Aufgabe 3 (8 Punkte)
+
+Geben Sie zu den genannten Farben jeweils den entsprechenden RGB Farbwert in dezimaler Schreibweise an.
+
+| Farbeindruck | RGB Farbwert |
+| ------------ | ------------ |
+| Gelb         |              |
+| Schwarz      |              |
+| Grün         |              |
+| Rot          |              |
+| Weiß         |              |
+| Magenta      |              |
+| Cyan         |              |
+| Blau         |              |
+
+---
+
+## Aufgabe 4 (10 Punkte)
+
+Geben Sie zu den genannten RGB Farbwerten jeweils den entsprechenden Farbeindruck an.
+
+| RGB Farbwert  | Farbeindruck |
+| ------------- | ------------ |
+| 255, 0, 0     |              |
+| 255, 255, 255 |              |
+| 0, 255, 255   |              |
+| 50, 50, 50    |              |
+| 255, 255, 0   |              |
+| 0, 255, 0     |              |
+| 220, 220, 220 |              |
+| 255, 0, 255   |              |
+| 0, 0, 0       |              |
+| 0, 0, 255     |              |