1º Bachillerato · TIC I

Lección 12 · A · Proyecto TIC

Proyecto TIC integrado

1º Bachillerato · TIC I · Decreto 40/2022 CyL

Objetivos

Ensamblar título, entradilla y tres láminas en una sola página.
Generar un aviso sonoro propio y saber que el blob no viaja solo.
Usar el interruptor GPIO 18 (HIGH/LOW) como parte del relato del taller, no como título.
Descargar un ZIP con index, guion y LEEME.
Revisar con el criterio del bloque: informar, narrar, sonar sin terceros y no fingir la publicación.

Explicación

El bloque A se cierra con un proyecto pequeño que demuestra las cuatro familias de entrega: una página con texto propio, una secuencia de tres láminas, una pieza de audio generada en local y un paquete que se puede copiar. No es un trabajo de grupo de un mes. Es la prueba de que las capas no se estorban. El hilo sigue siendo la Semana de la Ciencia del IES Duero, en Aranda de Duero, para poder juzgar el contenido y no solo la herramienta.

Qué entra y qué se queda fuera

Entra un título, una entradilla que se entienda sin las láminas, tres ideas de charla y un pitido de aviso. Entra también el interruptor del LED: la salida digital simulada en el GPIO 18 (BCM) de una Raspberry Pi, con el paralelo didáctico de un digitalWrite HIGH/LOW en el pin D13 de un Arduino UNO. El interruptor está en esta misma página. ON pone el estado en HIGH y enciende el dibujo; OFF lo devuelve a LOW. No hay placa, no hay puerto serie y no se instala ningún IDE. Quien en el taller real encienda un LED reconocerá el vocabulario; quien no, igualmente puede explicar entrada, estado y salida.

Se queda fuera: una cuenta en un CMS comercial, un vídeo exportado, una tipografía descargada de internet y cualquier música que no hayas generado tú. También se queda fuera el dominio real. El ZIP es local. El LEEME debe decirlo, para que nadie entregue el paquete como si ya estuviera alojado.

Cómo se ensambla

La página resultante es un solo HTML: título, entradilla, tres secciones que son las láminas escritas (no hace falta un formato de presentación aparte para que el relato exista) y el audio si lo generaste. El guion se exporta además como texto, para poder ensayar sin el navegador. Esa duplicación es sana: la lámina proyectada y la página escrita dicen lo mismo, y si discrepan manda la página, que es la que se puede leer con calma.

Orden de revisión, el mismo que usarías con una rúbrica del criterio 1: (1) ¿el texto informa del acto sin depender del LED ni del pitido?, (2) ¿las tres láminas tienen idea distinta y orden de charla?, (3) ¿el audio es corto y nace de un gesto?, (4) ¿el ZIP abre en otro ordenador y el HTML no apunta a un blob que ya no existe? El laboratorio, al comprimir, sustituye el audio de memoria por una nota: el WAV de sesión no viaja dentro de este ZIP de texto. Es una limitación que hay que saber explicar, no un fallo escondido. Si quieres el sonido en la carpeta, lo exportas desde la lección 9 y lo enlazas con ruta relativa.

Criterio de cierre

Un proyecto integrado no es la suma de todos los efectos vistos. Es el mínimo que cumple el bloque sin mentir sobre la infraestructura. Página legible, relato de tres pasos, sonido propio, paquete local, y un pin simulado cuyo estado sabes leer (HIGH o LOW). Si una de esas piezas falta, no se disimula con más color. Se nombra y se completa.

Cuatro piezas del bloque A que se entregan juntas y no se sustituyen.

Glosas de esta lección

Proyecto integrado. Varias piezas del bloque en un solo encargo, sin que una sustituya a las otras.

Entradilla. Párrafo que informa aunque no haya láminas ni audio.

Lámina escrita. La idea de la charla también como sección de la página.

Aviso sonoro. WAV corto generado aquí. No es la banda del acto.

GPIO 18. Salida simulada. HIGH enciende el dibujo; LOW lo apaga.

Arduino D13. Paralelo didáctico: digitalWrite HIGH/LOW, a menudo con LED de la placa.

