Exámenes - Osciloscopio

Osciloscopio - Comentarios

• El programa debe:
  • Mostrar una secuencia de 10 ceros y unos al azar que corresponden a los niveles bajos y altos de la señal.
  • Una gráfica que contenga una línea que suba o baje cuando la señal definida por los unos y ceros oscile.
  • La secuencia de ceros y unos y la gráfica correspondiente cambiarán cada vez que se actualice la página (aunque al generarse al azar puedan repetirse ocasionalmente).
• El dibujo SVG está formado por 10 grupos. Cada uno de ellos es una de las cuatro "piezas" distintas que corresponden a los cambios (o ausencia de cambios) en el nivel de la señal.
• Capturas de pantalla de ejemplo:

  

  

Osciloscopio - Ejemplos de código HTML

  <pre style="font-size: 348%">1   1   0   0   1   1   0   0   1   1   </pre>

  <p>
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
      width="920" height="120" viewbox="-0.1 -0.1 9.2 1.2" style="background-color: hwb(142 0% 72%);">
      <g transform="translate(0, 0)">
        <line x1="0" y1="0" x2="1" y2="0" stroke="hwb(162 42% 10%)" stroke-width="0.1" stroke-linecap="round"/>
      </g>
      <g transform="translate(1, 0)">
        <polyline points="0,0 1,0 1,1" stroke="hwb(162 42% 10%)" stroke-width="0.1" fill="none" stroke-linecap="round" stroke-linejoin="round" />
      </g>
      <g transform="translate(2, 0)">
        <line x1="0" y1="1" x2="1" y2="1" stroke="hwb(162 42% 10%)" stroke-width="0.1" stroke-linecap="round" />
      </g>
      <g transform="translate(3, 0)">
        <polyline points="0,1 1,1 1,0" stroke="hwb(162 42% 10%)" stroke-width="0.1" fill="none" stroke-linecap="round" stroke-linejoin="round" />
      </g>
      ...
    </svg>
  </p>

Osciloscopio - Ejemplo de programa

Nota: El día del examen los alumnos no tienen acceso a este ejemplo, solamente tienen acceso a las capturas del apartado anterior.

Un ejemplo de programa puede probarse en la ventana siguiente: