Conceptos Esenciales de Medios Digitales y Desarrollo Web

1. Medios de Transmisión de Imágenes entre Dispositivos

Para transmitir imágenes entre dispositivos, podemos utilizar diversos medios:

Cable USB: Tanto teléfonos como cámaras disponen de conexión USB alámbrica para la transferencia de datos.
Infrarrojos: Se basan en emisores y receptores de ondas en el espectro infrarrojo. Requieren proximidad (2 a 5 m) para una comunicación efectiva.
Lector de Tarjetas: Mediante este dispositivo de entrada/salida conectado al PC, es posible leer numerosos formatos de tarjetas de memoria, que se muestran en nuestro ordenador como nuevas unidades extraíbles.
Bluetooth: La transmisión entre dispositivos requiere emparejamiento o contraseña. Su alcance típico es de 10 a 15 m.
Wireless (Wi-Fi): Esta tecnología inalámbrica tiene un alcance de 50 a 100 m y requiere que ambos dispositivos estén conectados a la misma red WLAN.
NFC (Near Field Communication): Esta tecnología de transmisión por campo magnético no posee cifrado inherente, pero exige que los dispositivos se acerquen a 1 o 2 cm para establecer la comunicación.

2. Definición de Resolución de Imagen

La resolución de la imagen es el parámetro que relaciona la cantidad de píxeles con las dimensiones de visualización. Se define como el número de píxeles por unidad de longitud y se expresa comúnmente en puntos por pulgada (PPP o DPI), donde 1 pulgada equivale a 2,54 cm.

3. Características de Cámaras: Megapíxeles y Zoom Óptico

Cuando hablamos de las características de una cámara:

Si una cámara tiene 20 Mpx, nos referimos al número de puntos o píxeles que el sensor es capaz de capturar. Esta medida se expresa en millones de puntos o megapíxeles. En este caso, la cámara tiene 20 megapíxeles.
Si la cámara tiene 5x, se refiere al zoom óptico. Este es una combinación de lentes que permite ampliar la escena de forma analógica, sin pérdida de calidad, a diferencia de la interpolación digital. En este caso, la cámara posee un zoom óptico de 5 aumentos.

4. ¿Qué son los Gráficos Vectoriales?

Los gráficos vectoriales o gráficos orientados a objetos están formados por elementos geométricos como puntos, líneas (rectas o curvas) y polígonos. Estos elementos son calculados por el ordenador basándose en ecuaciones matemáticas, lo que les permite ocupar significativamente menos espacio que un mapa de bits y escalar sin pérdida de calidad.

5. Formatos de Imagen: JPEG, GIF y PNG

A continuación, se describen las características de algunos formatos de imagen comunes:

JPEG (Joint Photographic Experts Group): Es el formato más utilizado por las cámaras digitales. Ofrece una alta compresión con pérdida de calidad, ideal para fotografías, pero no soporta transparencia ni animación.
GIF (Graphics Interchange Format): Muy popular en la web, soporta una profundidad de color de 8 bits (256 colores) y permite la animación mediante secuencias de fotogramas. Es adecuado para gráficos con pocos colores y animaciones sencillas.
PNG (Portable Network Graphics): Es un formato de imagen libre que ofrece compresión sin pérdida de calidad. Fue desarrollado como una alternativa superior a GIF para la web, soportando transparencia alfa (canales de opacidad) y una gama de colores más amplia.

De los formatos mencionados, solo GIF permite la animación.

6. Formatos de Audio Digital: WAV, MIDI, FLAC, MP3, AAC

Exploramos los formatos de audio más relevantes:

WAV (Waveform Audio Format): Es un formato de audio sin compresión de datos, desarrollado por Microsoft e IBM, con extensión .wav. No es común en Internet debido a su gran tamaño y lentitud de descarga/reproducción, pero es reconocido por la mayoría de los programas de edición de audio.
MIDI (Musical Instrument Digital Interface): Es un protocolo de comunicación entre instrumentos musicales digitales y ordenadores. La extensión de archivo utilizada es .mid. A diferencia de los formatos de audio, los archivos MIDI no contienen sonido grabado, sino instrucciones para generarlo. Los editores de audio basados en ondas no manipulan directamente este tipo de archivos.
FLAC (Free Lossless Audio Codec): Se trata de un formato de audio comprimido sin pérdidas. Para reproducir archivos .flac, es necesario tener instalado el códec FLAC en el sistema. Ofrece una calidad de audio idéntica al original, pero con un tamaño de archivo reducido.
MP3 (MPEG-1 Audio Layer 3): Es un formato de audio comprimido con pérdida de calidad que ha revolucionado la industria musical y la electrónica de consumo. Su tecnología de compresión se basa en algoritmos matemáticos complejos que eliminan las partes del sonido que el oído humano apenas puede percibir. El resultado son archivos que ocupan aproximadamente una doceava parte del tamaño de su original en formato WAV.
AAC (Advanced Audio Coding): Formato de audio comprimido con pérdida de calidad, desarrollado por los mismos creadores del formato MP3. Ofrece un rendimiento superior al de los archivos MP3 en términos de calidad de sonido por bit. Puede presentarse con diversas extensiones, como .m4a, .m4p y .m4v.

