Ámbito de aplicación de la Solución
Esta solución aplica al desarrollo de una aplicación con interfaz web que queremos que esté ajustada al Sistema de diseño de la Junta de Andalucía.
Ejemplos de aplicaciones serían un buscador, un cuadro de mandos, un formulario de envío de información, etc.
Si tu objetivo es desarrollar un sitio web completo, consulta la siguiente solución:
Guía descriptiva de la Solución
Requisitos de cumplimiento del sistema de diseño
Lo primero que tienes que tener claro antes de empezar a diseñar el interfaz es si tienes o no que aplicar el Sistema de diseño, y hasta qué nivel. Habitualmente, la aplicación se va a presentar de forma integrada en un sitio web concreto. En esos casos, aplican los mismos requisitos de cumplimiento que en el sitio web donde se integra.
Hay tres posibilidades:
- Cumplimiento completo: Debe cumplir el sistema de diseño al completo cualquier aplicación con interfaz web dirigida a la ciudadanía (no interna), que esté directamente relacionada con la acción de la administración pública y tenga vocación de permanencia.
- Cumplimiento parcial: En el caso de que el interfaz web de la aplicación forme parte de un micrositio, solo es necesario cumplir el capítulo de estilo gráfico (marca, colores, tipografía...). Los micrositios son sitios web pequeños y habitualmente temporales, relacionados con eventos, campañas de comunicación institucional y proyectos individuales con proyección pública.
- Cumplimiento opcional: El cumplimiento del sistema de diseño es opcional en aquellos servicios prestados de manera interna hacia los propios trabajadores de la Junta de Andalucía o sus proveedores (intranets/extranets, apps de productividad, gestión del personal, etc.).
Para más información, consulta la página Alcance del Sistema de diseño.
Elaborar bocetos y prototipos ajustados al sistema de diseño
A la hora de diseñar la aplicación, tienes a tu disposición una herramienta para elaborar bocetos y prototipos llamada Penpot.
Penpot es una herramienta de software libre con interfaz web público. Puedes utilizarla en dos entornos:
- Penpot Junta: Instalación propia de la Junta de Andalucía, con las ventajas de seguridad y privacidad que conlleva. Sólo está accesible desde la RCJA.
- Penpot.app: Instancia pública gratuita de la aplicación Penpot.
Más información sobre el servicio Penpot
Para ayudarte a hacer bocetos y prototipos de portales ajustados al sistema de diseño, tienes a tu disposición dos bibliotecas de diseño para Penpot y para Figma:
Aplicar el sistema de diseño al front end
Para aplicar el sistema de diseño a tu front end, cuentas con diversos recursos a tu disposición:
Tema bootstrap de la Junta de Andalucía
El tema bootstrap recoge un código CSS y javascript que implementa el Sistema de diseño.
- Tema bootstrap de la Junta de Andalucía en gitlab (solo accesible desde RCJA).
Más información sobre el tema bootstrap de la Junta de Andalucía
Catálogo de componentes web Storybook
También puedes integrar en tu desarrollo directamente los distintos componentes web desarrollados por la Junta de Andalucía ajustados al sistema de diseño.
Tienes información sobre los distintos web components disponibles en nuestro catálogo:
- Catálogo de componentes web Storybook (solo accesible desde RCJA).
Más información sobre el catálogo de componentes web
Integrar la navegación de un portal web
Si tu aplicación se va a presentar integrada en el Portal de la Junta de Andalucía o la web orgánica de una consejería o agencia, necesitarás incorporar la cabecera (marca, menú) y el pie de página apropiado.
Para ello, tienes dos recursos a tu disposición:
- Componentes web de cabecera y pie: Para utilizarlos, tienes que obtener los datos del menú y el pie a través de un microservicio del portal. También puedes utilizarlos para integrar una aplicación dentro de un portal sectorial, pero en este caso tendrás que generar la estructura de menú por tus propios medios.
- API de exportación de cabecera y pie: Ofrece el HTML prerenderizado de la cabecera y el pie del Portal de la Junta de Andalucía y de las webs orgánicas.
Más información sobre cómo integrar la navegación de un portal web en una aplicación
Arquetipos de aplicaciones
La Junta de Andalucía dispone de una plataforma tecnológica basada en Openshift en la que puedes desplegar tu aplicación una vez que esté desarrollada. Para ayudarte, se han desarrollado arquetipos de aplicaciones que se despliegan con facilidad en la plataforma y facilitan así el desarrollo de nuevas aplicaciones.
Tienes a tu disposición los siguientes arquetipos:
- Arquetipo de aplicación PHP en gitlab (solo accesible desde RCJA).
- Arquetipo de aplicación Angular en gitlab (solo accesible desde RCJA).