ZIP de entrega. index.html, guion.txt y LEEME.txt. Método store.

LEEME. Cómo abrir y qué no está incluido (el blob de audio, el servidor, la placa).

Criterio 1. Web multimedia, presentación, maquetación o audio según la pieza. Aquí se tocan varias.

Limitación honesta. Decir que el WAV de sesión no va dentro del ZIP de texto, en vez de prometerlo.

Ejemplos resueltos

Ejemplo 1 — Tres láminas iguales

Lee los títulos de las tres láminas. Si son «Taller», «Taller 2» y «Taller 3», no hay relato.
Reescribe la primera como apertura: qué es el acto.
La segunda, como la medida o el dato.
La tercera, como las preguntas. Lee solo los títulos seguidos.

Ejemplo 2 — LED de título

Tapa la entradilla y mira si el interruptor dice el día.
No lo dice: vuelve a escribir la entradilla con el acto y la fecha.
Deja el LED como demostración, no como título.
Lee la página sin mirar el dibujo.

Ejemplo 3 — ZIP sin abrir

No entregues el ZIP sin descomprimirlo en otra carpeta.
Ábrelo, lee el LEEME y localiza el HTML.
Si el audio sigue apuntando a un blob, corrige la expectativa: di que no hay pista.
Vuelve a comprimir solo cuando la página abierta coincide con lo que afirma el LEEME.

Decisiones de aula

Cada caso es una entrega realista del proyecto del IES Duero. Lee la situación antes de mirar la decisión.

1. Entradilla vacía

Situación. Solo hay láminas.

No conviene. Se entiende al proyectar.

Decisión. Dos frases con cuándo y dónde.

Por qué: Solo láminas no cubren a quien lee la página en el móvil, sin modo presentación. Hace falta título y entradilla que se entiendan sin proyectar. La charla y la página son dos piezas del mismo proyecto, no una sustituye a la otra.

2. Pitido de tres segundos a volumen alto

Situación. Asusta en el aula.

No conviene. Bajar y acortar, como el botón de aviso.

Decisión. Un aviso no es una sirena.

Por qué: Un pitido de tres segundos a volumen alto asusta en el aula y no informa del acto. La señal, si se usa, es corta y a un nivel que se haya escuchado antes. El audio del proyecto se prueba en el altavoz real, no solo en el dibujo de la onda.

3. Guion distinto de la página

Situación. En el txt dice viernes y en el h1, jueves.

No conviene. Igualar antes del ZIP.

Decisión. Una fuente de verdad.

Por qué: Si el txt dice viernes y el h1 dice jueves, el público no sabe cuál es la fecha buena. Duplicar el dato a propósito, con el mismo valor, es una comprobación. Dos fechas distintas son dos entregas que se contradicen.

4. Placa de mentira

Situación. Se escribe «conectado a la Pi del aula» sin estarlo.

No conviene. Escribir «simulación».

Decisión. Mentir en el LEEME invalida la entrega aunque el HTML sea correcto.

Por qué: Escribir «conectado a la Pi del aula» sin estarlo convierte la simulación en una prueba falsa. El interruptor de esta página cambia un estado local, HIGH o LOW, y no hay puerto. La memoria tiene que decir que es simulación.

El mismo acto, leído en esta capa

