¿Alguna vez te has preguntado qué sucede después de hacer clic en un botón? Detrás de cada interfaz elegante, existe un mundo invisible donde los datos cobran sentido. El procesamiento en el servidor es el motor silencioso que transforma una simple petición en una experiencia de usuario significativa.

En este artículo, exploraremos las entrañas de las aplicaciones web y cómo la eficiencia en el servidor puede marcar la diferencia entre un sistema mediocre y uno excepcional.

Objetivo de Aprendizaje

Al finalizar esta lectura, serás capaz de identificar las etapas críticas que ocurren en el backend: desde la consulta a la base de datos hasta la estructuración de la respuesta final, comprendiendo su impacto en el rendimiento global.

¿Qué ocurre en el Servidor?

El procesamiento en el servidor se divide en tres pilares fundamentales que garantizan que la información llegue correctamente a su destino:

Acceso a la Base de Datos: Es el momento de la verdad. El servidor busca, filtra y extrae la información necesaria. Una consulta mal optimizada aquí es el principal enemigo de la velocidad.

Lógica de la Aplicación: Aquí es donde reside la “inteligencia”. Se aplican reglas de negocio, cálculos y validaciones de seguridad antes de entregar cualquier dato.

Formato de Respuesta: Una vez procesada la información, el servidor debe empaquetarla (usualmente en formato JSON) para que el navegador pueda entenderla y renderizarla.

¡Es momento de pasar a la acción!

La teoría es solo el inicio. Para dominar este concepto, te invitamos a completar nuestra ruta de aprendizaje interactivo:

La entrada El Corazón de la Web: Comprendiendo el Procesamiento en el Servidor se publicó primero en Frexus.

Mientras el arquitecto diseña los diferentes tipos de planos para la creación de una casa, plaza, estructura, escultura o lo que se le solicite. Como por ejemplo el plano eléctrico, el del drenaje, de la casa. Que llegan a conjugarse entre ellos. El diseñador web genera algo llamado maquetado web que permite entre otras cosas dar un sentido de navegación entre las diferentes páginas del sitio como los elementos del que comprenderán al sitio.

Establecer la arquitectura web

Se pueden considerar los siguientes pasos para establecer la arquitectura web:

1. Diagrama de navegación: Conocido también como mapa del sitio, permite mostrar el sitio bajo una representación jerárquica de todas las páginas y niveles que se contiene. No existe un número de elementos que indique cuantas páginas. Se puede usar cualquier tipo de software para crear este tipo de diagramas, se puede ir desde un procesador de texto, presentador de diapositivas, o alguna herramienta case como dia que permite crear una diversidad de diagramas. En la imagen 1 se puede apreciar un ejemplo de un diagrama de navegación o mapa del sitio.
2. Prototipo de páginas: Consiste en diseñar un bosquejo en “papel” con todas las páginas y sus elementos, mostrando como se ordenará el contenido, y la navegación de cada una de ellas. Por lo que entre más páginas más diseño de estas, regularmente el diseñador web crea una estructura con elementos estándares que permiten acceso a páginas que pueden llegarse a considerar de interés. En la imagen 2, puede observarse elementos con bloques de colores donde puede colocarse objetos como hipervínculos, a páginas de contacto, redes sociales entre otras. Para esta etapa se sugiere el uso de la herramienta pencil, o al igual que en el paso anterior se puede hacer en un procesador de texto, o presentador de diapositivas.
3. Desarrollo de contenido: Esta actividad consta en llevar los prototipos de contenido relevante, que satisfagan las necesidades de los usuarios, se sugiere que el contenido sea actual, original y desde luego interesante. Este apartado se enfoca mas a las páginas web. Debido a que son ellas las que ofrecen contenido de “calidad” a los lectores. Para el caso de una aplicación web su contenido estará entorno al funcionamiento del sistema.

En la imagen 3 puede observar las diferente forma en que puede agruparse la navegación tanto para un sitio web como para el de una aplicación web. Este diagrama navegación permite no solo al diseñador brindar una “idea” de los menús estará compuesto el sitio o la aplicación web sino de las diferentes opciones que puede tenerse y que tan “amigable” puede ser dicha navegación. El diagrama fue realizado en la herramienta case dia.

Como se puede observar en la imagen 4. se muestra los elementos estándar que suele tener un sitio web. para el caso de una aplicación web, su variación estará en las disposiciones del cliente claro que en vez de tener opciones como redes sociales tendrá otras opciones. La navegación fue realizada en la herramienta pencil. Vista este enlace para que leas sobre su instalación y uso.

Referencias bibliográficas.

• Arquitectura de un sitio web. https://www.tusclicks.com/blog/3-pasos-hacia-una-exitosa-arquitectura-de-sitio-web/. Consultado: 30/01/2022.
• Diseño web ocho formas de diseñar bosquejos que sean del agrado de diseñadores. https://www.staffdigital.pe/blog/diseno-web-formas-disenar-bosquejos-agrado-desarrolladores/. Consultado: 30/01/2022.

La entrada La arquitectura, los sitios y las aplicaciones web se publicó primero en Frexus.