7. Accesibilidad Web: Concepto y Clasificación

La accesibilidad web se refiere al acceso universal a la Web, independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica o capacidades de los usuarios. Su objetivo es que cualquier persona pueda percibir, entender, navegar e interactuar con la Web.

La accesibilidad web se clasifica en niveles de conformidad, según las Pautas de Accesibilidad para el Contenido Web (WCAG):

Nivel A: La página web cumple con todos los criterios de conformidad de nivel A, que son los requisitos mínimos para que el contenido sea accesible.
Nivel AA: La página web cumple con todos los criterios de conformidad de los niveles A y AA. Este nivel es el más comúnmente recomendado y adoptado.
Nivel AAA: La página web cumple con todos los criterios de conformidad de los niveles A, AA y AAA. Este es el nivel más alto de accesibilidad, que satisface las necesidades de un público más amplio.

8. Orígenes y Desarrollo de Internet y la World Wide Web

Tras el desarrollo de la tecnología y los protocolos de comunicación fundamentales para el funcionamiento de Internet (aproximadamente en 1973), surgieron diversos proyectos que buscaban utilizar esta infraestructura para visualizar documentos alojados en ordenadores remotos. Fue en 1990 cuando el británico Tim Berners-Lee, en colaboración con el belga Robert Cailliau, estableció el protocolo de funcionamiento de la World Wide Web (WWW) mientras ambos trabajaban en el CERN (Centro Europeo para la Investigación Nuclear).

9. Proceso de Carga de una Página Web desde la URL

El proceso que ocurre desde que un usuario escribe una URL en su navegador hasta que visualiza la página requerida implica varios pasos:

Introducción de la URL: El usuario inicia su navegador web y escribe la dirección URL de la página a la que desea acceder.
Resolución DNS: El navegador envía la URL a un servidor DNS (Domain Name System) configurado en la conexión local. Este servidor DNS resuelve la URL, traduciéndola a la dirección IP numérica del servidor donde se aloja el sitio web.
Solicitud HTTP/HTTPS: Dado que la URL comienza con http:// o https://, el navegador establece una conexión con el servidor web utilizando el protocolo correspondiente.
Envío del Documento HTML: El servidor, al reconocer la solicitud de un documento web, envía el archivo HTML principal. Si la URL no especifica un archivo concreto (ej. solo un dominio), el servidor buscará y enviará por defecto un archivo como index.html.
Solicitud de Recursos Adicionales: Una vez recibido el documento HTML, el navegador lo interpreta y solicita al servidor todos los recursos adicionales enlazados (imágenes, hojas de estilo CSS, scripts JavaScript, fuentes, etc.) necesarios para la composición completa de la página.
Renderizado de la Página: Finalmente, el navegador ensambla todos los elementos (textos, imágenes, enlaces, animaciones) para componer y mostrar la página web al usuario. Es crucial que los desarrolladores web verifiquen la correcta visualización en diferentes navegadores.

Cabe destacar que sin un servidor DNS funcional, el acceso a las páginas web sería imposible, ya que no se podría resolver el nombre de dominio a una dirección IP.

10. ¿Qué es una Página Web Dinámica?

Las páginas web dinámicas son aquellas cuyo contenido se genera en tiempo real al ser solicitadas por un usuario. Su contenido puede variar en función de factores como el tipo de usuario, sus privilegios o la información obtenida de una base de datos. Permiten presentar diferentes versiones de una misma web y facilitan la separación del contenido de la presentación mediante el uso de plantillas. Actualmente, son el tipo de páginas web más extendido.

11. Significado de un Editor WYSIWYG

Los programas de edición web que permiten diseñar y visualizar el resultado final de forma simultánea se conocen como editores WYSIWYG. Este acrónimo proviene del inglés What You See Is What You Get, que se traduce como «lo que ves es lo que obtienes». Estos editores facilitan la creación de contenido web sin necesidad de escribir código directamente.

12. ¿Qué es el Lenguaje HTML?

El lenguaje HTML (HyperText Markup Language) es el estándar para la creación de páginas web. Se trata de un lenguaje de marcado basado en etiquetas que definen la estructura y las propiedades del contenido, como textos, imágenes, enlaces y otros elementos multimedia. Es la base fundamental de cualquier página web.

13. Gestores de Contenidos (CMS): Concepto y Ejemplos

Los Gestores de Contenidos (Content Management System, CMS) son aplicaciones que se instalan en un servidor para facilitar la creación y administración de páginas web dinámicas. Permiten gestionar el diseño del sitio de forma independiente de su contenido, lo que significa que los cambios en la apariencia no afectan al contenido y viceversa. Esto simplifica enormemente la actualización y el mantenimiento de sitios web complejos.

Ejemplos comunes de CMS incluyen WordPress, Joomla!, Drupal, TYPO3, Magento (para e-commerce) y PrestaShop (para e-commerce), entre otros.