Subdirección de las Tecnologías de la Información y Comunicaciones
Área de Gobernanza y Calidad
Versión
Normativa front introducción global Vigente Versión: 1.0.0Estado: ACTIVOEntrada en vigor desde:Obligado cumplimiento desde: Sept-2023 | Normativa front introducción global PRE-RELEASE Versión: 1.0.0Estado: PRE-RELEASEEntrada en vigor desde:Obligado cumplimiento desde: - |
|---|
Tabla de Contenido
Cumplimiento Normativo
Las normas expuestas son de obligado cumplimiento. La STIC podrá estudiar los casos excepcionales los cuales serán gestionados a través de los responsables del proyecto correspondiente y autorizados por el Área de Gobernanza de la STIC. Asimismo cualquier aspecto no recogido en estas normas deberá regirse en primera instancia por las guías técnicas correspondientes al esquema nacional de seguridad y esquema nacional de interoperabilidad según correspondencia y en su defecto a los marcos normativos y de desarrollo software establecidos por la Junta de Andalucía, debiendo ser puesto de manifiesto ante la STIC.
La STIC se reserva el derecho a la modificación de la norma sin previo aviso, tras lo cual, notificará del cambio a los actores implicados para su adopción inmediata según la planificación de cada proyecto.
En el caso de que algún actor considere conveniente y/o necesario el incumplimiento de alguna de las normas y/o recomendaciones, deberá aportar previamente la correspondiente justificación fehaciente documentada de la solución alternativa propuesta, así como toda aquella documentación que le sea requerida por la STIC para proceder a su validación técnica.
Contacto Arquitectura: l-arquitectura.stic@juntadeandalucia.es
1. Introducción
El objetivo de esta sección es servir como guía para el correcto desarrollo de web components dentro del Servicio Andaluz de Salud.
La sección se subdivide en varias partes:
- Normativas de front para el desarrollo de software: Documento normativos de obligatorio cumplimiento durante el desarrollo de web components.
- Guías de desarrollo: Documentos que ayudan en el desarrollo de web components, en un aspecto muy concreto del mismo.
- Guías de diseño: Documentos que ayudan en el desarrollo de web componentes, pero más enfocados a la parte visual de los mismos.
A nivel visual, los tres grandes componentes de esta normativa son:
- Por una parte, todos los documentos que forman parte de esta normativa, descritos en los puntos anteriores y que se podrán ver pormenorizados en las tablas de contenido de la parte inferior de este documento.
- También se tendrá el desarrollo de todos los componentes que forman parte del catálogo de la STIC.
- En una primera iteración, los componentes siguen las normas y están basados en los propuestos por Material Design.
- Todos los componentes serán desarrollados usando un CLI basado en openwc y adaptado por el departamento de Arquitectura, que se puede encontrar en el siguiente repositorio: SAS-CLI
- Para poder acceder a este repositorio hay que solicitarlo mediante una CGES.
- La subida de componentes se ha automatizado desde el desarrollo y se hace contra el siguiente repositorio (sección npm): DML-SAS
- El catálogo de componentes a disposición de los desarrollos propuesto por el departamento de Arquitectura puede encontrarse en: WC-STIC-CATALOGO (master)
- Para poder acceder a este repositorio se articulará mediante petición de servicio a CGES.
- La visualización del catálogo completo de componentes se realizara a través de la herramienta storybookjs, el cual se ha adaptado a la visualización concreta de la STIC y llamado STICBOOK, y que se encuentra, con el catálogo de componentes propuestos, en la siguiente URL: STICBOOK
Normativas de front para el desarrollo de software
| Normativa | Descripción | Versión Activa | Versión Pre-Release | Fecha de Pre-release |
|---|---|---|---|---|
| Documento normativo y pautas sobre el uso de Atomic Web Design | 1.0 | 1.0 | - | |
| Documento normativo y pautas sobre el desarrollo de web components | 1.0 | 1.0 | pte de especificar | |
| Documento normativo y pautas sobre el uso del color en los web components a través del theming | 1.0 | 1.0 | pte de especificar | |
| Documento normativo y pautas sobre el uso de los distintos elementos tipográficos en los web components a través del theming | 1.0 | 1.0 | pte de especificar | |
| Documento normativo y pautas sobre el uso de los estados en los web components a través del theming | 1.0 | 1.0 | pte de especificar | |
| Documento normativo y pautas sobre el uso de las formas en los web components a través del theming | 1.0 | 1.0 | pte de especificar | |
| Documento normativo y pautas sobre el testing | pte de especificar | pte de especificar | pte de especificar |
Guías de desarrollo
| Guía Implementación | Descripción | Versión Activa | Versión Pre-Release | Fecha de Pre-release |
|---|---|---|---|---|
| Guia de implementación en base a Atomic Web-Design | 1.0 | 1.0 | - | |
| Guía de implementación acerca de cómo documentar correctamente los web components con las herramientas propuestas | 1.0 | 1.0 | pte de especificar | |
| Guía de implementación sobre la implementación y uso del theme en los web components y su extensión a otras áreas/proyectos | 1.0 | 1.0 | pte de especificar | |
| Guía de implementación sobre los distintos elementos que se deben tener en cuenta en el modelo model-view-modelview | 1.0 | 1.0 | pte de especificar | |
| Guía de implementación sobre la instalación, uso y desarrollo con el Scaffolding de la STIC | 1.0 | 1.0 | pte de especificar | |
| Guía de implementación sobre el testing | pte de especificar | pte de especificar | pte de especificar |
Guías de diseño
Guía de diseño Descripción Versión Activa Fecha de activa Versión Pre-Release Fecha de Pre-release Sistema de diseño Espacio de referencia donde se establecen las pautas que deben seguir los diseños de las aplicaciones en el sas 1.5
Vista general
Herramientas de contenido
- Impreso por Atlassian Confluence 8.7.2