Sitemap

Introducción al Paradigma de Servicios

3 min readMay 11, 2026

--

Desarrollo Web Orientado a Servicios

Press enter or click to view image in full size

Objetivo general:

El estudiante identificará los componentes básicos de una Arquitectura Orientada a Servicios (SOA) mediante la interacción con servicios pre-construidos, comprendiendo la relación entre Mensaje, Proveedor y Consumidor.

Imagina que quieres una pizza. No necesitas saber sembrar trigo ni tener una vaca para el queso; solo necesitas saber ¿cómo pedirla? y ¿qué esperar a cambio?

En el software, el Paradigma de Servicios funciona igual: una aplicación no tiene que saber hacer todo, solo necesita saber a qué “especialista” (servicio) llamar.

Materiales o recursos necesarios:

  • Navegador Web (Chrome, Edge o Firefox).
  • Acceso a una consola de comandos (Terminal) o un entorno simple.

CÓDIGO BASE INTRODUCTORIO

En lugar de crear el servidor, el estudiante usará un servicio “maqueta” que simula un sistema de pedidos. El siguiente código es una plantilla de exploración que el estudiante debe completar para entender cómo se solicitan datos.

// PLANTILLA DE EXPLORACIÓN: "EL CONSUMIDOR"
// Instrucción: Copia este código en la consola del navegador o un editor online.

const SERVICIO_MENU = "https://api.ejemplo-simulado.com/menu";

// 1. FUNCIÓN PARA "LLAMAR" AL SERVICIO (Simulada)
async function consultarServicio() {
console.log("--- Iniciando petición al servicio de Cocina ---");

// Simulamos la respuesta de un servicio SOA real
const respuestaSimulada = {
estado: "200 OK",
formato: "JSON",
contenido: [
{ plato: "Pizza SOA", precio: "$10", disponible: true },
{ plato: "Pasta Protocolo", precio: "$12", disponible: false },
{ plato: "Ensalada de Datos", precio: "$8", disponible: true }
]
};

console.log("Servicio responde con datos crudos:", respuestaSimulada.contenido);

// TAREA DEL ESTUDIANTE: Filtrar solo los platos disponibles.
const disponibles = respuestaSimulada.contenido.filter(item => item.disponible);

console.log("Resultado procesado por nuestra App:", disponibles);
}

consultarServicio();

nstrucciones paso a paso:

  1. Analizar la Analogía (Discusión): El docente presenta el concepto de “Contrato”: Si el menú dice “Pizza”, el restaurante debe entregar “Pizza”. Esto es el contrato del servicio.
  2. Exploración de Datos Crudos: Abre el inspector del navegador (F12) y pega el código base. Debe observar cómo los datos llegan en un formato estándar (JSON) que parece una lista de mercado.
  3. Identificación de Roles: Marca en su cuaderno quién es el Consumidor (el script), quién es el Proveedor (el servicio simulado) y cuál es el Mensaje (los datos de la pizza).
  4. Modificación del Contrato: Cambia una línea del código para que el servicio “pague” un impuesto adicional al precio, simulando una lógica de negocio simple que reside en el cliente.
  5. Reflexión sobre Desacoplamiento: “Si la cocina cambia de estufa (tecnología interna), ¿cambia el menú que recibes?”. No olvides justificar tu respuesta.

Recomendaciones:

  • No tengas miedo de “romper” el código en la consola; es la mejor forma de aprender.
  • Enfócate en la estructura de los datos { plato: "..." }, es el idioma universal de los servicios.

Posible problema y solución rápida:

  • Problema: El estudiante no entiende qué es un “JSON”.
  • Solución: JSON, es simplemente una “lista de etiquetas” (como las etiquetas de precio en un estante) que tanto computadoras como humanos pueden leer.

--

--

Ajgutierrez
Ajgutierrez

Written by Ajgutierrez

Dr. Alfredo de Jesús Gutiérrez Gómez has experience in the implementation of technologies across various fields and a professor and researcher.