Saltar al contenido
XSIS
Hable con un ingeniero

Ingeniería de software

Aplicaciones web

Aplicaciones web que se mantienen rápidas, accesibles y seguras a medida que crecen

Portales de clientes, herramientas internas y plataformas web con front ends modernos y API bien probadas.

Visión general

Una aplicación web suele ser lo primero que usan sus clientes y la herramienta con la que su personal trabaja todo el día. Tiene que cargar rápido con una conexión lenta, funcionar con teclado y con lector de pantalla, y proteger los datos mientras lo hace.

Desarrollamos portales de clientes, plataformas de autoservicio, herramientas de back office y paneles con React, Next.js, Angular o Vue en el front end y API bien probadas detrás. Las páginas se renderizan en el servidor cuando eso mejora la velocidad y el posicionamiento en buscadores, y en el navegador cuando la interacción lo requiere.

Cada aplicación que desarrollamos admite los idiomas y la disposición de página que necesitan sus usuarios, incluido el árabe y otras escrituras de derecha a izquierda, y se diseña para cumplir WCAG 2.2 AA. Los presupuestos de rendimiento y las comprobaciones de seguridad se ejecutan en el pipeline, de modo que la aplicación sigue siendo rápida y segura a medida que se añaden funcionalidades.

Qué entregamos

  1. Diseño de flujos e interfaz

    Flujos de usuario, wireframes y un diseño visual, acordados con usted antes del desarrollo.

  2. Aplicación de front end

    Una interfaz adaptable creada con componentes reutilizables, que funciona en teléfonos, tabletas y pantallas grandes.

  3. Servicios de back end y API

    API documentadas que contienen las reglas de negocio y se conectan con sus bases de datos y otros sistemas.

  4. Inicio de sesión y permisos

    Inicio de sesión único mediante OpenID Connect o SAML cuando lo necesite, con roles y permisos aplicados en el servidor.

  5. Idiomas y diseños de derecha a izquierda

    Textos separados del código y traducidos por idioma, con diseños que se reflejan correctamente para el árabe.

  6. Evidencias de accesibilidad

    Comprobaciones automáticas y manuales frente a WCAG 2.2 AA, con los resultados registrados en cada versión.

  7. Presupuestos de rendimiento

    Límites acordados de peso de página y tiempo de carga, verificados automáticamente con cada cambio.

  8. Despliegue y monitorización

    Un pipeline hasta cada entorno, con seguimiento de errores y monitorización de disponibilidad desde la primera versión.

Cómo trabajamos

  1. 01

    Conocer a los usuarios y sus tareas

    Averiguamos quién usa la aplicación, en qué dispositivos y qué tareas son las más importantes.

  2. 02

    Diseñar y prototipar

    Diseñamos los flujos clave y probamos un prototipo navegable con usuarios reales antes de desarrollar.

  3. 03

    Desarrollar por incrementos

    Entregamos funcionalidades en funcionamiento en iteraciones cortas, cada una revisada, probada y presentada.

  4. 04

    Comprobar velocidad, accesibilidad y seguridad

    Probamos el rendimiento, la accesibilidad y la seguridad antes de cada versión, no solo al final.

  5. 05

    Lanzar y mejorar

    Publicamos a través del pipeline, observamos el uso real y los errores, y mejoramos a partir de lo que vemos.

Tecnologías

Lenguajes
  • TypeScript
  • Java
  • PHP
Frameworks
  • React
  • Next.js
  • Angular
  • Vue.js
  • Node.js
  • NestJS
  • .NET
  • Spring Boot
  • Laravel
Bases de datos
  • PostgreSQL
  • Redis
  • MySQL
Pruebas
  • Playwright
  • axe-core
Diseño y accesibilidad
  • WCAG 2.2
Integración
  • GraphQL
  • REST
Identidad y acceso
  • OpenID Connect
  • SAML 2.0

Formas de trabajar con nosotros

Preguntas y respuestas

¿Qué framework de front end utilizan?

