Esta revista es el Parcial N.º 1 de la asignatura Ingeniería Web. La escribieron dos
estudiantes de Ingeniería de Software, y todo lo que hay aquí —textos, código, diseño,
simulador y piezas en tres dimensiones— se hizo desde cero para este número.
La redacción
Dos personas, un reparto claro
Alejandro Brito Olivera
Cédula 20-24-7596 · Ingeniería de Software
Dirección de arte y programación. Retícula, tipografía y paleta; el motor de simulación
cuántica de js/cuantica.js; las cuatro piezas
tridimensionales con Three.js; el héroe conducido por el scroll y la validación del
formulario.
Marcos Gaitán
Cédula 8-988-725 · Ingeniería de Software
Investigación, redacción y verificación. Búsqueda y contraste de fuentes, redacción de
los capítulos, revisión de cada cifra contra su publicación original, glosario,
bibliografía y pruebas de usabilidad en pantallas pequeñas.
Cómo está hecho
HTML5 y CSS3 escritos a mano
No hay ningún framework de diseño. El sitio son siete páginas en HTML5 semántico, una
hoja de estilos de CSS3 con retícula de doce columnas y variables propias, y JavaScript
orientado a objetos para lo que se mueve. Las tipografías están autoalojadas y el
paquete de las piezas 3D se compila a un único archivo clásico, de modo que el proyecto
funciona también abriendo index.html desde la
carpeta, sin servidor.
La técnica de diseño
Se usaron wireframes de baja fidelidad y, sobre ellos, un
mockup. Los bocetos de las cuatro plantillas, la retícula, la paleta con
sus contrastes medidos y las reglas de movimiento están recogidos en un documento
aparte que forma parte de la entrega:
Sistema completo: tokens, retícula, componentes, movimiento, adaptación a móvil e impresión.
js/cuantica.js
El motor: números complejos, puertas, vector de estado de hasta doce cúbits, medición, esfera de Bloch y el algoritmo de Grover. Trae sus propias pruebas.
js/escena3d.js
Paquete compilado con Three.js y las cuatro figuras tridimensionales. El código legible está en _fuente/src/.
js/sitio.js
Navegación, impresión de figuras, el descenso del héroe con su prueba de capacidad, el sonido y el modo de bajo consumo.
js/piezas.js
Conecta los mandos de cada aparato con el motor y con las escenas.
js/formulario.js
Validación de seis campos en el navegador y envío al archivo de datos.
guardar.php · api/guardar.js
Las dos formas de guardar el formulario: PHP para un servidor propio, Node para el hosting.
Audio del número
Para escuchar
Dos piezas de sonido acompañan a este número. Ninguna suena sola: hay que darle al
botón, y todo lo que dicen está también escrito.
Introducción narrada
Voz generada con IA · 51 segundos
«La computación cuántica no es una computadora más rápida. Es otra manera de calcular.
Un cúbit no guarda un cero o un uno: guarda dos números complejos, llamados amplitudes,
y esas amplitudes pueden cancelarse entre sí. Ahí está toda la ventaja…»
Ambiente del criostato
Música instrumental generada con IA · 1 minuto 15
Pieza pensada para acompañar la lectura del capítulo de la máquina: cuerdas graves
sostenidas y resonancia metálica, sin percusión.
Procedencia del material
Qué es una foto y qué no
En un trabajo académico la procedencia no es opcional, así que aquí va sin rodeos.
Ninguna imagen de este sitio es una fotografía documental. Todas las
imágenes fijas y el vídeo del héroe se generaron con modelos de inteligencia artificial
a partir de indicaciones escritas por nosotros, cotejando el resultado con documentación
de criostatos y trampas de iones reales para que no apareciera instrumental imposible.
Cada pie de figura lo declara.
Las cuatro piezas en tres dimensiones son esquemas, no reconstrucciones
exactas: la geometría es propia, construida con Three.js, y busca ser fiel a las
proporciones y al funcionamiento, no a un modelo comercial concreto.
El vídeo del héroe se recodificó con un fotograma clave en cada fotograma para poder
recorrerlo con el scroll, y pesa 3,9 MB. Para los
navegadores que no aguantan ese salto —Safari, casi todos los móviles— existe la misma
toma como secuencia de 36 imágenes, y el sitio elige entre
una y otra midiendo cuánto tarda el navegador en responder a un salto de prueba.
Licencias
Tipografías: Bodoni Moda, Source Serif 4 e IBM Plex Mono, todas con
licencia SIL Open Font License, autoalojadas en fuentes/.
Three.js: licencia MIT, compilada dentro de
js/escena3d.js.
Textos, código, diseño y simulador: obra propia de los autores.
Fig. 22 Seis de los treinta y seis fotogramas del descenso, del primero al
último. Son las imágenes que el sitio dibuja en un lienzo, en lugar del vídeo de la
portada, cuando el navegador no responde a tiempo al salto de prueba.
Fotogramas del vídeo del héroe, generado con IA; no es una fotografía documental.
Bibliografía
De dónde sale cada dato
Referencias en formato APA 7. Se consultaron alrededor de doscientas fuentes para este
número; aquí están las que sostienen las afirmaciones principales.
Aaronson, S. (2021, 8 de junio). Why is quantum computing so hard to explain?
Quanta Magazine.
quantamagazine.org
Abbas, A., Ambainis, A., Augustino, B., Bärtschi, A., Buhrman, H., Coffrin, C., et al.
(2024). Challenges and opportunities in quantum optimization.
Nature Reviews Physics, 6, 718-735.
https://doi.org/10.1038/s42254-024-00770-9
Arute, F., Arya, K., Babbush, R., Bacon, D., Bardin, J. C., Barends, R., … Martinis, J. M.
(2019). Quantum supremacy using a programmable superconducting processor.
Nature, 574(7779), 505-510.
https://doi.org/10.1038/s41586-019-1666-5
Bennett, C. H., Bernstein, E., Brassard, G., & Vazirani, U. (1997). Strengths and
weaknesses of quantum computing. SIAM Journal on Computing, 26(5), 1510-1523.
Bluvstein, D., Evered, S. J., Geim, A. A., Li, S. H., Zhou, H., Manovitz, T., … Lukin, M. D.
(2024). Logical quantum processor based on reconfigurable atom arrays.
Nature, 626, 58-65.
https://doi.org/10.1038/s41586-023-06927-3
Bravyi, S., Cross, A. W., Gambetta, J. M., Maslov, D., Rall, P., & Yoder, T. J. (2024).
High-threshold and low-overhead fault-tolerant quantum memory. Nature, 627, 778-782.
https://doi.org/10.1038/s41586-024-07107-7
Deutsch, D. (1985). Quantum theory, the Church-Turing principle and the universal quantum
computer. Proceedings of the Royal Society A, 400(1818), 97-117.
Feynman, R. P. (1982). Simulating physics with computers.
International Journal of Theoretical Physics, 21(6-7), 467-488.
Gidney, C., & Ekerå, M. (2021). How to factor 2048 bit RSA integers in 8 hours using
20 million noisy qubits. Quantum, 5, 433.
https://doi.org/10.22331/q-2021-04-15-433
Goings, J. J., White, A., Lee, J., Tautermann, C. S., Degroote, M., Gidney, C., Shiozaki, T.,
Babbush, R., & Rubin, N. C. (2022). Reliably assessing the electronic structure of
cytochrome P450 on today's classical computers and tomorrow's quantum computers.
PNAS, 119(38), e2203533119.
https://doi.org/10.1073/pnas.2203533119
Grover, L. K. (1996). A fast quantum mechanical algorithm for database search. En
Proceedings of the 28th Annual ACM Symposium on Theory of Computing (pp. 212-219). ACM.
Javadi-Abhari, A., Treinish, M., Krsulich, K., Wood, C. J., Lishman, J., Gacon, J., … Gambetta, J. M.
(2024). Quantum computing with Qiskit (arXiv:2405.08810). arXiv.
https://arxiv.org/abs/2405.08810
National Institute of Standards and Technology. (2024). Module-lattice-based
key-encapsulation mechanism standard (FIPS 203). U.S. Department of Commerce.
https://doi.org/10.6028/NIST.FIPS.203
National Institute of Standards and Technology. (2024). Module-lattice-based digital
signature standard (FIPS 204). U.S. Department of Commerce.
https://doi.org/10.6028/NIST.FIPS.204
National Institute of Standards and Technology. (2024). Stateless hash-based digital
signature standard (FIPS 205). U.S. Department of Commerce.
https://doi.org/10.6028/NIST.FIPS.205
Nielsen, M. A., & Chuang, I. L. (2010). Quantum computation and quantum information
(10.ª ed. de aniversario). Cambridge University Press.
Shor, P. W. (1997). Polynomial-time algorithms for prime factorization and discrete logarithms
on a quantum computer. SIAM Journal on Computing, 26(5), 1484-1509.
The Royal Swedish Academy of Sciences. (2022, 4 de octubre). The Nobel Prize in Physics
2022 [Comunicado de prensa]. NobelPrize.org.
nobelprize.org
Zurek, W. H. (2003). Decoherence, einselection, and the quantum origins of the classical.
Reviews of Modern Physics, 75(3), 715-775.
https://doi.org/10.1103/RevModPhys.75.715
Separata · El antagonista
Aviso de caducidad.
Este campo se mueve rápido. Las cifras de cúbits, fidelidades y tiempos de coherencia
corresponden a septiembre de 2026 y envejecerán pronto. Las ideas de los capítulos I y
III, en cambio, llevan décadas sin cambiar.