Información del proyecto

Este material de formación de luminotecnia forma parte del Proyecto de Fin de Carrera (PFC) titulado:

Diseño e implementación de un método de enseñanza multipersona y distribuido basado en un sistema interactivo, multiplataforma e hipermedial. Aplicación a la formación en alumbrado de exteriores.

Realizado por:

Javier Garcia Fernandez.
Con la colaboración y dirección de Oriol  Boix Aragonès.
En el Departament d'Enginyeria Elèctrica. Secció de Barcelona. ETSEIB. UPC.
Entre Febrero de 1998 y Septiembre de 1999.

El material que contiene este manual ha sido registrado como:
Luminotecnia. Iluminación de interiores y exteriores. Javier García Fernández, Oriol Boix Aragonès. ISBN: 84-600-9647-5.

Última modificación: Abril del 2012

Objetivos del proyecto

1. Comprobar la viabilidad de desarrollar materiales docentes on-line.
2. Experimentar con las tecnologías disponibles para crear elementos interactivos con fines docentes.
3. Implementar un curso del área de conocimiento de la electrotecnia.
4. Ver la reacción del público.

En 1998, cuando se realizó el proyecto, estos objetivos eran ambiciosos. En aquella época se iniciaba el despegue de Internet y era un terreno virgen. Las tecnologías eran nuevas y todavía estaban lejos de las prestaciones que ofrecen en la actualidad. Los gestores de contenidos y los campus virtuales no existían o estaban en sus comienzos.

Las principales conclusiones que se extraen del curso después de más de diez años son:

• Crear materiales on-line es viable y atractivo para el alumno.
• La elaboración del material es una de las tareas que más recursos consume. Aunque la carga de trabajo es similar a preparar un libro, apuntes o cualquier otro material escrito.
• La implementación de las páginas HTML y su maquetación es laboriosa, y requiere conocimientos en el tema. Actualmente, las herramientas disponibles en la conocida como web 2.0 facilitan enormemente esta tarea.
• El desarrollo de aplicaciones interactivas que hagan más agradable y faciliten el aprendizaje, aunque mejoran la experiencia del alumno, requieren de grandes conocimientos técnicos.
• Si el material está bien planteado, tiene calidad y resulta útil al público, la respuesta es positiva. El curso es muy visitado y es un material de referencia en el tema de la luminotecnia. Asimismo, ha servido de fuente para otros autores en el ámbito de la docencia , la redacción de manuales y/o cursos, y PFC.

En esta última actualización, 2012, se ha buscado adaptar el manual a los últimos estándares de Internet.

Tecnologías empleadas

• XHTML 1.1.
• CSS Level 2 y 3.
• DOM Core Level 1.
• AJAX.
• Javascript.
• Uso de la tecnología localStorage (HTML5).
• Página de códigos, codificación de caracteres: UTF-8.
• Servidor HTTP Apache 2.
• PHP. Se usa para generar las cabeceras (header), pies (footer) de página, páginas de índices y contenidos, y en el generador de archivos de LaTeX.
• Fórmulas matemáticas generadas dinámicamente con PHP y LaTeX (distribución MiKTeX).
• Webfonts: eot, woff, svg y ttf.
• Tipografía básica: GNU FreeFont FreeSerif y FreeSans.

Esta web ha sido probada en:

Novedades:

Marzo 2012

• Mejoras de accesibilidad. Técnica de zoom.
  • Uso de unidades de medida relativas en em para definir tamaños.
  • Funcionalidad para cambiar el tamaño de la letra con javascript y DOM.
  • Almacenamiento de las preferencias de tamaño con la tecnología localStorage (HTML5) para uso en páginas y sesiones diferentes.
  • Cambio dinámico del tamaño de la letra en las fórmulas con javascript y DOM.
  • Cambio dinámico del tamaño de las imágenes con javascript y DOM.
  • Cambio dinámico del tamaño de las áreas activas de los mapas con javascript y DOM.
