1. Introducción
El desarrollo de aplicaciones y servicios en Internet se basa en un conjunto de arquitecturas, lenguajes, herramientas y protocolos que permiten la creación, gestión y acceso a contenidos web. Su importancia radica en la interoperabilidad, seguridad y accesibilidad, aspectos esenciales en entornos como el Servicio Andaluz de Salud (SAS) , donde las aplicaciones web deben garantizar el acceso seguro a datos clínicos y administrativos.
2. Arquitecturas para Utilización en Internet
Las arquitecturas definen cómo se organizan y comunican los sistemas en Internet.
- Cliente-Servidor : Modelo donde los clientes (navegadores) solicitan información a servidores que procesan y envían respuestas.
- Peer-to-Peer (P2P) : Todos los nodos pueden actuar como cliente y servidor. Se usa en redes de intercambio de archivos y sistemas descentralizados .
- Arquitectura en Tres Capas : Separa la aplicación en capa de presentación (frontend), lógica de negocio (backend) y base de datos .
- Arquitectura Orientada a Servicios (SOA) : Basada en servicios independientes y reutilizables que se comunican a través de protocolos estándar.
- Microservicios : Extensión de SOA donde cada funcionalidad se implementa como un servicio independiente, facilitando escalabilidad y mantenimiento.
3. Idiomas para utilización en Internet
Se pueden clasificar en tres grandes categorías:
- Lenguajes de Marcado :
- HTML (Lenguaje de marcado de hipertexto) : define la estructura de las páginas web.
- XML (eXtensible Markup Language) : Lenguaje de marcado utilizado para el intercambio de datos estructurados.
- Lenguajes de presentación :
- CSS (Cascading Style Sheets) : define estilos y diseño visual de páginas web.
- Lenguajes de programación :
- Frontend : JavaScript y frameworks como React o Angular.
- Back-end : PHP, Python, Java, Node.js.
4. Herramientas para Utilización en Internet
- Editores e IDE : Visual Studio Code, Eclipse.
- Navegadores web : Chrome, Firefox, Edge (incluye herramientas de desarrollo).
- Servidores Web : Apache, Nginx, IIS.
- Control de Versiones : Git facilita la colaboración y gestión de código.
- Marcos : React (frontend), Django (backend).
5. Protocolos de Utilización en Internet
Los protocolos son reglas de comunicación que permiten la transferencia de datos en la web.
- HTTP/HTTPS : Transfiere datos web; HTTPS añade cifrado SSL/TLS.
- FTP : Protocolo para transferencia de archivos.
- SMTP, POP3, IMAP : Protocolos para gestión de correo electrónico.
- TCP/IP : Base de comunicación en Internet.
6. Lenguaje de especificación HTML: Versiones y características
- HTML4 : Primera versión ampliamente adoptada con soporte para scripts.
- HTML5 :
- Introducir elementos semánticos (
<header>,<footer>,<article>). - Soporte nativo para audio y vídeo .
- Nuevas APIs: Geolocalización, Canvas, WebSockets, Web Storage .
- Introducir elementos semánticos (
7. Protocolo HTTP: Versiones y Características
- HTTP/1.1 :
- Persistencia de conexiones.
- Codificación fragmentada.
- HTTP/2 :
- Multiplexación de conexiones.
- Compresión de cabeceras.
- Push del servidor (permite enviar recursos sin solicitud previa).
8. Lenguaje XML
- Características :
- Extensible : Permite etiquetas personalizadas.
- Estructura Jerárquica : Organiza datos en formato árbol.
- Validación : Utiliza DTD o esquema XML.
- Interoperabilidad : Se utiliza en servicios web y almacenamiento de datos estructurados .
9. Desarrollo de Aplicaciones Web
Frontend (Cliente)
- HTML, CSS, JavaScript .
- AJAX : Comunicación asíncrona con el servidor sin recargar la página.
- Marcos : React, Angular, Vue.js.
Backend (Servidor)
- Idiomas : PHP, Python, Node.js.
- Bases de datos : MySQL (SQL), MongoDB (NoSQL).
- API : REST, GraphQL.
10. Componentes Distribuidos
- Microservicios : Descomponen aplicaciones en servicios independientes.
- Servicios Web : Comunicación mediante SOAP y REST.
- Colas de Mensajes : RabbitMQ, Kafka.
11. Publicación de Contenidos
- CMS (Sistemas de gestión de contenidos) : WordPress, Drupal.
- SEO (optimización de motores de búsqueda) : mejora la visibilidad en los buscadores.
- Plataformas de Publicación : Blogs, redes sociales.
12. Herramientas para la Edición, Gestión y Personalización de Contenidos
- Editores WYSIWYG : Dreamweaver.
- CMS Headless : Desacopla frontend y backend (ejemplo: Strapi).
- Analítica Web : Google Analytics.
13. JavaScript y AJAX
- JavaScript : Manipula el DOM, gestiona eventos.
- AJAX : Realiza peticiones asíncronas al servidor sin recargar la página.
14. Web Semántica
- RDF (Marco de descripción de recursos) : Estructura de datos en la web.
- OWL (Web Ontology Language) : define relaciones entre datos.
- SPARQL : Lenguaje de consulta para bases de datos RDF.
15. Conclusión
Las tecnologías web han evolucionado para mejorar la interactividad, seguridad y accesibilidad en la web. En el contexto del Servicio Andaluz de Salud (SAS) , la interoperabilidad y la gestión de datos estructurados son clave para la modernización de los sistemas sanitarios.
CUESTIONARIO – TEMA 47: ARQUITECTURAS, LENGUAJES, HERRAMIENTAS Y PROTOCOLOS PARA UTILIZACIÓN EN INTERNET
1. ¿Qué modelo de arquitectura es el más común en Internet?
A) Peer-to-Peer (P2P)
B) Cliente-Servidor
C) Arquitectura en Anillo
D) Modelo de Red Local (LAN)
✅ Respuesta correcta: B) Cliente-Servidor
💡 Explicación: En el modelo Cliente-Servidor , los clientes (navegadores) solicitan recursos a servidores centralizados, permitiendo una gestión eficiente del tráfico y de la información.
❌ Otras opciones incorrectas:
- A) El modelo P2P se usa en intercambio de archivos, pero no es el estándar en la web.
- C) La arquitectura en anillo es más común en redes locales industriales.
- D) LAN es un tipo de red, no una arquitectura de Internet.
2. ¿Cuál es la función principal de HTML?
A) Dar estilo a una página web
B) Definir la estructura y contenido de una página web
C) Añadir funcionalidades interactivas
D) Gestionar bases de datos
✅ Respuesta correcta: B) Definir la estructura y contenido de una página web
💡 Explicación: HTML es un lenguaje de marcado que define la estructura de una página web mediante etiquetas.
❌ Otras opciones incorrectas:
- A) CSS se encarga del diseño y estilos.
- C) JavaScript es el lenguaje que añade interactividad.
- D) SQL es el lenguaje utilizado para gestionar bases de datos.
3. ¿Cuáles de los siguientes protocolos se utilizan para la transferencia de archivos?
A) SMTP
B) HTTP
C) FTP
D) IMAP
✅ Respuesta correcta: C) FTP
💡 Explicación: FTP ( File Transfer Protocol) permite la transferencia de archivos entre clientes y servidores.
❌ Otras opciones incorrectas:
- A) SMTP se utiliza para enviar correos electrónicos.
- B) HTTP se utiliza para la transferencia de páginas web.
- D) IMAP es un protocolo de acceso a correos electrónicos.
4. ¿Qué ventaja tiene HTTPS sobre HTTP?
A) Permite ejecutar código JavaScript más rápido
B) Mejora la seguridad mediante cifrado de datos
C) Reduce el tamaño de las imágenes en la web
D) Hace que los sitios web carguen más rápido
✅ Respuesta correcta: B) Mejora la seguridad mediante cifrado de datos
💡 Explicación: HTTPS usa SSL/TLS para cifrar la comunicación entre el cliente y el servidor, protegiendo los datos de ataques.
5. ¿Qué significa AJAX en el desarrollo web?
A) Un lenguaje de programación para bases de datos
B) Una técnica para cargar datos sin recargar la página
C) Un protocolo de comunicación entre servidores
D) Un framework para diseño web
✅ Respuesta correcta: B) Una técnica para cargar datos sin recargar la página
💡 Explicación: AJAX (Asynchronous JavaScript and XML) permite hacer solicitudes asíncronas al servidor sin necesidad de recargar la página web.
6. ¿Cuál de los siguientes es un lenguaje de programación que se ejecuta en el servidor?
A) JavaScript
B) PHP
C) HTML
D) CSS
✅ Respuesta correcta: B) PHP
💡 Explicación: PHP es un lenguaje que se ejecuta en el servidor para generar contenido dinámico.
7. ¿Cuál de las siguientes opciones NO es una base de datos NoSQL?
A) MongoDB
B) Redis
C) MySQL
D) Cassandra
✅ Respuesta correcta: C) MySQL
💡 Explicación: MySQL es una base de datos relacional (SQL) , mientras que MongoDB, Redis y Cassandra son bases de datos NoSQL.
8. ¿Qué tipo de lenguaje es XML?
A) Lenguaje de marcado
B) Lenguaje de programación
C) Lenguaje de estilos
D) Lenguaje de scripting
✅ Respuesta correcta: A) Lenguaje de marcado
💡 Explicación: XML es un lenguaje de marcado que permite almacenar e intercambiar datos estructurados en formato jerárquico.
9. ¿Qué tecnología se utiliza para mejorar el posicionamiento web?
A) JavaScript
B) SEO
C) FTP
D) WebSockets
✅ Respuesta correcta: B) SEO
💡 Explicación: SEO ( Search Engine Optimization) optimiza los sitios web para mejorar su visibilidad en los motores de búsqueda como Google.
10. ¿Qué versión de HTTP introdujo la multiplexación?
A) HTTP/1.0
B) HTTP/1.1
C) HTTP/2
D) HTTP/3
✅ Respuesta correcta: C) HTTP/2
💡 Explicación: HTTP/2 introduce multiplexación , permitiendo múltiples solicitudes en una sola conexión.
11. ¿Qué es un CMS?
A) Un gestor de bases de datos
B) Un sistema para crear y administrar contenido web
C) Un lenguaje de programación
D) Un protocolo de red
✅ Respuesta correcta: B) Un sistema para crear y administrar contenido web
💡 Explicación: Un CMS (Content Management System) permite gestionar contenido sin necesidad de conocimientos avanzados en programación.
12. ¿Qué lenguaje de programación se usa para manipular el DOM en una página web?
A) HTML
B) JavaScript
C) PHP
D) Python
✅ Respuesta correcta: B) JavaScript
💡 Explicación: JavaScript permite manipular el DOM (Document Object Model) para modificar el contenido de una página web en tiempo real.
13. ¿Cuál de las siguientes afirmaciones sobre HTTP/3 es correcta?
A) HTTP/3 usa el protocolo QUIC en lugar de TCP.
B) HTTP/3 es solo una versión renombrada de HTTP/2.
C) HTTP/3 requiere el uso de XML para transferir datos.
D) HTTP/3 no soporta conexiones seguras HTTPS.
✅ Respuesta correcta: A) HTTP/3 usa el protocolo QUIC en lugar de TCP.
💡 Explicación: HTTP/3 reemplaza TCP con QUIC, lo que mejora la latencia y el rendimiento en conexiones inestables.
❌ Otras opciones incorrectas:
- B) HTTP/3 es una evolución real, no solo un cambio de nombre.
- C) HTTP/3 no está relacionado con XML, puede transferir cualquier tipo de datos.
- D) HTTP/3 soporta conexiones seguras mediante TLS 1.3.
14. ¿Cuál de los siguientes no es un framework de desarrollo web frontend?
A) React
B) Angular
C) Django
D) Vue.js
✅ Respuesta correcta: C) Django
💡 Explicación: Django es un framework de backend basado en Python, mientras que React, Angular y Vue.js son frameworks de frontend.
15. ¿Qué tecnología permite almacenar datos localmente en el navegador?
A) Cookies
B) Web Storage (localStorage y sessionStorage)
C) FTP
D) HTTP/3
✅ Respuesta correcta: B) Web Storage (localStorage y sessionStorage)
💡 Explicación: Web Storage permite almacenar datos localmente en el navegador sin necesidad de enviarlos al servidor, mejorando el rendimiento.
❌ Otras opciones incorrectas:
- A) Las cookies almacenan datos, pero son enviadas en cada solicitud al servidor.
- C) FTP es un protocolo de transferencia de archivos.
- D) HTTP/3 optimiza la transmisión de datos, pero no almacena información localmente.
16. ¿Qué característica tiene la Web Semántica?
A) Utiliza RDF y OWL para describir datos estructurados.
B) Solo permite texto estático en páginas web.
C) Depende exclusivamente de bases de datos SQL.
D) No tiene relación con el SEO.
✅ Respuesta correcta: A) Utiliza RDF y OWL para describir datos estructurados.
💡 Explicación: La Web Semántica busca estructurar mejor la información en la web usando tecnologías como RDF (Resource Description Framework) y OWL (Web Ontology Language).
17. ¿Qué ventaja aporta un sistema CMS como WordPress en la publicación de contenidos?
A) Permite gestionar contenido sin necesidad de programar.
B) Solo puede usarse en servidores Windows.
C) No permite agregar plugins.
D) Requiere escribir código en ensamblador.
✅ Respuesta correcta: A) Permite gestionar contenido sin necesidad de programar.
💡 Explicación: Un CMS (Content Management System) facilita la gestión de contenido web sin necesidad de conocimientos avanzados de programación.
18. ¿Cuál es el objetivo principal del protocolo SMTP?
A) Transferir archivos entre servidores.
B) Enviar correos electrónicos.
C) Gestionar bases de datos relacionales.
D) Diseñar interfaces web.
✅ Respuesta correcta: B) Enviar correos electrónicos.
💡 Explicación: SMTP (Simple Mail Transfer Protocol) se usa para el envío de correos electrónicos entre servidores de correo.
19. ¿Cuál de las siguientes tecnologías se usa para la comunicación entre microservicios?
A) WebSockets
B) SOAP y REST
C) CSS
D) HTML5
✅ Respuesta correcta: B) SOAP y REST
💡 Explicación: SOAP y REST son estándares de comunicación usados para integrar microservicios en arquitecturas distribuidas.
20. ¿Cuál de los siguientes lenguajes es más comúnmente usado en el backend de aplicaciones web?
A) HTML
B) Python
C) CSS
D) JavaScript (sin Node.js)
✅ Respuesta correcta: B) Python
💡 Explicación: Python, junto con frameworks como Django y Flask, es ampliamente utilizado en el desarrollo de backend.
❌ Otras opciones incorrectas:
- A y C) HTML y CSS son lenguajes de marcado y estilos, no de backend.
- D) JavaScript sin Node.js es solo para frontend, no para backend.