Un microfrontend es una técnica de desarrollo de aplicaciones web que descompone una interfaz en módulos más pequeños y autónomos, cada uno responsable de una parte específica de la aplicación. Es una extensión del concepto de microservicios, que en backend se refiere a la creación de servicios independientes. De manera similar, los microfrontends permiten a los equipos desarrollar, implementar y mantener partes de la interfaz de manera independiente, favoreciendo la modularidad y escalabilidad.

Con los microfrontends, cada equipo puede trabajar en una parte específica del frontend (por ejemplo, el encabezado, la navegación o un widget) sin depender de los demás, y todas estas piezas se ensamblan en una única aplicación web cohesiva. Esto permite un desarrollo más ágil, donde los cambios en una parte de la interfaz no afectan al resto de la aplicación, facilitando la actualización continua.

Beneficios de los Microfrontends

Cómo se articula con Atomic Web Design

El concepto de Atomic Web Design (AWD) se complementa de manera ideal con los microfrontends. Ambos enfoques promueven la modularidad, pero lo hacen en diferentes niveles. Mientras que Atomic Web Design organiza la interfaz a nivel de componentes visuales, los microfrontends lo hacen a nivel de aplicaciones o módulos independientes.

Relación entre Microfrontends y Atomic Web Design:

  1. Átomos y Microfrontends: Los átomos en Atomic Web Design son los componentes más básicos, como botones, inputs o etiquetas. En un contexto de microfrontends, estos átomos pueden estar empaquetados y gestionados como microservicios individuales que distintos equipos pueden reutilizar en distintos módulos.

  2. Moleculas y Organismos en Microfrontends: Las moléculas y organismos son combinaciones de átomos que forman partes funcionales de una interfaz, como formularios, menús o barras de navegación. Estas estructuras más complejas pueden ser tratadas como microfrontends, donde un equipo puede desarrollar, por ejemplo, el formulario de inicio de sesión de manera aislada, pero siguiendo las normas de diseño visual y funcional establecidas por Atomic Web Design.

  3. Plantillas y Páginas: Las plantillas y páginas, en Atomic Web Design, son representaciones completas de una vista o pantalla. Con microfrontends, estos niveles pueden ser ensamblados a partir de varios microfrontends individuales, dando como resultado una aplicación completa que sigue tanto la coherencia visual como la funcionalidad esperada.



Desarrollo de un microfrontend

El objetivo de este documento es documentar pormenorizadamente las responsabilidades, mecanismos y detalles para desarrollar un microfrontend


Accede a la normativa

Estrategia

Coordinamos el diseño y la ejecución de la estrategia digital del Sistema Sanitario Público de Andalucía, y más concretamente de su ejecución específica en la STIC. El alcance de la estrategia comprende tanto transformación digital como salud digital. Saber más

  • Plan de gestión del cambio y comunicación de la Estrategia Digital del SSPA
  • Plan Director de la STIC y alineamiento con la Estrategia Digital 
  • Definición y mejora continua del modelo de gobierno de la STIC en Transformación Digital y Salud Digital

Gestión del cambio

Colaboramos en la gestión estructurada del lado humano del cambio para alcanzar los objetivos y resultados esperados de los procesos de transformación, acompañando a las personas para que acepten y adopten los cambios y buscando sinergias entre iniciativas para ser más eficientes.

  • Coordinación de los procesos transversales de gestión del cambio de la STIC 
  • Consultoría y asesoramiento para la definición de planes estructurados de gestión de cambio a nivel de proyectos, programas, estrategias, etc.
  • Seguimiento de las iniciativas de cambio para identificar sinergias y puntos de mejora 

Gestión del conocimiento

Aseguramos que el conocimiento que se genera en la STIC esté a disposición todas las personas que lo necesitan y facilitamos que se pueda compartir a los profesionales SAS. Saber más

  • Responsable de los procesos y definición de estándares para la gestión documental
  • Definición y mejora continua de la gestión del conocimiento tanto en el ámbito de la STIC como para los profesionales SAS a través del Portal ayudaDIGITAL
  • Gestión de Contenidos en Confluence y Portal ayudaDIGITAL
  • Consultoría y asesoramiento en Confluence

Procesos TIC

Lideramos la definición y mejora continua de los procesos comunes de los profesionales TIC, los modelamos en herramientas corporativas y asesoramos en la utilización de las mismas.  Saber más

  • Responsable del catálogo de procesos transversales TIC
  • Definición y mejora continua de los procesos comunes de IT
  • Modelado de procesos en herramientas corporativas (JIRA, CMS, …)
  • Consultoría y asesoramiento en JIRA

Comunicación

Gestionamos y canalizamos todas las necesidades de comunicación interna, externa y de identidad corporativa de la STIC, generamos contenidos y difundimos información de interés. Saber más

  • Elaboración del plan anual de comunicación de la STIC (comunicación externa, interna, de crisis, seguridad, eventos, …)
    • Elaboración de materiales de comunicación, contenidos multimedia, guías, recomendaciones y mejores prácticas 
    • Gestión de canales de comunicación y relación con las distintas partes interesadas 
    • Gestión del calendario anual de eventos TIC y propuesta de participación por parte de la STIC
  • Responsable de la Identidad Corporativa de la STIC y alineamiento con la identidad Corporativa de la Junta de Andalucía 
  • Supervisión y alineamiento de las comunicaciones con los Planes Estratégicos del SSPA

Capacitación

Gestionamos las acciones formativas en competencias digitales que la STIC ofrece a los profesionales SAS y a la ciudadanía, proporcionando apoyo y asesoramiento al resto de áreas en su producción y puesta en marcha. Saber más

  • Elaboración del plan anual de capacitación en competencias digitales para los profesionales del Sistema Sanitario Público de Andalucía  
    • Elaboración del calendario anual y desarrollo de recursos formativos para la STIC y para los profesionales del SSPA 
    • Apoyo y asesoramiento para el desarrollo de recursos formativos
    • Gestión de contenidos del apartado Capacitación del portal ayudaDIGITAL
  • Elaboración de guías y estándares para la producción de recursos formativos

Organización interior

Coordinamos la gestión del personal interno de la Subdirección General (STIC) en los aspectos transversales y también del personal técnico subcontratado mediante contratos y convenios con terceros (Oficinas Técnicas, Fundación Progreso,…). 

  • Gestión y soporte del personal interno de la Subdirección (STIC) en los aspectos transversales y también del personal técnico subcontratado mediante contratos y convenios con terceros (Oficinas Técnicas, Fundación Progreso y Salud,…). 
  • Seguimiento y tramitación de las certificaciones de los servicios prestados de los expedientes de contratación en el ámbito de servicios centrales de la STIC

Secretaría

Damos soporte al responsable de la STIC y responsables de áreas.



  • Punto de entrada a la Subdirección 
  • Gestión de las agendas del equipo directivo de la STIC
  • Gestión de las peticiones de reuniones por parte de los proveedores
  • Actas y seguimiento de Comisiones