Usamos React con Next.js para la mayoría de las aplicaciones nuevas, porque admite renderizado en el servidor, cuenta con herramientas sólidas y es ampliamente conocido por los ingenieros. También trabajamos con Angular y Vue, y continuamos con el framework que usted ya utiliza cuando es la opción sensata. La decisión depende de las competencias de su equipo, de lo que debe hacer la aplicación y de lo que usted mantendrá después.

Enlace a esta pregunta
¿Qué influye en el costo de una aplicación web?

El número de roles de usuario y flujos de trabajo, las integraciones que hay detrás de la aplicación, los idiomas y diseños que debe admitir, y sus necesidades de seguridad y auditoría. También importa la profundidad del diseño: una herramienta para un equipo interno pequeño necesita menos que un portal público del que dependen sus clientes. Estimamos a partir del backlog tras la fase de descubrimiento, para que usted decida qué entra en la primera versión.

Enlace a esta pregunta
¿Será accesible la aplicación?

Diseñamos y desarrollamos conforme a WCAG 2.2 AA. Eso abarca el uso con teclado, los lectores de pantalla, el contraste de color, el orden del foco, el cambio de tamaño del texto y mensajes de error claros. Las comprobaciones automáticas se ejecutan con cada cambio, y probamos manualmente los recorridos clave con tecnologías de apoyo antes de cada versión. Si su organización sigue una norma más estricta, trabajamos conforme a ella.

Enlace a esta pregunta
¿Puede la aplicación admitir el árabe y otros idiomas?

Sí. Mantenemos todos los textos fuera del código para que puedan traducirse, y maquetamos las páginas con propiedades lógicas para que se reflejen correctamente en idiomas de derecha a izquierda como el árabe. Las fechas, los números y las monedas siguen la configuración regional de cada idioma. Lo planificamos desde el principio, porque añadir un segundo idioma a una aplicación creada para uno solo supone mucho más trabajo.

Enlace a esta pregunta
¿Cómo protegen una aplicación web?

Seguimos las directrices de OWASP: validación de entradas, codificación de salidas, protección frente a la falsificación de peticiones entre sitios (CSRF), gestión segura de sesiones y una política de seguridad de contenido estricta. Los permisos se comprueban en el servidor, nunca solo en el navegador. Las dependencias se analizan en busca de vulnerabilidades conocidas en cada compilación, y realizamos pruebas de seguridad antes de cada versión. Antes del lanzamiento se puede añadir una prueba de penetración especializada.

Enlace a esta pregunta
¿Cómo mantienen la aplicación rápida?

Acordamos un presupuesto de rendimiento al principio, que cubre el peso de página y el tiempo de carga en un teléfono y una conexión habituales, y lo verificamos automáticamente con cada cambio. Las páginas se renderizan en el servidor cuando eso ayuda, las imágenes y los scripts se cargan solo cuando se necesitan, y los datos se almacenan en caché cerca de los usuarios. Tras el lanzamiento, la monitorización de usuarios reales muestra dónde se ralentiza la aplicación.

Enlace a esta pregunta
¿Quién es propietario del código y del trabajo que producen?

La propiedad intelectual del trabajo que desarrollamos para usted es suya desde el primer commit, sin ningún trámite de cesión al final. Esto incluye el código a medida, la documentación y los demás entregables creados para usted. Lo que aportamos y ya existía antes, como herramientas o bibliotecas internas, sigue siendo nuestro, y usted recibe una licencia para usarlo en sus sistemas. Los componentes de código abierto mantienen sus propias licencias, y se los enumeramos.

Enlace a esta pregunta
¿Qué soporte ofrecen tras la puesta en producción?

Podemos operar y mantener lo que desarrollamos: monitorización, respuesta a incidentes, actualizaciones de seguridad y cambios a medida que evolucionan su negocio y sus socios. El soporte se acuerda por escrito, con objetivos de respuesta, contactos de escalado e informes periódicos. Nuestro equipo está disponible 24/7.

Enlace a esta pregunta

Cuéntenos qué necesita desarrollar o conectar.

Describa los sistemas, los plazos y las restricciones. Los ingenieros adecuados se encargan a partir de ahí.

  • Nuestro equipo le llamará en un plazo de 24 horas, en la franja horaria que usted prefiera
  • Nuestro equipo está disponible 24/7