• Implementación de técnicas para mejorar la velocidad de acceso a las páginas.
  • Configuración de Apache (uso de caché, compresión de archivos y redirección).
  • Reducción del tamaño de los archivos de texto (html, js y css).
  • Carga diferida de javascript.
  • Optimización del tamaño de las imágenes evitando la merma de calidad.
  • Eliminación de estilos CSS no utilizados y reglas ineficientes.
• Uso de atributos title en enlaces y mapas.
• Implementación de técnicas de posicionamiento en buscadores (SEO).
• Optimización y corrección de errores en las hojas de estilo y el código XHTML.

Diciembre 2011

• Se ha añadido a la barra de navegación la ruta del archivo visualizado.
• Cambio de nombres en las carpetas y archivos para facilitar la indexación en buscadores.
• Redirección de los nombres de archivos antiguos a los nuevos para los buscadores.
• Sustitución de mathTex por un generador de imágenes implementado en PHP que funciona en varios pasos:
  1. Creación de una clave única md5 que identifica cada fórmula.
  2. Comprobación de la existencia de la fórmula en la caché de imágenes.
  3. Generación de archivos de texto con formato LaTeX.
  4. Llamada a un compilador de LaTeX que genera archivos dvi.
  5. Llamada a un programa conversor de dvi en png.
  6. Envío de la imagen al navegador.

Junio 2011

• Nueva implementación utilizando estándares XHTML 1.1, CSS Level 2 y 3, UTF-8, DOM y javascript.
• Sustitución de las imágenes con fórmulas y símbolos matemáticos por imágenes generadas con LaTex y mathTex (CGI).
• Incorporación de fotos al contenido. Sustitución de dibujos por fotos.
• Se han incorporado hojas de estilo CSS diferentes para la impresión y la visualización por pantalla.
• Nuevo diseño gráfico más moderno.
• Nueva maquetación.
• Nuevo sistema de navegación.
• Nueva página con la tabla de contenidos.
• Reorganización de los contenidos en los archivos HTML. Reducción del número total de archivos.
• Sustitución de las ventanas de popup externas abiertas con javascript por CSS y javascript.
• Se han eliminado los textos de las imágenes y se han incorporado al contenido HTML.
• Se han mejorado y desarrollado nuevos contenidos interactivos:
  • En la tabla de efecto de la luz coloreada sobre objetos de color, las celdas cambian de color al pasar por encima.
  • Explicaciones interactivas que combinan texto, imágenes y tablas al pulsar botones.
  • Textos que se muestran u ocultan al pulsar un enlace.
• Pruebas de compatibilidad aplicadas en más plataformas (Windows y Linux) y navegadores: Firefox, Internet Explorer, Chrome, Chromium, Opera, Safari, Iceweasel y Epiphany.
• Supresión de elementos auxiliares que no formaban parte del contenido del curso como la calculadora.
• Corrección de erratas.

Octubre 2004

• Se han reorganizado los enlaces de la página principal.
• Modificaciones diversas en las páginas de advertencia y acerca de.
• Corrección de un error en los ejercicios de iluminación de interiores.

Enero 2004

• Corrección de erratas.

Octubre 2002

• Cambios en algunas imágenes y en la redacción de varias páginas.
• Cambios en el índice.

Mayo 2002

• Actualizado a CSS1 y HTML4.
• Actualización de la calculadora a la versión 1.70 (nueva barra de herramientas y mejoras en la ayuda).
• Cambios en la maquetación del contenido.
• Cambios en el diseño gráfico.
• Sustitución de algunas figuras por otras más grandes.
• Solucionados problemas en la grabación y recuperación del curso.

Marzo 2001

• Compatibilidad con Netscape 6 y Mozilla browsers, Explorer 5.5 y Netscape 4.7.
• Añadida la posibilidad de abandonar el curso y recuperarlo más tarde (grabar y cargar).