Las ocho piezas son el contenido de la Semana de la Ciencia del IES Duero (Aranda de Duero). Se repiten en el bloque A para que compares decisiones, no para que copies el mismo archivo doce veces. Debajo va el documento marcado, listo para abrirlo en local, y la lectura de cada pieza.

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8"/>
<title>Semana de la Ciencia · IES Duero</title>
<!-- Capa de esta lectura: lección 12. El texto del acto no cambia; cambia la decisión. -->
</head>
<body>
<header>
<p>IES Duero · Aranda de Duero</p>
<h1>Semana de la Ciencia</h1>
</header>
<nav aria-label="En la página">
<a href="#b1">Apertura en el salón de actos</a>
<a href="#b2">Taller de luz</a>
<a href="#b3">Taller de temperatura</a>
<a href="#b4">Visita al patio meteorológico</a>
<a href="#b5">Datos en la pizarra</a>
<a href="#b6">Preguntas</a>
<a href="#b7">Créditos y licencia de los materiales</a>
<a href="#b8">Cómo llegar</a>
</nav>
<main>
<section id="b1">
<h2>Apertura en el salón de actos</h2>
<p>A las 17:00 se abre el salón, no el laboratorio. El h1 de la página es el nombre del acto; este taller es un h2. Hay que decir el aforo (120 butacas) y que no se reserva sitio por mensaje: se entra por orden hasta completar. Quien llegue a las 17:20 oye el inicio, así que el primer párrafo no puede depender de un chiste que solo entiende quien estaba en la fila. El enlace interno #apertura permite saltar desde el nav.</p>
</section>
<section id="b2">
<h2>Taller de luz</h2>
<p>En el laboratorio de física hay una fotorresistencia de demostración. La página no enciende el sensor: explica la hora (17:30) y el grupo máximo (16 personas). El detalle del pin GPIO se cuenta en la lección 4 con un LED simulado; aquí, en la estructura, basta un párrafo y una lista de dos normas: no tocar la protoboard y anotar la lectura en el cuaderno, no en el móvil de otra persona.</p>
</section>
<section id="b3">
<h2>Taller de temperatura</h2>
<p>Segundo grupo, misma franja, aula de al lado. Si los dos talleres se mezclan en un solo párrafo, nadie sabe a qué puerta ir. Van en sections distintas, cada una con su h2. La temperatura se mide con un sensor digital de demostración del departamento; la página no publica la marca como si fuera un anuncio, solo el lugar y la duración (25 minutos).</p>
</section>
<section id="b4">
<h2>Visita al patio meteorológico</h2>
<p>Si llueve, este bloque se cae. Por eso el texto tiene la alternativa escrita (vídeo de tres gráficos en el salón), no un «ya veremos». En HTML la alternativa es una frase dentro de la misma section, no una imagen que sustituye al aviso. Plano general: el patio está detrás del gimnasio, puerta verde.</p>
</section>
<section id="b5">
<h2>Datos en la pizarra</h2>
<p>Al final se apuntan tres números: luz, temperatura y aforo real. Son una lista ordenada si el orden es el del acto, o desordenada si son datos sueltos. Elegimos ol porque se leen en ese orden en la puesta en común. Cada li es una frase corta, no un párrafo disfrazado.</p>
</section>
<section id="b6">
<h2>Preguntas</h2>
<p>Diez minutos. El heading es h2 «Preguntas», no h1: la página ya tiene dueño. Se recuerda que no hay turno de fotos al alumnado. Esa frase es texto, no un icono. Quien imprima la página en blanco y negro tiene que leerla igual.</p>
</section>
<section id="b7">
<h2>Créditos y licencia de los materiales</h2>
<p>El footer nombra al departamento de tecnología del IES Duero y dice que los textos de esta página son del centro para el acto. No se pega música ni fotos de banco de imágenes. Si más adelante hay un plano, será un SVG hecho en clase. La licencia concreta se estudiará en el bloque B; aquí basta no atribuirse lo que no es del instituto.</p>
</section>
<section id="b8">
<h2>Cómo llegar</h2>
<p>Calle San Francisco, Aranda de Duero. El autobús urbano deja en la plaza; desde allí, seis minutos a pie. No incrustamos un mapa de un proveedor externo: exige red y cookies. Un párrafo con la referencia basta, y en la lección 7 el mismo dato cabe en el cartel. La ruta relativa no interviene; esto es contenido, no un archivo.</p>
</section>
</main>
<footer><p>Material del departamento de Tecnología para el acto. Copia local, file://.</p></footer>
</body>
</html>

Apertura en el salón de actos

A las 17:00 se abre el salón, no el laboratorio. El h1 de la página es el nombre del acto; este taller es un h2. Hay que decir el aforo (120 butacas) y que no se reserva sitio por mensaje: se entra por orden hasta completar. Quien llegue a las 17:20 oye el inicio, así que el primer párrafo no puede depender de un chiste que solo entiende quien estaba en la fila. El enlace interno #apertura permite saltar desde el nav.