Qatar Foundation

Plataforma multilingüe de chatbot

Rol
Frontend Tech Lead
Año
2025
Stack
AngularTypeScriptAzure Bot ServiceRTL Support

01 /Contexto

El chatbot de Qatar Foundation es una plataforma conversacional bilingüe (inglés y árabe) integrada en la web de la fundación. Qatar Foundation es una organización internacional sin ánimo de lucro que agrupa a más de cincuenta entidades en educación, ciencia y desarrollo comunitario. Necesitaban un punto de entrada conversacional en su plataforma web capaz de atender por igual a usuarios en inglés y árabe, encaminar preguntas a través de un mapa interno muy amplio de programas, y sentirse nativo en una región donde el árabe no puede tratarse como una traducción posterior.

02 /Mi rol

Lideré la integración frontend del chatbot dentro del site de la fundación. Eso supuso construir la superficie de conversación en Angular, conectarla con Azure Bot Service y Cognitive Services y — la parte que definió el proyecto — hacer que toda la experiencia fuera realmente bidireccional. El right-to-left para árabe no es un flip de CSS; toca tipografía, flujo de layout, orden de foco, dirección de las animaciones, espejado de iconos y cómo el bot intercambia contenido entre idiomas. Me hice cargo de esa parte de punta a punta.

03 /Decisiones técnicas

  • Superficie de chat en Angular integrada en la plataforma web existente de la fundación.
  • RTL completo para árabe: flujo de layout, orden de foco, tipografía, dirección de animaciones y espejado de iconos.
  • Cambio de idioma preservando el estado de la conversación entre LTR y RTL.
  • Azure Bot Service y Cognitive Services en el backend, expuestos a través de un cliente tipado fino en el front.
  • Base de accesibilidad alineada con los estándares de la fundación: navegable por teclado y compatible con lectores de pantalla en ambos idiomas.

04 /Resultado

El chatbot se publicó como punto de entrada bilingüe en la plataforma de Qatar Foundation, con la experiencia en árabe tratada como ciudadana de primera clase, no como un añadido. El proyecto es uno de los casos públicos de referencia de Bravent en la región.

05 /Enlaces externos